@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 .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-icon {color:inherit; background:#f1f1f1; padding:15rem 1rem;}
#section-icon .header .title {color:var(--duna-point1);}
#section-icon .contents {position:relative;transition:.5s;overflow:hidden;padding: 6rem 1rem 0;}
#section-icon .contents i {font-size:3rem; transition:.3s; z-index:2; position:relative;color:var(--bs-white);}
#section-icon .contents .line{transition:.5s; z-index:2; position:relative; background-color:var(--bs-white);}
#section-icon .contents .text{position:relative;font-size:.9rem;transition:.3s;z-index:2;opacity:.7;color:var(--bs-white)}
#section-icon .contents .figure {position:absolute; left:0;top:0;width:100%;height:100%; background-size:cover;opacity:.08; border-radius:1rem; transition:.8s; filter:grayscale(1);z-index:1;}
#section-icon .contents:hover{padding:0 1rem;}
#section-icon .contents:hover i{opacity:.0;}
#section-icon .contents:hover .line{width:1px; background-color:transparent; margin:5rem 0 2rem}
#section-icon .contents:hover .text{opacity:1;}
#section-icon .contents:hover .figure {opacity:.4; filter:grayscale(.3);}
#section-icon .contents1 .contents {min-height:6rem !important;padding:0;text-align:center;display:flex;align-items:center;justify-content:center;border:1px solid var(--duna-point1);transition:.5s;}
#section-icon .contents1 .contents:hover {border:3px solid var(--duna-point1);}
#section-icon .contents1 .contents .line {display:none;}
#section-icon .contents1{margin-bottom:10rem}
#section-icon .contents1:before{content:'';position:absolute;left:50%;top:6rem;width:0;height:5rem;border-left:1px dotted var(--duna-point1)}
#section-icon .contents1:after{content:'';position:absolute;left:12.5%;top:11rem;width:75%!important;height:0;border-top:1px dotted var(--duna-point1)}
#section-icon .contents2:before{content:'';position:absolute;top:-5rem;left:50%;width:0;height:5rem;border-left:1px dotted var(--duna-point1)}
#section-icon .contents2 .contents .figure {background-image:url(https://easternkorea.co.kr/img/03_04_01.jpg);}
#section-icon .contents3:before{content:'';position:absolute;top:-5rem;left:50%;width:0;height:5rem;border-left:1px dotted var(--duna-point1)}
#section-icon .contents3 .contents .figure {background-image:url(https://easternkorea.co.kr/img/03_04_02.jpg);}
#section-icon .contents4:before{content:'';position:absolute;top:-5rem;left:50%;width:0;height:5rem;border-left:1px dotted var(--duna-point1)}
#section-icon .contents4 .contents .figure {background-image:url(https://easternkorea.co.kr/img/03_04_03.jpg);}
#section-icon .contents5:before{content:'';position:absolute;top:-5rem;left:50%;width:0;height:5rem;border-left:1px dotted var(--duna-point1)}
#section-icon .contents5 .contents .figure {background-image:url(https://easternkorea.co.kr/img/03_04_04.jpg);}

/* section about */

/* section business */

/* section service */
#section-service {background-color: var(--duna-gray-100);margin-bottom: 10vh;}
#section-service:hover .duna-btn-circle:after{width:100%;background-color:var(--duna-point1)}
#section-service:hover span{color:var(--duna-gray-100);}
#section-service:hover i{color:var(--duna-gray-100);}
#section-service .duna-btn-circle i {color: var(--duna-gray-100);background-color:var(--duna-point1)}

/* section number */

/* section sentence */
#section-sentence .contents1,
#section-sentence .contents3 {margin-bottom: 5rem;padding: 2rem;background-color: var(--duna-gray-100);}

#section-sentence .contents2 {margin-bottom: 5rem;padding: 2rem;}
#section-sentence .contents4 {padding: 2rem;}

#section-sentence .contents1 .contents .info .sentencer .box,
#section-sentence .contents3 .contents .info .sentencer .box,
#section-sentence .contents5 .contents .info .sentencer .box {background-color:var(--duna-white);}

#section-sentence .contents2 .contents .info .sentencer .box,
#section-sentence .contents4 .contents .info .sentencer .box {border: 1px dotted var(--duna-gray-500);}

#section-sentence .contents .carousel {margin-bottom: 2rem;}

#section-sentence .contents .header {font-size: 2rem; font-weight: 500;}
#section-sentence .contents .info .sentencer {display: flex;}
#section-sentence .contents .info .sentencer .box{width:33%;margin-right:3rem;padding:3rem 2rem;text-align:center}
#section-sentence .contents .info .sentencer .box:last-child {margin-right: 0;}
#section-sentence .contents .info .sentencer .box li{list-style: none; padding-bottom: .5rem;}
#section-sentence .contents .info .sentencer .box li:last-child{padding-bottom: 0;}
#section-sentence .contents .info .sentencer .box h5 {font-weight: 600; padding-bottom: 1rem;}

/* section circle */

/* section system */

/* section widget 1 */

/* section widget 2 */

/* section widget 3 */

/* section info */

/* section banner */

/* section mission */

/* 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-icon {padding:5vh 1vw;}
    #section-sentence .contents .info .sentencer {display: block;}
    #section-sentence .contents .info .sentencer .box{width:100%;padding:2rem 1rem;margin-right:0;margin-bottom: 1rem;}
}

@media (max-width:767.98px){


}

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

@media (min-width:992px){

	
}