@charset "utf-8";

html{overflow-y:scroll; background:#191919;}
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: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}

.acc, .blind {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:700;
	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');
}

/* =============
레이아웃
============= */
.wrap {position:relative;}
.inn {position: relative; z-index: 1; width: 920px; min-width: 920px; margin: 0 auto;}
h2 {position:absolute; left:0; top:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}

.menu {position:relative; z-index:111; height:0; min-width:920px; max-width:1920px; margin:0 auto;}
.menu h1 a {position:absolute; left:40px; top:18px; overflow:hidden; text-indent:-11111px; width:160px; height:47px; display:block; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/logo.png') no-repeat 10px center;}
.menu ul {position:absolute; right:150px; top:30px;}
.menu ul:after {clear:both;content:"";display:block;}
.menu ul>li {position:relative; float:left; padding:0 20px 0;}
.menu ul>li.on {}
.menu ul>li em a {font-size:18px; color:#fff; font-weight:400; letter-spacing:-1px; padding:0 4px 10px 3px;}
.menu ul>li.on em a {background:url('//res.afreecatv.com/afevent/promotion/projectc/img/menu_on_bg.png') repeat-x 0 bottom; background-size:1px 4px;}

.menu ul>li ol {position:absolute; left:-70px; top:45px; width:250px; text-align:center; white-space:nowrap;}
.menu ul>li ol.ol2 {}
.menu ul>li ol.ol3 {left:-80px;}
.menu ul>li ol.ol4 {left:-73px;}
.menu ul>li ol li {padding:0 10px; display:inline-block;}
.menu ul>li ol li a {font-size:15px; color:#fff; letter-spacing:-1px; padding:0 1px 2px 0; opacity:.7;}
.menu ul>li ol li.on a { opacity:1; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/menu_on_bg.png') repeat-x 0 bottom; background-size:1px 1px;}

.login {position:absolute; right:40px; top:28px;}
.login a {display:block; width:80px; line-height:30px; text-align:center; font-size:12px; color:#d0d0d0; border-radius:14px;
background: #000; 
background: rgba( 255, 255, 255, 0.15); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#4dff00ff, endColorStr=#33ffffff ); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#4dff00ff, endColorStr=#33ffffff)"; zoom: 1;}

.footer {min-width:920px; max-width:1920px; margin:0 auto; line-height:52px; text-align:center; font-size:15px; background:#191919;}
.footer.main {border-top:1px solid #181818; background:#000;}

/* =============
컨텐츠 
============= */
.contbox {min-width:920px;}

/* 메인 */
.cbmain .cont1 {height:1113px; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/main1.jpg') no-repeat center 0;}
/*.cbmain .cont2 {height:356px; max-width:1920px; margin:0 auto; padding:100px 0 110px; background:#000 url('//res.afreecatv.com/afevent/promotion/projectc/img/main2.png') no-repeat center 100px;}*/
.cbmain .cont2 {height:239px; max-width:1920px; margin:0 auto; padding:100px 0 170px; background:#000 url('//res.afreecatv.com/afevent/promotion/projectc/img/main2_v2.png') no-repeat center 100px;}

.cbmain .cont2 .ing {position:absolute; left:32px; top:230px;}
.cbmain .cont2 .ing ol {position:relative; margin:0 0 0 -35px;}
.cbmain .cont2 .ing li {position:relative; float:left; padding:26px 0 0; width:155px; margin:0 0px 0 0;}
.cbmain .cont2 .ing li.li1,
.cbmain .cont2 .ing li.li2 {padding-top:0;}
.cbmain .cont2 .ing li.li5 {width:170px;}
.cbmain .cont2 .ing li.li6 {width:130px;}
.cbmain .cont2 .ing em {position:absolute; left:0; top:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
.cbmain .cont2 .ing span {width:74px; height:23px; margin:0 auto; overflow:hidden; text-indent:-11111px; display:block; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/ing.png') no-repeat; }
.cbmain .cont2 .ing li.li6 span {margin:0 0 0 30px;}

/* 서브1 시나리오 */
.cbsub .sc1_g1 {height:1272px; display:block; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/sc1_g1.jpg') no-repeat center 0;}
.cbsub .sc1_g2 {height:103px; padding:50px 0 20px; max-width:1920px; margin:0 auto; background:#191919 url('//res.afreecatv.com/afevent/promotion/projectc/img/sc1_g2.png') no-repeat center 50px;}
.cbsub .sc2_g1 {height:1342px; display:block; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/sc2_g1.jpg') no-repeat center 0;}

.cbsub .sc1_g1 .btn1 a {position:absolute; left:263px; top:942px; width:395px; height:83px; overflow:hidden; text-indent:-11111px; display:block; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}

.cbsub .sc1_g2 .sns a {position:absolute; top:38px; width:63px; height:63px; overflow:hidden; text-indent:-11111px; display:block; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}
.cbsub .sc1_g2 .sns .fb a {left:388px;}
.cbsub .sc1_g2 .sns .tw a {left:470px;}

.votebox {position:absolute; left:0; top:408px; width:950px;}
.votebox li {position:relative; float:left; margin:0 30px 0 0; width:445px; height:356px;}
.votebox li .thum {position:relative; width:445px; height:250px; display:block;}
.votebox li .thum img {width:445px; height:250px;}
.votebox li .thumdark {position:absolute; left:0; top:0; right:0; bottom:0; z-index:11; display:block; opacity:.3; background:#000;}
.votebox li .tit {position:absolute; left:0; top:0; width:445px; height:250px; z-index:21;}
.votebox li .tit span {position:absolute; left:10px; right:10px; bottom:12px; display:block; text-align:center; color:#fff; font-size:17px; letter-spacing:-1px; }
.votebox li .play a {position:absolute; left:0; top:0; z-index:22; display:block; width:445px; height:250px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/play.png') no-repeat center center;}
.votebox li .vote {position:absolute; left:0; top:250px; width:445px; height:70px; background:#fff;}
.votebox li .vote a {width:250px; height:50px; display:block; padding:20px 0 0 195px; font-size:24px; color:#ff3333; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/vote.png') no-repeat 160px 20px;}
.votebox li .result {position:absolute; left:0; top:250px; width:445px; height:70px; background:#fff;}
.votebox li .result .txt {position:relative; z-index:11; text-align:center; display:block; font-size:24px; line-height:70px; color:#ff3333;}
.votebox li .result .graph {position:absolute; left:0; top:0; height:70px; background:#ffb3b3;}
.votebox li .winner {position:absolute; left:20px; top:20px; overflow:hidden; text-indent:-1111px; width:83px; height:83px; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/winner.png');}

/* 서브2 레디 */
.cbsub .re1_e1 {height:1022px; display:block; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/re1_e1.jpg') no-repeat center 0;}
.cbsub .re2_e1 {height:1190px; display:block; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/re2_e1_v2.jpg') no-repeat center 0;}

.appl {position:relative;}
.appl dt {}
.appl dt a {position:absolute; display:block; overflow:hidden; text-indent:-1111px; width:293px; height:61px;}
.appl dt .btn1 a {left:78px; top:796px;}
.appl dt .btn2 a {left:547px; top:796px;}
.appl dd {display:none; position:absolute; left:0; top:323px; overflow:hidden; text-indent:-1111px; width:468px; height:594px; }
.appl dd.dd1 {left:439px; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/re1_e1_1.jpg') no-repeat center 0;}
.appl dd.dd2 {left:11px; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/re1_e1_2.jpg') no-repeat center 0;}

.re2_e1 .video {position:absolute; left:0; top:293px; }

.re2_e1 .poster_img {position:absolute; left:0; top:293px; }
.re2_e1 .poster_img ul {}
.re2_e1 .poster_img li {position:relative; float:left; width:428px; height:612px; margin:0 40px 0 0;}
.re2_e1 .poster_img li.li1 {background:url('//res.afreecatv.com/afevent/promotion/projectc/img/poster.jpg') no-repeat ;}
.re2_e1 .poster_img li.li2 {margin:0; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/poster.jpg') no-repeat -468px 0;}
.re2_e1 .poster_img li a {position:absolute; left:378px; top:562px; width:50px; height:50px; display:block; overflow:hidden; text-indent:-1111px;}

.cbsub .re2_e1 .sns {position:absolute; left:50%; top:1033px; width:150px; height:101px; margin:0 0 0 -75px; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/sns.png') no-repeat;}
.cbsub .re2_e1 .sns a {position:absolute; top:38px; width:63px; height:63px; overflow:hidden; text-indent:-11111px; display:block; background:url('//res.afreecatv.com/afevent/event/n.gif') no-repeat;}
.cbsub .re2_e1 .sns .fb a {left:3px;}
.cbsub .re2_e1 .sns .tw a {left:85px;}

/* 댓글 */
.comment_box{padding:0 0 80px; background:#efefef;}
.comment_area{max-width:820px;margin:0 auto;padding:0 10px;}
.comment_area h3 {overflow:hidden; text-indent:-1111px; height:125px; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/tit_cmt.png') no-repeat center 60px;}

.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:none;border:0px solid #ebebeb;padding:8px 0 7px 0;margin-bottom:8px}
.comment .textarea-wrap .text_form{display:block;margin:0 121px 0 10px}
.comment .textarea-wrap textarea{border:1px solid #e4e4e4;color:#999; font-size:14px; font-family:nanumgothic, ng; width:100%;height:68px;margin:0 10px 0 0;padding:5px;border-right:none;overflow:auto;}
.comment .textarea-wrap button{width:101px;height:80px;position:absolute;right:9px;top:8px;background:#373737}
.comment .textarea-wrap button span{font-weight:normal;color:#fff;font-size:20px;font-family:nanumgothic,ng;}
.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:#666;word-break:break-all;line-height:1.4em}
.comment .userment li .uinfo{padding:0 0 5px 0}
.comment .userment li .uid{color:#666;font-size:16px;font-weight:600}
.comment .userment li .udate{position:absolute;right:9px;top:2px;font-family:tahoma;color:#999;}
.comment .btn_more{width:100%;display:block;background:#ededed;border:1px solid #d4d4d4;color:#333;padding:9px 0 8px 0}
.comment .btn_more:hover{border:1px solid #bcbcbc;background:#f4f4f4;}
.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:#333;}


/* 서브3 액션 */
.cbsub .ac1_m1,
.cbsub .ac2_m1 {padding:0 0 75px; display:block; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/ac1_m1.jpg') no-repeat center 0;}
.cbsub .ac2_m1 {height:1814px; padding:0; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/ac1_m3_ver2.jpg') no-repeat center 0;}

.making {padding:293px 0 0; width:634px; margin:0 auto;}
.making:after {clear:both;content:"";display:block;}
.making li {position:relative; float:left; margin:0; width:634px; height:356px; margin:0 0 40px;}
.making li.end {margin:0;}
.making li .thum {position:relative; width:100%; height:100%; display:block;}
.making li .thum img {width:100%; height:100%;}
.making li .thumdark {position:absolute; left:0; top:0; right:0; bottom:0; z-index:11; display:block; opacity:.3; background:#000;}
.making li .tit {position:absolute; left:0; bottom:0; right:0; z-index:21;}
.making li .tit span {position:absolute; left:30px; right:30px; bottom:13px; display:block; text-align:center; color:#fff; font-size:17px; line-height:1.5em; letter-spacing:-1px; }
.making li .play a {position:absolute; left:0; top:0; z-index:22; display:block; width:100%; height:100%; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/play.png') no-repeat center center;}

.making_listnone {padding:293px 0 0; width:950px; text-align:center;}

.movie_area {padding:295px 0 0; width:920px; margin:0 auto;}
.movie_area li {width:100%;height:660px;margin-bottom:80px;}
.movie_area li .thum {position:relative; width:100%; height:518px; display:block;}
.movie_area li .thum img {width:100%; height:100%;}
.movie_area li .thum .thumdark {position:absolute; left:0; top:0; right:0; bottom:0; z-index:11; display:block; opacity:.3; background:#000;}
.movie_area li .thum .play {position:absolute; left:0; top:0; z-index:22; display:block; width:100%; height:100%; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/afevent/promotion/projectc/img/play.png') no-repeat center center;}
.movie_area li .info01 {width:920px;height:140px;background:url('//res.afreecatv.com/afevent/promotion/projectc/img/img_movie_info_01.jpg') no-repeat}
.movie_area li .info02 {width:920px;height:140px;background:url('//res.afreecatv.com/afevent/promotion/projectc/img/img_movie_info_02.jpg') no-repeat}
.movie_area li .info03 {width:920px;height:140px;background:url('//res.afreecatv.com/afevent/promotion/projectc/img/img_movie_info_03.jpg') no-repeat}