1. 국문 본고딕
CSS
/*로고*/
.bottom-header-box a.logo{text-align: center;}
.bottom-header-box h1{position:relative;display:inline-block;padding:30px 0 0 0;font-weight:600;font-size:27px;letter-spacing:-1.8px;color:#5a5b5c;}
.bottom-header-box h1 span{position:relative;}
.bottom-header-box a h1 img{margin:-5px 6px 0 0;position:relative}
.bottom-header-box a h1 span:after{content:"";display:block;position:absolute;left: 199px;top:11px;width:1px;background-color:#777;height:21px;}
.bottom-header-box a h1{position:relative;}
@media screen and (max-width:1080px) {
/* 로고 */
.bottom-header-box h1{padding:25px 0 0 0;}
.bottom-header-box h1 a.mainlogo img:nth-of-type(1) {display: block; margin: 5px auto;}
}
@media screen and (max-width:800px) {
}
@media screen and (max-width:640px) {
/* 로고 */
.bottom-header-box a h1 img{margin:-3px 6px 0 0;width:136px}
.bottom-header-box h1{padding:30px 0 0 0;font-size:16px;}
.bottom-header-box a h1 span:after{top:6px;left:136px;height:15px;}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:420px) {
}
@media screen and (max-width:320px) {
}
HTML
<a class="logo" href="/swsg/index.do" title="성균관대학교 유학대학바로가기">
<h1>
<span><img src="/_res/swsg/img/common/logo.png" alt="성균관대학교" /></span>유학대학</h1>
</a>
2. 영문 본고딕
CSS
/*로고*/
.bottom-header-box a.logo{text-align: center;}
.bottom-header-box h1{position:relative;display:inline-block;padding:30px 0 0 0;font-weight: 500;font-size: 26px;letter-spacing: -1.0px;color:#5a5b5c;}
.bottom-header-box a h1 img{margin:-8px 10px 0 0;position:relative;}
.bottom-header-box a h1{position:relative;}
@media screen and (max-width:1080px) {
.bottom-header-box a.logo{display:inline-block}
.logo-hide{display:none !important;}
.bottom-header-box a h1{padding:28px 0 0 0;}
.bottom-header-box h1 a.mainlogo img:nth-of-type(1) {display: block;margin: 5px auto;}
}
@media screen and (max-width:800px) {
}
@media screen and (max-width:640px) {
.bottom-header-box h1{padding:30px 0 0 0; font-size: 16px;}
.bottom-header-box a h1 img{margin: -3px 6px 0 0; width: 136px;}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:420px) {
}
@media screen and (max-width:320px) {
}
HTML
<a href="#" class="btn_menu" title="Open menu"><img src="/_res/swsg/img/common/btn_m_menu.gif" alt="menu" /></a>
<a class="logo logo-hide" href="/swsg/index.do" title="Go to Homepage">
<h1>
<span><img src="/_res/swsg/img/common/logo_eng.png" alt="Sungkyunkwan university(skku)" /></span>College of Confucian Studies and Eastern Philosophy</h1>
</a>
3. 영문 모바일
