@charset "utf-8";

@import url('main.css');

/* EVENTS */
.subwrap { padding-bottom: 75px; background-color: #f2f2f2; }
/* .subwrap .inn {width: 1062px;} */
.btn_top {width: 1240px;}
.subwrap .copy_events {height: 85px;line-height:85px;padding:0 0 0 0;text-align: center; font-size: 14px;color: #9a949e;background: #e7e7e8;}
.notice_evt { padding: 60px 0 8px 0; text-align: center; background: #e7e7e8; }
.notice_evt ul li { font-size: 16px; color: #727272; line-height: 1.5; }
/* .gnb .menu ul.mainmenu > li ul { left: -180px; } */

/* 내맘대로 별별어워드 */
.star_awards { margin: 102px auto 0 auto; background-color: #f2f2f2 }
.star_awards.star { margin: 0; }
.star_awards .title { height: 797px; background: #0025a0 url('/afevent/promotion/award2020/img/evt/title_starawards.jpg') no-repeat center 0; }
.star_awards .title .inn { width: 1062px; }
.star_awards .btn_reg { position: absolute; right: 0; top: 678px; display: block; width: 265px; height: 66px; font: 0/0 a; }
.star_awards .sort_search { padding: 66px 0 30px 0; }
.star_awards .sort_search .inn { width: 1062px; }
.star_awards .sort_search .sort { display: inline-block; vertical-align: middle; }
.star_awards .sort_search .sort li { display: inline-block; padding: 0 5px 0 0; }
.star_awards .sort_search .sort li a { font-size: 20px; color: #333; padding: 0 8px 12px; }
.star_awards .sort_search .sort li a.on { color: #ff0090; border-bottom: 1px solid #ff0090; }
.star_awards .sort_search .search { position: absolute; right: 0; top: 0; height: 36px; width: 200px; border-radius: 18px; background: #fff; }
.star_awards .sort_search .search input { color: #0d0d0d; width: 190px; height: 36px; border: none; font-size: 14px; padding: 0 32px 0 16px; border-radius: 18px; background: transparent; color: #0d0d0d; box-sizing: border-box; }
.star_awards .sort_search .search input:focus { color: #0d0d0d; background: transparent; }

.star_awards .sort_search .search input::placeholder { color: #b1b1b1; }
.star_awards .sort_search .search a.btn { position: absolute; display: block; right: 0; top: 0; width: 36px; height: 36px; overflow: hidden; text-indent: -11111px; background: url('/afevent/promotion/award2020/img/evt/btn_search.png') no-repeat center center; }
.star_awards .sort_search .search a.btn_view_all { position: absolute; display: none; left: 0; top: 0; width: 36px; height: 36px; overflow: hidden; text-indent: -11111px; background: url('/afevent/promotion/award2020/img/evt/btn_view_all.png') no-repeat center center; background-size: 15px 14px; } 
.star_awards .sort_search .search.view_all input { padding: 0 32px 0 32px; }
.star_awards .sort_search .search.view_all a.btn_view_all { display: block; }
.star_awards .search_none { color: #000; font-size: 16px; text-align: center; padding: 240px 0 260px; }

.star_awards .list {}
.star_awards .list ul {width:1062px; margin:0 auto}
.star_awards .list ul:after {clear:both;content:"";display:block;}
.star_awards .list li {position:relative; float:left; width:198px; height:250px; margin:0 18px 36px 0; border-radius:8px; background:#fff;}
.star_awards .list li:nth-child(5n) {margin:0 0 36px 0; }
.star_awards .list li .thum {display:block; padding:30px 0 13px; text-align:center;}
.star_awards .list li .thum img {width:70px; height:70px; border-radius:100%;}
.star_awards .list li .bj {display:block; text-align:center; padding:0 0 4px 0;}
.star_awards .list li .bj a { font-size: 14px; color: #0155ff; letter-spacing: -.4px; }
.star_awards .list li .tit {display:block; text-align:center; font-weight: 700; font-size:20px; color:#333; padding:0 0 10px; letter-spacing: -.6px; }
.star_awards .list li .writer {display:block; text-align:center; font-size:12px; color:#999; padding:0 2px 17px 0; font-style: italic;}
.star_awards .list li .writer em {font-style: italic;}
.star_awards .list li .writer .best {display:inline-block; width:35px; height:15px; vertical-align:middle; overflow:hidden; text-indent:-11111px; background:url('/afevent/promotion/award2017/img/icon_best.gif') no-repeat ;}
.star_awards .list li .up {position:absolute; left:0; bottom:0; width:100%; display:block;height:56px; text-align:center; border-top:1px solid #ebebeb; border-radius: 0 0 8px 8px}
.star_awards .list li .up a { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 18px; color: #333; }
.star_awards .list li .up .ic {display:inline-block; width:22px; height:21px; vertical-align:middle; margin:-3px 3px 0 0; background:url('/afevent/promotion/award2020/img/evt/icon_up.png') no-repeat 0 0;}
.star_awards .list li .up.checked {background-color: #ff3a3c}
.star_awards .list li .up.checked a {color: #fff;cursor: default;}
.star_awards .list li .up.checked .ic {background:url('/afevent/promotion/award2020/img/evt/icon_up_checked.png') 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;}

.star_awards .btn_more { display:block;width:506px; height:54px;line-height:54px; margin:0 auto 55px; text-align:center; font-size:18px; color:#333; background:#fcfcfc; border-radius: 27px;letter-spacing: -1px; font-weight: 600}

.lay_starawards { width: 450px; height: 400px; padding: 0 0 0 0; top: 50%; margin: -200px 0 0 -225px; border-radius: 10px; }
.lay_starawards fieldset { padding: 46px 37px 0 37px; }
.lay_starawards dl {}
.lay_starawards dt { font-weight: 500; font-size: 20px; color: #000; margin: 0 0 10px 0; }
.lay_starawards dt span { display: inline-block; vertical-align: middle; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 15px; color: #fff; font-weight: 600; letter-spacing: -1px; background: #127cff; border-radius: 50%; }
.lay_starawards dd { position: relative; height: 55px; margin: 0 0 34px 0; background-color: #f0f0f0; border-radius: 4px; }
.lay_starawards dd input[type="text"] { position: absolute; left: 0; top: 0; width: 300px; height: 55px; text-indent: 14px; font-size: 16px; color: #000; border: none; outline: none; background: none; box-sizing: border-box; }

.lay_starawards dl:last-of-type dd input[type="text"] { width: 100%; padding: 0 14px; text-indent: 0; }
.lay_starawards dd input[type="text"]::placeholder { color: #949494; }
.lay_starawards dd .thumb { position: absolute; right: 66px; top: 8px; }
.lay_starawards dd .thumb:after { display: block; content: ""; position: absolute; right: -7px; bottom: 0; width: 17px; height: 17px; background: url('/afevent/promotion/award2020/img/evt/icon_checked.png') no-repeat 0 0; }
.lay_starawards dd .thumb img { width: 39px; height: 39px; border-radius: 50%; }
.lay_starawards dd a.btn_search { position: absolute; display: block; right: 0; top: 0; width: 66px; height: 55px; line-height: 55px; text-align: center; color: #005aff; font-size: 18px; font-weight: 600; letter-spacing: -1px; }
.lay_starawards dd .nodata { position: absolute; left: 0; top: 0; width: 247px; height: 55px; line-height: 55px; text-indent: 14px; font-size: 16px; color: #ff0000; background-color: #f0f0f0; border-radius: 4px 0 0 4px; }
.lay_starawards .btn_layer_reg {display: block;width: 260px;height: 61px;margin:0 auto;font:0/0 a;background:url('/afevent/promotion/award2020/img/evt/btn_layer_reg.png') no-repeat 0 0; }
.lay_starawards .btn_cancel { position: absolute; display: block; right: 15px; top: 15px; width: 17px; height: 16px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16'%3e%3cpath fill-rule='evenodd' fill='%23333' d='M9.914 8l6.011 6.01c.39.391.39 1.024 0 1.415-.391.39-1.024.39-1.415 0L8.5 9.414l-6.01 6.011c-.391.39-1.024.39-1.415 0-.39-.391-.39-1.024 0-1.415L7.086 8 1.075 1.989c-.39-.39-.39-1.023 0-1.414.391-.39 1.024-.39 1.415 0l6.01 6.01 6.01-6.01c.391-.39 1.024-.39 1.415 0 .39.391.39 1.024 0 1.414L9.914 8z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; font: 0/0 a; }

/* 너의 응원이 보여 */
.star_awards.cheer { margin: 0; }
.star_awards.cheer .title { background:#02005b url('/afevent/promotion/award2020/img/evt/title_cheer.jpg') no-repeat center 0; }

.star_awards.cheer .list {}
.star_awards.cheer .list ul { width: 1062px; margin: 0 auto; }
.star_awards.cheer .list ul li { width: 522px; height: 200px; margin: 0 18px 20px 0; }
.star_awards.cheer .list ul li:nth-child(2n) { margin: 0 0 20px 0; }
.star_awards.cheer .list ul li .thum { float: left; width: 220px; padding: 0 0 0 0; }
.star_awards.cheer .list ul li .thum img { width: 220px; height: 200px; border-radius: 8px 0 0 8px; }
.star_awards.cheer .list ul li > div { float: left; padding: 30px 0 0 38px; overflow: hidden; }
.star_awards.cheer .list ul li > div .bj { text-align: left; padding: 0 0 5px 0; }
.star_awards.cheer .list ul li > div .bj a { font-weight: 600;font-size: 16px;font-family: 'NG';}
.star_awards.cheer .list ul li > div .tit { display: block; display: -webkit-box; text-align: left; word-break: break-all; word-wrap: break-word; max-width: 255px; max-height: 38px; height: auto; font-size: 18px; line-height: 21px; letter-spacing: -1px; padding: 0 0 5px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; }
.star_awards.cheer .list ul li > div .writer {text-align: left;font-size: 14px;}
.star_awards.cheer .list ul li > div .up {left:288px;bottom:20px;width: 161px;height: 46px;border-top: none;border-radius: 23px;border:1px solid #dddddd;}
/* .star_awards.cheer .list ul li > div .up a {height: 33px;padding-top: 13px} */
.star_awards.cheer .list ul li > div .up.checked {border:none;}
.star_awards.cheer .list ul li > div .up.checked a {cursor: default;}
/* .star_awards.cheer .list ul li > div .up a {height: 33px;} */

.lay_cheer {width: 926px;top:50%;margin:-452px 0 0 -463px;border-radius: 10px;z-index: 1000}
.lay_cheer .bj_list {padding:60px 0 0 60px;}
.lay_cheer .bj_list ul {height: 530px;overflow-y:auto;border-bottom: 1px solid #eeeeee;}
.lay_cheer .bj_list ul li {margin: 0 0 20px 0}
.lay_cheer .bj_list dl {}
.lay_cheer .bj_list dl:after {display: block;clear: both;content: "";}
.lay_cheer .bj_list dl dt {width: 100px;height: 100px;float:left;display:table;text-align: center;}
.lay_cheer .bj_list dl dt span {display: table-cell;vertical-align: middle;font-size: 20px;line-height: 1.2;color: #fff;letter-spacing: -0.5px;}
.lay_cheer .bj_list dl dd {float:left;width: 118px;}
.lay_cheer .bj_list dl dd a {display: block;text-align: center;padding:7px 0 0 0;position: relative;}
.lay_cheer .bj_list dl dd a .thumb {display: block;margin:0 0 10px 0;}
.lay_cheer .bj_list dl dd a .thumb img {width: 60px;height: 60px;border-radius: 50%}
.lay_cheer .bj_list dl dd a .nick {display: block;font-size: 16px;font-family: 'NG'; color: #000;font-weight: 600;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.lay_cheer .bj_list dl dd a.checked,
.lay_cheer .bj_list dl dd a.disabled {cursor: default;}
.lay_cheer .bj_list dl dd a.checked .thumb:after {display: block;content: "";width: 60px;height: 60px;border-radius: 50%;background-color:rgba(0,90,255,0.5);position:absolute;left:50%;top:7px;margin:0 0 0 -30px;background-image: url(/afevent/promotion/award2020/img/evt/icon_layer_checked.png);background-repeat: no-repeat;background-position: center;}
.lay_cheer .bj_list dl dd a.checked .nick {color: #005aff}
.lay_cheer .bj_list dl dd a.disabled .thumb:after {display: block;content: "";width: 60px;height: 60px;border-radius: 50%;background-color:rgba(255,255,255,0.8);position:absolute;left:50%;top:7px;margin:0 0 0 -30px;}
.lay_cheer .bj_list dl dd a.disabled .nick {color: #999;}
.lay_cheer .bj_list dl dd a.received .thumb:after {display: block;content: "";width: 57px;height: 57px;border-radius: 50%;background-color:rgba(255,255,255,0.8);position:absolute;left:50%;top:7px;margin:0 0 0 -31px;border:3px solid #ff0000;background-image: url(/afevent/promotion/award2020/img/evt/text_received.png);background-repeat: no-repeat;background-position: center;}
.lay_cheer .bj_list dl dd a.received .nick {color: #999;}

.lay_cheer .bj_list dl.e_sports dt { background-color: rgba(192,0,221,1); } /*  e스포츠BJ  */	
.lay_cheer .bj_list dl.game_icon dt { background-color: rgba(96,86,255,1); } /*  게임마스터BJ */	
.lay_cheer .bj_list dl.daily dt { background-color: rgba(255,16,84,1); } /*  야외토크BJ  */	
.lay_cheer .bj_list dl.mobile_famous dt { background-color: rgba(156,67,13,1); } /*  모바일인기게임BJ(리니지M) */	
.lay_cheer .bj_list dl.talk_male dt { background-color: rgba(109,0,243,1); } /* 토크BJ(남) */	
.lay_cheer .bj_list dl.music dt { background-color: rgba(39,90,205,1); } /*  음악/댄스BJ */	
.lay_cheer .bj_list dl.enter_female dt { background-color: rgba(27,59,162,1); } /*  게임엔터테이너(여)  */	
.lay_cheer .bj_list dl.talk_female dt { background-color: rgba(71,0,158,1); } /* 토크BJ(여) */	
.lay_cheer .bj_list dl.food dt { background-color: rgba(43,108,255,1); } /*  먹방쿡방BJ  */	
.lay_cheer .bj_list dl.enter_male dt { background-color: rgba(35,1,240,1); } /* 게임엔터테이너(남)  */	
.lay_cheer .bj_list dl.variety_female dt { background-color: rgba(0,136,131,1); } /* 버라이어티BJ(여)  */	
.lay_cheer .bj_list dl.life dt { background-color: rgba(253,38,170,1); } /*  라이프BJ */	
.lay_cheer .bj_list dl.game_pubg dt { background-color: rgba(243,166,0,1); } /* 인기게임BJ(배그)  */	
.lay_cheer .bj_list dl.variety_male dt { background-color: rgba(0,192,185,1); } /* 버라이어티BJ(남)  */
.lay_cheer .bj_list dl.sports dt { background-color: rgba(12,92,49,1); } /* 스포츠일반 */	
.lay_cheer .bj_list dl.sports_caster dt { background-color: rgba(12,174,88,1); } /* 스포츠BJ */	
.lay_cheer .bj_list dl.mobile_total dt { background-color: rgba(0,24,255,.8); } /*  모바일종합게임BJ */	
.lay_cheer .bj_list dl.game_total dt { background-color: rgba(207,0,108,1); } /* 종합게임BJ  */	
.lay_cheer .bj_list dl.game_lol dt { background-color: rgba(243,86,0,1); } /* 인기게임BJ(롤) */	
.lay_cheer .bj_list dl.edutainment dt { background-color: rgba(64,201,37,1); } /*  에듀테인먼트BJ  */	
.lay_cheer .bj_list dl.unusual dt { background-color: rgba(61,54,169,1); } /*  이색현장BJ  */	
.lay_cheer .bj_list dl.edu_life dt { background-color: rgba(253,38,170,1); } /*  에듀라이프BJ  */	

.lay_cheer .input_msg {padding:59px 120px 0 120px;margin-bottom: 34px}
.lay_cheer .input_msg strong {display: block;font-size: 20px;color: #000;margin:0 0 15px 0;}
.lay_cheer .input_msg textarea {width: 100%; height:90px;padding:20px 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 16px;line-height: 120%; background-color: #f0f0f0;border:none;resize: none;border-radius: 4px;outline:none;}
.lay_cheer .btn_layer_reg {display: block;width: 260px;height: 61px;line-height:61px;text-align: center;font-size: 23px;color: #fff;font-family: 'NanumSquare'; margin:0 auto;background-color: #0032d4;border-radius: 30px;}
.lay_cheer .btn_cancel {position:absolute;right:0;top:0;display: block;width: 45px;height: 43px;font:0/0 a;background:url('/afevent/promotion/award2020/img/evt/btn_layer_close.png') no-repeat center; }

.lay_cheer .text_bj_select {padding:59px 0 20px 0;text-align: center;font-size: 20px;color: #000;}
.lay_cheer .btn_layer_set {display: block;width: 260px;height: 61px;margin:0 auto;font:0/0 a;background:url('/afevent/promotion/award2020/img/evt/btn_layer_set.png') no-repeat 0 0; }

.star_awards.star + .notice_evt + .copyright,
.star_awards.mini + .notice_evt + .copyright,
.star_awards.cheer + .notice_evt + .copyright { background: #e7e7e8; }

/* 내가주는 미니시상식 */
.star_awards.mini { margin: 0; }
.star_awards.mini .list li { height: 224px; }
.star_awards.mini .title { height: 997px; background: #480089 url('/afevent/promotion/award2020/img/evt/title_miniawards.jpg') no-repeat center 0; }
.star_awards.mini .btn_reg { top: 879px; }
.star_awards.mini .list li .tit { padding: 35px 0 10px; }
.star_awards.mini .list li .nickname { display: block; padding: 0 0 12px; text-align: center; font-size: 14px; color: #8d8d8d; letter-spacing: -.4px; }
.star_awards.mini .list li .bj { padding: 0 0 25px; }
.star_awards.mini .list li .bj a { text-decoration: underline; }
.star_awards.mini .list li .up { height: 52px; }

.lay_miniawards { width: 450px; height: 563px; padding: 0 0 0 0; top: 50%; margin: -282px 0 0 -225px; border-radius: 10px; }
.lay_miniawards fieldset { padding: 46px 37px 15px 37px; }
.lay_miniawards dl {}
.lay_miniawards dt { font-weight: 500; font-size: 20px; color: #000; margin: 0 0 10px 0; }
.lay_miniawards dt span { display: inline-block; vertical-align: middle; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 15px; color: #fff; font-weight: 600; letter-spacing: -1px; background: #127cff; border-radius: 50%; }
.lay_miniawards dd { position: relative; height: 55px; padding: 0 0 34px 0; border-radius: 4px; }
.lay_miniawards dd input[type="text"] { position: absolute; left: 0; top: 0; width: 100%; height: 55px; padding: 0 14px; border: none; background: #f0f0f0; font-size: 16px; color: #000; outline: none; box-sizing: border-box; }
.lay_miniawards dd input[type="text"]::placeholder { color: #949494; }
.lay_miniawards dd .thumb { position: absolute; right: 66px; top: 8px; }
.lay_miniawards dd .thumb:after { display: block; content: ""; position: absolute; right: -7px; bottom: 0; width: 17px; height: 17px; background: url('/afevent/promotion/award2020/img/evt/icon_checked.png') no-repeat 0 0; }
.lay_miniawards dd .thumb img { width: 39px; height: 39px; border-radius: 50%; }
.lay_miniawards dd a.btn_search { position: absolute; display: block; right: 0; top: 0; width: 66px; height: 55px; line-height: 55px; text-align: center; color: #005aff; font-size: 18px; font-weight: 600; letter-spacing: -1px; }
.lay_miniawards dd .err_msg { position: absolute; display: none; bottom: 10px; left: 15px; right: 0; font-size: 16px; color: #ff0000; letter-spacing: -.4px; }
.lay_miniawards dd.err input[type="text"] { color: #ff0000; }
.lay_miniawards dd.err .err_msg { display: block; }

.lay_miniawards .btn_layer_reg {display: block;width: 260px;height: 61px;margin:0 auto;font:0/0 a;background:url('/afevent/promotion/award2020/img/evt/btn_layer_reg.png') no-repeat 0 0; }
.lay_miniawards .btn_cancel { position: absolute; display: block; right: 15px; top: 15px; width: 17px; height: 16px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16'%3e%3cpath fill-rule='evenodd' fill='%23333' d='M9.914 8l6.011 6.01c.39.391.39 1.024 0 1.415-.391.39-1.024.39-1.415 0L8.5 9.414l-6.01 6.011c-.391.39-1.024.39-1.415 0-.39-.391-.39-1.024 0-1.415L7.086 8 1.075 1.989c-.39-.39-.39-1.023 0-1.414.391-.39 1.024-.39 1.415 0l6.01 6.01 6.01-6.01c.391-.39 1.024-.39 1.415 0 .39.391.39 1.024 0 1.414L9.914 8z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; font: 0/0 a; }
/* // 내가주는 미니시상식 */

/* VRP를 모십니다 */
.star_awards.vrp { margin: 0; }
.star_awards.vrp .title { height: 774px; background: #2c1fb3 url('/afevent/promotion/award2020/img/evt/title_vrp.jpg') no-repeat center 0; }
.star_awards.vrp .mission { position: relative; width: 1062px; margin: 0 auto; height: 979px; background: url('/afevent/promotion/award2020/img/evt/mission.jpg') no-repeat center 0; z-index: 9; }
.star_awards.vrp .mission ul { position: relative; width: 910px; margin: 0 auto; padding: 407px 0 0; }
.star_awards.vrp .mission ul li { position: relative; height: 100px; margin: 0 0 26px 0; }
.star_awards.vrp .mission ul li:last-of-type { margin: 0; }
.star_awards.vrp .mission dl dt { font: 0/0 a; }
.star_awards.vrp .mission dl dd {}
.star_awards.vrp .mission dl dd span { position: absolute; display: inline-block; left: 300px; border-bottom: 1px solid #252525; }
.star_awards.vrp .mission dl dd .btn_select_bj {position: absolute;right:24px;top:24px; display: block;width: 148px;height: 52px;font:0/0 a;background:url('/afevent/promotion/award2020/img/evt/btn_select_bj.png') no-repeat center 0}

.star_awards.vrp .mission dl dd em {display:block;position: absolute;top:39px;font:0/0 a;}
.star_awards.vrp .mission dl dd .status {}
.star_awards.vrp .mission dl dd .status.done {left:759px;width: 108px;height: 22px;background:url('/afevent/promotion/award2020/img/evt/status_done.png') no-repeat center 0}
.star_awards.vrp .mission dl dd .status.notyet {left:770px;width: 86px;height: 22px;background:url('/afevent/promotion/award2020/img/evt/status_notyet.png') no-repeat center 0}
.star_awards.vrp .mission .mark_box { position: relative; display: block; width: 910px; margin: 30px auto 0; text-align: center; }
.star_awards.vrp .mission .mark_box .btn_vrp_mark { display: block; width: 265px; height: 66px; margin: 0 auto; background: url('/afevent/promotion/award2020/img/evt/btn_vrp_mark.png') no-repeat center 0; font:0/0 a; }
.star_awards.vrp .mission .mark_box .btn_vrp_mark_received { display: block; width: 265px; height: 84px; margin: 0 auto; background: url('/afevent/promotion/award2020/img/evt/btn_vrp_mark_received.png') no-repeat center 0; font: 0/0 a; cursor: default; }
.star_awards.vrp .mission .mark_box .text_total { position: absolute; display: block; top: 50%; right: 40px; font-size: 24px; color: #252525; transform: translateY(-50%); }
/* // VRP를 모십니다 */