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

/* section business */

/* section service */

/* section number */

/* section sentence */
#section-sentence .contents {
    padding: 4rem 0; margin-bottom: 2rem; min-height: 20rem; text-align: center; 
    border-top: 5px solid; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; transition: .5s;}
    #section-sentence .contents:hover {border-top: 8px solid; margin-top: -0.5rem; color: var(--duna-point1); background-color: var(--duna-white);}
    #section-sentence .contents i {font-size: 5rem;}
    #section-sentence .section_sentence_contents_warp .row div:nth-child(8) .contents {padding-bottom: 0;}

/* section circle */
#section-circle {color: var(--duna-gray-100);}
#section-circle .contents li .inner {padding: 0;max-width: 13rem;}

/* section system */
#section-system {background-color: var(--duna-gray-100);}
#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 widget 1 */

/* section widget 2 */

/* 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 .row>div:before {top: 0rem;}
#section-mission .number-contents .contents {border-bottom: 1px dotted #bbb; padding: 7rem 3rem 3rem 0;}
#section-mission .number-contents .contents h3 {padding-bottom: 1rem;}

/* section partner */

/* section contact */

/* section contents */

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

/* section map */

/* 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-sentence .contents:hover {border-top: 5px solid; margin-top: 0; color: inherit; background-color: inherit;}

}

@media (max-width:767.98px){
    #section-footer {line-height:1.5;}

}

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

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