@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;
}
a {color:inherit; text-decoration:none; }
a:hover {color:inherit; }
.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; }

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

/*-------------------------------------------------------
** 
** 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:#2454a4; 
	--duna-point2:#4b97ca; 
	--duna-point1-dark:#141e30; 
	--duna-point2-dark:#243b55; 
	--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: .2rem 1rem;font-size:1rem;line-height:2rem;border:1px solid;border-radius: .5rem;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 .promotion_btn:after {background-color:var(--duna-gray-100)}
#promotion .promotion_btn span.material-symbols-outlined {color:var(--duna-gray-600)}
#promotion:hover .duna-btn-circle.promotion_btn span {color:var(--duna-gray-600); }
#promotion:hover .duna-btn-circle:after {width:100%; }
#promotion .duna-btn-circle.promotion_btn:hover:after {background-color:var(--duna-gray-100)}

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

.duna-header {width:100%; z-index:101; }
.duna-header {background-color:#ffffff4d; box-shadow:0rem 0rem 3rem #00000033; }
.duna-header .navbar-expand-lg {justify-content:space-between; }
.duna-header .navbar .navbar-brand {cursor:pointer; transition:.3s; width: 21rem;}
.duna-header .navbar .navbar-brand .carousel .carousel-item {cursor:pointer; background-position:center; background-size:contain; background-repeat:no-repeat; padding-top:25%;}
.duna-header .navbar .navbar-toggler .material-symbols-outlined {color:var(--duna-point1);font-size:4rem; font-variation-settings:'wght' 600; }

.navbar-nav .nav-item:hover>.nav-link {color:var(--duna-point1); }
.nav-item.dropdown>.navbar-nav {padding:10px 0; }
.nav-item.dropdown>.navbar-nav .nav-item .nav-link {padding:0 20px; line-height:40px; }
.nav-item:hover>.nav-link,
.nav-item.active .caret,
.nav-item:hover .caret {border-top-color:var(--duna-point1); }

.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; }
.navbar-collapse .navbar-nav.val1>.nav-item:hover>.nav-link {color:var(--duna-point1); }
.navbar-collapse .navbar-nav.val1>.nav-item:last-child .nav-link {padding:1rem 0 1rem 1rem; }
.navbar-collapse .navbar-nav.val2 .nav-item .nav-link {font-size:.9rem; font-weight:600; text-transform:capitalize; padding:0 1rem; }
.navbar-collapse .navbar-nav.val2 .nav-item:hover>.nav-link {color:var(--duna-point1); }

.duna-header.navbar .navbar .navbar-brand {margin-left:0; margin-right:0;}
.duna-header.toggle .navbar .navbar-brand {margin:.5rem auto;}
.duna-header.toggle .navbar-expand-lg .navbar-toggler {display:block; position:absolute; right:0;}
.duna-header.toggle .navbar-expand-lg .navbar-collapse {display:none !important; }

.bsnav-mobile {z-index:102; }
.bsnav-mobile .bsnav-mobile-overlay {background-color:rgba(0,0,0,0.3); }
.bsnav-mobile>.navbar {padding-top:2rem; width:18rem; background:#ffffffcc; }
.bsnav-mobile .navbar-nav .nav-item .nav-link {display:flex; align-items:center; }
.bsnav-mobile .navbar-nav .nav-item .nav-link:hover {color:var(--duna-point1); }

.bsnav-mobile .navbar .navbar-nav.val1 {padding:1rem 0; }
.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; }
.bsnav-mobile .navbar-nav.val1 .nav-item:nth-child(1) .nav-link {border-top:0; }
.bsnav-mobile .navbar-nav .nav-item.in .nav-link i {transform:rotate(180deg); }
.bsnav-mobile .navbar-nav .nav-item .nav-link i {margin-left:.3rem; transition:.5s; }
.bsnav-mobile .navbar-nav .nav-item .navbar-nav.val2 {padding:1rem .5rem; margin-left:0; margin-right:0; background:#2979be; }
.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); }
.bsnav-mobile .navbar-nav.val2 .nav-item:hover .nav-link {color:var(--duna-gray-100); }
.bsnav-mobile .navbar-nav.val2 .nav-item:nth-child(1) .nav-link {border-top:0; }

.duna-header .container .navbar.bsnav {width:100%;}
.duna-header .duna {width:100%;}
.duna-header .navbar.bsnav {background:none; }
.duna-header .navbar .navbar-toggler {width:auto; height:auto; box-shadow:none;}

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

/* section Default*/
#contents-box, .section-warp-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:15vh 0; }
.duna-section .contents {margin-top:4rem; }
.container {position:relative; z-index:2; }
.title {text-transform:uppercase; font-weight:500; }
.section-warp {margin:-8vh 0; padding:0 5vw; }
.section-warp-inner {box-shadow:0 2rem 4rem #0006; position:relative; z-index:2; margin:0 auto; max-width:120rem; }
.link-point {position:absolute; }

#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:#00000080; z-index:1; }

/* promotion */
#promotion .header, #section-video .header {margin-bottom:0; padding-bottom:0; color:var(--duna-gray-200); }
#promotion .header .subtitle, #section-video .header .subtitle {font-size:calc(3rem + 1vw); line-height:calc(3rem + 1.5vw); text-transform:uppercase; }
#promotion .header .title, #section-video .header .title {font-family:'Titillium Web','Noto Sans KR',sans-serif; font-size:calc(1.1rem + 0.7vw); font-weight:600; }

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

/* section slider */
#promotion {position:relative; background-position:center; background-size:cover; }
#promotion .header-warp {position:absolute; display:flex; align-items:center; height:100%; width:100%; padding:0 10vh; }
#promotion .carousel .carousel-inner .carousel-item .img-warp {max-width:100%; }
#promotion .carousel .carousel-inner .carousel-item .img-warp .img {background-size:cover; background-position:center; width:100%; height:0; }
#promotion .carousel .carousel-control-prev, .carousel-control-prev,.carousel-control-next {z-index:3; }
#promotion .carousel .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; }
#section-video .header-warp {position:absolute; display:flex; align-items:center; height:100%; width:100%; padding:0 4vw; }
#section-video .video-warp {text-align:center; }

.video-background {background:#000; top:0; right:0; bottom:0; left:0; z-index:-99; }
.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 all and (max-width:600px) {
.vid-info {width:50%; padding:.5rem; }
.vid-info h1 {margin-bottom:.2rem; }
; }
@media all and (max-width:500px) {
.vid-info .acronym {display:none; }
; }

/* section icon */
#section-icon [class*='col-'] {position:relative; }
#section-icon .container .row {align-items:flex-start; }
#section-icon.icon .contents .contents-inner {display:flex; }
#section-icon .contents .icon .material-symbols-outlined {padding-right:1rem; font-size:4rem; color:var(--duna-point1); }
#section-icon .contents .text .title {font-size:calc(1.275rem + 0.3vw); } 
#section-icon.card [class*='col-']:after {width:0px; }
#section-icon.card .contents .contents-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 about */
.section-about .contents {line-height:1.8; margin-top:0; }
.section-about .contents .row {align-items:center; }
.section-about .carousel-item {background-position:center; background-size:cover; background-repeat:no-repeat; }
.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;}

/* section business */
#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; }
#section-business .immobile .row .col {display:flex; align-items:center; justify-content:center; max-width:20rem; height:90vh; transition:.5s; z-index:1; padding:0 2rem; position:relative; }
#section-business .immobile .row .col:hover .icon i {padding:0 0 3rem; }
#section-business .immobile .row .col .icon i {font-size:3rem; transition:.7s; }
#section-business .immobile .row .col .contents {max-width:15rem; opacity:.3; transition:.7s; }
#section-business .immobile .row .col .contents:before {content:''; position:absolute; left:20%; top:0; height:39%; width:0; border-left:1px dotted #ffffff99; transition:.5s; }
#section-business .immobile .row .col .contents:after {content:''; position:absolute; left:20%; bottom:0; height:49%; width:0; border-left:1px dotted #ffffff99; transition:.5s; }
#section-business .immobile .row .col .contents img {width:3rem; }
#section-business .immobile .row .col .contents .text .desc {opacity:0; transition:.5s; }
#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:#00000040; }
#section-business .immobile .row .col.active:hover {background-color:#00000070; max-width:25rem; }
#section-business .immobile .row .col.active:nth-child(1):hover ~ .bg .image:nth-child(1) {opacity:1; }
#section-business .immobile .row .col.active:nth-child(2):hover ~ .bg .image:nth-child(2) {opacity:1; }
#section-business .immobile .row .col.active:nth-child(3):hover ~ .bg .image:nth-child(3) {opacity:1; }
#section-business .immobile .row .col.active:hover ~ .bg .image:nth-child(4) {opacity:0; }
#section-business .immobile .row .col.active:hover .contents {opacity:1; }
#section-business .immobile .row .col.active:hover .contents:before {left:26%; top:0; height:37%; }
#section-business .immobile .row .col.active:hover .contents:after {left:26%; bottom:0; height:37%; }
#section-business .immobile .row .col.active:hover .contents .icon i {padding-bottom:1rem; font-size:4rem; }
#section-business .immobile .row .col.active:hover .contents .text .desc {opacity:1; }
#section-business .immobile .row .col.active:hover .contents .text .btn-slim {opacity:1; }

#section-business .mobile {color:var(--duna-white); position:relative; width:100%; }
#section-business .mobile:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; background-color:#00000066; }
#section-business .mobile .row {background-size:cover; background-position:center; background-repeat:no-repeat; margin:0; }
#section-business .mobile .row:nth-child(1) .contents {padding:12vh 4vw 7vh; }
#section-business .mobile .row:nth-child(2) .contents {padding:7vh 4vw; }
#section-business .mobile .row:nth-child(3) .contents {padding:7vh 4vw 12vh; }
#section-business .mobile .contents .text img {width:3rem; }
#section-business .mobile .row .container .contents {position:relative; }
#section-business .mobile .row .container .contents .text {position:relative; }

/* 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-warp {max-width:100%; overflow:hidden; }
#section-service figure:hover .img {transform:scale( 1.05 ); }
#section-service figure .img-warp .img {width:100%; height:0; background-position:center; background-size:cover; transition:.5s; padding-top:56%; }
#section-service figure .img-warp .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-warp .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-warp {max-width:100%; }
#section-service .section-service-carousel .carousel-inner .carousel-item .img-warp .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; }
.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-warp {display:flex; align-items:center; justify-content:center; }
#section-number .number-warp .sign {font-weight:400; }
#section-number .number-warp .unit {font-weight:400; }
#section-number .number-warp .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 li {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 li:before {content:""; display:block; padding-top:100%; }
#section-circle .contents li:hover .circle {transform:rotate( 360deg ); transition:20s; }
#section-circle .contents li:nth-child(2) {margin:0 -30px; z-index:1; }
#section-circle .contents li .circle {position:absolute; border:4px dotted; border-radius:50%; width:100%; height:100%; top:0; left:0; bottom:0; }
#section-circle .contents li .square {position:absolute; border:1px dotted; width:100%; height:100%; top:0; left:0; bottom:0; }
#section-circle .contents li .inner {padding:0 10%; }
#section-circle .btn-bottom {display:flex; justify-content:center; margin-top:5rem; }

#section-circle.column2 .contents li:nth-child(3) {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 li:hover {background-color:#00000099; }
#section-circle.bg .contents li:nth-child(2) {background-color:#00000060; }
#section-circle.bg .contents li:nth-child(2):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-warp {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 .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 {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:1rem}
#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: 0rem;width:100%;color:var(--duna-gray-200);}
#section-widget-gallery .btn-warp {display:flex; justify-content:center; }

#section-widget-gallery.over .item .item__thumbnail .img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #00000080 0%, #00000099 30%, #ffffff00 100%);
}

.item-cell.item__category {
    position: absolute;
    top: 1rem;
    left: .5rem;
    color: var(--duna-point1);
}

.item-cell.item__category .category {
    border-radius: 5rem;
    background-color: var(--duna-gray-100);
    padding: .3rem 1rem;
}

/* 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-2 .list .item-row .item__subject .subject {
    z-index: 2;
    position: relative;
}

#section-widget-2 .list .item-row .item__subject .subject:hover {
    color: var(--duna-point1);
}

#section-widget-2 .list .item-row .item__subject .arrow {
    position: absolute;
    right: 4rem;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: end;
	opacity: 0;
	transition: .5s ease;
}
#section-widget-2 .list .item-row:hover .item__subject .arrow {
    right: 1rem;
	opacity: 1;
}

#section-widget-2 .list .item-row .item__subject .arrow span {
    font-size: 2rem;
    color: var(--duna-point1);
}
#section-widget-2 .list .item-row .meta {
	transition: .5s ease;
}

#section-widget-2 .list .item-row:hover .meta {
	color: transparent;
}



/* 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;}
#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.box .xet-content__webzine .item .item__content_wrp {padding:2rem;}

/* 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-warp {display:flex; align-items:center; height:100%; }
#section-banner.overflow figure img {width:100%; }

#section-banner.parallax figure {display:none; }
#section-banner.parallax .header-warp {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 .contents {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 .contents.right {border-left:0; }
#section-mission .img-box .contents:hover {background-color:#00000070; }
#section-mission .img-box .contents .title {color:var(--duna-point1); font-family:'Titillium Web','Noto Sans KR',sans-serif; }
#section-mission .img-box .contents .desc {color:var(--duna-gray-300); line-height:4rem; font-weight:500;  margin:0 auto; }
#section-mission .number-contents .contents {position:relative; z-index:2; padding:10rem 3rem 0 0; }
#section-mission .number-contents .row>div {position:relative; }
#section-mission .number-contents .row>div:nth-child(1):before {content:'01'; }
#section-mission .number-contents .row>div:nth-child(2):before {content:'02'; }
#section-mission .number-contents .row>div:nth-child(3):before {content:'03'; }
#section-mission .number-contents .row>div:nth-child(4):before {content:'04'; }
#section-mission .number-contents .row>div:nth-child(5):before {content:'05'; }
#section-mission .number-contents .row>div:nth-child(6):before {content:'06'; }
#section-mission .number-contents .row>div:before {position:absolute; top:3rem; left:.2rem; z-index:1; font-family:'Montserrat', sans-serif; font-size:8rem; font-weight:500; }

/* 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-warp {display:flex; justify-content:flex-end; }

/* footer */
.section-warp.footer {margin:-8vh 0 8vh; }
#section-footer {position:relative;line-height:1.8;background-color:#f1f1f1;color: var(--duna-gray-600);z-index:3;padding: 5rem;}
#section-footer .row {justify-content:center; }
#section-footer .logo-img {background-position:center; background-repeat:no-repeat; min-height:5rem; }

#section-footer .title {
	position: relative;
	padding-bottom:1rem;
	margin-bottom: 1rem;
    font-size: 1.3rem;
    font-weight: 600;
}

#section-footer .title:before {content:''; display:block; position:absolute; left:0; bottom:0; width:30px; height:1px; border-bottom:1px solid #888; }


#section-footer .text2 .desc {
    display: flex;
    align-items: end;
    justify-content: right;
    height: 100%;
}

#section-footer .text2 .desc .duna-btn-slim {
    color:var(--duna-gray-200);
    background-color: var(--duna-gray-700);
}


#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 button {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%); }
.modal .modal-content button: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) {
	.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) {
	.navbar-collapse .navbar-nav.val1 .nav-item .nav-link {padding: .5rem;}
	.navbar-collapse .navbar-nav.val1>.nav-item:last-child .nav-link {padding: .5rem 0 .5rem .5rem;}

}

@media (max-width:991.98px) {
	.duna-section {padding: 5vh 2vw;}
	.duna-header.navbar .navbar.bsnav {margin:0 5%;}
	.duna-header{background-color:rgb(237 237 237 / 90%)!important}
	.duna-header .navbar-nav .nav-item{color:var(--duna-gray-800)!important}
	.duna-header .navbar .navbar-brand{width:15rem!important}
	.duna-header .navbar .navbar-brand .carousel .carousel-item{padding-top:16%!important}
	.duna-header.toggle .navbar-expand-lg {justify-content:space-between;}
	.section-about .header {margin-top:2rem; }
	#promotion .header-warp {position:initial; padding:0; }
	#promotion .header-warp .header {margin-bottom:1rem; padding:0 4vw; }
	#section-video .video-background {display:none; }
	.kakao figure .img {width:15rem; height:7rem; }
	#section-icon .container .row>div: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-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 .contents {width:100%; padding:2rem 2rem; }
	#section-mission .img-box .contents.right {border-left:1px dotted var(--duna-gray-400); border-top:0; }
	#section-mission .img-box .contents .desc {color:var(--duna-gray-100); line-height:3rem; }
	#section-banner .header {padding: 5vh 0;}
	#section-banne.overflow .header-warp {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-widget-2 .list .item-row:hover .meta {color: inherit;}
	#section-widget-2 .list .item-row:hover .item__subject .arrow {opacity: 0;}
	#section-partner.columm4 .contents{grid-template-columns:repeat(2,1fr)}
	#section-partner.columm6 .contents{grid-template-columns:repeat(2,1fr)}
	#section-partner .contents figure .img {height: 3rem; background-position: left;}
	#section-map {background-color:var(--duna-point1); }
	#section-map .container .row {position:inherit; }
	#section-map .container .row>div {position:relative; }
	#section-map .footer-warp {display:inherit; }
	#section-contact .contents1 {margin:10% 0 0; }
	.section-warp.footer {margin:-4vh 0 4vh; }
	#section-footer {padding: 4vh 2vw;}
	#section-footer .site-logo {display:block; margin:0 auto; }
	#section-footer .logo-img {min-height: 10rem;}
	#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 .text2 .desc {display: none;}
	.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-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) {
	.navbar-expand-lg .navbar-toggler {display:none; }
	.duna-header.toggle .d-lg-none {display:inline-block !important;}
	
; }