@charset "utf-8";

html{background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,label{margin:0;padding:0;}
body,h1,h2,h3,h4,input,button,textarea{font-family:nanumgothic,ng,dotum,AppleGothic, Sans-serif;font-size:12px;color:#464646;}
body{*word-break:break-all;-ms-word-break:break-all; font-family:nanumgothic,ng;}
*{-webkit-text-size-adjust:100%;}

hr, img,fieldset,iframe{border:0 none;}
li{list-style:none;}
img{border:0;vertical-align: top;}
em,address{font-style:normal;}
fieldset{border:none;}
caption , .blind{display:none;}
a:link,  a:visited,  a:active {text-decoration:none;}
button{cursor:pointer;border:0 none}

.hide, .acc {position:absolute; left:0; top:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}

/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
@font-face {
	font-family:'ng';
	font-style:normal;
	font-weight:400;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family:'ngb';
	font-style:normal;
	font-weight:600;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}

/*Nanum Myeongjo (Korean) http://www.google.com/fonts/earlyaccess */
@font-face {
  font-family: 'ngm';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'ngmb';
  font-style: normal;
  font-weight: 600;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'ngmb7';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.ttf) format('truetype');
}

/* =============
레이아웃
============= */
html, body {height:100%;}
body {min-width:1280px;}

.gnb {position:fixed; left:0; right:0; top:0; z-index:333; height:119px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/gnb_bg.png') no-repeat center 0;}
.mainwrap .gnb {top:10px; background:none;}
.gnb .inn {width:1000px;}
.gnb h1 {position:absolute; left:50px; top:23px; z-index:11; width:200px; height:22px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/aftv_sub.png') no-repeat;}
.gnb h1 a {height:100%; vertical-align:top; display:inline-block; *display:inline; zoom:1; overflow:hidden; text-indent:-1111px;}
.gnb h1 a.goaftv {width:131px;}
.gnb h1 a.gomain {width:63px;}
.gnb a.logo_lineage {position:absolute; left:250px; top:13px; width:113px; height:37px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/logo_lineage.png') no-repeat;}
.gnb .menu {position:absolute; top:0; right:0; bottom:0;}
.gnb .menu ul.mainmenu {position:absolute; right:215px; top:0; width:460px;}
.gnb .menu ul.mainmenu li {float:left; display:inline-block; padding:25px 25px 0;}
.gnb .menu ul.mainmenu li a {font-size:18px; line-height:1em; font-family:arial; color:#fff; display:inline-block; padding:0 0px 5px;}
.gnb .menu ul.mainmenu li.on a {border-bottom:2px solid #fff; }
.gnb .menu ul.submenu {position:absolute; right:0; top:84px; width:500px; text-align:center;}
.gnb .menu ul.submenu.sm1 {right:345px;}
.gnb .menu ul.submenu.sm2 {right:255px;}
.gnb .menu ul.submenu.sm3 {right:140px;}
.gnb .menu ul.submenu.sm4 {right:90px;}
.gnb .menu ul.submenu li {padding:0 10px; letter-spacing:-1px; display:inline-block;}
.gnb .menu ul.submenu li a {font-size:17px; color:#fff;}
.gnb .menu ul.submenu li.on a {color:#ffee2b;}

.gnb .util {position:absolute; right:40px; top:0;}
.gnb .util .login {position:absolute; right:83px; top:21px;}
.gnb .util .login a {color:#fff; font-size:14px; white-space:nowrap; vertical-align:middle; padding:0 18px 0 20px; display:inline-block; *display:inline; zoom:1; line-height:26px; border-radius:13px; background:#f65396;}
.gnb .util .login a:hover {background:#f5619e;}
.mainwrap .gnb .util .login a {background:#03c5f1;}
.mainwrap .gnb .util .login a:hover {background:#21d0f8;}
.gnb .util .login .arr {display:inline-block; vertical-align:middle; overflow:hidden; text-indent:-1111px; width:5px; height:26px; background:url("//res.afreecatv.com/afevent/promotion/award2017/img/login_arr.gif") no-repeat center 47%;}
.mainwrap .gnb .util .login .arr {background:url("//res.afreecatv.com/afevent/promotion/award2017/img/login_arr_main.gif") no-repeat center 47%;}
.gnb .util .snslist {position:absolute; right:0; top:23px;}
.gnb .util .snslist ul {width:73px; height:25px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/sns.png') no-repeat 0 center;}
.gnb .util .snslist li {float:left; width:31px; height:100%; }
.gnb .util .snslist li.ytb {width:42px;}
.gnb .util .snslist li a {display:block; height:100%; overflow:hidden; text-indent:-1111px;}

@media screen and (min-width:1000px) {
.gnb .inn {width:100%; max-width:1920px;}
}

.mainwrap .copyright {position:relative; z-index:22; height:50px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/copyright_ptn.png') repeat-x;}
.mainwrap .copyright em {display:block; overflow:hidden; text-indent:-1111px; height:100%; background:url('//res.afreecatv.com/afevent/promotion/award2017/teaser/copyright.png') no-repeat center 17px;}
.subwrap .copyright {position:relative; z-index:110; padding:20px 0 60px; font-size:14px; color:#8f8f8f; text-align:center; }
.subwrap .copyright.copy_special {background:#f1f1f1;}
.subwrap .copyright.copy_events {max-width:1920px; margin:0 auto; color:#b1e0ce; background:#32bb92;}
.subwrap .copyright.copy_about1 {max-width:1920px; margin:0 auto; color:#9a949e; background:#1c202b;}
.subwrap .copyright.copy_about2 {max-width:1920px; margin:-80px auto 0; color:#9a949e; background:#332040; padding-top:0px;}
.subwrap .copyright.copy_about3 {max-width:1920px; margin:0 auto; color:#9a949e; background:#2c333d; padding-top:0;}
.subwrap .copyright.copy_winner {background:#f1f1f1;}

/* btn_top */
.btn_top {display:none; width:1180px; height:0; position:fixed; left:50%; bottom:193px; z-index:1111; margin:0 0 0 -590px;}
.btn_top a {position:absolute; right:0px; top:0; display:block; overflow:hidden; text-indent:-1111px; width:83px; height:83px; background:url("//res.afreecatv.com/afevent/promotion/award2017/img/gotop.png");}
.btn_top a:hover {opacity:.9;}

.bot_lineage {position:fixed; left:0; right:0; bottom:0; z-index:999; width:100%; height:70px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/bot_lineage.jpg') no-repeat center 0;}
.bot_lineage .inn {width:1000px;} 
.bot_lineage a.link {display:block; width:780px; height:90px; overflow:hidden; text-indent:-1111px; margin:0 auto; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}
.bot_lineage a.obj {position:absolute; left:50%; bottom:0; display:block; width:218px; height:151px; margin:0 0 0 -367px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/bot_lineage_obj.png') no-repeat;}


/* =============
메인
============= */
.mainbody {background:#000;}
.mainwrap {max-width:1920px; margin:0 auto; padding:0 0 70px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/main_bg.jpg') no-repeat center center; background-size:cover;}
.mainwrap .main1 {position:relative; height:840px; padding:197px 0 0; margin:0 auto; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/main1.png') no-repeat center 197px;}
.mainwrap .main1 h2 {position:absolute; left:0; top:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
.mainwrap .main1 em.link1 {position:absolute; left:50%; top:0; margin:-0 0 0 -500px; width:1000px; display:block;}
.mainwrap .main1 em.link1 a {position:absolute; left:425px; top:721px; display:block; width:145px; height:37px; overflow:hidden; text-indent:-1111px; margin:0 auto; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}
.mainwrap .main2 {width:100%; height:90px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/main2.jpg') no-repeat center 0;}
.mainwrap .main2 a {display:block; width:700px; height:90px; overflow:hidden; text-indent:-1111px; margin:0 auto; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}




/* =============
서브 공통
============= */
.subwrap {padding:0 0 70px;}
.inn {position: relative; z-index:1; width: 1280px; margin: 0 auto;}

.visubox {margin:119px 0 0; height:338px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/visu_bg.jpg') no-repeat center 0;}
.visubox .inn {overflow:hidden; text-indent:-111111px; height:100%;}

.comment_box{padding:0 0 80px; background:#fff;}
.comment_area{max-width:820px;margin:0 auto;padding:0 10px 0;}
.comment_area h3 {overflow:hidden; text-indent:-1111px; height:265px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/comment_title.gif') no-repeat center 60px;}
.comment_area h3.h3top {height:265px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/comment_title_top.gif') no-repeat center 60px;}
.comment_area h3.h3newbj {height:240px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/comment_title_newbj.gif') no-repeat center 60px;}

/* 댓글수 */
.comment_area .cmt_ea {font-size:16px; color:#e4009b; text-align:right; margin:0 0 0px;}
.comment{width:100%}
.comment .btn_more span {background:url(//res.afreecatv.com/afevent/promotion/award2016/img/img_comment.png) -9999px -9999px no-repeat}
.comment .userment button.ment_del{background:url(//res.afreecatv.com/afevent/promotion/award2016/img/cmt_del.gif) -9999px -9999px no-repeat;}
.comment .textarea-wrap{position:relative;background:;border:0px solid #ebebeb;padding:8px 0 7px 0;margin-bottom:8px}
.comment .textarea-wrap .text_form{display:block;margin:0 120px 0 10px}
.comment .textarea-wrap .input_text {border:1px solid #e4009b;width:100%;height:30px; padding:10px;border-right:none;}
.comment .textarea-wrap button{width:101px;height:52px;position:absolute;right:9px;top:8px;background:#e4009b}
.comment .textarea-wrap button span{font-weight:bold;color:#fff;font-size:20px}
.comment .userment{margin-bottom:16px}
.comment .userment li{padding:17px 0 16px 0;border-bottom:1px solid #ded6d4 }
.comment .userment li .ument{;position:relative;padding:0 10px}
.comment .userment button.ment_del{background-position:0 0;width:11px;height:11px;margin:-4px 0 0 3px;vertical-align:middle}
.comment .userment li p.ment{font-size:12px;color:#888;word-break:break-all;line-height:1.4em}
.comment .userment li .uinfo{padding:0 0 5px 0}
.comment .userment li .uid{color:#e4009b;font-size:16px;font-weight:600}
.comment .userment li .udate{color:#878787;position:absolute;right:9px;top:2px;font-family:tahoma;color:#bbbbbb}
.comment .btn_more{width:100%;display:block;background:#fff;border:1px solid #d9d9d9;color:#777;padding:9px 0 8px 0}
.comment .btn_more:hover{border:1px solid #ce0079;}
.comment .btn_more span{display:inline-block;padding:0 14px 0 0;font-weight:600;background-position:right -13px;font-size:15px}
.comment .btn_more:hover span{color:#ce0079; background-position:right -33px}


/* =============
ABOUT
============= */
.about1_1 {max-width:1920px; height:827px; margin:119px auto 0; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/about1_1.jpg') no-repeat center 0;}
.about1_2 {max-width:1920px; height:1034px; margin:0 auto; background:#1c202b url('//res.afreecatv.com/afevent/promotion/award2017/img/about1_2.jpg') no-repeat center 0;}

.about2_1 {position:relative; height:722px; margin:119px 0 0; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/about2_1.jpg') no-repeat center 0;}
.about2_2 {height:857px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/about2_2.jpg') no-repeat center 0;}
.about2_3 {position:relative; height:552px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/about2_3.jpg') no-repeat center 0;}

.about2_1 .btn1,
.about2_3 .btn1 {position:absolute; left:50%; top:0; width:1280px; margin:0 0 0 -640px; }
.about2_1 .btn1 a {position:absolute; left:325px; top:577px; width:125px; height:40px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}
.about2_3 .btn1 a {position:absolute; left:270px; top:310px; width:130px; height:40px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}

.about3_1 {height:755px; margin:119px 0 0; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/about3_1.jpg') no-repeat center 0;}
.about3_2 {height:1292px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/about3_2.jpg') no-repeat center 0;}
.about3_3 {height:724px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/about3_3.jpg') no-repeat center 0;}

/* =============
WINNER
============= */

/* bj70 */
.visubox.visu_bj70,
.visubox.visu_winner_new,
.visubox.visu_winner_special,
.visubox.visu_winner_revolution,
.visubox.visu_winner_grand {height:310px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/visu_bg310.jpg') no-repeat center center;}
.visu_bj70 .inn {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/visu_bj70.png') no-repeat center center;}
.visu_winner_grand .inn {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/visu_winner_grand.png') no-repeat center center;}
.visu_winner_new .inn {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/visu_winner_new.png') no-repeat center center;}
.visu_winner_special .inn {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/visu_winner_special.png') no-repeat center center;}
.visu_winner_revolution .inn {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/visu_winner_revolution.png') no-repeat center center;}

.loading {text-align:center; height:150px; padding:112px 0 0;}
.bjlist {max-width:1920px; margin:0 auto; padding:95px 0 0; background:#f1f1f1 url('//res.afreecatv.com/afevent/promotion/award2017/img/bjlist_bg.png') no-repeat center 0;}
.bjlist.bltop,
.bjlist.blnewbj,
.bjlist.blspecial {padding:110px 0 0;}
.bjlist.blspecial {padding-bottom:50px;}
.bjlist.bltop,
.bjlist.blnewbj {padding-bottom:50px;}
.bjlist .inn {width:1280px; min-width:1280px; margin:0 auto;}
.bjlist ul {width:1200px; margin:0 0 0 50px; padding:0 0 50px;}
.bjlist.blbj70 ul {padding:0 0 50px;}
.bjlist ul:after {clear:both;content:"";display:block;}
.bjlist li {position:relative; float:left; margin:0 20px 30px 0; width:220px; height:280px;}
.bjlist.blspecial li {margin:0 20px 20px 0; width:580px; height:436px;}
.bjlist.bltop li,
.bjlist.blnewbj li {height:334px;}
.the20list li {height:355px;}
.bjlist li .thum {display:block; width:220px; height:200px; background:#fff;}
.bjlist.blspecial li .thum {width:580px; height:326px;}
.bjlist.blspecial li.blank .thum {width:580px; height:436px;}
.bjlist.blbj70 li.blank .thum {width:220px; height:280px;}
.bjlist.bltop li.blank .thum {width:220px; height:331px;}
.bjlist li .thum img {width:100%; height:100%; vertical-align:top;}
.bjlist li .bjbox {position:relative; display:block; width:200px; height:62px; padding:18px 0 0 20px; background:#fff;}
.bjlist.blspecial li .bjbox {width:560px; height:110px; padding:0px 0 0 20px;}
.bjlist.blrevolution li .bjbox,
.bjlist.blspecialwin li .bjbox {padding:18px 10px 0 10px; text-align:center;}
.bjlist.blspecialwin li.line2 {margin-left:115px;}
.bjlist li .bjbox .name {font-size:20px; font-weight:500; max-width:140px; color:#0d0d0d; padding:0 11px 0 0; display:inline-block; *display:inline; zoom:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/arr_nick.gif') no-repeat right center; }
.bjlist li .bjbox .id {font-size:14px; color:#8d8d8d; display:block; padding:4px 0 0;}
.bjlist li .play {position:absolute; right:16px; top:216px; z-index:22;}
.bjlist li .play a {display:block; width:28px; height:28px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/play.gif') no-repeat;}
.bjlist li .live {position:absolute; left:0; top:0; z-index:22; display:block; width:56px; height:26px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/live.gif');}
.bjlist li .vote a {display:block; height:50px; overflow:hidden; text-indent:-1111px; background:#1fa9e9 url('//res.afreecatv.com/afevent/promotion/award2017/img/btn_vote.gif') no-repeat center center;}
.bjlist li .vote.fin a {background:#3c3c3c url('//res.afreecatv.com/afevent/promotion/award2017/img/btn_votefin.gif') no-repeat center center;}
.bjlist li .vtitle {font-size:24px; color:#000; display:block; font-weight:600; padding:45px 115px 35px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bjlist li .view {font-size:16px; color:#707070;}
.bjlist.blspecial li .vote a {position:absolute; right:18px; bottom:18px; width:86px; height:74px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/btn_vote_spe.gif');}
.bjlist.blspecial li .vote.fin a {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/btn_votefin_spe.gif');}

.bjlist li.bjblank {background:#d7d7d7 url('//res.afreecatv.com/afevent/promotion/award2017/img/bjblank.png') no-repeat center center;}
.bjlist li.bjblank1 {width:277px;}
.bjlist li.bjblank2 {width:578px;}
.bjlist li.bjblank3 {width:879px;}
.bjlist li.bjblank4 {width:1180px;}

.bj70next {max-width:1920px; margin:0 auto; padding:30px 0 115px; text-align:center; font-size:20px; color:#999; background:#f1f1f1;}

h2.category {height:95px; overflow:hidden; text-indent:-1111px;}
.blbj70 .category {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/cate1.png') no-repeat;}
.blbj70 .cate1 {background-position:center 0;}
.blbj70 .cate2 {background-position:center -100px;}
.blbj70 .cate3 {background-position:center -200px;}
.blbj70 .cate4 {background-position:center -300px;}
.blbj70 .cate5 {background-position:center -400px;}
.blbj70 .cate6 {background-position:center -500px;}
.blbj70 .cate7 {background-position:center -600px;}
.blbj70 .cate8 {background-position:center -700px;}
.blbj70 .cate9 {background-position:center -800px;}
.blbj70 .cate10 {background-position:center -900px;}
.blbj70 .cate11 {background-position:center -1000px;}
.blbj70 .cate12 {background-position:center -1100px;}
.blbj70 .cate13 {background-position:center -1200px;}
.blbj70 .cate14 {background-position:center -1300px;}

.bltop .category {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/cate2.png') no-repeat;}
.bltop .cate1 {background-position:center 0;}
.bltop .cate2 {background-position:center -100px;}
.bltop .cate3 {background-position:center -200px;}
.bltop .cate4 {background-position:center -300px;}
.bltop .cate5 {background-position:center -400px;}
.bltop .cate6 {background-position:center -500px;}
.bltop .cate7 {background-position:center -600px;}
.bltop .cate8 {background-position:center -700px;}
.bltop .cate9 {background-position:center -800px;}
.bltop .cate10 {background-position:center -900px;}
.bltop .cate11 {background-position:center -1000px;}
.bltop .cate12 {background-position:center -1100px;}
.bltop .cate13 {background-position:center -1200px;}
.bltop .cate14 {background-position:center -1300px;}

.bjlist.blgrand li {margin-top:63px; margin-bottom:80px;}
.bjlist.blgrand li.li_sisa {margin-left:121px;}
.bjlist.blgrand h2.category {position:absolute; left:0; right:0; top:-63px; height:50px; overflow:hidden; text-indent:-1111px;}
.blgrand .category {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/cate_grand.png') no-repeat;}
.blgrand .cate1 {background-position:center 0;}
.blgrand .cate2 {background-position:center -50px;}
.blgrand .cate3 {background-position:center -100px;}
.blgrand .cate4 {background-position:center -150px;}
.blgrand .cate5 {background-position:center -200px;}
.blgrand .cate6 {background-position:center -250px;}
.blgrand .cate7 {background-position:center -300px;}
.blgrand .cate8 {background-position:center -350px;}
.blgrand .cate9 {background-position:center -400px;}
.blgrand .cate10 {background-position:center -450px;}
.blgrand .cate11 {background-position:center -500px;}
.blgrand .cate12 {background-position:center -550px;}
.blgrand .cate13 {background-position:center -600px;}
.blgrand .cate14 {background-position:center -650px;}

.blgrand .cateicon {position:absolute; left:134px; top:112px; width:80px; height:80px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/cate_icon.png') no-repeat;}
.blgrand .cateicon.cate1 {background-position:0;}
.blgrand .cateicon.cate2 {background-position:-87px 0;}
.blgrand .cateicon.cate3 {background-position:-174px 0;}
.blgrand .cateicon.cate4 {background-position:-261px 0;}
.blgrand .cateicon.cate5 {background-position:-348px 0;}
.blgrand .cateicon.cate6 {background-position:0 -88px;}
.blgrand .cateicon.cate7 {background-position:-87px -88px;}
.blgrand .cateicon.cate8 {background-position:-174px -88px;}
.blgrand .cateicon.cate9 {background-position:-261px -88px;}
.blgrand .cateicon.cate10 {background-position:-348px -88px;}
.blgrand .cateicon.cate11 {background-position:0 -176px;}
.blgrand .cateicon.cate12 {background-position:-87px -176px;}
.blgrand .cateicon.cate13 {background-position:-174px -176px;}
.blgrand .cateicon.cate14 {background-position:-261px -176px;}

.bjlist.blspecialwin ul {width:720px; margin:0 auto;}
.bjlist.blspecialwin li {margin-top:63px; margin-bottom:80px;}
.bjlist.blspecialwin h2.category {position:absolute; left:0; right:0; top:-63px; height:50px; overflow:hidden; text-indent:-1111px;}
.blspecialwin .category {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/cate_special.png') no-repeat;}
.blspecialwin .cate1 {background-position:center 0;}
.blspecialwin .cate2 {background-position:center -50px;}
.blspecialwin .cate3 {background-position:center -100px;}
.blspecialwin .cate4 {background-position:center -150px;}
.blspecialwin .cate5 {background-position:center -200px;}
.blspecialwin .cate6 {background-position:center -250px;}

.bjlist.blrevolution ul {width:720px; margin:0 auto;}

.obj_rev {position:absolute; left:50%; top:0; width:1280px; margin:0 0 0 -640px;}
.obj_rev span {position:absolute; left:50%; top:355px; width:1650px; height:795px; margin:0 0 0 -825px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/obj_rev.png') no-repeat center 0;}


/* layer_video */
.layer_video {display:none; position:fixed; left:50%; top:50%; width:1000px; height:563px; margin:-282px 0 0 -500px; z-index:999;}
.layer_video .layer_inn {position:relative; z-index:99; width:100%; height:100%; }
.layer_video iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.layer_video a.close {position:absolute; right:0; top:-75px; width:55px; height:55px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/close.png') no-repeat center center;}
.layer_video .bg {position:fixed; left:0; right:0; top:0; bottom:0; cursor:pointer; background:#000; background:rgba(0,0,0,0.60);}

@media screen and (min-width:1280px) {
.layer_video {left:50%; top:50%; width:1180px; height:664px; margin:-332px 0 0 -590px;}
.layer_video .layer_inn {width:1180px; height:664px;}
}


/* =============
VOTE
============= */
.visu_vote_top .inn {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/visu_vote_top.png') no-repeat center 60px;}
.visu_vote_newbj .inn {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/visu_vote_newbj.png') no-repeat center 50px;}
.visu_vote_special .inn {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/visu_vote_special.png') no-repeat center 60px;}

.infobox {position:absolute; left:50%; top:-143px; width:1180px; margin:0 0 0 -590px; font-weight:600;}
.infobox .txt {font-size:16px; color:#bdc8d7; letter-spacing:-1px;}
.infobox .ea {position:absolute; right:0; top:0; font-size:18px; color:#15cadb;}

.bjlist_special_tit {overflow:hidden; text-indent:-1111px; height:160px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/bjlist_special_tit.png') no-repeat center 20px;}


/* =============
EVENTS
============= */
.e1 {margin:119px 0 0; height:1405px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/e1.jpg') no-repeat center 0;}
.e2 {height:1077px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/e2.jpg') no-repeat center 0;}
.e3 {height:1118px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/e3.jpg') no-repeat center 0;}
.e4 {max-width:1920px; margin:0 auto; padding:545px 0 0;background:#32bb92 url('//res.afreecatv.com/afevent/promotion/award2017/img/e4.jpg') no-repeat center 0;}
.e4 .inn {}

/* e1 */
.e1 .btn_silver a {position:absolute; z-index:11; left:518px; top:310px; display:block; width:235px; height:43px; overflow:hidden; text-indent:-11111px; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}
.e1 .btn_mywinlist a {position:absolute; z-index:11; left:347px; top:1147px; display:block; width:587px; height:77px; overflow:hidden; text-indent:-11111px; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}

.e1 .silver_ea {position:absolute; left:675px; top:319px; font-size:22px; color:#fffefe;}
.e1 .silver_ea em {font-weight:600; color:#ffea00;}

.e1 .roulettebox {position:absolute; left:50%; top:403px; width:0;}
.e1 .roulettebox .pin {display:block; position:absolute; z-index:11; left:0; top:-32px; margin:0 0 0 -23px; width:45px; height:90px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/roulette_pin.png') no-repeat;}
.e1 .roulettebox .start a {position:absolute; z-index:11; left:50%; top:248px; display:block; margin:0 0 0 -111px; width:222px; height:223px; overflow:hidden; text-indent:-11111px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/roulette_start.png') no-repeat;}
.e1 .roulettebox .pan {position:relative; display:block; margin:0 0 0 -359px; width:718px; height:718px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/roulette_pan.png') no-repeat;}

/* e2 */
.e2 .quiz {position:absolute; left:190px; top:508px;}
.e2 .quiz dt,
.e2 .quiz dd li {font-size:25px; color:#232323; font-family:nanummyeongjo, ngmb7; font-weight:700;}
.e2 .quiz dt {padding:0 0 35px;}
.e2 .quiz dd {padding:0 0 0 5px;}
.e2 .quiz dd ul {}
.e2 .quiz dd li {padding:0 0 17px;}
.e2 .quiz dd li em a {display:inline-block; width:24px; height:24px; vertical-align:middle; overflow:hidden; text-indent:-11111px; margin:-3px 10px 0 0; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/quiz_check.gif') no-repeat 0 -24px;}
.e2 .quiz dd li em.on a {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/quiz_check.gif') no-repeat 0 0;}
.e2 .quiz dd li .correct {display:inline-block; width:57px; height:32px; vertical-align:middle; overflow:hidden; text-indent:-11111px; margin:-3px 0 0 6px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/quiz_correct.gif') no-repeat;}
.e2 .btn_submit a {position:absolute; left:414px; top:824px; display:block; width:452px; height:78px; overflow:hidden; text-indent:-11111px; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}

.quiz_good {position:absolute; left:160px; top:490px; display:block; width:412px; height:257px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/quiz_good.png') no-repeat;}
.quiz_nogood {position:absolute; left:170px; top:500px; display:block; width:338px; height:219px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/quiz_nogood.png') no-repeat;}


/* e3 */
.e3 a {}
.e3 .btn_ticket1 a {position:absolute; left:175px; top:724px; display:block; width:452px; height:74px; overflow:hidden; text-indent:-11111px; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}
.e3 .btn_ticket2 a {position:absolute; left:647px; top:724px; display:block; width:452px; height:74px; overflow:hidden; text-indent:-11111px; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}

/* e4 */
.e4 .btn_chulpum a {position:absolute; left:459px; top:-135px; display:block; width:362px; height:68px; overflow:hidden; text-indent:-11111px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/btn_chulpum.gif') no-repeat;}

.e4 .sort_search {width:1178px; margin:0 auto; position:relative; padding:0 0 22px;}
.e4 .sort_search h3 {font-size:22px; color:#fff; display:inline-block; padding:0 16px 0 0; vertical-align:middle;}
.e4 .sort_search .sort {display:inline-block; vertical-align:middle;}
.e4 .sort_search .sort li {display:inline-block; padding:0 10px 0 0;}
.e4 .sort_search .sort li a {font-size:16px; color:#fff; padding:0 0 3px;}
.e4 .sort_search .sort li a.on {color:#fff600; border-bottom:1px solid #fff600;}
.e4 .sort_search .search {position:absolute; right:0; top:0; height:31px; width:246px; border-radius:3px; background:#afe5d5;}
.e4 .sort_search .search input {color:#396557; width:190px; background:transparent; border:none; padding:8px 10px 8px;}
.e4 .sort_search .search input:focus {color:#1d4236;}
.e4 .sort_search .search a.btn {position:absolute; right:0; top:0; display:block; width:36px; height:31px; overflow:hidden; text-indent:-11111px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/btn_search.gif') no-repeat center center;}

.e4 .search_none {color:#fff; font-size:16px; text-align:center; padding:240px 0 260px;}

.e4 .list {padding:0 0 0 55px;}
.e4 .list ul {width:1215px; margin:0 0 0 -12px;}
.e4 .list ul:after {clear:both;content:"";display:block;}
.e4 .list li {position:relative; float:left; width:223px; height:248px; margin:0 0 20px 12px; border:1px solid #d8d8d8; border-radius:4px; background:#fff;}
.e4 .list li .thum {display:block; padding:25px 0 20px; text-align:center;}
.e4 .list li .thum img {width:62px; height:62px; border-radius:100%;}
.e4 .list li .bj {display:block; text-align:center; padding:0 0 10px;}
.e4 .list li .bj a {font-size:15px; color:#4279ff;}
.e4 .list li .tit {display:block; text-align:center; font-size:19px; color:#333; padding:0 0 10px;}
.e4 .list li .writer {display:block; text-align:center; font-size:12px; color:#a8a8a8; padding:0 0 17px;}
.e4 .list li .writer em {}
.e4 .list li .writer a {color:#a8a8a8;}
.e4 .list li .writer .best {display:inline-block; width:35px; height:15px; vertical-align:middle; overflow:hidden; text-indent:-11111px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/icon_best.gif') no-repeat ;}
.e4 .list li .up {position:absolute; left:0; bottom:0; width:100%; height:38px; display:block; text-align:center; border-top:1px solid #ebebeb; padding:18px 0 0;}
.e4 .list li .up a {display:block; font-size:20px; color:#555; font-weight:600; height:56px;}
.e4 .list li .up .ic {display:inline-block; width:22px; height:21px; vertical-align:middle; margin:-3px 0 0; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/icon_up.gif') no-repeat 0 0;}

a.cast_delete {overflow:hidden;position:absolute;right:10px;top:10px;z-index:100;display:block;width:15px;height:15px;overflow:hidden;text-indent:-111px; background:url('/images/afmain/img_main.png') no-repeat -516px -55px;}


.e4 .btn_more {width:1180px; margin:0 auto 55px; line-height:42px; display:block; text-align:center; }
.e4 .btn_more a {display:block; line-height:42px; font-size:14px; color:#86e8cb; background:#209974;}
.e4 .btn_more a:hover {color:#a6f9e0; background:#198967;}
.e4 .btn_more .ic {display:inline-block; width:11px; height:6px; vertical-align:middle; margin:-3px 0 0 8px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/arr_more.gif') no-repeat;}

.e4 .event_gift {overflow:hidden; text-indent:-1111px; display:block; padding:0 0 25px; height:267px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/event_gift.png') no-repeat center 0;}

#e1, #e3{position:absolute; top:-119px;}
#e2 {position:absolute; top:-159px;}
#e4 {position:absolute; top:-664px;}

/* 레이어 */
.layer {position:fixed; left:50%; top:0; padding:0 0 30px; background:#fff; z-index:555;}
.layer h3 {height:68px; overflow:hidden; text-indent:-11111px;}
	.layer.lay_silver h3 {background:#00dcb9 url('//res.afreecatv.com/afevent/promotion/award2017/img/h3_silver.gif') no-repeat center center;}
	.layer.lay_myroulette h3 {background:#00dcb9 url('//res.afreecatv.com/afevent/promotion/award2017/img/h3_myroulette.gif') no-repeat center center;}
	.layer.lay_result_sorry h3 {background:#00dcb9 url('//res.afreecatv.com/afevent/promotion/award2017/img/h3_sorry.gif') no-repeat center center;}
	.layer.lay_result_cong h3 {background:#00dcb9 url('//res.afreecatv.com/afevent/promotion/award2017/img/h3_cong.gif') no-repeat center center;}
	.layer.lay_answer_good h3 {background:#00dcb9 url('//res.afreecatv.com/afevent/promotion/award2017/img/h3_good.gif') no-repeat center center;}
	.layer.lay_answer_wrong h3 {background:#00dcb9 url('//res.afreecatv.com/afevent/promotion/award2017/img/h3_wrong.gif') no-repeat center center;}
	.layer.lay_myawards h3 {background:#00dcb9 url('//res.afreecatv.com/afevent/promotion/award2017/img/h3_myawards.gif') no-repeat center center;}
	.layer.lay_ticket h3,
	.layer.lay_ticket2 h3 {background:#00dcb9 url('//res.afreecatv.com/afevent/promotion/award2017/img/h3_ticket.gif') no-repeat center center;}

.layer .memo {font-size:18px; letter-spacing:-1px; color:#494949; line-height:1.5em; margin:30px 20px 20px; padding:30px 20px; border-top:2px solid #24c8fb; background:#f4f4f4;}

.layer .btnbox {display:block; padding:30px 0; background:#e5e5e5;}
.layer .btnbox2 {display:block; text-align:center;}
.layer .btnbox2 span {margin:0 3px;}

.layer .btn_close a {position:absolute; right:0; top:0; width:68px; height:68px; display:block; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/btn_close.gif') no-repeat center center;}
.layer .btn_ok a {display:block; width:133px; height:52px; margin:0 auto;  border-radius:25px; overflow:hidden; text-indent:-1111px; background:#00dcb9 url('//res.afreecatv.com/afevent/promotion/award2017/img/btn_ok.gif') no-repeat center center;}
.layer .btnbox2 .btn_ok a {display:inline-block;}
.layer .btn_ok2 a {display:block; width:263px; height:52px; margin:0 auto;  border-radius:25px; overflow:hidden; text-indent:-1111px; background:#00dcb9 url('//res.afreecatv.com/afevent/promotion/award2017/img/btn_ok2.gif') no-repeat center center;}
.layer .btn_ok3 a {display:block; width:263px; height:52px; margin:0 auto;  border-radius:25px; overflow:hidden; text-indent:-1111px; background:#00dcb9 url('//res.afreecatv.com/afevent/promotion/award2017/img/btn_ok3.gif') no-repeat center center;}
.layer .btn_cancel a {display:inline-block; width:133px; height:52px; margin:0 auto;  border-radius:25px; overflow:hidden; text-indent:-1111px; background:#b0b0b0 url('//res.afreecatv.com/afevent/promotion/award2017/img/btn_cancel.gif') no-repeat center center;}

.bgdark {display:none; position:fixed; z-index:444; left:0; right:0; top:0; bottom:0; cursor:pointer; background:#000; background:rgba(0,0,0,0.50);}

.lay_silver {width:494px; top:50%; margin:-200px 0 0 -247px;}
.lay_myroulette {width:374px; top:50%; margin:-165px 0 0 -187px;}
.lay_result_sorry,
.lay_result_cong {width:374px; top:50%; margin:-240px 0 0 -187px;}
.lay_answer_good,
.lay_answer_wrong {width:374px; top:50%; margin:-173px 0 0 -187px;}
.lay_myawards {width:460px; top:50%; margin:-190px 0 0 -230px;}
.lay_ticket {width:560px; top:50%; margin:-311px 0 0 -280px;}
.lay_ticket2 {width:380px; top:50%; margin:-173px 0 0 -187px;}

.lay_myroulette .memo {padding:0;}
.lay_myroulette .memo dl:after {clear:both;content:"";display:block;}
.lay_myroulette .memo dt,
.lay_myroulette .memo dd {float:left; width:50%; line-height:42px; text-align:center; color:#666; font-size:12px; font-weight:bold; letter-spacing:0; border-bottom:1px solid #e8e8e8; }
.lay_result_sorry .memo .bad {text-align:center; display:block; padding:120px 0 0; font-size:22px; color:#2a2828; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/bad.png') no-repeat center 0;}
.lay_result_cong .memo .good {text-align:center; display:block; padding:120px 0 0; font-size:22px; color:#2a2828;}
.lay_result_cong .memo .good em {display:block; font-size:22px; color:#e60000; font-weight:600; padding:0 0 1px;}
.lay_result_cong .memo .good .info1 {font-size:20px; color:#535353;}
.lay_result_cong .memo .good1 {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/good1.gif') no-repeat center 0;}
.lay_result_cong .memo .good2 {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/good2.gif') no-repeat center 0;}
.lay_result_cong .memo .good3 {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/good3.png') no-repeat center 0;}
.lay_result_cong .memo .good4 {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/good4.jpg') no-repeat center 0;}
.lay_result_cong .memo .good5 {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/good5.jpg') no-repeat center 0;}
.lay_result_cong .memo .good6 {background:url('//res.afreecatv.com/afevent/promotion/award2017/img/good6.jpg') no-repeat center 0;}
.lay_result_cong .memo .good7 {padding:135px 0 0; background:url('//res.afreecatv.com/afevent/promotion/award2017/img/good7.gif') no-repeat center 0;}

.lay_answer_good .memo,
.lay_answer_wrong .memo {text-align:center; color:#232323; font-size:20px; font-weight:600;}
.lay_answer_good .memo em,
.lay_answer_wrong .memo em {display:block; color:#00dcb9;}

.lay_myawards {padding:0;}
.lay_myawards .memo {margin-top:10px; padding-bottom:10px; border-top:none; background:none;}
.lay_myawards .memo .info {color:#666666; font-size:18px; font-weight:600; display:block; padding:0 0  27px; }
.lay_myawards .memo .inputbox {}
.lay_myawards .memo .inputbox:after {clear:both;content:"";display:block;}
.lay_myawards .memo .inputbox dt,
.lay_myawards .memo .inputbox dd {float:left;}
.lay_myawards .memo .inputbox dt {width:135px; height:39px; padding:1px 0 0; font-size:18px; color:#181818;}
.lay_myawards .memo .inputbox dd {width:245px; height:40px; }
.lay_myawards .memo .inputbox dd .input_text {width:225px; padding:8px 10px 7px; border:1px solid #cfcfcf; color:#adadad; font-size:14px;}
.lay_myawards .memo .inputbox dd .input_text:focus {color:#181818;}

.lay_ticket {padding:0;}
.lay_ticket .memo {border:none; padding:0 20px 10px; background:none;}
.lay_ticket .memo .rules {width:460px; height:220px; overflow:auto; margin:0 0 10px; border:1px solid #e5e5e5; font-size:12px; color:#838383; padding:20px; line-height:2em;}
.lay_ticket .memo .rules a {color:#838383;}
.lay_ticket .memo .agree {color:#666; font-weight:bold; font-size:12px; display:block; padding:0 0 20px; letter-spacing:0;}
.lay_ticket .memo .agree input {vertical-align:middle; margin:-2px 0 0;}
.lay_ticket .memo .inputbox {}
.lay_ticket .memo .inputbox:after {clear:both;content:"";display:block;}
.lay_ticket .memo .inputbox dt,
.lay_ticket .memo .inputbox dd {float:left;}
.lay_ticket .memo .inputbox dt {width:100px; height:39px; padding:1px 0 0; font-size:18px; color:#181818;}
.lay_ticket .memo .inputbox dd {width:380px; height:40px; }
.lay_ticket .memo .inputbox dd .input_text {width:360px; padding:8px 10px 7px; border:1px solid #cfcfcf; color:#adadad; font-size:14px;}
.lay_ticket .memo .inputbox dd .input_text:focus {color:#181818;}

.lay_ticket2 .memo {margin:0; background:none;}
.lay_ticket2 .memo .check_info {font-size:14px; color:#666; text-align:center; display:block; line-height:1.5em; font-weight:600; padding:0 0 20px;}
.lay_ticket2 .memo .inputcheck { border-top:2px solid #24c8fb; background:#f4f4f4;}
.lay_ticket2 .memo .inputcheck:after {clear:both;content:"";display:block;}
.lay_ticket2 .memo .inputcheck dt,
.lay_ticket2 .memo .inputcheck dd {float:left; width:50%; font-size:12px; color:#666; line-height:42px; text-align:center; font-weight:bold; border-bottom:1px solid #e8e8e8; }
.lay_ticket2 .memo .inputcheck dt {}
.lay_ticket2 .memo .inputcheck dd {}