@charset "utf-8";
.sub-top:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background: linear-gradient(-45deg, var(--duna-point1) 20%, #6f358f 50%, #021B79 80%, #EC6EAD 100%);background-size: 400% 400%;animation: gradient 15s ease-in-out infinite;}
@keyframes gradient {
    0% {
    background-position: 0% 50%;
    }
    50% {
    background-position: 100% 50%;
    }
    100% {
    background-position: 0% 50%;
    }
}
#sub-top .header .title {color: var(--duna-gray-200);}
#sub-top .header .subtitle {font-size: calc(2.5rem + 2.5vw);}

#section-about1 .figure-warp .carousel-item {padding-top: 90%;background-size: cover;background-repeat: no-repeat;}

/* 버튼 기본 배경색상 */
#section-about1 .duna-btn-circle:after {background-color:var(--duna-gray-200)}
/* 색션 마우스오버 버튼 배경색상 */
#section-about1:hover .duna-btn-circle:after{width:100%; background-color:var(--duna-point1)}
/* 섹션 마우스오버 버튼 기본색상 */
#section-about1:hover .duna-btn span{color:var(--duna-gray-100);}
/* 섹션 마우스오버 버튼 아이콘 색상 */
#section-about1:hover .duna-btn-circle i{color:var(--duna-gray-100);}


#section-icon {background-color: var(--duna-gray-100);}

/* 버튼 기본 배경색상 */
#section-icon .duna-btn-circle:after {background-color:var(--duna-gray-200)}
/* 색션 마우스오버 버튼 배경색상 */
#section-icon:hover .duna-btn-circle:after{width:100%; background-color:var(--duna-point1)}
/* 섹션 마우스오버 버튼 기본색상 */
#section-icon:hover .duna-btn span{color:var(--duna-gray-100);}
/* 섹션 마우스오버 버튼 아이콘 색상 */
#section-icon:hover .duna-btn-circle i{color:var(--duna-gray-100);}



#section-banner {color: var(--duna-gray-100);}
#section-banner:before {background: var(--point-gradient2);opacity:1}

#section-banner .header .title {color: var(--duna-gray-200);}
/* 버튼 기본색상 */
#section-banner .duna-btn-circle {color:var(--duna-gray-200)}
/* 버튼 기본 배경색상 */
#section-banner .duna-btn-circle:after {background-color:var(--duna-gray-200)}
/* 버튼 아이콘 기본색상 */
#section-banner .duna-btn-circle i{color:#535fdb}
/* 색션 마우스오버 버튼 배경색상 */
#section-banner:hover .duna-btn-circle:after{width:100%;}
/* 섹션 마우스오버 버튼 기본색상 */
#section-banner:hover .duna-btn span{color:#535fdb}


#section-widget-1 .header {display: flex;align-items: center;justify-content: space-between;}

/* 버튼 기본 배경색상 */
#section-widget-1 .duna-btn-circle:after {background-color:var(--duna-gray-200)}
/* 색션 마우스오버 버튼 배경색상 */
#section-widget-1:hover .duna-btn-circle:after{width:100%; background-color:var(--duna-point1)}
/* 섹션 마우스오버 버튼 기본색상 */
#section-widget-1:hover .duna-btn span{color:var(--duna-gray-100);}
/* 섹션 마우스오버 버튼 아이콘 색상 */
#section-widget-1:hover .duna-btn-circle i{color:var(--duna-gray-100);}

#section-widget-2 .header-tap {display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;}
#section-widget-2 .header {padding-bottom: 0;margin-bottom: 0;}

@media (max-width:1399.98px) {

}

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

@media (max-width:991.98px) {
    #section-about1 .header-warp {margin-top: 1rem;}
    #section-icon .contents2, #section-icon .contents3, #section-icon .contents4 {margin-top: 3rem;}
    #section-widget-2 .header-tap {display:block; margin-bottom:2rem;}
    #section-widget-2 .header {margin-bottom: 1rem;}
    #section-widget-2 .xet-content-widget .tap-wrp ul.tab_menu > li button {padding: .5rem 1rem;}
    #section-widget-2 .xet-content-widget .tap-wrp ul.tab_menu > li {margin-bottom: 1rem;}

}

@media (max-width:767.98px) {

}

@media (max-width:575.98px) {

}

@media (min-width:992px) {

}