.main #container{position:relative;}
 .main #container i::before{background-image:url(/images/www/main/sp_main.png?build_20250630002);}
 .main #container .ico_new{width:6rem;height:6rem;border-radius:100%;background-color:#fff;transition:background-color .2s;}
 .main #container .ico_new::before{width:2.4rem;height:2.4rem;background-position:-19.7rem -3rem;}
 .main .marquee{position:absolute;bottom:-1.5rem;left:50%;transform:translateX(-50%);width:100%;font-size:12rem;font-weight:900;color:#f5f5f5;}
 .main .marquee .flow{position:absolute;bottom:0;left:0;width:max-content;white-space:nowrap;will-change:transform;animation:marquee 60s linear infinite reverse;}
 .main .marquee .line{-webkit-text-stroke:.3rem #fff;-webkit-text-fill-color:transparent;}
 @keyframes marquee{ from{transform: translateX(0);}
 to{transform: translateX(-50%);}
 }
 h3.tit{font-size:4rem;font-weight:800;line-height:1.2;}
 h3.tit + .sub{display:block;font-size:2rem;line-height:1.5;margin-top:1rem;}
  .control{display:flex;align-items:center;justify-content:center;gap:0 1rem;}
 .control button, .control a{display:inline-flex;align-items:center;justify-content:center;border-radius:50rem;transition:background-color .2s;}
 .control button::before, .control a::before{content:'';display:block;background-image:url(/images/www/main/sp_main.png?build_20250630002);background-repeat:no-repeat;background-size:72rem;transition:filter .2s;}
 .control button:hover, .control a:hover{background-color:#333;}
 .control button:hover::before, .control a:hover::before{filter:contrast(0) brightness(10);}
 .control .btn_prev::before{width:1.4rem;height:2.6rem;background-position:-3rem -2.9rem;}
 .control .btn_next::before{width:1.4rem;height:2.5rem;background-position:-7.2rem -2.9rem;}
 .control .btn_stop::before{width:1.2rem;height:2.4rem;background-position:-11.4rem -3rem;}
 .control .btn_stop.on::before{width:1.4rem;height:2rem;background-position:-15.4rem -3.2rem;}
 .control .btn_more::before{width:1.6rem;height:1.2rem;background-position:-30rem -3.6rem;}
  .tab{position:relative;display:flex;}
 .tab_box{flex:1;}
 .tab_box .tab_tit{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:7rem;font-size:2.2rem;color:#9e9898;background-color:#333;box-shadow:3px 3px 15px rgba(0,0,0,.2);}
 .tab_box .tab_tit::before{position:absolute;top:50%;left:0;transform:translateY(-50%);content:'';display:block;width:.1rem;height:2.8rem;background-color:#9e9898;}
 .tab_box .tab_cnt{display:none;position:absolute;top:9rem;left:0;width:100%;height:36rem;}
 .tab_box:first-child .tab_tit{border-radius:1.8rem 0 0 1.8rem;}
 .tab_box:first-child .tab_tit::before{display:none;}
 .tab_box:last-child .tab_tit{border-radius:0 1.8rem 1.8rem 0;}
 .tab_box.on .tab_tit{font-weight:700;color:#fff;}
 .tab_box.on .tab_tit::after{position:absolute;bottom:-2.5rem;left:50%;transform:translateX(-50%);content:'';display:block;border:1rem solid transparent;border-top:1.5rem solid #333;}
  .main_vis{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;text-align:center;color:#fff;background-color:#000;z-index:0;overflow:hidden;}
 .main_vis::before{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:-1;}
 .main_vis video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;min-width:192rem;height:100%;object-fit:cover;z-index:-2;}
 .main_vis .tit{font-size:6rem;font-weight:900;transition:all .2s;}
 .main_vis .tit::before{content:'';display:block;width:33.1rem;height:9.9rem;background:url(/images/namdofood/contents/txt_nice.png?build_20250630002) no-repeat center/100%;margin:0 auto 3rem;transition:all .2s;}
 .main_vis .tit .line{-webkit-text-stroke:.1rem #fff;-webkit-text-fill-color:transparent;}
 .main_vis .sub{font-size:2.8rem;margin-top:2rem;transition:all .2s;}
 .main_vis .sub b{font-weight:900;color:#ffe791;}
 .main_vis .exp{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;gap:0 .5rem;width:75.4rem;height:7.5rem;font-size:2.4rem;border:.2rem solid #fff;border-radius:50rem;background-color:rgba(0,0,0,.15);padding:0 1.5rem;margin-top:4.5rem;}
 .main_vis .exp b{font-size:2.6rem;font-weight:800;}
 .main_vis .exp strong{font-size:3.2rem;font-weight:800;}
 .main_vis .exp + .exp{margin-top:1.5rem;}
 @keyframes marquee{ from{transform: translateX(0);}
 to{transform: translateX(-50%);}
 }
  .main_slogan{position:absolute;bottom:0;left:0;width:100%;height:12rem;background-color:rgba(0,171,232,.95);}
 .main_slogan .inner{display:flex;align-items:center;justify-content:space-between;height:100%;}
 .main_slogan .inner strong{font-size:4rem;font-weight:800;}
 .main_slogan .inner strong span{display:inline-flex;align-items:center;justify-content:center;width:6.8rem;height:7rem;border-radius:1rem;background-color:#0086b5;margin:0 .35rem;}
 .main_slogan .logo_full{width:36.2rem;height:3.8rem;background:url(/images/www/common/logo_full.png?build_20250630002) no-repeat;}
 .main_slogan .logo_full_en{width:36.2rem;height:3.8rem;background:url(/images/www/common/logo_full_en.png?build_20250630002) no-repeat;}
 .main_slogan .slogan{width:42.7rem;height:3.8rem;background:url(/images/www/common/slogan.png?build_20250630002) no-repeat;}
  .main_program{position:relative;padding:15.5rem 0 23.5rem;overflow:hidden;}
 .main_program .inner{position:relative;}
 .main_program h3.tit + .sub{color:#676767;margin-top:1.5rem;}
 .main_program .category_list{display:flex;flex-wrap:wrap;gap:.8rem .6rem;width:35.4rem;margin-top:7rem;}
 .main_program .category_list input{position:absolute !important;width:.1rem !important;height:.1rem !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
 .main_program .category_list input + label{display:inline-flex;align-items:center;justify-content:center;width:8.4rem;height:4.3rem;font-size:2rem;color:#626262;border:1px solid #e2e2e2;border-radius:50rem;background-color:#fff;}
 .main_program .category_list input:disabled + label{background-color:#eee;color:#bdbdbd;}
 .main_program .category_list input:checked + label{color:#000;border-color:#000;}
 .main_program .control{justify-content:flex-start;margin-top:9rem;}
 .main_program .control button{width:8.5rem;height:8.5rem;border:1px solid #333;border-radius:100%;background-color:#fff;}
 .main_program .control button:hover{background-color:#333;}
 .main_program .badge_box{position:absolute;top:1.8rem;left:2rem;display:flex;gap:.5rem;}
 .main_program .badge_box .badge{display:inline-flex;align-items:center;justify-content:center;font-size:1.7rem;color:#fff;height:3.4rem;border-radius:50rem; padding:0 1.5rem}
 .main_program .badge_box .badge.bg_purple{background-color:#6D3DDE;}
 .main_program .badge_box .badge.bg_lavender{background-color:#C221B7;}
 .main_program .badge_box .badge.bg_pink{background-color:#E82E88;}
 .main_program .badge_box .badge.bg_sky{background-color:#00ABE9;}
 .main_program .badge_box .badge.bg_blue{background-color:#2659DA;}
 .main_program .badge_box .badge.bg_mint{background-color:#2CB7B0;}
 .main_program .badge_box .badge.bg_green{background-color:#0C8C85;}
 .main_program .badge_box .badge.bg_yellow{background-color:#FFB600;}
 .main_program .badge_box .badge.bg_orange{background-color:#EF5222;}
 .main_program .badge_box .badge.bg_lime{background-color:#38BD2C;}
 .main_program .swiper{position:absolute;top:0;left:50rem;width:386rem;}
 .main_program .swiper-slide{width:38rem;padding-top:13.5rem;}
 .main_program .swiper-slide .img{position:relative;width:100%;height:25.3rem;border-radius:2rem;overflow:hidden;}
 .main_program .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
 .main_program .swiper-slide .sum{display:none;text-align:left;margin-top:2.5rem;}
 .main_program .swiper-slide .sum .label{display:block;width:fit-content;font-size:2rem;color:#00abe9;border:1px solid #00abe9;border-radius:1rem 5rem 5rem 0;padding:1rem 1.5rem;}
 .main_program .swiper-slide .sum .tit{display:block;font-size:2.8rem;font-weight:600;line-height:1.2;word-break:keep-all;margin-top:2rem;}
 .main_program .swiper-slide .sum .sub{display:block;font-size:1.8rem;line-height:1.5;color:#626262;margin-top:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
 .main_program .swiper-slide-active{width:58rem;padding-top:0;}
 .main_program .swiper-slide-active .img{height:38.7rem;}
 .main_program .swiper-slide-active .sum{display:block;}
  .main_program.foreign .category_list{ width: 40rem;}
 .main_program.foreign .category_list input + label{ width: auto; padding: 0 1.5rem;}
  .main_program.single-slide .swiper-slide-active {width: 58rem !important; padding-top: 0 !important;}
 .main_program.single-slide .swiper-slide-active .img {height: 38.7rem !important;}
 .main_program.single-slide .swiper-slide-active .sum {display: block !important;}
  .main_sns{position:relative;background-color:#e9f9ff;padding:14.5rem 0 18rem;}
 .main_sns .youtube-player{border-radius:2rem;}
 .main_sns .inner{display:flex;align-items:flex-start;gap:0 10rem;}
 .main_sns .inner i::before{content:'';display:block;}
 .main_sns .l_area{display:flex;flex-wrap:wrap;width:calc(100% - 64.2rem);}
 .main_sns .l_area .tit{display:inline-flex;flex-wrap:wrap;align-items:center;gap:1rem 3rem;}
 .main_sns .l_area .tit span{font-size:2rem;font-weight:500;color:#626262;}
 .main_sns .l_area .control{margin-left:auto;}
 .main_sns .l_area .control button{width:6rem;height:6rem;;background-color:#fff;}
 .main_sns .l_area .control button:hover{background-color:#333;}
 .main_sns .l_area .swiper{width:100%;margin-top:3.6rem;}
 .main_sns .l_area .swiper-slide{text-align:center;}
 .main_sns .l_area .swiper-slide .slide{width:100%;max-width:84rem;margin:0 auto;}
 .main_sns .l_area .swiper-slide .img{width:100%;height:47.2rem;border-radius:2rem;}
 .main_sns .l_area .swiper-slide a{display:inline-flex;align-items:center;justify-content:center;width:100%;font-size:2.5rem;font-weight:600;gap:0 2.2rem;margin-top:2rem;}
 .main_sns .l_area .swiper-slide a span{width:calc(100% - 8.2rem);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
 .main_sns .l_area .swiper-slide a:hover i{background-color:#333 !important;}
 .main_sns .l_area .swiper-slide a:hover i::before{filter:contrast(0) brightness(10);}
 .main_sns .r_area{display:flex;flex-wrap:wrap;align-items:center;width:54.2rem;}
 .main_sns .r_area i::before{width:6rem;height:6rem;}
 .main_sns .r_area i.ico_insta::before{background-position:-34.6rem -1.1rem;}
 .main_sns .r_area i.ico_facebook::before{background-position:-42.6rem -1.1rem;}
 .main_sns .r_area i.ico_blog::before{background-position:-50.6rem -1.1rem;}
 .main_sns .r_area i.ico_youtube::before{background-position:-58.6rem -1.1rem;}
 .main_sns .r_area .tit{font-size:3.2rem;font-weight:600;}
 .main_sns .r_area .tit b{color:#00abe9;font-weight:600;}
 .main_sns .r_area .link{display:inline-flex;gap:0 1.6rem;margin-left:auto;}
 .main_sns .r_area .list{display:flex;flex-wrap:wrap;gap:2.2rem;margin-top:3.6rem;}
 .main_sns .r_area .list li{position:relative;width:26rem;height:26rem;border-radius:2rem;overflow:hidden;}
 .main_sns .r_area .list li .img{position:relative;height:100%;border-radius:2rem;overflow:hidden;}
 .main_sns .r_area .list li .img i{position:absolute;bottom:.8rem;right:1rem;}
 .main_sns .r_area .list li .img i::before{width:5rem;height:5rem;background-size:60rem;}
 .main_sns .r_area .list li .img .ico_insta::before{background-position:-28.8rem -.9rem;}
 .main_sns .r_area .list li .img .ico_facebook::before{background-position:-35.5rem -.9rem;}
 .main_sns .r_area .list li .img .ico_blog::before{background-position:-42.2rem -.9rem;}
 .main_sns .r_area .list li .img .ico_youtube::before{background-position:-48.8rem -.9rem;}
 .main_sns .r_area .list li .sum{position:absolute;top:0;left:0;transform:translateY(100%);display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;height:100%;font-size:1.7rem;font-weight:600;text-align:center;color:#fff;;background-color:rgba(0,0,0,.8);padding:4.5rem 2.5rem;opacity:0;visibility:hidden;transition:transform .3s, opacity .4s, visibility .2s;}
 .main_sns .r_area .list li .sum .label{border-radius:5rem;padding:.8rem 2.2rem;}
 .main_sns .r_area .list li .sum .label.insta{background-color:#fb3c6a;}
 .main_sns .r_area .list li .sum .label.facebook{background-color:#5278d4;}
 .main_sns .r_area .list li .sum .label.blog{background-color:#38bd2c;}
 .main_sns .r_area .list li .sum .label.youtube{background-color:#e53333;}
 .main_sns .r_area .list li .sum .sub{line-height:1.2;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
 .main_sns .r_area .list li .sum a{margin-top:auto;}
 .main_sns .r_area .list li .sum a .ico_search{width:5rem;height:5rem;border-radius:100%;background-color:#fff;}
 .main_sns .r_area .list li .sum a .ico_search::before{width:2rem;height:2rem;;background-position:-24.8rem -3.2rem;}
 .main_sns .r_area .list li:hover .sum{transform:translateY(0);opacity:1;visibility:visible;}
 .main_sns .marquee{color:#fff;}
  .main_sns.foreign .r_area .tit{font-size: 3rem;}
 .main_sns.foreign .r_area .link{ gap: 0 1rem;}
  .main_community{position:relative;padding:12rem 0 22rem;}
 .main_community .inner{display:flex;gap:0 8rem;}
 .main_community .l_area{width:calc(40% - 4rem);text-align:center;}
 .main_community .l_area .tit{position:relative;text-align:left;}
 .main_community .l_area .tit::after{position:absolute;bottom:2rem;right:0;content:'';display:block;width:calc(100% - 30rem);height:.1rem;background-color:#000;}
 .main_community .l_area .tit span{display:block;font-size:3.2rem;font-weight:600;color:#656565;margin-bottom:.5rem;}
 .main_community .l_area .sub{width:32.6rem;height:10rem;background:url(/images/www/main/sp_main.png?build_20250630002) no-repeat -3rem -10.1rem;margin:5rem auto 5.5rem;}
 .main_community .l_area .exp{display:block;font-size:2rem;line-height:1.5;color:#797979;margin-top:2.5rem;}
 .main_community .l_area .exp b{color:#000;}
 .main_community .l_area .exp strong{font-size:2.4rem;font-weight:700;}
 .main_community .r_area{width:calc(60% - 4rem);margin-top:2rem;}
 .main_community .r_area .list li{border-bottom:1px solid #000;}
 .main_community .r_area .list li a{display:flex;gap:0 3rem;padding:2.5rem 0;}
 .main_community .r_area .list li a .date{flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:7rem;height:7rem;color:#fff;border-radius:50rem;background-color:#00abe8;}
 .main_community .r_area .list li a .date .day{font-size:2rem;font-weight:700;}
 .main_community .r_area .list li a .text{overflow:hidden;}
 .main_community .r_area .list li a .text .tit{display:block;font-size:2.5rem;margin-top:.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
 .main_community .r_area .list li a .text .tit .new{color:#ee7444;margin-left:1.2rem;}
 .main_community .r_area .list li a .text .sub{display:block;font-size:1.7rem;font-weight:400;color:#797979;margin-top:1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
 .main_community .r_area .list li.list_none{ padding: 3rem 0 5rem 0; text-align: center; font-size:2.4rem;}
 .main_community .r_area .control{margin-top:3rem;}
 .main_community .r_area .control a{gap:0 1.2rem;width:12rem;height:6rem;font-size:1.8rem;color:#fff;background-color:#333;}
 .main_community .marquee{bottom:-3rem;}
  .main_gallery{padding-bottom:14rem;}
 .main_gallery .swiper{width:100%;overflow:visible;}
 .main_gallery .swiper-slide{width:48rem;height:32rem;border-radius:2rem;overflow:hidden;}
 .main_gallery .control{margin-top:6rem;}
 .main_gallery .control button{width:6rem;height:6rem;background-color:#f3f3f3;}
 .main_gallery .control button:hover{background-color:#333;}
 .main_gallery .control a{gap:0 1.2rem;width:12rem;height:6rem;font-size:1.8rem;color:#fff;background-color:#333;}
  .main_gallery.foreign{padding-top:14rem; text-align:center; position: relative;}
 .main_gallery.foreign h3.tit + .sub { color: #676767; margin-top: 1.5rem;}
 .main_gallery.foreign .swiper{ margin-top: 5rem;}
  .main_sponsor{position:relative;width:100%;text-align:center;color:#fff;background:url(/images/www/main/bg_sponsor.jpg?build_20250630002) no-repeat center/cover;padding:13.5rem 0 16.5rem;}
 .main_sponsor .list{display:flex;flex-wrap:wrap;gap:2rem 2.5rem;margin-top:6.5rem; justify-content:center;}
 .main_sponsor .list li{display:inline-flex;align-items:center;justify-content:center;width:calc(20% - 2rem);height:15rem;border-radius:2rem;background-color:#fff;}
 .main_sponsor .list li img{width:auto;max-height:100%;}
 .main_sponsor .marquee{opacity:.1;}
 @media screen and (max-width:1440px) { .main_sns .l_area .tit{flex-direction:column;align-items:flex-start;}
 }
  @media screen and (max-width:1280px) {  .main_slogan .inner{padding:0 10rem !important;}
  .main_program{text-align:center;padding:9rem 0;}
 .main_program .category_list{justify-content:center;width:100%;margin-top:2.2rem;}
 .main_program .control{position:absolute;top:19.6rem;right:2.6rem;margin-top:0;z-index:2;}
 .main_program .swiper{position:initial;left:initial;margin-top:3.8rem;overflow:visible;}
  .main_sns .inner{flex-direction:column;gap:7.5rem 0;}
 .main_sns .l_area{flex-direction:column;width:100%;}
 .main_sns .l_area .tit{align-items:center;}
 .main_sns .l_area .tit span{margin-top:2rem;}
 .main_sns .l_area .control{justify-content:space-between;margin:-4.5rem 0 0 0;}
 .main_sns .l_area .swiper{margin-top:3rem;}
 .main_sns .r_area{width:100%;}
 .main_sns .r_area .list{width:100%;justify-content:space-between;}
 .main_sns .r_area .list li{width:calc(25% - 1.65rem);max-width:26rem;}
 .main_sns .r_area .list li .img img{height:100%;}
  .main_community{padding:8rem 0 20rem;}
 .main_community .inner{flex-direction:column;gap:4.5rem 0;}
 .main_community .l_area{width:100%;}
 .main_community .l_area .tit{text-align:center;}
 .main_community .l_area .tit::after, .main_community .l_area .tit span{display:none;}
 .main_community .l_area .sub{margin:3.5rem auto 6rem;}
 .main_community .l_area .exp{margin-top:2rem;}
 .main_community .r_area{width:100%;margin-top:0;}
  .main_gallery{padding-bottom:12rem;}
  .main_sponsor .list{gap:1.8rem;}
 .main_sponsor .list li{width:calc(25% - 1.35rem);height:12rem;}
 }