@charset "utf-8"; 

body,button,dd,dl,dt,fieldset,form,hr,input,legend,li,ol,p,select,table,td,textarea,th,ul {
	color: var(--duna-gray-600);
}

:root {
	--duna-point1:#d05617; 
	--duna-point2:#4da7b1; 
}

.duna-header.light {background-color: transparent;box-shadow: none;position: absolute;}
.duna-header .navbar .navbar-brand {width:9rem; height:4.3rem;}
.duna-section .link-point {position: absolute;top: 0;}
.duna-section .header .subtitle {color: var(--duna-gray-200);}

#sub-top {background-color: var(--duna-gray-900);}
#sub-top:before {background-color:#000000b3;}
#sub-top .header {color: var(--duna-gray-600);}
#sub-top .header .subtitle {color: var(--duna-gray-300);}

#sub-top .duna-btn-circle:after {background-color:var(--duna-gray-300)}
#sub-top:hover .duna-btn-circle:after{width:100%;}
#sub-top:hover span{color:var(--duna-gray-900);}
#sub-top:hover i{color:var(--duna-gray-900);}
#sub-top .duna-btn-circle:hover:after{background-color:var(--duna-gray-500)}

#section-icon .contents-warp {margin-top: 3rem;}

#section-service .duna-btn-circle:after {background-color:var(--duna-gray-300)}
#section-service:hover .duna-btn-circle:after{width:100%;}
#section-service:hover span{color:var(--duna-gray-900);}
#section-service:hover i{color:var(--duna-gray-900);}
#section-service .duna-btn-circle:hover:after{background-color:var(--duna-gray-500)}
#section-service figure .img-warp .img {padding-top: 100%;}

#section-system {background-color: var(--duna-gray-800);}
#section-system .contents li .box2 {color: var(--duna-white);}
#section-system .contents li .box3 {color: var(--duna-white);}
#section-system .contents .section-system_venndiagram .venndiagram__box {mix-blend-mode: exclusion;border: 3px dotted var(--duna-point1);}
#section-system .contents .section-system_venndiagram .venndiagram__box .title { transition: .5s;}
#section-system .contents .section-system_venndiagram .venndiagram__box:hover .title { color:var(--duna-point1);}

#section-system .contents .section-system_venndiagram .row>div:nth-child(1) .venndiagram__box {border-left: 0;color: var(--duna-gray-100);}
#section-system .contents .section-system_venndiagram .row>div:nth-child(4) .venndiagram__box {border-right: 0;}

#section-owl .contents .owl-carousel .owl-item .item figure figcaption {position: absolute;bottom: 0;padding: 1rem;color: var(--duna-gray-300);opacity:.7;}
#section-owl .contents .owl-carousel .owl-item .item figure figcaption .type {font-size:3rem;}
#section-owl .contents .owl-carousel .owl-item .item figure figcaption .number {font-size:7rem;font-family: 'Montserrat', sans-serif;}

#section-sentence .unit:hover .contents{color: var(--duna-gray-300);}
#section-sentence .unit .contents {padding: 2rem 2rem 2rem 0; transition: .5s;}
#section-sentence .unit1 .contents {padding: 2rem 0;}
#section-sentence .unit1 .contents h2 {line-height: 2.4rem;}
#section-sentence .unit8 .contents {padding: 2rem 0;}
#section-sentence .unit .contents .title {font-size: 1.3rem; margin-bottom: 1rem; color:var(--duna-gray-300);}
#section-sentence .unit .contents i {font-size: 3rem;color: var(--duna-gray-300);}
#section-sentence .unit .contents .accent {color: var(--duna-gray-200);}
#section-sentence .duna-btn-circle:after {background-color:var(--duna-gray-300)}
#section-sentence:hover .duna-btn-circle:after{width:100%;}
#section-sentence:hover .duna-btn-circle span{color:var(--duna-gray-900);}
#section-sentence:hover .duna-btn-circle i{color:var(--duna-gray-900);}
#section-sentence .duna-btn-circle:hover:after{background-color:var(--duna-gray-500)}

#section-widget-1 .load-more-btn {display: block; margin: 0 auto; width: 10rem; cursor : pointer}
#section-widget-1 .duna-btn-circle:after {background-color:var(--duna-gray-100)}
#section-widget-1:hover .duna-btn-circle:after{width:100%;background-color:var(--duna-point1)}
#section-widget-1:hover span{color:var(--duna-gray-200);}
#section-widget-1:hover i{color:var(--duna-gray-200);}
#section-widget-1 .load-more-btn .duna-btn-circle:hover:after{background-color:var(--duna-gray-500)}

#section-widget-3 figure .img {height: 10rem; background-position:center; background-repeat:no-repeat; background-size: contain;}
#section-widget-3 .accordion-item{background-color:transparent;border-bottom:1px dotted var(--duna-gray-600)}
#section-widget-3 .accordion-button:not(.collapsed){color:var(--duna-gray-400);background-color:transparent}
#section-widget-3 .accordion-button{color:var(--duna-gray-600);background-color:transparent}

#section-parallax:before {background-color: transparent;}
#section-parallax .header {padding: 0;margin: 0;}
#section-parallax .header .subtitle {letter-spacing: .6rem;}
#section-parallax .header .subtitle .accent { color: var(--duna-point1);}

#section-banner {background-color: var(--duna-gray-900);}
#section-banner:hover .header .desc {color:var(--duna-gray-300);}
#section-banner:before {background-color: #2a2a2a;opacity: 1;}
#section-banner .duna-btn-circle:after {background-color:var(--duna-gray-200)}
#section-banner .duna-btn-circle i{color:var(--duna-gray-600)}
#section-banner:hover .duna-btn-circle:after{width:100%;background-color:var(--duna-gray-200)}
#section-banner:hover span{color:var(--duna-gray-600);}
#section-banner .header .duna-btn-circle:hover:after{background-color:var(--duna-gray-400)}
#section-banner .header .desc {transition: .5s;}
#section-banner figure {margin-top: -10rem;margin-bottom: 3rem;}




#section-footer {background-color:var(--duna-gray-900);background-image: url(https://dunadev.cafe24.com/img/bg09.png);background-size: contain;}
#section-footer h5:before {left: 50%;margin-left: -15px;}
#section-footer .text .desc i {padding: 2rem 1rem 0;}

#copyright {color:var(--duna-gray-400); background-color:var(--duna-point1);}
#copyright .member a:hover {color:var(--duna-gray-200);}

.modal .modal-content .modal-body iframe {width: 100%;height: 90vh;}
.modal .modal-content button {top: -2rem;right: -2rem;bottom: -40px;padding: 1.5rem;opacity: 1;}

@media (max-width:1399.98px) {
	#section-banner figure {margin-top: 3rem;}
}

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

@media (max-width:991.98px) {
	#section-icon .container .contents-warp:before{left:15px}
	#section-icon .container .row>div {margin-bottom:4rem;}
	#section-icon .container .contents-warp .row div:nth-child(odd) .contents{margin-left:2rem;margin-right:0}
	#section-icon .container .contents-warp .row div:nth-child(2n) .contents{margin-left:2rem}
	#section-icon .container .contents-warp .row .card-1:before{content:'';left:8px}
	#section-icon .container .contents-warp .row .card-2:before{content:'';left:8px}
	#section-icon .container .contents-warp .row .card-3:before{content:'';left:8px}
	#section-sentence .unit .contents {padding: 1rem 0rem;}	
	#section-sentence .contents .note{padding-right:0}
	#section-owl .contents .owl-carousel .owl-item .item figure figcaption .type {font-size:1.5rem;}
	#section-owl .contents .owl-carousel .owl-item .item figure figcaption .number {font-size:5rem;}
	.modal .modal-content .modal-body iframe {width: 100%;height: 85vh;}
	#section-banner figure {margin-top: -7rem;margin-bottom: 0;}
}

@media (max-width:767.98px) {

}

@media (max-width:575.98px) {

}

@media (min-width:992px) {
	#section-icon .contents2:after {content:''; display:block; position:absolute; left:0; top:0; width:1px; height:100%; background-color:rgba(255,255,255,0.5)}
	#section-icon .contents3:after {content:''; display:block; position:absolute; left:0; top:0; width:1px; height:100%; background-color:rgba(255,255,255,0.5)}
	#section-owl .contents .owl-carousel .owl-item .item figure figcaption .type {font-size:3rem;}
	#section-owl .contents .owl-carousel .owl-item .item figure figcaption .number {font-size:7rem;font-family: 'Montserrat', sans-serif;}


}