.eventcontent{display:flex;flex-direction:column;width:100%;min-height:100vh;background:#101c32;overflow-x:hidden}.e-boxcontent{width:100%}.toppers{padding-bottom:20px;margin-top:80px;max-width:100%}@media(max-width:600px){.toppers{margin-top:60px}}.e-content{width:100%}.e-search{position:relative;width:60vw;max-width:600px;min-width:330px;margin:0 auto}.e-searchbox{width:100%;padding:10px 40px 10px 35px;border:2px solid #ccc;border-radius:25px;font-size:16px;transition:border-color .3s,box-shadow .3s;background-color:#535353}.e-searchbox:focus{outline:none;border-color:#00c4eb;box-shadow:0 0 5px rgba(53,142,243,.5)}@media (max-width:360px){.e-search{width:calc(100% - 20px);min-width:0}}.e-search:before{content:"🔍";left:10px;color:#888}.e-clear,.e-search:before{position:absolute;top:50%;transform:translateY(-50%);font-size:18px}.e-clear{right:10px;background:transparent;border:none;cursor:pointer;color:#dfdddd}.e-iconbox{flex-wrap:nowrap;gap:10px;margin:20px 0}.e-iconbox,.e-iconnomal{display:flex;justify-content:center}.e-iconnomal{width:100px;height:50px;align-items:center;border:2px solid transparent;border-radius:20px;transition:transform .2s,border-color .2s;cursor:pointer}.e-iconclick{background:linear-gradient(to bottom left,#01b0d3,#ffffff);color:#000;border-color:#005bb5}.e-iconunclick{background-color:#535353;color:#dfdddd}.pop_button_area{width:100%;display:flex;flex-direction:column;align-items:center}.pop_button_sec{font-size:12px;border-radius:5px;border:2px solid black;padding:5px;margin-top:5px;margin-bottom:5px;width:80%;margin-right:10px;width:120px}.pop_button_sec:hover{background-color:#0066ff}.event_detail{margin:10px}@media (max-width:450px){.e-iconbox{flex-wrap:wrap}.e-iconnomal{flex:0 0 calc(40% - 10px)}}.e-eventbox{display:flex;justify-content:center;padding:20px;background-color:#101c32}.e-eventbox-f{display:grid;gap:1rem;width:100%;min-width:0}.container .card{position:relative;width:100%;background:linear-gradient(to bottom right,rgb(170,227,241),rgb(195,240,255));overflow:hidden;border-radius:8px;border:#000000;color:black}.piceve{display:block;border-radius:10px}.container .card .ul .li{width:3px;height:3px;border-radius:50%;background-color:#ffffff}@media (min-width:1100px){.e-eventbox-f{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:1600px){.e-eventbox-f{grid-template-columns:repeat(3,1fr)}}.pop_button_area{flex-direction:row}.container,.pop_button_area{width:100%;display:flex;align-items:center}.container{height:100%;justify-content:center;flex-direction:column}.container .card{height:200px;margin-bottom:4px}.card-all{width:100%;display:flex;flex-direction:row}.pic{z-index:3;flex:0 0 200px;padding:1rem;overflow:hidden}.card-right{flex:1;padding-left:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0}.card-item-box{margin-top:10px;width:100%;height:90px;min-width:0}.card-item-box h2{font-size:20px;font-weight:500;color:#000;white-space:normal;line-break:anywhere;word-break:break-word}.card-about{display:flex;flex-direction:column;padding-bottom:10px}.card-about p{color:#333;opacity:.7;font-size:15px;letter-spacing:1px}.container .card:before{top:-10px;left:193px}.container .card:after{bottom:-10px;left:193px}.container .card .ul{z-index:2;position:absolute;left:200px;top:5px;list-style-type:none}.container .card .ul .li{margin:6px 0}}@media (max-width:1099px){.e-eventbox-f{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:800px){.e-eventbox-f{grid-template-columns:repeat(3,1fr)}.pop_button_sec{width:200px}}.container{width:100%;margin:0 auto}.container .card{max-width:400px;height:auto;margin-bottom:1rem;padding:1rem}.side-l,.side-r{margin-top:-7px;position:absolute;z-index:4;display:block;width:16px;height:16px;border-radius:50%;background-color:#ffffff}.side-l{left:-10px}.side-r{right:-10px}.card-all{display:flex;flex-direction:column;align-items:center}.pic{width:100%;max-height:400px;aspect-ratio:1;overflow:hidden;margin-bottom:1rem}.card-right{width:100%;padding:0;display:flex;flex-direction:column}.card-item-box{margin:.5rem 0;width:100%;height:85px;min-width:0}.card-item-box h2{font-size:15px;font-weight:500;color:#000;white-space:normal;line-break:anywhere;word-break:break-word}.card-about{margin-top:auto}.card-about p{color:#333;opacity:.7;font-size:clamp(10px,2.8vw,15px);letter-spacing:1px;margin:.25rem 0}.container .card:after,.container .card:before{display:none}.container .card .ul{position:absolute;left:-15px;display:flex;flex-direction:row;gap:6px;list-style:none;padding:0;margin:0;z-index:2}}.nothing{height:100px;justify-self:center;justify-content:center}.all_neo,.nothing{width:100%;grid-column:1/-1;display:flex;align-items:center}.all_neo{flex-direction:column}.neo_all_cover{width:100%;max-width:400px;display:flex;align-items:center}.neo_l{flex:0 0 70%;padding:1rem}.neo_r{flex:0 0 30%;display:flex;justify-content:center;align-items:center}.neo_title_name{font-size:2rem}.neo_pic{width:150px;border-radius:10px}.close-button:hover{background-color:#928f8f}@media (max-width:500px){.e-eventbox{padding:12px}.e-eventbox-f{gap:.75rem}.container .card{padding:.6rem}.pop_button_sec{max-width:120px}.nothing{height:auto;min-height:220px;padding:10px}.leftnot{width:30%;min-width:90px}.rightnot{flex:1;width:auto;min-width:0;margin-left:12px}}