@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500;700&display=swap');

/* ---------------------------------------- */
/* reset */
/* ---------------------------------------- */
html{font-size: 16px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
pre{word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-break:break-all;}
i{font-style: normal;}

/* 기본폰트 지정 */
body,button,input,select,table,textarea,pre{font-family:'Noto Sans KR','Malgun Gothic',Arial,sans-serif;font-size:16px;font-weight:400;color:#212121;line-height:1.3;letter-spacing:-.56px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

body{-webkit-text-size-adjust:none;}
button,fieldset,img{border:0 none}
fieldset,img{border:0}
img,li{border:0;vertical-align:top}
li,ol,ul{list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
address,em{font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:inherit;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a:active,a:focus,a:hover{text-decoration:none}
button{border:0;background:0 0;cursor:pointer}
table{margin:0;padding:0;border:0;border-spacing:0;border-collapse:collapse;}
input[type="text"],textarea{resize:none;border:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;}
embed,iframe,img,object,video{max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media screen and (max-width:999px){
  html{font-size:10px;font-size:0.625rem;}
  body,button,input,select,table,textarea{font-size:1.6rem;letter-spacing:-0.05rem;}
}
@media screen and (max-width:690px) {
  html{font-size:10px;font-size:0.625rem;-webkit-text-size-adjust: none;}
  body,button,input,select,table,textarea{font-size:1.6rem}
}

/* IE9+IE10 */
@media screen and (min-width:0\0){
  article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
  audio:not([controls]){display:none;height:0;}
  [hidden],template{display:none;}
  svg:not(:root){overflow:hidden;}
}


/* common */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a{
  text-decoration: none;
}
ul{
  list-style: none;
}

html{
  font-family:'Noto Sans KR','Malgun Gothic',Arial,sans-serif;
}

.inner{
  margin: 0 auto;
}
.title_box{margin-bottom: 50px; font-size: 0; text-align: center;}
.section_title{display: inline-block; position: relative; padding-bottom: 0.5rem; color: #fff; font-size: 1.5rem; font-weight: 500; line-height: 37px; text-transform: uppercase;}
.section_title:after{content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 3px; background: #fff;}
.confirm_modal{visibility: hidden; opacity: 0; position: fixed; top: 50%; left: 50%; z-index: 10; width: 400px; height: 200px; border: 1px solid #e0e0e0; border-radius: 20px; background: #fff; transform: translate(-50%, -50%); box-shadow: 0 6px 30px 0 rgb(0 0 0 / 20%); transition: opacity 0.3s}
.confirm_modal iframe{width: 100%; height: 100%;}
.confirm_modal.active{visibility: visible; opacity: 1;}


/* layOut */

/* header */
.header{position:fixed; top:0px; width: 100%; height: 60px; z-index: 100; text-align:center; color: #f2f2f2; background-color: rgba(0, 0, 0, 0.5)}
.header .inner{display:flex; flex-direction: row; justify-content: space-between; align-items: center; max-width: 1024px; height: 100%; }

.logo{display: block; width: 98px; height: 40px; text-indent: -9999px; background: url("../../static/images/elypecsSummitCommon/svg_logo.svg") no-repeat left top / cover; }

.hd_nav{display: flex; flex-direction: row; list-style: none; justify-content: center; align-items: center; height: 100%; }
.hd_nav li{display: flex; justify-content: center; align-items: center; position: relative; height: 100%; }
.hd_nav li+li{margin-left: 60px;}
.hd_nav li:after{content: ""; position: absolute; bottom: 0; left: -2px; width: 0; height: 3px; background: #fff; transition: width 0.35s}
.hd_nav li a{color: #fff; font-size: 16px; font-weight: 700;}

.skip_modal{opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); transition: opacity 0.3s 0.1s}
.skip_modal.active{opacity: 1; visibility: visible;}
.skip_modal .modal_box{position: relative; top: 50%; left: 50%; padding: 30px 20px 20px 20px; width: 460px; text-align: center; border-radius: 16px; background: #fff; transform: translate3d(-50%, -50%, 0);}
.skip_modal .skip_modal_tit{margin-bottom: 10px; color: #333; font-size: 18px; font-weight: 500;}
.skip_modal .skip_modal_desc{margin-bottom: 20px; color: #666; font-size: 14px;}
.skip_modal .modal_box a{display: block; margin: 10px auto; padding: 10px 10px; width: 50%; border-radius: 10px; background: #321ec6; transition: background 0.2s}
.skip_modal .modal_box a:hover{background: #1a0d83}
.skip_modal .modal_box a span{color: #f9f954;}
.skip_modal .skip_close_btn{position: absolute; top: 14px; right: 14px; z-index: 100; width: 30px; height: 30px; font-size: 0; background: url(../../static/images/elypecsSummit/ico_btn_close.png) no-repeat; background-size: cover; cursor: pointer;}

/* right Nav */
#fp-nav.right{right: 70px}
#fp-nav ul li .fp-tooltip{top: -4px; font-family: 'Noto Sans KR', 'Malgun Gothic', Arial, sans-serif; color: #fff; font-weight: 400; letter-spacing: -0.35px;}
#fp-nav ul li a.active+.fp-tooltip{opacity: 1; width: auto;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span{background: #fff;}

body.fp-viewing-anchor1 #fp-nav ul li .fp-tooltip{color: #333;}
body.fp-viewing-anchor1 #fp-nav ul li a span,
body.fp-viewing-anchor1 .fp-slidesNav ul li a span{background: #333;}
/* section */

/* circle animation */
.circle_animation{position: absolute; z-index:1; width: 667px; height: 667px;}
.circle_animation img{width: 100%; height: 100%; object-fit: cover;}

.section.conference .circle_animation{bottom: 0; left: -268px; margin-bottom: -295px; animation:circleAni1 10s ease infinite;}
.section.program .circle_animation{bottom: 0; right: -17px; margin-bottom: -317px; animation:circleAni2 10s 0.2s ease infinite;}
.section.speaker .circle_animation{bottom: 0; left: 80px; margin-bottom: -252px; width: 480px; height: 480px; animation:circleAni3 10s 0.4s ease infinite;}

/* conference : jane code -------------------------------------------------------------------------------------------------- */
.section.conference{
  position: relative;
  background: -webkit-linear-gradient(#ff3232,#8c00ff);
  background: linear-gradient(#ff3232,#8c00ff);
}
.section.conference:after{content: ""; display: block; z-index: 1; position: absolute; top: 85px; left: 25px; right: 25px; bottom: 25px; border-radius: 20px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff;}
.pos_relative{position: relative;}
.conference .inner{z-index: 10; width: 57.625rem;}
.main_title{color: #000; font-size: 3rem; line-height: 4.375rem;}
.main_txt_box.top{position: relative; padding-top: 7.5rem; width: 100%; height: 36.125rem; background: url("../../static/images/elypecsSummitAug/bg_main_txt_box.svg") no-repeat top right / contain}
.main_txt_box.top .main_title_img{width: 86%;}
.main_txt_box.top .main_title_img img{width: 100%;}
.conference .txt{color: #333; }
.main_txt{margin: 2.188rem 0; font-size: 1.5rem; font-weight: 400; letter-spacing: -.75px;}
.conference .main_sub_txt{position: absolute; bottom: 6px; font-size: 1rem; font-weight: 400; letter-spacing: -.45px; line-height: normal }
.date_txt{margin-top: 3.75rem; width: 100%; font-size: 26px; font-weight: 500; text-align: center; }
.date_txt b{display: block; font-size: 38px; font-weight: 700; letter-spacing: -.95px;}
.only_mobile{display: none;}
.sign_btn{display: none;}
.conf_outlink.btn_outlink{display: none; color: #fff; background: #ff3232}
/* --------------------------------------------------------------------------------------------------------------------- */

/* program */
.program .inner{width: 1024px;}
.table_tab{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 50px;}
.table_tab li{position: relative;}
.table_tab li+li{margin-left: 55px;}
.table_tab li+li::before{content: ""; display: block; position: absolute; top: 50%; right: 100%; margin-right: 1.438rem; z-index: 1; width: 5px; height: 5px; border-radius: 100%; background-color: #fff;;}
.table_tab li span{opacity: .6; color: #fff; font-size: 1.5rem; font-weight: 400; cursor: pointer; transition: all 0.2s}
.table_tab li.active span{opacity: 1}
.table_tab li:after{content: ""; position: absolute; top: 100%; left: 0; right: 0; margin-top: 0.625rem; width: 0; height: 1px; background-color: #fff; transition: width 0.2;}
.table_tab li.active:after{width: 100%;}

.table_box{display: none;}
.table_box.active{display: block;}
.table_box table{width: 100%; border-collapse: collapse;}
.table_box th,
.table_box td{vertical-align: middle; color: #fff; font-size: 0; font-weight: 400;}
.table_box th span,
.table_box td span{font-size: 1rem; letter-spacing: -.5px;}
.table_box th{font-weight: 600;}
.table_box thead tr{height: 50px;}
.table_box th{text-align: center; border-width: 2px 0; border-style: solid; border-color: #fff;}
.table_box tbody td{padding: 0 1.875rem; border-bottom: 1px solid #fff;}
.table_box tbody td:last-child{padding-right: 0;}
.table_box tbody tr{height: 44px;}
.table_box tfoot td{padding-top: 30px; font-size: 14px; text-align: right;}

.table_box thead th:nth-child(1),
.table_box tbody td:nth-child(1){width: 11.25rem;}
.table_box thead th:nth-child(2),
.table_box tbody td:nth-child(2){width: calc(100% - 33.125rem)}
.table_box thead th:nth-child(3),
.table_box tbody td:nth-child(3){width: 19.375rem;}
.table_box td.table_desc span:nth-child(1){display: block;}
.table_box td.table_desc span:nth-child(2){display: none;}
.table_box td.table_desc span:nth-child(3){display: none;}
.table_box td.table_desc span:nth-child(4){display: none;}

.table_title{display: none; margin-bottom: 4.17vw; color: #fff; font-size: 2.78vw;}
.table_box.expand thead th:nth-child(2),
.table_box.expand tbody td:nth-child(2){width: calc(100% - 11.25rem)}
.table_box.expand tbody td{padding: 10px 0;}

/* speaker */
.speaker .inner{width: 895px;}
.speaker_list{display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.speaker_item{display: inline-block;}
.speaker_item:first-child{margin-left: 20%; margin-right: 25px; margin-bottom: 20px}
.speaker_item:nth-child(2){margin-left: 25px; margin-right: 20%; margin-bottom: 20px}

.speaker_item .img_frame{overflow: hidden; width: 14.5rem;}
.speaker_item .img_frame img{width: 100%;}
.speaker_txt{margin-top: 10px; width: 100%; color: #fff; font-size: 14px; text-align: center;}
.speaker_txt b{display: block; font-size: 18px; font-weight: 700;}
.speaker_txt span{display: block; margin-top: 3px; font-weight: 400;}

.sponser_box{display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top: 2.8rem;}
.sponser_box .box{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.sponser_box .box.left_box{margin-left: 12.5rem}
.sponser_box .box.right_box{margin-left: 10rem; justify-content: space-between;}
.sponser_box .sponser_title{margin-bottom: 20px; width: 100%; color: #fff; font-size: 18px;}
.logo_item+.logo_item{margin-left: 40px;}
.logo_item img{display: block; width: 100%;}
.logo_item.olimplanet{width: 98px;}
.logo_item.metaplanet{width: 94px;}
.logo_item.eventus{width: 71.5px}

/* register */
.register .inner{width: 600px;}
.register .title_box{margin-bottom: 80px;}
.register .txt{color: #fff; font-size: 18px; text-align: center;}
.register .txt.acc{margin-top: 40px; color: #f9f954; font-size: 26px; font-weight: 500; letter-spacing: -.65px;}
.register .txt.acc b{display: block; margin-bottom: 10px; font-size: 40px; font-weight: 700; letter-spacing: -1.2px;}
.register .txt.sub_acc{margin-top: 40px; color: #9bfff0; font-size: 18px; font-weight: 700; letter-spacing: -.45px;}
.register .txt.desc{margin: 50px 0; font-size: 18px; font-weight: 300; letter-spacing: -.4px;}
.register .txt.sub_desc{margin-top: 15px; font-weight: 400;}
.btn_outlink{display: block; margin-top: 50px; width: 100%; height: 80px; color: #f9f954; font-size: 32px; font-weight: 700; letter-spacing: -.8px; text-align: center; line-height: 80px; border: 0; outline: 0; border-radius: 4px; background: #321ec6; transition: background .2s}
.register_box{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 55px;}
.register_box .item{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; width: 290px; height: 46px; border: 2px solid #9bfff0; border-radius: 3px;}
.register_box .item .ico{width: 18px;}
.register_box .item .ico img{display: block; width: 100%;}
.register_box .item p{margin-left: 8px; color: #f9f954; font-size: 18px; letter-spacing: -.45px;}


/* webinar */
.video_box{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.video_box video{width: 100%; height: 100%; object-fit: cover;}
.webinar .btm_box{display:flex; justify-content: space-between; align-items: flex-end; position: absolute; left: 40px; right:40px; bottom: 3%; z-index: 20; color: #fff;}
.webinar .btn_skip .btn{display: inline-block; padding:0 20px; line-height:40px; border-radius: 40px; background: linear-gradient(to right, #fff 1%, #fff 100%);
  color: #414141; box-shadow: 1px 1px 4px rgb(0 0 0 / 30%); outline: 0; border: none; cursor: pointer; font-family: 'Noto Sans KR','Malgun Gothic',Arial,sans-serif; font-size: 14px; font-weight: 700;}
.webinar .logo_box{width:120px;}
.webinar .logo_box img{width: 100%;}
.chrome_download{margin-top: 15px ;}
.chrome_download .msg{text-shadow:2px 2px 3px rgb(0 0 0 / 50%);}
.chrome_download .btn_chrome { padding: 4px 8px; border: 1px solid #fff; border-radius: 5px; font-size: 12px; color: #fff; letter-spacing: -0.8px; -webkit-transition: 0.3s; transition: 0.3s; }
.chrome_download .btn_chrome:hover,
.chrome_download .btn_chrome:focus { background: #fff; color: #414141; }

/* inquiry form */
/* common */
/* dropDown */
.dropdown_box{width: 264px;}
.dropdown{position: relative; width: 100%; text-align: left; height: 45px; border: 1px solid #505050;}
.dropdown .dropdown_name{display: block; padding-left: 32px; color: #fff; font-size: 14px; text-align: left; line-height: 45px; cursor: pointer}
.dropdown .dropdown_list{display: none; overflow: hidden; position: absolute; top: 100%; left: 0; right: 0; border-radius: 20px; background: #333;}

/* dropDown - 기본형*/
.dropdown_box .select{border: none; border-bottom: 1px solid #fff; border-radius: 0;}
.dropdown_box .select .dropdown_name {padding-left:5px; font-size: 18px; position: relative; cursor: pointer; color: #fff;}
.dropdown_box .select .dropdown_name:after {content:""; display: block; position: absolute; right: 13px; top: 50%; transform: translateY(-50%); width: 10px; height: 5px; background:url("../../static/images/ico/ico_dropdown_arrow_x2.png") no-repeat center / 100% 100%; transition: all .2s;}
.dropdown_box .select .dropdown_name.is_active:after { transform: translateY(-50%) rotate(180deg);}
.dropdown_box .select .select_list { padding:19.5px 0; transform: translateY(5px); background: #434343; border-radius:5px}
.dropdown_box .select .select_list .select_item a { display:block; padding-left:30px; line-height:46px; width:100%; color: #fff; text-align: left;box-sizing: border-box; font-size: 18px; color: #b7b7b7; transition: all .3s;}
.dropdown_box .select .select_list .select_item a:hover { background: #393939;}
.dropdown_box .select .select_list .select_item label { display:block; position: relative; transform: translateY(0); left: 0; cursor: pointer; padding-left:30px; line-height:46px; width:100%; color: #fff; text-align: left;box-sizing: border-box; font-size: 18px; color: #b7b7b7; transition: all .3s;}
.dropdown_box .select .select_list .select_item label:hover { background: #393939;}

/* input 요소 */
input[type="checkbox"],
input[type="radio"]{display: none;}
input{border: 0; outline: 0;}
::placeholder{color: #e0e0e0; font-weight: 500;}
.input_chk_box{}
.input_chk_box .input_label{position: relative; display: block; padding-left: 22px; font-size: 18px; line-height: 26px; letter-spacing: -.45px;}
.input_chk_box .input_label:before{content: ""; position: absolute; top: 50%; left: 0; width:  14px; height: 14px; background: url("../../static/images/ico/ico_chk_frame.png") no-repeat; background-size: cover; transform: translateY(-50%);}
.input_chk_box :checked+.input_label:before{background: url("../../static/images/ico/ico_chk_frame_on.png") no-repeat; background-size: cover; }

.input_search{overflow: hidden; margin-left: 12px; width: calc(100% - 50px); height: 25px; color: #6c6c6c; font-size: 16px; font-weight: 400; letter-spacing: -.4px; background: transparent}

/* style */
.wrap.main .section_form .inner {padding-left:0; padding-right: 0;}
.form_wrap{overflow: hidden; justify-content: space-between; align-items: flex-start; position: relative; padding: 110px 10.67% 200px 5.48% ; margin: 0 auto; border-top-left-radius: 20px; border-top-right-radius: 20px; background: url("../../static/images/img_bg_form.jpg") no-repeat; background-size: cover}
.form_wrap:before{content: ""; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);}

/* inquiry style */
.inquiry .inner{display:flex; justify-content: space-between; width: 100%; padding: 0 6.94vw;}
.inquiry .inner:after{content:none;}

.inquiry .box{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; margin: auto; width: 1015px;}
.inquiry .box .title_box{margin-bottom: 30px; width: 100%;}
.inquiry .box .txt_mo_box{display: none;}
.inquiry .box .img_box{display: block; position: relative; width: 226px; }
.inquiry .box .img_box img{position: relative; z-index: 10;}
.inquiry .box .img_box:after{content: ""; display: block; position: absolute; top: 6px; right: -6px; z-index: 1; width: 100%; height: 100%; background: #666}
.inquiry .box .txt_box{color: #fff; text-align: left;}
.inquiry .box .txt_box .desc_tit{margin-bottom: 20px;}
.inquiry .box .txt_box .desc_tit h3{font-size: 36px; font-weight: 900;}
.inquiry .box .txt_box .desc_tit p{font-size: 24px;}
.inquiry .box .txt_box .desc_txt{font-size: 18px;}
.inquiry .box .txt_box .txt{color: #fff;}
.inquiry .box .txt_box .desc_list_box{margin-top: 25px; line-height: 1.5;}
.inquiry .box .txt_box .desc_list_box .desc_list_tit{font-size: 16px; font-weight: 600;}
.inquiry .box .txt_box .desc_list_box li{font-size: 16px; font-weight: 400;}

.inquiry .box .btn_box{margin-top: 40px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; }
.inquiry .box .btn_box .btn{width: 253px; height: 65px; color: #fff; font-size: 18px; font-weight: bold; line-height: 65px; border-radius: 4px; background: #ff3232;}

/* 20220719 added */
.inquiry .box .request_box{display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 40px; width: 100%;}
.inquiry .box .request_tit{color: #fff; font-size: 30px; text-align: center; font-weight: 900;}
.inquiry .box .request_tit span{display: block; font-size: 24px; font-weight: 500;}
.inquiry .box .btn_box.request{margin-top: 0; margin-left: 36px; width: auto; text-align: center;}
.inquiry .box .request_box .btn{padding: 0 20px; width: auto; height: 60px; font-size: 16px; line-height: 60px;}

/* popup */

.popup{display: none; position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7)}

.popup .form{position: relative; top: 50%; left: 50%; padding: 0 40px; width: 600px; height: 700px; border-radius: 25px; background:#fff; transform: translate(-50%, -50%)}
.popup .form .dim{visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: rgba(0, 0, 0, 0.5); transition: opacity 0.3s}
.popup .form .dim.active{visibility: visible; opacity: 1;}
.popup .form .btn_popup_close{position: absolute; top: 25px; right: 25px; z-index: 100; width: 30px; height: 30px; font-size: 0; background: url("../../static/images/elypecsSummit/ico_btn_close.png") no-repeat; background-size: cover;}
.popup .form_box{position: relative; z-index: 10; width: 100%;}

.popup .form_box .logo_box{margin: auto; padding: 70px 0 40px; width: 130px; height: 30px; box-sizing: content-box;}
.popup .form_box .logo_box img{display: block; width: 100%;}
.popup .form_box .form_desc{font-size: 18px; text-align: center;}
.popup .form_box .form_desc b{display: inline-block; vertical-align: baseline; position: relative;}
.popup .form_box .form_desc b:after{content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0 ; display: block; height: 9px; background: #e7ff2e}

.popup .form_box ul{margin: 30px 0 20px;}
.popup .form_box ul li ~ li { margin-top:10px}
.popup .form_box .btn_box {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 40px;}
.popup .form_box .input_item { position: relative;}
.popup .form_box .input_item label { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 80%; font-size: 16px; color: #777; cursor: text; transition: all .5s;}
.popup .form_box .input_item input { display: block; padding: 0 15px; width: 100%; color:#121212; font-size: 16px; line-height: 46px; border: 1px solid #777; border-radius: 4px; background-color: transparent; transition: all .2s; -webkit-appearance: none; -moz-appearance: none; appearance: none}  
.popup .form_box .input_item input:focus { outline: 0;}
.popup .form_box .input_item.on label { opacity: 0;}
.popup .form_box .input_item.is_active input{background:#f1f1f1; transition: background 0.3s}

.popup .form_box .box.agree {width: 100%; text-align: center;}
.popup .form_box .terms{color: #555; font-size: 16px; line-height: 24px; text-align: center; border-bottom: 1px solid #555;}

.popup .form_box .btn_download{width: 253px; height: 65px; color: #fff; font-size: 18px; font-weight: bold; line-height: 65px; border-radius: 4px; background: #2e3eff}


/* Media Query */
/* pc */

@media screen and (min-width: 1024px){
  .hd_nav li.active:after,
  .hd_nav li:hover:after{width: calc(100% + 4px);}
  
  .btn_outlink:hover{background: #1a0d83}

  .table_tab li:hover span{opacity: 1}
  .table_tab li:hover:after{width: 100%;}

}
@media screen and (max-width: 1660px) {
  html{font-size: 14px;}
}
@media screen and (max-width: 1440px) {
  html{font-size: 13px;}
  #fp-nav.right{right: 20px}
}
@media screen and (max-width: 1280px) {
  html{font-size: 12px;}
  .program .inner{width: 900px;}
}

/* mobile */
@media screen and (max-width: 1024px) {

  /* common style code */
  .inner{margin: 0;}
  .title_box{margin-bottom: 3vw;}
  #fp-nav{display: none !important;}
  .circle_animation{display: none;}
  .only_pc{display: none!important;}
  .only_mobile {display: block;}

  /* header */
  .header{height: 8vw;}
  .header .inner{display:flex; flex-direction: row; padding: 0 2.6vw; max-width: initial;}

  .logo{margin: 1.39vw 0; width: 10vw; height: auto;  background: url("../../static/images/elypecsSummitCommon/svg_logo.svg") no-repeat center center / contain; }

  .hd_nav li+li{margin-left: 2.78vw;}
  .hd_nav li.active:after,
  .hd_nav li:hover:after{width: calc(100% + 4px); height: 0.42vw}
  .hd_nav li a{font-size: 2vw;}

  /* conference */
  .conference .inner,
  .speaker .inner{width: auto; margin-top: 6vw; padding: 0 13.89vw;}
  .speaker .inner{padding: 0 5vw;}
  .program .inner{width: 100%; padding: 0 6.94vw;}
  .register .inner{width: auto; margin-top: 9vw;}
  .main_txt_box.top{padding-top: 8vw; height: 43.75vw; background: url("../../static/images/elypecsSummitAug/bg_main_txt_box.svg") no-repeat top right / 31.53vw 100%}
  .main_title_img{width: 60.69vw;}
  .main_title_img img{width: 100%; vertical-align: middle;}
  .main_title{padding-top: 0.4vw; font-size: 3.61vw; line-height: normal;}
  .main_txt.only_mobile p{font-size: 2.78vw; font-weight: 400; letter-spacing: -.8px;}
  .main_txt_box.bottom{position: relative; padding-top: 26vw; width: 100%;}
  .conference .main_sub_txt{width: 100%; font-size: 2.4vw; text-align: center; top: 48vw; left: 50%; transform: translateX(-50%); letter-spacing: -0.53px;}
  .date_txt{position: relative; font-size: 2.71vw; margin-top: 0; margin-bottom: 4vw;}
  .date_txt b{font-size: 4.2vw;}
  .conf_outlink.btn_outlink{display: block;}
  .section.conference:after{top: 17.83vw; left: 4vw; bottom: 4vw; right: 4vw;}

  /* Program */
  .section_title{font-size: 3.61vw; line-height: 6vw; padding-bottom:0;}
  .section_title:after{height: 0.42vw;}
  .table_tab{margin-bottom: 6.94vw;}
  .table_tab li span{font-size: 3.33vw;}
  .table_tab li+li{margin-left: 7.64vw;}
  .table_tab li+li::before{margin-right: 3vw}

  .table_box tbody tr{height: 4.5vw;}
  .table_box tbody tr:nth-child(1){border-top: 2px solid #fff;}
  .table_box th span, .table_box td span{font-size: 2vw;}
  .table_box td.table_desc span:nth-child(1){display: none;}
  .table_box td.table_desc span:nth-child(2){display: block; padding-top: 0.4vw;}
  .table_box td.table_desc span:nth-child(3){display: block;}
  .table_box td.table_desc span:nth-child(4){display: block; padding-bottom: 0.4vw;}
  .table_box thead tr{display: flex; width: 100%;}
  .table_box thead th:nth-child(1), .table_box tbody td:nth-child(1){width: auto; vertical-align: baseline; padding: 1.39vw 2.78vw 0 2.78vw;}
  .table_box thead th:nth-child(2), .table_box tbody td:nth-child(2){width: auto;}
  .table_box thead th:nth-child(3), .table_box tbody td:nth-child(3){display: none;}
  .table_box tbody .table_normal td:nth-child(1){vertical-align: inherit; padding: 0 2.78vw;}
  .table_box tbody td{padding: 0;}
  .table_box.expand thead th:nth-child(1), .table_box.expand tbody td:nth-child(1){width: 30%}
  .table_box.expand tbody td{padding: 1.5vw 0;}
  .table_box tfoot td{font-size: 1.94vw; text-align: center; padding-top: 2.5vw;}
  
  /* speaker */
  .speaker_list{display: flex; flex-wrap: wrap; justify-content: space-between;;}
  .speaker_item:first-child{margin-left: 10vw; margin-right: 1vw; margin-bottom: 4vw;}
  .speaker_item:nth-child(2){margin-left: 1vw; margin-right: 10vw; margin-bottom: 4vw;}
  .speaker_item:last-of-type{margin-bottom: 0;}
  .speaker_item .img_frame{width: 25vw;}
  .speaker_txt b{font-size: 2.50vw;}
  .speaker_txt span{font-size: 1.94vw;}
  .sponser_box{justify-content: center; margin-top: 3.61vw;}
  .sponser_box .sponser_title{margin-bottom: 2.78vw; font-size: 2.50vw;}
  .sponser_box .box.left_box{margin-left: 0; margin-right: 2vw; width: 13.61vw;}  
  .sponser_box .box.right_box{margin-left: 9.72vw;}
  .logo_item.olimplanet{width: 100%;}
  .logo_item.metaplanet{width: 13.06vw;}
  .logo_item+.logo_item{margin-left: 1.25vw;}

  /* .register */
  .register .title_box{margin-bottom: 11.11vw;}
  .register .txt{font-size: 2.2vw;}
  .register .txt.acc{margin-top: 3vw; font-size: 3.2vw;}
  .register .txt.acc b{font-size: 5.28vw; letter-spacing:-0.13vw;}
  .register_box{flex-direction:column; margin-top: 4vw;}
  .register_box .item{width: 40.28vw; height: 6.39vw;}
  .register_box .item+.item{margin-top: 2.78vw;}
  .register_box .item .ico{width: 2.50vw;}
  .register_box .item p{font-size: 2.50vw;}
  .register .txt.sub_acc{margin-top: 4vw; font-size: 2.50vw;}
  .register .txt.desc{margin: 8.33vw 0; font-size: 2.22vw; letter-spacing: -0.06vw;}
  .btn_outlink{width: 60.56vw; height: 9.03vw; margin: 0 auto; font-size: 3.71vw; line-height: 9.03vw;}
  .register .btn_outlink{margin-top: 4vw;}

  .chrome_download .msg{font-size: 3.17vw;}

  /* inquiry style */
  .inquiry .inner{margin-top: 1.5vw;}
  .inquiry .box{width: 86vw;}
  .inquiry .box .txt_mo_box{display: block; margin-bottom: 3vw; padding-bottom: 3.61vw; width: 100%; border-bottom: 1px solid #383838}
  .inquiry .box .txt_mo_box h3,
  .inquiry .box .txt_mo_box p{color: #fff;}
  .inquiry .box .txt_mo_box h3{font-size: 4.6vw;}
  .inquiry .box .txt_mo_box p{margin-top: 1vw; font-size: 3.06vw;}
  .inquiry .box .img_box{width: 22vw;}
  .inquiry .box .txt_box .desc_tit{display: none;}
  .inquiry .box .txt_box .desc_txt{font-size: 2.22vw;}
  .inquiry .box .txt_box .desc_list_box{margin-top: 2.78vw;}
  .inquiry .box .txt_box .desc_list_box .desc_list_tit{font-size: 2.22vw;}
  .inquiry .box .txt_box .desc_list_box li{font-size: 2.22vw;}

  .inquiry .box .btn_box{margin-top: 5.6vw;}
  .inquiry .box .btn_box .btn{width: 35.14vw; height: 9.03vw; font-size: 2.5vw; line-height: 9.03vw;}
  
  /* 20220719 added */
  .inquiry .box .title_box{margin-bottom: 2.6vw;}
  .inquiry .box .request_box{flex-direction: column; margin-bottom: 2vw;}
  .inquiry .box .request_tit{font-size: 5vw;}
  .inquiry .box .request_tit span{font-size: 3vw;}
  .inquiry .box .btn_box.request{margin-top: 2vw; margin-left: 0; width: auto; text-align: center;}
  .inquiry .box .request_box .btn{padding: 0 2vw; width: auto; height: 7vw; font-size: 2.6vw; line-height: 7vw;}

  /* popup */
  .popup .form{padding: 0 5.56vw 8.33vw; width: 70vw; height: auto; border-radius: 3.47vw;}
  .popup .form .btn_popup_close{top: 3.47vw; right: 3.47vw; width: 4.17vw; height: 4.17vw;}

  .popup .form_box .logo_box{padding: 9.72vw 0 5.56vw; width: 18.06vw; height: auto; box-sizing: content-box;}
  .popup .form_box .form_desc{font-size: 2.5vw;}
  .popup .form_box .form_desc b:after{height: 1.25vw}

  .popup .form_box ul{margin: 4.17vw 0 2.78vw;}
  .popup .form_box ul li ~ li { margin-top:10px}
  .popup .form_box .btn_box {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 40px;}
  .popup .form_box .input_item { position: relative;}
  .popup .form_box .input_item.on { border-bottom: 1px solid #fff; }
  .popup .form_box .input_item label {left: 2.08vw; font-size: 2.22vw;}
  .popup .form_box .input_item input {padding: 0 2.08vw; font-size: 2.22vw; line-height: 6.39vw; border: 1px solid #777; border-radius: 0.42vw;}

  .popup .form_box .terms{font-size: 2.22vw; line-height: 1.5;}

  .popup .form_box .btn_download{width: 35.14vw; height: 9.03vw; font-size: 2.50vw; line-height: 9.03vw; border-radius: 0.56vw;}
    

}

/* fold */
@media screen and (min-width: 480px) and (max-width: 690px){
  /* common style code */
  .title_box{margin-bottom: 2.8vh;}

  /* header */
  .header{height: 9vh;}
  .logo{margin: 1.12vh 0; width: 10.6vh; height: 4.5vh;}
  .hd_nav li+li{margin-left: 2.78vw;}
  .hd_nav li.active:after,
  .hd_nav li:hover:after{width: calc(100% + 4px);}
  .hd_nav li a{font-size: 1.4vh;}

  /* conference */
  .conference .inner, .program .inner, .speaker .inner{margin-top: 11.11vw; padding: 0 16vh;}
  .main_txt_box.top{padding-top: 6.5vh; height: 27vh; background: url("../../static/images/elypecsSummitAug/bg_main_txt_box.svg") no-repeat top right / contain}
  .main_title_img{width: 41vh;}
  .main_title{font-size: 2.2vh; padding-top: 1vh;}
  .main_txt.only_mobile{margin: 3vh 0}
  .main_txt.only_mobile p{font-size: 2vh;}
  .main_txt_box.bottom{padding-top: 20vh;}
  .conference .main_sub_txt{font-size: 1.78vh; top: 30.5vh;}
  .date_txt{font-size: 2vh; margin-bottom: 3vh;}
  .date_txt b{font-size: 3vh;}
  .sign_btn{width: 39.18vh; padding: 1.42vh 0;}
  .sign_btn span{font-size: 2.2vh;}
  .section.conference:after{top: calc(9vh + 3vw); left: 3vw; right: 3vw; bottom: 3vw;}
  .conf_outlink.btn_outlink{margin: 2vh auto 0;}

  /* Program */
  .section_title{font-size: 2.5vh; padding-bottom:0.2vh}
  .table_tab{margin-bottom: 3vh}
  .table_tab li span{font-size: 1.8vh;}
  .table_box th span, .table_box td span{font-size: 1.37vh;}
  .table_box td.table_desc span:nth-child(2){padding-top: 1vh;}
  .table_box td.table_desc span:nth-child(4){padding-bottom: 1vh;}
  .table_box thead th:nth-child(1), .table_box tbody td:nth-child(1){ padding: 1vh 2vh 0 2vh;}
  .table_box tfoot td{font-size: 1.45vh; padding-top: 2.5vh;}
  
  /* speaker */
  .speaker_item{margin-bottom: 2vh;}
  .speaker_item:first-child{margin-left: 10vw; margin-right: 1vw; margin-bottom: 6vw;}
  .speaker_item:nth-child(2){margin-left: 1vw; margin-right: 10vw; margin-bottom: 6vw;}
  .speaker_item .img_frame{width: 14.5vh; height: 14.5vh;}
  .speaker_txt{margin-top: 1vh;}
  .speaker_txt b{font-size: 2vh;}
  .speaker_txt span{font-size: 1.6vh; margin-top: 0;}
  .sponser_box{margin-top: 1vh;}
  .sponser_box .box{justify-content: flex-start;}
  .sponser_box .box.left_box{width: auto;}
  .sponser_box .box.right_box{width: auto;}
  .sponser_box .sponser_title{margin-bottom: 1.3vh; font-size: 1.8vh;}
  .logo_item.olimplanet{width: 9.5vh;}
  .logo_item.galaxycorp{width: 12vh;}
  .logo_item.economyTV{width: 10vh;}
  .logo_item.metaplanet{width: 8vh;}
  .logo_item+.logo_item{margin-left: 1.8vh;}

  /* .register */
  .register .txt{font-size: 1.8vh;}
  .register .txt.acc{margin-top: 3.5vh; font-size: 2.7vh;}
  .register .txt.acc b{font-size: 4vh;}
  .register_box{margin-top: 3vh;}
  .register_box .item{width: 31vh; height: 4.5vh; margin-bottom: 2vh;}
  .register_box .item .ico{width: 1.7vh;}
  .register_box .item p{font-size: 1.7vh;}
  .register .txt.sub_acc{font-size: 1.6vh;}
  .register .txt.desc{margin-top: 3vh; font-size: 1.6vh;}
  .register .txt.sub_desc{margin-top: 3vh;}
  .btn_outlink{width: 39.18vh; height: 7vh; margin: 3vh auto 0; line-height: 7vh;}
  .register .txt.sub_acc{margin-top: 0;}

  /* inquiry style */
  .fbr{display: none;}
  .inquiry .box .title_box{margin-bottom: 2vw;}
  .inquiry .box{width: 75vw;}
  .inquiry .box .txt_mo_box{margin-bottom: 2.4vw; padding-bottom: 2.4vw;}
  .inquiry .box .txt_mo_box h3{font-size: 3.6vw;}
  .inquiry .box .txt_mo_box p{margin-top: 1vw; font-size: 2vw;}
  .inquiry .box .txt_box .desc_txt{font-size: 2vw;}
  .inquiry .box .txt_box .desc_list_box{margin-top: 2vw;}
  .inquiry .box .txt_box .desc_list_box .desc_list_tit{font-size: 2vw;}
  .inquiry .box .txt_box .desc_list_box li{font-size: 2vw;}

  .inquiry .box .btn_box{margin-top: 2vw;}
  .inquiry .box .btn_box .btn{width: 35.14vw; height: 7vw; font-size: 2.5vw; line-height: 7vw;}
  .inquiry .box .request_box{flex-direction: row; justify-content: space-between; margin-bottom: 2vw;}
  .inquiry .box .btn_box.request{margin-top: 0; width: 22.5vw;}
  .inquiry .box .btn_box.request .btn{padding: 0; width: 100%; height: 6vw; font-size: 1.81vw; line-height: 6vw;}

  .inquiry .box .request_tit{font-size: 3vw;}
  .inquiry .box .request_tit span{font-size: 2.64vw;}

  /* popup */
  .popup .form{padding: 0 5.56vw 6vw;}

  .popup .form_box .logo_box{padding: 6vw 0 4vw;}
}
/* mobile */
@media screen and (max-width: 450px) {
  .header{height: 13.83vw;}
  .header .inner{flex-direction: column; padding: 0;}
  .logo{width: 13.61vw; height: 5.56vw; }
  .skip_modal .modal_box{padding: 13vw 5vw 10vw; width: 90vw; }
  .skip_modal .modal_box a{width: 70%;}
  .skip_modal .skip_close_btn{top: 3vw; right: 3vw;}
  .skip_modal .skip_modal_tit{font-size: 4vw;}
  .skip_modal .skip_modal_desc{font-size: 3vw;}
  .confirm_modal{width: 86vw; height: auto;}

  /* common style code */
  .title_box{margin-bottom: 3vw;}

  /* conference */
  .conference .inner,.speaker .inner{padding: 0 11.11vw;}
  .main_txt_box.top{padding-top: 8.89vw;}
  .main_txt_box.bottom{padding-top: 32vw;}
  .conference .main_sub_txt{font-size: 2.5vw; top:50.69vw;}
  .conference .txt.only_mobile{margin: 3vw 0;}
  .date_txt{margin-bottom: 6.94vw;}
  .date_txt b{font-size: 4.72vw;}

  /* Program */
  .table_box tbody tr{height: 6.39vw;}
  .table_box th span, .table_box td span{font-size: 2.50vw;}
  .table_box td.table_desc span:nth-child(2){padding-top: 1.39vw;}
  .table_box td.table_desc span:nth-child(4){padding-bottom: 1.39vw;}
  .table_box tfoot td{adding-top: 4.17vw;}
  
  /* speaker */
  .speaker_list:after{content: ""; display: block; clear: both;}
  .sponser_box .box.left_box{margin-right: 0; width: 13.61vw;}
  .logo_item+.logo_item{margin-left: 2.5vw;}
  .speaker_item{margin-bottom: 2.5vw;}
  .speaker_item:first-child{margin-left: 0; margin-right: 0; margin-bottom: 2.5vw;}
  .speaker_item:nth-child(2){margin-left: 0; margin-right: 0; margin-bottom: 2.5vw;}
  .speaker_item .img_frame{width: 30vw;}

  /* .register */
  .register .txt{font-size: 2.50vw;}
  .register .txt.acc{margin-top: 5.56vw; font-size: 3.61vw;}
  .register_box{margin-top: 5.56vw;}
  .register .txt.sub_acc{margin-top: 5.56vw;}
  .register .txt.desc{margin-top: 6.94vw;}
  .register .txt.sub_desc{margin-top: 8.33vw;}
  .btn_outlink{margin: 6.94vw auto 0;}

  /* library */
  .inquiry .inner{padding: 0 3.33vw;}
  .inquiry .box .txt_box{width: calc(100% - 32vw);}
}
@media screen and (max-width: 360px){
  .sponser_box .box.left_box{margin-right: 0; width: 13.61vw;}
  .logo_item+.logo_item{margin-left: 2.5vw;}
  .speaker_list{justify-content: center; margin-top: 5vw;}
  .speaker_item{margin-bottom: 8vw;}
  .speaker_item:first-child,
  .speaker_item:nth-child(2){ margin-bottom: 8vw;}
  .speaker_item:last-of-type{margin-bottom: 8vw;}
  .speaker_item .img_frame{width: 23vw;}
}

/* keyframes */
@keyframes circleAni1 {
  0%{margin-bottom: -295px;}
  35%{margin-bottom: -330px;}
  50%{margin-bottom: -295px;}
  75%{margin-bottom: -330px;}
  100%{margin-bottom: -295px;}
}

@keyframes circleAni2 {
  0%{margin-bottom: -317px;}
  35%{margin-bottom: -350px;}
  50%{margin-bottom: -317px;}
  75%{margin-bottom: -350px;}
  100%{margin-bottom: -317px;}
}

@keyframes circleAni3 {
  0%{margin-bottom: -252px;}
  35%{margin-bottom: -290px;}
  50%{margin-bottom: -252px;}
  75%{margin-bottom: -290px;}
  100%{margin-bottom: -252px;}
}