@charset "utf-8"; 
@font-face {
    font-family:'LINESeedKR-Bd'; 
    src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Bd.woff2') format('woff2'); 
    font-weight:700; 
    font-style:normal; 
; }
/*-------------------------------------------------------
** 
** Default 
** 
--------------------------------------------------------*/
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:'Open Sans','Noto Sans KR', sans-serif; 
	font-size:1.1rem;
}
body a {color:inherit; text-decoration:none; }
body a:hover {color:inherit; text-decoration:none;}
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6 {font-weight:inherit; }
.mobile {display:none; }
.col-lg-0 {display:none; }
.cursor-pointer {cursor:pointer; }
.uppercase {text-transform:uppercase; }
.relative {position:relative; }
.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48}
#duna-container {overflow-x:hidden; }
body h1,body h2,body h3 {font-size: inherit; font-weight: inherit; font-family: inherit;}

/*-------------------------------------------------------
** 
** 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; }

/*-------------------------------------------------------
** 
** 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; }

/*-------------------------------------------------------
** 
** Color
** 
--------------------------------------------------------*/

: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-white:#ffffff; 
	--duna-point1:#5350bd;
	--duna-point2:#4a3788; 
	--duna-point1-dark:#242251; 
	--duna-point2-dark:#1b1431; 
	--duna-gray:#bbb; 
    --duna-gray-dark:#343a40; 
    --duna-gray-100:#f7f7f7; 
    --duna-gray-200:#e9e9e9; 
    --duna-gray-300:#dddddd; 
    --duna-gray-400:#bbbbbb; 
    --duna-gray-500:#aaaaaa; 
    --duna-gray-600:#666666; 
    --duna-gray-700:#555555; 
	--duna-gray-800:#2a2a2a; 
    --duna-gray-900:#171717; 
; }

.point-color1 {color:var(--duna-point1); }
.point-color2 {color:var(--duna-point2); }

/*-------------------------------------------------------
** 
** Button
** 
--------------------------------------------------------*/
.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-slim {position:relative; display:inline-block; padding:0 1.8rem; font-size:1rem; line-height:2rem; border:1px solid; border-radius:.2rem; transition:ease-out .3s; }
.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%; }

.duna-btn-circle {position:relative; display:inline-flex; align-items:center; height:40px; font-weight:600; }
.duna-btn-circle:after {content:''; position:absolute; right:0; top:0; width:40px; height:40px; border-radius:50px; ; z-index:1; transition:cubic-bezier(0.97, 0.18, 0.62, 0.85) .3s; }
.duna-btn-circle span {margin-left:20px; font-size:1rem; z-index:2; letter-spacing:initial; transition:cubic-bezier(0.97, 0.18, 0.62, 0.85) .3s; ; }
.duna-btn-circle span.material-symbols-outlined {position:initial; display:flex; align-items:center; justify-content:center; height:40px; width:40px; margin-left:10px; transition:cubic-bezier(0.97, 0.18, 0.62, 0.85) .3s; }
.duna-btn-circle span.material-symbols-outlined:before {z-index:2; position:relative; }
.duna-section:hover .duna-btn-circle:after {width:100%; }

.promotion_btn:after {background-color:var(--duna-gray-100)}
.promotion_btn span.material-symbols-outlined {color:var(--duna-gray-600)}
.promotion:hover .duna-btn-circle:after {width:100%; }

/*-------------------------------------------------------
** 
** header 
** 
--------------------------------------------------------*/

/* =========================
   DUNA Header / Navbar (scoped)
   ========================= */
#duna-container .duna-header{
  width:100%;
  z-index:101;
  background-color:#ffffff4d;
  box-shadow:0rem 0rem 3rem #00000033;
}

#duna-container .duna-header .navbar-expand-lg{
  justify-content:space-between;
}

#duna-container .duna-header .navbar .navbar-brand{
  transition:.5s;
  cursor:pointer;
}

/* NOTE: 기존에 "ba;" 오타가 있어 제거했음 */
#duna-container .duna-header .navbar .navbar-brand .carousel .carousel-item{
  cursor:pointer;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
}

#duna-container .duna-header .navbar .navbar-toggler{
  width:auto;
  height:auto;
  box-shadow:none;
}

#duna-container .duna-header .navbar .navbar-toggler .material-symbols-outlined{
  color:var(--duna-point1);
  font-size:4rem;
  font-variation-settings:'wght' 600;
}

/* Hover / active */
#duna-container .navbar-nav .nav-item:hover > .nav-link{
  color:var(--duna-point1);
}

#duna-container .nav-item.dropdown > .navbar-nav{
  padding:10px 0;
}

#duna-container .nav-item.dropdown > .navbar-nav .nav-item .nav-link{
  padding:0 20px;
  line-height:40px;
}

#duna-container .nav-item:hover > .nav-link,
#duna-container .nav-item.active .caret,
#duna-container .nav-item:hover .caret{
  border-top-color:var(--duna-point1);
}

/* Desktop menu typography */
#duna-container .duna-header .navbar-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 .navbar-collapse .navbar-nav.val1 > .nav-item:hover > .nav-link{
  color:var(--duna-point1);
}

#duna-container .duna-header .navbar-collapse .navbar-nav.val2 .nav-item .nav-link{
  font-size:.9rem;
  font-weight:600;
  text-transform:capitalize;
  padding:0 1rem;
}

#duna-container .duna-header .navbar-collapse .navbar-nav.val2 .nav-item:hover > .nav-link{
  color:var(--duna-point1);
}

/* Header toggle state (desktop -> toggle) */
#duna-container .duna-header.navbar .navbar .navbar-brand{
  margin-left:0;
  margin-right:0;
}

#duna-container .duna-header.toggle .navbar .navbar-brand{
  margin:.5rem auto;
}

#duna-container .duna-header.toggle .navbar-expand-lg .navbar-toggler{
  display:block;
  position:absolute;
  right:0;
}

#duna-container .duna-header.toggle .navbar-expand-lg .navbar-collapse{
  display:none !important;
}

/* Optional wrappers */
#duna-container .duna-header .container .navbar.bsnav{ width:100%; }
#duna-container .duna-header .duna{ width:100%; }
#duna-container .duna-header .navbar.bsnav{ background:none; }

/* =========================
   Mobile Offcanvas (bsnav-mobile)
   ========================= */
#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:991.98px){
	#duna-container .duna-header.navbar .navbar.bsnav{margin:0 5%}
	#duna-container .duna-header .navbar .navbar-brand{width:6rem!important}
	#duna-container .duna-header .navbar .navbar-brand .carousel .carousel-item{padding-top:45%}
	#duna-container .duna-header .navbar-nav .nav-item{color:var(--duna-gray-800)!important}
	#duna-container .duna-header .navbar-collapse .navbar-nav.val1 .nav-item .nav-link{padding:.5rem!important}
	#duna-container .duna-header.toggle .navbar-expand-lg{justify-content:space-between}
	#duna-container .duna-header .navbar .navbar-toggler .material-symbols-outlined{font-size:3rem}
}

/*-------------------------------------------------------
** 
** Section 
** 
--------------------------------------------------------*/

/* section Default*/
#contents-box, .section-wrap-inner {
    display:-webkit-box; 
    display:-moz-box; 
    display:box; 
    
    -webkit-box-orient:vertical; 
    -moz-box-orient:vertical; 
    box-orient:vertical; 
; }
#contents-box {position:relative; max-width:2560px; margin:0 auto; }
.duna-section {position:relative; padding:10vh 0; }
.duna-section .contents {margin-top:4rem; }
.title {text-transform:uppercase; font-weight:500; }
.section-wrap {margin:-8vh 0; padding:0 5vw; }
.section-wrap-inner {box-shadow:0 2rem 4rem #0006; position:relative; z-index:2; margin:0 auto; max-width:120rem; }
.link-point {position:absolute;top: -4rem;}

#promotion:before,
#section-video:before,
#section-parallax:before,
#section-banner:before,
#section-mission .img-box:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color: #00000099;z-index:2;}

/* promotion */
#promotion .header, #section-video .header {margin-bottom:0;padding-bottom:0;color:var(--duna-gray-200);z-index: 2;position: relative;}
#promotion .header .title, #section-video .header .title {font-family:'Noto Sans KR',sans-serif; font-size:calc(1.1rem + 0.7vw); font-weight:400; }
#promotion .header .subtitle, #section-video .header .subtitle {font-family: "Noto Serif KR";font-size: calc(2.1rem + 1.7vw);line-height: calc(2.6rem + 2.2vw);text-transform:uppercase;}
#promotion .header .desc, #section-video .header .desc {margin-top:1rem}

/* section header */
.duna-section .header {position:relative; }
.duna-section .header .title {color:var(--duna-point1); font-family:'Noto Sans KR',sans-serif; font-size:calc(1.1rem + 0.7vw); font-weight:400; }
.duna-section .header .subtitle {font-family:"Noto Serif KR";font-size: calc(2rem + 1vw);line-height: calc(2rem + 1.5vw);font-weight: 400;}
.duna-section .header .desc {line-height:1.5; margin-top:1rem; }

/* section slider */
#promotion {position:relative; background-position:center; background-size:cover; }
#promotion .header-wrap {position:absolute; display:flex; align-items:center; height:100%; width:100%; padding:0 10vh; }
#promotion .carousel .carousel-inner .carousel-item .img-wrap {max-width:100%; }
#promotion .carousel .carousel-inner .carousel-item .img-wrap .img {background-size:cover; background-position:center; width:100%; height:0; }
#promotion .carousel :is(.carousel-control-prev, .carousel-control-next) {z-index:3; }
#promotion .carousel :is(.carousel-control-prev-icon, .carousel-control-next-icon) {width:4rem; height:4rem; }
#promotion .carousel .carousel-indicators {bottom:9vh; }
#promotion .carousel .carousel-indicators [data-bs-target] {background-color:var(--duna-point1); }

/* section video */

#section-video {
  background-size: cover;
  background-position: center;
  position: relative;
}

#section-video .header-wrap {
  position: absolute;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0 4vw;
  z-index: 3;
}

#section-video .video-wrap,
.video-background {
  position: absolute;
  inset: 0;         /* top/right/bottom/left: 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;
}

#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: 3;
  color: #fff;
}

.video-background {
  background: #000;
  z-index: 0; 
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  pointer-events: none;
}

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

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

/* section icon */
#section-icon [class*='col-'] {position:relative; }
#section-icon .container .row {align-items:flex-start; }
#section-icon.icon .contents .content-inner {display:flex; }
#section-icon .content .icon .material-symbols-outlined {padding-right:1rem; font-size:4rem; color:var(--duna-point1); }
#section-icon .content .text .title {font-size:calc(1.275rem + 0.3vw); } 
#section-icon.card {border: 0;}
#section-icon.card [class*='col-']:after {width:0px; }
#section-icon.card .contents .content-inner {background-color:var(--duna-white); color:var(--duna-point1); min-height:20rem; border-radius:1rem; box-shadow:0 1rem 2rem #0000004d; padding:4rem 1rem 0; }
#section-icon.card .contents .line {width:100%; background-color:var(--duna-point1); height:1px; margin:1rem 0; }

/* section icon hover-action */
#section-icon.card .contents .content .icon .material-symbols-outlined {color:var(--duna-gray-200);}
#section-icon.card .contents .content-inner {background-color:#000; color:var(--duna-gray-200); cubic-bezier(0.47,0.46,0,0.98); }
#section-icon.card .contents .content-wrap{position:absolute; bottom:-4rem; width:90%; transition:.5s cubic-bezier(0.47,0.46,0,0.98); z-index: 2; }
#section-icon.card .contents .content:hover .content-wrap {bottom:1rem; }
#section-icon.card .contents .line{width:0; transition:.4s cubic-bezier(0.47,0.46,0,0.98); margin:0; background-color:var(--duna-gray-200);}
#section-icon.card .contents .content:hover .line{width:100%; margin:1rem 0; }
#section-icon.card .contents .text{min-height:8rem}
#section-icon.card .contents .content-inner{position:relative;display:flex;justify-content:center;overflow:hidden}
#section-icon.card .content .text .desc{opacity:0; transition:.5s cubic-bezier(0.47,0.46,0,0.98); }
#section-icon.card .contents .content:hover .desc{opacity:1}
#section-icon.card .contents .content .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;z-index:1; opacity: .7; transition:.5s cubic-bezier(0.47,0.46,0,0.98);}
#section-icon.card .contents .content:hover .bg{opacity:.4; }

/* section about */
#section-about .contents {line-height:1.8; margin-top:0; }
#section-about .contents .row {align-items:center; }
#section-about .header .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; }
#section-about .header .number:before {content:''; position:absolute; left:0; bottom:0; width:6rem; height:0; border-top:3px solid var(--duna-point1)}
#section-about .header .desc {position:relative; padding-left:2rem; }
#section-about .header .desc .line {position:absolute; left:0; top:2%; height:96%; width:0; border-left:8px solid var(--duna-point1); padding-right:1rem}
#section-about .carousel-item {background-position:center; background-size:cover; background-repeat:no-repeat; }
#section-about .carousel-item .lable {position: absolute;bottom: -2.3rem;left: 0;padding:2rem;width:100%;color: var(--duna-gray-200);background-color: #00000047;transition: .5s ease;text-align: center;}
#section-about .carousel-item .lable .lable-header{font-size: 1.5rem; padding-bottom: 1rem; transition: .5s ease;}
#section-about .carousel-item .lable .lable-desc {line-height: 120%;opacity: 0; transition: .5s ease;}
#section-about .carousel-item .lable.label-expanded {bottom: 0;}
#section-about .carousel-item .lable.label-expanded .lable-header{padding-bottom: 0;}
#section-about .carousel-item .lable.label-expanded .lable-desc {opacity: 1;}

/* section about 3tier */
#section-about-3tier .contents .content .img {background-position: center;background-size: cover;}
#section-about-3tier .contents .content .text .subtitle {font-family: "Noto Serif KR"; font-size: calc(1.5rem + 1vw);margin-bottom: 1rem;}

/* section business */
#section-business .contents .text .title {font-size: 1.6rem;margin-bottom: .5rem;}
#section-business .immobile .header .subtitle {position: absolute; z-index: 10; width: 100%; padding-top: 4rem; text-align: center; }
#section-business .immobile {position:relative; width:100%; color:var(--duna-white); }
#section-business .immobile .row {display:flex; position:relative; justify-content:center; align-items:center; margin:0; overflow: hidden;}
#section-business .immobile .row .col {display:flex;align-items: center;justify-content: space-between;max-width: 25rem;height:90vh;transition:.5s;z-index:1;padding: 0 2rem;position:relative;}
#section-business .immobile .row .col.active .icon .material-symbols-outlined {padding:0 0 3rem; }
#section-business .immobile .row .col .icon .material-symbols-outlined {font-size:3rem; transition:.7s; }
#section-business .immobile .row .col .line {border-left: 1px dotted var(--duna-gray-200);transition: .5s;margin-left: .5rem;opacity: .5;}
#section-business .immobile .row .col .line-top {margin-bottom: 7rem;height: 60vh;}
#section-business .immobile .row .col .line-bottom {margin-top: 5rem;height: 40vh;}
#section-business .immobile .row .col .contents {max-width: 20rem;opacity:.3;transition:.7s;margin-top: 0;}
#section-business .contents .number {font-family: 'Montserrat', sans-serif;}
#section-business .immobile .row .col .contents img {width:3rem; }
#section-business .immobile .row .col .contents .text .desc {opacity:0;transition:.5s;transition-delay: .3s;}
#section-business .immobile .bg .image {position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; transition:opacity .5s ease; background-size:cover; background-position:center; background-repeat:no-repeat; }
#section-business .immobile .bg .image:nth-child(4) {opacity:1; transition:.8s; }
#section-business .immobile .bg .image:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color: hsl(0deg 0% 0% / 40%);}
#section-business .immobile .row .col.active {max-width: 30rem;}
#section-business .immobile .row .col.active:nth-child(1) ~ .bg .image:nth-child(1) {opacity:1; }
#section-business .immobile .row .col.active:nth-child(2) ~ .bg .image:nth-child(2) {opacity:1; }
#section-business .immobile .row .col.active:nth-child(3) ~ .bg .image:nth-child(3) {opacity:1; }
#section-business .immobile .row .col.active ~ .bg .image:nth-child(4) {opacity:0; }
#section-business .immobile .row .col.active .line {border-left: 3px dotted var(--duna-gray-200);opacity: 1;}
#section-business .immobile .row .col.active .line-top {margin-bottom: 1rem;}
#section-business .immobile .row .col.active .line-bottom {margin-top: 2rem;}
#section-business .immobile .row .col.active .contents {opacity:1; }
#section-business .immobile .row .col.active .contents .icon .material-symbols-outlined {padding-bottom:1rem; font-size:4rem; }
#section-business .immobile .row .col.active .contents .text .desc {opacity:1;}
#section-business .immobile .row .col.active .contents .text .btn-slim {opacity:1; }iness .immobile .row .col.active .contents .text .btn-slim {opacity:1; }

#section-business .mobile .row {background-size: cover; background-position: center;}
#section-business .mobile .row:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.3}
#section-business .mobile .contents{color:var(--duna-gray-200);z-index:2;position:relative;margin-top:0;padding:5rem 0}
#section-business .mobile .contents .text .icon .material-symbols-outlined {font-size: 3rem;}
#section-business .mobile .contents .text .desc {font-size: 1rem;}


/* section service */
#section-service .header.inside {display:flex; align-items:center; justify-content:center; height:100%; padding:0% 10% 10%; }
#section-service figure {position:relative;margin: 0 0 2rem;}
#section-service figure .img-wrap {max-width:100%; overflow:hidden; }
#section-service figure:hover .img {transform:scale( 1.05 ); }
#section-service figure .img-wrap .img {width:100%; height:0; background-position:center; background-size:cover; transition:.5s; padding-top:56%; }
#section-service figure .img-wrap .icon .material-symbols-outlined {transition:.5s; position:absolute; font-size:4rem; color:var(--duna-white); display:flex; justify-content:center; align-items:center; height:100%; width:100%; left:0; bottom:-10%; opacity:0; z-index:2; }
#section-service figure:hover .img-wrap .icon .material-symbols-outlined {bottom:0; opacity:.8; }
#section-service .text .title {font-size: 1.5rem;}
#section-service .section-service-carousel .carousel-inner .carousel-item .img-wrap {max-width:100%; }
#section-service .section-service-carousel .carousel-inner .carousel-item .img-wrap .img {width:100%; height:0; background-position:center; background-size:cover; }
#section-service .carousel .carousel-indicators {bottom:-70px; }
#section-service .carousel .carousel-indicators [data-bs-target] {width:20px; height:20px; margin-right:5px; margin-left:5px; background-color:#555; border-radius:50%; }
#section-service .carousel .carousel-indicators [data-bs-target] {width:1rem; height:1rem; }
#section-service .carousel .carousel-indicators :is(.carousel-control-prev-icon, .carousel-control-next-icon) {width:4rem; height:4rem; }
#section-service .carousel .carousel-inner .carousel-caption {text-align:left; left:0; right:0; bottom:0; padding:1rem; background-color:#00000050; }
#section-service .loadMore-btn {display:flex; justify-content:center; }
#section-service .loadMore-btn .material-symbols-outlined {font-size:1.3rem;}
#section-service.over figure {overflow:hidden; box-shadow:0rem 0.8rem 1rem rgb(0 0 0 / 30%)}
#section-service.over figure:hover figcaption {background-color:#0000007a; bottom:0; opacity:1}
#section-service.over figure figcaption {position:absolute; bottom:-3rem; left:0; right:0; padding:1rem; color:#fff; transition:.5s cubic-bezier(0,0,0.15,1); opacity:0}
#section-service.bottom figure figcaption {padding:3%}
#section-service .loadMore-btn.passive {display:none;}

/* section number */
#section-number .contents .title {font-size:calc(1.275rem + 0.3vw); }
#section-number .contents {text-align:center; }
#section-number .number-wrap {display:flex; align-items:center; justify-content:center; }
#section-number .number-wrap .sign {font-weight:400; }
#section-number .number-wrap .unit {font-weight:400; }
#section-number .number-wrap .number {font-family:'Montserrat', sans-serif; }

/* section circle */
#section-circle {background-position:center; background-size:cover; }
#section-circle:before {background-color:#00000066; }
#section-circle .contents {text-align:center; position:relative; display:flex; }
#section-circle .contents .content {list-style:none; ; color:inherit ; transition:.5s; line-height:2rem; position:inherit; border-radius:50%; justify-content:center; align-items:center; display:flex; z-index:2; }
#section-circle .contents .content:before {content:""; display:block; padding-top:100%; }
#section-circle .contents .content:hover .circle {transform:rotate( 360deg ); transition:20s; }
#section-circle .contents .content2 {margin:0 -30px; z-index:1; }
#section-circle .contents .content .circle {position:absolute; border:4px dotted; border-radius:50%; width:100%; height:100%; top:0; left:0; bottom:0; }
#section-circle .contents .content .square {position:absolute; border:1px dotted; width:100%; height:100%; top:0; left:0; bottom:0; }
#section-circle .contents .content .inner {padding:0 10%; }
#section-circle .contents .content .inner .title{text-transform:uppercase; font-weight:500; font-size: calc(1rem + .5vw); margin-bottom:.5rem}
#section-circle .btn-bottom {display:flex; justify-content:center; margin-top:5rem; }

#section-circle.column2 .contents .content3 {display:none}
#section-circle.column2 .header {display:flex; align-items:center; height:100%; text-align:right; }
#section-circle.column2 .header .header-inner {padding:0 2rem 0 0; }
#section-circle.column3 .contents {margin-top:4rem; }
#section-circle.column3 .contents li {width:40%; }

#section-circle.bg {background-attachment:fixed; color:var(--duna-gray-100); }
#section-circle.bg:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
#section-circle.bg .header .title {color:var(--duna-gray-100); }
#section-circle.bg .contents .content:hover {background-color:#00000099; }
#section-circle.bg .contents .content2 {background-color:#00000060; }
#section-circle.bg .contents .content2:hover {background-color:#00000099; }
#section-circle.solid .contents {color:var(--duna-point1); }

/* section system */
#section-system .contents .section-system_venndiagram .venndiagram__box {display:flex; align-items:center; justify-content:center; text-align:center; transition:.5s; height:15rem; border-radius:8rem; padding:0 3rem; mix-blend-mode:multiply; }
#section-system .contents .section-system_venndiagram .venndiagram__box:hover {margin-top:-0.5rem; }
#section-system .contents .section-system_venndiagram .row div:nth-child(1) .venndiagram__box {z-index:1; }
#section-system .contents .section-system_venndiagram .row>div:nth-child(2) {margin-left:-4rem; }
#section-system .contents .section-system_venndiagram .row div:nth-child(2) .venndiagram__box {z-index:2; color:var(--duna-gray-100); }
#section-system .contents .section-system_venndiagram .row>div:nth-child(3) {margin-left:-4rem; }
#section-system .contents .section-system_venndiagram .row div:nth-child(3) .venndiagram__box {z-index:3; color:var(--duna-gray-100); }
#section-system .contents .section-system_venndiagram .row>div:nth-child(4) {margin-left:-4rem; }
#section-system .contents .section-system_venndiagram .row div:nth-child(4) .venndiagram__box {z-index:2; color:var(--duna-gray-100); }
#section-system .contents .text {border-top:1px dotted var(--duna-gray-500); padding-top:3rem; margin-top:3rem; }
#section-system .btn-wrap {display:flex; justify-content:center; margin-top:4rem; }

/* section overlap */
#section-overlap .overlap {position:relative; display:flex; align-items:center; height:22rem; }
#section-overlap .overlap .box {position:absolute; left:0; display:flex; align-items:center; padding:5rem; transition:0.5s; }
#section-overlap .overlap .box:nth-child(1) {width:10rem; height:10rem; border-radius:50%; z-index:4; justify-content:center; margin-left:1.5rem; }
#section-overlap .overlap .box:nth-child(2) {width:40%; height:15rem; border-radius:8rem; z-index:3; justify-content:end; margin-left:1rem; }
#section-overlap .overlap .box:nth-child(3) {width:70%; height:19rem; border-radius:10rem; z-index:2; justify-content:end; margin-left:.5rem; }
#section-overlap .overlap .box:nth-child(4) {width:100%; height:20rem; border-radius:10rem; z-index:1; justify-content:end; }
#section-overlap .overlap .box .title {font-size: calc(.5rem + 1vw);}
#section-overlap .contents .text {margin-top:4rem; padding-top:3rem; border-top:1px dotted var(--duna-gray-600); }

/* section-owl */
#section-owl .contents .owl-carousel .item figure {background-position:center; background-size:cover; }

/* section widget gallery */
#section-widget-gallery .item {position:relative; margin-bottom:2rem; overflow:hidden ;}
#section-widget-gallery .item .item__thumbnail .img-wrap {overflow: hidden;}
#section-widget-gallery .item .item__thumbnail .img {padding-top:65%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:.5s;}
#section-widget-gallery .item:hover .item__thumbnail .img {transform:scale( 1.05 ); }
#section-widget-gallery .item .text {padding: 0.5rem 0 0 0;text-align: center;}
#section-widget-gallery .item .text .item__subject{font-size:1.5rem}
#section-widget-gallery.over .item {box-shadow:0rem 0.8rem 1rem rgb(0 0 0 / 30%);}
#section-widget-gallery.over .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-gallery.over .item:hover .text{bottom:0; opacity:1;}
#section-widget-gallery .btn-wrap {display:flex; justify-content:center; }

#section-widget-gallery #articleCarousel .carousel-item .item { padding: 0.75rem; }
#section-widget-gallery #articleCarousel .img-wrap { position: relative; }
#section-widget-gallery #articleCarousel .img-wrap::before { content:""; display:block; padding-top:195%; }
#section-widget-gallery #articleCarousel .img-wrap .img{
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  border-radius: .5rem;
}
#section-widget-gallery :is(.carousel-control-prev-icon, .carousel-control-next-icon) {width: 4rem;height: 4rem;}

/* section widget 2 */
#section-widget-2 .list-btn {text-align:center; }
#section-widget-2 .list-btn .duna-btn-circle span {letter-spacing:.1rem; }

/* section widget webzine */
#section-widget-webzine .contents {margin-top:0}
#section-widget-webzine .xet-content__webzine .item .item__content_wrp > div + div {margin-top:.5rem}
#section-widget-webzine .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-webzine.webzine .xet-content__webzine .item .item-inner {display:flex; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid var(--content-border-color)}
#section-widget-webzine.webzine .xet-content__webzine .item .item__thumbnail {flex-shrink:0; margin-right:1rem; max-width:30%}
#section-widget-webzine.webzine .xet-content__webzine .item .item__content_wrp {flex:1}
#section-widget-webzine .xet-content__webzine .item .item__exvars{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#section-widget-webzine.box .xet-content__webzine .item .item__content_wrp {padding:2rem; min-height:13rem;}


/* section banner1 */
#section-banner {color:var(--duna-gray-100); background-position:center; background-repeat:no-repeat; background-size:cover; padding:0; }
#section-banner .container {position:initial; }
#section-banner figure {position:relative; z-index:2; margin-bottom:0; background-position:top; background-size:cover; background-repeat:no-repeat; padding-top:150%; }

#section-banner .header {position:relative; z-index:2; padding:1vh 0;}
#section-banner .header .title {color:var(--duna-gray-100); }
#section-banner .header .desc {line-height:1.5; }

#section-banner.overflow .header-wrap {display:flex; align-items:center; height:100%; }
#section-banner.overflow figure img {width:100%; }

#section-banner.parallax figure {display:none; }
#section-banner.parallax .header-wrap {display:flex; }

/* section mission */
#section-mission .img-box {position:relative; display:flex; padding:3rem; }
#section-mission .img-box:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; }
#section-mission .img-box .content {width:50%; text-align:center; padding:9rem 4rem; border:1px dotted var(--duna-gray-400); z-index:2; transition:cubic-bezier(0.59, 0.42, 0, 1.01) .5s; }
#section-mission .img-box .content.right {border-left:0; }
#section-mission .img-box .content:hover {background-color:#00000070; }
#section-mission .img-box .content .title {color:var(--duna-point1);font-family:'Titillium Web','Noto Sans KR',sans-serif;font-size: calc(1rem + 0.5vw);}
#section-mission .number-contents .content .subtitle{z-index:2;position:relative}
#section-mission .img-box .content .desc {color:var(--duna-gray-100); font-weight:500; font-size: calc(1.5rem + 0.5vw); margin:0 auto;}
#section-mission .number-contents .content {position:relative; padding:10rem 3rem 0 0; }
#section-mission .number-contents .content .title {font-size:1.5rem; z-index:2; position:relative;}
#section-mission .number-contents .content1:before {content:'01'; }
#section-mission .number-contents .content2:before {content:'02'; }
#section-mission .number-contents .content3:before {content:'03'; }
#section-mission .number-contents .content4:before {content:'04'; }
#section-mission .number-contents .content5:before {content:'05'; }
#section-mission .number-contents .content6:before {content:'06'; }
#section-mission .number-contents .content:before {position:absolute; top: 1rem; left: 0; z-index:1; font-family:'Montserrat', sans-serif; font-size:10rem; font-weight:500; color:var(--duna-gray-200); }

/* section partner */
#section-partner .contents figure .img {height:10rem; background-position:center; background-repeat:no-repeat; background-size:contain; }
#section-partner .contents{display:grid;gap:1rem}
#section-partner.columm4 .contents{grid-template-columns:repeat(4,1fr)}
#section-partner.columm6 .contents{grid-template-columns:repeat(6,1fr)}

/* section contact */
#section-contact .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 contents */
#section-contents {background-color:var(--duna-white); min-height:500px; }

/* section map */
#section-map {overflow:hidden; color:var(--duna-white); }
#section-map .container {position:relative; height:100%; }
#section-map .container .row>div {position:absolute; z-index:2; right:0; top:0; }
#section-map .container .row .footer {background-color:var(--duna-point1); }
#section-map .container .row .footer>div {margin-bottom:2rem; }
#section-map .container .row .footer>div:last-child {margin-bottom:0; }
#section-map .container .row .footer .logo-img {background-position:left; background-repeat:no-repeat; }
#section-map .map {text-align:center; position:relative; margin-bottom:-0.4rem; }
#section-map .footer-wrap {display:flex; justify-content:flex-end; }

/* footer */
.section-wrap.footer {margin:-8vh 0 8vh; }
#section-footer {position:relative;line-height:1.8;background-color:var(--duna-gray-900); color:var(--duna-gray-600); z-index:3;padding: 5rem;}
#section-footer .row {justify-content:left; align-items: center;}
#section-footer .logo-img {background-position:center; background-repeat:no-repeat; min-height:5rem; }
#section-footer h5 {position:relative; padding-bottom:20px; margin-bottom:20px; }
#section-footer h5:before {content:''; display:block; position:absolute; left:0; bottom:0; width:30px; height:1px; border-bottom:1px solid #888; }
#copyright {padding:1rem 0; color:#bababa; background-color:var(--duna-point1); position:relative; }
#copyright .member {text-align:center; position:absolute; right:0; top:0; align-items:center; height:100%; }
#copyright .member a {color:transparent; transition:.1s; padding-right:1rem; display:flex; align-items:center; }
#copyright .member a:hover {color:var(--bs-info); }

/*-------------------------------------------------------
** 
** ETC
** 
--------------------------------------------------------*/
#section-parallax {background-attachment:initial; }

.modal .modal-content .btn-close {position:absolute;top: -1rem;right: -1rem;background-color:var(--duna-white);background-size: 46%;border-radius:50%;padding: 1.5rem;z-index:2;opacity:1;box-shadow:2px 3px 5px rgb(0 0 0 / 50%);}
.modal .modal-content .btn-close:hover {opacity:1; }
.modal .modal-body {padding:0.3rem; }

.bd .card {border:0; }
#pageFo .btnArea {display:block !important; }
.copyright .duna {font-size:.5rem; color:#fff; padding:.2rem .5rem; margin-left:1rem; border:1px dotted #fff; border-radius:.3rem; transition:.3s ease-out; opacity:0; }
.copyright .duna:hover {opacity:.2; }

/*-------------------------------------------------------
** 
** mediaQuery
** 
--------------------------------------------------------*/
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: calc(1200px + 10vw);}
}

@media (max-width:1399.98px) {
	#duna-container .duna-header .navbar-collapse > .navbar-nav > .nav-item > .nav-link{padding:0 .8rem;}
	#section-service .header.inside {padding:0 0 0 1rem; }
	#section-service.over figure figcaption {padding:5%;}
	#section-circle.bg {background-attachment:initial; }
	#section-circle.column2 .header {justify-content:flex-start; text-align:left; max-width:40rem; }
	#section-overlap .overlap .box {padding:1rem; }
	#section-parallax {background-attachment:initial; }

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

@media (max-width:991.98px) {
	.desc {word-break: break-all;}
	.duna-section {padding: 5vh 2vw;}
	#duna-container .duna-header.navbar .navbar.bsnav{margin:0 5%}
	#duna-container .duna-header .navbar .navbar-brand{width:6rem!important}
	#duna-container .duna-header .navbar .navbar-brand .carousel .carousel-item{padding-top:45%}
	#duna-container .duna-header{background-color:rgba(255, 255, 255, 0.5)!important}
	#duna-container .duna-header .navbar-nav .nav-item{color:var(--duna-gray-800)!important}
	#duna-container .duna-header .navbar-collapse .navbar-nav.val1 .nav-item .nav-link{padding:.5rem!important}
	#duna-container .duna-header.toggle .navbar-expand-lg{justify-content:space-between}
	#duna-container .duna-header .navbar .navbar-toggler .material-symbols-outlined{font-size:3rem}
	#promotion .header-wrap {position:initial; padding:0; }
	#promotion .header-wrap .header {margin-bottom:1rem; padding:0 4vw; }
	#volumeToggle{display:none;}
	#section-video .video-background {display:none; }
	.kakao figure .img {width:15rem; height:7rem; }
	#section-about .header {margin-top:2rem; }
	#section-about .carousel-item .lable {bottom: 0;}
	#section-about .carousel-item .lable .lable-header{padding-bottom: 0;}
	#section-about .carousel-item .lable .lable-desc {opacity: 1;}
	#section-about-3tier .contents .content .text {margin-top: 1rem;}
	#section-about-3tier .contents .content .text .subtitle {margin-bottom: .5rem;}
	#section-icon.icon .contents .content {margin-bottom:3rem; }
	#section-icon.icon .contents .content:last-child {margin-bottom:0; }
	#section-circle .contents {display:block; }
	#section-circle .contents li {border-radius:0; width:100%; }
	#section-circle .contents li:before {padding-top:60%; }
	#section-circle .contents li:nth-child(2) {margin:20px 0px; }
	#section-circle.column2 .header {text-align:left; }
	#section-circle.column2 .header .header-inner {padding:0; }
	#section-circle.column3 .contents li {width:100%; }
	#section-circle.bg {background-attachment:initial; }
	#section-circle.bg .contents .content {border-radius:0}
	#section-circle.bg .contents .content2 {background-color:transparent; }
	#section-business {padding: 0 2vh;}
	#section-system .contents .section-system_venndiagram .venndiagram__box:hover {margin-top:0rem; }
	#section-system .contents .section-system_venndiagram .row>div:nth-child(2) {margin-top:-2rem; }
	#section-system .contents .section-system_venndiagram .row>div:nth-child(3) {margin-top:-2rem; }
	#section-system .contents .section-system_venndiagram .row>div:nth-child(4) {margin-top:-2rem; }
	#section-service .carousel .carousel-inner .carousel-caption {padding:0.5rem 1rem; background-color:#000000b3; }
	#section-circle .contents li .inner {line-height:1; }
	#section-system .contents li .round-box {max-width:30rem; margin:0 auto; padding:1rem; }
	#section-overlap .overlap {align-items:baseline; height:33rem; }
	#section-overlap .overlap .box {align-items:end; padding:3rem; left:unset; }
	#section-overlap .overlap .box:hover {margin-left:0; }
	#section-overlap .overlap .box:nth-child(1) {justify-content:center; margin-top:1.5rem; align-items:center; }
	#section-overlap .overlap .box:nth-child(2) {justify-content:center; width:60%; height:16rem; border-radius:6rem; margin-top:1rem; }
	#section-overlap .overlap .box:nth-child(3) {justify-content:center; width:80%; height:25rem; border-radius:6rem; margin-top:.5rem; }
	#section-overlap .overlap .box:nth-child(4) {justify-content:center; width:100%; height:33rem; border-radius:6rem; }
	#section-overlap .contents .text .article {margin-top:4rem; }
	#section-overlap .contents .text .article:first-child {margin-top:0rem; }
	#section-mission .img-box {display:grid; padding:2rem; }
	#section-mission .img-box .content {width:100%; padding:2rem 2rem; }
	#section-mission .img-box .content.right {border-left:1px dotted var(--duna-gray-400); border-top:0; }
	#section-banner .header {padding: 5vh 0;}
	#section-banne.overflow .header-wrap {justify-content:center; }
	#section-widget-webzine.webzine .xet-content__webzine .item {align-items:center; margin-bottom:1rem; padding-bottom:1rem; }
	#section-widget-webzine.webzine .xet-content__webzine .item .item__thumbnail {margin-right:2rem; max-width:25%}	
	#section-widget-webzine.webzine .xet-content__webzine .item .item__content_wrp .item__summary {display:none; }
	#section-widget-webzine.webzine .xet-content__webzine .item .item__meta {display:flex; align-items:center; gap:16px}
	#section-widget-webzine.box .xet-content__webzine .item .item__content_wrp {margin-top:2rem}
	#section-partner.columm4 .contents{grid-template-columns:repeat(3,1fr)}
	#section-partner.columm6 .contents{grid-template-columns:repeat(3,1fr)}
	#section-map {background-color:var(--duna-point1);}
	#section-map .container .row {position:inherit; }
	#section-map .container .row>div {position:relative; }
	#section-map .footer-wrap {display:inherit; }
	#section-contact .contents1 {margin:10% 0 0; }
	.section-wrap.footer {margin:-4vh 0 4vh; }
	#section-footer {padding: 5rem 1rem;}
	#section-footer .site-logo {display:block; margin:0 auto; }
	#section-footer .row>div {margin-bottom:2rem; }
	#section-footer .row>div:last-child {margin-bottom:0; }
	#section-footer h5 {padding-bottom:10px; margin-bottom:10px; }
	#section-footer .logo-img {min-height: 5rem; background-position: calc(var(--bs-gutter-x) * 0.5);}
	.modal .modal-content button {bottom:-60px; top:unset; left:47%; margin-left:-24px; padding:1rem; opacity:.8; }
	.mb-xs-3 {margin-bottom:1rem; }
	.mb-xs-4 {margin-bottom:1.5rem; }
	.mobile {display:block; }
	.immobile {display:none; }
	.duna-btn-m-100 {width:100%; text-align:center; }

}

@media (max-width:767.98px) {
	#section-partner figure .img {height:5rem; }
    #section-footer {line-height:1.5; }

}

@media (max-width:575.98px) {
	#section-number .row>div:last-child {margin-bottom:0; }
	#section-overlap .overlap .box {padding:4rem 1rem; }
	#section-overlap .overlap .box:nth-child(1) {width:8rem; height:8rem; padding:3rem 1rem; margin-left:2rem; margin-top:2rem; }

}

@media (min-width:992px) {
	#duna-container .duna-header .navbar-expand-lg .navbar-toggler{display:none}
	#duna-container .duna-header.toggle .d-lg-none{display:inline-block!important}
	
}