@charset 'utf-8';

header.common .gnb a { display: inline-block; font-size: 1.1rem; padding: 0 15px; background: transparent; transition: all .3s; text-align: center; }
header.common .mega li { width: 159px; }
header.common .mega li li a { line-height: 1.1em; padding: .5em 0; }
.megaOn header.common .mega { height: 310px; }

.visual h2 { top: auto; bottom: 170px; }

@media (max-width: 1449px) {
    header.common .gnb a { font-size: 1rem; padding: 0; padding: 0 15px; width: 146px; padding: 0; }
    header.common .mega li { width: 145px; }
}
@media (max-width: 1023px) {
    header.common .mega li { width: 100%; }
    .megaOn header.common .mega { height: calc(100% - 80px); }
    
    .market.money .visual .rw { display: inline; }
}
@media (max-width: 767px) {
    header.common .mega>ul>li { width: 50%; }
    header.common .mega>ul>li:nth-child(3n+2) { width: 50%; }
    header.common .mega>ul>li:nth-child(3n+1) { clear: none; }
    header.common .mega>ul>li:nth-child(2n+1) { clear: left; }
    header.common .mega:before { left: 50%; }
    header.common .mega:after { content: none; }
    
    .visual h2 { font-size: 2.2rem; bottom: 180px; }
}

.main .today header h2 { font-size: 1.7rem; }
.main .today header h2 strong { display: block; font-size: 2rem; }
.main .today h3 { font-size: 1.1rem; }
.main .today h3 span { display: inline-block; line-height: 1.2rem; vertical-align: middle; max-width: 80%; }
nav.sitemap li+li { margin-left: 95px; }

@media (max-width: 1080px) {
    nav.sitemap li+li { margin-left: 80px; }
}

.guide ul.sitemap li { width: 245px; }
.company .sign { margin-top: 3.33rem; line-height: 2.67rem; }
.company .sign dt { font-family: 'nanum myeongjo', serif; font-size: 1.67rem; font-weight: 700; }
.company .sign dd { font: 300 18px/30px 'Spoqa Han Sans', sans-serif; }
ul.circle span { top: 2px; }
ul.circle .ruby { top: auto; }