/*# sourceMappingURL=style.css.map */ @media screen and (min-width: 992px) { #history .wrap1 li:hover .bg{ opacity: 1; } #history .wrap1 li:hover .text{ color: #fff; z-index: 3; } #history .wrap1 li:hover .fz30:after{ background: #fff; } #main .wrap3 li a:hover .d1{ opacity: 0; } #main .wrap3 li a:hover .text{ visibility: visible; transform: translate(0,0); opacity: 1; } .paging a.prev:hover:after, .paging a.next:hover:after{ opacity: 1; left: 0; } .paging a.item:hover{ background-color: #183883; color: #fff; } #news .wrap1 .wrap li a:hover{ box-shadow: 0 0 13px 1px rgba(0,33,111,.2); } #idea .wrap2 .swiper-button-prev:hover, #idea .wrap2 .swiper-button-next:hover{ background-image: url('../img/20-h.png'); } #idea .wrap1 ul li:hover .mark{ opacity: 1; visibility: visible; } #news .wrap1 .wrap li .more:hover{ color: #f5f5f5; background-color: #183883; } #news .wrap1 .wrap li .more:hover:after{ background-image: url('../img/10-h.png'); } #circuit .wrap1 ul li:hover{ /*border: 1px solid #2c5ed4;*/ box-shadow: 0 0 .2rem 1px rgba(0,30,99,.2); } #circuit .wrap1 ul li .text, #circuit .wrap1 ul li .d1, #circuit .wrap1 ul li .d2, .listsw .swiper-slide .text, .listsw .swiper-slide .d1, .listsw .swiper-slide .d2{ transition: all .3s ease-out; } #circuit .wrap1 ul li:hover .text, .listsw .swiper-slide:hover .text{ background-color: rgba(24,56,131,.9); } #circuit .wrap1 ul li:hover .d1, #circuit .wrap1 ul li:hover .d2, .listsw .swiper-slide:hover .d1, .listsw .swiper-slide:hover .d2{ color: #fff; } .topnav.circuit_nav .prev:hover{ background-color: #163685; background-image: url('../img/22-h.png'); } .topnav.circuit_nav .next:hover{ background-color: #163685; background-image: url('../img/right-h.png'); } .listsw .swiper-slide a:hover{ /* border: 1px solid rgba(24,56,131,.9); */ box-shadow: 0 0 0.2rem 1px rgba(0,30,99,.2); } #list .wrap2 .h4tit .listsw-prev:hover, #list .wrap2 .h4tit .listsw-next:hover{ background-color: rgba(24,56,131,1); background-image: url('../img/25-h.png') } #chip .wrap1 ul li:hover .imgs, #search .wrap1 .chiplist li:hover .imgs{ opacity: 1; } #service .wrap1 ul li:hover .text{ background-color: rgba(24,56,131,.9); } #service .wrap1 ul li:hover .text .more{ opacity: 1; transform: translate(0,0); } #contact .wrap1 li:hover{ box-shadow: 0 .05rem .2rem rgba(0,33,89,.2); } #join .wrap1 .container .paging a.item:hover{ background-color: #183883; } .circuit_nav.topnav .topnav-con a:hover span{ color: #183883; } #list .wrap1 .left .more:hover{ background-color: #183883; border: 1px solid #183883; color: #ffffff; box-shadow: 5px 5px 5px rgba(0,34,114,.45); } #list .wrap1 .left .more:hover:after{ background-image: url('../img/27.png'); } footer a:hover{ color: #fff; opacity: 1; } header .r-side .searico:hover .textbox{ width: 260px; padding-right: 10px; } .recruitdtl input[type=submit]:hover{ background: #fff; color: #183883; } #main .wrap2 .text .more:hover{ background-color: #183883; border: 1px solid #183883; color: #ffffff; box-shadow: 5px 5px 5px rgba(0,34,114,.45); } #main .wrap1 .whalf:hover img{ transform: scale(1.1); } header nav a:hover{ color: #183883; } } @media screen and (min-width: 1280px) { header .r-side .searico:hover .textbox{ width: 260px; padding-right: 10px; } } @media screen and (min-width: 1350px) { header .r-side .searico:hover .textbox{ width: 340px; padding-right: 10px; } }