@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; 
; }
@import url('//fastly.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css'); 
/*-------------------------------------------------------
** 
** 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; 
; }
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' 40}
#duna-container {overflow-x:hidden; }
.row {margin-left: 0; margin-right: 0;}
.link-point {position: absolute;top: -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; }

/*-------------------------------------------------------
** 
** 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-gradient1: 
	linear-gradient(45deg, #b0cc32 0%, var(--duna-point1) 100%);
	--point-gradient2:
	linear-gradient(45deg, var(--duna-point1) 0%, #884db1 100%);
	--point-gradient3:
	linear-gradient(45deg, var(--duna-point1-dark) 30%, var(--duna-point2-dark) 74%);
	--point-gradient4:
	linear-gradient(45deg, var(--duna-point2-dark) 30%, var(--duna-point1-dark) 74%);
	--duna-white:#ffffff;
	--duna-point1: #116efd;
	--duna-point2:#4da7b1;
	--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: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:500; }
.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 i {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 i:before {z-index:2; position:relative; }

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

.duna-header {width:100%; z-index:101; }
.duna-header.light {background-color:#ffffff4d; box-shadow:0rem 0rem 3rem #00000033; }
.duna-header.dark {background-color:#22262a99; }
.duna-header .navbar-expand-lg {justify-content:space-between; }
.duna-header .navbar .navbar-brand {width:9rem; height:4rem; cursor:pointer; background-position:center; background-size:contain; background-repeat:no-repeat; margin-top: 1rem; margin-bottom: 1rem; }
.duna-header .navbar .navbar-toggler i {color:var(--duna-point1); font-size: 3rem; }

.navbar-nav .nav-item {color: var(--duna-gray-800); }
.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); }

.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 .navbar.bsnav {background:none; }
.duna-header .navbar .navbar-toggler {width:auto; height:auto; }

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

#promotion:before,
#section-video:before,
.sub-top:before,
#section-parallax:before,
#section-mission .img-box:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: var(--point-gradient1);z-index:1;}

/* section header */
.duna-section .header {position:relative; margin-bottom:2rem; z-index: 2; }
.duna-section .header .title {font-size: calc(1rem + 0.5vw);color: var(--duna-point1);}
.duna-section .header .subtitle {font-size: calc(1.1rem + 1.1vw);font-family: "IropkeBatangM", serif ,'Open Sans','Noto Sans KR', sans-serif;}
.duna-section .header .desc {font-size: calc(1rem + 0.2vw);margin-top: 1rem;}
#promotion .header, #section-video .header, #sub-top .header {margin-bottom:0; padding-bottom:0; }

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

/* sub top */
.sub-top {margin-top:0; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; }
.sub-top>.container>.row {align-items: center; }
.sub-top .header {line-height:2.5rem; color: var(--duna-gray-200); }
.sub-top .header .subtitle {line-height: calc(2.5rem + 2.5vw); font-family: 'Noto Sans KR', sans-serif;}
.sub-top .bread {position:absolute; left:0; bottom:8rem; color:var(--bs-gray-400); z-index:2; }
.sub-top .bread a {margin-right: .2rem; }
.sub-top .bread span {margin-right: .2rem; }

/* 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 .contents {padding-right: 1rem;}
#section-icon .contents .material-symbols-outlined {padding-right:1rem; font-size: 4rem; color:var(--duna-point1);}
#section-icon .contents .title {font-size: calc(1.275rem + 0.3vw);}
#section-icon .container .row {align-items:center; }

/* section about1 */
#section-about1 .contents .row {align-items: center; }
#section-about1 .figure-warp .carousel-item {width:100%; height:0; background-position: center; background-size: cover; background-repeat: no-repeat;}
#section-about1 .cont {position: relative; z-index:1;}

/* section about2 */
#section-about2 .contents .row {align-items: center; }
#section-about2 .figure-warp .carousel-item {width:100%; height:0; background-position: center; background-size: cover; background-repeat: no-repeat;}

/* section about3 */
#section-about3 .contents .row {align-items: center; }
#section-about3 .figure-warp .carousel-item {width:100%; height:0; background-position: center; background-size: cover; background-repeat: no-repeat;}

/* section about4 */
#section-about4 .contents .row {align-items: center; }
#section-about4 .figure-warp .carousel-item {width:100%; height:0; background-position: center; background-size: cover; background-repeat: no-repeat;}

/* section about5 */
#section-about5 .contents .row {align-items: center; }
#section-about5 .figure-warp .carousel-item {width:100%; height:0; background-position: center; background-size: cover; background-repeat: no-repeat;}

/* 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; }
#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 i {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 i {bottom:0; opacity:.8; }
#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 number */
#section-number {color:#fff; }
#section-number .contents {text-align:center; }
#section-number .contents i {font-size: 4rem; }
#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-number .contents .desc {max-width:15rem; margin:0 auto; transition:inherit; font-size: 1.3rem; font-weight: 400; }
#section-number .contents-warp .row {align-items: center; }

/* 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-radius:50%; width:100%; height:100%; top:0; left:0; bottom:0; }
#section-circle .contents li .square {position:absolute; 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 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 1 */
#section-widget-1 .thumbnail {padding-top:65%;background-position:center;background-repeat:no-repeat;background-size:cover;cursor: pointer;}
#section-widget-1 .list_btn {display: flex; justify-content: center; }
#section-widget-1 .list_btn .duna-btn-circle span {letter-spacing: .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 3 */
#section-widget-3 .xe-widget-wrapper {overflow: initial; }

/* section info */
#section-info .contents .contents-warp {display:flex; }
#section-info .contents .img {width:50%; }
#section-info .contents .contents-warp .text {width:50%; display:flex; justify-content:center; align-items:center; color:#fff; background-color: var(--duna-point1); }
#section-info .contents .contents-warp .text .text-warp {max-width:50rem; }

/* section banner */
#section-banner:before {content:''; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background-color: var(--duna-point1); opacity: .5; }
#section-banner .container {position: initial; }
#section-banner figure {position:relative; z-index:2; display:flex; align-items:flex-end; margin-bottom:0; }
#section-banner .header {position:relative; z-index:2; }
#section-banner .header .desc {line-height:1.5; }

/* 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 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 parallax */
#section-parallax {background-position: center; background-size: cover; background-attachment:fixed; color:var(--duna-gray-200); }
#section-parallax .row {align-items:center; justify-content: center; }
#section-parallax .header {text-align:center; }
#section-parallax .contents {text-align:center; position:relative; }
#section-parallax .contents i {margin:30px 40px; }

/* footer */
.section-warp.footer {margin:-8vh 0 8vh; }
#section-footer {position: relative; line-height:1.8; background-color:#f1f1f1; color:#979797; z-index: 3; }
#section-footer .row {justify-content:center; }
#section-footer .logo-img {background-position:center; background-repeat:no-repeat; min-height: 5rem; }
#section-footer .row>div {margin-bottom: 1rem; }
#section-footer .row>div:last-child {margin-bottom: 0; }
#section-footer .text .title {position:relative; padding-bottom:20px; margin-bottom:20px; }
#section-footer .text .title: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: linear-gradient(to right, #2C5364, #203A43, #0F2027);position: relative;text-align: center;}
#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; }
#copyright .member a:hover {color:var(--bs-info); }

/*-------------------------------------------------------
** 
** ETC
** 
--------------------------------------------------------*/

.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 (max-width:1399.98px) {
	.navbar-collapse>.navbar-nav>.nav-item>.nav-link {padding:0 .8rem; }
	.section-warp {margin:-6vh 0; padding: 0 4vw; }
	.sub-top {background-attachment:initial; }
	.sub-top .bread {bottom:6rem; }
	#section-service .header.inside {padding: 0 0 0 1rem; }
	#section-overlap .overlap .box {padding:1rem; }
	#section-info .contents .contents-warp .text .text-warp {padding:15rem 20%; max-width:50rem; }
	#section-parallax {background-attachment:initial; }

; }

@media (max-width:991.98px) {
	.duna-section .header {margin-bottom:20px; }
	.duna-header .navbar .navbar-brand {width: 5rem;height: 2rem;}
	.section-warp {margin:-4vh 0; padding: 0 3vw; }
	#promotion .header-warp {position:initial; padding: 0; }
	#promotion .header-warp .header {margin-bottom: 1rem; padding: 0 4vw; }
	#section-video .video-background {display:none; }
	#sub-top .bread {bottom:4rem; margin-left: 5%; }
	.row > * {padding-left: 0; padding-right: 0;}
	
	#section-icon .container .row>div:last-child {margin-bottom: 0; }
	#section-icon .contents {justify-content: flex-start; }
	#section-about .contents.cont2,#section-about .contents.cont3 {margin-top:5rem; }
    #section-circle {background-attachment:initial; }
	#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-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-info .contents .contents-warp {display:block; }
	#section-info .contents .img {width:100%; height:40vh; }
	#section-info .contents .contents-warp .text {width:100%; display:flex; justify-content:center; align-items:center; }
	#section-info .contents.line-2 .contents-warp .text .text-warp {text-align:left; }
	#section-service .carousel .carousel-inner .carousel-caption {padding:0.5rem 1rem; background-color:#000000b3; }
	#section-circle .contents li .inner {line-height: 1; }
	#section-number .row>div {margin-bottom: 4rem; }
	#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-parallax {background-attachment:initial; }
	#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 .site-logo {display:block; margin:0 auto; }
	#section-footer .row>div:last-child {margin-bottom: 0; }
	#section-footer h5 {padding-bottom: 10px; margin-bottom: 10px; }
	#section-footer .logo-img {min-height: 4rem;}
	
	.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-number .row:nth-child(2)>div {position:relative; }
	#section-number .row:nth-child(2)>div:before {content:''; position:absolute; width:100px; height:2px; bottom:-10px; left:50%; margin-left:-50px; background-color:#ffffff50; }
	#section-number .row:nth-child(2)>div:nth-child(4):before {content:''; position:absolute; width:100px; height:0px; bottom:0px; left:50%; margin-left:-50px; }
	#section-number .contents .title {display:flex; margin:0 auto; justify-content:center; align-items: center; }
	#section-number .contents .title i {margin-right:4px; }
	#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) {
	.navbar-expand-lg .navbar-toggler {display:none; }
	
; }