@import "http://fonts.googleapis.com/earlyaccess/notosanskr.css";
.awards-page-main { overflow: hidden; position: relative; width: 100%; text-align: center; background: url("http://img.imbc.com/broad/tv/ent/event/2015mbc/img/bg-main.jpg") center top; }

.awards-template-main { overflow: hidden; position: relative; width: 1024px; margin: 0 auto; padding-top: 589px; text-align: left; }
.awards-template-main .logo { position: absolute; left: 50%; top: 80px; margin-left: -307px; }
.awards-template-main .dday { display: inline-block; position: absolute; left: 50%; top: 361px; height: 108px; line-height: 108px; color: #fff; border-top: 1px solid #98a3bc; border-bottom: 1px solid #98a3bc; font-size: 70px; font-family: 'Nanum Gothic'; font-letter-spacing: -1px; }
.awards-template-main .date { position: absolute; left: 0; top: 500px; width: 100%; color: #a9a5c1; line-height: 1.3; letter-spacing: -1px; font-size: 22px; font-family: 'Nanum Gothic'; text-align: center; }
.awards-template-main .date em { display: block; color: #dcdae8; font-weight: bold; font-size: 32px; }
.awards-template-main .buttons { overflow: hidden; position: relative; margin-bottom: 40px; text-align: center; font-size: 0; }
.awards-template-main .buttons .button { display: inline-block; zoom: 1; *display: inline; width: 235px; height: 229px; margin: 0 25px; }
.awards-template-main .buttons .button img { vertical-align: top; }

.awards-body-sub { background-color: #2f4273; }

.awards-page-sub { overflow: hidden; position: relative; width: 100%; text-align: center; background: url("http://img.imbc.com/broad/tv/ent/event/2015mbc/img/bg-sub.jpg") no-repeat center top; }

.awards-template-sub { overflow: hidden; position: relative; width: 1024px; margin: 0 auto; text-align: left; }
.awards-template-sub .masthead { overflow: hidden; position: relative; height: 297px; }
.awards-template-sub .masthead .logo { position: absolute; left: 50%; top: 62px; margin-left: -217px; }
.awards-template-sub .menu { overflow: hidden; position: relative; height: 56px; }
.awards-template-sub .menu ul { overflow: hidden; position: relative; width: 1024px; height: 56px; }
.awards-template-sub .menu ul li { overflow: hidden; position: relative; float: left; width: -webkit-calc(100% / 3); width: calc(100% / 3); height: 56px; letter-spacing: -1px; }
.awards-template-sub .menu ul li a { display: block; width: 100%; height: 56px; color: #c3b6d6; line-height: 52px; text-align: center; font-size: 23px; font-weight: 200; font-family: 'Noto Sans KR'; }
.awards-template-sub .menu ul li a em { color: #e2ba3f; }
.awards-template-sub .menu ul .active a { color: #fff; font-weight: 700; }
.awards-template-sub .documentation { overflow: hidden; position: relative; }
.awards-template-sub .documentation .text { padding: 40px 0; text-align: center; }
.awards-template-sub .documentation .text img { vertical-align: top; }
.awards-template-sub .documentation .sort { padding-right: 15px; text-align: right; line-height: 1.42857; color: #fff; font-size: 14px; font-weight: bold; font-family: 'Nanum Gothic'; }
.awards-template-sub .documentation .frame { overflow: hidden; position: relative; padding-top: 10px; }

.screen-out { position: absolute !important; left: 0; top: 0; visibility: hidden; width: 0; height: 0; line-height: 0; font-size: 0; color: transparent; }

.img-responsive { max-width: 100%; height: auto; }

.ellipsis { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.board-out { position: absolute !important; left: -9999px; top: -9999px; }

.site-footer { color: #fff; padding: 25px 0; font-size: 12px; }