| | |
| | | .menu-w .logo-w .logo-element, |
| | | .top-bar .logo-w .logo-element { |
| | | content: ""; |
| | | width: 60px; |
| | | height: 30px; |
| | | background-image: url(../images/logo-owl.png); |
| | | width: 110px; |
| | | height: 40px; |
| | | background-image: url(../images/logo-kisa-en.png); |
| | | background-size: cover; |
| | | position: relative; |
| | | display: inline-block; |
| | | vertical-align: middle; |
| | | margin-right: 20px; |
| | | margin-right: 0px; |
| | | right: 10px; |
| | | -webkit-transition: all 0.2s ease; |
| | | transition: all 0.2s ease; |
| | | } |
| | |
| | | .menu-w .logo-w .logo-element:after, |
| | | .top-bar .logo-w .logo-element:after { |
| | | content: ""; |
| | | width: 105px; |
| | | height: 31px; |
| | | background-image: url(../images/logo-owltxt.png); |
| | | width: 120px; |
| | | height: 30px; |
| | | background-image: url(../images/logo-kisa-txt.png); |
| | | background-size: cover; |
| | | right: -20px; |
| | | left: 70px; |
| | | left: 110px; |
| | | top: 10px; |
| | | position: absolute; |
| | | -webkit-transition: all 0.2s ease; |
| | | transition: all 0.2s ease; |
| | |
| | | |
| | | .menu-w .logo-w .logo:hover .logo-element, |
| | | .top-bar .logo-w .logo:hover .logo-element { |
| | | -webkit-transform: translateX(5px); |
| | | transform: translateX(5px); |
| | | -webkit-transform: translateX(2px); |
| | | transform: translateX(2px); |
| | | } |
| | | |
| | | .menu-w .logo-w .logo:hover .logo-element:after, |
| | | .top-bar .logo-w .logo:hover .logo-element:after { |
| | | -webkit-transform: translateX(-10px); |
| | | transform: translateX(-10px); |
| | | -webkit-transform: translateX(-3px); |
| | | transform: translateX(-3px); |
| | | } |
| | | |
| | | .menu-w .logo-w .logo:hover .logo-label:after, |
| | |
| | | |
| | | .menu-w .logo-w { |
| | | text-align: center; |
| | | padding: 14px 1rem 14px 1.7rem; |
| | | padding: 10px 1rem 12px 1.1rem; |
| | | } |
| | | |
| | | .menu-w .logo-w a { |
| | |
| | | } |
| | | |
| | | .menu-position-side.menu-w.color-scheme-dark .logo-w { |
| | | background-color: #000035; |
| | | background-color:#f2f4f8; |
| | | } |
| | | |
| | | .menu-position-side.menu-w.color-scheme-dark .element-search:before { |
| | |
| | | line-height: 20px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .auth-box-w .auth-header img { |
| | | /* 기존 로고 위치 및 크기 */ |
| | | /*.auth-box-w .auth-header img { |
| | | width: 70px; |
| | | } |
| | | }*/ |
| | | |
| | | /* 인터넷 진흥원 로고 위치 및 크기 조정*/ |
| | | .auth-box-w .auth-header img { |
| | | width: 120px; |
| | | position: relative; |
| | | bottom: 6px; |
| | | } |
| | | .auth-box-w form { |
| | | padding: 20px 50px; |
| | | padding-bottom: 20px; |
| | |
| | | transition: .4s; |
| | | } |
| | | |
| | | .slider-disabled { |
| | | position: absolute; |
| | | cursor: pointer; |
| | | top: 0; |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | background-color: #2196F3; |
| | | } |
| | | |
| | | .slider-disabled:before { |
| | | position: absolute; |
| | | content: ""; |
| | | height: 18px; |
| | | width: 18px; |
| | | left: 30px; |
| | | bottom: 4px; |
| | | background-color: white; |
| | | } |
| | | |
| | | |
| | | input:checked + .slider { |
| | | background-color: #2196F3; |
| | | } |
| | |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | .slider-disabled.round { |
| | | border-radius: 34px; |
| | | } |
| | | |
| | | .slider-disabled.round:before { |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | .tab { |
| | | position: relative; |
| | | margin-top: 20px; |