/* °ψΕλ */
.evt_box{width: 100%;max-width: 640px;margin: 0 auto;}
.evt_box img{width: 100%;max-width: 640px;}
.cont01 {background:#f6e3d8; padding:5% 0;}
.cont01 .slide_in {width:92%; margin:0 auto;}
.p_r{position:relative !important;}

.cont02{position:relative;}
.e_inner_tab .js-tab-type1{background:#f6e3d8;}
.e_inner_tab .js-tab-type1-con{width:94%; margin:0 auto;}
.cont02 .tab_menu{width:94%; margin:0 auto;}
.cont02 .tab_menu:after {display:block; content:""; clear:both;}
.cont02 .tab_menu li{width:33.3333%; float:left;}
.cont02 .tab_menu li a{display:block;text-indent:-9999px;background:url(//mpublic.hackers.com/images/event/2019/0709/re_200407/tab02.png) no-repeat;
background-size:300%; padding-bottom:42%;}
.cont02 .tab_menu li.on a{background-position-y:94%;}
.cont02 .tab_menu li .tab1 {background-position-x:0;}
.cont02 .tab_menu li .tab2 {background-position-x:50%;}
.cont02 .tab_menu li .tab3 {background-position-x:100%;}
.cont02 .mov_tab{position: absolute;width:80%;height: 18%;z-index: 1;right: 10%;top:69%;background:#000;}

.cont03 {position:relative;}
.cont03 .tab_menu{width:94%; margin:0 auto;}
.cont03 .tab_menu:after {display:block; content:""; clear:both;}
.cont03 .tab_menu li{ width:33.3333%; float:left;}
.cont03 .tab_menu li a{display:block;text-indent:-9999px;background:url(//mpublic.hackers.com/images/event/2019/0709/re_200407/tab03.png) no-repeat;
    background-size:300%; padding-bottom:42%;}
.cont03 .tab_menu li.on a{background-position-y:94%;}
.cont03 .tab_menu li .tab1 {background-position-x:0;}
.cont03 .tab_menu li .tab2 {background-position-x:50%;}
.cont03 .tab_menu li .tab3 {background-position-x:100%;}

.cont04 {position:relative;}
.cont04 .slide-in {position:absolute; left:5%; bottom:7%; width:90%;}
.cont04 .bx-wrapper .bx-pager {bottom:-6%;}

.cont05 {padding-bottom:10%; background:#292929;}
.cont05 .slide-in {width:85%; margin:0 auto;}
.cont05 .bx-wrapper .bx-pager {bottom:-10%;}
.cont05 .bx-wrapper .bx-prev {left:-7.5%;}
.cont05 .bx-wrapper .bx-next {right:-7.5%;}

/* js-tab */
.cont05 .js-tab-type1{width:100%;margin:0 auto;position:relative;}
.cont05 .js-tab-type1-con{display:none;}

.cont05_tab{background:url(//mpublic.hackers.com/images/event/2019/0709/re_200407/a_cont05_inner_bg.jpg) no-repeat center center;  width:100%; background-size:cover;}
.cont05_tab .e_inner_box{width:94%; margin:0 auto;position:relative;}
.cont05_tab .e_inner_box .book_btn{position:absolute;left:3%;bottom:22%;z-index:3; width:20vw;}

.cont05_tab .js-tab-type1{padding:0 0 0 27%;width:100%;margin:0 auto;position:relative;height: auto}
.cont05_tab .tab_menu{width:20%;position:absolute;top:7%;left:4%;}
.cont05_tab .tab_menu li a{display:block;width:100%;padding-top:40%;text-indent:-9999px;background:url(//mpublic.hackers.com/images/event/2019/0709/re_200407/tab01_left.png) no-repeat 0 0;background-size:200%;}
.cont05_tab .tab_menu li.on a{background-position-x:100%;}

.cont05_tab .tab_menu li .tab2 {background-position-y:33.3333%;}
.cont05_tab .tab_menu li .tab3 {background-position-y:66.6666%;}
.cont05_tab .tab_menu li .tab4 {background-position-y:100%}

.cont07_0{background:#3b4976;}
.cont07_0 iframe{display:block;margin:0 auto;}

.cont07_1 {position:relative;}
.cont07_1 input[type=checkbox] {position:absolute; }
.cont07_1 #chk01 {top:35%; left:23%;}
.cont07_1 #chk02 {top:73%; left:27%;}

.input-box {position:absolute; left:10%; top:20%; width:80%;}
.input-box li {margin-bottom:4%;}
.input-box label {display:inline-block; width:30%; color:#fff; font-size:15px;}
.input-box input[type="text"] {width:65%; height:28px; }
.info_txt_area_wrap{width:100%;background:#393e5e;}
.info_txt_area{display:block;width:92%;padding:2%;box-sizing:border-box; background:#fff; font-size:12px;margin:0 auto;}
.chk-box {position:absolute; left:0; top:58%; width:100%; color:#fff; text-align:center;}

.input-answer {position:absolute; left:19%; bottom:10%; width:40%;}
.input-answer input[type="text"] {width:100%; height:30px; border:none;}

.evt_foot_ben{position:fixed;left:0;bottom:0;text-align:center;width:100%;z-index:10;}

.pop_0609 {position:absolute; left:2%; top:3.5%; width:30%;}
.pop_0609 img {width:100%;}
.dungdung {
	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;
}

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

@media all and (max-width:330px){
    .input-box {top:15%;}

}
@media all and (min-width:331px) and (max-width:400px){
	.input-box {top:18%;}
}