@charset "UTF-8";

.navbar.mouseon .hover_logo {
    display: block;
}

.navbar .logo{
    display:block;
}

.navbar .hover_logo{
    display:none;
}

.navbar.mouseon .logo{
    display:none;
}
.navbar.mouseon {
    background:#fff;
    filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    border-bottom:1px solid #d6d8e1;
}
.navbar.mouseon .navbar-nav a {
    color:#222;
}

.navbar.mouseon .navbar-nav a:hover {
    color:#004288;
}

.navbar .navbar-nav a {
    color:#fff;
}

.mega-menu a:hover {
	color:#004288;
}

.navbar.mouseon .nav-function input {
    border-bottom:1px solid #d6d6d6;
    color:#555;
}

.navbar .nav-function .icon_language {
    display:block;
}

.navbar.mouseon .nav-function .hover_icon_language {
    display:block;
}

.navbar .nav-function .hover_icon_language {
    display:none;
}

.navbar.mouseon .nav-function .icon_language {
    display:none;
}

.navbar .nav-function .icon_language {
    display:block;
}

.navbar.mouseon .nav-function .hover_icon_language {
    display:block;
}

.navbar .nav-function .hover_icon_language {
    display:none;
}

.navbar.mouseon .nav-function .icon_language {
    display:none;
}

.navbar .nav-function .icon_menu {
    display:block;
}

.navbar.mouseon .nav-function .hover_icon_menu {
    display:block;
}

.navbar .nav-function .hover_icon_menu {
    display:none;
}

.navbar.mouseon .nav-function .icon_menu {
    display:none;
}

.navbar .nav-function .icon_search {
    display:block;
}

.navbar.mouseon .nav-function .hover_icon_search {
    display:block;
}

.navbar .nav-function .hover_icon_search {
    display:none;
}

.navbar.mouseon .nav-function .icon_search {
    display:none;
}

.gnblist {
    border-bottom:4px solid transparent;
}

.gnblist.activeList {
    border-bottom:4px solid #e0003c;
}

.gnblist .subul {
    display:none;
}

.gnblist.activeList .subul {
    display:block;
}

.topBtn, .newsBtn {
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}

/*.mainVisual .swiperControlWrap {
    position:absolute; 
    width:100%;
    bottom:20%; 
    z-index:6;
    text-align:center;
}*/

.mainVisual .swiper-pagination {
    display:inline-block; 
    width:auto; 
    position:relative; 
    bottom:0; 
    text-align:left; 
    font-size:0;
    margin-left: 15px;
}

.mainVisual .swiper-pagination span {
    display:inline-block; 
    width:20px; 
    font-size:14px; 
    color:#ededed;
}

.mainVisual .swiper-pagination span:last-of-type {
    margin-left:150px; 
    text-align:right;
}

.mainVisual .swiper-time {
    width:150px; 
    height:2px; 
    position:absolute; 
    top:12px; 
    left:50%;
    transform:translate(-50%,0); 
    background:#040404;
}

.mainVisual .swiper-time span {
    width:0; 
    height:100%; 
    position:absolute; 
    top:0; 
    left:0; 
    background:#fff;
}

.mainVisual .swiper-time.on span {
    animation:in-out 3.5s ease-out;
}

.mainVisual .playStop {
    display:inline-block; 
    width:10px; 
    height:10px; 
    margin-left:5px; 
    background:url("/kr/img/pause_icon.png") center center no-repeat; 
    cursor:pointer;
}

.mainVisual .playStop.on {
    background-image:url("/kr/img/play_icon.png");
}

@keyframes in-out {
    from {width:0;}
    to {width:100%;}
}

.mainVisual .nextPrev_wrap {
    max-width:1200px; 
    width:90%;
    position:absolute; 
    top:50%; 
    left:50%; 
    transform:translate(-50%, -50%); 
    z-index:2;
}

.mainVisual .swiper-button-next, .mainVisual .swiper-button-prev {
    display:inline-block; 
    width:66px; 
    height:auto; 
    position:absolute; 
    top:0; 
    margin:0;
}

.mainVisual .swiper-button-next img, .mainVisual .swiper-button-prev img {
    width:100%; 
    transition:transform .2s ease-out;
}

.mainVisual .swiper-button-prev, .mainVisual .swiper-container-rtl .swiper-button-next {
    left:0; 
    background-image:none;
}

.mainVisual .swiper-button-next, .mainVisual .swiper-container-rtl .swiper-button-prev {
    right:0; 
    background-image:none;
}

.mainVisual .swiper-button-next, .mainVisual .swiper-container-rtl .swiper-button-prev {
    right:0; 
    background-image:none;
}

.nextPrev_wrap .swiper-button-next:hover img {
    transform:rotate(-45deg);
}

.nextPrev_wrap .swiper-button-prev:hover img {
    transform:rotate(45deg);
}

.business-box .business-wrap {
    opacity:0;
}

.business-box:hover .business-wrap {
    opacity:1;
}

.swiper-pagination-bullet-active {
    background:#fff!important;
}

.swiper-pagination-bullet {
    width:12px!important;
    height:12px!important;
    background:#fff!important;
}

.swiper-grid > .swiper-wrapper{
flex-direction: unset !important;
}

.news-section {
	padding-bottom:50px;
}

.news-section .swiper-pagination {
	padding:0 20px
	
}

.news-section .swiper-pagination .swiper-pagination-bullet {
	width:25%!important;
	height:10px!important;
	background:#bbbbbb!important;
	border-radius:0!important;
	margin:0 5px!important;
}

.news-section .swiper-pagination .swiper-pagination-bullet-active {
	background:#e6003e!important;
	
}
