@charset "utf-8";

@import url('main.css');

/* =============
EVENTS
============= */
.subwrap {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 0 0;text-align:center;background: #e7e7e8;}
.notice_evt ul li {font-size: 16px;color: #727272;line-height: 24px;}
.gnb .menu ul.mainmenu > li ul {left:-180px;}

/* 내맘대로 별별어워드 */
.star_awards {margin:102px auto 0 auto;background-color: #f2f2f2}
.star_awards .title {height: 800px;background:#27005b url('/afevent/promotion/award2019/img/evt/title_starawards.jpg') no-repeat center 0;}
.star_awards .btn_reg {position:absolute; right:0; top:682px; 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:#333333; 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:#396557; width:190px; height:36px; border:none; font-size:13px; text-indent: 16px; background: transparent; color: #b1b1b1;}
.star_awards .sort_search .search input:focus {color:#1d4236;}
.star_awards .sort_search .search a.btn {position:absolute; right:0; top:0; display:block; width:36px; height:36px; overflow:hidden; text-indent:-11111px; background:url('/afevent/promotion/award2019/img/evt/btn_search.png') no-repeat center center;}
.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;font-family: 'NG';}
.star_awards .list li .tit {display:block; text-align:center; font-size:20px; color:#333333; padding:0 0 10px;}
.star_awards .list li .writer {display:block; text-align:center; font-size:12px; color:#999999; 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:block; font-size:20px; color:#555; height:38px; padding:18px 0 0;}
.star_awards .list li .up .ic {display:inline-block; width:22px; height:21px; vertical-align:middle; margin:-3px 0 0; background:url('/afevent/promotion/award2019/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/award2019/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:#333333; 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: 9px;}
.lay_starawards fieldset {padding: 46px 37px 0 37px;}
.lay_starawards dl {}
.lay_starawards dt {font-weight:600;font-size: 20px;color: #000000;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: #f72e96;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:247px;height: 55px;text-indent: 14px;font-size:16px;color: #000000;border:none;outline:none;background: none;}
.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/award2019/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;right: 0;top: 0;display:block;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/award2019/img/evt/btn_layer_reg.png') no-repeat 0 0; }
.lay_starawards .btn_cancel {position:absolute;right:0;top:0;display: block;width: 45px;height: 43px;font:0/0 a;background:url('/afevent/promotion/award2019/img/evt/btn_layer_close.png') no-repeat center; }

/*너의 응원이 보여*/
.star_awards.cheer {}
.star_awards.cheer .title {background:#02005b url('/afevent/promotion/award2019/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 {text-align: left;word-break:break-all; word-wrap:break-word; max-width: 255px;font-size: 18px; line-height: 21px;letter-spacing: -1px;padding: 0 0 5px}
.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/award2019/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: #999999;}
.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/award2019/img/evt/text_received.png);background-repeat: no-repeat;background-position: center;}
.lay_cheer .bj_list dl dd a.received .nick {color: #999999;}

.lay_cheer .bj_list dl.e_sports dt {background-color:rgba(123,18,204,.8);} /*  e스포츠BJ  */	
.lay_cheer .bj_list dl.game_icon dt {background-color:rgba(61,0,108,.8);} /*  게임마스터BJ */	
.lay_cheer .bj_list dl.daily dt {background-color:rgba(10,118,4,.8);} /*  야외토크BJ  */	
.lay_cheer .bj_list dl.mobile_famous dt {background-color:rgba(5,101,75,.8);} /*  모바일인기게임BJ(리니지M) */	
.lay_cheer .bj_list dl.talk dt {background-color:rgba(255,0,252,.8);} /* 토크BJ(남) */	
.lay_cheer .bj_list dl.music dt {background-color:rgba(1,54,174,.8);} /*  음악/댄스BJ */	
.lay_cheer .bj_list dl.enter_female dt {background-color:rgba(51,56,255,.8);} /*  게임엔터테이너(여)  */	
.lay_cheer .bj_list dl.talk_fe dt {background-color:rgba(255,0,252,.8);} /* 토크BJ(여) */	
.lay_cheer .bj_list dl.food dt {background-color:rgba(25,96,255,.8);} /*  먹방쿡방BJ  */	
.lay_cheer .bj_list dl.enter_male dt {background-color:rgba(51,56,255,.8);} /* 게임엔터테이너(남)  */	
.lay_cheer .bj_list dl.variety_female dt {background-color:rgba(15,205,198,.8);} /* 버라이어티BJ(여)  */	
.lay_cheer .bj_list dl.life dt {background-color:rgba(253,38,170,.8);} /*  라이프BJ */	
.lay_cheer .bj_list dl.game_pubg dt {background-color:rgba(38,20,51,.8);} /* 인기게임BJ(배그)  */	
.lay_cheer .bj_list dl.variety_male dt {background-color:rgba(15,205,198,.8);} /* 버라이어티BJ(남)  */	
.lay_cheer .bj_list dl.sports_repeater dt {background-color:rgba(12,174,88,.8);} /* 스포츠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(186,0,255,.8);} /* 종합게임BJ  */	
.lay_cheer .bj_list dl.game_lol dt {background-color:rgba(255,181,51,.8);} /* 인기게임BJ(롤) */	
.lay_cheer .bj_list dl.edutainment dt {background-color:rgba(0,136,131,.8);} /*  에듀테인먼트BJ  */	
.lay_cheer .bj_list dl.unusual dt {background-color:rgba(151,52,13,.8);} /*  이색현장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/award2019/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: #000000;}
.lay_cheer .btn_layer_set {display: block;width: 260px;height: 61px;margin:0 auto;font:0/0 a;background:url('/afevent/promotion/award2019/img/evt/btn_layer_set.png') no-repeat 0 0; }

/* BJ응원 지키미! */
.star_awards.fan {}
.star_awards.fan .title {height: 706px; background:#2c1fb3 url('/afevent/promotion/award2019/img/evt/title_fan.jpg') no-repeat center 0;}
.star_awards.fan .mission {position:relative;width:1062px;margin:105px auto 230px auto;height:448px;padding-top: 338px; background:url('/afevent/promotion/award2019/img/evt/mission.jpg') no-repeat center 0;z-index: 9}
.star_awards.fan .mission ul {width:910px;margin:0 auto;}
.star_awards.fan .mission ul li {position: relative;height: 100px;margin: 0 0 16px 0}
.star_awards.fan .mission dl dt {font:0/0 a;}
.star_awards.fan .mission dl dd {}
.star_awards.fan .mission dl dd span {display: inline-block;position: absolute;left: 300px;border-bottom: 1px solid #252525;}
.star_awards.fan .mission dl dd .text_pre {top: 41px;padding:0 10px 10px 10px;font-size: 20px;color: #949494;}
.star_awards.fan .mission dl dd .text_after {top: 38px;padding: 0 19px 10px 19px;font-size: 26px;color: #000;letter-spacing: -1px;font-weight: 600}
.star_awards.fan .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/award2019/img/evt/btn_select_bj.png') no-repeat center 0}

.star_awards.fan .mission dl dd em {display:block;position: absolute;top:39px;font:0/0 a;}
.star_awards.fan .mission dl dd .status {}
.star_awards.fan .mission dl dd .status.done {left:759px;width: 108px;height: 22px;background:url('/afevent/promotion/award2019/img/evt/status_done.png') no-repeat center 0}
.star_awards.fan .mission dl dd .status.notyet {left:770px;width: 86px;height: 22px;background:url('/afevent/promotion/award2019/img/evt/status_notyet.png') no-repeat center 0}
.star_awards.fan .mission .btn_fan_mark {display:block;width: 265px;height: 66px;margin: 34px auto 0 auto;font:0/0 a;background:url('/afevent/promotion/award2019/img/evt/btn_fan_mark.png') no-repeat center 0}
.star_awards.fan .mission .btn_fan_mark_received {display:block;width: 265px;height: 84px;margin: 25px auto 0 auto;font:0/0 a;background:url('/afevent/promotion/award2019/img/evt/btn_fan_mark_received.png') no-repeat center 0;cursor: default;}
.star_awards.fan .mission .text_total {position: absolute;right:115px;top:841px;font-size: 24px;color: #252525;letter-spacing: -1px;}

input[type=text]::-ms-clear {display: none;}

.ofh {overflow: hidden;}

/*신용 NICE*/
.star_awards.nice .title{height:649px;background:#160f3c url(/afevent/promotion/award2019/img/evt/title_nice.jpg) no-repeat center 0}
.cont_nice{padding:69px 0 75px;background-color:#fff}
.cont_nice h3{font-size:32px;font-family:'NanumSquare';font-weight:400;color:#000;text-align:center;letter-spacing:-1px;margin-bottom:15px}
.cont_nice .title_desc{font-size:20px;font-family:'NanumSquare';color:#8870ef;font-weight:700;line-height:22px;text-align:center;letter-spacing:-.5px}

.cont_nice .prize{position:relative;margin-top:40px;margin-bottom:58px}
.cont_nice .prize .event_wrap{padding:30px;border:3px solid #f2f2f2;border-radius: 30px;margin-bottom: 20px;}
.cont_nice .prize .event_wrap h4{margin:0 auto;box-sizing:border-box;width:134px;height:30px;line-height:30px;text-align:center;font-family:'NanumSquare';font-size:20px;font-weight:800;letter-spacing:-1px;color:#fff;text-transform:uppercase;}
.cont_nice .prize .event_wrap .sub_title_desc{margin-top:15px;text-align:center;font-size:22px;font-family:'NanumSquare';line-height:32px;letter-spacing:-1px;color:#000}
.cont_nice .prize .event_wrap .prize_list{width:860px;margin:30px auto 40px}
.cont_nice .prize .event_wrap .prize_list:after{display:block;clear:both;content:""}
.cont_nice .prize .event_wrap .prize_list li{float:left;width:50%}
.cont_nice .prize .event_wrap .prize_list li > div{position:relative;text-align:center;box-sizing:border-box;width:400px;margin:0 auto;height:280px;border:3px solid #f2f2f2;border-radius:28px}
.cont_nice .prize .event_wrap .prize_list li div:after{display:block;content:"";position:absolute}
.cont_nice .prize .event_wrap .prize_list li > div p{padding-top:200px;font-size:20px;color:#000;line-height:28px;letter-spacing:-1px}
.cont_nice .prize .event_wrap .prize_list li > div p strong {font-weight: 800;}
.cont_nice .prize .event_wrap .prize_list li > div p strong em {color: #000}
.cont_nice .prize .event_wrap .prize_list li .text_special {font-size: 22px;}
.cont_nice .prize .event_wrap .prize_list li .text_special strong {padding:5px 4px 3px 4px;display: inline-block;vertical-align: middle;color:#fff000 !important;background-color: #007eff;}
.cont_nice .prize .event_wrap .prize_list li .text_special strong em {color: #fff;}
.cont_nice .prize .event_wrap.event1 h4{background-color: #ff108c;}
.cont_nice .prize .event_wrap.event1 .sub_title_desc strong{color:#ff108c}
.cont_nice .prize .event_wrap.event1 .prize_list li > div p strong{color:#ff108c}
.cont_nice .prize .event_wrap.event1 .prize_list li:nth-child(1) div:after{width:258px;height:118px;left:0;right:0;margin:auto;top:45px;background:url(/afevent/promotion/award2019/img/evt/prize_list_1_1.png) no-repeat center 0}
.cont_nice .prize .event_wrap.event1 .prize_list li:nth-child(2) div:after{width:251px;height:126px;left:0;right:0;margin:auto;top:47px;background:url(/afevent/promotion/award2019/img/evt/prize_list_1_2.png) no-repeat center 0}
.cont_nice .prize .event_wrap.event2 h4{background-color: #007eff}
.cont_nice .prize .event_wrap.event2 .sub_title_desc strong{color:#007eff}
.cont_nice .prize .event_wrap.event2 .prize_list li > div p strong{color:#007eff}
.cont_nice .prize .event_wrap.event2 .prize_list li:nth-child(1) div:after{width:298px;height:224px;left:0;right:0;margin:auto;top:-40px;background:url(/afevent/promotion/award2019/img/evt/prize_list_2_1.png) no-repeat center 0}
.cont_nice .prize .event_wrap.event2 .prize_list li:nth-child(2) div:after{width:367px;height:243px;left:0;right:0;margin:auto;top:-54px;background:url(/afevent/promotion/award2019/img/evt/prize_list_2_2.png) no-repeat center 0}
.cont_nice .prize .link_join{display:block;margin:25px auto 0 auto;font-size:24px;letter-spacing:-1px;color:#fff;text-align:center;width:325px;height:66px;line-height:66px;border-radius:33px;background-color:#ffa442}
.cont_nice .prize .link_apply{display:block;margin:25px auto 0;font-size:24px;letter-spacing:-1px;color:#fff;text-align:center;width:325px;height:66px;line-height:66px;border-radius:33px;background-color:#5f51ed}
.cont_nice .prize .text_nice {margin-top: 19px; text-align: center; font-size: 17px; font-family: 'NanumSquare'; color: #727272; }

.cont_nice .reg_id{text-align:center}
.cont_nice .reg_id p{font-size:24px;font-weight:700;color:#007eff;letter-spacing:-1px}
.cont_nice .reg_id input{margin-top:15px;box-sizing:border-box;width:400px;height:54px;line-height:54px;text-align:center;font-size:24px;color:#4a4a4a;font-family:'NanumSquare';border:1px solid #ccc}
.cont_nice .reg_id button{display:block;width:265px;height:66px;line-height:66px;margin:30px auto 0;text-align:center;font-size:23px;font-weight:700;font-family:'NanumSquare';color:#fff;background:url(/afevent/promotion/award2019/img/evt/button_bg_reg_id.png) no-repeat center 0}
.cont_nice ::-webkit-input-placeholder{color:#b2b2b2}
.cont_nice ::-moz-placeholder{color:#b2b2b2}
.cont_nice :-ms-input-placeholder{color:#b2b2b2!important}
.cont_nice ::-ms-input-placeholder{color:#b2b2b2}
.cont_nice ::placeholder{color:#b2b2b2}