@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 */
.sub-top .header {color: var(--duna-gray-600);}
#sub-top .header {margin-bottom: -5rem;}
#sub-top .header .subtitle {line-height: 1.2;}

/* section video */

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

/* section service */

/* section number */

/* 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-sentence .duna-btn-circle:after{background-color:var(--duna-gray-200)}
#section-sentence:hover .duna-btn-circle:after{width:100%;background-color:var(--duna-point1)}
#section-sentence:hover .duna-btn span{color:var(--duna-gray-200)}
#section-sentence:hover .duna-btn i{color:var(--duna-gray-200)}
#section-sentence .contents .duna-btn-circle:hover:after{background-color:var(--duna-gray-500)}

/* section circle */

/* section system */

/* section widget 1 */

/* section widget 2 */

/* section widget 3 */

/* section info */

/* section banner */
#section-banner {padding: 15vh 0;}
#section-banner:before {background-color: transparent;}
#section-banner .duna-btn-circle:after{background-color:var(--duna-gray-200)}
#section-banner:hover .duna-btn-circle:after{width:100%;background-color:var(--duna-point1)}
#section-banner:hover .duna-btn span{color:var(--duna-gray-200)}
#section-banner:hover .duna-btn i{color:var(--duna-gray-200)}
#section-banner .contents .duna-btn-circle:hover:after{background-color:var(--duna-gray-500)}




/* 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;}
    #section-icon .contents1{padding:0 1rem}
    #section-icon .contents2{padding:0 1rem}
    #section-icon .contents3{padding:0 1rem}
    #section-icon .contents .line {display: none;}

}

@media (max-width:767.98px){

}

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

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

