@charset "utf-8"; @import url('//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css'); html{background:#fff; height: 100%; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,label{margin:0;padding:0; font-family: 'NanumSquare', 'AppleGothic', sans-serif;} body,h1,h2,h3,h4,input,button,textarea{font-family:nanumgothic,ng,dotum,AppleGothic, Sans-serif;font-size:16px;color:#464646;} body{font-family:'ng',dotum,AppleGothic, Sans-serif;} *{-webkit-text-size-adjust:100%;} table { border-collapse: collapse; border-spacing: 0; table-layout: fixed;} hr, img,fieldset,iframe{border:0 none;} li{list-style:none;} img{border:0;vertical-align: top;} em,address{font-style:normal;} i { font-style: normal;} fieldset{border:none;} caption , .blind{display:none !important;} a:link, a:visited, a:active {text-decoration:none;} button{cursor:pointer;border:0 none;background:none;outline:none;} input {outline:none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important; } .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'); } @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'); } body { min-width: 1280px; height: 100%; background: #f4f4f4; } .gnb { position: fixed; display: flex; align-items: center; justify-content: space-around; width: 100%; min-width: 1024px; z-index: 333; height: 88px; } .gnb .inn { display: flex; flex: 0 1 auto; align-items: center; justify-content: space-around; flex-direction: row; width: 100%; min-width: 1000px; } .gnb h1 { z-index: 11; width: 294px; height: 26px; font-size: 0; background: url('/afevent/promotion/award2020/img/aftv.png') no-repeat; } .gnb h1 a {height: 100%;height:100%; vertical-align:top; display:inline-block;} .gnb h1 a.logo_afreeca { width: 132px; } .gnb h1 a.logo_award { width: 61px; margin-right: 15px; } .gnb h1 a.logo_sponsor { width: 85px; } .gnb.over h1 { background:url('/afevent/promotion/award2020/img/aftv_sub.png') no-repeat; } .subwrap .gnb { border-bottom: 1px solid #e2e2e2; background-color: #fff; } .subwrap .gnb .util .login a { color: #333; } .subwrap .gnb h1 {background:url('/afevent/promotion/award2020/img/aftv_sub.png') no-repeat; } /* .mainwrap .gnb { transition: background-color .2s; } */ .mainwrap .gnb .menu ul.mainmenu > li > a { color: #fff; } /* .mainwrap .gnb.over { padding-bottom: 54px; background-color: #fff; } */ .mainwrap .gnb.over { border-bottom: 1px solid #e2e2e2; background-color: #fff; } .mainwrap .gnb.over .menu ul.mainmenu > li > a { color: #222; } /* .gnb .menu { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } */ /* .gnb .menu ul.mainmenu { position:absolute; right:200px; top:0; width:520px; } */ /* .gnb .menu ul.mainmenu { position: absolute; left: 0; right: 0; top: 0; text-align: right; } */ /* .gnb .menu { height: 100%; } */ .gnb .menu ul.mainmenu { position: relative; height: 100%; font-size: 0; } .gnb .menu ul.mainmenu > li { position: relative; display: inline-block; max-height: 88px; padding: 29px 25px 2px; box-sizing: border-box; } .gnb .menu ul.mainmenu > li > a { font-family: 'NanumSquare'; max-height: 60px; height: 60px; font-size: 16px; line-height: 2.1; color: #333; display: inline-block; padding: 0 0 24px; font-weight: 700; text-transform: uppercase; letter-spacing: -.2px; box-sizing: border-box; } /* .gnb .menu ul.mainmenu > li ul { display: none; position: absolute; top: 89px; left: 0; right: 0; min-width: 540px; box-shadow: 0px 4px 8px rgba(0,0,0,.1); } */ .gnb .menu ul.mainmenu > li ul { display: none; position: absolute; top: 89px; left: 12px; min-width: 550px; text-align: left; } /* .gnb .menu ul.mainmenu > li ul li { float: left; } */ .gnb .menu ul.mainmenu > li ul li { display: inline-block; } .gnb .menu ul.mainmenu > li ul li a { font-family: 'NanumSquare'; display: inline-block; font-size: 14px; padding: 18px 15px 18px 15px; color: #222; font-weight: 400; letter-spacing: -.2px; } .gnb .menu ul.mainmenu > li:first-child + li +li >ul { min-width: 300px; } .gnb .menu ul.mainmenu > li.on > a, .gnb .menu ul.mainmenu > li:hover > a { border-bottom: 3px solid #17b2fb; color: #17b2fb !important; box-sizing: border-box; } .gnb .menu ul.mainmenu > li.on ul { display: block; } .gnb .menu ul.mainmenu > li.on ul li:hover a, .gnb .menu ul.mainmenu > li.on ul li.on a { color: #10d2ea; } /* .gnb .menu ul.mainmenu > li ul.sub_winner { left: -42px; } */ .gnb .menu ul.mainmenu > li ul.sub_vote { left: 18px; } .menu_bg { display: block; opacity: 0; position: fixed; left: 0; right: 0; width: 100%; top: 88px; height: 52px; background-color: #fff; z-index: 222; box-shadow: 0px 4px 8px rgba(0,0,0,.1); } .menu_bg.on { opacity: 1; } .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 { display: flex; flex-direction: row; } /* .gnb .util .login {position:absolute; right:86px; top:21px;} */ .gnb .util .login a { display: inline-block; padding: 0 18px 0 20px; color: #fff; font-family: 'NanumSquare'; font-size: 14px; white-space: nowrap; vertical-align: middle; line-height: 26px; transition: all .2s; } .gnb.over .util .login a { color: #333; } /* .gnb .util .login a:hover { opacity: 1; filter: alpha(opacity=100); background-color: #00a3ff; border-color: #00a3ff;} */ /* .gnb .util .snslist {position:absolute; right:0; top:23px;} */ /* .gnb .util .snslist ul {width:73px; height:25px; background:url('/afevent/promotion/award2020/img/sns.png') no-repeat 0 center;} */ .gnb .util .snslist ul {width: 73px; height: 25px; } .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;} .gnb .util .snslist li.fb a { width: 100%; height: 100%; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15'%3e%3cpath fill-rule='evenodd' fill='%230159FF' d='M3.074 14.999V7.528H-.001v-2.51h3.075V3.83S2.738.025 7.37 0H10v2.509H7.518S6.169 2.386 6.037 3.83v1.188H10v2.51H6.037v7.471H3.074z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size: 10px 15px; } .gnb .util .snslist li.stb a { width: 100%; height: 100%; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='21'%3e%3cpath fill-rule='evenodd' fill='%2301A8E4' d='M11.076 17.275l-1.787 3.531c-.116.23-.454.23-.57 0l-1.787-3.531C2.956 16.364-.006 12.9-.006 8.756c0-4.839 4.034-8.761 9.01-8.761s9.01 3.922 9.01 8.761c0 4.144-2.962 7.608-6.938 8.519zM5.359 7C4.609 7 4 7.672 4 8.5S4.609 10 5.359 10c.751 0 1.36-.672 1.36-1.5S6.11 7 5.359 7zM9 7c-.759 0-1.375.672-1.375 1.5S8.241 10 9 10s1.375-.672 1.375-1.5S9.759 7 9 7zm3.641 0c-.751 0-1.36.672-1.36 1.5s.609 1.5 1.36 1.5C13.391 10 14 9.328 14 8.5S13.391 7 12.641 7z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size: 18px 21px; } .mainwrap .copyright { position: absolute; left: 0; right: 0; bottom: 0; height:50px; text-align: center; font-size: 13px; color: #919191; z-index:22; } .mainwrap .copyright em {display:block; overflow:hidden; text-indent:-1111px; height:100%; background:url('/afevent/promotion/award2020/teaser/copyright.png') no-repeat center 17px;} .subwrap .copyright { min-width: 1024px; margin: 0 auto; padding: 35px 0; font-family: 'NGB'; font-size: 13px; color: #919191; text-align:center; background-color: #f4f4f4; } .subwrap .copyright.copy_about2 { padding: 29px 0; border-top: 1px solid #ddd; background: #fff; } .subwrap .copyright.copy_vote { background: #e8e8ea; } /* btn_top */ .btn_top {display:none; width:1200px; height:0; position:fixed; left:50%; bottom:193px; z-index:111; margin:0 0 0 -590px;} .btn_top a { position: absolute; right: 0px; top: 0; display: block; overflow: hidden; text-indent: -1111px; width: 62px; height: 62px; background: url("/afevent/promotion/award2020/img/gotop.png"); } .btn_top a:hover {opacity:.9;} .bot_sponsor {position:fixed; left:0; right:0; bottom:0; z-index:99; width:100%; height:75px; min-width: 720px; background: #150e10 url('/afevent/promotion/award2020/img/bot_sponsor.jpg') no-repeat center 0;} .bot_sponsor .inn { width:100% !important; } .bot_sponsor a.link { display: block; width: 100%; height: 75px; overflow: hidden; text-indent: -1111px; margin: 0 auto; } .bot_sponsor a.obj { position: absolute; left: -163px; right: 0; bottom: 0; display: block; width: 221px; height: 95px; margin: auto; background: url('/afevent/promotion/award2020/img/bot_sponsor_obj.png') no-repeat; } /* 메인 */ .teaser {position:relative; height:100%; min-width: 580px; overflow: hidden; background: rgba(0,0,0, .83); background-size:cover; } .teaser .contents { position: relative; z-index: 2; } .teaser .contbox { position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: row; width: 100%; height: 100%; } .teaser h2 { width:28.177%; height: 535px; min-width: 720px; max-width: 720px; z-index:11; display:block; font:0/0 a; background:url('/afevent/promotion/award2020/img/teaser.png') no-repeat center top; background-size: auto 100%; animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease-in-out; } .teaser .introbox .intro_text { position: relative; display: flex; flex-direction: column; } .teaser .introbox .intro_text span:first-of-type { font-family: 'NanumSquare'; font-weight: bold; font-size: 30px; color: #20c4ff; animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease-in-out; animation-delay: .5s; } .teaser .introbox .intro_text span:last-of-type { margin-top: 35px; font-family: 'NanumSquare'; font-weight: normal; font-size: 24px; color: #c4c4c4; line-height: 1.4; animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease-in-out; animation-delay: .7s; } .teaser .introbox .intro_text strong { margin-top: 10px; font-family: 'NanumSquare'; font-weight: normal; font-size: 46px; color: #fff; line-height: 1.1; letter-spacing: -.4px; animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease-in-out; animation-delay: .6s; } .teaser .introbox .intro_text strong em:first-of-type { padding-bottom: 15px; border-bottom: 4px solid #20c4ff; } .teaser .introbox .intro_text strong em:last-of-type { font-family: 'NanumSquare'; font-weight: bold; } .teaser .introbox .vod_btn { display: inline-block; width: 284px; height: 76px; margin-top: 25px; background: url('/afevent/promotion/award2020/img/intro_btn.png') no-repeat 50% 50%; text-indent: -9999px; animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease-in-out; animation-delay: .8s; } .teaser .ddaybox {position:absolute; left:0; right: 0; bottom:22.777%;top:69.814%; margin:auto;width:369px; /*height:80px;*/ z-index:11; display:block; background:url('/afevent/promotion/award2020/img/coming_3.png') no-repeat center ;background-size: auto 100%;} .teaser .ddaybox dt , .teaser .ddaybox dd {display: none;} .teaser .scroll { position: absolute; z-index: 2; top:79.481%;bottom: 10.962%; left: 0; right: 0; margin: auto; padding-top: 4.5%; width: 100px; text-align:center; color: #fff; opacity: .5; cursor:pointer; font-size: 16px; background:url('/afevent/promotion/award2020/img/scroll.png') no-repeat center top; background-size: auto auto;} @media screen and (-webkit-min-device-pixel-ratio:0) { .teaser .scroll {top:80.481%;bottom: 11.962%;padding-top: 4.5%;} } .teaser .scroll i { position: absolute; top: 0; left: 0; right: 0; bottom: 10%; background:url('/afevent/promotion/award2020/img/scroll_icon_move.gif') no-repeat center bottom; } .teaser .bg_deco { position:absolute; z-index: 1; bottom: 0; left: 0; right: 0; height: 246px; background:url('/afevent/promotion/award2020/img/bg_deco.png') center center; background-size:cover; } .teaser_bg_vod { position: fixed; top: 0; left: 0; right: 0; bottom: 0; } div.teaser_bg_vod { background: url('/afevent/promotion/award2020/img/teaser_bg_img.png') no-repeat center; } .mainbody { background: #000; } .mainwrap { max-width: 1920px; margin: 0 auto; height: 100%; } .mainwrap .main1 {position:relative; height:840px; padding:197px 0 0; margin:0 auto; background:url('/afevent/promotion/award2020/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('/afevent/event/n.gif') no-repeat;} .mainwrap .main2 {width:100%; height:90px; background:url('/afevent/promotion/award2020/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('/afevent/event/n.gif') no-repeat;} /* .mainwrap .menu_bg {display: none;} */ /* // 메인 */ /* 서브 공통 */ .subwrap {padding-bottom: 75px ;} .subwrap .contents { position: relative; padding: 88px 0 0; } .inn {position: relative; z-index:1; width: 1024px; height: 100%; margin: 0 auto;} .visubox {margin:119px 0 0; height:338px; background:url('/afevent/promotion/award2020/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('/afevent/promotion/award2020/img/comment_title.gif') no-repeat center 60px;} .comment_area h3.h3top {height:265px; background:url('/afevent/promotion/award2020/img/comment_title_top.gif') no-repeat center 60px;} .comment_area h3.h3newbj {height:240px; background:url('/afevent/promotion/award2020/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(/afevent/promotion/award2016/img/img_comment.png) -9999px -9999px no-repeat} .comment .userment button.ment_del{background:url(/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 */ /* .sub_top { position: relative; height: 430px; background: no-repeat center bottom; } */ .sub_top { position: relative; padding: 74px 0 45px; background: #f4f4f4; z-index: 9; } .sub_top.award_info_top { background: #fff; } .sub_top.vote_top { padding: 74px 0 28px; } .sub_top_inner { width: 100%; } .sub_top > p { display: flex; align-items: center; flex-direction: column; text-align: center; font-family:'NanumSquare'; font-size: 25px; color: #000; } .sub_top > p strong { position: relative; border-bottom: 2px solid #000; font-size: 34px; line-height: 1.1; } .sub_top > p span { padding-top: 16px; font-size: 14px; color: #666; } .sub_top > p em { position: relative; padding-top: 21px; font-size: 18px; color: #0159ff; line-height: 1.4; } .sub_top > p em::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 32px; height: 13px; background: rgba(0,187,237,.12); } .sub_top > p span strong {text-transform: uppercase;display: none;} .sub_top > p em strong {color: #ffffff;} .sub_top > p .btn_state span {display: inline-block;font-family: 'NanumSquare'; font-size: 16px; font-weight: 600; color: #4a86ff; border-bottom: 1px solid #4a86ff;} .sub_top > p .btn_state:after {display: inline-block;content: ">";font-family: 'NanumSquare'; font-size: 16px; font-weight: 600; color: #4a86ff; margin-left:3px;} .sub_top > p .noti { font-size: 18px; color: #666; } /* .about1_top { background-image:url('/afevent/promotion/award2020/img/about1_top.jpg'); } .about2_top { background-image:url('/afevent/promotion/award2020/img/about2_top.jpg'); } .about3_top { background-image:url('/afevent/promotion/award2020/img/about3_top.jpg'); } .winner_top { background-image:url('/afevent/promotion/award2020/img/winner_top.jpg'); } .vote1_top { background-image:url('/afevent/promotion/award2020/img/vote1_top.jpg'); } */ .about1_top_sub { position: relative; z-index: 50; margin:-56px auto; display: none;} .about1_top_sub img { display: block; max-width: 100%; margin: 0 auto;} .btn_wrap { position: absolute; } .about1_1 { height: 885px; background: #fff url('/afevent/promotion/award2020/img/about1_1.jpg') no-repeat 50% 50%; } .about1_2 { height: 904px; background: #1090ff url('/afevent/promotion/award2020/img/about1_2.jpg') no-repeat 50% 50%; } .about1_3 { height:824px; background:#ffe5ee url('/afevent/promotion/award2020/img/about1_3.jpg') no-repeat center top;} .about1_4 { height:559px; background:#373737 url('/afevent/promotion/award2020/img/about1_4.jpg') no-repeat center top;} .about1_2 [class^="about1_btn"], .about1_3 [class^="about1_btn"], .about1_4 [class^="about1_btn"] { position: absolute; display: block; width: 177px; height: 54px; border: 1px solid #0159ff; text-align: center; font-weight: 700; font-size: 20px; color: #0159ff; line-height: 54px; box-sizing: border-box; letter-spacing: -.4px; } .about1_2 .about1_btn1 { top: 680px; left: 174px; } .about1_2 .about1_btn2 { top: 680px; left: 672px; border: 1px solid #ff0c95; color: #ff0c95; } .about1_3 .about1_btn3 { top: 628px; left: 65px; } .about1_4 .about1_btn4 { width: 120px; height: 34px; top: 151px;left: 321px; } .about1_2 .about1_btn1:hover { background: #0159ff; color: #fff; } .about1_2 .about1_btn2:hover { background: #ff0c95; color: #fff; } [class^="about2_"] table {width: 100%; border-collapse: collapse; border-spacing: 0; } [class^="about2_"] table th {text-align: center; font-size: 20px; font-weight: 700; color: #222; height: 65px; border-top: 2px solid #111; border-bottom: 1px solid #8f8f8f; background-color: #fff; box-sizing: border-box; line-height: 1.2; letter-spacing: -.2px; } [class^="about2_"] table td { text-align: center; font-size: 18px; color: #333; padding: 19px 0; border-bottom: 1px solid #d9d9d9; } [class^="about2_"] table tr:last-child td { border-bottom: 2px solid #111; } [class^="about2_"] .text_desc { text-align: center; font-size: 18px; color: #333; line-height: 1.4; letter-spacing: -.2px; } [class^="about2_"] .text_desc span { font-size: 16px; color: #999; } .about2_1 { height: 486px; padding-bottom: 60px; background: #fff url('/afevent/promotion/award2020/img/about2_1.png') no-repeat center 0; } .about2_2 { padding-bottom: 50px; background: #fff; } .about2_3 { padding-bottom: 56px; background: #fff; text-align: center; } .about2_1 .inn { display: flex; flex-direction: row; width: 1008px; } .about2_1 dl { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 20%; height: 100%; text-align: center; } .about2_1 dl dt { font-size: 22px; font-weight: 800; color: #fff; letter-spacing: -.2px; } .about2_1 dl:last-of-type dt { font-size: 32px; } .about2_1 dl dt span { display: block; padding-top: 4px; font-size: 16px; font-weight: 400; color: #d6f3ff; } .about2_1 dl dd { text-align: center; font-size: 15px; font-weight: 400; color: #444; line-height: 24px; letter-spacing: -.2px; line-height: 1.4; word-break: keep-all; } .about2_1 .inn::after { display: block; clear: both; content: ""; } .about2_1 dl:nth-of-type(1) dd { position: absolute; top: 393px; left: 0; right: 0; } .about2_1 dl:nth-of-type(2) dd { position: absolute; top: 25px; left: 0; right: 0; } .about2_1 dl:nth-of-type(3) dd { position: absolute; top: 393px; left: 0; right: 0; } .about2_1 dl:nth-of-type(4) dd { position: absolute; top: 35px; left: 0; right: 0; } .about2_1 dl:nth-of-type(5) dd { position: absolute; top: 393px; left: 0; right: 0; } .about2_2 table {margin-bottom: 28px;} .about2_2 .table_prize {margin-top: 70px;} .about2_3 ol { display: flex; align-items: center; width: 100%; height: 168px; background:url('/afevent/promotion/award2020/img/about2_3_bg.png') no-repeat center 0; } .about2_3 ol:after {display: block; clear: both; content: ""; } .about2_3 ol li { position: relative; float: left; width: 16.2%; height: 100%; margin-right: 118px; text-align: center; box-sizing: border-box; } .about2_3 ol li strong { position: absolute; top: 50px; left: 0; right: 0; display: block; font-size: 16px; font-weight: 800; color: #333; } .about2_3 ol li p { position: absolute; top: 83px; left: 0; right: 0; font-size: 15px; line-height: 1.3; color: #555; font-family: 'NG'; letter-spacing: -.2px; } .about2_3 ol li p em { font-weight: 700; color: #14cbf8; } .about2_3 ol li:first-of-type p { top: 77px; } .about2_3 ol li:last-of-type { margin: 0; } .about2_3 ol li:last-of-type p { top: 88px; font-weight: 700; font-size: 20px; color: #17b8fe; } .about2_3 ol li:nth-child(1) strong { } .about2_3 ol li:nth-child(3) { margin-right: 120px; } .about2_3 ol li:last-of-type strong { } .about2_3 .text_notice { display: inline-block; text-align: center; color: #999; font-size: 16px; height: 30px; line-height: 30px; letter-spacing: -0.5px; margin-top: 40px; padding:0 12px; } .about3_1 {height:755px; background:url('/afevent/promotion/award2020/img/about3_1.jpg') no-repeat center 0;} .about3_2 {height:1292px; background:url('/afevent/promotion/award2020/img/about3_2.jpg') no-repeat center 0;} .about3_3 {height:724px; background:url('/afevent/promotion/award2020/img/about3_3.jpg') no-repeat center 0;} .about2_tab { position: relative; display: flex; align-items: center; justify-content: center; padding: 90px 0 38px; } .about2_tab ul { text-align: center; } .about2_tab ul li { float: left; margin-right: 12px; } .about2_tab ul li a { display: block; padding: 14px 32px 14px; border: 1px solid #00bbed; border-radius: 24px; font-size: 16px; color: #00bbed; letter-spacing: -.2px; } .about2_tab ul li.on a { background: #00bbed; color: #fff; } .about2_tab ul li:last-of-type { margin: 0; } .about2_tab ul::after { content: ""; display: block; clear: both; } .about2_3 .inn { width: 1036px; } /* WINNER */ .winner_top { } .winner_top > p strong { border-bottom: 9px solid rgba(62,242,189,.2); font-weight: 700; font-size: 30px; color: #0099ff; line-height: .65; } .winner_top > p span { padding-top: 40px; font-size: 16px; letter-spacing: -.4px; } /* .winner_top > p strong::before { content: ""; position: absolute; display: block; bottom: 0; left: 0; right: 0; height: 9px; background: rgba(62,242,189,.2); } */ .winner_top > p strong::before { content: ""; position: absolute; display: block; top: -25px; left: -45px; width: 43px; height: 78px; background:url('/afevent/promotion/award2020/img/winner_title_obj_1.png') no-repeat 50% 50%; } .winner_top > p strong::after { content: ""; position: absolute; display: block; top: -25px; right: -45px; width: 43px; height: 78px; background:url('/afevent/promotion/award2020/img/winner_title_obj_2.png') no-repeat 50% 50%; } /* bj70 */ .visubox.visu_bj70, .visubox.visu_winner_new, .visubox.visu_winner_special, .visubox.visu_winner_revolution, .visubox.visu_winner_grand {height:310px; background:url('/afevent/promotion/award2020/img/visu_bg310.jpg') no-repeat center center;} .visu_bj70 .inn {background:url('/afevent/promotion/award2020/img/visu_bj70.png') no-repeat center center;} .visu_winner_grand .inn {background:url('/afevent/promotion/award2020/img/visu_winner_grand.png') no-repeat center center;} .visu_winner_new .inn {background:url('/afevent/promotion/award2020/img/visu_winner_new.png') no-repeat center center;} .visu_winner_special .inn {background:url('/afevent/promotion/award2020/img/visu_winner_special.png') no-repeat center center;} .visu_winner_revolution .inn {background:url('/afevent/promotion/award2020/img/visu_winner_revolution.png') no-repeat center center;} .loading {text-align:center; padding:112px 0;} .bjlist { margin:0 auto; padding-bottom: 36px; background:#f4f4f4; font-size: 0; text-align: center; } .bjlist .desc_text { padding: 0 0 45px 0; font-size: 20px; color:#1d1a34; text-align: center; letter-spacing: -1px;} .bjlist .desc_text em { color:#5f4ceb; } .bjlist .desc_text span {font-size: 18px; color: #535070;} .bjlist p.alert_text { font-size: 16px; margin: 0 110px 25px 0; color:#474747; text-align: right; } .bjlist.bltop, .bjlist.blnewbj, .bjlist.blspecial {padding:110px 0 0;} .bjlist.blspecial { padding:0px 0 110px;} .bjlist.bltop, .bjlist.blnewbj { padding-bottom: 50px; } .bjlist .inn { width: 1296px; min-width: 1024px; margin: 0 auto; } .bjlist.list5 .inn { width: 1044px; min-width: 1044px;} .bjlist ul { min-width:1024px; max-width:1296px; margin:0 auto ; padding:0;} .bjlist.blnewbj li .live { bottom: 156px; } .bjlist.blnewbj .inn { width: 1024px; } .bjlist.blnewbj li .bjbox .name { font-size: 18px; } .bjlist.blbj70 ul {padding:0 0 50px;} .bjlist ul:after {clear:both;content:"";display:block;} .bjlist li {position:relative; display: inline-block; margin:0 9px 56px; width:190px; vertical-align: top;} .bjlist li.ban:after {display: block;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('/afevent/promotion/award2020/img/layer_ban.png') no-repeat;z-index: 999} .bjlist.blspecial ul { width: 1200px; margin: auto; } .bjlist.blspecial li {margin:0 10px 20px; width:580px; height:436px;} .bjlist li .thum {display:block; position:relative; width:100%; height:172px; background:#fff;} .bjlist li .thum a { position: relative; display: block; height: 100%; } .bjlist li .thum .cnt {position: absolute; left: 0; right: 0; bottom: 0; height: 57px; padding: 32px 8px 0; font-size: 16px; color: #fff; vertical-align: top; text-align: right; line-height: 1.2; background: url('/afevent/promotion/award2020/img/bg_gradient_rv.png') no-repeat; letter-spacing: -.25px; box-sizing: border-box; } .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; height:54px; padding:18px 0 0 10px; background:#fff;} .bjlist li .bjbox a { display: block; text-align: left; } .bjlist.blspecial li .bjbox { height:60px; padding: 25px 104px 25px 25px; } .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: 16px; font-weight: 500; max-width: 150px; color: #0d0d0d; padding: 0 11px 0 0; display: inline-block; background: url('/afevent/promotion/award2019/img/arr_nick.gif') no-repeat right center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left;font-family: 'NG'; } .vote1_top + .bjlist li .bjbox .name{ max-width: 135px; } .bjlist li .bjbox .id {font-size:14px; color:#8d8d8d; display:block; text-align: left; } .bjlist li .play {position:absolute; right:10px; top:200px; z-index:22;} .bjlist li .play a {display:block; width:28px; height:28px; overflow:hidden; text-indent:-1111px; background:url('/afevent/promotion/award2020/img/play.png') no-repeat center;} /* .bjlist li .live { position: absolute; right: 0; top: 0; z-index: 22; display: block; width: 48px; height: 23px; font: 0/0 a; background: url('/afevent/promotion/award2020/img/live.gif'); } */ .bjlist li .live { position: absolute; left: 10px; top: 10px; z-index: 22; display: flex; align-items: center; justify-content: center; width: 48px; height: 23px; border-radius: 24px; background: rgba(254,15,15,.83); font-size: 14px; color: #fff; cursor: default; } .bjlist li a.vote {display:block; height:50px; overflow:hidden; font-size: 20px; background-color:#616161 ;} .bjlist li a.vote.fin { background-color:#177efe; cursor: default;} .bjlist li a.vote span { font-size: 20px; color: #fff; line-height: 50px; } .bjlist li a.vote span em {display: inline-block; width: 22px; height: 22px; margin-right: 5px; vertical-align: middle; margin-top: -2px; background: url('/afevent/promotion/award2020/img/btn_vote.png')} .bjlist li .vtitle {display:block; font-size:24px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight: bold;} .bjlist li .view { display: block; margin-top: 15px; font-size:16px; color:#7sdaw07070;font-family: 'NG',AppleGothic,sans-serif; } .bjlist li .category { position: absolute; left: 7px; bottom: 7px; height: 24px; line-height: 24px; font-size: 13px; padding:0 10px; border-radius:12px; color: #fff; font-family: 'NG'; } .category.e_sports { background-color: rgba(192,0,221,1); } /* e스포츠BJ */ .category.game_icon { background-color: rgba(96,86,255,1); } /* 게임마스터BJ */ .category.daily{ background-color: rgba(255,16,84,1); } /* 야외토크BJ */ .category.mobile_famous { background-color: rgba(156,67,13,1); } /* 모바일인기게임BJ(리니지M) */ .category.talk_male { background-color: rgba(109,0,243,1); } /* 토크BJ(남) */ .category.music { background-color: rgba(39,90,205,1); } /* 음악/댄스BJ */ .category.enter_female { background-color: rgba(27,59,162,1); } /* 게임엔터테이너(여) */ .category.talk_female { background-color: rgba(71,0,158,1); } /* 토크BJ(여) */ .category.food { background-color: rgba(43,108,255,1); } /* 먹방쿡방BJ */ .category.enter_male { background-color: rgba(35,1,240,1); } /* 게임엔터테이너(남) */ .category.variety_female { background-color: rgba(0,136,131,1); } /* 버라이어티BJ(여) */ .category.life { background-color: rgba(253,38,170,1); } /* 라이프BJ */ .category.game_pubg { background-color: rgba(243,166,0,1); } /* 인기게임BJ(배그) */ .category.variety_male { background-color: rgba(0,192,185,1); } /* 버라이어티BJ(남) */ .category.sports { background-color: rgba(12,92,49,1); } /* 스포츠일반 */ .category.sports_caster { background-color: rgba(12,174,88,1); } /* 스포츠BJ */ .category.mobile_total { background-color: rgba(0,24,255,.8); } /* 모바일종합게임BJ */ .category.game_total { background-color: rgba(207,0,108,1); } /* 종합게임BJ */ .category.game_lol { background-color: rgba(243,86,0,1); } /* 인기게임BJ(롤) */ .category.edutainment { background-color: rgba(64,201,37,1); } /* 에듀테인먼트BJ */ .category.unusual { background-color: rgba(61,54,169,1); } /* 이색현장BJ */ .category.edu_life { background-color: rgba(253,38,170,1); } /* 에듀라이프BJ */ .vote_part button {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .vote_part { position: fixed; right: 50%; bottom: 200px; z-index: 100; width: 62px; height: 71px; margin: 0 -610px 0 0; } .vote_part button { overflow: hidden; display: block; width: 100%; height: 100%; outline: none; background:url('/afevent/promotion/award2020/img/btn_vote_part.png') no-repeat; text-indent: -9999em; opacity: 1; } .vote_part button:hover { background:url('/afevent/promotion/award2020/img/btn_hover_vote_part.png') no-repeat; } .vote_part .vote_part_select { display: none; position: absolute; right: 0; bottom: 0; min-width: 218px; max-height: 400px; background-color: #fff; border: 1px solid #4a86ff; text-indent: 22px; } .vote_part .vote_part_select strong{ display: block; font-size: 18px; line-height: 39px; border-bottom: 1px solid #4a86ff; color: #4a86ff;} .vote_part .vote_part_select div { max-height: 360px; overflow-y: auto;} .vote_part .vote_part_select ul { padding: 5px 0; } .vote_part .vote_part_select ul li { } .vote_part .vote_part_select ul li a { display: block; line-height: 28px; font-size: 15px; color: #4a86ff; } .vote_part .vote_part_select ul li a.off { color: #9d9d9d; cursor: default; } .vote_part .vote_part_select ul li a:hover , .vote_part .vote_part_select ul li a.on { font-weight: bold; text-decoration: underline; } .vote_part .vote_part_select a.close { overflow: hidden; position: absolute; right: 10px; top: 12px; width: 15px; height: 15px; background:url('/afevent/promotion/award2020/img/btn_vote_close.png') no-repeat center; text-indent: -99999em; } .bjlist.blspecial li .vote a {position:absolute; right:18px; bottom:18px; width:86px; height:74px; overflow:hidden; text-indent:-1111px; background:url('/afevent/promotion/award2020/img/btn_vote_spe.gif');} .bjlist.blspecial li .vote.fin a { background:url('/afevent/promotion/award2020/img/btn_votefin_spe.gif');} .bjlist li.bjblank { background: url('/afevent/promotion/award2020/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;} .bjlist.winner li { margin: 0 9px 40px; } .bjlist.winner li .thum { padding-top: 35px; background: none; } .bjlist.winner li .thum .title { position: absolute; left: 0; top: 0; display: table; text-align: center; width: 100%; height: 35px; font-size: 16px; font-weight: 700; font-family: 'NG'; color: #000000; letter-spacing: -.6px; } .bjlist.winner li .thum .title > strong {display: table-cell;vertical-align: middle;} /*.bjlist.winner li .thum .title:after {position: absolute;left: 0;right:0;bottom:-14px;margin:auto;display: block;content:"";width:52px;height: 1px;background-color: #000;}*/ .bjlist.winner li .live { top: 45px; } .cheer_msg {margin-top:37px;text-align: center;font-size: 24px;color: #4a4a4a;} .cheer_msg a {display: block;box-sizing:border-box;width: 187px;height: 54px;line-height: 54px;margin: 20px auto 0 auto;border:1px solid #007eff;border-radius: 27px;} .cheer_msg a span {display:inline-block;padding-right:10px;position:relative;font-size: 20px;color: #007eff;font-weight: 700;} .cheer_msg a span:after {display: block; content: ""; position: absolute; right: 0; top:0; bottom: 0; margin:auto; width: 0; height: 0; border-left: 6px solid #007eff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;} .notice_wrap_bottom { padding: 45px 0 0; background-color: #e8e8ea; text-align: center; } .notice_wrap_bottom dl dt {font-size: 20px;font-weight: 800;color: #555555;margin-bottom: 15px;} .notice_wrap_bottom dl dd { position: relative; font-size: 15px; color: #5d5d5d; line-height: 26px; } .notice_wrap_bottom dl dd.sub_title {padding-left:0;padding-bottom: 5px;padding-top: 10px; font-size: 18px;color: #545454;font-weight: 600;} .notice_wrap_bottom dl dd.sub_title:before {display: none;} .ticket_notice_wrap dl {padding-left: 70px;} .ticket_notice_wrap dl dt:before {background: url('/afevent/promotion/award2020/img/icon_emp.png') no-repeat left center;} .ticket_notice_wrap dl dd {letter-spacing: -1px;} .bj70next {max-width:1920px; margin:0 auto; padding:30px 0 115px; text-align:center; font-size:20px; color:#999; background:#f1f1f1;} .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;} .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;} .bjlist.blrevolution ul {width:720px; margin:0 auto;} .obj_rev {position:absolute; left:50%; top:0; width:1024px; 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('/afevent/promotion/award2020/img/obj_rev.png') no-repeat center 0;} /* 프로그램 */ .sub_top.program_info_top { height: 289px; padding: 0; background: #fff url('/afevent/promotion/award2020/img/program_bg_1.jpg') no-repeat 50% 50%; } .program_about1 { height: 1043px; background: #f3f5ff url('/afevent/promotion/award2020/img/program_bg_2.jpg') no-repeat 50% 50%; } .program_about2 { height: 1020px; background: #222638 url('/afevent/promotion/award2020/img/program_bg_3.jpg') no-repeat 50% 50%; } .img_vote_add { display: block; margin: 0 auto -21px; text-align: center;} /* SUPPORT */ .support { height: 1192px; background:url('/afevent/promotion/award2020/img/support.jpg') no-repeat center 0; } .support a { overflow: hidden; text-indent: -9999em; position: absolute; top: 577px; left: 50%; margin-left: -162px; width: 324px; height: 35px; } /* layer_video */ .layer_vod , .layer_vod .player , .dim {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .layer_vod iframe { width: 100%; height: 100%; } .layer_vod { position: fixed; z-index: 1000; top: 100%; left: 0; right: 0;} .layer_vod .player { position: absolute; background-color: #000; top: 100%; bottom: 00%; left:30%; right: 30%; opacity: 0; z-index: 101;} .layer_vod .text { display: none !important; overflow: hidden; position: absolute; z-index: 100; top: 20%; left: 0; right: 0; margin: -50px auto 0; width: 473px; height: 30px; text-indent:-9999em; background:url('/afevent/promotion/award2020/img/teaser_text.png') no-repeat center; } .layer_vod .close { display: none; overflow: hidden; text-indent: -9999em; position: absolute; left: 100%; top: 0; width: 41px; height: 41px; margin-left: 15px; background:url('/afevent/promotion/award2020/img/teaser_close.png') no-repeat center; cursor: pointer;} .layer_vod.on { top: 0; bottom: 0; } .layer_vod.on .player { top: 20%; bottom: 20%; left:24%; right: 24%; opacity: 1; } .layer_vod.on .text, .layer_vod.on .close { display: block; } .layer_vod .text { } .layer_vod .dim { position: absolute; z-index: 1 !important;} .layer_vod.on .dim { display: block !important;} .dim { position: fixed; z-index: 400; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000)"; } /* VOTE */ .visu_vote_top .inn {background:url('/afevent/promotion/award2020/img/visu_vote_top.png') no-repeat center 60px;} .visu_vote_newbj .inn {background:url('/afevent/promotion/award2020/img/visu_vote_newbj.png') no-repeat center 50px;} .visu_vote_special .inn {background:url('/afevent/promotion/award2020/img/visu_vote_special.png') no-repeat center 60px;} .infobox {padding-bottom: 35px;text-align: center;} .infobox .ea {font-family: 'NanumSquare'; font-size: 24px; font-weight: 700; letter-spacing: -0.5px;} .infobox .ea em { display: inline-block; color: #333; margin-right: 5px;} .infobox .ea span { display: inline-block; color:#1f69ff; } .infobox p {font-size: 16px;color: #888;margin-top: 10px} .bjlist_special_tit {overflow:hidden; text-indent:-1111px; height:150px; background:url('/afevent/promotion/award2020/img/vote_text.png') no-repeat center;} /* 레이어 */ .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('/afevent/promotion/award2020/img/h3_silver.gif') no-repeat center center;} .layer.lay_myroulette h3 {background:#00dcb9 url('/afevent/promotion/award2020/img/h3_myroulette.gif') no-repeat center center;} .layer.lay_result_sorry h3 {background:#00dcb9 url('/afevent/promotion/award2020/img/h3_sorry.gif') no-repeat center center;} .layer.lay_result_cong h3 {background:#00dcb9 url('/afevent/promotion/award2020/img/h3_cong.gif') no-repeat center center;} .layer.lay_answer_good h3 {background:#00dcb9 url('/afevent/promotion/award2020/img/h3_good.gif') no-repeat center center;} .layer.lay_answer_wrong h3 {background:#00dcb9 url('/afevent/promotion/award2020/img/h3_wrong.gif') no-repeat center center;} .layer.lay_myawards h3 {background:#00dcb9 url('/afevent/promotion/award2020/img/h3_myawards.gif') no-repeat center center;} .layer.lay_ticket h3, .layer.lay_ticket2 h3 {background:#00dcb9 url('/afevent/promotion/award2020/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('/afevent/promotion/award2020/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('/afevent/promotion/award2020/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('/afevent/promotion/award2020/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('/afevent/promotion/award2020/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('/afevent/promotion/award2020/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: default; 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('/afevent/promotion/award2020/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('/afevent/promotion/award2020/img/good1.gif') no-repeat center 0;} .lay_result_cong .memo .good2 {background:url('/afevent/promotion/award2020/img/good2.gif') no-repeat center 0;} .lay_result_cong .memo .good3 {background:url('/afevent/promotion/award2020/img/good3.png') no-repeat center 0;} .lay_result_cong .memo .good4 {background:url('/afevent/promotion/award2020/img/good4.jpg') no-repeat center 0;} .lay_result_cong .memo .good5 {background:url('/afevent/promotion/award2020/img/good5.jpg') no-repeat center 0;} .lay_result_cong .memo .good6 {background:url('/afevent/promotion/award2020/img/good6.jpg') no-repeat center 0;} .lay_result_cong .memo .good7 {padding:135px 0 0; background:url('/afevent/promotion/award2020/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 {} .btn_vote_show { overflow: hidden; position: absolute; left: 110px; width: 131px; height: 37px; margin-top: -10px; background:url('/afevent/promotion/award2020/img/btn_vote_show.png') no-repeat center 0; text-indent: -9999em; outline: none; } .layer_vote_wrap {position:fixed; top:0; left:0; height:100%; width:100%; text-align:center; z-index: 400; } .layer_vote_wrap:after {display:inline-block; content:""; width:0; height:100%; vertical-align:middle; margin-left:-4px; } .layer_vote {position: relative; display: inline-block; vertical-align: middle; width: 786px; margin: 0 auto; z-index: 1000; background-color: #fff; border: 1px solid #b7b7b7; box-sizing: border-box; } .layer_vote_info {position:relative;padding:40px 0 30px 0;} .layer_vote_info:after {display: block;content: "";position:absolute;left:30px;right:30px;margin: auto;bottom:0;height: 1px;background-color: #e1e1e1;} .layer_vote_info h3 {margin-bottom:15px;font-size: 32px;font-weight: 700;color: #212121;font-family: 'NanumSquare';} .layer_vote_info p { font-size: 15px; color: #666; line-height: 20px; } .layer_vote_info .date { color: #2568ff; margin-top: 25px; letter-spacing: -.3px; } .layer_vote_footer { position: absolute; left: -1px; right: -1px; bottom: -1px; height: 52px; color: #fff; text-align: left; background-color: #3a3a3a; color: #fff; } .layer_vote_footer input { vertical-align: -2px; margin-right: 5px; } .layer_vote_footer div { line-height: 52px; text-indent: 15px; } .layer_vote .bj_list { overflow-y: auto; height: 587px; padding: 0 0 52px; box-sizing: border-box; } .layer_vote .bj_list img { display: block; width: 100%;} .layer_vote .input_msg {padding:59px 120px 0 120px;margin-bottom: 34px} .layer_vote .input_msg strong {display: block;font-size: 20px;color: #000;margin:0 0 15px 0;} .layer_vote .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;} .layer_vote .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; } .layer_vote .btn_cancel {position:absolute;right:10px;bottom:15px;display: block; padding-left: 20px; font-size:16px; color: #e3e3e3; background:url('/afevent/promotion/award2020/img/btn_layer_close2.png') no-repeat left center; } .layer_vote .btn_cancel2 { overflow: hidden; position:absolute;right:0;top:0;display: block; width: 66px;height: 57px; text-indent: -9999em; background:url('/afevent/promotion/award2020/img/evt/btn_layer_close.png') no-repeat center; } .layer_award_info{display:none;position:fixed;top:3%;left:0;right:0;width:768px;box-sizing:border-box;margin:0 auto;z-index:1000;background-color:#fff;font-family:'NanumSquare',AppleGothic,sans-serif;border:1px solid #b7b7b7} .layer_award_info .layer_contents{position:relative;height:100%} .layer_award_info_header{padding:50px 0 27px;position:relative} .layer_award_info_header:after{position:absolute;left:30px;bottom:0;display:block;content:"";width:708px;height:1px;background-color:#cecece} .layer_award_info_header h2{font-family:'NanumSquare',AppleGothic,sans-serif;font-size:32px;font-weight:800;text-align:center;color:#212121;letter-spacing:-1.5px;padding-bottom:50px} .layer_award_info_header dl{margin-left:50px;display:table} .layer_award_info_header dl:after{display:block;clear:both;content:""} .layer_award_info_header dl dt,.layer_award_info_header dl dd{font-family:'NanumSquare',AppleGothic,sans-serif;display:table-cell;vertical-align:middle} .layer_award_info_header dl dt{width:100px;font-size:20px;color:#5c5c5c;font-weight:700} .layer_award_info_header dl dd{position:relative;padding-left:20px} .layer_award_info_header dl dd p{position:relative;padding-left:8px;font-size:15px;color:#5c5c5c;line-height:26px;letter-spacing:-1px} .layer_award_info_header dl dd p:before{position:absolute;left:0;top:10px;display:block;content:"";width:6px;height:2px;vertical-align:middle;background-color:#c8c8c8} .layer_award_info_header dl dd p span{color:#ff309b} .layer_award_info_header dd:before{position:absolute;left:0;top:0;content:"";display:inline-block;width:1px;height:22px;background-color:#d5d5d5} .layer_award_info_header .list_date{margin-bottom:20px} .layer_award_info_header .list_buy dd:before{height:51px;top:10px} .layer_award_info_header .btn_wrap{position:static;text-align:center;font-size:0;padding-top:25px} .layer_award_info_header .btn_buy_sticker,.layer_award_info_header .btn_buy_ticketlink{display:inline-block;width:219px;height:60px;line-height:60px;text-align:center;margin:0 6px} .layer_award_info_header .btn_buy_sticker span,.layer_award_info_header .btn_buy_ticketlink span{display:inline-block;font-size:16px;color:#fff;vertical-align:middle} .layer_award_info_header .btn_buy_sticker span:after,.layer_award_info_header .btn_buy_ticketlink span:after{display:inline-block;vertical-align:middle;content:"";border:solid #fff;border-width:0 1px 1px 0;display:inline-block;padding:3px;margin-left:10px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} .layer_award_info_header .btn_buy_sticker{background-color:#f70192} .layer_award_info_header .btn_buy_ticketlink{background-color:#1363db} .layer_award_info .btn_close{display:block;width:61px;height:61px;position:absolute;right:0;top:0;font:0/0 a} .layer_award_info .btn_close:after{display:block;vertical-align:middle;content:"\00d7";font-size:45px;color:#656565;font-weight:100} .layer_award_info_cont{height:565px;overflow-y:auto} .layer_award_info_cont img{width:100%} .layer_award_info_cont .benefit{margin-top:95px;padding-bottom:100px;background:url(/afevent/promotion/award2020/img/layer_award_info_cont_benefit_bg.jpg) no-repeat center 87px} .layer_award_info_cont .benefit dl{text-align:center;padding:0 10px} .layer_award_info_cont .benefit dl:after{display:block;clear:both;content:""} .layer_award_info_cont .benefit dl dt{font-size:30px;letter-spacing:-1px;color:#393939;padding-bottom:299px} .layer_award_info_cont .benefit dl dd{float:left;width:33.333333%} .layer_award_info_cont .benefit dl dd p{font-size:18px;color:#393939;line-height:26px;letter-spacing:-.5px} .layer_award_info_cont .benefit dl .first p{margin-left:29px} .layer_award_info_cont .notice_wrap{padding:44px 49px 0;border-top:1px solid #ececec;background-color:#f9f9f9} .layer_award_info_cont .notice_wrap h3{display:block;font-size:24px;font-weight:700;font-family:'NanumSquare';color:#5c5c5c;padding-left:30px;margin-bottom:25px;background:url(/afevent/promotion/award2020/img/icon_emp.png) no-repeat left 1px} .layer_award_info_cont .notice_wrap dl:last-child{padding:27px 0 30px} .layer_award_info_cont .notice_wrap dl dt{margin-bottom:2px;font-size:18px;color:#5e5e5e} .layer_award_info_cont .notice_wrap dl dd{position:relative;font-size:16px;color:#898989;line-height:27px;padding-left:10px} .layer_award_info_cont .notice_wrap dl dd:before{position:absolute;left:0;top:12px;display:block;content:"";width:6px;height:2px;vertical-align:middle;background-color:#c8c8c8} /* .notice_evt { padding-bottom: 60px !important; } */ .teaser_bg_vod { position: fixed; top: 0; left: 0; right: 0; bottom: 0;} .teaser_bg_vod .fade, .slick-list { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;} .teaser_bg_vod .fade button {display: none !important;} .teaser_bg_vod .fade .slide_img { position: fixed !important; top: 0; left: 0 !important; right: 0; bottom: 0 !important; height: 1080px; -webkit-animation-name: slide_ani; animation-name: slide_ani; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; } .teaser_bg_vod .fade .slide_img:nth-child(1) {background: url('/afevent/promotion/award2020/img/teaser_bg_img.jpg') no-repeat;} .teaser_bg_vod .fade .slide_img:nth-child(2) {background: url('/afevent/promotion/award2020/img/teaser_bg_img_2.jpg') no-repeat;} @keyframes slide_ani { 0% { transform:scale(1); } 100% { transform:scale(1.05); } } .teaser .teaser_bg_obj_l { position:absolute; z-index: 1; bottom: 0; top:0; left: 0; width:50%; background:url('/afevent/promotion/award2020/img/teaser_bg_obj_l.png') center center; background-size:cover; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .teaser .teaser_bg_obj_r { position:absolute; z-index: 1; bottom: 0;top:0; right: 0;width:50%;background:url('/afevent/promotion/award2020/img/teaser_bg_obj_r.png') center center; background-size:cover; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* h2 ani */ @keyframes fadeInUp { 0% {opacity: 0; transform: translateY(20px); } 100% {opacity: 1; transform: translateY(0); } } /* teaser_bg_obj_l ani */ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /* teaser_bg_obj_r ani */ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInTest { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } /*입장권구매*/ .ticket_wrap {padding-top: 100px; background-color: #f3f3f3;} .ticket_wrap h3 {font-family: 'NanumSquare';font-size: 36px;font-weight: 700;text-align: center;color: #000;letter-spacing: -1px;} .ticket_wrap .schedule_wrap {text-align: center;padding-bottom: 100px;} .ticket_wrap .schedule_wrap dl {display: inline-block;font-size:0;padding-top: 40px;} .ticket_wrap .schedule_wrap dl dt, .ticket_wrap .schedule_wrap dl dd {display: inline-block;font-weight: 700;vertical-align: middle;} .ticket_wrap .schedule_wrap dl dt {color: #ff1c82;font-size:20px;margin-top: -2px;} .ticket_wrap .schedule_wrap dl dt:before {display: inline-block;content: "";margin-right: 10px;margin-left: 22px; width: 4px;height: 4px;vertical-align: middle;background-color: #ff1c82;} .ticket_wrap .schedule_wrap dl dt:first-child {color: #1c71ff;margin-left: 0} .ticket_wrap .schedule_wrap dl dt:first-child:before {background:#1c71ff;} .ticket_wrap .schedule_wrap dl dd {font-size:22px;padding-left: 10px;color: #515151;} .ticket_wrap .schedule_wrap dl dd:before {display: inline-block;content: "";margin-right: 10px;margin-top: -3px; width: 1px;height: 15px;vertical-align: middle;background-color: #bfbfbf;} .ticket_wrap .schedule_wrap .text_notice {margin-top: 20px;text-align: center;font-size: 18px;color: #818181;} .ticket_wrap .seat_wrap {padding-bottom: 100px;} .ticket_wrap .seat_wrap .image_wrap {width:960px;height:385px;margin:45px auto 0 auto;background:url(/afevent/promotion/award2020/img/seat_map.jpg) no-repeat center} .ticket_wrap .seat_wrap dl {font-size: 0;padding-left: 15px;padding-top: 30px;} .ticket_wrap .seat_wrap dl dt, .ticket_wrap .seat_wrap dl dd {display: inline-block;color: #ff2162;} .ticket_wrap .seat_wrap dl dt {font-size: 26px;font-weight: 700;} .ticket_wrap .seat_wrap dl dt:before {display: inline-block;content: "";margin-right: 10px;margin-left: 22px; width: 9px;height: 9px;vertical-align: middle;background-color: #ff2162;} .ticket_wrap .seat_wrap dl dd {font-size: 22px;} .ticket_wrap .seat_wrap dl dt:first-child:before {background-color: #0080ff;} .ticket_wrap .seat_wrap dl dt:first-child, .ticket_wrap .seat_wrap dl dd:nth-child(2){color: #0080ff;} .ticket_wrap .buy_wrap {padding-bottom: 100px;} .ticket_wrap .buy_wrap .text_desc {text-align: center;font-size: 18px;color: #515151;margin-top: 20px;} .ticket_wrap .buy_wrap .text_noti {font-size: 18px;color: #ff3c4e;margin-top: 5px;} .ticket_wrap .buy_wrap .buy_r, .ticket_wrap .buy_wrap .buy_s {background-color: #fff;} .ticket_wrap .buy_wrap .buy_r {margin-top: 40px;} .ticket_wrap .buy_wrap .buy_r .info {border-bottom: 2px solid #f1f1f1;} .ticket_wrap .buy_wrap .buy_r .info:after {display: block;content: "";clear: both;} .ticket_wrap .buy_wrap .buy_r .info h4 {float:left;height: 119px;line-height: 98px;width:120px;text-align:center; font-family: 'NanumSquare';font-size: 40px;font-weight: 800;color: #0080ff;} .ticket_wrap .buy_wrap .buy_r .info dl {} .ticket_wrap .buy_wrap .buy_r .info dl:nth-child(2) {padding-top: 26px; padding-bottom: 6px} .ticket_wrap .buy_wrap .buy_r .info dl dt {display: inline-block; font-size: 18px;font-weight: 800;color: #5c5c5c;} .ticket_wrap .buy_wrap .buy_r .info dl dd {display: inline-block; font-size: 18px;color:#5c5c5c;} .ticket_wrap .buy_wrap .buy_r .seat_select {} .ticket_wrap .buy_wrap .buy_r .seat_select:after {display: block;content: "";clear: both;} .ticket_wrap .buy_wrap .buy_r .seat_select > div {float: left;position:relative;width: 50%;padding-top: 40px;padding-bottom: 45px; text-align: center;font-size: 0} .ticket_wrap .buy_wrap .buy_r .seat_select .title {display: block;font-size: 26px;color: #202020;margin-bottom: 30px;} .ticket_wrap .buy_wrap .buy_r .seat_select a {display: inline-block;text-align: center;height: 62px;line-height: 62px;background-color: #0080ff;vertical-align: top;} .ticket_wrap .buy_wrap .buy_r .seat_select a span {font-size: 24px;color: #fff;} .ticket_wrap .buy_wrap .buy_r .seat_select a span:after {display: inline-block;content: "";vertical-align: middle;margin-left: 15px;margin-top: -2px; width: 0; height: 0; border-left: 7px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .ticket_wrap .buy_wrap .buy_r .seat_select .cash:after {display: block;content: "";width: 1px;background-color:#ececec;position: absolute;right: 0;top: 15px;bottom:15px;} .ticket_wrap .buy_wrap .buy_r .seat_select .cash a {width:130px;margin:0 6px; background-color: #0080ff;} .ticket_wrap .buy_wrap .buy_r .seat_select .sticker a {width:230px;margin:0 6px; background-color: #0080ff;} .ticket_wrap .buy_wrap .buy_r .seat_select a.disabled span {font-size: 18px} .ticket_wrap a.disabled {background-color: #aaaaaa !important;color: #e5e5e5 !important;cursor: default !important} .ticket_wrap a.disabled span:after {display: none !important} .ticket_wrap .buy_wrap .buy_s {margin-top: 27px;position: relative;} .ticket_wrap .buy_wrap .buy_s .info:after {display: block;content: "";clear: both;} .ticket_wrap .buy_wrap .buy_s .info h4 {float:left;height: 120px;line-height: 120px;width:120px;text-align:center; font-family: 'NanumSquare';font-size: 40px;font-weight: 800;color: #ff2162;} .ticket_wrap .buy_wrap .buy_s .info dl {padding-top: 32px;} .ticket_wrap .buy_wrap .buy_s .info dl dd {display: inline-block;line-height: 28px; font-size: 18px;color:#5c5c5c;} .ticket_wrap .buy_wrap .buy_s .btn_wrap {position:absolute;right:141px;top:0;bottom: 0;margin:auto;height: 62px;} .ticket_wrap .buy_wrap .buy_s .btn_wrap a {display: block;width:230px;text-align: center;height: 62px;line-height: 62px;background-color: #ff2162;} .ticket_wrap .buy_wrap .buy_s .btn_wrap a span {font-size: 24px;color: #fff;} .ticket_wrap .buy_wrap .buy_s .btn_wrap a span:after {display: inline-block;content: "";vertical-align: middle;margin-left: 15px;margin-top: -2px; width: 0; height: 0; border-left: 7px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .ticket_wrap .buy_wrap .text_notice {margin-top:30px;font-size: 18px;color: #ff3c4e;text-align: center;} .ticket_wrap .benefit_wrap{} .ticket_wrap .benefit_wrap dl{text-align:center;padding:65px 10px 150px 10px} .ticket_wrap .benefit_wrap dl:after{display:block;clear:both;content:""} .ticket_wrap .benefit_wrap dl dd{float:left;width:33.333333%} .ticket_wrap .benefit_wrap dl dd:before{display: block;content: "";width: 186px;height: 186px;margin:0 auto 35px auto;} .ticket_wrap .benefit_wrap dl dd:nth-child(2):before{background:url(/afevent/promotion/award2020/img/benefit_1.png) no-repeat center} .ticket_wrap .benefit_wrap dl dd:nth-child(3):before{background:url(/afevent/promotion/award2020/img/benefit_2.png) no-repeat center} .ticket_wrap .benefit_wrap dl dd:nth-child(4):before{background:url(/afevent/promotion/award2020/img/benefit_3.png) no-repeat center} .ticket_wrap .benefit_wrap dl dd p{font-size:18px;color:#393939;line-height:26px;letter-spacing:-.5px} /* 부문별 올해의 수상 */ .sectbox { padding: 0 0 169px; background: #f4f4f4; } .sectbox .inn { width: 1000px; } .sectbox .sect { position: relative; margin-bottom: 25px; } .sectbox .sect:last-of-type { margin-bottom: 0; } .sectbox .sect .title { display: block; padding: 15px 35px 15px; border-radius: 5px 5px 0 0; font-size: 22px; color: #fff; } .sectbox .sect .title em { font-weight: normal; font-size: 16px; } .sectbox .sect .no_data { display: none; } .sectbox .sect .thum { overflow: hidden; width: 80px; height: 80px; border-radius: 50%; } .sectbox .sect .live { position: absolute; top: 8px; left: -5px; padding: 3px 9px; border-radius: 10px; background: rgba(254,15,15,.8); font-weight: bold; font-size: 14px; color: #fff; } .sectbox .sect .bj_detail { overflow: hidden; position: relative; display: flex; align-items: center; flex-direction: row; height: 195px; padding: 0 50px; border-bottom: 1px solid #e7e7e7; background: #fff; } .sectbox .sect .bj_detail .thum { width: 156px; height: 156px; } .sectbox .sect .bj_detail a { position: relative; } .sectbox .sect .bj_detail .info { display: flex; flex-direction: column; justify-content: space-around; width: 100%; height: 100%; margin-left: 25px; } .sectbox .sect .bj_detail .info .nickname { font-weight: bold; font-size: 24px; color: #222; letter-spacing: -.2px; line-height: 1; } .sectbox .sect .bj_detail .info .nickname em { font-weight: normal; font-size: 18px; color: #999; } .sectbox .sect .bj_detail .info .message { position: relative; } .sectbox .sect .bj_detail .info .message strong { display: inline-block; margin-bottom: 9px; font-size: 16px; color: #232323; letter-spacing: -.4px; line-height: 1; } .sectbox .sect .bj_detail .info .message strong em { font-weight: normal; font-size: 14px; color: #666; } /* .sectbox .sect .bj_detail .info .message strong em i { text-decoration: underline; font-weight: bold; color: #257cff; } */ .sectbox .sect .bj_detail .info .message input { width: 100%; height: 45px; padding: 0 112px 0 20px; border: 1px solid #e1e1e1; border-radius: 5px; box-sizing: border-box; } .sectbox .sect .bj_detail .info .message .submit_btn { position: absolute; bottom: 0; right: 0; width: 100px; height: 45px; border-radius: 0 5px 5px 0; background: #4e4e4e; font-weight: bold; font-size: 18px; color: #fff; letter-spacing: -.4px; } .sectbox .sect .bj_detail .info .message input::placeholder { color: #b2b2b2; } .sectbox .sect .bj_detail.on { display: flex; } .sectbox .sect .bj_detail .close_btn { position: absolute; top: 30px; right: 30px; width: 22px; height: 22px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath fill-rule='evenodd' fill='%23999' d='M22.008 1.181l-9.929 9.929 9.688 9.688-1.209 1.21-9.689-9.688-9.073 9.073-1.189-1.189 9.073-9.073-9.688-9.689L1.202.233l9.688 9.688 9.929-9.929 1.189 1.189z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; font: 0/0 a; } .sectbox .sect .bj_list { position: relative; display: flex; justify-content: center; align-items: center; height: 162px; padding: 0 60px 0; border-radius: 0 0 5px 5px; background: #fff; } .sectbox .sect .bj_list li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 20%; } .sectbox .sect .bj_list li a { position: relative; } .sectbox .sect .bj_list li a .live { top: 0; left: -10px; } .sectbox .sect .bj_list li a::before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 80px; height: 80px; border-radius: 50%; background:url(/afevent/promotion/award2020/img/sect_bj_hover.png) no-repeat center; transition: all .2s ease-in; opacity: 0; } .sectbox .sect .bj_list li a::after { content: ""; position: absolute; display: none; top: 0; left: 0; width: 80px; height: 80px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='38' height='27'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M37.361 4.399L15.917 26.121c-.264.267-.586.439-.931.538-.995.545-2.26.404-3.1-.447L.751 14.933c-1.025-1.039-1.025-2.722 0-3.76 1.025-1.038 2.687-1.038 3.711 0l9.394 9.516L33.649.639c.912-.923 2.481-.829 3.506.209s1.117 2.628.206 3.551z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size: 38px 27px; } .sectbox .sect .bj_list li a:hover::before, .sectbox .sect .bj_list li.on a::before { opacity: 1; } .sectbox .sect .bj_list li.on a::after { display: block; } .sectbox .sect .bj_list li .nickname { margin-top: 13px; font-family: 'NG'; font-size: 14px; color: #333; letter-spacing: -.4px; line-height: 1.2; } .sectbox .sect.e_sports .title { background-color: rgba(192,0,221,1); } /* e스포츠BJ */ .sectbox .sect.game_icon .title { background-color: rgba(96,86,255,1); } /* 게임마스터BJ */ .sectbox .sect.daily .title { background-color: rgba(255,16,84,1); } /* 야외토크BJ */ .sectbox .sect.mobile_famous .title { background-color: rgba(156,67,13,1); } /* 모바일인기게임BJ(리니지M) */ .sectbox .sect.talk_male .title { background-color: rgba(109,0,243,1); } /* 토크BJ(남) */ .sectbox .sect.music .title { background-color: rgba(39,90,205,1); } /* 음악/댄스BJ */ .sectbox .sect.enter_female .title { background-color: rgba(27,59,162,1); } /* 게임엔터테이너(여) */ .sectbox .sect.talk_female .title { background-color: rgba(71,0,158,1); } /* 토크BJ(여) */ .sectbox .sect.food .title { background-color: rgba(43,108,255,1); } /* 먹방쿡방BJ */ .sectbox .sect.enter_male .title { background-color: rgba(35,1,240,1); } /* 게임엔터테이너(남) */ .sectbox .sect.variety_female .title { background-color: rgba(0,136,131,1); } /* 버라이어티BJ(여) */ .sectbox .sect.life .title { background-color: rgba(253,38,170,1); } /* 라이프BJ */ .sectbox .sect.game_pubg .title { background-color: rgba(243,166,0,1); } /* 인기게임BJ(배그) */ .sectbox .sect.variety_male .title { background-color: rgba(0,192,185,1); } /* 버라이어티BJ(남) */ .sectbox .sect.sports .title { background-color: rgba(12,92,49,1); } /* 스포츠일반 */ .sectbox .sect.sports_caster .title { background-color: rgba(12,174,88,1); } /* 스포츠BJ */ .sectbox .sect.mobile_total .title { background-color: rgba(0,24,255,.8); } /* 모바일종합게임BJ */ .sectbox .sect.game_total .title { background-color: rgba(207,0,108,1); } /* 종합게임BJ */ .sectbox .sect.game_lol .title { background-color: rgba(243,86,0,1); } /* 인기게임BJ(롤) */ .sectbox .sect.edutainment .title { background-color: rgba(64,201,37,1); } /* 에듀테인먼트BJ */ .sectbox .sect.unusual .title { background-color: rgba(61,54,169,1); } /* 이색현장BJ */ .sectbox .sect.edu_life .title { background-color: rgba(253,38,170,1); } /* 에듀라이프BJ */ .sectbox .sect.not_open { width: 100%; height: 214px; border-radius: 5px; background: #dbdbdb; } .sectbox .sect.not_open p { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; font-weight: bold; font-size: 28px; color: #333; letter-spacing: -.4px; } .sectbox .sect.not_open p span { font-weight: normal; font-size: 22px; color: #666; letter-spacing: -.2px; } .sectbox .sect.not_open .title, .sectbox .sect.not_open .bj_detail, .sectbox .sect.not_open .bj_list { display: none; } /* // 부문별 올해의 수상 */ /* BJ대상 투표 */ .total_box { position: relative; width: 1024px; height: 60px; margin: 0 auto; padding-bottom: 14px; border-bottom: 1px solid #ccc; box-sizing: border-box; } .total_box .btn_state { position: absolute; top: 0; left: 0; padding: 11px 30px 11px 22px; border: 1px solid #b3b3b3; border-radius: 43px; background: #f4f4f4; font-weight: 600; font-size: 16px; color: #333; letter-spacing: -.4px; z-index: 10; } .total_box .btn_state::after { content: ""; position: absolute; top: 17px; right: 20px; display: inline-block; width: 5px; height: 9px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9'%3e%3cpath fill-rule='evenodd' fill='%23999' d='M4.998 4.499l-5.008 4.5V0l5.008 4.499z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; } .total_box p { position: absolute; top: 0; bottom: 14px; left: 0; right: 0; text-align: right; letter-spacing: -.4px; } .total_box .ea { position: absolute; top: 0; right: 0; font-size: 16px; color: #444; } .total_box .ea .count { font-weight: 800; font-size: 24px; color: #333; } .total_box p > em { position: absolute; bottom: 0; right: 0; width: 190px; font-size: 14px; color: #999; } .bjlist .bj_box { position: relative; } .bjlist .bj_box .title { display: block; padding: 0 10px 15px; text-align: left; font-weight: 700; font-size : 24px; color: #212121; } .bjlist .bj_box .title .ico_flag { position: relative; display: inline-block; width: 18px; height: 24px; margin-right: 8px; padding-top: 15px; background: transparent; box-sizing: border-box; vertical-align: top; } .bjlist .bj_box .title .ico_flag::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 8px solid #eee; border-left: 9px solid transparent; border-right: 9px solid transparent; } .bjlist .bj_box .title .ico_flag.e_sports { background-color: rgba(192,0,221,1); } /* e스포츠BJ */ .bjlist .bj_box .title .ico_flag.game_icon { background-color: rgba(96,86,255,1); } /* 게임마스터BJ */ .bjlist .bj_box .title .ico_flag.daily { background-color: rgba(255,16,84,1); } /* 야외토크BJ */ .bjlist .bj_box .title .ico_flag.mobile_famous { background-color: rgba(156,67,13,1); } /* 모바일인기게임BJ(리니지M) */ .bjlist .bj_box .title .ico_flag.talk_male { background-color: rgba(109,0,243,1); } /* 토크BJ(남) */ .bjlist .bj_box .title .ico_flag.music { background-color: rgba(39,90,205,1); } /* 음악/댄스BJ */ .bjlist .bj_box .title .ico_flag.enter_female { background-color: rgba(27,59,162,1); } /* 게임엔터테이너(여) */ .bjlist .bj_box .title .ico_flag.talk_female { background-color: rgba(71,0,158,1); } /* 토크BJ(여) */ .bjlist .bj_box .title .ico_flag.food { background-color: rgba(43,108,255,1); } /* 먹방쿡방BJ */ .bjlist .bj_box .title .ico_flag.enter_male { background-color: rgba(35,1,240,1); } /* 게임엔터테이너(남) */ .bjlist .bj_box .title .ico_flag.variety_female { background-color: rgba(0,136,131,1); } /* 버라이어티BJ(여) */ .bjlist .bj_box .title .ico_flag.life { background-color: rgba(253,38,170,1); } /* 라이프BJ */ .bjlist .bj_box .title .ico_flag.game_pubg { background-color: rgba(243,166,0,1); } /* 인기게임BJ(배그) */ .bjlist .bj_box .title .ico_flag.variety_male { background-color: rgba(0,192,185,1); } /* 버라이어티BJ(남) */ .bjlist .bj_box .title .ico_flag.sports { background-color: rgba(12,92,49,1); } /* 스포츠일반 */ .bjlist .bj_box .title .ico_flag.sports_caster { background-color: rgba(12,174,88,1); } /* 스포츠BJ */ .bjlist .bj_box .title .ico_flag.mobile_total { background-color: rgba(0,24,255,.8); } /* 모바일종합게임BJ */ .bjlist .bj_box .title .ico_flag.game_total { background-color: rgba(207,0,108,1); } /* 종합게임BJ */ .bjlist .bj_box .title .ico_flag.game_lol { background-color: rgba(243,86,0,1); } /* 인기게임BJ(롤) */ .bjlist .bj_box .title .ico_flag.edutainment { background-color: rgba(64,201,37,1); } /* 에듀테인먼트BJ */ .bjlist .bj_box .title .ico_flag.unusual { background-color: rgba(61,54,169,1); } /* 이색현장BJ */ .bjlist .bj_box .title .ico_flag.edu_life { background-color: rgba(253,38,170,1); } /* 에듀라이프BJ */ .bjlist .bj_box ul { text-align: left; } .bjlist .bj_box ul li { } .bjlist .bj_box ul li a.vote { text-align: center; } .infobox {padding-bottom: 35px;text-align: center;} .infobox .ea {font-family: 'NanumSquare'; font-size: 24px; font-weight: 700; letter-spacing: -0.5px;} .infobox .ea em { display: inline-block; color: #333; margin-right: 5px;} .infobox .ea span { display: inline-block; color:#1f69ff; } .infobox p {font-size: 16px;color: #888;margin-top: 10px} /* // BJ대상 투표 */