@charset "utf-8"; 
@font-face {
	font-family: 'LINESeedKR-Bd';
	src: url('https://jsdelivr.net') format('woff2');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'LINESeedKR-Rg';
	src: url('https://jsdelivr.net') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'LINESeedKR-Th';
	src: url('https://jsdelivr.net') format('woff2');
	font-weight: 100;
	font-style: normal;
}
/* =========================================================
DEFAULT
========================================================= */
/* #region */
html {scroll-behavior:smooth}
body,button,dd,dl,dt,fieldset,form,hr,input,legend,li,ol,p,select,table,td,textarea,th,ul {
	word-break:keep-all; 
	color:var(--duna-gray-700); 
	font-family:"Roboto",'LINESeedKR', sans-serif; 
	font-size:var(--duna-body-size);
	line-height:var(--duna-body-line);
}
a {color:inherit; text-decoration:none}
a:hover {color:inherit}
.mobile {display:none}
.uppercase {text-transform:uppercase}
.relative {position:relative}
body .material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48; font-size: inherit;line-height: inherit;}
#duna-container {overflow-x:hidden}
h1, h2, h3, h4 {font-size:inherit; font-weight:inherit; line-height:inherit; margin-bottom:inherit; margin-top:inherit; }

@media (max-width:991.98px) {
	.mobile {display:block}
	.immobile {display:none !important}
}

/* =========================================================
Bootstrap Spacing Extension
compatible with bootstrap spacing utilities
========================================================= */

/* margin-top */
.mt-6{margin-top:4rem;}
.mt-7{margin-top:5rem;}
.mt-8{margin-top:6rem;}
.mt-9{margin-top:7rem;}
.mt-10{margin-top:8rem;}
.mt-11{margin-top:9rem;}
.mt-12{margin-top:10rem;}

/* margin-bottom */
.mb-6{margin-bottom:4rem;}
.mb-7{margin-bottom:5rem;}
.mb-8{margin-bottom:6rem;}
.mb-9{margin-bottom:7rem;}
.mb-10{margin-bottom:8rem;}
.mb-11{margin-bottom:9rem;}
.mb-12{margin-bottom:10rem;}

/* padding-top */
.pt-6{padding-top:4rem;}
.pt-7{padding-top:5rem;}
.pt-8{padding-top:6rem;}
.pt-9{padding-top:7rem;}
.pt-10{padding-top:8rem;}
.pt-11{padding-top:9rem;}
.pt-12{padding-top:10rem;}

/* padding-bottom */
.pb-6{padding-bottom:4rem;}
.pb-7{padding-bottom:5rem;}
.pb-8{padding-bottom:6rem;}
.pb-9{padding-bottom:7rem;}
.pb-10{padding-bottom:8rem;}
.pb-11{padding-bottom:9rem;}
.pb-12{padding-bottom:10rem;}

/* gap */
.gap-6{gap:4rem;}
.gap-7{gap:5rem;}
.gap-8{gap:6rem;}
.gap-9{gap:7rem;}
.gap-10{gap:8rem;}

@media (max-width:991.98px){
.mt-6{margin-top:2rem;}
.mt-7{margin-top:3rem;}
.mt-8{margin-top:4rem;}
.mt-9{margin-top:5rem;}
.mt-10{margin-top:6rem;}
.mt-11{margin-top:7rem;}
.mt-12{margin-top:8rem;}

.mb-6{margin-bottom:2rem;}
.mb-7{margin-bottom:3rem;}
.mb-8{margin-bottom:4rem;}
.mb-9{margin-bottom:5rem;}
.mb-10{margin-bottom:6rem;}
.mb-11{margin-bottom:7rem;}
.mb-12{margin-bottom:8rem;}

.pt-10{padding-top:6rem;}
.pb-10{padding-bottom:6rem;}
}

/*-------------------------------------------------------
** 
** Font
** 
--------------------------------------------------------*/

.noto-sans {font-family:'Noto Sans KR', sans-serif}
.noto-Serif {font-family:'Noto Serif KR', serif}
.ibm {font-family:'IBM Plex Sans KR', sans-serif}
.titillium {font-family:'Titillium Web',sans-serif}
.playfair {font-family:'Playfair Display', serif}
.montserrat {font-family:'Montserrat', sans-serif}
.iropke {font-family:"IropkeBatangM", serif}
.lineseed {font-family:"LINESeedKR-Bd", serif}
.cormorant {font-family:"Cormorant", serif}

/*-------------------------------------------------------
** 
** root
** 
--------------------------------------------------------*/

:root {
	--point-gradient:
	linear-gradient(45deg, var(--duna-point2) 10%, var(--duna-point1) 71%); 
	--point-gradient-invert:
	linear-gradient(45deg, var(--duna-point1) 10%, var(--duna-point2) 71%); 
	--point-gradient-dark:
	linear-gradient(45deg, var(--duna-point1-dark) 30%, var(--duna-point2-dark) 74%); 
	--point-gradient-dark-invert:
	linear-gradient(45deg, var(--duna-point2-dark) 30%, var(--duna-point1-dark) 74%); 

	--duna-point1: #0b3fbf;
	--duna-point2: #7096d0;
	--duna-point1-dark: #091e5b;
	--duna-point2-dark: #1d1f1c;
	--duna-white:#ffffff;
	--duna-black:#000000;
	--duna-gray:#bbb;
	--duna-gray-dark:#343a40;
	--duna-gray-100:#f5f5f5;
	--duna-gray-200:#e5e5e5;
	--duna-gray-300:#d4d4d4;
	--duna-gray-400:#a3a3a3;
	--duna-gray-500:#737373;
	--duna-gray-600:#525252;
	--duna-gray-700:#404040;
	--duna-gray-800:#262626;
	--duna-gray-900:#171717;

	--duna-text-hero-title: clamp(1rem, calc(1.1rem + 0.2vw), 1.5rem);
	--duna-text-section-title: clamp(1rem, calc(1.1rem + 0.2vw), 1.5rem);
	--duna-text-hero-subtitle: clamp(2.5rem, calc(3.8rem + 0.8vw), 5rem);
	--duna-text-section-subtitle: clamp(2rem, calc(2.7rem + 0.6vw), 3.75rem);
	--duna-text-item-title-lg: clamp(1.6rem, calc(2rem + 0.4vw), 2.6rem);
	--duna-text-item-title: clamp(1.25rem, calc(1.5rem + 0.3vw), 2rem);
	--duna-text-body-lg: clamp(1.125rem, calc(1.06rem + 0.14vw), 1.25rem);
	--duna-text-body: clamp(1rem, calc(0.97rem + 0.08vw), 1.125rem);
	--duna-text-caption: clamp(0.875rem, calc(0.84rem + 0.05vw), 0.95rem);
	--duna-leading-tight: 1.1;
	--duna-leading-snug: 1.25;
	--duna-leading-normal: 1.5;
	--duna-leading-relaxed: 1.75;

	--duna-hero-title-size: var(--duna-text-hero-title);
	--duna-hero-title-line: var(--duna-leading-tight);
	--duna-section-title-size: var(--duna-text-section-title);
	--duna-section-title-line: var(--duna-leading-tight);
	--duna-hero-subtitle-size: var(--duna-text-hero-subtitle);
	--duna-hero-subtitle-line: var(--duna-leading-tight);
	--duna-section-subtitle-size: var(--duna-text-section-subtitle);
	--duna-section-subtitle-line: var(--duna-leading-snug);
	--duna-item-title-lg-size: var(--duna-text-item-title-lg);
	--duna-item-title-lg-line: var(--duna-leading-snug);
	--duna-item-title-size: var(--duna-text-item-title);
	--duna-item-title-line: var(--duna-leading-snug);
	--duna-body-lg-size: var(--duna-text-body-lg);
	--duna-body-lg-line: var(--duna-leading-relaxed);
	--duna-body-size: var(--duna-text-body);
	--duna-body-line: var(--duna-leading-normal);
	--duna-caption-size: var(--duna-text-caption);
	--duna-caption-line: var(--duna-leading-normal);
}

/*-------------------------------------------------------
** 
** XE
** 
--------------------------------------------------------*/

#duna-container .x input[type=color], 
#duna-container .x input[type=date], 
#duna-container .x input[type=datetime-local], 
#duna-container .x input[type=datetime], 
#duna-container .x input[type=email], 
#duna-container .x input[type=month], 
#duna-container .x input[type=number], 
#duna-container .x input[type=password], 
#duna-container .x input[type=search], 
#duna-container .x input[type=tel], 
#duna-container .x input[type=text], 
#duna-container .x input[type=time], 
#duna-container .x input[type=url], 
#duna-container .x input[type=week],
#duna-container .x .x_input-append a.x_add-on, 
#duna-container .x .x_input-prepend a.x_add-on {height:auto; line-height:inherit; }
#duna-container .x .x_input-append a.x_add-on, 
#duna-container .x .x_input-prepend a.x_add-on {width:30px; }
#duna-container .x textarea {resize:auto; }

/*-------------------------------------------------------
** 
** Button
** 
--------------------------------------------------------*/

:where(.duna-btn) {position: relative; display: block;}

.duna-btn-default {position:relative; display:inline-block; padding:0 30px 0 35px; font-size:1rem; line-height:3rem; border:1px solid; border-radius:.2rem; transition:ease-out .3s; letter-spacing:.5px}
.duna-btn-promotion {position:relative; display:inline-block; padding:0 30px 0 35px; font-size:1.5rem; line-height:3.5rem; border:1px solid; border-radius:.2rem; transition:ease-out .3s; letter-spacing:.1rem; font-family:'Open Sans','Noto Sans KR',sans-serif}
.duna-btn-contact {position:relative; display:inline-block; padding:0 30px 0 35px; font-size:1rem; line-height:3.5rem; border:1px solid; border-radius:.2rem; background-color:transparent; transition:ease-out .3s; letter-spacing:.1rem; font-family:'Titillium Web','Open Sans','Noto Sans KR',sans-serif}
.duna-btn-default i,.duna-btn-slim i,.duna-btn-promotion i {margin-left:.3rem; transition:ease-out .3s}
.duna-btn-w-100 {width:100%}

:where(.duna-btn) {position: relative; display: block;}

.duna-btn-default {position:relative; display:inline-block; padding:0 30px 0 35px; font-size:1rem; line-height:3rem; border:1px solid; border-radius:.2rem; transition:ease-out .3s; letter-spacing:.5px}
.duna-btn-promotion {position:relative; display:inline-block; padding:0 30px 0 35px; font-size:1.5rem; line-height:3.5rem; border:1px solid; border-radius:.2rem; transition:ease-out .3s; letter-spacing:.1rem; font-family:'Open Sans','Noto Sans KR',sans-serif}
.duna-btn-contact {position:relative; display:inline-block; padding:0 30px 0 35px; font-size:1rem; line-height:3.5rem; border:1px solid; border-radius:.2rem; background-color:transparent; transition:ease-out .3s; letter-spacing:.1rem; font-family:'Titillium Web','Open Sans','Noto Sans KR',sans-serif}
.duna-btn-default i,.duna-btn-slim i,.duna-btn-promotion i {margin-left:.3rem; transition:ease-out .3s}
.duna-btn-w-100 {width:100%}

/*-----circle default-----*/
.duna-btn-round {display:inline-flex;align-items:center;padding-left:2rem;position:relative;}
.duna-btn-round .duna-btn__icon{display:inline-flex;align-items:center;justify-content:center;height:3rem;width:3rem;z-index:2}
.duna-btn-round .duna-btn__text{display:inline-flex;align-items:center;z-index:2;transition: .2s;height: 3rem;padding-right: .5rem;}
.duna-btn-round::before{content:'';position:absolute;display:flex;align-items:center;justify-content:center;right:0;top:0;width: 3rem;height:3rem;border-radius:3rem;z-index:1;transition:.3s}

/*-----circle color-----*/
.color-btn.duna-btn-round::before{background-color: var(--duna-gray-200);}
.light-btn.duna-btn-round::before{background-color:var(--duna-gray-100)}
.light-btn.duna-btn-round .duna-btn__text{color:var(--duna-gray-100)}
.light-btn.duna-btn-round .duna-btn__icon{color:var(--duna-gray-700)}

/*-----circle trigger-----*/
.section--btn-auto:hover .duna-btn-round::before{width:100%;}
.section--btn-auto:hover .color-btn.duna-btn-round::before{background-color:var(--duna-point1)}
.section--btn-auto:hover .color-btn.duna-btn-round .duna-btn__text{color:var(--duna-gray-200)}
.section--btn-auto:hover .color-btn.duna-btn-round .duna-btn__icon{color:var(--duna-gray-200)}
.section--btn-auto:hover .light-btn.duna-btn-round .duna-btn__text{color:var(--duna-gray-700)}

.section--btn-self .duna-btn-round:hover::before{width:100%}
.section--btn-self .color-btn.duna-btn-round:hover span{color:var(--duna-gray-100)}
.section--btn-self .light-btn.duna-btn-round:hover span{color:var(--duna-gray-700)}

.section--btn-none .duna-btn-round::before{width:100%}
.section--btn-none .color-btn.duna-btn-round:hover::before{background-color:var(--duna-point2)}
.section--btn-none .color-btn.duna-btn-round span{color:var(--duna-gray-100)}
.section--btn-none .light-btn.duna-btn-round span{color:var(--duna-gray-700)}

/*================ slim ==============*/

/*-----slim default-----*/
.duna-btn-slim .duna-btn__icon{position:absolute;left:0;top:0;display:flex;justify-content:end;align-items:center;height:36px;width:36px;border-radius:5rem;transition:.5s;z-index:1;padding-right:9px}
.duna-btn-slim .duna-btn__text{position:absolute;left:0;top:0;display:flex;align-items:center;height:35px;width: 120px;color:transparent;transition:.2s;transition-delay:0s;z-index:2;line-height:0;padding-left:1rem}

/*-----slim color-----*/
.light-btn.duna-btn-slim .duna-btn__icon{color:var(--duna-gray-700);background-color:var(--duna-gray-200);}
/*-----#slim trigger-----*/
.section--btn-auto:hover .duna-btn-slim .duna-btn__icon{right:0;width:155px}
.section--btn-auto:hover .duna-btn-slim .duna-btn__text{transition:.2s;transition-delay:.3s}
.section--btn-auto:hover .light-btn.duna-btn-slim .duna-btn__text{color:var(--duna-gray-700);}

.section--btn-self .duna-btn-slim:hover .duna-btn__icon{right:0;width:155px}
.section--btn-self .duna-btn-slim:hover .duna-btn__text{transition:.2s;transition-delay:.3s}
.section--btn-self .light-btn.duna-btn-slim:hover .duna-btn__text{color:var(--duna-gray-700);}

/* =========================================================
MOBILE : Button animation — always completed state
hover 트리거 없이 애니메이션 완료 상태 유지
========================================================= */

@media (max-width:991.98px) {
	/*-----circle trigger-----*/
	.section--btn-auto .duna-btn-round::before,.section--btn-self .duna-btn-round::before{width:100%}

	.section--btn-auto .color-btn.duna-btn-round::before{background-color: var(--duna-point1);}
	.section--btn-auto .color-btn.duna-btn-round .duna-btn__text{color:var(--duna-gray-100)}
	.section--btn-auto .color-btn.duna-btn-round .duna-btn__icon{color:var(--duna-gray-200)}
	.section--btn-auto .light-btn.duna-btn-round .duna-btn__text{color:var(--duna-gray-700)}

	.section--btn-self .color-btn.duna-btn-round span{color:var(--duna-gray-100)}
	.section--btn-self .light-btn.duna-btn-round span{color:var(--duna-gray-700)}

	/*-----slim trigger-----*/
	.section--btn-auto .duna-btn-slim .duna-btn__icon,
	.section--btn-self .duna-btn-slim .duna-btn__icon{right:0;width:155px}
	.section--btn-auto .duna-btn-slim .duna-btn__text,
	.section--btn-self .duna-btn-slim .duna-btn__text{transition:.2s;transition-delay:.3s}
	.section--btn-auto .light-btn.duna-btn-slim .duna-btn__text,
	.section--btn-self .light-btn.duna-btn-slim .duna-btn__text{color:var(--duna-gray-700)}

	/*-----about section-----*/
	#section-about .duna-btn-round::before{width:100%}
	#section-about .color-btn.duna-btn-round .duna-btn__text{color:var(--duna-gray-100)}
	#section-about .light-btn.duna-btn-round .duna-btn__text{color:var(--duna-gray-700)}
}

/* #endregion */

/* =========================================================
HEADER
========================================================= */
/* #region */

#duna-container .duna-header{width:100%;z-index:101;background-color:rgb(255 255 255 / 50%);box-shadow:0 0 3rem #00000033}
#duna-container .duna-header.is-scrolled{background-color:rgb(237 237 237 / 90%);}
#duna-container .duna-header--fixed{position:fixed;left:0;top:0;-webkit-transition:all .3s;transition:all .3s;}
#duna-container .duna-header .duna-header__inner{width:100%;}
#duna-container .duna-header .navbar.bsnav{width:100%;background:none;padding: .5rem 1rem;}
#duna-container .duna-header .duna-header__brand{transition:.3s;cursor:pointer;width:9rem;margin-left:0;margin-right:0}
#duna-container .duna-header.is-scrolled .duna-header__brand{width:6rem}
#duna-container .duna-header .duna-header__logo-item{cursor:pointer;background-position:center;background-size:contain;background-repeat:no-repeat;padding-top:45%}
#duna-container .duna-header .duna-header__toggle{width:auto;height:auto;box-shadow:none}
#duna-container .duna-header .duna-header__toggle .material-symbols-outlined{color:var(--duna-point1);font-size:4rem;font-variation-settings:wght 600}
#duna-container .duna-header .duna-header__collapse .navbar-nav.val1 .nav-item .nav-link{font-size:1.3rem;font-weight:500;text-transform:uppercase;-webkit-transition:all .3s;transition:all .3s;padding:1rem}
#duna-container .duna-header.is-scrolled .duna-header__collapse .navbar-nav.val1 .nav-item .duna-header__link--depth1{padding:.5rem 1rem}
#duna-container .duna-header .duna-header__collapse .navbar-nav.val1 > .nav-item:last-child .duna-header__link--depth1{padding:1rem 0 1rem 1rem;}
#duna-container .duna-header.is-scrolled .duna-header__collapse .navbar-nav.val1 > .nav-item:last-child .nav-link{padding:.5rem 0 .5rem 1rem}
#duna-container .duna-header .duna-header__collapse .navbar-nav.val2 .nav-item .nav-link{font-size:.9rem;font-weight:600;text-transform:capitalize;padding:0 1rem}
#duna-container .duna-header .nav-item.dropdown > .navbar-nav{padding:10px 0}
#duna-container .duna-header .nav-item.dropdown > .navbar-nav .nav-item .nav-link{padding:0 20px;line-height:40px}
#duna-container .duna-header .navbar-nav .nav-item:hover .nav-link{color:initial}
#duna-container .duna-header--toggle-only .duna-header__brand{margin:.5rem auto;}
#duna-container .duna-header--toggle-only .navbar-expand-lg .duna-header__toggle{display:block;position:absolute;right: 1rem;}
#duna-container .duna-header--toggle-only .navbar-expand-lg .duna-header__collapse{display:none!important}

#duna-container .bsnav-mobile{z-index:102}
#duna-container .bsnav-mobile .bsnav-mobile-overlay{background-color:rgba(0,0,0,0.3)}
#duna-container .bsnav-mobile > .navbar{padding-top:2rem;width:18rem;background:#ffffffcc}
#duna-container .bsnav-mobile .navbar-nav .nav-item .nav-link{display:flex;align-items:center}
#duna-container .bsnav-mobile .navbar-nav .nav-item .nav-link:hover{color:var(--duna-point1)}
#duna-container .bsnav-mobile .navbar .navbar-nav.val1{padding:1rem 0}
#duna-container .bsnav-mobile .navbar-nav.val1 .nav-item .nav-link{padding:0 2rem;line-height:4rem;font-size:1.4rem;font-weight:500;border-top:1px solid var(--duna-gray-500);text-transform:uppercase}
#duna-container .bsnav-mobile .navbar-nav.val1 .nav-item:nth-child(1) .nav-link{border-top:0}
#duna-container .bsnav-mobile .navbar-nav .nav-item.in .nav-link i{transform:rotate(180deg)}
#duna-container .bsnav-mobile .navbar-nav .nav-item .nav-link i{margin-left:.3rem;transition:.5s}
#duna-container .bsnav-mobile .navbar-nav .nav-item .navbar-nav.val2{padding:1rem .5rem;margin-left:0;margin-right:0;background:#2979be}
#duna-container .bsnav-mobile .navbar-nav.val2 .nav-item .nav-link{color:var(--duna-gray-300);font-size:1.1rem;font-weight:500;line-height:3rem;text-transform:capitalize;padding:0;margin:0 2rem;border-top:1px dotted var(--duna-gray-300)}
#duna-container .bsnav-mobile .navbar-nav.val2 .nav-item:hover .nav-link{color:var(--duna-gray-100)}
#duna-container .bsnav-mobile .navbar-nav.val2 .nav-item:nth-child(1) .nav-link{border-top:0}

@media (max-width:1399.98px) {
#duna-container .duna-header .duna-header__collapse > .navbar-nav > .nav-item > .nav-link{padding:0 .8rem}
}

@media (max-width:1199.98px) {
#duna-container .duna-header .duna-header__collapse .navbar-nav.val1 .nav-item .nav-link{padding:.5rem}
#duna-container .duna-header .duna-header__collapse .navbar-nav.val1 > .nav-item:last-child .nav-link{padding:.5rem 0 .5rem .5rem}
}

@media (max-width:991.98px) {
#duna-container .duna-header{background-color:rgb(237 237 237 / 90%) !important;}
#duna-container .duna-header .duna-header__brand{width:6rem!important}
#duna-container .duna-header .navbar-nav .nav-item{color:var(--duna-gray-800)!important}
#duna-container .duna-header--toggle-only .navbar-expand-lg{justify-content:space-between}
#duna-container .duna-header .duna-header__toggle .material-symbols-outlined{font-size:3rem}
}
/* #endregion */

/* =========================================================
SECTION DEFAULT
========================================================= */
/* #region */

#contents-box, .section--elevated {display: flex; flex-direction: column;}
#contents-box {position: relative; max-width: 2560px; margin: 0 auto;}
:where(.section) {position:relative; margin-top:10vh; margin-bottom: 10vh;}
:where(.image--background) {background-position:center;background-size:cover;background-repeat:no-repeat;padding-top:100%;}
.link-point {position:absolute}
.modal .modal-body {padding:0.3rem}
.container {position:relative; z-index:2}
.section--elevated{border-radius: 2rem;box-shadow:0 2rem 4rem #0006;z-index: 3;margin: 5vh auto;max-width: 1400px;padding: 3vh 2vw;background-color: #fff;}

@media (min-width:1400px) {
	.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {max-width: 1400px;}

}

@media (max-width:991.98px) {
	:where(.section) {margin:5vh 0; }
	.br-pc{display:none;} 
	.br-mobile{display:block;}
}

#section-circle .section-bg::before,
#section-banner .section-bg::before,
#section-video::before,
#section-business .business__bg-image::before,
#section-mission .img-box::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2}

#section-video::before,
#section-business .business__bg-image::before,
#section-mission .img-box::before {
    background-color: #100f1fb3;
}

#section-circle .section-bg::before {
    background-color: rgba(16, 15, 31, var(--circle-bg-overlay-opacity));
}

#section-banner .section-bg::before {
    background-color: rgba(16, 15, 31, var(--banner-bg-overlay-opacity));
}

#commonModal .modal-dialog{width:min(100% - 2rem,1200px);max-width:1200px;margin:1rem auto}
#commonModal .modal-content {background-color:initial;border: 0;}
#commonModal .modal-dialog-scrollable .modal-content{position:relative;border:0;background-color:initial;border-radius:initial;overflow: initial;}
#commonModal .btn-close{position:absolute;top:-1.5rem;right:-1.5rem;background-color:var(--duna-white);border-radius:50%;padding:1rem;z-index:2;opacity:1;box-shadow:2px 3px 5px rgb(0 0 0 / 50%)}
#commonModal .modal-body{position:relative;padding:0;border-radius:1.5rem 0 1.5rem 1.5rem;overflow:hidden;background-color: var(--duna-white);}
#commonModal .common-modal__iframe-wrap{position:relative;width:100%;height:min(80vh,100rem);}
#commonModal .common-modal__iframe{display:block;width:100%;height:100%;border:0;}

:where(.section__title) {
	color:var(--duna-point1);
	font-family:'Titillium Web','Noto Sans KR',sans-serif;
	font-size:var(--duna-section-title-size);
	font-weight:600;
	text-transform:uppercase;}
:where(.section__subtitle) {
	font-size: var(--duna-section-subtitle-size);
	line-height:var(--duna-section-subtitle-line);}
:where(.section__desc) {margin-top:.5rem}
:where(.section__item-title) {
	font-size: var(--duna-text-item-title);
	line-height: var(--duna-item-title-line);
	font-weight: 500;}


@media (max-width: 991.98px) {
	#commonModal .modal-body{border-radius:1.5rem;}
    #commonModal .btn-close{top: unset;bottom: -5rem;left: 50%;transform: translateX(-50%);}
}

/* #endregion */

/* =========================================================
SECTION : HERO
========================================================= */
/* #region */

#section-hero {
    position: relative;
    background-position: center;
    background-size: cover;
    margin-top: 0;
}

#section-hero .hero__header-wrap {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    z-index: 3;
    padding: 0 10rem;
}

#section-hero .hero__row {
    height: 100%;
}

#section-hero .hero__header {
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--duna-gray-200);
}

#section-hero .hero__title {
    color: var(--duna-gray-200);
}

#section-hero .hero__subtitle {
    font-size: clamp(2.83rem, calc(2.4rem + 0.85vw), 4.25rem);
}

#section-hero .hero__carousel,
#section-hero .hero__carousel-inner,
#section-hero .hero__item {
    height: 100%;
}

#section-hero .hero__media,
#section-hero .hero__media-link {
    display: block;
    max-width: 100%;
    height: 100%;
}

#section-hero .hero__image {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transform: scale(1);
    will-change: transform;
}

#section-hero:not(.hero--scroll-effect) .carousel-item.active .hero__image {
    animation: heroZoom var(--hero-zoom-duration, 7s) var(--hero-zoom-timing, ease-out) both;
}

#section-hero .hero__indicators {
    bottom: 9vh;
}

#section-hero .hero__indicators [data-bs-target] {
    background-color: var(--duna-point1);
}

#section-hero .hero__control {
    z-index: 3;
}

#section-hero .carousel-control-prev-icon,
#section-hero .carousel-control-next-icon {
    width: 4rem;
    height: 4rem;
}

#section-hero .carousel-indicators [data-bs-target] {
    border-radius: 10px;
    border-top: 0 solid;
    border-bottom: 0 solid;
    opacity: .5;
    width: 1rem;
    height: 10px;
    transition: .6s ease;
    background-color: var(--duna-gray-200);
}

#section-hero .carousel-indicators .active {
    opacity: 1;
    width: 3rem;
}

@keyframes heroZoom {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(var(--hero-zoom-scale, 1.08));
    }
}

@media (max-width: 991.98px) {
    #section-hero .hero__header-wrap {
        padding: 0;
    }

	#section-hero .hero__control {
		display: none;
	}
}

/* #endregion */

/* =========================================================
SECTION : HERO SCROLL EFFECT
========================================================= */
/* #region */

#section-hero.hero--scroll-effect {
    --hero-frame-inset-x: 0px;
    --hero-frame-inset-y: 0px;
    --hero-frame-inset-bottom: 0px;
    --hero-frame-radius: 0px;

    --hero-overlay-opacity: 0.70;

    --hero-title-opacity: 1;
    --hero-subtitle-opacity: 1;
    --hero-desc-opacity: 0;
    --hero-btn-opacity: 1;

    --hero-scroll-progress: 0;
    --hero-media-scale: 1;
    --hero-media-translate-y: 0px;
    --hero-text-split: 0px;
    --hero-header-offset-y: 0px;

    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
}

#section-hero.hero--scroll-effect .hero__media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,var(--hero-overlay-opacity));
    pointer-events: none;
    z-index: 1;
}

#section-hero.hero--scroll-effect .hero__sticky {
    position: relative;
    height: 100%;
    overflow: hidden;
}

#section-hero.hero--scroll-effect .hero__header-wrap {
    position: absolute;
    inset: 0;
    z-index: 4;
}


#section-hero.hero--scroll-effect .hero__row {
    min-height: 100vh;
    align-items: center;
}

#section-hero.hero--scroll-effect .hero__carousel,
#section-hero.hero--scroll-effect .hero__carousel-inner,
#section-hero.hero--scroll-effect .carousel-item,
#section-hero.hero--scroll-effect .hero__item,
#section-hero.hero--scroll-effect .hero__media-link {
    height: 100%;
}

#section-hero.hero--scroll-effect .hero__carousel {
    position: absolute;
    inset: 0;
    z-index: 1;
}

#section-hero.hero--scroll-effect .hero__media-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

#section-hero.hero--scroll-effect .hero__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 2;
    will-change: clip-path;
}

/* frame 모드: 상하 대칭 inset, 0 → max */
#section-hero.hero--scroll-effect:not(.hero--reveal-mode) .hero__media {
    clip-path: inset(
        var(--hero-frame-inset-y)
        var(--hero-frame-inset-x)
        var(--hero-frame-inset-y)
        var(--hero-frame-inset-x)
        round var(--hero-frame-radius)
    );
    transition: clip-path 0.12s linear;
}

#section-hero.hero--frame-mode .hero__header-body {
    max-width: 42rem;
    margin: 0 auto;
}

#section-hero.hero--frame-mode .hero-scroll-subtitle,
#section-hero.hero--frame-mode .hero-scroll-desc {
    grid-area: 1 / 1;
}

#section-hero.hero--frame-mode .hero-scroll-title{
	opacity: var(--hero-title-opacity);
}

#section-hero.hero--frame-mode .hero-scroll-subtitle {
	opacity: var(--hero-subtitle-opacity);
}

#section-hero.hero--frame-mode .hero-scroll-desc {
	opacity: var(--hero-desc-opacity);
	font-size: var(--duna-item-title-size);
	line-height: var(--duna-item-title-line);
	word-break: break-all;
}

#section-hero.hero--frame-mode .hero-scroll-btn-wrap {
    opacity: var(--hero-btn-opacity);
}



#section-hero.hero--scroll-effect .hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding-top: 0 !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: none;
    transform: translate3d(0, var(--hero-media-translate-y, 0px), 0) scale(var(--hero-media-scale, 1));
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

#section-hero.hero--scroll-effect .carousel-item .hero__image {
    animation: none;
}

/* 캐러셀 줌: reveal 모드에서는 스크롤 줌이 대신하므로 비활성 */
#section-hero.hero--scroll-effect[data-hero-zoom-enabled="true"]:not(.hero--reveal-mode) .carousel-item.active .hero__image {
    animation: heroZoom var(--hero-zoom-duration, 7s) var(--hero-zoom-timing, ease-out) both;
    animation-play-state: running;
}

/* 히어로 스크롤이 끝나면 현재 확대 상태에서 정지 */
#section-hero.hero--scroll-effect.is-zoom-frozen:not(.hero--reveal-mode) .carousel-item.active .hero__image {
    animation-play-state: paused;
}

#section-hero.hero--scroll-effect .hero__header {
    position: relative;
    z-index: 2;
}

#section-hero.hero--frame-mode .hero__header-body {
    position: relative;
    display: grid;
    place-items: center;
}

#section-hero.hero--scroll-effect .hero-scroll-title,
#section-hero.hero--scroll-effect .hero-scroll-subtitle,
#section-hero.hero--scroll-effect .hero-scroll-desc,
#section-hero.hero--scroll-effect .hero-scroll-btn-wrap {
    transition: opacity 0.16s linear;
    will-change: opacity;
}

#section-hero.hero--scroll-effect.is-scroll-locked .hero__control,
#section-hero.hero--scroll-effect.is-scroll-locked .hero__indicators {
    pointer-events: none;
    opacity: 0;
}

#section-hero.hero--scroll-effect .hero__control,
#section-hero.hero--scroll-effect .hero__indicators {
    transition: opacity 0.2s ease;
    z-index: 5;
}

@media (max-width: 991.98px) {
    #section-hero.hero--scroll-effect {
        min-height: 100vh;
        height: 100vh;
    }

    #section-hero.hero--scroll-effect .hero__header-wrap {
        padding: 0 2rem;
    }

    #section-hero.hero--scroll-effect .hero__row {
        min-height: 100vh;
    }

}

/* #endregion */

/* =========================================================
SECTION : VIDEO
========================================================= */
/* #region */

#section-video{position:relative;background-size:cover;background-position:center;--section-video-height:72vh;height:var(--section-video-height);min-height:420px;overflow:hidden;margin-top: 0;}
#section-video .video__row{align-items: center;}
#section-video .header-wrap{position:absolute;inset:0;display:flex;align-items:center;width:100%;height:100%;padding:0 4vw;z-index:3}
#section-video .header-wrap .container,
#section-video .header-wrap .row{width:100%;height:100%}
#section-video .video__header{position:relative;display:flex;align-items:center;height:100%; color: var(--duna-gray-200);}
#section-video .video__header-body{width:100%}
#section-video .video__title {color: var(--duna-gray-200);}
#section-video .video-wrap,
#section-video .video-background{position:absolute;inset:0}
#section-video .video-wrap.immobile{overflow:hidden;z-index:1;text-align:initial}
#section-video .video-wrap.immobile .video-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#section-video .video-background{background:#000;z-index:0}
#section-video .video-foreground,
#section-video .video-background iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}

@media (min-aspect-ratio:16/9){
	#section-video .video-foreground{height:300%;top:-100%}
}
@media (max-aspect-ratio:16/9){
	#section-video .video-foreground{width:300%;left:-100%}
}

#section-video #volumeToggle{position:absolute;bottom:20px;right:20px;background:#0006;border:none;border-radius:50%;width:44px;height:44px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:4;color:#fff}

@media (max-width:991.98px){
	#section-video{--section-video-height:56vh;min-height:360px}
	#section-video .video-background{display:none}
	#section-video .header-wrap{position:initial;height:100%}
    #volumeToggle {display:none; }
}


@media (max-width:575.98px){
	#section-video{--section-video-height:48vh;min-height:300px}
}

/* #endregion */

/* =========================================================
SECTION : ICON
========================================================= */
/* #region */

#section-icon [class*='col-']{position:relative}
#section-icon .container > .row,#section-icon .icon__row{align-items:flex-start}
.icon__item{position:relative}
.icon__card{position:relative;display:flex;align-items:flex-start;width:100%}
#section-icon.icon .icon__card{gap:1rem}
.icon__symbol{flex:0 0 auto;line-height:1;position:relative;z-index:2}
.icon__symbol .material-symbols-outlined{padding-right:1rem;font-size:4rem;color:var(--duna-point1)}
.icon__text{position:relative;z-index:2;flex:1 1 auto;min-width:0}
.icon__eyebrow{margin-bottom:.5rem}
.icon__item-title{font-size:calc(1.275rem + 0.3vw)}
#section-icon.icon .icon__card{display:flex}
#section-icon.card{border:0}
#section-icon.card [class*='col-']::after{width:0}
#section-icon.card .icon__item{position:relative}
#section-icon.card .icon__card{position:relative;display:flex;justify-content:center;align-items:stretch;overflow:hidden;min-height:20rem;padding:4rem 1rem 0;border-radius:1rem;background-color:#000;color:var(--duna-gray-200);box-shadow:0 1rem 2rem #0000004d;transition:background-color .5s cubic-bezier(0.47,0.46,0,0.98),color .5s cubic-bezier(0.47,0.46,0,0.98),transform .5s cubic-bezier(0.47,0.46,0,0.98)}
#section-icon.card .icon__content{position:absolute;bottom:-4rem;width:90%;z-index:2;transition:bottom .5s cubic-bezier(0.47,0.46,0,0.98)}
#section-icon.card .icon__item:hover .icon__content{bottom:1rem}
#section-icon.card .icon__symbol .material-symbols-outlined{color:var(--duna-gray-200)}
#section-icon.card .icon__text{min-height:8rem}
#section-icon.card .icon__line{width:0;height:1px;margin:0;background-color:var(--duna-gray-200);transition:width .4s cubic-bezier(0.47,0.46,0,0.98),margin .4s cubic-bezier(0.47,0.46,0,0.98)}
#section-icon.card .icon__item:hover .icon__line{width:100%;margin:1rem 0}
#section-icon.card .icon__item-desc{opacity:0;transition:opacity .5s cubic-bezier(0.47,0.46,0,0.98)}
#section-icon.card .icon__item:hover .icon__item-desc{opacity:1}
.card .icon__bg{position:absolute; inset:0;z-index:1;opacity:.7;transition:opacity .5s cubic-bezier(0.47,0.46,0,0.98)}
#section-icon.card .icon__item:hover .icon__bg{opacity:.4}
.icon .icon__bg {display: none;}
#section-icon .icon-svg{display:block;width:5rem;height:5rem;color:var(--duna-point1)}
#section-icon .stroke{fill:none;stroke:currentColor;stroke-width:1.5;stroke-miterlimit:10;stroke-linecap:square;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
#section-icon.on .stroke{opacity:1;animation:draw 3s ease forwards}
#section-icon.on .s1{animation-delay:0}
#section-icon.on .s2{animation-delay:.18s}
#section-icon.on .s3{animation-delay:.36s}
#section-icon.on .s4{animation-delay:.54s}
.icon__header--bottom .section__subtitle.icon__subtitle {font-size: 1.5rem;}

@keyframes draw {to{stroke-dashoffset:0}}
@media (max-width: 991.98px) {
#section-icon.icon .icon__item{margin-bottom:3rem}
#section-icon.icon .icon__item:last-child{margin-bottom:0}
#section-icon.card .icon__card{min-height:18rem;padding:3rem 1rem 0}
#section-icon.card .icon__content{position:relative;bottom:auto;width:100%}
#section-icon.card .icon__item-desc{opacity:1}
#section-icon.card .icon__line{width:100%;margin:1rem 0}
}

/* #endregion */

/* =========================================================
SECTION : INTRO
========================================================= */
/* #region */

#section-intro .intro__row{align-items:center}
#section-intro .intro__header{display:flex}
#section-intro .flex-lg-row-reverse .intro__header{justify-content:flex-end}
#section-intro .intro__header{justify-content:flex-start}
#section-intro .container-fluid .flex-lg-row-reverse .intro__header-inner{padding-right:10vw}

#section-intro .container-fluid .intro__header-inner{max-width: 700px;padding-left:2vw;}
#section-intro .container-fluid .intro__widget {max-width: 45vw; padding-left: 2.5vw;}

#section-intro .intro__image-wrap{position:relative;overflow:hidden}
#section-intro .intro__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10rem;height:10rem;border:none;color:var(--duna-gray-100);background-color:transparent;opacity:.5;transition:background .2s ease,transform .2s ease;z-index:2}
#section-intro .intro__play-btn:hover{transform:translate(-50%,-50%) scale(1.1);opacity:1}
#section-intro .intro__play-btn .material-symbols-outlined{font-size:6rem;font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48}

@media (max-width:991.98px){
#section-intro .intro__header-wrap{margin-top:2rem}
#section-intro .intro__header{display:block;}
#section-intro .container-fluid .intro__header-inner{max-width:100%}
#section-intro .container-fluid .flex-lg-row-reverse .intro__header-inner{padding-right:0}
#section-intro .container-fluid .intro__header-inner{padding-left:0}
} 

/* #endregion */

/* =========================================================
SECTION : ABOUT
========================================================= */
/* #region */

#section-about .container-fluid {padding: 0;}
#section-about .container-fluid .about__content.order-lg-1{justify-content: flex-end;}
#section-about .container-fluid .about__content.order-lg-2{justify-content: flex-start;}
#section-about .container-fluid .about__content-inner{max-width: 700px;}
#section-about .container-fluid .about__content.order-lg-1 .about__content-inner{padding-right: 10vh;}
#section-about .container-fluid .about__content.order-lg-2 .about__content-inner{padding-left: 10vh;}

#section-about .about__section-btn{margin-top:1.5rem}
#section-about .about__block-row{row-gap:2rem}
#section-about .about__media{position:relative}
#section-about .about__image{position:relative;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
#section-about .about__content{position:relative;display:flex;align-items:center;justify-content:center;height:100%}
#section-about .about__content-inner{width:100%}
#section-about .about__number{color:var(--duna-point1);font-family:'Titillium Web','Noto Sans KR',sans-serif;font-size:calc(1.5rem + 0.7vw);font-weight:600;position:relative;display:inline-block;padding-bottom:.5rem;margin-bottom:1rem}
#section-about .about__number::before{content:'';position:absolute;left:0;bottom:0;width:6rem;border-top:3px solid var(--duna-point1)}
#section-about .about__title{margin-bottom:1rem}
#section-about .about__subtitle{margin-bottom:1rem}
#section-about .about__desc{position:relative;display:flex;font-size:inherit}
#section-about .about__desc-line{width:2rem;flex:0 0 2rem;height:auto;background-color:var(--duna-point1);margin-right:1rem}
#section-about.section:hover .about__block .duna-btn-round::before{width:3rem; background-color:var(--duna-gray-200)}
#section-about.section:hover .about__block .duna-btn-round .duna-btn__text{color:inherit}
#section-about.section:hover .about__block .duna-btn-round .duna-btn__icon{color:inherit}
#section-about.section .about__block:hover .duna-btn-round::before{width:100%; background-color:var(--duna-point1);}
#section-about.section .about__block:hover .duna-btn-round .duna-btn__text{color:var(--duna-gray-100)}
#section-about.section .about__block:hover .duna-btn-round .duna-btn__icon{color:var(--duna-gray-100)}

@media (max-width:991.98px) {
	#section-about .about__header{margin-bottom:3rem}
	#section-about .about__block + .about__block{margin-top:4rem;padding-top:4rem}
	#section-about .about__desc-line{width:.375rem;flex:0 0 .375rem}
	#section-about .container-fluid {padding-right: var(--bs-gutter-x, 0.75rem);padding-left: var(--bs-gutter-x, 0.75rem);}
	#section-about .container-fluid .about__content.order-lg-1{justify-content: center;}
	#section-about .container-fluid .about__content.order-lg-2{justify-content: center}
	#section-about .container-fluid .about__content-inner{max-width: initial;}
	#section-about .container-fluid .about__content.order-lg-1 .about__content-inner{padding-left: 0; padding-right: 0;}
	#section-about .container-fluid .about__content.order-lg-2 .about__content-inner{padding-left: 0; padding-right: 0;}
	#section-about.section:hover .about__block .duna-btn-round::before{width:100%; background-color:var(--duna-point1);}
	#section-about.section:hover .about__block .duna-btn-round .duna-btn__text{color:var(--duna-gray-100)}
	#section-about.section:hover .about__block .duna-btn-round .duna-btn__icon{color:var(--duna-gray-100)}

}

/* #endregion */

/* =========================================================
SECTION : BUSINESS
========================================================= */
/* #region */

#section-business{position:relative; overflow: hidden;}
#section-business .business__desktop .business__header{text-align:center;position: absolute;top: 10vh;width: 100%;}
#section-business .business__mobile .business__header {text-align: center;margin-bottom: 2rem;}
#section-business .business__subtitle{position:relative;z-index:2}
#section-business .business__desktop{position:relative;width:100%;color:var(--duna-white);background-color: var(--duna-black);height: 70vh;}
#section-business .container{position:relative;display:flex;justify-content: space-between;overflow:hidden;}
#section-business .business__item{position:relative;display:flex;flex-direction: column;align-items:center;justify-content:space-between;max-width:25rem;width:100%;z-index:2;transition:.5s;}
#section-business .business__item.is-active{max-width:30rem;}
#section-business .business__item-inner{display:flex;flex-direction: column;width:100%;}
#section-business .business__line{transform: translateX(50%);border-left:1px dotted var(--duna-gray-200);opacity: .3;transition: 1s;flex-shrink:0;transform: translateX(10vw);}
#section-business .business__item.is-active .business__line{border-left:3px dotted var(--duna-gray-200);opacity:1;/* transition-delay: 0s; */}
#section-business .business__line--top{height: 35vh;}
#section-business .business__item.is-active .business__line--top {height: 30vh;}
#section-business .business__line--bottom{height: 30vh;}
#section-business .business__content{max-width:20rem;opacity: .5;transition: 0.5s;transform: translateX(9.5vw);display: flex;flex-direction: column;justify-content: center;margin: 1rem 0;}
#section-business .business__item.is-active .business__content{opacity:1;margin: 1rem 0;padding-top: 2vh;padding-bottom: 2vh;transform: translateX(9vw);}
#section-business .business__number{font-family:'Montserrat',sans-serif}
#section-business .business__icon-image img{width:3rem;display:block}
#section-business .business__icon{transition:.7s}
#section-business .business__icon .material-symbols-outlined{font-size:3rem;transition:.7s;line-height: 1em;}
#section-business .business__item.is-active .business__icon .material-symbols-outlined{font-size:4rem;padding-bottom:1rem;}
#section-business .business__item-title{font-size:1.8rem;margin-bottom:.5rem}
#section-business .business__item-desc{opacity:0;transform: translateY(-2rem);transition: .5s cubic-bezier(0.25, 0.1, 0, 1);transition-delay: 0s;height: 0;}
#section-business .is-active .business__item-desc{height: 125px;}
#section-business .business__item.is-active .business__item-desc{opacity:1;transform: translateY(0);transition-delay: .3s;}
#section-business .business__item.is-active .duna-btn-slim .duna-btn__icon{right:0;width:155px}
#section-business .business__item.is-active .light-btn.duna-btn-slim .duna-btn__text{transition:color .2s .7s;color:var(--duna-gray-700)}
#section-business .business__bg{position:absolute;inset:0;z-index:1}
#section-business .business__bg-image{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;background-size:cover;background-position:center;background-repeat:no-repeat}
#section-business .business__bg-image::before{content:'';display:block;position:absolute;inset:0;z-index:1;}
#section-business .business__bg-image.is-active{opacity:1;transition:.8s}
#section-business .business__mobile{display:none}
#section-business .business__mobile-item{position:relative}
#section-business .business__mobile-bg{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}
#section-business .business__mobile-bg::before{content:'';position:absolute;inset:0;background-color:#000;opacity:.5}
#section-business .business__mobile-content{position:relative;z-index:2;color:var(--duna-gray-200);padding:5rem 2rem;margin-top:0}
#section-business .business__mobile-content .business__icon .material-symbols-outlined{font-size:3rem}
#section-business .business__mobile-content .business__item-desc{font-size:1rem;opacity:1;height: initial;}
#section-business .business__mobile-content .business__item-title{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:0}
#section-business .business__mobile-content .business__icon-image img{width:3rem;display:block}
#section-business .business__mobile-content .duna-btn {height: 36px;}
#section-business .business__item .duna-btn{height: 36px;}

@media (max-width:1399.98px) {
    #section-business .business__content {max-width: 14rem;}
}

@media (min-width:992px) {
	#section-business.section--btn-auto:hover .duna-btn-slim .duna-btn__icon{right:0;width:36px;}
	#section-business.section--btn-auto:hover .light-btn.duna-btn-slim .duna-btn__text{color:transparent;}
	#section-business.section--btn-auto .business__content .duna-btn-slim .duna-btn__icon{transition-delay: .6s;}
	#section-business.section--btn-auto .business__content:hover .duna-btn-slim .duna-btn__icon{right:0;width:155px}
	#section-business.section--btn-auto .business__content:hover .light-btn.duna-btn-slim .duna-btn__text{transition-delay: .7s;}
	#section-business.section--btn-auto .business__content:hover .light-btn.duna-btn-slim .duna-btn__text{color:var(--duna-gray-700);}
    #section-business .business__mobile{display:none}
}

@media (max-width: 991.98px) {
	#section-business .business__desktop{display:none}
	#section-business .business__mobile{display:block}
	#section-business .business__item-desc {transform: translateY(0);}
}

/* #endregion */

/* =========================================================
SECTION : SERVICE
========================================================= */
/* #region */

#section-service .loadMore-btn{display:flex;justify-content:center}
#section-service .loadMore--hide{display:none}
.service__header--inside .service__subtitle {line-height: 1.3em;}
.overlay .service__grid{margin-bottom:2rem}
.service__grid{opacity:1;transform:translateY(0)}
#section-service .service__grid--item{opacity:0;transform:translateY(20px);transition:opacity .4s ease, transform .4s ease;}
#section-service .service__grid--item.is-visible{opacity:1;transform:none;}
.service__header--inside{display:flex;flex-direction: column;justify-content:center;height:100%}
.service__header-mobile{margin-bottom:2rem}
.service__header-mobile .service__header--inside{padding:0}
.service__card{position:relative;}
.service__card.overlay{margin-bottom:2rem;overflow:hidden}
.bottom .service__content{margin:.5rem 0 2rem}
.overlay .service__content{position:absolute;bottom:-8rem;width:100%;padding:1rem;color:var(--duna-gray-200);background-color:#00000080;transition:.5s cubic-bezier(0,0,0,1)}
.service__item:hover .overlay .service__content{bottom:0}
.service__media{overflow:hidden;position:relative}
.service__image{transition:transform .6s ease}
.service__static .service__media:hover .service__image{transform:scale(1.08)}
.service__media .l-center{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;bottom:-60%;transition:.5s cubic-bezier(0,0,0,1.15)}
.service__icon{position:absolute;opacity:0;transition:.5s}
.service__icon .material-symbols-outlined{font-size:5rem;color:var(--duna-white)}
.service__item:hover .l-center{bottom:0}
.service__item:hover .service__icon{opacity:.7}

@media (min-width:992px){
	.service__header-mobile {display:none;}
	.service__header--inside {display: block;}
}

/* #endregion */

/* =========================================================
SECTION : COUNT
========================================================= */
/* #region */

.count__contents{text-align:center}
.count__value{display:flex;align-items:center;justify-content:center}
.count__sign,#section-count .count__unit{font-weight:400;font-size: 2rem;}
.count__number{font-family:'Montserrat',sans-serif;font-size: 5rem;}

@media (max-width:992px){
	.count__row {row-gap: 2rem;}
	.count__grid + .count__grid {
		padding-top: 2rem;
		margin-top: 2rem;
		border-top: 1px dotted var(--duna-gray-400);
	}
}

/* #endregion */

/* =========================================================
SECTION : CIRCLE
========================================================= */
/* #region */

#section-circle{position:relative; overflow:hidden;}
#section-circle.section--has-bg{padding:10vh 0;}
#section-circle.bg-static,
#section-circle.bg-zoom-in,
#section-circle.bg-zoom-out,
#section-circle.bg-frame-zoom{
    padding:10vh 0;
}

#section-circle .circle__header{display:flex;align-items:center;height:100%}
#section-circle .circle__header-body{padding:0 2rem 0 0}
#section-circle .circle__contents{margin-top:0;text-align:center}
#section-circle .circle__items{display:flex}
#section-circle .circle__item{list-style:none;position:relative;display:flex;justify-content:center;align-items:center;line-height:2rem;color:inherit;border-radius:50%;transition:.5s;z-index:2}
#section-circle .circle__item::before{content:"";display:block;padding-top:100%}
#section-circle .circle__item:hover .circle__shape--circle{transform:rotate(360deg);transition:20s}
#section-circle .circle__item--2{z-index:1;margin-left:-2rem;margin-right:-2rem}
#section-circle .circle__shape--circle{position:absolute;top:0;left:0;width:100%;height:100%;border:4px dotted;border-radius:50%}
#section-circle .circle__shape--square{position:absolute;top:0;left:0;width:100%;height:100%;border:1px dotted}
#section-circle .circle__item-content{padding:0 10%}
.circle__item-desc{margin-top:.5rem;}
#section-circle .circle__bottom-button{display:flex;justify-content:center;margin-top:5rem}
#section-circle.column2 .circle__header{text-align:right}
#section-circle.column2 .circle__contents{margin-top:0}
#section-circle.column2 .circle__item{width:50%;margin-top:0}
#section-circle.column2 .circle__item--3{display:none}
#section-circle.column3 .circle__item{width:40%;margin-top:4rem}
#section-circle.column3 .circle__header{text-align:left}
#section-circle.column3 .circle__contents{margin-top:0}

#section-circle.section--has-bg{color:var(--duna-gray-100)}
#section-circle.section--has-bg .circle__title{color:var(--duna-gray-100)}
#section-circle.section--has-bg .circle__item:hover{background-color:#00000099}
#section-circle.section--has-bg .circle__item--2{background-color:#00000060}
#section-circle:not(.section--has-bg) .circle__items{color:var(--duna-point1)}

#section-circle .section-bg-wrap{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:1;
    will-change:clip-path;
    transition:clip-path .12s linear;
}

#section-circle .section-bg{
    position:absolute;
    top:-15%;
    left:0;
    width:100%;
    height:130%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:var(--section-bg-size, cover);
    will-change:transform;
    transform:translate3d(0,0,0) scale(1);
    transform-origin:center center;
    pointer-events:none;
    transition:transform .15s linear;
}

@media (max-width:1399.98px) {
    #section-circle.column2 .circle__header{text-align:left}
    #section-circle .circle__items{display:block}
    #section-circle .circle__item{border-radius:0;transition:0;margin-top:4rem}
    #section-circle.column2 .circle__item{width:100%;margin-top:4rem}
    #section-circle.column3 .circle__item{width:100%}
    #section-circle .circle__shape--circle{border-radius:0}
    #section-circle .circle__item:hover .circle__shape--circle{transform:rotate(0)}
    #section-circle .circle__item::before{padding-top:inherit}
    #section-circle .circle__frame{padding:7rem 3rem}
    #section-circle .circle__item--2{margin-left:0;margin-right:0}
}

@media (max-width:991.98px) {
    #section-circle .circle__header-body{padding:0}
}

/* #endregion */

/* =========================================================
SECTION : DIAGRAM
========================================================= */
/* #region */

/* -- 공통 -- */
#section-diagram{position:relative}
#section-diagram .diagram__contents{position:relative}
#section-diagram .diagram__footer{display:flex;justify-content:center;margin-top:4rem}
#section-diagram .diagram__item-desc{margin-top:.75rem}
#section-diagram .diagram__article{position:relative}
#section-diagram .diagram__article-title{margin-bottom:1rem;font-weight:600}
#section-diagram .diagram__article-title i{margin-right:.2rem}
#section-diagram .diagram__articles{margin-top:4rem;padding-top:3rem;border-top:1px dotted var(--duna-gray-600)}

/* -- horizontal : 수평 나란히, 설명 오브제 안쪽 -- */
#section-diagram .diagram__visual--horizontal .diagram__row{align-items:center}
#section-diagram .diagram__visual--horizontal .diagram__item{display:flex;align-items:center;justify-content:center;text-align:center;transition:.5s;height:15rem;padding:0 3rem;mix-blend-mode:multiply;position:relative;min-width:15rem;}
#section-diagram .diagram__visual--horizontal .diagram__item:hover{transform:translateY(-.5rem)}
#section-diagram .diagram__visual--horizontal .diagram__inner{position:relative;z-index:2;}
#section-diagram .diagram__visual--horizontal .diagram__col .diagram__item{border-radius:10rem;color:var(--duna-gray-200);}
#section-diagram .diagram__visual--horizontal .diagram__col:not(:first-child) .diagram__item{margin-left:-4rem;}
#section-diagram .container-fluid{padding-right:0;padding-left:0;}
#section-diagram .container-fluid .diagram__col:first-child .diagram__item{border-radius:0 10rem 10rem 0;}
#section-diagram .container-fluid .diagram__col:last-child .diagram__item{border-radius:10rem 0 0 10rem;}

/* -- overlap : 중첩 겹침, 설명 오브제 바깥쪽 -- */
#section-diagram .diagram__visual--overlap{position:relative;display:flex;align-items:center;height:22rem;color:var(--duna-gray-200);}
#section-diagram .diagram__box{position:absolute;left:0;display:flex;align-items:center;padding:5rem;transition:.5s}
#section-diagram .diagram__box:hover{transform:translateX(-.5rem)}
#section-diagram .diagram__box--1{width:10rem;height:10rem;border-radius:50%;z-index:4;justify-content:center;margin-left:1.5rem}
#section-diagram .diagram__box--2{width:40%;height:15rem;border-radius:8rem;z-index:3;justify-content:flex-end;margin-left:1rem}
#section-diagram .diagram__box--3{width:70%;height:19rem;border-radius:10rem;z-index:2;justify-content:flex-end;margin-left:.5rem}
#section-diagram .diagram__box--4{width:100%;height:20rem;border-radius:10rem;z-index:1;justify-content:flex-end}
#section-diagram .diagram__box-title{font-size:calc(.5rem + 1vw);line-height:1.3}

@media (max-width:1399.98px) {
#section-diagram .diagram__visual--horizontal .diagram__col{display:flex;flex-wrap:wrap;}
#section-diagram .diagram__visual--horizontal .diagram__col:not(:first-child) .diagram__item{margin-left:0;margin-top:-2rem;}
#section-diagram .diagram__visual--horizontal .diagram__item{height:12rem;padding:0 2rem;}
#section-diagram .container-fluid .diagram__col:not(:first-child):not(:last-child) .diagram__item{max-width:70%;flex:0 0 70%;margin-left:auto;margin-right:auto;}
#section-diagram .container-fluid .diagram__col:first-child .diagram__item{max-width:85%;flex:0 0 85%;margin-right:auto;justify-content:right;}
#section-diagram .container-fluid .diagram__col:last-child .diagram__item{max-width:85%;flex:0 0 85%;margin-left:auto;justify-content:left;}
#section-diagram .diagram__visual--horizontal .diagram__inner{width:70vw;}
#section-diagram .diagram__box{padding:2rem;}
}

@media (max-width:991.98px) {
#section-diagram .container-fluid .diagram__col:not(:first-child):not(:last-child) .diagram__item{max-width:90%;flex:0 0 90%;margin-left:auto;margin-right:auto;}
#section-diagram .container-fluid .diagram__col:first-child .diagram__item{max-width:95%;flex:0 0 95%;margin-right:auto;}
#section-diagram .container-fluid .diagram__col:last-child .diagram__item{max-width:95%;flex:0 0 95%;margin-left:auto;}
#section-diagram .diagram__visual--horizontal .diagram__inner{width:95vw;}
#section-diagram .diagram__visual--overlap{display:block;height:31rem;}
#section-diagram .diagram__box:hover{margin-left:0;}
#section-diagram .diagram__box-title{font-size:calc(.875rem + .5vw);text-align:center}
#section-diagram .diagram__articles{margin-top:3rem;padding-top:2rem}
#section-diagram .diagram__articles .row{row-gap:3rem;}
#section-diagram .diagram__box{justify-content:center;}
#section-diagram .diagram__box--1{width:10rem;height:10rem;margin:30px 0 0 30px;align-items:center;}
#section-diagram .diagram__box--2{width:55%;height:17rem;margin:20px 0 0 20px;border-radius:6rem;align-items:end;padding-bottom:3rem;}
#section-diagram .diagram__box--3{width:75%;height:24rem;margin:10px 0 0 10px;border-radius:7rem;align-items:end;padding-bottom:3rem;}
#section-diagram .diagram__box--4{width:100%;height:31rem;border-radius:8rem;align-items:end;padding-bottom:3rem;}
}

/* #endregion */

/* =========================================================
SECTION : WIDGET COLLECTION
========================================================= */
/* #region */
#section-widget-collection .widget-collection__contents>.row {display: flex;flex-wrap: wrap;row-gap: 5rem;}
#section-widget-collection .widget-collection__item-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
#section-widget-collection .widget-collection__item-title{font-weight:700}
#section-widget-collection .widget-collection__item-link{display:inline-flex;align-items:center;gap:.35rem}
#section-widget-collection .widget-collection__item-body {margin-top: 1rem;}
#section-widget-collection .item {position:relative; margin-bottom:2rem; overflow:hidden ; }
#section-widget-collection .item .item__thumbnail .img-wrap {overflow:hidden; }
#section-widget-collection .item .item__thumbnail .img {padding-top:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:.5s; }
#section-widget-collection .item:hover .item__thumbnail .img {transform:scale( 1.05 )}
#section-widget-collection .item .text {padding:1rem}
#section-widget-collection .item .text .item__subject {font-size:1.5rem}
#section-widget-collection .item .text {position:absolute; bottom:-7rem; background-color:#00000082; width:100%; color:var(--duna-gray-200); transition:.5s cubic-bezier(0,0,0.15,1); opacity:0}
#section-widget-collection .item:hover .text {bottom:0; opacity:1; }
#section-widget-collection .btn-wrap {display:flex; justify-content:center}
#section-widget-collection .list-btn {text-align:center}
#section-widget-collection .list-btn .duna-btn-round span {letter-spacing:.1rem}
#section-widget-collection .xet-content__webzine .item .item__content_wrp > div + div{margin-top:.5rem;}
#section-widget-collection .xet-content__webzine .item .item__subject{font-size:1.3rem;font-weight:600;line-break:anywhere;text-overflow:ellipsis;overflow:hidden;word-break:break-word;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#section-widget-collection .xet-content__webzine .item .item-inner{display:flex;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--content-border-color);}
#section-widget-collection .xet-content__webzine .item .item__thumbnail{flex-shrink:0;margin-right:1rem;width: 30%;}
#section-widget-collection .xet-content__webzine .item .item__content_wrp{flex:1;}
#section-widget-collection .xet-content__webzine .item .item__exvars{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#section-widget-collection .duna-btn-round::before{height:2.5rem;width: 2.5rem;}
#section-widget-collection .duna-btn-round .duna-btn__text {height: 2.5rem;}
#section-widget-collection .duna-btn-round .duna-btn__icon {height: 2.5rem;width: 2.5rem;}
#section-widget-collection.section--btn-auto:hover .color-btn.duna-btn-round::before{width: 2.5rem; background-color:var(--duna-gray-200);}
#section-widget-collection.section--btn-auto:hover .color-btn.duna-btn-round .duna-btn__text{color:var(--duna-gray-700);}
#section-widget-collection.section--btn-auto:hover .color-btn.duna-btn-round .duna-btn__icon{color:inherit;}
#section-widget-collection.section .widget-collection__item:hover .duna-btn-round::before{width: 100%; background-color:var(--duna-point1);}
#section-widget-collection.section .widget-collection__item:hover .duna-btn-round .duna-btn__text{color:var(--duna-gray-200);}
#section-widget-collection.section .widget-collection__item:hover .duna-btn-round .duna-btn__icon{color:var(--duna-gray-200);}

#section-widget-collection .owl-carousel .owl-nav button{pointer-events:auto;background-color: var(--duna-gray-200);border-radius:50%;width:40px;height:40px;margin: 0 .3rem;color:var(--duna-gray-600);transition:background-color .13s ease,opacity .13s ease,transform .13s ease}
#section-widget-collection .owl-carousel .owl-nav button .material-symbols-outlined{font-variation-settings:FILL 0,wght 700,GRAD 0,opsz 48;width:15px}
#section-widget-collection .owl-carousel .owl-nav button.owl-next.disabled{background-color:var(--duna-gray-100);color:var(--duna-gray-300)}
#section-widget-collection .owl-carousel .owl-nav button:not(.disabled):active{background:var(--duna-gray-400)}

@media (max-width:991.98px){
	#section-widget-collection.webzine .xet-content__webzine .item{align-items:center;margin-bottom:1rem;padding-bottom:1rem;}
	#section-widget-collection.webzine .xet-content__webzine .item .item__thumbnail{margin-right:2rem;max-width:25%;}
	#section-widget-collection.webzine .xet-content__webzine .item .item__content_wrp .item__summary{display:none;}
	#section-widget-collection.webzine .xet-content__webzine .item .item__meta{display:flex;align-items:center;gap:16px;}
	#section-widget-collection.card .xet-content__webzine .item .item__content_wrp{margin-top:2rem;}
}

/* #endregion */

/* =========================================================
SECTION : BANNER
========================================================= */
/* #region */

#section-banner{position:relative;color:var(--duna-gray-100);padding:0;margin:10vh 0}
#section-banner > *{position:relative;z-index:3}
#section-banner:not(.section--has-bg){color:inherit}
#section-banner:not(.section--has-bg) .banner__title{color:var(--duna-point1)}
#section-banner .section-bg-wrap{
	position:absolute;
    inset:0;
    overflow:hidden;
    z-index:1;
    will-change:clip-path;
    transition:clip-path .12s linear;
}
#section-banner .section-bg{
	position:absolute;
	top:-15%;
	left:0;
	width:100%;
	height:130%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:var(--section-bg-size, cover);
	will-change:transform;
	transform:translate3d(0,0,0) scale(1);
	transform-origin:center center;
	pointer-events:none;
	transition:transform .15s linear
}

#section-banner .banner__row{align-items:end;}
#section-banner .banner__title{color:var(--duna-gray-100)}
#section-banner .banner__header-wrap{position:relative;z-index:2;display:flex;align-items:center; padding:5rem 0;}
#section-banner .banner__header{position:relative;z-index:2;}
#section-banner .banner__media{position:relative;z-index:2;overflow:hidden;}
#section-banner .overflow .banner__media{margin-top:-5rem}
#section-banner .banner__figure{position:relative;margin-bottom:0}

@media (max-width:991.98px) {
    #section-banner .banner__row{row-gap:2rem}
    #section-banner .banner__header-wrap{order:1!important;padding:5rem 1rem;}
    #section-banner .banner__media{order:2!important}
    #section-banner .banner__figure .image--background{background-position:top;padding-top:70%;}
    #section-banner .overflow .banner__media{margin-top:0}
}

/* #endregion */

/* =========================================================
SECTION : MISSION
========================================================= */
/* #region */

#section-mission .mission__panel{position:relative}
#section-mission .mission__panel::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--duna-black);opacity:.5;z-index:2}
#section-mission .mission__panel-inner{position:relative;display:flex;padding:3rem;background-position:center;background-repeat:no-repeat;background-size:cover;color:var(--duna-gray-100);}
#section-mission .mission__panel-inner::after{content:'';position:absolute;inset:0}
#section-mission .mission__panel-item{width:50%;text-align:center;padding:9rem 4rem;z-index:2;border-width: 2px 2px 2px 2px;border-style: dotted;border-color: var(--duna-gray-100);transition:.5s cubic-bezier(0.59,0.42,0,1.01)}
#section-mission .mission__panel-item--vision{border-width: 2px 2px 2px 0;}
#section-mission .mission__panel-item:hover{background:#00000070}
#section-mission .mission__panel-title{text-transform: uppercase;}
#section-mission .mission__panel-desc{font-weight:500;font-size:calc(1.5rem + .5vw);margin:0 auto}
#section-mission .mission__item-inner{position:relative;padding:10rem 3rem 0 0}
#section-mission .mission__item-number{position:absolute;top: 3.5rem;left:0;z-index:1;font-family:'Montserrat',sans-serif;font-size:10rem;font-weight:500;color:var(--duna-gray-200);line-height:1;transition: .5s;}
#section-mission .mission__item:hover .mission__item-number {color: var(--duna-gray-100);}
#section-mission .mission__item-subtitle{position:relative;z-index:2}
#section-mission .mission__item-title{position:relative;z-index:2;transition: .5s;}
#section-mission .mission__item:hover .mission__item-title{color: var(--duna-point1);}
#section-mission .mission__item-desc{position:relative;z-index:2}
@media (max-width: 991.98px) {
	#section-mission .mission__panel-inner {display: block;}
	#section-mission .mission__panel-item {width: 100%;position: relative;z-index: 2;}
	#section-mission .mission__panel-item--vision{border-width: 0 2px 2px 2px;}
}

/* #endregion */

/* =========================================================
SECTION : PARTNER
========================================================= */
/* #region */

#section-partner {--section-bg:var(--duna-white); background-color: var(--section-bg);}
#section-partner .partner__list{display:grid;grid-template-columns:repeat(var(--partner-columns),minmax(0,1fr));gap:var(--partner-gap)}
#section-partner .partner__item{min-width:0}
#section-partner .partner__card{height:100%}
#section-partner .partner__media{position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding:1.25rem;border:1px solid var(--duna-gray-200);background-color:var(--duna-white);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
#section-partner .partner__media:hover{transform:translateY(-2px);box-shadow:0 1rem 2rem rgba(0,0,0,0.06);border-color:var(--duna-gray-300)}
#section-partner .partner__image{width:100%;height:var(--partner-logo-height);background-position:center;background-repeat:no-repeat;background-size:contain}
@media (max-width: 991.98px) {
	#section-partner .partner__list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 575.98px) {
	#section-partner .partner__list{grid-template-columns:repeat(var(--partner-mobile-columns),minmax(0,1fr))}
	#section-partner .partner__media{padding:1rem}
}
.partner-marquee{position:relative;overflow:hidden;width:100%}
.partner-marquee__viewport{overflow:hidden;width:100%}
.partner-marquee__track{display:flex;align-items:center;width:max-content;animation:partnerMarquee linear infinite;animation-duration:30s}
.partner-marquee__item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 3rem}
.partner-marquee__logo{width: 7rem;padding-top: 100%;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.85;transition:.3s;background-color: var(--duna-point2);}
.partner-marquee__item:hover .partner-marquee__logo{opacity:1;transform:scale(1.05)}
.partner-marquee__fade{position:absolute;top:0;bottom:0;width:10rem;z-index:3;pointer-events:none}
.partner-marquee__fade--left{left:0;background:linear-gradient(to right, var(--section-bg) 0%,rgba(255,255,255,0) 100%)}
.partner-marquee__fade--right{right:0;background:linear-gradient(to left, var(--section-bg) 0%,rgba(255,255,255,0) 100%)}
@keyframes partnerMarquee {
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
.partner-marquee__track {
	display:flex;
	align-items:center;
	width:max-content;

	animation: partnerMarquee linear infinite;
	animation-duration: var(--partner-marquee-speed, 30s);
}

/* #endregion */

/* =========================================================
SECTION : CONTACT
========================================================= */
/* #region */

#section-contact .container__row {justify-content:center}
#section-contact .accordion-button::after {font-family:'xeicon'; content:'\e943'; font-size:1.3rem; transition:transform .2s ease-in-out; background-image:none}
#section-contact .accordion-button:not(.collapsed) {color:var(--duna-point1)}
#section-contact .accordion-button:not(.collapsed)::after {font-family:'xeicon'; content:'\e943'; background-image:none; transform:rotate(-180deg)}
#section-contact .duna-btn-contact {border-color:var(--duna-point1); color:var(--duna-point1)}
#section-contact .contact__info > .contact__item + .contact__item {margin-top:2rem}
@media (max-width: 991.98px) {
	#section-contact .row {gap: 3rem;}
}

/* #endregion */

/* =========================================================
SECTION : CAROUSEL
========================================================= */
/* #region */

#section-owl .owl-carousel .owl-stage-outer{overflow:visible}
.owl--center .owl-item{opacity:.5}
.owl--center .owl-item.active{opacity:1}
.owl__contents .owl__figure{position:relative;overflow:hidden;}
#section-owl .owl__link,#section-owl .owl__card{display:block;height:100%}
#section-owl .owl__caption{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
#section-owl .owl__caption.caption--layout-bottom{padding:0 1rem;margin-top:1rem}
#section-owl .owl__caption.caption--layout-overlay{position:absolute;bottom:0;left:0;padding:2rem}
.owl-carousel .owl-nav{position:absolute;bottom:0;right:0}
.owl-carousel .owl-nav button{pointer-events:auto;background:var(--duna-gray-300);border-radius:50%;width:40px;height:40px;color:var(--duna-gray-600);transition:background-color .13s ease,opacity .13s ease,transform .13s ease}
.owl-carousel .owl-nav button .material-symbols-outlined{font-variation-settings:FILL 0,wght 700,GRAD 0,opsz 48;width:15px}
#section-owl .owl-carousel .owl-nav button.owl-prev,#section-owl .owl-carousel .owl-nav button.owl-next{background-color:var(--duna-gray-200);margin:0 .3rem}
.owl-carousel .owl-nav button.owl-next.disabled{background-color:var(--duna-gray-100);color:var(--duna-gray-300)}
.owl-carousel .owl-nav button:not(.disabled):active{background:var(--duna-gray-400)}
.owl-carousel .owl-dots{margin-top:2rem;text-align:center}
.owl-carousel .owl-dots button.owl-dot{width:.5rem;height:.5rem;background:var(--duna-gray-400);border-radius:1rem;margin:0 .5rem;transition:.5s}
.owl-carousel .owl-dots button.owl-dot.active{width:3rem;background-color:var(--duna-point1)}


@media (max-width:991.98px) {
	#section-owl .owl__contents .owl__figure{padding-top:100%}
}

/* #endregion */

/* =========================================================
SECTION : MAP
========================================================= */
/* #region */

#section-map {margin: 10vh 0 0;}
#section-map .container-fluid {padding: 0;}
#section-map .map__contents {position:relative}
#section-map .map__stage {position:relative}
#section-map .map__info-wrap.immobile {position:absolute;z-index:2;right:0;top:0;max-width: clamp(20rem, calc(20rem + 4vw), 25rem);}
#section-map .map__info {background-color:var(--duna-point1);padding: 2rem;color: var(--duna-gray-200);font-size: 1rem;}
#section-map .map__info > div {margin-bottom: 1rem;}
#section-map .map__info > div:last-child {margin-bottom:0}
#section-map .map__logo {background-position:left;background-repeat:no-repeat;padding-top: 5rem;}
#section-map .map__embed {text-align:center; position:relative; margin-bottom:-0.4rem}

@media (max-width: 991.98px) {
	#section-map {padding: 5vh 0 0 0;}
	#section-map .map__info-wrap {position:relative;}

}

/* #endregion */

/* =========================================================
SECTION : FOOTER
========================================================= */
/* #region */

.section-wrap.footer{margin:-8vh 0 8vh}
#section-footer,.footer{position:relative;line-height:1.8;background-color:#f1f1f1;color:#979797;z-index:3;}
.footer__row{justify-content:center;padding: 5vh 0;}
.footer__logo{background-position: left;background-repeat:no-repeat;background-size: 70%;}
.footer__logo--mobile{display:none}
.footer__title{position:relative;padding-bottom:20px;margin-bottom:20px}
.footer__title::before{content:'';display:block;position:absolute;left:0;bottom:0;width:30px;height:1px;border-bottom:1px solid #888}
.footer__bottom{padding:1rem 0;color:#bababa;background-color:var(--duna-point1);position:relative}
.footer__bottom-inner{position:relative}
.footer__copyright{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.footer__promotion{display:inline-flex;align-items:center;gap:.3rem;color: transparent;transition: .5s;}
.footer__promotion:hover{color:var(--duna-gray-200);}
.footer__member{position:absolute;right:0;top:0;height:100%;align-items:center}
.footer__member-link{color:transparent;transition:.1s;padding-right:1rem;display:flex;align-items:center}
.footer__member-link:hover{color:var(--bs-info)}

@media (max-width:767.98px) {
	.footer__row{gap: 3rem;}
	.footer__logo{padding-top: 30%;}
	.footer__logo--desktop{display:none}
	.footer__logo--mobile{display:block}
    #section-footer {line-height:1.5}
}

/* #endregion */