@charset "utf-8";

#wrap{position:relative;padding-top:80px}
.inner{position:relative;width:1300px;margin:0 auto}
.pc_br{display:block}
.pc_kr{display:block}
.m_br{display:none}

header{position:fixed;top:0;left:0;right:0;z-index:10; padding:21px 0; background-color:#0F233D}
header .inner{display:flex;justify-content:space-between}
header h1 a{ width:310px;height:38px; text-indent:-9999px; background:url('../images/logo.png') 0 0 no-repeat;background-size:100%; display:block}
header .btns{display:flex;align-items:center}
header .btns span{font-size:16px;color:#fff; align-items:center}
header .btns a{display:inline-block;width:40px; color:#fff}
header .btns a.active{color:#00B8D9;font-weight:700}

header .btns button{opacity:0;pointer-events:none; width:0;height:42px; overflow:hidden; border-radius:30px;background-color:#fff; font-size:14px;color:#0F233D; justify-content:flex-end;align-items:center; transition:all .2s}
header .btns button.show{opacity:1;pointer-events:auto; width:auto;padding:13px 24px;margin-left:30px}
header .btns .lang-select{padding:0 25px 0 10px; font-size:16px;font-weight:500;color:#00B8D9;border:0;cursor:pointer; background:#0F233D url('../images/select.png') right center no-repeat;background-size:12px; appearance:none;-webkit-appearance:none;-moz-appearance:none}
header .btns .lang-select:focus{outline:none}

footer{background-color:#05243f}
footer .inner{padding:45px 60px 60px; display:flex;align-items:center;justify-content:space-between}
footer .inner h1{width:164px;height:58px; text-indent:-9999px; background:url('../images/footer.png') 0 0 no-repeat;background-size:100%}
footer .inner >div{color:#9795B5}

.keyvi{position:relative; min-width:1300px; background:#05243f url('../images/keyvi.png') center no-repeat;background-size:auto 100%}
.keyvi .inner{height:810px; padding:160px 50px; box-sizing:border-box}
.keyvi h1{font-family:"PoppinsBold";font-size:60px;line-height:1.2;color:#fff}
.keyvi h1 span{font-family:"PoppinsSemiBold";font-size:40px;color:#00A4FF}
.keyvi p{font-family:"PoppinsRegular";font-size:24px;line-height:1.4;color:#fff}
.keyvi p+p{margin-top:24px; font-size:18px}
.keyvi a{margin-top:45px;padding:22px 35px; font-size:16px;font-weight:700;color:#1a1a1a; border-radius:30px;background-color:#fff; display:inline-flex;align-items:center}
.keyvi a::after{content:'';display:inline-block; margin-left:8px;width:16px;height:16px; background:url('../images/arrow_right.png') 0 0 no-repeat;background-size:100%}

.intro{margin-top:100px;}
.intro h2{font-family:"PoppinsBold";font-size:40px;line-height:1.2;color:#022831;word-break:keep-all}
.intro p{margin-top:24px;max-width:1180px; font-size:20px;color:#5E5E5E;word-break:keep-all}
.intro .img{margin-top:100px;height:458px; text-indent:-9999px; background:url('../images/intro.png') 0 0 no-repeat;background-size:100%}

.contWrap{padding:100px 0}
.contWrap nav{position:sticky;top:80px;z-index:10; padding:30px 0 10px; background-color:#fff}
.contWrap nav >div{display:flex;align-items:center;justify-content:center;gap:30px}
.contWrap nav a{font-size:20px;color:#00B8D9;cursor:pointer;transition:all .3s linear}
.contWrap nav a:hover{color:#0d6ea4;}

.contWrap nav .active{font-family:"PoppinsBold"}

.contWrap .section{margin-top:100px}
.contWrap .section h3{font-family:"PoppinsBold";font-size:20px;line-height:1.2; color:#00B8D9}
.contWrap .section h3 +div{margin-top:16px}

.contWrap .section table{border-top:1px solid #425167;border-bottom:1px solid #425167}
.contWrap .section table th{background-color:#F5F7FB}
.contWrap .section table td{border-left:1px solid #DDE0E6}
.contWrap .section table tr:nth-child(n+2) th,
.contWrap .section table tr:nth-child(n+2) td{border-top:1px solid #DDE0E6}

.programWrap table{font-size:16px;color:#1a1a1a}
.programWrap table th{height:60px;font-weight:500}
.programWrap table td{height:60px;padding:0 24px}
.programWrap ul{display:none}

.agendaWrap table{font-size:14px}
.agendaWrap table thead th{ font-size:16px;font-weight:500;line-height:1.2; border-bottom:1px solid #DDE0E6}
.agendaWrap table thead th+th{border-left:1px solid #DDE0E6}
.agendaWrap table th{height:21px;padding:12px; font-weight:400}
.agendaWrap table td{height:21px;padding:12px}
.agendaWrap table th.session{font-size:16px;font-weight:700;color:#1792ae; background-color:#ebf9ff}
.agendaWrap table td.breakTime{text-align:center;background-color:#F5F7FB}
.agendaWrap table td.alignCenter{text-align:center}
.agendaWrap table td.alignLeft{text-align:left}
.agendaWrap .accordion{display:none}

.speakerWrap{margin-top:16px; display:flex;flex-wrap:wrap;gap:16px 33px}
.speakerWrap li{width:300px;height:440px; position:relative}
.speakerWrap li.clickable{cursor:pointer}
.speakerWrap li::before{content:'';display:block;width:100%;height:400px; border-radius:100px 0 0 0;background-image: linear-gradient(315deg, #4a9dc2, #a2ddeb); position:absolute;bottom:0}
.speakerWrap li >span{position:absolute;top:0;bottom:0;left:0;right:0}
.speakerWrap li >span:after{content:''; position:absolute;top:0;bottom:0;left:0;right:0; opacity:0;transition:all .3s}
.speakerWrap li div{position:absolute;bottom:0;left:0;right:0; height:65px;padding:20px; background: linear-gradient(to bottom, rgba(74, 157, 194, 0) 0%, rgba(74, 157, 194, 1) 15%);box-sizing:border-box;transition:all .3s}
.speakerWrap li div strong{font-size:18px;font-weight:500;color:#fff;letter-spacing:.25px}
.speakerWrap li div strong span{font-size:14px;font-weight:300; vertical-align:baseline;}
.speakerWrap li div p{font-size:13px;font-weight:300;color:#fff; opacity:0; transition:all .3s}
.speakerWrap li:hover >span:after{opacity:1}
.speakerWrap li:hover div{height:105px}
.speakerWrap li:hover div p{display:block;opacity:1}

.speakerWrap li.color01::before{background-image: linear-gradient(315deg, #4a9dc2, #a2ddeb)}
.speakerWrap li.color01 div{background: linear-gradient(to bottom, rgba(74, 157, 194, 0) 0%, rgba(74, 157, 194, 1) 15%)}
.speakerWrap li.color02::before{background-image: linear-gradient(315deg, #0d6ea4, #119bc4)}
.speakerWrap li.color02 div{background: linear-gradient(to bottom, rgba(13, 110, 164, 0) 0%, rgba(13, 110, 164, 1) 15%)}
.speakerWrap li.color03::before{background-image: linear-gradient(315deg, #1f5089, #086da3)}
.speakerWrap li.color03 div{background: linear-gradient(to bottom, rgba(31, 80, 137, 0) 0%, rgba(31, 80, 137, 1) 15%)}
.speakerWrap li.color04::before{background-image: linear-gradient(315deg, #163663, #134c88)}
.speakerWrap li.color04 div{background: linear-gradient(to bottom, rgba(22, 54, 99, 0) 0%, rgba(22, 54, 99, 1) 15%)}

.speakerWrap li.speaker01 >span{background:url('../images/speaker01.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker01 >span:after{background:url('../images/speaker01_on.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker02 >span{background:url('../images/speaker02.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker02 >span:after{background:url('../images/speaker02_on.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker03 >span{background:url('../images/speaker03.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker03 >span:after{background:url('../images/speaker03_on.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker04 >span{background:url('../images/speaker04.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker04 >span:after{background:url('../images/speaker04_on.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker05 >span{background:url('../images/speaker05.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker05 >span:after{background:url('../images/speaker05_on.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker06 >span{background:url('../images/speaker06.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker06 >span:after{background:url('../images/speaker06_on.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker07 >span{background:url('../images/speaker07.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker07 >span:after{background:url('../images/speaker07_on.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker08 >span{background:url('../images/speaker08.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker08 >span:after{background:url('../images/speaker08_on.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker09 >span{background:url('../images/speaker09.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker09 >span:after{background:url('../images/speaker09_on.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker10 >span{background:url('../images/speaker10.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker10 >span:after{background:url('../images/speaker10_on.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker11 >span{background:url('../images/speaker11.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker11 >span:after{background:url('../images/speaker11_on.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker12 >span{background:url('../images/speaker12.png') 0 0 no-repeat;background-size:100%}
.speakerWrap li.speaker12 >span:after{background:url('../images/speaker12_on.png') 0 0 no-repeat;background-size:100%}

.vodWrap{height:300px; display:flex;align-items:center;justify-content:center;}
.vodWrap a{display:flex;align-items:center;justify-content:center; width:900px;height:120px; font-size:36px;font-weight:700;color:#fff; border-radius:60px;background-color:#114780;}

.registerWrap{border:1px solid #DDE0E6;display:flex}
.registerWrap >div{padding:85px 0 50px 85px;height:336px; flex:1 1 0; box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;}
.registerWrap >div strong{font-size:40px;color:#163663;word-break:keep-all; display:block}
.registerWrap >div strong span{font-size:16px;font-weight:400;letter-spacing:-.25px; display:block;}
.registerWrap >div button{width:250px;height:80px;padding:0 30px; font-size:24px;font-weight:500;text-align:left;color:#fff; background-color:#163663;/*color:#ddd; border:1px solid #ddd;*/border-radius:40px;}
.registerWrap >div:nth-child(1){border-right:1px solid #DDE0E6;background-color:#F5F7FB}
/* .registerWrap >div:nth-child(1) button{color:#fff;background-color:#163663;border:0;} */

.mapWrap{padding:35px 45px; background-color:#F5F7FB}
.mapWrap >div{display:flex;justify-content:space-between;gap:20px}
.mapWrap div .mapIframe{width:525px;height:395px; padding:10px; background-color:#fff}
.mapWrap div .mapIframe iframe{width:100%;height:100%; border:0}
.mapWrap div >div:nth-child(2){flex:1 1 0; padding:40px 35px; border-radius:25px}
.mapWrap div li{font-size:16px;color:#777;word-break:keep-all}
.mapWrap div li strong{padding-left:36px; font-size:18px;font-weight:500;line-height:32px;color:#444; background-size:auto 100% !important;display:block}
.mapWrap div li em{font-weight:500; display:block}
.mapWrap div li:nth-child(1) strong{background:url('../images/icon_map.png') 0 center no-repeat}
.mapWrap div li:nth-child(2) strong{background:url('../images/icon_map02.png') 0 center no-repeat}
.mapWrap div li:last-child{margin-top:22px}
.mapWrap p{margin-top:32px; font-size:16px;font-weight:500;color:#777}

/* layer popup */
.wrap-layer-popup{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:300}
.wrap-layer-popup .dimmed{width:100%;height:100%; background:#000;opacity:.5;filter:alpha(opacity=50); position:absolute;top:0;left:0;bottom:0;right:0}
.wrap-layer-popup .loop{height:0;width:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px)}
.pop-layer{width:1000px;height:auto;max-height:90vh;overflow-y:auto; background-color:#fff; display:block;position:absolute;top:50%;left:50%;z-index:100}
.pop-layer .btn-close{width:30px;height:30px; position:absolute;top:18px;right:30px}
.btn-close,
.btn-close span{display:inline-block;box-sizing:border-box}
.btn-close {position:relative;width:25px;height:25px}
.btn-close span{position:absolute;left:0;width:100%;height:2px;background-color:#fff;border-radius:4px}
.btn-close span:nth-of-type(1){top:0;-webkit-transform:translateY(20px) rotate(-45deg);transform:translateY(20px) rotate(-45deg)}
.btn-close span:nth-of-type(2){top:20px;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}

.speakerPop{width:800px}
.speakerPop .head h1{display:none}
.speakerPop .head .btn-close span{background-color:#1C1B1F}
.speakerPop .contents{display:flex}
.speakerPop .contents .photo{margin:20px;width:240px}
.speakerPop .contents .cont{padding:40px 80px 60px 20px; background-color:#F5F7FB; word-break:keep-all;flex:1 1 0}
.speakerPop .contents .cont h2{color:#20BADD;font-weight:500}
.speakerPop .contents .cont h3{margin:24px 0 10px; font-size:16px;font-weight:500}
.speakerPop .contents .cont strong{font-size:24px}
.speakerPop .contents .cont strong span{font-size:20px;font-weight:400;vertical-align:baseline;}
.speakerPop .contents .cont li{padding-left:12px;text-indent:-12px}

.registerPop .head{padding:27px 30px; background-color:#425167}
.registerPop .head h1{font-size:20px;line-height:1;color:#fff}
.registerPop .head .btn-close span{background-color:#fff}
.registerPop .contents{padding:30px 80px}
.registerPop .contents .stap{margin-bottom:50px; display:flex;align-items:center;justify-content:center}
.registerPop .contents .stap li{font-size:20px;color:#808080;list-style:auto}
.registerPop .contents .stap li:after{content:'';display:inline-block;width:24px;height:24px;margin:0 30px 0 10px; background:url('../images/step.png') 0 0 no-repeat;background-size:100%;vertical-align:text-top}
.registerPop .contents .stap li:last-child:after{display:none}
.registerPop .contents .stap li.active{font-weight:700;color:#000}
.registerPop .contents .scrollBox{margin-top:15px; font-size:14px;color:#9795b5; word-break: keep-all}
.registerPop .contents .scrollBox ol{margin-top:15px}
.registerPop .contents .scrollBox ol li{padding-left:14px;text-indent:-14px}
.registerPop .contents button{margin:40px auto 0;width:380px;height:66px; font-size:18px;font-weight:500;color:#fff; border-radius:33px;background-color:#f2f4f8; display:flex;align-items:center;justify-content:center}
.registerPop .contents button.active{background-color:#0F233D}
.registerPop .contents .form-ele label{font-size:14px;font-weight:500;color:#21272A}
.registerPop .contents .form-ele input[type="text"],
.registerPop .contents .form-ele input[type="number"],
.registerPop .contents .form-ele input[type="email"]{padding:0;margin:8px 0 16px; width:100%;height:48px; font-size:16px;color:#697077;text-indent:16px; border:0;border-bottom:1px solid #c1c7cd;background-color:#f2f4f8}
.registerPop .contents .form-ele select{padding:0;margin:8px 0 16px; width:100%;height:48px; font-size:16px;color:#697077;text-indent:16px; border:0;border-bottom:1px solid #c1c7cd;background-color:#f2f4f8}
.registerPop .stap01 >div{margin-bottom:40px}
.registerPop .stap01 em input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.registerPop .stap01 em input[type="checkbox"] + label{font-size:24px;font-weight:700;color:#5d5a88; text-indent:0; display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.registerPop .stap01 em input[type="checkbox"] + label:before{content:'';display:inline-block; margin-right:8px;width:14px;height:14px;line-height:14px; text-align:center;vertical-align:middle;border:1px solid #121619;transition:all .4s}
.registerPop .stap01 em input[type="checkbox"]:checked + label:before{content:'\2714'; color:#5d5a88;text-shadow:1px 1px #333}
.registerPop .stap02 >strong{font-size:16px;font-weight:700;color:#21272A; display:block}
.registerPop .stap02 >div{display:flex;gap:16px}
.registerPop .stap02 >div .form-ele{flex:1 1 0}
.registerPop .stap02 >p{font-size:14px;font-weight:500;color:#21272A}
.registerPop .stap02 .form-ele label{display:flex;}
.registerPop .stap02 .form-ele label span{margin-left:auto; font-weight:400}
.registerPop .stap02 .form-radio{width:50%;margin-top:14px}
.registerPop .stap02 .form-radio input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.registerPop .stap02 .form-radio input[type="radio"] + label{font-size:16px;color:#21272A; text-indent:0; display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.registerPop .stap02 .form-radio input[type="radio"] + label:before{content:'';display:inline-block; margin-right:8px;width:14px;height:14px;line-height:14px; text-align:center;vertical-align:middle;border:1px solid #121619;border-radius:100%;transition:all .4s}
.registerPop .stap02 .form-radio input[type="radio"]:checked + label:before{content:'\2714'; color:#21272A;text-shadow:1px 1px #333}
.registerPop .stap03 >div{height:400px; text-align:center; display:flex;align-items:center;justify-content:center;flex-direction:column}
.registerPop .stap03 >div strong{font-size:36px;color:#5D5A88}
.registerPop .stap03 >div p{margin-top:60px; font-size:18px;color:#9795B5}

/* login */
/* inp-box */
.inpBox{margin-left:5px}
.inpBox:first-child{margin-left:0}
.inpBox input{width:100%;height:40px; border-radius:8px;border:solid 1px #e2e2e2; font-size:13px;color:#212529;font-weight:500;text-indent:10px; transition:all .3s linear}
.inpBox input:focus{border-color:#5280e2}

#wrap.log{min-height:100%;padding:0; background:#ebf0f6 url('../images/bg_log.png') no-repeat center;background-size:100%}
.logWrap{width:440px; text-align:center; position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.logWrap h1{display:inline-block; width:200px;height:37px; text-indent:-9999px; background-color:#134c88; mask:url('../images/logo.svg') center left no-repeat; mask-size:contain}
.logWrap form{width:360px;margin:25px auto 0}
.logWrap form .inpBox{margin-left:0}
.logWrap form .inpBox input{height:48px;margin-top:8px; font-size:15px}
.logWrap form button{width:100%;height:56px;margin-top:30px; border-radius:12px;background-color:#5280e2; font-size:17px;color:#fff;font-weight:700}

/* admin 리스트 공통 스타일 */
.admin{padding:50px 0}
.admin .inner.admin-inner{
    width:100%;
    max-width:1400px;
    margin:0 auto;
}

/* admin 기본 폰트 */
.admin,
.admin .dataTable,
.admin .table-toolbar,
.admin .search-panel,
.admin .filter-item,
.admin .filter-item select,
.admin .filter-item label,
.admin .excel {
    font-family:"Pretendard","PoppinsRegular",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:14px;
}
.admin .filter-item{width:300px;flex:none; display:flex;align-items:center;gap:10px;}
.admin .filter-item label{flex:none;margin:0;}
/* 상단 헤더 */
.admin-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:16px;
}
.admin-title{
    font-size:20px;
    font-weight:600;
    margin:0;
    color:#0F233D;
}
.admin-summary{
    display:inline-block;vertical-align: middle;
    margin-left:10px;
    font-size:13px;
    color:#666;
}
.admin-header-right{
    display:flex;
    align-items:center;
}

/* 엑셀 버튼 (상단 큰 버튼) */
.excel-large{
    padding:8px 18px 8px 36px;
    border-radius:20px;
    border:1px solid #ccc;
    background:#f8f8f8 url('../images/excel.png') 14px center no-repeat;
    background-size:16px;
    font-weight:500;
    font-size:13px;
    cursor:pointer;
}

/* 검색/필터 패널 */
.search-panel{
    margin-bottom:16px;
    padding:12px 16px;
    border-radius:8px;
    background-color:#F5F7FB;
}
.filter-row{
    display:flex;
    flex-wrap:wrap;
    gap:12px 16px;
    justify-content:space-between;
}
.filter-item{
    min-width:180px;
    flex:1 1 0;
}
.filter-item label{
    display:block;
    margin-bottom:4px;
    font-size:12px;
    color:#425167;
    font-weight:500;
}
.filter-item select{
    width:100%;
    padding:6px 8px;
    font-size:13px;
    border-radius:4px;
    border:1px solid #DDE0E6;
    background-color:#fff;
}

/* 리스트 테이블 */
.admin .tableHead{
    padding-right:17px;
    background:#0f5b78;
    overflow-x:auto;
}
.admin .tableHeadInner{
    min-width:1200px;
}
.admin .scrollWrap{
    height:calc(100vh - 397px);
    overflow:auto;
    background-color:#fdfdfd;
}
.admin .dataTable{
    width:100%;
    min-width:1200px;
    border-collapse:collapse;
}
.admin .dataTable thead {color:#fff}
.admin .dataTable thead th{
    font-weight:500;
    padding:6px 8px;
    border-left:1px solid #777;
}
.admin .dataTable thead tr:nth-child(2) th{border-top:1px solid #777}
.admin .dataTable th,
.admin .dataTable td{
    padding:8px;
    text-align:center;
    font-size:13px;
}
.admin .dataTable tbody tr:nth-child(even){background:#f2f4f8}


@media (max-width:1401px){
    .inner{width:auto;padding:0 50px}
    footer .inner{padding:30px 50px 50px}

    .keyvi{min-width:auto; background-position:70% 80px}
    .intro .img{margin-top:7.1428vw;height:32.7142vw}

    .contWrap{padding:7.1428vw 0}
    .contWrap .section{margin-top:7.1428vw}
}
@media (max-width:1191px){
    .pc_kr{display:none}
}
@media (max-width:1081px){
    .pc_br{display:none}
    .intro p{width:100%;}

    .speakerWrap{gap:16px 30px}
    .speakerWrap li{width:auto;height:41.7061vw; flex:1 1 calc((100% - 60px) / 3)}
    .speakerWrap li::before{height:37.3831vw; border-radius:9.3457vw 0 0 0}
    .speakerWrap li div{height:6.0747vw;padding:1.869vw}
    .speakerWrap li div strong{font-size:1.682vw}
    .speakerWrap li div p{font-size:1.3084vw}
    .speakerWrap li:hover div{height:105px}

    .vodWrap{height:30vw;}
    .vodWrap a{width:60vw;height:12vw;}

    .registerWrap >div{padding:5vw 0 5vw 7.4766vw}
    .registerWrap >div button{width:23.126vw;height:7.4vw;padding:0 1.85vw;}

    .mapWrap div .mapIframe{width:40.0654vw;height:36.9158vw}
    .mapWrap div >div:nth-child(2){flex:1 1 0; padding:0; border-radius:25px}
    .mapWrap div li:last-child{margin-top:2vw}
    .mapWrap p{margin-top:2.9vw}

    .admin .inner.admin-inner{
        padding:0 20px;
    }
    .admin-header{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }
    .admin-header-right{
        width:100%;
        justify-content:flex-end;
    }
    .search-panel{
        padding:10px 12px;
    }
    .filter-item{
        min-width:160px;
        flex:1 1 calc(50% - 8px);
    }
}

@media (max-width:821px){
    #wrap{padding-top:0}
    .inner{width:auto;padding:0 5.3333vw}
    .pc_br{display:none}
    .m_br{display:block}

    header{position:relative; padding:4.2666vw 0}
    header h1 a{ width:45vw;height:6.1333vw}
    header .btns{position:absolute;right:5.3333vw;bottom:0}
    header .btns span{font-size:4.2666vw}
    header .btns a{width:8vw; font-size:4.2666vw}
    header .btns button{display:none}

    footer .inner{padding:4.2056vw 5.3333vw}
    footer .inner h1{width:21.866vw;height:7.733vw}
    footer .inner >div p{font-size:3.133vw}
    
    .keyvi{position:relative; min-width:auto; background:#05243f url('../images/m_keyvi.png') center 50vw no-repeat;background-size:100%;}
    .keyvi .inner{height:auto; padding:10.666vw 8vw 26.666vw; box-sizing:border-box}
    .keyvi h1{font-size:10.666vw}
    .keyvi h1 span{font-size:8vw}
    .keyvi p{margin-top:3.2vw; font-size:5.333vw}
    .keyvi p+p{margin-top:5.333vw; font-size:3.733vw}
    .keyvi button{margin-top:10.666vw;padding:5.333vw 8vw; font-size:4.2667vw; border-radius:8vw}
    .keyvi button::after{margin-left:2.133vw;width:4.2667vw;height:4.2667vw}

    .intro{margin-top:10.666vw}
    .intro h2{font-size:7.466vw}
    .intro p{margin-top:4.2666vw;max-width:none; font-size:4.2666vw}
    .intro .img{margin-top:4.2666vw;height:105.0666vw; background:url('../images/m_intro.png') 0 0 no-repeat;background-size:100%}

    .contWrap{padding:2.666vw 0 10.666vw}
    .contWrap nav{top:0; margin-right:-5.3333vw;padding:8vw 0 2.666vw; overflow-x:scroll}
    .contWrap nav .navScroll{display:flex;justify-content:start;gap:6.4vw;overflow-x:auto;white-space:nowrap;padding-right:5.333vw}
    .contWrap nav a{font-size:4.266vw}

    .contWrap .section{margin-top:10.666vw}
    .contWrap .section h3{font-size:5.333vw}
    .contWrap .section h3 +div{margin-top:4.266vw}
    .contWrap .section table{display:none}

    .programWrap ul{display:block; border-top:.2666vw solid #425167}
    .programWrap ul li{border-bottom:.2666vw solid #DDE0E6}
    .programWrap ul em{display:block;padding:4vw 5.333vw; font-size:4.2666vw;font-weight:500; background-color:#F5F7FB}
    .programWrap ul div{padding:4vw 5.333vw; font-size:4.2666vw}

    /* accordion menu */
    .agendaWrap .accordion{display:block; border-top:.2666vw solid #425167}
    .agendaWrap .accordion >li{border-bottom:.2666vw solid #DDE0E6}
    .agendaWrap .accordion >li em{display:block;padding:4vw 10.666vw 4vw 5.333vw; font-size:4.2666vw;font-weight:500;color:#1792ae; background-color:#ebf9ff;position:relative}
    .agendaWrap .accordion >li em:after{content:'';display:block; border-top:2.133vw solid #1792ae;border-left:1.333vw solid transparent;border-right:1.333vw solid transparent; position:absolute; top:calc(50% - 1.0666vw);right:5.333vw;transition:all .3s}
    .agendaWrap .accordion >li em span{display:block; font-size:3.733vw;font-weight:400;line-height:1.2;word-break:keep-all}
    .agendaWrap .accordion >li.state-on em:after{transform:rotate(-180deg)}
    .agendaWrap .accordion .toggle-ele{display:none; word-break:keep-all}
    .agendaWrap .accordion .toggle-ele ol li:nth-child(n+2){border-top:.2666vw solid #DDE0E6}
    .agendaWrap .accordion .toggle-ele ol li{padding:6.666vw 5.333vw}
    .agendaWrap .accordion .toggle-ele ol li span{color:#999; display:block}
    .agendaWrap .accordion .toggle-ele ol li strong{margin-top:1.333vw; font-size:4.2666vw;font-weight:500; display:block}
    .agendaWrap .accordion .toggle-ele ol li p{margin-top:1.333vw; color:#406b99}
    .agendaWrap .accordion .breakTime{color:#1a1a1a; background-color:#F5F7FB}
    .agendaWrap .accordion >li em.breakTime:after{border-top-color:#1a1a1a}

    .speakerWrap{gap:5.333vw}
    .speakerWrap li{width:auto;height:61.333vw; flex:1 1 calc((100% - 5.333vw) / 2)}
    .speakerWrap li::before{height:56vw; border-radius:13.333vw 0 0 0}
    .speakerWrap li div{height:17vw;padding:2.333vw}
    .speakerWrap li div strong{font-size:4vw;line-height:2}
    .speakerWrap li div strong span{font-size:3.2vw;line-height:1; display:block;}
    .speakerWrap li:hover div p{display:none}
    .speakerWrap li >span:after{opacity:1}
    .speakerWrap li:hover div{height:17vw}

    .registerWrap{border:.2667vw solid #DDE0E6;flex-direction:column}
    .registerWrap >div{padding:5vw 7.4766vw; height:50vw;flex:1 1 auto;}
    .registerWrap >div strong{font-size:6.933vw}
    .registerWrap >div strong span{font-size:3.733vw;}
    .registerWrap >div button{width:50vw;height:13vw; padding:2.666vw 8vw; font-size:4.66vw;}
    .registerWrap >div:nth-child(1){border-right:0}

    .mapWrap{padding:8.4112vw 7.4766vw; display:flex;flex-direction:column-reverse}
    .mapWrap >div{flex-direction:column}
    .mapWrap div .mapIframe{width:100%;height:64.666vw; padding:0}
    .mapWrap div >div:nth-child(2){padding:0}
    .mapWrap div li{font-size:3.733vw}
    .mapWrap div li strong{padding-left:6.933vw; font-size:4.266vw;line-height:8.533vw; background-size:auto 80% !important}
    .mapWrap div li:last-child{margin-top:4.266vw}
    .mapWrap p{margin:0 0 5.333vw; font-size:3.733vw}
    
    .pop-layer{width:90vw}
    .pop-layer .btn-close{width:5.333vw;height:5.333vw; position:absolute;top:4vw;right:5.333vw}
    .btn-close,
    .btn-close span{display:inline-block;box-sizing:border-box}
    .btn-close {position:relative;width:6.666vw;height:6.666vw}
    .btn-close span{position:absolute;left:0;width:100%;height:.533vw;background-color:#fff;border-radius:1.066vw}
    .btn-close span:nth-of-type(1){top:0;-webkit-transform:translateY(5.333vw) rotate(-45deg);transform:translateY(5.333vw) rotate(-45deg)}
    .btn-close span:nth-of-type(2){top:5.333vw;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}

    .speakerPop{width:90vw;padding:6.4vw 4.266vw; border-radius:5.333vw; box-sizing:border-box}
    .speakerPop .head{padding-bottom:4.266vw; border-bottom:.2666vw solid #DEE1E7}
    .speakerPop .head h1{display:block; font-size:4.266vw}
    .speakerPop .contents{max-height:70vh;overflow-y:scroll; flex-direction:column;align-items:center}
    .speakerPop .contents .photo{margin:7.466vw;width:32vw}
    .speakerPop .contents .photo img{width:100%}
    .speakerPop .contents .cont{padding:0; background-color:#fff; word-break:keep-all;flex:1 1 0}
    .speakerPop .contents .cont h3{margin:6.4vw 0 2.666vw; font-size:4.266vw}
    .speakerPop .contents .cont strong{font-size:6.4vw}
    .speakerPop .contents .cont strong span{font-size:3.733vw;}
    .speakerPop .contents .cont li{padding-left:3.2vw;text-indent:-3.2vw}

    .vodWrap{height:40vw;}
    .vodWrap a{width:65vw;height:13vw; font-size:7.466vw;}

    .registerPop .head{padding:5.333vw; background-color:#425167}
    .registerPop .head h1{font-size:4.266vw;line-height:1;color:#fff}
    .registerPop .head .btn-close{top:2.133vw}
    .registerPop .contents{padding:8vw 5.333vw;max-height:70vh;overflow-y:scroll}
    .registerPop .contents .stap{margin-bottom:6vw; flex-direction:column}
    .registerPop .contents .stap li{font-size:3.733vw; list-style:auto}
    .registerPop .contents .stap li:after{display:none}
    .registerPop .contents .scrollBox{margin-top:4vw;height:20vh; font-size:3.733vw; overflow-y:scroll}
    .registerPop .contents .scrollBox ol{margin-top:4vw}
    .registerPop .contents .scrollBox ol li{padding-left:3.733vw;text-indent:-3.733vw}
    .registerPop .contents button{margin:10.666vw auto 0;width:50vw;height:10.666vw; font-size:4.8vw; border-radius:8.8vw}
    .registerPop .contents .form-ele label{font-size:3.733vw}
    .registerPop .contents .form-ele input[type="text"],
    .registerPop .contents .form-ele input[type="number"],
    .registerPop .contents .form-ele input[type="email"]{padding:0;margin:1.066vw 0 2.666vw; height:8vw; font-size:3.733vw;text-indent:4.266vw; border:0;border-bottom:.2666vw solid #c1c7cd}
    .registerPop .contents .form-ele select{margin:1.066vw 0 2.666vw; height:8vw; font-size:3.733vw;text-indent:4.266vw; border:0;border-bottom:.2666vw solid #c1c7cd}
    .registerPop .stap01 >div{margin-bottom:5.333vw}
    .registerPop .stap01 em input[type="checkbox"] + label{font-size:4.266vw}
    .registerPop .stap01 em input[type="checkbox"] + label:before{margin-right:2.133vw;width:3.733vw;height:3.733vw; font-size:5.866vw;line-height:3.733vw}
    .registerPop .stap02 >strong{margin-top:2.666vw;font-size:4.266vw}
    .registerPop .stap02 >div{display:block}
    .registerPop .stap02 .form-radio{display:flex;width:100%;margin-top:2.666vw}

    .registerPop .stap03 >div{height:80vw;word-break:keep-all}
    .registerPop .stap03 >div strong{font-size:6.933vw;color:#5D5A88}
    .registerPop .stap03 >div p{margin-top:5.333vw; font-size:4vw}

    .admin{padding:24px 0}
    .admin .inner.admin-inner{
        padding:0 4vw;
    }
    .admin-title{
        font-size:4.2vw;
    }
    .admin-summary{
        font-size:3.2vw;
    }
    .search-panel{
        padding:3.2vw;
        margin-bottom:3.2vw;
    }
    .filter-row{
        flex-direction:column;
    }
    .filter-item{
        flex:1 1 100%;
    }
    .filter-item label{
        font-size:3.2vw;
    }
    .filter-item select{
        font-size:3.5vw;
        height:8vw;
    }
    .admin .scrollWrap{
        height:60vh;
    }
}