/* Copyright entraon.com */
@charset "utf-8";

.entra-menu {display:none;position:absolute;z-index:999999999;right:-20px;top:50%;font-size:0;cursor:pointer !important;text-align:center;transform: translate(0,-50%);width:68px;height:68px;padding:33px 20px;transition: .5s ease-in-out;margin-top:-8px;}
.entra-header.header-fixed .entra-menu {margin-top:-10px;}


.entra-menu > i {display:block;margin:0 auto;position:relative;transition: .5s ease-in-out;}

.entra-menu > i:before, .entra-menu > i:after {
	position: absolute;z-index:2;
	content: '';
}
.entra-menu > i, .entra-menu > i:before, .entra-menu > i:after {
	width: 100%;
	height: 2px;
	display: block;border-radius:5px;
}

.entra-menu > i:before {
	margin-top: -8px;
}
.entra-menu > i:after {
	margin-top: 8px;
}


.entra-menu > i {
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
}
.entra-menu > i:before {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
}
.entra-menu > i:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
}

.entra-menu > i:before, 
.entra-menu > i:after {background-color:#fff;}
.entra-menu > i {background-color:#fff;}


.entra-header.header-fixed .entra-menu > i:before, 
.entra-header.header-fixed .entra-menu > i:after {background-color:#0a2140;}
.entra-header.header-fixed .entra-menu > i {background-color:#0a2140;}



.entra-header.open .entra-menu {transform: translate(0,-50%) rotate(0deg);}
.entra-header.open .entra-menu > i {background-color:transparent !important;}

.entra-header.open .entra-menu > i:before {
	margin-top: 1px;background-color:#0a2140 !important;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s;
}

.entra-header.open .entra-menu > i:after {
	margin-top: 1px;background-color:#0a2140 !important;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s;
}




@media all  and (max-width:1100px) { 

body {padding-top:75px;}

.entra-wrapper {padding-left:20px !important;padding-right:20px !important;}

.entra-menu {display:block;}

.entra-header:after {background-color:#0a2140;}
.entra-header .header-logo > a:before {background-image:url(../images/logo-white.png);}


.entra-header .header-top-wrap {display:block;}

.entra-header .header-top-wrap .top-side {display:none;}
.entra-header .header-top-wrap .header-logo {margin-left:-10px;}
.entra-header .header-logo {left:0;height:55px;}


.entra-header.open .header-logo > a:before {background-image:url(../images/logo.png);}



.entra-header .header-top {z-index:3;width:220px;margin:0;left:0;overflow:hidden;}
.entra-header.open .header-top {left:100%;margin-left:-312px;}
.entra-header .header-main {z-index:2;position:absolute;right:0;top:9px;bottom:0;}
.entra-header .header-main:after {content:none;}
.entra-header .header-main .entra-wrapper {height:100%;}
.entra-header .header-main .entra-inner {height:100%;}





.entra-header.header-fixed .header-top {margin-top:0;padding:0;}

.entra-header.header-fixed:after {background-color:#fff;}
.entra-header.header-fixed .header-logo > a:before {background-image:url(../images/logo.png);}
.entra-header.header-fixed .header-logo {height:50px;}
.entra-header.header-fixed .header-main {top:15px;}


.entra-header.open:after {position:fixed;background-color:#04152b !important;opacity:0.8;}



.entra-navbar {position:fixed;z-index:999;display:block;margin:0;margin-right:-150%;left:auto;right:0;top:0;transform:none;width:330px;height:100%;background-color:#eee;transition: .5s ease-in-out;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select: none;-o-user-select:none;user-select: none;-ms-user-select: none;font-weight:300;/*border-left:1px solid #d5d5d5;*/}
.entra-header.open .entra-navbar {margin-right:0;}

.entra-navbar .gnb {position:absolute;left:0;margin-left:0;margin-right:0;width:100%;top:75px;bottom:0;white-space:normal;text-align:left;background-color:#fff;overflow:hidden;overflow-y:auto;padding-bottom:50px;transition: .5s ease-in-out;}
.entra-header.header-fixed .entra-navbar .gnb {top:50px;}

.entra-navbar .gnb > ul > li:last-child > ul {border-right:0;}

.entra-navbar .gnb > ul {display:block;}
.entra-navbar .gnb > ul > li  {border-top:1px solid #ddd;padding-right:80px;}
.entra-navbar .gnb > ul > li > a {text-align:left;display:block;padding:20px 33px !important;padding-right:0;font-size:1.3em !important;height:auto !important;;line-height:normal !important;font-weight:700;}


.entra-navbar .gnb > ul > li > i {display:block;position:absolute;z-index:2;right:0;top:0;/*background-color:#3d3f45;*/width:80px;height:76px;line-height:76px;font-size:1.0em;text-align:center;-webkit-transition:0.5s;transition:0.5s;}

.entra-navbar .gnb > ul > li.open > i {transform: rotateX(180deg);}
.entra-navbar .gnb > ul > li.on > i {transform: rotateX(180deg);}



.entra-navbar .gnb > ul > li > ul {position:relative;left:auto;transform:none;min-width:0;white-space:normal;height:auto !important;font-size:1em;font-weight:500;padding:5px 0;padding-bottom:20px;}
.entra-navbar .gnb > ul > li > ul:after {background-color:#017a46;}

.entra-header.open .entra-navbar .gnb > ul > li > ul {display:none !important;}
.entra-header.open .entra-navbar .gnb > ul > li.open > ul {display:block !important;}
.entra-header.open .entra-navbar .gnb > ul > li.on > ul {display:block !important;}


.entra-navbar .gnb > ul > li > ul > li > a {white-space:normal;font-size:1em;padding:5px 33px !important;font-weight:500;}
.entra-navbar .gnb > ul > li > ul > li > ul > li > a {white-space:normal !important;font-size:1em;padding:3px 28px !important;font-weight:400;font-family:'Noto Sans KR', sans-serif;}

.entra-navbar .gnb > ul > li:hover > ul {background-color:transparent;}




}










@media all  and (max-width:900px) { 
.entra-sidebar {position:relative;z-index:2;top:auto !important;bottom:auto;left:auto;right:auto;transform:none;background-color:#041226;margin:0;}
.entra-sidebar:after {content:none;}
.entra-sidebar nav {display:flex;flex-wrap:wrap;gap:0;border-radius:0;margin-left:-1px;}
.entra-sidebar nav .menu {flex-grow:1;margin:0;border:0;border-top:1px solid #ddd;border-left:1px solid #ddd;font-size:0.8em;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;}

.entra-sidebar .menu:before {width:40px;height:40px;}

.entra-sidebar nav .menu.intro {display:none;}
.entra-sidebar nav .menu.top {display:none;}

}



























@media all  and (max-width:900px) { 

.entra-slider-visual .swiper-button-prev {display:none;}
.entra-slider-visual .swiper-button-next {display:none;}



.entra-slider-visual .swiper-slide .visual-text .text {font-size:1.4em;display:inline}
.entra-slider-visual .swiper-slide .visual-text .text.t1 {font-size:2em;}


.entra-slider-visual .swiper-slide .visual-text .text {transition:0.2s;filter: blur(0);opacity:0;}
.entra-slider-visual.on .swiper-slide .visual-text .text {transition:1.8s;filter: blur(0);margin-left:0 !important;opacity:1;}

.entra-slider-visual .swiper-slide .visual-text .text:nth-child(1) {transition-delay:0.1s;margin-left:0;}
.entra-slider-visual .swiper-slide .visual-text .text:nth-child(2) {transition-delay:0.2s;margin-left:0;}
.entra-slider-visual .swiper-slide .visual-text .text:nth-child(3) {transition-delay:0.3s;margin-left:0;}
.entra-slider-visual .swiper-slide .visual-text .text:nth-child(4) {transition-delay:0.4s;margin-left:0;}



}














@media all  and (max-width:900px) { 

.entra-section {padding:60px 0;}
.entra-section-title .title {font-size:2.0em;}

}























@media all  and (max-width:900px) { 

.entra-sub-visual .visual-text .title {font-size:2.0em;}
.entra-sub-visual .visual-text .copy {font-size:1.0em;}

}















@media all  and (max-width:900px) { 

.entra-submenu {height:50px;margin-left:-20px;margin-right:-20px;flex-wrap:wrap;align-items:flex-start;}
.entra-submenu > li {width:calc(33% - 25px);flex-grow:1;}


.entra-submenu > li:first-child {flex-shrink:0;flex-grow:0;width:50px !important;}

.entra-submenu > li .home {width:50px;font-size:1.3em;}

.entra-submenu > li .names {font-size:1.0m;gap:5px 5px;padding:0 15px;min-width:10px;;}
.entra-submenu > li .names:after {width:20px;height:20px;font-size:10px;}

}


@media all  and (max-width:780px) { 

.entra-submenu:hover > li {width:0;}
.entra-submenu:hover > li:hover {width:70%;}
.entra-submenu:hover > li:hover .names {padding:0 20px;}


}


















@media all  and (max-width:1020px) { 

.entra-main-inquire .inquire-input {flex-wrap:wrap;}
.entra-main-inquire .inquire-input > * {flex-grow:1;}
.entra-main-inquire .inquire-input .input-box:nth-child(3) {width:100%;}

}









@media all  and (max-width:1300px) { 
.entra-main-biz .item {padding:29px 29px 100px 29px;}
.entra-main-biz .item .title {font-size:1.2em;}
}
@media all  and (max-width:900px) { 
.entra-main-biz .item {width:calc(50% - 5px);}
}
@media all  and (max-width:440px) { 
.entra-main-biz .item {width:100%;}
}






@media all  and (max-width:1030px) { 
.entra-main-community {flex-wrap:wrap;gap:10px;}
.entra-main-community .item-map {width:100%;height:390px;}
.entra-main-community .item-banner {width:100%}
}

@media all  and (max-width:590px) { 
.entra-main-community .item-banner .banner {width:100%;padding-right:29px !important;}
.entra-main-community .item-banner .banner:before {position:relative;right:auto;bottom:auto;margin:0 auto;}
.entra-main-community .item-banner .banner.qa {padding-bottom:70px;}

}