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;
}
.web_br {display: block;}
.mo_br {display: none;}

.show__sm { display: flex; }
.hide__sm { display: 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;} */
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;}

/* ---------- 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: 60px;
	background-color: #fff;
	z-index: 1000;
	border-bottom: 1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.88); backdrop-filter: saturate(150%) blur(32px);
}
#header .mobile{display: none;}
#header .pc{position: relative; display: flex; justify-content: space-between; width: 1060px; max-width: 1060px; height: 60px; margin: 0 auto;}
#header .header__wrapper {
	display: flex; justify-content: flex-start; align-items: center; gap: 64px; 
}
#header .header__wrapper .header__nav__logo a {display: flex; padding: 4px 0 4px;}
.header__nav__wrapper ul {
	display: flex;
	gap: 40px;
}
.header__nav__wrapper ul a {
	display: flex; 
	padding: 12px 0 12px 0;
	color: var(--label-normal, var(--label-normal, #171717));
	font-style: normal;
	font-size: 15px;
	font-weight: 600;
}

#header .header__right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
}
#header .btn_service button {
	display: flex;
	cursor: pointer;
}
#header .btn_link {
	margin: 7px 0;
}
#header .btn_link a {
	display: flex;
	padding: 7px 14px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: var(--label-normal, var(--label-normal, #171717));
	font-style: normal;
	font-size: 13px;
	font-weight: 500;
	border-radius: 6px;
	/* border: 1px solid var(--line-normal, #E1E2E4); */
	-webkit-box-shadow: 0 0 0 1px rgba(23,23,23,.12);
	box-shadow: 0 0 0 1px rgba(23,23,23,.12);
}

#header .layer_service {
	display:none;
	position: absolute;
	top: 75px;
	right: 0;
	width: 362px;
	height: 346px;
	padding: 0 35px 35px;
	border-radius: 18px;
	background: #FFF;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
}
#header .layer_service.show {display: block;}
#header .layer_service .service a {display: flex; margin-top: 35px;}
#header .layer_service .icon {display:flex; justify-content: center; align-items: center; width:41px; height:41px; border-radius: 12px;}
#header .layer_service .icon1 {background-color: #007AFE;}
#header .layer_service .icon2 {background-color: #4D54FF;}
#header .layer_service .icon3 {background-color: #3CBCC5;}
#header .layer_service .icon4 {background-color: #4D54FF;}
#header .layer_service .txt {margin-left: 23px;}
#header .layer_service .title {
	color: var(--label-normal, var(--label-normal, #171717));
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; /* 146.667% */
	letter-spacing: -0.078px;
}
#header .layer_service .description {
	color: var(--interaction-inactive, var(--interaction-inactive, #989BA2));
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px; /* 157.143% */
	letter-spacing: -0.078px;
}


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

#footer {  width: 1060px; margin: 0 auto; padding: 40px 0; background: #fff; display: flex; justify-content: center;}
.footer__wrapper.pc { display: flex; flex-direction: column; width: 100%; }
.footer__wrapper.mobile {display:none;}
.footer__divider { height: 1px; width: 100%; background-color: #ECECEC; }
.footer__section { display: flex; flex-direction: row; }
.footer__section.mobile {display: none;}
.footer__section > div:first-child { flex: 1; }
.footer__section > div:last-child { width: 250px; }
.footer__section__links { display: flex; flex-direction: row; align-items: flex-start; height: 100%; width: 100%; }
.footer__section__links .service { margin-right: 62px; }
.footer__section__links .service .service_title strong {
	color: var(--label-normal, var(--label-normal, #171717));

	/* Body 1/Reading - Medium */
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 162.5%; /* 26px */
	letter-spacing: 0.09px;
}
.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: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 162.5%; /* 26px */
	letter-spacing: 0.09px;
}
.footer__section__links .logo { margin-top: 0; margin-right: 80px; }
.footer__section__links > a { text-decoration: none; font-size: 15px; font-weight: 400; color: #333; }
.footer__country__select__wrapper { position: relative; height: 34px; background: #F2F4F7; border-radius: 5px; }
.footer__country__select__wrapper select {width: 100%; height: 100%; padding: 8px 16px; background: url('../img/pc/dropdown_arrow.webp') no-repeat 97% 50%;background-size: 20px;}
.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: 7px; }
.footer__country__select { outline: 0;position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); 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: 44px 0 36px 0; font-size: 13px; color: #8A8A8A; font-weight: 500; line-height: 190%; /* 18.005px */
	letter-spacing: 0.25px; padding-right: 25px; }
	.footer__address em {color: #E1E2E4;font-style: normal; }
.footer__bottom {display: flex; justify-content: space-between; margin-top: 18px}
.footer__bottom .copyright {
	color: var(--label-alternative, var(--label-alternative, #8A8A8A));

/* Label 2/Medium */
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 138.5%; /* 18.005px */
letter-spacing: 0.25px;
}
.footer__bottom .footer_section__icons {
	gap: 14px;
}
/* ---------- main ---------- */
main {
	margin-top: 60px;
}

/* ---------- section1 ---------- */
.section_1 .bg1{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 810px;
	margin: 0 auto;
	background: url(../img/pc/section_1.webp) no-repeat center center/cover;
}

.section_1 .bg1 .sub_title.pc {
	display: block;
	color: var(--static-white, var(--static-white, #FFF));
	text-align: center;
	
	/* Display/Bold */
	font-size: 56px;
	font-style: normal;
	font-weight: 700;
	line-height: 128.6%; /* 72.016px */
	letter-spacing: -1.786px;
	text-align: center;

	/* Display/Bold */
	font-size: 56px;
	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.mobile {
	display:none;
}

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

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

.section_2 .fade_title div {
	color: var(--static-white, var(--static-white, #FFF));
	text-align: center;

	/* Title 1/Bold */
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
}

.section_2 .fade_sub_title.pc {display: block;}
.section_2 .fade_sub_title.mobile {display: none;}
.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;
	
	/* Body 1/Reading - Medium */
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 162.5%; /* 26px */
	letter-spacing: 0.09px;
}

.section_2 .player.pc {display:block;}
.section_2 .player.mobile {display:none;}
.section_2 .player video {
	width: 1060px;
	height: 600px;
	border-radius: 15px;
}

.pin-spacer {

	background: #14191E;
}
.section_3 {
	position: relative;
	width: 4120px;
	min-height: 100vh;
}

.section_3.pc {display: block;}
.section_3.mobile {display: none;}
.section_3 .slide_wrap {
	position: relative;
	width: 100%;
	height: 873px;
	padding: 130px 0 0 0;
	background: #14191E;
}

.section_3 .slide_wrap .slide_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 772px;
	z-index: 1;
	object-fit: cover;
}

.section_3 .slide {
	position: absolute;
	top: 50%;
	left: 0;
	display: flex;
	flex-direction: row;
	/* min-height: 100vh; */
	height: 540px;
	margin-top: -270px;
	padding: 0 0 0 5%;
	gap: 390px;
}

/* 
.section_3 .slide_inner {
	height: 873px;
	background: #14191E url('../img/pc/section_3.svg') no-repeat 0 60px;
	background-size: cover;
} */

.section_3_title {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 8%;
}
.section_3_title p {
	display: flex;
	color: var(--static-white, var(--static-white, #FFF));

	/* Title 1/Bold */
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 52px */
	letter-spacing: -1.128px;
}
.section_3_title .date {
	color: var(--grays-700, #767676);

	/* Body 1/Normal - Medium */
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
	letter-spacing: 0.09px;
}
.section_3 .box_wrap {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	width: 600px;
	height: 282px;
	gap: 20px;
}
.section_3 .box {
	width: 250px;
}
.section_3 .box .title {
	color: var(--static-white, var(--static-white, #FFF));

	/* Display/Bold */
	font-size: 56px;
	font-style: normal;
	font-weight: 700;
	line-height: 128.6%; /* 72.016px */
	letter-spacing: -1.786px;
}

.section_3 .box .desc {
	color: var(--static-white, var(--static-white, #FFF));

	/* Body 1/Normal - Medium */
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 200%; /* 24px */
	letter-spacing: 0.09px;
}

.section_3 .timeline {
	position: relative;
	z-index: 2;
	display: flex;
	width: 3075px;
	margin: 0;
}

.section_3 .timeline .line {
	position: absolute;
	top: 57%;
	left: 0;
	width: 3075px;
	height: 1px;
	background-color: #ffffff;
}
.section_3 .timeline .line .dot {
	position: absolute;
	top: -7px;
	left: 0;
	width: 15px;
	height: 15px;
	background-color: #14191E;
	border-radius: 7px;
}
.section_3 .timeline .line .dot img {
	width: 100%;
	height: 100%;
}
.section_3 .timeline .line .dot1 {
	left: 0;
}
.section_3 .timeline .line .dot2 {
	left: 483px;
}
.section_3 .timeline .line .dot3 {
	left: 966px;
}
.section_3 .timeline .line .dot4 {
	left: 1449px;
}
.section_3 .timeline .line .dot5 {
	left: 1932px;
}
.section_3 .timeline .line .dot6 {
	left: 2432px;
}
.section_3 .timeline .txt {
	position: absolute;
	top: 63%;
	left: 0;
}
.section_3 .timeline .txt.first {
	left: 0;
}
.section_3 .timeline .txt.second {
	left: 483px;
}
.section_3 .timeline .txt.third {
	left: 966px;
}
.section_3 .timeline .txt.fourth {
	left: 1449px;
}
.section_3 .timeline .txt.fifth {
	left: 1932px;
}
.section_3 .timeline .txt.sixth {
	left: 2432px;
}
.section_3 .timeline .txt .title {
	margin-bottom: 15px;
	color: var(--static-white, var(--static-white, #FFF));
	
	/* Title 2/Bold */
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 135.8%; /* 38.024px */
	letter-spacing: -0.661px;
}

.section_3 .timeline .txt .desc {
	margin-top: 8px;
	color: var(--static-white, var(--static-white, #FFF));

	/* 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 .timeline .txt img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.section_3 .timeline .txt.second .img {
	position: absolute;
	top: -432%;
	left: 0;
	width: 360px;
	height: 240px;
}
.section_3 .timeline .txt.fourth .img {
	position: absolute;
	top: -303%;
	left: 0;
	width: 360px;
	height: 240px;
}


.section_4 {
	padding: 120px 0 140px 0;
}

.section_4 .sub_title {
	color: var(--static-black, var(--static-black, #000));
	text-align: center;
	
	/* Title 1/Bold */
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 52px */
	letter-spacing: -1.128px;
}
.section_4 .thumbs {
	margin-top: 60px;
}

.section_4 .thumbs .more-layer {
	display: none;
}

.section_4 .thumb_1 {
	width: 1060px;
	height: 450px;
	margin: 0 auto 0;
	background: #EBECF1 url('../img/pc/thumb1.webp') no-repeat 100% 0;
	border-radius: 15px;
}

.section_4 .thumb_5 {
	width: 1060px;
	height: 450px;
	margin: 0 auto 0;
	border-radius: 15px;
	background: #EBECF1 url('../img/pc/thumb5.webp') no-repeat 100% 0;
}

.section_4 .thumbs .thumb {
	position: relative;
	padding: 50px 0 0 50px;
	background-size: cover !important;
}

.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 .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));

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

.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: 12px;
	color: var(--static-black, var(--static-black, #000));

	/* Body 1/Reading - Medium */
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 162.5%; /* 26px */
	letter-spacing: 0.09px;
 }

.section_4 .thumb .sub .sub_link { 
	position: relative;
	z-index: 2;
	margin-top: 10px;
	color: var(--label-alternative, var(--label-alternative, #8A8A8A));
	font-feature-settings: 'ss10' on;

	/* Body 1/Normal - Bold */
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 24px */
	letter-spacing: 0.09px;
}

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


.section_4 .thumbs .thumbs_group {
	display: flex;
	gap: 14px;
	width: 1060px;
	margin: 20px auto 20px;
  flex-flow: wrap;
}
.section_4 .thumbs .thumbs_group .thumb {
	width: 520px;
	height: 360px;
	margin: 0 auto 0;
	border-radius: 15px;
}
.section_4 .thumbs .thumbs_group .thumb_2 {
	background: #EBECF1 url('../img/pc/thumb2.webp') no-repeat 100% 0;
}


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


.section_4 .thumbs .thumbs_group .thumb_4 {
	background: #EBECF1 url('../img/pc/thumb4.webp') no-repeat 100% 0;
	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: 120px 0 140px 0;
	background: #EBF2F9;
}

.section_5 .sub_title {
	color: var(--static-black, var(--static-black, #000));
	text-align: center;
	
	/* Title 1/Bold */
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 52px */
	letter-spacing: -1.128px;
}

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

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

.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;
	width: 150px;
	height: 150px;
	margin-right: 20px;
	background-color: #ffffff;
	border-radius: 30px;
	justify-content: center;
	align-items: center;
}

.section_5 .scroll-parent .item > div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 124px;
	height: 86px;
}
/* .section_5 .scroll-parent .item .item1 {
	width: 143px;
	height: 75px;
}

.section_5 .scroll-parent .item .item2 {
	width: 124px;
	height: 86px;
}

.section_5 .scroll-parent .item .item3 {
	width: 124px;
	height: 86px;
}

.section_5 .scroll-parent .item .item4 {
	width: 124px;
	height: 86px;
}

.section_5 .scroll-parent .item .item5 {
	width: 139px;
	height: 90px;
}

.section_5 .scroll-parent .item .item6 {
	width: 128px;
	height: 85px;
}

.section_5 .scroll-parent .item .item7 {
	width: 126px;
	height: 71px;
}

.section_5 .scroll-parent .item .item8 {
	width: 123px;
	height: 75px;
}

.section_5 .scroll-parent .item .item9 {
	width: 143px;
	height: 75px;
}

.section_5 .scroll-parent .item .item10 {
	width: 143px;
	height: 75px;
}

.section_5 .scroll-parent .item .item11 {
	width: 143px;
	height: 75px;
} */

.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 {
	background: rgba(51,102,255,0.05);
	transition: 1s ease;
} */

.section_5 .download a {
	display: inline-block;
	padding: 12px 28px 12px 50px;
	text-align: center;
	color: var(--primary-normal, var(--primary-normal, #FFFFFF));
	font-feature-settings: 'ss10' on;

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