@charset "UTF-8";
/* font */
/* 프리텐다드 */
@font-face {
	font-family: "Pretendard";
	font-weight: 900;
	font-display: swap;
	src: local("Pretendard Black"), url("../font/Pretendard-Black.woff2") format("woff2"), url("../font/Pretendard-Black.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 800;
	font-display: swap;
	src: local("Pretendard ExtraBold"), url("../font/Pretendard-ExtraBold.woff2") format("woff2"), url("../font/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 700;
	font-display: swap;
	src: local("Pretendard Bold"), url("../font/Pretendard-Bold.woff2") format("woff2"), url("../font/Pretendard-Bold.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 600;
	font-display: swap;
	src: local("Pretendard SemiBold"), url("../font/Pretendard-SemiBold.woff2") format("woff2"), url("../font/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 500;
	font-display: swap;
	src: local("Pretendard Medium"), url("../font/Pretendard-Medium.woff2") format("woff2"), url("../font/Pretendard-Medium.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 400;
	font-display: swap;
	src: local("Pretendard Regular"), url("../font/Pretendard-Regular.woff2") format("woff2"), url("../font/Pretendard-Regular.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 300;
	font-display: swap;
	src: local("Pretendard Light"), url("../font/Pretendard-Light.woff2") format("woff2"), url("../font/Pretendard-Light.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 200;
	font-display: swap;
	src: local("Pretendard ExtraLight"), url("../font/Pretendard-ExtraLight.woff2") format("woff2"), url("../font/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 100;
	font-display: swap;
	src: local("Pretendard Thin"), url("../font/Pretendard-Thin.woff2") format("woff2"), url("../font/Pretendard-Thin.woff") format("woff");
}
/* 우리다움체 */
@font-face {
	font-family: "Wooridaum";
	font-weight: 700;
	font-display: swap;
	src: local("WooridaumB"), url("../font/WooridaumB.woff2") format("woff2"), url("../font/WooridaumB.woff") format("woff");
}
@font-face {
	font-family: "Wooridaum";
	font-weight: 400;
	font-display: swap;
	src: local("WooridaumR"), url("../font/WooridaumR.woff2") format("woff2"), url("../font/WooridaumR.woff") format("woff");
}
@font-face {
	font-family: "Wooridaum";
	font-weight: 300;
	font-display: swap;
	src: local("WooridaumL"), url("../font/WooridaumL.woff2") format("woff2"), url("../font/WooridaumL.woff") format("woff");
}
/* Reset */
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 일부 안드로이드 브라우저를 위한 설정 */
	-webkit-focus-ring-color: transparent; /* 일부 최신 버전의 크롬을 위한 설정 */
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, strong, em, img, sub, sup, address, cite, pre, code, del, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, section, summary, time, mark, audio, video {
	padding: 0;
	margin: 0;
	font-size: inherit;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}

article, aside, figcaption, figure, footer, header, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

button, html input[type=button], input[type=reset], input[type=submit] {
	overflow: visible;
	-webkit-appearance: button;
	   -moz-appearance: button;
	        appearance: button;
	cursor: pointer;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input[data-type=number] {
	ime-mode: disabled;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto;
}

input[type=search] {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	-webkit-appearance: textfield;
	   -moz-appearance: textfield;
	        appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
	        appearance: none;
}

input::-ms-clear, input::-ms-reveal {
	display: none;
}

select::-ms-expand {
	display: none;
}

[disabled] {
	cursor: default;
}

html {
	overflow-y: scroll;
	font-size: 62.5%;
	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	        text-size-adjust: none;
}

body {
	width: 100%;
	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	        text-size-adjust: none;
}

input, button, select, textarea {
	padding: 0;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: 1;
	color: inherit;
	vertical-align: middle;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	background-color: transparent;
	border: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	outline: none;
}

caption, legend, hr {
	display: none;
}

em, address, i {
	font-style: normal;
}

img {
	height: auto;
	vertical-align: middle;
}

img, picture, video {
	max-width: 100%;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	        text-decoration-skip-ink: auto;
	color: currentColor;
}

strong, b {
	font-weight: normal;
	line-height: 1;
}

label {
	cursor: pointer;
}

textarea:not([rows]) {
	min-height: 10em;
}

input::-webkit-input-placeholder {
	line-height: normal;
	color: #999;
}

input:-moz-placeholder {
	line-height: normal;
	color: #999;
}

input::-moz-placeholder {
	line-height: normal;
	color: #999;
}

input:-ms-input-placeholder {
	line-height: normal;
	color: #999;
}

input::-ms-input-placeholder {
	line-height: normal;
	color: #999;
}

input::placeholder {
	line-height: normal;
	color: #999;
}

textarea::-webkit-input-placeholder {
	color: #999;
}

textarea:-moz-placeholder {
	color: #999;
}

textarea::-moz-placeholder {
	color: #999;
}

textarea:-ms-input-placeholder {
	color: #999;
}

textarea::-ms-input-placeholder {
	color: #999;
}

textarea::placeholder {
	color: #999;
}

/* html, body 설정 */
html {
	font-size: 62.5%;
	overflow-y: auto;
}

body {
	color: #111;
	font-family: "Pretendard", sans-serif;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: -0.02em;
	word-break: keep-all;
	overflow-wrap: break-word;
	background-color: #fff;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-touch-callout: none;
}

.clear {
	clear: both;
}

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

input,
select,
textarea {
	width: 100%;
}

button {
	font-family: inherit;
	line-height: initial;
	white-space: nowrap;
	background: transparent;
}

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0.1rem;
	height: 0.1rem;
	padding: 0;
	margin: -0.1rem;
	border: 0;
	clip: rect(0, 0, 0, 0);
}

.mt0 {
	margin-top: 0 !important;
}

.mt10 {
	margin-top: 1rem !important;
}

.mt20 {
	margin-top: 2rem !important;
}

.mt30 {
	margin-top: 3rem !important;
}

.mt40 {
	margin-top: 4rem !important;
}

.mt50 {
	margin-top: 5rem !important;
}

.mt60 {
	margin-top: 6rem !important;
}

.mt70 {
	margin-top: 7rem !important;
}

.mt80 {
	margin-top: 8rem !important;
}

.mt90 {
	margin-top: 9rem !important;
}

.mt100 {
	margin-top: 10rem !important;
}

.mr0 {
	margin-right: 0 !important;
}

.mr10 {
	margin-right: 1rem !important;
}

.mr20 {
	margin-right: 2rem !important;
}

.mr30 {
	margin-right: 3rem !important;
}

.mr40 {
	margin-right: 4rem !important;
}

.mr50 {
	margin-right: 5rem !important;
}

.mr60 {
	margin-right: 6rem !important;
}

.mr70 {
	margin-right: 7rem !important;
}

.mr80 {
	margin-right: 8rem !important;
}

.mr90 {
	margin-right: 9rem !important;
}

.mr100 {
	margin-right: 10rem !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb10 {
	margin-bottom: 1rem !important;
}

.mb20 {
	margin-bottom: 2rem !important;
}

.mb30 {
	margin-bottom: 3rem !important;
}

.mb40 {
	margin-bottom: 4rem !important;
}

.mb50 {
	margin-bottom: 5rem !important;
}

.mb60 {
	margin-bottom: 6rem !important;
}

.mb70 {
	margin-bottom: 7rem !important;
}

.mb80 {
	margin-bottom: 8rem !important;
}

.mb90 {
	margin-bottom: 9rem !important;
}

.mb100 {
	margin-bottom: 10rem !important;
}

.ml0 {
	margin-left: 0 !important;
}

.ml10 {
	margin-left: 1rem !important;
}

.ml20 {
	margin-left: 2rem !important;
}

.ml30 {
	margin-left: 3rem !important;
}

.ml40 {
	margin-left: 4rem !important;
}

.ml50 {
	margin-left: 5rem !important;
}

.ml60 {
	margin-left: 6rem !important;
}

.ml70 {
	margin-left: 7rem !important;
}

.ml80 {
	margin-left: 8rem !important;
}

.ml90 {
	margin-left: 9rem !important;
}

.ml100 {
	margin-left: 10rem !important;
}

.mt16 {
	margin-top: 1.6rem !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pt10 {
	padding-top: 1rem !important;
}

.pt20 {
	padding-top: 2rem !important;
}

.pt30 {
	padding-top: 3rem !important;
}

.pt40 {
	padding-top: 4rem !important;
}

.pt50 {
	padding-top: 5rem !important;
}

.pt60 {
	padding-top: 6rem !important;
}

.pt70 {
	padding-top: 7rem !important;
}

.pt80 {
	padding-top: 8rem !important;
}

.pt90 {
	padding-top: 9rem !important;
}

.pt100 {
	padding-top: 10rem !important;
}

.pr0 {
	padding-right: 0 !important;
}

.pr10 {
	padding-right: 1rem !important;
}

.pr20 {
	padding-right: 2rem !important;
}

.pr30 {
	padding-right: 3rem !important;
}

.pr40 {
	padding-right: 4rem !important;
}

.pr50 {
	padding-right: 5rem !important;
}

.pr60 {
	padding-right: 6rem !important;
}

.pr70 {
	padding-right: 7rem !important;
}

.pr80 {
	padding-right: 8rem !important;
}

.pr90 {
	padding-right: 9rem !important;
}

.pr10 {
	padding-right: 10rem !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pb10 {
	padding-bottom: 1rem !important;
}

.pb20 {
	padding-bottom: 2rem !important;
}

.pb30 {
	padding-bottom: 3rem !important;
}

.pb40 {
	padding-bottom: 4rem !important;
}

.pb50 {
	padding-bottom: 5rem !important;
}

.pb60 {
	padding-bottom: 6rem !important;
}

.pb70 {
	padding-bottom: 7rem !important;
}

.pb80 {
	padding-bottom: 8rem !important;
}

.pb90 {
	padding-bottom: 9rem !important;
}

.pb100 {
	padding-bottom: 10rem !important;
}

.pl0 {
	padding-left: 0 !important;
}

.pl10 {
	padding-left: 1rem !important;
}

.pl20 {
	padding-left: 2rem !important;
}

.pl30 {
	padding-left: 3rem !important;
}

.pl40 {
	padding-left: 4rem !important;
}

.pl50 {
	padding-left: 5rem !important;
}

.pl60 {
	padding-left: 6rem !important;
}

.pl70 {
	padding-left: 7rem !important;
}

.pl80 {
	padding-left: 8rem !important;
}

.pl90 {
	padding-left: 9rem !important;
}

.pl100 {
	padding-left: 10rem !important;
}

.ta-center {
	text-align: center;
}

.ta-left {
	text-align: left;
}

.ta-right {
	text-align: right;
}

.fc-666 {
	color: #666;
}

@media (max-width: 1440px) {
	html {
		font-size: 0.7143vw;
	}
}
@media (max-width: 1024px) {
	html {
		font-size: 62.5%;
		font-size: 1.5625vw;
	}
}
@media (max-width: 768px) {
	html {
		font-size: 62.5%;
	}
	html,
body {
		-ms-scroll-chaining: none;
		    overscroll-behavior: none;
	}
}
@media (max-width: 320px) {
	html {
		font-size: 56.25%;
	}
}
#wrap {
	position: relative;
	width: 100%;
	background-color: #fff;
}

[class^=inner] {
	position: relative;
	max-width: 140rem;
	min-width: 32rem;
	margin: 0 auto;
	padding-left: 4rem;
	padding-right: 4rem;
}
[class^=inner].full {
	max-width: 100%;
}

#skip a {
	display: none;
	position: fixed;
	left: -3000%;
}
#skip a:focus {
	left: 0;
	top: 0;
	width: 100%;
	height: 6rem;
	text-align: center;
	color: #fff;
	line-height: 6rem;
	background-color: #000;
	z-index: 9999;
}

#container {
	min-height: 50vh;
}
#container section {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#container.ofx-hidden {
	width: 100%;
	overflow-x: hidden;
}

#content {
	padding: 10rem 0 31rem;
}

.section + .section {
	margin-top: 20rem;
}
.section .inner + .inner {
	margin-top: 8rem;
}
.section .tit + [class^=txt-] {
	margin-top: 2rem;
}
.section .cont {
	margin-top: 4rem;
}
.section .cont.space60 {
	margin-top: 6rem;
}
.section .cont.space100 {
	margin-top: 10rem;
}

.dim {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	z-index: 998;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	pointer-events: none;
}
.dim.is-show {
	opacity: 1;
	pointer-events: all;
}

#btnTop {
	display: block;
	position: fixed;
	right: 50%;
	bottom: 0;
	width: 7rem;
	height: 7rem;
	margin-right: -66rem;
	margin-bottom: 4rem;
	text-indent: -999em;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background: url("../images/icon/ico-top-btn.svg") no-repeat center/cover;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	pointer-events: none;
	z-index: 100;
}
#btnTop.is-show {
	opacity: 1;
	pointer-events: all;
}
#btnTop.is-absolute {
	position: absolute;
}

.pc-only {
	display: block;
}

.mo-only {
	display: none;
}

.random-wrap .random-item {
	display: none;
}
.random-wrap .random-item.is-show {
	display: block;
}

@media (max-width: 1400px) {
	#btnTop {
		right: 4rem;
		margin-right: auto;
	}
}
@media (max-width: 1024px) {
	[class^=inner] {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	#content {
		padding: 6rem 0 11.2rem;
	}
	.section + .section {
		margin-top: 6rem;
	}
	.section .inner + .inner {
		margin-top: 0;
	}
	.section .tit + [class^=txt-] {
		margin-top: 1.2rem;
	}
	.section .cont {
		margin-top: 2rem;
	}
	.section .cont.space60 {
		margin-top: 2rem;
	}
	.section .cont.space100 {
		margin-top: 4rem;
	}
	#btnTop {
		right: 2rem;
		width: 4rem;
		height: 4rem;
		margin-bottom: 1.6rem;
	}
	.pc-only {
		display: none;
	}
	.mo-only {
		display: block;
	}
}
@media (max-width: 768px) {
	#wrap {
		-ms-scroll-chaining: none;
		    overscroll-behavior: none;
	}
}
/* header */
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 12rem;
	background-color: white;
	z-index: 999;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
#header::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 0.1rem;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	background-color: #ddd;
	opacity: 0;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 998;
}
#header .inner {
	height: 100%;
}
#header .logo {
	position: absolute;
	top: 4.5rem;
	left: 4rem;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 20;
}
#header .logo a {
	display: block;
	width: 17rem;
	height: 3rem;
	text-indent: -999rem;
	background: url("../images/common/logo-b.png") no-repeat left top/auto 100%;
}
#header.is-scroll::before, #header.gnb-open::before {
	opacity: 1;
}
#header.is-scroll .gnb-depth1 > li > a,
#header.is-scroll .gnb-depth2 > li > a,
#header.is-scroll .gnb-depth3 > li > a,
#header.is-scroll .lang-choice .btn-lang.is-current, #header.gnb-open .gnb-depth1 > li > a,
#header.gnb-open .gnb-depth2 > li > a,
#header.gnb-open .gnb-depth3 > li > a,
#header.gnb-open .lang-choice .btn-lang.is-current {
	color: #111;
}
#header.gnb-open .gnb-depth1 > li > a span::after {
	display: block;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
#header.gnb-open .gnb-depth2,
#header.gnb-open .gnb-depth3 {
	display: block;
}
#header.gnb-open .ef-fade {
	-webkit-animation: efFadeIn ease-in 0.5s forwards;
	   -moz-animation: efFadeIn ease-in 0.5s forwards;
	     -o-animation: efFadeIn ease-in 0.5s forwards;
	        animation: efFadeIn ease-in 0.5s forwards;
}
#header.gnb-open .gnb-wrap::before {
	opacity: 1;
	-webkit-transform: scaleY(1);
	   -moz-transform: scaleY(1);
	    -ms-transform: scaleY(1);
	     -o-transform: scaleY(1);
	        transform: scaleY(1);
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
#header .dim {
	display: none;
}

.gnb-wrap {
	position: fixed;
	left: 0;
	right: 0;
	height: auto;
}
.gnb-wrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	-webkit-transform: scaleY(0);
	   -moz-transform: scaleY(0);
	    -ms-transform: scaleY(0);
	     -o-transform: scaleY(0);
	        transform: scaleY(0);
	-webkit-transform-origin: top;
	   -moz-transform-origin: top;
	    -ms-transform-origin: top;
	     -o-transform-origin: top;
	        transform-origin: top;
}

#gnb {
	position: relative;
	text-align: center;
	padding-left: 18.5rem;
}

.gnb-depth1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	margin: 0 auto;
	-webkit-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	transition: 0.4s ease;
}
.gnb-depth1 > li:nth-child(1) {
	width: 20.3rem;
	min-width: 20.3rem;
}
.gnb-depth1 > li:nth-child(2) {
	width: 20.3rem;
	min-width: 20.3rem;
}
.gnb-depth1 > li:nth-child(3) {
	width: 24.5rem;
	min-width: 24.5rem;
}
.gnb-depth1 > li:nth-child(4) {
	width: 24.5rem;
	min-width: 24.5rem;
}
.gnb-depth1 > li:nth-child(5) {
	width: 16.6rem;
	min-width: 16.6rem;
}
.gnb-depth1 > li > a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 12rem;
	color: #111;
	font-size: 2.4rem;
	font-weight: 700;
}
.gnb-depth1 > li > a span {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
}
.gnb-depth1 > li > a span::after {
	content: "";
	display: none;
	position: absolute;
	bottom: 0.1rem;
	left: 0;
	width: 0;
	height: 0.3rem;
	background-color: #15161f;
}
.gnb-depth1 > li:hover > a span::after, .gnb-depth1 > li.active > a span::after {
	width: 100%;
}

.gnb-depth2 {
	display: none;
	text-align: left;
	opacity: 0;
}

.gnb-depth2 {
	position: relative;
	margin: 4.7rem 0 5rem;
}
.gnb-depth2 > li > a {
	display: block;
	padding: 1rem 0;
	color: #111;
	font-size: 2rem;
	font-weight: 500;
	white-space: nowrap;
}

.depth2-gap {
	margin-top: 2.7rem;
}

.gnb-depth3 {
	position: relative;
}
.gnb-depth3 > li > a {
	display: block;
	padding: 0.3rem 0;
	color: #111;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	white-space: nowrap;
}
.gnb-depth3 > li > a:hover {
	color: #0368da;
}

.gnb-depth2 > li:last-child .gnb-depth3 {
	margin-bottom: 0.9rem;
}

.lang-choice {
	position: absolute;
	top: 3.8rem;
	right: 3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	z-index: 20;
}
.lang-choice .btn-lang {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 4.4rem;
	height: 4.4rem;
	color: #999;
	font-size: 1.8rem;
	font-weight: 700;
}
.lang-choice .btn-lang.is-current {
	color: #111;
}

#wrap.main #header:not(.gnb-open) {
	background-color: rgba(255, 255, 255, 0);
}
#wrap.main #header:not(.gnb-open)::before {
	opacity: 0;
}
#wrap.main #header:not(.gnb-open) .logo a {
	background-image: url("../images/common/logo-w.png");
}
#wrap.main #header:not(.gnb-open) .gnb-depth1 > li > a,
#wrap.main #header:not(.gnb-open) .gnb-depth2 > li > a,
#wrap.main #header:not(.gnb-open) .gnb-depth3 > li > a,
#wrap.main #header:not(.gnb-open) .lang-choice .btn-lang.is-current {
	color: #fff;
}

.mo-gnb-logo,
.mo-btn-lang,
.btn-gnb-open,
.btn-gnb-close {
	display: none;
}

@-webkit-keyframes efFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes efFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes efFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes efFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes efFadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-moz-keyframes efFadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-o-keyframes efFadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes efFadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@media (max-width: 1024px) {
	#header {
		height: 6rem;
	}
	#header.is-hide {
		top: -6rem;
	}
	#header .logo {
		top: 2rem;
		left: 2rem;
	}
	#header .logo a {
		width: 12rem;
		height: 2rem;
	}
	#header.gnb-open .ef-fade {
		-webkit-animation: unset;
		   -moz-animation: unset;
		     -o-animation: unset;
		        animation: unset;
	}
	#header.mo-gnb-open .gnb-wrap {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		    -ms-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
	}
	#header .dim {
		display: block;
		height: 6rem;
	}
	.gnb-wrap {
		left: auto;
		width: 100%;
		max-width: 50rem;
		min-width: 28rem;
		height: 100vh;
		height: 100dvh;
		padding: 9rem 0 4rem;
		-webkit-transform: translateX(100%);
		   -moz-transform: translateX(100%);
		    -ms-transform: translateX(100%);
		     -o-transform: translateX(100%);
		        transform: translateX(100%);
		-webkit-transition: -webkit-transform 0.5s ease;
		transition: -webkit-transform 0.5s ease;
		-o-transition: -o-transform 0.5s ease;
		-moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
		transition: transform 0.5s ease;
		transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
		z-index: 998;
	}
	.gnb-wrap::before {
		opacity: 1;
		-webkit-transform: scaleY(1);
		   -moz-transform: scaleY(1);
		    -ms-transform: scaleY(1);
		     -o-transform: scaleY(1);
		        transform: scaleY(1);
		background-color: #fff;
	}
	.scroll-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		height: -webkit-calc(100vh - 9rem);
		height: -moz-calc(100vh - 9rem);
		height: calc(100vh - 9rem);
		height: -webkit-calc(100dvh - 9rem);
		height: -moz-calc(100dvh - 9rem);
		height: calc(100dvh - 9rem);
		overflow-x: hidden;
		overflow-y: auto;
	}
	#gnb {
		text-align: left;
		margin-top: -4rem;
		padding: 0 4rem;
	}
	.gnb-depth1 {
		display: block;
	}
	.gnb-depth1 > li {
		padding: 2.5rem 0;
	}
	.gnb-depth1 > li:nth-child(1), .gnb-depth1 > li:nth-child(2), .gnb-depth1 > li:nth-child(3), .gnb-depth1 > li:nth-child(4), .gnb-depth1 > li:nth-child(5) {
		width: 100%;
	}
	.gnb-depth1 > li:not(:first-child) {
		border-top: 0.1rem solid #ddd;
	}
	.gnb-depth1 > li > a {
		pointer-events: none;
		height: auto;
		padding: 1.5rem 0;
		line-height: 1.5;
	}
	.gnb-depth1 > li > a span {
		display: block;
	}
	.gnb-depth1 > li > a span::after {
		display: none;
		background-color: transparent;
	}
	.gnb-depth1:hover > a span::after, .gnb-depth1.active > a span::after {
		display: none;
		width: 0;
	}
	.gnb-depth2 {
		display: block;
		opacity: 1;
		margin: 0;
	}
	.gnb-depth2 > li > a {
		padding: 1.5rem 0;
		font-weight: 400;
		line-height: 1.2;
	}
	.depth2-gap {
		margin-top: 0.3rem;
	}
	.gnb-depth3 {
		margin: -0.1rem 0 0.9rem 2rem;
	}
	.gnb-depth3 > li > a {
		padding: 0.6rem 0;
		color: #666;
		line-height: 1.5;
	}
	.gnb-depth1 > li > a,
.gnb-depth2 > li > a,
.gnb-depth3 > li > a {
		color: #111;
	}
	.lang-choice {
		display: none;
	}
	.mo-btn-lang {
		position: relative;
		display: block;
		height: 5rem;
		text-align: center;
		margin: auto 4rem 4rem;
		color: #111;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 5rem;
		border: 0.1rem solid #aeaeae;
	}
	.btn-gnb-open,
.btn-gnb-close {
		position: absolute;
		top: 0;
		right: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		transition: 0.3s ease;
		z-index: 20;
	}
	.btn-gnb-open {
		width: 6rem;
		height: 6rem;
	}
	.btn-gnb-close {
		top: 2.8rem;
		right: 4rem;
		width: 2.4rem;
		height: 2.4rem;
		z-index: 1000;
	}
	#wrap.main #header:not(.gnb-open) .btn-gnb-open .ic-gnb-open {
		background-image: url("../images/icon/ico-gnb-open-w.svg");
	}
	#wrap.main #header:not(.gnb-open) .gnb-depth1 > li > a,
#wrap.main #header:not(.gnb-open) .gnb-depth2 > li > a,
#wrap.main #header:not(.gnb-open) .gnb-depth3 > li > a {
		color: #111;
	}
	#wrap.main #header.mo-gnb-open .logo {
		pointer-events: none;
		opacity: 0.6;
	}
	#wrap.main #header.mo-gnb-open .dim.is-show {
		opacity: 0;
		z-index: -1;
	}
}
@media (max-width: 768px) {
	.gnb-wrap {
		max-width: 100%;
	}
	.gnb-wrap .mo-gnb-logo {
		position: absolute;
		top: 3rem;
		left: 4rem;
		display: block;
		width: 12rem;
		height: 2rem;
		text-indent: -999rem;
		background: url("../images/common/logo-b.png") no-repeat left top/auto 100%;
	}
}
/* footer */
#footer {
	background-color: #15161f;
	padding-top: 9rem;
	padding-bottom: 9rem;
}
#footer .inner {
	padding-top: 3rem;
	padding-bottom: 3rem;
	font-size: 0;
}

#foot-gnb {
	margin: 0.7rem 0 2rem;
}
#foot-gnb::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 4rem;
	right: 4rem;
	height: 0.1rem;
	background-color: #4d4d4d;
}
#foot-gnb > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 92.3rem;
	gap: 1rem;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
#foot-gnb > ul > li:nth-child(1) {
	width: 24rem;
}
#foot-gnb > ul > li:nth-child(2) {
	width: 24rem;
}
#foot-gnb > ul > li:nth-child(3) {
	width: 24rem;
}
#foot-gnb > ul > li:nth-child(4) {
	width: 24rem;
}
#foot-gnb > ul > li:nth-child(5) {
	width: 21rem;
}
#foot-gnb > ul > li > a {
	color: #fff;
	font-weight: 700;
	line-height: 1.4;
}
#foot-gnb > ul > li > ul > li > ul {
	margin-top: -0.1rem;
	padding-bottom: 0.7rem;
}
#foot-gnb > ul > li > ul > li > ul > li > a {
	padding: 0.3rem 0;
	color: rgba(255, 255, 255, 0.4);
	font-size: 1.6rem;
	line-height: 1.5;
}
#foot-gnb a {
	display: block;
	padding: 1rem 0;
	color: #999;
	font-size: 1.8rem;
	font-weight: 400;
}

.foot-menu {
	margin-right: auto;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.foot-menu a {
	display: inline-block;
	margin-right: 2.4rem;
	color: #999;
	font-size: 1.8rem;
	font-weight: 400;
	white-space: nowrap;
}
.foot-menu em {
	font-weight: 700;
}

.foot-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	   -moz-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	color: #999;
	font-size: 1.6rem;
}
.foot-info > * {
	margin-top: 2rem;
}
.foot-info .info-company span {
	display: inline-block;
}
.foot-info .info-copyright {
	font-size: 1.2rem;
}

.foot-family {
	position: absolute;
	top: 3rem;
	right: 4rem;
	z-index: 101;
}
.foot-family .family-collaps {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
	height: 4.6rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6;
}
.foot-family .family-collaps > span {
	padding-right: 1.2rem;
}
.foot-family .family-collaps::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 0.5rem solid #fff;
	border-left: 0.4rem solid transparent;
	border-right: 0.4rem solid transparent;
	-webkit-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	transition: 0.2s ease;
}
.foot-family .family-list {
	position: absolute;
	right: 0;
	bottom: 4.6rem;
	max-height: 0;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
	overflow: hidden;
}
.foot-family .family-list .family-list-inner {
	width: 20rem;
	padding: 2rem;
	border: 0.1rem solid #4d4d4d;
	background-color: #15161f;
}
.foot-family .family-list ul {
	height: 30.6rem;
	overflow-y: auto;
}
.foot-family .family-list ul::-webkit-scrollbar {
	width: 0.6rem;
	height: 0.6rem;
}
.foot-family .family-list ul::-webkit-scrollbar-track {
	background: #4d4d4d;
}
.foot-family .family-list ul::-webkit-scrollbar-thumb {
	background: #4d4d4d;
	-webkit-border-radius: 2rem;
	        border-radius: 2rem;
	opacity: 1;
}
.foot-family .family-list ul::-webkit-scrollbar-thumb:hover {
	background: #4d4d4d;
	opacity: 1;
}
.foot-family .family-list ul::-webkit-scrollbar-track-piece {
	background: #15161f;
}
.foot-family .family-list li {
	color: #999;
	font-size: 1.6rem;
	font-weight: 400;
}
.foot-family .family-list li:not(:first-child) {
	margin-top: 2rem;
}
.foot-family.is-open .family-collaps::after {
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	     -o-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}
.foot-family.is-open .family-list {
	max-height: 100vh;
}

.btn.foot-link {
	position: absolute;
	right: 4rem;
	top: -39.6rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	min-width: 20rem;
	height: 6rem;
	padding: 0 2rem;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	border: 0.2rem solid rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 3.4rem;
	   -moz-border-radius: 3.4rem;
	        border-radius: 3.4rem;
}
.btn.foot-link::after {
	content: "";
	width: 0.8rem;
	height: 1.4rem;
	margin-left: 2rem;
	background: url("../images/icon/ico-foot-link.svg") no-repeat center/cover;
}

@media (max-width: 1024px) {
	/* footer */
	#footer {
		padding-top: 2.4rem;
		padding-bottom: 4rem;
	}
	#footer .inner {
		padding-top: 0;
		padding-bottom: 0;
	}
	.foot-menu {
		display: block;
		margin-right: auto;
		padding: 3rem 0;
		border-bottom: 0.1rem solid #4d4d4d;
	}
	.foot-menu a {
		display: block;
		margin-right: 0;
		font-size: 1.4rem;
		line-height: 1.57;
	}
	.foot-menu a:not(:first-child) {
		margin-top: 1.6rem;
	}
	.foot-info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		   -moz-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		margin-top: 0.8rem;
		font-size: 1.4rem;
	}
	.foot-info > * {
		margin-top: 1.6rem;
	}
	.foot-info .info-company span {
		display: block;
		line-height: 1.6;
	}
	.foot-info .info-company span.line {
		display: none;
	}
	.foot-family {
		position: relative;
		top: unset;
		left: unset;
		right: unset;
		border-bottom: 0.1rem solid #4d4d4d;
	}
	.foot-family .family-collaps {
		height: 5.8rem;
	}
	.foot-family .family-list {
		left: 0;
		top: 5.8rem;
		bottom: auto;
		width: 100%;
	}
	.foot-family .family-list .family-list-inner {
		width: 100%;
	}
	.foot-family .family-list ul {
		height: 33.8rem;
	}
	.foot-family .family-list li {
		font-size: 1.4rem;
	}
	.foot-family .family-list li:not(:first-child) {
		margin-top: 1.6rem;
	}
	.btn.foot-link {
		display: none;
		position: relative;
		right: unset;
		top: unset;
		width: 100%;
		height: 5.8rem;
		margin: 1.4rem 0 -1.4rem;
		padding: 0;
		font-size: 1.6rem;
		border: none;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
	}
}
/* Form */
label {
	cursor: pointer;
}

textarea {
	border: 0.1rem solid #ddd;
	-webkit-border-radius: 0.2rem;
	   -moz-border-radius: 0.2rem;
	        border-radius: 0.2rem;
	resize: none;
}

select {
	height: 6.4rem;
	padding: 0 2rem;
	color: #111;
	font-size: 2.4rem;
	border: 0.1rem solid #ddd;
	background: #fff;
}

select[disabled] {
	color: #666;
	background: #f6f6f6;
}

input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],
textarea {
	width: 100%;
	vertical-align: middle;
	height: 6.4rem;
	padding: 0 2rem;
	color: #111;
	font-size: 2.4rem;
	border: 0.1rem solid #ddd;
	-webkit-border-radius: 0.2rem;
	   -moz-border-radius: 0.2rem;
	        border-radius: 0.2rem;
	background: #fff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
input[type=tel]:focus,
input[type=time]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=url]:focus,
input[type=number]:focus,
input[type=date]:focus,
textarea:focus {
	border-color: #111;
}

input::-webkit-input-placeholder {
	color: #999;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 100%;
}

textarea {
	height: auto;
	padding: 1.8rem 2rem;
}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled] {
	color: #111;
	font-size: 2.4rem;
	border-color: #ddd;
	background: #f6f6f6;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

textarea[readonly],
textarea[disabled] {
	padding: 1.8rem 2rem;
	color: #111;
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 140%;
	border: 0.1rem solid #ddd;
	background: #f6f6f6;
}

/* input-group */
.input-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
	width: 100%;
}
.input-group .item-space {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #666;
	font-size: 2rem;
}

.file-upload .input-item + .btn {
	min-width: 20rem;
}

.input-item {
	position: relative;
}
.input-item input[type=text]:not([readonly], [disabled]),
.input-item input[type=password]:not([readonly], [disabled]),
.input-item input[type=number]:not([readonly], [disabled]),
.input-item input[type=email]:not([readonly], [disabled]),
.input-item input[type=url]:not([readonly], [disabled]),
.input-item input[type=tel]:not([readonly], [disabled]),
.input-item textarea:not([readonly], [disabled]) {
	padding-right: 7.2rem;
}
.input-item input[type=text][readonly] + .btn-reset, .input-item input[type=text][disabled] + .btn-reset,
.input-item input[type=password][readonly] + .btn-reset,
.input-item input[type=password][disabled] + .btn-reset,
.input-item input[type=number][readonly] + .btn-reset,
.input-item input[type=number][disabled] + .btn-reset,
.input-item input[type=email][readonly] + .btn-reset,
.input-item input[type=email][disabled] + .btn-reset,
.input-item input[type=url][readonly] + .btn-reset,
.input-item input[type=url][disabled] + .btn-reset,
.input-item input[type=tel][readonly] + .btn-reset,
.input-item input[type=tel][disabled] + .btn-reset,
.input-item textarea[readonly] + .btn-reset,
.input-item textarea[disabled] + .btn-reset {
	display: none;
}
.input-item textarea {
	line-height: 1.4;
}
.input-item .txt-count {
	position: absolute;
	right: 2rem;
	bottom: 2rem;
	color: #bdbdbd;
	font-size: 2rem;
	z-index: 2;
}
.input-item .txt-count em {
	font-weight: 700;
}

.textarea-box {
	border: 0.1rem solid #ddd;
	padding-top: 1.8rem;
	padding-bottom: 6.4rem;
}
.textarea-box textarea {
	padding-top: 0;
	padding-bottom: 0;
	border: none;
}

.control [class^=msg-] {
	font-size: 2rem;
	margin-top: 0.8rem;
}
.control .msg-error {
	display: none;
	color: #d70d00;
}
.control .msg-success {
	display: none;
	color: #0064ff;
}
.control .msg-info {
	position: relative;
	margin-top: 1.6rem;
	padding-left: 1.2rem;
	color: #666;
}
.control .msg-info::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1.2rem;
	width: 0.4rem;
	height: 0.4rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
}
.control .input-item .btn-reset {
	display: none;
	position: absolute;
	top: 1.2rem;
	right: 1.6rem;
}
.control .input-item .btn-reset.show {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
.control.is-error input[type=text],
.control.is-error input[type=password],
.control.is-error input[type=number],
.control.is-error input[type=email],
.control.is-error input[type=url],
.control.is-error input[type=tel],
.control.is-error textarea {
	border-color: #d70d00;
}
.control.is-error .msg-error {
	display: block;
}
.control.is-error .msg-success {
	display: none;
}
.control.is-success input[type=text],
.control.is-success input[type=password],
.control.is-success input[type=number],
.control.is-success input[type=email],
.control.is-success input[type=url],
.control.is-success input[type=tel],
.control.is-success textarea {
	border-color: #0064ff;
}
.control.is-success .msg-error {
	display: none;
}
.control.is-success .msg-success {
	display: block;
}
.control.show {
	display: block;
}
.control.hide {
	display: none;
}

.check-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.check-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}
.check-item input {
	width: 0.1rem;
	height: 0.1rem;
	padding: 0;
	border: 0;
	margin: -0.1rem;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	position: absolute;
}
.check-item input + .check-label::before {
	content: "";
	width: 4rem;
	height: 4rem;
}
.check-item input[type=checkbox] + .check-label::before {
	background: url("../images/icon/ico-radio-40.svg") no-repeat center/cover;
}
.check-item input[type=checkbox]:checked + .check-label::before {
	background: url("../images/icon/ico-radio-40-checked.svg") no-repeat center/cover;
}
.check-item input[type=radio] + .check-label::before {
	background: url("../images/icon/ico-radio-40.svg") no-repeat center/cover;
}
.check-item input[type=radio]:checked + .check-label::before {
	background: url("../images/icon/ico-radio-40-checked.svg") no-repeat center/cover;
}
.check-item .check-label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.check-item .check-label .label-txt {
	margin: 0 6rem 0 1rem;
	color: #111;
	font-size: 2.4rem;
}

.select-item {
	position: relative;
	width: 100%;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.select-item select {
	padding-right: 7.2rem;
	background: url("../images/icon/ico-dropdown-32.svg") no-repeat right 2rem center/3.2rem 3.2rem;
}

/* 이메일 자동완성 */
/* ================================== media query ================================== */
@media (max-width: 1024px) {
	select {
		height: 4.8rem;
		padding: 0 1.6rem;
		font-size: 1.6rem;
	}
	input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],
textarea {
		height: 4.8rem;
		padding: 0 1.6rem;
		font-size: 1.6rem;
	}
	input::-webkit-input-placeholder {
		font-size: 1.6rem;
	}
	textarea {
		padding: 1.6rem;
	}
	input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled] {
		font-size: 1.6rem;
	}
	textarea[readonly],
textarea[disabled] {
		padding: 1.6rem;
		font-size: 1.6rem;
	}
	/* input-group */
	.input-group {
		gap: 0.8rem;
	}
	.input-group .item-space {
		font-size: 1.4rem;
	}
	.file-upload .input-item + .btn {
		width: auto;
		min-width: 9rem;
	}
	.input-item input[type=text]:not([readonly], [disabled]),
.input-item input[type=password]:not([readonly], [disabled]),
.input-item input[type=number]:not([readonly], [disabled]),
.input-item input[type=email]:not([readonly], [disabled]),
.input-item input[type=url]:not([readonly], [disabled]),
.input-item input[type=tel]:not([readonly], [disabled]),
.input-item textarea:not([readonly], [disabled]) {
		padding-right: 5.6rem;
	}
	.input-item .txt-count {
		right: 2rem;
		bottom: 2rem;
		font-size: 1.6rem;
	}
	.textarea-box {
		padding-top: 1.6rem;
		padding-bottom: 5.6rem;
	}
	.control [class^=msg-] {
		margin-top: 0.4rem;
		font-size: 1.6rem;
	}
	.control .msg-info {
		margin-top: 1.2rem;
	}
	.control .msg-info::before {
		top: 0.9rem;
	}
	.check-group.col2 .check-item {
		width: 50%;
	}
	.check-group.col3 .check-item {
		width: 33.3333%;
	}
	.check-item input + .check-label::before {
		width: 2.4rem;
		height: 2.4rem;
	}
	.check-item input[type=checkbox] + .check-label::before {
		background-image: url("../images/icon/ico-radio-24.svg") no-repeat center/cover;
	}
	.check-item input[type=checkbox]:checked + .check-label::before {
		background-image: url("../images/icon/ico-radio-24-checked.svg") no-repeat center/cover;
	}
	.check-item input[type=radio] + .check-label::before {
		background-image: url("../images/icon/ico-radio-24.svg") no-repeat center/cover;
	}
	.check-item input[type=radio]:checked + .check-label::before {
		background-image: url("../images/icon/ico-radio-24-checked.svg") no-repeat center/cover;
	}
	.check-item .check-label .label-txt {
		margin: 0 2rem 0 0.6rem;
		font-size: 1.6rem;
	}
	.select-item select {
		padding-right: 4rem;
		background: url("../images/icon/ico-dropdown-24.svg") no-repeat right 1.6rem center/2.4rem 2.4rem;
	}
}
.h1, .h2, .h3, .h4 {
	color: #111;
	word-break: keep-all;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
.h1 span, .h2 span, .h3 span, .h4 span {
	display: block;
}

.h2 {
	font-size: 7rem;
	font-weight: 700;
}

.h3 {
	font-size: 5rem;
	font-weight: 700;
	line-height: 1.3;
}

.h4 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.h4 + .cont {
	margin-top: 4.8rem;
}

.tit + [class^=txt-] {
	color: #666;
}

[class^=txt-] {
	color: #111;
}
[class^=txt-] + [class^=txt-] {
	margin-top: 1.6rem;
}
[class^=txt-] + .guide-list {
	margin-top: 6rem;
}

.txt-b {
	font-size: 4rem;
	font-weight: 700;
}

.txt-m {
	font-size: 2.8rem;
	font-weight: 400;
}

.txt-s {
	font-size: 2rem;
	font-weight: 400;
}

.txt-list li {
	position: relative;
	line-height: 1.4;
}
.txt-list li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
}
.txt-list.txt-m li:not(:first-child) {
	margin-top: 0.8rem;
}
.txt-list.txt-s li:not(:first-child) {
	margin-top: 0.4rem;
}
.txt-list.bul li::before {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #111;
}
.txt-list.bul.guide li::before {
	background-color: #666;
}
.txt-list.bul.txt-m li {
	padding-left: 1.8rem;
}
.txt-list.bul.txt-m li::before {
	top: 1.2rem;
	width: 0.6rem;
	height: 0.6rem;
}
.txt-list.bul.txt-s li {
	padding-left: 1.2rem;
}
.txt-list.bul.txt-s li::before {
	top: 1.2rem;
	width: 0.4rem;
	height: 0.4rem;
}
.txt-list.dash li::before {
	content: "-";
	top: -0.1rem;
}
.txt-list.dash.txt-m li {
	padding-left: 2.2rem;
}
.txt-list.dash.txt-s li {
	padding-left: 1.6rem;
}
.txt-list.num {
	counter-reset: list-number 0;
}
.txt-list.num li::before {
	content: counter(list-number) ".";
	counter-increment: list-number 1;
	top: 0;
}
.txt-list.num.txt-m li {
	padding-left: 2.8rem;
}
.txt-list.num.txt-s li {
	padding-left: 2.2rem;
}

.guide-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	   -moz-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: -6rem;
}
.guide-wrap .btn {
	min-width: 20rem;
	padding: 0 2rem;
}

.guide-list li {
	position: relative;
	padding-left: 1.2rem;
	color: #666;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.6;
}
.guide-list li:not(:first-child) {
	margin-top: 0.4rem;
}
.guide-list li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1.2rem;
	width: 0.4rem;
	height: 0.4rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
}

.tip-box {
	padding: 4rem 4rem;
	color: #666;
	font-size: 2rem;
	border-bottom: 0.1rem solid #ccc;
	background-color: #f2f4f6;
}
.tip-box dt {
	font-weight: 700;
	line-height: 1.4;
}
.tip-box dd {
	margin-top: 1.6rem;
	line-height: 1.4;
}

/* ================================== media query ================================== */
@media (max-width: 1024px) {
	.h2 {
		font-size: 4rem;
	}
	.h3 {
		font-size: 2.4rem;
		line-height: 1.4;
	}
	.h3.fs-type2 {
		font-size: 2.8rem;
	}
	.h4 {
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.h4 + .cont {
		margin-top: 2rem;
	}
	[class^=txt-] + [class^=txt-], [class^=txt-] + .guide-list {
		margin-top: 1.2rem;
	}
	.txt-l {
		font-size: 2.8rem;
	}
	.txt-b {
		font-size: 2.4rem;
	}
	.txt-m {
		font-size: 1.8rem;
	}
	.txt-s {
		font-size: 1.6rem;
	}
	.guide-wrap {
		display: block;
		margin-top: -2rem;
	}
	.guide-wrap .btn {
		margin-top: 4rem;
	}
	.guide-list li {
		font-size: 1.6rem;
	}
	.guide-list li::before {
		top: 0.9rem;
	}
	.tip-box {
		margin-top: 2.4rem;
		padding: 2.4rem 2.4rem;
		font-size: 1.4rem;
	}
}
.img-box {
	position: relative;
	display: block;
	width: 100%;
}
.img-box.ratio100 {
	padding-bottom: 100%;
}
.img-box[class*=ratio] img, .img-box[class*=ratio] video {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.ef-img-hover .img-box {
	overflow: hidden;
}
.ef-img-hover .img-box img {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: -webkit-transform 0.5s ease-out;
	transition: -webkit-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out, -moz-transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -moz-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}
.ef-img-hover:hover .img-box img {
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2);
}

/* ================================== media query ================================== */
@media (max-width: 1024px) {
	.img-box img {
		width: 100%;
	}
	.img-box.mo-full {
		width: auto;
		margin-left: -2rem;
		margin-right: -2rem;
	}
}
.btn-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 2rem;
}
.btn-group.left {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	   -moz-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.btn-group.right {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	   -moz-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.btn-group.between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.btn-group.full .btn {
	width: 100%;
}

.btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 1rem;
	white-space: nowrap;
	cursor: pointer;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
.btn-black {
	color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #111;
	background-color: #111;
}
.btn-black.disabled, .btn-black[disabled] {
	color: #999;
	border-color: #ddd;
	background-color: #ddd;
}
.btn-black-line {
	color: #111;
	border-width: 1px;
	border-style: solid;
	border-color: #111;
	background-color: #fff;
}
.btn-black-line.disabled, .btn-black-line[disabled] {
	color: #999;
	border-color: #ccc;
}
.btn-blue {
	color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #0064ff;
	background-color: #0064ff;
}
.btn-blue.disabled, .btn-blue[disabled] {
	color: #999;
	border-color: #ddd;
	background-color: #ddd;
}
.btn-blue-line {
	color: #0064ff;
	border-width: 1px;
	border-style: solid;
	border-color: #0064ff;
	background-color: #fff;
}
.btn-blue-line.disabled, .btn-blue-line[disabled] {
	color: #999;
	border-color: #ccc;
}
.btn-gray {
	color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #666;
	background-color: #666;
}
.btn-gray.disabled, .btn-gray[disabled] {
	color: #999;
	border-color: #ddd;
	background-color: #ddd;
}
.btn-gray-line {
	color: #666;
	border-width: 1px;
	border-style: solid;
	border-color: #666;
	background-color: #fff;
}
.btn-gray-line.disabled, .btn-gray-line[disabled] {
	color: #999;
	border-color: #ccc;
}
.btn.disabled, .btn[disabled] {
	cursor: unset;
	pointer-events: none;
}
.btn-gray-line {
	border-color: #ccc;
}
.btn-lg {
	gap: 1.6rem;
	min-width: 30rem;
	height: 9rem;
	padding: 0 4rem;
	font-size: 2.8rem;
	font-weight: 700;
}
.btn-md {
	min-width: 24rem;
	height: 7rem;
	padding: 0 4rem;
	font-size: 2rem;
	font-weight: 700;
}
.btn-sm {
	min-width: 20rem;
	height: 6.4rem;
	padding: 0 4rem;
	font-size: 2rem;
	font-weight: 700;
}
.btn-reset {
	width: 4rem;
	height: 4rem;
}
.btn-reset .ic {
	pointer-events: none;
}

.board-write ~ .btn-group {
	margin-top: 8rem;
}

/* ================================== media query ================================== */
@media (max-width: 1024px) {
	.btn-group {
		gap: 0.8rem;
	}
	.btn-group.left, .btn-group.right, .btn-group.between {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.btn-group.full .btn {
		width: 100%;
	}
	.btn {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}
	.btn-lg {
		gap: 0.8rem;
		min-width: 0;
		height: 5.6rem;
		padding: 0 2rem;
		font-size: 1.6rem;
	}
	.btn-md {
		min-width: 0;
		height: 5.6rem;
		padding: 0 2rem;
		font-size: 1.6rem;
	}
	.btn-sm {
		min-width: 0;
		height: 4.8rem;
		padding: 0 2rem;
		font-size: 1.4rem;
	}
	.btn-reset {
		width: 2.4rem;
		height: 2.4rem;
	}
	.board-write ~ .btn-group {
		margin-top: 4rem;
	}
}
@media (max-width: 768px) {
	.btn-group.full {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.btn-group .btn {
		width: 100%;
	}
	.btn-group .btn.mo-floating {
		width: auto;
	}
}
/* icon */
.ic {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size: contain;
	     background-size: contain;
}
.ic-reset {
	width: 3.2rem;
	height: 3.2rem;
	background-image: url("../images/icon/ico-reset-32.svg");
}
.ic-gnb-open {
	width: 2rem;
	height: 2rem;
	background-image: url("../images/icon/ico-gnb-open-b.svg");
}
.ic-gnb-close {
	width: 2.4rem;
	height: 2.4rem;
	background-image: url("../images/icon/ico-gnb-close.svg");
}
.ic-download {
	width: 2.4rem;
	height: 2.4rem;
	background-image: url("../images/icon/ico-download-24.svg");
}
.ic-move {
	width: 1.2rem;
	height: 1.9rem;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2219%22%20viewBox%3D%220%200%2012%2019%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.78027%201.96143L9.78027%209.96143L1.78027%2017.9614%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.ic-ib1 {
	width: 12rem;
	height: 12rem;
	background-image: url("../images/company/ico-ib1.svg");
}
.ic-ib2 {
	width: 12rem;
	height: 12rem;
	background-image: url("../images/company/ico-ib2.svg");
}
.ic-ib3 {
	width: 12rem;
	height: 12rem;
	background-image: url("../images/company/ico-ib3.svg");
}
.ic-ib4 {
	width: 12rem;
	height: 12rem;
	background-image: url("../images/company/ico-ib4.svg");
}
.ic-value1 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/company/ico-value1.svg");
}
.ic-value2 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/company/ico-value2.svg");
}
.ic-value3 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/company/ico-value3.svg");
}
.ic-value4 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/company/ico-value4.svg");
}
.ic-location1 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/company/ico-location1.svg");
}
.ic-location2 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/company/ico-location2.svg");
}
.ic-location3 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/company/ico-location3.svg");
}
.ic-fcp1 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/fcp/ico-fcp1.svg");
}
.ic-fcp2 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/fcp/ico-fcp2.svg");
}
.ic-fcp3 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/fcp/ico-fcp3.svg");
}
.ic-fcp4 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/fcp/ico-fcp4.svg");
}
.ic-job1 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-job1.svg");
}
.ic-job2 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-job2.svg");
}
.ic-job3 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-job3.svg");
}
.ic-job4 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-job4.svg");
}
.ic-job5 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-job5.svg");
}
.ic-job6 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-job6.svg");
}
.ic-hr1 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-hr1.svg");
}
.ic-hr2 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-hr2.svg");
}
.ic-hr3 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-hr3.svg");
}
.ic-benefit1 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-benefit1.svg");
}
.ic-benefit2 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-benefit2.svg");
}
.ic-benefit3 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-benefit3.svg");
}
.ic-benefit4 {
	width: 8rem;
	height: 8rem;
	background-image: url("../images/employ/ico-benefit4.svg");
}
.ic-label-pi1 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi1.svg");
}
.ic-label-pi2 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi2.svg");
}
.ic-label-pi3 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi3.svg");
}
.ic-label-pi4 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi4.svg");
}
.ic-label-pi5 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi5.svg");
}
.ic-label-pi6 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi6.svg");
}
.ic-label-pi7 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi7.svg");
}
.ic-label-pi8 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi8.svg");
}
.ic-label-pi9 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi9.svg");
}
.ic-label-pi10 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi10.svg");
}
.ic-label-pi11 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi11.svg");
}
.ic-label-pi12 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi12.svg");
}
.ic-label-pi13 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi13.svg");
}
.ic-label-pi14 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi14.svg");
}
.ic-label-pi15 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi15.svg");
}
.ic-label-pi16 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi16.svg");
}
.ic-label-pi17 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi17.svg");
}
.ic-label-pi18 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi18.svg");
}
.ic-label-pi19 {
	width: 5rem;
	height: 5rem;
	background-image: url("../images/privacy/ico-label-pi19.svg");
}

@media (max-width: 1024px) {
	.ic-reset {
		width: 2.4rem;
		height: 2.4rem;
		background-image: url("../images/icon/ico-reset-24.svg");
	}
	.ic-move {
		width: 0.8rem;
		height: 1.2rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M1.5 11L6.5 6L1.5 1' stroke='%23111111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
	.ic-ib1 {
		width: 8rem;
		height: 8rem;
	}
	.ic-ib2 {
		width: 8rem;
		height: 8rem;
	}
	.ic-ib3 {
		width: 8rem;
		height: 8rem;
	}
	.ic-ib4 {
		width: 8rem;
		height: 8rem;
	}
	.ic-value1 {
		width: 6.4rem;
		height: 6.4rem;
	}
	.ic-value2 {
		width: 6.4rem;
		height: 6.4rem;
	}
	.ic-value3 {
		width: 6.4rem;
		height: 6.4rem;
	}
	.ic-value4 {
		width: 6.4rem;
		height: 6.4rem;
	}
	.ic-location1 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-location2 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-location3 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-fcp1 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-fcp2 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-fcp3 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-fcp4 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-hr1 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-hr2 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-hr3 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-benefit1 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-benefit2 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-benefit3 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.ic-benefit4 {
		width: 4.8rem;
		height: 4.8rem;
	}
}
/* Tab */
.tab-wrap {
	position: relative;
	width: 100%;
	margin: -6rem 0 10rem;
	background-color: #fff;
	overflow-x: hidden;
}
.tab-wrap::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0.05rem;
	width: 100%;
	height: 0.1rem;
	background-color: #ddd;
}
.tab-wrap.type2 {
	margin: -5rem 0 20rem;
}

.tab-list {
	margin: 0 -2.5rem;
}
.tab-list .swiper-slide {
	width: auto;
	margin: 0 2.5rem;
}
.tab-list.gap-sm {
	margin: 0 -2.25rem;
}
.tab-list.gap-sm .swiper-slide {
	margin: 0 2.25rem;
}
.tab-list .tab,
.tab-list [role=tab] {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	min-height: 12.2rem;
	padding: 4rem 0;
	text-align: left;
	color: #999;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.4;
	white-space: nowrap;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
.tab-list .tab::after,
.tab-list [role=tab]::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0.4rem;
	color: #111;
	background-color: #111;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
.tab-list .tab::after {
	-webkit-transition: unset;
	-o-transition: unset;
	-moz-transition: unset;
	transition: unset;
}
.tab-list .tab.is-active,
.tab-list [role=tab][aria-selected=true] {
	color: #111;
}
.tab-list .tab.is-active::after,
.tab-list [role=tab][aria-selected=true]::after {
	width: 100%;
}
.tab-list.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-duration: 300ms !important;
	   -moz-transition-duration: 300ms !important;
	     -o-transition-duration: 300ms !important;
	        transition-duration: 300ms !important;
}

.tab-panel {
	display: none;
}
.tab-panel.is-show {
	display: block;
}

@media (max-width: 1024px) {
	#header ~ #container .tab-wrap.is-fixed {
		padding-top: 6rem;
	}
	#header.is-hide ~ #container .tab-wrap.is-fixed {
		padding-top: 0;
	}
	.tab-area {
		position: relative;
		height: 10.6rem;
	}
	.tab-wrap {
		position: absolute;
		top: 0;
		margin: 0 0 4rem;
		z-index: 99;
	}
	.tab-wrap::before {
		bottom: 0;
	}
	.tab-wrap.is-fixed {
		position: fixed;
		-webkit-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.tab-wrap.type2 {
		margin: 0 0 4rem;
	}
	.tab-wrap .inner:before, .tab-wrap .inner:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0.4rem;
		width: 5.4rem;
		background: -webkit-gradient(linear, right top, left top, color-stop(28.79%, #FFF), color-stop(85.62%, rgba(255, 255, 255, 0.28)));
		background: -webkit-linear-gradient(right, #FFF 28.79%, rgba(255, 255, 255, 0.28) 85.62%);
		background: -moz-linear-gradient(right, #FFF 28.79%, rgba(255, 255, 255, 0.28) 85.62%);
		background: -o-linear-gradient(right, #FFF 28.79%, rgba(255, 255, 255, 0.28) 85.62%);
		background: linear-gradient(270deg, #FFF 28.79%, rgba(255, 255, 255, 0.28) 85.62%);
		opacity: 1;
		z-index: 9;
		pointer-events: none;
	}
	.tab-wrap .inner:before {
		left: 0;
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		     -o-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	.tab-wrap .inner:after {
		right: 0;
	}
	.tab-wrap.is-first .inner:before, .tab-wrap.is-last .inner:after, .tab-wrap.is-show .inner:before, .tab-wrap.is-show .inner:after {
		opacity: 0;
	}
	.tab-list,
.tab-list.gap-sm {
		margin: 0 -1rem;
	}
	.tab-list .swiper-slide,
.tab-list.gap-sm .swiper-slide {
		margin: 0 1rem;
	}
	.tab-list .tab,
.tab-list [role=tab],
.tab-list.gap-sm .tab,
.tab-list.gap-sm [role=tab] {
		min-height: 6.6rem;
		padding: 2rem 0;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.tab-list.gap-sm .tab,
.tab-list.gap-sm [role=tab] {
		letter-spacing: -0.06em;
	}
}
/* board-top */
.board-top {
	margin-top: 2rem;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.total-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	color: #666;
	font-size: 2rem;
}
.total-wrap > *:not(:first-child) {
	margin-left: 2.4rem;
}
.total-wrap em {
	color: #111;
	font-weight: 700;
}

.search-wrap {
	position: relative;
}
.search-wrap .input-group {
	gap: 1.2rem;
}
.search-wrap .select-item {
	width: auto;
}
.search-wrap .select-item select {
	min-width: 20rem;
	height: 8rem;
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
}
.search-wrap .input-item {
	width: 100%;
}
.search-wrap .input-item input {
	width: 100%;
	min-width: 54.5rem;
	height: 8rem;
	padding: 0 14.8rem 0 3rem;
	font-size: 2.4rem;
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
}
.search-wrap .input-item input[type=text]:not([readonly], [disabled]) {
	padding: 0 14.8rem 0 3rem;
}
.search-wrap .input-item .btn-reset {
	top: 0;
	right: 7.8rem;
	height: 100%;
}
.search-wrap .input-item .ic-reset {
	width: 2.4rem;
	height: 2.4rem;
	background-image: url("../images/icon/ico-search-reset-24.svg");
}
.search-wrap .btn-search {
	position: absolute;
	top: 0;
	right: 3rem;
	width: 4rem;
	height: 100%;
	text-indent: -999em;
	font-size: 0;
}
.search-wrap .btn-search::before {
	content: "";
	width: 4rem;
	min-width: 4rem;
	height: 4rem;
	background: url("../images/icon/ico-search-40.svg") no-repeat center/cover;
}

.board-list {
	position: relative;
	margin-top: 6rem;
}

.list-type {
	border-top: 0.1rem solid #ccc;
}
.list-type .list-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 2rem;
	padding: 4rem 4rem;
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
	background-color: #fff;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
.list-type .list-item:hover {
	background-color: #f2f4f6;
}
.list-type .subject {
	display: block;
	color: #111;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.02em;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}
.list-type .subject .tag {
	display: inline-block;
	vertical-align: top;
	margin-top: 0.3rem;
	padding-right: 3rem;
	color: #0064ff;
	font-size: 2.4rem;
}
.list-type .date {
	display: block;
	width: 16rem;
	text-align: right;
	color: #999;
	font-size: 2rem;
	line-height: 1.4;
}

.card-type {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	width: 100%;
	gap: 3rem;
}
.card-type .list-item {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: -webkit-calc(33.3333% - 2rem);
	width: -moz-calc(33.3333% - 2rem);
	width: calc(33.3333% - 2rem);
	min-height: 25rem;
	padding: 4rem 4rem 7rem;
	border: 0.1rem solid #ccc;
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
	background-color: #fff;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
.card-type .list-item:hover {
	background-color: #f2f4f6;
}
.card-type .list-item::after {
	content: "";
	position: absolute;
	right: 4rem;
	bottom: 4rem;
	display: block;
	width: 3rem;
	height: 3rem;
	background: url("../images/icon/ico-download-30.svg") no-repeat center/cover;
}
.card-type .subject {
	display: block;
	color: #111;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.02em;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.card-type .date {
	display: block;
	margin-top: 1.6rem;
	color: #999;
	font-size: 2rem;
	line-height: 1.4;
}

.pagination {
	margin-top: 8rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.pagination [class^=btn-],
.pagination .num {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	width: 6rem;
	height: 6rem;
	text-align: center;
	color: #999;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 6rem;
}
.pagination [class^=btn-].on,
.pagination .num.on {
	color: #fff;
	font-weight: 700;
}
.pagination [class^=btn-] {
	background-repeat: no-repeat;
	background-position: center center;
}
.pagination .btn-first {
	background-image: url("../images/icon/ico-first.svg");
}
.pagination .btn-prev {
	background-image: url("../images/icon/ico-prev.svg");
}
.pagination .btn-next {
	background-image: url("../images/icon/ico-next.svg");
}
.pagination .btn-last {
	background-image: url("../images/icon/ico-last.svg");
}
.pagination .num {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
.pagination .num.on {
	background-color: #111;
}
.pagination .page-num {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 0.8rem;
	margin: 0 2.4rem;
}
.pagination .page-count {
	display: none;
}

.board-result {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 6rem;
	padding: 8rem 0;
	color: #999;
	font-size: 2.8rem;
}
.board-result::before {
	content: "";
	width: 12rem;
	height: 12rem;
	margin-bottom: 1.6rem;
	background: url("../images/icon/ico-result.svg") no-repeat center/cover;
}

.board-detail {
	margin-top: -2rem;
	border-bottom: 0.1rem solid #ddd;
}

.detail-head {
	padding: 0 0 4rem;
	border-bottom: 0.1rem solid #ccc;
}
.detail-head .subject {
	display: block;
	color: #111;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.2;
}
.detail-head .subject .tag {
	display: block;
	margin-bottom: 0.4rem;
	color: #0064ff;
	font-size: 2.4rem;
}
.detail-head .date {
	display: block;
	margin-top: 1.6rem;
	color: #999;
	font-size: 2rem;
	line-height: 1.4;
}

.detail-cont {
	padding: 8rem 0;
	color: #111;
	font-size: 2.4rem;
	line-height: 1.5;
}
.detail-cont * {
	color: #111;
	font-size: 2.4rem;
	line-height: 1.6;
}
.detail-cont a {
	color: #0064ff;
}

.detail-file {
	padding: 4rem 4rem;
	background-color: #f2f4f6;
}
.detail-file .btn-file {
	width: 100%;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	   -moz-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	color: #111;
	font-size: 2.4rem;
}
.detail-file .btn-file:not(:first-child) {
	margin-top: 2rem;
}
.detail-file .btn-file::before {
	content: "";
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	width: 3.6rem;
	height: 3.6rem;
	margin-right: 0.8rem;
	background: url("../images/icon/ico-download-30.svg") no-repeat center/cover;
}
.detail-file .btn-file span {
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

.detail-btm.btn-group {
	margin-top: 8rem;
	margin-bottom: -15rem;
}

.prev-next {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 7rem;
	margin-top: 8rem;
	gap: 24rem;
}

.prev-detail,
.next-detail {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: -webkit-calc(50% - 12rem);
	width: -moz-calc(50% - 12rem);
	width: calc(50% - 12rem);
	color: #111;
	font-size: 2.4rem;
}
.prev-detail::before,
.next-detail::before {
	content: "";
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	width: 6rem;
	height: 6rem;
	background-repeat: no-repeat;
	background-position: center;
}
.prev-detail .subject,
.next-detail .subject {
	padding: 0 4rem;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}
.prev-detail .subject .tag,
.next-detail .subject .tag {
	display: inline-block;
	padding-right: 1rem;
}
.prev-detail.disabled .subject,
.next-detail.disabled .subject {
	color: #999;
}

.prev-detail::before {
	margin-right: 0.8rem;
	background-image: url("../images/icon/ico-prev.svg");
}
.prev-detail .subject {
	padding-right: 9rem;
}

.next-detail {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	   -moz-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.next-detail::before {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	   -moz-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	margin-left: 0.8rem;
	background-image: url("../images/icon/ico-next.svg");
}
.next-detail .subject {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	   -moz-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
	padding-left: 9rem;
}

.board-write {
	margin-top: 6rem;
	border-top: 0.1rem solid #ccc;
}
.board-write .field-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border-bottom: 0.1rem solid #ddd;
}
.board-write .label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-width: 26rem;
	padding: 3.2rem 4rem 3.2rem 0;
	font-size: 2.4rem;
	font-weight: 700;
	background-color: #fff;
}
.board-write .control {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: -webkit-calc(100% - 26rem);
	width: -moz-calc(100% - 26rem);
	width: calc(100% - 26rem);
	padding: 3.2rem 0;
}
.board-write .control .input-item {
	width: 100%;
}

@media (max-width: 1024px) {
	.board-top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		   -moz-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		margin-top: 0;
	}
	.total-wrap {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		   -moz-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		font-size: 1.4rem;
	}
	.search-wrap {
		width: 100%;
		margin-bottom: 4rem;
	}
	.search-wrap .select-item select {
		min-width: 9.4rem;
		height: 4.8rem;
		-webkit-border-radius: 0.8rem;
		   -moz-border-radius: 0.8rem;
		        border-radius: 0.8rem;
	}
	.search-wrap .input-item input {
		min-width: 100%;
		height: 4.8rem;
		padding: 0 8rem 0 1.6rem;
		font-size: 1.6rem;
		-webkit-border-radius: 0.8rem;
		   -moz-border-radius: 0.8rem;
		        border-radius: 0.8rem;
	}
	.search-wrap .input-item input[type=text]:not([readonly], [disabled]) {
		padding: 0 7.4rem 0 1.6rem;
		letter-spacing: -0.04em;
	}
	.search-wrap .input-item .btn-reset {
		right: 4.8rem;
	}
	.search-wrap .input-item .ic-reset {
		width: 1.6rem;
		height: 1.6rem;
		background-image: url("../images/icon/ico-search-reset-16.svg");
	}
	.search-wrap .btn-search {
		right: 1.6rem;
		width: 2.4rem;
	}
	.search-wrap .btn-search::before {
		content: "";
		width: 2.4rem;
		min-width: 2.4rem;
		height: 2.4rem;
		background-image: url("../images/icon/ico-search-24.svg");
	}
	.board-list {
		margin-top: 1.6rem;
	}
	.list-type .list-item {
		display: block;
		margin-top: 0;
		padding: 2.4rem 0;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
		border-bottom: 0.1rem solid #ddd;
	}
	.list-type .list-item:hover {
		background-color: #fff;
	}
	.list-type .subject {
		font-size: 1.8rem;
		line-height: 1.4;
		overflow: visible;
		white-space: unset;
		-o-text-overflow: unset;
		   text-overflow: unset;
	}
	.list-type .subject .tag {
		display: block;
		margin-top: 0;
		padding-right: 0;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.list-type .date {
		display: block;
		width: 100%;
		margin-top: 1.2rem;
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.card-type {
		gap: 2rem;
	}
	.card-type .list-item {
		width: -webkit-calc(50% - 1.5rem);
		width: -moz-calc(50% - 1.5rem);
		width: calc(50% - 1.5rem);
		min-height: 0;
		padding: 2.4rem 2.4rem;
		padding-bottom: 4rem;
		-webkit-border-radius: 1.2rem;
		   -moz-border-radius: 1.2rem;
		        border-radius: 1.2rem;
	}
	.card-type .list-item::after {
		right: 2.4rem;
		bottom: 2rem;
		width: 2rem;
		height: 2rem;
		background-image: url("../images/icon/ico-download-20.svg");
	}
	.card-type .subject {
		font-size: 1.8rem;
		line-height: 1.44;
	}
	.card-type .date {
		margin-top: 0.8rem;
		margin-bottom: 3.2rem;
		font-size: 1.4rem;
		line-height: 1.57;
	}
	.pagination {
		margin: 4rem auto 0;
	}
	.pagination [class^=btn-],
.pagination .num {
		width: 3.2rem;
		height: 3.2rem;
		font-size: 1.4rem;
		line-height: 3.2rem;
	}
	.pagination .btn-first {
		background-image: url("../images/icon/ico-first-20.svg");
	}
	.pagination .btn-prev {
		background-image: url("../images/icon/ico-prev-20.svg");
	}
	.pagination .btn-next {
		background-image: url("../images/icon/ico-next-20.svg");
	}
	.pagination .btn-last {
		background-image: url("../images/icon/ico-last-20.svg");
	}
	.board-result {
		margin-top: 4rem;
		padding: 2.4rem 2.4rem;
		font-size: 1.6rem;
	}
	.board-result::before {
		width: 9.6rem;
		height: 9.6rem;
	}
	.board-detail {
		margin-top: 6rem;
	}
	.detail-head {
		padding: 0 0 3.2rem;
	}
	.detail-head .subject {
		font-size: 2.4rem;
		line-height: 1.4;
	}
	.detail-head .subject .tag {
		margin-bottom: 0;
		font-size: 1.6rem;
	}
	.detail-head .date {
		margin-top: 1.2rem;
		font-size: 1.4rem;
		line-height: 1.57;
	}
	.detail-cont {
		padding: 3.2rem 0;
		font-size: 1.6rem;
	}
	.detail-cont * {
		font-size: 1.6rem;
	}
	.detail-file {
		padding: 2.4rem 2rem;
	}
	.detail-file .btn-file {
		font-size: 1.4rem;
	}
	.detail-file .btn-file:not(:first-child) {
		margin-top: 1.6rem;
	}
	.detail-file .btn-file::before {
		width: 2rem;
		height: 2rem;
		background-image: url("../images/icon/ico-download-20.svg");
	}
	.detail-btm.btn-group {
		margin-top: 4rem;
		margin-bottom: 0;
	}
	.prev-next {
		display: block;
		height: auto;
		margin-top: 4rem;
	}
	.prev-detail,
.next-detail {
		width: 100%;
		height: 6rem;
		font-size: 1.6rem;
	}
	.prev-detail::before,
.next-detail::before {
		display: none;
	}
	.prev-detail .subject,
.next-detail .subject {
		padding: 0 0 0 1.2rem;
	}
	.prev-detail .subject {
		padding-right: 0;
	}
	.next-detail {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		   -moz-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		border-top: 0.1rem solid #ddd;
	}
	.next-detail .subject {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		   -moz-box-ordinal-group: 1;
		    -ms-flex-order: 0;
		        order: 0;
		padding-left: 1.2rem;
	}
	.board-write {
		margin-top: 4rem;
		padding-top: 2.4rem;
	}
	.board-write .field-item {
		display: block;
		border-bottom: none;
	}
	.board-write .field-item:not(:last-child) {
		padding-bottom: 2.4rem;
	}
	.board-write .label {
		display: block;
		margin-bottom: 1.2rem;
		padding: 0;
		font-size: 1.6rem;
	}
	.board-write .control {
		display: block;
		width: 100%;
		padding: 0;
	}
}
@media (max-width: 768px) {
	.card-type .list-item {
		width: 100%;
	}
	.pagination {
		max-width: 34.4rem;
	}
	.pagination .page-num {
		display: none;
	}
	.pagination .page-count {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 1.2rem;
		margin: 0 auto;
		color: #999;
		font-size: 1.4rem;
	}
	.pagination .page-count input {
		max-width: 6.6rem;
		height: 3.2rem;
		padding: 0;
		text-align: center;
		color: #111;
		font-size: 1.4rem;
		font-weight: 700;
	}
}
@media (max-width: 384px) {
	.pagination {
		max-width: -webkit-calc(100% + 2.4rem);
		max-width: -moz-calc(100% + 2.4rem);
		max-width: calc(100% + 2.4rem);
		margin: 4rem -1.2rem 0;
	}
}
/* table */
.table {
	margin-top: 6rem;
}
.table + .table {
	margin-top: 8rem;
}
.table table {
	table-layout: fixed;
	width: 100%;
	border-top: 0.1rem solid #ccc;
}
.table table th,
.table table td {
	padding: 2rem 2rem;
	vertical-align: middle;
	color: #111;
	font-size: 2.4rem;
	line-height: 1.6;
	border-bottom: 0.1rem solid #ccc;
	border-left: 0.1rem solid #ccc;
}
.table table th:first-child,
.table table td:first-child {
	border-left: 0;
}
.table table th.center,
.table table td.center {
	text-align: center;
}
.table table th.right,
.table table td.right {
	text-align: right;
}
.table table th {
	text-align: center;
	font-weight: 700;
	line-height: 1.4;
	background-color: #f2f4f6;
}
.table table thead th {
	height: 7rem;
	padding: 1.8rem 1rem;
}
.table table tr.line > th:first-child,
.table table tr.line > td:first-child {
	border-left: 0.1rem solid #ccc;
}
.table.center table th,
.table.center table td {
	text-align: center;
}
.table.center table th.left,
.table.center table td.left {
	text-align: left;
}
.table.center table th.right,
.table.center table td.right {
	text-align: right;
}
.table.type1 table col:nth-child(1) {
	width: 30%;
}
.table.type2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border-top: 0.1rem solid #ccc;
}
.table.type2 .tbl-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
}
.table.type2 .tbl-item:not(:first-child) {
	border-left: 0.1rem solid #ccc;
}
.table.type2 .tbl-item.wid12 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 12rem;
	   -moz-box-flex: 0;
	    -ms-flex: 0 0 12rem;
	        flex: 0 0 12rem;
	width: 12rem;
}
.table.type2 .tbl-item.wid20 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 20rem;
	   -moz-box-flex: 0;
	    -ms-flex: 0 0 20rem;
	        flex: 0 0 20rem;
	width: 20rem;
}
.table.type2 .tbl-item.wid25 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25rem;
	   -moz-box-flex: 0;
	    -ms-flex: 0 0 25rem;
	        flex: 0 0 25rem;
	width: 25rem;
}
.table.type2 .tbl-item.wid30p {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 30%;
	   -moz-box-flex: 0;
	    -ms-flex: 0 0 30%;
	        flex: 0 0 30%;
	width: 30%;
}
.table.type2 .tbl-item.wid33p {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33%;
	   -moz-box-flex: 0;
	    -ms-flex: 0 0 33%;
	        flex: 0 0 33%;
	width: 33%;
}
.table.type2 .tbl-item.wid34p {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 34%;
	   -moz-box-flex: 0;
	    -ms-flex: 0 0 34%;
	        flex: 0 0 34%;
	width: 34%;
}
.table.type2 .tbl-item.wid40p {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 40%;
	   -moz-box-flex: 0;
	    -ms-flex: 0 0 40%;
	        flex: 0 0 40%;
	width: 40%;
}
.table.type2 .tbl-th,
.table.type2 .tbl-td {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 7.8rem;
	padding: 2rem 1rem;
	text-align: center;
	color: #111;
	font-size: 2.4rem;
	line-height: 1.6;
	border-bottom: 0.1rem solid #ccc;
}
.table.type2 .tbl-th.h100p,
.table.type2 .tbl-td.h100p {
	height: 100%;
}
.table.type2 .tbl-th {
	height: 7rem;
	padding: 1.8rem 1rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
	background-color: #f2f4f6;
}
.table.type2 .file {
	padding-top: 0;
	padding-bottom: 0;
}

.tbl-list li {
	position: relative;
	padding-left: 1.2rem;
	color: #111;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.6;
}
.tbl-list li:not(:first-child) {
	margin-top: 1.2rem;
}
.tbl-list li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1.7rem;
	width: 0.4rem;
	height: 0.4rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #111;
}

.btn-file-hwp {
	width: 2.4rem;
	height: 2.4rem;
	background: url("../images/icon/ico-download-24.svg") no-repeat center/cover;
}

@media (max-width: 1024px) {
	.table {
		margin-top: 4rem;
	}
	.table + .table {
		margin-top: 4rem;
	}
	.table table th,
.table table td {
		padding: 2rem 1.2rem;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.table table thead th {
		height: 5rem;
		padding: 1.2rem 0.4rem;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.table.type1 table col:nth-child(1) {
		width: 43%;
	}
	.table.type2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		border-bottom: none;
	}
	.table.type2 .tbl-item {
		-webkit-box-orient: unset;
		-webkit-box-direction: unset;
		-webkit-flex-direction: unset;
		   -moz-box-orient: unset;
		   -moz-box-direction: unset;
		    -ms-flex-direction: unset;
		        flex-direction: unset;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		   -moz-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
		border-bottom: 0.1rem solid #ccc;
	}
	.table.type2 .tbl-item:not(:first-child) {
		border-left: none;
	}
	.table.type2 .tbl-item.wid12, .table.type2 .tbl-item.wid20, .table.type2 .tbl-item.wid25, .table.type2 .tbl-item.wid30p, .table.type2 .tbl-item.wid33p, .table.type2 .tbl-item.wid34p, .table.type2 .tbl-item.wid40p {
		-webkit-box-flex: unset;
		-webkit-flex: unset;
		   -moz-box-flex: unset;
		    -ms-flex: unset;
		        flex: unset;
		width: auto;
	}
	.table.type2 .tbl-th,
.table.type2 .tbl-td {
		padding: 2rem 1.2rem;
		height: auto;
		border-bottom: none;
	}
	.table.type2 .tbl-th.h100p,
.table.type2 .tbl-td.h100p {
		height: auto;
	}
	.table.type2 .tbl-th {
		max-width: 43%;
		font-size: 1.6rem;
		line-height: 1.6;
		border-right: 0.1rem solid #ccc;
	}
	.table.type2 .tbl-td {
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.tbl-list li {
		padding-left: 1.6rem;
		font-size: 1.6rem;
	}
	.tbl-list li::before {
		content: "";
		left: 0.6rem;
		top: 0.8rem;
	}
}
/* popup */
.popup-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9999;
}

.popup {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 6rem;
	width: -webkit-calc(100% - 8rem);
	width: -moz-calc(100% - 8rem);
	width: calc(100% - 8rem);
	max-width: 120rem;
	max-height: -webkit-calc(100% - 8rem);
	max-height: -moz-calc(100% - 8rem);
	max-height: calc(100% - 8rem);
	background: #fff;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.pop-head {
	padding-bottom: 6rem;
}
.pop-head .tit {
	color: #111;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.4;
}

.pop-body {
	position: relative;
	min-height: 30rem;
	max-height: -webkit-calc(100vh - 45.4rem);
	max-height: -moz-calc(100vh - 45.4rem);
	max-height: calc(100vh - 45.4rem);
	max-height: -webkit-calc(100dvh - 45.4rem);
	max-height: -moz-calc(100dvh - 45.4rem);
	max-height: calc(100dvh - 45.4rem);
	margin-left: -6rem;
	margin-right: -6rem;
	padding-left: 6rem;
	padding-right: 6rem;
	overflow-y: auto;
}
.pop-body > * {
	line-height: 1.6;
}

.pop-foot {
	padding-top: 6rem;
}
.pop-foot .btn {
	min-width: 20rem;
}

.btn-popup-close {
	position: absolute;
	top: 6rem;
	right: 6rem;
	width: 6rem;
	height: 6rem;
	text-indent: -999em;
	background: url("../images/icon/ico-pop-close-60.svg") no-repeat center/cover;
}

.popup-wrap.type2 .pop-body {
	max-height: -webkit-calc(100vh - 32.4rem);
	max-height: -moz-calc(100vh - 32.4rem);
	max-height: calc(100vh - 32.4rem);
	max-height: -webkit-calc(100dvh - 32.4rem);
	max-height: -moz-calc(100dvh - 32.4rem);
	max-height: calc(100dvh - 32.4rem);
}
.popup-wrap.type2 .pop-foot {
	display: none;
}

@media (max-width: 1024px) {
	.popup {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100vh;
		height: 100dvh;
		max-height: 100vh;
		max-height: 100dvh;
		padding: 2rem 2rem;
		-webkit-transform: unset;
		   -moz-transform: unset;
		    -ms-transform: unset;
		     -o-transform: unset;
		        transform: unset;
	}
	.popup::before, .popup::after {
		content: "";
		position: absolute;
		left: 2rem;
		right: 2rem;
		height: 4rem;
		background: -webkit-gradient(linear, left bottom, left top, color-stop(2.05%, #FFF), color-stop(85.62%, rgba(255, 255, 255, 0.28)));
		background: -webkit-linear-gradient(bottom, #FFF 2.05%, rgba(255, 255, 255, 0.28) 85.62%);
		background: -moz-linear-gradient(bottom, #FFF 2.05%, rgba(255, 255, 255, 0.28) 85.62%);
		background: -o-linear-gradient(bottom, #FFF 2.05%, rgba(255, 255, 255, 0.28) 85.62%);
		background: linear-gradient(0deg, #FFF 2.05%, rgba(255, 255, 255, 0.28) 85.62%);
		opacity: 1;
		-webkit-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
		pointer-events: none;
		z-index: 2;
	}
	.popup::before {
		top: 7rem;
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		     -o-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	.popup::after {
		bottom: 9.6rem;
	}
	.popup.is-first::before, .popup.is-last::after {
		opacity: 0;
	}
	.pop-head {
		padding-right: 5.4rem;
		padding-bottom: 2rem;
	}
	.pop-head .tit {
		font-size: 2.4rem;
		line-height: 1.4;
	}
	.pop-body {
		min-height: -webkit-calc(100vh - 17rem);
		min-height: -moz-calc(100vh - 17rem);
		min-height: calc(100vh - 17rem);
		min-height: -webkit-calc(100dvh - 17rem);
		min-height: -moz-calc(100dvh - 17rem);
		min-height: calc(100dvh - 17rem);
		max-height: -webkit-calc(100vh - 17rem);
		max-height: -moz-calc(100vh - 17rem);
		max-height: calc(100vh - 17rem);
		max-height: -webkit-calc(100dvh - 17rem);
		max-height: -moz-calc(100dvh - 17rem);
		max-height: calc(100dvh - 17rem);
		margin-left: -2rem;
		margin-right: -2rem;
		padding-top: 2rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.pop-foot {
		padding-top: 2rem;
	}
	.pop-foot .btn {
		min-width: 0;
	}
	.btn-popup-close {
		top: 2.5rem;
		right: 2rem;
		width: 2.4rem;
		height: 2.4rem;
		background-image: url("../images/icon/ico-pop-close-24.svg");
	}
	.popup-wrap.type2 .popup {
		padding-bottom: 0;
	}
	.popup-wrap.type2 .popup::after {
		bottom: 0;
	}
	.popup-wrap.type2 .pop-body {
		min-height: -webkit-calc(100vh - 7.4rem);
		min-height: -moz-calc(100vh - 7.4rem);
		min-height: calc(100vh - 7.4rem);
		min-height: -webkit-calc(100dvh - 7.4rem);
		min-height: -moz-calc(100dvh - 7.4rem);
		min-height: calc(100dvh - 7.4rem);
		max-height: -webkit-calc(100vh - 7.4rem);
		max-height: -moz-calc(100vh - 7.4rem);
		max-height: calc(100vh - 7.4rem);
		max-height: -webkit-calc(100dvh - 7.4rem);
		max-height: -moz-calc(100dvh - 7.4rem);
		max-height: calc(100dvh - 7.4rem);
		padding-bottom: 4rem;
	}
}
/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
.fp-enabled body, html.fp-enabled {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fp-slide {
	float: left;
}

.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block;
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.fp-slidesContainer {
	float: left;
	position: relative;
}

.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	     transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
	overflow: hidden;
	position: relative;
}

.fp-scroller {
	overflow: hidden;
}

.iScrollIndicator {
	border: 0 !important;
}

.fp-notransition {
	-webkit-transition: none !important;
	-o-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;
}

#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
	right: 17px;
}

#fp-nav.left {
	left: 17px;
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	     transform: translate3d(0, 0, 0);
	left: 0 !important;
	right: 0;
	margin: 0 auto !important;
}

.fp-slidesNav.bottom {
	bottom: 17px;
}

.fp-slidesNav.top {
	top: 17px;
}

#fp-nav ul, .fp-slidesNav ul {
	margin: 0;
	padding: 0;
}

#fp-nav ul li, .fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative;
}

.fp-slidesNav ul li {
	display: inline-block;
}

#fp-nav ul li a, .fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 4px;
	width: 4px;
	border: 0;
	background: #333;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px;
}

#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
	right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
	left: 20px;
}

.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
	height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section {
	height: auto !important;
}

/* main */
#wrap.main {
	background-color: #15161f;
}
#wrap.main .main-section + .main-section {
	margin-top: 0;
}
#wrap.main .main-section {
	position: relative;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	overflow: hidden;
}
#wrap.main .main-section .inner {
	height: 100%;
	z-index: 2;
}
#wrap.main .main-visual-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 100vh;
	padding-bottom: 100dvh;
	z-index: 1;
}
#wrap.main .main-visual-wrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	   -moz-transform: translate(-50%, -50%) scale(1.2);
	    -ms-transform: translate(-50%, -50%) scale(1.2);
	     -o-transform: translate(-50%, -50%) scale(1.2);
	        transform: translate(-50%, -50%) scale(1.2);
	-webkit-transition: 1.2s ease-out;
	-o-transition: 1.2s ease-out;
	-moz-transition: 1.2s ease-out;
	transition: 1.2s ease-out;
	z-index: 1;
}
#wrap.main .main-visual-wrap img.pos-top {
	-o-object-position: center top;
	   object-position: center top;
}
#wrap.main .main-section:not(.main-footer) .ef-fade {
	opacity: 0;
	-webkit-transition-duration: 1s;
	   -moz-transition-duration: 1s;
	     -o-transition-duration: 1s;
	        transition-duration: 1s;
	-webkit-transition-delay: 0.3s;
	   -moz-transition-delay: 0.3s;
	     -o-transition-delay: 0.3s;
	        transition-delay: 0.3s;
	-webkit-transition-timing-function: ease-out;
	   -moz-transition-timing-function: ease-out;
	     -o-transition-timing-function: ease-out;
	        transition-timing-function: ease-out;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: -o-transform;
	-moz-transition-property: transform, -moz-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
	-webkit-transform: translateX(10rem);
	   -moz-transform: translateX(10rem);
	    -ms-transform: translateX(10rem);
	     -o-transform: translateX(10rem);
	        transform: translateX(10rem);
	-webkit-animation: efFadeLeftBack ease-out 1s forwards;
	   -moz-animation: efFadeLeftBack ease-out 1s forwards;
	     -o-animation: efFadeLeftBack ease-out 1s forwards;
	        animation: efFadeLeftBack ease-out 1s forwards;
}
#wrap.main .main-section:not(.main-footer) .main-visual-wrap img {
	-webkit-animation: visualZoomOut ease-out 1.2s forwards;
	   -moz-animation: visualZoomOut ease-out 1.2s forwards;
	     -o-animation: visualZoomOut ease-out 1.2s forwards;
	        animation: visualZoomOut ease-out 1.2s forwards;
}
#wrap.main .main-section:not(.main-footer) .scroll {
	opacity: 0;
}
#wrap.main .main-section:not(.main-footer) .cont4-2 .cercle-group {
	-webkit-transform: translateX(-10rem);
	   -moz-transform: translateX(-10rem);
	    -ms-transform: translateX(-10rem);
	     -o-transform: translateX(-10rem);
	        transform: translateX(-10rem);
	-webkit-animation: efFadeRightBack ease-out 1s forwards;
	   -moz-animation: efFadeRightBack ease-out 1s forwards;
	     -o-animation: efFadeRightBack ease-out 1s forwards;
	        animation: efFadeRightBack ease-out 1s forwards;
}
#wrap.main .main-section:not(.main-footer) .cont4-2 .cercle-item:nth-child(1) {
	-webkit-transform: translateY(10rem);
	   -moz-transform: translateY(10rem);
	    -ms-transform: translateY(10rem);
	     -o-transform: translateY(10rem);
	        transform: translateY(10rem);
	-webkit-animation: efFadeUpBack ease-out 1s forwards;
	   -moz-animation: efFadeUpBack ease-out 1s forwards;
	     -o-animation: efFadeUpBack ease-out 1s forwards;
	        animation: efFadeUpBack ease-out 1s forwards;
}
#wrap.main .main-section:not(.main-footer) .cont4-2 .cercle-item:nth-child(3) {
	-webkit-transform: translateY(-10rem);
	   -moz-transform: translateY(-10rem);
	    -ms-transform: translateY(-10rem);
	     -o-transform: translateY(-10rem);
	        transform: translateY(-10rem);
	-webkit-animation: efFadeDownBack ease-out 1s forwards;
	   -moz-animation: efFadeDownBack ease-out 1s forwards;
	     -o-animation: efFadeDownBack ease-out 1s forwards;
	        animation: efFadeDownBack ease-out 1s forwards;
}
#wrap.main .main-section:not(.main-footer).active .ef-fade {
	opacity: 1;
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
	-webkit-animation: efFadeLeft ease-out 1s forwards;
	   -moz-animation: efFadeLeft ease-out 1s forwards;
	     -o-animation: efFadeLeft ease-out 1s forwards;
	        animation: efFadeLeft ease-out 1s forwards;
}
#wrap.main .main-section:not(.main-footer).active .main-visual-wrap img {
	-webkit-transform: translate(-50%, -50%) scale(1);
	   -moz-transform: translate(-50%, -50%) scale(1);
	    -ms-transform: translate(-50%, -50%) scale(1);
	     -o-transform: translate(-50%, -50%) scale(1);
	        transform: translate(-50%, -50%) scale(1);
	-webkit-animation: visualZoomIn ease-out 1.2s forwards;
	   -moz-animation: visualZoomIn ease-out 1.2s forwards;
	     -o-animation: visualZoomIn ease-out 1.2s forwards;
	        animation: visualZoomIn ease-out 1.2s forwards;
}
#wrap.main .main-section:not(.main-footer).active .scroll {
	opacity: 1;
}
#wrap.main .main-section:not(.main-footer).active .cont4-2 .cercle-group {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
	-webkit-animation: efFadeRight ease-out 1s forwards;
	   -moz-animation: efFadeRight ease-out 1s forwards;
	     -o-animation: efFadeRight ease-out 1s forwards;
	        animation: efFadeRight ease-out 1s forwards;
}
#wrap.main .main-section:not(.main-footer).active .cont4-2 .cercle-item:nth-child(1) {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
	-webkit-animation: efFadeUp ease-out 1s forwards;
	   -moz-animation: efFadeUp ease-out 1s forwards;
	     -o-animation: efFadeUp ease-out 1s forwards;
	        animation: efFadeUp ease-out 1s forwards;
}
#wrap.main .main-section:not(.main-footer).active .cont4-2 .cercle-item:nth-child(3) {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
	-webkit-animation: efFadeDown ease-out 1s forwards;
	   -moz-animation: efFadeDown ease-out 1s forwards;
	     -o-animation: efFadeDown ease-out 1s forwards;
	        animation: efFadeDown ease-out 1s forwards;
}
@-webkit-keyframes visualZoomIn {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		        transform: translate(-50%, -50%) scale(1.2);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		        transform: translate(-50%, -50%) scale(1);
	}
}
@-moz-keyframes visualZoomIn {
	0% {
		-moz-transform: translate(-50%, -50%) scale(1.2);
		     transform: translate(-50%, -50%) scale(1.2);
	}
	100% {
		-moz-transform: translate(-50%, -50%) scale(1);
		     transform: translate(-50%, -50%) scale(1);
	}
}
@-o-keyframes visualZoomIn {
	0% {
		-o-transform: translate(-50%, -50%) scale(1.2);
		   transform: translate(-50%, -50%) scale(1.2);
	}
	100% {
		-o-transform: translate(-50%, -50%) scale(1);
		   transform: translate(-50%, -50%) scale(1);
	}
}
@keyframes visualZoomIn {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		   -moz-transform: translate(-50%, -50%) scale(1.2);
		     -o-transform: translate(-50%, -50%) scale(1.2);
		        transform: translate(-50%, -50%) scale(1.2);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		   -moz-transform: translate(-50%, -50%) scale(1);
		     -o-transform: translate(-50%, -50%) scale(1);
		        transform: translate(-50%, -50%) scale(1);
	}
}
@-webkit-keyframes visualZoomOut {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		        transform: translate(-50%, -50%) scale(1);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		        transform: translate(-50%, -50%) scale(1.2);
	}
}
@-moz-keyframes visualZoomOut {
	0% {
		-moz-transform: translate(-50%, -50%) scale(1);
		     transform: translate(-50%, -50%) scale(1);
	}
	100% {
		-moz-transform: translate(-50%, -50%) scale(1.2);
		     transform: translate(-50%, -50%) scale(1.2);
	}
}
@-o-keyframes visualZoomOut {
	0% {
		-o-transform: translate(-50%, -50%) scale(1);
		   transform: translate(-50%, -50%) scale(1);
	}
	100% {
		-o-transform: translate(-50%, -50%) scale(1.2);
		   transform: translate(-50%, -50%) scale(1.2);
	}
}
@keyframes visualZoomOut {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		   -moz-transform: translate(-50%, -50%) scale(1);
		     -o-transform: translate(-50%, -50%) scale(1);
		        transform: translate(-50%, -50%) scale(1);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		   -moz-transform: translate(-50%, -50%) scale(1.2);
		     -o-transform: translate(-50%, -50%) scale(1.2);
		        transform: translate(-50%, -50%) scale(1.2);
	}
}
@-webkit-keyframes efFadeUp {
	0% {
		-webkit-transform: translateY(10rem);
		        transform: translateY(10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}
@-moz-keyframes efFadeUp {
	0% {
		-moz-transform: translateY(10rem);
		     transform: translateY(10rem);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		     transform: translateY(0);
		opacity: 1;
	}
}
@-o-keyframes efFadeUp {
	0% {
		-o-transform: translateY(10rem);
		   transform: translateY(10rem);
		opacity: 0;
	}
	100% {
		-o-transform: translateY(0);
		   transform: translateY(0);
		opacity: 1;
	}
}
@keyframes efFadeUp {
	0% {
		-webkit-transform: translateY(10rem);
		   -moz-transform: translateY(10rem);
		     -o-transform: translateY(10rem);
		        transform: translateY(10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes efFadeUpBack {
	0% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(10rem);
		        transform: translateY(10rem);
		opacity: 0;
	}
}
@-moz-keyframes efFadeUpBack {
	0% {
		-moz-transform: translateY(0);
		     transform: translateY(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateY(10rem);
		     transform: translateY(10rem);
		opacity: 0;
	}
}
@-o-keyframes efFadeUpBack {
	0% {
		-o-transform: translateY(0);
		   transform: translateY(0);
		opacity: 1;
	}
	100% {
		-o-transform: translateY(10rem);
		   transform: translateY(10rem);
		opacity: 0;
	}
}
@keyframes efFadeUpBack {
	0% {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(10rem);
		   -moz-transform: translateY(10rem);
		     -o-transform: translateY(10rem);
		        transform: translateY(10rem);
		opacity: 0;
	}
}
@-webkit-keyframes efFadeDown {
	0% {
		-webkit-transform: translateY(-10rem);
		        transform: translateY(-10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}
@-moz-keyframes efFadeDown {
	0% {
		-moz-transform: translateY(-10rem);
		     transform: translateY(-10rem);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		     transform: translateY(0);
		opacity: 1;
	}
}
@-o-keyframes efFadeDown {
	0% {
		-o-transform: translateY(-10rem);
		   transform: translateY(-10rem);
		opacity: 0;
	}
	100% {
		-o-transform: translateY(0);
		   transform: translateY(0);
		opacity: 1;
	}
}
@keyframes efFadeDown {
	0% {
		-webkit-transform: translateY(-10rem);
		   -moz-transform: translateY(-10rem);
		     -o-transform: translateY(-10rem);
		        transform: translateY(-10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes efFadeDownBack {
	0% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(-10rem);
		        transform: translateY(-10rem);
		opacity: 0;
	}
}
@-moz-keyframes efFadeDownBack {
	0% {
		-moz-transform: translateY(0);
		     transform: translateY(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateY(-10rem);
		     transform: translateY(-10rem);
		opacity: 0;
	}
}
@-o-keyframes efFadeDownBack {
	0% {
		-o-transform: translateY(0);
		   transform: translateY(0);
		opacity: 1;
	}
	100% {
		-o-transform: translateY(-10rem);
		   transform: translateY(-10rem);
		opacity: 0;
	}
}
@keyframes efFadeDownBack {
	0% {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(-10rem);
		   -moz-transform: translateY(-10rem);
		     -o-transform: translateY(-10rem);
		        transform: translateY(-10rem);
		opacity: 0;
	}
}
@-webkit-keyframes efFadeLeft {
	0% {
		-webkit-transform: translateX(10rem);
		        transform: translateX(10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}
@-moz-keyframes efFadeLeft {
	0% {
		-moz-transform: translateX(10rem);
		     transform: translateX(10rem);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0);
		     transform: translateX(0);
		opacity: 1;
	}
}
@-o-keyframes efFadeLeft {
	0% {
		-o-transform: translateX(10rem);
		   transform: translateX(10rem);
		opacity: 0;
	}
	100% {
		-o-transform: translateX(0);
		   transform: translateX(0);
		opacity: 1;
	}
}
@keyframes efFadeLeft {
	0% {
		-webkit-transform: translateX(10rem);
		   -moz-transform: translateX(10rem);
		     -o-transform: translateX(10rem);
		        transform: translateX(10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes efFadeLeftBack {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(10rem);
		        transform: translateX(10rem);
		opacity: 0;
	}
}
@-moz-keyframes efFadeLeftBack {
	0% {
		-moz-transform: translateX(0);
		     transform: translateX(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(10rem);
		     transform: translateX(10rem);
		opacity: 0;
	}
}
@-o-keyframes efFadeLeftBack {
	0% {
		-o-transform: translateX(0);
		   transform: translateX(0);
		opacity: 1;
	}
	100% {
		-o-transform: translateX(10rem);
		   transform: translateX(10rem);
		opacity: 0;
	}
}
@keyframes efFadeLeftBack {
	0% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(10rem);
		   -moz-transform: translateX(10rem);
		     -o-transform: translateX(10rem);
		        transform: translateX(10rem);
		opacity: 0;
	}
}
@-webkit-keyframes efFadeRight {
	0% {
		-webkit-transform: translateX(-10rem);
		        transform: translateX(-10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}
@-moz-keyframes efFadeRight {
	0% {
		-moz-transform: translateX(-10rem);
		     transform: translateX(-10rem);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0);
		     transform: translateX(0);
		opacity: 1;
	}
}
@-o-keyframes efFadeRight {
	0% {
		-o-transform: translateX(-10rem);
		   transform: translateX(-10rem);
		opacity: 0;
	}
	100% {
		-o-transform: translateX(0);
		   transform: translateX(0);
		opacity: 1;
	}
}
@keyframes efFadeRight {
	0% {
		-webkit-transform: translateX(-10rem);
		   -moz-transform: translateX(-10rem);
		     -o-transform: translateX(-10rem);
		        transform: translateX(-10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes efFadeRightBack {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(-10rem);
		        transform: translateX(-10rem);
		opacity: 0;
	}
}
@-moz-keyframes efFadeRightBack {
	0% {
		-moz-transform: translateX(0);
		     transform: translateX(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(-10rem);
		     transform: translateX(-10rem);
		opacity: 0;
	}
}
@-o-keyframes efFadeRightBack {
	0% {
		-o-transform: translateX(0);
		   transform: translateX(0);
		opacity: 1;
	}
	100% {
		-o-transform: translateX(-10rem);
		   transform: translateX(-10rem);
		opacity: 0;
	}
}
@keyframes efFadeRightBack {
	0% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(-10rem);
		   -moz-transform: translateX(-10rem);
		     -o-transform: translateX(-10rem);
		        transform: translateX(-10rem);
		opacity: 0;
	}
}
#wrap.main .scroll {
	position: absolute;
	left: 50%;
	bottom: 0;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	opacity: 0;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
#wrap.main .ic-scroll {
	position: relative;
	overflow: hidden;
	display: block;
	width: 0.2rem;
	height: 10rem;
	margin: 1.6rem auto 0;
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
	background-color: rgba(255, 255, 255, 0.5);
}
#wrap.main .ic-scroll::before {
	content: "";
	position: absolute;
	left: 0;
	width: 0.2rem;
	height: 10rem;
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
	background-color: #fff;
	-webkit-transform: translateY(-100%);
	   -moz-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	     -o-transform: translateY(-100%);
	        transform: translateY(-100%);
	-webkit-animation: scrollMov 2s infinite;
	   -moz-animation: scrollMov 2s infinite;
	     -o-animation: scrollMov 2s infinite;
	        animation: scrollMov 2s infinite;
}
@-webkit-keyframes scrollMov {
	0% {
		-webkit-transform: translateY(-110%);
		        transform: translateY(-110%);
	}
	100% {
		-webkit-transform: translateY(110%);
		        transform: translateY(110%);
	}
}
@-moz-keyframes scrollMov {
	0% {
		-moz-transform: translateY(-110%);
		     transform: translateY(-110%);
	}
	100% {
		-moz-transform: translateY(110%);
		     transform: translateY(110%);
	}
}
@-o-keyframes scrollMov {
	0% {
		-o-transform: translateY(-110%);
		   transform: translateY(-110%);
	}
	100% {
		-o-transform: translateY(110%);
		   transform: translateY(110%);
	}
}
@keyframes scrollMov {
	0% {
		-webkit-transform: translateY(-110%);
		   -moz-transform: translateY(-110%);
		     -o-transform: translateY(-110%);
		        transform: translateY(-110%);
	}
	100% {
		-webkit-transform: translateY(110%);
		   -moz-transform: translateY(110%);
		     -o-transform: translateY(110%);
		        transform: translateY(110%);
	}
}
#wrap.main .cont-item {
	position: absolute;
	top: 50%;
	left: 4rem;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#wrap.main .cont-item.right {
	left: auto;
	right: 4rem;
}
#wrap.main .cont-item.bottom {
	top: auto;
	bottom: 12rem;
	-webkit-transform: unset;
	   -moz-transform: unset;
	    -ms-transform: unset;
	     -o-transform: unset;
	        transform: unset;
}
#wrap.main .cont3-1 {
	-webkit-transform: translateY(-100%);
	   -moz-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	     -o-transform: translateY(-100%);
	        transform: translateY(-100%);
}
#wrap.main .cont3-2 {
	width: -webkit-calc(100% - 8rem);
	width: -moz-calc(100% - 8rem);
	width: calc(100% - 8rem);
}
#wrap.main .slogan {
	color: #fff;
	font-size: 9rem;
	font-weight: 700;
	line-height: 1.3;
}
#wrap.main .slogan span {
	display: block;
	margin-bottom: 0.6rem;
	font-size: 4.8rem;
	font-weight: 500;
}
#wrap.main .txt-box .tag {
	display: block;
	margin-bottom: 1.2rem;
	color: #2d9aff;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.25;
}
#wrap.main .txt-box .txt {
	margin-top: 0;
	color: #fff;
	font-size: 7rem;
	font-weight: 100;
	line-height: 1.2;
	letter-spacing: -0.028em;
}
#wrap.main .txt-box .txt strong {
	font-weight: 700;
}
#wrap.main .txt-box .link-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 6rem;
}
#wrap.main .txt-box .link-more {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	min-width: 24rem;
	height: 6.8rem;
	margin-top: 6rem;
	margin-right: 2rem;
	padding: 2rem 4rem;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.3;
	-webkit-border-radius: 3.4rem;
	   -moz-border-radius: 3.4rem;
	        border-radius: 3.4rem;
	border: 0.1rem solid rgba(255, 255, 255, 0.5);
}
#wrap.main .txt-box .link-more::after {
	content: "";
	width: 0.6rem;
	height: 1.2rem;
	background: url("../images/icon/ico-more.svg") no-repeat center/cover;
}
#wrap.main .recent-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	gap: 6rem;
}
#wrap.main .recent-item {
	display: block;
	width: -webkit-calc(33.3333% - 4rem);
	width: -moz-calc(33.3333% - 4rem);
	width: calc(33.3333% - 4rem);
}
#wrap.main .recent-item .recent-info {
	position: relative;
	padding-top: 3.6rem;
}
#wrap.main .recent-item .tag {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	margin-bottom: 0.4rem;
	color: #888;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.6;
}
#wrap.main .recent-item .subject {
	display: block;
	color: #fff;
	font-size: 3.2rem;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}
#wrap.main .recent-item .date {
	display: inline-block;
	margin-top: 1.2rem;
	color: #888;
	font-size: 1.6rem;
	line-height: 1.75;
}
#wrap.main .recent-item .btn-file {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 20rem;
	height: 4.8rem;
	margin-top: 5.6rem;
	color: #fff;
	font-size: 1.6rem;
	border: 0.1rem solid rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 10rem;
	   -moz-border-radius: 10rem;
	        border-radius: 10rem;
}
#wrap.main .recent-item .btn-file::before {
	content: "";
	width: 2rem;
	height: 2rem;
	margin-right: 0.6rem;
	background: url("../images/icon/ico-file-down-20.svg") no-repeat center/contain;
}
#wrap.main .cercle-group {
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 70.37vh;
	max-height: 76rem;
	margin-right: 9.4rem;
}
#wrap.main .cercle-item {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 20rem;
	height: 20rem;
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	border: 0.1rem solid #fff;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
#wrap.main .cercle-item:nth-child(1) {
	position: absolute;
	top: 0;
}
#wrap.main .cercle-item:nth-child(3) {
	position: absolute;
	bottom: 0;
}
#wrap.main .cercle-item.on {
	width: 28rem;
	height: 28rem;
	font-size: 2.6rem;
	border-color: transparent;
	background-color: #2d9aff;
	z-index: 1;
}
#wrap.main .main-footer {
	height: auto;
	overflow: visible;
}
#wrap.main .main-footer .inner + .inner {
	margin-top: 0;
}

#fp-nav {
	position: fixed;
	top: 50% !important;
	right: 50% !important;
	margin-top: 0 !important;
	margin-right: -66rem;
	opacity: 1;
	z-index: 100;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
#fp-nav ul {
	width: 2.4rem;
	text-align: center;
}
#fp-nav ul li {
	width: auto;
	height: auto;
	margin: 0;
	font-size: 0;
}
#fp-nav ul li:last-child {
	display: none;
}
#fp-nav ul li a {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	white-space: nowrap;
	width: 2.4rem;
	height: 2.8rem;
	text-indent: -9999rem;
	-webkit-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	transition: height 0.3s ease;
}
#fp-nav ul li a::before {
	content: "";
	width: 0.8rem;
	height: 0.8rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #fff;
	opacity: 0.4;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
#fp-nav ul li a::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0.8rem;
	height: 0.8rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	border: 0.1rem solid #fff;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
#fp-nav ul li a.active {
	height: 4.4rem !important;
}
#fp-nav ul li a.active::before {
	opacity: 1;
}
#fp-nav ul li a.active::after {
	width: 2.4rem;
	height: 2.4rem;
	opacity: 1;
}
#fp-nav ul li a span {
	display: none;
}

.fp-viewing-5 #fp-nav {
	opacity: 0;
}

.random-wrap.full {
	height: 100%;
}
.random-wrap.full > .random-item {
	height: 100%;
}

@media (max-width: 1400px) {
	#wrap.main .main-indicator {
		right: 4rem;
		margin-right: auto;
	}
}
@media (max-width: 1024px) {
	#wrap.main #header.is-hide ~ #container .main-section:not(.main-footer) .inner {
		padding-top: 9rem;
		padding-top: 12.3288vh;
		padding-top: 12.3288dvh;
	}
	#wrap.main .main-section:not(.main-footer) {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	#wrap.main .main-section:not(.main-footer):first-child {
		height: 100vh;
		height: 100dvh;
	}
	#wrap.main .main-section:not(.main-footer) .inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		min-height: 100vh;
		min-height: 100dvh;
		padding-top: 15rem;
		padding-top: 20.5479vh;
		padding-top: 20.5479dvh;
		padding-bottom: 6rem;
		padding-bottom: 8.2192vh;
		padding-bottom: 8.2192dvh;
		-webkit-transition: padding 0.3s ease;
		-o-transition: padding 0.3s ease;
		-moz-transition: padding 0.3s ease;
		transition: padding 0.3s ease;
		z-index: 2;
	}
	#wrap.main .main-section:not(.main-footer) .ef-fade {
		-webkit-transform: translateY(20rem);
		   -moz-transform: translateY(20rem);
		    -ms-transform: translateY(20rem);
		     -o-transform: translateY(20rem);
		        transform: translateY(20rem);
		-webkit-animation: efFadeUpBack ease-out 1s forwards;
		   -moz-animation: efFadeUpBack ease-out 1s forwards;
		     -o-animation: efFadeUpBack ease-out 1s forwards;
		        animation: efFadeUpBack ease-out 1s forwards;
	}
	#wrap.main .main-section:not(.main-footer) .cont4-2 .cercle-group {
		-webkit-transform: translateY(20rem);
		   -moz-transform: translateY(20rem);
		    -ms-transform: translateY(20rem);
		     -o-transform: translateY(20rem);
		        transform: translateY(20rem);
		-webkit-animation: efFadeUpBack ease-out 1s forwards;
		   -moz-animation: efFadeUpBack ease-out 1s forwards;
		     -o-animation: efFadeUpBack ease-out 1s forwards;
		        animation: efFadeUpBack ease-out 1s forwards;
	}
	#wrap.main .main-section:not(.main-footer) .cont4-2 .cercle-item:nth-child(1) {
		opacity: 1;
		-webkit-transform: translateY(0) translateX(6rem);
		   -moz-transform: translateY(0) translateX(6rem);
		    -ms-transform: translateY(0) translateX(6rem);
		     -o-transform: translateY(0) translateX(6rem);
		        transform: translateY(0) translateX(6rem);
		-webkit-animation: unset;
		   -moz-animation: unset;
		     -o-animation: unset;
		        animation: unset;
	}
	#wrap.main .main-section:not(.main-footer) .cont4-2 .cercle-item:nth-child(2) {
		-webkit-transform: translateY(-10.4rem);
		   -moz-transform: translateY(-10.4rem);
		    -ms-transform: translateY(-10.4rem);
		     -o-transform: translateY(-10.4rem);
		        transform: translateY(-10.4rem);
	}
	#wrap.main .main-section:not(.main-footer) .cont4-2 .cercle-item:nth-child(3) {
		opacity: 1;
		-webkit-transform: translateY(0) translateX(-6rem);
		   -moz-transform: translateY(0) translateX(-6rem);
		    -ms-transform: translateY(0) translateX(-6rem);
		     -o-transform: translateY(0) translateX(-6rem);
		        transform: translateY(0) translateX(-6rem);
		-webkit-animation: unset;
		   -moz-animation: unset;
		     -o-animation: unset;
		        animation: unset;
	}
	#wrap.main .main-section:not(.main-footer).active .ef-fade {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		    -ms-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		-webkit-animation: efFadeUp ease-out 1s forwards;
		   -moz-animation: efFadeUp ease-out 1s forwards;
		     -o-animation: efFadeUp ease-out 1s forwards;
		        animation: efFadeUp ease-out 1s forwards;
	}
	#wrap.main .main-section:not(.main-footer).active .cont4-2 .cercle-group {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		    -ms-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		-webkit-animation: efFadeUp ease-out 1s forwards;
		   -moz-animation: efFadeUp ease-out 1s forwards;
		     -o-animation: efFadeUp ease-out 1s forwards;
		        animation: efFadeUp ease-out 1s forwards;
	}
	#wrap.main .main-section:not(.main-footer).active .cont4-2 .cercle-item:nth-child(1) {
		opacity: 1;
		-webkit-transform: translateY(0) translateX(6rem);
		   -moz-transform: translateY(0) translateX(6rem);
		    -ms-transform: translateY(0) translateX(6rem);
		     -o-transform: translateY(0) translateX(6rem);
		        transform: translateY(0) translateX(6rem);
		-webkit-animation: unset;
		   -moz-animation: unset;
		     -o-animation: unset;
		        animation: unset;
	}
	#wrap.main .main-section:not(.main-footer).active .cont4-2 .cercle-item:nth-child(2) {
		-webkit-transform: translateY(-10.4rem);
		   -moz-transform: translateY(-10.4rem);
		    -ms-transform: translateY(-10.4rem);
		     -o-transform: translateY(-10.4rem);
		        transform: translateY(-10.4rem);
	}
	#wrap.main .main-section:not(.main-footer).active .cont4-2 .cercle-item:nth-child(3) {
		opacity: 1;
		-webkit-transform: translateY(0) translateX(-6rem);
		   -moz-transform: translateY(0) translateX(-6rem);
		    -ms-transform: translateY(0) translateX(-6rem);
		     -o-transform: translateY(0) translateX(-6rem);
		        transform: translateY(0) translateX(-6rem);
		-webkit-animation: unset;
		   -moz-animation: unset;
		     -o-animation: unset;
		        animation: unset;
	}
	#wrap.main .scroll {
		font-size: 1.4rem;
	}
	#wrap.main .ic-scroll {
		width: 0.1rem;
		height: 8rem;
		margin: 0.8rem auto 0;
	}
	#wrap.main .ic-scroll::before {
		width: 0.1rem;
		height: 8rem;
	}
	#wrap.main .cont-item {
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: unset;
		   -moz-transform: unset;
		    -ms-transform: unset;
		     -o-transform: unset;
		        transform: unset;
	}
	#wrap.main .cont-item.right {
		right: auto;
	}
	#wrap.main .cont-item.bottom {
		bottom: auto;
	}
	#wrap.main .slogan {
		font-size: 3.8rem;
	}
	#wrap.main .slogan span {
		font-size: 2rem;
	}
	#wrap.main .txt-box .tag {
		margin-bottom: 0.8rem;
		font-size: 2rem;
		line-height: 1.4;
	}
	#wrap.main .txt-box .txt {
		font-size: 3.2rem;
		line-height: 1.3;
	}
	#wrap.main .txt-box .link-more {
		width: 14rem;
		min-width: 14rem;
		height: 4.4rem;
		margin-top: 4rem;
		padding: 2rem 2rem;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	#wrap.main .cont3-2 {
		width: 100%;
	}
	#wrap.main .cont4-2 {
		text-align: center;
	}
	#wrap.main .cont5-1 {
		height: 100%;
	}
	#wrap.main .cont5-1 .txt-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		height: 100%;
	}
	#wrap.main .cont5-1 .link-group {
		display: block;
		margin-top: auto;
	}
	#wrap.main .cont5-1 .link-more {
		width: 100%;
		height: 6.5rem;
		margin-top: 0;
		margin-right: 0;
		padding: 2rem 0;
		font-size: 1.8rem;
		line-height: 1.4;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
		border: none;
		border-bottom: 0.1rem solid rgba(255, 255, 255, 0.15);
	}
	#wrap.main .recent-group {
		display: block;
	}
	#wrap.main .recent-item {
		position: relative;
		width: 100%;
		padding: 1.2rem 4.8rem 1.2rem 0;
		border-bottom: 0.1rem solid rgba(255, 255, 255, 0.15);
	}
	#wrap.main .recent-item .recent-info {
		padding-top: 0;
		line-height: 0;
	}
	#wrap.main .recent-item .tag {
		position: relative;
		vertical-align: top;
		margin: -0.2rem 0.8rem 0 0;
		font-size: 1.6rem;
	}
	#wrap.main .recent-item .subject {
		margin-bottom: 0.4rem;
		font-size: 1.8rem;
		line-height: 1.4;
	}
	#wrap.main .recent-item .date {
		vertical-align: top;
		margin-top: 0;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	#wrap.main .recent-item .btn-file {
		position: absolute;
		top: 0;
		right: -1.2rem;
		gap: 0;
		width: 4.8rem;
		min-width: 4.8rem;
		height: 4.8rem;
		margin-top: 0;
		font-size: 0;
		text-indent: -999em;
		border: none;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
	}
	#wrap.main .recent-item .btn-file::before {
		width: 2.4rem;
		height: 2.4rem;
		margin-right: 0;
		background: url("../images/icon/ico-file-down-24.svg") no-repeat center/contain;
	}
	#wrap.main .cercle-group {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		max-width: 24rem;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	#wrap.main .cercle-item {
		-webkit-flex-shrink: 0;
		    -ms-flex-negative: 0;
		        flex-shrink: 0;
		width: 12rem;
		height: 12rem;
		font-size: 1.6rem;
		font-weight: 700;
	}
	#wrap.main .cercle-item:nth-child(1) {
		position: unset;
		top: auto;
	}
	#wrap.main .cercle-item:nth-child(3) {
		position: unset;
		bottom: auto;
	}
	#wrap.main .cercle-item.on {
		width: 12rem;
		height: 12rem;
		font-size: 1.6rem;
	}
	#fp-nav {
		display: none;
	}
}
/* title-wrap */
.title-wrap {
	margin-top: 27rem;
}
.title-wrap .inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.title-wrap .inner .btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: auto;
	min-width: 22rem;
	margin-left: auto;
}
.title-wrap .inner .btn.mo-floating {
	min-width: 20.8rem;
	line-height: 1.4;
}
.title-wrap .inner .select-item {
	margin-left: auto;
	width: auto;
}
.title-wrap .inner .select-item select {
	min-width: 20rem;
	height: 8rem;
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
}
.title-wrap .inner .select-item select#termsSelect {
	min-width: 55rem;
}
.title-wrap .tit {
	color: #111;
	font-size: 7rem;
	font-weight: 700;
	line-height: 1.3;
}
.title-wrap.type2 {
	padding-bottom: 10rem;
}
.title-wrap.type2 .inner {
	display: block;
}
.title-wrap.type2 .tit {
	font-size: 3.2rem;
	line-height: 1.6;
}
.title-wrap.type2 .slogan {
	margin-top: 2rem;
	color: #111;
	font-size: 8rem;
	font-weight: 700;
	line-height: 1.3;
}
.title-wrap.type2 .slogan span {
	color: #999;
}
.title-wrap.type2 .txt {
	margin-top: 3rem;
	font-size: 3.2rem;
}

/* cont-box */
.cont-box:not(:first-child) {
	margin-top: 20rem;
}
.cont-box .tit {
	color: #111;
	font-size: 7rem;
	font-weight: 700;
	line-height: 1.3;
}
.cont-box .txt-b {
	margin-top: 2rem;
	color: #111;
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 1.6;
}
.cont-box .txt-m {
	margin-top: 6rem;
	color: #666;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.6;
}
.cont-box .txt-m.fc-dark {
	color: #111;
}
.cont-box + .img-box {
	margin-top: 10rem;
}

/* top-cont-box */
.top-cont-box {
	padding-top: 2rem;
}
.top-cont-box .txt-b {
	color: #111;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.4;
}
.top-cont-box .txt-m {
	margin-top: 1.6rem;
	color: #111;
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 1.6;
}
.top-cont-box + .guide-list {
	margin-top: 6rem;
}

/* cont-wrap */
.cont-wrap:not(:first-child) {
	margin-top: 20rem;
}

/* card-group */
[class^=card-group] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
[class^=card-group].col2 {
	gap: 4rem;
}
[class^=card-group].col2 .card-item {
	width: -webkit-calc(50% - 2rem);
	width: -moz-calc(50% - 2rem);
	width: calc(50% - 2rem);
}
[class^=card-group].col3 {
	gap: 4rem;
}
[class^=card-group].col3 .card-item {
	width: -webkit-calc(33.3333% - 2.6666rem);
	width: -moz-calc(33.3333% - 2.6666rem);
	width: calc(33.3333% - 2.6666rem);
}
[class^=card-group].col4 {
	gap: 4rem;
}
[class^=card-group].col4 .card-item {
	width: -webkit-calc(25% - 3rem);
	width: -moz-calc(25% - 3rem);
	width: calc(25% - 3rem);
}

.card-item {
	padding: 4.8rem 4.8rem;
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
	background-color: #f2f4f6;
}
.card-item .ic {
	vertical-align: top;
}

.card-group-line .card-item {
	border: 0.1rem solid #ddd;
	background-color: #fff;
}

/* txt-box */
.txt-box .tit {
	color: #111;
	font-size: 3.2rem;
	line-height: 1.3;
	font-weight: 700;
}
.txt-box .txt {
	margin-top: 1.6rem;
	color: #666;
	font-size: 2.4rem;
	line-height: 1.5;
}

.error-message {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 19rem;
}
.error-message [class^=txt-] {
	text-align: center;
}
.error-message .txt-b {
	color: #111;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.error-message .txt-m {
	margin-top: 1.2rem;
	color: #666;
	font-size: 2.4rem;
	line-height: 1.6;
}
.error-message .btn {
	margin-top: 8rem;
}
.error-message::before {
	content: "";
	width: 12rem;
	height: 12rem;
	margin-bottom: 4rem;
}
.error-message.disconnect::before {
	background: url("../images/icon/ico-error-disconnect.svg") no-repeat center/cover;
}
.error-message.maintenance::before {
	background: url("../images/icon/ico-error-maintenance.svg") no-repeat center/cover;
}
.error-message.notfound::before {
	background: url("../images/icon/ico-error-notfound.svg") no-repeat center/cover;
}

/* ================================== media query ================================== */
@media (max-width: 1024px) {
	/* title-wrap */
	.title-wrap {
		margin-top: 12rem;
	}
	.title-wrap .inner {
		display: block;
		text-align: center;
	}
	.title-wrap .inner .btn:not(.mo-floating) {
		min-width: auto;
		height: 3.6rem;
		margin: 4rem auto 0;
		padding: 0 1.6rem;
		font-weight: 400;
	}
	.title-wrap .inner .btn.mo-floating {
		position: fixed;
		left: 50%;
		bottom: 0.8rem;
		min-width: 20rem;
		height: 5.6rem;
		margin-left: -10rem;
		font-size: 1.6rem;
		-webkit-border-radius: 10rem;
		   -moz-border-radius: 10rem;
		        border-radius: 10rem;
		opacity: 1;
		z-index: 99;
	}
	.title-wrap .inner .btn.mo-floating.is-foot-hide {
		opacity: 0;
		pointer-events: none;
	}
	.title-wrap .tit {
		font-size: 3.2rem;
	}
	.title-wrap.type2 {
		padding-bottom: 0;
	}
	.title-wrap.type2 .inner {
		text-align: left;
	}
	.title-wrap.type2 .tit {
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.title-wrap.type2 .slogan {
		margin-top: 1rem;
		font-size: 3.2rem;
	}
	.title-wrap.type2 .txt {
		margin-top: 1.2rem;
		font-size: 1.8rem;
	}
	/* cont-box */
	.cont-box:not(:first-child) {
		margin-top: 6rem;
	}
	.cont-box .tit {
		font-size: 2.8rem;
		line-height: 1.4;
	}
	.cont-box .txt-b {
		margin-top: 1.2rem;
		font-size: 1.8rem;
	}
	.cont-box .txt-m {
		margin-top: 3rem;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.cont-box + .img-box {
		margin-top: 4rem;
	}
	/* top-cont-box */
	.top-cont-box {
		padding-top: 0;
	}
	.top-cont-box .txt-b {
		font-size: 2rem;
		line-height: 1.4;
	}
	.top-cont-box .txt-m {
		margin-top: 1.2rem;
		font-size: 1.8rem;
	}
	.top-cont-box + .guide-list {
		margin-top: 4rem;
	}
	.tab-panel .top-cont-box,
.tab-panel .privacy-wrap.type2 {
		padding-top: 2rem;
	}
	/* cont-wrap */
	.cont-wrap:not(:first-child) {
		margin-top: 10rem;
	}
	.cont-wrap:not(:first-child).space-sm {
		margin-top: 6rem;
	}
	/* card-group */
	[class^=card-group].col2, [class^=card-group].col3, [class^=card-group].col4 {
		gap: 2rem;
	}
	[class^=card-group].col2 .card-item, [class^=card-group].col3 .card-item, [class^=card-group].col4 .card-item {
		width: 100%;
	}
	.card-item {
		padding: 2.4rem 2.4rem;
		-webkit-border-radius: 1.2rem;
		   -moz-border-radius: 1.2rem;
		        border-radius: 1.2rem;
	}
	/* txt-box */
	.txt-box .tit {
		font-size: 1.8rem;
		line-height: 1.4;
	}
	.txt-box .txt {
		margin-top: 0.8rem;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.error-message {
		margin-top: 10rem;
		margin-bottom: 4rem;
	}
	.error-message .txt-b {
		font-size: 2rem;
		line-height: 1.4;
	}
	.error-message .txt-m {
		margin-top: 1.2rem;
		font-size: 1.6rem;
	}
	.error-message .btn {
		margin-top: 4rem;
	}
	.error-message::before {
		margin-bottom: 2rem;
	}
}
/* CEO인사말 */
.greeting {
	position: relative;
}
.greeting:first-child {
	margin-top: -11rem;
}
.greeting .txt {
	position: relative;
	color: #666;
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: -0.02em;
}
.greeting .txt strong {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.6;
}
.greeting .img-ceo {
	position: absolute;
	left: -webkit-calc(50% - 4rem);
	left: -moz-calc(50% - 4rem);
	left: calc(50% - 4rem);
	bottom: 0;
	width: 100rem;
	width: 133rem;
	z-index: 1;
}
.greeting .img-ceo > * {
	-webkit-animation: ceoMovX ease-out 0.8s forwards;
	   -moz-animation: ceoMovX ease-out 0.8s forwards;
	     -o-animation: ceoMovX ease-out 0.8s forwards;
	        animation: ceoMovX ease-out 0.8s forwards;
}
@-webkit-keyframes ceoMovX {
	0% {
		-webkit-transform: translateX(5rem);
		        transform: translateX(5rem);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@-moz-keyframes ceoMovX {
	0% {
		-moz-transform: translateX(5rem);
		     transform: translateX(5rem);
	}
	100% {
		-moz-transform: translateX(0);
		     transform: translateX(0);
	}
}
@-o-keyframes ceoMovX {
	0% {
		-o-transform: translateX(5rem);
		   transform: translateX(5rem);
	}
	100% {
		-o-transform: translateX(0);
		   transform: translateX(0);
	}
}
@keyframes ceoMovX {
	0% {
		-webkit-transform: translateX(5rem);
		   -moz-transform: translateX(5rem);
		     -o-transform: translateX(5rem);
		        transform: translateX(5rem);
	}
	100% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
	}
}
.greeting .img-box {
	position: relative;
	padding: 11rem 0 13.5rem;
	height: 50rem;
}
.greeting .img-box::before {
	content: "";
	position: absolute;
	left: -10rem;
	right: -400rem;
	bottom: 0;
	height: 100%;
	background-color: #f2f4f6;
	z-index: 0;
}
.greeting .txt-box {
	position: absolute;
	top: 0;
	left: 0;
	padding: 11rem 0 13.4rem;
	z-index: 1;
}
.greeting .txt-box .txt {
	margin-top: 0;
}
.greeting .txt-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 10rem;
	gap: 9rem;
}
.greeting .txt-group .txt-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: -webkit-calc(50% - 4.4rem);
	width: -moz-calc(50% - 4.4rem);
	width: calc(50% - 4.4rem);
	margin-top: 0;
	letter-spacing: -0.05em;
}
.greeting .txt-group .txt + .txt {
	margin-top: 6rem;
}
.greeting .sign-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	   -moz-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin-top: auto;
	text-align: right;
	color: #111;
	font-size: 2.8rem;
	letter-spacing: 0;
}
.greeting .sign-box img {
	margin: 1rem 0;
}

/* 연혁 */
.history-wrap {
	position: relative;
}
.history-wrap:before {
	content: "";
	position: absolute;
	left: -webkit-calc(50% - 0.15rem);
	left: -moz-calc(50% - 0.15rem);
	left: calc(50% - 0.15rem);
	top: 0;
	bottom: 0;
	width: 0.3rem;
	background-color: #eee;
}
.history-wrap .progress-bar {
	position: absolute;
	left: -webkit-calc(50% - 1.2rem);
	left: -moz-calc(50% - 1.2rem);
	left: calc(50% - 1.2rem);
	top: 0;
	width: 2.4rem;
	-webkit-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	transition: height 0.5s ease;
}
.history-wrap .progress-bar:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1.2rem;
	width: 2.4rem;
	height: 2.4rem;
	border: 0.7rem solid #ddd;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
}
.history-wrap .progress-bar:after {
	content: "";
	position: absolute;
	left: -webkit-calc(50% - 0.15rem);
	left: -moz-calc(50% - 0.15rem);
	left: calc(50% - 0.15rem);
	top: 0;
	bottom: 0;
	width: 0.3rem;
	background-color: #666;
}

.history-indicator {
	position: fixed;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 2rem;
	top: 50%;
	right: 4rem;
	width: 4.4rem;
	padding: 1.6rem 1rem;
	text-align: center;
	opacity: 0;
	-webkit-border-radius: 6rem;
	   -moz-border-radius: 6rem;
	        border-radius: 6rem;
	background-color: #f6f6f6;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
	pointer-events: none;
	z-index: 100;
}
.history-indicator.is-show {
	opacity: 1;
	pointer-events: all;
}
.history-indicator.is-foot-hide {
	opacity: 0;
	pointer-events: none;
}
.history-indicator .btn {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	   -moz-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	position: relative;
	gap: 0;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
.history-indicator .btn .txt {
	display: block;
	margin-right: 1.7rem;
	color: #146ff9;
	font-size: 0;
	font-weight: 700;
	opacity: 0;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
.history-indicator .btn .dot {
	position: relative;
	min-width: 2.4rem;
}
.history-indicator .btn .dot::before, .history-indicator .btn .dot::after {
	content: "";
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
.history-indicator .btn .dot::before {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #999;
	opacity: 0.4;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.history-indicator .btn .dot::after {
	width: 0.8rem;
	height: 0.8rem;
	margin: auto;
	border: 0.1rem solid #146ff9;
	opacity: 0;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
.history-indicator .btn.is-on .txt {
	font-size: 1.8rem;
	opacity: 1;
}
.history-indicator .btn.is-on .dot::before {
	background-color: #146ff9;
	opacity: 1;
}
.history-indicator .btn.is-on .dot::after {
	width: 2.4rem;
	height: 2.4rem;
	opacity: 1;
}

.age-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20rem;
}
.age-wrap:not(:last-child) {
	padding-bottom: 20rem;
}
.age-wrap:nth-child(even) .img-box {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	   -moz-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
.age-wrap .img-box,
.age-wrap .age-box {
	width: -webkit-calc(100% - 10rem);
	width: -moz-calc(100% - 10rem);
	width: calc(100% - 10rem);
}
.age-wrap .img-box {
	position: -webkit-sticky;
	position: sticky;
	top: 24rem;
	height: 24.2857vw;
	max-height: 32rem;
}
.age-wrap .img-box img {
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
}
.age-wrap .img-box:first-child {
	height: 22.8571vw;
	max-height: 34rem;
}

.age-box h4 {
	font-size: 7rem;
	line-height: 1.3;
}
.age-box .year-item {
	margin-top: 6rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.age-box .year-item .year-tit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 12rem;
	min-width: 12rem;
	min-height: 4.2rem;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.age-box .month-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.age-box .month-item:not(:first-child) {
	margin-top: 2rem;
}
.age-box .month-item .month-tit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 5.6rem;
	min-width: 5.6rem;
	min-height: 4.2rem;
	color: #666;
	font-size: 2rem;
	line-height: 1.6;
}
.age-box .month-item .month-cont {
	margin-top: 0.2rem;
	color: #111;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.6;
}
.age-box .month-item .month-cont > p:not(:first-child) {
	margin-top: 1.2rem;
}

/* 비전 */
.cont-slogan .img-box {
	padding-top: 1.2rem;
}
.cont-slogan .img-box img {
	max-width: 54rem;
	margin: 0 auto;
}
.cont-slogan .txt {
	margin-top: 4rem;
	text-align: center;
	font-size: 2.8rem;
}

.card-value .card-item {
	padding: 4.8rem 4rem;
	text-align: center;
}
.card-value .tit {
	color: #111;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.card-value .ic {
	margin-top: 4rem;
}
.card-value .txt {
	margin-top: 4rem;
	color: #111;
	font-size: 2.4rem;
}

/* 사업개요 */
.cont-box.col-type1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12rem;
}
.cont-box.col-type1 .col-item:first-child {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	width: 40rem;
	margin-top: 1.5rem;
	padding-top: 4rem;
	border-top: 0.1rem solid #000;
}
.cont-box.col-type1 .h3 {
	line-height: 1.3;
}
.cont-box.col-type1 .h4 {
	line-height: 1.3;
}
.cont-box.col-type1 .h4:not(:first-child) {
	margin-top: 10rem;
}
.cont-box.col-type1 .h4 + .card-group, .cont-box.col-type1 .h4 + .img-box {
	margin-top: 4rem;
}
.cont-box.col-type1 .txt-m {
	color: #111;
}
.cont-box.col-type1 .txt-m + .txt-m {
	margin-top: 2rem;
}
.cont-box.col-type1 dl {
	margin-top: 10rem;
}
.cont-box.col-type1 dl dt {
	color: #111;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.cont-box.col-type1 dl dt:not(:first-child) {
	margin-top: 6rem;
}
.cont-box.col-type1 dl dd {
	margin-top: 1.2rem;
	color: #666;
	font-size: 2.4rem;
}
.cont-box.col-type1 .img-box {
	padding: 8rem;
	text-align: center;
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
	border: 0.1rem solid #ccc;
}
.cont-box.col-type1 .img-box img {
	width: auto;
	margin: 0 auto;
}
.cont-box.col-type1 .txt-fund {
	margin-top: 2rem;
	color: #999;
	font-size: 1.6rem;
}

.comparison-wrap {
	margin-top: 4rem;
	padding: 8rem;
	text-align: center;
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
	border: 0.1rem solid #ccc;
}
.comparison-wrap .sub-txt {
	max-width: 52rem;
	margin: 2rem auto 0;
	color: #666;
	font-size: 1.8rem;
}
.comparison-wrap .sub-tit {
	max-width: 52rem;
	margin: 6rem auto 3.2rem;
	text-align: left;
	color: #111;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.4;
}
.comparison-wrap .sub-tit em {
	color: #0064ff;
}

.comparison-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 4rem;
}
.comparison-box.type1 .comparison-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding-bottom: 4rem;
}
.comparison-box.type1 .comparison-item .c-tit {
	margin-bottom: 4rem;
	padding: 2rem 0;
	color: #fff;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.4;
	-webkit-border-radius: 2rem 2rem 0 0;
	   -moz-border-radius: 2rem 2rem 0 0;
	        border-radius: 2rem 2rem 0 0;
	background-color: #aeaeae;
}
.comparison-box.type1 .comparison-item:last-child .c-tit {
	background-color: #0064ff;
}
.comparison-box.type1 .comparison-item .c-chart {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: auto;
	text-align: center;
}
.comparison-box.type1 .comparison-item .c-chart .c-per {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 9.8rem;
	height: 4.9rem;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
	-webkit-border-radius: 2.4rem;
	   -moz-border-radius: 2.4rem;
	        border-radius: 2.4rem;
	background-color: #666;
}
.comparison-box.type1 .comparison-item .c-chart .c-per::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -1.6rem;
	width: 0;
	height: 0;
	margin-left: -0.7rem;
	border-top: 1rem solid #666;
	border-right: 0.7rem solid transparent;
	border-bottom: 1rem solid transparent;
	border-left: 0.7rem solid transparent;
}
.comparison-box.type1 .comparison-item .c-chart .c-bar {
	width: 8rem;
	height: 14rem;
	margin-top: 1.4rem;
	-webkit-border-radius: 1.2rem;
	   -moz-border-radius: 1.2rem;
	        border-radius: 1.2rem;
	background: -webkit-gradient(linear, left top, left bottom, from(#b5bcc8), to(#d0d7e2));
	background: -webkit-linear-gradient(top, #b5bcc8 0%, #d0d7e2 100%);
	background: -moz-linear-gradient(top, #b5bcc8 0%, #d0d7e2 100%);
	background: -o-linear-gradient(top, #b5bcc8 0%, #d0d7e2 100%);
	background: linear-gradient(180deg, #b5bcc8 0%, #d0d7e2 100%);
}
.comparison-box.type1 .comparison-item:last-child .c-chart .c-per {
	width: 10rem;
	height: 5.4rem;
	font-size: 2.8rem;
	-webkit-border-radius: 3.6rem;
	   -moz-border-radius: 3.6rem;
	        border-radius: 3.6rem;
	background-color: #0064ff;
}
.comparison-box.type1 .comparison-item:last-child .c-chart .c-per::after {
	border-top-color: #0064ff;
}
.comparison-box.type1 .comparison-item:last-child .c-chart .c-bar {
	height: 10rem;
	background: -webkit-gradient(linear, left top, left bottom, from(#0064ff), to(#14b4f9));
	background: -webkit-linear-gradient(top, #0064ff 0%, #14b4f9 100%);
	background: -moz-linear-gradient(top, #0064ff 0%, #14b4f9 100%);
	background: -o-linear-gradient(top, #0064ff 0%, #14b4f9 100%);
	background: linear-gradient(180deg, #0064ff 0%, #14b4f9 100%);
}
.comparison-box.type1 .comparison-item .c-txt {
	margin-top: 1.2rem;
	color: #111;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
}
.comparison-box.type2 .comparison-item {
	padding: 3rem 3rem;
	text-align: left;
}
.comparison-box.type2 .comparison-item .c-tit {
	color: #111;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
}
.comparison-box.type2 .comparison-item:last-child .c-tit {
	color: #0064ff;
}
.comparison-box.type2 .comparison-item .c-txt {
	margin-top: 0.4rem;
	color: #111;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.4;
}
.comparison-box.type2 .comparison-item .c-att {
	margin-top: 0.4rem;
	color: #666;
	font-size: 1.8rem;
}
.comparison-box.type2 .comparison-item .c-benefit {
	position: absolute;
	top: -3.474rem;
	right: -1.232rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 8.8rem;
	height: 8.8rem;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.2;
	background: url("data:image/svg+xml,%3Csvg width='89' height='88' viewBox='0 0 89 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.7421 0.436088L55.7904 7.30609C56.3335 7.67168 56.9725 7.8697 57.6435 7.88494L70.0082 7.9611C71.0465 7.9611 71.9731 8.61611 72.3086 9.56055L76.2065 20.7567C76.4141 21.3507 76.8135 21.8839 77.3567 22.2647L87.3251 29.2566C88.1718 29.8507 88.5232 30.8865 88.2037 31.8309L84.4496 43.0728C84.2419 43.6821 84.2419 44.3218 84.4496 44.9312L88.2037 56.173C88.5232 57.1174 88.1718 58.1685 87.3251 58.7473L77.3567 65.7392C76.8135 66.12 76.4141 66.6379 76.2065 67.2472L72.3086 78.4434C71.9731 79.3878 71.0465 80.0276 70.0082 80.0428L57.6435 80.119C56.9725 80.119 56.3335 80.317 55.7904 80.6978L45.7421 87.5678C44.8954 88.1467 43.7452 88.1467 42.8985 87.5678L32.8502 80.6978C32.3071 80.3322 31.6681 80.1342 30.9971 80.119L18.6325 80.0428C17.5941 80.0428 16.6675 79.3878 16.3321 78.4434L12.4342 67.2472C12.2265 66.6532 11.8271 66.12 11.284 65.7392L1.31554 58.7473C0.46886 58.1532 0.11741 57.1174 0.43691 56.173L4.19104 44.9312C4.39872 44.3218 4.39872 43.6821 4.19104 43.0728L0.452885 31.8005C0.133385 30.856 0.484835 29.805 1.33151 29.2261L11.2999 22.2343C11.8431 21.8534 12.2425 21.3355 12.4501 20.7262L16.348 9.53008C16.6835 8.58565 17.6101 7.94587 18.6484 7.93064L31.0131 7.85447C31.6841 7.85447 32.3231 7.65645 32.8662 7.27562L42.8985 0.436088C43.7452 -0.142759 44.8954 -0.142759 45.7421 0.436088Z' fill='url(%23paint0_linear_4639_41023)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4639_41023' x1='44.3203' y1='0.00195312' x2='44.3203' y2='88.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230064FF'/%3E%3Cstop offset='1' stop-color='%2314B4F9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center/cover;
}

.comparison-item {
	position: relative;
	max-width: 24rem;
	width: -webkit-calc(50% - 2rem);
	width: -moz-calc(50% - 2rem);
	width: calc(50% - 2rem);
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
	background-color: #f6f6f6;
}
.comparison-item:nth-child(even) {
	background-color: #e9f2ff;
}

.card-ib .card-item {
	background-color: #f2f4f6;
}
.card-ib .ic {
	display: block;
	margin: 0 auto 1rem;
}
.card-ib .tit {
	color: #111;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.4;
}
.card-ib .txt {
	color: #999;
	font-size: 2.4rem;
}

/* 기업지배구조 */
.cont-box.col-type2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10rem;
}
.cont-box.col-type2 .col-item {
	width: -webkit-calc(100% - 5rem);
	width: -moz-calc(100% - 5rem);
	width: calc(100% - 5rem);
}
.cont-box.col-type2 .h4 {
	color: #111;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.4;
}
.cont-box.col-type2 .h4 + .txt {
	margin-top: 0.8rem;
	color: #999;
	font-size: 2.4rem;
}
.cont-box.col-type2 .tit {
	color: #111;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.4;
}
.cont-box.col-type2 .tit:not(:first-child) {
	margin-top: 6rem;
}
.cont-box.col-type2 .list {
	margin-top: 2rem;
}
.cont-box.col-type2 .list li {
	position: relative;
	padding-left: 1.2rem;
	color: #666;
	font-size: 2.4rem;
}
.cont-box.col-type2 .list li:not(:first-child) {
	margin-top: 1.2rem;
}
.cont-box.col-type2 .list li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1.6rem;
	width: 0.4rem;
	height: 0.4rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
}

.card-committee {
	padding-bottom: 15rem;
}
.card-committee .card-item {
	padding: 8rem 6rem;
}
.card-committee .card-item:nth-child(even) {
	-webkit-transform: translateY(15rem);
	   -moz-transform: translateY(15rem);
	    -ms-transform: translateY(15rem);
	     -o-transform: translateY(15rem);
	        transform: translateY(15rem);
}
.card-committee .tit {
	color: #111;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.4;
}
.card-committee .txt {
	margin-top: 4rem;
	color: #666;
	font-size: 2.4rem;
}

/* 본사위치 */
.card-location {
	margin-top: 10rem;
}
.card-location .ic {
	margin-bottom: 4rem;
}
.card-location .tit {
	color: #111;
	font-size: 3.2rem;
	font-weight: 700;
}
.card-location .list {
	margin-top: 1.6rem;
}
.card-location .list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #666;
	font-size: 2.4rem;
}
.card-location .list li:not(:first-child) {
	margin-top: 0.4rem;
}
.card-location .list strong {
	margin-right: 1.2rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
}

.txt-location .list {
	margin-top: 1.6rem;
}
.txt-location .list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	color: #666;
	font-size: 2.4rem;
}
.txt-location .list li:not(:first-child) {
	margin-top: 0.8rem;
}
.txt-location .list strong {
	min-width: 10rem;
	margin: 0.9rem 1.2rem 0 0;
	font-size: 2rem;
	font-weight: 700;
}

.section.map-area {
	width: 100%;
	height: 60rem;
	margin: 10rem 0 -35rem;
}
.section.map-area iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background-color: #f2f4f6;
}

@media (max-width: 1024px) {
	/* CEO인사말 */
	.greeting:first-child {
		margin-top: 0;
	}
	.greeting .txt {
		font-size: 1.8rem;
	}
	.greeting .txt strong {
		font-size: 1.8rem;
	}
	.greeting .img-ceo {
		position: relative;
		left: unset;
		bottom: unset;
		width: 100%;
		padding-bottom: 110vw;
		margin-top: -7rem;
	}
	.greeting .img-ceo > * {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.greeting .img-ceo img {
		width: 100%;
	}
	.greeting .img-box {
		margin: 0 -2rem;
		padding: 0;
		width: auto;
		height: auto;
	}
	.greeting .img-box::before {
		left: 0;
		right: 0;
		height: 50%;
	}
	.greeting .txt-box {
		position: relative;
		margin-top: 4rem;
		padding: 0;
	}
	.greeting .txt-group {
		display: block;
		margin-top: 4rem;
	}
	.greeting .txt-group .txt-col {
		width: 100%;
	}
	.greeting .txt-group .txt-col + .txt-col,
.greeting .txt-group .txt + .txt {
		margin-top: 4rem;
	}
	.greeting .sign-box {
		margin-top: 3rem;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.greeting .sign-box img {
		margin: 2rem 0 0;
		width: 18rem;
	}
	/* 연혁 */
	.history-wrap:before {
		display: none;
	}
	.history-wrap .progress-bar {
		display: none;
	}
	.history-indicator {
		top: auto;
		right: auto;
		bottom: 1.2rem;
		left: 50%;
		-webkit-box-orient: unset;
		-webkit-box-direction: unset;
		-webkit-flex-direction: unset;
		   -moz-box-orient: unset;
		   -moz-box-direction: unset;
		    -ms-flex-direction: unset;
		        flex-direction: unset;
		width: auto;
		padding: 1.4rem 3rem;
		-webkit-transform: translate(-50%, 0);
		   -moz-transform: translate(-50%, 0);
		    -ms-transform: translate(-50%, 0);
		     -o-transform: translate(-50%, 0);
		        transform: translate(-50%, 0);
	}
	.history-indicator .btn .txt {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		   -moz-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		margin-left: 0;
		margin-right: 0;
	}
	.history-indicator .btn .dot {
		width: 2rem;
		min-width: 2rem;
		height: 2rem;
	}
	.history-indicator .btn.is-on .txt {
		margin-left: 0.6rem;
		font-size: 1.4rem;
	}
	.history-indicator .btn.is-on .dot::after {
		width: 2rem;
		height: 2rem;
	}
	.age-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 3rem;
	}
	.age-wrap:not(:last-child) {
		padding-bottom: 6rem;
	}
	.age-wrap:nth-child(even) .img-box {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		   -moz-box-ordinal-group: 1;
		    -ms-flex-order: 0;
		        order: 0;
	}
	.age-wrap .img-box,
.age-wrap .age-box {
		width: 100%;
	}
	.age-wrap .img-box {
		position: relative;
		top: unset;
		height: auto;
		max-height: unset;
	}
	.age-wrap .img-box img {
		width: 100%;
		-webkit-border-radius: 1.2rem;
		   -moz-border-radius: 1.2rem;
		        border-radius: 1.2rem;
	}
	.age-wrap .img-box:first-child {
		height: auto;
		max-height: unset;
	}
	.age-box h4 {
		font-size: 2.8rem;
	}
	.age-box .year-item {
		margin-top: 3rem;
		display: block;
	}
	.age-box .year-item .year-tit {
		width: 100%;
		min-height: 3.4rem;
		font-size: 2.4rem;
		line-height: 1.4;
	}
	.age-box .month-item {
		padding: 0;
		margin-top: 1.2rem;
	}
	.age-box .month-item:not(:first-child) {
		margin-top: 1.2rem;
	}
	.age-box .month-item .month-tit {
		width: 4.4rem;
		min-width: 4.4rem;
		min-height: 2.9rem;
		font-size: 1.6rem;
	}
	.age-box .month-item .month-cont {
		margin-top: 0.1rem;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.age-box .month-item .month-cont > p:not(:first-child) {
		margin-top: 0.6rem;
	}
	/* 비전 */
	.cont-slogan .img-box {
		padding-top: 4rem;
	}
	.cont-slogan .img-box img {
		max-width: 22rem;
		margin: 0 auto;
	}
	.cont-slogan .txt {
		margin-top: 3rem;
		font-size: 1.8rem;
	}
	.card-value .card-item {
		padding: 4rem 4rem;
	}
	.card-value .tit {
		font-size: 2.4rem;
		line-height: 1.4;
	}
	.card-value .ic {
		margin-top: 2rem;
	}
	.card-value .txt {
		margin-top: 2rem;
		font-size: 1.8rem;
	}
	/* 사업개요 */
	.cont-box.col-type1 {
		display: block;
	}
	.cont-box.col-type1:not(:first-child) {
		margin-top: 10rem;
	}
	.cont-box.col-type1 .col-item:first-child {
		width: 100%;
		margin-top: 0;
		padding: 0 0 2rem;
		border-top: none;
	}
	.cont-box.col-type1 .h4 {
		font-size: 2rem;
		line-height: 1.4;
	}
	.cont-box.col-type1 .h4:not(:first-child) {
		margin-top: 6rem;
	}
	.cont-box.col-type1 .h4.gap-sm {
		margin-top: 4rem;
	}
	.cont-box.col-type1 .h4 + .card-group, .cont-box.col-type1 .h4 + .img-box {
		margin-top: 2rem;
	}
	.cont-box.col-type1 .txt-m {
		margin-top: 3rem;
	}
	.cont-box.col-type1 dl {
		margin-top: 6rem;
	}
	.cont-box.col-type1 dl dt {
		font-size: 2rem;
		line-height: 1.4;
	}
	.cont-box.col-type1 dl dt:not(:first-child) {
		margin-top: 3rem;
	}
	.cont-box.col-type1 dl dd {
		font-size: 1.6rem;
	}
	.cont-box.col-type1 dl + .h4 {
		margin-top: 6rem;
	}
	.cont-box.col-type1 .img-box {
		padding: 0;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
		border: none;
	}
	.cont-box.col-type1 .img-box img {
		width: 100%;
		max-width: 32rem;
	}
	.cont-box.col-type1 .txt-fund {
		margin-top: 4rem;
		text-align: center;
		font-size: 1.4rem;
	}
	.comparison-wrap {
		margin-top: 2rem;
		padding: 0;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
		border: none;
	}
	.comparison-wrap .sub-txt {
		max-width: 32rem;
		margin-top: 1.2rem;
		font-size: 1.6rem;
	}
	.comparison-wrap .sub-tit {
		max-width: 32rem;
		margin: 4rem auto 2rem;
		font-size: 1.8rem;
	}
	.comparison-box {
		gap: 1.2rem;
	}
	.comparison-box.type1 .comparison-item {
		padding-bottom: 3rem;
	}
	.comparison-box.type1 .comparison-item .c-tit {
		margin-bottom: 3rem;
		padding: 1.2rem 0;
		font-size: 1.8rem;
		-webkit-border-radius: 1.2rem 1.2rem 0 0;
		   -moz-border-radius: 1.2rem 1.2rem 0 0;
		        border-radius: 1.2rem 1.2rem 0 0;
	}
	.comparison-box.type1 .comparison-item .c-chart .c-per {
		font-size: 1.8rem;
	}
	.comparison-box.type1 .comparison-item:last-child .c-chart .c-per {
		font-size: 2.4rem;
	}
	.comparison-box.type1 .comparison-item .c-txt {
		font-size: 1.8rem;
	}
	.comparison-box.type2 .comparison-item {
		padding: 4rem 1.6rem;
	}
	.comparison-box.type2 .comparison-item .c-tit {
		font-size: 1.4rem;
	}
	.comparison-box.type2 .comparison-item .c-txt {
		font-size: 2rem;
	}
	.comparison-box.type2 .comparison-item .c-att {
		font-size: 1.4rem;
	}
	.comparison-box.type2 .comparison-item .c-benefit {
		top: -3.474rem;
		right: 1rem;
		width: 6.4rem;
		height: 6.4rem;
		font-size: 1.4rem;
	}
	.comparison-item {
		max-width: 15.4rem;
		width: -webkit-calc(50% - 0.6rem);
		width: -moz-calc(50% - 0.6rem);
		width: calc(50% - 0.6rem);
		-webkit-border-radius: 1.2rem;
		   -moz-border-radius: 1.2rem;
		        border-radius: 1.2rem;
	}
	.card-ib .card-item {
		text-align: center;
		padding: 2.4rem 4rem 3rem;
	}
	.card-ib .ic {
		margin: 0 auto 0.4rem;
	}
	.card-ib .tit {
		font-size: 1.8rem;
	}
	.card-ib .txt {
		font-size: 1.6rem;
	}
	/* 기업지배구조 */
	.cont-box.col-type2 {
		display: block;
	}
	.cont-box.col-type2:not(:first-child) {
		margin-top: 6rem;
	}
	.cont-box.col-type2 .col-item {
		width: 100%;
	}
	.cont-box.col-type2 .col-item:first-child {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 0.8rem;
		margin-bottom: 2rem;
	}
	.cont-box.col-type2 .h4 {
		font-size: 2.4rem;
	}
	.cont-box.col-type2 .h4 + .txt {
		margin-top: 0;
		font-size: 1.6rem;
	}
	.cont-box.col-type2 .tit {
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.cont-box.col-type2 .tit:not(:first-child) {
		margin-top: 2rem;
	}
	.cont-box.col-type2 .list {
		margin-top: 0.4rem;
		margin-left: 1.2rem;
	}
	.cont-box.col-type2 .list li {
		font-size: 1.6rem;
	}
	.cont-box.col-type2 .list li:not(:first-child) {
		margin-top: 0.4rem;
	}
	.cont-box.col-type2 .list li::before {
		top: 1rem;
	}
	.card-committee {
		padding-bottom: 0;
	}
	.card-committee .card-item {
		padding: 4rem 4rem;
		text-align: center;
	}
	.card-committee .card-item:nth-child(even) {
		-webkit-transform: unset;
		   -moz-transform: unset;
		    -ms-transform: unset;
		     -o-transform: unset;
		        transform: unset;
	}
	.card-committee .card-item:nth-child(1) {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		   -moz-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.card-committee .card-item:nth-child(2) {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		   -moz-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.card-committee .card-item:nth-child(3) {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		   -moz-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.card-committee .card-item:nth-child(4) {
		-webkit-box-ordinal-group: 5;
		-webkit-order: 4;
		   -moz-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
	.card-committee .tit {
		font-size: 2.4rem;
	}
	.card-committee .txt {
		margin-top: 2rem;
		font-size: 1.6rem;
	}
	/* 본사위치 */
	.card-location {
		margin-top: 2rem;
	}
	.card-location .ic {
		margin-bottom: 2rem;
	}
	.card-location .tit {
		font-size: 1.8rem;
		line-height: 1.4;
	}
	.card-location .list {
		margin-top: 0.8rem;
	}
	.card-location .list li {
		font-size: 1.6rem;
	}
	.card-location .list li:not(:first-child) {
		margin-top: 0.6rem;
	}
	.card-location .list strong {
		margin-right: 1rem;
		font-size: 1.6rem;
	}
	.txt-location {
		padding: 2rem 2.4rem 0;
	}
	.txt-location .list {
		margin-top: 0.8rem;
	}
	.txt-location .list li {
		display: block;
		font-size: 1.6rem;
	}
	.txt-location .list li:not(:first-child) {
		margin-top: 3rem;
	}
	.txt-location .list strong {
		display: block;
		margin: 0 0 0.4rem;
		font-size: 1.6rem;
	}
	.section.map-area {
		height: 48rem;
		margin: 6rem 0 -12.4rem;
	}
}
.cont-esg .top-cont-box .tit + .txt-m {
	margin-top: 6rem;
}
.cont-esg .top-cont-box .txt-m {
	margin-top: 2rem;
}
.cont-esg .top-cont-box .txt-m:first-child {
	margin-top: 0;
}
.cont-esg .cont-box {
	margin-top: 12rem;
}
.cont-esg .cont-box .h4 {
	font-size: 4rem;
}
.cont-esg .cont-box .h4:not(:first-child) {
	margin-top: 6rem;
}
.cont-esg .cont-box .h4 + .txt-m {
	margin-top: 3rem;
}
.cont-esg .cont-box .h4 + .txt-m.space-sm {
	margin-top: 2rem;
}
.cont-esg .cont-box .txt-m {
	color: #111;
	font-size: 2.8rem;
}
.cont-esg .cont-box .txt-m + .list {
	margin-top: 2rem;
}
.cont-esg .cont-box .list {
	margin-top: 3rem;
}
.cont-esg .cont-box .list > li {
	position: relative;
	color: #666;
	font-size: 2.4rem;
}
.cont-esg .cont-box .list > li:not(:first-child) {
	margin-top: 0.4rem;
}
.cont-esg .cont-box .list > li > .list {
	margin: 1.2rem 0 1.2rem 1.6rem;
}
.cont-esg .cont-box .list > li > .list > li {
	padding-left: 1.2rem;
}
.cont-esg .cont-box .list > li > .list > li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1.6rem;
	width: 0.4rem;
	height: 0.4rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
}
.cont-esg .cont-box .list.bul > li {
	padding-left: 1.2rem;
}
.cont-esg .cont-box .list.bul > li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1.6rem;
	width: 0.4rem;
	height: 0.4rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
}
.cont-esg .cont-box.esg-declaration .h4 {
	line-height: 1.4;
}

.cont-esg.type2 {
	padding-top: 2rem;
}
.cont-esg.type2 .cont-box:first-child {
	margin-top: 0;
}
.cont-esg.type2 .cont-box .h3:not(:first-child) {
	margin-top: 10rem;
}
.cont-esg.type2 .cont-box .txt-m {
	margin-top: 2rem;
	color: #111;
	font-size: 3.2rem;
}

.cont-esg.type3 .cont-box .h4 {
	font-size: 4rem;
	line-height: 1.4;
}

.guide-box {
	margin-top: 12rem;
	padding: 3.2rem 3.2rem;
	text-align: center;
	color: #999;
	font-size: 2rem;
	-webkit-border-radius: 1.2rem;
	   -moz-border-radius: 1.2rem;
	        border-radius: 1.2rem;
	background-color: #f6f6f6;
}
.guide-box + .esg-sign {
	margin-top: 4rem;
}

.esg-sign {
	margin-top: 12rem;
	text-align: center;
	color: #111;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.4;
}
.esg-sign span {
	display: block;
	margin-bottom: 1.6rem;
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 1.6;
}

/* 윤리경영 추진방향 */
.graph-esg img {
	margin: 0 auto;
}

/* 사회공헌활동 */
.cont-box.col-type3 .col-item {
	position: relative;
	padding-right: 50rem;
}
.cont-box.col-type3 .col-item .img-box {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 44rem;
}

.esg010300-1b {
	width: 100%;
	margin-top: 8rem;
	padding: 8rem 0;
	background-color: #f1f6fd;
}
.esg010300-1b .img-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10rem;
}

.esg010300-5a {
	width: 100%;
	margin-top: 8rem;
	padding: 8rem 0;
	background-color: #f2f4f6;
}
.esg010300-5a .cont-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 6rem;
}
.esg010300-5a .cont-box .tit {
	margin-bottom: 3rem;
	text-align: center;
	color: #111;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.4;
}

.esg010300-6a {
	width: 100%;
	margin-top: 8rem;
	padding: 8rem 0;
	background-color: #f6f6f6;
}
.esg010300-6a .cont-box .tit {
	text-align: center;
	color: #111;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.4;
}
.esg010300-6a .cont-box .attach-txt {
	text-align: center;
	margin-top: 0.4rem;
	margin-bottom: 6rem;
	color: #666;
	font-size: 2rem;
}
.esg010300-6a .img-box {
	padding: 0 18.5rem;
}
.esg010300-6a .img-box img {
	margin: 0 auto;
}
.esg010300-6a .guide-txt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 3rem;
	width: 95rem;
	margin: 6rem auto 0;
	color: #999;
	font-size: 2rem;
}
.esg010300-6a .guide-txt img {
	min-width: 6.4rem;
}

.cont-box + .img-box.esg010300-5b {
	margin-top: 8rem;
}

@media (max-width: 1024px) {
	.esg-csr-top {
		padding-top: 2rem;
	}
	.cont-esg .top-cont-box .h3 {
		font-size: 2.8rem;
	}
	.cont-esg .top-cont-box .tit + .txt-m {
		margin-top: 4rem;
	}
	.cont-esg .top-cont-box .txt-m {
		margin-top: 2rem;
	}
	.cont-esg .cont-box {
		margin-top: 6rem;
	}
	.cont-esg .cont-box .h4 {
		font-size: 2.4rem;
	}
	.cont-esg .cont-box .h4:not(:first-child) {
		margin-top: 4rem;
	}
	.cont-esg .cont-box .h4 + .txt-m {
		margin-top: 1.2rem;
	}
	.cont-esg .cont-box .h4 + .txt-m.space-sm {
		margin-top: 1.2rem;
	}
	.cont-esg .cont-box .txt-m {
		font-size: 1.8rem;
	}
	.cont-esg .cont-box .txt-m + .list {
		margin-top: 2rem;
	}
	.cont-esg .cont-box .list {
		margin-top: 1.2rem;
	}
	.cont-esg .cont-box .list > li {
		font-size: 1.6rem;
	}
	.cont-esg .cont-box .list > li:not(:first-child) {
		margin-top: 0.6rem;
	}
	.cont-esg .cont-box .list > li > .list {
		margin: 0.8rem 0 0.8rem 1.2rem;
	}
	.cont-esg .cont-box .list > li > .list > li {
		padding-left: 1.2rem;
	}
	.cont-esg .cont-box .list > li > .list > li::before {
		top: 1rem;
	}
	.cont-esg .cont-box .list > li > .list > li:not(:first-child) {
		margin-top: 0;
	}
	.cont-esg .cont-box .list.bul > li::before {
		top: 1rem;
	}
	.cont-esg .cont-box.esg-declaration {
		margin-top: 4rem;
	}
	.cont-esg .cont-box.esg-declaration + .cont-box {
		margin-top: 4rem;
	}
	.cont-esg.type2 {
		padding-top: 0;
	}
	.cont-esg.type2 .cont-box .h3 {
		font-size: 2.8rem;
		line-height: 1.4;
	}
	.cont-esg.type2 .cont-box .h3:not(:first-child) {
		margin-top: 6rem;
	}
	.cont-esg.type2 .cont-box .txt-m {
		margin-top: 1.2rem;
		font-size: 1.8rem;
	}
	.cont-esg.type3 .cont-box .h4 {
		font-size: 2rem;
		line-height: 1.4;
	}
	.guide-box {
		margin-top: 4rem;
		padding: 2.4rem 2.4rem;
		font-size: 1.4rem;
	}
	.guide-box + .esg-sign {
		margin-top: 3rem;
	}
	.esg-sign {
		margin-top: 4rem;
		font-size: 2.4rem;
		line-height: 1.6;
	}
	.esg-sign span {
		margin-bottom: 0.4rem;
		font-size: 1.8rem;
	}
	/* 윤리경영 추진방향 */
	.graph-esg img {
		max-width: 64rem;
	}
	/* 사회공헌활동 */
	.cont-box.col-type3 .col-item {
		padding-right: 0;
	}
	.cont-box.col-type3 .col-item .img-box {
		position: relative;
		right: unset;
		bottom: unset;
		width: 100%;
		max-width: 32rem;
		margin: 3rem auto 0;
	}
	.esg010300-1b {
		margin-top: 4rem;
		padding: 4.8rem 0;
	}
	.esg010300-1b .img-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 3rem;
	}
	.esg010300-1b .img-box img {
		max-width: 26.4rem;
		margin: 0 auto;
	}
	.esg010300-1b .img-item {
		padding: 0 2.8rem;
	}
	.esg010300-1b .img-item:first-child {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		   -moz-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.esg010300-5a {
		margin-top: 4rem;
		padding: 4.8rem 0;
	}
	.esg010300-5a .cont-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 4.8rem;
	}
	.esg010300-5a .cont-box .tit {
		margin-bottom: 2rem;
		font-size: 2.4rem;
	}
	.esg010300-5a .img-box img {
		max-width: 32rem;
		margin: 0 auto;
	}
	.esg010300-6a {
		margin-top: 4rem;
		padding: 4.8rem 0;
	}
	.esg010300-6a .cont-box .tit {
		text-align: center;
		font-size: 2.4rem;
	}
	.esg010300-6a .cont-box .attach-txt {
		text-align: center;
		margin-bottom: 3rem;
		font-size: 1.6rem;
	}
	.esg010300-6a .img-box {
		padding: 0;
	}
	.esg010300-6a .img-box img {
		max-width: 29.4rem;
	}
	.esg010300-6a .guide-txt {
		display: none;
	}
	.cont-box + .img-box.esg010300-5b {
		margin-top: 4rem;
	}
	.cont-box + .img-box.esg010300-5b img {
		max-width: 32rem;
		margin: 0 auto;
	}
}
.top-cont-box.cont-fcp .txt-bs {
	margin-top: 0.6rem;
	font-size: 2.4rem;
	font-weight: 700;
}
.top-cont-box.cont-fcp + .guide-list {
	margin-top: 1.6rem;
}
.top-cont-box.cont-fcp + .cont-box {
	margin-top: 6rem;
}
.top-cont-box.cont-fcp + .cont-box.cont-fcp {
	margin-top: 12rem;
}
.top-cont-box.cont-fcp + .img-box {
	margin-top: 12rem;
}
.top-cont-box.cont-fcp + .img-box img {
	width: auto;
	margin: 0 auto;
}

.cont-box.cont-fcp {
	margin-top: 10rem;
}
.cont-box.cont-fcp:last-child {
	margin-top: 12rem;
}
.cont-box.cont-fcp .h4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.cont-box.cont-fcp .h4 span {
	margin-left: 1.2rem;
	font-weight: 400;
}
.cont-box.cont-fcp .txt-m {
	margin-top: 2rem;
	font-size: 2.8rem;
}
.cont-box.cont-fcp .txt-m + .guide-txt {
	margin-top: 0.4rem;
}
.cont-box.cont-fcp .guide-txt {
	margin-top: 2rem;
	position: relative;
	padding-left: 1.2rem;
	color: #666;
	font-size: 2.4rem;
}
.cont-box.cont-fcp .guide-txt::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1.6rem;
	width: 0.4rem;
	height: 0.4rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
}
.cont-box.cont-fcp .guide-txt a {
	color: #0064ff;
	text-decoration: underline;
}
.cont-box.cont-fcp .table {
	margin-top: 4rem;
}

/* 금융소비자보호의 의미 */
.card-fcp .card-item {
	padding: 6rem 4.8rem;
}
.card-fcp .ic {
	margin-bottom: 4rem;
}
.card-fcp .tit {
	color: #111;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.card-fcp .list {
	margin-top: 2rem;
}
.card-fcp .list li {
	position: relative;
	padding-left: 1.2rem;
	color: #666;
	font-size: 2.4rem;
}
.card-fcp .list li:not(:first-child) {
	margin-top: 1.2rem;
}
.card-fcp .list li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1.6rem;
	width: 0.4rem;
	height: 0.4rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
}

/* 금융소비자보호 헌장 */
.charter-list {
	padding: 4rem 0;
}
.charter-list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	color: #111;
	font-size: 2.8rem;
}
.charter-list li span {
	width: 14.6rem;
	min-width: 14.6rem;
	padding-top: 0.3rem;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.charter-list li:not(:first-child) {
	margin-top: 6rem;
}

.charter-sign {
	margin-top: 6rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 1.6rem;
	color: #111;
	font-size: 3.2rem;
}
.charter-sign img {
	width: 23.2rem;
}

@media (max-width: 1024px) {
	.top-cont-box.cont-fcp .txt-b {
		font-size: 2rem;
	}
	.top-cont-box.cont-fcp .txt-bs {
		margin-top: 0.4rem;
		font-size: 1.6rem;
	}
	.top-cont-box.cont-fcp .txt-m {
		margin-top: 2rem;
		font-size: 1.8rem;
	}
	.top-cont-box.cont-fcp + .guide-list {
		margin-top: 0.8rem;
	}
	.top-cont-box.cont-fcp + .guide-list li {
		font-size: 1.6rem;
	}
	.top-cont-box.cont-fcp + .cont-box {
		margin-top: 4rem;
	}
	.top-cont-box.cont-fcp + .cont-box.cont-fcp {
		margin-top: 6rem;
	}
	.top-cont-box.cont-fcp + .img-box {
		margin-top: 4rem;
	}
	.top-cont-box.cont-fcp + .img-box img {
		width: 100%;
		max-width: 64rem;
		margin: 0 auto;
	}
	.cont-box.cont-fcp {
		margin-top: 6rem;
	}
	.cont-box.cont-fcp:last-child {
		margin-top: 6rem;
	}
	.cont-box.cont-fcp .h4 {
		display: block;
		font-size: 1.8rem;
	}
	.cont-box.cont-fcp .h4 span {
		display: block;
		margin-top: 0.4rem;
		margin-left: 0;
	}
	.cont-box.cont-fcp .txt-m {
		margin-top: 1.2rem;
		font-size: 1.6rem;
	}
	.cont-box.cont-fcp .guide-txt {
		margin-top: 2rem;
		font-size: 1.6rem;
	}
	.cont-box.cont-fcp .guide-txt::before {
		top: 1rem;
	}
	.cont-box.cont-fcp .table {
		margin-top: 2rem;
	}
	/* 금융소비자보호의 의미 */
	.card-fcp .card-item {
		padding: 2.4rem 2.4rem;
	}
	.card-fcp .ic {
		margin-bottom: 2rem;
	}
	.card-fcp .tit {
		font-size: 1.8rem;
		line-height: 1.4;
	}
	.card-fcp .list {
		margin-top: 0.8rem;
	}
	.card-fcp .list li {
		font-size: 1.8rem;
	}
	.card-fcp .list li:not(:first-child) {
		margin-top: 0.4rem;
	}
	.card-fcp .list li::before {
		top: 1rem;
	}
	/* 금융소비자보호 헌장 */
	.charter-list {
		padding: 2rem 0;
	}
	.charter-list li {
		font-size: 1.8rem;
	}
	.charter-list li span {
		width: 5.3rem;
		min-width: 5.3rem;
		padding-top: 0.1rem;
		font-size: 1.8rem;
		line-height: 1.4;
	}
	.charter-list li:not(:first-child) {
		margin-top: 4rem;
	}
	.charter-sign {
		margin-top: 4rem;
		gap: 0.9rem;
		font-size: 2rem;
	}
	.charter-sign img {
		width: 12rem;
	}
}
/* 핵심가치 및 인재상 */
.cont-box.col-type4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
.cont-box.col-type4 .col-item:first-child {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	width: 50rem;
}
.cont-box.col-type4 .h3 {
	line-height: 1.3;
}
.cont-box.col-type4 .h4 {
	font-size: 4rem;
	line-height: 1.4;
}
.cont-box.col-type4 .h4:not(:first-child) {
	margin-top: 10rem;
}
.cont-box.col-type4 .txt-b {
	margin-top: 4rem;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.cont-box.col-type4 .txt-m {
	margin-top: 2rem;
	color: #111;
}

.cont-box.col-type5 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.cont-box.col-type5:not(:first-child) {
	margin-top: 10rem;
}
.cont-box.col-type5 .col-item:first-child {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	width: 50rem;
}
.cont-box.col-type5 .h4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	width: 30rem;
	height: 30rem;
	font-size: 4rem;
	line-height: 1.4;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #f2f4f6;
	-webkit-transition: unset;
	-o-transition: unset;
	-moz-transition: unset;
	transition: unset;
}
.cont-box.col-type5 .tit {
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1.4;
}
.cont-box.col-type5 .tit:not(:first-child) {
	margin-top: 4rem;
}
.cont-box.col-type5 .txt-m {
	margin-top: 2rem;
	color: #111;
	font-size: 2.8rem;
}
.cont-box.col-type5:nth-child(odd) .h4 {
	border: 0.1rem solid #ddd;
	background-color: #fff;
}

/* 직무소개 */
.card-job .card-item {
	padding: 4.8rem 4.8rem;
	background-color: #f2f4f6;
}
.card-job .tit {
	color: #111;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.card-job .txt {
	margin-top: 1.6rem;
	color: #666;
	font-size: 2.4rem;
}
.card-job + .btn-group {
	margin-top: 10rem;
}

/* 인재개발 */
.card-hr .card-item {
	padding: 6rem 4.8rem;
	text-align: center;
}
.card-hr .ic {
	margin-bottom: 4rem;
}
.card-hr .tit {
	color: #111;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.card-hr .txt {
	margin-top: 1.6rem;
	color: #666;
	font-size: 2.4rem;
}

/* 복리후생 */
.card-benefit .card-item {
	padding: 6rem 6rem;
	text-align: center;
}
.card-benefit .ic {
	margin-bottom: 4rem;
}
.card-benefit .tit {
	color: #111;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.card-benefit .txt {
	margin-top: 2rem;
	color: #666;
	font-size: 2.4rem;
}

/* 채용 프로세스 */
.cont-process .txt-m {
	margin-top: 2rem;
}

.process-wrap {
	margin: 0 auto;
	padding: 6rem 0;
	text-align: center;
}
.process-wrap + .btn-group {
	margin-top: 4rem;
}

.process-list {
	counter-reset: number;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	justify-items: center;
}

.process-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 28rem;
	height: 28rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background: rgba(208, 215, 226, 0.5);
}
.process-item::before {
	content: counter(number, decimal-leading-zero) "";
	counter-increment: number 1;
	margin-bottom: 0.8rem;
	color: #111;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
}
.process-item span {
	color: #111;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.4;
}
.process-item:last-of-type {
	background: #0064ff;
}
.process-item:last-of-type::before,
.process-item:last-of-type span {
	color: #fff;
}
.process-item:not(:first-of-type) {
	margin-left: -3rem;
}

.fade-item > .process-list .process-item {
	-webkit-transform: translate(-10rem, 0);
	   -moz-transform: translate(-10rem, 0);
	    -ms-transform: translate(-10rem, 0);
	     -o-transform: translate(-10rem, 0);
	        transform: translate(-10rem, 0);
	opacity: 0;
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, -webkit-transform 0.6s;
	-o-transition: opacity 0.6s, -o-transform 0.6s;
	-moz-transition: transform 0.6s, opacity 0.6s, -moz-transform 0.6s;
	transition: transform 0.6s, opacity 0.6s;
	transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s;
}

.fade-item.is-effect > .process-list .process-item {
	-webkit-transform: translate(0, 0);
	   -moz-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	     -o-transform: translate(0, 0);
	        transform: translate(0, 0);
	opacity: 1;
}
.fade-item.is-effect > .process-list .process-item:nth-child(1) {
	-webkit-transition-delay: 0.4s;
	   -moz-transition-delay: 0.4s;
	     -o-transition-delay: 0.4s;
	        transition-delay: 0.4s;
}
.fade-item.is-effect > .process-list .process-item:nth-child(2) {
	-webkit-transition-delay: 0.6s;
	   -moz-transition-delay: 0.6s;
	     -o-transition-delay: 0.6s;
	        transition-delay: 0.6s;
}
.fade-item.is-effect > .process-list .process-item:nth-child(3) {
	-webkit-transition-delay: 0.8s;
	   -moz-transition-delay: 0.8s;
	     -o-transition-delay: 0.8s;
	        transition-delay: 0.8s;
}
.fade-item.is-effect > .process-list .process-item:nth-child(4) {
	-webkit-transition-delay: 1s;
	   -moz-transition-delay: 1s;
	     -o-transition-delay: 1s;
	        transition-delay: 1s;
}
.fade-item.is-effect > .process-list .process-item:nth-child(5) {
	-webkit-transition-delay: 1.2s;
	   -moz-transition-delay: 1.2s;
	     -o-transition-delay: 1.2s;
	        transition-delay: 1.2s;
}

@media (max-width: 1024px) {
	/* 핵심가치 및 인재상 */
	.cont-box.col-type4 {
		display: block;
	}
	.cont-box.col-type4 .col-item:first-child {
		width: 100%;
	}
	.cont-box.col-type4 .col-item:not(:first-child) {
		margin-top: 4rem;
	}
	.cont-box.col-type4 .h3 {
		font-size: 2.8rem;
		line-height: 1.4;
	}
	.cont-box.col-type4 .h4 {
		font-size: 2.4rem;
	}
	.cont-box.col-type4 .h4:not(:first-child) {
		margin-top: 6rem;
	}
	.cont-box.col-type4 .txt-b {
		margin-top: 2rem;
		font-size: 1.8rem;
		line-height: 1.4;
	}
	.cont-box.col-type4 .txt-m {
		margin-top: 0.6rem;
	}
	.emp010100 .h3 {
		font-size: 2.8rem;
	}
	.cont-box.col-type5 {
		display: block;
		margin-top: 4rem;
	}
	.cont-box.col-type5:not(:first-child) {
		margin-top: 6rem;
	}
	.cont-box.col-type5 .col-item:first-child {
		width: 100%;
	}
	.cont-box.col-type5 .h4 {
		display: block;
		width: 100%;
		height: auto;
		text-align: left;
		font-size: 2.4rem;
		border: none;
		background-color: unset;
	}
	.cont-box.col-type5 .tit {
		margin-top: 2rem;
		font-size: 1.8rem;
	}
	.cont-box.col-type5 .tit:not(:first-child) {
		margin-top: 2rem;
	}
	.cont-box.col-type5 .txt-m {
		margin-top: 0.6rem;
		font-size: 1.6rem;
	}
	.cont-box.col-type5:nth-child(odd) .h4 {
		border: none;
		background-color: unset;
	}
	/* 직무소개 */
	.card-job .card-item {
		padding: 3rem 3rem;
	}
	.card-job .tit {
		font-size: 2.4rem;
		line-height: 1.4;
	}
	.card-job .txt {
		margin-top: 1.2rem;
		font-size: 1.8rem;
	}
	.card-job + .btn-group {
		margin-top: 4rem;
	}
	/* 인재개발 */
	.card-hr .card-item {
		padding: 4rem 2.4rem;
	}
	.card-hr .ic {
		margin-bottom: 2rem;
	}
	.card-hr .tit {
		font-size: 2rem;
		line-height: 1.4;
	}
	.card-hr .txt {
		margin-top: 0.8rem;
		font-size: 1.6rem;
	}
	/* 복리후생 */
	.card-benefit .card-item {
		padding: 4rem 2.4rem;
	}
	.card-benefit .ic {
		margin-bottom: 2rem;
	}
	.card-benefit .tit {
		font-size: 2rem;
		line-height: 1.4;
	}
	.card-benefit .txt {
		margin-top: 1.2rem;
		font-size: 1.6rem;
	}
	/* 채용 프로세스 */
	.cont-process .h3 {
		font-size: 2.8rem;
	}
	.cont-process .txt-m {
		margin-top: 0.8rem;
		font-size: 1.8rem;
	}
	.process-wrap {
		padding: 1rem 0 2rem;
	}
	.process-wrap + .btn-group {
		margin-top: 2rem;
	}
	.process-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.process-item {
		width: 16rem;
		height: 16rem;
		min-height: 16rem;
		color: #111;
		font-size: 1.8rem;
	}
	.process-item::before {
		margin-bottom: 0.2rem;
		font-size: 1.6rem;
	}
	.process-item span {
		font-size: 1.8rem;
	}
	.process-item:not(:first-of-type) {
		margin-left: 0;
		margin-top: -3rem;
	}
	.fade-item > .process-list .process-item {
		-webkit-transform: translate(0, -10rem);
		   -moz-transform: translate(0, -10rem);
		    -ms-transform: translate(0, -10rem);
		     -o-transform: translate(0, -10rem);
		        transform: translate(0, -10rem);
	}
}
/* terms-wrap */
.terms-wrap {
	font-size: 2rem;
	line-height: 1.6;
}
.terms-wrap .del {
	font-weight: 400;
}
.terms-wrap h3 {
	margin-top: 6rem;
	font-size: 3rem;
	line-height: 1.4;
}
.terms-wrap h3 + .sub-tit {
	margin-top: 2rem;
}
.terms-wrap h4 {
	margin-top: 2rem;
	font-size: 2.4rem;
	line-height: 1.4;
}
.terms-wrap h4 + p, .terms-wrap h4 + ul, .terms-wrap h4 + ol {
	margin-top: 0.8rem;
}
.terms-wrap .sub-tit {
	margin-top: 4rem;
	font-size: 2.8rem;
}
.terms-wrap p, .terms-wrap ul, .terms-wrap ol {
	margin-top: 0.4rem;
}
.terms-wrap li {
	position: relative;
	color: #666;
	font-size: 2rem;
}
.terms-wrap li:not(:first-child) {
	margin-top: 0.4rem;
}
.terms-wrap li > ul, .terms-wrap li > ol {
	margin-left: 1.6rem;
}
.terms-wrap .revision-history {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 2rem;
}
.terms-wrap .revision-history p {
	margin-top: 0;
	font-size: 2rem;
}
.terms-wrap .revision-history p + p {
	margin-top: 1.2rem;
}
.terms-wrap .revision-history strong {
	font-weight: 700;
}
.terms-wrap .revision-history .btn {
	min-width: 22rem;
}
.terms-wrap .supplement {
	margin-top: 6rem;
}
.terms-wrap .supplement dt {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
}
.terms-wrap .supplement dt:not(:first-child) {
	margin-top: 2rem;
}
.terms-wrap .supplement dd {
	margin-top: 0.4rem;
	font-size: 2rem;
}

/* agreement-wrap */
.agreement-wrap {
	font-size: 2rem;
	line-height: 1.6;
}
.agreement-wrap h3 {
	font-size: 2.4rem;
	line-height: 1.4;
}
.agreement-wrap strong {
	font-weight: 700;
}
.agreement-wrap h3,
.agreement-wrap p + p,
.agreement-wrap .guide-list + p,
.agreement-wrap .guide-list + .agree-txt {
	margin-top: 2rem;
}
.agreement-wrap h3 + p,
.agreement-wrap .guide-list {
	margin-top: 0.4rem;
}

/* privacy-wrap */
.privacy-wrap .top-cont-box {
	padding-top: 0;
}
.privacy-wrap .top-cont-box .txt-m {
	margin-top: 2rem;
}
.privacy-wrap .top-cont-box .txt-m:first-child {
	margin-top: 0;
}
.privacy-wrap .cont-box {
	margin-top: 12rem;
}
.privacy-wrap .cont-box.mt-sm {
	margin-top: 6rem;
}
.privacy-wrap .cont-box .h3 + .list {
	margin-top: 6rem;
}
.privacy-wrap .cont-box .h4 {
	font-size: 4rem;
	line-height: 1.4;
}
.privacy-wrap .cont-box .h4:not(:first-child) {
	margin-top: 6rem;
}
.privacy-wrap .cont-box .h4 + .txt-m {
	margin-top: 3rem;
}
.privacy-wrap .cont-box .txt-m {
	color: #111;
	font-size: 2.8rem;
}
.privacy-wrap .cont-box .txt-m + .list {
	margin-top: 2rem;
}
.privacy-wrap .list > li {
	position: relative;
	color: #666;
	font-size: 2.4rem;
}
.privacy-wrap .list > li:not(:first-child) {
	margin-top: 0.4rem;
}
.privacy-wrap .list > li > .list {
	margin: 2rem 0;
}
.privacy-wrap .list > li > .list.bul {
	margin-left: 1.6rem;
}
.privacy-wrap .list > li > .list.bul > li {
	padding-left: 1.2rem;
}
.privacy-wrap .list > li > .list.bul > li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1.6rem;
	width: 0.4rem;
	height: 0.4rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
}
.privacy-wrap .list > li:last-child > .list {
	margin-bottom: 0;
}
.privacy-wrap .group-list-wrap {
	text-align: center;
}
.privacy-wrap .group-list-wrap .h4 {
	color: #111;
}
.privacy-wrap .group-list {
	width: 48rem;
	margin: 4rem auto 0;
}
.privacy-wrap .group-list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 1.2rem;
	color: #111;
	font-size: 2.4rem;
}

.privacy-wrap.type2 .in-xs {
	margin-left: 0 !important;
}
.privacy-wrap.type2 .in-sm {
	margin-left: 1.6rem !important;
}
.privacy-wrap.type2 .in-md {
	margin-left: 2.4rem !important;
}
.privacy-wrap.type2 .in-md2 {
	margin-left: 2.8rem !important;
}
.privacy-wrap.type2 .in-lg {
	margin-left: 3.2rem !important;
}
.privacy-wrap.type2 .space-xs {
	margin-top: 0.4rem !important;
}
.privacy-wrap.type2 .space-sm {
	margin-top: 0.8rem !important;
}
.privacy-wrap.type2 .space-md {
	margin-top: 2rem !important;
}
.privacy-wrap.type2 .space-md2 {
	margin-top: 2rem !important;
}
.privacy-wrap.type2 .space-lg {
	margin-top: 3rem !important;
}
.privacy-wrap.type2 .bul-chart {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
.privacy-wrap.type2 .bul-chart::before {
	content: "※";
	margin-right: 1.2rem;
}
.privacy-wrap.type2 .contour-txt {
	margin-top: 6rem;
	text-align: center;
	color: #666;
	font-size: 2.4rem;
}
.privacy-wrap.type2 .cont-box .h4 + * {
	margin-top: 3rem;
}
.privacy-wrap.type2 .cont-box .h4 + *.txt-m {
	margin-top: 3rem;
}
.privacy-wrap.type2 .cont-box .txt-m {
	margin-top: 2rem;
	color: #666;
	font-size: 2.4rem;
}
.privacy-wrap.type2 .cont-box .txt-m + .list {
	margin-top: 2rem;
}
.privacy-wrap.type2 .cont-box .txt-m + .txt-dot, .privacy-wrap.type2 .cont-box .txt-m + .table, .privacy-wrap.type2 .cont-box .txt-m + .txt-m {
	margin-top: 0.8rem;
}
.privacy-wrap.type2 .cont-box .txt-dot + .txt-dot {
	margin-top: 0.4rem;
}
.privacy-wrap.type2 .list.gap-xs > li:not(:first-child) {
	margin-top: 0;
}
.privacy-wrap.type2 .list.gap-sm > li:not(:first-child) {
	margin-top: 0.4rem;
}
.privacy-wrap.type2 .list.gap-md > li:not(:first-child) {
	margin-top: 0.8rem;
}
.privacy-wrap.type2 .list.gap-lg > li:not(:first-child) {
	margin-top: 2rem;
}
.privacy-wrap.type2 .list > li > .list {
	margin-top: 0.4rem;
	margin-bottom: 0;
}
.privacy-wrap.type2 .list > li > .list.bul {
	margin-top: 1.2rem;
	margin-left: 1.6rem;
}
.privacy-wrap.type2 .list > li > .list.bul > li:not(:first-child) {
	margin-top: 0.8rem;
}
.privacy-wrap.type2 .list > li > .list.bul.gap-xs > li:not(:first-child) {
	margin-top: 0;
}
.privacy-wrap.type2 .list > li > .list.bul.gap-sm > li:not(:first-child) {
	margin-top: 0.4rem;
}
.privacy-wrap.type2 .list > li > .list.bul.gap-md > li:not(:first-child) {
	margin-top: 0.8rem;
}
.privacy-wrap.type2 .list > li > .list.bul.gap-lg > li:not(:first-child) {
	margin-top: 2rem;
}
.privacy-wrap.type2 .list.hyphen > li::before {
	content: "- ";
}
.privacy-wrap.type2 .list.type-dl > dt {
	color: #666;
	font-size: 2.4rem;
}
.privacy-wrap.type2 .list.type-dl > dt:not(:first-child) {
	margin-top: 2rem;
}
.privacy-wrap.type2 .list.type-dl > dd {
	color: #666;
	font-size: 2.4rem;
}
.privacy-wrap.type2 .list.type-dl > dd > * {
	margin-top: 0.8rem;
}
.privacy-wrap.type2 .txt-dot {
	position: relative;
	margin-top: 0.8rem;
	margin-left: 1.6rem;
	color: #666;
	font-size: 2.4rem;
	padding-left: 1.2rem;
}
.privacy-wrap.type2 .txt-dot::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1.5rem;
	width: 0.4rem;
	height: 0.4rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
}
.privacy-wrap.type2 .link-txt {
	color: #0064ff;
	font-size: 2.4rem;
	text-decoration: underline;
}
.privacy-wrap.type2 .table table th,
.privacy-wrap.type2 .table table td {
	color: #666;
}
.privacy-wrap.type2 .table .tbl-list,
.privacy-wrap.type2 .table .list {
	margin-top: 0;
}
.privacy-wrap.type2 .table .tbl-list > li:not(:first-child),
.privacy-wrap.type2 .table .list > li:not(:first-child) {
	margin-top: 0.4rem;
}
.privacy-wrap.type2 .table .txt-dot {
	margin-top: 0.4rem;
	margin-left: 0.8rem;
}
.privacy-wrap.type2 .table p + * {
	margin-top: 0.4rem;
}
.privacy-wrap.type2 .table + .txt-m {
	margin-top: 2rem;
}
.privacy-wrap.type2 .table.type2 .tbl-th,
.privacy-wrap.type2 .table.type2 .tbl-td {
	padding: 2rem 2rem;
	color: #666;
}
.privacy-wrap.type2 .table.pop-table table th,
.privacy-wrap.type2 .table.pop-table table td,
.privacy-wrap.type2 .table.pop-table thead th,
.privacy-wrap.type2 .table.pop-table .tbl-list > li,
.privacy-wrap.type2 .table.pop-table .list > li,
.privacy-wrap.type2 .table.pop-table .txt-dot, .privacy-wrap.type2 .table.pop-table.type2 .tbl-th, .privacy-wrap.type2 .table.pop-table.type2 .tbl-td {
	font-size: 2rem;
}
.privacy-wrap.type2 .tbl-list li {
	color: #666;
}
.privacy-wrap.type2 .tbl-list li::before {
	background-color: #666;
}
.privacy-wrap.type2 .protect-finance .attach-list {
	margin-top: 2rem;
	color: #666;
	font-size: 2rem;
}
.privacy-wrap.type2 .protect-finance .seal-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	   -moz-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	gap: 2rem;
	margin-top: 6rem;
	margin-bottom: 6rem;
	color: #111;
	font-size: 2.8rem;
}
.privacy-wrap.type2 .protect-finance .seal-box p {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.privacy-wrap.type2 .protect-finance .seal-box small {
	margin-top: 0.4rem;
	color: #666;
	font-size: 2rem;
}
.privacy-wrap.type2 .protect-finance .seal-box .ic-seal {
	width: 9.2rem;
	height: 8.9rem;
	background: url("../images/privacy/img-seal.png") no-repeat center/cover;
}
.privacy-wrap.type2 .protect-finance .guide-box {
	margin-top: 0;
}
.privacy-wrap.type2 .protect-finance .caution-txt {
	margin-top: 2rem;
	color: #d70d00;
	font-size: 2rem;
}
.privacy-wrap.type2 .protect-finance .attach-tit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	   -moz-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 6rem;
	color: #666;
	font-size: 2.4rem;
}
.privacy-wrap.type2 .protect-finance .attach-tit + .table {
	margin-top: 0.8rem;
}
.privacy-wrap.type2 .revision-history .tit {
	margin-top: 3rem;
	color: #111;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
}
.privacy-wrap.type2 .revision-history ul {
	margin-top: 2rem;
}
.privacy-wrap.type2 .revision-history li {
	color: #666;
	font-size: 2rem;
}
.privacy-wrap.type2 .revision-history li:not(:first-child) {
	margin-top: 0.8rem;
}
.privacy-wrap.type2 .revision-history li .link-txt {
	font-size: 2rem;
}
.privacy-wrap.type2 .revision-history .list-dot li {
	position: relative;
	padding-left: 1.2rem;
}
.privacy-wrap.type2 .revision-history .list-dot li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1.3rem;
	width: 0.4rem;
	height: 0.4rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
}
.privacy-wrap.type2 .revision-history.type2 li:not(:first-child) {
	margin-top: 1.2rem;
}
.privacy-wrap.type2 .revision-history.type2 .list-dot li:not(:first-child) {
	margin-top: 0.4rem;
}
.privacy-wrap.type2 .revision-history + .revision-history {
	margin-top: 3rem;
}
.privacy-wrap.type2 .personinfo-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	border-right: 0.1rem solid #ccc;
	border-bottom: 0.1rem solid #ccc;
}
.privacy-wrap.type2 .personinfo-list li {
	width: 20%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 2rem 0;
	color: #666;
	font-size: 2rem;
	border-left: 0.1rem solid #ccc;
	border-top: 0.1rem solid #ccc;
}
.privacy-wrap.type2 .personinfo-list li .ic {
	margin-bottom: 0.8rem;
}
.privacy-wrap.type2 .category-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 4rem 4rem;
	border: 0.1rem solid #ccc;
}
.privacy-wrap.type2 .category-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	gap: 2rem;
}
.privacy-wrap.type2 .category-list li {
	width: 100%;
}
.privacy-wrap.type2 .category-list li span {
	padding-right: 1.2rem;
}
.privacy-wrap.type2 .category-list li .ic {
	margin-top: -0.2rem;
	margin-bottom: -0.2rem;
}
.privacy-wrap.type2 .category-list .txt-dot {
	margin: 0;
	font-size: 2rem;
	text-decoration: underline;
	cursor: pointer;
}
.privacy-wrap.type2 .category-list .txt-dot::before {
	top: 1.3rem;
}
.privacy-wrap.type2 .category-tit {
	position: relative;
}
.privacy-wrap.type2 .category-tit .mark {
	position: absolute;
	display: inline-block;
	width: 0;
	height: 0;
	top: -20rem;
	pointer-events: none;
}
.privacy-wrap.type2 .category-tit span {
	display: inline-block;
	padding-right: 1.2rem;
}
.privacy-wrap.type2 .category-list li,
.privacy-wrap.type2 .category-tit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.privacy-wrap.type2 .category-list li .ic-label-group,
.privacy-wrap.type2 .category-tit .ic-label-group {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.privacy-wrap.type2 .category-list li .ic,
.privacy-wrap.type2 .category-tit .ic {
	width: 3.6rem;
	height: 3.6rem;
	margin-right: 0.8rem;
}

/* ================================== media query ================================== */
@media (max-width: 1024px) {
	/* terms-wrap */
	.terms-wrap {
		font-size: 1.6rem;
	}
	.terms-wrap h3 {
		margin-top: 4rem;
		font-size: 2rem;
	}
	.terms-wrap h4 {
		font-size: 1.8rem;
	}
	.terms-wrap h4 + p, .terms-wrap h4 + ul, .terms-wrap h4 + ol {
		margin-top: 1.2rem;
	}
	.terms-wrap .sub-tit {
		margin-top: 2rem;
		font-size: 1.8rem;
	}
	.terms-wrap p, .terms-wrap ul, .terms-wrap ol {
		margin-top: 1.2rem;
	}
	.terms-wrap li {
		font-size: 1.6rem;
	}
	.terms-wrap li:not(:first-child) {
		margin-top: 0.6rem;
	}
	.terms-wrap li > ul, .terms-wrap li > ol {
		margin-top: 0.6rem;
		margin-left: 0.8rem;
	}
	.terms-wrap .revision-history {
		display: block;
	}
	.terms-wrap .revision-history p {
		font-size: 1.6rem;
	}
	.terms-wrap .revision-history .btn {
		margin-top: 2rem;
	}
	.terms-wrap .supplement {
		margin-top: 4rem;
	}
	.terms-wrap .supplement dt {
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.terms-wrap .supplement dd {
		font-size: 1.6rem;
	}
	/* agreement-wrap */
	.agreement-wrap {
		font-size: 1.6rem;
	}
	.agreement-wrap h3 {
		font-size: 1.8rem;
	}
	.agreement-wrap strong {
		display: block;
		margin-top: 0.8rem;
		font-size: 1.8rem;
	}
	.agreement-wrap .guide-list {
		margin-top: 1.2rem;
	}
	.agreement-wrap .guide-list li {
		font-size: 1.6rem;
	}
	.agreement-wrap .guide-list li:not(:first-child) {
		margin-top: 0.4rem;
	}
	.agreement-wrap .guide-list + .agree-txt {
		margin-top: 4rem;
	}
	/* privacy-wrap */
	.privacy-wrap .cont-box {
		margin-top: 6rem;
	}
	.privacy-wrap .cont-box.mt-sm {
		margin-top: 4rem;
	}
	.privacy-wrap .cont-box .h3 {
		font-size: 2rem;
	}
	.privacy-wrap .cont-box .h3 + .list {
		margin-top: 2rem;
	}
	.privacy-wrap .cont-box .h4 {
		font-size: 1.8rem;
	}
	.privacy-wrap .cont-box .h4:not(:first-child) {
		margin-top: 4rem;
	}
	.privacy-wrap .cont-box .h4 + .txt-m {
		margin-top: 1.2rem;
	}
	.privacy-wrap .cont-box .txt-m {
		color: #666;
		font-size: 1.6rem;
	}
	.privacy-wrap .cont-box .txt-m.space-sm {
		margin-top: 2rem;
	}
	.privacy-wrap .cont-box .txt-m.space-lg {
		margin-top: 4rem;
	}
	.privacy-wrap .cont-box .txt-m.fc-dark {
		color: #111;
	}
	.privacy-wrap .list {
		margin-top: 1.2rem;
	}
	.privacy-wrap .list > li {
		font-size: 1.6rem;
	}
	.privacy-wrap .list > li:not(:first-child) {
		margin-top: 0.6rem;
	}
	.privacy-wrap .list > li > .list {
		margin: 0.8rem 0;
	}
	.privacy-wrap .list > li > .list.bul {
		margin-left: 1.2rem;
	}
	.privacy-wrap .list > li > .list.bul > li:not(:first-child) {
		margin-top: 0;
	}
	.privacy-wrap .list > li > .list.bul > li::before {
		top: 1rem;
	}
	.privacy-wrap .group-list-wrap {
		padding-top: 6rem;
		border-top: 0.1rem solid #ccc;
	}
	.privacy-wrap .group-list {
		width: 100%;
		max-width: 32rem;
	}
	.privacy-wrap .group-list li {
		font-size: 1.6rem;
	}
	.privacy-wrap.type2 .in-xs {
		margin-left: 0 !important;
	}
	.privacy-wrap.type2 .in-sm {
		margin-left: 1.2rem !important;
	}
	.privacy-wrap.type2 .in-md {
		margin-left: 1.2rem !important;
	}
	.privacy-wrap.type2 .in-md2 {
		margin-left: 1.6rem !important;
	}
	.privacy-wrap.type2 .in-lg {
		margin-left: 2.4rem !important;
	}
	.privacy-wrap.type2 .space-xs {
		margin-top: 0 !important;
	}
	.privacy-wrap.type2 .space-sm {
		margin-top: 0.4rem !important;
	}
	.privacy-wrap.type2 .space-md {
		margin-top: 0.8rem !important;
	}
	.privacy-wrap.type2 .space-md2 {
		margin-top: 1.2rem !important;
	}
	.privacy-wrap.type2 .space-lg {
		margin-top: 1.2rem !important;
	}
	.privacy-wrap.type2 .bul-chart::before {
		margin-right: 0.8rem;
	}
	.privacy-wrap.type2 .contour-txt {
		margin-top: 4rem;
		font-size: 1.6rem;
	}
	.privacy-wrap.type2 .top-cont-box .h3 {
		font-size: 2rem;
	}
	.privacy-wrap.type2 .cont-box .h4 + * {
		margin-top: 1.2rem;
	}
	.privacy-wrap.type2 .cont-box .h4 + *.txt-m {
		margin-top: 1.2rem;
	}
	.privacy-wrap.type2 .cont-box .txt-m {
		margin-top: 0.8rem;
		font-size: 1.6rem;
	}
	.privacy-wrap.type2 .cont-box .txt-m + .txt-dot {
		margin-top: 0.4rem;
	}
	.privacy-wrap.type2 .cont-box .txt-dot + .txt-dot {
		margin-top: 0;
	}
	.privacy-wrap.type2 .list.gap-sm > li:not(:first-child) {
		margin-top: 0;
	}
	.privacy-wrap.type2 .list.gap-md > li:not(:first-child) {
		margin-top: 0.4rem;
	}
	.privacy-wrap.type2 .list.gap-lg > li:not(:first-child) {
		margin-top: 0.8rem;
	}
	.privacy-wrap.type2 .list > li:not(:first-child) {
		margin-top: 0.4rem;
	}
	.privacy-wrap.type2 .list > li > .list.bul {
		margin-top: 0.8rem;
		margin-left: 1.6rem;
	}
	.privacy-wrap.type2 .list > li > .list.bul > li:not(:first-child) {
		margin-top: 0.4rem;
	}
	.privacy-wrap.type2 .list > li > .list.bul.gap-sm > li:not(:first-child) {
		margin-top: 0;
	}
	.privacy-wrap.type2 .list > li > .list.bul.gap-md > li:not(:first-child) {
		margin-top: 0.4rem;
	}
	.privacy-wrap.type2 .list > li > .list.bul.gap-lg > li:not(:first-child) {
		margin-top: 0.8rem;
	}
	.privacy-wrap.type2 .list.type-dl > dt {
		font-size: 1.6rem;
	}
	.privacy-wrap.type2 .list.type-dl > dt:not(:first-child) {
		margin-top: 0.8rem;
	}
	.privacy-wrap.type2 .list.type-dl > dd {
		font-size: 1.6rem;
	}
	.privacy-wrap.type2 .list.type-dl > dd > * {
		margin-top: 0.4rem;
	}
	.privacy-wrap.type2 .txt-dot {
		margin-left: 1.2rem;
		margin-top: 0.4rem;
		font-size: 1.6rem;
	}
	.privacy-wrap.type2 .txt-dot::before {
		top: 0.9rem;
	}
	.privacy-wrap.type2 .link-txt {
		font-size: 1.6rem;
	}
	.privacy-wrap.type2 .table table th,
.privacy-wrap.type2 .table table td {
		padding: 1rem 0.8rem;
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .table table thead th {
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .table table p + * {
		margin-top: 0;
	}
	.privacy-wrap.type2 .table .tbl-list > li,
.privacy-wrap.type2 .table .list > li {
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .table .tbl-list > li:not(:first-child),
.privacy-wrap.type2 .table .list > li:not(:first-child) {
		margin-top: 0;
	}
	.privacy-wrap.type2 .table .txt-dot {
		margin-top: 0;
		margin-left: 0.4rem;
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .table .txt-dot::before {
		top: 0.7rem;
	}
	.privacy-wrap.type2 .table .link-txt {
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .table.type2 .tbl-th,
.privacy-wrap.type2 .table.type2 .tbl-td {
		padding: 1rem 0.8rem;
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .table.type2 .tbl-th {
		max-width: 34%;
	}
	.privacy-wrap.type2 .table.pop-table table th,
.privacy-wrap.type2 .table.pop-table table td,
.privacy-wrap.type2 .table.pop-table thead th,
.privacy-wrap.type2 .table.pop-table .tbl-list > li,
.privacy-wrap.type2 .table.pop-table .list > li,
.privacy-wrap.type2 .table.pop-table .txt-dot, .privacy-wrap.type2 .table.pop-table.type2 .tbl-th, .privacy-wrap.type2 .table.pop-table.type2 .tbl-td {
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .protect-finance .attach-list {
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .protect-finance .seal-box {
		gap: 0.8rem;
		margin-top: 4rem;
		margin-bottom: 4rem;
		font-size: 1.8rem;
	}
	.privacy-wrap.type2 .protect-finance .seal-box small {
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .protect-finance .seal-box .ic-seal {
		width: 6rem;
		height: 6rem;
	}
	.privacy-wrap.type2 .protect-finance .caution-txt {
		margin-top: 0.8rem;
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .protect-finance .caution-txt > *:not(:first-child) {
		margin-top: 0.8rem;
	}
	.privacy-wrap.type2 .protect-finance .attach-tit {
		margin-top: 4rem;
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .revision-history .tit {
		margin-top: 1.2rem;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.privacy-wrap.type2 .revision-history ul {
		margin-top: 0.8rem;
	}
	.privacy-wrap.type2 .revision-history li {
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .revision-history li .link-txt {
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .revision-history li:not(:first-child) {
		margin-top: 0.4rem;
	}
	.privacy-wrap.type2 .revision-history .list-dot li::before {
		top: 0.8rem;
	}
	.privacy-wrap.type2 .revision-history.type2 li:not(:first-child) {
		margin-top: 0.8rem;
	}
	.privacy-wrap.type2 .revision-history.type2 .list-dot li:not(:first-child) {
		margin-top: 0rem;
	}
	.privacy-wrap.type2 .revision-history + .revision-history {
		margin-top: 1.2rem;
	}
	.privacy-wrap.type2 .personinfo-list li {
		width: 50%;
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .category-wrap {
		display: block;
		padding: 0;
		border: none;
	}
	.privacy-wrap.type2 .category-list {
		gap: 0.8rem;
	}
	.privacy-wrap.type2 .category-list li .ic {
		display: none;
	}
	.privacy-wrap.type2 .category-list .txt-dot {
		font-size: 1.4rem;
	}
	.privacy-wrap.type2 .category-list .txt-dot::before {
		top: 0.8rem;
	}
	.privacy-wrap.type2 .category-list + .category-list {
		margin-top: 0.8rem;
	}
	.privacy-wrap.type2 .category-tit .mark {
		top: -3.6rem;
	}
	.privacy-wrap.type2 .category-tit:not(:first-child) {
		margin-top: 3.6rem;
	}
	.privacy-wrap.type2 .category-tit span {
		padding: 0.4rem 1.2rem 0.4rem 0;
	}
	.privacy-wrap.type2 .category-tit + * {
		margin-top: 0.8rem !important;
	}
	.privacy-wrap.type2 .category-list li,
.privacy-wrap.type2 .category-tit {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.privacy-wrap.type2 .category-list li .ic,
.privacy-wrap.type2 .category-tit .ic {
		margin: 0.4rem 0.8rem 0.4rem 0;
	}
}
/* fade */
.fade-item {
	opacity: 0;
	-webkit-transition-timing-function: ease;
	   -moz-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease;
	-webkit-transition-duration: 0.5s;
	   -moz-transition-duration: 0.5s;
	     -o-transition-duration: 0.5s;
	        transition-duration: 0.5s;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: opacity, -o-transform;
	-moz-transition-property: opacity, transform, -moz-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform;
}
.fade-item.is-effect {
	opacity: 1;
}

.fade-up {
	-webkit-transform: translateY(10rem);
	   -moz-transform: translateY(10rem);
	    -ms-transform: translateY(10rem);
	     -o-transform: translateY(10rem);
	        transform: translateY(10rem);
	-webkit-animation: efFadeUpBack ease 0.5s forwards;
	   -moz-animation: efFadeUpBack ease 0.5s forwards;
	     -o-animation: efFadeUpBack ease 0.5s forwards;
	        animation: efFadeUpBack ease 0.5s forwards;
}
.fade-up.is-effect {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
	-webkit-animation: efFadeUp ease 0.5s forwards;
	   -moz-animation: efFadeUp ease 0.5s forwards;
	     -o-animation: efFadeUp ease 0.5s forwards;
	        animation: efFadeUp ease 0.5s forwards;
}

.fade-down {
	-webkit-transform: translateY(-10rem);
	   -moz-transform: translateY(-10rem);
	    -ms-transform: translateY(-10rem);
	     -o-transform: translateY(-10rem);
	        transform: translateY(-10rem);
	-webkit-animation: efFadeDownBack ease 0.5s forwards;
	   -moz-animation: efFadeDownBack ease 0.5s forwards;
	     -o-animation: efFadeDownBack ease 0.5s forwards;
	        animation: efFadeDownBack ease 0.5s forwards;
}
.fade-down.is-effect {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
	-webkit-animation: efFadeDown ease 0.5s forwards;
	   -moz-animation: efFadeDown ease 0.5s forwards;
	     -o-animation: efFadeDown ease 0.5s forwards;
	        animation: efFadeDown ease 0.5s forwards;
}

.fade-left {
	-webkit-transform: translateX(10rem);
	   -moz-transform: translateX(10rem);
	    -ms-transform: translateX(10rem);
	     -o-transform: translateX(10rem);
	        transform: translateX(10rem);
	-webkit-animation: efFadeLeftBack ease 0.5s forwards;
	   -moz-animation: efFadeLeftBack ease 0.5s forwards;
	     -o-animation: efFadeLeftBack ease 0.5s forwards;
	        animation: efFadeLeftBack ease 0.5s forwards;
}
.fade-left.is-effect {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
	-webkit-animation: efFadeLeft ease 0.5s forwards;
	   -moz-animation: efFadeLeft ease 0.5s forwards;
	     -o-animation: efFadeLeft ease 0.5s forwards;
	        animation: efFadeLeft ease 0.5s forwards;
}

.fade-right {
	-webkit-transform: translateX(-10rem);
	   -moz-transform: translateX(-10rem);
	    -ms-transform: translateX(-10rem);
	     -o-transform: translateX(-10rem);
	        transform: translateX(-10rem);
	-webkit-animation: efFadeRightBack ease 0.5s forwards;
	   -moz-animation: efFadeRightBack ease 0.5s forwards;
	     -o-animation: efFadeRightBack ease 0.5s forwards;
	        animation: efFadeRightBack ease 0.5s forwards;
}
.fade-right.is-effect {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
	-webkit-animation: efFadeRight ease 0.5s forwards;
	   -moz-animation: efFadeRight ease 0.5s forwards;
	     -o-animation: efFadeRight ease 0.5s forwards;
	        animation: efFadeRight ease 0.5s forwards;
}

@keyframes efFadeUp {
	0% {
		-webkit-transform: translateY(10rem);
		   -moz-transform: translateY(10rem);
		     -o-transform: translateY(10rem);
		        transform: translateY(10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}
@keyframes efFadeUpBack {
	0% {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(10rem);
		   -moz-transform: translateY(10rem);
		     -o-transform: translateY(10rem);
		        transform: translateY(10rem);
		opacity: 0;
	}
}
@keyframes efFadeDown {
	0% {
		-webkit-transform: translateY(-10rem);
		   -moz-transform: translateY(-10rem);
		     -o-transform: translateY(-10rem);
		        transform: translateY(-10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}
@keyframes efFadeDownBack {
	0% {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(-10rem);
		   -moz-transform: translateY(-10rem);
		     -o-transform: translateY(-10rem);
		        transform: translateY(-10rem);
		opacity: 0;
	}
}
@keyframes efFadeLeft {
	0% {
		-webkit-transform: translateX(10rem);
		   -moz-transform: translateX(10rem);
		     -o-transform: translateX(10rem);
		        transform: translateX(10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}
@keyframes efFadeLeftBack {
	0% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(10rem);
		   -moz-transform: translateX(10rem);
		     -o-transform: translateX(10rem);
		        transform: translateX(10rem);
		opacity: 0;
	}
}
@keyframes efFadeRight {
	0% {
		-webkit-transform: translateX(-10rem);
		   -moz-transform: translateX(-10rem);
		     -o-transform: translateX(-10rem);
		        transform: translateX(-10rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}
@keyframes efFadeRightBack {
	0% {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(-10rem);
		   -moz-transform: translateX(-10rem);
		     -o-transform: translateX(-10rem);
		        transform: translateX(-10rem);
		opacity: 0;
	}
}
/* bg fixed effect */
.ef-bg-fix {
	position: relative;
	padding-top: 33.8542vw;
}
.ef-bg-fix .inner {
	padding-top: 20rem;
}
.ef-bg-fix .inner + .inner {
	margin-top: 0;
}
.ef-bg-fix .bg-wrap {
	clip: rect(0, auto, auto, 0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 33.8542vw;
}
.ef-bg-fix .bg {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 33.8542vw;
	-moz-background-size: cover;
	     background-size: cover;
	background-position: center center;
}
.ef-bg-fix.bg-fixed .bg-wrap .bg {
	position: fixed;
	top: 12rem;
}

/* company */
.section.com040100 .bg-wrap .bg {
	background-image: url("../images/company/bg-com040100.jpg");
}
.section.com050100-1 .bg-wrap .bg {
	background-image: url("../images/company/bg-com050100-1.jpg");
}
.section.com050100-2 .bg-wrap .bg {
	background-image: url("../images/company/bg-com050100-2.jpg");
}

/* esg */
.section.esg010300-1a .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-1a.jpg");
}
.section.esg010300-1a2 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-1a2.jpg");
}
.section.esg010300-1a3 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-1a3.jpg");
}
.section.esg010300-1a4 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-1a4.jpg");
}
.section.esg010300-2 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-2.jpg");
}
.section.esg010300-2a2 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-2a2.jpg");
}
.section.esg010300-3a .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-3a.jpg");
}
.section.esg010300-3a2 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-3a2.jpg");
}
.section.esg010300-3a3 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-3a3.jpg");
}
.section.esg010300-4a .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-4a.jpg");
}
.section.esg010300-4a2 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-4a2.jpg");
}
.section.esg010300-4a3 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-4a3.jpg");
}
.section.esg010300-4a4 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-4a4.jpg");
}
.section.esg010300-4a5 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-4a5.jpg");
}
.section.esg010300-4a6 .bg-wrap .bg {
	background-image: url("../images/esg/bg-esg010300-4a6.jpg");
}

/* employ */
.section.emp030100 .bg-wrap .bg {
	background-image: url("../images/employ/bg-emp030100.jpg");
}
.section.emp010100 .bg-wrap .bg {
	background-image: url("../images/employ/bg-emp010100.jpg");
}

@media (max-width: 1024px) {
	/* fade */
	.fade-up {
		-webkit-transform: translateY(5rem);
		   -moz-transform: translateY(5rem);
		    -ms-transform: translateY(5rem);
		     -o-transform: translateY(5rem);
		        transform: translateY(5rem);
	}
	.fade-down {
		-webkit-transform: translateY(-5rem);
		   -moz-transform: translateY(-5rem);
		    -ms-transform: translateY(-5rem);
		     -o-transform: translateY(-5rem);
		        transform: translateY(-5rem);
	}
	.fade-left {
		-webkit-transform: translateX(5rem);
		   -moz-transform: translateX(5rem);
		    -ms-transform: translateX(5rem);
		     -o-transform: translateX(5rem);
		        transform: translateX(5rem);
	}
	.fade-right {
		-webkit-transform: translateX(-5rem);
		   -moz-transform: translateX(-5rem);
		    -ms-transform: translateX(-5rem);
		     -o-transform: translateX(-5rem);
		        transform: translateX(-5rem);
	}
	/* bg fixed effect */
	.ef-bg-fix {
		padding-top: 77.7778vw;
	}
	.ef-bg-fix .inner {
		padding-top: 6rem;
	}
	.ef-bg-fix .bg-wrap {
		clip: rect(0, auto, auto, 0);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 77.7778vw;
	}
	.ef-bg-fix .bg {
		position: relative;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 77.7778vw;
		-moz-background-size: cover;
		     background-size: cover;
		background-position: center center;
	}
	.ef-bg-fix.bg-fixed .bg-wrap .bg {
		top: 0;
	}
	#header ~ #container .ef-bg-fix.tab-cont-fixed .bg-wrap .bg {
		position: fixed;
		top: 12.6rem;
	}
	#header.is-hide ~ #container .ef-bg-fix.tab-cont-fixed .bg-wrap .bg {
		position: fixed;
		top: 6.6rem;
	}
	/* bg fixed effect */
	.one {
		padding-top: 38.8889vw !important;
	}
	.one .inner {
		padding-top: 6rem;
	}
	.one .bg-wrap {
		clip: rect(0, auto, auto, 0);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 38.8889vw !important;
	}
	.one .bg {
		position: relative;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 38.8889vw !important;
		-moz-background-size: cover;
		background-size: cover;
		background-position: center center;
	}
	.one.bg-fixed .bg-wrap .bg {
		top: 0;
	}
	#header ~ #container .one.tab-cont-fixed .bg-wrap .bg {
		position: fixed;
		top: 12.6rem;
	}
	#header.is-hide ~ #container .one.tab-cont-fixed .bg-wrap .bg {
		position: fixed;
		top: 6.6rem;
	}
	/* company */
	.section.com040100 .bg-wrap .bg {
		background-image: url("../images/company/bg-com040100-mo.jpg");
	}
	.section.com050100-1 .bg-wrap .bg {
		background-image: url("../images/company/bg-com050100-1-mo.jpg");
	}
	.section.com050100-2 .bg-wrap .bg {
		background-image: url("../images/company/bg-com050100-2-mo.jpg");
	}
	/* esg */
	.section.esg010300-1a .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-1a-mo.jpg");
	}
	.section.esg010300-1a2 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-1a2-mo.jpg");
	}
	.section.esg010300-1a3 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-1a3-mo.jpg");
	}
	.section.esg010300-1a4 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-1a4-mo.jpg");
	}
	.section.esg010300-2 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-2-mo.jpg");
	}
	.section.esg010300-2a2 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-2a2-mo.jpg");
	}
	.section.esg010300-3a .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-3a-mo.jpg");
	}
	.section.esg010300-3a2 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-3a2-mo.jpg");
	}
	.section.esg010300-3a3 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-3a3-mo.jpg");
	}
	.section.esg010300-4a .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-4a-mo.jpg");
	}
	.section.esg010300-4a2 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-4a2-mo.jpg");
	}
	.section.esg010300-4a3 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-4a3-mo.jpg");
	}
	.section.esg010300-4a4 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-4a4-mo.jpg");
	}
	.section.esg010300-4a5 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-4a5-mo.jpg");
	}
	.section.esg010300-4a6 .bg-wrap .bg {
		background-image: url("../images/esg/bg-esg010300-4a6-mo.jpg");
	}
	/* employ */
	.section.emp030100 .bg-wrap .bg {
		background-image: url("../images/employ/bg-emp030100-mo.jpg");
	}
	.section.emp010100 .bg-wrap .bg {
		background-image: url("../images/employ/bg-emp010100-mo.jpg");
	}
}


/* s : 261012 esg전략체계/거버넌스 페이지 추가 */
.esg-gov-tab1,
.esg-gov-tab2{
	padding-top:2rem;
	letter-spacing: 0;
}
.esg-gov-tab1 h4{
	font-size:4rem;	
}
.esg-gov-tab1 > div > ul,
.esg-gov-tab1 > div > div{
    margin-top: 2rem;
}
.esg-gov-tab1 .esg010000-tab1-cont2 ul li{
    text-align: center;
    font-size:2.8rem;
    line-height: 1.6;
}
.esg-gov-tab1 .esg010000-tab1-cont2 .img-box img{
	margin: 0 auto;
}
article[class*="esg-gov-tab"] .bul-list{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
article[class*="esg-gov-tab"] .bul-list li,
article[class*="esg-gov-tab"] .bul-text{
    position: relative;
    padding-left: 1.7rem;
    font-size: 3.2rem;
    line-height: 1.6;
    word-break: break-all;
}
article[class*="esg-gov-tab"] .bul-list li:before,
article[class*="esg-gov-tab"] .bul-text:before{
    position: absolute;
    left: 0;
    top: 2.2rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #111;
    content:'';
}
.esg-gov-tab1 .esg010000-tab1-cont3 .img-box img{
	margin: 0 auto;
}
.esg-gov-tab1 .esg010000-tab1-cont3 .cont3-inner{
	position: relative;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    margin-top: 4rem;
    padding: 0 6rem;
}
.esg-gov-tab1 .esg010000-tab1-cont3 .cont3-inner div{
	position: relative;
    flex: 0 0 calc((100% - 4rem) / 3);
}
.esg-gov-tab1 .esg010000-tab1-cont3 .cont3-inner div h4{
    position: absolute;
    top: -17.5rem;
	left:0;
	width: 100%;
    text-align: center;
	font-size: 3.2rem;
	line-height: 1.3;
	color:#fff;
}
.esg-gov-tab1 .esg010000-tab1-cont3 .cont3-inner div:first-of-type h4{
	padding-left:3.2rem;
}
.esg-gov-tab1 .esg010000-tab1-cont3 .cont3-inner div:last-of-type h4{
	padding-right:3.2rem;
}
.esg-gov-tab1 > div ~ div{
	margin-top:19rem;
}
.esg-gov-tab1 div .img-box{
	margin-top:4rem;
}
.esg-gov-tab2 .h3{
	text-align: center;
}
.esg-gov-tab2 .img-box{
	margin-top:6rem;
}
.esg-gov-tab2 .cont-inner{
    position: relative;
	margin-top: 4rem;
}
.esg-gov-tab2 .cont-inner > div{
    position: absolute;
    left:0;
    top:0;
    visibility: hidden;
}
@media (max-width: 1024px){
    article[class*="esg-gov-tab"] .bul-list li,
    article[class*="esg-gov-tab"] .bul-text{
        padding-left: 1.2rem;
        font-size: 1.6rem;
    }
    article[class*="esg-gov-tab"] .bul-list li:before,
    article[class*="esg-gov-tab"] .bul-text:before{
        top: 1rem;
        width: 0.4rem;
        height: 0.4rem;
    }

	.esg-gov-tab1 h4{
		font-size:2.4rem;	
	}
	.esg-gov-tab1 > div ~ div{
		margin-top:5.4rem;
	}
	.esg-gov-tab1 div .img-box{
		margin-top:1.2rem;
	}
	.esg-gov-tab2 .img-box{
		margin-top:1.2rem;
	}
    .esg-gov-tab1 .esg010000-tab1-cont2 ul{
        margin-top: 1.2rem;
    }
    .esg-gov-tab1 .esg010000-tab1-cont2 ul li{
        position: relative;
        padding-left: 0.8rem;
        text-align: left;
        font-size:1.6rem;
    }
    .esg-gov-tab1 .esg010000-tab1-cont2 div{
        font-size:1.6rem;
    }
    .esg-gov-tab1 .esg010000-tab1-cont2 ul li:before{
        position: absolute;
        left: 0;
        top: 1.15rem;
        width: 0.3rem;
        height: 0.3rem;
        border-radius: 50%;
        background-color: #666;
        content:'';
    }
    .esg-gov-tab1 .esg010000-tab1-cont2 ul li ~ li{
        margin-top: 1.2rem;
    }
    .esg-gov-tab1 .esg010000-tab1-cont3 .cont3-inner{
        flex-direction: column;
        margin-top: 1.2rem;
        padding: 0;
    }
    .esg-gov-tab1 .esg010000-tab1-cont3 .cont3-inner div {
        display: flex;
        align-items: flex-start;
        gap: 3rem;
    }
    .esg-gov-tab1 .esg010000-tab1-cont3 .cont3-inner div h4 {
        position: static;
        color: #111;
        font-size: 1.8rem;
        line-height: 1.4;
		text-align: left;
		width: 7.6rem;
		padding: 0!important;
    }
    .esg-gov-tab2 .cont-inner > div{
        position: static;
        visibility: visible;
    }
    .esg-gov-tab2 .cont-inner div ~ div{
        margin-top: 3rem;
    }
    .esg-gov-tab2 .cont-inner div h4{
        margin-bottom: 1.2rem;
        font-size: 1.8rem;
        line-height: 1.4;
    }
}
/* e : 261012 esg전략체계/거버넌스 페이지 추가 */

/*# sourceMappingURL=maps/common.css.map */