.eventcontent{display:flex;flex-direction:column;width:100%;background-color:#fff;min-height:100vh}.e-boxcontent{width:100%}.roller{position:absolute;top:0;z-index:1}.header{width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;height:23vw}.title{font-family:Impact;font-size:10vw;z-index:3}@media (max-width:767px){.roller{right:0;left:auto}}@media (min-width:768px) and (max-width:1399px){.roller{right:0;left:auto}}@media (max-width:768px){.title{font-size:12vw}.header{height:27vw}}@media (min-width:1400px){.roller{left:50%;transform:translateX(-50%);width:1400px}.header{width:100%;height:300px}.title{font-size:140px}}.toppers{padding-bottom:20px}.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:1px solid #ccc;border-radius:25px;font-size:16px;transition:border-color .3s,box-shadow .3s}.e-searchbox:focus{outline:none;border-color:#0070f3;box-shadow:0 0 5px rgba(0,112,243,.5)}.e-search:before{content:"🔍";left:10px}.e-clear,.e-search:before{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;color:#888}.e-clear{right:10px;background:transparent;border:none;cursor:pointer}.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-color:#0070f3;color:#fff;border-color:#005bb5}.e-iconunclick{background-color:#f5f5f5;color:#000}.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 #000;padding:5px;margin-top:5px;margin-bottom:5px}.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:#fff}.e-eventbox-f{display:grid;gap:1rem;width:100%}.container .card{position:relative;width:100%;background-color:#ffd984;overflow:hidden;border-radius:8px}.piceve{display:block;border-radius:10px}.container .card:after,.container .card:before{content:"";z-index:4;position:absolute;display:block;width:16px;height:16px;border-radius:50%;background-color:#fff}.container .card .ul .li{width:3px;height:3px;border-radius:50%;background-color:#fff}@media (min-width:1100px){.e-eventbox-f{grid-template-columns:repeat(2,1fr)}@media (min-width:1600px){.e-eventbox-f{grid-template-columns:repeat(3,1fr)}}.pop_button_area{width:100%;display:flex;flex-direction:row;align-items:center}.pop_button_sec{margin-right:10px;width:120px}.container{width:100%;height:100%;display:flex;justify-content:center;align-items: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,1fr)}.pop_button_sec{width:120px}@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:#fff}.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}.dot{width:100%;overflow-x:hidden}.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{width:100%;height:300px;grid-column:1/-1;justify-self:center;display:flex;align-items:center;justify-content:center}.leftnot,.rightnot{position:relative;background-color:#ffd984;height:200px}.leftnot{transform:rotate(-10deg);width:150px;border-top-left-radius:10px;border-bottom-left-radius:10px}.rightnot{transform:rotate(7deg);width:350px;margin:15px 0 0 30px;border-top-right-radius:10px;border-bottom-right-radius:10px}.leftnot:after,.leftnot:before,.rightnot:after,.rightnot:before{content:"";position:absolute;display:block;width:16px;height:16px;z-index:4;border-radius:50%;background-color:#fff}.leftnot:before{top:-8px;right:-8px}.leftnot:after{bottom:-8px;right:-8px}.rightnot:before{top:-8px;left:-8px}.rightnot:after{bottom:-8px;left:-8px}.leftnotbox{padding:1rem;align-items:center}.leftnotbox,.rightnotbox{height:200px;display:flex}.rightnotbox{width:100%;flex-direction:column;justify-content:center;text-align:center;font-size:larger;font-weight:700}@media (max-width:500px){.leftnot,.leftnotbox,.rightnot{height:150px}.leftnotbox{padding:.5rem}.rightnotbox{height:150px}}.all_neo{flex-direction:column;grid-column:1/-1}.all_neo,.neo_all_cover{width:100%;display:flex;align-items:center}.neo_all_cover{max-width:400px}.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}