@charset "utf-8"; 

/*-------------------------------------------------------
** 
** Default 
** 
--------------------------------------------------------*/
body,button,dd,dl,dt,fieldset,form,hr,input,legend,li,ol,p,select,table,td,textarea,th,ul {
	word-break:keep-all; 
	color:var(--duna-gray-700); 
	font-family: "Roboto", sans-serif;
; }
a {color:inherit; text-decoration:none; }
a:hover {color:inherit; }
#duna-container {overflow-x:hidden;}
.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; }

.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

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

.noto-sans {font-family: 'Noto Sans KR', sans-serif; }
.noto-Serif {font-family: 'Noto Serif KR', serif; }
.montserrat {font-family: 'Montserrat', sans-serif; }
.roboto {font-family: "Roboto", sans-serif;}
.Roboto-Condensed {font-family: "Roboto Condensed", serif;}

/*-------------------------------------------------------
** 
** 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:#3067b0; 
	--duna-point2:#0d6efd;
	--duna-point3:#0c306f;
	--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;
	scroll-behavior: unset;
; }

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


/*-------------------------------------------------------
** 
** 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; margin-left:10px; transition:cubic-bezier(0.97, 0.18, 0.62, 0.85) .3s; font-size:1.5rem;}
.duna-btn-circle i:before {z-index:2; position:relative; }

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

.duna-header {width:100%;z-index: 1055;}
.duna-header.light {background-color:#ffffff4d; box-shadow:0rem 0rem 3rem #00000066; }
.duna-header .navbar.bsnav {background:none;}
.duna-header .navbar .navbar-brand {width: 16rem;height: 3.5rem;cursor:pointer;background-position:center;background-size: cover;background-repeat:no-repeat;margin-top: 1rem;margin-bottom: 1rem;}

.navbar-nav .nav-item {color: var(--duna-gray-200);}
.navbar-nav .nav-item:hover>.nav-link {color: var(--duna-gray-200); }
.navbar-menu span{font-size:3rem;color:var(--duna-point1);font-weight:800}

.duna-header.mobile .navbar-toggler{width:auto;height:auto}
.duna-header.mobile .navbar-toggler span{font-size:3rem;color:var(--duna-point1);font-weight:800}

.navbar .navbar-menu {position: absolute;right: 0;}
.navbar .navbar-menu img {width: 3rem;height: 2rem;}



.bsnav-mobile {z-index:102; }
.bsnav-mobile .bsnav-mobile-overlay {background-color:rgba(0,0,0,0.3); }
.bsnav-mobile>.navbar {padding-top: 5rem;width:18rem;background: var(--duna-point2);}
.bsnav-mobile .navbar-nav .nav-item .nav-link {display:flex; align-items:center; }
.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 .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;}
.bsnav-mobile .navbar-nav.val2 .nav-item .nav-link {color:var(--duna-gray-300);font-size:1.1rem;font-weight:500;line-height:2.5rem;text-transform:capitalize;padding:1rem 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-200); }
.bsnav-mobile .navbar-nav.val2 .nav-item:nth-child(1) .nav-link {border-top:0; }

#gnbModal .container{height: 100%;}
#gnbModal .navbar-nav{display:flex;flex-direction:row;min-height:22rem}
#gnbModal ul.navbar-nav.val2{display:flex;flex-direction:column;align-items:baseline;font-size:1.3rem;font-weight:500;position: absolute;}
#gnbModal .navbar-nav .nav-item .val2 .nav-item a{padding:10px 0;opacity:0;max-width:15rem}
#gnbModal .navbar-nav .nav-item .val2.active .nav-item a{padding:15px 0;opacity:1}
#gnbModal.show .val1>.nav-item{padding-top:0;position: relative;}
#gnbModal .val1>.nav-item {transition: 1s;transition-delay: .3s;padding-top: 2rem;padding: 0 3rem;}
#gnbModal .val1>.nav-item:first-child {padding-left: 0;}
#gnbModal .val1>.nav-item:last-child {padding-right: 0;}
#gnbModal .navbar-expand-lg .navbar-nav .nav-link, .navbar-nav .nav-link {padding: 0;}
#gnbModal .modal-fullscreen .modal-content {background-color: transparent;align-items: center;}
#gnbModal .modal-fullscreen .modal-content .modal-header {border-bottom: 0;display: flex;justify-content: space-between;z-index: 3;position: absolute;left: 0;top: 2rem;width: 100%;padding: 0;opacity:0; transition: .5s;transition-delay: .7s;}
#gnbModal .modal-fullscreen .modal-content .modal-header .navbar-brand {width: 16rem;height: 3.5rem;background-image: url(https://dunaecc2025.mycafe24.com/svg/logo_header_modal.svg);background-position:center;background-size: cover;background-repeat:no-repeat;cursor: pointer;}
#gnbModal.show .modal-fullscreen .modal-content .modal-header {opacity: 1;}
#gnbModal .modal-fullscreen .modal-content .modal-header button {border: 0;color: var(--duna-gray-200);background-color: transparent;}
#gnbModal .modal-fullscreen .modal-content .modal-header button span {font-size: 4rem;}
#gnbModal .modal-fullscreen .modal-content .modal-body {padding:0.3rem;z-index: 2;}
#gnbModal .modal-fullscreen .modal-content .modal-body .modal-body-inner{display:flex;align-items:center;justify-content:center;height:100%}
#gnbModal .modal-fullscreen .modal-content .modal-body .val1>li>a>span {font-size: 3rem;font-weight: 700;text-transform: uppercase; transition:.5s;}
#gnbModal .modal-body {opacity: 0;transition: .5s;transition-delay: .6s;transform: translate(0, -3rem);}
#gnbModal.show .modal-body {opacity: 1;transform: translate(0, 0rem);}
#gnbModal .modal-footer{width:100%;z-index:2;border:0;display:flex;justify-content:space-between;position:absolute;bottom: 0rem;opacity: 0;transition: .5s;transition-delay: .7s;}
#gnbModal.show .modal-footer{opacity: .5;bottom: 3rem;}
#gnbModal .modal-footer .sns-logo{background-position:center;background-size: contain;cursor: pointer;}
#gnbModal .modal-footer .sns-logo-01{width: 8rem;height:2.5rem;background-image:url(https://dunaecc2025.mycafe24.com/svg/logo_linkdin.svg)}
#gnbModal .modal-content .modal-footer .affiliate{display:flex;align-items: center;}
#gnbModal .modal-content .modal-footer .affiliate-logo{margin-right:2rem;background-repeat:no-repeat;cursor: pointer;}
#gnbModal .modal-content .modal-footer .affiliate-logo:last-child{margin-right:0}
#gnbModal .modal-content .modal-footer .affiliate-logo-01{width: 9rem;height:3rem;background-image:url(https://dunaecc2025.mycafe24.com/svg/affiliate_logo_01.svg)}
#gnbModal .modal-content .modal-footer .affiliate-logo-02{width: 6rem;height: 3rem;background-image:url(https://dunaecc2025.mycafe24.com/svg/affiliate_logo_02.svg)}
#gnbModal .modal-content .modal-footer .affiliate-logo-03{width: 7rem;height:3rem;background-image:url(https://dunaecc2025.mycafe24.com/svg/affiliate_logo_03.svg)}
#gnbModal .modal-content .modal-footer .affiliate-logo-04{width: 9rem;height:3rem;background-image:url(https://dunaecc2025.mycafe24.com/svg/affiliate_logo_04.svg)}
#gnbModal .modal-content .modal-footer .affiliate-logo-05{width: 9rem;height:3rem;background-image:url(https://dunaecc2025.mycafe24.com/svg/affiliate_logo_05.svg)}

.rolling-text{height:4rem;display:inline-block;overflow:hidden;cursor:pointer}
.rolling-text:hover .letter,.rolling-text.play .letter{transform:translateY(-100%)}
.rolling-text .block {display: flex;}
.rolling-text .letter{display:inline-block;transition:transform .4s cubic-bezier(0.76,0,0.24,1)}
.letter:nth-child(1){transition-delay:0}
.letter:nth-child(2){transition-delay:.015s}
.letter:nth-child(3){transition-delay:.03s}
.letter:nth-child(4){transition-delay:.045s}
.letter:nth-child(5){transition-delay:.06s}
.letter:nth-child(6){transition-delay:.075s}
.letter:nth-child(7){transition-delay:.09s}
.letter:nth-child(8){transition-delay:.105s}
.letter:nth-child(9){transition-delay:.12s}
.letter:nth-child(10){transition-delay:.135s}
.letter:nth-child(11){transition-delay:.15s}
.letter:nth-child(12){transition-delay:.165s}
.letter:nth-child(13){transition-delay:.18s}
.letter:nth-child(14){transition-delay:.195s}
.letter:nth-child(15){transition-delay:.21s}
.letter:nth-child(16){transition-delay:.225s}
.letter:nth-child(17){transition-delay:.24s}
.letter:nth-child(18){transition-delay:.255s}
.letter:nth-child(19){transition-delay:.27s}
.letter:nth-child(20){transition-delay:.285s}
.letter:nth-child(21){transition-delay:.3s}

#gnbModal .menu-bg-box{
	position:absolute; top:0px; left:0px; 
	width:100%; height:100vh; 
	display:flex;
}
#gnbModal .menu-bg-box .menu-bg-split-item{
	position:absolute;
	top:0px;
	width:0;
	height:100%;
	background-color: var(--duna-point3);
	transition:all 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0s;
}
#gnbModal .menu-bg-box .menu-bg-split-item.split-item-2{left:-75%}
#gnbModal .menu-bg-box .menu-bg-split-item.split-item-1{left:-50%}
#gnbModal .menu-bg-box .menu-bg-split-item.split-item0{left:-25%}
#gnbModal .menu-bg-box .menu-bg-split-item.split-item1{left:0}
#gnbModal .menu-bg-box .menu-bg-split-item.split-item2{left:25%}
#gnbModal .menu-bg-box .menu-bg-split-item.split-item3{left:50%}
#gnbModal .menu-bg-box .menu-bg-split-item.split-item4{left:75%}
#gnbModal .menu-bg-box .menu-bg-split-item.split-item5{left:100%}
#gnbModal .menu-bg-box .menu-bg-split-item.split-item6{left:125%}
#gnbModal .menu-bg-box .menu-bg-split-item.split-item7{left:150%}
#gnbModal .sitemap-bg-box{
	position:absolute; top:0px; left:0px; 
	width:100%; height:100vh; 
	transform:translateX(-100%);
	background-color:#fff
}
#gnbModalInnerCon{
	position:relative; width:100%; height:100vh; 
}

/* 메뉴 open */
#gnbModal.show .menu-bg-box .menu-bg-split-item{width:calc(25% + 2px); transform:skewX(45deg); transition-delay:0s}
#gnbModal.open{
	opacity:1.0;filter:Alpha(opacity=100); 
	visibility:visible; 
	z-index:9999;
	display:block;
}

/*-------------------------------------------------------
** 
** 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; scroll-snap-type: y mandatory;}
.duna-section {position: relative; scroll-snap-align: start; scroll-snap-stop:always;}
.duna-section .link-point {position: absolute;top:0;}
.container {position: relative; z-index:2; }
.title {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-parallax1:before,
#section-parallax2: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;z-index: 2;margin-bottom: 2rem;}
.duna-section .header .title {color:var(--duna-point2);font-family:"Roboto", sans-serif;text-transform: uppercase;font-size: calc(1.1rem + 0.7vw);}
.duna-section .header .subtitle {font-family:"Roboto", sans-serif;font-size: calc(1.6rem + 2vw);font-weight: 500;line-height: calc(2rem + 2vw);}
.duna-section .header .subtitle .under-bar {position: relative;}
.duna-section .header .subtitle .under-bar:before{content:'';position:absolute;bottom:0;right:-1rem;width:107%;height:2rem;background-color:var(--duna-point3);z-index:-1;opacity:.7}
.duna-section .header .desc {line-height:1.5; margin-top:1rem; font-size: 1.25rem; }

#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:1.1; font-size: 7rem;}
.duna-section .header .subtitle .under-bar {position: relative;}
.duna-section .header .subtitle .under-bar:before{content:'';position:absolute;bottom:0;right:-1rem;width:107%;height:2rem;background-color:var(--duna-point3);z-index:-1;opacity:.7}
.duna-section .header strong {transition: .5s;}

/* 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; font-size: 4rem; line-height: 0;}
#section-icon .container .row {align-items: flex-start;}
#section-icon .contents .title {font-size: 1.5rem;}

.section-about .header {margin-bottom:0;}
.section-about .header .number {color:var(--duna-point2);font-size: calc(1.325rem + 0.9vw);font-weight: 600;}
.section-about .header .title {margin-bottom: .5rem;}
.section-about .carousel .carousel-item .lable{position:absolute;left:0;bottom:0;padding:1rem 2rem;background-color:#00000080;color:var(--duna-gray-200)}
.section-about .mobile .carousel{margin-bottom: 1rem;}

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

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

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

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


/* section highlights */

#section-highlights .header .duna-btn-circle i {font-size: 1.3rem;}
#section-highlights{overflow:hidden}
#section-highlights .highlights {display: flex;}
#section-highlights .highlights .unit{transition: .4s cubic-bezier(0, 0, 0, 1);display:flex;align-items:end;height:100%;color:var(--duna-gray-200);overflow:hidden;z-index:2}
#section-highlights .immobile .highlights .unit{position: relative;z-index:2}
#section-highlights .highlights .unit .contents{position:absolute;width:100%;min-height:11rem;transition:.5s;z-index:3}
#section-highlights .highlights .unit .contents{padding: 0 0 1rem 2rem;width: 30rem;min-height: 14rem;transition: .5s;z-index: 3;margin-bottom: -2rem;}
#section-highlights .highlights .unit.big .contents{margin-bottom:0;}

#section-highlights .highlights .unit .contents .text{transition: .6s; margin-bottom:-6rem; transition-delay:.3s}
#section-highlights .highlights .unit .contents .text .desc{transition: .6s;transition-delay:.4s;opacity: 0;}
#section-highlights .highlights .unit.big .contents .text .desc{opacity: 1; margin-bottom:0}
#section-highlights .highlights .unit.big .contents .text{margin-bottom:0}
#section-highlights .highlights .unit figure{position: absolute;top: -10%;left: -10%;width: 120%;height: 120%;background-size: auto;background-repeat:no-repeat;background-position:center;}
#section-highlights .highlights .unit:hover figure{transform:scale(.93);transition: 5s;}

#section-highlights .highlights1 {width: 25%;}
#section-highlights .highlights1.big {width: 70%;}
#section-highlights .highlights1.smaller {width: 10%;}
#section-highlights .highlights1.smaller .contents .text{opacity: 0;}

#section-highlights .highlights2 {width: 25%;}
#section-highlights .highlights2.big {width: 70%;}
#section-highlights .highlights2.smaller {width: 10%;}
#section-highlights .highlights2.smaller .contents .text{opacity: 0;}

#section-highlights .highlights3 {width: 25%;}
#section-highlights .highlights3.big {width: 70%;}
#section-highlights .highlights3.smaller {width: 10%;}
#section-highlights .highlights3.smaller .contents .text{opacity: 0;}

#section-highlights .highlights4 {width: 25%;}
#section-highlights .highlights4.big {width: 70%;}
#section-highlights .highlights4.smaller {width: 10%;}
#section-highlights .highlights4.smaller .contents .text{opacity: 0;}


#section-highlights .mobile .contents {
    background-position: center;
    background-size: cover;
    height: 15rem;
    display: flex;
    align-items: end;
    position: relative;
}

#section-highlights .mobile .contents .text {
    color: var(--duna-gray-200);
    z-index: 2;
}

#section-highlights .mobile .contents .text .title {
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0 0 1rem 1rem;
}

#section-highlights .mobile .contents:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #0000005c, #ffffff00);
    z-index: 1;
}

/* 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 .contents {text-align:center; }
#section-number .contents i {font-size: 3rem; }
#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; font-weight: 500;}
#section-number .contents .title {font-weight: 400;}
#section-number .contents .desc {margin:0 auto;transition:inherit;font-size: 1.25rem;font-weight: 400;padding: 0 3rem;}
#section-number .contents-warp .row {align-items:flex-start; }

/* 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;}
#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 .text {width:50%; display:flex; justify-content:center; align-items:center; color:#fff; background-color: var(--duna-point1); }
#section-info .contents .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 .desc {line-height:1.5; }

/* 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: var(--duna-gray-800); color: var(--duna-gray-600); z-index: 3; }
#section-footer .row {justify-content:center; }
#section-footer .logo-img {background-position:center; background-repeat:no-repeat; background-position: 1rem; margin-bottom: 1rem; min-height: 3rem;}
#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 .family {display: flex;justify-content: end;}
#section-footer .family .duna-btn-default {padding: 0 7.4rem;line-height: 2rem;background-color: var(--duna-gray-800);color: var(--duna-gray-500);}
#section-footer .family .dropdown-menu {max-height: 10rem;overflow: scroll;overflow-x: auto;}

#copyright {padding:1rem 0; color:var(--duna-gray-600); background-color: var(--duna-gray-800); 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(--duna-gray-300);}
#copyright .copyright {border-top: 1px solid var(--duna-gray-700); padding-top: 1rem;}

/*-------------------------------------------------------
** 
** ETC
** 
--------------------------------------------------------*/
#contentsModal .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%); }
#contentsModal .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:1559.98px) {
	#gnbModal .modal-fullscreen .modal-content .modal-body .val1>li>a>span {height: 4rem;font-size: 2.5rem;}
}


@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; }
	#gnbModal .modal-fullscreen .modal-content .modal-body .val1>li>a>span {height: 2rem;font-size: 1.5rem;font-weight: 600;}
	#gnbModal .val1>.nav-item {padding-right: 3rem;}
	#gnbModal .val1>.nav-item:nth-child(2) {padding-right: 1rem;}
	#gnbModal .val1>.nav-item:last-child {padding:0;}
}

@media (max-width:991.98px) {
	#promotion .header .subtitle, #section-video .header .subtitle, #sub-top .header .subtitle {line-height: .9; font-size: 4rem;}
	.duna-section .header {margin-bottom: 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%; }
	#gnbModal .val1>.nav-item {padding: 0 .5rem;}
	#gnbModal {background-color: var(--duna-point3);}
	#gnbModal .val1>.nav-item {padding-right: 1rem;}
	#gnbModal .modal-fullscreen .modal-content .modal-body .val1>li>a>span {font-size: 1.2rem;}
	#gnbModal .val1>.nav-item:nth-child(2) {padding-right: 0rem;}
	
	#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-about .header {margin-bottom: 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 .text-warp {text-align:left; }
	#section-service .carousel .carousel-inner .carousel-caption {padding:0.5rem 1rem; background-color:#000000b3; }
	#section-number .row>div {margin-bottom: 4rem; }
	#section-parallax {background-attachment:initial; }
	.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 .family {justify-content: flex-start;}
	.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; }
	.col-lg-15 {width: 100%;float: left;}

}

@media (max-width:767.98px) {
	.duna-header .navbar .navbar-brand {width: 10rem;height: 2.3rem;}
	#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: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1540px;}
}

@media (min-width:992px) {
	.navbar-expand-lg .navbar-toggler {display:none; }
	.col-lg-15 {width: 20%;float: left;}

	
}