@charset "utf-8";body { font-family:'NotoSansR'; } 
.event_hiphop2 { padding-top:160px } 
.event_hiphop2 .contents { max-width:1280px; margin:0 auto } 
.event_hiphop2 .contents .fixed_head { height:190px; } 
.event_hiphop2 .contents .fixed_head.on .fixed_inner { z-index:10; position:fixed; left:50%; top:109px; width:1280px; margin-left:-640px } 
.event_hiphop2 .contents .tab_menu { display:flex } 
.event_hiphop2 .contents .tab_menu li { width:50% } 
.event_hiphop2 .contents .tab_menu li a { display:flex; align-items: center; justify-content: center; width:100%; height:100px; font-family:'GmarketSansL'; font-size:26px; border:1px solid #dadada; background:#fff } 
.event_hiphop2 .contents .tab_menu li a.on { border:0; font-family:'GmarketSansB'; color:#fff; background-color:#ec008c } 

.event_hiphop2 .contents .bar_banner img { width:100% } 
.event_hiphop2 .contents .section_kv img { width:100% } 
.event_hiphop2 .contents .section_video { position:relative; padding-top:56% } 
.event_hiphop2 .contents .section_video iframe { position: absolute; left:0; top:0; width:100%; height:100%; } 
.event_hiphop2 .contents .section_event { padding: 100px 90px 90px; background:url('/static/img/event/hiphop2/section_bg.jpg') no-repeat } 

.event_hiphop2 .contents .section_event .quiz_box { display:flex; background:#fff } 
.event_hiphop2 .contents .section_event .quiz_box .col { width:50%; padding:53px 6.8% 60px } 
.event_hiphop2 .contents .section_event .quiz_box .col + .col { border-left:1px solid #dadada } 
.event_hiphop2 .contents .section_event .quiz_box .col .question { text-align:center; padding:20px 10px; border:3px solid #ec008c } 
.event_hiphop2 .contents .section_event .quiz_box .col .question dt { color:#fff; font-family:'MontserratL'; font-size:20px; line-height:26px; display:inline-block; border-radius:26px; padding:0 7px; background:#ec008c } 
.event_hiphop2 .contents .section_event .quiz_box .col .question dt span { font-family:'MontserratB'; } 
.event_hiphop2 .contents .section_event .quiz_box .col .question dd { color:#ec008c; font-family:'GmarketSansM'; font-size:26px; line-height:36px; letter-spacing: -0.05em; margin-top:14px } 

.event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) .question { border:3px solid #0444ff } 
.event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) .question dt { background:#0444ff } 
.event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) .question dd { color:#0444ff; } 

.event_hiphop2 .contents .section_event .quiz_box .col .q_tit { color:#333; font-family:'NotoSansR'; font-size:30px; line-height: 36px; letter-spacing: -0.05em; text-align: center; margin-top:42px } 
.event_hiphop2 .contents .section_event .quiz_box .col .q_box { margin-top:9px; font-size: 0; } 
.event_hiphop2 .contents .section_event .quiz_box .col .q_box img { width:100% } 


.event_hiphop2 .contents .section_event .quiz_box .col .answer_list { text-align: center; margin-top:16px } 
.event_hiphop2 .contents .section_event .quiz_box .col li { position: relative } 
.event_hiphop2 .contents .section_event .quiz_box .col li input { position:absolute; left:-9999px; width:0; height:0; } 
.event_hiphop2 .contents .section_event .quiz_box .col li label { cursor:pointer; position:relative; display:inline-block; font-family:'NotoSansL'; font-size:22px; line-height: 30px; letter-spacing: -0.06em; padding:10px 20px 14px; border-bottom:1px solid #c7c7c7 } 
.event_hiphop2 .contents .section_event .quiz_box .col li label::before { content:''; display:inline-block; width:30px; height:30px; vertical-align: middle; margin-right:15px; background-image:url('/static/img/event/hiphop2/icon_chk.png'); background-repeat:no-repeat; background-size:100% auto } 
.event_hiphop2 .contents .section_event .quiz_box .col:nth-child(1) li input:checked + label::before { background-image:url('/static/img/event/hiphop2/icon_chk_red.png'); } 
.event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) li input:checked + label::before { background-image:url('/static/img/event/hiphop2/icon_chk_blue.png'); } 

.event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) .answer_list { margin-top:90px } 
.event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) li label { padding:10px 45px 14px } 


.event_hiphop2 .contents .section_event .info_title { display:flex; align-items: center; justify-content: center; height:80px; color:#ec008c; font-family:'GmarketSansM'; font-size:30px; border:1px solid #ec008c; margin-top:100px } 

.event_hiphop2 .contents .section_event .info_area { display:flex; flex-wrap: wrap; margin-top:84px } 
.event_hiphop2 .contents .section_event .info_area dl { display:flex; align-items: center; width:100%; margin-bottom:10px } 
.event_hiphop2 .contents .section_event .info_area dl:nth-child(1),
.event_hiphop2 .contents .section_event .info_area dl:nth-child(2) { width:50% } 
.event_hiphop2 .contents .section_event .info_area dl:nth-child(2) dt { min-width:225px; padding-left:65px } 
.event_hiphop2 .contents .section_event .info_area dl dt { min-width:163px; color:#fff; font-family:'NotoSansM'; font-size:22px } 
.event_hiphop2 .contents .section_event .info_area dl dd { width:100% } 
.event_hiphop2 .contents .section_event .info_area dl dd input { width:100%; height:80px; color:#333; font-size:20px; padding-left:30px; } 
.event_hiphop2 .contents .section_event .info_area dl dd input::placeholder { color:#b8b8b8; font-family:'NotoSansR'; } 

.event_hiphop2 .contents .section_event .info_area dl dd.type_btn { display:flex } 
.event_hiphop2 .contents .section_event .info_area dl dd.type_btn .btn { padding-left:10px } 
.event_hiphop2 .contents .section_event .info_area dl dd.type_btn .btn a { display:flex; align-items: center; justify-content: center; width:180px; height:80px; color:#fff; font-size:24px; background:#444444; } 

.event_hiphop2 .contents .section_event .privacy_area { overflow:auto; max-height:348px; color:#666; font-size:18px; line-height: 34px; margin-top:60px; padding:35px 40px; background:#dadada } 
.event_hiphop2 .contents .section_event .privacy_area .tit { color:#333; font-size:22px } 


.event_hiphop2 .contents .section_event .pri_chk { color:#fff; font-size:20px; line-height:32px; margin-top:20px } 
.event_hiphop2 .contents .section_event .pri_chk input { width:30px; height:30px; border:1px solid #dadada; background:#fff; vertical-align: middle; margin-right:20px; appearance: checkbox; -webkit-appearance: checkbox; } 
.event_hiphop2 .contents .section_event .pri_chk label { vertical-align: middle; } 
.event_hiphop2 .contents .section_event .btn_confirm { display:block; width:288px; height:82px; line-height:87px; color:#fff; font-family:'GmarketSansM'; font-size:30px; text-align:center; border-radius:82px; margin:100px auto 0; background:#ec008c } 

.event_hiphop2 .contents .share_area { display: flex; justify-content: space-between; padding:50px; background:#f7f7f7 } 
.event_hiphop2 .contents .share_area .btn_download { position:relative; display:block; height:65px; line-height:65px; color:#333; font-family:'GmarketSansM'; font-size:25px; letter-spacing: -0.025em; padding:0 67px 0 30px; border-radius: 65px; border:1px solid #c7c7c7 } 
.event_hiphop2 .contents .share_area .btn_download::after { content:''; display:block; position:absolute; right:32px; top:50%; width:16px; height:21px; margin-top:-13px; background:url('/static/img/event/hiphop2/icon_download.png') no-repeat } 
.event_hiphop2 .contents .share_area .btn_download span { color:#ec008c } 
.event_hiphop2 .contents .share_area .share { display: flex; align-items: center; } 
.event_hiphop2 .contents .share_area .share dt { color:#333; font-family: 'NotoSansM'; font-size:24px; letter-spacing: -0.04em; margin-right:10px } 
.event_hiphop2 .contents .share_area .share dd { margin-left:10px } 

.event_hiphop2 .contents .section_event1 img { width:100% } 
.event_hiphop2 .contents .section_event1 .btn { display:block; width:100%; text-align:center } 
.event_hiphop2 .contents .section_event1 .btn img { width:auto; } 

.event_hiphop2 .contents .section_other { position:relative; } 
.event_hiphop2 .contents .section_other img { width:100% } 
.event_hiphop2 .contents .section_other .btn { position:absolute; left:7.03%; right:7.03%; bottom:10.5%; } 
.event_hiphop2 .contents .section_other .btn a { display:block; width:48.09% } 
.event_hiphop2 .contents .section_other .btn a:last-child { position:absolute; right:0; bottom:0; } 

.event_hiphop2 .event_notice { margin-top:150px; padding:40px 40px 0; border-top:1px solid #dadada } 
.event_hiphop2 .event_notice .inner { max-width:1280px; margin:0 auto } 
.event_hiphop2 .event_notice .inner .tit { color:#333; font-family:'NotoSansM'; font-size:24px } 
.event_hiphop2 .event_notice .inner ul { margin-top:20px } 
.event_hiphop2 .event_notice .inner ul li { color:#666; font-family:'NotoSansL'; font-size:17px; line-height:32px; padding-left:10px; text-indent:-10px; } 

/* winner popup */
#dimLayer {position:fixed;left:0;right:0;top:0;bottom:0;background:rgb(0,0,0);z-index: 100;opacity:0.5;overflow-x:hidden;/* overflow-y:scroll; *//* padding-right:17px; */visibility:hidden;} 
#popup_winner {width: 500px;width: 100%;height: 100vh;position: fixed;bottom: 0px;top: 0;/* left: calc(50% - 250px); */overflow: visible;z-index: 101;} 
#popup_winner .layer_cont {position: relative;width: 500px;left: calc(50% - 250px);height: calc(100% - 210px);margin-top: 90px;background:#fff;} 
#popup_winner .layer_cont .tit_box { color:#fff; font-family:'GmarketSansM'; font-size:35px; height: 100px; background: #ec008c; display: flex; align-items: center; justify-content: center; } 
#popup_winner .layer_cont .scroll_box {overflow-y: scroll;height: calc(100% - 100px);padding: 40px 30px;} 
#popup_winner .layer_cont .pord_box{margin-top: 40px;}
#popup_winner .layer_cont .pord_box:first-child{margin-top:0;}
#popup_winner .layer_cont .pord_box p.goods { color:#ec008c; font-family:'GmarketSansM'; font-size:25px; } 
#popup_winner .layer_cont .pord_box p.goods.blue { color:#0444ff; } 
#popup_winner .layer_cont .pord_box .info_box {border-top:1px solid #171717;border-bottom: 1px solid #dadada;display: flex;background: #efefef;margin-top: 20px;} 
#popup_winner .layer_cont .pord_box .info_box span {width: 25%;text-align: center;font-family: 'NotoSansM';font-size: 17px;line-height: 68px;height: 68px;color: #333;} 
#popup_winner .layer_cont .pord_box.single .info_box span { width: 50%;  } 
#popup_winner .layer_cont .pord_box .info_box span {border-left: 1px solid #dadada;} 
#popup_winner .layer_cont .pord_box .info_box span:nth-child(2n+1) {border-left: 1px solid #b3b3b3;} 
#popup_winner .layer_cont .pord_box.single .info_box span {border-left: 1px solid #b3b3b3;} 
#popup_winner .layer_cont .pord_box .info_box span:first-child {border-left:none;} 
#popup_winner .layer_cont .pord_box .list{text-align: center;font-family: 'NotoSansL';font-size: 17px;color: #666;display: flex;flex-wrap: wrap;} 
#popup_winner .layer_cont .pord_box .list > div{width: 50%;line-height: 60px;display: flex;border-bottom: 1px solid #dadada;} 
#popup_winner .layer_cont .pord_box .list > div:nth-child(2n+1) span:first-child{border-left:none;} 
#popup_winner .layer_cont .pord_box.single .list > div{width: 100%;} 
#popup_winner .layer_cont .pord_box .list > div span{width: 50%;border-left: 1px solid #dadada;} 
#popup_winner .layer_cont .pord_box .list > div:nth-child(2n) span:first-child{border-left: 1px solid #b3b3b3;} 
#popup_winner .layer_cont .pord_box.single .list > div span{width: 50%;border-left: 1px solid #b3b3b3;} 
#popup_winner .layer_cont .pord_box .list > div:first-child span:first-child{border-left:none;} 
#popup_winner .layer_cont .pord_box.single .list > div span{width: 50%;display: block;} 
#popup_winner .layer_cont .scroll_box .noti_box{margin-top: 50px;background: #efefef;padding: 40px 18px;}
#popup_winner .layer_cont .scroll_box .noti_box p{color:#666;font-family: 'NotoSansL';font-size:17px;line-height: 32px;letter-spacing: -0.04em;text-indent: -16px;padding-left: 16px;}
#popup_winner .layer_cont .scroll_box .noti_box p.tit{color:#333;font-family:'GmarketSansM';font-size:25px;line-height: 1;text-indent: inherit;padding-left: 0;margin-bottom: 20px;}
#popup_winner .layer_cont .scroll_box .noti_box p.noti{margin-top: 10px;}

#popup_winner .btn_close { position:absolute; right: 0; top: -70px; width: 60px; height: 60px; font-size:0; text-indent:-999px; background: url(/static/img/event/hiphop2/btn_close.png) no-repeat; background-size: cover; } 
#popup_winner .btn_close.type_2 {position:relative;right:auto;top:auto;width: 500px;left: calc(50% - 250px);height:70px;font-size:25px;background:#333;color: #fff;text-indent: initial;font-family:'GmarketSansM';} 


/*
.popup_open {overflow: hidden;} 
.popup_open #dimLayer { visibility: visible; }
*/ 


@media(max-width:1024px){
 .event_hiphop2 { padding-top: 20vw; } 
 .event_hiphop2 .contents { max-width:177.778vw; margin:0 auto } 
 .event_hiphop2 .contents .fixed_head { height:53vw; } 
 .event_hiphop2 .contents .fixed_head.on .fixed_inner { z-index:10; position:fixed; left:0; top:20vw; width:100%; margin-left:0 } 
 .event_hiphop2 .contents .tab_menu { display:flex } 
 .event_hiphop2 .contents .tab_menu li { width:50% } 
 .event_hiphop2 .contents .tab_menu li a { display:flex; align-items: center; justify-content: center; width:100%; height: 12.5vw; font-family:'GmarketSansL'; font-size:3.611vw; border:0.139vw solid #dadada } 
 .event_hiphop2 .contents .tab_menu li a.on { border:0; font-family:'GmarketSansB'; color:#fff; background-color:#ec008c } 

 .event_hiphop2 .contents .bar_banner img { width:100% } 
 .event_hiphop2 .contents .section_kv img { width:100% } 
 .event_hiphop2 .contents .section_video { position:relative; padding-top:56% } 
 .event_hiphop2 .contents .section_video iframe { position: absolute; left:0; top:0; width:100%; height:100%; } 
 .event_hiphop2 .contents .section_event { padding: 9.722vw 6.667vw; background: url(/static/img/event/hiphop2/section_bg_m.jpg) no-repeat; background-size: cover; } 

 .event_hiphop2 .contents .section_event .quiz_box { display: block; background:#fff } 
 .event_hiphop2 .contents .section_event .quiz_box .col { width: 100%; padding: 11.806vw 15.278vw 12.5vw; border-top: 0.278vw solid #dadada; } 
 .event_hiphop2 .contents .section_event .quiz_box .col + .col { border-left:0.139vw solid #dadada } 
 .event_hiphop2 .contents .section_event .quiz_box .col .question { text-align:center; padding:2.778vw 1.389vw; border:0.417vw solid #ec008c } 
 .event_hiphop2 .contents .section_event .quiz_box .col .question dt { color:#fff; font-family:'MontserratL'; font-size:2.778vw; line-height:3.611vw; display:inline-block; border-radius:3.611vw; padding:0 0.972vw; background:#ec008c } 
 .event_hiphop2 .contents .section_event .quiz_box .col .question dt span { font-family:'MontserratB'; } 
 .event_hiphop2 .contents .section_event .quiz_box .col .question dd { color:#ec008c; font-family:'GmarketSansM'; font-size:3.611vw; line-height:5vw; letter-spacing: -0.05em; margin-top:1.944vw } 

 .event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) .question { border:0.417vw solid #0444ff } 
 .event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) .question dt { background:#0444ff } 
 .event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) .question dd { color:#0444ff; } 

 .event_hiphop2 .contents .section_event .quiz_box .col .q_tit { color:#333; font-family:'NotoSansR'; font-size:4.167vw; line-height: 5vw; letter-spacing: -0.05em; text-align: center; margin-top:5.833vw } 
 .event_hiphop2 .contents .section_event .quiz_box .col .q_box { margin-top:1.25vw } 

 .event_hiphop2 .contents .section_event .quiz_box .col .answer_list { text-align: center; margin-top:2.222vw } 
 .event_hiphop2 .contents .section_event .quiz_box .col li { position: relative } 
 .event_hiphop2 .contents .section_event .quiz_box .col li input { position:absolute; left:-1388.75vw; width:0; height:0; } 
 .event_hiphop2 .contents .section_event .quiz_box .col li label { cursor:pointer; position:relative; display:inline-block; font-family:'NotoSansL'; font-size:3.056vw; line-height: 4.167vw; letter-spacing: -0.06em; padding:1.389vw 2.778vw 1.944vw; border-bottom: 0.278vw solid #c7c7c7; } 
 .event_hiphop2 .contents .section_event .quiz_box .col li label::before { content:''; display:inline-block; width:4.167vw; height:4.167vw; vertical-align: middle; margin-right:2.083vw; background-image:url('/static/img/event/hiphop2/icon_chk.png'); background-repeat:no-repeat; background-size:100% auto } 
 .event_hiphop2 .contents .section_event .quiz_box .col:nth-child(1) li input:checked + label::before { background-image:url('/static/img/event/hiphop2/icon_chk_red.png'); } 
 .event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) li input:checked + label::before { background-image:url('/static/img/event/hiphop2/icon_chk_blue.png'); } 

 .event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) .answer_list { margin-top: 4.167vw; } 
 .event_hiphop2 .contents .section_event .quiz_box .col:nth-child(2) li label { padding:1.389vw 6.25vw 1.944vw; width: 37.5vw; } 


 .event_hiphop2 .contents .section_event .info_title { display:flex; align-items: center; justify-content: center; height:11.111vw; color:#ec008c; font-family:'GmarketSansM'; font-size: 5.556vw; border: 0.278vw solid #ec008c; margin-top: 13.194vw; } 

 .event_hiphop2 .contents .section_event .info_area { display:flex; flex-wrap: wrap; margin-top: 9.722vw; } 
 .event_hiphop2 .contents .section_event .info_area dl { display:flex; align-items: center; width:100%; margin-bottom:1.389vw } 
 .event_hiphop2 .contents .section_event .info_area dl:nth-child(1),
 .event_hiphop2 .contents .section_event .info_area dl:nth-child(2) { width: 100%; } 
 .event_hiphop2 .contents .section_event .info_area dl:nth-child(2) dt { min-width: 22.222vw; padding-left: 0; } 
 .event_hiphop2 .contents .section_event .info_area dl dt { min-width: 22.222vw; color:#fff; font-family:'NotoSansM'; font-size:3.056vw } 
 .event_hiphop2 .contents .section_event .info_area dl dd { width:100% } 
 .event_hiphop2 .contents .section_event .info_area dl dd input { width:100%; height:11.111vw; color:#333; font-size:2.778vw; padding-left:4.167vw; } 
 .event_hiphop2 .contents .section_event .info_area dl dd input::placeholder { color:#b8b8b8; font-family:'NotoSansR'; } 

 .event_hiphop2 .contents .section_event .info_area dl dd.type_btn { display:flex } 
 .event_hiphop2 .contents .section_event .info_area dl dd.type_btn .btn { padding-left:1.389vw } 
 .event_hiphop2 .contents .section_event .info_area dl dd.type_btn .btn a { display:flex; align-items: center; justify-content: center; width: 13.889vw; height:11.111vw; color:#fff; font-size:3.333vw; background:#444444; } 

 .event_hiphop2 .contents .section_event .privacy_area { overflow:auto; max-height: 66.944vw; color:#666; font-size:2.5vw; line-height: 4.722vw; margin-top:8.333vw; padding: 6.25vw 6.944vw; background:#dadada } 
 .event_hiphop2 .contents .section_event .privacy_area .tit { color:#333; font-size:3.056vw } 


 .event_hiphop2 .contents .section_event .pri_chk { color:#fff; font-size:2.778vw; line-height:4.444vw; margin-top:2.778vw } 
 .event_hiphop2 .contents .section_event .pri_chk input { width:4.167vw; height:4.167vw; border:0.139vw solid #dadada; background:#fff; vertical-align: middle; margin-right:2.778vw; appearance: checkbox; -webkit-appearance: checkbox; } 
 .event_hiphop2 .contents .section_event .pri_chk label { vertical-align: middle; } 
 .event_hiphop2 .contents .section_event .btn_confirm { display:block; width:40vw; height:11.389vw; line-height:12.083vw; color:#fff; font-family:'GmarketSansM'; font-size:4.167vw; text-align:center; border-radius:11.389vw; margin:13.889vw auto 0; background:#ec008c } 

 .event_hiphop2 .contents .share_area { display: block; justify-content: space-between; padding: 5.556vw 15.278vw; background:#f7f7f7; text-align: center; } 
 .event_hiphop2 .contents .share_area .btn_download { position:relative; display:block; height:9.028vw; line-height:9.028vw; color:#333; font-family:'GmarketSansM'; font-size:3.472vw; letter-spacing: -0.06em; padding: 0 8.333vw 0 4.167vw; border-radius: 9.028vw; border: 0.278vw solid #c7c7c7; } 
 .event_hiphop2 .contents .share_area .btn_download::after { content:''; display:block; position:absolute; right:4.444vw; top:50%; width:2.222vw; height:2.917vw; margin-top:-1.806vw; background:url('/static/img/event/hiphop2/icon_download.png') no-repeat; background-size: 100% auto; } 
 .event_hiphop2 .contents .share_area .btn_download span { color:#ec008c } 
 .event_hiphop2 .contents .share_area .share { display: flex; align-items: center; justify-content: center; margin-top: 2.778vw; } 
 .event_hiphop2 .contents .share_area .share dt { color:#333; font-size:3.333vw; letter-spacing: -0.04em; margin-right: 0; } 
 .event_hiphop2 .contents .share_area .share dd { margin-left: 2.778vw; } 

 .event_hiphop2 .contents .section_event1 img { width:100% } 
 .event_hiphop2 .contents .section_event1 .btn { display:block; width:100%; text-align:center; padding: 0 10.417vw; } 
 .event_hiphop2 .contents .section_event1 .btn img { width: 100%; } 

 .event_hiphop2 .contents .section_other { position:relative; } 
 .event_hiphop2 .contents .section_other img { width:100% } 
 .event_hiphop2 .contents .section_other .btn { position:absolute; left: 6.667vw; right: 6.667vw; bottom: 0; } 
 .event_hiphop2 .contents .section_other .btn a { position: absolute; left: 0; bottom: 106.667vw; display:block; width: 100%; } 
 .event_hiphop2 .contents .section_other .btn a:last-child { position:absolute; right:0; bottom: 12.361vw; } 

 .event_hiphop2 .event_notice { margin-top: 0; padding:5.556vw 5.556vw 0; border-top: 0.278vw solid #dadada; } 
 .event_hiphop2 .event_notice .inner { max-width:177.778vw; margin:0 auto } 
 .event_hiphop2 .event_notice .inner .tit { color:#333; font-family:'NotoSansM'; font-size:3.333vw } 
 .event_hiphop2 .event_notice .inner ul { margin-top:2.778vw } 
 .event_hiphop2 .event_notice .inner ul li { color:#666; font-family:'NotoSansL'; font-size: 2.639vw; line-height: 4.583vw; padding-left:1.389vw; text-indent:-1.389vw; } 

   

}

@media(max-width:600px){
 /* winner popup */
#dimLayer {left:0;right:0;top:0;bottom:0;background:rgb(0,0,0);opacity:0.5;overflow-x:hidden;/* overflow-y:scroll; *//* padding-right:3.27vw; */visibility:hidden;} 
#popup_winner {width: 96.15vw;width: 100%;height: 100%;bottom: 0.00vw;top: 0;/* left: calc(50% - 48.08vw); */} 
#popup_winner .layer_cont {width: 96.15vw;left: calc(50% - 48.08vw);height: calc(100% - 33vw);margin-top: 17.31vw;background:#fff;} 
#popup_winner .layer_cont .tit_box {   font-size:6.73vw; height: 19.23vw; background: #ec008c;  align-items: center; } 
#popup_winner .layer_cont .scroll_box {overflow-y: scroll;height: calc(100% - 19.23vw);padding: 7.69vw 5.77vw;} 
#popup_winner .layer_cont .pord_box{margin-top: 7.69vw;}
#popup_winner .layer_cont .pord_box:first-child{margin-top:0;}
#popup_winner .layer_cont .pord_box p.goods {   font-size:4.81vw; } 
#popup_winner .layer_cont .pord_box p.goods.blue {  } 
#popup_winner .layer_cont .pord_box .info_box {border-top:0.19vw solid #171717;border-bottom: 0.19vw solid #dadada;background: #efefef;margin-top: 3.85vw;} 
#popup_winner .layer_cont .pord_box .info_box span {width: 25%;font-size: 3.27vw;line-height: 13.08vw;height: 13.08vw;} 
#popup_winner .layer_cont .pord_box.single .info_box span { width: 50%;  } 
#popup_winner .layer_cont .pord_box .info_box span {border-left: 0.19vw solid #dadada;} 
#popup_winner .layer_cont .pord_box .info_box span:nth-child(2n+1) {border-left: 0.19vw solid #b3b3b3;} 
#popup_winner .layer_cont .pord_box.single .info_box span {border-left: 0.19vw solid #b3b3b3;} 
#popup_winner .layer_cont .pord_box .info_box span:first-child {border-left:none;} 
#popup_winner .layer_cont .pord_box .list{font-size: 3.27vw;flex-wrap: wrap;} 
#popup_winner .layer_cont .pord_box .list > div{width: 50%;line-height: 11.54vw;border-bottom: 0.19vw solid #dadada;} 
#popup_winner .layer_cont .pord_box .list > div:nth-child(2n+1) span:first-child{border-left:none;} 
#popup_winner .layer_cont .pord_box.single .list > div{width: 100%;} 
#popup_winner .layer_cont .pord_box .list > div span{width: 50%;border-left: 0.19vw solid #dadada;} 
#popup_winner .layer_cont .pord_box .list > div:nth-child(2n) span:first-child{border-left: 0.19vw solid #b3b3b3;} 
#popup_winner .layer_cont .pord_box.single .list > div span{width: 50%;border-left: 0.19vw solid #b3b3b3;} 
#popup_winner .layer_cont .pord_box .list > div:first-child span:first-child{border-left:none;} 
#popup_winner .layer_cont .pord_box.single .list > div span{width: 50%;} 
#popup_winner .layer_cont .scroll_box .noti_box{margin-top: 9.62vw;background: #efefef;padding: 7.69vw 3.46vw;}
#popup_winner .layer_cont .scroll_box .noti_box p{font-size:3.27vw;line-height: 6.15vw;letter-spacing: -0.04em;text-indent: -3.08vw;padding-left: 3.08vw;}
#popup_winner .layer_cont .scroll_box .noti_box p.tit{font-size:4.81vw;line-height: 1;text-indent: inherit;padding-left: 0;margin-bottom: 3.85vw;}
#popup_winner .layer_cont .scroll_box .noti_box p.noti{margin-top: 1.92vw;}

#popup_winner .btn_close {  right: 0; top: -13.46vw; width: 11.54vw; height: 11.54vw; font-size:0; text-indent:-192.12vw; background: url(/static/img/event/hiphop2/btn_close.png) no-repeat;background-size: 100%; } 
#popup_winner .btn_close.type_2 {right:auto;top:auto;width: 96.15vw;left: calc(50% - 48.08vw);height:13.46vw;font-size:4.81vw;background:#333;text-indent: initial;}
}