@charset "UTF-8"; /*header*/ @media (max-width: 1279px) { #header{display:none;} #header-mobile {display:block;position: fixed; z-index: 11;left: 0;top: 0;width: 100%;backdrop-filter: none;transition: background .5s;} #header-mobile .mo-header-top {height:57px; background:#FFF1DD; position:relative} #header-mobile .mo-header-top h1.home {position: absolute;top:10px; width: 30px; height:37px;background:url(/assets/mobile/images/common/logo_ofood.svg) 0 50% no-repeat;z-index: 5;margin-left: 20px;} #header-mobile .mo-header-top h1.home a{width: 30px;height: 37px;display: inline-block;} #header-mobile .mo-header-top h1.title{font-family: 'SF Pro';font-size: 14px;line-height: 20px;position: absolute;left:24px; top:18px;font-weight: 700;} #header-mobile .mo-header-top .btn-nav {position:absolute; z-index:5; right:24px; top:16px; width:24px; height:24px; background:url(/assets/mobile/images/common/btn_menu_b_24px.svg) 50% 50% no-repeat; background-size:100%} #header-mobile .mo-header-top .btn-search{border:none;width: 40px;height: 40px;position: absolute;z-index: 5; right: 73px;top: 8px;background-size: 24px 24px;background: url(/assets/pc/images/common/btn-menu-search_dark.svg) no-repeat;background-position: 50% 50%;} #header-mobile .mo-header-top .btn-nav.active {background-image:url(/assets/mobile/images/common/btn_close_b_24px.svg);} #header-mobile.shadow {box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);background: #FFF3DA;transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1);} #header-mobile .menu-ofood {position:fixed; z-index:3;top:0; left:100vw; width:100%; height:100%; background-color:#FFF3DA; transition:transform 400ms ease;} #header-mobile .menu-ofood .logo {position:absolute; z-index:4; left:0; top:0; width:40%; height:66px; background:#fff url(/assets/mobile/images/common/logo_ofood.svg) 24px 10px no-repeat; background-size:110px 50px;} #header-mobile .menu-ofood .menu-inner {width: 100%;overflow: auto;display: flex;flex-direction: column;height: 100%;box-sizing: border-box;} #header-mobile .menu-ofood .menu {margin-top: 57px;padding:40px 20px 118px 20px;flex:1;overflow-y: auto;} #header-mobile .menu-ofood .menu ul li ~ li {margin-top:35px} #header-mobile .menu-ofood .menu .has-sub .depth-2{padding: 20px 0 0 37px;} #header-mobile .menu-ofood .menu .has-sub .depth-2 li ~ li{margin-top:20px} #header-mobile .menu-ofood .menu ul li a{font-family:'Rubik';font-size: 36px;line-height: 42px;font-weight: 700;color:#40220F;letter-spacing: -1.44px;} #header-mobile .menu-ofood .menu .has-sub .depth-2 li a{font-family:'Rubik';font-size: 18px;line-height: 24px;font-weight: 600;color:#40220F;letter-spacing: -0.72px;} #header-mobile .menu-ofood.active {transform:translateX(-100%);} #header-mobile .menu-inner .etc{border-top: 1px solid #EEDCB7;} #header-mobile .menu-inner .etc ul{padding: 40px 0 40px 20px; display: flex;} #header-mobile .menu-inner .etc ul li{width: 24px;height: 24px;} #header-mobile .menu-inner .etc ul li:first-child{margin-right:30px} #header-mobile .menu-inner .etc ul li a{width: 100%;height: 100%;display: inline-block;} /* SNS MENU */ #header-mobile .mo-header-top .etc .btn-yt {background:url(/assets/pc/images/common/btn-menu-sns-youtube_dark.svg) 0 50%/100% no-repeat;} #header-mobile .mo-header-top .etc .btn-ig {background:url(/assets/pc/images/common/btn-menu-sns-instagram_dark.svg) 0 50%/100% no-repeat;} #header-mobile .mo-header-top.gnb-style-0, #header-mobile .mo-header-top.gnb-style-1, #header-mobile .mo-header-top.gnb-style-2, #header-mobile .mo-header-top.gnb-style-3{background: none;} #header-mobile .mo-header-top.gnb-style-0 h1.home{background: url(/assets/mobile/images/common/logo_ofood_w.svg) 50% 50% no-repeat;} #header-mobile .mo-header-top.gnb-style-0 .header-right .btn-search{background: url(/assets/pc/images/common/btn-menu-search.svg) 50% 50% no-repeat;} #header-mobile .mo-header-top.gnb-style-0 .header-right .btn-nav{background: url(/assets/mobile/images/common/btn_menu_b_24px_w.svg) 50% 50% no-repeat;} #header-mobile .mo-header-top.gnb-style-1 h1.home, #header-mobile .mo-header-top.gnb-style-2 h1.home{background: url(/assets/mobile/images/common/logo_ofood.svg) 50% 50% no-repeat;} #header-mobile .mo-header-top.gnb-style-1 .header-right .btn-search, #header-mobile .mo-header-top.gnb-style-2 .header-right .btn-search{background: url(/assets/pc/images/common/btn-menu-search_dark.svg) 50% 50% no-repeat;} #header-mobile .mo-header-top.gnb-style-1 .header-right .btn-nav, #header-mobile .mo-header-top.gnb-style-2 .header-right .btn-nav{background: url(/assets/mobile/images/common/btn_menu_b_24px.svg) 50% 50% no-repeat;} #header-mobile .mo-header-top.gnb-style-3 h1.home{background: url(/assets/mobile/images/common/logo_ofood.svg) 50% 50% no-repeat;} #header-mobile .mo-header-top.gnb-style-2 .header-right .btn-search{background: url(/assets/pc/images/common/btn-menu-search_dark.svg) 50% 50% no-repeat;} #header-mobile .mo-header-top.gnb-style-2 .header-right .btn-nav{background: url(/assets/mobile/images/common/btn_menu_b_24px.svg) 50% 50% no-repeat;} #header-mobile .menu-list-ul .menu-list.active a{color:#E32B35;} #header-mobile .menu-list-ul .menu-list.active{display: flex;align-items: center;} #header-mobile .menu-list-ul .menu-list.active:before{content:"";background: url(/assets/mobile/images/common/m_menu_active.png) 50% 50% no-repeat; width:32px;height: 32px; display: inline-block; background-size: contain; margin-right: 5px;} #header-mobile .menu-list-ul .menu-list.has-sub{position: relative;display: block;} #header-mobile .menu-list-ul .menu-list.has-sub.active a{display: flex;align-items: center;color:#E32B35;} #header-mobile .menu-list-ul .menu-list.has-sub.active > a[href="#"] {padding-left: 37px;} #header-mobile .menu-list-ul .menu-list.has-sub.active:before{content:"";background: url(/assets/mobile/images/common/m_menu_active.png) 50% 50% no-repeat; width:32px;height: 32px; display: inline-block; background-size: contain; margin-right: 5px;position: absolute;top: 5px;} #header-mobile .menu-list-ul .menu-list .depth-2 li.active a{color:#E32B35;} #header-mobile .mo-header-top .header-right.active .btn-search{background-color: rgba(0, 0, 0, 0.1);border-radius: 12px;} #header-mobile .mo-header-top.gnb-style-0 .header-right.active .btn-search{background-color: rgba(0, 0, 0, 0.1);border-radius: 12px;} #header-mobile .mo-header-top.gnb-style-1 .header-right.active .btn-search, #header-mobile .mo-header-top.gnb-style-2 .header-right.active .btn-search, #header-mobile .mo-header-top.gnb-style-3 .header-right.active .btn-search{background-color: rgba(0, 0, 0, 0.1);border-radius: 12px;} #header-mobile.show .header-right.active .btn-search{background-color:#E6DBC5;border-radius: 12px;} #header-mobile .search{display:none;position: absolute;z-index: 10;width: 100%;} #header-mobile .search.active{display:block;} #header-mobile .search-wrap{width: calc(100% - 40px); height: 60px;position: relative;margin: 10px auto 0;} #header-mobile .search-wrap #search-input-mo{width: 100%;height: 60px;border: 1px solid #C5111A;border-radius: 12px;padding: 18px 85px 18px 20px;font-family: 'Rubik'; font-weight: 600;font-size: 18px; line-height: 24px; letter-spacing: -0.72px;color: #40220F;} #header-mobile .search-wrap #search-input-mo::placeholder{font-family:'Rubik';font-size: 18px;line-height: 24px;font-weight: 300;color:#999999;} #header-mobile .search-wrap .search-ico{width:24px;height:24px; border: none; position: absolute;top: 50%; right: 0; padding: 30px;transform: translateY(-50%);background: url(/assets/pc/images/common/btn_menu_search_black.svg) no-repeat;background-position: 50% 50%;} #header-mobile .search-wrap .search-delete{display:none;width:24px;height:24px; border: none; position: absolute;top: 50%;transform: translateY(-50%); background: url(/assets/pc/images/content/ico-search-result-cancel.svg) no-repeat;font-size:0;right: 58px;} #header-mobile .mo-header-top.gnb-style-0 h1.title{color:#FFFFFF;} } /*footer*/ @media (max-width: 1279px) { #footer{display:none;} #footer-mobile {display:block;} #footer-mobile .contact-us {padding:25px 20px; background-color:#EEDCB7;} #footer-mobile .contact-us .top:after {content:''; display:block; clear:both} #footer-mobile .contact-us .top a {display: flex;align-items: center;width: 126px; height: 30px;background-color: #FFF3DA;border-radius: 8px;color: #40220F; font-family: 'SF Pro', -apple-system;font-size: 14px;font-weight: 700;line-height: 20px;padding: 5px 8px 5px 12px; float: right;} #footer-mobile .contact-us .inner-footer-contact {font-family: 'SF Pro', -apple-system;font-size: 14px;font-weight: 700;line-height: 20px;margin-bottom: 10px;} #footer-mobile .contact-us .inner-footer-desc {font-family: 'SF Pro';font-size: 13px;font-weight: 400;line-height: 18px;margin-bottom: 10px;} #footer-mobile .contact-us .inner-footer-btn{display: flex;align-items: center;} #footer-mobile .contact-us .inner-footer-btn-arrow{background:url(/assets/pc/images/common/ico-arrow-footer-16-px.svg) 50% 50% no-repeat;width: 16px;height: 16px;display: inline-block;margin-left:2px;} #footer-mobile .info-menu {background:#FFFFFF;padding: 30px 20px 60px 20px;} #footer-mobile .info-menu .top:after {content:''; display:block; clear:both} #footer-mobile .info-menu .top .logo {float:left; width:94px; height:36px; background:url(/assets/mobile/images/common/logo_ofood.svg) no-repeat;} #footer-mobile .info-menu .top .logo a{width:94px; height:36px; display:block;} #footer-mobile .info-menu .top .link {float:right; padding:6px 0} #footer-mobile .info-menu .top .link a {float:left; width:24px; height:24px} #footer-mobile .info-menu .top .link a ~ a {margin-left:30px} #footer-mobile .info-menu .top .link .ist {background:url(/assets/mobile/images/common/btn_insta@3x.png) 50% 50% no-repeat; background-size:100%} #footer-mobile .info-menu .top .link .ytb {background:url(/assets/mobile/images/common/btn_youtube@3x.png) 50% 50% no-repeat; background-size:100%} #footer-mobile .info-menu .links {margin-top:40px} #footer-mobile .info-menu .links h3{font-family: 'SF Pro';font-size: 13px;font-weight: 400;color: #40220F;margin-bottom: 20px;} #footer-mobile .info-menu .links li ~ li {margin-top:15px} #footer-mobile .info-menu .links li a {font-family: 'SF Pro', -apple-system;display:inline-block; padding-right:18px; font-size:14px; line-height:20px; font-weight:700; color:#40220F; background:url(/assets/pc/images/common/ico-arrow-footer-16-px.svg) 100% no-repeat} #footer-mobile .info-menu .links li a[target] {background-image:url(/assets/pc/images/common/ico-blank-footer-16-px.svg)} #footer-mobile .info-menu .links ~ h3 {margin-top:30px; font-size:13px; font-weight:500; color:#999} #footer-mobile .info-menu p {font-family: 'SF Pro';margin-top:60px; font-size:13px; font-weight:400; color:#40220F} #footer-mobile .info-menu h3 + .links {margin-top:20px} } /*Main*/ @media (min-width: 1100px) and (max-width: 1279px) { .section-main .group-visual .inner-visual .img-wrapper1{margin-left: 233px !important;} .section-main .group-visual .inner-visual .img-wrapper2{margin-left: 513px !important;} .section-main .group-visual .inner-visual .img-wrapper3{margin-left: 463px !important;} } @media (max-width: 1279px) { .section-main .group-event .swiper-slide .holder > div{font-size: 50px;line-height: 52px;letter-spacing: -2px;} .section-main .group-event .swiper-slide .line.gap{min-height: 1.08em;} .section-main .group-event .swiper-slide .line.margin{margin-top: -1px;} .section-main .group-event .swiper-slide .holder{margin-top: 97px;} .section-main .group-event .swiper-slide .holder .sub-text{font-size: 14px;line-height: 20px;padding-top: 10px;letter-spacing: -0.56px;} .section-main .group-event .swiper-slide .holder .first-slide-title.pc{display:none;} .section-main .group-event .swiper-slide .holder .first-slide-title.mo{display:block;} .section-main .group-event .swiper-slide .holder .sub-text-wrap .sub-text.mo{display:block;} .section-main .group-event .swiper-slide .holder .sub-text-wrap .sub-text.pc{display:none;} .section-main .group-event{height: 647px;} .section-main .group-event .swiper-container{height: 647px;} .section-main .group-event .swiper-pagination{bottom: 325px !important;} .section-main .group-event .swiper-pagination.pagination-style-0 span, .section-main .group-event .swiper-pagination.pagination-style-1 span, .section-main .group-event .swiper-pagination.pagination-style-2 span, .section-main .group-event .swiper-pagination.pagination-style-3 span{margin: 0 0.5px;} .section-main .group-event .swiper-pagination.pagination-style-0 span.swiper-pagination-bullet-active, .section-main .group-event .swiper-pagination.pagination-style-1 span.swiper-pagination-bullet-active, .section-main .group-event .swiper-pagination.pagination-style-2 span.swiper-pagination-bullet-active, .section-main .group-event .swiper-pagination.pagination-style-3 span.swiper-pagination-bullet-active{margin: 0 0.5px;} .section-main .group-event .swiper-wrapper, .section-main .group-event .swiper-slide{height: 647px;} .section-main .group-event .swiper-slide.swiper-slide-01 .swiper-slide-01-content .content-ramen{width: 389.23px;height: 365px;top: 148px;rotate: 8deg;} .section-main .group-event .swiper-slide.swiper-slide-01 .swiper-slide-01-content .content-text{width: 115.22px;height: 101.54px; top: 172px;transform: translateX(-134%);left: calc(50vw - 8px);} .section-main .group-event .swiper-slide.swiper-slide-01 .swiper-slide-01-content .content-chapstick{width: 140.08px;height: 189.39px;top: 60.28px;/* right: -48px; */right: calc(50vw - 234px);} .section-main .group-event .swiper-slide.swiper-slide-01 .swiper-slide-01-content .red_pepper{width: 91.61px;height: 98.34px;left: calc(50vw - 175px);top: 20px;/* left: 19px;top: 21px; */transform: rotate(-73deg);} .section-main .group-event .scroll-text{font-size: 14px;line-height: 18px;} .section-main .group-event .scroll-text{font-size: 14px;line-height: 18px;} .section-main .group-event .scroll-box{width: 16px;height: 25px;margin: 5px 11px 0 10px;} .section-main .group-event .scroll-box-wrap .scroll-arrow img{width: 100%;height: auto;object-fit: cover;} .section-main .group-event .scroll-box-wrap .scroll-arrow{width: 8px;height: 9px;margin: 2px 16px 0 14px;} .section-main .group-event .scroll-box-wrap{width: 37px; height: 66px;bottom: 10px;} .section-main .group-event .swiper-slide.swiper-slide-02, .section-main .group-event .swiper-slide.swiper-slide-03, .section-main .group-event .swiper-slide.swiper-slide-04{background-size: cover;} .section-main .group-visual{/* padding-bottom: 140px; */height: auto;} .section-main .group-visual .inner-visual{height:auto;padding: 0 20px;} .section-main .group-visual .inner-visual .group-visual-food01{width: 240px;height: 200px;left: -109px;top: 1113px;z-index: 1;} .section-main .group-visual .inner-visual .img-wrapper1{/* left: -109px !important;top: 1052px !important; */z-index: 1;margin-left: calc(50vw - 317px);margin-top: 40px;} .section-main .group-visual .inner-visual .group-visual-desc-wrap{margin-top: 90px;margin-left: 0;height: auto;} .section-main .group-visual .inner-visual .group-visual-title{font-size: 50px;line-height: 52px;letter-spacing: -2px;} .section-main .group-visual .inner-visual .group-visual-desc{font-size: 14px;line-height: 20px;margin-bottom: 25px;letter-spacing: -0.56px;} /* .section-main .group-visual .inner-visual p.group-visual-title{font-size: 50px;line-height: 52px;margin-bottom: 15px;} .section-main .group-visual .inner-visual p.group-visual-desc{font-size: 14px;line-height: 20px;margin-bottom: 25px;} */ .section-main .group-visual .inner-visual .group-visual-food02{width: 55px;height: 42px;top: 1190px;left: 167px;} .section-main .group-visual .inner-visual .img-wrapper2{/* top: 1131px !important;left: 167px !important; */margin-left: calc(50vw - 37px);margin-top: 115px;} .section-main .group-visual .inner-visual .group-visual-food03{width: 115px;height: 102px;top: 1235px;left: 123px;} .section-main .group-visual .inner-visual .img-wrapper3{/* top: 1184px !important;left: 123px !important; */margin-left: calc(50vw - 87px);margin-top: 165px;} .section-main .group-visual .inner-visual .group-visual-desc-wrap .group-visual-logo-wrap{width: 231px;height: 80px;margin-left: 104px;float: right;} .section-main .group-visual .inner-visual .group-visual-desc-wrap .group-visual-logo-wrap .old-logo-wrap{width: 120px; height: 36px;flex: 0 0 auto;} .section-main .group-visual .inner-visual .group-visual-desc-wrap .group-visual-logo-wrap .group-visual-logo-arrow{width: 16px;height: 16px;margin-left: 15px;margin-right: 15px;flex: 0 0 auto;} .section-main .group-visual .inner-visual .group-visual-desc-wrap .group-visual-logo-wrap .new-logo-wrap{width: 65px;height: 80px;flex: 0 0 auto;} .section-main .group-lastest-but{height: 934px; margin-bottom: 100px;} .section-main .group-lastest-but .title{font-size: 42px;line-height: 42px;letter-spacing: -1.68px;} /* .section-main .group-lastest-but .title{padding-top: 106px;font-size: 42px;line-height: 42px;} */ .section-main .group-lastest-but .lastest{margin-top: 50px;overflow: hidden;} .section-main .group-lastest-but .lastest .swiper-pagination span{margin: 0 0.5px;} /* .section-main .group-lastest-but .lastest .swiper{height: 618px;} */ .section-main .group-lastest-but .lastest .swiper .swiper-wrapper{overflow: visible !important;} .section-main .group-twist.pc{display:none;} .section-main .group-about .mask-wrap{background: url(/assets/mobile/images/content/contemporary_mask_middle.png) no-repeat;background-position: top center;background-size: initial;} .section-main .group-about .video-wrap .my-video.pc{display:none;} .section-main .group-about .video-wrap .my-video.mobile{display:block;} .section-main .group-about .video-wrap{height: 760px;} .section-main .group-about .inner-about-desc{width: 197px;height: auto;} .section-main .group-about .inner-about-title{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-main .group-about .inner-about-text{font-size: 42px;line-height: 42px;} .section-main .group-about .inner-about .inner-about-link{margin-top: 30px;padding: 12px 22px 12px 30px;} .section-main .group-about .group-about-wrap .inner-about{top: 241px;left: 20px;} .section-main .group-about .about-bold-icon-large{width: 90px;height:90px;left: 155px;top: 211px;} .section-main .group-about .about-bold-icon-small{width: 50px;height: 50px;right: 91.33px;top: 167px;left: 240px !important;} .section-main .group-about, .section-main .group-about .group-about-wrap{height: 760px;} .section-main .group-about{z-index: 5;} .section-main .group-whats{padding: 340px 0 102px 0;height: auto;position: relative;} .section-main .group-whats .inner-whats{display: flex;justify-content: center;} .section-main .group-whats .whats-food01{width: 357.15px;height: 357.15px;top: -104px;left: -89.05px;} .section-main .group-whats .img-wrapper4{/* top: -104px !important;left: -70.05px !important; */margin-left: -135px;margin-top: -410px;} .section-main .group-whats .whats-food02{width: 140px;height: 135px;top: 195px;left: 216px;} .section-main .group-whats .img-wrapper5{/* top: 170px !important;left: 216px !important; */margin-top: -160px;margin-left: 200px;} .section-main .group-whats .img-wrapper6{display: none;} .section-main .group-about .img-wrapper7{/* top: 211px !important;left: 155px !important; */margin-top: 206px;margin-left: 15px;} .section-main .group-about .img-wrapper8{/* top: 167px !important;left: 245px !important; */margin-top: 179px;margin-left: 145px;} .section-main .group-whats .inner-whats .inner-whats-content-wrap{margin-left: 0;padding: 0 20px;width: 100%;} .section-main .group-whats .inner-whats .inner-whats-content-wrap .inner-whats-content-top{margin-bottom:30px;max-width: 1279px;} .section-main .group-whats .inner-whats .inner-whats-content-wrap .inner-whats-content-top .inner-whats-content-top-text{font-size: 18px;line-height: 24px; text-align: center;letter-spacing: -0.72px;} .section-main .group-whats h2{font-size: 42px;line-height: 42px;text-align: center;letter-spacing: -1.68px;} .section-main .group-whats .inner-whats-content-bottom .inner-whats-content-list{width: 100%;border-radius: 15px;margin-bottom: 10px;padding: 20px;} .section-main .group-whats .inner-whats-content-bottom .inner-whats-content-list.pc{display:none;} .section-main .group-whats .inner-whats-content-bottom .inner-whats-content-list.mo{display:flow-root;} .section-main .group-whats .inner-whats-content-bottom .inner-whats-content-list .media-title{font-size: 18px;line-height: 24px;width: 100%;letter-spacing: -0.72px;} .section-main .group-whats .inner-whats-content-bottom .inner-whats-content-list .media-compay-link{padding: 5px 8px 5px 12px;width: 117px;margin-top: 10px; float: right;} .section-main .group-near{padding: 100px 0;height: auto;} .section-main .group-near .inner-near .inner-near-title-wrap{font-size: 42px;line-height: 42px;letter-spacing: -1.68px;} .section-main .group-near .list-spot{margin-top:50px;padding: 0 20px;} .section-main .group-near .list-spot li{width: 105px;} .section-main .group-near .list-spot .list-spot-img-wrap{width: 90px;height: 60px;margin: 0 auto;} .section-main .group-near .list-spot .visit{padding: 5px 8px 5px 12px;width: auto;margin: 5px 0 0 0;gap:2px;} .section-main .group-near .list-spot #listNear{gap: 10px 25px;justify-content: center;} .section-main .group-near .family{margin: 60px auto 0;width: 219px;padding: 12px 22px 12px 30px;} .section-main .group-near .family span{font-size: 14px;line-height: 20px;} .section-main .group-near .family span.family-arrow{margin-left: 2px;} .section-main .group-social{padding: 100px 0 200px; height: 965px;} .section-main .group-social .group-social-inner > h2{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-main .group-social .group-social-inner{padding: 0 20px;} .section-main .group-social .group-social-title{font-size: 42px;line-height: 42px;letter-spacing: -1.68px;} .section-main .group-social .account{margin: 0;margin-top: 50px;width: 100%;margin-left: 20px;} .section-main .group-social .article{margin-left:0px;width:100%;padding-left: 20px;} .section-main .group-social .article .swiper-slide{width: 260px;height: 388px} .section-main .group-social .article .swiper-slide .img{height: 346px;margin-bottom: 10px;} .section-main .group-social .article .swiper-slide .feed-title-wrap .feed-title-link{width: 32px;height: 32px;} .section-main .group-social .article .swiper-slide span{font-size: 14px;line-height: 20px;margin-left: 10px;} .section-main .group-social .account .swiper-slide ~ .swiper-slide{margin-left: 25px; flex-shrink: 0;} .section-main .group-social .account .swiper-slide:nth-child(3) { margin-left: 26px; } .section-main .group-social .account .swiper-slide:nth-child(4) { margin-left: 26px; } .section-main .group-social .account .swiper-slide:nth-child(7) { margin-left: 26px; } .section-main .group-social .account .swiper-slide a{padding-bottom: 14px;} .section-main .group-social .account .swiper-wrapper{justify-content: unset;} .section-main .group-twist.mobile{display:block;height: 851px;}; .section-main .group-twist{height: 851px;} .section-main .group-a-c-f{/* height: 851px; */padding: 0;gap:0;letter-spacing: -1.68px;margin-left: 0px;} .section-main .group-twist .group-twist-title{padding-top: 100px;width: 100%;height: auto;font-size: 42px;line-height: 42px;} .section-main .group-a-c-f .group-a-c-f-content-wrap .group-a-c-f-content{margin: 50px auto 0;} .section-main .group-a-c-f .group-a-c-f-desc{margin-top: 20px; height: auto;} .section-main .group-a-c-f .group-a-c-f-desc .group-a-c-f-category{font-size: 14px;line-height: 18px;letter-spacing: -0.56px;} .section-main .group-a-c-f .group-a-c-f-desc .group-a-c-f-name{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-main .group-a-c-f .group-a-c-f-desc .group-a-c-f-text{font-size: 14px;line-height: 20px; letter-spacing: 0; margin-top: 5px;} .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-content-img-wrap{transform: translate(-50%, -50%);transition: none;} .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-content-hash{transition: none;opacity: 0;} .section-main .group-a-c-f .group-a-c-f-desc .group-a-c-f-link span{font-size: 14px;line-height: 20px;letter-spacing: 0;} .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-link{width: 191px;} .section-main .group-a-c-f .group-a-c-f-desc .group-a-c-f-link{margin: 20px auto 0;width: 191px;padding: 12px 22px 12px 30px;height: 44px;justify-content: space-between;/* position:unset;transform: translateY(0); */bottom: -60px;z-index: 20;} .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-link {background: #C5111A;} .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-content::before{display:none;} .section-main .group-twist .swiper-pagination{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);} .section-main .group-twist .swiper-pagination span.swiper-pagination-bullet-active{background: url(/assets/pc/images/common/swiper-pagination-bullet01_active.svg) no-repeat; margin: 0 0.5px;} .section-main .group-twist .swiper-pagination span{display: inline-block;width: 24px;height: 24px; margin: 0 0.5px; background: url(/assets/pc/images/common/swiper-pagination-bullet01.svg) no-repeat;} .section-main .group-a-c-f .group-a-c-f-content-wrap.disable-hover:hover { pointer-events: none; transform: none !important; background: inherit !important; box-shadow: none !important; } .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-content{ pointer-events: none; } .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-content { background: #FDF1D8; transition: unset; } .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-content-hash { transform: unset; transition: unset; opacity: 0 } .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-content-img-wrap { transform: translate(-50%, -50%); transition: unset; } .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-link { background: #C5111A; } .section-main .group-a-c-f .group-a-c-f-content-wrap:hover:nth-of-type(3) .group-a-c-f-content, .section-main .group-a-c-f .group-a-c-f-content-wrap:nth-of-type(3) .group-a-c-f-content{background: #FDF1D8;} .section-main .group-a-c-f .group-a-c-f-content-wrap:hover:nth-of-type(4) .group-a-c-f-content, .section-main .group-a-c-f .group-a-c-f-content-wrap:nth-of-type(4) .group-a-c-f-content{background: #EBA821;} .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-content, .section-main .group-a-c-f .group-a-c-f-content-wrap .group-a-c-f-content{background: #FFF3DA;} .section-main .group-a-c-f .group-a-c-f-content-wrap:hover .group-a-c-f-content, .section-main .group-a-c-f .group-a-c-f-content-wrap .group-a-c-f-content.sauce{background: #A7D500;} .section-main .group-a-c-f .group-a-c-f-content-wrap .group-a-c-f-content.seaweed{background: #FFF3DA;} } @media (max-width: 1010px) { .section-main .group-lastest-but .lastest .swiper-container{width: 100% !important;} } @media (max-width: 1279px) { .section-main .group-lastest-but .lastest .swiper-container{width: 1010px;} /* .section-main .group-lastest-but .swiper-slide{width: 300px;height: 448px;padding: 25px 20px 30px 20px;} */ .section-main .group-lastest-but .swiper-slide .lastest-img{width: 230px;height: 230px;margin: 0 auto;margin-bottom: 30px;} .section-main .group-lastest-but .swiper-slide .lastest-card .lastest-badge{width: 55px;height: 55px;} /* .section-main .group-lastest-but .swiper-slide.active-card.swiper-slide-active{width: 300px;height: 552px;padding: 25px 20px 30px 20px;} */ .section-main .group-lastest-but .swiper-slide.active-card.swiper-slide-active .lastest-img{width: 100%;height: 250px;margin: 0;/* padding: 22.84px 22.69px 22.83px 22.99px; */margin-bottom: 30px;} .section-main .group-lastest-but .lastest-text-wrap{width: 260px;margin: 0 auto;} .section-main .group-lastest-but .swiper-slide .lastest-title{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-main .group-lastest-but .swiper-slide .lastest-content-text{font-size: 14px;line-height: 20px;} .section-main .group-lastest-but .swiper-slide a{margin-top: 29px;height: 44px;} .section-main .group-lastest-but .swiper-slide a:hover {background: #C5111A;} .section-main .group-lastest-but .swiper-slide .lastest-content-btn{text-align: center;justify-content: center;padding: 12px 22px 12px 30px;} .section-main .group-lastest-but .swiper-slide a span{font-size: 14px;line-height: 20px;} /* .section-main .group-about .mask-wrap{background: url(/assets/mobile/images/content/contemporary_mask_mo.png) no-repeat; height: 765px;} */ } @media (max-width: 917px) { .section-main .group-lastest-but .lastest .swiper{height: 618px;} .section-main .group-lastest-but .swiper-slide{width: 300px !important;height: 448px;padding: 25px 20px 30px 20px;} .section-main .group-lastest-but .swiper-slide.active-card.swiper-slide-active{width: 300px !important;height: 552px;padding: 25px 20px 30px 20px;} } /*Noodles*/ @media (min-width: 1100px) and (max-width: 1279px) { .section-sub.section-noodles .img-wrapper1{margin-left: 287px !important;right: auto !important;} .section-sub.section-noodles .img-wrapper2{margin-left: 445px !important;right: auto !important;} .section-sub.section-noodles .img-wrapper3{margin-left: 655px !important;right: auto !important;} .section-sub.section-noodles .img-wrapper4{margin-left: 565px !important;right: auto !important;} .section-sub.section-noodles .img-wrapper5{margin-left: 585px !important;right: auto !important;} } @media (max-width: 1279px) { .curve-box{height:auto;bottom:-3px;} .section-sub.section-noodles .group-sub-top .top-visual{height: 425.75px; background: url(/assets/mobile/images/content/noodles_main_img_mo.jpg) 50% 50% no-repeat; background-size: cover;} .section-sub.section-noodles .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap .desc-inner-content-title{font-size: 42px;line-height: 42px;letter-spacing: -1.68px;} .section-sub.section-noodles .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap .desc-inner-content-text-wrap{margin-top:30px;} .section-sub.section-noodles .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap{margin-top:50px;padding: 0 20px;} .section-sub.section-noodles .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap p:first-child{margin-bottom:10px;} .section-sub.section-noodles .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap p{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-sub.section-noodles .group-sub-top .group-desc .desc-inner-content-slide-wrap{margin-top:294px;} .section-sub.section-noodles .desc-con02-01{width: 260px; height: 190px;left: -56.5px; top: 109%;right: 13px;} .section-sub.section-noodles .desc-con02-02{width: 67px;height: 80px;top: 142%;left: 82px;} .section-sub.section-noodles .desc-con02-03{width: 56px;height: 56px;} .section-sub.section-noodles .desc-con02-04{width: 192px;height: 186px;top: 104%;right: 13px;} .section-sub.section-noodles .desc-con02-05{width: 109px;height: 65px;} .section-sub.section-noodles .img-wrapper1{/* left: -54.5px !important; top: 98% !important;right: 13px !important; */margin-top: 20px !important;right: calc(50vw - 0px);} .section-sub.section-noodles .img-wrapper2{/* top: 130% !important;left: 85px !important; */margin-top: 210px !important;right: calc(50vw - -35px);} .section-sub.section-noodles .img-wrapper3{/* top: 114% !important;right: 28px !important; */margin-top: 110px !important;right: calc(50vw - 161px);} .section-sub.section-noodles .img-wrapper4{/* top: 127% !important;right: -8px !important; */margin-top: 24px !important;right: calc(50vw - 207px);} .section-sub.section-noodles .img-wrapper5{/* top: 105% !important;right: 45px !important; */margin-top: 50px !important;right: calc(50vw - 144px);} .section-sub.section-noodles .group-sub-top .group-desc{padding-bottom:100px;} .section-sub.section-noodles .group-sub-top .group-desc .group-desc-inner{position: relative;height: auto;/* min-height: 502px; */} .section-sub.section-noodles .group-kimchi .inner-kimchi-title-wrap .inner-kimchi-title-small, .section-sub.section-noodles .group-jang .inner-jang-title-wrap .inner-jang-title-small{font-size: 24px;line-height: 28px;margin-bottom: 6px;letter-spacing: -0.96px;} .section-sub.section-noodles .group-kimchi .inner-kimchi-title-wrap .inner-kimchi-title, .section-sub.section-noodles .group-jang .inner-jang-title-wrap .inner-jang-title{font-size: 32px;line-height: 38px;margin-bottom: 20px;letter-spacing: -1.28px;} .section-sub.section-noodles .group-kimchi .inner-kimchi-desc-wrap, .section-sub.section-noodles .group-jang .inner-jang-desc-wrap{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-sub.section-noodles .group-kimchi{padding-bottom: 100px;} .section-sub.section-noodles .group-jang .swiper{height: 100%;} .section-sub.section-noodles .inner-jang .swiper-pagination{margin-top:30px;} .section-sub.section-noodles .group-jang{padding-bottom:100px;} .modal-wrap{width: calc(100% - 20px);height: 474px; position: relative;} .modal-img-wrap{width: 100%;height: inherit;border-radius: 25px;} .fullscreen-modal img{object-fit: unset;} .modal-close{right: 0;top: -66px;width: 46px;height: 46px;margin: 0;} .section-sub.section-noodles .group-kimchi .inner-kimchi-img-wrap, .section-sub.section-noodles .group-jang .inner-jang-img-wrap{height: auto;} .section-sub.section-noodles .group-kimchi .inner-kimchi-ingredient-wrap{margin-top: 30px;} .section-sub.section-noodles .group-kimchi .inner-kimchi-ingredient-wrap .inner-kimchi-ingredient{gap: 20px 10px;} .section-sub.section-noodles .group-kimchi .inner-kimchi-ingredient-wrap .inner-kimchi-ingredient-list{width: 90px;} .section-sub.section-noodles .group-kimchi .inner-kimchi-ingredient-img-wrap{width: 60px;height: auto;margin: 0 auto;} .section-sub.section-noodles .group-carve .carve-inner-title-wrap .carve-inner-title-inner .carve-inner-title{font-size: 32px;line-height: 42px;padding-bottom: 20px;letter-spacing: -1.28px;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap{margin-top: 50px;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product-title-wrap .carve-inner-product-title, .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory-title-wrap .carve-inner-savory-title{font-size: 24px;line-height: 28px;letter-spacing: -0.96px;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product-title-wrap .carve-inner-product-count, .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory-title-wrap .carve-inner-savory-count{font-size: 24px;line-height: 28px; padding-left: 5px;letter-spacing: -0.96px;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-content-title{line-height: 20px;} .section-sub.section-noodles .group-amazon .inner-amazon .amazon-title{font-size: 36px;line-height: 42px;display: inline-block; padding: 0 20px;letter-spacing: -1.44px;} .section-sub.section-noodles .group-amazon .inner-amazon .amazon-title .amazon-logo{width: 115.02px;height: 57px;margin: 0 5px; vertical-align: middle;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list{width: 100%;height: 453px;box-sizing: border-box;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list .carve-inner-savory-img-wrap{width: 100%;height: 335px;} .section-sub.section-noodles .group-kimchi .inner-kimchi, .section-sub.section-noodles .group-jang .inner-jang{padding: 0 20px;} .section-sub.section-noodles .group-carve .carve-inner-title-wrap .carve-inner-title-inner{padding: 0 20px;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product-title-wrap, .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory-title-wrap{padding: 0 20px;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory{margin-top: 20px;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));box-sizing: border-box;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap .carve-inner-product-list{box-sizing: border-box;width: 100%;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-content{width: 100%;height:auto; aspect-ratio: 1 / 1;border-radius: 15px;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap{display:grid;padding: 0 20px;justify-content: space-between; gap: 40px 20px; grid-template-columns: repeat(auto-fit, minmax(335px, 1fr));} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list .carve-inner-savory-desc-wrap .carve-inner-savory-desc-title{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-sub.section-noodles .group-carve{padding-bottom: 100px;} .section-sub.section-noodles .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper{height: 654px;} .section-sub.section-noodles .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper .swiper-slide{height:600px;position: relative;} .section-sub.section-noodles .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .section-sub.section-noodles .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper img.mo{display:none;} .section-sub.section-noodles .swiper-pagination span, .section-sub.section-noodles .swiper-pagination span.swiper-pagination-bullet-active{margin:0 0.5px;} .section-sub.section-noodles .group-kimchi .inner-kimchi-img-wrap img.pc, .section-sub.section-noodles .group-jang .inner-jang-img-wrap img.pc{display:none;} .section-sub.section-noodles .group-kimchi .inner-kimchi-img-wrap img.mo, .section-sub.section-noodles .group-jang .inner-jang-img-wrap img.mo{display:block;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap .carve-inner-product-list:hover .carve-inner-product-content{background: #ffffff;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc-wrap {background: #ffffff;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc-title {color: #40220F;} .section-sub.section-noodles .group-carve .carve-inner{max-width: 100%;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product{padding:0 20px;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc p{color:#8E7249;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .bell{background: url(/assets/pc/images/content/noodles_bell.svg) no-repeat;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .clock{background: url(/assets/pc/images/content/noodles_clock.svg) no-repeat;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .dot{background: url(/assets/pc/images/content/noodles_dot.svg) no-repeat;background-position: center;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-content .carve-inner-product-img-wrap{padding: 11px;} } @media(max-width:585px){ /* .section-sub.section-noodles .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper-container img.mo{display:block;} .section-sub.section-noodles .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper-container img.pc{display:none;} */ .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap{gap: 20px 11px;grid-template-columns: repeat(auto-fit, minmax(162px, 1fr));align-items: normal;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap .carve-inner-product-list{width: 100%;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-content .carve-inner-product-img-wrap{width: 100%;height: 100%;} .section-sub.section-noodles .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product{margin-top: 20px;padding:0 20px;} } /*sauce*/ @media (max-width: 1279px) { .section-authentic .br-mobi-none{display: none;} .curve-box{height:auto;bottom:-8%;} .section-sub.section-authentic .group-sub-top .top-visual{/* height: 400px; */height: 425.75px;background: url(/assets/mobile/images/content/temp_ofood_top_Authentic_mo.jpg) 50% 50% no-repeat;background-size: cover;} .section-authentic .group-sub-top .top-visual .mo-video{display:block;} .section-authentic .group-sub-top .top-visual .pc-video{display:none;} .section-authentic .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap{margin-top: 50px; padding: 0 20px;} .section-authentic .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap .desc-inner-content-title{font-size: 42px;line-height: 42px;letter-spacing: -1.68px;} .section-authentic .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap .desc-inner-content-text-wrap{margin-top: 30px;letter-spacing: -0.72px;} .section-authentic .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap p:first-child{margin-bottom: 10px;} .section-authentic .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap p{font-size: 18px;line-height: 24px;} .section-authentic .group-sub-top .group-desc .desc-inner-content-slide-wrap{margin-top:50px;} .section-authentic .group-sub-top .group-desc{padding-bottom: 100px;} .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap.mobile{display:block; padding: 0 20px;} .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap.pc{display:none;} .section-authentic .group-sub-top .group-method .method-inner .method-title-wrap .method-title{font-size: 32px;line-height: 38px;letter-spacing: -1.28px;} .section-authentic .group-sub-top .group-method .method-inner .method-title-wrap .method-desc{font-size: 18px;line-height: 24px;margin-top: 20px;letter-spacing: -0.72px;} .section-authentic .group-sub-top .group-method .method-inner .method-title-wrap{margin-bottom: 50px;padding: 0 20px;} .section-authentic .group-sub-top .group-method .method-inner .method-desc-title{font-size:24px;line-height: 28px;letter-spacing: -0.96px;} .section-authentic .group-sub-top .group-method .method-inner .method-desc{font-size:14px;line-height: 20px;} .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-first .method-content, .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-second .method-content, .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-third .method-content{display: block;} .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-first .method-content .method-desc-wrap, .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-second .method-content .method-desc-wrap, .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-third .method-content .method-desc-wrap{margin-top:20px;} .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-first .method-content .method-img-wrap, .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-second .method-content .method-img-wrap, .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-third .method-content .method-img-wrap{width: 100%;/* min-width: 335px;height: 221px; */ height: auto;aspect-ratio: 3 / 2;position: relative;} .section-authentic .group-sub-top .group-method .method-inner img{object-fit: cover;} .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-first .method-content:after{display:none;} .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-second .method-content:after{display:none;} .section-authentic .group-sub-top .group-method .method-inner .method-desc-num{width: 30px; height: 30px;font-size:18px;line-height:24px;letter-spacing: -0.72px;} .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-second .method-content .method-img-wrap{margin-left:0;} .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-second .method-desc-wrap{text-align:left;} .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-first, .section-authentic .group-sub-top .group-method .method-inner .method-content-wrap .method-content-second{margin-bottom:50px;} .section-authentic .group-sub-top .group-method .method-inner .heritage-content{margin-top: 100px; padding: 0 20px;} .section-authentic .group-sub-top .group-method .method-inner .heritage-content .heritage-content-top-img{width: 310px;height: 240px;} .section-authentic .group-sub-top .group-method .method-inner .heritage-content .heritage-title{font-size: 32px;line-height: 38px;margin-bottom: 20px;letter-spacing: -1.28px;} .section-authentic .group-sub-top .group-method .method-inner .heritage-content .heritage-desc{font-size: 18px;line-height: 24px;margin-bottom: 30px;letter-spacing: -0.72px;} .section-authentic .group-sub-top .group-method{padding-bottom:100px;} .section-authentic .group-sub-top .group-carve .carve-inner-title-wrap .carve-inner-title-inner .carve-inner-title{font-size: 32px;line-height: 38px;padding-bottom: 21px;letter-spacing: -1.28px; padding-left: 20px;} .section-authentic .group-sub-top .group-carve .carve-inner-category{height: 281px;margin-bottom: 50px;} .section-authentic .group-sub-top .group-carve .carve-inner-category .carve-inner-category-title-wrap{padding: 40px 20px 20px 20px;letter-spacing: -0.72px;} .section-authentic .group-sub-top .group-carve .carve-inner-category .carve-inner-category-title{font-size: 18px;line-height: 24px;height: 30px;} .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap{width: 120px;height: 120px;} .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list p{font-size: 14px;line-height: 16px;} .section-authentic .group-sub-top .group-carve .carve-inner-product-title{font-size: 24px;line-height: 28px;letter-spacing: -0.96px;} .section-authentic .group-sub-top .group-carve .carve-inner-product-count{font-size: 24px;line-height: 28px; padding-left: 5px;letter-spacing: -0.96px;} .section-authentic .group-sub-top .load-more-wrap{margin: 40px auto 0;width: 144px;} .section-authentic .group-sub-top .load-more-wrap #loadMoreBtn{font-size: 14px;line-height: 20px;} .section-authentic .group-sub-top .group-carve .carve-inner-savory-title{font-size: 24px;line-height: 28px;letter-spacing: -0.96px;} .section-authentic .group-sub-top .group-carve .carve-inner-savory-count{font-size: 24px;line-height: 28px; padding-left: 5px;letter-spacing: -0.96px;} .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-wrap{padding: 0 20px; overflow-y: scroll; gap: 0 10px;scrollbar-width: none; -ms-overflow-style: none;} .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-wrap::-webkit-scrollbar {display: none;} .section-authentic .group-sub-top .group-carve .carve-inner-savory-list-wrap{display: grid;justify-content: space-between;padding: 0 20px;margin: 0;gap: 20px 21px;grid-template-columns: repeat(auto-fit, minmax(335px, 1fr));max-width: 100%;width: 100%;box-sizing: border-box;align-items: center;} .section-authentic .group-sub-top .group-carve .carve-inner-product-title-wrap{padding: 0 20px;} .section-authentic .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product{padding: 0 20px;} .section-authentic .group-sub-top .group-carve .carve-inner-savory-title-wrap{padding: 0 20px;} .section-authentic .group-sub-top .group-carve .carve-inner-savory{margin-top: 20px;} .section-authentic .group-sub-top .group-carve .carve-inner-savory-list{width: 100%;height: 453px;} .section-authentic .group-sub-top .group-carve .carve-inner-savory-list .carve-inner-savory-img-wrap{width: 100%;height: 335px;} .section-authentic .group-sub-top .group-carve .carve-inner-savory-desc-title{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list.active:after{top: 104px;} .section-authentic .swiper-pagination span, .section-authentic .swiper-pagination span.swiper-pagination-bullet-active{margin:0 0.5px;} .section-authentic .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper{height: 554px;} .section-authentic .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper .swiper-slide{height:500px;position: relative;} .section-authentic .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .section-authentic .group-sub-top .group-method .method-inner .heritage-content .heritage-content-img-wrap{height: 500px;border-radius: 15px;} .section-authentic .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper img.mo{display:none;} .section-authentic .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap .carve-inner-product-list:hover .carve-inner-product-content{background: #ffffff;} .section-authentic .group-sub-top .group-carve .carve-inner-product-list-wrap{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));box-sizing: border-box;} .section-authentic .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list{width: 100%;box-sizing: border-box;} .section-authentic .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-content{width:100%;height: auto; aspect-ratio: 1 / 1;border-radius: 15px;} .section-authentic .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-img-wrap{padding: 11px;} .section-authentic .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc-wrap {background: #ffffff;} .section-authentic .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc-title {color: #40220F;} .section-authentic .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc p{color:#8E7249;} .section-authentic .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .bell{background: url(/assets/pc/images/content/noodles_bell.svg) no-repeat;} .section-authentic .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .clock{background: url(/assets/pc/images/content/noodles_clock.svg) no-repeat;} .section-authentic .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .dot{background: url(/assets/pc/images/content/noodles_dot.svg) no-repeat;background-position: center;} .section-authentic .group-sub-top .group-carve .carve-inner{max-width: 100%;} .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001001{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001001.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001002{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001002.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001003{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001003.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001004{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001004.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001005{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001005.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001006 { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001006.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001001:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001001.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001002:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001002.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001003:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001003.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001004:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001004.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001005:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001005.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT001006:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT001006.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT001001{box-shadow: 0 0 0 2px #40220F inset;} .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT001002{box-shadow: 0 0 0 2px #40220F inset;} .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT001003{box-shadow: 0 0 0 2px #40220F inset;} .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT001004{box-shadow: 0 0 0 2px #40220F inset;} .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT001005{box-shadow: 0 0 0 2px #40220F inset;} .section-authentic .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT001006{box-shadow: 0 0 0 2px #40220F inset;} .section-authentic .group-sub-top .group-carve .carve-inner-category .carve-inner-category-clear{padding: 5px 8px 5px 12px;} } @media(max-width:585px){ .section-authentic .group-sub-top .group-method .method-inner .heritage-content .heritage-content-img-wrap .heritage-content-img.mo{display:block;} .section-authentic .group-sub-top .group-method .method-inner .heritage-content .heritage-content-img-wrap .heritage-content-img.pc{display:none;} .section-authentic .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap{gap: 20px 10px;grid-template-columns: repeat(auto-fit, minmax(162px, 1fr));} .section-authentic .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-content .carve-inner-product-img-wrap{width: 100%;height: 100%;} .section-authentic .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product{margin-top: 20px;} /* .section-authentic .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper-container img.pc{display:none;} .section-authentic .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper-container img.mo{display:block;} */ } /*ready meal*/ @media (max-width: 1279px) { .section-contemporary .br-mobi-none{display: none;} .section-sub.section-contemporary .group-sub-top .top-visual{/* height: 375px; */height: 425.75px;background: url(/assets/mobile/images/content/temp_ofood_top_Contemporary_mo.jpg) 50% 50% no-repeat; background-size: cover;} .section-contemporary .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap{margin-top:50px;padding:0 20px;} .section-contemporary .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap .desc-inner-content-title{font-size: 42px;line-height: 42px;letter-spacing: -1.68px;} .section-contemporary .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap .desc-inner-content-text-wrap{margin-top:30px;} .section-contemporary .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap p{font-size: 18px;line-height: 24px;} .section-contemporary .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap p:first-child{margin-bottom:0;letter-spacing: -0.72px;} .section-contemporary .group-sub-top .group-desc .desc-inner-content-slide-wrap{margin-top:50px;} .section-contemporary .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper{height:654px;} .section-contemporary .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper .swiper-slide{height:600px;} .section-contemporary .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .section-contemporary .swiper-pagination{margin-top:30px;} .section-contemporary .swiper-pagination span, .section-contemporary .swiper-pagination span.swiper-pagination-bullet-active{margin: 0 0.5px;} .section-contemporary .group-sub-top .group-desc{padding-bottom:100px;} .section-contemporary .group-street .group-street-title{font-size: 32px;line-height: 38px;margin-bottom: 20px;letter-spacing: -1.28px;} .section-contemporary .group-street .group-street-desc{font-size: 18px;letter-spacing: -0.72px;} .section-contemporary .group-street .group-street-desc:nth-of-type(2){margin-top:10px;} .section-contemporary .group-street .group-street-title-wrap{margin-bottom:50px;} .section-contemporary .group-street .group-street-inner{padding: 0 20px;} .section-contemporary .group-street .group-street-img-content{width: 100%;border-radius: 15px;margin-bottom: 100px;height: 500px;} .section-contemporary .group-street .group-street-img-content .group-street-img.pc{display:none;} .section-contemporary .group-street .group-street-img-content .group-street-img.mo{display:block;} .section-contemporary .group-street .group-street-bottom-video-wrap.pc, .section-contemporary .group-street .group-street-bottom-video-wrap.mobile{display:none;} .section-contemporary .group-street{padding-bottom:100px;} .section-contemporary .group-sub-top .group-carve .carve-inner-title-wrap .carve-inner-title-inner{padding:0 20px;} .section-contemporary .group-sub-top .group-carve .carve-inner-title-wrap .carve-inner-title-inner .carve-inner-title{font-size: 32px;line-height: 38px;padding-bottom: 20px;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .carve-inner-category-title-wrap{padding: 40px 20px 20px 20px;letter-spacing: -1.28px;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .carve-inner-category-title{font-size: 18px;line-height: 24px;height: 30px;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap{width: 120px;height: 120px;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list p{font-size: 14px;line-height: 16px;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-wrap{gap:10px; overflow-y: scroll;padding-left:20px;scrollbar-width: none; -ms-overflow-style: none;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-wrap::-webkit-scrollbar {display: none;} .section-contemporary .group-sub-top .group-carve .carve-inner-category{height: 281px;margin-bottom: 50px;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list.active:after{top: 104px;} .section-contemporary .group-sub-top .group-carve .carve-inner-product-title-wrap{padding:0 20px;} .section-contemporary .group-sub-top .group-carve .carve-inner-product{padding:0 20px;margin-top:20px;} .section-contemporary .group-sub-top .group-carve .carve-inner-product-title{font-size: 24px;line-height: 28px;letter-spacing: -0.72px;} .section-contemporary .group-sub-top .group-carve .carve-inner-product-count{font-size: 24px;line-height: 28px;padding-left: 5px;letter-spacing: -0.96px;} .section-contemporary .group-sub-top .group-carve .carve-inner-product-list-wrap{display: grid;box-sizing: border-box; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));} .section-contemporary .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list{width: 100%;box-sizing: border-box;} .section-contemporary .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-content{width: 100%;height: auto;aspect-ratio: 1 / 1; border-radius: 15px;} .section-contemporary .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-img-wrap{padding: 11px;} .section-contemporary .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-content-title{line-height: 20px;} .section-contemporary .group-sub-top .load-more-wrap{margin: 40px auto 0;width: 144px;} .section-contemporary .group-sub-top .load-more-wrap #loadMoreBtn {font-size: 14px;line-height: 20px;} .section-contemporary .group-sub-top .group-carve .carve-inner-savory-title-wrap{padding:0 20px} .section-contemporary .group-sub-top .group-carve .carve-inner-savory{margin-top:20px;} .section-contemporary .group-sub-top .group-carve .carve-inner-savory-title{font-size: 24px;line-height: 28px;letter-spacing: -0.96px;} .section-contemporary .group-sub-top .group-carve .carve-inner-savory-count{font-size: 24px;line-height: 28px;padding-left: 5px;letter-spacing: -0.96px;} .section-contemporary .group-sub-top .group-carve .carve-inner-savory-list-wrap{padding: 0 20px;gap: 20px 21px;justify-content: space-between;display: grid;grid-template-columns: repeat(auto-fit, minmax(335px, 1fr));} .section-contemporary .group-sub-top .group-carve .carve-inner-savory-list{width: 100%;height: 453px;margin:0} .section-contemporary .group-sub-top .group-carve .carve-inner-savory-list .carve-inner-savory-img-wrap{width: 100%;height: 335px;} .section-contemporary .group-sub-top .group-carve .carve-inner-savory-desc-title{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-contemporary .group-street .mask-wrap {background: url(/assets/mobile/images/content/ready_mask_middle.png) no-repeat;background-position: top center;background-size: initial;} .section-contemporary .group-street .video-wrap{height: 760px;} .section-contemporary .group-street .video-wrap .my-video.pc{display:none;} .section-contemporary .group-street .video-wrap .my-video.mobile{display:block;max-width: 660px;} .section-contemporary .group-street .group-street-bottom-content{height: 760px;} .section-contemporary .group-sub-top .group-desc .desc-inner-content-slide-wrap img.mo{display:none;} .section-contemporary .group-carve .carve-inner .carve-inner-product-wrap .carve-inner-product .carve-inner-product-list-wrap .carve-inner-product-list:hover .carve-inner-product-content{background: #ffffff;} .section-contemporary .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc-wrap {background: #ffffff;} .section-contemporary .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc-title {color: #40220F;} .section-contemporary .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc p{color:#8E7249;} .section-contemporary .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .bell{background: url(/assets/pc/images/content/noodles_bell.svg) no-repeat;} .section-contemporary .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .clock{background: url(/assets/pc/images/content/noodles_clock.svg) no-repeat;} .section-contemporary .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .dot{background: url(/assets/pc/images/content/noodles_dot.svg) no-repeat;background-position: center;} .section-contemporary .group-sub-top .group-carve .carve-inner{max-width: 100%;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002003{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002003.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002004{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002004.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002006{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002006.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002007{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002007.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002008{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002008.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002009{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002009.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002010 { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002010.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT003 { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT003.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002003:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002003.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002004:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002004.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002006:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002006.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002007:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002007.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002008:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002008.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002009:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002009.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT002010:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT002010.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT003:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT003.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT002003{box-shadow: 0 0 0 2px #40220F inset;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT002004{box-shadow: 0 0 0 2px #40220F inset;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT002005{box-shadow: 0 0 0 2px #40220F inset;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT002006{box-shadow: 0 0 0 2px #40220F inset;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT002007{box-shadow: 0 0 0 2px #40220F inset;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT002008{box-shadow: 0 0 0 2px #40220F inset;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT002009{box-shadow: 0 0 0 2px #40220F inset;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT002010{box-shadow: 0 0 0 2px #40220F inset;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT003{box-shadow: 0 0 0 2px #40220F inset;} .section-contemporary .group-sub-top .group-carve .carve-inner-category .carve-inner-category-clear{padding: 5px 8px 5px 12px;} } @media (max-width: 585px) { .section-contemporary .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-img-wrap{width: 100%;height: 100%;} .section-contemporary .group-sub-top .group-carve .carve-inner-product-list-wrap{gap: 20px 10px; grid-template-columns: repeat(auto-fit, minmax(162px, 1fr));} /* .section-contemporary .group-sub-top .group-desc .desc-inner-content-slide-wrap img.mo{display:block;} .section-contemporary .group-sub-top .group-desc .desc-inner-content-slide-wrap img.pc{display:none;} */ .section-contemporary .group-sub-top .group-carve .carve-inner-category .category-list-wrap{padding-left: 20px;} } @media (max-width: 375px) { .section-contemporary .group-street .group-street-bottom-video-wrap.pc, .section-contemporary .group-street .group-street-bottom-video-wrap.mo-middle{display:none;} .section-contemporary .group-street .group-street-bottom-video-wrap.mobile{display:block;} .section-contemporary .group-street .mask-wrap{background: url(/assets/mobile/images/content/ready_mask_mo.png) no-repeat; height: 760px;} /* .section-contemporary .group-sub-top .group-desc .desc-inner-content-slide-wrap img.pc{display:none;} */ } /*seaweed*/ @media (max-width: 1279px) { .section-seaweed .br-mobi-none{display: none;} .section-seaweed .group-sub-top .top-visual{/* height: 400px; */height: 425.75px;background: url(/assets/mobile/images/content/temp_ofood_top_Seaweed_mo.jpg) 50% 50% no-repeat;background-size:cover;} .section-seaweed .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap{margin-top:50px;padding:0 20px;} .section-seaweed .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap .desc-inner-content-title{font-size: 42px;line-height: 42px;letter-spacing: -1.68px;} .section-seaweed .group-sub-top .group-carve .carve-inner-title-wrap .carve-inner-title-inner{padding:0 20px;} .section-seaweed .group-sub-top .group-carve .carve-inner-title-wrap .carve-inner-title-inner .carve-inner-title{font-size: 32px;line-height: 38px;padding-bottom: 20px;letter-spacing: -1.28px;} .section-seaweed .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap .desc-inner-content-text-wrap{margin-top: 30px;} .section-seaweed .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap p:first-child{margin-bottom:10px;} .section-seaweed .group-sub-top .group-desc .desc-inner .desc-inner-content-wrap p{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-seaweed .group-sub-top .group-desc .desc-inner-content-slide-wrap{margin-top:50px;} .section-seaweed .group-sub-top .group-desc .desc-inner-content-slide-wrap .mo-video{display:block;} .section-seaweed .group-sub-top .group-desc .desc-inner-content-slide-wrap .pc-video{display:none;} .section-seaweed .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper-container{height:554px;} .section-seaweed .group-sub-top .group-desc .desc-inner-content-slide-wrap .swiper-container .swiper-slide{height:500px;} .section-seaweed .swiper-pagination{margin-top:30px;} .section-seaweed .group-sub-top .group-desc{padding-bottom:100px;} .section-seaweed .group-made .group-made-title-wrap .group-made-title{font-size: 32px;line-height: 38px;margin-bottom: 20px;letter-spacing: -1.28px;} .section-seaweed .group-made .group-made-title-wrap{margin-bottom:30px;} .section-seaweed .group-made .group-made-img-wrap{height: 500px;margin-bottom: 30px;} .section-seaweed .group-sub-top .group-carve .carve-inner-category .carve-inner-category-title-wrap{padding: 40px 20px 20px 20px;} .section-seaweed .group-sub-top .group-carve .carve-inner-category .carve-inner-category-title{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;height: 30px;} .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap{width: 120px;height: 120px;} .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list p{font-size: 14px;line-height: 16px;} .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list-wrap{gap:10px;padding:0 20px;overflow-y: scroll;scrollbar-width: none; -ms-overflow-style: none;} .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list-wrap::-webkit-scrollbar {display: none;} .section-seaweed .group-sub-top .group-carve .carve-inner-category{height: 281px;margin-bottom: 50px;} .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list.active:after{top: 104px;} .section-seaweed .group-sub-top .group-carve .carve-inner{max-width: 100%;} .section-seaweed .group-sub-top .group-carve .carve-inner-product-title-wrap{padding:0 20px;} .section-seaweed .group-sub-top .group-carve .carve-inner-product-title{font-size: 24px;line-height: 28px;letter-spacing: -0.96px;} .section-seaweed .group-sub-top .group-carve .carve-inner-product-count{font-size: 24px;line-height: 28px;padding-left: 5px;letter-spacing: -0.96px;} .section-seaweed .group-sub-top .group-carve .carve-inner-product-list-wrap{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));box-sizing: border-box;} .section-seaweed .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list{width: 100%; box-sizing: border-box;} .section-seaweed .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-content{width: 100%;height: auto;aspect-ratio: 1 / 1; border-radius: 15px;} .section-seaweed .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-img-wrap{padding: 11px;} .section-seaweed .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-content-title{line-height: 20px;} .section-seaweed .group-sub-top .load-more-wrap{margin: 40px auto 0;width: 144px;} .section-seaweed .group-sub-top .load-more-wrap #loadMoreBtn {font-size: 14px;line-height: 20px;} .section-seaweed .group-sub-top .group-carve .carve-inner-savory-title-wrap{padding:0 20px} .section-seaweed .group-sub-top .group-carve .carve-inner-savory{margin-top:20px;} .section-seaweed .group-sub-top .group-carve .carve-inner-savory-title{font-size: 24px;line-height: 28px;letter-spacing: -0.96px;} .section-seaweed .group-sub-top .group-carve .carve-inner-savory-count{font-size: 24px;line-height: 28px;padding-left: 5px;letter-spacing: -0.96px;} .section-seaweed .group-sub-top .group-carve .carve-inner-savory-list-wrap{display: grid;padding: 0 20px;gap: 20px 21px;justify-content: space-between;margin: 0; grid-template-columns: repeat(auto-fit, minmax(335px, 1fr)); max-width: 100%; width: 100%; box-sizing: border-box;align-items: center;} .section-seaweed .group-sub-top .group-carve .carve-inner-savory-list{width: 100%;height: 453px;margin:0} .section-seaweed .group-sub-top .group-carve .carve-inner-savory-list .carve-inner-savory-img-wrap{width: 100%;height: 335px;} .section-seaweed .group-sub-top .group-carve .carve-inner-savory-desc-title{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-seaweed .group-sub-top .group-carve .carve-inner-product{margin-top:20px;padding:0 20px;} .section-seaweed .group-made{padding-bottom: 100px;} .section-seaweed .group-made .group-made-inner{padding:0 20px} .section-seaweed .group-made-desc-icon-list-wrap{gap: 20px 10px;} .section-seaweed .group-made-desc-icon-wrap{padding:0;} .section-seaweed .group-made-desc-icon-list{width: 90px;} .section-seaweed .group-made-desc-icon-img-wrap{width: 60px;height: auto; margin: 0 auto;} .section-seaweed .group-made .group-made-desc-detail p, .section-seaweed .group-made .group-made-title-wrap .group-made-desc{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-seaweed .group-made .group-made-desc-detail .group-made-desc-icon-list p{font-size: 14px;line-height: 20px;margin-bottom: 0;} .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list.swiper-slide{width: 120px;} .section-seaweed .group-sub-top .group-desc .desc-inner-content-slide-wrap img.mo{display:none;} .section-seaweed .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list:hover .carve-inner-product-content {background: #ffffff;} .section-seaweed .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc-wrap {background: #ffffff;} .section-seaweed .group-carve .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc-title {color: #40220F;} .section-seaweed .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .carve-inner-savory-desc p{color:#8E7249;} .section-seaweed .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .bell{background: url(/assets/pc/images/content/noodles_bell.svg) no-repeat;} .section-seaweed .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .clock{background: url(/assets/pc/images/content/noodles_clock.svg) no-repeat;} .section-seaweed .carve-inner .carve-inner-savory-wrap .carve-inner-savory .carve-inner-savory-list-wrap .carve-inner-savory-list:hover .dot{background: url(/assets/pc/images/content/noodles_dot.svg) no-repeat;background-position: center;} .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT005001{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT005001.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT005002{ background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT005002.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT005001:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT005001.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list-img-wrap.CD_OFOOD_PRD_CT005002:hover { background: #ffffff url(/assets/pc/images/content/CD_OFOOD_PRD_CT005002.jpg) no-repeat; background-position: 50% 100%; background-size: 120.53px 120.53px; } .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT005001, .section-seaweed .group-sub-top .group-carve .carve-inner-category .category-list.active .category-list-img-wrap.CD_OFOOD_PRD_CT005002{box-shadow: 0 0 0 2px #40220F inset;} .section-seaweed .group-sub-top .group-carve .carve-inner-category .carve-inner-category-clear{padding: 5px 8px 5px 12px;} } @media (max-width: 585px) { .section-seaweed .group-sub-top .group-carve .carve-inner-product-list-wrap .carve-inner-product-list .carve-inner-product-img-wrap{width: 100%;height: 100%;} .section-seaweed .group-sub-top .group-carve .carve-inner-product-list-wrap{gap: 20px 10px;grid-template-columns: repeat(auto-fit, minmax(162px, 1fr));} .section-seaweed .group-sub-top .group-desc .desc-inner-content-slide-wrap img.mo{display:block;} .section-seaweed .group-sub-top .group-desc .desc-inner-content-slide-wrap img.pc{display:none;} } /*product list*/ @media (max-width: 1279px) { .section-product-all{padding-top: 57px;} .section-product-all .product-inner{padding: 0 20px;} .section-product-all .product-inner .product-title{font-size: 42px;line-height: 44px;margin-bottom: 50px;letter-spacing: -1.26px;margin-top: 60px;} .section-product-all .group-tag .head{padding: 0 20px;} .section-product-all .group-tag .head *{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-product-all .group-tag .head strong{margin-left: 5px;letter-spacing: -0.72px;} .section-product-all .group-tag .list{margin:20px 0 0 0; padding: 0 20px;overflow: scroll;scrollbar-width: none; -ms-overflow-style: none;} .section-product-all .group-tag .list::-webkit-scrollbar {display: none;} .section-product-all .group-tag .list a{padding: 5px 10px;} .section-product-all .group-product{padding: 20px 0 200px;} .section-product-all .group-product h2{padding: 0 20px;font-size: 36px;line-height: 42px;letter-spacing: -1.44px;} .section-product-all .group-product .jump{overflow: scroll;padding-left: 20px;scrollbar-width: none; -ms-overflow-style: none;} .section-product-all .group-product .jump::-webkit-scrollbar {display: none;} .section-product-all .group-product .jump ul{margin-bottom: 50px;white-space: nowrap;width: fit-content;} .section-product-all .group-product .jump ul li.active{border-radius: 15px;} .section-product-all .group-product .jump ul li{width: 137px;padding: 11px 0;letter-spacing: -0.56px;} .section-product-all .group-product .jump ul li a{font-size: 14px;line-height: 20px;} .section-product-all .group-product h2 + p.desc{padding: 0 20px; margin-top: 10px; font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-product-all .group-product p.desc + .group-prd{margin-top: 50px;padding: 0 20px;} .section-product-all .group-product h3{font-size: 24px; line-height: 28px;letter-spacing: -0.96px;} .section-product-all .group-product .group-prd ul li .label{left: 10px;top: 10px;} .section-product-all .group-product .group-prd ul li .label span{letter-spacing: -0.2px;font-size: 10px;padding: 4.5px 2px;line-height: 10px;color: #FFF1DD;border-radius: 6px;} .section-product-all .group-product .head-prd-desc{font-size: 14px;line-height: 20px;} .section-product-all .group-product h3[data-ptype="CD_OFOOD_PRD_CT004001"]:before{width:30px;height: 30px;} .section-product-all .group-product h3[data-ptype="CD_OFOOD_PRD_CT001001"]:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd.ssj h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd.dj h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd.bbq h3:before{width:30px;height: 30px;} .section-product-all .group-product h3[data-ptype="CD_OFOOD_PRD_CT001005"]:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT001006"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT002003"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT002004"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT002006"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT002007"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT002008"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT002009"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT002010"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT003004"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT003005"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT005001"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd[data-ptype="CD_OFOOD_PRD_CT005002"] h3:before{width:30px;height: 30px;} .section-product-all .group-product .group-prd h4 ~ h4{margin-top: 20px;letter-spacing: -0.72px;} .section-product-all .group-product .head-prd{margin-bottom:30px;} .section-product-all .group-product .group-prd h4{font-size: 20px;line-height: 26px;letter-spacing: -0.8px;} .section-product-all .group-product .group-prd ul{margin-top: 5px; gap: 20px 10px;} .section-product-all .group-product .group-prd ul li{width: 162px;height: 232px;} .section-product-all .group-product .group-prd ul li .img{width: 100%;height: 162px;border-radius: 15px;} .section-product-all .group-product .group-prd ul li .img div{width: 100%;height: auto;padding: 11px;} .section-product-all .group-product .group-prd ul li .txt{width: 100%;margin: 10px 0 0 0;} .section-product-all .group-product .group-prd + .group-prd{padding: 0 20px;} .section-product-all .group-product .group-prd ~ h2{margin-top:80px;} .section-product-all .group-tag .list.pc{display:none;} .section-product-all .group-tag .list.mobile{display:block;} .section-product-all .group-tag .list .row {font-size: 0;white-space: nowrap;} .section-product-all .group-tag .list .row a {display: inline-block;margin: 8px 10px 8px 0;border-radius: 20px;line-height: 38px;white-space: nowrap;padding: 0 19px ;opacity: 0.8;border: solid 1px #ffffff;color: #fff;font-size: 14px;font-weight: 50;} .section-product-all .group-tag .list .row .checkbox {display: inline-block;overflow: hidden;position: relative;margin: 8px 10px 8px 0;} .section-product-all .group-tag .list .row .checkbox input {position: absolute;left: -20px;top: 0} .section-product-all .group-tag .list .row .checkbox label { font-family: 'SF Pro'; display: block; border-radius: 8px; line-height: 20px; white-space: nowrap; padding: 5px 10px; opacity: 1; border: solid 1px #40220F; color: #40220F; font-size: 14px; font-weight: 700; background: #ffffff; } .section-product-all .group-tag .list .row .checkbox input:checked + label { background-color: #E9DCCD; color: #7E5B52; opacity: 1; border:none; } .section-product-all .group-tag .list .row a.active { background-color: #fff; color: #666; opacity: 1; } .section-product-all .group-tag.spread .list .row { white-space: inherit; } .section-product-all .group-tag.spread .list .more { transform: rotate(180deg); } .section-product-all .group-tag .list .more {display:block; width:24px; height:24px; margin:4px auto 0; background:url(/assets/pc/images/common/ico_arrow_filter_24px.svg) 50% 50% no-repeat; border:0; font-size:0;} .section-product-all .group-tag .head .group-tag-clear{padding: 5px 8px 5px 12px;} .section-product-all .group-product .group-prd.nothing + h2#no-product{font-size: 18px !important;} .section-product-all .group-product .group-prd.nothing + h2#no-product{line-height: 24px;letter-spacing: -0.72px;} .section-product-all .group-product .group-prd.nothing + h2{margin-top:110px!important} } /*savory tips*/ @media (max-width: 1279px) { .section-savory{padding: 57px 0 200px;} .section-savory .section-wrap .section-title {max-width: 1100px;padding: 0 20px;width: 100%;margin-top: 60px; } .section-savory .section-wrap .section-title h2 {color: #E32B35;font-family: 'Rubik';font-size: 42px;font-weight: 700;line-height: 44px;letter-spacing: -1.26px;text-transform: none;} .section-savory .section-wrap .section-filter .filter-head{height: 30px;max-width: 1100px;padding: 0 20px;width: 100%;} .section-savory .section-wrap .section-filter .filter-head{display: flex;justify-content: space-between;color: #40220F;margin-top: 50px;font-family: 'Rubik';font-size: 18px;font-weight: 600;line-height: 24px;letter-spacing: -0.72px;} .section-savory .section-wrap .section-filter .filter-head .filter-clear-btn{width: 76px;padding: 5px 8px 5px 12px;} .section-savory .section-wrap .section-filter .filter-product-box .swiper-container .swiper-wrapper .swiper-slide{width: 120px !important;} .section-savory .section-wrap .section-filter .filter-product-box{max-width: 1100px;padding: 0 0 0 20px;width: 100%;height: 165px;overflow-y: scroll;scrollbar-width: none; -ms-overflow-style: none;} .section-savory .section-wrap .section-filter .filter-product-box::-webkit-scrollbar {display: none;} .section-savory .section-wrap .section-filter .filter-product-box .swiper-container .swiper-wrapper{display: flex;gap: 0px;} .section-savory .section-wrap .section-filter .filter-product-box .filter-product-box-list{display: flex;gap: 10px;} .section-savory .section-wrap .section-filter .filter-product-box .filter-product{cursor: pointer;display: flex;flex-direction: column;align-items: center;background-color: #FFFFFF;width: 120px;height: 150px;border-radius: 400px;justify-content: space-between;overflow: hidden;} .section-savory .section-wrap .section-filter .filter-product-box .filter-product .product-img{width: 120px;} .section-savory .section-wrap .section-filter .filter-product-box .filter-product span{margin-top: 30px;font-family: 'SF Pro';font-size: 14px;font-weight: 700;line-height: 16px;letter-spacing: 0px;color: #40220F;width: 100px;text-align: center;} .section-savory .section-wrap .section-filter .filter-product-box .check span{color: #FFFFFF;margin-top: 28px;} .section-savory .section-wrap .section-filter .filter-product-box .check img{margin-bottom: -2px;} .section-savory .section-wrap .section-filter .filter-product-box .check{width: 120px;height: 150px;position: relative;border-radius: 400px;} .section-savory .section-wrap .section-filter .filter-product-box .check:after {top: 133px;} .section-savory .section-wrap .section-filter .line{margin-top: 15px;margin-bottom: 20px;} .section-savory .section-wrap .section-filter .filter-level-box{max-width: 1100px;padding: 0 0 0 20px;width: 100%;justify-content: unset;overflow-y: scroll;scrollbar-width: none; -ms-overflow-style: none;} .section-savory .section-wrap .section-filter .filter-level-box::-webkit-scrollbar {display: none;} .section-savory .section-wrap .section-filter .filter-level-box .swiper-container .swiper-wrapper{display: flex;gap: 0px;} .section-savory .section-wrap .section-filter .filter-level-box .swiper-container .swiper-wrapper .swiper-slide{width: 160px !important;height: 44px;} .section-savory .section-wrap .section-filter .filter-level-box .swiper-container .swiper-wrapper .swiper-slide img{width: 24px;} .section-savory .section-wrap .section-filter .filter-level-box .filter-level-boxs-list{display: flex;gap: 10px;} .section-savory .section-wrap .section-filter .filter-level-box .filter-level span {font-size: 16px;line-height: 20px;} .section-savory .section-wrap .section-filter .filter-level-box .filter-level .level-img.mo{display:block;} .section-savory .section-wrap .section-filter .filter-level-box .filter-level .level-img.pc{display:none;} .section-savory .section-wrap .section-filter .filter-level-box .check .easy{content: url(/assets/mobile/images/content/ico-savory-tips-level-easy-white.svg);} .section-savory .section-wrap .section-filter .filter-level-box .check .medium{content: url(/assets/mobile/images/content/ico-savory-tips-level-medium-white.svg);} .section-savory .section-wrap .section-filter .filter-level-box .check .hard{content: url(/assets/mobile/images/content/ico-savory-tips-level-hard-white.svg);} .section-savory .section-wrap .section-result{width: 100%;} /* .section-savory .section-wrap .section-result .savorytips-list{width: 100%;justify-content: center;gap: 20px;margin-top: 50px;} */ .section-savory .section-wrap .section-result .savorytips-list{display: grid;width: 100%;justify-content: space-between;gap: 20px 21px;margin-top: 50px;padding: 0 20px;grid-template-columns: repeat(auto-fit, minmax(335px, 1fr));max-width: 100%;width: 100%; box-sizing: border-box;align-items: center;} /* .section-savory .section-wrap .section-result .savorytips-list .savorytips-box{width: 335px;height: 453px;border-radius: 25px;} */ .section-savory .section-wrap .section-result .savorytips-list .savorytips-box{width: 100%;height: 453px;border-radius: 25px;} .section-savory .section-wrap .section-result .savorytips-list .savorytips-box a{width: 100%;} /* .section-savory .section-wrap .section-result .savorytips-list .savorytips-box .savorytips-img-box{width: 335px;height: 335px;border-radius: 25px 25px 0px 0px;} */ .section-savory .section-wrap .section-result .savorytips-list .savorytips-box .savorytips-img-box{width: 100%;height: 335px;border-radius: 25px 25px 0px 0px;} /* .section-savory .section-wrap .section-result .savorytips-list .savorytips-box .savorytips-img-box .savorytips-img{width: 335px;height: 335px;border-radius: 25px 25px 0px 0px;} */ .section-savory .section-wrap .section-result .savorytips-list .savorytips-box .savorytips-img-box .savorytips-img{width: 100%;height: 100%;border-radius: 25px 25px 0px 0px;object-fit: cover;} .section-savory .section-wrap .section-result .savorytips-list .savorytips-box .savorytips-info-box .savorytips-name {font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-savory .section-wrap .section-result .load-more-box{width: calc(100vw - 40px);margin-top: 20px;} .section-savory .section-wrap .section-result .load-more-box .load-more{width: 144px;height: 44px;padding: 12px 22px 12px 30px;font-size: 14px;line-height: 20px; word-wrap: normal; white-space: nowrap;} .section-savory .section-wrap .section-result .savorytips-list .savorytips-box:hover{background-color: #FFFFFF;} .section-savory .section-wrap .section-result .savorytips-list .savorytips-box:hover .savorytips-info-box .savorytips-name{color: #40220F;} .section-savory .section-wrap .section-result .savorytips-list .savorytips-box:hover .savorytips-info-box .savorytips-info span{color: #8E7249;} .section-savory .section-wrap .section-result .savorytips-list .savorytips-box:hover .savorytips-info-box .savorytips-info .time::before{background-image: url(/assets/pc/images/content/ico-search-result-time.png);} .section-savory .section-wrap .section-result .savorytips-list .savorytips-box:hover .savorytips-info-box .savorytips-info .level::before{background-image: url(/assets/pc/images/content/ico-search-result-level.png);} .section-savory .section-wrap .section-result .savorytips-list .savorytips-box:hover .savorytips-info-box .savorytips-info .level .spot{background-color: #8E7249;} } /*savory info*/ @media (max-width: 1279px) { .section-savory-view .section-wrap{padding: 0 20px;max-width: 1100px;width: 100%;margin-top: 60px;} .section-savory-view .section-wrap .section-title{display: flex;min-height: 42px;max-height: 186px;height: 100%;flex-wrap: wrap;justify-content: space-between;} .section-savory-view .section-wrap .section-title .section-title-icon{gap: 10px;display: flex;justify-content: flex-end;width: 100%;margin-top: 20px;} .section-savory-view .section-wrap .section-title .section-title-text{width: 100%;height:100%;min-height: 42px;max-height: 126px;} .section-savory-view .section-wrap .section-title .section-title-text h2{font-size: 36px;line-height: 42px;letter-spacing: -1.44px;} .section-savory-view .section-wrap .section-title .section-title-icon span::before{width: 46px;height: 46px;} .section-savory-view .savory-view-content .left {width: 100%;} .section-savory-view .section-wrap .savory-view-content {margin-top: 20px;} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info {width: 100%;} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .img{min-width: 335px;width: 100%;height: 335px;border-radius: 15px 15px 0px 0px;} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .view-tip{min-width: 335px;width: 100%;border-radius: 0px 0px 15px 15px;padding: 20px;} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .view-tip .chefs-tip h3 {font-family: 'Rubik';font-size: 18px;font-weight: 700;line-height: 24px;letter-spacing: -0.72px;} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .view-tip .chefs-tip p {margin-top: 5px;text-align: center;font-family: 'SF Pro';font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: 0px;} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .view-tip .line {margin-bottom: 15px;margin-top: 15px;} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .view-tip .cook-info {height:auto;} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .view-tip .cook-info span {display: flex;flex-direction: column;font-size: 14px;line-height: 20px;} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .view-tip .cook-info span::before {width: 16px;height: 16px;} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .view-tip .cook-info .time::before{background-image: url(/assets/mobile/images/content/ico-savory-timer-white.svg);} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .view-tip .cook-info .servings::before{background-image: url(/assets/mobile/images/content/ico-savory-servings-white.svg);} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .view-tip .cook-info .level::before{background-image: url(/assets/mobile/images/content/ico-savory-level-white.svg);} .section-savory-view .section-wrap .savory-view-content .left .view-savory-info .view-tip .cook-info .level .sort-level{display: flex;align-items: center;gap: 5px;} .section-savory-view .section-wrap .savory-view-content .left .related-pd {margin-top: 50px;width: 100%;} .section-savory-view .section-wrap .savory-view-content .left .related-pd .head-related .related-title {font-size: 14px;line-height: 20px;} .section-savory-view .section-wrap .savory-view-content .left .related-pd .head-related .related-pd-name{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-savory-view .section-wrap .savory-view-content .left .related-pd .body-related {margin-top: 20px;} .section-savory-view .section-wrap .savory-view-content .left .related-pd .body-related .related-pd-item .img-wrap {width: 100px;height: 100px;border-radius: 15px;padding: 10px;} .section-savory-view .body-related .related-pd-item a {display: flex;align-items: center;gap: 0 15px;} .section-savory-view .section-wrap .savory-view-content .left .related-pd .body-related .related-pd-item .text-wrap .related-pd-desc {font-size: 14px;line-height: 20px;} .section-savory-view .savory-view-content {display: flex;gap: 50px;flex-wrap: wrap;} .section-savory-view .section-wrap .savory-view-content .right {margin-left: 0px;width: 100%;} .section-savory-view .section-wrap .savory-view-content .right .ingredients .food-info-title {font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-savory-view .section-wrap .savory-view-content .right .ingredients .food-info-list {margin-top: 10px;font-size: 14px;line-height: 20px;} .section-savory-view .section-wrap .savory-view-content .right .line {margin-top: 30px;margin-bottom: 30px;} .section-savory-view .section-wrap .savory-view-content .right .directions .food-info-title {font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-savory-view .section-wrap .savory-view-content .right .directions .food-info-list {margin-top: 10px;} .section-savory-view .section-wrap .savory-view-content .right .directions .food-info-list li {width: 100%;border-radius: 15px;font-size: 14px;line-height: 20px;} .section-savory-view .section-wrap .savory-view-backtolist {margin-top: 40px;} .section-savory-view .section-wrap .savory-view-backtolist .backtolist-btn {width: 153px;height: 44px;padding: 12px 22px 12px 30px;line-height: 20px;font-size: 14px;} } /*contact-us*/ @media screen and (max-width:1279px) { .section-contact-us .inner-section .contact-us-form-bx .contac-us-form-select-bx .input-box{gap:0px;margin-top: 0;} .inner-section .contact-us-tit-bx .contact-us-tit{font-size:42px; line-height:42px; letter-spacing:-1.68px; font-style:normal;} .section-contact-us .inner-section .section-contact-us-inner{padding:40px 25px;} .inner-section .contact-us-form-bx {width:100%; height: 100%; border-radius:25px;} .inner-section .contact-us-form-bx.expand {height: 100%;} .inner-section .contact-us-form-bx .contact-us-form-desc .contact-us-form-desc-con {margin-top: 10px;font-size:14px; line-height:20px;width: 100%;word-break: break-all;} .custom-select {width:100%; height:44px; line-height:1.3; display:flex; flex-wrap:wrap;} .contac-us-form-select-bx .fs-filed .fs-input {width:100%;height: 44px;font-size:14px; line-height:20px;padding: 12px 39px 12px 16px;} .inner-section .contact-us-form-bx .contact-us-form-desc .contact-us-form-desc-tit {font-size:18px; line-height:26px; letter-spacing: -0.72px;} .mobi-only{display:block;} .pc-mobi-only {display:block;} .comments-desc-bx {padding: 30px 0 10px 0;} .comments-desc-bx .info-txt-desc {margin-top:2px;} .comments-bx { width: 100%;} .privacy-area-line{margin-top: 28px;} .comments-bx-ta {padding: 14px 16px 0px 16px;font-size: 14px;line-height: 20px;height: 174px;} .comment-txt-count{margin: 12px 16px 14px 0px;} .comment-current {font-size:14px;line-height:20px;} .comment-max-txt {font-size:14px;line-height:20px;} .custom-select .selected {display:flex; width:100%; box-sizing:border-box; padding:10px; margin:0; font-size:14px; line-height:20px;padding: 12px 39px 12px 16px;height: 44px;flex-direction: row;align-items: center;} .custom-select .options li a {font-size:14px; line-height:20px;} .custom-select .options li a:hover {color: #EF2737; font-size:14px; font-style:normal; font-weight:700; line-height:20px;} .inner-section {padding:0 20px 200px 20px;} .inner-section .contact-us-tit-bx {padding:117px 0 50px;} .inner-section .contact-us-form-bx .contact-us-form-desc .contact-us-form-desc-bottom-line {margin:30px 0 0 0;} .contact-us-submit-bx {padding:40px 0 0 0;} .privacy-area-content {width: calc(100% - 0px); height:220px;margin-top: 10px;} .privacy-area-bx {align-items: flex-start;justify-content: space-between;margin-top: 22px;} .privacy-area-bx .privacy-area-bx-inner{display: flex;} .privacy-area-bx .privacy-txt {flex: 0 0 auto;margin-left: 10px;margin-bottom: 0;padding-right: 30px;} .privacy-area-bx .privacy-txt span{font-weight: 700;} .contact-us-submit-bx .contact-us-submit {width:200px; height:44px;font-size: 14px;line-height: 20px;padding: 12px 30px 12px 30px;} .privacy-area-content-txt{font-size:14px; padding:14px 16px 0 16px;} .custom-select .selected .select-btn-wrap{width: 20px;height: 20px;} .custom-select .options {margin:55px 0 0 0;} .contac-us-form-select-bx filedset{width: 100%;display: block;} .contac-us-form-select-bx .fs-filed{padding: 30px 0 0 0;width: 100%;} .value-delete{top: calc(50% + 30px);} .address-bx.fs-filed .value-delete{top: calc(50% + 15px);} .contact-us-form-bx .fs-label-tit{width:100%;height: auto;} #check+label{flex: 0 0 auto; width: 20px;height: 20px;background-size: cover;} .privacy-area-bx img{width: 20px;height: 20px;} .privacy-policy-wrap{padding: 14px 8px 14px 16px;} .privacy-policy-wrap .padding-top-20{padding-top:10px;} .privacy-policy-wrap .privacy-policy-desc, .privacy-policy-wrap .privacy-policy-title{font-size:14px;line-height: 20px;} .privacy-policy-wrap .privacy-table-wrap{overflow-x: auto; max-width: 100%;} .privacy-table thead th, .privacy-table th, .privacy-table td{font-size:14px;line-height: 20px;} .privacy-policy-wrap .padding-left-30{padding-left:0;} .privacy-table{width:906px;} .privacy-table td{max-width: 227px;} .privacy-policy-wrap .padding-left-60{padding-left:20px;} .privacy-policy-wrap .policy-item{gap: 12px;} .privacy-policy-wrap .padding-left-24{padding-left:20px;} .privacy-policy-wrap .policy-number{font-size:14px;line-height: 20px;} } /*family*/ @media screen and (max-width:1279px) { .section-family-bx .link-title{padding-left: 5px;} .section-family-bx .channel-icon{width: 16px;height: 16px;object-fit: contain;} .section-family-bx .channel-icon.pc{display:none;} .section-family-bx .channel-icon.mo{display:block;} .section-family .inner-section {padding:100px 0 159px; width:100%; margin:0;} .section-family .group-region h3{position:absolute; left: 20px;top: -60px;font-size: 18px;letter-spacing: -0.72px; width: 162px; margin-right: 0;} .section-family ul {margin:0;} .familt-ch-tit-bx .family-ch-pc-only{display:none;} .familt-ch-tit-bx .family-ch-mobi-only{display:block;} .section-family .group-region {position:relative; padding: 0 0 50px 20px;} .section-family-bx .group-region-country {margin-top: 109px;} .section-family-bx .group-region-country ul li {width: 162px; height:44px; display:flex;justify-content: flex-start; align-items:center;padding: 12px 22px 12px 30px; margin: 0 12px 0 0;} .group-region-sns ul li {width: 162px; height:44px;/* padding: 12px 22px 12px 27px; */margin: 0 12px 0 0;} /* .section-family-bx .group-region-country ul li.ytb{padding: 12px 22px 12px 29.5px;} .section-family-bx .group-region-country ul li.ist{padding: 12px 21.5px 12px 29.5px;} */ /* .group-region-sns ul li.ist{padding: 12px 21.5px 12px 29.5px;} */ /* .group-region-sns ul li.web{padding: 12px 22px 12px 22.5px;} .group-region-sns ul li.wib{padding: 12px 22px 12px 43.5px;} .group-region-sns ul li.ytb{padding: 12px 22px 12px 36px;} .group-region-sns ul li.ytb{padding: 12px 22px 12px 29.5px;} .group-region-sns ul li.fb{padding: 12px 22px 12px 31.5px;} */ .family-ch-tit{font-size:42px; color:#E32B35; font-family:'Rubik'; font-weight:700; line-height:44px; letter-spacing: -1.68px;padding-left: 20px;} .group-region-sns ul{display:flex; flex-wrap:wrap; width:100%;gap: 10px 0;} .section-family .group-region ~ .group-region{margin-top: 44px;} .group-region-sns .family-ch-brand-name{font-size: 14px;letter-spacing: -0.56px;line-height: 20px;margin-bottom:10px;} .section-family-bx .group-region-country ul li a, .section-family-bx .group-region-sns ul li.ist a, .group-region-sns ul li a{font-size: 14px;line-height: 20px;} /* .section-family-bx .group-region-country ul li.ytb a {background:url(/assets/pc/images/content/ico-channel-youtube-black.svg) -2% 50% no-repeat; width: auto;padding: 0;margin: 0; padding-left: 27px;} .section-family-bx .group-region-country ul li.ist a {background:url(/assets/pc/images/content/ico-channel-insta-black.svg) -2% 50% no-repeat; width: auto; padding:0; padding-left: 27px; margin: 0;} .section-family-bx .group-region-country ul li.fb a {background:url(/assets/pc/images/content/ico-channel-facebook-black.svg) -2% 50% no-repeat; width: auto; padding: 3px 21px 0px 37px;} .section-family-bx .group-region-country ul li.web a {background:url(/assets/pc/images/content/ico-channel-web-black.svg) 0% 67% no-repeat; width: auto; padding: 1px 11px 0 29px;} .section-family-bx .group-region-country ul li.wib a {background:url(/assets/pc/images/content/ico-channel-weibo-black.svg) -2% 50% no-repeat; width: auto; padding: 1px 19px 0 35px;} .section-family-bx .group-region-country ul li.twt a {background:url(/assets/pc/images/content/ico-channel-twitter-X-black.svg) -2% 50% no-repeat; width: auto; padding: 3px 18px 0 33px;} .section-family-bx .group-region-country ul li.link a {background:url(/assets/pc/images/content/ico-arrow-link-g-12px.svg) 0% 60% no-repeat; width: auto; padding: 0 0 0 0;} */ /* .section-family-bx .group-region-sns ul li.ytb a {background:url(/assets/pc/images/content/ico-channel-youtube-black.svg) -2% 50% no-repeat; gap: 0 2px; width: auto; padding: 0;margin: 0; padding-left: 27px;align-items: center;} .section-family-bx .group-region-sns ul li.ist a {background:url(/assets/pc/images/content/ico-channel-insta-black.svg) -2% 50% no-repeat; gap: 0 2px;width: auto; padding: 0;margin: 0; padding-left: 27px;align-items: center;} .section-family-bx .group-region-sns ul li.fb a {background:url(/assets/pc/images/content/ico-channel-facebook-black.svg) -2% 50% no-repeat; gap: 0 2px; width: auto; padding:0;margin: 0;padding-left: 27px;align-items: center;} .section-family-bx .group-region-sns ul li.web a {background:url(/assets/pc/images/content/ico-channel-web-black.svg) -2% 50% no-repeat; gap: 0 2px; width: auto; padding:0;margin: 0;padding-left: 27px;align-items: center;} .section-family-bx .group-region-sns ul li.wib a {background:url(/assets/pc/images/content/ico-channel-weibo-black.svg) -2% 50% no-repeat; gap: 0 2px; width: auto; padding: 0; margin: 0;padding-left: 27px;align-items: center;} .section-family-bx .group-region-sns ul li.twt a {background:url(/assets/pc/images/content/ico-channel-twitter-X-black.svg) -2% 50% no-repeat; gap: 0 2px; width: auto;padding: 0; margin: 0;padding-left: 27px;align-items: center;} */ .section-family-bx .group-region-sns ul li.link a {padding:0; background:none;} .move-ch-icon {width:16px; height:16px; margin:0;} /* .section-family ul li {margin: 5px 5.5px 5px 0;} */ /* .section-family ul li.twt{padding: 12px 22px 12px 34px;} */ } /*about*/ @media screen and (max-width:1279px) { .section-about .top-visual{height: 425.75px;} .section-about .group-content1{width:100%; position:relative; z-index:2;} .section-about .top-visual .bg {background: url(/assets/pc/images/content/mobi-bg-about-top.jpg) no-repeat center/cover;} .section-about .top-visual p {display: flex;align-items: center;margin-bottom: 110px;width: 415px;font-size:42px; line-height: 42px; margin-top: 120px; font-style:normal; letter-spacing:-1.68px; font-weight:700;} .section-about .top-visual p span{padding: 0px 20px;} .section-about .group-content1 .bx-txt1 {width:90%; height:auto; padding: 20px 20px 50px 20px; margin:0 auto; border-radius: 25px; position:relative; bottom:45px; top:-50px;margin-bottom: 30px;} .section-about .group-content1 .bx-txt1 .bx-img-swiper {margin-top:30px; width: 99px;gap: 1px;} .section-about .group-content1 .bx-txt2-content-bx {width:90%; margin: 0 auto; position:relative;border-radius: 25px; margin-top: -49px;} .slide-image-1, .slide-image-2, .slide-image-3, .slide-image-4 {width: 100%; height: 350px; background-size: cover; background-position: center;} .section-about .group-content1 .bx-txt1 .bx-slides {height:350px;} .bx-txt2-content {display:flex; flex-direction:column; justify-content:center; align-items:center;} .section-about .group-content1 .bx-txt1 .bx-txt1-desc .bx-txt1-desc-tit {font-style:normal; font-size: 32px; line-height: 38px; font-weight:700; letter-spacing:-1.28px; font-style:normal; font-family:'Rubik'; color:#40220F;} .section-about .group-content1 .bx-txt1 .bx-txt1-desc .bx-txt1-desc-desc1 {font-size: 18px; line-height: 24px; font-weight:700; letter-spacing:-0.72px; font-style:normal; font-family:'Rubik'; color:#40220F; margin-top:20px;} .section-about .group-content1 .bx-txt1 .bx-txt1-desc .bx-txt1-desc-desc2 {font-size: 18px; line-height: 24px; font-weight:700; font-style:normal; font-family:'Rubik'; letter-spacing:-0.72px;color:#40220F; margin-top: 10px;} .section-about .group-content1 .bx-txt1 .bx-txt1-brand-logo {margin:40px -35px 0 0; gap:5px; width:100%;} .section-about .group-content1 .bx-txt2 .bx-txt2-content .bx-txt2-content-line-con .line-con .blue-line-arrow-bx {width:168px;} .section-about .group-content1 .bx-txt2 .bx-txt2-content .bx-txt2-content-line-con .line-con .gradient-red-line-arrow-bx {width:168px;} .section-about .group-content1 .bx-txt2 .bx-txt2-content .bx-txt2-content-line-con .line-con .blue-line-arrow-bx .blue-line-arrow-bx-2 {width:18px; height:16px;} .section-about .group-content1 .bx-txt2 .bx-txt2-content .bx-txt2-content-line-con .line-con .gradient-red-line-arrow-bx-2 {width:18px; height:16px;} .section-about .group-content1 .bx-txt2 .bx-txt2-content .bx-txt2-content-line-con .line-con .red-line-arrow-bx {width:168px;} .section-about .group-content1 .bx-txt2 .bx-txt2-content .bx-txt2-content-company-hs {flex-direction: column; gap: 30px; } .section-about .group-content1 .bx-txt3 {width:90%; margin:0 auto;border-radius: 25px;} .section-about .group-content1 .bx-txt3 .brand-logo-symbol-desc-bx {align-items: center; width:100%; flex-direction:column;padding: 0 0 50px 0;} .section-about .group-content1 .bx-txt3 .brand-logo-symbol-desc-bx .symbol-desc-left {position: static; text-align: left; padding:0px 0px 32px 72px;} .section-about .group-content1 .bx-txt3 .brand-logo-symbol-desc-bx .symbol-desc-right {position: static; text-align: right; padding:64px 72px 0 0;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx2 {font-size: 36px; line-height: 44px;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx2 p{font-size:36px; line-height:42px; letter-spacing:-1.44px; font-style:normal; font-family:'Rubik';} .section-about .group-content2 .started-form-bx .started-form .started-form-logo-bx {display:flex; flex-wrap: wrap; justify-content:space-between;} .section-about .group-content2.content1 .daesang-hs .map .nums{display:flex; flex-direction:column; gap:20px;} .daesang-hs .since-bx{display:flex; align-items:center; justify-content:center; flex-direction:column;} .daesang-hs .branch-bx{display:flex; align-items:center; justify-content:center; flex-direction:column;} .section-about .group-content2.content2 .copy p strong {font-size: 32px;} .slide-image-1 {background: url(/assets/pc/images/content/mobi-ramen_about.jpg) no-repeat center center / cover !important; width: 100% !important; height: 350px !important; border-radius: 15px;} .slide-image-2 {background: url(/assets/pc/images/content/mobi-sauce-about.jpg) no-repeat center center / cover !important; width: 100% !important; height: 350px; /* 또는 auto + aspect-ratio */border-radius: 15px;} .slide-image-3 {background: url(/assets/pc/images/content/mobi-product_about.png) no-repeat center center / cover !important; width: 100% !important; height: 350px !important; /* 또는 auto + aspect-ratio */ border-radius: 15px;} .slide-image-4 {background: url(/assets/pc/images/content/mobi-seaweed_about.jpg) no-repeat center center / cover !important; width: 100% !important; height: 350px !important; /* 또는 auto + aspect-ratio */ border-radius: 15px;} .box-txt1-btn {bottom: 15px; right: 15px; font-size: 14px; height: 28px;} .bx-img-swiper {margin-top: 15px; gap: 8px;} .bx-txt1-desc {margin-top: 20px; text-align: center; font-family: 'Rubik', sans-serif;} .bx-txt1-desc-tit {font-size: 28px; line-height: 1.4; letter-spacing: -1px;} .bx-txt1-desc-desc1 {font-size: 16px; line-height: 24px; font-weight: 600;} .bx-txt1-desc-desc2 {font-size: 14px; line-height: 22px; margin-top: 10px; font-weight: 400;} .section-about .group-content2 .started-form-bx {display:flex; flex-direction:column; align-items:center; justify-content:flex-start;} .section-about .group-content2 .started-form-bx .started-form {background:url('/assets/pc/images/content/about-started-mobi-background.png') no-repeat center; height:auto; background-size:contain; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; width:100%; height:558px; padding: 0 20px; background-size: cover;} .section-about .group-content1 .bx-txt3 .brand-logo-symbol-desc-bx .symbol-img {position:relative; background:url(/assets/pc/images/content/about_brand_platform_mobi_logo.png) no-repeat; width:190px; height:252px;} .section-about .group-content1 .bx-txt3 .brand-logo-symbol-desc-bx .symbol-logo-img {background:url(/assets/pc/images/content/about_brand_platform_mobi_logo.png) no-repeat; width:190px; height:252px;} .section-about .group-content1 .bx-txt3 .brand-logo-symbol-desc-bx .symbol-img .symbol-desc-line1{position:absolute; top:-152px; left:15px; background:url(/assets/pc/images/content/about_brand_logo_arrow_mobi_line.png) no-repeat; height:300px;} .section-about .group-content1 .bx-txt3 .brand-logo-symbol-desc-bx .symbol-img .symbol-desc-line2{position:absolute; top:113px; left:177px; background:url(/assets/pc/images/content/about_brand_logo_arrow_mobi_line2.png) no-repeat; height:300px;} .brand-logo-ofood img, .brand-logo-jonga img {width: auto; height: 50px;} .brand-logo-jonga a {font-size: 14px; height: 30px; padding: 5px 10px;} .section-about .group-content1 .bx-txt1 .bx-txt1-brand-logo .brand-logo-jonga a span {color:#40220F; font-family: 'SF Pro', -apple-system; font-size:14px; font-style:normal; font-weight:700; line-height:20px;} .section-about .group-content1 .bx-txt2 .bx-txt2-content {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;padding: 0 16px 0 18px;} .section-about .group-content1 .bx-txt2-content-bx .bx-txt2-content .bx-txt2-content-img-wrap img{margin-top:0} .section-about .group-content1 .bx-txt2 .bx-txt2-content .bx-txt2-content-line-con {position:absolute; transform:rotate(90deg); padding:35px 0 220px 0px;} .nums-tit {margin-right:0; font-size:13px; line-height:18px;} .section-about .group-content2.content1 .daesang-hs .map .nums .nums-count1 {margin-right:0; font-family:'Rubik'; font-style:normal; line-height:52px; letter-spacing:-1px;} .section-about .group-content3 .daesang-inno-desc-bx {flex-direction:column; justify-content:center; align-items:center;margin: 0 20px;} .section-about .group-content3 .daesang-inno-desc-bx .scroll-section-img {width: 100%;} .section-about .group-content2 .copy span {font-size:36px; font-style:normal; font-weight:700; line-height:42px; letter-spacing:-1.44px; font-family:'Rubik';} .section-about .group-content3 .daesang-inno-desc-bx img{border-radius: 25px;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx1 {margin:50px 0 0 0;} .mobi-only{display:block;} .pc-only{display:none;} .years-blue-bx .years-desc-bx {transform:rotate(-90deg); position:absolute; bottom:61px; right:117px;} .years-red-bx .years-desc-bx{transform:rotate(-90deg); position:absolute; bottom:-1px; left:108px;} .years-desc-red-line-bx {position:absolute; right:-168px; top:35px;} .years-desc-blue-line-bx {position:absolute; right:174px; bottom:0;} .section-about .group-content1 .bx-txt2 .bx-txt2-content .bx-txt2-content-company-hs .first-hs {padding:11px 120px 36px 142px;} .section-about .group-content1 .bx-txt2 .bx-txt2-content .bx-txt2-content-company-hs .second-hs {padding:49px 151px 41px 142px;} .section-about .group-content1 .bx-txt2 .bx-txt2-content .bx-txt2-content-company-hs .three-hs {padding:33px 110px 0 97px;} .section-about .group-content1 .bx-txt2 .bx-txt2-content .bx-txt2-content-company-hs .flatform-hs .flatform-hs-img {margin-top:11px;} .bx-txt2-content-company-hs .first-hs .flatform-hs-txt {margin-left:-17px; width:100%;} .bx-txt2-content-company-hs .second-hs .flatform-hs-img {margin-right:30px; width:100%;} .bx-txt2-content-company-hs .second-hs .flatform-hs-txt {margin-left:30px; width:100%;} .bx-txt2-content-company-hs .three-hs .flatform-hs-img {margin-left:25px; width:100%;} .bx-txt2-content-company-hs .three-hs .flatform-hs-txt {margin-left:24px; width:100%;} .section-about .group-content1 .bx-txt3 .brand-logo-desc {margin-top:60px; width:100%;} .section-about .group-content1 .bx-txt3 .brand-logo-desc .brand-logo-desc-tit {width:100%; font-size:32px; line-height:38px; letter-spacing:-1.28px;} .section-about .group-content1 .bx-txt3 .brand-logo-desc .brand-logo-desc-txt {width:100%; font-size:18px; letter-spacing:-0.72px; line-height:24px;} .section-about .group-content1 .bx-txt2-content-bx .bx-txt2-desc1 .bx-txt2-desc1-tit {font-size:32px; font-style:normal; letter-spacing:-1.28px; line-height:38px; padding: 50px 25px 20px 25px;} .section-about .group-content1 .bx-txt2-content-bx .bx-txt2-desc1 .bx-txt2-desc1-des {font-size:18px;line-height:24px;padding: 0 25px 0;letter-spacing:-0.72px;} .section-about .group-content1 .bx-txt3 .brand-logo-desc {padding:52px 25px 0 25px; margin-top: 30px;} .section-about .group-content1 .bx-txt3 .brand-logo-desc-txt {padding:0; margin: 20px 0 40px 0;} .section-about .group-content3 .daesang-inno-desc-bx .daesang-inno-tit {font-size:32px; line-height:38px; letter-spacing:-1.28px; margin: 0 0 5px 0;} .section-about .group-content3 .daesang-inno-desc-bx .daesang-inno-desc {font-size:18px; font-style:normal; line-height:24px; letter-spacing:-0.72px; font-weight: 600;} .section-about .group-content3 .bx-txt .txt {text-align:left; margin-right:0; width:100%;} .section-about .group-content3 .bx-txt .img {width:100%;} .section-about .group-content3 .bx-txt .img img {width:100%;} .daesang-hs { padding: 50px 16px 80px 16px;} .daesang-hs .daesang-hs-tit {font-size:32px; line-height:38px; letter-spacing:-1.28px; padding: 0 0 20px 0;} .daesang-hs .daesang-hs-con {font-size:14px; line-height:20px; } .about-hm-daesang-logo {width:108px; height:40px;} .section-about .group-content2.content1 .daesang-hs .map img{height: 100%;} /* .section-about .group-content2.content1 .daesang-hs .map {background:url('/assets/pc/images/content/about-world-mobi-map.png') no-repeat; background-size:cover; width:343px; height:196px; margin-top:70px;} */ .section-about .group-content2.content1 .daesang-hs .map .nums {padding:0;margin-left: 0px;width: 100%;margin-top: clamp(15px, calc(15px + (235 * ((100vw - 668px) / 668))), 180px);} .section-about .group-content2.content1 .daesang-hs .map .nums .count {font-size:52px;} .section-about .group-content2.content2 .txt .ofood-studio-desc {font-size:14px; font-style:normal; font-weight:400; line-height:20px;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx3 .started-form-logo-bx {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx3 .started-form-logo-bx .started-form-logo {margin:0 0 20px 0;width: 120px;height: 66px;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx3 .started-form-logo-bx .started-form-logo .about-platform-logo1{width:120px; height:66px;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx3 .started-form-logo-bx .started-form-logo .about-platform-logo2{width:52px; height:40px;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx3 .started-form-logo-bx .started-form-logo .about-platform-logo3{width:86px;; height:20px;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx3 .started-form-logo-bx .started-form-logo .about-platform-logo4{width:56px; height:50px;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx3 .started-form-logo-bx .started-form-logo .about-platform-logo5{width:105px; height:44px;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx3 .started-form-logo-bx .started-form-logo .about-platform-logo6{width:59px; height:38px;} .section-about .group-content1 .bx-txt2 .bx-txt2-desc2 .bx-txt2-desc2-des {padding:20px 0 50px 0;font-size: 14px;line-height: 20px;} .section-about .group-content3 .daesang-inno-desc-bx .daesang-inno-desc-content {font-size:14px; line-height:20px; font-family:'SF Pro';padding-bottom: 10px;} .section-about .group-content2.content2 .txt {padding: 50px 20px 0 20px;} .section-about .group-content1 .bx-txt1 .bx-txt1-brand-logo .brand-logo-ofood img {width:51px; height:60px; } .section-about .group-content1 .bx-txt1 .bx-txt1-brand-logo .brand-logo-jonga img {width:57px; height:45px;} .section-about .group-content1 .bx-txt1 .bx-txt1-brand-logo .brand-logo-bx {margin:0;} .started-form-platform img{width:108px; height:40px;} .section-about .group-content1 .bx-txt2-content-bx .bx-txt2-content .bx-txt2-content-img-wrap.pc{display:none;} .section-about .group-content1 .bx-txt2-content-bx .bx-txt2-content .bx-txt2-content-img-wrap.mo{display:block;} .section-about .group-content1 .bx-txt1 .bx-txt1-desc{margin-top: 40px;} .section-about .group-content1 .bx-txt1 .bx-txt1-brand-logo .brand-logo-jonga a{width: auto;padding:3px 6px 3px 10px;justify-content: flex-start;gap: 2px;} .section-about .group-content1 .bx-txt2 .bx-txt2-desc2{margin-top: 40px;padding: 0 25px 0;} .section-about .group-content1 .bx-txt2 .bx-txt2-desc2 .bx-txt2-desc2-tit{font-size:14px;line-height: 20px;} .section-about .group-content1 .bx-txt3 .brand-logo-symbol-desc-bx .symbol-desc-tit{font-weight: 700;} .section-about .group-content2{margin-top:100px;} .section-about .group-content2 .started-form-bx .started-form .started-form-bx3{margin: 30px 0 0 0;} .daesang-hm-content{margin: 20px 0 0 0;} .section-about .group-content3 .daesang-inno-desc-bx .txt p:nth-of-type(2){padding-bottom: 30px;} .section-about .group-content2.content2{margin-top:100px;} .section-about .group-content2 .copy{height: 500px;} .section-about .group-content2.content2 .swiper-container{margin:0;} /* .section-about{padding: 0 20px 200px 20px;} */ .section-about .inner-section{padding:0;} .section-about .group-content2.content2 .copy p em{width: 80px;height: 80px;} } /*search_result*/ @media (max-width: 1279px) { /* .section-search-result-view{padding: 100px 0 160px;} */ .section-search-result-view .section-wrap {max-width: 1100px;padding: 0 20px;width: 100%;} .section-search-result-view .section-wrap .section-search {width: 100%;height: 60px;max-width: 800px;} .section-search-result-view .section-wrap .section-search .input-test {font-size: 18px;line-height: 24px;border-radius: 15px;letter-spacing: -0.72px;} .section-search-result-view .section-wrap .section-result {margin-top: 40px;width: 100%;} .section-search-result-view .section-wrap .section-result .total-result-cnt {font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-search-result-view .section-wrap .section-result .select-menu {margin-top: 20px;width: 100%;height: 42px;border-radius: 15px;} .section-search-result-view .section-wrap .section-result .select-menu .products-menu {font-size: 14px;line-height: 20px;border-radius: 15px;letter-spacing: -0.56px;} .section-search-result-view .section-wrap .section-result .select-menu .savorytips-menu {font-size: 14px;line-height: 20px;border-radius: 15px;letter-spacing: -0.56px;} .section-search-result-view .section-wrap .section-result .product-list {width: 100%;margin-top: 30px;gap: 20px 10px;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));} .section-search-result-view .section-wrap .section-result .product-list .product-box {width: 100%; height: unset;display: flex;flex-direction: column;align-items: center;} .section-search-result-view .section-wrap .section-result .product-list .product-box .product-img-box {border-radius: 15px;width: 100%;height: auto;aspect-ratio: 1 / 1; padding: 11px;} .section-search-result-view .section-wrap .section-result .product-list .product-box .product-img-box .product-img {width: 100%;height: auto;} .section-search-result-view .section-wrap .section-result .product-list .product-box .product-name {font-size: 14px;line-height: 20px;width: 90%} .section-search-result-view .section-wrap .section-result .savorytips-list {width: 100%;margin-top: 30px;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(335px, 1fr));} .section-search-result-view .section-wrap .section-result .savorytips-list .savorytips-box {width: 100%;height: 453px;border-radius: 25px;} .section-search-result-view .section-wrap .section-result .savorytips-list .savorytips-box .savorytips-img-box {width: 100%;height: 335px;} .section-search-result-view .section-wrap .section-result .savorytips-list .savorytips-box .savorytips-img-box .savorytips-img {width: 100%;height: 335px;border-radius: 25px 25px 0px 0px;} .section-search-result-view .section-wrap .section-result .savorytips-list .savorytips-box .savorytips-info-box .savorytips-name {font-size: 18px;line-height: 24px;} .section-search-result-view .section-wrap .section-result .no-results {margin-top: 160px;width: 100%;} .section-search-result-view .section-wrap .section-result .no-results .results-information {font-size: 18px;line-height: 24px;} .section-search-result-view .section-wrap .section-result .no-results .tag-box {width: 100%;} .section-search-result-view .section-wrap .section-result .no-results .tag-box .tag{height: 30px;border-radius: 8px;display: flex;align-items: center;padding: 10px;} .section-search-result-view .section-wrap .section-result .load-more-box{width: 100%;margin-top: 20px;} .section-search-result-view .section-wrap .section-result .load-more-box .load-more {width: 144px;height: 44px;padding: 12px 22px 12px 30px;font-size: 14px;line-height: 20px;white-space: nowrap;word-wrap: normal;} .section-search-result-view .section-wrap .section-result .product-list .product-box .product-img-box:hover {background-color: #FFFFFF;} .section-search-result-view .section-wrap .section-result .product-list .product-box a{width: 100%;display: flex;flex-direction: column; align-items: center;} .section-search-result-view .section-wrap .section-result .savorytips-list .savorytips-box:hover {background-color: #FFFFFF;} .section-search-result-view .section-wrap .section-result .savorytips-list .savorytips-box:hover .savorytips-info-box .savorytips-name {color: #40220F;} .section-search-result-view .section-wrap .section-result .savorytips-list .savorytips-box:hover .savorytips-info-box .savorytips-info span {color: #8E7249;} .section-search-result-view .section-wrap .section-result .savorytips-list .savorytips-box:hover .savorytips-info-box .savorytips-info .time::before {background-image: url(/assets/pc/images/content/ico-search-result-time.png);} .section-search-result-view .section-wrap .section-result .savorytips-list .savorytips-box:hover .savorytips-info-box .savorytips-info .level::before {background-image: url(/assets/pc/images/content/ico-search-result-level.png);} .section-search-result-view .section-wrap .section-result .savorytips-list .savorytips-box:hover .savorytips-info-box .savorytips-info .level .spot{background-color: #8E7249;} } @media (max-width: 585px) { .section-search-result-view .section-wrap .section-result .product-list{ gap: 20px 10px; grid-template-columns: repeat(auto-fit, minmax(162px, 1fr)); } } @media (max-width: 1084px) { .section-search-result-view .section-wrap .section-result .load-more-box{width: calc(100vw - 40px) !important;} } @media (max-width: 1100px) { .section-search-result-view .section-wrap .section-result .product-load-more-box{width: calc(100vw - 40px) !important;margin-left: 0px !important;grid-column: 1 / -1;} } @media (max-width: 1279px) { .section-search-result-view .section-wrap .section-result .product-load-more-box{width: 1100px;margin-left:-20px;} } /*popup*/ @media (max-width: 1279px) { .section-popup-cookies .popup-contents-box1{width:100%;border-radius: 30px 30px 0 0;position: absolute;right: 0px;bottom: 0px;left: 0px; padding: 30px 20px 30px 20px;} .section-popup-cookies .popup-contents-box1 .popup-btn-box .preferences-btn{font-size: 14px;line-height: 20px;/* min-width: 162px;height: 44px; */width: calc(100% / 2);} .section-popup-cookies .popup-contents-box1 .popup-btn-box a .popup-btn-box-text.left{width: 86px;flex: 0 0 auto;} .section-popup-cookies .popup-contents-box1 .popup-btn-box a .popup-btn-box-text.right{width: 71px;} .section-popup-cookies .popup-contents-box1 .popup-btn-box .accept-all-btn{font-size: 14px;line-height: 20px;/* min-width: 163px;height: 44px; */ width: calc(100% / 2);} .section-popup-cookies .popup-contents-box1 .popup-btn-box a.left{padding: 12px 25px 12px 33px;} .section-popup-cookies .popup-contents-box1 .popup-btn-box a.right{padding: 12px 32.5px 12px 40.5px;} .section-popup-cookies .popup-contents-box1 .popup-contents-title-box span{font-size: 18px;line-height: 24px;letter-spacing: -0.72px;} .section-popup-cookies .popup-contents-box1 .cookies-contents{font-size: 14px;line-height: 20px;} .section-popup-cookies .popup-contents-box2{width:100%;border-radius: 30px 30px 0 0;position: absolute;right: 0px;bottom: 0px;left: 0px; padding: 30px 20px 30px 20px;} .section-popup-cookies .popup-contents-box2 .cookies-select-box .folding-cookies-box .folding-title a{width: 20px;height: 20px;} .section-popup-cookies .popup-contents-box2 .cookies-select-box .folding-cookies-box .folding-title a img{width: 20px;height: 20px;} .section-popup-cookies .popup-contents-box2 .popup-contents-title-box span {font-size: 18px;line-height: 24px;letter-spacing: -0.8px;} .section-popup-cookies .popup-contents-box2 .cookies-contents{font-size: 14px;line-height: 20px;} .section-popup-cookies .popup-contents-box2 .cookies-select-box .folding-cookies-box .folding-title span{font-size: 14px;line-height: 20px;} .section-popup-cookies .popup-contents-box2 .cookies-select-box .folding-contents{font-size: 14px;line-height: 20px;} .section-popup-cookies .popup-contents-box2 .popup-btn-box .save-btn{font-size: 14px;line-height: 20px;/* min-width: 162px;height: 44px; */width: calc(100% / 2); padding: 12px 51px 12px 59px;} .section-popup-cookies .popup-contents-box2 .popup-btn-box .accept-all-btn{font-size: 14px;line-height: 20px;/* min-width: 163px; height: 44px;*/ width: calc(100% / 2);padding: 12px 32.5px 12px 40.5px;} .section-popup-cookies .popup-contents-box2 .popup-btn-box span{white-space: nowrap;} .section-popup-cookies .popup-contents-box2 .popup-btn-box .accept-all-btn span{width: 71px;flex: 0 0 auto;} .section-popup-cookies .popup-contents-box2 .popup-btn-box .save-btn span{width:34px;} .section-popup-cookies .popup-contents-box2 .cookies-select-box{gap: 21px;} .section-popup-cookies .popup-contents-box2 .cookies-select-box .folding-cookies-box {height: 44px;} .section-popup-cookies .popup-contents-box2 .cookies-select-box .toggle-label {width:51px;height: 26px;} .section-popup-cookies .popup-contents-box2 .cookies-select-box .toggle-label::before {top: 2px;left: 2px;width: 22px;height: 22px;} .section-popup-cookies .popup-contents-box2 .cookies-select-box .toggle-input:checked + .toggle-label::before {left: 1px;} .section-popup-cookies .popup-contents-box2 .cookies-select-box .necessary-cookies-box .toggle-input:checked + .toggle-label::before {transform: translateX(26px);} .section-popup-cookies .popup-contents-box2 .cookies-select-box .analytics-cookies-box .toggle-input:checked + .toggle-label::before {transform: translateX(26px);} }