#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-point2)}
#section-icon:hover .duna-btn span{color:var(--duna-gray-100);}
#section-icon:hover .duna-btn-circle i{color:var(--duna-gray-100);}

.sub-top:before {background-color: #1431605e;}

#section-icon .contents {min-height: 23rem}
#section-icon .contents .contents-inner {position: relative;overflow: hidden; color: var(--duna-gray-200);min-height: 30rem;}
#section-icon .contents .contents-inner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: .4s;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%);
}
#section-icon .contents:hover .contents-inner:before {
    background-color: rgb(0 0 0 / 70%);
}


#section-icon .contents .line {width:0;background-color:var(--duna-gray-200);height:1px;margin: 0;transition: .4s;transition-delay: .4s;}
#section-icon .contents:hover .line {width:100%; margin:1rem 0;}

#section-icon .contents .item-warp {
    position: absolute;
    bottom: -10rem;
    padding: 2rem;
    min-height: 20rem;
    transition: .4s;
}
#section-icon .contents:hover .item-warp {
    bottom: 0;
}

#section-icon .contents .item-warp .text span{
    opacity: 0;
    transition: .3s;
    transition-delay: .4s;
}
#section-icon .contents:hover .item-warp .text span{
    opacity: 1;
}
#section-icon .contents .contents-inner {background-position: center; background-size: cover; background-repeat: no-repeat;}
#section-icon .contents1 .contents-inner{background-image: url(https://tristar-enc.com/img/01_index_02_01.jpg);}
#section-icon .contents2 .contents-inner{background-image: url(https://tristar-enc.com/img/01_index_02_02.jpg);}
#section-icon .contents3 .contents-inner{background-image: url(https://tristar-enc.com/img/01_index_02_03.jpg);}
#section-icon .contents4 .contents-inner{background-image: url(https://tristar-enc.com/img/01_index_02_04.jpg);}
#section-icon .contents5 .contents-inner{background-image: url(https://tristar-enc.com/img/01_index_02_05.jpg);}
#section-icon .contents6 .contents-inner{background-image: url(https://tristar-enc.com/img/01_index_02_06.jpg);}

#section-circle {color: var(--duna-gray-200);}
#section-circle:before {background-color: #14326180;}
#section-circle .duna-btn-circle:after {background-color:var(--duna-gray-100);}
#section-circle:hover .duna-btn-circle:after{width:100%;}
#section-circle:hover .duna-btn span{color:var(--duna-gray-700);}
#section-circle .duna-btn-circle i{color:var(--duna-gray-700);}
#section-circle:hover .duna-btn-circle i{color:var(--duna-gray-700);}

#section-widget-2 .duna-btn-circle:after {background-color:var(--duna-point2);}
#section-widget-2:hover .duna-btn-circle:after{width:100%;}
#section-widget-2:hover .duna-btn span{color:var(--duna-gray-100);}
#section-widget-2 .duna-btn-circle i{color:var(--duna-gray-100);}

#section-banner {color: var(--duna-gray-200);}
#section-banner:before {background-color: var(--duna-point2);opacity: .8;}
#section-banner figure {margin-top: -2rem;}

#section-banner .duna-btn-circle:after {background-color:var(--duna-gray-100);}
#section-banner:hover .duna-btn-circle:after{width:100%;}
#section-banner:hover .duna-btn span{color:var(--duna-gray-700);}
#section-banner .duna-btn-circle i{color:var(--duna-gray-700);}
#section-banner:hover .duna-btn-circle i{color:var(--duna-gray-700);}


#section-widget-3 {
    color: var(--duna-gray-100);
    background-color: var(--duna-point1);
}
#section-widget-3 li {
    color: var(--duna-gray-100);
}

#section-widget-3 .xet_content_webzine .contentWrp {
    background-color: var(--duna-point1-dark);
    padding: 3rem 2rem;
    border-radius: 1rem;
    min-height: 18rem;
}
#section-widget-3 .xet_contentWrp .categoryWrp a{color: var(--duna-gray-100) !important;}
#section-widget-3 .xet_content_webzine .contentWrp .readed_count {position: absolute;bottom: 4rem;}

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

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

@media (max-width:991.98px) {

}

@media (max-width:767.98px) {

}

@media (max-width:575.98px) {

}

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