@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");

 @font-face {
   font-family: 'BinggraeSamanco-Bold';
   src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/BinggraeSamanco-Bold.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'Binggrae_R';
   src: url('../font/Binggrae.otf') format('woff');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'Binggrae_B';
   src: url('../font/Binggrae-Bold.otf') format('woff');
   font-weight: normal;
   font-style: normal;
 }

 .noto-sans-sc {
   font-family: "Noto Sans SC", sans-serif;
   font-optical-sizing: auto;
   font-weight: normal;
   font-style: normal;
 }

 :root {
   --samanco: 'BinggraeSamanco-Bold', sans-serif;
   --bing: 'Binggrae_B', sans-serif;
   --pre: 'Pretendard', sans-serif;
   --black1a: #1a1a1a;
   --notosc: "Noto Sans SC", sans-serif;
 }

 /* 공통 */
 * {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   list-style: none;
   text-decoration: none;
 }

 body,
 html {
   font-family: "Pretendard Variable", Pretendard, sans-serif;
   scroll-behavior: smooth;
   width: 100%;
   height: 100%;
 }

 img {
   display: block;
   max-width: 100%;
   vertical-align: top;
 }

 ul,
 ol,
 li {
   list-style: none;

 }

 a {
   display: block;
   color: inherit;
   text-decoration: none;
 }

 button {
   border: none;
   cursor: pointer;
   outline: none;
   background-color: transparent;
 }

 input,
 select,
 textarea {
   vertical-align: top;
 }

 /* section {
  overflow: hidden;
} */

 main {
   overflow: hidden;
 }

 /* 공통 end */

 header {
   background-color: transparent;
   position: fixed;
   z-index: 99;
   width: 100%;
   font-size: 16px;
 }

 header .header_wrap {
   padding-inline: 7.5%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   position: relative;
   background-color: #fff;
 }

 header .header_wrap .logo a {
   padding: 1.2rem 1rem;
 }

 header .header_nav {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   padding-left: 5vw;
 }

 header .header_nav .navi {
   flex-basis: 60%;
 }

 header .header_nav .navi ul {
   display: flex;
   align-items: center;
   gap: 3vw;
 }

 header .header_nav .navi ul li {
   position: relative;
   transition: 0.3s;
   border-bottom: 2px solid transparent;
 }

 header .header_nav .navi ul .liOn {
   border-bottom: 2px solid #239aff;
 }

 header .header_nav .navi ul li a {
   width: 100%;
   height: 100%;
   display: block;
   padding: 2rem 1rem;
   color: #000;
   font-family: var(--pre);
   font-size: 1.125rem;
   font-weight: 600;
   text-transform: uppercase;
   min-width: 140px;
   text-align: center;
 }

 /* depth2 기본적으로 숨기기 */
 header .header_nav .navi ul.depth2 {
   display: none;
   flex-direction: column;
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 10;
   padding: 0.5rem 0;
 }

 header .header_nav .navi ul.depth2 li a {
   padding: 0.5rem;
   font-size: 14px;
   font-family: var(--pre);
   text-align: center;
   line-height: 1.35;
   background-color: #239aff;
   color: #fff;
   border-radius: 12px;
   min-height: 53px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #fff;
 }

 header .header_nav .navi ul li:hover > ul.depth2 {
   display: flex;
   gap: 1rem;
 }

 header .menu {
   display: flex;
   gap: 1rem;
   align-items: center;
 }

 header .menu .login {
   display: flex;
   gap: 1rem;
   align-items: center;
   font-size: 1rem;
 }

 header .menu .login li {
   line-height: 1;
   border-right: 1px solid #000;
   padding-right: 1rem;
 }

 header .menu .shop {
   font-family: var(--pre);
   color: #fff;
   font-size: 1rem;
   font-weight: 500;
   display: inline-flex;
   border: 1px solid #239aff;
   border-radius: 2rem;
   padding-inline: 1.75rem;
   padding-block: 0.5rem;
   text-wrap: nowrap;
   text-align: center;
   background-color: #239aff;
 }

 html:has(.subp) header {
   background-color: #fff;
 }

 html:has(.subp) .logo img {
   filter: brightness(0);
 }


 html:has(.subp) header .menu .shop {
   color: #fff;
   border: 1px solid #239aff;
 }

 html:has(.subp) .lang {
   color: #000;
 }

 html:has(.subp) .lang ul li {
   color: #000;
 }


 html:has(.subp) .ham span {
   background-color: var(--black1a);
 }

 /* lang */
 .lang {
   display: flex;
   align-items: center;
   justify-content: center;
   color: #000000;
   cursor: pointer;
   flex-direction: column;
   position: relative;
 }

 .lang summary {
   display: inline-flex;
   background-color: #239aff;
   color: #fff;
   font-family: var(--pre);
   align-items: center;
   padding-inline: 1rem 0.5rem;
   padding-block: 0.5rem;
   border-radius: 0.8rem;
 }

 .lang summary::-webkit-details-marker {
   display: none;
 }

 .lang ul {
   display: flex;
   color: #000000;
   flex-direction: column;
   position: absolute;
   left: 0rem;
   top: 3rem;
   gap: 0.5rem;
 }

 .lang ul li a {
   padding-inline: 1.5rem;
   padding-block: 0.5rem;
   font-size: 1rem;
   text-align: center;
   background-color: #239aff;
   border: 1px solid #fff;
   color: #fff;
   border-radius: 12px;
 }

 .ham {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.5rem;
   margin-left: 2rem;
   cursor: pointer;
   position: relative;
   z-index: 999;
 }

 .ham span {
   width: 2rem;
   height: 1px;
   background-color: #000000;
 }

 .ham.ham_cross span {
   background-color: var(--black1a);
 }

 .noscroll {
   height: 100dvh;
   overflow: hidden;
 }

 .gnb .inner .menu_wrap ul .gnb_depth1 ul.open {
   display: block;
 }

 .ham_cross span:nth-child(1) {
   transform: rotate(45deg) translateY(12px);
   transition: 0.3s;
 }

 .ham_cross span:nth-child(2) {
   opacity: 0;
   transition: 0.3s;
 }

 .ham_cross span:nth-child(3) {
   transform: rotate(-45deg) translateY(-12px);
   transition: 0.3s;
 }

 /* ham end */

 /* gnb start */
 .gnb {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100dvh;
   background-color: #fff;
   z-index: 9;
   visibility: hidden;
   opacity: 0;
   transition: 0.3s;
 }

 .gnbopen {
   visibility: visible;
   opacity: 1;
   transition: 0.3s;
 }

 .gnb .inner {
   width: 100%;
   height: 100%;
   padding-inline: 2vw;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: url(../img/gnb_bg.jpg) bottom no-repeat;
   background-size: cover;
   background-color: #fefce7;
 }

 .gnb .inner .img_wrap {
   width: 50%;
 }

 .gnb .inner .img_wrap img {
   clip-path: xywh(0 12% 98% 70% round 2rem 1rem);
 }

 .gnb .inner .menu_wrap {
   width: 48%;
 }

 .gnb .inner .menu_wrap > ul {
   display: flex;
   gap: 2vw;
 }

 .gnb .inner .menu_wrap ul .gnb_depth1 {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   gap: 1rem;
   position: relative;
   width: 100%;
 }

 .gnb .inner .menu_wrap ul .gnb_depth1::before {
   width: 1px;
   height: 100%;
   background-color: #d6d6d6;
   content: '';
   display: inline-block;
   position: absolute;
   left: -1rem;
   top: 0;
 }

 .gnb .inner .menu_wrap ul .gnb_depth1:nth-of-type(4):after {
   width: 1px;
   height: 100%;
   background-color: #d6d6d6;
   content: '';
   display: inline-block;
   position: absolute;
   right: -1rem;
   top: 0;
 }

 .gnb .inner .menu_wrap ul .gnb_depth1 > a {
   font-size: 22px;
   font-weight: 600;
   font-family: var(--pre);
   color: var(--black1a);
   width: 100%;
   text-align: center;
 }

 .gnb .inner .menu_wrap ul .gnb_depth1 ul li a {
   font-size: 16px;
   padding: 1.125rem;
   width: 100%;
   text-align: center;
   font-family: var(--pre);
 }

 /* header end */
 .vid {
   overflow: hidden;
 }

 .m1 {
   position: relative;
 }

 .m1 .m1_bn {
   position: absolute;
   z-index: -2;
   width: 100%;
   height: 123vh;
   top: -100px;
   left: 0;
 }

 .m1 .m1_bn img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .m1 .m1_inner {
   width: 100%;
   background-size: cover;
   position: relative;
   z-index: 1;
   display: flex;
   flex-wrap: wrap;
 }

 .m1 .m1_inner .txt_box {
   color: #fff;
   padding-top: 13%;
   padding-left: 9vw;
   flex-basis: 60%;
 }

 .m1 .m1_inner .txt_box h3 {
   font-family: var(--notosc);
   font-size: 5rem;
   letter-spacing: -2px;
   line-height: 1;
 }

 .m1 .m1_inner .txt_box h4 {
   font-size: 38px;
   font-family: var(--pre);
   line-height: 1.5;
   font-weight: 700;
   padding-block: 2rem 0.5rem;
 }

 .m1 .m1_inner .txt_box p {
   font-size: 28px;
   line-height: 1.35;
   margin-bottom: 2rem;
 }

 .more {
   display: inline-flex;
   padding-inline: 1.5rem;
   padding-block: 0.5rem;
   border-radius: 12px;
   border: 1px solid #fff;
   color: #fff;
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 600;
   transition: 0.3s;
 }

 .more:hover {
   background-color: #fff;
   color: #ff8400;
   transition: 0.3s;
   border: 1px solid #fff;
 }

 .semi {
   font-weight: 600;
 }


 .m1 .m1_inner .Tright_vid {
   position: relative;
   top: 30%;
   right: 0rem;
   flex-basis: 32%;
   margin-top: 8%;
   height: auto;
   aspect-ratio: 16 / 9;
   border-radius: 50%;
 }

 .m1 .m1_inner .Tright_vid::before {
   width: 100%;
   height: 80%;
   background: url(../img/m1_rbg.png) right no-repeat;
   background-size: contain;
   content: '';
   display: inline-block;
   position: absolute;
   top: -1rem;
   right: -1rem;
   z-index: -1;
 }

 .m1 .m1_inner .Tright_vid .ic_pear {
   position: absolute;
   top: -2rem;
   right: 2rem;
   animation: shake 2.7s infinite alternate linear;
   animation-delay: 0.4s;
 }

 .m1 .m1_inner .Tright_vid .ic_carrot {
   position: absolute;
   bottom: 0;
   left: -2rem;
   animation: shake 2.6s infinite linear;
 }

 .m1 .m1_inner .Tright_vid .vid {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: #aa9997;
   display: block;
 }

 .m1 .m1_inner .Tleft_vid {
   flex-basis: 30%;
   height: auto;
   aspect-ratio: 1 / 1;
   position: relative;
   top: 0rem;
   left: 9.8rem;
 }

 .m1 .m1_inner .Tleft_vid:before {
   width: 55%;
   height: 55%;
   background: url(../img/m1_lbg.png) left no-repeat;
   background-size: contain;
   content: '';
   display: inline-block;
   position: absolute;
   top: 0;
   left: -5rem;
   z-index: -1;
 }

 .m1 .m1_inner .Tleft_vid .vid {
   width: 100%;
   height: 100%;
   border-radius: 100%;
   background-color: #aa9997;
 }

 .m1 .m1_inner .Tleft_vid .ic_grape {
   position: absolute;
   bottom: -2rem;
   z-index: 1;
   animation: shake 2.65s infinite linear;
 }

 .m2 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 5rem;
   padding-inline: 8.4%;
   position: relative;
   top: -15rem;
 }

 .m2 .txt_box h4 {
   font-size: 40px;
   font-weight: 700;
   font-family: var(--notosc);
   letter-spacing: -1px;
   line-height: 1.3;
   margin-bottom: 2rem;
 }

 .m2 .txt_box p {
   font-size: 26px;
   line-height: 1.5;
   font-family: var(--pre);
 }

 .m2 .txt_boxT {
   top: -5rem;
   position: relative;
 }

 .m2 .txt_boxT p {
   padding-left: 2.5rem;
 }

 .m2 .txt_boxT .ic_tomato {
   position: absolute;
   left: -11rem;
   bottom: -8rem;
   animation: shake 2.6s infinite linear;
 }

 .m2 .txt_boxB {
   display: flex;
   width: 100%;
 }

 .m2 .txt_boxB .txt_wrap {
   flex-basis: 87%;
   margin-top: 3rem;
 }

 .m2 .txt_boxB .vid_wrap {
   height: auto;
   aspect-ratio: 1 / 1;
   flex-basis: 44%;
   position: relative;
 }

 .m2 .txt_boxB .vid_wrap::before {
   width: 100%;
   height: 70%;
   background: url(../img/m1_bbg.png) right no-repeat;
   background-size: contain;
   content: '';
   display: inline-block;
   position: absolute;
   right: -0.5rem;
   bottom: 0rem;
   z-index: -1;
 }

 .m2 .txt_boxB .vid {
   width: 100%;
   height: 100%;
   background-color: #aa9997;
   border-radius: 70%;
 }

 .m3 {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   top: -18rem;
 }

 .m3 .m3_bn {
   position: absolute;
   top: 0;
   left: 0;
   z-index: -2;
   width: 100%;
 }

 .m3 .m3_bn img {
   width: 100%;
 }

 .m3 .top {
   display: flex;
   padding-top: 14rem;
   justify-content: center;
 }

 .m3 .top .ic_care {
   margin-top: -1rem;
   animation: upshake 3s infinite linear;
 }

 .m3 .top .ic_bae {
   padding-top: 4rem;
   animation: upshake 3.5s infinite linear;
 }

 .m3 .vid_wrap {
   aspect-ratio: 16 / 9;
   height: 850px;
   z-index: -1;
   margin: 0 auto;
   margin-top: -2rem;
   border-radius: 4rem;
   overflow: hidden;
 }

 .m3 .vid_wrap .vid {
   width: 100%;
   height: 100%;
   background-color: #aa9997;
 }

 .m4 {
   position: relative;
   top: -13rem;
 }

 .m4 .m4_bn {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
 }

 .m4 .txt_box {
   text-align: center;
   margin-block: 9rem 0;
 }

 .m4 .txt_box h4 {
   font-size: 40px;
   font-weight: 700;
   font-family: var(--notosc);
   letter-spacing: -1.2px;
   line-height: 1.4;
   margin-bottom: 1.75rem;
 }

 .m4 .txt_box p {
   font-family: var(--pre);
   font-size: 26px;
   line-height: 1.5;
 }

 .m5 {
   position: relative;
   z-index: 0;
   width: 100%;
 }

 .m5 .m5_bg {
   width: 100%;
 }

 .m5 .ic_scroll {
   position: absolute;
   left: 47%;
   /* transform: translateX(-50%); */
   top: -1rem;
   animation: up 2.3s infinite linear;
 }

 .m6 {
   position: relative;
   background: url(../img/m6_bg.png) center no-repeat;
   background-size: cover;
   width: 100%;
   height: 202vh;
   margin-top: -6rem;
 }

 .m6 .m6_top {
   display: flex;
   padding-inline: 12% 15%;
   padding-top: 8rem;
   justify-content: space-between;
 }

 .m6 .txt_box {
   flex: 1;
   padding-top: 8rem;
   z-index: 2;
 }

 .m6 .txt_box h4 {
   font-size: 40px;
   letter-spacing: -1.2px;
   line-height: 1.25;
   font-family: var(--notosc);
   font-weight: 700;
   margin-block: 1rem 1.75rem;
 }

 .m6 .txt_box h4 .bg {
   position: relative;
   color: #fff;
 }

 .m6 .txt_box h4 .bg::before {
   width: 100%;
   height: 56px;
   background-color: #239aff;
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: 0;
   content: '';
   z-index: -1;
 }

 .m6 .txt_box p {
   font-size: 26px;
   font-family: var(--pre);
   letter-spacing: -0.4px;
   line-height: 1.5;
   margin-bottom: 2rem;
 }

 .m6 .txt_box .more {
   color: #239aff;
   border: 1px solid #239aff;
 }

 .m6 .m6_top .vid_box {
   flex: 0 0 38%;
   height: auto;
   position: relative;
   z-index: 2;
   aspect-ratio: 1 / 1;
 }

 .m6 .m6_top .vid_box:before {
   width: 93%;
   height: 100%;
   position: absolute;
   display: inline-block;
   content: '';
   right: -2rem;
   top: 2rem;
   background: url(../img/m6_c1.png) right no-repeat;
   background-size: contain;
   z-index: 1;
 }

 .m6 .m6_top .vid_box .vid {
   background-color: #aa9997;
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 2;
   border-radius: 100%;
 }

 .m6 .m6_mid {
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }

 .m6 .m6_mid .ic_fox {
   padding-left: 24vw;
   margin-top: -12rem;
   animation: shake 5s infinite linear;
 }

 .m6 .m6_mid .ic_road {
   padding-right: 16vw;
   margin-top: -8rem;
   z-index: -1;
 }

 .m6 .m6_btm {
   display: flex;
   flex-direction: row-reverse;
   width: 100%;
   justify-content: space-between;
   align-items: start;
   padding-inline: 8% 13%;
   margin-top: -25%;
 }

 .m6 .m6_btm .txt_box {
   text-align: right;
 }

 .m6 .m6_btm .txt_box h4 {
   line-height: 1.5;
   position: relative;
 }

 .m6 .m6_btm .txt_box img:not(.ic_warp img) {
   /* justify-self: end; */
   margin-left: auto;
 }

 .m6 .m6_btm .txt_box h4 .ic_wrap {
   display: flex;
   align-items: center;
   position: absolute;
   left: 4rem;
   top: -13rem;
 }

 .m6 .m6_btm .txt_box h4 .ic_wrap .ic_foxL {
   margin-bottom: -7rem;
   padding-left: 1rem;
 }

 .m6 .m6_btm .txt_box h4 .ic_wrap .weasel {
   animation: upshake 3s infinite ease-in-out;
 }

 .m6 .m6_btm .txt_box h4 .ic_wrap .ic_foxL {
   animation: upshake 3.2s infinite linear;
 }

 .m6 .m6_btm .txt_box h4 .ic_wrap .ic_bear {
   animation: upshake 3.5s infinite linear;
 }

 .m6 .m6_btm .vid_wrap {
   display: grid;
   grid-template-columns: 450px;
   grid-template-rows: 450px repeat(2, 450px);
   position: relative;
   z-index: 2;
 }

 .m6 .m6_btm .vid_wrap .vid_box {
   position: relative;
   z-index: 2;
   aspect-ratio: 1 / 1;
 }

 .m6 .m6_btm .vid_wrap .vid {
   width: 100%;
   height: 100%;
   border-radius: 100%;
   background-color: #aa9997;
   position: relative;
   z-index: 3;
 }

 .m6 .m6_btm .vid_wrap .vid1::before {
   width: 100%;
   height: 100%;
   background: url(../img/m6_c2.png) left no-repeat;
   background-size: contain;
   position: absolute;
   left: -1rem;
   bottom: -1rem;
   content: '';
   display: inline-block;
 }

 .m6 .m6_btm .vid_wrap .vid2 {
   top: -10rem;
   right: -10rem;
 }

 .m6 .m6_btm .vid_wrap .vid2::before {
   width: 100%;
   height: 100%;
   background: url(../img/m6_c3.png) right no-repeat;
   background-size: contain;
   position: absolute;
   right: -1rem;
   bottom: -1rem;
   content: '';
   display: inline-block;
 }

 .m6 .m6_btm .vid_wrap .vid3 {
   top: -16rem
 }

 .m6 .m6_btm .vid_wrap .vid3::before {
   width: 100%;
   height: 100%;
   background: url(../img/m6_c4.png) left no-repeat;
   background-size: contain;
   position: absolute;
   left: -1rem;
   bottom: -1rem;
   content: '';
   display: inline-block;
 }

 .m7 {
   max-width: 1340px;
   padding-inline: 20px;
   margin: 0 auto;
   text-align: center;
   margin-bottom: 7.8rem;
 }

 .m7 .txt_box {
   padding-block: 9rem 6.25rem;
 }

 .m7 .txt_box img {
   margin: 0 auto;
 }

 .m7 .txt_box h4 {
   font-size: 40px;
   font-family: var(--notosc);
   font-weight: 700;
   letter-spacing: -1.2px;
   line-height: 1.5;
   margin-block: 1.75rem 2rem;
 }

 .m7 .txt_box p {
   font-size: 26px;
   font-family: var(--pre);
   letter-spacing: -0.8px;
   line-height: 1.5;
 }

 .m7 .bord_wrap {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(405px, 1fr));
   gap: 2rem;
   margin: 0 auto;
   margin-bottom: 6.25rem;
   text-align: left;
 }

 .m7 .bord_wrap li {
   display: flex;
   gap: 2.5rem;
   align-items: center;
   padding-bottom: 1rem;
   border-bottom: 1px solid rgba(0, 0, 0, 0.4);
 }

 .m7 .bord_wrap li .Bnum {
   font-size: 36px;
   font-family: var(--bing);
   letter-spacing: -0.8px;
   line-height: 1.2;
   display: flex;
   flex-direction: column;
   color: #239aff;
 }

 .m7 .bord_wrap li .Bnum .news {
   font-size: 16px;
   font-weight: 700;
 }

 .m7 .bord_wrap li p {
   font-size: 22px;
   line-height: 1.25;
 }

 .m7 .bord_wrap li .tit {
   font-size: 20px;
   line-height: 1.5;
 }

 .m7 .more {
   margin: 0 auto;
   color: #666666;
   border: 1px solid #666666;
   transition: 0.3s;
 }

 .m7 .more:hover {
   background-color: #239aff;
   color: #fff;
   border: 1px solid #239aff;
 }

 .m8 {
   width: 100%;
   height: 577px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .m8 .m8_bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: -1;
 }

 .m8 .m8_bg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .m8 .txt_box {
   text-align: center;
 }

 .m8 .txt_box h4 {
   font-size: 40px;
   font-family: var(--notosc);
   font-weight: 700;
   letter-spacing: -1.2px;
   line-height: 1.5;
   margin-block: 1.75rem 2rem;
   color: #fff;
 }

 .m8 .txt_box p {
   font-size: 26px;
   font-family: var(--pre);
   letter-spacing: -0.8px;
   line-height: 1.5;
   color: #fff;
 }

 .m8 .txt_box .more {
   background-color: #239aff;
   border: 1px solid #239aff;
   margin-top: 60px;
 }

 .m8 .txt_box .more:hover {
   background-color: #fff;
   border: 1px solid #fff;
   color: #239aff;
 }

 footer {
   background-color: #239aff;
   color: #fff;
   position: relative;
   font-size: 16px;
 }

 footer .top {
   position: absolute;
   right: 2rem;
   top: -5rem;
   width: 120px;
   cursor: pointer;
   z-index: 9;
 }


 .footer_wrap {
   display: flex;
   flex-direction: column;
   padding-top: 50px;
 }

 .footer_wrap .f_nav {
   padding-right: 8.5%;
 }

 .footer_wrap .f_nav ul {
   display: flex;
   align-items: end;
   justify-content: end;
   gap: 2vw;
 }

 .footer_wrap .f_nav ul li a {
   font-size: 16px;
 }

 footer .footer_top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-inline: 8.5%;
   padding-bottom: 40px;
 }


 footer .footer_top .info {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   flex-wrap: wrap;
 }

 footer .footer_top .info li {
   display: flex;
   gap: 2rem;
 }

 footer .footer_top .info li p {
   min-width: 150px;
 }

 footer .footer_top .right .select_box {
   position: relative;
   width: 230px;
   height: 35px;
 }

 footer .footer_top .right .falily_lnk {
   position: absolute;
   width: 230px;
   height: 35px;
   font-size: 1rem;
   left: 0;
   top: 0;
   background-color: rgba(81, 47, 36, 0.3);
   color: rgba(255, 255, 255, 0.5);
 }

 footer .footer_bottom {
   border-top: 1px solid #fff;
   padding-block: 20px 2rem;
 }

 footer .fb_inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-inline: 8.5%;
 }

 footer .fb_inner > ul {
   display: flex;
   gap: 1rem;
   align-items: center;
 }

 footer .fb_inner > ul li a {
   color: rgba(255, 255, 255, 0.5);
   transition: 0.3s;
 }

 footer .fb_inner > ul li a:hover {
   color: #fff;
   transition: 0.3s;
 }

 footer p {
   color: rgba(255, 255, 255, 0.5);
   font-weight: 500;
 }

 footer span {
   color: #fff;
   font-weight: 300;
   margin-left: 8px;
   font-size: 14px;
 }

 footer .copyright > p {
   display: inline-flex;
   gap: 1rem;
 }

 /* main end */

 .subp .sub_bn {
   width: 100%;
   height: 80vh;
   background: url(../img/sub1/sub1_bn.png) center no-repeat;
   background-size: cover;
   color: #fff;
   display: flex;
   align-items: center;
   position: relative;
 }

 .subp .sub_bn .txt_box {
   padding-inline: 8.5%;
   padding-block: 6rem;
 }

 .subp .sub_bn .txt_box h2 {
   font-family: var(--samanco);
   font-size: 6rem;
   line-height: 0.8;
 }

 .subp .sub_bn .ic_wrap {
   position: absolute;
   right: 22vw;
   bottom: 4rem;
 }

 .subp .sub_bn .ic_wrap img {
   animation: upshake 2.3s infinite ease-in-out;

 }

 .sub1_1_1 {
   position: relative;
   margin-bottom: 11rem;
 }

 .sub1_1_1 .sub1_1_1_bg {
   margin-top: -25%;
   position: absolute;
   z-index: -1;
   width: 100%;
 }

 .sub1_1_1 .sub1_1_1_bg img {
   width: 100%;
 }

 .sub1_1_1 .inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-inline: 8.5%;
 }

 .sub1_1_1 .inner .left {
   flex: 1;
 }

 .sub1_1_1 .inner .left h4 {
   font-size: 5.125rem;
   line-height: 0.65;
   letter-spacing: -0.8px;
   font-family: var(--pre);
   margin-block: 2rem;
   /* margin-top: 1rem; */
 }

 .fs37 {
   font-size: 37px;
   font-family: var(--pre)
 }

 .sub1_1_1 .inner .left .p_wrap {
   font-size: 24px;
   letter-spacing: -0.8px;
   line-height: 1.35;
 }

 .sub1_1_1 .inner .left .p_wrap .underline {
   font-size: 24px;
   font-weight: 700;
   position: relative;
   display: inline-flex;
 }

 .sub1_1_1 .inner .left .p_wrap .ud1::before {
   content: '';
   display: inline-block;
   width: 100%;
   height: 16px;
   background: url(../img/sub1/s111_ud1.png) center no-repeat;
   background-size: cover;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: -1;
 }

 .sub1_1_1 .inner .left .p_wrap .ud2::before {
   content: '';
   display: inline-block;
   width: 100%;
   height: 16px;
   background: url(../img/sub1/s111_ud2.png) center no-repeat;
   background-size: cover;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: -1;
 }

 .sub1_1_1 .inner .left .p_wrap .ud3::before {
   content: '';
   display: inline-block;
   width: 100%;
   height: 16px;
   background: url(../img/sub1/s111_ud3.png) center no-repeat;
   background-size: cover;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: -1;
 }

 .sub1_1_1 .inner .right {
   flex: 1;
   height: auto;
   aspect-ratio: 1 / 1;
 }

 .sub1_1_1 .inner .right .vid_box {
   position: relative;
   width: 100%;
   height: 100%;
 }

 .sub1_1_1 .inner .right .vid_box::before {
   width: 40%;
   height: 40%;
   background: url(../img/sub1/sub1_vidC.png) right no-repeat;
   background-size: contain;
   content: '';
   display: inline-block;
   position: absolute;
   right: 1rem;
   bottom: 2rem;
   z-index: -1;
 }

 .sub1_1_1 .inner .right .vid_box .ic_circle {
   position: absolute;
   top: 0;
   left: 0;
   animation: circle 20s infinite linear;
 }

 .sub1_1_1 .inner .right .vid_box .vid {
   background-color: #aa9997;
   width: 100%;
   height: 100%;
   border-radius: 50%;
 }

 .sub1_1_2 {
   width: 100%;
   background: url(../img/sub1/sub1_1_2_bg.png) center no-repeat;
   background-size: cover;
   height: 140vh;
 }

 .sub1_1_2 .ic_wrap ul {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   padding-right: 22vw;
   gap: 3vw;
 }

 .sub1_1_2 .ic_wrap ul li:nth-of-type(1) {
   margin-bottom: 8rem;
   animation: shake 5s infinite linear;
 }

 .sub1_1_2 .ic_wrap ul li:nth-of-type(2) {
   animation: shake 5s infinite linear;
 }

 .sub1_1_2 .ic_wrap ul li:nth-of-type(3) {
   margin-bottom: 7rem;
   animation: shake 5s infinite linear;
 }

 .sub1_1_2 .ic_wrap ul li:nth-of-type(4) {
   margin-bottom: 8rem;
   animation: shake 5s infinite linear;
 }

 .sub1_1_2 .inner {
   display: flex;
   align-items: start;
   justify-content: space-between;
   padding-inline: 8.5%;
   gap: 60px;
   padding-block: 2rem 0;
 }

 .sub1_1_2 .inner .left {
   flex: 0 0 40%;
   aspect-ratio: 1 / 1;
 }

 .sub1_1_2 .inner .left .vid_box {
   position: relative;
   width: 100%;
   height: 100%;
 }

 .sub1_1_2 .inner .left .vid_box::before {
   width: 100%;
   height: 80%;
   background: url(../img/sub1/sub1_vidC.png) right no-repeat;
   background-size: contain;
   content: '';
   display: inline-block;
   position: absolute;
   left: -5rem;
   bottom: 0rem;
   z-index: 0;
 }

 .sub1_1_2 .inner .left .vid_box .ic_circle {
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 2;
   animation: circle 20s infinite linear;
 }

 .sub1_1_2 .inner .left .vid_box .vid {
   background-color: #aa9997;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   position: relative;
 }

 .sub1_1_2 .inner .right {
   flex: 1;
 }

 .sub1_1_2 .inner .right .tit {
   text-align: center;
   width: 100%;
 }

 .sub1_1_2 .inner .right .tit h4 {
   font-size: 5.125rem;
   line-height: 0.65;
   letter-spacing: -0.8px;
   font-family: var(--pre);
   margin-bottom: 2rem;
   text-align: left;
 }

 .sub1_1_2 .inner .right ul {
   display: flex;
   flex-direction: column;
   gap: 2rem;
 }

 .sub1_1_2 .inner .right ul li {
   display: inline-flex;
   align-items: center;
   gap: 1rem;

 }

 .sub1_1_2 .inner .right ul li .ud {
   font-weight: 700;
   font-family: var(--pre);
   font-size: 40px;
   line-height: 1.3;
   letter-spacing: -0.8px;
   position: relative;
   z-index: 2;
 }

 .sub1_1_2 .inner .right ul li p {
   font-size: 28px;
   line-height: 1.35;
   margin-top: 1.25rem;
 }

 .sub1_1_2 .inner .right ul li .nd1::before {
   content: '';
   display: inline-block;
   width: 100%;
   height: 24px;
   background: url(../img/sub1/s112L1.png) left no-repeat;
   background-size: contain;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: -1;
 }

 .sub1_1_2 .inner .right ul li .nd2::before {
   content: '';
   display: inline-block;
   width: 100%;
   height: 24px;
   background: url(../img/sub1/s112L2.png) left no-repeat;
   background-size: contain;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: -1;
 }

 .sub1_1_2 .inner .right ul li .nd3::before {
   content: '';
   display: inline-block;
   width: 100%;
   height: 24px;
   background: url(../img/sub1/s112L3.png) left no-repeat;
   background-size: contain;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: -1;
 }

 .sub1_1_3 {
   top: 0;
   margin-bottom: 11rem;
   padding-top: 2rem;
 }

 .sub1_1_3 .top {
   padding-top: 8rem;
 }

 .sub1_1_3 .txt_box h4 {
   font-size: 40px;
   font-family: var(--pre);
   letter-spacing: -0.8px;
   line-height: 1.35;
   text-align: center;
   margin-top: 6.5rem;
 }

 .sub1_2_1 {
   position: relative;
   margin-bottom: 11rem;
 }

 .sub1_2_1 .sub1_2_1_bg {
   margin-top: -25%;
   position: absolute;
   z-index: -1;
   width: 100%;
 }

 .sub1_2_1 .sub1_2_1_bg img {
   width: 100%;
 }

 .sub1_2_1 .cont {
   padding-block: 135px 0;
   text-align: center;
   margin: 0 auto;
 }

 .sub1_2_1 .cont img {
   display: inline-flex;
   align-items: center;
   margin-bottom: 40px;
 }

 .sub1_2_1 .cont h4 {
   font-weight: 700;
   font-size: 5.125rem;
   font-family: var(--pre);
   line-height: 0.7;
   letter-spacing: -1px;
   margin-bottom: 4rem;
 }

 .sub1_2_1 .cont p {
   font-size: 25px;
   letter-spacing: -0.8px;
   line-height: 1.5;
 }

 .sub1_2_1 .cont p .ud {
   position: relative;
 }

 .sub1_2_1 .cont p .ud1::before {
   width: 100%;
   height: 16px;
   background: url(../img/sub1/s12_ud1.png) center no-repeat;
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: -0.4rem;
   z-index: -1;
   background-size: cover;
 }

 .sub1_2_1 .cont p .ud2::before {
   width: 100%;
   height: 16px;
   background: url(../img/sub1/s12_ud2.png) center no-repeat;
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: -0.4rem;
   z-index: -1;
 }

 .sub1_2_1 .vid_box {
   width: 25%;
   aspect-ratio: 1 / 1;
   justify-self: end;
   position: relative;
   margin-top: -4rem;
   margin-right: 7rem;
 }

 .sub1_2_1 .vid_box .ic_circle {
   position: absolute;
   left: -4rem;
   bottom: 0rem;
   animation: circle 20s infinite linear;
 }

 .sub1_2_1 .vid_box::before {
   width: 100%;
   height: 80%;
   content: '';
   display: inline-block;
   background: url(../img/sub1/sub1_vidC.png) right no-repeat;
   background-size: contain;
   position: absolute;
   right: -1rem;
   bottom: 0rem;
   z-index: -1;
 }

 .sub1_2_1 .vid_box .vid {
   background-color: #aa9997;
   width: 100%;
   height: 100%;
   border-radius: 100%;
 }

 .sub1_2_2 {
   max-width: 1640px;
   padding-inline: 20px;
   padding-left: 9.5vw;
   margin-bottom: 15rem;
 }

 .sub1_2_2 .his_wrap {
   display: flex;
   flex-wrap: wrap;
   background: url(../img/sub1/his_line.png) top no-repeat;
   background-size: 100%;
   width: 100%;
   height: auto;
   row-gap: 7rem;
 }

 .sub1_2_2 .his_item {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   align-items: start;
   margin: 0 auto;
   flex-basis: 30%;
 }

 .sub1_2_2 .his_item h5 {
   font-size: 26px;
   font-family: var(--bing);
   font-weight: 700;
   letter-spacing: -0.8px;
   line-height: 1.3;
 }

 .sub1_2_2 .his_item ul li {
   font-size: 18px;
   letter-spacing: -0.8px;
   line-height: 1.5;
   padding-bottom: 0.25rem;
 }

 .sub1_2_2 .his_item:nth-child(1),
 .sub1_2_2 .his_item:nth-child(4),
 .sub1_2_2 .his_item:nth-child(7) {
   padding-left: 7vw;
 }

 .sub1_2_2 .his_item:nth-child(7),
 .sub1_2_2 .his_item:nth-child(8),
 .sub1_2_2 .his_item:nth-child(9),
 .sub1_2_2 .his_item:nth-child(10) {
   flex-basis: 22%;
   margin-top: -3rem;
 }

 .sub1_2_2 .his_item:nth-child(9) {
   margin-left: -3rem;
 }

 .sub1_2_2 .his_item:nth-child(2) {
   position: relative;
 }

 .sub1_2_2 .his_item:nth-child(2)::after {
   content: '';
   display: inline-block;
   width: 65px;
   height: 113px;
   background: url(../img/sub1/ic_weas2.png) center no-repeat;
   position: absolute;
   right: 4rem;
   bottom: 9rem;
   animation: upshake 5s infinite ease-in-out;
 }

 .sub1_2_2 .his_item:nth-child(4) {
   position: relative;
 }

 .sub1_2_2 .his_item:nth-child(4)::after {
   content: '';
   display: inline-block;
   width: 114px;
   height: 145px;
   background: url(../img/sub1/ic_fox2.png) center no-repeat;
   position: absolute;
   left: 0rem;
   top: -4rem;
   animation: shake 5s infinite ease-in-out;
 }

 .sub1_2_2 .his_item:nth-child(10) {
   position: relative;
 }

 .sub1_2_2 .his_item:nth-child(10)::after {
   content: '';
   display: inline-block;
   width: 116px;
   height: 196px;
   background: url(../img/sub1/ic_bear2.png) center no-repeat;
   position: absolute;
   right: -4.5rem;
   top: -7rem;
   animation: shake 5s infinite ease-in-out;
 }

 .sub1_3_1 {
   height: 100vh;
   position: relative;
 }

 .sub1_3_1 .cont .cont_i {
   display: flex;
   padding-inline: 15vw 0;
   gap: 4vw;
   margin-top: 4rem;
 }

 .sub1_3_1 .cont h4 {
   text-align: left;
   color: #fff;
 }

 .yel {
   color: #fdd629;
 }

 .sub1_3_1 .cont p {
   color: #fff;
   text-align: left;
 }

 .sub1_3_1 .cont p .ud {
   font-weight: 700;
 }

 .sub1_3_1 .cont p .ud1::before:not(.sub1_3_1 .cont p .ud1::before) {
   background: url(../img/sub1/s13_ud1.png) center no-repeat;
 }

 .sub1_3_1 .cont p .ud2:before:not(.sub1_3_1 .cont p .ud2:before) {
   background: url(../img/sub1/s13_ud2.png) center no-repeat;
 }

 .sub1_3_1 .ic_scroll {
   position: absolute;
   left: 47%;
   /* transform: translateX(-50%); */
   bottom: 13%;
   animation: up 2.3s infinite ease-in-out;
 }

 .sub1_3_2 {
   max-width: 1440px;
   padding-inline: 20px;
   margin: 0 auto;
   margin-bottom: 11rem;
   margin-top: 4rem;
 }

 .sub1_3_2 .top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 16px;
 }

 .sub1_3_2 .top .left {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }

 .sub1_3_2 .top .left .ic_qut {
   padding-top: 2rem;
   animation: shake 5s infinite linear;
 }

 .sub1_3_2 .txt_box {
   padding-top: 3rem;
 }

 .sub1_3_2 .txt_box h4 {
   font-size: 26px;
   letter-spacing: -0.8px;
   line-height: 1.5;
   font-weight: 400;
 }

 .sub1_3_2 .txt_box h4 .ud {
   position: relative;
 }

 .bold {
   font-weight: 700;
 }

 .sub1_3_2 .txt_box h4 .ud1::before {
   width: 100%;
   height: 16px;
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: 0;
   background: url(../img/sub2/s212_ud1.png) center no-repeat;
   background-size: cover;
   z-index: -1;
 }

 .sub1_3_2 .txt_box h4 .ud2::before {
   width: 100%;
   height: 16px;
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: 0;
   background: url(../img/sub1/s13_ud2.png) center no-repeat;
   background-size: cover;
   z-index: -1;
 }

 .sub1_3_2 .btm {
   background-color: rgba(237, 237, 237, 0.3);
   padding: 2rem;
   margin-left: auto;
   border-radius: 4rem;
   max-width: 1200px;
   box-shadow: 3px 5px 0px rgba(0, 0, 0, 0.1);
 }

 .sub1_3_2 .btm ul {
   display: flex;
   align-items: start;
   justify-content: space-between;
 }

 .sub1_3_2 .btm ul li {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 1rem;
   align-items: center;
   text-align: center;
   position: relative;
 }

 .sub1_3_2 .btm ul li::after {
   content: '';
   display: inline-block;
   width: 21px;
   height: 30px;
   background: url(../img/sub1/ic_tri.png) center no-repeat;
   background-size: contain;
   position: absolute;
   right: -4%;
   top: 30%;
   transform: translateY(-50%);
 }

 .sub1_3_2 .btm ul li:last-child::after {
   content: none;
 }

 .sub1_3_2 .btm ul li h5 {
   font-size: 20px;
   font-weight: 500;
   letter-spacing: -0.8px;
   line-height: 1.2;
   padding-block: 0.25rem 0.5rem;
 }

 .sub1_3_2 .btm ul li p {
   font-size: 20px;
   font-weight: 300;
   letter-spacing: -0.8px;
   line-height: 1.2;
 }

 .sub1_3_3 .txt_box h4 .ud3:before {
   width: 100%;
   height: 16px;
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: 0;
   background: url(../img/sub1/s13_ud3.png) center no-repeat;
   background-size: contain;
   z-index: -1;
 }

 .sub1_3_3 .btm {
   box-shadow: none;
 }

 .sub1_3_3 .btm ul li::after {
   content: none;
 }

 .sub1_3_3 .btm ul li h5 {
   min-height: 3.5rem;
   font-size: 24px;
 }

 .sub1_3_3 .btm ul li p {
   font-size: 18px;
 }

 /* 서브 1 끝 */

 .subp.sub2 .sub_bn {
   background: url(../img/sub2/sub2_bn.png) center no-repeat;
   background-size: cover;
 }

 .subp.sub2 .sub_bn .txt_box h2 {
   color: #000;
 }

 .sub2_1_1 {
   height: 140vh;
   text-align: center;
   position: relative;
 }

 .sub2_1_1 .ic_wrap {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: -1;
 }

 .sub2_1_1 .ic_wrap .ic_item1 {
   right: 26vw;
   top: 0%;
   position: absolute;
   animation: shake 2.5s infinite linear;
 }

 .sub2_1_1 .ic_wrap .ic_item2 {
   right: 18vw;
   top: 13%;
   position: absolute;
   animation: upshake 2.8s infinite ease-in-out;
 }

 .sub2_1_1 .ic_wrap .ic_item3 {
   left: 18vw;
   top: 40%;
   position: absolute;
   animation: upshake 2.35s infinite ease-in-out;
 }

 .sub2_1_1 .ic_wrap .ic_item4 {
   left: 11vw;
   top: 48%;
   position: absolute;
   animation: shake 5s infinite linear;
 }

 .sub1_2_1 {}

 .sub2_1_1 .sub1_2_1_bg {
   z-index: -2;
   margin-top: -30%;
 }

 .sub2_1_1 .cont h4 {
   margin-bottom: 3rem;
 }

 .sub2_1_1 .cont h4,
 .sub2_1_1 .cont p {
   color: #fff;
 }

 .sub2_1_1 .cont p .ud4::before {
   width: 100%;
   height: 16px;
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: -0.5rem;
   background: url(../img/sub2/s21_ud1.png) center no-repeat;
   background-size: cover;
   z-index: -1;
 }

 .sub2_1_1 .img_wrap {
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 900px;
   margin: 0 auto;
   margin-top: 3rem;
   padding-bottom: 5rem;
 }

 .sub2_1_1 .img_wrap .item {
   position: relative;
 }

 .sub2_1_1 .img_wrap .item1:after {
   content: '';
   display: inline-block;
   position: absolute;
   background: url(../img/sub2/qt_cube.png) center no-repeat;
   left: -3rem;
   bottom: -5rem;
   width: 153px;
   height: 136px;
 }

 .sub2_1_1 .img_wrap .item2 {
   margin-left: -3rem;
   margin-top: 4rem;
 }

 .sub2_1_1 .img_wrap .item2:after {
   content: '';
   display: inline-block;
   position: absolute;
   background: url(../img/sub2/qt_rice.png) center no-repeat;
   left: 3rem;
   top: -4rem;
   width: 180px;
   height: 55px;
 }

 .sub2_1_1 .img_wrap .item3 {
   margin-left: -4rem;
   margin-top: 2rem;
 }

 .sub2_1_1 .img_wrap .item3:after {
   content: '';
   display: inline-block;
   position: absolute;
   background: url(../img/sub2/qt_puree.png) center no-repeat;
   left: 2rem;
   bottom: -4.5rem;
   width: 180px;
   height: 55px;
 }

 .sub2_1_1 .img_wrap .item4 {
   margin-left: -2rem;
   margin-top: 2rem;
 }

 .sub2_1_1 .img_wrap .item4:after {
   content: '';
   display: inline-block;
   position: absolute;
   background: url(../img/sub2/qt_snack.png) center no-repeat;
   right: -5rem;
   bottom: -6.5rem;
   width: 215px;
   height: 145px;
 }

 .sub2_1_1 .more {
   font-size: 16PX;
   font-weight: 400;
   border-radius: 10px;
 }

 .sub2 .ic_scroll {
   width: 100%;
   text-align: center;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-top: 6%;
   animation: up 2.5s infinite ease-out;
 }

 .sub2_1_2 {
   margin-bottom: 8rem;
 }

 .sub2_1_2 .txt_box p {
   text-align: center;
   font-size: 26px;
   letter-spacing: -0.8px;
   line-height: 1.35;
   margin-top: 2rem;
 }

 .sub2_1_2 .top {
   padding-top: 2rem;
 }

 .sub2_1_2 .ic_scroll {
   margin-top: 8%;
 }

 .sub2_1_3 .tit {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0 auto;
   margin-bottom: 7rem;
 }

 .sub2_1_3 .tit .left {
   flex: 0 0 45%;
 }

 .sub2_1_3 .tit .right {
   flex: 1;
 }

 .sub2_1_3 .tit .left h3 {
   font-family: var(--notosc);
   font-size: 4rem;
   letter-spacing: -0.8px;
   line-height: 1.2;
 }

 .sub2_1_3 .tit .left p {
   font-family: var(--notosc);
   font-size: 28px;
   font-weight: 700;
   letter-spacing: -0.8px;
   line-height: 1.2;
 }

 .sub2_1_3 .tit .right p {
   font-size: 26px;
   letter-spacing: -0.8px;
   line-height: 1.5;
 }

 .sub2_1_3 .tit .right p .ud {
   position: relative;
 }

 .sub2_1_3 .tit .right p .ud1::before {
   width: 100%;
   height: 16px;
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: -0.5rem;
   background: url(../img/sub2/s213_ud1.png) center no-repeat;
   background-size: cover;
   z-index: -1;
 }

 .sub2_1_3 .tit .right p .ud2::before {
   width: 100%;
   height: 16px;
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: -0.5rem;
   background: url(../img/sub2/s213_ud2.png) center no-repeat;
   background-size: cover;
   z-index: -1;
 }

 .sub2_1_3 .info_box {
   background-color: rgba(237, 237, 237, 0.3);
   padding: 2rem;
   margin-left: auto;
   border-radius: 4rem;
   max-width: 1100px;
   box-shadow: 3px 5px 0px rgba(0, 0, 0, 0.1);
   margin-top: -5rem;
 }

 .sub2_1_3 .info_box ul li {
   display: inline-flex;
   gap: 1rem;
   flex-direction: row;
   align-items: start;
   text-align: left;
   margin-bottom: 1rem;
 }

 .sub2_1_3 .info_box ul li img {
   padding-top: 0.75rem;
 }

 .sub2_1_3 .info_box ul li h5 {
   font-size: 28px;
   letter-spacing: -0.8px;
   line-height: 1.5;
   font-weight: 600;
 }

 .sub2_1_3 .info_box ul li p {
   font-size: 22px;
   letter-spacing: -0.8px;
   line-height: 1.6;
 }

 .sub2_1_3 .info_box ul li p .fs20 {
   font-size: 20px;
   color: #4d4d4d;
 }

 .sub2_1_4 .txt_box h4 {
   font-size: 24px;
 }

 .sub2_1_4 .month_tb {
   border-collapse: separate;
   border-spacing: 0;
   border-radius: 3rem;
   overflow: hidden;
   margin-left: auto;
   outline: 2px solid #ff8400;
 }

 .sub2_1_4 .month_tb thead {
   background-color: #ff8400;
   color: #fff;
   font-size: clamp(16px, 1.5vw, 25px);
   font-family: var(--pre);
   font-weight: 600;
   letter-spacing: -0.8px;
 }

 .sub2_1_4 .month_tb thead tr {
   width: 20%;
 }

 .sub2_1_4 .month_tb thead tr th {
   height: 80px;
   width: 20%;
   border-left: 1px solid #dbdcdc;
 }

 .sub2_1_4 .month_tb thead tr th:nth-of-type(1) {
   border-left: none;
 }

 .sub2_1_4 .month_tb .category {
   background-color: #f7f7f7;
   display: inline-flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   padding: 2rem 1rem;
 }

 .sub2_1_4 .month_tb .category2 {
   height: 250px;
 }

 .sub2_1_4 .month_tb .category h3 {
   font-family: var(--pre);
   font-size: clamp(15px, 1.5vw, 25px);
   font-weight: 500;
   letter-spacing: -0.8px;
 }

 .sub2_1_4 .month_tb tbody {
   text-align: center;
   font-size: clamp(14px, 1.2vw, 20px);
   font-family: var(--pre);
   font-weight: 500;
   letter-spacing: -0.8px;
   line-height: 1.35;
 }

 .sub2_1_4 .month_tb tbody tr td {
   padding: 1rem;
   text-transform: capitalize;
   border: 1px solid #dbdcdc;
 }

 .subp.sub3 .sub_bn {
   background: url(../img/sub3/sub3_bn.png) center no-repeat;
   background-size: cover;
 }

 .subp.sub3 .sub_bn .txt_box h2 {
   color: #000;
 }

 .sub3 .title {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   margin-top: 12.5rem;
 }

 .sub3 .title h4 {
   font-family: var(--notosc);
   font-weight: 700;
   font-size: 5.125rem;
   letter-spacing: -1px;
   line-height: 1.2;
   padding-top: 2rem;
 }

 .sub3 .title p {
   font-family: var(--notosc);
   font-size: 36px;
   letter-spacing: -0.8px;
   line-height: 1.3;
   font-weight: 700;
 }

 .subp.sub4 .sub_bn {
   background: url(../img/sub3/sub4_bn.png) center no-repeat;
   background-size: cover;
 }

 .subp.sub4 .txt_box h2 {
   color: #000;
 }

 .subp.sub4 .ic_wrap {
   display: flex;
   right: 28vw;
 }

 .subp.sub4 .ic_wrap img {
   animation: none;
 }

 .subp.sub4 .ic_wrap .appleR {
   margin-top: 2rem;
   animation: shake 3s infinite linear;
 }

 .subp.sub4 .ic_wrap .appleG {
   margin-bottom: 3rem;
   animation: upshake 3s infinite ease-out;
 }

 .subp.sub4 .title {
   margin-bottom: 6.8rem;
 }

 .tab_wrap {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 40px;
   margin-bottom: 9rem;
 }

 .tab_wrap .tab {
   padding: 0.5rem 1rem;
   font-size: 25px;
   border-radius: 12px;
   background-color: #c7c7c7;
   color: #fff;
 }

 .tab_wrap .tab.on {
   background-color: #239aff;
   color: #fff;
 }

 .tab_content {
   max-width: 1340px;
   padding-inline: 20px;
   margin: 0 auto;
   margin-bottom: 12.5%;
 }

 .tab_content:not(.active) {
   display: none;
 }

 .map_wrap {
   width: 100%;
   height: 670px;
 }

 .map_wrap iframe {
   width: 100%;
   height: 100%;
 }

 .sub4_1_1 .info_wrap {
   display: flex;
   align-items: start;
   gap: 2vw;
   margin-top: 6.5rem;
 }

 .sub4_1_1 .info_wrap li {
   flex: 1;
   text-align: center;
   position: relative;
 }

 .sub4_1_1 .info_wrap li:not(.info_wrap li:nth-of-type(3)):after {
   width: 1px;
   height: 150px;
   background-color: #c7c7c7;
   display: inline-block;
   content: '';
   position: absolute;
   right: -2rem;
   top: 0;
 }

 .sub4_1_1 .info_wrap li img {
   margin: 0 auto;
 }

 .sub4_1_1 .info_wrap li h5 {
   font-size: 22px;
   font-weight: 500;
   letter-spacing: -0.4px;
   line-height: 1.35;
   padding-block: 1rem 0.5rem;
 }

 .sub4_1_1 .info_wrap li p {
   font-size: 22px;
   font-weight: 300;
   letter-spacing: -0.4px;
   line-height: 1.35;
 }

 .form_container {
   border-top: 1px solid #239aff;
   padding-block: 6.25rem;
 }

 .form_container .form_inner {
   max-width: 940px;
   padding-inline: 20px;
   margin: 0 auto;
 }

 .form_container .form_inner ul {
   display: flex;
   gap: 27px;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 27px;
 }

 .form_container .form_inner ul li {
   width: 50%;
 }

 .form_container .form_inner ul li input:not(.radio_wrap li input) {
   width: 100%;
   padding: 1rem;
   background-color: #ededed;
   border-radius: 12px;
   border: none;
 }

 .form_container .form_inner ul li input::placeholder {
   font-size: 16px;
   color: #333333;
 }

 .form_container .form_inner .detail_wrap li {
   width: 100%;
 }

 .form_container .form_inner ul li textarea {
   width: 100%;
   background-color: #ededed;
   border: none;
   border-radius: 12px;
   height: 260px;
   padding: 1rem;
 }

 .form_container .form_inner ul li textarea::placeholder {
   font-size: 1rem;
   color: #333;
   font-family: var(--pre);
   font-weight: 400;
 }

 .form_container .form_inner .radio_wrap {
   flex-wrap: wrap;
 }

 .form_container .form_inner .radio_wrap li {
   display: inline-flex;
   gap: 27px;
   align-items: center;
 }

 .form_container .radio_wrap input {
   height: 26px;
   width: 26px;
 }

 [type="radio"] {
   appearance: none;
   border: max(1px, 0.1rem) solid #239aff;
   border-radius: 50%;
   width: 26px;
   height: 26px;
   transition: border 0.3s;
 }

 [type="radio"]:checked {
   border: 0.4rem solid #239aff;
 }

 .form_container .submit {
   background-color: #fff;
   border: 1px solid #239aff;
   color: #239aff;
   font-size: 1.125rem;
   font-weight: 500;
   padding-inline: 5rem;
   padding-block: 0.75rem;
   border-radius: 12px;
   transition: 0.3s;
 }

 .form_container .submit:hover {
   transition: 0.3s;
   background-color: #239aff;
   color: #fff;
   border: 1px solid transparent;
 }

 .sub4_4 .tit {
   font-size: clamp(1.25rem, 2.5vw, 36px);
   text-align: center;
   font-family: var(--bing);
   font-weight: 600;
   padding-bottom: 2rem;
   padding-inline: 20px;
 }

 .sub4_4 .food_stage li:nth-of-type(1) p {
   font-size: 18px;
   font-weight: 600;
 }

 .sub4_4 .form_inner .radio_wrap {
   flex-wrap: nowrap;
 }

 .sub4_4 .radio_wrap .submit {
   margin: 0 auto;
 }

 #tab3.tab_content {
   max-width: 100%;
   padding-inline: 0;
   padding-left: 16vw;
 }

 #tab3 .cont_inner {
   display: flex;
   justify-content: space-between;
 }

 #tab3 .cont_inner .left {
   display: flex;
   align-items: start;
 }

 #tab3 .cont_inner .left .cata_bear {
   margin-top: 5rem;
 }

 #tab3 .cont_inner .left .txt_box p {
   font-size: 26px;
   letter-spacing: -0.4px;
   line-height: 1.35;
   padding-left: 2rem;
 }

 #tab3 .cont_inner .left .txt_box p .ud {
   position: relative;
 }

 #tab3 .cont_inner .left .txt_box p .ud1::before {
   width: 100%;
   height: 16px;
   background: url(../img/sub3/cata_ud1.png) center no-repeat;
   background-size: cover;
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: -1;
 }

 #tab3 .cont_inner .left .txt_box p .ud2::before {
   width: 100%;
   height: 16px;
   background: url(../img/sub3/cata_ud2.png) center no-repeat;
   background-size: cover;
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: -1;
 }

 #tab3 .cont_inner .left .txt_box .down {
   display: inline-flex;
   border: 1px solid #239aff;
   color: #239aff;
   font-weight: 500;
   letter-spacing: -0.8px;
   padding: 0.5rem 1rem;
   border-radius: 12px;
   margin-top: 3rem;
   margin-left: 2rem;
   font-size: 20px;
   transition: 0.3s;
 }

 #tab3 .cont_inner .left .txt_box .down:hover {
   background-color: #239aff;
   color: #fff;
 }

 #tab3 .cont_inner .left .ic_cata {
   animation: up 2.3s infinite linear;
 }

 #tab3 .cont_inner .right {
   background-color: #ededed;
   flex-basis: 55%;
   padding: 3rem 5rem;
   border-radius: 12px 0 0 12px;
 }

 /* sub2_1, sub2_2, sub2_3 - 제품 페이지 시작 */
 .pro_box {
   max-width: 1180px;
   padding-inline: 20px;
   margin: 0 auto;
   margin-bottom: 15rem;
 }

 .pro_box .tab_wrap {
   gap: 0;
   height: 82px;
 }

 .pro_box .tab_wrap a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding-inline: 3rem;
   padding-block: 1.5rem;
   background-color: #f0f0f0;
   border-radius: 2rem 2rem 0 0;
   height: 100%;
 }

 .pro_box .tab_wrap a h4 {
   font-size: 24px;
   font-family: var(--pre);
   font-weight: 600;
   color: #000;
 }

 .pro_box .tab_wrap a.on {
   background-color: #ff8400;
 }

 .pro_box .tab_wrap a.on h4 {
   color: #fff;
 }

 .pro_box .tab_tit {
   text-align: center;
   margin-bottom: 6.8rem;
 }

 .pro_box .tab_tit h3 {
   font-size: clamp(1.5rem, 4.5vw, 4.25rem);
   font-family: var(--notosc);
   letter-spacing: -0.8px;
 }

 .pro_box .tab_tit h4 {
   font-size: clamp(1.25rem, 2vw, 37px);
   font-family: var(--notosc);
   letter-spacing: -0.8px;
   margin-bottom: 1.5rem;
 }

 .pro_box .tab_tit p {
   font-size: clamp(16px, 1.5vw, 25px);
   letter-spacing: -0.8px;
 }

 .semi {
   font-weight: 600;
 }

 .pro_box .pro_list {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
   gap: 3rem 1.125rem;
 }

 .pro_box .pro_list li {
   margin: 0 auto;
 }

 .pro_box .pro_list li p {
   font-size: clamp(14px, 1.5vw, 25px);
   text-align: center;
   letter-spacing: -0.8px;
   margin-top: 22px;
 }

 .sub2_2_1 .cont h4,
 .sub2_2_1 .cont p {
   color: #000;
 }

 .sub2_2_1 .cont p .semi {
   position: relative;
 }

 .sub2_2_1 .cont p .semi::before {
   width: 100%;
   height: 16px;
   background-color: #fdd629;
   position: absolute;
   left: 0;
   bottom: 0;
   display: inline-block;
   content: '';
   z-index: -1;
 }

 .sub2_1_1 .img_wrap {
   gap: 5rem;
   justify-content: center;
   align-items: end;
   margin-top: 0rem;
 }

 .sub2_1_1 .img_wrap .item2 {
   margin-bottom: 4rem;
 }

 .sub2_2_1 .img_wrap .item1:after,
 .sub2_2_1 .img_wrap .item2:after {
   content: none;
 }

 .sub2_2_1 .ic_scroll {
   margin-top: 0;
 }

 .sub2_2_2 .top .left .ic_qut {
   animation: initial;
 }

 .sub_2_2_2 .tit {
   justify-content: center;
   margin-bottom: 2rem;
 }

 .sub_2_2_2 .tit .left h3 {
   font-size: clamp(1.25rem, 3.125vw, 60px);
   text-align: center;
 }

 .sub_2_2_2 .info_box {
   box-shadow: none;
   margin-left: auto;
   background-color: initial;
   border-radius: 0;
   margin-top: 0;
   max-width: 1400px;
   padding-inline: 20px;
   margin: 0 auto;
 }

 .sub_2_2_2 .info_box .info_wrap li {
   margin-bottom: 45px;
   padding-block: 2rem;
   padding-inline: 4rem 2rem;
   width: 100%;
   min-height: 210px;
   justify-content: center;
   align-items: center;
   position: relative;
 }

 .sub_2_2_2 .info_box .info_wrap li div {
   width: 100%;
 }

 .sub_2_2_2 .info_box ul li .num {
   padding-top: 0;
   position: absolute;
   left: -2rem;
   top: 50%;
   transform: translateY(-50%);

 }

 .sub_2_2_2 .info_box .info_wrap li:nth-of-type(1) {
   background: url(../img/sub2_2/list1.png) center no-repeat;
   background-size: cover;
   position: relative;
 }

 .sub_2_2_2 .info_box .info_wrap li:nth-of-type(1) .ic_wrap {
   display: flex;
   gap: 0rem;
   align-items: start;
   justify-content: space-between;
   position: absolute;
   top: -16rem;
   right: 4rem;
   width: 40%;
 }

 .sub_2_2_2 .info_box .info_wrap li:nth-of-type(1) .care {
   margin-top: -3rem;
 }

 .sub_2_2_2 .info_box .info_wrap li:nth-of-type(2) {
   background: url(../img/sub2_2/list2.png) center no-repeat;
   background-size: cover;
 }

 .sub_2_2_2 .info_box .info_wrap li:nth-of-type(3) {
   background: url(../img/sub2_2/list3.png) center no-repeat;
   background-size: cover;
 }

 .sub_2_2_2 .info_box .info_wrap li:nth-of-type(4) {
   background: url(../img/sub2_2/list4.png) center no-repeat;
   background-size: cover;
   position: relative;
 }

 .sub_2_2_2 .info_box .info_wrap li:nth-of-type(4) .ic {
   position: absolute;
   right: 2rem;
   top: -16rem;
   width: 20%;
 }

 .sub2_2_3 .info_box {
   margin-top: -2rem;
 }

 .cook_wrap {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   max-width: 1120px;
   padding-inline: 20px;
   gap: 2rem;
   margin: 0 auto;
   padding-top: 4rem;
 }

 .cook_wrap li {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   align-items: center;
 }

 .cook_wrap li img {
   aspect-ratio: 1 / 1;
 }

 .cook_wrap li p {
   color: #fff;
   font-size: clamp(14px, 1.2vw, 20px);
 }

 .fs35 {
   font-size: 35px;
   font-family: var(--bing);
 }

 .process_wrap {
   max-width: 1260px;
   margin: 0 auto;
   padding-inline: 8rem;
   padding-block: 5rem;
   background-color: #fffbee;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 50px;
   border-radius: 4rem;
 }

 .process_wrap li {
   filter: drop-shadow(1.4px 1.4px 0 #fad2a7);
 }


 .sub2_3_3 {
   max-width: 1300px;
   padding-inline: 20px;
   margin: 0 auto;
 }

 .sub2_3_3 .top {
   display: flex;
   gap: 2rem;
   align-items: center;
   margin-bottom: 25px;
 }

 .sub2_3_3 .btm {
   display: flex;
   align-items: end;
   justify-content: space-between;
   margin-bottom: 6rem;
 }

 .sub2_3_3 .btm .item {
   margin: 0 auto;
   text-align: center;
   position: relative;
 }

 .sub2_3_3 .btm .item:not(.item4)::after {
   content: '>>';
   font-family: var(--bing);
   font-size: 34px;
   display: inline-block;
   position: absolute;
   right: -2rem;
   top: 0;
   color: #239aff;
 }

 .sub2_3_3 .btm .item2::after {
   top: initial !important;
   bottom: 5rem !important;
 }

 .sub2_3_3 .btm .item p {
   font-size: clamp(16px, 1.5vw, 25px);
   padding-top: 2rem;
 }

 .sub2_3_3 .btm .item2,
 .sub2_3_3 .btm .item4 {
   margin-bottom: 4rem;
 }

 .sub2_3_4 {
   max-width: 1300px;
   padding-inline: 20px;
   margin: 0 auto;
   margin-top: 8rem
 }

 .sub2_3_4 .list_wrap li {
   background-color: #ededed;
   box-shadow: 5px 6px 0px rgba(0, 0, 0, 0.1);
   border-radius: 2rem;
   margin-bottom: 5rem;
   position: relative;
   padding-block: 3rem 4rem;
 }

 .sub2_3_4 .list_wrap li .top {
   position: absolute;
   font-size: clamp(26px, 1.7vw, 30px);
   color: #ff8400;
   top: -2.5rem;
   left: 1rem;
 }

 .sub2_3_4 .list_wrap li .item {
   display: flex;
   align-items: center;
   gap: 2rem;
   margin-left: -5rem;
 }

 .sub2_3_4 .list_wrap li:nth-of-type(1) .item .qt {
   flex-basis: 50%;
 }

 .sub2_3_4 .list_wrap li .item .qt {
   flex-basis: 30%;
 }

 .sub2_3_4 .list_wrap li .item .txt_box p {
   font-size: clamp(16px, 1.5vw, 25px);
 }

 /* 상세페이지 시작 */
 .subp.set1 .sub_bn {
   background: url(../img/pro_detail/set_bn.png) center no-repeat;
   background-size: cover;
 }

 .subp.set1 .sub_bn .txt_box {
   margin-top: 25rem;
   padding-inline: 19%;
 }

 .set1_1_1 {
   margin: 0 auto;
   margin-top: 9.6rem;
   max-width: 1420px;
   padding-inline: 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 27vh;
   gap: 3vw;
 }

 .set1_1_1 .left {
   flex: 1;
   position: relative;
 }

 .set1_1_1 .left .shop {
   position: absolute;
   right: -1rem;
   bottom: -4rem;
   animation: up 2.3s infinite linear;
 }

 .set1_1_1 .right {
   flex: 1
 }

 .set1_1_1 .right .top {
   margin-bottom: 1rem;
 }

 .set1_1_1 .right .tit h3 {
   font-size: clamp(1.25rem, 3.5vw, 100px);
   font-family: var(--notosc);
   letter-spacing: -0.8px;
   line-height: 1;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 2rem;
 }

 .set1_1_1 .right .tit h4 {
   font-size: clamp(1.125rem, 2vw, 37px);
   font-family: var(--notosc);
   letter-spacing: -0.8px;
   line-height: 1.35;
   margin-bottom: 3rem;
 }

 .set1_1_1 .right .tit p:not(.info) {
   font-size: clamp(16px, 1.4vw, 25px);
   font-family: var(--pre);
   letter-spacing: -0.8px;
   line-height: 1.5;
   margin-bottom: 2rem;
 }

 .set1_1_1 .right .tit p.info {
   font-size: clamp(14px, 1.4vw, 22px);
   font-family: var(--pre);
   letter-spacing: -0.8px;
   line-height: 1.5;
   margin-bottom: 2rem;
   text-transform: lowercase;
 }

 .set1_1_1 .right .tit p.info .blue {
   text-transform: capitalize;
   font-size: clamp(16px, 1.4vw, 25px);
 }

 .set1_1_1 .category {
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
   margin-top: 2rem;
 }

 .set1_1_1 .category span {
   font-size: 14px;
   font-family: pre;
   display: inline-flex;
   padding-inline: 1rem;
   padding-block: 0.5rem;
   border-radius: 2rem;
   letter-spacing: -0.8px;
   background-color: #239aff;
   color: #fff;
 }

 .blue {
   color: #239aff;
 }

 .set1_1_2 {
   flex-direction: row-reverse;
 }

 .set1_1_2 .shop {
   right: initial;
   left: -2rem;
 }

 .set1_1_4 .right .tit h3 {
   font-size: clamp(1.25rem, 3.20vw, 78px);
   margin-bottom: 2rem;
 }

 .set1_1_4 {
   margin-bottom: 20rem;
 }

 .set1_1_4 .right .tit h4 {
   font-size: clamp(1.125rem, 2vw, 34px);
 }

 .subp.cube .sub_bn {
   background: url(../img/pro_detail/set2_bn.png) center no-repeat;
   background-size: cover;
 }

 .cube1_1_2 {
   position: relative;
 }

 .cube1_1_2 .yel_bg {
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
 }

 .cube1_1_2 .yellowtit {
   margin: 0 auto;
   text-align: center;
   display: inline-flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   gap: 1rem;
   margin-top: 8.75rem;
 }

 .cube1_1_2 .yellowtit h4 {
   font-family: var(--notosc);
   font-size: clamp(1.25rem, 2vw, 40px);
   letter-spacing: -0.8px;
 }

 .cube1_1_2 .yellowtit p {
   font-size: clamp(1rem, 1.5vw, 25px);
 }

 .cube1_1_2 .check1 ul {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
   max-width: 1200px;
   padding-inline: 20px;
   margin: 0 auto;
   gap: 33px;
   margin-top: 4.5rem;
   align-items: center;
   justify-content: center;
 }

 .cube1_1_2 .check1 ul li {
   margin: 0 auto;
 }

 .cube1_1_2 .check1 ul li:not(.check2 ul li) {
   filter: drop-shadow(9px 9px 0 rgba(0, 0, 0, 0.25));
 }

 .cube1_1_2 .check2 {
   margin-top: 11rem;
   margin-bottom: 13rem;
 }

 .cube1_1_2 .ic_scroll {
   width: 100%;
   animation: up 2.3s infinite linear;
 }

 .cube1_1_2 .ic_scroll img {
   margin: 0 auto;
 }

 .pro_wrap {
   max-width: 1560px;
   padding-inline: 2rem;
   margin: 0 auto;
   margin-top: 11rem;
 }

 .pro_wrap .tit {
   text-align: center;
   width: 100%;
   margin-bottom: 3.75rem;
 }

 .pro_wrap .tit h3 {
   font-size: clamp(1.25rem, 2vw, 40px);
   font-family: var(--notosc);
 }

 .pro_wrap .swiper-slide p {
   text-align: center;
   font-size: clamp(1rem, 1.3vw, 25px);
   font-family: var(--pre);
   margin-top: 20px;
 }

 .pro_wrap .pro_swiper {
   position: relative;
   padding-inline: 20px;
 }

 .pro_wrap .pro_swiper .pro_next::after {
   content: '';
   background: url(../img/pro_detail/ic_next.png) center no-repeat;
   background-size: contain;
   width: 24px;
   height: 34px;
   display: inline-block;
   position: absolute;
   right: 0rem;
   top: -1rem;
 }

 .pro_wrap .pro_swiper .pro_prev::after {
   content: '';
   background: url(../img/pro_detail/ic_prev.png) center no-repeat;
   background-size: contain;
   width: 24px;
   height: 34px;
   display: inline-block;
   position: absolute;
   left: 0rem;
   top: -1rem;
 }

 .pro_wrap2 {
   margin-bottom: 15rem;
 }

 .pro_wrap2 .pro_swiper2 {
   position: relative;
   padding-inline: 20px;
 }

 .pro_wrap2 .pro_swiper2 .pro2_next::after {
   content: '';
   background: url(../img/pro_detail/ic_next.png) center no-repeat;
   background-size: contain;
   width: 24px;
   height: 34px;
   display: inline-block;
   position: absolute;
   right: 0rem;
   top: -1rem;
 }

 .pro_wrap2 .pro_swiper2 .pro2_prev::after {
   content: '';
   background: url(../img/pro_detail/ic_prev.png) center no-repeat;
   background-size: contain;
   width: 24px;
   height: 34px;
   display: inline-block;
   position: absolute;
   left: 0rem;
   top: -1rem;
 }

 .subp.powder .sub_bn {
   background: url(../img/pro_detail/set3_bn.png) center no-repeat;
   background-size: cover;
 }

 .powder .cube1_1_2 .check1 ul {
   display: flex;
   max-width: 740px;
 }

 .powder .cube1_1_2 .check2 ul {
   max-width: 940px;
 }

 .powder .pro_wrap {
   margin-bottom: 15rem;
 }

 .subp.snack .sub_bn {
   background: url(../img/pro_detail/set4_bn.png) center no-repeat;
   background-size: cover;
 }

 .snack .cube1_1_2 .check2 {
   margin-top: 0rem;
 }

 .snack .pro_wrap {
   margin-bottom: 15rem;
 }

 /* sub2_1, sub2_2, sub2_3 - 추가 페이지 제품 페이지 끝*/

 /* 미디어룸 시작 */

 .sub3 .media .s_title h3 {
   font-size: 5.125rem;
   line-height: 0.65;
   letter-spacing: -0.8px;
   font-family: var(--notosc);
   margin-block: 2rem;
 }

 .sub3 .media .s_title .fs37 {
   font-family: var(--notosc);
 }

 .sub3 .media .s_title p {
   font-size: clamp(16px, 1.145vw, 22px);
   line-height: 1.35;
 }

 .sub3 .media .flex_wrap {
   align-items: center;
   justify-content: space-between;
   padding-left: 10%;
   display: flex;
   margin-block: 10vh 15vh;
 }

 .sub3 .media .flex_left {
   width: 40%;
 }

 .sub3 .media .flex_right {
   max-width: 55%;
 }

 .sub3 .media .flex_right .swiper {
   max-height: 600px;
   border-top-left-radius: 5rem;
   overflow: hidden;
   cursor: pointer;
 }

 .sub3 .media_Swiper1 .swiper-slide img {
   width: 100%;
 }

 .sub3 .media_Swiper2 .swiper-slide {
   cursor: pointer;
   overflow: hidden;
   aspect-ratio: 16 / 9;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 @media screen and (max-width : 1281px) {
   .sub3 .media .s_title h3 {
     font-size: 4.125rem;
   }
 }

 @media screen and (max-width : 900px) {

   .sub3 .media .flex_wrap {
     padding-left: 20px;
     flex-direction: column;
     align-items: flex-end;
     gap: 4rem;
   }

   .sub3 .media .flex_left {
     width: 100%;
   }

   .sub3 .media .flex_right {
     max-width: 80%;
   }

   .sub3 .media .s_title h3 {
     font-size: 3.5rem;
   }

   .sub3 .s2 {
     margin-bottom: 3rem;
   }
 }

 @media screen and (max-width : 500px) {
   .sub3 .title {
     margin-top: 5rem;
   }

   .sub3 .media .s_title h3 {
     font-size: 2.25rem;
   }

   .sub3 .media .s_title p {
     font-size: 14px;
   }

   .sub3 .media .flex_wrap {
     margin-block: 3rem 2.5rem;
   }

   .sub3 .media .flex_right {
     max-width: calc(100% - 20px);
   }

   .sub3 .media .flex_right .swiper {
     border-top-left-radius: 2rem;
   }
 }

 /* 미디어룸 끝 */

 /* 애니메이션 */
 @keyframes shake {
   0% {
     transform: rotate(0deg)
   }

   25% {
     transform: rotate(-8deg);
   }

   50% {
     transform: rotate(4deg);
   }

   75% {
     transform: rotate(-8deg);
   }

   100% {
     transform: rotate(0deg);
   }
 }

 @keyframes circle {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 @keyframes up {
   0% {
     transform: translateY(0rem);
   }

   25% {
     transform: translateY(-0.5rem);
   }

   50% {
     transform: translateY(-1rem);
   }

   75% {
     transform: translateY(-0.5rem);
   }

   100% {
     transform: translateX(0rem);
   }
 }

 @keyframes upshake {
   0% {
     transform: rotate(0deg) translateY(0rem);
   }

   25% {
     transform: rotate(-8deg) translateY(-0.25rem);
   }

   50% {
     transform: rotate(4deg) translateY(-0.5rem);
   }

   75% {
     transform: rotate(-8deg) translateY(-0.25rem);
   }

   100% {
     transform: rotate(0deg) translateX(0rem);
   }
 }

 @keyframes walk {

   0%,
   100% {
     transform: rotate(18deg);
   }

   50% {
     transform: rotate(-18deg);
   }
 }


 /* 반응형 시작 */
 @media screen and (max-width : 1441px) {
   header .header_wrap {
     padding-inline: 20px;
   }

   header .header_wrap .logo a {
     padding: 1rem;
   }

   header .header_nav .navi ul li a {
     font-size: 1rem;
     padding: 1rem;
   }

   .m1 .m1_inner {
     justify-content: space-between;
   }

   .m1 .m1_inner .txt_box {
     padding-left: 20px;
     flex-basis: 50%;
   }

   .m1 .m1_inner .txt_box h3 {
     font-size: 3.25rem;
   }

   .m1 .m1_inner .txt_box h4 {
     padding-block: 1rem 0.5rem;
   }

   .m1 .m1_inner .txt_box p {
     font-size: 20px;
   }

   .m1 .m1_inner .Tright_vid {
     flex-basis: 40%;
     right: 20px;
   }

   .m1 .m1_inner .Tright_vid::before {
     right: 0;
     height: 58%;
     top: 0;
   }

   .m1 .m1_inner .Tright_vid .ic_pear img {
     max-width: 75%;
   }

   .m1 .m1_inner .Tright_vid .ic_carrot img {
     max-width: 90%;
   }

   .m1 .m1_inner .Tleft_vid .ic_grape {
     width: 170px;
   }

   .m2 {
     top: 0;
     padding-top: 4rem;
     gap: 0;
     padding-inline: 20px;
   }

   .m2 .txt_boxT {
     top: 0;
   }

   .m2 .txt_box h4 {
     font-size: 34px;
   }

   .m2 .txt_box p {
     font-size: 24px;
   }

   .m2 .txt_boxT .ic_tomato {
     width: 150px;
     left: -13rem;
     bottom: 0;
   }

   .m3 {
     top: 0;
     padding-inline: 20px;
   }

   .m3 .m3_cont {
     width: 100%;
     margin: 0 auto;
   }

   .m3 .m3_cont .vid_wrap {
     width: 100%;
   }

   .m3 .top .ic_care {
     flex-basis: 15%;
   }

   .m3 .top .ic_char {
     flex-basis: 26%;
   }

   .m3 .top .ic_bae {
     flex-basis: 15%;
   }

   .m4 {
     top: 0;
   }

   .m4 .txt_box {
     margin-block: 9rem 5rem;
   }

   .m4 .txt_box h4 {
     font-size: 34px;
   }

   .m4 .txt_box p {
     font-size: 20px;
   }

   .m5 .ic_scroll {
     width: 120px;
   }

   .m6 .m6_top {
     padding-inline: 20px;
   }

   .m6 .txt_box h4 {
     font-size: 36px;
   }

   .m6 .txt_box h4 .bg::before {
     height: 46px;
   }

   .m6 .txt_box p {
     font-size: 22px;
   }

   .m6 .m6_top .vid_box:before {
     right: 6rem;
   }

   .m6 .m6_mid .ic_fox {
     padding-left: 38vw;
   }

   .m6 .m6_btm {
     padding-inline: 20px;
   }

   .m6 .m6_btm .txt_box h4 .ic_wrap {
     left: 10rem;
     top: -15rem;
   }

   .m6 .m6_btm .vid_wrap {
     grid-template-columns: 300px;
     grid-template-rows: repeat(3, 300px);
   }

   .m6 .m6_btm .vid_wrap .vid1::before {
     height: 77%;
     left: 0rem;
   }

   .m6 .m6_btm .vid_wrap .vid2 {
     top: -5rem;
   }

   .m6 .m6_btm .vid_wrap .vid3 {
     top: -10rem;
   }

   .m6 .m6_btm .vid_wrap .vid3::before {
     left: 0;
   }

   .m7 .txt_box h4 {
     font-size: 36px;
   }

   .m7 .txt_box h4 {
     margin-block: 1.25rem 1rem;
   }

   .m7 .txt_box p {
     font-size: 24px;
   }

   .m7 .bord_wrap {
     margin-bottom: 5rem;
   }

   .m7 .bord_wrap li .Bnum {
     font-size: 32px;
   }

   .m7 .bord_wrap li p {
     font-size: 20px;
   }

   .m7 .bord_wrap li .tit {
     font-size: 18px;
   }

   .m8 {
     height: 490px;
   }

   .m8 .txt_box h4 {
     font-size: 36px;
     margin-block: 5rem 1rem;
   }

   .m8 .txt_box p {
     font-size: 22px;
   }

   footer .top {
     width: 100px;
     top: -3rem;
   }

   .footer_wrap {
     padding-top: 4rem;
   }

   .footer_wrap .f_nav ul {
     display: none;
   }

   footer .footer_top {
     padding-inline: 20px;
   }

   footer .footer_top .info {
     gap: 0.75rem;
   }

   footer .fb_inner {
     padding-inline: 20px;
   }

   footer .fb_inner > ul {
     display: none;
   }

   footer .copyright > p {
     display: block;
     font-size: 14px;
     line-height: 1.7;
   }

   footer .copyright > p > span {
     display: inline-flex;
     width: 230px;
   }

   footer span {
     margin-left: 0;
   }

   .more {
     font-size: 16px;
   }

   /* main end */

   /* gnb */

   .gnb .inner .menu_wrap ul .gnb_depth1 > a {
     font-size: 20px;
   }

   .gnb .inner .img_wrap {
     width: 46%;
   }

   .gnb .inner .menu_wrap {
     width: 52%;
   }

   /* gnb end */

   .subp .sub_bn {
     height: 70vh;
   }

   .subp .sub_bn .txt_box h2 {
     font-size: 5.5rem;
   }

   .subp .sub_bn .ic_wrap {
     position: absolute;
     right: 17vw;
     bottom: 6rem;
     width: 200px;
   }

   .sub1_1_1 .inner {
     padding-inline: 20px;
   }

   .sub1_1_1 .inner .left h4 {
     font-size: 4rem;
   }

   .fs37 {
     font-size: 28px;
   }

   .sub1_1_1 .inner .left .p_wrap {
     font-size: 20px;
   }

   .sub1_1_1 .inner .left .p_wrap .underline {
     font-size: 20px;
   }

   .sub1_1_1 .inner .left .p_wrap .pwap2 {
     margin-bottom: 0.5rem;
   }

   .sub1_1_1 .inner .right {
     flex: 0 0 40%;
   }

   .sub1_1_1 .inner .right .vid_box .ic_circle {
     width: 170px;
   }

   .sub1_1_2 .inner {
     padding-inline: 20px;
   }

   .sub1_1_2 .inner .left .vid_box::before {
     left: 2rem;
     bottom: 2rem;
   }

   .sub1_1_2 .inner .right .tit h4 {
     font-size: 4.5rem;
   }

   .sub1_1_2 .inner .right ul li img {
     width: 200px;
   }

   .sub1_1_2 .inner .right ul li .ud {
     font-size: 30px;
   }

   .sub1_1_2 .inner .right ul li p {
     font-size: 22px;
     margin-top: 1rem;
   }

   .sub1_1_3 .txt_box h4 {
     font-size: 36px;
   }

   .sub1_2_1 {
     margin-bottom: 0;
   }

   .sub1_2_1 .cont h4 {
     font-size: 4rem;
   }

   .sub1_2_1 .cont p {
     font-size: 22px;
   }

   .sub1_2_1 .vid_box {
     margin-top: 0;
   }

   .sub1_2_2 .his_icon {
     width: 170px;
   }

   .sub1_2_2 .his_wrap {
     row-gap: 4rem;
   }

   .sub1_2_2 .his_item h5 {
     font-size: 24px;
   }

   .sub1_2_2 .his_item ul li {
     font-size: 16px;
   }

   .sub1_2_2 .his_item img {
     width: 50px;
   }

   .sub1_2_2 .his_item:nth-child(2)::after {
     bottom: 8rem;
   }

   .sub1_2_2 .his_item:nth-child(4)::after {
     left: -2rem;
     top: -4rem;
   }

   .sub1_2_2 .his_item:nth-child(10)::after {
     right: 0.5rem;
     top: -8rem;
   }

   .sub2_1_1 {
     height: 150vh;
   }

   .sub2_1_1 .sub1_2_1_bg {
     margin-top: -20%;
   }

   .sub2_1_1 .ic_wrap .ic_item2 {
     right: 14vw;
   }

   .sub2_1_1 .ic_wrap .ic_item3 {
     left: 10vw;
     top: 35%;
   }

   .sub2_1_1 .ic_wrap .ic_item4 {
     left: 2vw;
   }

   .sub2_1_2 .txt_box p {
     font-size: 22px;
   }

   .sub2_1_1 .img_wrap {
     justify-content: end;
   }

   .sub2_1_1 .more {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
   }

   .sub2_1_3 .tit .left h3 {
     font-size: 4rem;
   }

   .sub2_1_3 .tit .left p {
     font-size: 24px;
   }

   .sub2_1_3 .info_box ul li h5 {
     font-size: 26px;
   }

   .sub2_1_3 .info_box ul li p {
     font-size: 20px;
   }

   .sub3 .title h4 {
     font-size: 4rem;
   }

   .sub3 .title p {
     font-size: 32px;
   }

   .tab_wrap {
     margin-bottom: 6rem;
   }

   .tab_wrap .tab {
     font-size: 22px;
   }

   .sub4_1_1 .info_wrap li p {
     font-size: 18px;
   }

   #tab3.tab_content {
     padding-left: 20px;
   }

   #tab3 .cont_inner .left .txt_box p {
     font-size: 22px;
   }
 }

 @media screen and (max-width : 1281px) {
   header .header_nav .navi ul {
     display: none;
   }

   header .menu {
     flex-basis: 55%;
   }

   .m1 .m1_bn {
     height: 140vh;
   }

   .m1 .m1_inner .txt_box h4 {
     font-size: 34px;
   }

   .m1 .m1_inner .Tright_vid .ic_pear {
     right: 0;
   }

   .m1 .m1_inner .Tleft_vid:before {
     width: 90%;
     height: 100%;
   }

   .m1 .m1_inner .Tright_vid .ic_pear img {
     max-width: 65%;
   }

   .m2 .txt_box h4 {
     font-size: 30px;
   }

   .m2 .txt_box p {
     font-size: 20px;
   }

   .m2 .txt_boxB .vid_wrap {
     margin-top: 2rem;
   }

   .m2 .txt_boxB .vid_wrap::before {
     right: 0;
   }

   .m3 .vid_wrap {
     height: auto;
   }

   .m4 .txt_box {
     margin-block: 6rem 5rem;
   }

   .m6 .txt_box h4 {
     font-size: 32px;
   }

   .m6 .txt_box p {
     font-size: 20px;
   }

   .m6 .m6_btm .txt_box h4 .ic_wrap {
     left: 4rem;
   }

   .m8 .txt_box h4 {
     font-size: 34px;
   }

   .m8 .txt_box p {
     font-size: 20px;
   }

   .more {
     font-size: 14px;
   }

   /* main end */
   .subp .sub_bn .txt_box h2 {
     font-size: 4.5rem;
   }

   .sub1_1_1 .inner .left h4 {
     font-size: 3rem;
     line-height: 0.8;
     margin-top: 1rem;
   }

   .sub1_1_2 .inner .right .tit h4 {
     font-size: 3rem;
     line-height: 0.8;
   }

   .sub1_1_2 .inner .right ul li .ud {
     font-size: 26px;
   }

   .sub1_1_2 .inner .right ul li p {
     font-size: 20px;
   }

   .sub1_1_3 .txt_box h4 {
     font-size: 32px;
     margin-top: 5rem;
   }

   .sub1_2_1 .cont h4 {
     font-size: 3rem;
     line-height: 0.8;
   }

   .sub1_2_2 {
     padding-left: 20px;
   }

   .sub1_2_2 .his_wrap {
     row-gap: 5.5rem;
   }

   .sub1_2_2 .his_item:nth-child(4)::after {
     left: 15rem;
     top: -4rem;
   }

   .sub1_2_2 .his_item:nth-child(7),
   .sub1_2_2 .his_item:nth-child(8),
   .sub1_2_2 .his_item:nth-child(9),
   .sub1_2_2 .his_item:nth-child(10) {
     margin-top: -3rem;
   }

   .sub1_3_1 .cont .cont_i {
     padding-inline: 20px 0;
     justify-content: center;
   }

   .sub2_1_3 .tit .left h3 {
     font-size: 3rem;
     line-height: 1.5;
   }

   .sub2_1_3 .tit .left p {
     font-size: 20px;
   }

   .sub2_1_3 .tit .right p {
     font-size: 24px
   }

   .sub1_3_2 .top .left .ic_char {
     flex-basis: 20%;
   }

   .sub1_3_2 .top .left .ic_qut {
     flex-basis: 60%;
   }

   .sub2_1_3 .tit .left {
     flex: 0 0 43%;
   }

   .sub1_3_2 .top .left {
     flex: 1;
   }

   .sub3 .title h4 {
     font-size: 3rem;
     line-height: 1.2;
   }

   .sub3 .title p {
     font-size: 24px;
   }

   /* 추가 페이지 시작 */
   .cube1_1_2 .yel_bg {
     height: 260vh;
   }

   .cube1_1_2 .yel_bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }

   .cube1_1_2 .check2 {
     margin-top: 5rem;
   }

   .powder .cube1_1_2 .yel_bg {
     height: 225vh;
   }

   .sub2_3_4 .list_wrap li .item {
     margin-left: 1rem;
   }
 }

 @media screen and (max-width: 900px) {
   header .header_nav {
     padding-left: 0;
   }

   header .menu {
     flex-basis: initial;
     width: 73%;
   }

   header .menu .login {
     width: 300px;
   }

   .gnb .inner .img_wrap {
     display: none;
   }

   .gnb .inner .menu_wrap {
     width: calc(100% - 40px);
   }

   .gnb .inner .menu_wrap ul .gnb_depth1::before {
     left: 0;
   }

   .m1 .m1_inner .txt_box {
     flex-basis: 80%;
     padding-top: 10rem;
   }

   .m1 .m1_inner .Tright_vid {
     flex-basis: 84%;
     right: initial;
     left: 4rem;
   }

   .m1 .m1_inner .Tleft_vid {
     height: auto;
     left: 42vw;
     width: 50%;
     flex-basis: initial;
     margin-top: 2rem;
   }

   .m2 {
     padding-top: 8rem;
   }

   .m2 .txt_boxT {
     width: 100%;
   }

   .m2 .txt_boxT .ic_tomato {
     width: 130px;
     left: initial;
     bottom: 2rem;
     right: 1rem;
   }

   .m2 .txt_boxB {
     flex-direction: column;
     gap: 2rem;
     margin-top: 2rem;
   }

   .m2 .txt_boxB .vid_wrap {
     width: 50%;
     flex-basis: initial;
   }

   .m2 .txt_box p {
     padding-left: 2rem;
   }

   .m3 .top .ic_care {
     flex-basis: 20%;
   }

   .m3 .top .ic_char {
     flex-basis: 33%;
   }

   .m3 .top .ic_bae {
     flex-basis: 20%;
   }

   .m3 .m3_cont .vid_wrap {
     width: 100%;
     height: auto;
   }

   .m4 {
     padding-inline: 20px;
   }

   .m4 .txt_box h4 {
     font-size: 26px;
   }

   .m4 .txt_box p {
     font-size: 16px;
   }

   .m6 {
     height: auto;
   }

   .m6 .m6_top {
     flex-direction: column;
     gap: 2rem;
   }

   .m6 .m6_top .vid_box {
     flex: initial;
     width: 50%;
     left: 8vw;
   }

   .m6 .m6_mid .ic_fox {
     padding-left: 55vw;
     margin-top: -16rem;
   }

   .m6 .m6_mid .ic_fox img {
     width: 170px;
   }

   .m6 .m6_mid .ic_road {
     padding-right: 0vw;
     margin-top: 0rem;
   }

   .m6 .m6_mid .ic_road img {
     max-width: 80%;
   }

   .m6 .m6_btm {
     flex-direction: column;
     align-items: end;
     gap: 4rem;
   }

   .m6 .m6_btm .txt_box h4 .ic_wrap {
     left: 0rem;
     top: -21rem;
   }

   .m6 .m6_btm .vid_wrap {
     width: 100%;
     grid-template-columns: repeat(2, 300px);
     grid-template-rows: repeat(1, 300px);
   }

   .m6 .m6_btm .vid_wrap .vid2 {
     top: 9rem;
     right: initial;
     left: 2rem;
   }

   .m6 .m6_btm .vid_wrap .vid3 {
     top: 2rem;
   }

   .m7 .txt_box h4 {
     font-size: 32px;
   }

   .m7 .txt_box p {
     font-size: 18px;
   }

   .m8 .txt_box h4 {
     font-size: 28px;
   }

   .m8 .txt_box p {
     font-size: 18px;
   }

   footer .footer_top {
     flex-direction: column;
     align-items: start;
     gap: 2rem;
   }

   /* main end */
   .subp .sub_bn {
     height: 500px;
   }

   .subp .sub_bn .ic_wrap {
     bottom: 4rem;
     width: 160px;
   }

   .subp .sub_bn .txt_box h2 {
     font-size: 4rem;
   }

   .sub1_1_1 {
     padding-top: 6rem;
   }

   .sub1_1_1 .inner {
     flex-direction: column;
     gap: 2rem;
     align-items: end;
   }

   .sub1_1_1 .inner .left {
     flex: initial;
     width: 100%;
   }

   .sub1_1_1 .inner .left h4 {
     font-size: 3.5rem;
   }

   .fs37 {
     font-size: 24px;
   }

   .sub1_1_1 .inner .right {
     flex: initial;
     width: 50%;
   }

   .sub1_1_1 .inner .right .vid_box::before {
     width: 90%;
     height: 80%;
     right: 5rem;
     bottom: 0rem;
   }

   .sub1_1_1 .inner .right .vid_box .ic_circle {
     top: -2rem;
     left: -4rem;
   }

   .sub1_1_2 .inner {
     flex-direction: column;
     gap: 2rem;
   }

   .sub1_1_2 .inner .left {
     flex: initial;
     width: 50%;
   }

   .sub1_1_2 .inner .right {
     flex: initial;
     width: 100%;
   }

   .sub1_1_2 .inner .right .tit h4 {
     font-size: 3.5rem;
   }

   .sub1_1_3 .txt_box h4 {
     font-size: 24px;
   }

   .sub1_2_1 .sub1_2_1_bg {
     height: 110vh;
   }

   .sub1_2_1 .sub1_2_1_bg img {
     height: 100%;
     object-fit: cover;
   }

   .sub1_1_2 .inner .left .vid_box .ic_circle {
     z-index: 0;
     right: -8rem;
     bottom: -3rem;
   }

   .sub1_2_1 .cont {
     padding-block: 4rem 2rem;
     padding-inline: 20px;
   }

   .sub1_2_1 .cont h4 {
     font-size: 2.75rem;
   }

   .sub1_2_1 .vid_box {
     width: 40%;
   }

   .sub1_2_1 .vid_box .ic_circle {
     left: -6rem;
     bottom: -6rem;
   }

   .sub1_2_2 {
     margin-top: 3rem;
   }

   .sub1_2_2 .his_icon {
     margin-bottom: 2rem;
   }

   .sub1_2_2 .his_wrap {
     background: none;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
     gap: 4rem 1rem;
   }

   .sub1_2_2 .his_item {
     width: 100%;
     height: 330px;
     border: 1px solid #239aff;
     border-radius: 12px;
     padding: 1rem;
   }

   .sub1_2_2 .his_item:nth-child(1),
   .sub1_2_2 .his_item:nth-child(4),
   .sub1_2_2 .his_item:nth-child(7) {
     padding-left: 0;
     padding: 1rem;
   }

   .sub1_2_2 .his_item:nth-child(2)::after {
     bottom: 0rem;
   }

   .sub1_2_2 .his_item:nth-child(4)::after {
     display: none;
   }

   .sub1_2_2 .his_item:nth-child(9) {
     margin-left: 0;
   }

   .sub1_2_2 .his_item:nth-child(10)::after {
     right: -5.5rem;
     top: 7rem;
   }

   .sub1_3_1 {
     height: 90vh;
   }

   .sub1_3_1 .sub1_2_1_bg {
     height: 100%;
   }

   .sub1_3_1 .cont .cont_i {
     flex-direction: column;
     align-items: center;
     padding-inline: 20px;
     gap: 2rem;
     margin-top: 2rem;
   }

   .sub1_2_1 .cont h4 {
     text-align: center;
   }

   .sub1_2_1 .cont p {
     text-align: center;
     margin-top: 2rem;
   }

   .sub1_3_1 .ic_scroll {
     bottom: 16%;
     left: 40%;
   }

   .sub1_3_2 {
     margin-bottom: 9rem;
   }

   .sub1_3_2 .top .left .ic_char {
     flex-basis: 30%;
   }

   .sub1_3_2 .txt_box h4 {
     font-size: 20px;
   }

   .sub1_3_2 .btm ul {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
     gap: 2rem;
   }

   .sub1_3_2 .btm ul li:nth-of-type(2)::after {
     content: none;
   }

   .sub1_2_1 .cont h4 {
     margin-bottom: 0;
   }

   .sub1_2_1 .cont h4 {
     font-size: 3rem;
   }

   .sub1_2_1 .cont p {
     font-size: 18px;
   }

   .sub2_1_1 {
     height: auto;
   }

   .sub2_1_1 .ic_wrap .ic_item1 {
     right: 18vw;
     width: 100px;
   }

   .sub2_1_1 .ic_wrap .ic_item2 {
     right: 2rem;
     width: 100px;
     top: 8rem;
   }

   .sub2_1_1 .ic_wrap .ic_item3 {
     left: 6rem;
     top: 22rem;
     width: 60px;
   }

   .sub2_1_1 .ic_wrap .ic_item4 {
     left: 2vw;
     width: 100px;
     top: 44rem;
   }

   .sub2_1_1 .img_wrap {
     justify-content: center;
     padding-bottom: 1rem;
     gap: 0rem;
     align-items: start;
   }

   .sub2_1_1 .img_wrap .item {
     width: 24%;
   }

   .sub2 .ic_scroll {
     margin-top: 5rem;
   }

   .sub2 .ic_scroll img {
     width: 120px;
   }

   .sub2_1_2 .txt_box p {
     font-size: 14px;
   }

   .sub2_1_2 .txt_box p br {
     display: none;
   }

   .sub2_1_3 .tit {
     flex-direction: column;
     align-items: center;
     gap: 2rem;
   }

   .sub2_1_3 .tit .left h3 {
     font-size: 2.75rem;
   }

   .sub2_1_3 .tit .left {
     text-align: center
   }

   .sub2_1_3 .tit .left img {
     margin: 0 auto;
   }

   .sub2_1_3 .tit .right p {
     text-align: center;
     font-size: 20px;
   }

   .sub2_1_3 .info_box {
     margin-top: 0;
   }

   .sub2_1_3 .info_box ul li {
     margin-bottom: 1.5rem;
   }

   .sub2_1_3 .info_box ul li h5 {
     font-size: 24px;
   }

   .sub2_1_3 .info_box ul li p {
     font-size: 16px;
   }

   .sub1_3_2 .top {
     flex-direction: column;
     align-items: start;
   }

   .sub3 .title {
     margin-top: 8rem;
   }

   .sub3 .title h4 {
     font-size: 3.5rem;
     margin-bottom: 0.7rem;
   }

   .sub3 .title p {
     font-size: 24px;
   }

   .sub4_1_1 .info_wrap {
     flex-direction: column;
     gap: 2rem;
   }

   .sub4_1_1 .info_wrap li {
     flex: initial;
     width: 100%;
     border-bottom: 1px solid #c7c7c7;
     padding-bottom: 2rem;
   }

   .sub4_1_1 .info_wrap li:not(.info_wrap li:nth-of-type(3)):after {
     content: none;
   }

   .form_container .form_inner .radio_wrap {
     flex-direction: column;
     align-items: start;
   }

   .form_container .submit {
     margin: 0 auto;
   }

   #tab3.tab_content {
     margin-bottom: 12rem;
   }

   #tab3 .cont_inner {
     flex-direction: column;
     gap: 2rem;
   }

   /* 추가페이지 */
   .pro_box .tab_wrap a h4 {
     font-size: 18px;
   }

   .pro_box .pro_list {
     grid-template-columns: 1fr 1fr
   }

   .set1_1_1 {
     flex-direction: column;
     gap: 4.5rem;
   }

   .set1_1_1 .left {
     flex: initial;
     width: 60%;
     margin-right: auto;
   }

   .set1_1_1 .left .shop {
     width: 120px;
     position: absolute;
     right: -2rem;
     bottom: -4rem;
     left: initial;
   }

   .set1_1_1 .right {
     flex: initial;
     width: 100%;
   }

   .set1_1_1 {
     margin-bottom: 6rem;
   }

   .set1_1_2,
   .set1_1_3,
   .set1_1_4 {
     margin-top: 2rem;
     margin-bottom: 6rem;
   }

   .cube1_1_2 .yel_bg {
     height: 305vh;
   }

   .snack .cube1_1_2 .yel_bg {
     height: 250vh;
   }

   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(1) .ic_wrap {
     top: -9rem;
     right: initial;
     left: 0;
     width: 160px;
   }

   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(1) .care {
     display: none;
   }

   .sub_2_2_2 .info_box .info_wrap li {
     min-height: auto;
     padding-block: 1rem;
     margin-bottom: 16px;
   }

   .sub_2_2_2 .info_box ul li .num {
     left: 0;
     width: 45px;
   }

   .sub_2_2_2 .info_box .info_wrap li div:not(.ic_wrap) {
     padding: 2rem 1rem;
   }

   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(4) .ic {
     right: -2rem;
     top: -7rem;
     width: 19%;
     display: none;
   }

   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(1),
   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(2),
   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(3),
   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(4) {
     background-size: 170%;
   }

   .sub1_3_2 .feat1 {
     margin-bottom: 4rem;
   }

   .sub1_3_2 .top .left .ic_char {
     flex-basis: 20%;
   }

   .sub1_3_2 .top .left .ic_qut {
     flex-basis: 45%;
   }

   .sub2_1_4 .month_tb tbody {
     letter-spacing: 0.8px;
   }

   .sub2_1_4 .month_tb .category2 {
     height: 310px;
   }

   .sub2_1_4 .month_tb .category4 {
     height: 210px;
   }

   .fs35 {
     font-size: 26px;
   }

   .process_wrap li {
     flex: 1;
   }

   .sub2_3_4 .list_wrap li {
     padding-inline: 20px;
   }

   .sub2_3_4 .list_wrap li .item {
     margin-left: 0;
   }

   .fs35 {
     font-size: 22px;
   }

   .cook_wrap {
     display: flex;
   }

   .process_wrap {
     padding-inline: 2rem;
   }

   .sub2_3_3 .top .ic_char {
     flex-basis: 25%;
   }

   .sub2_3_3 .btm .item:not(.item4)::after {
     top: initial;
     bottom: 2rem;
   }

   .sub2_3_3 .btm .item2::after {
     bottom: 10rem !important;
   }

   .sub2_3_4 .list_wrap li .item {
     flex-direction: column;
     gap: 2rem;
     align-items: center;
   }

   .sub2_3_4 .list_wrap li .item .txt_box p {
     text-align: center;
   }

   .sub2_3_4 .list_wrap li .top {
     top: -1.5rem;
   }

   .sub2_3_4 {
     margin-bottom: 15rem;
   }

 }

 @media screen and (max-width : 500px) {
   header .header_wrap .logo a {
     padding: 0.75rem;
   }

   header .header_wrap .logo a img {
     width: 130px;
   }

   header .menu {
     gap: 0.5rem;
   }

   header .menu .login {
     display: none;
   }

   header .menu .shop {
     font-size: 14px;
     padding-inline: 1.5rem;
   }

   .lang summary {
     font-size: 14px;
     padding-block: 0.55rem;
   }

   .lang .material-symbols-outlined {
     font-size: 18px;
   }

   .lang ul li a {
     font-size: 14px;
   }

   .ham {
     margin-left: 0.5rem;
   }

   .gnb .inner {
     padding-inline: 20px;
     padding-top: 6rem;
     align-items: start;
   }

   .gnb .inner .menu_wrap > ul {
     flex-direction: column;
     gap: 2rem;
   }

   .gnb .inner .menu_wrap ul .gnb_depth1 {
     transition: 0.3s;
     border-left: 2px solid transparent;
     padding-left: 1rem;
   }

   .gnb .inner .menu_wrap ul .gnb_depth1 > a {
     text-align: left;
     cursor: auto;
   }

   .gnb .inner .menu_wrap ul .gnb_depth1::before {
     content: none;
   }

   .gnb .inner .menu_wrap ul .gnb_depth1 ul {
     display: none;
   }

   .gnb .inner .menu_wrap ul .gnb_depth1 ul li a {
     text-align: left;
   }

   .gnb .inner .menu_wrap ul .gnb_depth1:nth-of-type(4):after {
     content: none;
   }

   /*  header  */
   .m1 .m1_inner .txt_box h3 {
     font-size: 2rem;
     line-height: 1.25;
   }

   .m1 .m1_inner .txt_box h3 br {
     display: none;
   }

   .m1 .m1_inner .txt_box h4 {
     font-size: 20px;
   }

   .m1 .m1_inner .txt_box p {
     font-size: 14px;
   }

   .m1 .m1_inner .txt_box p br {
     display: none;
   }

   .m1 .m1_inner .Tleft_vid {
     left: 13vw;
   }

   .m1 .m1_inner .Tleft_vid:before {
     width: 72%;
     height: 80%;
     left: -1rem;
     margin-top: 3rem;
   }

   .m1 .m1_inner .Tleft_vid .ic_grape {
     width: 80px;
     bottom: 0;
   }

   .m1 .m1_inner .Tright_vid {
     left: 3rem;
   }

   .m1 .m1_inner .Tright_vid .ic_pear {
     width: 75px;
     right: 4rem
   }

   .m1 .m1_inner .Tright_vid .ic_pear img {
     max-width: 100%;
   }

   .m1 .m1_inner .Tright_vid .ic_carrot {
     left: 0rem;
     width: 145px;
   }

   .m2 .txt_box h4 {
     font-size: 20px;
     margin-bottom: 1rem;
   }

   /* 
  .m2 .txt_box h4 br {
    display: none;
  } */

   .m2 .txt_box p {
     font-size: 14px;
     padding-left: 0rem;
   }

   /* .m2 .txt_box p br:not(:nth-of-type(1)) {
    display: none;
  } */

   .m2 .txt_boxT .ic_tomato {
     width: 90px;
     bottom: 14rem;
   }

   .m2 .txt_boxB .txt_wrap {
     margin-top: 1rem;
   }

   .m2 .txt_boxB .vid_wrap {
     width: 55%;
   }

   .m3 .m3_bn {
     height: 500px;
   }

   .m3 .m3_bn img {
     height: 100%;
     object-fit: cover;
   }

   .m3 .top {
     padding-top: 9rem;
     padding-bottom: 1rem;
     padding-right: 1rem;
   }

   .m3 .top .ic_care {
     display: none;
   }

   .m3 .top .ic_char {
     flex-basis: 50%;
   }

   .m3 .top .ic_bae {
     display: none;
   }

   .m3 .vid_wrap {
     border-radius: 1rem;
   }

   .m4 .txt_box {
     margin-block: 8rem 5rem;
   }

   .m4 .txt_box h4 {
     font-size: 20px;
     max-width: 90%;
     margin: 0 auto;
     margin-bottom: 1.75rem;
   }

   .m4 .txt_box p {
     font-size: 14px;
   }

   .m4 .txt_box p br {
     display: none;
   }

   .m5 .ic_scroll {
     width: 65px;
   }

   .m6 {
     margin-top: -8rem;
   }

   .m6 .txt_box {
     padding-top: 0;
   }

   .m6 .txt_box img {
     width: 120px;
   }

   .m6 .txt_box h4 {
     font-size: 20px;
     margin-block: 1rem;
   }

   .m6 .txt_box h4 .bg::before {
     height: 25px;
   }

   .m6 .txt_box p {
     font-size: 16px;
   }

   .m6 .txt_box p br {
     display: none;
   }

   .m6 .m6_btm .txt_box h4 .ic_wrap {
     display: none;
   }

   .m6 .m6_top .vid_box {
     width: 63%;
     left: 8vw;
   }

   .m6 .m6_top .vid_box:before {
     right: 2rem;
     width: 85%;
   }

   .m6 .m6_mid .ic_fox {
     padding-left: 43vw;
     margin-top: 0rem;
   }

   .m6 .m6_mid .ic_fox img {
     width: 100px;
   }

   .m6 .m6_btm .vid_wrap {
     grid-template-columns: 220px;
     grid-template-rows: repeat(3, 220px);
   }

   .m6 .m6_btm .vid_wrap .vid2 {
     top: 1rem;
     left: 6rem;
   }

   .m6 .m6_btm .vid_wrap .vid2::before {
     right: 0;
   }

   .m6 .m6_btm .vid_wrap .vid3 {
     top: 3rem;
   }

   .m7 {
     margin-bottom: 5.5rem;
   }

   .m7 .txt_box {
     padding-block: 9rem 5rem;
   }

   .m7 .txt_box img {
     width: 120px;
   }

   .m7 .txt_box h4 {
     font-size: 22px;
     max-width: 90%;
     margin: 0 auto;
     margin-block: 1.25rem 0.5rem;
   }

   .m7 .txt_box p {
     font-size: 16px;
     max-width: 75%;
     margin: 0 auto;
     padding-top: 0.5rem;
   }

   .m7 .bord_wrap {
     grid-template-columns: 1fr;
   }

   .m7 .bord_wrap li .Bnum {
     font-size: 24px;
     padding-left: 2rem;
   }

   .m7 .bord_wrap li .Bnum .news {
     font-size: 14px;
   }

   .m7 .bord_wrap li .tit {
     font-size: 14px;
   }

   .m7 .bord_wrap li p {
     font-size: 16px;
   }

   .m8 {
     height: 370px;
   }

   .m8 .txt_box {
     padding-inline: 20px;
   }

   .m8 .txt_box h4 {
     font-size: 24px;
     margin: 0 auto;
     margin-block: 4rem 1rem;
     max-width: 90%;
   }

   .m8 .txt_box p {
     font-size: 14px;
   }

   .m8 .txt_box p br {
     display: none;
   }

   .m8 .txt_box .more {
     margin-top: 55px;
   }

   footer .top {
     width: 75px;
   }

   footer .footer_top {
     padding-bottom: 1.125rem;
   }

   footer .footer_top .info li {
     display: flex;
     flex-direction: column;
     gap: 0.25rem;
   }

   footer .footer_top .info li span {
     padding-right: 3.5rem;
   }

   footer .footer_top .info li span br {
     display: none;
   }

   footer .footer_top .info li p {
     font-size: 14px;
   }

   footer .footer_top .right .select_box {
     display: none;
   }

   footer .copyright > p {
     font-size: 12px;
     display: flex;
     flex-direction: column;
     gap: 0.2rem;
     line-height: 1.5;
     margin-bottom: 1rem;
   }

   .more {
     padding-inline: 1.25rem;
     padding-block: 0.75rem;
   }

   /* main end */
   .subp .sub_bn {
     height: 420px;
   }

   .subp .sub_bn .txt_box h2 {
     font-size: 3rem;
   }

   .subp .sub_bn .ic_wrap {
     bottom: 2rem;
     width: 100px;
   }

   .sub1_1_1 {
     margin-bottom: 5rem;
   }

   .sub1_1_1 .sub1_1_1_bg {
     margin-top: -60%;
     height: 100vh;
   }

   .sub1_1_1 .sub1_1_1_bg img {
     height: 100%;
     object-fit: cover;
   }

   .sub1_1_1 .inner .left .txt_box img {
     width: 120px;
   }

   .sub1_1_1 .inner .left .p_wrap {
     font-size: 16px;
     padding-right: 1rem;
   }

   .sub1_1_1 .inner .left h4 {
     font-size: 1.75rem;
     line-height: 1;
   }

   .fs37 {
     font-size: 15px;
   }

   .sub1_1_1 .inner .left .p_wrap .underline {
     font-size: 14px;
     display: inline;
   }

   .sub1_1_1 .inner .left .p_wrap .pwap1 br {
     display: none;
   }

   .sub1_1_1 .inner .left .p_wrap .pwap2 {
     padding-top: 0.5rem;
   }

   .sub1_1_1 .inner .left .p_wrap .pwap2 br {
     display: none;
   }

   .sub1_1_1 .inner .right {
     width: 60%;
   }

   .sub1_1_1 .inner .right .vid_box::before {
     width: 65%;
     height: 65%;
   }

   .sub1_1_1 .inner .right .vid_box .ic_circle {
     width: 120px;
     left: -3rem;
   }

   .sub1_1_2 {
     height: 125vh
   }

   .sub1_1_2 .ic_wrap ul {
     align-items: center;
     justify-content: center;
     padding-inline: 20px;
     gap: 2rem;
   }

   .sub1_1_2 .ic_wrap ul li {
     width: 16%;
   }

   .sub1_1_2 .ic_wrap ul li:nth-of-type(1) {
     margin-bottom: 5rem;
   }

   .sub1_1_2 .ic_wrap ul li:nth-of-type(3) {
     margin-bottom: 3rem;

   }

   .sub1_1_2 .ic_wrap ul li:nth-of-type(4) {
     margin-bottom: 5rem;
   }

   .sub1_1_2 .inner {
     align-items: flex-end;
   }

   .sub1_1_2 .inner .left {
     width: 55%;
   }

   .sub1_1_2 .inner .left .vid_box::before {
     width: 92%;
     height: 72%;
     left: -3rem
   }

   .sub1_1_2 .inner .left .vid_box .ic_circle {
     width: 120px;
     bottom: 7rem;
     right: 7rem;
   }

   .sub1_1_2 .inner .right .tit h4 {
     font-size: 1.75rem;
     line-height: 1;
   }

   .sub1_1_2 .inner .right ul li {
     flex-direction: row-reverse;
     align-items: start;
     justify-content: start;
   }

   .sub1_1_2 .inner .right ul li img {
     display: none;
   }

   .sub1_1_2 .inner .right ul li .ud {
     font-size: 18px;
   }

   .sub1_1_2 .inner .right ul li .nd1::before,
   .sub1_1_2 .inner .right ul li .nd2::before,
   .sub1_1_2 .inner .right ul li .nd3::before {
     height: 16px;
   }

   .sub1_1_2 .inner .right ul li p {
     font-size: 14px;
   }

   .sub1_1_3 .top {
     padding-top: 2rem;
   }

   .sub1_1_3 .txt_box h4 {
     font-size: 18px;
     margin-top: 3rem;
   }

   .sub1_1_3 .txt_box h4 br {
     display: none;
   }

   .sub1_2_1 .cont img {
     width: 130px;
     margin-bottom: 2rem;
   }

   .sub1_2_1 .cont h4 {
     font-size: 1.75rem;
     line-height: 1;
   }

   .sub1_2_1 .cont p {
     font-size: 14px;
     padding-inline: 1.2rem;
   }

   .sub1_2_1 .cont p br {
     display: none;
   }

   .sub1_2_1 .cont p .ud1::before,
   .sub1_2_1 .cont p .ud2::before {
     content: none;
   }

   .sub1_2_1 .vid_box {
     width: 50%;
     margin-right: 2rem;
   }

   .sub1_2_1 .vid_box::before {
     right: 0rem;
     bottom: -1rem;
   }

   .sub1_2_1 .vid_box .ic_circle {
     left: -3rem;
     bottom: -1rem;
     width: 150px;
     z-index: -1;
   }

   .sub1_2_2 .his_icon {
     width: 135px;
   }

   .sub1_2_2 .his_wrap {
     gap: 2rem 1rem;
   }

   .sub1_2_2 .his_item {
     height: 300px;
   }

   .sub1_2_2 .his_item:nth-child(10)::after {
     right: 0.5rem;
     top: 9rem;
   }

   .sub1_2_2 .his_item:nth-child(4) {
     order: 3;
   }

   .sub1_2_2 .his_item:nth-child(5) {
     order: 2;
   }

   .sub1_2_2 .his_item:nth-child(6) img,
   .sub1_2_2 .his_item:nth-child(5) img,
   .sub1_2_2 .his_item:nth-child(4) img {
     transform: rotate(180deg);
   }

   .sub1_2_2 .his_item:nth-child(6) {
     order: 1;
   }

   .sub1_2_2 .his_item:nth-child(7) {
     order: 6;
   }

   .sub1_2_2 .his_item:nth-child(8) {
     order: 7;
   }

   .sub1_2_2 .his_item:nth-child(9) {
     order: 8;
   }

   .sub1_2_2 .his_item:nth-child(10) {
     order: 9;
   }

   .sub1_2_2 .his_item:nth-child(7),
   .sub1_2_2 .his_item:nth-child(8),
   .sub1_2_2 .his_item:nth-child(9),
   .sub1_2_2 .his_item:nth-child(10) {
     margin-top: 0;
   }

   .sub1_2_2 .his_item ul li {
     font-size: 14px;
   }

   .sub1_3_1 .cont .cont_i,
   .sub1_3_1 .cont .cont_i p {
     margin-top: 0rem;
   }

   .sub1_3_1 .ic_scroll {
     left: 39%;
   }

   .sub1_3_1 .ic_scroll img {
     width: 90px;
   }

   .sub1_3_1 {
     height: 75vh;
   }

   .sub1_3_1 .sub1_2_1_bg {
     height: 100%;
   }

   .sub1_3_2 {
     margin-bottom: 7rem;
   }

   .sub1_3_2 .txt_box h4 .ud1::before,
   .sub1_3_2 .txt_box h4 .ud2::before {
     content: none;
   }

   .sub1_3_2 .btm {
     border-radius: 1rem;
   }

   .sub1_3_2 .btm ul li::after {
     content: none;
   }

   .sub1_3_2 .btm ul {
     gap: 3rem;
   }

   .sub1_3_2 .btm ul li img {
     width: 130px;
   }

   .sub1_3_2 .btm ul li h5 {
     font-size: 18px;
   }

   .sub1_3_2 .btm ul li p {
     font-size: 16px;
   }

   .sub1_3_2 .btm ul li p br {
     display: none;
   }

   .sub1_3_2 .top .left .s13ic_qut {
     flex-basis: 50%;
   }

   .sub1_3_3 {
     margin-bottom: 9rem;
   }

   .sub1_3_3 .btm ul li img {
     width: 200px;
   }

   .sub2_1_1 .sub1_2_1_bg {
     margin-top: -25%;
   }

   .sub2_1_1 .ic_wrap .ic_item1 {
     width: 60px;
     right: initial;
     left: 2rem;
   }

   .sub2_1_1 .ic_wrap .ic_item2 {
     right: 1rem;
     width: 55px;
     top: 5rem;
   }

   .sub2_1_1 .ic_wrap .ic_item3 {
     left: 2rem;
     top: 19rem;
     width: 42px;
   }

   .sub2_1_1 .ic_wrap .ic_item4 {
     left: initial;
     width: 60px;
     top: 20rem;
     right: 2rem;
   }

   .sub2_1_1 .sub1_2_1_bg {
     height: 850px;
   }

   .sub2_1_1 .cont p {
     font-size: 15px;
   }

   .sub2_1_1 .cont p br {
     display: none;
   }

   .sub2_1_1 .cont p .ud4::before {
     content: none;
   }

   .sub2_1_1 .img_wrap {
     margin-top: 2rem;
     gap: 0;
     align-items: start;
     padding-bottom: 0rem;
   }

   .sub2_1_1 .img_wrap .item {
     width: 30%;
   }

   .sub2_1_1 .img_wrap .item2 {
     margin-bottom: 3rem;
     margin-left: -2rem;
   }

   .sub2_1_1 .img_wrap .item1:after,
   .sub2_1_1 .img_wrap .item4:after {
     content: none;
   }

   .sub2_1_1 .img_wrap .item2:after {
     top: -5rem;
     left: -1rem;
     width: 207px;
     display: none;
   }

   .sub2_1_1 .img_wrap .item3:after {
     left: 2rem;
     bottom: -4.5rem;
     display: none;
   }

   .sub2 .ic_scroll img {
     width: 95px;
   }

   .sub2_1_2 {
     margin-bottom: 5rem;
   }

   .sub2_1_2 .txt_box h4 {
     font-size: 18px;
   }

   .sub2_1_3 .tit {
     margin-bottom: 5rem;
   }

   .sub2_1_3 .tit .left img {
     width: 120px;
   }

   .sub2_1_3 .tit .left h3 {
     font-size: 1.75rem;
     line-height: 1;
   }

   .sub2_1_3 .tit .left p {
     font-size: 16px;
   }

   .sub2_1_3 .tit .right p {
     font-size: 14px;
   }

   .sub2_1_3 .tit .right p br {
     display: none;
   }

   .sub2_1_3 .tit .right p .ud1::before {
     content: none;
   }

   .sub1_3_2 .top .left .ic_char {
     flex-basis: 25%;
   }

   .sub1_3_2 .top .left .ic_qut:not(.sub1_3_2 .top .left .ic_qut) {
     flex-basis: 70%;
   }

   .sub2_1_3 .info_box {
     border-radius: 1rem;
   }

   .sub2_1_3 .info_box ul li {
     flex-direction: column;
     margin-bottom: 1.75rem;
     gap: 0.5rem;
   }

   .sub2_1_3 .info_box ul li h5 {
     font-size: 20px;
   }

   .sub2_1_3 .info_box ul li p {
     font-size: 14px;
   }

   .sub2_1_3 .info_box ul li p br {
     display: none;
   }

   .sub2_1_3 .info_box ul li p .fs20 {
     font-size: 14px;
   }

   .sub1_3_2 .top {
     margin-bottom: 2rem;
   }

   .sub1_3_2 .txt_box h4 {
     font-size: 16px;
   }

   .sub1_3_2 .txt_box h4 br {
     display: none;
   }

   .sub3 .title img {
     width: 120px;
   }

   .sub3 .title h4 {
     font-size: 1.75rem;
     margin-bottom: 0;
     padding-top: 1.25rem;
     line-height: 1.2;
   }

   .sub3 .title p {
     font-size: 14px;
   }

   .subp.sub4 .ic_wrap .appleG {
     display: none;
   }

   .subp.sub4 .title {
     margin-bottom: 3.5rem;
   }

   .tab_wrap {
     gap: 1rem;
     padding-inline: 20px;
     margin-bottom: 4rem;
   }

   .tab_wrap .tab {
     font-size: 14px;
   }

   .map_wrap {
     height: 400px;
   }

   .sub4_1_1 {
     margin-bottom: 9rem;
   }

   .sub4_1_1 .info_wrap {
     margin-top: 4.5rem;
   }

   .sub4_1_1 .info_wrap li h5 {
     font-size: 20px;
   }

   .sub4_1_1 .info_wrap li:nth-of-type(3) h5 {
     font-size: 18px;
   }

   .sub4_1_1 .info_wrap li p {
     font-size: 14px;
   }

   .sub4_1_1 .tab_wrap {
     display: grid;
     grid-template-columns: 1fr 1fr;
   }

   .sub4_1_1 .tab_wrap .tab a {
     text-align: center;
   }

   /* .sub4_1_1 .info_wrap li p br {
    display: none;
  } */

   .form_container {
     margin-block: 4rem 6rem;
   }

   .form_container .form_inner ul {
     flex-direction: column;
   }

   .form_container .form_inner ul li {
     width: 100%;
   }

   .form_container .form_inner ul li input::placeholder,
   .form_container .form_inner ul li textarea::placeholder {
     font-size: 14px;
   }

   .form_container .form_inner .radio_wrap li p:not(.sub4_4 .food_stage li:nth-of-type(1) p) {
     font-size: 14px;
   }

   .form_container .form_inner .radio_wrap li p br {
     display: none;
   }

   .form_container .submit {
     margin-top: 2rem;
   }

   #tab3 .cont_inner {
     gap: 4rem;
   }

   #tab3 .cont_inner .left .ic_char {
     flex-basis: 25%;
   }

   #tab3 .cont_inner .left .txt_box img {
     width: 150px;
   }

   #tab3 .cont_inner .left .txt_box p {
     font-size: 16px;
     padding-left: 1rem;
     padding-right: 0.5rem;
   }

   #tab3 .cont_inner .left .txt_box .down {
     font-size: 14px;
     margin-left: 1rem;
   }

   /* 추가 페이지 */
   .pro_box .tab_tit p br {
     display: none;
   }

   .pro_box .tab_wrap {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 1rem;
     height: auto;
     padding-inline: 0;
   }

   .pro_box .tab_wrap a {
     padding-inline: 1rem;
     border-radius: 1rem;
   }

   .pro_box .tab_wrap a h4 {
     font-size: 14px;
   }

   .tab_content {
     padding-inline: 0;
   }

   .subp.set1 .sub_bn .txt_box {
     margin-top: 26rem;
     padding-inline: 7%;
     padding-block: 0;
   }

   .subp.set1 .sub_bn .txt_box a {
     width: 95px;
   }

   .set1_1_1 {
     margin-top: 7.5rem;
   }

   .set1_1_1 .left {
     width: 85%;
   }

   .set1_1_1 .left .shop {
     width: 85px;
     right: -1rem;
     bottom: -1rem;
   }

   .set1_1_1 .right .top {
     width: 120px;
   }

   .set1_1_1 .right .tit h3 {
     margin-bottom: 0rem;
     font-size: 2rem;
   }

   .set1_1_1 .right .tit h4 {
     font-size: 1.375rem;
     margin-bottom: 2rem;
   }

   .set1_1_1 .right .tit p.info {
     max-width: 77%;
   }

   .set1_1_1 .category span {
     font-size: 14px;
     letter-spacing: 0.8px;
   }

   .set1_1_1 .category {
     display: grid;
     grid-template-columns: 1fr 1fr;
   }

   .cube1_1_2 {
     padding-inline: 20px;
   }

   .cube1_1_2 .yel_bg {
     height: 390vh;
   }

   .cube1_1_2 .check1 ul li:not(.check2 ul li) {
     width: 60%;
   }

   .cube1_1_2 .check1 ul li {
     width: 60%;
   }

   .cube1_1_2 .yellowtit img {
     width: 120px;
   }

   .cube1_1_2 .yellowtit p br {
     display: none;
   }

   .cube1_1_2 .ic_scroll img {
     width: 120px;
   }

   .pro_wrap {
     margin-top: 6rem;
   }

   .powder .cube1_1_2 .check2 {
     margin-top: 0;
   }

   .powder .cube1_1_2 .check2 ul {
     flex-wrap: wrap;
   }

   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(1),
   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(2),
   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(3),
   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(4) {
     background: none;
     border: 1px solid #000;
     border-radius: 2rem;
   }

   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(4) .ic {
     display: none;
   }

   .sub2_1_4 .btm {
     padding: 0;
   }

   .sub2_1_4 .table_wrapper {
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     max-width: 100%;
   }

   .sub2_1_4 .table_wrapper .month_tb {
     min-width: 1140px;
   }

   .sub_2_2_2 .info_box {
     padding-inline: 0;
   }

   .sub_2_2_2 .info_box .info_wrap li:nth-of-type(1) .ic_wrap {
     top: -6rem;
     width: 110px;
   }

   .sub_2_2_2 .info_box ul li .num {
     left: 1rem;
     width: 35px;
   }

   .cook_wrap {
     flex-direction: column;
   }

   .sub2_3_1 .sub1_2_1_bg {
     height: 1350px;
   }

   .cook_wrap li img {
     width: 100px;
   }

   .cook_wrap li p {
     max-width: 77%;
     word-break: keep-all;
   }

   .process_wrap {
     gap: 2rem;
     border-radius: 2rem;
     flex-direction: column;
   }

   .process_wrap li {
     flex: initial;
     width: 60%;
   }

   .process_wrap li .top {
     padding-top: 0;
   }

   .sub2_3_3 .top .ic_char {
     flex-basis: 50%;
   }

   .sub2_3_3 .btm {
     flex-direction: column;
     gap: 2rem;
   }

   .sub2_3_3 .btm .item {
     width: 50%;
   }

   .sub2_3_3 .btm .item:not(.item4)::after {
     content: none;
   }

   .sub2_3_3 .btm .item2,
   .sub2_3_3 .btm .item4 {
     margin-bottom: 0rem;
   }

   .sub2_3_4 .list_wrap li .item .qt {
     width: 60%;
   }
 }

 @media screen and (max-width: 361px) {
   .form_container {
     padding-block: 3.25rem;
   }

   .sub4_1_1 .info_wrap li h5 {
     font-size: 20px;
   }

   .sub4_1_1 .info_wrap li p {
     font-size: 14px;
   }

   #tab3 .cont_inner .left {
     flex-direction: column;
     gap: 2rem;
   }

   #tab3 .cont_inner .left .ic_char {
     flex-basis: initial;
     width: 25%;
   }

   #tab3 .cont_inner .left .cata_bear {
     margin-top: 0;
   }

   #tab3 .cont_inner .left .txt_box img {
     margin: 0 auto;
   }

   #tab3 .cont_inner .left .txt_box p {
     padding-left: 0;
     padding-right: 0;
   }

   #tab3 .cont_inner .left .txt_box .down {
     margin-left: 0;
   }
 }