:root { --text-shadow-1:0.3125rem 0.3125rem 0px rgba(189,55,0,1); --text-shadow-1-re:0px 0.3125rem 0px rgba(189,55,0,1); --text-shadow-2-re:0.25rem 0.25rem 0px rgba(220,64,0,1); --text-shadow-2:0.3125rem 0.3125rem 0px rgba(255,255,255,1); --text-shadow-3:0.3125rem 0.3125rem 0px rgba(0,52,27,1); --text-shadow-4:3px 0.3125rem 0px rgba(0,13,7,0.4); --text-shadow-5:0.3125rem 0.3125rem 0px rgba(19, 65, 32, 1); --text-shadow-5-re:0px 0.3125rem 0px rgba(19, 65, 32, 1); --color-primary: #ff5c1b; --color-gray: #5d5d5d; --color-white: #fff; --color-active: #b4002d; --color-green: #02542c; --color-red: #d12e00; --color-wing: #ff7b43; } /* common */ * i {font-style:italic;} .pc_only {display: block;} .mobile_only {display: none;} /* *::selection {background:#b91f1f;color:#fff} */ /* highlight */ [data-aos="highlight"]:before { content: "";position: absolute;left: 0;top: 0px;width: 0%;height: 100%;background:var(--color-red); transition-delay: .4s;-webkit-transition-delay: .4s;transition-duration: .4s;-webkit-transition-duration: .4s;z-index: -1; } span.aos-animate[data-aos="highlight"]:before {width: 100%;} .rotate { animation-duration: 30s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: rotate; animation-name: rotate; } .stemp { opacity: 0; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; transform-origin: center; -webkit-animation-name: stemp; animation-name: stemp; } .flow-ani-wrap {display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: nowrap;position: relative;overflow: hidden;} .flow-ani-wrap ul { display: flex; justify-content: flex-start;align-items: center;transform: translate3d(0%, 0, 0);-webkit-transform: translate3d(0%, 0, 0); -webkit-animation-name: flowAni;animation-name: flowAni;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .flow-ani-wrap.re_flow ul { transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0); -webkit-animation-name: flowAni_re;animation-name: flowAni_re;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .animate__swing { -webkit-animation-name: swing; animation-name: swing; -webkit-transform-origin: top center; transform-origin: top center } /************** policy layer s *************/ .policy_wrap { position: fixed; /* keeps the policy_wrap window in the current viewport */ top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000); text-align: center;z-index: 999999;font-family: 'Pretendard', sans-serif; } .policy_wrap .policy-wrapper { overflow: hidden;margin: 50px auto;position: absolute;left:50%;top:50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); box-shadow: 0 0 25px #111;-webkit-box-shadow: 0 0 25px #111;-moz-box-shadow: 0 0 25px #111; width: 90%;background-color: #fff;border: 1px solid #999;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box;max-width: 820px;border-radius: 10px; } .close-popup { position: absolute;top: 20px;right: 20px;background-color: #fff;font-family: Arial, Helvetica, sans-serif; font-size: 21px;font-weight: bold;line-height: 1;color: #ccc;text-shadow: 0 1px 0 #fff;border: none; } .policy_wrap .policy-wrapper h4 { padding: 15px;border-bottom: 1px solid #e5e5e5;font-size: 18px;font-weight: 500;font-family: var(--font-family-ptd); } .policy_wrap .policy {overflow-y: auto;padding: 30px;text-align: left;line-height: 163%;font-size: 12px;} form a.popup-trigger { display: inline-block;padding: 0 5px;line-height: 1.25;text-indent: 0;color: #fff;background-color: #8C8984;font-size: 12px; vertical-align: middle; } /* header */ #header {width:100%;height:100px;position:fixed;left:0;top:0;z-index:100;background:#fff;transition:0.5s} #header.fixed {box-shadow:0 0 0.5rem rgba(0,0,0,0.5)} #header .header-wrap {height:100%;} #header .header-wrap.header-wrap_pc {display: block;} #header .header-wrap.header-wrap_mo {display: none;} #header .header-wrap .inner {width:100%;height:100%;padding:0;max-width:1820px;justify-content:space-between;align-items:center;background:transparent;} #header .header-wrap .inner .logo {} #header .header-wrap .inner .logo img {width: 272px;} #header .header-wrap .inner .hd_tel {} #header .header-wrap .inner .hd_tel img {width: 220px;} #header .header-wrap .nav_pc {display:flex;justify-content:center;align-items:center;gap:60px;} #header .header-wrap .nav_pc li {} #header .header-wrap .nav_pc li.on {} #header .header-wrap .nav_pc li a {font-size: 18px;font-weight: 400;letter-spacing: -0.05em;color:#222;} #header .header-wrap .nav_pc li.on a {color:#eb5c17;font-weight: 700;} .sns_wrap {position:absolute;left:50%;top:13%;transform:translateX(-50%);display:flex;align-items;center;gap:1rem;z-index:10;} .sns_wrap li {} .sns_wrap img {width: 48px;} .sns_wrap_fixed {position:fixed;right:2%;bottom:10%;display:flex;align-items;center;gap:1rem;flex-direction:column;z-index:1000;} .sns_wrap_fixed li {} .sns_wrap_fixed img {width: 48px;} /* footer */ #footer {} #footer .inner {flex-direction: column;} #footer .inner .top {display:flex;align-items:center;justify-content:space-between;width: 100%;padding-bottom: 30px;} #footer .inner .top p {} #footer .inner .top img {} #footer .inner .bottom {border-top: 1px solid rgba(255,255,255,0.2);width: 100%;padding-top: 20px;display:flex;justify-content:space-between;} #footer .inner .bottom .copyright {color:#dddddd;opacity: 0.5;font-weight: 16;font-weight: 400;} #footer .inner .bottom .copyright b {font-weight: 700;} #footer .inner .bottom .private {} #footer .inner .bottom .private li {} #footer .inner .bottom .private li a {} /* section-scrollNab s */ .section-scrollNab { position: relative; height: 0; overflow: hidden; } .section-scrollNab.scrollDown {height: 80px;} .section-scrollNab {display:flex;align-items: center;justify-content: center;} .section-scrollNab .section-nab-wrap { position: absolute; left: 0; top: 0; width: 100%; height:80px; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; background: #000;z-index:100;box-shadow:0 0.5rem 0.5rem rgba(35,20,6,0.1); } .section-scrollNab .nab_logo {position:absolute;left:50px;top:50%;transform:translateY(-50%);} .section-scrollNab .nab_tel {position:absolute;right:50px;top:50%;transform:translateY(-50%);} .section-scrollNab .section-nab-wrap ul {width:100%;display:flex;justify-content:center;align-items: center;gap:1.875rem;} .section-scrollNab .section-nab-wrap ul li {font-size: 17px;font-weight:500;letter-spacing: -0.05em;color:#d7ccc5;opacity: 1;position:relative;} .section-scrollNab .section-nab-wrap ul li a {font-weight: 500;} .section-scrollNab .section-nab-wrap ul li:after {content:'';display:block;width:0%;height:3px;background:#ffc37f;position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;transition:0.5s} .section-scrollNab .section-nab-wrap ul li.on {font-weight: 700;} .section-scrollNab .section-nab-wrap ul li.on a {font-weight: 700;color:#d7ccc5;} .section-scrollNab .section-nab-wrap ul li:hover a {font-weight: 700;color:#d7ccc5;} .section-scrollNab .section-nab-wrap ul li.on:after {width: 100%;} .section-scrollNab .section-nab-wrap ul li:hover:after {width: 100%;} .section-scrollNab.scrollUp .section-nab-wrap { position: fixed; top: -5rem; opacity: 0; } .section-scrollNab.scrollDown .section-nab-wrap { position: fixed; opacity: 1; } /* section-scrollNab e */ /* default s */ body {background:#fff;} #container_wrap {overflow:hidden;} /* default e */ #footer b {font-weight: 400;color:#d5d5d5;} /* 탭메뉴 s */ .sub_cont{display:none; text-align:center;} .sub_cont.on{display:block;} /* 탭메뉴 e */ /* 메인 숫자 카운팅 */ .rolling-counter-wrap { margin-top: 50px; display: flex; justify-content: center; align-items: center; } .rolling-counter-wrap * { font-family: var(--font-family-mbc); font-size:120px;color:#fff;} .rolling-number { position: relative; width:106px; height: 104px; overflow: hidden; color: #fff; text-align: center; border-radius:0; } .rolling-number::after {content:"";display:block;border:2px solid var(--color-white);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 96px;height: 128px;border-radius:15px;} .rolling-number + .rolling-number { margin-left: 13px; } .rolling-number .numbers { position: absolute; left: 0; top: 0; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: column; } .rolling-number .numbers span { line-height: 148px;width: 106px;height: 148px;background:var(--color-primary);color:var(--color-white);} .rolling-dot { margin: 0 5px; } /* 롤링 중 글자 */ .rolling-unit { font-family: var(--font-family-est);line-height: 1;padding-top:20px; margin: 0 15px; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: column;font-size:56px; } .rolling-unit .white { opacity: 0.5; } .rolling-number[data-number="0"] .numbers { top: -1000%; } .rolling-number[data-number="1"] .numbers { top: -1100%; } .rolling-number[data-number="2"] .numbers { top: -1200%; } .rolling-number[data-number="3"] .numbers { top: -1300%; } .rolling-number[data-number="4"] .numbers { top: -1400%; } .rolling-number[data-number="5"] .numbers { top: -1500%; } .rolling-number[data-number="6"] .numbers { top: -1600%; } .rolling-number[data-number="7"] .numbers { top: -1700%; } .rolling-number[data-number="8"] .numbers { top: -1800%; } .rolling-number[data-number="9"] .numbers { top: -1900%; } .rolling-number[data-number="10"] .numbers { top: -1000%; } .rolling-number:nth-child(1) .numbers { animation-delay: .3s; } .rolling-number:nth-child(3) .numbers { animation-delay: .4s; } .rolling-number:nth-child(5) .numbers { animation-delay: .5s; } .rolling-number:nth-child(6) .numbers { animation-delay: .6s; } .rolling-number:nth-child(7) .numbers { animation-delay: .7s; } .rolling-number .numbers { animation-name: rollingNumber;animation-duration: 1500ms;animation-timing-function: ease-out;animation-fill-mode: inherit;animation-fill-mode: forwards; } /* 흐르는 슬라이드 */ .marquee {width: 100%;background:transparent;padding:10px 0;overflow:hidden;max-width: 1920px;} .marquee.solo {background:#d8ae77;width: 100%;margin: 0 auto;} .marquee.solo .text_slide {padding:10px 0;border-top:2px solid #b58054;border-bottom: 2px solid #b58054;;} .marquee.solo.red {background:#b91f1f;} .marquee .swiper-wrapper {transition-timing-function: linear !important;} .marquee .swiper-slide {} .marquee.main .swiper-slide {width: 2383px;} .marquee.solo .swiper-slide {width: 1134px;} .marquee .swiper-slide img {width: 100%;} .marquee_vertical.left_step {position:absolute;left:0px;top:0;background:transparent;z-index:10;} .marquee_vertical.right_step {position:absolute;right:0px;top:0;background:transparent;z-index:10;} .marquee_vertical.main_slide {margin-left:110px;} .left_step ul {animation: hSlideLoop_re 48s 0s infinite linear;opacity:1;} .left_step ul li {margin-bottom: 40px;} .right_step ul {animation: hSlideLoop 48s 0s infinite linear;opacity:1;} .right_step ul li {margin-bottom: 40px;} /* common s */ .section {width:100%;max-width:1920px;margin:0 auto;overflow:hidden;position:relative;} .inner {width: 1400px;margin:0 auto;position:relative;} .cont_text_wrap {text-align: center;margin-bottom: 70px;} .cont_text_wrap p {letter-spacing: -0.03em;} .cont_text_wrap p.slogan {font-size: 42px;line-height: 42px;color:#001111;font-weight: 500;margin-bottom: 15px;} .cont_text_wrap p.title {font-size: 80px;line-height: 80px;color:#001111;font-weight: 700;margin-bottom: 30px;} .cont_text_wrap p.desc {font-size: 24px;line-height: 32px;color:#5d5d5d;font-weight: 400;} .cont_text_wrap span.color-01 {color:#eb5c17;} /* common e */ /* section00 s */ #section00 {padding-top: 100px;padding-bottom: 60px;} #section00 .inner {width: 1820px;height: 780px;position:relative;overflow:hidden;border-radius:30px;} #section00 .main_txt_wrap {text-align: center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;} #section00 .main_txt_wrap p {letter-spacing: -0.02em;color:#fff;font-weight: 700;text-shadow:0 4px 6px rgba(0,0,0,0.5)} #section00 .main_txt_wrap p.fz50 {font-size: 50px;line-height: 50px;margin-bottom: 10px;} #section00 .main_txt_wrap p.fz80 {font-size: 80px;line-height: 80px;margin-bottom: 40px;} #section00 .main_txt_wrap .main_tit {filter:drop-shadow(0 4px 6px rgba(0,0,0,0.5))} #section00 #main_swiper {} #section00 #main_swiper img {width: 100%;} /* section00 e */ /* section01 s */ #section01 {padding:80px 0 100px;} #section01 .inner {width: 1180px;} #section01 .s1_list_wrap {display:flex;align-items:center;flex-wrap:wrap;gap:20px;} #section01 .s1_list {position:relative;width: 580px;height: 360px;border-radius:15px;overflow:hidden;} #section01 .s1_list .s1_txt {position:absolute;left:42px;bottom:35px;z-index:2;} #section01 .s1_list .s1_txt p {letter-spacing: -0.02em;color:#fff;} #section01 .s1_list .s1_txt p.s1_tit {font-size: 42px;line-height: 42px;font-weight: 700;margin-bottom:15px;} #section01 .s1_list .s1_txt p.s1_desc {font-size: 24px;line-height: 32px;font-weight: 400;} #section01 .s1_list .s1_img {} #section01 .s1_list .s1_img img {} #section01 .s1_list .s1_img .hover {width:100%;height:100%;opacity: 0.75;position:absolute;left:0;top:0;transition:0.5s} #section01 .s1_list .s1_img .hover01 {background:#ff8a11;} #section01 .s1_list .s1_img .hover02 {background:#ff6014;} #section01 .s1_list:hover .s1_img .hover {opacity: 0;} /* section01 e */ /* section02 s */ #section02 {padding:100px 0 100px;background:#f8f3f0;} #section02 .inner {width: 1180px;} #section02 .s2_list_wrap {text-align: center;position:relative;min-height:654px;} #section02 .s2_list {position:absolute;top:0;} #section02 .s2_list.s2_list_left {left:0;} #section02 .s2_list.s2_list_right {right:0;} #section02 .s2_list .s2_img_wrap {width: 630px;height: 580px;position:relative;} #section02 .s2_list .s2_img_wrap.s2_01 {background:url('../../images/s2_img_01.png')no-repeat center/cover;} #section02 .s2_list .s2_img_wrap.s2_02 {background:url('../../images/s2_img_02.png')no-repeat center/cover;} #section02 .s2_list .s2_img_wrap .s2_txt {position:absolute;bottom:50px;width: 530px;} #section02 .s2_list .s2_img_wrap.s2_01 .s2_txt {left:0;} #section02 .s2_list .s2_img_wrap.s2_02 .s2_txt {left:50%;transform:translateX(-50%);} #section02 .s2_list .s2_img_wrap .s2_txt p {color:#fff;letter-spacing: -0.02em;} #section02 .s2_list .s2_img_wrap .s2_txt p.s2_tit {font-size: 42px;line-height: 42px;font-weight: 700;margin-bottom: 15px;} #section02 .s2_list .s2_img_wrap .s2_txt p.s2_desc {font-size: 24px;line-height: 32px;font-weight: 400;} #section02 .s2_list .s2_logo {font-size: 44px;font-weight: 700;color:#5d5d5d;margin-top: 30px;width: 530px;} #section02 .s2_list .s2_logo.s2_long {width: 630px;} #section02 .s2_list .s2_logo img {width: 239px;} /* section02 e */ /* section03 s */ #section03 {padding:120px 0 100px;background:url('../../images/s3_bg.jpg')no-repeat center/cover;} #section03 .inner {width: 1180px;} #section03.test .inner { width: 100%; max-width: 1400px; } #section03 .cont_text_wrap {} #section03 .cont_text_wrap p {color:#fff;} #section03 .s3_list_wrap {text-align: center;display:flex;align-items:center;justify-content:center;gap:20px;} #section03 .s3_list {width: 380px;height: 580px;background:#eb5c17;border-radius:15px;position:relative;overflow:hidden;} #section03 .s3_list .s3_txt {width:100%;height:110px;overflow:hidden;position:absolute;left:50%;top:100px;transform:translateX(-50%);transition:0.5s} #section03 .s3_list:hover .s3_txt { top: 60px; height: 220px; } #section03 .s3_list .s3_txt p {color:#fff;letter-spacing: -0.02em;} #section03 .s3_list .s3_txt p.s3_tit {font-size: 42px;line-height: 52px;font-weight: 700;} #section03 .test .s3_list .s3_txt p.s3_tit { font-size: 40px; line-height: 48px; font-weight: 700; } #section03 .s3_list .s3_txt p.s3_desc {position:relative;bottom:0;font-size: 24px;line-height: 32px;font-weight: 400;margin-top: 20px;transition:0.5s;opacity: 0;} #section03 .s3_list:hover .s3_txt p.s3_desc {bottom:0;opacity: 1;} #section03 .test .s3_list .s3_txt p.s3_desc { position: relative; bottom: 0; font-size: 20px; line-height: 28px; font-weight: 400; margin-top: 15px; transition: 0.5s; opacity: 0; } #section03 .test .s3_list:hover .s3_txt p.s3_desc {bottom:0;opacity: 1;} #section03 .s3_list .s3_img {position:absolute;left:50%;bottom:0;transform:translateX(-50%);transition:0.5s} #section03 .s3_list:hover .s3_img {transform:translateX(-50%) scale(1.05) ;} #section03 .test .s3_list .s3_img { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: 0.5s; width: 80%; } #section03 .hacccp.s3_list .s3_img { bottom: 0%; width: 70%; } #section03 .test .s3_list:hover .s3_img {transform:translateX(-50%) scale(1.05) ;} .haccpMark { position: absolute; right: 20px; top: 0px; z-index: 1; width: 170px; } .haccpMark img { transform: rotate(-15deg); width: 100%; height: auto; } .haccpMark.aos-animate { animation: stampBounceScale 0.75s ease-out forwards; -webkit-animation: stampBounceScale 0.75s ease-out forwards; } @keyframes stampBounceScale { 0% { opacity: 0; transform:scale(1.8); } 30% { opacity: 1; transform: scale(1); } 50% { transform:scale(0.95); } 70% { transform:scale(1.02); } 85% { transform:scale(0.98); } 100% { opacity: 1; transform:scale(1); } } .haccpBoxGroup { display: inline-flex; flex-direction: column; align-items: center; margin-top: 9px; } .haccpBoxs { display: inline-flex; align-items: center; justify-content: center; padding: 0px 30px 20px; } .haccpBoxLogo {width: 270px;} .haccpBoxLogo img {width:100%; height:auto;} .haccpMarkImg { width: 120px; margin-left: 30px; } .haccpMarkImg img { width: 100%; height: auto; } .haccpBox { display: flex; align-items: center; justify-content: center; } .haccpBoxsBotm { padding: 20px; border-top: 3px solid rgb(255 255 255 / 50%); border-bottom: 3px solid rgb(255 255 255 / 50%); } .haccpTxt { color: #fff; font-size: 62px; text-align: center; font-weight: 400; } /* section03 e */ /* section04 s */ #section04 {padding:120px 0 100px;background:#fff} #section04 .inner {width: 1180px;display:flex;align-items:center;justify-content:space-between;} #section04 .cont_text_wrap {text-align: left;margin-bottom: 0;} #section04 .cont_text_wrap p.title {line-height: 90px;} .s4_swiper_wrap {width: 680px;height:400px;position:relative;} .s4_swiper_wrap .s4_swiper {position:relative;width: 680px;height:400px;} .s4_swiper_wrap .s4_swiper .swiper-slide {border-radius:15px;overflow:hidden;} .s4_swiper_wrap .s4_swiper .slider-one {width: 380px;height:400px;position:absolute;left:0;top:0;transform:rotate(180deg)} .s4_swiper_wrap .s4_swiper .slider-one .swiper-slide {} .s4_swiper_wrap .s4_swiper .slider-one .swiper-slide img {transform:rotate(180deg)} .s4_swiper_wrap .s4_swiper .slider-two {width: 280px;height:270px;position:absolute;right:0;top:0;} .s4_swiper_wrap .s4_swiper .slider-two .swiper-slide {} .s4_swiper_wrap .s4_swiper .slider-thr {width: 280px;height:110px;position:absolute;right:0;bottom:0;} .s4_swiper_wrap .s4_swiper .slider-thr .swiper-wrapper {width: 100%;height: 100%;position:absolute;left:0;top:0;} .s4_swiper_wrap .s4_swiper .slider-thr .swiper-slide {} /* section04 e */ /* section05 s */ #section05 {padding:100px 0 100px;background:url('../../images/s5_bg.jpg')no-repeat center/cover;} #section05 .inner {width: 1180px;} #section05 .cont_text_wrap {} #section05 .cont_text_wrap p {} #section05 .s5_list_wrap {display:flex;justify-content:center;flex-wrap:wrap;gap:0 40px;} #section05 .s5_list {position:relative;width: 300px;height: 300px;border-radius:50%;} #section05 .s5_list .s5_img {} #section05 .s5_list .s5_txt {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align: center;width: 100%;} #section05 .s5_list .s5_txt p {color:#fff;font-size: 42px;font-weight: 700;line-height: 52px;letter-spacing: -0.02em;} /* section05 e */ /* section06 s */ #section06 {padding:100px 0 100px;background:#fff;} #section06 .inner {width: 1200px;} #section06 .cont_text_wrap {margin-bottom: 80px;} #section06 .cont_text_wrap p {} #section06 .s6_list_wrap {} #section06 .cate_tab_wrap {margin-bottom: 42px;} #section06 .cate_tab_wrap ul.cate_wrap {display:flex;align-items:center;justify-content:center;gap:20px;} #section06 .cate_tab_wrap ul.cate_wrap li {text-align: center;width: 210px;height: 64px;line-height: 64px;background:#fff;border:2px solid #eb5c17;border-radius:32px;} #section06 .cate_tab_wrap ul.cate_wrap li a {font-size: 26px;font-weight: 500;color:#eb5c17;display: block;letter-spacing: -0.02em;} #section06 .cate_tab_wrap ul.cate_wrap li.on {background:#eb5c17;} #section06 .cate_tab_wrap ul.cate_wrap li.on a {font-weight: 700;color:#fff} #section06 .sub_cont {} #section06 .s6_process_wrap {background:#f6f6f6;padding:50px 0 100px;border-radius:20px;border:1px solid #cccccc;} #section06 .s6_pr_flex {display:flex;gap:40px;position:relative;} #section06 .s6_pr_flex.s6_pr_flex_2 {gap:20px;} #section06 .s6_pr_flex.s6_pr_top {padding-left:150px;} #section06 .s6_pr_flex.s6_pr_bot {padding-right:160px;justify-content: end;margin-top: 90px;} #section06 .s6_pr_flex.s6_pr_flex_2.s6_pr_top {padding-left: 90px;} #section06 .s6_pr_flex.s6_pr_flex_2.s6_pr_bot {padding-right: 90px;} #section06 .s6_pr_flex.s6_pr_flex_3.s6_pr_center {justify-content:center;} #section06 .s6_pr_flex.s6_pr_flex_3.s6_pr_center .s6_pr_flex_bar {width: 1075px;} #section06 .s6_pr_flex .s6_pr_flex_bar {width: 1137px;height:2px;background:#f3b799;position:absolute;bottom:-20px;} #section06 .s6_pr_flex.s6_pr_top .s6_pr_flex_bar {right:0;} #section06 .s6_pr_flex.s6_pr_bot .s6_pr_flex_bar {left:0;} #section06 .s6_pr_flex_bar .bar_cir {width: 8px;height:8px;background:#f3b799;position:absolute;border-radius:50%;top:50%;transform:translateY(-50%)} #section06 .s6_pr_flex.s6_pr_top .s6_pr_flex_bar .bar_cir {left:0;} #section06 .s6_pr_flex.s6_pr_bot .s6_pr_flex_bar .bar_cir {right:0;} #section06 .s6_pr_flex_bar .bar_cir.br01 {left:0;} #section06 .s6_pr_flex_bar .bar_cir.br02 {right:0;} #section06 .s6_pr_flex .s6_pr_box {position:relative;z-index:5;width: 180px;height: 180px;border-radius:50%;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_box { width: 180px;height: 180px;border-radius:50%;border:2px solid #f2a077;background:#fff; display:flex;flex-direction:column;align-items:center;position:relative;z-index:10; } #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap {width: 20px;height: 20px;position:absolute;left:50%;bottom:-29px;transform:translateX(-50%);z-index:5;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap .s6_cir_1 {width:10px;height:10px;border-radius:50%;background:#eb5c17;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap .s6_cir_2 {width:20px;height:20px;border-radius:50%;background:#eb5c17;opacity: 0.3;z-index:4;} #section06 .s6_pr_flex .s6_pr_box .s6_img {padding-top: 30px;margin-bottom: 15px;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_1 {width: 76px;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_2 {width: 70px;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_3 {width: 65px;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_4 {width: 59px;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_5 {width: 76px;padding-top: 40px;margin-bottom: 15px;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_6 {width: 59px;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_7 {width: 66px;padding-top: 36px;margin-bottom: 5px;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_8 {width: 76px;padding-top: 40px;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_9 {width: 67px;padding-top: 20px;margin-bottom: 15px;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_10 {width: 78px;padding-top: 32px;margin-bottom: 5px;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_txt {display:flex;align-items:center;justify-content:center;height:48px;position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width: 100%;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_txt p {font-size: 20px;font-weight: 700;color:#eb5c17;line-height: 24px;letter-spacing: -0.02em;} /* section06 e */ /* section07 s */ #section07 {padding:100px 0 100px;background:#f8f3f0;} #section07 .inner {width: 1200px;} #section07 .cont_text_wrap {margin-bottom: 80px;} #section07 .cont_text_wrap p {} #section07 .s6_list_wrap {} #section07 .cate_tab_wrap {margin-bottom: 60px;} #section07 .cate_tab_wrap ul.cate_wrap {display:flex;align-items:center;justify-content:center;gap:20px;} #section07 .cate_tab_wrap ul.cate_wrap li {text-align: center;width: 210px;height: 64px;line-height: 64px;background:#f8f3f0;border:2px solid #eb5c17;border-radius:32px;} #section07 .cate_tab_wrap ul.cate_wrap li a {font-size: 26px;font-weight: 500;color:#eb5c17;display: block;letter-spacing: -0.02em;} #section07 .cate_tab_wrap ul.cate_wrap li.on {background:#eb5c17;} #section07 .cate_tab_wrap ul.cate_wrap li.on a {font-weight: 700;color:#fff} #section07 .sub_cont {position:relative;} #section07 .s7_recipe_wrap {display:flex;gap:60px;} #section07 .s7_recipe_wrap.s7_recipe_wrap_top {} #section07 .s7_recipe_wrap.s7_recipe_wrap_bot {margin-top: 60px;flex-direction: row-reverse;justify-content: flex-end;} #section07 .s7_recipe_wrap .s7_recipe_box { width: 240px;height: 120px;background: #fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.2);padding:25px;position:relative; display:flex;align-items:center;justify-content:end; } #section07 .s7_recipe_wrap .s7_recipe_box.effect01 {z-index:8} #section07 .s7_recipe_wrap .s7_recipe_box.effect02 {z-index:7} #section07 .s7_recipe_wrap .s7_recipe_box.effect03 {z-index:6} #section07 .s7_recipe_wrap .s7_recipe_box.effect04 {z-index:5} #section07 .s7_recipe_wrap .s7_recipe_box.effect05 {z-index:4} #section07 .s7_recipe_wrap .s7_recipe_box.effect06 {z-index:3} #section07 .s7_recipe_wrap .s7_recipe_box.effect07 {z-index:2} #section07 .s7_recipe_wrap .s7_recipe_box.effect08 {z-index:1} #section07 .s7_recipe_wrap .s7_recipe_box.arr:after {content:"";display:block;width: 24px;height: 25px;background:url('../../images/s7_arr.png')no-repeat center/cover;position:absolute;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_r:after {right:-42px;top:50%;transform:translateY(-50%);} #section07 .s7_recipe_wrap .s7_recipe_box.arr_b:after {left:50%;transform:translateX(-50%) rotate(90deg);bottom:-42px;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_l:after {left:-42px;top:50%;transform:translateY(-50%) rotate(180deg);} #section07 .s7_recipe_wrap .s7_recipe_box .number {width: 72px;height: 72px;border-radius:10px 0 70px 0;background:#eb5c17;position:absolute;left:0;top:0;} #section07 .s7_recipe_wrap .s7_recipe_box .number span {color:#fff;font-size: 30px;line-height: 30px;font-weight: 700;letter-spacing: -0.02em;position:absolute;left:15px;top:15px;} #section07 .s7_recipe_wrap .s7_recipe_box .recipe_txt {text-align: right;} #section07 .s7_recipe_wrap .s7_recipe_box .recipe_txt p {font-size: 30px;font-weight: 700;line-height: 38px;color:#111;letter-spacing: -0.02em;} #section07 .return_arr {position:absolute;right:-26px;top:50%;transform:translateY(-50%);} #section07 .return_arr img {} /* section07 e */ /* section08 s */ #section08 {padding:100px 0 100px;background:#fff} #section08 .inner {width: 1180px;} #section08 .cont_text_wrap {} #section08 .cont_text_wrap p {} #section08 .s8_cont {} /* section08 e */ /* section09 s */ #section09 {padding:100px 0 100px;background:url('../../images/s9_bg.jpg')no-repeat center/cover;} #section09 .inner {width: 100%;} #section09 .cont_text_wrap {margin-bottom: 80px;} #section09 .cont_text_wrap p {color:#fff;} #section09 .s9_flow_wrap {} #section09 .s9_flow_wrap .s9_flow_top {} #section09 .s9_flow_wrap .s9_flow_top .flow-ani-wrap {} #section09 .s9_flow_wrap .s9_flow_top .flow-ani-wrap ul {} #section09 .s9_flow_wrap .s9_flow_top .flow-ani-wrap ul li {margin-right: 33px;} #section09 .s9_flow_wrap .s9_flow_top .flow-ani-wrap ul li img {} #section09 .s9_flow_wrap .s9_flow_bot {margin-top: 30px;} #section09 .s9_flow_wrap .s9_flow_bot .flow-ani-wrap {} #section09 .s9_flow_wrap .s9_flow_bot .flow-ani-wrap ul {} #section09 .s9_flow_wrap .s9_flow_bot .flow-ani-wrap ul li {margin-right: 33px;} #section09 .s9_flow_wrap .s9_flow_bot .flow-ani-wrap ul li img {} /* section09 e */ /* section10 s */ #section10 {padding:100px 0 100px;background:url('../../images/s10_bg.jpg')no-repeat center/cover;} #section10 .inner {width: 980px;} #section10 .cont_text_wrap {margin-bottom: 80px;} #section10 .cont_text_wrap p {} #section10 .s10_list_wrap {width: 980px;height: 930px;position:relative;margin:0 auto;} #section10 .s10_list_wrap .s10_list {position:absolute;overflow:hidden;} #section10 .s10_list_wrap .s10_list.s10_l_01 {left:0;top:0;border-radius:0 60px 0 0;} #section10 .s10_list_wrap .s10_list.s10_l_02 {right:0;top:50px;border-radius:0 60px 0 0;} #section10 .s10_list_wrap .s10_list.s10_l_03 {left:0;top:300px;} #section10 .s10_list_wrap .s10_list.s10_l_04 {right:0;top:350px;} #section10 .s10_list_wrap .s10_list.s10_l_05 {left:0;bottom:50px;border-radius:0 0 0 60px;} #section10 .s10_list_wrap .s10_list.s10_l_06 {right:0;bottom:0;border-radius:0 0 0 60px;} #section10 .s10_list_wrap .s10_list img {} #section10 .s10_list_wrap .s10_list .s10_name {position:absolute;left:30px;bottom:25px;color:#fff;font-size: 32px;font-weight: 700;} #section10 .s10_txt_wrap {text-align: center;margin-top: 40px;} #section10 .s10_txt_wrap img {width: 800px;} /* section10 e */ /* section11 s */ #section11 {padding:100px 0 100px;background:#fff;} #section11 .inner {width: 1180px;} #section11 .cont_text_wrap {margin-bottom: 80px;} #section11 .cont_text_wrap p {} #section11 .s6_list_wrap {} #section11 .cate_tab_wrap {margin-bottom: 60px;} #section11 .cate_tab_wrap ul.cate_wrap {display:flex;align-items:center;justify-content:center;gap:20px;} #section11 .cate_tab_wrap ul.cate_wrap li {text-align: center;width: 210px;line-height: 60px;border-bottom:4px solid #cccccc;} #section11 .cate_tab_wrap ul.cate_wrap li a {font-size: 32px;font-weight: 500;color:#999999;display: block;letter-spacing: -0.02em;} #section11 .cate_tab_wrap ul.cate_wrap li.on {border-color:#eb5c17;} #section11 .cate_tab_wrap ul.cate_wrap li.on a {font-weight: 700;color:#eb5c17} #section11 .sub_cont {position:relative;} #section11 .s11_menu_wrap {} #section11 .s11_menu_wrap .main-swiper {} #section11 .s11_menu_wrap .slide-wrapper {} #section11 .s11_menu_wrap .swiper-slide {width: 280px;overflow:hidden;} #section11 .s11_menu_wrap .swiper-slide .img_wrap {width: 280px;border:2px solid #f39868;border-bottom: 0;border-radius:15px 15px 0 0;} #section11 .s11_menu_wrap .swiper-slide .img_wrap img {width: 100%;} #section11 .s11_menu_wrap .swiper-slide .txt_wrap {width:280px;height:50px;background:#eb5c17;line-height:50px;border-radius:0 0 15px 15px;;} #section11 .s11_menu_wrap .swiper-slide .txt_wrap p {color:#fff;font-size: 24px;font-weight: 700;letter-spacing: -0.02em;} #section11 .s11_menu_wrap .s11_swiper_next {right:-40px;} #section11 .s11_menu_wrap .s11_swiper_next:after {content:"";} #section11 .s11_menu_wrap .s11_swiper_prev {left:-40px;} #section11 .s11_menu_wrap .s11_swiper_prev:after {content:"";} /* section11 e */ /* section12 s */ #section12 {padding:100px 0 100px;background:#ebebeb;} #section12 .inner {width: 1200px;} #section12 .cont_text_wrap {margin-bottom: 80px;} #section12 .cont_text_wrap p {} #section12 .s12_swiper_wrap {} #section12 .s12_swiper_wrap .s12_swiper_main_wrap {width: 100%;position:relative;} #section12 .s12_swiper_wrap .s12_swiper_main {width: 1100px;height: 550px;margin-bottom: 16px;border:3px solid #eb5c17;border-radius:15px;} #section12 .s12_swiper_wrap .s12_swiper_main .swiper-wrapper {} #section12 .s12_swiper_wrap .s12_swiper_main .swiper-slide {} #section12 .s12_swiper_wrap .s12_swiper_main .swiper-slide img {} #section12 .s12_swiper_wrap .s12_next {right:0;} #section12 .s12_swiper_wrap .s12_next::after {content:"";} #section12 .s12_swiper_wrap .s12_prev {left:0;} #section12 .s12_swiper_wrap .s12_prev:after {content:"";} #section12 .s12_swiper_wrap .s12_swiper_thumb {width: 1100px;} #section12 .s12_swiper_wrap .s12_swiper_thumb .swiper-wrapper {} #section12 .s12_swiper_wrap .s12_swiper_thumb .swiper-slide {filter: brightness(0.4);} #section12 .s12_swiper_wrap .s12_swiper_thumb .swiper-slide.swiper-slide-thumb-active {filter: brightness(1);} #section12 .s12_swiper_wrap .s12_swiper_thumb .swiper-slide img {} /* section12 e */ /* section13 s */ #section13 {padding:100px 0 100px;background:#fff;} #section13 .inner {width: 1200px;} #section13 .cont_text_wrap {margin-bottom: 80px;} #section13 .cont_text_wrap p {} #section13 .s13_table_wrap {position:relative;} #section13 .s13_table_wrap .s13_table {} #section13 .s13_table_wrap .s13_table img {} #section13 .s13_table_wrap .s13_sticker {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} #section13 .s13_table_wrap .s13_sticker img {} /* section13 e */ @media(max-width: 1920px){ } @media(max-width: 1919px){ } @media(max-width: 1600px){ /* header */ #header {height:6.2500vw;} #header .header-wrap .inner {max-width:100%;} #header .header-wrap .inner .logo img {width: 17.0000vw;} #header .header-wrap .inner .hd_tel img {width: 13.7500vw;} #header .header-wrap .nav_pc {gap:3.7500vw;} #header .header-wrap .nav_pc li a {font-size: 1.1250vw;} /* footer */ #footer .inner .top {padding-bottom: 1.8750vw;} #footer .inner .bottom {border-top: 0.0625vw solid rgba(255,255,255,0.2);padding-top: 1.2500vw;} /* section-scrollNab s */ .section-scrollNab.scrollDown {height: 5.0000vw;} .section-scrollNab .section-nab-wrap {height:5.0000vw;} .section-scrollNab .nab_logo {left:3.1250vw;} .section-scrollNab .nab_tel {right:3.1250vw;} .section-scrollNab .section-nab-wrap ul li {font-size: 1.0625vw;} .section-scrollNab .section-nab-wrap ul li:after {height:0.1875vw;bottom:-0.3125vw;} /* section-scrollNab e */ /* 흐르는 슬라이드 */ .marquee {padding:0.6250vw 0;max-width: 100%;} .marquee.solo .text_slide {padding:0.6250vw 0;border-top:0.1250vw solid #b58054;border-bottom: 0.1250vw solid #b58054;} .marquee.main .swiper-slide {width: 148.9375vw;} .marquee.solo .swiper-slide {width: 70.8750vw;} .marquee_vertical.main_slide {margin-left:6.8750vw;} .left_step ul li {margin-bottom: 2.5000vw;} .right_step ul li {margin-bottom: 2.5000vw;} /* common s */ .section {max-width:100%;} .inner {width: 87.5000vw;} .cont_text_wrap {margin-bottom: 4.3750vw;} .cont_text_wrap p.slogan {font-size: 2.6250vw;line-height: 2.6250vw;margin-bottom: 0.9375vw;} .cont_text_wrap p.title {font-size: 5.0000vw;line-height: 5.0000vw;margin-bottom: 1.8750vw;} .cont_text_wrap p.desc {font-size: 1.5000vw;line-height: 2.0000vw;} /* common e */ /* section00 s */ #section00 {padding-top: 6.2500vw;padding-bottom: 3.7500vw;} #section00 .inner {width: 100%;height: 48.7500vw;border-radius:1.8750vw;} #section00 .main_txt_wrap p {text-shadow:0 0.2500vw 0.3750vw rgba(0,0,0,0.5)} #section00 .main_txt_wrap p.fz50 {font-size: 3.1250vw;line-height: 3.1250vw;margin-bottom: 0.6250vw;} #section00 .main_txt_wrap p.fz80 {font-size: 5.0000vw;line-height: 5.0000vw;margin-bottom: 2.5000vw;} #section00 .main_txt_wrap .main_tit {filter:drop-shadow(0 0.2500vw 0.3750vw rgba(0,0,0,0.5))} /* section00 e */ /* section01 s */ #section01 {padding:5.0000vw 0 6.2500vw;} #section01 .inner {width: 73.7500vw;} #section01 .s1_list_wrap {gap:1.2500vw;} #section01 .s1_list {width: 36.2500vw;height: 22.5000vw;border-radius:0.9375vw;} #section01 .s1_list .s1_txt {left:2.6250vw;bottom:2.1875vw;} #section01 .s1_list .s1_txt p.s1_tit {font-size: 2.6250vw;line-height: 2.6250vw;margin-bottom:0.9375vw;} #section01 .s1_list .s1_txt p.s1_desc {font-size: 1.5000vw;line-height: 2.0000vw;} /* section01 e */ /* section02 s */ #section02 {padding:6.2500vw 0 6.2500vw;} #section02 .inner {width: 73.7500vw;} #section02 .s2_list_wrap {min-height:40.8750vw;} #section02 .s2_list .s2_img_wrap {width: 39.3750vw;height: 36.2500vw;} #section02 .s2_list .s2_img_wrap .s2_txt {bottom:3.1250vw;width: 33.1250vw;} #section02 .s2_list .s2_img_wrap .s2_txt p.s2_tit {font-size: 2.6250vw;line-height: 2.6250vw;margin-bottom: 0.9375vw;} #section02 .s2_list .s2_img_wrap .s2_txt p.s2_desc {font-size: 1.5000vw;line-height: 2.0000vw;} #section02 .s2_list .s2_logo {font-size: 2.7500vw;margin-top: 1.8750vw;width: 33.1250vw;} #section02 .s2_list .s2_logo.s2_long {width: 39.3750vw;} #section02 .s2_list .s2_logo img {width: 14.9375vw;} /* section02 e */ /* section03 s */ #section03 {padding:7.5000vw 0 6.2500vw;} #section03 .inner {width: 73.7500vw;} #section03 .s3_list_wrap {gap:1.2500vw;} #section03 .s3_list {width: 23.7500vw;height: 36.2500vw;border-radius:0.9375vw;} #section03 .s3_list .s3_txt {height:6.8750vw;top:6.2500vw;} #section03 .s3_list:hover .s3_txt {top:3.7500vw;height:auto;} #section03 .s3_list .s3_txt p.s3_tit {font-size: 2.6250vw;line-height: 3.2500vw;} #section03 .s3_list .s3_txt p.s3_desc {bottom:0;font-size: 1.5000vw;line-height: 2.0000vw;margin-top: 1.2500vw;} /* section03 e */ /* section04 s */ #section04 {padding:7.5000vw 0 6.2500vw;} #section04 .inner {width: 73.7500vw;} #section04 .cont_text_wrap p.title {line-height: 5.6250vw;} .s4_swiper_wrap {width: 42.5000vw;height:25.0000vw;} .s4_swiper_wrap .s4_swiper {width: 42.5000vw;height:25.0000vw;} .s4_swiper_wrap .s4_swiper .swiper-slide {border-radius:0.9375vw;} .s4_swiper_wrap .s4_swiper .slider-one {width: 23.7500vw;height:25.0000vw;} .s4_swiper_wrap .s4_swiper .slider-two {width: 17.5000vw;height:16.8750vw;} .s4_swiper_wrap .s4_swiper .slider-thr {width: 17.5000vw;height:6.8750vw;} /* section04 e */ /* section05 s */ #section05 {padding:6.2500vw 0 6.2500vw;} #section05 .inner {width: 73.7500vw;} #section05 .s5_list_wrap {gap:0 2.5000vw;} #section05 .s5_list {width: 18.7500vw;height: 18.7500vw;} #section05 .s5_list .s5_txt p {font-size: 2.6250vw;line-height: 3.2500vw;} /* section05 e */ /* section06 s */ #section06 {padding:6.2500vw 0 6.2500vw;} #section06 .inner {width: 75.0000vw;} #section06 .cont_text_wrap {margin-bottom: 5.0000vw;} #section06 .cate_tab_wrap {margin-bottom: 2.6250vw;} #section06 .cate_tab_wrap ul.cate_wrap {gap:1.2500vw;} #section06 .cate_tab_wrap ul.cate_wrap li {width: 13.1250vw;height: 4.0000vw;line-height: 4.0000vw;border:0.1250vw solid #eb5c17;border-radius:2.0000vw;} #section06 .cate_tab_wrap ul.cate_wrap li a {font-size: 1.6250vw;} #section06 .s6_process_wrap {padding:3.1250vw 0 6.2500vw;border-radius:1.2500vw;border:0.0625vw solid #cccccc;} #section06 .s6_pr_flex {gap:2.5000vw;} #section06 .s6_pr_flex.s6_pr_flex_2 {gap:1.2500vw;} #section06 .s6_pr_flex.s6_pr_top {padding-left:9.3750vw;} #section06 .s6_pr_flex.s6_pr_bot {padding-right:10.0000vw;margin-top: 5.6250vw;} #section06 .s6_pr_flex.s6_pr_flex_2.s6_pr_top {padding-left: 5.6250vw;} #section06 .s6_pr_flex.s6_pr_flex_2.s6_pr_bot {padding-right: 5.6250vw;} #section06 .s6_pr_flex.s6_pr_flex_3.s6_pr_center .s6_pr_flex_bar {width: 67.1875vw;} #section06 .s6_pr_flex .s6_pr_flex_bar {width: 71.0625vw;height:0.1250vw;bottom:-1.2500vw;} #section06 .s6_pr_flex_bar .bar_cir {width: 0.5000vw;height:0.5000vw;} #section06 .s6_pr_flex .s6_pr_box {width: 11.2500vw;height: 11.2500vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_box {width: 11.2500vw;height: 11.2500vw;border:0.1250vw solid #f2a077;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap {width: 1.2500vw;height: 1.2500vw;bottom:-1.8125vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap .s6_cir_1 {width:0.6250vw;height:0.6250vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap .s6_cir_2 {width:1.2500vw;height:1.2500vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img {padding-top: 1.8750vw;margin-bottom: 0.9375vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_1 {width: 4.7500vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_2 {width: 4.3750vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_3 {width: 4.0625vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_4 {width: 3.6875vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_5 {width: 4.7500vw;padding-top: 2.5000vw;margin-bottom: 0.9375vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_6 {width: 3.6875vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_7 {width: 4.1250vw;padding-top: 2.2500vw;margin-bottom: 0.3125vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_8 {width: 4.7500vw;padding-top: 2.5000vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_9 {width: 4.1875vw;padding-top: 1.2500vw;margin-bottom: 0.9375vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_10 {width: 4.8750vw;padding-top: 2.0000vw;margin-bottom: 0.3125vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_txt {height:3.0000vw;bottom:1.2500vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_txt p {font-size: 1.2500vw;line-height: 1.5000vw;} /* section06 e */ /* section07 s */ #section07 {padding:6.2500vw 0 6.2500vw;} #section07 .inner {width: 75.0000vw;} #section07 .cont_text_wrap {margin-bottom: 5.0000vw;} #section07 .cate_tab_wrap {margin-bottom: 3.7500vw;} #section07 .cate_tab_wrap ul.cate_wrap {gap:1.2500vw;} #section07 .cate_tab_wrap ul.cate_wrap li {width: 13.1250vw;height: 4.0000vw;line-height: 4.0000vw;border:0.1250vw solid #eb5c17;border-radius:2.0000vw;} #section07 .cate_tab_wrap ul.cate_wrap li a {font-size: 1.6250vw;} #section07 .s7_recipe_wrap {gap:3.7500vw;} #section07 .s7_recipe_wrap.s7_recipe_wrap_bot {margin-top: 3.7500vw;} #section07 .s7_recipe_wrap .s7_recipe_box { width: 15.0000vw;height: 7.5000vw;border-radius:0.6250vw;box-shadow:0 0 0.6250vw rgba(0,0,0,0.2);padding:1.5625vw; } #section07 .s7_recipe_wrap .s7_recipe_box.arr:after {width: 1.5000vw;height: 1.5625vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_r:after {right:-2.6250vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_b:after {bottom:-2.6250vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_l:after {left:-2.6250vw;} #section07 .s7_recipe_wrap .s7_recipe_box .number {width: 4.5000vw;height: 4.5000vw;border-radius:0.6250vw 0 4.3750vw 0;} #section07 .s7_recipe_wrap .s7_recipe_box .number span {font-size: 1.8750vw;line-height: 1.8750vw;left:0.9375vw;top:0.9375vw;} #section07 .s7_recipe_wrap .s7_recipe_box .recipe_txt p {font-size: 1.8750vw;line-height: 2.3750vw;} #section07 .return_arr {right:-1.6250vw;} /* section07 e */ /* section08 s */ #section08 {padding:6.2500vw 0 6.2500vw;} #section08 .inner {width: 73.7500vw;} /* section08 e */ /* section09 s */ #section09 {padding:6.2500vw 0 6.2500vw;} #section09 .cont_text_wrap {margin-bottom: 5.0000vw;} #section09 .s9_flow_wrap .s9_flow_top .flow-ani-wrap ul li {margin-right: 2.0625vw;} #section09 .s9_flow_wrap .s9_flow_bot {margin-top: 1.8750vw;} #section09 .s9_flow_wrap .s9_flow_bot .flow-ani-wrap ul li {margin-right: 2.0625vw;} /* section09 e */ /* section10 s */ #section10 {padding:6.2500vw 0 6.2500vw;} #section10 .inner {width: 61.2500vw;} #section10 .cont_text_wrap {margin-bottom: 5.0000vw;} #section10 .s10_list_wrap {width: 61.2500vw;height: 58.1250vw;} #section10 .s10_list_wrap .s10_list.s10_l_01 {border-radius:0 3.7500vw 0 0;} #section10 .s10_list_wrap .s10_list.s10_l_02 {top:3.1250vw;border-radius:0 3.7500vw 0 0;} #section10 .s10_list_wrap .s10_list.s10_l_03 {top:18.7500vw;} #section10 .s10_list_wrap .s10_list.s10_l_04 {top:21.8750vw;} #section10 .s10_list_wrap .s10_list.s10_l_05 {bottom:3.1250vw;border-radius:0 0 0 3.7500vw;} #section10 .s10_list_wrap .s10_list.s10_l_06 {border-radius:0 0 0 3.7500vw;} #section10 .s10_list_wrap .s10_list .s10_name {left:1.8750vw;bottom:1.5625vw;font-size: 2.0000vw;} #section10 .s10_txt_wrap {margin-top: 2.5000vw;} #section10 .s10_txt_wrap img {width: 50.0000vw;} /* section10 e */ /* section11 s */ #section11 {padding:6.2500vw 0 6.2500vw;} #section11 .inner {width: 73.7500vw;} #section11 .cont_text_wrap {margin-bottom: 5.0000vw;} #section11 .cate_tab_wrap {margin-bottom: 3.7500vw;} #section11 .cate_tab_wrap ul.cate_wrap {gap:1.2500vw;} #section11 .cate_tab_wrap ul.cate_wrap li {width: 13.1250vw;line-height: 3.7500vw;border-bottom:0.2500vw solid #cccccc;} #section11 .cate_tab_wrap ul.cate_wrap li a {font-size: 2.0000vw;} #section11 .s11_menu_wrap .swiper-slide {width: 17.5000vw;} #section11 .s11_menu_wrap .swiper-slide .img_wrap {width: 17.5000vw;border:0.1250vw solid #f39868;border-radius:0.9375vw 0.9375vw 0 0;} #section11 .s11_menu_wrap .swiper-slide .txt_wrap {width:17.5000vw;height:3.1250vw;line-height:3.1250vw;border-radius:0 0 0.9375vw 0.9375vw;;} #section11 .s11_menu_wrap .swiper-slide .txt_wrap p {font-size: 1.5000vw;} #section11 .s11_menu_wrap .s11_swiper_next {right:-2.5000vw;} #section11 .s11_menu_wrap .s11_swiper_prev {left:-2.5000vw;} /* section11 e */ /* section12 s */ #section12 {padding:6.2500vw 0 6.2500vw;} #section12 .inner {width: 75.0000vw;} #section12 .cont_text_wrap {margin-bottom: 5.0000vw;} #section12 .s12_swiper_wrap .s12_swiper_main {width: 68.7500vw;height: 34.3750vw;margin-bottom: 1.0000vw;border:0.1875vw solid #eb5c17;border-radius:0.9375vw;} #section12 .s12_swiper_wrap .s12_swiper_thumb {width: 68.7500vw;} /* section12 e */ /* section13 s */ #section13 {padding:6.2500vw 0 6.2500vw;} #section13 .inner {width: 75.0000vw;} #section13 .cont_text_wrap {margin-bottom: 5.0000vw;} /* section13 e */ } @media(max-width: 1400px){ /* header */ #header {height:7.1429vw;} #header .header-wrap .inner {max-width:100%;} #header .header-wrap .inner .logo img {width: 19.4286vw;} #header .header-wrap .inner .hd_tel img {width: 15.7143vw;} #header .header-wrap .nav_pc {gap:4.2857vw;} #header .header-wrap .nav_pc li a {font-size: 1.2857vw;} /* footer */ #footer .inner .top {padding-bottom: 2.1429vw;} #footer .inner .bottom {border-top: 0.0714vw solid rgba(255,255,255,0.2);padding-top: 1.4286vw;} /* section-scrollNab s */ .section-scrollNab.scrollDown {height: 5.7143vw;} .section-scrollNab .section-nab-wrap {height:5.7143vw;} .section-scrollNab .nab_logo {left:3.5714vw;} .section-scrollNab .nab_tel {right:3.5714vw;} .section-scrollNab .section-nab-wrap ul li {font-size: 1.2143vw;} .section-scrollNab .section-nab-wrap ul li:after {height:0.2143vw;bottom:-0.3571vw;} /* section-scrollNab e */ /* 흐르는 슬라이드 */ .marquee {padding:0.7143vw 0;max-width: 100%;} .marquee.solo .text_slide {padding:0.7143vw 0;border-top:0.1429vw solid #b58054;border-bottom: 0.1429vw solid #b58054;} .marquee.main .swiper-slide {width: 170.2143vw;} .marquee.solo .swiper-slide {width: 81.0000vw;} .marquee_vertical.main_slide {margin-left:7.8571vw;} .left_step ul li {margin-bottom: 2.8571vw;} .right_step ul li {margin-bottom: 2.8571vw;} /* common s */ .section {max-width:100%;} .inner {width: 100%;} .cont_text_wrap {margin-bottom: 5.0000vw;} .cont_text_wrap p.slogan {font-size: 3.0000vw;line-height: 3.0000vw;margin-bottom: 1.0714vw;} .cont_text_wrap p.title {font-size: 5.7143vw;line-height: 5.7143vw;margin-bottom: 2.1429vw;} .cont_text_wrap p.desc {font-size: 1.7143vw;line-height: 2.2857vw;} /* common e */ /* section00 s */ #section00 {padding-top: 7.1429vw;padding-bottom: 4.2857vw;} #section00 .inner {width: 100%;height: 55.7143vw;border-radius:2.1429vw;} #section00 .main_txt_wrap p {text-shadow:0 0.2857vw 0.4286vw rgba(0,0,0,0.5)} #section00 .main_txt_wrap p.fz50 {font-size: 3.5714vw;line-height: 3.5714vw;margin-bottom: 0.7143vw;} #section00 .main_txt_wrap p.fz80 {font-size: 5.7143vw;line-height: 5.7143vw;margin-bottom: 2.8571vw;} #section00 .main_txt_wrap .main_tit {filter:drop-shadow(0 0.2857vw 0.4286vw rgba(0,0,0,0.5))} /* section00 e */ /* section01 s */ #section01 {padding:5.7143vw 0 7.1429vw;} #section01 .inner {width: 84.2857vw;} #section01 .s1_list_wrap {gap:1.4286vw;} #section01 .s1_list {width: 41.4286vw;height: 25.7143vw;border-radius:1.0714vw;} #section01 .s1_list .s1_txt {left:3.0000vw;bottom:2.5000vw;} #section01 .s1_list .s1_txt p.s1_tit {font-size: 3.0000vw;line-height: 3.0000vw;margin-bottom:1.0714vw;} #section01 .s1_list .s1_txt p.s1_desc {font-size: 1.7143vw;line-height: 2.2857vw;} /* section01 e */ /* section02 s */ #section02 {padding:7.1429vw 0 7.1429vw;} #section02 .inner {width: 84.2857vw;} #section02 .s2_list_wrap {min-height:46.7143vw;} #section02 .s2_list .s2_img_wrap {width: 45.0000vw;height: 41.4286vw;} #section02 .s2_list .s2_img_wrap .s2_txt {bottom:3.5714vw;width: 37.8571vw;} #section02 .s2_list .s2_img_wrap .s2_txt p.s2_tit {font-size: 3.0000vw;line-height: 3.0000vw;margin-bottom: 1.0714vw;} #section02 .s2_list .s2_img_wrap .s2_txt p.s2_desc {font-size: 1.7143vw;line-height: 2.2857vw;} #section02 .s2_list .s2_logo {font-size: 3.1429vw;margin-top: 2.1429vw;width: 37.8571vw;} #section02 .s2_list .s2_logo.s2_long {width: 45.0000vw;} #section02 .s2_list .s2_logo img {width: 17.0714vw;} /* section02 e */ /* section03 s */ #section03 {padding:8.5714vw 0 7.1429vw;} #section03 .inner {width: 84.2857vw;} #section03 .s3_list_wrap {gap:1.4286vw;} #section03 .s3_list {width: 27.1429vw;height: 41.4286vw;border-radius:1.0714vw;} #section03 .s3_list .s3_txt {height:7.8571vw;top:7.1429vw;} #section03 .s3_list:hover .s3_txt {top:4.2857vw;height:16.5714vw;} #section03 .s3_list .s3_txt p.s3_tit {font-size: 3.0000vw;line-height: 3.7143vw;} #section03 .s3_list .s3_txt p.s3_desc {bottom:0;font-size: 1.7143vw;line-height: 2.2857vw;margin-top: 1.4286vw;} #section03 .test .s3_list .s3_txt p.s3_tit { font-size: 33px; line-height: 44px; font-weight: 700; } #section03 .test .s3_list .s3_txt p.s3_desc { font-size: 17px; line-height: 24px; margin-top: 10px; } /* section03 e */ /* section04 s */ #section04 {padding:8.5714vw 0 7.1429vw;} #section04 .inner {width: 84.2857vw;} #section04 .cont_text_wrap p.title {line-height: 6.4286vw;} .s4_swiper_wrap {width: 48.5714vw;height:28.5714vw;} .s4_swiper_wrap .s4_swiper {width: 48.5714vw;height:28.5714vw;} .s4_swiper_wrap .s4_swiper .swiper-slide {border-radius:1.0714vw;} .s4_swiper_wrap .s4_swiper .slider-one {width: 27.1429vw;height:28.5714vw;} .s4_swiper_wrap .s4_swiper .slider-two {width: 20.0000vw;height:19.2857vw;} .s4_swiper_wrap .s4_swiper .slider-thr {width: 20.0000vw;height:7.8571vw;} /* section04 e */ /* section05 s */ #section05 {padding:7.1429vw 0 7.1429vw;} #section05 .inner {width: 84.2857vw;} #section05 .s5_list_wrap {gap:0 2.8571vw;} #section05 .s5_list {width: 21.4286vw;height: 21.4286vw;} #section05 .s5_list .s5_txt p {font-size: 3.0000vw;line-height: 3.7143vw;} /* section05 e */ /* section06 s */ #section06 {padding:7.1429vw 0 7.1429vw;} #section06 .inner {width: 85.7143vw;} #section06 .cont_text_wrap {margin-bottom: 5.7143vw;} #section06 .cate_tab_wrap {margin-bottom: 3.0000vw;} #section06 .cate_tab_wrap ul.cate_wrap {gap:1.4286vw;} #section06 .cate_tab_wrap ul.cate_wrap li {width: 15.0000vw;height: 4.5714vw;line-height: 4.5714vw;border:0.1429vw solid #eb5c17;border-radius:2.2857vw;} #section06 .cate_tab_wrap ul.cate_wrap li a {font-size: 1.8571vw;} #section06 .s6_process_wrap {padding:3.5714vw 0 7.1429vw;border-radius:1.4286vw;border:0.0714vw solid #cccccc;} #section06 .s6_pr_flex {gap:2.8571vw;} #section06 .s6_pr_flex.s6_pr_flex_2 {gap:1.4286vw;} #section06 .s6_pr_flex.s6_pr_top {padding-left:10.7143vw;} #section06 .s6_pr_flex.s6_pr_bot {padding-right:11.4286vw;margin-top: 6.4286vw;} #section06 .s6_pr_flex.s6_pr_flex_2.s6_pr_top {padding-left: 6.4286vw;} #section06 .s6_pr_flex.s6_pr_flex_2.s6_pr_bot {padding-right: 6.4286vw;} #section06 .s6_pr_flex.s6_pr_flex_3.s6_pr_center .s6_pr_flex_bar {width: 76.7857vw;} #section06 .s6_pr_flex .s6_pr_flex_bar {width: 81.2143vw;height:0.1429vw;bottom:-1.4286vw;} #section06 .s6_pr_flex_bar .bar_cir {width: 0.5714vw;height:0.5714vw;} #section06 .s6_pr_flex .s6_pr_box {width: 12.8571vw;height: 12.8571vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_box {width: 12.8571vw;height: 12.8571vw;border:0.1429vw solid #f2a077;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap {width: 1.4286vw;height: 1.4286vw;bottom:-2.0714vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap .s6_cir_1 {width:0.7143vw;height:0.7143vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap .s6_cir_2 {width:1.4286vw;height:1.4286vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img {padding-top: 2.1429vw;margin-bottom: 1.0714vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_1 {width: 5.4286vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_2 {width: 5.0000vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_3 {width: 4.6429vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_4 {width: 4.2143vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_5 {width: 5.4286vw;padding-top: 2.8571vw;margin-bottom: 1.0714vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_6 {width: 4.2143vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_7 {width: 4.7143vw;padding-top: 2.5714vw;margin-bottom: 0.3571vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_8 {width: 5.4286vw;padding-top: 2.8571vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_9 {width: 4.7857vw;padding-top: 1.4286vw;margin-bottom: 1.0714vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_10 {width: 5.5714vw;padding-top: 2.2857vw;margin-bottom: 0.3571vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_txt {height:3.4286vw;bottom:1.4286vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_txt p {font-size: 1.4286vw;line-height: 1.7143vw;} /* section06 e */ /* section07 s */ #section07 {padding:7.1429vw 0 7.1429vw;} #section07 .inner {width: 85.7143vw;} #section07 .cont_text_wrap {margin-bottom: 5.7143vw;} #section07 .cate_tab_wrap {margin-bottom: 4.2857vw;} #section07 .cate_tab_wrap ul.cate_wrap {gap:1.4286vw;} #section07 .cate_tab_wrap ul.cate_wrap li {width: 15.0000vw;height: 4.5714vw;line-height: 4.5714vw;border:0.1429vw solid #eb5c17;border-radius:2.2857vw;} #section07 .cate_tab_wrap ul.cate_wrap li a {font-size: 1.8571vw;} #section07 .s7_recipe_wrap {gap:4.2857vw;} #section07 .s7_recipe_wrap.s7_recipe_wrap_bot {margin-top: 4.2857vw;} #section07 .s7_recipe_wrap .s7_recipe_box { width: 17.1429vw;height: 8.5714vw;border-radius:0.7143vw;box-shadow:0 0 0.7143vw rgba(0,0,0,0.2);padding:1.7857vw; } #section07 .s7_recipe_wrap .s7_recipe_box.arr:after {width: 1.7143vw;height: 1.7857vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_r:after {right:-3.0000vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_b:after {bottom:-3.0000vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_l:after {left:-3.0000vw;} #section07 .s7_recipe_wrap .s7_recipe_box .number {width: 5.1429vw;height: 5.1429vw;border-radius:0.7143vw 0 5.0000vw 0;} #section07 .s7_recipe_wrap .s7_recipe_box .number span {font-size: 2.1429vw;line-height: 2.1429vw;left:1.0714vw;top:1.0714vw;} #section07 .s7_recipe_wrap .s7_recipe_box .recipe_txt p {font-size: 2.1429vw;line-height: 2.7143vw;} #section07 .return_arr {right:-1.8571vw;} /* section07 e */ /* section08 s */ #section08 {padding:7.1429vw 0 7.1429vw;} #section08 .inner {width: 84.2857vw;} /* section08 e */ /* section09 s */ #section09 {padding:7.1429vw 0 7.1429vw;} #section09 .cont_text_wrap {margin-bottom: 5.7143vw;} #section09 .s9_flow_wrap .s9_flow_top .flow-ani-wrap ul li {margin-right: 2.3571vw;} #section09 .s9_flow_wrap .s9_flow_bot {margin-top: 2.1429vw;} #section09 .s9_flow_wrap .s9_flow_bot .flow-ani-wrap ul li {margin-right: 2.3571vw;} /* section09 e */ /* section10 s */ #section10 {padding:7.1429vw 0 7.1429vw;} #section10 .inner {width: 70.0000vw;} #section10 .cont_text_wrap {margin-bottom: 5.7143vw;} #section10 .s10_list_wrap {width: 70.0000vw;height: 66.4286vw;} #section10 .s10_list_wrap .s10_list.s10_l_01 {border-radius:0 4.2857vw 0 0;} #section10 .s10_list_wrap .s10_list.s10_l_02 {top:3.5714vw;border-radius:0 4.2857vw 0 0;} #section10 .s10_list_wrap .s10_list.s10_l_03 {top:21.4286vw;} #section10 .s10_list_wrap .s10_list.s10_l_04 {top:25.0000vw;} #section10 .s10_list_wrap .s10_list.s10_l_05 {bottom:3.5714vw;border-radius:0 0 0 4.2857vw;} #section10 .s10_list_wrap .s10_list.s10_l_06 {border-radius:0 0 0 4.2857vw;} #section10 .s10_list_wrap .s10_list .s10_name {left:2.1429vw;bottom:1.7857vw;font-size: 2.2857vw;} #section10 .s10_txt_wrap {margin-top: 2.8571vw;} #section10 .s10_txt_wrap img {width: 57.1429vw;} /* section10 e */ /* section11 s */ #section11 {padding:7.1429vw 0 7.1429vw;} #section11 .inner {width: 84.2857vw;} #section11 .cont_text_wrap {margin-bottom: 5.7143vw;} #section11 .cate_tab_wrap {margin-bottom: 4.2857vw;} #section11 .cate_tab_wrap ul.cate_wrap {gap:1.4286vw;} #section11 .cate_tab_wrap ul.cate_wrap li {width: 15.0000vw;line-height: 4.2857vw;border-bottom:0.2857vw solid #cccccc;} #section11 .cate_tab_wrap ul.cate_wrap li a {font-size: 2.2857vw;} #section11 .s11_menu_wrap .swiper-slide {width: 20.0000vw;} #section11 .s11_menu_wrap .swiper-slide .img_wrap {width: 20.0000vw;border:0.1429vw solid #f39868;border-radius:1.0714vw 1.0714vw 0 0;} #section11 .s11_menu_wrap .swiper-slide .txt_wrap {width:20.0000vw;height:3.5714vw;line-height:3.5714vw;border-radius:0 0 1.0714vw 1.0714vw;;} #section11 .s11_menu_wrap .swiper-slide .txt_wrap p {font-size: 1.7143vw;} #section11 .s11_menu_wrap .s11_swiper_next {right:-2.8571vw;} #section11 .s11_menu_wrap .s11_swiper_prev {left:-2.8571vw;} /* section11 e */ /* section12 s */ #section12 {padding:7.1429vw 0 7.1429vw;} #section12 .inner {width: 85.7143vw;} #section12 .cont_text_wrap {margin-bottom: 5.7143vw;} #section12 .s12_swiper_wrap .s12_swiper_main {width: 78.5714vw;height: 39.2857vw;margin-bottom: 1.1429vw;border:0.2143vw solid #eb5c17;border-radius:1.0714vw;} #section12 .s12_swiper_wrap .s12_swiper_thumb {width: 78.5714vw;} /* section12 e */ /* section13 s */ #section13 {padding:7.1429vw 0 7.1429vw;} #section13 .inner {width: 85.7143vw;} #section13 .cont_text_wrap {margin-bottom: 5.7143vw;} /* section13 e */ } @media(max-width: 1080px){ /* header */ #header {height:9.2593vw;} #header .header-wrap .inner {max-width:100%;} #header .header-wrap .inner .logo img {width: 25.1852vw;} #header .header-wrap .inner .hd_tel img {width: 20.3704vw;} #header .header-wrap .nav_pc {gap:5.5556vw;} #header .header-wrap .nav_pc li a {font-size: 1.6667vw;} /* footer */ #footer .inner .top {padding-bottom: 2.7778vw;} #footer .inner .bottom {border-top: 0.0926vw solid rgba(255,255,255,0.2);padding-top: 1.8519vw;} /* section-scrollNab s */ .section-scrollNab.scrollDown {height: 7.4074vw;} .section-scrollNab .section-nab-wrap {height:7.4074vw;} .section-scrollNab .nab_logo {left:4.6296vw;} .section-scrollNab .nab_tel {right:4.6296vw;} .section-scrollNab .section-nab-wrap ul li {font-size: 1.5741vw;} .section-scrollNab .section-nab-wrap ul li:after {height:0.2778vw;bottom:-0.4630vw;} /* section-scrollNab e */ /* 흐르는 슬라이드 */ .marquee {padding:0.9259vw 0;max-width: 100%;} .marquee.solo .text_slide {padding:0.9259vw 0;border-top:0.1852vw solid #b58054;border-bottom: 0.1852vw solid #b58054;} .marquee.main .swiper-slide {width: 220.6481vw;} .marquee.solo .swiper-slide {width: 105.0000vw;} .marquee_vertical.main_slide {margin-left:10.1852vw;} .left_step ul li {margin-bottom: 3.7037vw;} .right_step ul li {margin-bottom: 3.7037vw;} /* common s */ .section {max-width:100%;} .inner {width: 100%} .cont_text_wrap {margin-bottom: 6.4815vw;} .cont_text_wrap p.slogan {font-size: 3.8889vw;line-height: 3.8889vw;margin-bottom: 1.3889vw;} .cont_text_wrap p.title {font-size: 7.4074vw;line-height: 7.4074vw;margin-bottom: 2.7778vw;} .cont_text_wrap p.desc {font-size: 2.2222vw;line-height: 2.9630vw;} /* common e */ /* section00 s */ #section00 {padding-top: 9.2593vw;padding-bottom: 5.5556vw;} #section00 .inner {width: 100%;height: 72.2222vw;border-radius:2.7778vw;} #section00 .main_txt_wrap p {text-shadow:0 0.3704vw 0.5556vw rgba(0,0,0,0.5)} #section00 .main_txt_wrap p.fz50 {font-size: 4.6296vw;line-height: 4.6296vw;margin-bottom: 0.9259vw;} #section00 .main_txt_wrap p.fz80 {font-size: 7.4074vw;line-height: 7.4074vw;margin-bottom: 3.7037vw;} #section00 .main_txt_wrap .main_tit {filter:drop-shadow(0 0.3704vw 0.5556vw rgba(0,0,0,0.5))} /* section00 e */ /* section01 s */ #section01 {padding:7.4074vw 0 9.2593vw;} #section01 .inner {width: 109.2593vw;} #section01 .s1_list_wrap {gap:1.8519vw;} #section01 .s1_list {width: 53.7037vw;height: 33.3333vw;border-radius:1.3889vw;} #section01 .s1_list .s1_txt {left:3.8889vw;bottom:3.2407vw;} #section01 .s1_list .s1_txt p.s1_tit {font-size: 3.8889vw;line-height: 3.8889vw;margin-bottom:1.3889vw;} #section01 .s1_list .s1_txt p.s1_desc {font-size: 2.2222vw;line-height: 2.9630vw;} /* section01 e */ /* section02 s */ #section02 {padding:9.2593vw 0 9.2593vw;} #section02 .inner {width: 109.2593vw;} #section02 .s2_list_wrap {min-height:60.5556vw;} #section02 .s2_list .s2_img_wrap {width: 58.3333vw;height: 53.7037vw;} #section02 .s2_list .s2_img_wrap .s2_txt {bottom:4.6296vw;width: 49.0741vw;} #section02 .s2_list .s2_img_wrap .s2_txt p.s2_tit {font-size: 3.8889vw;line-height: 3.8889vw;margin-bottom: 1.3889vw;} #section02 .s2_list .s2_img_wrap .s2_txt p.s2_desc {font-size: 2.2222vw;line-height: 2.9630vw;} #section02 .s2_list .s2_logo {font-size: 4.0741vw;margin-top: 2.7778vw;width: 49.0741vw;} #section02 .s2_list .s2_logo.s2_long {width: 58.3333vw;} #section02 .s2_list .s2_logo img {width: 22.1296vw;} /* section02 e */ /* section03 s */ #section03 {padding:11.1111vw 0 9.2593vw;} #section03 .inner {width: 109.2593vw;} #section03.test .inner {width: 100%;} #section03 .s3_list_wrap {gap:1.8519vw;} #section03 .s3_list {width: 35.1852vw;height: 53.7037vw;border-radius:1.3889vw;} #section03 .s3_list .s3_txt {height:10.1852vw;top:9.2593vw;} #section03 .s3_list:hover .s3_txt {top:5.5556vw;height:auto;} #section03 .s3_list .s3_txt p.s3_tit {font-size: 3.8889vw;line-height: 4.8148vw;} #section03 .s3_list .s3_txt p.s3_desc {bottom:0;font-size: 2.2222vw;line-height: 2.9630vw;margin-top: 1.8519vw;} #section03 .s3_list_wrap.test { gap: 1.8519vw; width: 80%; margin: 0 auto; flex-wrap: wrap; } #section03 .test .s3_list { width: calc(50% - 2vw); height: 53.7037vw; border-radius: 1.3889vw; } #section03 .test .hacccp.s3_list .s3_img { bottom: -4%; width: 75%; } /* section03 e */ /* section04 s */ #section04 {padding:11.1111vw 0 9.2593vw;} #section04 .inner {width: 109.2593vw;} #section04 .cont_text_wrap p.title {line-height: 8.3333vw;} .s4_swiper_wrap {width: 62.9630vw;height:37.0370vw;} .s4_swiper_wrap .s4_swiper {width: 62.9630vw;height:37.0370vw;} .s4_swiper_wrap .s4_swiper .swiper-slide {border-radius:1.3889vw;} .s4_swiper_wrap .s4_swiper .slider-one {width: 35.1852vw;height:37.0370vw;} .s4_swiper_wrap .s4_swiper .slider-two {width: 25.9259vw;height:25.0000vw;} .s4_swiper_wrap .s4_swiper .slider-thr {width: 25.9259vw;height:10.1852vw;} /* section04 e */ /* section05 s */ #section05 {padding:9.2593vw 0 9.2593vw;} #section05 .inner {width: 109.2593vw;} #section05 .s5_list_wrap {gap:0 3.7037vw;} #section05 .s5_list {width: 27.7778vw;height: 27.7778vw;} #section05 .s5_list .s5_txt p {font-size: 3.8889vw;line-height: 4.8148vw;} /* section05 e */ /* section06 s */ #section06 {padding:9.2593vw 0 9.2593vw;} #section06 .inner {width: 111.1111vw;} #section06 .cont_text_wrap {margin-bottom: 7.4074vw;} #section06 .cate_tab_wrap {margin-bottom: 3.8889vw;} #section06 .cate_tab_wrap ul.cate_wrap {gap:1.8519vw;} #section06 .cate_tab_wrap ul.cate_wrap li {width: 19.4444vw;height: 5.9259vw;line-height: 5.9259vw;border:0.1852vw solid #eb5c17;border-radius:2.9630vw;} #section06 .cate_tab_wrap ul.cate_wrap li a {font-size: 2.4074vw;} #section06 .s6_process_wrap {padding:4.6296vw 0 9.2593vw;border-radius:1.8519vw;border:0.0926vw solid #cccccc;} #section06 .s6_pr_flex {gap:3.7037vw;} #section06 .s6_pr_flex.s6_pr_flex_2 {gap:1.8519vw;} #section06 .s6_pr_flex.s6_pr_top {padding-left:13.8889vw;} #section06 .s6_pr_flex.s6_pr_bot {padding-right:14.8148vw;margin-top: 8.3333vw;} #section06 .s6_pr_flex.s6_pr_flex_2.s6_pr_top {padding-left: 8.3333vw;} #section06 .s6_pr_flex.s6_pr_flex_2.s6_pr_bot {padding-right: 8.3333vw;} #section06 .s6_pr_flex.s6_pr_flex_3.s6_pr_center .s6_pr_flex_bar {width: 99.5370vw;} #section06 .s6_pr_flex .s6_pr_flex_bar {width: 105.2778vw;height:0.1852vw;bottom:-1.8519vw;} #section06 .s6_pr_flex_bar .bar_cir {width: 0.7407vw;height:0.7407vw;} #section06 .s6_pr_flex .s6_pr_box {width: 16.6667vw;height: 16.6667vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_box {width: 16.6667vw;height: 16.6667vw;border:0.1852vw solid #f2a077;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap {width: 1.8519vw;height: 1.8519vw;bottom:-2.6852vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap .s6_cir_1 {width:0.9259vw;height:0.9259vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap .s6_cir_2 {width:1.8519vw;height:1.8519vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img {padding-top: 2.7778vw;margin-bottom: 1.3889vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_1 {width: 7.0370vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_2 {width: 6.4815vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_3 {width: 6.0185vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_4 {width: 5.4630vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_5 {width: 7.0370vw;padding-top: 3.7037vw;margin-bottom: 1.3889vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_6 {width: 5.4630vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_7 {width: 6.1111vw;padding-top: 3.3333vw;margin-bottom: 0.4630vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_8 {width: 7.0370vw;padding-top: 3.7037vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_9 {width: 6.2037vw;padding-top: 1.8519vw;margin-bottom: 1.3889vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_10 {width: 7.2222vw;padding-top: 2.9630vw;margin-bottom: 0.4630vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_txt {height:4.4444vw;bottom:1.8519vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_txt p {font-size: 1.8519vw;line-height: 2.2222vw;} /* section06 e */ /* section07 s */ #section07 {padding:9.2593vw 0 9.2593vw;} #section07 .inner {width: 111.1111vw;} #section07 .cont_text_wrap {margin-bottom: 7.4074vw;} #section07 .cate_tab_wrap {margin-bottom: 5.5556vw;} #section07 .cate_tab_wrap ul.cate_wrap {gap:1.8519vw;} #section07 .cate_tab_wrap ul.cate_wrap li {width: 19.4444vw;height: 5.9259vw;line-height: 5.9259vw;border:0.1852vw solid #eb5c17;border-radius:2.9630vw;} #section07 .cate_tab_wrap ul.cate_wrap li a {font-size: 2.4074vw;} #section07 .s7_recipe_wrap {gap:5.5556vw;} #section07 .s7_recipe_wrap.s7_recipe_wrap_bot {margin-top: 5.5556vw;} #section07 .s7_recipe_wrap .s7_recipe_box { width: 22.2222vw;height: 11.1111vw;border-radius:0.9259vw;box-shadow:0 0 0.9259vw rgba(0,0,0,0.2);padding:2.3148vw; } #section07 .s7_recipe_wrap .s7_recipe_box.arr:after {width: 2.2222vw;height: 2.3148vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_r:after {right:-3.8889vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_b:after {bottom:-3.8889vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_l:after {left:-3.8889vw;} #section07 .s7_recipe_wrap .s7_recipe_box .number {width: 6.6667vw;height: 6.6667vw;border-radius:0.9259vw 0 6.4815vw 0;} #section07 .s7_recipe_wrap .s7_recipe_box .number span {font-size: 2.7778vw;line-height: 2.7778vw;left:1.3889vw;top:1.3889vw;} #section07 .s7_recipe_wrap .s7_recipe_box .recipe_txt p {font-size: 2.7778vw;line-height: 3.5185vw;} #section07 .return_arr {right:-2.4074vw;} /* section07 e */ /* section08 s */ #section08 {padding:9.2593vw 0 9.2593vw;} #section08 .inner {width: 109.2593vw;} /* section08 e */ /* section09 s */ #section09 {padding:9.2593vw 0 9.2593vw;} #section09 .cont_text_wrap {margin-bottom: 7.4074vw;} #section09 .s9_flow_wrap .s9_flow_top .flow-ani-wrap ul li {margin-right: 3.0556vw;} #section09 .s9_flow_wrap .s9_flow_bot {margin-top: 2.7778vw;} #section09 .s9_flow_wrap .s9_flow_bot .flow-ani-wrap ul li {margin-right: 3.0556vw;} /* section09 e */ /* section10 s */ #section10 {padding:9.2593vw 0 9.2593vw;} #section10 .inner {width: 90.7407vw;} #section10 .cont_text_wrap {margin-bottom: 7.4074vw;} #section10 .s10_list_wrap {width: 90.7407vw;height: 86.1111vw;} #section10 .s10_list_wrap .s10_list.s10_l_01 {border-radius:0 5.5556vw 0 0;} #section10 .s10_list_wrap .s10_list.s10_l_02 {top:4.6296vw;border-radius:0 5.5556vw 0 0;} #section10 .s10_list_wrap .s10_list.s10_l_03 {top:27.7778vw;} #section10 .s10_list_wrap .s10_list.s10_l_04 {top:32.4074vw;} #section10 .s10_list_wrap .s10_list.s10_l_05 {bottom:4.6296vw;border-radius:0 0 0 5.5556vw;} #section10 .s10_list_wrap .s10_list.s10_l_06 {border-radius:0 0 0 5.5556vw;} #section10 .s10_list_wrap .s10_list .s10_name {left:2.7778vw;bottom:2.3148vw;font-size: 2.9630vw;} #section10 .s10_txt_wrap {margin-top: 3.7037vw;} #section10 .s10_txt_wrap img {width: 74.0741vw;} /* section10 e */ /* section11 s */ #section11 {padding:9.2593vw 0 9.2593vw;} #section11 .inner {width: 109.2593vw;} #section11 .cont_text_wrap {margin-bottom: 7.4074vw;} #section11 .cate_tab_wrap {margin-bottom: 5.5556vw;} #section11 .cate_tab_wrap ul.cate_wrap {gap:1.8519vw;} #section11 .cate_tab_wrap ul.cate_wrap li {width: 19.4444vw;line-height: 5.5556vw;border-bottom:0.3704vw solid #cccccc;} #section11 .cate_tab_wrap ul.cate_wrap li a {font-size: 2.9630vw;} #section11 .s11_menu_wrap .swiper-slide {width: 25.9259vw;} #section11 .s11_menu_wrap .swiper-slide .img_wrap {width: 25.9259vw;border:0.1852vw solid #f39868;border-radius:1.3889vw 1.3889vw 0 0;} #section11 .s11_menu_wrap .swiper-slide .txt_wrap {width:25.9259vw;height:4.6296vw;line-height:4.6296vw;border-radius:0 0 1.3889vw 1.3889vw;;} #section11 .s11_menu_wrap .swiper-slide .txt_wrap p {font-size: 2.2222vw;} #section11 .s11_menu_wrap .s11_swiper_next {right:-3.7037vw;} #section11 .s11_menu_wrap .s11_swiper_prev {left:-3.7037vw;} /* section11 e */ /* section12 s */ #section12 {padding:9.2593vw 0 9.2593vw;} #section12 .inner {width: 111.1111vw;} #section12 .cont_text_wrap {margin-bottom: 7.4074vw;} #section12 .s12_swiper_wrap .s12_swiper_main {width: 101.8519vw;height: 50.9259vw;margin-bottom: 1.4815vw;border:0.2778vw solid #eb5c17;border-radius:1.3889vw;} #section12 .s12_swiper_wrap .s12_swiper_thumb {width: 101.8519vw;} /* section12 e */ /* section13 s */ #section13 {padding:9.2593vw 0 9.2593vw;} #section13 .inner {width: 111.1111vw;} #section13 .cont_text_wrap {margin-bottom: 7.4074vw;} /* section13 e */ } @media(max-width: 768px){ .pc_only {display: none;} .mobile_only {display: block;} /* 흐르는 슬라이드 */ .marquee {padding:1.3021vw 0;max-width: 250.0000vw;} .marquee.solo .text_slide {padding:1.3021vw 0;border-top:0.2604vw solid #b58054;border-bottom: 0.2604vw solid #b58054;;} .marquee.main .swiper-slide {width: 310.2865vw;} .marquee.solo .swiper-slide {width: 147.6563vw;display:flex;align-items:center;} .marquee_vertical.main_slide {margin-left:14.3229vw;} .left_step ul li {margin-bottom: 5.2083vw;} .right_step ul li {margin-bottom: 5.2083vw;} .section {max-width:100vw;} .inner {width: 100%;} /* header */ #header {width:100%;height:13.0208vw;} #header .header-wrap.header-wrap_pc {display: none;} #header .header-wrap.header-wrap_mo {display: block;} #header .header-wrap {height:13.0208vw;} #header .header-wrap .inner {padding:0 2.6042vw;max-width:100%;} #header .header-wrap .inner .logo {} #header .header-wrap .inner .logo img {width: 35.4167vw;} #header .header-wrap .inner .hd_tel {display: none;} #header .header-wrap .inner .hd_tel img {width: 220px;} /* menu btn s */ .menuBtn {position:absolute;z-index:9999;top:50%;transform:translateY(-50%);right:3.9063vw;width: 9.8958vw;height: 9.8958vw;background:#eb5c17;border-radius:50%;} .menu-trigger {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .menu-trigger, .menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;} .menu-trigger {position: relative;width: 3.9063vw;height: 3.1250vw;} .menu-trigger span {position: absolute;left: 0;width: 100%;height: 0.2604vw;background-color: #fff;} .menu-trigger span:nth-of-type(1) {top: 0;} .menu-trigger span:nth-of-type(2) {top: 1.4323vw} .menu-trigger span:nth-of-type(3) {bottom: 0;} /* type-01 */ /* 중앙 라인이 고정된 자리에서 투명하게 사라지며 상하라인 회전하며 엑스자 만들기 */ .menu-trigger.active-1 span:nth-of-type(1) {-webkit-transform: translateY (1.4323vw) rotate (-45deg);transform: translateY(1.4323vw) rotate(-45deg);} .menu-trigger.active-1 span:nth-of-type(2) {opacity: 0;} .menu-trigger.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-1.4323vw) rotate(45deg);transform: translateY(-1.4323vw) rotate(45deg);} /* menu btn e */ #navigation_m {height:100vh;background:rgba(255,255,255,0.9);position:fixed;left:0;top:-120%;width:100%;z-index:1;transition:0.8s} #navigation_m.show {top:0;} #navigation_m .nav_m {height:100%;text-align: center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11.7188vw;} #navigation_m .nav_m li a {font-size: 5.4688vw;color:#414141;opacity: 1;font-weight: 500;} #navigation_m .nav_m li.on a {opacity: 1;color:#eb5c17;font-weight: 700;} .ft_logo_img {width: 38.5417vw;margin:6.5104vw auto 0} /* common s */ .section {max-width:100%;} .inner {width: 100%;} .cont_text_wrap {margin-bottom: 9.1146vw;} .cont_text_wrap p.slogan {font-size: 4.9479vw;line-height: 4.9479vw;margin-bottom: 1.9531vw;} .cont_text_wrap p.title {font-size: 9.3750vw;line-height: 9.3750vw;margin-bottom: 3.9063vw;} .cont_text_wrap p.desc {font-size: 3.6458vw;line-height: 4.6875vw;} /* common e */ /* section00 s */ #section00 {padding-top: 13.0208vw;padding-bottom: 7.8125vw;} #section00 .inner {width: calc(100% - 7.8125vw);height: 117.1875vw;border-radius:3.9063vw;} #section00 .main_txt_wrap {width: 100%;} #section00 .main_txt_wrap p {text-shadow:0 0.5208vw 0.7813vw rgba(0,0,0,0.5)} #section00 .main_txt_wrap p.fz50 {font-size: 6.5104vw;line-height: 6.5104vw;margin-bottom: 1.3021vw;} #section00 .main_txt_wrap p.fz80 {font-size: 9.3750vw;line-height: 9.3750vw;margin-bottom: 3.9063vw;} #section00 .main_txt_wrap .main_tit {width: 61.1979vw;filter:drop-shadow(0 0.5208vw 0.7813vw rgba(0,0,0,0.5))} #section00 #main_swiper img {width: 100%;} /* section00 e */ /* section01 s */ #section01 {padding:10.4167vw 0 13.0208vw;} #section01 .inner {width: 100%;} #section01 .s1_list_wrap {justify-content:center;gap:2.6042vw;} #section01 .s1_list {width: 75.5208vw;height: 46.8750vw;border-radius:1.9531vw;} #section01 .s1_list .s1_txt {left:5.4688vw;bottom:4.5573vw;} #section01 .s1_list .s1_txt p.s1_tit {font-size: 5.4688vw;line-height: 5.4688vw;margin-bottom:1.9531vw;} #section01 .s1_list .s1_txt p.s1_desc {font-size: 3.6458vw;line-height: 4.6875vw;} #section01 .s1_list .s1_img img {width: 100%;} #section01 .s1_list .s1_img .hover01 {background: linear-gradient(to top, #eb5c17, rgba(235, 92, 23, 0));} #section01 .s1_list .s1_img .hover02 {background: linear-gradient(to top, #eb5c17, rgba(235, 92, 23, 0));} /* #section01 .s1_list .s1_img .hover02 {background: linear-gradient(to top, #ff6014, rgba(255, 96, 20, 0));} */ #section01 .s1_list:hover .s1_img .hover {opacity: 0.75;} /* section01 e */ /* section02 s */ #section02 {padding:13.0208vw 0 13.0208vw;} #section02 .inner {width: 100%;} #section02 .s2_list_wrap {min-height:123.6979vw;height:123.6979vw;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7.8125vw} #section02 .s2_list {position:absolute;width: 84.3750vw;height: 67.0573vw;} #section02 .s2_list.s2_list_left {left:50%;transform:translateX(-50%);top:0;} #section02 .s2_list.s2_list_right {left:50%;transform:translateX(-50%);bottom:0;right:auto;top:auto;} #section02 .s2_list .s2_img_wrap {width: 84.3750vw;height: 67.0573vw;border-radius:1.9531vw;} #section02 .s2_list .s2_img_wrap.s2_01 {background:url('../../images/m/s2_img_01_m.png')no-repeat center top/cover;} #section02 .s2_list .s2_img_wrap.s2_02 {background:url('../../images/m/s2_img_02_m.png')no-repeat center bottom/cover;} #section02 .s2_list .s2_img_wrap .s2_txt {position:absolute;bottom:10.4167vw;width: 69.0104vw;} #section02 .s2_list .s2_img_wrap.s2_01 .s2_txt {left:auto;transform:translateX(0);right:4.9479vw;text-align: right;} #section02 .s2_list .s2_img_wrap.s2_02 .s2_txt {left:6.2500vw;transform:translateX(0);text-align: left;bottom:auto;top:9.1146vw;} #section02 .s2_list .s2_img_wrap .s2_txt p.s2_tit {font-size: 5.4688vw;line-height: 5.4688vw;margin-bottom: 1.9531vw;} #section02 .s2_list .s2_img_wrap .s2_txt p.s2_desc {font-size: 3.1250vw;line-height: 4.1667vw;} #section02 .s2_list .s2_logo {font-size: 5.9896vw;margin-top: 3.9063vw;width: 100%;} #section02 .s2_list .s2_logo.s2_long {width: 100%;} #section02 .s2_list .s2_logo img {width: 31.1198vw;} /* section02 e */ /* section03 s */ #section03 {padding:15.6250vw 0 13.0208vw;} #section03 .inner {width: 100%;} #section03 .s3_list_wrap {gap:0;justify-content: normal;} #section03 .s3_list {width: 49.4792vw;height: 75.5208vw;border-radius:1.9531vw;margin:0 3.9063vw;opacity: 0.8;transition:0.6s;filter: brightness(0.5);} #section03 .s3_list.swiper-slide-active {opacity: 1;filter: brightness(1);} #section03 .s3_list .s3_txt {width:100%;height:24.7396vw;top:7.8125vw;} #section03 .s3_list:hover .s3_txt {top:7.8125vw;height:24.7396vw;} #section03 .s3_list .s3_txt p.s3_tit {font-size: 5.4688vw;line-height: 6.7708vw;} #section03 .s3_list .s3_txt p.s3_desc {font-size: 3.1250vw;line-height: 4.1667vw;margin-top: 2.6042vw;opacity: 1;} #section03 .s3_list.s3_list01 .s3_img {width: 49.4792vw;} #section03 .s3_list.s3_list02 .s3_img {width: 39.7135vw;} #section03 .s3_list.s3_list03 .s3_img {width: 40.7552vw;} #section03 .s3_list:hover .s3_img {transform:translateX(-50%) scale(1);} .haccpMark { position: absolute; right: 2VW; top: 7VW; z-index: 1; width: 16VW; Z-INDEX: 10; } .haccpBoxs {padding: 0.00vw 3.91vw 2.60vw;} .haccpBoxLogo {width: 42.04vw;} .haccpMarkImg {width: 18vw; margin-left: 5vw;} .haccpTxt {font-size: 9.07vw;} .haccpBoxsBotm { padding: 4.6vw; border-top: 0.39vw solid rgb(255 255 255 / 50%); border-bottom: 0.39vw solid rgb(255 255 255 / 50%); } #section03 .s3_list.s3_list03 .s3_img.haccpMo {width: 40vw; bottom:-4%;} /* section03 e */ /* section04 s */ #section04 {padding:15.6250vw 0 13.0208vw;} #section04 .inner {width: 100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;} #section04 .cont_text_wrap {text-align:center;margin-bottom: 7.8125vw;} #section04 .cont_text_wrap p.title {line-height: 11.7188vw;} .s4_swiper_wrap {width: 88.5417vw;height:52.0833vw;} .s4_swiper_wrap .s4_swiper {width: 88.5417vw;height:52.0833vw;} .s4_swiper_wrap .s4_swiper .swiper-slide {border-radius:1.9531vw;} .s4_swiper_wrap .s4_swiper .slider-one {width: 49.4792vw;height:52.0833vw;} .s4_swiper_wrap .s4_swiper .slider-one .swiper-slide img {width: 100%;} .s4_swiper_wrap .s4_swiper .slider-two {width: 36.4583vw;height:35.1563vw;} .s4_swiper_wrap .s4_swiper .slider-two .swiper-slide img {width: 100%;} .s4_swiper_wrap .s4_swiper .slider-thr {width: 36.4583vw;height:14.3229vw;} .s4_swiper_wrap .s4_swiper .slider-thr .swiper-slide img {width: 100%;} /* section04 e */ /* section05 s */ #section05 {padding:13.0208vw 0 13.0208vw;background:url('../../images/s5_bg.jpg')no-repeat center/cover;} #section05 .inner {width: 100%;} #section05 .s5_list_wrap {display:flex;justify-content:normal;flex-wrap:nowrap;gap:0;} #section05 .s5_list {width: 54.6875vw;height: 54.6875vw;opacity: 0.5;transition:0.6s;filter: brightness(0.5);margin:0 3.9063vw;} #section05 .s5_list.swiper-slide-active {opacity: 1;filter: brightness(1);} #section05 .s5_list .s5_img {width: 100%;} #section05 .s5_list .s5_txt p {font-size: 5.4688vw;line-height: 6.7708vw;} /* section05 e */ /* section06 s */ #section06 {padding:13.0208vw 0 13.0208vw;} #section06 .inner {width: 100%;padding:0 3.9063vw;} #section06 .cont_text_wrap {margin-bottom: 10.4167vw;} #section06 .cate_tab_wrap {margin-bottom: 5.4688vw;} #section06 .cate_tab_wrap ul.cate_wrap {gap:1.3021vw;} #section06 .cate_tab_wrap ul.cate_wrap li {width: 23.4375vw;height: 8.3333vw;line-height: 8.3333vw;border:0.2604vw solid #eb5c17;border-radius:4.1667vw;} #section06 .cate_tab_wrap ul.cate_wrap li a {font-size: 3.3854vw;} #section06 .s6_process_wrap {background:#f6f6f6;padding:6.5104vw 3.6458vw 13.0208vw;border-radius:2.6042vw;border:0.1302vw solid #cccccc;position:relative;} #section06 .s6_pr_flex {display:flex;gap:2.6042vw;position:relative;} #section06 .s6_pr_flex.s6_pr_flex_2 {gap:2.6042vw;} #section06 .s6_pr_flex.s6_pr_top {padding-left:0;justify-content:center;} #section06 .s6_pr_flex.s6_pr_mid {justify-content:center;margin-top: 9.3750vw;} #section06 .s6_pr_flex.s6_pr_bot {padding-right:0;justify-content:center;margin-top: 9.3750vw;gap:5.2083vw;} #section06 .s6_pr_flex.flex_reverse {flex-direction: row-reverse} #section06 .s6_pr_flex.s6_pr_flex_2.s6_pr_top {padding-left: 0;} #section06 .s6_pr_flex.s6_pr_flex_2.s6_pr_bot {padding-right: 0;} #section06 .s6_pr_flex.s6_pr_flex_3.s6_pr_center {justify-content:center;flex-wrap:wrap;gap:9.3750vw 6.5104vw;} #section06 .s6_pr_line_m {position:absolute;left:50%;top:6.5104vw;transform:translateX(-50%);} #section06 .s6_pr_line_m.s6lm2 {top:6.2104vw;} #section06 .s6_pr_line_m img {width: 85.4167vw;} #section06 .s6_pr_flex .s6_pr_flex_bar {display: none;} #section06 .s6_pr_flex .s6_pr_box {width: 26.0417vw;height: 26.0417vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_box { width: 26.0417vw;height: 26.0417vw;border:0.2604vw solid #f2a077; display:flex;flex-direction:column;align-items:center;position:relative; } #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap {width: 2.6042vw;height: 2.6042vw;position:absolute;left:50%;bottom:-4.0365vw;transform:translateX(-50%);z-index:5;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap .s6_cir_1 {width:1.3021vw;height:1.3021vw;border-radius:50%;background:#eb5c17;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_cir_wrap .s6_cir_2 {width:2.6042vw;height:2.6042vw;border-radius:50%;background:#eb5c17;opacity: 0.3;z-index:4;} #section06 .s6_pr_flex .s6_pr_box .s6_img {padding-top: 3.9063vw;margin-bottom: 1.9531vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_1 {width: 10.5469vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_2 {width: 10.0260vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_3 {width: 9.2448vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_4 {width: 8.3333vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_5 {width: 10.4167vw;padding-top: 5.2083vw;margin-bottom: 1.9531vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_6 {width: 8.3333vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_7 {width: 8.5938vw;padding-top: 4.6875vw;margin-bottom: 0.6510vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_8 {width: 9.8958vw;padding-top: 5.2083vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_9 {width: 9.3750vw;padding-top: 2.6042vw;margin-bottom: 1.9531vw;} #section06 .s6_pr_flex .s6_pr_box .s6_img.s6_oem_10 {width: 11.0677vw;padding-top: 4.1667vw;margin-bottom: 0.6510vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_txt {height:7.8125vw;bottom:2.8646vw;} #section06 .s6_pr_flex .s6_pr_box .s6_pr_txt p {font-size: 3.6458vw;line-height: 4.4271vw;} /* section06 e */ /* section07 s */ #section07 {padding:13.0208vw 0 13.0208vw;} #section07 .inner {width: 100%;padding:0 14.3229vw;} #section07 .cont_text_wrap {margin-bottom: 10.4167vw;} #section07 .cate_tab_wrap {margin-bottom: 7.8125vw;} #section07 .cate_tab_wrap ul.cate_wrap {gap:2.6042vw;} #section07 .cate_tab_wrap ul.cate_wrap li {width: 27.3438vw;height: 8.3333vw;line-height: 8.3333vw;border:0.2604vw solid #eb5c17;border-radius:4.1667vw;} #section07 .cate_tab_wrap ul.cate_wrap li a {font-size: 3.3854vw;} #section07 .s7_recipe_wrap {gap:7.8125vw;flex-wrap:wrap;} #section07 .s7_recipe_wrap.s7_recipe_wrap_bot {margin-top: 7.8125vw;flex-direction: row;} #section07 .s7_recipe_wrap.flex_reverse {flex-direction: row-reverse} #section07 .s7_recipe_wrap .s7_recipe_box { width: 31.2500vw;height: 15.6250vw;border-radius:1.3021vw;box-shadow:0 0 1.3021vw rgba(0,0,0,0.2);padding:3.2552vw; } #section07 .s7_recipe_wrap .s7_recipe_box.arr:after {width: 3.1250vw;height: 3.2552vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_r:after {right:-5.4688vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_b:after {bottom:-5.4688vw;} #section07 .s7_recipe_wrap .s7_recipe_box.arr_l:after {left:-5.4688vw;} #section07 .s7_recipe_wrap .s7_recipe_box .number {width: 9.3750vw;height: 9.3750vw;border-radius:1.3021vw 0 9.1146vw 0;} #section07 .s7_recipe_wrap .s7_recipe_box .number span {font-size: 3.9063vw;line-height: 3.9063vw;left:1.9531vw;top:1.9531vw;} #section07 .s7_recipe_wrap .s7_recipe_box .recipe_txt p {font-size: 3.9063vw;line-height: 4.9479vw;} #section07 .return_arr {right:auto;left:-11.4583vw;} #section07 .return_arr img {width: 10.1563vw;} /* section07 e */ /* section08 s */ #section08 {padding:13.0208vw 0 13.0208vw;} #section08 .inner {width: 100%;padding:0 3.9063vw;} /* section08 e */ /* section09 s */ #section09 {padding:13.0208vw 0 13.0208vw;background:url('../../images/s9_bg.jpg')no-repeat center/cover;} #section09 .cont_text_wrap {margin-bottom: 10.4167vw;} #section09 .s9_flow_wrap .s9_flow_top .flow-ani-wrap ul li {margin-right: 4.2969vw;} #section09 .s9_flow_wrap .s9_flow_top .flow-ani-wrap ul li img {width: 36.4583vw;} #section09 .s9_flow_wrap .s9_flow_bot {margin-top: 3.9063vw;} #section09 .s9_flow_wrap .s9_flow_bot .flow-ani-wrap ul li {margin-right: 4.2969vw;} #section09 .s9_flow_wrap .s9_flow_bot .flow-ani-wrap ul li img {width: 36.4583vw;} /* section09 e */ /* section10 s */ #section10 {padding:13.0208vw 0 13.0208vw;background:url('../../images/s10_bg.jpg')no-repeat center/cover;} #section10 .inner {width: 100%;padding:0 3.9063vw;} #section10 .cont_text_wrap {margin-bottom: 10.4167vw;} #section10 .s10_list_wrap {width: 100%;height: 121.0938vw;} #section10 .s10_list_wrap .s10_list.s10_l_01 {border-radius:0 7.8125vw 0 0;} #section10 .s10_list_wrap .s10_list.s10_l_02 {top:6.5104vw;border-radius:0 7.8125vw 0 0;} #section10 .s10_list_wrap .s10_list.s10_l_03 {top:39.0625vw;} #section10 .s10_list_wrap .s10_list.s10_l_04 {top:45.5729vw;} #section10 .s10_list_wrap .s10_list.s10_l_05 {bottom:6.5104vw;border-radius:0 0 0 7.8125vw;} #section10 .s10_list_wrap .s10_list.s10_l_06 {border-radius:0 0 0 7.8125vw;} #section10 .s10_list_wrap .s10_list img {width: 44.7917vw;} #section10 .s10_list_wrap .s10_list .s10_name {left:3.9063vw;bottom:3.2552vw;font-size: 4.1667vw;} #section10 .s10_txt_wrap {margin-top: 5.2083vw;} #section10 .s10_txt_wrap img {width: 84.3750vw;} /* section10 e */ /* section11 s */ #section11 {padding:13.0208vw 0 13.0208vw;} #section11 .inner {width: 100%;padding:0 7.8125vw;} #section11 .cont_text_wrap {margin-bottom: 10.4167vw;} #section11 .cate_tab_wrap {margin-bottom: 7.8125vw;} #section11 .cate_tab_wrap ul.cate_wrap {gap:2.6042vw;} #section11 .cate_tab_wrap ul.cate_wrap li {width: 27.3438vw;line-height: 7.8125vw;border-bottom:0.5208vw solid #cccccc;} #section11 .cate_tab_wrap ul.cate_wrap li a {font-size: 4.1667vw;} #section11 .s11_menu_wrap .swiper-slide {width: 36.4583vw;} #section11 .s11_menu_wrap .swiper-slide .img_wrap {width: 100%;border:0.2604vw solid #f39868;border-bottom: 0;border-radius:1.9531vw 1.9531vw 0 0;} #section11 .s11_menu_wrap .swiper-slide .img_wrap img {width: 100%;} #section11 .s11_menu_wrap .swiper-slide .txt_wrap {width:100%;height:7.8125vw;line-height:7.8125vw;border-radius:0 0 1.9531vw 1.9531vw;;} #section11 .s11_menu_wrap .swiper-slide .txt_wrap p {font-size: 3.6458vw;} #section11 .s11_menu_wrap .s11_swiper_next {right:-6.5104vw;} #section11 .s11_menu_wrap .s11_swiper_next img {width: 2.6042vw;} #section11 .s11_menu_wrap .s11_swiper_next:after {content:"";} #section11 .s11_menu_wrap .s11_swiper_prev {left:-6.5104vw;} #section11 .s11_menu_wrap .s11_swiper_prev img {width: 2.6042vw;} #section11 .s11_menu_wrap .s11_swiper_prev:after {content:"";} /* section11 e */ /* section12 s */ #section12 {padding:13.0208vw 0 13.0208vw;} #section12 .inner {width: 100%;padding:0 3.9063vw;} #section12 .cont_text_wrap {margin-bottom: 10.4167vw;} #section12 .s12_swiper_wrap .s12_swiper_main {width: 84.3750vw;height: 71.6146vw;margin-bottom: 2.0833vw;border:0.3906vw solid #eb5c17;border-radius:1.9531vw;} #section12 .s12_swiper_wrap .s12_swiper_main .swiper-slide img {width: 100%;height:100%;object-fit:cover;} #section12 .s12_swiper_wrap .s12_next {right:-1.9531vw;} #section12 .s12_swiper_wrap .s12_next img {width: 2.4740vw;} #section12 .s12_swiper_wrap .s12_next::after {content:"";} #section12 .s12_swiper_wrap .s12_prev {left:-1.9531vw;} #section12 .s12_swiper_wrap .s12_prev img {width: 2.4740vw;} #section12 .s12_swiper_wrap .s12_prev:after {content:"";} #section12 .s12_swiper_wrap .s12_swiper_thumb {display: none;} #section12 .s12_swiper_wrap .s12_swiper_thumb .swiper-slide {filter: brightness(0.4);} #section12 .s12_swiper_wrap .s12_swiper_thumb .swiper-slide.swiper-slide-thumb-active {filter: brightness(1);} /* section12 e */ /* section13 s */ #section13 {padding:13.0208vw 0 15.6250vw;} #section13 .inner {width: 100%;padding:0 3.9063vw;} #section13 .cont_text_wrap {margin-bottom: 10.4167vw;} #section13 .cont_text_wrap p {} #section13 .s13_table_wrap {position:relative;} #section13 .s13_table_wrap .s13_table {} #section13 .s13_table_wrap .s13_table img {width: 100%;} #section13 .s13_table_wrap .s13_sticker {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} #section13 .s13_table_wrap .s13_sticker img {width: 84.3750vw;} /* section13 e */ } @media(max-width: 480px){ /* common s */ /* .cont_text_wrap p.slogan {font-size: 7.9167vw;line-height: 7.9167vw;margin-bottom: 3.1250vw;} .cont_text_wrap p.title {font-size: 15.0000vw;line-height: 15.0000vw;margin-bottom: 6.2500vw;} .cont_text_wrap p.desc {font-size: 5.8333vw;line-height: 7.5000vw;} */ /* common e */ } @media (max-width: 414px){ } @media (max-width: 375px){ }