@charset "utf-8"; 

/*-------------------------------------------------------
** 
** Default 
** 
--------------------------------------------------------*/

/*-------------------------------------------------------
** 
** XE
** 
--------------------------------------------------------*/

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

/*-------------------------------------------------------
** 
** Button
** 
--------------------------------------------------------*/

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

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

/* section Default*/
#section-parallax:before,
.sub-top:before {background-color:#00000000;}

/* section header */

/* section slider */

/* sub top */
#section-video .header {color: var(--duna-gray-100);}
#section-video .header {margin-bottom: -5rem;}
#section-video .header .subtitle {line-height: 1.2;}

/* section video */
#section-video:before {background-color:#00000060;}

/* section icon */
#section-icon{padding:10vh 0;background-color:var(--duna-gray-100)}
#section-icon .header{text-align:center}
#section-icon .container .contents-warp .row:before{content:'';position:absolute;left:50%;top:6%;width:1px;height:94%;border-left:2px dotted var(--duna-point1)}
#section-icon .contents1{padding:0 4rem}
#section-icon .contents2{padding:0 4rem}
#section-icon .contents3{padding:0 4rem}
#section-icon .contents .text{backdrop-filter:blur(10px);padding:3rem;min-width:480px;border-radius:1rem;color:var(--bs-gray-700)}
#section-icon .contents1:before,#section-icon .contents2:before,#section-icon .contents3:before{content:'';display:block;position:absolute;width:16px;height:16px;border-radius:50%;background-color:var(--duna-point1)}
#section-icon .contents2:before{left:-8px;top:50%}
#section-icon .contents1:before,#section-icon .contents3:before{right:-8px;top:50%}

/* section about */
#section-about .duna-btn-circle:after{background-color:var(--duna-gray-200)}
#section-about:hover .duna-btn-circle:after{width:100%;background-color:var(--duna-point1)}
#section-about:hover .duna-btn span{color:var(--duna-gray-200)}
#section-about:hover .duna-btn i{color:var(--duna-gray-200)}
#section-about .contents .duna-btn-circle:hover:after{background-color:var(--duna-gray-500)}

/* section business */
#section-business .immobile .row .col .contents:before {height: 34%;}
#section-business .immobile .row .col.active:hover .contents:before {height: 33%;}
#section-business .immobile .row .col.active:hover .contents:after {height: 30%;}
#section-business .duna-btn-circle:after{background-color:var(--duna-gray-200);transition-delay:.3s}
#section-business .duna-btn-circle i{color:var(--duna-gray-600);transition-delay:.3s}
#section-business .col:hover .duna-btn-circle:after{width:100%;background-color:var(--duna-gray-200)}
#section-business .col:hover .duna-btn span{color:var(--duna-gray-600);transition-delay:.3s}
#section-business .contents .duna-btn-circle:hover .duna-btn span{color:var(--duna-gray-800)}
#section-business .contents .duna-btn-circle:hover .duna-btn i{color:var(--duna-gray-800)}

/* section service */
#section-service {}
#section-service .duna-btn-circle:after{background-color:var(--duna-gray-200)}
#section-service:hover .duna-btn-circle:after{width:100%;background-color:var(--duna-point1)}
#section-service:hover .duna-btn span{color:var(--duna-gray-200);}
#section-service:hover .duna-btn i{color:var(--duna-gray-200);}
#section-service .duna-btn-circle:hover:after{background-color:var(--duna-gray-500)}

/* section number */
#section-number {color: inherit;}

/* section sentence */
#section-sentence {background-color: var(--duna-gray-100);}
#section-sentence .contents {padding-bottom: 6rem;padding-right: 1rem}
#section-sentence .section_sentence_contents_warp .row div:nth-child(6) .contents {padding-bottom: 0;}

/* section circle */

/* section system */
#section-system {background-color: var(--duna-gray-100);}
#section-system:hover .duna-btn-circle:after{width:100%;background-color:var(--duna-point1)}
#section-system:hover span{color:var(--duna-gray-200);}
#section-system:hover i{color:var(--duna-gray-200);}
#section-system .duna-btn-circle:after{background-color:var(--duna-gray-200)}
#section-system .contents li .round-box div {width: 100%;}
#section-system .contents li .box3 {color: var(--duna-gray-100);}
#section-system .contents li .box4 {color: var(--duna-gray-100);}
#section-system .btn-warp{display: flex;justify-content: center;margin-top: 5rem;}


/* section widget 1 */

/* section widget 2 */
#section-widget-2 {z-index: 3;}
#section-widget-2 .duna-btn-circle:after{background-color:var(--duna-gray-200)}
#section-widget-2:hover .duna-btn-circle:after{width:100%;background-color:var(--duna-point1)}
#section-widget-2:hover .duna-btn span{color:var(--duna-gray-200)}
#section-widget-2:hover .duna-btn i{color:var(--duna-gray-200)}
#section-widget-2 .contents .duna-btn-circle:hover:after{background-color:var(--duna-gray-500)}

/* section widget 3 */

/* section info */

/* section banner */
#section-banner:before {opacity: .8;}
#section-banner .header {color: var(--duna-gray-100);}
#section-banner .header .title {color: inherit;}
#section-banner figure {margin-top: -5rem;}
#section-banner:hover .duna-btn-circle:after{width:100%;background-color:var(--duna-gray-100)}
#section-banner:hover span{color:var(--duna-point1);}
#section-banner:hover i{color:var(--duna-point1);}
#section-banner .duna-btn-circle i {color: var(--duna-point1);background-color:var(--duna-gray-100)}

/* section mission */
#section-mission .number-contents .contents {padding: 10rem 2rem 0 0;}

/* section partner */

/* section contact */

/* section contents */

/* section parallax */
#section-parallax{margin-right:10vw; border-radius: 0 0 7rem 0;}

/* section map */
#section-map .map {margin-bottom: -6px;}
/* footer */


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

/*-------------------------------------------------------
** 
** mediaQuery
** 
--------------------------------------------------------*/
@media (max-width:1399.98px){

}

@media (max-width:991.98px){
    .sub-top:before {background-color: #00000099;}
    .sub-top .header {color: var(--duna-gray-100);}
    #sub-top .header .title {color: var(--duna-gray-100);}
    #section-icon .container .contents-warp .row:before {border-left: 0}
    #section-icon .contents1:before,#section-icon .contents2:before, #section-icon .contents3:before {width: 0;height:  0;}
    #section-icon .contents .text { min-width: 0;}
    #section-banner {padding: 5vh 1vw;}
}

@media (max-width:767.98px){

}

@media (max-width:575.98px){
}

@media (min-width:992px){
	
}