.evt_area .evt_box { max-width: none !important; } .p_r { position: relative; } .bg01 { position: relative; } .bg01 .dday { position: absolute; top: 53.5%; left: 19%; transform: translateX(-50%); font-size: 1.4rem; text-align: center; } .bg01 .date { position: absolute; top: 56%; left: 57%; transform: translateX(-50%); font-size:22px; white-space: nowrap; } .bg01 .finish { position: absolute; top: 70%; color: #fff; font-size: 22px; width: 100%; text-align: center; } /* rolling-wrap */ .evt_area { position:relative; } .evt_area .winner_list { background-color:#204b50; } .evt_area .winner_list li { width:150px; height:150px; padding-top:70px; } .evt_area .winner_list li .icon_company { width:80px; margin:0 auto; display:block; } .evt_area .winner_list li img { width:100%; } .evt_area .winner_list li dl { margin-top:15px; text-align:center; } .evt_area .winner_list li dl dt { font-size:14px; color:#a5a5a5; font-weight:600 } .evt_area .winner_list li dl dd { font-size:14px; } .evt_area .winner_list li dl dd strong { display:block; margin:8px 0; } /* con_movie */ .con_movie { position:fixed; top:30%; left:50%; transform: translateX(-10%); margin-left:-160px; z-index:3; display:none; } .con_movie > .layer_pop_vod { width:420px; height:320px; 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; } /* tab */ .cont05 .tab_area02 { position: absolute; top: 193vw; width: 96vw; left: 50%; transform: translateX(-50%); } .cont05 .tab_area02 > .tab_menu { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3vw; } .cont05 .tab_area02 > .tab_menu li { cursor: pointer; width: 33.33%; height: 18.1vw; background: url('//cdn.hackers.com/hackersjob_img/mobile/event/2018/0419/re_230612/cont05_tabbtn02.png'); background-size:300%; background-position-y:100%!important; } .cont05 .tab_area02 > .tab_menu li:nth-of-type(2) { background-position-x:50%; } .cont05 .tab_area02 > .tab_menu li:nth-of-type(3) { background-position-x:100%; } .cont05 .tab_area02 > .tab_menu li.on { background-position-y: 0% !important; } .cont05 .tab_area02 > .tab_cont { width:100%; height:80vw; overflow-y:auto; } .cont05 .tab_area02 > .tab_cont > div { display:none; } .cont05 .tab_area02 > .tab_cont > .cont_1 { display:block; } .cont05 .tab_area { position: absolute; top: 80vw; } .cont05 .tab_area .tab_button { display: flex; justify-content: space-between; align-items: center; } .cont05 .tab_area .tab_button li { cursor: pointer; font-size:0; width: 33.33%; height: 18.1vw; background: url('//cdn.hackers.com/hackersjob_img/mobile/event/2018/0419/re_230612/cont05_tabbtn.png'); } .cont05 .tab_area .tab_button[data-tab-num="3"] li { background-size:300% !important; background-position-y:100%!important; } .cont05 .tab_area .tab_button[data-tab-num="3"] li:nth-of-type(2) { background-position-x:50%; } .cont05 .tab_area .tab_button[data-tab-num="3"] li:nth-of-type(3) { background-position-x:100%; } .cont05 .tab_area .tab_button li.on { background-position-y:0% !important; } .cont05 .tab_area .tab_cont { display:none; height:auto; } .cont05 .tab_area .tab_cont.on { display:block; } .cont05 .tab_area .tab_button { width:100%; padding:0 3% } .con03 { position: relative; padding-bottom: 10%; } .con03 .title { position: absolute; top: 4.2%; color: #333; left: 50%; z-index: 99; padding: 10px; transform: translate(-50%,-50%); font-size: 22px; font-weight: 700; border: 1px solid #333; border-radius: 20px; white-space: nowrap; } .con03 .title_2 { position: absolute; top: 2.5%; left: 50%; transform: translateX(-50%); z-index: 2; width: 83%; } /* .con03 small { display: block; padding: 1% 0; color: red; font-size: 12px; font-weight: bold; letter-spacing: -.1em; text-align: right; } */ .cont05 { position: relative; } .cont05 iframe { position: absolute; left: 50%; top:16%; transform: translateX(-50%); } .cont05 .review { width: 90%; position: absolute; left: 50%; bottom:13%; transform: translateX(-50%); } .cont05 .bx-wrapper .bx-pager { bottom: -50px; } .cont05 .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255,255,255,0.5); } .cont05 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff71b; } .lect > li { position: relative; } .lect > li p { position: absolute; letter-spacing: -.025em; text-align: right; font-weight: 600; } .lect > li .price { top: 17%; right: 6%; color: #999; font-size: 3.3vw; font-weight: normal; letter-spacing: -.04em; text-decoration: line-through; vertical-align: middle; line-height: 1; } .lect > li .discount { top: 17%; right: 21%; padding: .5vw 1vw; color: #fff; font-size: 1.9vw; font-weight: bold; letter-spacing: -.04em; border-radius: 5px; vertical-align: middle; margin-right: 1.5vw; } .lect > li .total_price { top: 41.6%; right: 9%; font-size: 7.3vw; font-weight: 700; } .lect > li:first-child .total_price { color:#20a91d; } .lect > li:nth-child(2) .total_price { color:#ff7e0c; top: 24vw; } .lect > li:nth-child(3) .total_price { color:#ff4869; top: 22vw; } .lect li div > span { font-size: 2.2vw; color: red; position: absolute; bottom: 3%; right: 5vw; z-index: 99; } .lect_txt { position: absolute; bottom: 0; left:3%; font-size: 3vw; color:red; } .lec_list_btn { position: absolute; top: 0; right: 2%; z-index: 1; border: 1px solid #6d6d6d; border-radius: 1.5vw; padding: 1% 4%; color: #6d6d6d; font-size: 3vw; letter-spacing: -0.07em; } .lect .checkBox { position: absolute; bottom: 30vw; left:50%; transform: translateX(-50%); width: 86vw; } .lect .checkBox::after { display: none; } .lect03 .checkBox { bottom: 35vw; } .disprice { position: absolute; top:0; font-size: 0; } .lect .checkBox input { opacity: 1 !important; border: 1px solid #333; top: 8vw !important; left: 2vw !important; } .lect .checkBox label { font-size: 3vw; font-weight: 600; position: absolute; top: 8vw; left: 3vw; } .cont02_2 { background: #ffe789; padding-bottom: 10%; } .cont02_2 .bx-wrapper .bx-pager { bottom: 0; } .cont02_2 .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active { background: #0f9033; } @media all and (max-width:610px){ .con03 .title { font-size: 18px; } } @media all and (max-width:510px){ .con03 .title { font-size: 16px; } .bg01 .dday { font-size: 1.2rem; } .bg01 .date { font-size:18px; } .bg01 .finish { font-size: 18px; } } @media all and (max-width:400px){ .con03 .title { font-size: 12px; } .bg01 .dday { font-size: 1.0rem; } .bg01 .date { font-size:16px; } .bg01 .finish { font-size: 16px; } } /* ?? */ .ly_bg { background:#000; opacity:0.5; position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index: 2; } .ly_pop { position:fixed; z-index:1000; left:50%; top:50%; transform: translate(-50%,-50%); width: 90%; display:none; } .ly_pop .pop_close_btn { position:absolute; top:-35px; right: 0; width: 35px; height: 35px; background: url('https://pimg.hackers.com/eland/img/event/2022/0118/btn_close.jpg'); font-size: 0; } .ly_pop .pop_img { display:none; } /*REASON*/ .reason, .open_reason.reason { position: absolute; width:95%; top:11%; left:50%; padding: 5%; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:12px; letter-spacing: -0.04em; display:none; transform: translateX(-50%); } .reason .close, .open_reason.reason .close { position: absolute; width:20px; height:20px; top:10px; right:10px; cursor: pointer; } .reason .close::before, .reason .close::after, .open_reason.reason .close::before, .open_reason.reason .close::after { content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); } .reason .close::after, .open_reason.reason .close::after { transform: translate(-50%,-50%) rotate(-45deg); } .cont05 .reason { top:24vw; }