@import "http://www.imbc.com/commons/css/base.css";
.screen-out { position: absolute; 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; }

.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

.transitioned { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.ui-body { height: 100%; text-align: center; background: #000 url("http://img.imbc.com/broad/tv/ent/iamsinger/img/bg-body.jpg") no-repeat center 117px; }

.canvas { z-index: -1; position: absolute; left: 0; top: 120px; right: 0; bottom: 0; background: transparent; }

.ui-page { z-index: 10; overflow: hidden; position: relative; width: 1024px; height: 100%; margin: 0 auto; text-align: center; }
.ui-page .masthead { overflow: hidden; position: relative; margin-bottom: 71px; }
.ui-page .masthead .header { margin-bottom: 52px; }
.ui-page .masthead .copy { margin-bottom: 135px; line-height: 1.42857; color: #fff; font-size: 16px; font-weight: bold; font-family: 'Nanum Gothic'; }
.ui-page .masthead .copy strong { color: #fee05a; }
.ui-page .masthead .info { overflow: hidden; position: relative; margin-bottom: 27px; text-align: left; }
.ui-page .masthead .info .field { position: relative; width: 1024px; min-height: 26px; margin-bottom: 14px; padding-left: 120px; line-height: 1.42857; color: #fff; letter-spacing: -1px; font-size: 20px; font-weight: bold; font-family: 'Nanum Gothic'; }
.ui-page .masthead .info .field strong { color: #fee05a; }
.ui-page .masthead .info .title { position: absolute; left: 0; top: 0; width: 120px; text-align: center; }
.ui-page .masthead .info .title img { vertical-align: top; }
.ui-page .masthead .extra { overflow: hidden; padding-left: 17px; text-align: left; }
.ui-page .documentation { overflow: hidden; position: relative; width: 1024px; line-height: 1.42857; }
.ui-page .documentation .header { margin-bottom: 10px; color: #fff; text-align: center; font-size: 28px; font-family: 'Nanum Gothic'; }
.ui-page .documentation .header strong { color: #ffe882; }
.ui-page .documentation .sorting { position: absolute; left: 15px; top: 20px; color: #fff; font-size: 14px; font-family: 'Nanum Gothic'; }
.ui-page .documentation .sns { overflow: hidden; position: absolute; right: 12px; top: 7px; padding-left: 84px; }
.ui-page .documentation .sns .title { position: absolute; left: 0; top: 0; }
.ui-page .documentation .sns .title img { vertical-align: top; }
.ui-page .documentation .sns a { display: block; float: left; width: 28px; height: 27px; margin-right: 6px; }
.ui-page .documentation .list-container { overflow: hidden; position: relative; width: 1024px; }
.ui-page .documentation .list-container ul { overflow: hidden; position: relative; padding-left: 16px; margin-bottom: 25px; }
.ui-page .documentation .list-container li { overflow: hidden; float: left; width: 160px; height: 257px; margin-right: 7px; text-align: center; font-size: 0; }
.ui-page .documentation .list-container .image { overflow: hidden; position: relative; width: 156px; *width: 160px; height: 193px; *height: 198px; padding: 5px 0 0 5px; background: url("http://img.imbc.com/broad/tv/ent/iamsinger/img/bg-photo-frame.png") no-repeat; text-align: left; }
.ui-page .documentation .list-container .checkbox { display: inline-block; zoom: 1; *display: inline; color: #fff; font-weight: bold; font-size: 18px; font-family: 'Nanum Gothic'; }
.ui-page .documentation .list-container .checkbox input { overflow: hidden; position: relative; top: 7px; width: 13px; height: 13px; margin: 0 4px 0 0; vertical-align: top; }
.ui-page .documentation .list-container .btn-poll { display: block; width: 268px; height: 67px; margin: 0 auto; padding: 0; border: 0; background: transparent;}
.ui-page .ad { position: absolute; right: 18px; top: 737px; }
.ui-page .site-footer { height: 50px; *height: 128px; padding-top: 78px; color: #fff; font-size: 12px; }