@charset "utf-8"; 

/*-------------------------------------------------------
** 
** Default 
** 
--------------------------------------------------------*/

body,button,dd,dl,dt,fieldset,form,hr,input,legend,li,ol,p,select,table,td,textarea,th,ul {
	word-break:keep-all; 
	color:var(--bs-gray-700); 
	font-family:'Open Sans','Noto Sans KR', sans-serif; 
}
a {color:inherit; text-decoration:none;}
a:hover {color:inherit;}
#duna-container {overflow-x:hidden;}
.titillium {font-style:'Titillium Web',sans-serif;}
.Myeongjo {font-family: 'Nanum Myeongjo', serif;}
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6 {font-weight:inherit;}
.mobile {display:none;}
.col-lg-0 {display:none;}
.uppercase {text-transform:uppercase;}
.relative {position:relative;}
big {font-size: xx-large;font-weight: 600;}

/*-------------------------------------------------------
** 
** XE
** 
--------------------------------------------------------*/

#duna-container .x input[type=color], 
#duna-container .x input[type=date], 
#duna-container .x input[type=datetime-local], 
#duna-container .x input[type=datetime], 
#duna-container .x input[type=email], 
#duna-container .x input[type=month], 
#duna-container .x input[type=number], 
#duna-container .x input[type=password], 
#duna-container .x input[type=search], 
#duna-container .x input[type=tel], 
#duna-container .x input[type=text], 
#duna-container .x input[type=time], 
#duna-container .x input[type=url], 
#duna-container .x input[type=week],
#duna-container .x .x_input-append a.x_add-on, 
#duna-container .x .x_input-prepend a.x_add-on {height:auto; line-height:inherit;}
#duna-container .x .x_input-append a.x_add-on, 
#duna-container .x .x_input-prepend a.x_add-on {width:30px;}
#duna-container .x textarea {resize:auto;}

/*-------------------------------------------------------
** 
** Color
** 
--------------------------------------------------------*/

:root {
	--point-gradient:linear-gradient(45deg, var(--duna-point2) 10%, var(--duna-point1) 71%); 
	--point-gradient-invert:linear-gradient(45deg, var(--duna-point1) 10%, var(--duna-point2) 71%); 
	--point-gradient-dark:linear-gradient(45deg, var(--duna-point1-dark) 30%, var(--duna-point2-dark) 74%); 
	--point-gradient-dark-invert:linear-gradient(45deg, var(--duna-point2-dark) 30%, var(--duna-point1-dark) 74%); 
	--duna-d-white:#ddd; 
	--duna-point1:#2979be;
	--duna-point2:#4da7b1;
	--duna-point1-dark:#141e30;
	--duna-point2-dark:#243b55;
;}
/*-------------------------------------------------------
** 
** Button
** 
--------------------------------------------------------*/

.duna-btn-default {position:relative; display:inline-block; padding:0 30px 0 35px; font-size:1rem; line-height:50px; border:1px solid; border-radius:.2rem; transition:ease-out .3s;}
.duna-btn-slim {position:relative; display:inline-block; padding:0 1.8rem; font-size:1rem; line-height:2rem; border:1px solid; border-radius:.2rem; transition:ease-out .3s;}
.duna-btn-default i,.duna-btn-slim i {margin-left: .3rem; transition:ease-out .3s;}
.duna-btn-promotion {position: relative;display: inline-block;padding: 0 30px 0 35px;font-size: 1.5rem;line-height: 3.5rem;border: 1px solid;border-radius: .2rem;transition: ease-out .3s;letter-spacing: .1rem; font-family: 'Open Sans','Noto Sans KR', sans-serif;}
.duna-btn-promotion i {margin-left: .3rem;transition:ease-out .3s;}

.duna-btn-hover-round:hover {border-radius:.5rem;}
.duna-btn-hover-round:hover i{margin-left:1rem;}

.duna-btn-white {color:var(--bs-white); border-color:var(--bs-white);}
.duna-btn-white:hover {color:var(--bs-gray-600); border-color:var(--duna-d-white) ;background-color:var(--duna-d-white);}

.duna-btn-blue {color:var(--duna-point1); border-color:var(--duna-point1);}
.duna-btn-blue:hover {color:var(--bs-white); border-color:var(--duna-point1); background-color:var(--duna-point1);}

.duna-btn-gray {color:var(--bs-gray-600); border-color:var(--bs-gray-600);}
.duna-btn-gray:hover {color:var(--bs-gray-200);  border-color:var(--bs-gray-600); background-color:var(--bs-gray-600);}


/*-------------------------------------------------------
** 
** header 
** 
--------------------------------------------------------*/
.navbar-collapse>.navbar-nav>.nav-item>.nav-link {padding:0; line-height:80px; -webkit-transition:all .3s; transition:all .3s; padding-left:15px; padding-right:15px; font-weight:700; color:#333;}
.duna-header {width:100%; z-index:101;}
.duna-header.light{background-color:rgb(255 255 255 / 30%); box-shadow:0rem 0rem 3rem #00000033;}
.duna-header.dark{background-color:#22262a99;}
.duna-header.kso-sticky .navbar-collapse>.navbar-nav>.nav-item>.nav-link {line-height:60px;}
.nav-item.dropdown>.navbar-nav {padding:10px 0;}
.nav-item.dropdown>.navbar-nav .nav-item .nav-link {padding:0 20px; line-height:40px;}
.navbar.bsnav {background:none;}
.nav-item:hover>.nav-link,
.nav-item.active .caret, 
.nav-item:hover .caret {border-top-color:var(--duna-point1);}
.navbar-collapse>.navbar-nav>.nav-item>.nav-link {font-size:1.1rem; font-weight:600; text-transform:uppercase;}
.duna-header .navbar .navbar-brand {width:10rem; height:4rem;}
.duna-header .navbar .navbar-brand {width:10rem; height:4rem; cursor:pointer; background-position:center; background-repeat:no-repeat;}

.bsnav-mobile {z-index:102;}
.bsnav-mobile>.navbar {padding-top:60px; width:300px; background: #ffffffe6;}
.bsnav-mobile>.navbar>.navbar-nav {padding:20px 0;}
.bsnav-mobile .navbar-nav {padding:0;}
.bsnav-mobile .navbar-nav .nav-item .navbar-nav {margin:0; background:#f7f7f7;}
.bsnav-mobile .navbar-nav .nav-item .nav-link {display:block; padding:.5rem 2rem; line-height:40px; border-top:1px solid #f5f5f5;}
.bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-item .navbar-nav .nav-item .nav-link {padding-left:50px;}
.bsnav-mobile .navbar ul:nth-child(2) {display:none;}
.bsnav-mobile .bsnav-mobile-overlay {background-color:rgba(0,0,0,0.3);}

.nav-item .caret,
.dropdown-toggle::after {position:absolute; top:50%; right:25px;}
.bsnav-mobile .navbar-nav .nav-item {font-size:1.4rem; text-transform:uppercase;}
.bsnav-mobile .navbar-nav .nav-item .nav-link:hover {color:var(--duna-point1);}
.duna-header .navbar .navbar-brand {margin:1rem 0;}
.navbar.bsnav {max-height:7rem;}
.navbar-expand-lg {justify-content:space-between;}
.navbar-brand { margin:0 auto;}
.navbar-toggler {width:35px; height:25px;}
.navbar-toggler .navbar-toggler-icon, 
.navbar-toggler .navbar-toggler-icon::after, 
.navbar-toggler .navbar-toggler-icon::before {height:3px;}
.navbar-toggler.toggler-spring .navbar-toggler-icon::before {top:12px;}
.navbar-toggler.toggler-spring .navbar-toggler-icon::after {top:24px;}




/*-------------------------------------------------------
** 
** Section 
** 
--------------------------------------------------------*/

/* section Default*/
#contents-box, .section-warp-inner{
    display: -webkit-box;
    display: -moz-box;
    display: box;
    
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
.duna-section{position:relative;}
.container {position: revert;}
.title {text-transform:uppercase; font-weight:500;}
.section-warp {margin:-8vh 0; padding: 0 5vw;}

.section-warp-inner {
    box-shadow: 0 2rem 4rem #0006;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 120rem;
}
#promotion:before,
#section-video:before,
.sub-top:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#00000099;}

/* section header */
.duna-section .header {position:relative; padding-bottom:20px; margin-bottom:20px; font-family:'Titillium Web','Noto Sans KR',sans-serif; letter-spacing:-1.5px; z-index: 2; }
.duna-section .header .title {color:var(--duna-point1); font-family:'Titillium Web','Noto Sans KR',sans-serif;}
.duna-section .header .desc {line-height:1.5;}

/* section slider */
#promotion {position: relative; background-position: center; background-size: cover;}
#promotion .header-warp {position:absolute; display:flex; align-items:center; height:100%; width:100%; padding: 0 10vh;}
#promotion .carousel .carousel-inner .carousel-item .img-warp {max-width: 100%;}
#promotion .carousel .carousel-inner .carousel-item .img-warp .img {background-size: cover; background-position: center;width: 100%; height: 0;}
#promotion .carousel .carousel-control-prev, .carousel-control-prev,.carousel-control-next {z-index: 3;}
#promotion .carousel .carousel-control-prev-icon, .carousel-control-next-icon {width:4rem; height:4rem;}
#promotion .carousel .carousel-indicators {bottom: 9vh;}
#promotion .carousel .carousel-indicators [data-bs-target] {background-color: var(--duna-point1);}

/* sub top */
.sub-top {margin-top:0;background-attachment:initial;}
.sub-top {background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.sub-top>.container>.row {align-items: center;}
.sub-top .header {line-height:2.5rem; color: var(--bs-white);}
.sub-top .container{position:relative}
.sub-top .bread{position:absolute;left:0;bottom:8rem;color:var(--bs-gray-400);}
.sub-top .bread a {margin-right: .2rem;}
.sub-top .bread a em {font-style: inherit;}
.sub-top .bread span {margin-right: .2rem}

/* section video */
#section-video {background-size: cover; background-position: center;}
#section-video .header-warp {position:absolute; display:flex; align-items:center; height:100%; width:100%; padding: 0 4vw;}
#section-video .video-warp {text-align: center;}

/* section icon */
#section-icon [class*='col-'] {position:relative;}
#section-icon [class*='col-']:first-child:after {display:none;}
#section-icon .contents i {padding-right:1rem;}
#section-icon .container .row {align-items:center;}

/* section about */
#section-about {background-color:#fff;}
#section-about .contents {line-height:1.8;}
#section-about .contents .row {align-items: center;}
#section-about .contents.cont2,#section-about .contents.cont3 {margin-top:8rem;}
#section-about .img-warp {max-width:100%;}
#section-about .img-warp .img{width:100%;height:0;background-position: center;background-size: cover;}

/* section business */
#section-business .immobile{position:relative; width:100%; color:var(--bs-white);}
#section-business .immobile .row{display:flex;position:relative;justify-content:center;align-items:center;margin: 0;}
#section-business .immobile .row .col{display:flex; align-items:center; justify-content:center; max-width:20rem; height:90vh; transition:.5s; z-index:1; padding:0 2rem; position:relative;}
#section-business .immobile .row .col:hover .icon i{padding:0 0 3rem;}
#section-business .immobile .row .col .icon i{font-size:3rem; transition:.7s;}
#section-business .immobile .row .col .contents{max-width:15rem; opacity:.3; transition:.7s;}
#section-business .immobile .row .col .contents:before{content:''; position:absolute; left:20%; top:0; height:39%; width:0; border-left:1px dotted #ffffff99; transition:.5s;}
#section-business .immobile .row .col .contents:after{content:''; position:absolute; left:20%; bottom:0; height:49%; width:0; border-left:1px dotted #ffffff99; transition:.5s;}
#section-business .immobile .row .col .contents img {width:3rem;}
#section-business .immobile .row .col .contents .text .desc{opacity:0; transition:.5s;}
#section-business .immobile .bg .image{position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; transition:opacity .5s ease; background-size:cover; background-position:center; background-repeat:no-repeat;}
#section-business .immobile .bg .image:nth-child(4){opacity:1; transition:.8s;}
#section-business .immobile .bg .image:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#00000040;}
#section-business .immobile .row .col.active:hover{background-color:#00000070; max-width:25rem;}
#section-business .immobile .row .col.active:nth-child(1):hover ~ .bg .image:nth-child(1){opacity:1;}
#section-business .immobile .row .col.active:nth-child(2):hover ~ .bg .image:nth-child(2){opacity:1;}
#section-business .immobile .row .col.active:nth-child(3):hover ~ .bg .image:nth-child(3){opacity:1;}
#section-business .immobile .row .col.active:hover ~ .bg .image:nth-child(4){opacity:0;}
#section-business .immobile .row .col.active:hover .contents{opacity:1;}
#section-business .immobile .row .col.active:hover .contents:before{left:26%; top:0; height:37%;}
#section-business .immobile .row .col.active:hover .contents:after{left:26%; bottom:0; height:37%;}
#section-business .immobile .row .col.active:hover .contents .icon i{padding-bottom:1rem; font-size: 4rem;}
#section-business .immobile .row .col.active:hover .contents .text .desc{opacity:1;}
#section-business .immobile .row .col.active:hover .contents .text .btn-slim {opacity:1;}

#section-business .mobile{color:var(--bs-white); position:relative; width:100%;}
#section-business .mobile:before{content:''; position:absolute; left:0; right:0; top:0; bottom:0; background-color:#00000066;}
#section-business .mobile .row {background-size:cover; background-position:center; background-repeat:no-repeat; margin: 0;}
#section-business .mobile .row:nth-child(1) .contents {padding:12vh 4vw 7vh;}
#section-business .mobile .row:nth-child(2) .contents {padding:7vh 4vw;}
#section-business .mobile .row:nth-child(3) .contents {padding:7vh 4vw 12vh;}
#section-business .mobile .contents .text img {width:3rem;}
#section-business .mobile .row .container .contents {position:relative;}
#section-business .mobile .row .container .contents .text {position:relative;}

/* section service */
#section-service {background-color:#fff;}
#section-service .immobile .header {margin:0; padding:10%;}
#section-service figure {position:relative; cursor: pointer;}
#section-service figure .img-warp {max-width:100%;overflow: hidden;}
#section-service figure .img-warp .img{width:100%;height:0;background-position: center;background-size: cover;transition:.5s;}
#section-service figure .img-warp i {transition:.5s;position:absolute;font-size:4rem;color:var(--bs-white);display:flex;justify-content:center;align-items:center;height:100%;width:100%;left:0;bottom: -10%;opacity:0;/* z-index:2; */}
#section-service figure .img-warp i:hover {bottom:0; opacity:.8;}
#section-service .section-service-carousel .carousel-inner .carousel-item .img-warp {max-width: 100%;}
#section-service .section-service-carousel .carousel-inner .carousel-item .img-warp .img {width: 100%; height: 0; background-position: center; background-size: cover;}
#section-service .carousel .carousel-indicators{bottom:-70px;}
#section-service .carousel .carousel-indicators [data-bs-target]{width:20px; height:20px; margin-right:5px; margin-left:5px; background-color:#555; border-radius:50%;}
#section-service .carousel .carousel-indicators [data-bs-target] {width:1rem; height:1rem;}
.carousel-control-prev-icon, .carousel-control-next-icon {width:4rem; height:4rem;}
#section-service .carousel .carousel-inner .carousel-caption {text-align:left; left:0; right:0; bottom:0; padding:1rem; background-color:#00000050;}

/* section number */
#section-number {color:#fff; background:var(--point-gradient);}
#section-number .contents {text-align:center;}
#section-number .number-warp {display:flex;align-items:center;justify-content:center;}
#section-number .number-warp .sign {font-weight: 400;}
#section-number .number-warp .unit {font-weight: 400;}
#section-number .number-warp .number {font-family: 'Montserrat', sans-serif;}
#section-number .contents .desc {max-width:15rem; margin:0 auto; transition:inherit;}

/* section circle */
#section-circle {background-position: center; background-size: cover;}
#section-circle:before {background-color:#00000066;}
#section-circle .contents {text-align:center; position:relative; display:flex;}
#section-circle .contents li {list-style:none; ; color:inherit ; transition:.5s; line-height:2rem; position:inherit; border-radius:50%; justify-content:center; align-items:center; display:flex; z-index:2;}
#section-circle .contents li:before{content:""; display:block; padding-top:100%;}
#section-circle .contents li:hover .circle{transform:rotate( 360deg );}
#section-circle .contents li:nth-child(2) {margin:0 -30px; z-index:1;}
#section-circle .contents li .circle{position:absolute; border-radius:50%; width:100%; height:100%; top:0; left:0; bottom:0; transition:20s;}
#section-circle .contents li .square{position:absolute; width:100%; height:100%; top:0; left:0; bottom:0;}
#section-circle .contents li .inner{padding:0 10%;}

/* section widget 1 */
#section-widget-1 {background-color:var(--bs-white);}

/* section info */
#section-info .contents .contents-warp{display:flex;}
#section-info .contents .img{width:50%;}
#section-info .contents .contents-warp .text {justify-content:center; color:#fff;}
#section-info .contents .contents-warp .text{width:50%; display:flex; justify-content:center; align-items:center;}
#section-info .contents .contents-warp .text .text-warp {max-width:50rem;}

/* section banner */
#section-banner {background-color:var(--duna-point1); color:var(--bs-white);}
#section-banner .img {position:relative; z-index:2;display:flex;align-items:flex-end}
#section-banner .text-warp{display:flex;align-items:center;height: 100%;}
#section-banner .text {position:relative; z-index:2;}
#section-banner .text .desc {line-height:1.5;}
#section-banner .bg {position:absolute; width:100%; height:100%; left:0; top:0; z-index:0;}

/* section contact */
#section-contact {background-color:var(--bs-white);}
#section-contact .row {justify-content: center;}
#contact-form input,#contact-form select,#contact-form textarea{border-radius:0; background:#f1f1f1;}
#contact-form input,#contact-form select{line-height:40px;}
#contact-form textarea{padding:8px 10px; background-color:#f1f1f1;}
#contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{border-color:#111; color:#111;}
#contact-form input,#contact-form select,#contact-form textarea::placeholder {font-size:1rem; background-color:#f1f1f1;}
#contact-form .accordion .accordion-item .accordion-header .accordion-button{background-color:#f1f1f1; border:1px solid #ced4da;}
#contact-form .accordion .accordion-item .accordion-collapse .accordion-body{border:1px solid #ddd; background-color:#e3e3e3; padding:3rem 1.25rem;}
#contact-form .input-agree{margin:10px 5px 0;}
#contact-form .contact-submit {margin-top:30px;}
#contact-form .submit{background:var(--point-gradient); color:#ffffffa6; border:0px; cursor:pointer; width:100%; height:4rem; text-align:center; vertical-align:middle; transition:.3s;}
#contact-form .contact-submit .submit:hover{color:var(--bs-white); font-size:1.1rem;}
#section-contact .accordion-button::after{font-family:'xeicon'; content:'\e943'; font-size:1.3rem; color:var(--bs-dark); transition:transform .2s ease-in-out; background-image:none;}
#section-contact .accordion-button:not(.collapsed) {color:var(--duna-point1);}
#section-contact .accordion-button:not(.collapsed)::after{font-family:'xeicon'; content:'\e943'; background-image:none; transform:rotate(-180deg);}

/* section contents */
#section-contents {background-color:var(--bs-white); min-height:500px;}

/* section parallax */
#section-parallax {background-position: center; background-size: cover;}
#section-parallax .row {align-items:center; justify-content: center;}
#section-parallax .header {text-align:center;}
#section-parallax .contents {text-align:center; position:relative;}
#section-parallax .contents i {margin:30px 40px;}

/* section map */
#section-map {color:var(--bs-white); overflow: hidden;}
#section-map .container {position: relative;height: 100%;}
#section-map .container .row>div {position: absolute;z-index: 2;right: 0;top: 0;}
#section-map .container .row .header {background-position: center; background-size: cover;}
#section-map .container .row .header,#section-map .container .row .footer {min-width: 26rem;}
#section-map .container .row .footer {background-color: var(--duna-point1);}
#section-map .container .row .footer>div {margin-bottom: 2rem;}
#section-map .container .row .footer>div:last-child {margin-bottom: 0;}
#section-map .container .row .footer .logo-img {background-position: left;background-repeat: no-repeat;width: 10rem;height: 6rem;}
#section-map .map {text-align:center; position:relative; margin-bottom: -0.4rem;}

/* footer */
.section-warp.footer {margin:-8vh 0 8vh;}
#section-footer {line-height:1.8; background-color:#f1f1f1; color:#979797;}
#section-footer .row {justify-content:center;}
#section-footer .logo-img {background-position:center; background-repeat:no-repeat; min-height:5rem; }
#section-footer h5 {position:relative; padding-bottom:20px; margin-bottom:20px;}
#section-footer h5:before {content:''; display:block; position:absolute; left:0; bottom:0; width:30px; height:1px; border-bottom:1px solid #888;}
#copyright {padding:1rem 0; color:#bababa; background-color:var(--duna-point1); position:relative;}
#copyright .member {text-align:center;position:absolute;right:0;top: 0;align-items: center;height: 100%;}
#copyright .member a {color:transparent; transition:.1s; padding-right:1rem;}
#copyright .member a:hover {color:var(--bs-info);}


/*-------------------------------------------------------
** 
** ETC
** 
--------------------------------------------------------*/

.modal .modal-content button {position:absolute; top:-1.5rem; right:-1.5rem; background-color:var(--bs-white); border-radius:50%; padding:1rem; z-index:2; opacity:1; box-shadow:2px 3px 5px rgb(0 0 0 / 50%);}
.modal .modal-content button:hover {opacity:1;}
.modal .modal-body {padding:0.3rem;}

.bd .card {border:0;}
#pageFo .btnArea {display:block !important;}
.copyright .duna {font-size: .5rem;color: #fff;padding: .2rem .5rem;margin-left: 1rem;border: 1px dotted #fff;border-radius: .3rem;transition: .3s ease-out;opacity: 0;}
.copyright .duna:hover {opacity: .2;}
/*-------------------------------------------------------
** 
** mediaQuery
** 
--------------------------------------------------------*/
@media (max-width:1399.98px) {
	.section-warp {margin:-6vh 0; padding: 0 4vw;}
	.sub-top .bread{bottom:6rem;}
	#section-info .contents .contents-warp .text .text-warp {padding:15rem 20%; max-width:50rem;}

}


@media (max-width:991.98px) {
	.duna-section .header {margin-bottom:20px;}
	.duna-header.dark .navbar .navbar-brand {width:7rem; height:3rem;}
	.section-warp {margin:-4vh 0; padding: 0 3vw;}
	#promotion .header-warp {position:initial; padding: 0;}
	#promotion .header-warp .header {margin-bottom: 1rem;padding: 0 4vw;}
	#sub-top .bread{bottom:4rem; margin-left: 5%;}
	#section-icon .container .row>div {margin-bottom: 4rem;}
	#section-icon .container .row>div:last-child {margin-bottom: 0;}
	#section-icon .contents {justify-content: flex-start;}
	#section-about .contents.cont2,#section-about .contents.cont3 {margin-top:5rem;}
    #section-circle {background-attachment:initial;}
	#section-circle .contents {display:block;}
	#section-circle .contents li {border-radius:0; width:100%;}
	#section-circle .contents li:before{padding-top:60%;}
	#section-circle .contents li:nth-child(2) {margin:20px 0px;}
	#section-info .contents .contents-warp{display:block;}
	#section-info .contents .img{width:100%; height:40vh;}
	#section-info .contents .contents-warp .text{width:100%; display:flex; justify-content:center; align-items:center;}
	#section-info .contents.line-2 .contents-warp .text {justify-content:flex-start;}
	#section-info .contents.line-2 .contents-warp .text .text-warp {text-align:left;}
	#section-service .carousel .carousel-inner .carousel-caption {padding:0.5rem 1rem; background-color:#000000b3;}
	#section-circle .contents li .inner {line-height: 1;}
	#section-number .row>div {margin-bottom: 4rem;}
	#section-parallax {background-attachment:initial;}
	#section-map {background-color: var(--duna-point1);}
	#section-map .container .row>div {position: inherit;}
	#section-banner img {display:none;}
	#section-contact .contents1 {margin:10% 0 0;}
	.section-warp.footer {margin:-4vh 0 4vh;}
	#section-footer .site-logo {display:block; margin:0 auto;}
	#section-footer .row>div {margin-bottom: 2rem;}
	#section-footer .row>div:last-child {margin-bottom: 0;}
	#section-footer h5 {padding-bottom: 10px;margin-bottom: 10px;}
	.modal .modal-content button{bottom:-60px; top:unset; left:50%; margin-left:-24px; padding:1rem; opacity:.8;}
	.mb-xs-3 {margin-bottom:1rem;}
	.mb-xs-4 {margin-bottom:1.5rem;}
	.mobile {display:block;}
	.immobile {display:none;}
	.duna-btn-m-100 {width: 100%; text-align: center;}

}

@media (max-width:767.98px) {
	#section-number .row:nth-child(2)>div {position:relative;}
	#section-number .row:nth-child(2)>div:before {content:''; position:absolute; width:100px; height:2px; bottom:-10px; left:50%; margin-left:-50px; background-color:#ffffff50;}
	#section-number .row:nth-child(2)>div:nth-child(4):before {content:''; position:absolute; width:100px; height:0px; bottom:0px; left:50%; margin-left:-50px;}
	#section-number .contents .title{display:flex; margin:0 auto; align-items: center;}
	#section-number .contents .title i{margin-right:4px;}
    #section-footer {line-height:1.5;}

}

@media (max-width:575.98px) {
	#section-number .row>div:last-child {margin-bottom: 0;}

}

@media (min-width:992px) {
	#section-icon [class*='col-']:after {
		content:''; display:block; 
		position:absolute; left:0; top:0; 
		width:1px; height:100%; 
		background-color:rgba(255,255,255,0.5); 
	}
	#section-icon [class*='col-'].first:after {width:0px;}
	.navbar-expand-lg .navbar-toggler {display:none};
	
}

