@charset "utf-8"; 

/*-------------------------------------------------------
** 
** Default 
** 
--------------------------------------------------------*/
html {scroll-behavior: auto;} 
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;}
#duna-container {overflow-x:hidden;}
.titillium {font-style:'Titillium Web',sans-serif;}
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6 {font-weight:inherit;}
.mobile {display:none;}
.col-lg-0 {display:none;}
.uppercase {text-transform:uppercase;}
.relative {position:relative;}

/*-------------------------------------------------------
** 
** 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:#2979be; 
	--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: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 i{position:initial;display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:50%;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 
** 
--------------------------------------------------------*/
.navbar-collapse>.navbar-nav>.nav-item>.nav-link {padding:0; line-height:80px; -webkit-transition:all .3s; transition:all .3s; padding:0 1rem; font-weight:700; color:#333;}
.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.kso-sticky .navbar-collapse>.navbar-nav>.nav-item>.nav-link {line-height:60px;}
.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;}
.navbar.bsnav {background:none;}
.nav-item:hover>.nav-link,
.nav-item.active .caret, 
.nav-item:hover .caret {border-top-color:var(--duna-point1);}
.navbar-collapse>.navbar-nav>.nav-item>.nav-link {font-size:1.1rem; font-weight:600; text-transform:uppercase;}
.duna-header .navbar .navbar-brand {width: 14rem; height: 3rem; cursor:pointer; background-position:center; background-size: cover; background-repeat:no-repeat;}

.bsnav-mobile {z-index:102;}
.bsnav-mobile>.navbar {padding-top:60px; width:300px; background: #ffffffe6;}
.bsnav-mobile>.navbar>.navbar-nav {padding:20px 0;}
.bsnav-mobile .navbar-nav {padding:0;}

.bsnav-mobile .navbar-nav .nav-item .navbar-nav {margin:0; background:#f7f7f7; padding: 1rem 0 1rem 1rem;}
.bsnav-mobile .navbar-nav .nav-item .nav-link {display:block; padding:.5rem 2rem; line-height:40px; border-top:1px solid #f5f5f5;}
.bsnav-mobile .navbar-nav .nav-item .nav-link.val2 {font-size: 1rem;line-height: 1rem;}
.bsnav-mobile .navbar ul:nth-child(2){display:none;}
.bsnav-mobile .bsnav-mobile-overlay {background-color:rgba(0,0,0,0.3);}

.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {background-color:var(--duna-point1);}
.dropdown-toggle::after {position:absolute; top:50%; right:25px;}
.bsnav-mobile .navbar-nav .nav-item {font-size:1.4rem; text-transform:uppercase;}
.bsnav-mobile .navbar-nav .nav-item .nav-link:hover {color:var(--duna-point1);}
.duna-header .navbar .navbar-brand {margin:1rem 0;}
.navbar.bsnav {max-height:7rem;}
.navbar-expand-lg {justify-content:space-between;}
.navbar-brand { margin:0 auto;}
.navbar-toggler {width:35px; height:25px;}
.navbar-toggler .navbar-toggler-icon, 
.navbar-toggler .navbar-toggler-icon::after, 
.navbar-toggler .navbar-toggler-icon::before {height:3px;}
.navbar-toggler.toggler-spring .navbar-toggler-icon::before {top:12px;}
.navbar-toggler.toggler-spring .navbar-toggler-icon::after {top:24px;}




/*-------------------------------------------------------
** 
** 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}
.link-point {position: absolute;top: 0;}

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

/* section header */
.duna-section .header {position:relative; padding-bottom:20px; margin-bottom:20px; z-index: 2;}
.duna-section .header .title {color:var(--duna-point1); font-family:'Titillium Web','Noto Sans KR',sans-serif;}
.duna-section .header .subtitle {font-family:'Titillium Web','Noto Sans KR',sans-serif; letter-spacing:-1.5px;}
.duna-section .header .desc {line-height:1.5; margin-top: 1rem;}
#promotion .header, #section-video .header, #sub-top .header {margin-bottom:0; padding-bottom:0;}
#promotion .header .subtitle, #section-video .header .subtitle, #sub-top .header .subtitle {line-height: .9;}

/* 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 .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 i {padding-right:1rem;}
#section-icon .container .row {align-items:center;}

/* section about */
#section-about .contents {line-height:1.8;}
#section-about .contents .row {align-items: center;}
#section-about .contents.cont2,#section-about .contents.cont3 {margin-top:8rem;}
#section-about .figure-warp {max-width:55rem;}
#section-about .figure-warp figure {width:100%; height:0; background-position: center; background-size: cover;}

/* 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; cursor: pointer;}
#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;}
#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 .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 );}
#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; transition:20s;}
#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 {display:flex; align-items:center;}
#section-system .contents li {list-style:none; width:40%; transition: .5s;}
#section-system .contents li:hover {margin-top:-1rem}
#section-system .contents li:nth-child(1){z-index:1;}
#section-system .contents li:nth-child(2){z-index:2;margin-left: -4rem;}
#section-system .contents li:nth-child(3){z-index:3;margin-left: -4rem;}
#section-system .contents li:nth-child(4){z-index:4;margin-left: -4rem;}
#section-system .contents li .round-box {padding: 1rem 5rem;min-height: 15rem;border-radius: 8rem;display:flex;align-items:center;justify-content: center;text-align:center;}

/* section widget 1 */
#section-widget-1 .list_btn {text-align: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 {justify-content:center; color:#fff;}
#section-info .contents .contents-warp .text {width:50%; display:flex; justify-content:center; align-items:center;}
#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 #bbb; 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;}

.number-contents .row>div {position:relative;}
.number-contents .row>div:nth-child(1):before {content:'01';}
.number-contents .row>div:nth-child(2):before {content:'02';}
.number-contents .row>div:nth-child(3):before {content:'03';}
.number-contents .row>div:nth-child(4):before {content:'04';}
.number-contents .row>div:nth-child(5):before {content:'05';}
.number-contents .row>div:nth-child(6):before {content:'06';}
.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; opacity: .1;}


/* section partner */
#section-partner figure .img {height: 10rem; background-position:center; background-repeat:no-repeat; background-size: contain;}
#section-partner .accordion-item{background-color:transparent;border-bottom:1px dotted var(--duna-gray-600)}
#section-partner .accordion-button:not(.collapsed){color:var(--duna-gray-400);background-color:transparent}
#section-partner .accordion-button{color:var(--duna-gray-600);background-color:transparent}

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

/* section map */
#section-map {overflow: hidden; color:var(--duna-white);}
#section-map .container {position: relative; height: 100%;}
#section-map .container .row {position: absolute; width: 100%; z-index: 2;}
#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: -2rem;}
#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:#979797; z-index: 3;}
#section-footer .row {justify-content:center;}
#section-footer .logo-img{background-position:right;background-repeat:no-repeat;min-height:3rem;margin:0 2rem 2rem 0}
#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;}
#section-footer .text1 {display:flex;align-items:end}
#section-footer .text1 .desc {font-size:.8rem}
#section-footer .text2 .desc {text-align:end}

#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;}
#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-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.dark .navbar .navbar-brand {width:7rem; height:3rem;}
	.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%;}
	#section-icon .container .row>div {margin-bottom: 4rem;}
	#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 {display: block;}
	#section-system .contents li {width: 100%;}
	#section-system .contents li:hover {margin-top:0}
	#section-system .contents li:nth-child(2){margin-top:-2rem; margin-bottom:-2rem; margin-left:0; margin-right:0;}
	#section-system .contents li:nth-child(3){margin-top:-2rem; margin-bottom:-2rem; margin-left:0; margin-right:0;}
    #section-system .contents li:nth-child(4){margin-top:-2rem; margin-bottom:-2rem; margin-left:0; margin-right:0;}
	#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 {justify-content:flex-start;}
	#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-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 #bbb; border-top: 0;}
	#section-mission .img-box .contents .desc {color: #fff; line-height: 3rem;}
	#section-parallax {background-attachment:initial;}
	#section-map {background-color: var(--duna-point1);}
	#section-map .container .row {position: inherit;}
	#section-map .footer-warp {display: inherit;}
	#section-banner img {display:none;}
	#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 {margin-bottom: 2rem;}
	#section-footer .row>div:last-child {margin-bottom: 0;}
	#section-footer h5 {padding-bottom: 10px; margin-bottom: 10px;}
	#section-footer .text1 {display:none;}
	#section-footer .text2 .desc .mobile {font-size:.8rem}
	#section-footer .logo-img{background-position:center;margin:0 0 2rem 0}
	#section-footer .text2 .desc {text-align:center}

	.link-point {top: -5rem;}
	.modal .modal-content button {bottom:-60px; top:unset; left:50%; 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-footer {line-height:1.5;}

}

@media (max-width:575.98px){
	#section-number .row>div:last-child {margin-bottom: 0;}
}

@media (min-width:992px){
	.navbar-expand-lg .navbar-toggler {display:none;}
	
}