.intro-wrap { position: relative; } .gnu-logo { width: 500px; } .intro-tel { position: absolute; right: 80px; top: 30px; } .psa { background: url('/gnu/img/bg_psa.png') no-repeat center center; background-size: cover; cursor:pointer; text-align:center; } .ed { background: url('/gnu/img/bg_ed.png') no-repeat center center; background-size: cover; cursor:pointer; text-align:center; } .psaColor { color:#1BB7A2; } .edColor { color:#1D6BA0; } .psa { transition: transform 0.5s ease; transition: box-shadow 0.3s ease; } .ed { transition: transform 0.5s ease; transition: box-shadow 0.3s ease; } .zoom-image { transition: transform 0.5s ease; } .zoom-badge { transition: left 0.3s ease; } .zoom-text { transition: transform 0.5s ease; } .psa:hover .zoom-image { transform: scale(1.04); } .psa:hover .zoom-badge { left: 15px !Important; top: 15px !Important; } .psa:hover .zoom-text img { transform: scale(1.04); } .psa:hover { box-shadow: 0 12px 65px 5px rgba(0,0,0,0.4); transform: scale(1.01); } .ed:hover .zoom-image { transform: scale(1.04); } .ed:hover .zoom-badge { left: 15px !Important; top: 15px !Important; } .ed:hover { box-shadow: 0 12px 65px 5px rgba(0,0,0,0.4); transform: scale(1.01); } .ed:hover .zoom-text img { transform: scale(1.1); } .pcView { display: block !important; } .mobileView { display: none !important; } @media (min-width: 768px) { .pcImg { width:200px !Important;margin-left:100px;} .pcImg2 { width:230px !Important;margin-left:95px; } .pcHeight { height:340px !Important; } .txt {font-size:18px;margin-left:100px; } body { overflow:hidden } } @media (max-width: 576px) { .gnu-logo { width: 300px; } .intro-tel { position: static; display: block; margin: 10px auto 0; width: 200px; } .zoom-badge { width:100px !Important; left:20px !Important; top:-20px !Important; } .psa_area { padding:0px !Important; } .ed_area { padding:0px !Important; } .psa { padding:20px !Important; padding-top:40px !Important; } .ed { padding:20px !Important; padding-top:40px !Important; } .zoom-text { padding-left:5px !important; } .zoom-text .text { width:150px; } .zoom-text .txt { font-size:14px !important; } .zoom-text .btn { width:180px; } .pcSplit { display:none !important; } .footer span { display:block; } .mobileView { display: block !important; } .pcView { display: none !important; } }