/* css */
.p_r {position: relative;}
.pos_r{position:relative;}
.main{background:#f4f4f4;max-width:640px;margin:0 auto;}
.main img{display:block;width:100%;}
.main .br_bottom{position:fixed;left:0;bottom:0;width:100%;z-index:90;}
.main .br_bottom .txt{display:block;position:absolute;top:22%;left:4%;width:16.7%;height:70.7%;font-size:1rem;font-weight:600;line-height:18px;text-align:center;box-sizing:border-box;}
.main .br_bottom .txt:after{display:inline-block;content:'';width:0;height:100%;vertical-align:middle;}
.main .br_bottom .txt span{display:inline-block;vertical-align:middle;}
.main .gift dd{display:none;}
.main .gift.open dd{display:block;}
.footer{padding-bottom:20%;}

/* lect_amt */
/* .lect_amt p{margin-bottom:30px;margin-top:30px;} */
.tit_text{width:60%;margin:0 auto; height:40px; line-height:38px; font-size:16px; color:#fff; text-align:center; font-weight:bold; border-radius:20px;}
 
/* timer_box_common */
.finish_mark .txt{display:inline-block;margin-top:8px;font-size:14px;color:#fff;font-weight:600;vertical-align:middle;}
.finish_mark .txt strong{display:block;color:#fff695}
.timer_box{width:100%;background:#2f2b26;text-align:center}
.timer_box .timer_in{display:table;min-width:300px;padding:10px;margin:0 auto}
.timer_box .timer_in > div{display:table-cell;color:#fff;font-size:1.2rem;letter-spacing:0;vertical-align:middle}
.timer_box .timer_in > div.time_area{min-width:240px}
.timer_box .timer_in > div.finish_mark img{display:block;min-width:60px;max-width:80px}
.timer_box .bx_time{font-size:1.7rem;letter-spacing:-1px}
.timer_box .bx_time span[data-component="timer"]{font-size:3rem;line-height:3rem}
.timer_box .tx_info{font-size:0.7rem;line-height:0.9rem;font-weight:normal;color:#d6d6d6}
.timer_box span[data-format="label"]{display:inline-block;width:80px;height:80px;background:url(//image.hackersjob.com/mobile/event/2018/0320/start_end_bg.png) no-repeat 0 0;background-size:80px auto;}
.timer_box span[data-format="label"]:after{display:inline-block;content:'';width:0;height:100%;vertical-align:middle;}
.timer_box span[data-format="label"] {
	animation-name:finish_mark;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-timing-function: ease-in-out;
	animation-fill-mode: both;
	animation-delay: 1s;
}
@keyframes finish_mark{
	0%, 100%{transform:translate(0,5px)}
	50%{transform:translate(0,-5px)}
}
.timebox span[data-format="ss"],.timer_box span[data-format="ss"] {
	animation-name: opacity_key;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
	animation-delay: 0s;
}
@keyframes opacity_key {
	0%, 100%  { opacity: 1; }
	30% { opacity: 0.3; }
	60% { opacity: 0.6; }
	90% { opacity: 0.9; }
}

.apply_lec .tit{padding:9% 18.75% 5%;background:#fff;}
.apply_lec .tit h3{padding:10px 0;border-radius:30px;background:#2c2c2c;text-align:center;color:#fff;font-size:18px;}

.winner_list{background:#262626;}
.winner_list li{width:112.5px;padding-top:50px;background:url(//image.hackersjob.com/mobile/event/2018/0312/bg_winnder.png) no-repeat 0 0;background-size:112.5px auto;}
.winner_list li img{width:31px;height:auto;margin:0 auto;}
.winner_list li dl{margin-top:15px;text-align:center;}
.winner_list li dl dt{font-size:14px;color:#a5a5a5;font-weight:600}
.winner_list li dl dd{font-size:12px;}
.winner_list li dl dd strong{display:block;margin:8px 0;}
.bank_tit{margin-bottom:20px}

.lect > li {position: relative;}
.lect > li .price { position: absolute; left: 8%; bottom: 22%; font-size: 7vw; letter-spacing: -.025em; font-weight: 700; } 
.lect > li:first-child .price {color: #0b8ed1; bottom: 12%;}
.lect > li:nth-child(2) .price {color: #ff574e; bottom: 16%;}
.lect > li:nth-child(3) .price {color: #7078e2;bottom: 16%;}
.lect > li:nth-child(4) .price {color: #00a6c0;bottom: 22%;}
.lect > li .before { position: absolute; left: 7.7%; bottom: 35.2%; font-size: 5vw; letter-spacing: -.025em; font-weight: 700; color: #999; } 

/* img */
.update{text-align:center;position:relative;}
.update img.up_img{width:30%;height:auto;position:absolute;top:-2px;display:inline-block;margin-left:50%;left:-15%;}

/* tab */
.tab_menu{display:table;width:100%;table-layout:fixed;}
.tab_menu li{display:table-cell;width:25%;border-left:1px solid #fff;}
.tab_menu li:first-child{border:0;}
.tab_menu li a{display:block;width:100%;height:37px;background:#dcdcdc;text-align:center;color:#aeaeae;font-size:0;}
.tab_menu li a span{display:inline-block;vertical-align:middle;font-size:13px;font-weight:600}
.tab_menu li a:after{display:inline-block;content:'';width:0;height:100%;vertical-align:middle;}
.tab_menu li.active a{background:#b5181e;color:#f7ff1d;}
.tab_cont>div,
.tab_cont02>div{display:none}
.tab_cont>div.active,
.tab_cont02>div.active{display:block;}

.pop_map{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.pop_map.open{display:block;}
.pop_map>div{position:absolute;top:50%;left:50%;z-index:99999;width:100%;border:0;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}
.pop_map:after{display:block;content:'';position:absolute;top:0;left:0;z-index:900;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.pop_map a{position:absolute;top:10px;right:10px;font-weight:600;font-size:16px;}

/*ÅǸ޴º*/
.tab_area{width:100%;border:none;}
.tab_area > .tab_button{position: absolute; width:92%;display: flex; justify-content: space-between; align-items: center; left: 50%; top:2%; transform: translateX(-50%);}
.tab_area > .tab_button > li{width: 33.3%;height: 80px;}
.tab_area > .tab_cont{width:99.9%;}
.tab_area > .tab_cont{display:none;}
.tab_area > .tab_cont.on {display: block;}
.tab_area > .tab_cont.cont_1{display:block;}
.tab_area > .tab_cont02{width:99.9%;}
.tab_area > .tab_cont02{display:none;}
.tab_area > .tab_cont02.cont_1{display:block;}

#tab_cont2 .tab_button02{position: absolute; width:92%;display: flex; justify-content: space-between; align-items: center; left: 50%; top:19%; transform: translateX(-50%);}
#tab_cont2 .tab_button02 >li {width: 33.3%; height: 60px;}
#tab_cont2 .tab02_cont {display: none;}
#tab_cont2 .tab02_cont.active {display: block;}

.cont02{position: relative;}
.list_box{position: absolute;display: none;justify-content: space-between;flex-wrap: wrap; width: 95%;left: 2.5%;top: 33%;}
.list_box li{width: 49%;margin-bottom: 2%;position: relative;}
.list_box li a .date_txt{position: absolute;font-size: 4vw;bottom: 10%;left: 2.5%;width: 95%;height: 55%;justify-content: center;align-items: center;display: none;background: #fff;text-align: center;color:#222;font-weight: bold;word-break: keep-all;}
.list_box li a.on .date_txt{display: flex;}

/*±Ù°Å¹®±¸ È®ÀÎ*/
.cont11_2{display:none;}

.cont01{position: relative;}
.cont01 p{position: absolute; font-size:20px; color:rgba(255,255,255,0.5); width:200%; top:5.5%; left:-50%;text-align: center; letter-spacing: -0.04em; transform: scale(0.5);}

/* ¶ì¹è³Ê */
.evt_foot_ben{position:fixed;left:0;bottom:0;right:0;width:100%;z-index:90;text-align:center;}

/* layer pop */
.popupLayer{display:none;position:fixed;z-index:2000;top:100px;}
.pop_lecture{position: fixed;width: 100%;z-index: 2000;top: 9999px;}
.pop_lecture.on{top:50px;}
.pop_lecture .inner_pop{position: relative;width: 100%;max-width: 640px;margin: 0 auto;}
.pop_lecture .inner_pop img{width:100%;max-width:640px;}
.pop_lecture .user_write{position: absolute;top: 32%;left: 2.5%;width: 95%;height: 40%;padding: 10px;font-size: 12px;border:0;}
.pop_lecture .user_write:-ms-input-placeholder {font-size: 12px; color:#a0a0a0;line-height: normal;}
.pop_lecture .user_write::-webkit-input-placeholder {font-size: 12px; color:#a0a0a0;line-height: normal;}
.pop_lecture .user_write::-moz-placeholder {font-size: 12px; color:#a0a0a0;line-height: normal;}
.pop_lecture .user_chk{position: absolute;left: 3%;top:100%;}
.pop_lecture .user_chk input{}
.pop_lecture .user_chk label{font-size: 12px;color: #fff;cursor: pointer;}

.bank_lec_box {position:relative;}
.chk-box li {position:absolute; left:8%; bottom:51.5%;}
.chk-box li.chk02 {bottom:43%;}
.chk-box li.chk03 {bottom:35%;}
.chk-box li.chk04 {bottom:27%;}

.cont11{position: relative;}
.winner_list_wrap{position: absolute; top: 40%; width: 100%; background: none !important;}
/* @media screen and (max-width:640px){
	.lect .lp_title {font-size: 3.4vw}
	.lect03 .lp_price{top: 14%;}
	.lp_price {font-size: 8vw;}
	
	.lect .lp_radio label{display:inline-block; font-size: 3.4vw;line-height:9vw;}
} */
@media screen and (max-width:640px){	
	.cont01 p{font-size:15px;}
	.lp_price {font-size: 8vw;}
	.lect .lp_title {font-size: 3.4vw}
	.lect .lp_radio label{display:inline-block; font-size: 3.4vw; line-height:8vw;}
}

@media screen and (max-width:450px){	
	.cont01 p{font-size:14px;}
}

@media screen and (max-width:395px){	
	.cont01 p{font-size:12px; top:5%; padding:0 3%; box-sizing: border-box;}
}


/*ÇÕ°ÝÀÚ ½½¶óÀ̵å À§Ä¡ Á¶Á¤*/
@media screen and (min-width:360px){
	.cont11 .winner_list_wrap{bottom:5%;}
}

@media screen and (max-width:345px){
	.cont01 p{font-size:10px; top:5.5%;}
}
.winner_list_wrap{background-color:#1f1f1f; height:215px; padding-bottom:30px;}


/* dungdung banner */
.dungdung{position:absolute;left:5%;top:1%;
  animation-name: dungdung;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-delay: 1s;
}
.dungdung.sin{position:absolute;top:1%;left:72%;
	width:150px;height:150px;
  animation-name: dungdung;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-delay: 1s;
}
@media screen and (max-width:550px){
	.dungdung.sin{left:60%;}
}
@media screen and (max-width:360px){
	.dungdung.sin{left:50%;}
}

@keyframes dungdung{
	0%, 100%{transform:translate(0,5px)}
	50%{transform:translate(0,-5px)}
}


/*µÕµÕ ¹è³Ê*/
.bnr_190924{position:absolute;top:3%;right:2%;width:30%;margin-top:-40px;
	animation-name: dungdung;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-delay: 1s;
}

.bnr_190924.v2 {top:2%;}


.bank_lec_box.t2{padding-bottom:10%;background:#f6f6f6;}
.bank_lec_box.t2 .in{position:relative;padding:0 3%;}
.bank_lec_box.t2 .in .chk-box.t2{position:absolute;top:71%;left:39%;}
.bank_lec_box.t2 .in .chk-box.t2 li{position:static;font-size:1.4em;font-weight:bold;margin-top:8%;}
.bank_lec_box.t2 .in .chk-box.t2 li input[type="radio"]{margin:0 5px 0 0;}



@media screen and (max-width:450px){
	/*ÀºÇà °áÁ¦´Ü*/
	.lect .lp_radio input[type='radio']{width:20px; height:20px; margin:0 7px 0 0; vertical-align:inherit;}
}

@media screen and (max-width:400px) {
	.bank_lec_box.t2 .in .chk-box.t2 li{font-size:1.2em;}
	
	.lect .lp_radio input[type='radio']{width:15px; height:15px; margin:0 7px 0 0; vertical-align:inherit;}
}