.p_r { position: relative; } .cont04 .sys-date { position: absolute; top: 29%; left: 39.5%; color: #fff; font-size: 2.7vw; width: 42%; text-align: center; font-weight: 700; } .cont04 :nth-child(4) .sys-date { top: 31.4%; } .cont04 :nth-child(3) .sys-date { top: 56.3%; } /*¿À½Ã´Â±æ*/ .loc { text-align: center; padding-bottom: 10%; background:#032d55 } .loc .map_bot { position: absolute; top: 27.5%; left: 50%; transform: translateX(-50%); } .loc .map_bot > ul { padding: 0; text-align: center; margin: 0 auto; font-size: 3.2vw; line-height: 1.7; color:#fff } .cont01 p { position: absolute; font-size: 3.5vw; color:#fff; } .cont01 .date { top:39.5%; left:10%; } .cont01 .place { top:41%; left:10%; } .cont05 { background: #032d55; } .cont05 .bxslider-default { margin: 0 auto; width: 94%; background: #032d55; } .cont06 { background:#ecfffe } .cont06 .v_wrap { position:absolute; display: none; top: 51%; left: 50%; transform: translateX(-50%); width: 92%; height: 53%; } .cont08 { background-color: #e0f9f8; padding-bottom:10% } .cont08 ul { padding:0 3%; } .cont08 ul li { margin-bottom:30px; } /*ÅÇ*/ .tab_area .tab_button { width:92%; margin:0 auto; } .tab_area .tab_button li { float:left; width:50%; font-size: 0; background: url(//mpublic.hackers.com/images/event/2022/0519/re_220721/cont06_tab.png) 0 0 no-repeat; background-size: 200%; padding-top:17%; } .tab_area .tab_button li.on { background-position-y: 100% } .tab_area .tab_button li:last-child { background-position-x:100%; } .tab_area .tab_cont { display: none; } .tab_area .tab_cont.on { display: block; } /*¼³¸íȸ½Åû´Ü*/ .cont03 { background:#F7F7F7; } .cont03 h4.tit { text-align: center; background: #000; color: #fff; font-size:3vw; font-weight: 700; width: 51vw; padding: 1.5vw; border-radius: 30px; position: absolute; left: 50%; transform: translateX(-50%); top: 2vw; } .input-box { margin:0 auto; text-align:left; width: 90vw; } .input-box label { display: inline-block; font-weight:700; font-size:14px; vertical-align:middle; line-height: 2; word-break: keep-all; } .input-box input[type="checkbox"] { margin-right:5px; width:20px; height:20px; border: 1px solid #d3d3d3; vertical-align:middle; } .input-box ul { padding: 4% 3%; margin: 3% 3% 0; background: #f7f7f7; display: flex; justify-content: space-between; } .input-box ul li { width: 49%; } .input-box ul li input[type="text"] { height:35px; border:1px solid #ccc; text-indent:5px; } .input-box .present_box { padding: 11% 3% 2%; background: #fff; margin: 0 3.5%; box-sizing: border-box; text-align: center;border-radius: 10px; } .input-box .present_box .cont { width: 86%; margin: 0 auto; text-align: center; } .info_btn_wrap { margin: 0 4%; text-align:left; padding-bottom: 4%; } .info_btn_wrap .textarea_box { margin:0 3%; height:160px; overflow-y:auto; font-size: 12px; border:solid 1px #dedede; padding:5px; line-height: 1.5; background-color:#fff; } .info_btn_wrap .textarea_box .line { border-bottom:1px solid #000; font-size:1.2em; } .info_agree_box { margin: 0 3%; padding: 10px 3% 20px; background: #f7f7f7; } .info_agree_box p { margin-top:10px; padding-left:20px; } .info_agree_box input[type="checkbox"] { width:20px; height:20px; border: 1px solid #d3d3d3; } .info_agree_box label { font-size:14px; font-weight: bold; line-height: 20px; vertical-align: middle; } /*ÇÕ°ÝÀڷѸµ*/ .evt_area .winner_list { position: relative; background:#0f152e url('//mpublic.hackersjob.com/images/event/2022/0519/winner_list_bg.jpg') repeat-y center top/100%; padding-bottom: 10%; } .evt_area .winner_list li { width:150px; height:150px; padding-top:70px; background:url(//image.hackersjob.com/mobile/event/2018/0312/bg_winnder.png) no-repeat 0 0; background-size:150px auto; } .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; }