CINXE.COM
브라우저 업데이트 안내 - 서울대학교
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes"> <title>브라우저 업데이트 안내 - 서울대학교</title> <link rel="icon" href="/_skin/kor/layout/ico/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/_skin/kor/layout/ico/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon-precomposed" href="/_skin/kor/layout/image/mobileicon.png"> <link rel="stylesheet" href="/_skin/kor/layout/css/bootstrap/bootstrap.min.css"> <style> /* explorer */ .ex-wrapper { background-color: #f7f7f7; height: 100vh; padding: 0 0; } .ex-wrapper-logo { padding: 15px 30px; background-color: #1b3b86; text-align:center; } .ex-wrapper-logo img { max-width:300px; } .update-wrap { text-align: center; margin-top: 86px; color:#333; } .update-tit { font-size: 56px; line-height: 1.2; font-weight: 500; padding-bottom: 25px; } .update-txt { font-size: 18px; line-height: 1.5; font-weight: 400; max-width: 625px; padding-bottom: 30px; margin: 0 auto; } .site-cont { padding: 0 0 160px; max-width: 906px; margin: 0 auto; } .browser-list { margin: 80px 0; padding:0; } .browser-list li { list-style:none; } .browser-list-cont { width: 33%; padding: 0; text-align: center; margin: 0 0 48px; font-size: 18px; } .browser-lists { color: #666; } .browser-lists:hover { color: #042e85; } .browser-imgs { display: block; margin: 0 auto 24px; border: 1px solid #fff; background-color: #fff; border-radius: 50%; line-height: 0; width: 180px; height: 180px; box-sizing: border-box; transition: all .2s; } .browser-imgs:hover { border: 1px solid #042e85; } .browser-imgs img { width: 90px; height: 90px; margin-top: 45px; } @media (max-width: 768px) { .browser-imgs { width: 150px; height: 150px; } .browser-imgs img { margin-top: 30px; } } </style> </head> <body> <div class="ex-wrapper"> <div class="ex-wrapper-logo"> <a href="/" class="logo-img"> <img src="https://www.snu.ac.kr/_skin/kor/layout/image/snu-logo_lg.png" alt="서울대학교"> </a> </div> <div class="update-wrap"> <div class="update-tit mon">브라우저 업데이트 안내</div> <div class="update-txt"> 사용중인 브라우저는 더이상 지원하지 않습니다. 아래와 같은 브라우저를 사용하세요. </div> <div class="site-cont"> <ul class="browser-list d-flex justify-content-between"> <li class="browser-list-cont"> <a class="browser-lists" href="https://www.google.com/chrome/" target="_blank" title="새창으로 열림" rel="noopener noreferrer"> <span class="browser-imgs"> <img src="/webdata/uploads/kor/image/2022/06/browser_chrome.png" alt="Chrome browser"> </span> Google Chrome </a> </li> <li class="browser-list-cont"> <a class="browser-lists" href="https://www.mozilla.org/firefox/new/" target="_blank" title="새창으로 열림" rel="noopener noreferrer"> <span class="browser-imgs"> <img src="/webdata/uploads/kor/image/2022/06/browser_firefox.png" alt="Firefox browser"> </span> Firefox </a> </li> <li class="browser-list-cont"> <a class="browser-lists" href="https://www.microsoft.com/en-us/edge" target="_blank" title="새창으로 열림" rel="noopener noreferrer"> <span class="browser-imgs"> <img src="/webdata/uploads/kor/image/2022/06/browser_edge.png" alt="Microsoft Edge"> </span> Microsoft Edge </a> </li> </ul> </div> </div> </div> </body> </html>