body {
	font-family: Pretendard, sans-serif, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'Malgun Gothic';
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}


/* ---------- css reset ---------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, button, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {box-sizing: border-box; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
html, body {
	width: 100%;
	/* height: 100%; */
	overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu,n av, section {display: block;}
ul li{list-style:none;}
a {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; text-decoration: none; color: inherit; display: inline-block; cursor: pointer;}
/* img {vertical-align: bottom;} */
img {
	transform: translateZ(0);
	image-rendering: -moz-crisp-edges; /* firefox */
	image-rendering: -o-crisp-edges; /* opera */
	image-rendering: -webkit-optimize-contrast; /* chrome */
	image-rendering: crisp-edges;
	backface-visibility: hidden;
}
input::-ms-clear, input::-ms-reveal{display: none;} input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{display: none;}
input, textarea, button {border: none; background-color: transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
input:disabled {opacity: 1; -webkit-text-fill-color:inherit}
select {-webkit-appearance: none; -moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}

html.scroll-lock, body {
	overflow: hidden;
}

/* ---------- color ---------- */
:root {
	--color-white: #fff;
    --color-black: #000;
	--color-black-sub: #111;
	--color-yellow: #FFDF46;
	--color-yellow-sub: #FFEB8D;
	--color-blue: #0087FF;
	--color-blue-sub: #35A0FF;
	--color-pink: #FF9ECE;
	--color-pink-sub: #FFB6DA;
	--color-red: #ED694A;
	--color-red-sub: #FF7B5C;
	--color-gray-1: #F8F9FA;
    --color-gray-2: #E9ECEF;
	--color-gray-3: #DEE2E6;
	--color-gray-4: #CED4DA;
	--color-gray-5: #ADB5BD;
	--color-gray-6: #6C757D;
	--color-gray-7: #495057;
	--color-gray-8: #343A40;
	--color-gray-9: #212529;
}

/* ---------- GNB ---------- */
#header {position: fixed; display: flex; justify-content: center; width: 100%; height: 56px; border-bottom: 1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.88); backdrop-filter: saturate(150%) blur(32px); z-index: 1000;}
#header .pc{display: none;}
#header .mobile {
	display: flex; justify-content: space-between;
	width: 100%;
	padding: 12px 20px;
}
#header .header__nav__logo {position:relative; z-index: 2;height:32px;}
#header .header__nav__logo a {display: block;margin-top: -8px;}
#header .more-btn {
	position:relative; z-index: 2;
	cursor: pointer;
	display: block;
	width: 24px;
	height: 24px;
	display: block;
	background: url('../img/mobile/ic_hamburger_open.webp') no-repeat center 20%;
	background-size: 40px;
}
#header .more-btn.active {
	background-size: 40px !important;
	background: url('../img/mobile/ic_hamburger_close.webp') no-repeat center 25%;
}
#header .gnb_menu {
	position:relative; z-index: 1;
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	position: fixed;
	top: 0;
	right: 0;
	padding: 56px 20px 0 20px;
	background-color: #ffffff;
	opacity: 0;
	visibility: hidden;
	transform: translateX(100%);
}
#header .gnb_menu.active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transition: 0.3s;
}
#header .gnb_menu .header__nav__items {
	width: 100%;
}

#header .gnb_menu .header__nav__items a {
	display: block;
	padding: 16px 0;
	color: var(--label-normal, var(--label-normal, #171717));
	font-feature-settings: 'ss10' on;
	
	/* Heading 2/Bold */
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 141.2%; /* 24.004px */
}

#header .gnb_menu .header__nav__items a.active {
	background-color:#B9B9B9;
}

#header .gnb_menu .footer {
	display: flex;
	justify-content: flex-start;
	position: absolute;
	bottom: 48px;
	left: 0;
	width: 100%;
	padding:0 20px;
}
#header .gnb_menu .footer a{
	color: var(--label-alternative, var(--label-alternative, #8A8A8A));
	font-feature-settings: 'ss10' on;

	/* Label 1/Normal - Medium */
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 142.9%; /* 20.006px */
	letter-spacing: 0.203px;
}

#header .gnb_menu .footer em {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 4px 15px 0;
	font-style: normal;
	background-color: #8A8A8A;
}

/* ---------- footer ---------- */

#footer {  margin: 0 auto; padding: 28px 20px 32px; background: #fff; display: flex; justify-content: center;}
.footer__wrapper.mobile { display: flex; flex-direction: column; width: 100%; }
.footer__wrapper.pc {display:none;}
.footer__divider { height: 1px; width: 100%; background-color: #ECECEC; }
.footer__section { display: flex; flex-direction: column; }
.footer__section.pc {display: none;}
.footer__section > div:first-child { flex: 1; }
.footer__section__links { display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; height: 100%; width: 100%; margin-top: 18px; }
.footer__section__links .service { width: 160px;}
/* .footer__section__links .service:last-child {margin-top: 22px;} */
.footer__section__links .service .service_title strong {
	color: var(--label-normal, var(--label-normal, #171717));
	font-feature-settings: 'ss10' on;

	/* Body 2/Normal - Medium */
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 146.7%; /* 22.005px */
	letter-spacing: 0.144px;
}
.footer__section__links .service .service_list{ margin-top: 6px; }
.footer__section__links .service .service_list p {margin-bottom: 4px;}
.footer__section__links .service .service_list a{
	color: var(--interaction-inactive, var(--interaction-inactive, #989BA2));

	/* Body 1/Reading - Medium */
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 162.5%; /* 26px */
	letter-spacing: 0.09px;
}
.footer__section__links .logo { margin-top: -8px; margin-right: 80px; }
.footer__section__links > a { text-decoration: none; font-size: 15px; font-weight: 400; color: #333; }
.footer__country__select__wrapper { position: relative; width: 100%; height: 40px; background: #F2F4F7; margin-top: 28px; border-radius: 5px; }
.footer__country__select__wrapper select {width: 100%; height: 100%; padding: 10px 16px 10px; background: url('../img/pc/dropdown_arrow.webp') no-repeat 97% 50%;background-size: 18px;}
.footer__country__select__wrapper > img { position: absolute; }
.footer__country__select__wrapper > img:first-child { left: 12px; top: 9px; }
.footer__country__select__wrapper > img:last-child { right: 12px; top: 9px; }
.footer__country__select { outline: 0;background: none; font-size: 13px; color: #717171; border: none; appearance: none; -webkit-appearance: none; padding: 0}
.footer_section__icons { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.footer_section__icons > a { display: flex; height: 20px; justify-content: center; align-items: center;}
.footer__address { 
	padding: 30px 0 0 0; 
	font-size: 12px; color: #8A8A8A; font-weight: 500; line-height: 200%;
	letter-spacing: 0px; }

.footer__address em {color: #E1E2E4;font-style: normal; }
.footer__divider {display: none;}
.footer__bottom {display: flex; flex-direction: column; margin-top: 8px;}
.footer__bottom .copyright {
	color: var(--label-alternative, var(--label-alternative, #8A8A8A));

	/* Caption 1/Medium */
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 133.4%; /* 16.008px */
	letter-spacing: 0.3px;
}
.footer__bottom .footer_section__icons {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 30px;
}
.footer__bottom .footer_section__icons a {
	margin-right: 16px;
}
/* ---------- main ---------- */
main {
	padding-top: 56px;
}

/* ---------- section1 ---------- */
.section_1 .bg1{
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	height: 520px;
	padding: 60px 30px 0;
	margin: 0 auto;
	background: url(../img/mobile/section_1.webp) no-repeat center center/cover;
}

.section_1 .bg1 .bg1-layer {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background-color: #000;
}

.section_1 .bg1 .sub_title.mobile {
	position: relative;
	z-index: 2;
	display: block;
	color: var(--static-white, var(--static-white, #FFF));
	text-align: center;
	font-feature-settings: 'ss10' on;
	
	/* Display/Bold */
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 133.4%; /* 48.024px */
	letter-spacing: -0.972px;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08), 0px 8px 16px rgba(0, 0, 0, 0.08), 0px 16px 20px rgba(0, 0, 0, 0.12);
}
.section_1 .bg1 .sub_title.pc {
	display: none;
}

.section_2 {
	display: flex;
	width: 100%;
	padding: 60px 20px 70px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 50px;
	background: #14191E;
}

.section_2 .fade_title.pc {display: none;}
.section_2 .fade_title.mobile {display: block;}

.section_2 .fade_title div {
	color: var(--static-white, var(--static-white, #FFF));
	text-align: center;
	font-feature-settings: 'ss10' on;
	
	/* Title 1/Bold */
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 135.8%; /* 38.024px */
	letter-spacing: -0.672px;
}


.section_2 .fade_sub_title.pc {display: none;}
.section_2 .fade_sub_title.mobile {display: block;}
.section_2 .fade_sub_title {
	margin-top: 20px;
}
.section_2 .fade_sub_title div {
	color: var(--static-white, var(--static-white, #FFF));
	text-align: center;
	font-feature-settings: 'ss10' on;
	
	/* Body 1/Reading - Regular */
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 162.5%; /* 26px */
	letter-spacing: 0.09px;
}

.section_2 .player.pc {display:none;}
.section_2 .player.mobile {display:block;}
.section_2 .player video {
	width: 100%;
	/* height: 600px; */
	border-radius: 8px;
}

.section_3 {
}
.section_3.pc {display: none;}
.section_3.mobile {
	display: block;
	/* background: url('../img/mobile/bg_section_3.webp') no-repeat 0 0; */
}
/* .section_3.mobile img{width: 100%;} */
.section_3.mobile {
	background: #14191E url('../img/mobile/section_3.svg') no-repeat 50% 0;
	background-size: 1060px 100%;
}

.section_3.mobile .slide {
	width: 375px;
	margin: 0 auto;
	padding: 60px 20px 0;
}

.section_3.mobile .section_3_title p {
	color: var(--static-white, var(--static-white, #FFF));
	font-feature-settings: 'ss10' on;

	/* Title 1/Bold */
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 135.8%; /* 38.024px */
	letter-spacing: -0.672px;
}

.section_3.mobile .section_3_title .date {
	margin-top: 8px;
	color: var(--grays-700, #767676);
	font-feature-settings: 'ss10' on;

	/* Label 1/Normal - Regular */
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 142.9%; /* 20.006px */
	letter-spacing: 0.203px;
}

.section_3.mobile .box {
	width: 50%;
	margin: 46px 0 0 0;
}

.section_3.mobile .box .title{
	margin-bottom: 8px;
	color: var(--static-white, var(--static-white, #FFF));
	font-feature-settings: 'ss10' on;

	/* Display/Bold */
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 133.4%; /* 48.024px */
	letter-spacing: -0.972px;
}
.section_3.mobile .box .desc{
	color: var(--static-white, var(--static-white, #FFF));
	font-feature-settings: 'ss10' on;

	/* Label 1/Normal - Regular */
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 142.9%; /* 20.006px */
	letter-spacing: 0.203px;
}

.section_3.mobile .box_wrap {
	display: flex;
  flex-flow: wrap;
}
.section_3.mobile .timeline {
	position: relative;
	margin-top: 150px;
	padding-bottom: 120px;
}
.section_3.mobile .timeline .txt {
	margin: 40px 0 0 18px;
}
.section_3.mobile .timeline .txt.first {
	position: relative;
	top: -13px;
	margin-top: 0;
}

.section_3.mobile .timeline .txt .img {
	margin-top: 15px;
}
.section_3.mobile .timeline .txt img {
	width: 100%;
	border-radius: 8px;
}

.section_3.mobile .timeline .title{
	margin-bottom: 10px;
	color: var(--static-white, var(--static-white, #FFF));
	font-feature-settings: 'ss10' on;

	/* Title 2/Bold */
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 133.4%; /* 32.016px */
	letter-spacing: -0.552px;
}

.section_3.mobile .timeline .desc{
	margin-top: 4px;
	color: var(--static-white, var(--static-white, #FFF));
	font-feature-settings: 'ss10' on;
	
	/* Body 1/Normal - Medium */
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
	letter-spacing: 0.09px;
}
.section_3 .timeline .txt span {
	display: inline-flex;
}

.section_3 .timeline .txt .month {
	width: 40px;
}
.section_3.mobile .timeline .line {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	opacity: 0.5;
	background: var(--static-white, #FFF);
}

.section_3.mobile .timeline .dot {
	position: absolute;
	top: 0;
	left: -3.7px;
	width: 9px;
	height: 9px;
	background-color: #14191E;
}
.section_3.mobile .timeline .dot img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.section_3.mobile .timeline .dot1 {
}
.section_3.mobile .timeline .dot2 {
	top: 118px;
}
.section_3.mobile .timeline .dot3 {
	top: 446px;
}
.section_3.mobile .timeline .dot4 {
	top: 607px;
}
.section_3.mobile .timeline .dot5 {
	top: 964px;
}
.section_3.mobile .timeline .dot6 {
	top: 1072px;
}


.section_4 {
	padding: 60px 20px 70px;
}

.section_4 .sub_title {
	color: var(--static-black, var(--static-black, #000));
	text-align: center;
	font-feature-settings: 'ss10' on;
	
	/* Title 1/Bold */
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 135.8%; /* 38.024px */
	letter-spacing: -0.672px;
}
.section_4 .thumbs {
	position: relative;
	margin-top: 50px;
}

.section_4 .thumbs .thumb.on .more-layer {display: none;}
.section_4 .thumbs .more-layer {
	cursor: pointer;
	position: absolute;
	bottom: 23px;
	right: 20px;
	width: 32px;
	height: 32px;
	background: url('../img/mobile/ic_x.webp') no-repeat 0 0;
	background-size: 32px;
}

.section_4 .thumb_1 {
	margin: 0 auto 0;
	background: #EBECF1 url('../img/mobile/thumb1.jpg') no-repeat 100% 100%;
	border-radius: 15px;
}

.section_4 .thumb_5 {
	margin: 0 auto 0;
	background: #EBECF1 url('../img/mobile/thumb5.jpg') no-repeat 100% 100%;
	border-radius: 15px;
}

.section_4 .thumbs .thumb {
	position: relative;
	height: 210px;
	padding: 23px 20px;
	background-size: cover !important;
	max-width: 375px;
}

.section_4 .thumb.on .layer {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(235, 236, 240);
	opacity: 0.9;
	border-radius: 15px;
}


.section_4 .thumb.on .close-layer {
	z-index: 2;
	cursor: pointer;
	position: absolute;
	top: 23px;
	right: 20px;
	width: 32px;
	height: 32px;
  transform: rotate(44deg);
	background: url('../img/mobile/ic_x.webp') no-repeat 0 0;
	background-size: 32px;
}

.section_4 .thumb .sub { display: none; }
.section_4 .thumb.on .sub { display: block;}

.section_4 .thumb .sub_thumbs_title {
	position: relative;
	z-index: 2;
	color: var(--static-black, var(--static-black, #000));
	font-feature-settings: 'ss10' on;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 141.2%; /* 24.004px */
}

.section_4 .thumb_3 .sub_thumbs_title,
.section_4 .thumb_4 .sub_thumbs_title,
.section_4 .thumb_5 .sub_thumbs_title {
	color: #ffffff;
}

.section_4 .thumb .sub .sub_text {
	position: relative;
	z-index: 2;
	margin-top: 8px;
	color: var(--static-black, var(--static-black, #000));
	font-feature-settings: 'ss10' on;
	
	/* Body 1/Normal - Medium */
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
	letter-spacing: 0.09px;
 }

.section_4 .thumb .sub .sub_link { 
	position: relative;
	z-index: 2;
	margin-top: 10px;
	text-align: right;
	color: var(--label-alternative, var(--label-alternative, #8A8A8A));
	font-feature-settings: 'ss10' on;
	
	/* Label 1/Normal - Bold */
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 142.9%; /* 20.006px */
	letter-spacing: 0.203px;
}

.section_4 .thumb .sub .sub_link a {
	display: inline-block;
	padding: 0 12px 0 0;
	background: url('../img/mobile/ic_arrow_1.webp') no-repeat 100% 50%;
}


.section_4 .thumbs .thumbs_group {
	display: flex;
	gap: 14px;
	margin: 20px auto 20px;
	width: 100%;
	flex-direction: column;
}
.section_4 .thumbs .thumbs_group .thumb {
	width: 100%;
	margin: 0 auto 0;
	border-radius: 15px;
}
.section_4 .thumbs .thumbs_group .thumb_2 {
	background: #EBECF1 url('../img/mobile/thumb2.jpg') no-repeat 100% 100%;
}


.section_4 .thumbs .thumbs_group .thumb_3 {
	background: #EBECF1 url('../img/mobile/thumb3.jpg') no-repeat 100% 100%;
}


.section_4 .thumbs .thumbs_group .thumb_4 {
	background: #EBECF1 url('../img/mobile/thumb4.jpg') no-repeat 100% 100%;
	border-radius: 15px;
}

.section_4 .thumb_3.on .sub_thumbs_title,
.section_4 .thumb_4.on .sub_thumbs_title,
.section_4 .thumb_5.on .sub_thumbs_title {
	color: #000000;
}

.section_5 {
	padding: 60px 0 70px 0;
	background: #EBF2F9;
}

.section_5 .sub_title {
	color: var(--static-black, var(--static-black, #000));
	text-align: center;
	font-feature-settings: 'ss10' on;
	
	/* Title 1/Bold */
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 135.8%; /* 38.024px */
	letter-spacing: -0.672px;
}

.section_5 .scroll-parent {
	position: relative;
	display: flex;
	margin: 50px 0 50px 0;
	gap: var(--marquee-gap);

	--marquee-duration: 20s;
	--marquee-gap: 16px;
}

.section_5 .scroll-element {
	position: relative;
	display: flex;
	gap: var(--marquee-gap);
	flex-shrink: 0;
	justify-content: space-around;
	min-width: 100%;
	will-change: transform;
	animation: scroll var(--marquee-duration) linear infinite;
}

.section_5 .scroll-parent:hover .scroll-element {
  animation-play-state: paused;
}
@keyframes scroll {
	0% {
			transform: translateZ(0)
	}

	to {
			transform: translate3d(calc(-100% - var(--marquee-gap)),0,0)
	}
}

.section_5 .scroll-parent .item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 120px;
	background-color: #ffffff;
	border-radius: 30px;
}

.section_5 .scroll-parent .item > div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 70px;
}
/* .section_5 .scroll-parent .item .item1 {
	width: 113px;
	height: 45px;
}

.section_5 .scroll-parent .item .item2 {
	width: 94px;
	height: 56px;
}

.section_5 .scroll-parent .item .item3 {
	width: 94px;
	height: 56px;
}

.section_5 .scroll-parent .item .item4 {
	width: 94px;
	height: 56px;
}

.section_5 .scroll-parent .item .item5 {
	width: 109px;
	height: 60px;
}

.section_5 .scroll-parent .item .item6 {
	width: 98px;
	height: 55px;
}

.section_5 .scroll-parent .item .item7 {
	width: 96px;
	height: 41px;
}

.section_5 .scroll-parent .item .item8 {
	width: 93px;
	height: 45px;
}

.section_5 .scroll-parent .item .item9 {
	width: 113px;
	height: 45px;
}

.section_5 .scroll-parent .item .item10 {
	width: 113px;
	height: 45px;
}

.section_5 .scroll-parent .item .item11 {
	width: 113px;
	height: 45px;
} */
.section_5 .scroll-parent .item img {
	width: 100%;
	height: 100%;
}
.section_5 .download {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
/* .section_5 .download:hover {
	opacity: 0.05;
} */

.section_5 .download a {
	display: block;
	padding: 9px 20px 9px 40px;
	color: var(--primary-normal, var(--primary-normal, #FFFFFF));
	font-feature-settings: 'ss10' on;

	/* Body 1/Normal - Bold */
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 24px */
	letter-spacing: 0.09px;
	background: #3366FF url('../img/mobile/ic_download.webp') no-repeat 8% 50%;
	background-size: 18px;
	border-radius: 10px;
}