@charset "UTF-8";body{margin:0;padding:0;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;background:#f8f9fa;color:#000;line-height:1.6;font-size:16px;height:100vh;overflow-x:hidden}.layout{display:flex;height:100vh;max-width:1600px;margin:0 auto;gap:24px;justify-content:center;box-sizing:border-box}.banner{width:320px;flex-shrink:0;align-self:flex-start;margin-top:20px}.banner .banner-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.banner .banner-card .banner-section{position:relative}.banner .banner-card .banner-section img{display:block;width:100%;height:auto;aspect-ratio:320/400}.banner .banner-card .banner-section .banner-text{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));color:#fff;text-align:center}.banner .banner-card .banner-section .banner-text .banner-title{font-size:24px;font-weight:700;margin:0 0 8px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.banner .banner-card .banner-section .banner-text .banner-subtitle{font-size:16px;margin:0;line-height:1.4;opacity:.9}.content{flex:1;max-width:480px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);position:relative;overflow:hidden}.content .fixed-tab-menu{position:absolute;top:0;left:0;right:0;transform:translateY(-100%);z-index:1000;transition:transform .3s ease;opacity:0;visibility:hidden;width:100%;height:auto}.content .fixed-tab-menu.visible{transform:translateY(0);opacity:1;visibility:visible}.content .fixed-tab-menu .tab-container{max-width:100%;margin:0 auto;padding:0;width:100%}.content .fixed-tab-menu .tab-container ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;gap:5px;background-color:transparent}.content .fixed-tab-menu .tab-container ul li{flex:1;min-width:0;width:100%;background-color:#fff}.content .fixed-tab-menu .tab-container ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0;text-decoration:none;color:#666;transition:color .3s ease;width:100%}.content .fixed-tab-menu .tab-container ul li a .tab-title{font-size:clamp(12px,3vw,16px);font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;line-height:1.3}.content .fixed-tab-menu .tab-container ul li a .tab-subtitle{margin:0;font-size:clamp(12px,3vw,16px);color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;line-height:1.3}.content .fixed-tab-menu .tab-container ul li.visible{background-color:#274576;border-bottom:5px solid #c2ddfd;transition:all .3s ease}.content .fixed-tab-menu .tab-container ul li.visible a{color:#fff}.content .fixed-tab-menu .tab-container ul li.visible a .tab-title{color:#fff;font-weight:600}.content .fixed-tab-menu .tab-container ul li.visible a .tab-subtitle{color:#fff}.content .sections-wrapper{height:100%;overflow-y:auto;scroll-behavior:smooth;position:relative;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.content .sections-wrapper::-webkit-scrollbar{width:8px}.content .sections-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.content .sections-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.content .sections-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.content .section{padding:32px 20px;border-bottom:1px solid #eee;background:#fff}.content .section:first-child{padding-top:24px;padding-bottom:32px;border-bottom:none}.content .section:last-child{border-bottom:none}.content .tab-menu{background:#fff;width:100%;position:relative;margin-bottom:32px}.content .main-visual{text-align:center;position:relative;background-color:#052556;color:#fff;background-image:url(../src/img/01_main_bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.content .main-visual .eventtitle-text-wrapper{margin-top:70px}.content .main-visual .eventtitle-text-wrapper h1{font-size:28px;font-weight:400;letter-spacing:-1px;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.content .main-visual .eventtitle-text-wrapper img.section1_uppertitle{max-width:clamp(55vw,55vw,234px);margin-bottom:clamp(10px,3vw,16px)}.content .main-visual .eventtitle-text-wrapper img.section1_title{width:100%;height:auto;max-width:clamp(10px,70vw,364px)}.content .main-visual .eventtitle-date-wrapper p.date{font-size:clamp(10px,4vw,20px);font-weight:300;margin:0;color:#000}.content .main-visual img.main-visual-image{width:100%;height:auto;max-width:450px;margin:20px auto 45px}.content .main-visual .main-visual-image-wrapper{height:400px}.content .main-visual .add-logo-img-section{margin:clamp(10px,100vw,400px) auto 10px;width:100%;max-width:500px;text-align:center}.content .main-visual .event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:0 auto clamp(5px,10vw,40px);width:100%;max-width:500px}.content .main-visual .event-grid .event-button{background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:clamp(10px,3vw,18px) clamp(5px,1vw,5px) clamp(4px,2vw,10px) clamp(12px,3vw,20px);text-decoration:none;color:#000;transition:all .3s ease;text-align:left}.content .main-visual .event-grid .event-button .button-title{font-size:clamp(13px,3.2vw,16px);font-weight:400;display:flex;justify-content:space-between;align-items:center;line-height:1.4;margin:0;letter-spacing:-1px}.content .main-visual .event-grid .event-button .button-subtitle{font-size:clamp(13px,4vw,20px);font-weight:800;color:#274576;line-height:1.4;margin:0;letter-spacing:-1px}.content .main-visual .event-grid .event-button img{width:clamp(14px,4vw,16px)}.content .event-intro{background-color:#e8f5e9;padding:clamp(100px,24vw,120px) 0}.content .event-intro h2{font-size:clamp(14px,5vw,26px);font-weight:300;line-height:1.4;text-align:center;letter-spacing:-1px;margin:0;position:relative;z-index:2}.content .event-intro h2 img{width:clamp(28px,40vw,190px)}.content .event-intro h2 .bigtext{font-size:clamp(28px,10.5vw,48px);font-weight:600}.content .event-intro h2.bigtext{font-size:clamp(28px,9vw,40px);font-weight:600}.content .event-intro h2 b{font-weight:600}.content .event-intro h2 .nclogo{width:clamp(40px,12vw,64px)}.content .event-intro .event-intro-image-wrapper{display:flex;justify-content:center;align-items:center;margin:40px 0}.content .event-intro .event-intro-image-wrapper img{width:100%;height:auto;max-width:500px}.content .event-intro .event-intro-image-wrapper.handphone{margin-bottom:20px;display:flex;position:relative;z-index:1}.content .event-intro .event-intro-image-wrapper.handphone img{width:75%;max-width:500px}.content .event-intro .event-intro-image-wrapper.topbg{margin-top:clamp(-200px,-40vw,-80px);margin-bottom:-50px;position:relative;z-index:1}.content .event-intro .event-intro-image-wrapper.topbg img{width:100%}.content .event-intro .event-intro-image-wrapper.section5_handphone{margin-bottom:clamp(-105px,-55vw,-100px);display:flex;position:relative;z-index:1;justify-content:center}.content .event-intro .event-intro-image-wrapper.section5_handphone img{width:65%;max-width:450px}.content .event-intro .event-info-list{background-color:#fff;padding:20px 15px;margin:0 30px 30px;text-align:center;border-radius:30px;box-shadow:0 2px 8px #c2ef8f;z-index:2;position:relative}.content .event-intro .event-info-list.bg-blue{background-color:#74b42b}.content .event-intro .event-info-list.bg-blue .bar-wrapper{display:flex;align-items:center;justify-content:center;margin:20px 0}.content .event-intro .event-info-list.bg-blue .bar-wrapper .bar{width:80%;height:1px;background-color:rgba(255,255,255,.5803921569)}.content .event-intro .event-info-list.bg-blue .info-item .info-item-title h4{color:#fff}.content .event-intro .event-info-list .info-item{position:relative;padding:clamp(12px,4vw,20px) 0}.content .event-intro .event-info-list .info-item .info-item-title{display:flex;align-items:center;justify-content:center;gap:clamp(6px,2vw,10px);margin-bottom:clamp(6px,2vw,10px)}.content .event-intro .event-info-list .info-item .info-item-title img{width:clamp(12px,4vw,20px)}.content .event-intro .event-info-list .info-item .info-item-title h4{color:#274576;font-size:clamp(12px,4vw,18px);font-weight:600;margin:0;line-height:1}.content .event-intro .event-info-list .info-item p{color:#000;font-size:clamp(10px,3.5vw,16px);line-height:1.6;margin:0;letter-spacing:-.5px;word-break:keep-all}.content .event-intro .event-info-list .info-item p span.green{color:#4a8b4d;font-weight:700}.content .event-intro .event-info-list .info-item .participation-steps p{line-height:1.4}.content .event-intro .event-info-list .info-item .participation-steps .sub-image{margin-top:clamp(30px,6vw,20px)}.content .event-intro .event-info-list .info-item .participation-steps .sub-image img{width:90%}.content .event-intro .event-info-list .info-item h6{color:#666;font-size:14px;margin-bottom:6px;font-weight:400;text-decoration:underline}.content .event-intro .event-info-list .info-item p.hashtag span{word-break:keep-all;white-space:nowrap;line-height:2;color:#fff;padding:3px 10px;border-radius:10px;font-size:14px;margin-right:6px;background-color:#000}.content .event-intro .event-info-list .info-item .special-prize p:first-child{color:#fff}.content .event-intro .event-info-list .info-item .special-prize p:last-child{color:#fff;font-weight:600;line-height:1.4}.content .event-intro .event-info-list .info-item .prize-list>p{color:#fff;font-weight:600}.content .event-intro .event-info-list .info-item .prize-list ul{list-style:none;padding:0;margin:0;text-align:center}.content .event-intro .event-info-list .info-item .prize-list ul li{color:#fff;font-size:clamp(10px,3.5vw,16px);line-height:1.4}.content .event-intro .event-info-list .info-item .prize-list ul li:last-child{margin-bottom:0}.content .event-intro .event-info-list .info-item .prize-list ul li.subtext{margin-top:clamp(5px,3vw,10px);color:#eee}.content .event-intro .event-info-list .bar-wrapper{display:flex;align-items:center;justify-content:center;margin:clamp(6px,2vw,10px) 0}.content .event-intro .event-info-list .bar-wrapper .bar{width:80%;height:1px;background-color:#ccc}.content .event-intro .apply-button-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:60px;position:relative}.content .event-intro .apply-button-wrapper span.btn-apply{display:flex;justify-content:center;align-items:center;width:calc(100% - 60px)}.content .event-intro .apply-button-wrapper span.btn-apply .apply-button{display:flex;justify-content:center;align-items:center;background:#e8415a;color:#fff;font-size:clamp(10px,4.5vw,24px);font-weight:700;text-decoration:none;padding:clamp(10px,3.5vw,18px) clamp(10px,3.5vw,18px);border-radius:20px;width:100%;text-align:center;transition:background-color .3s ease}.content .event-intro .apply-button-wrapper span.btn-apply .apply-button:hover{background:rgb(229.2464788732,42.2535211268,70.2464788732)}.content .event-intro .event-notice{padding:clamp(12px,4vw,20px) 0;margin:0 clamp(12px,4vw,20px)}.content .event-intro .event-notice h3{font-size:clamp(10px,3.5vw,16px);font-weight:500;line-height:1.4;margin:0;margin-bottom:clamp(6px,2vw,14px)}.content .event-intro .event-notice ul{list-style:none;padding:0;font-size:clamp(10px,3.5vw,14px);margin:0}.content .event-intro .event-notice ul li{font-weight:400;letter-spacing:-.5px;line-height:1.5;text-align:justify}.content .finding-bsmilk{background-color:#f0f7f0;padding:150px 30px 150px}.content .finding-bsmilk .event-header{text-align:center;margin-bottom:24px}.content .finding-bsmilk .event-header h2{font-size:24px;font-weight:500;letter-spacing:-1px;line-height:1;margin:0}.content .finding-bsmilk .event-header h3{font-size:24px;color:#000;font-weight:700;margin:0}.content .finding-bsmilk .milk-description{text-align:center;margin-bottom:32px}.content .finding-bsmilk .milk-description p{font-size:18px;color:#000;line-height:1.6;margin:0}.content .finding-bsmilk .video-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px}.content .finding-bsmilk .video-section:last-child{margin-bottom:0}.content .finding-bsmilk .video-section .video-label{display:inline-block;color:#4a8b4d;font-size:16px;font-weight:600;margin-bottom:16px}.content .finding-bsmilk .video-section .video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px}.content .finding-bsmilk .video-section .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}img.bs-logo{position:relative;top:2px}img.icon-milk{position:relative;top:4px}@media (max-width:1024px){.layout{flex-direction:column;padding:0}.banner{display:none}.content{width:100%;max-width:500px;border-radius:0;box-shadow:none;margin:0 auto}}@media (max-width:768px){.fixed-tab-menu .tab-container{padding:0 10px}.fixed-tab-menu .tab-container ul li a{padding:8px 2px}.fixed-tab-menu .tab-container ul li a .tab-title{font-size:13px}.fixed-tab-menu .tab-container ul li a .tab-subtitle{font-size:11px}}@media (max-width:375px){.content .main-visual .event-grid{gap:15px}.content .event-intro .event-info-list{margin:20px}.content .event-intro .event-notice{margin:20px}.content .fresh-milk{padding:150px 20px 150px}.content .fresh-milk .video-section{padding:20px}}
/*# sourceMappingURL=main.min.css.map */