@charset "utf-8"; 

body,button,dd,dl,dt,fieldset,form,hr,input,legend,li,ol,p,select,table,td,textarea,th,ul {
	font-family:'Open Sans','Noto Sans KR', sans-serif; 
}

.duna-section .header .subtitle {font-size: calc(1.5rem + 1vw);line-height: calc(2rem + 1vw);font-weight:500;}
.duna-section .header .subtitle {font-family: 'Titillium Web', 'Noto Sans KR', sans-serif;letter-spacing: -1.5px;}
#promotion .header, #section-video .header, #sub-top .header {color:var(--duna-gray-200);}
#promotion .header .title, #section-video .header .title, #sub-top .header .title {color:var(--duna-point1);}
#promotion:before, #sub-top:before {background-color:#00000099;}
#section-video:before {background-color:#00000000;}
.link-point {top: -4rem;position: absolute;}

#section-about {background:var(--duna-white);}
section#section-about .container-fluid {padding: 0;}
#section-about .cont1:before {content:''; position:absolute; left:10%; top:30%; width:100%; height:77%; background-color:#e9e9e9; z-index:-1}
#section-about .carousel-item {padding-top: 100%; background-position: 73%;}

#section-about2 {background-color: var(--duna-white);}
#section-about2 .carousel-item {padding-top: 170%; background-position:center; background-size:cover;}
#section-about2 .header-warp {display: flex;align-items: center;}


#section-overlap .overlap .box:nth-child(1){background-color: var(--duna-gray-300);}
#section-overlap .overlap .box:nth-child(2){color: var(--duna-gray-300);}
#section-overlap .overlap .box:nth-child(3){color: var(--duna-gray-300);}
#section-overlap .overlap .box:nth-child(4){color: var(--duna-gray-300);}
#section-overlap .overlap .box .title {font-size: 1.5rem;}
#section-overlap .contents .text .article:nth-child(1) .title {margin-bottom: 2.2rem;}
#section-overlap .contents .text .article:nth-child(2) .title {margin-bottom: 2.2rem;}

#section-widget-webzine {background-color: var(--duna-white);}
#section-widget-webzine .xet-content__webzine .item-inner {background-color: var(--duna-gray-100);margin-bottom: 2rem;border-radius: 10px;overflow: hidden;}
#section-widget-webzine.box .xet-content__webzine .item .item__content_wrp {border-bottom: 1rem solid var(--duna-point1);}
#section-widget-webzine .xet-content-widget .item .subject {font-weight: 600;}
#section-widget-webzine .xet-content__webzine .item .item__subject {padding-bottom: 1rem;margin-bottom: 1rem;position: relative; transition: .5s;}
#section-widget-webzine .xet-content__webzine .item .item__subject:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0rem;
    width: 100%;
    height: 0;
    border-top: 1px dotted var(--duna-gray-800);
}
#section-widget-webzine.box .xet-content__webzine .item .item__content_wrp:hover .title {color:var(--duna-point1)}
#section-widget-webzine .xet-content__webzine .item .item__content_wrp > div + div {margin-top: 1rem;word-break: break-all;line-height: 1.5rem;}
#section-widget-webzine .xet-content-widget .item .item__meta > span {font-weight: 600;}
#section-widget-webzine .btn-warp {display: flex;justify-content: center;}
#section-widget-webzine .duna-btn-circle:after {background-color:var(--duna-point1)}
#section-widget-webzine .duna-btn-circle .material-symbols-outlined{color:var(--duna-gray-100)}
#section-widget-webzine:hover .duna-btn-circle span{color:var(--duna-gray-100);}
#section-widget-webzine .duna-btn-circle:hover:after{background-color:var(--duna-point2)}

#section-widget-gallery .duna-btn-circle:after {background-color:var(--duna-point1)}
#section-widget-gallery .duna-btn-circle .material-symbols-outlined{color:var(--duna-gray-100)}
#section-widget-gallery:hover .duna-btn-circle span{color:var(--duna-gray-100);}
#section-widget-gallery .duna-btn-circle:hover:after{background-color:var(--duna-point2)}

#section-number {color:var(--duna-white); background:var(--point-gradient);}
#section-number:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/img/04_01.png);background-position:bottom;background-size:cover}
#section-number .contents {margin-top: 0;}
#section-number .contents .number-warp .sign {font-weight:400;}
#section-number .contents .number-warp .unit {font-weight:400;}
#section-number .contents4 {margin-top: 3rem;}
#section-number .contents5 {margin-top: 3rem;}
#section-number .contents6 {margin-top: 3rem;}
#section-number .number-warp .number {text-shadow: .3rem .3rem .3rem rgb(0 0 0 / 40%);}

#section-sentence {background:var(--duna-white);}
#section-sentence .contents{padding:2rem 0; transition:.5s; margin-top: 0;}

#section-sentence .contents .unit {padding-right:3rem;}
#section-sentence .contents i{font-size:3rem;}
#section-sentence .contents .title{font-size:1.5rem;font-weight:300;}
#section-sentence .last .contents {padding: 2rem 0 0;}
#section-sentence .contents1 .contents {color: var(--duna-gray-500);}
#section-sentence .contents1 .contents .accent {color: var(--duna-gray-700);}
#section-sentence .contents1:hover .contents {color: var(--duna-gray-700);}
#section-sentence .contents .desc {color: var(--duna-gray-500);transition:.5s;}
#section-sentence .contents:hover .desc{color: var(--duna-gray-700);}
#section-sentence .contents .material-symbols-outlined {font-size: 4rem;}

#section-banner:before {opacity: .8; background-color: var(--duna-point1-dark);}
#section-banner .header {color: var(--bs-gray-100);}
#section-banner .header .title {color: var(--bs-gray-100);}
#section-banner .header .subtitle {letter-spacing: -1.8px;}
#section-banner figure {margin: 2rem 0;}
#section-banner figure img {width: 100%;}
#section-banner .duna-btn-circle:after {background-color:var(--duna-gray-100)}
#section-banner .duna-btn-circle .material-symbols-outlined{color:var(--duna-gray-600)}
#section-banner:hover .duna-btn-circle span{color:var(--duna-gray-600);}

#section-contact:hover .duna-btn-contact {color: var(--duna-gray-200);background-color: var(--duna-point1);}
#section-contact .duna-btn {color:var(--duna-point1); border-color:var(--duna-point1);}
#section-contact .duna-btn:hover {color:var(--duna-gray-300); background-color:var(--duna-point1);}
#section-contact .desc .ceo {width: 100%;}
.ap_form .ap_submit_info .accordion .accordion-item .accordion-collapse .accordion-body {background-color: var(--duna-gray-100);}

#section-partner {background-color: var(--duna-white);}
#section-partner .header-warp {margin:0 auto;}
#section-partner .contents figure{position:relative}
#section-partner .contents figure .img {background-size:65%; filter:grayscale(1);opacity:55%; transition:.5s;}
#section-partner .contents figure .img:hover {filter: grayscale(0); opacity:100%;}
#section-partner .contents figure .img:before{content:'';position:absolute;top:20%;right:-10%;height:70%;border-right:1px solid #bbb;rotate:30deg}
#section-partner .contents figure .img.logo6:before{border-right:0 solid #bbb}


@media (max-width:1399.98px) {
	.navbar-collapse .navbar-nav.val1 .nav-item .nav-link {font-size: 1.1rem;}


}

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

@media (max-width:991.98px) {
	#section-video:before {background-color:#00000099;}
	#section-about {padding: 5vh 2vw;}
	#section-about .text {display:block;}
	#section-about .cont1:before {display:none;}
	#section-number .contents.contents1 {margin-top: 0;}
	#section-number .contents {margin-top: 3rem;}
	#section-banner figure {display:none;}
	#section-banner .header {text-align: center;}
	#section-banner.overflow .header-warp {justify-content: center;}
	#section-sentence .contents{margin-top: 4;}
	#section-contact .contents1 .desc b {text-align: center;display: block;margin-top: 2rem;}
	#section-contact .contents2 .desc b {text-align: center;display: block;margin-top: 2rem;}
	#section-contact .desc .ceo-outer {display: flex;justify-content: center;}
	#section-contact .desc .ceo {width: 50%;}
	#section-overlap .overlap .box .title {font-size: 1.2rem;}
	#section-overlap .overlap .box:nth-child(4){height: 35rem;}
	#section-overlap .contents .text .article:nth-child(1) .title {margin-bottom: 0.5rem;}
	#section-overlap .contents .text .article:nth-child(2) .title {margin-bottom: 0.5rem;}
	#section-partner .contents figure .img {height: 5rem;}
	#section-partner .contents figure .img.logo3:before{border-right:0 solid #bbb}

}

@media (max-width:767.98px) {

}

@media (max-width:575.98px) {

}

@media (min-width:992px) {

}