.p_r { position: relative; } .bx-wrapper .bx-pager { bottom:10% !important; } .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active { background:#0045ce !important; } .cont11 { background: #fff; padding-bottom:12% } .cont11 .tab_area { padding:0 4%; } .tab_area .tab_button::after { content:''; display:block; clear:both; } .tab_area .tab_button li { float:left; cursor: pointer; width:50%; padding-top:14.7%; font-size:0; background:url('//mpublic.hackers.com/images/event/2020/0706/re_220329/cont11_tab.png') 0 0; background-size:200% 200%; } .tab_area .tab_button li:nth-of-type(2) { background-position-x:100%; } .tab_area .tab_button li.on { background-position-y:100%; } .tab_area .tab_cont { display:none; } .tab_area .tab_cont.on { display:block; } .winner_list_wrap { position: absolute; bottom:10%; left:0; width:100%; height:210px; overflow: hidden; } .lect { position: relative; background: linear-gradient(180deg,#eaedff,#edefff); } .lect .sys_txt { position: absolute; bottom: 5%; left: 5%; font-size: 2.5vw; visibility: hidden; } .cont05 .bxslider-default { position: absolute; top:58%; left:50%; transform:translateX(-50%); width:85%; } .cont05 .bx-wrapper .bx-pager { bottom:-10% !important; } .cont06 { padding: 0 4% 12%; } .cont06 .tab_area .tab_button::after { content:''; display:block; clear:both; } .cont06 .tab_area .tab_button li { float:left; cursor: pointer; width:50%; padding-top:22%; font-size:0; background:url('//mpublic.hackers.com/images/event/2020/0706/re_220329/cont06_tab.png') 0 0; background-size:200% 200%; } .cont06 .tab_area .tab_button li:nth-of-type(2) { background-position-x:100%; } .cont06 .tab_area .tab_button li.on { background-position-y:100%; } .cont06 .tab_area .tab_cont { display:none; height: auto; } .cont06 .tab_area .tab_cont.on { display:block; } .cont10 { position: relative; } .cont10 .v_wrap { position: absolute; top: 58%; left: 50%; transform: translateX(-50%); width: 92%; padding-top: 52%; } .cont10 .v_wrap iframe {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .cont10 .v_wrap iframe:first-of-type {display: block;} .cont12 { position: relative; } .cont12 { padding:0 4%; } .cont12 .bx-wrapper .bx-pager { bottom:-6% !important; } /*?격단*/ .lect_01 { padding:0 4% } .lect_01 li { position: relative; } .lect_01 li .price { position: absolute; top:23%; right:4.5%; font-size: 7vw; } .lect_01 li .chk_wrap { position: absolute; top:65.5%; left:38%; } .lect_01 li { margin-bottom:5%; } .lect_01 ul li input[type="checkbox"] { width: 5vw; height: 5vw; margin: 0 3px; vertical-align: middle; } .lect_02 li { position: relative; } .lect_02 li .price { position: absolute; top:20%; right:10%; font-size: 7vw; } .lect_02 li .chk_wrap { position: absolute; top:65.5%; left:37%; } .lect_02 li { margin-bottom:5%; } .lect_02 ul li input[type="checkbox"] { width: 20px; height: 20px; margin: 0 3px; vertical-align: middle; } .lect2 { background:#4b74e7 } .lect2 { padding:0 4% 12% } /*??*/ .layer_pop { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } .layer_pop .dimmed { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.5); } .layer_pop .layer_con { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; } .layer_pop .btn_close { color: #fff; font-size: 6vw; position: absolute; right: 0; top: -5vw; background: #000; width: 5vw; line-height: 0.6; height: 5vw; text-align: center; } /*??*/ .con_movie { position:fixed; top:30%; left:50%; margin-left:-160px; z-index:3; display:none; } .con_movie > .layer_pop_vod { width:320px; height:220px; display:none; } .con_movie > .layer_pop_vod > .movie_close { font-size:50px; color:#fff; position:absolute; top:-50px; right:0px; display:inline-block; cursor:pointer; } .full_bg { width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:fixed; top:0px; left:0px; z-index:1; display:none; }