@charset "utf-8"; /*
 * content.css
 * 하단은 예시입니다. 디자인맞게 수정하세요.
 *
 */
/* 서브 header설정 */
#header { position:static; padding-bottom:30rem; border-bottom:1rem solid #f0f0f0; }
#header .logo a { background-image:url(../images/common/logo.svg); }
#header nav .gnb > li > a { color:var(--color-base); }
@media screen and (max-width:1024px) {
 #header { padding-bottom:0; }
#header .inr_1462 { padding-bottom:10rem; }
 }
.gnb-btn__open span:before,
.gnb-btn__open span:after,
.gnb-btn__open span i { background:#111; }
#content { padding-bottom:70rem; }
#content .inr { max-width:1502rem; box-sizing:border-box; margin:0 auto; padding:0 20rem; }
#content h2 { margin-top:80rem; margin-bottom: 30rem; font-size:35rem; color:#111; text-align:center; font-weight:700; word-break:keep-all; }
#content .content_subtitle { font-size: 22rem; color: #7e7e7e; font-weight: 200; text-align: center; }
#content .content_intros { position: relative; margin-top: 100rem; padding-bottom: 220rem; }
#content .text_gold { font-weight: 700; color: var(--color-point); }
#content .content_intros .text { text-align: center; font-size: 42rem; font-weight: 300; line-height: 1.5; }
#content .content_intros .text .text_gold { font-weight: 600; color: var(--color-point); }
#content .title__bold { font-size: 42rem; font-weight: 700; }
#content .bold { font-weight: 700; }
.swiper-pagination { position: relative; margin-top: 60rem; }
.swiper-pagination-bullet { border-radius: 0; }
.swiper-pagination-bullet-active { background: var(--color-point); }
@media screen and (max-width:480px) {
 #content h2 { margin-top:50rem; font-size:28rem; }
 }
/* animation */
#anim_running { display: block; position: relative; padding-top: 110px; text-align:center; }
#anim_running .arrow-down { display: block; margin: 0 auto; width: 10px; }
#anim_running .arrow-down:after { content: ''; display: block; margin: 0; padding: 0; width: 10px; height: 10px; border-radius: 100%; background-color: var(--color-point); }
#anim_running::before { -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; /* Safari 4+ */ -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; /* Fx 5+ */ -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; /* Opera 12+ */ animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; /* IE 10+, Fx 29+ */ position: absolute; top: 0px; left: 50%; width: 1px; height: 120px; background: var(--color-point); content: ' '; }
@-webkit-keyframes elasticus { 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
 }
@-moz-keyframes elasticus { 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
 }
@-o-keyframes elasticus { 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
 }
@keyframes elasticus {
 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
 }
/* 02_brand sub01 */
.content__sub0201 .running_animate.line01 { position: absolute; transform: translateX(50%); right: 50%; margin-top: 50rem; }
.content__sub0201 .background { display: flex; flex-direction: column; align-items: center; gap: 40rem; }
.content__sub0201 .background span { font-size: 36rem; font-weight: 700; color: var(--color-point); }
.content__sub0201 .background p { font-size: 42rem; font-weight: 700; }
.content__sub0201 .background_image { position: relative; margin-top: 80rem; }
.content__sub0201 .background_image ul { display: flex; }
.content__sub0201 .background_image ul li { width: 100%; height: 560rem; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; gap: 40rem; color: white; background-color: rgb(0 0 0 / 65%) ; background-blend-mode: multiply; background-image: url(/images/content/img_sub0201_01.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50%; }
.content__sub0201 .background_image ul li:nth-child(2) { background-image: url(/images/content/img_sub0201_02.jpg); }
.content__sub0201 .background_image ul li:nth-child(3) { background-image: url(/images/content/img_sub0201_03.jpg); }
.content__sub0201 .background_image ul li span { font-size: 46rem; font-weight: 700; }
.content__sub0201 .background_image ul li p { font-size: 26rem; line-height: 1.5; font-weight: 200; }
.content__sub0201 .ss02 { position: relative; background-color: #f8f2eb; padding: 150rem 0; }
.content__sub0201 .obj-circle { --sizeWid:180rem; position:absolute; left:50%; top:calc((var(--sizeWid) / 2) * -1); z-index:30; width:var(--sizeWid); height:var(--sizeWid); background-color:var(--color-point); border-radius:100%; transform:translateX(-50%); }
.content__sub0201 .obj-circle img { width:100%; }
.content__sub0201 .obj-circle i { display:block; width:100%; height:100%; animation:circleMove 30s linear; }
@media screen and (max-width:480px) {
 .content__sub0201 .obj-circle { --sizeWid:100rem; }
 }
@keyframes circleMove {
 0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
 }
.content__sub0201 .ss02 .text { display: flex; flex-direction: column; gap: 15rem; align-items: center; text-align: center; }
.content__sub0201 .ss02 .text p { font-size: 36rem; font-weight: 200; }
.content__sub0201 .ss02 .text span { font-size: 46rem; color: var(--color-point); font-weight: 600; border-bottom: 2px solid; }
.content__sub0201 .running_animate.line02 { position: relative; transform: translateX(50%); right: 50%; margin: 70rem 0; }
.content__sub0201 .ss02 .image_wrapper { position: relative; max-width: 1460rem; height: 610rem; margin: 0 auto; color: white; background-image: url(/images/content/img_sub0201_ss02.jpg); background-color: rgb(0 0 0 / 65%); background-blend-mode: multiply; background-size: cover; border-radius: 15rem; background-position: 50% 60%; margin-top: 140rem; }
.content__sub0201 .ss02 .image_text p { font-family: var(--font-nanum); font-size: 36rem; font-weight: 600; }
.content__sub0201 .ss02 .image_text h1 { font-size: 56rem; }
.content__sub0201 .ss02 .image_text h1 .text_gold { color: var(--color-point); }
.content__sub0201 .ss02 .image_text h1 .text_gold i { font-weight: 100; }
.content__sub0201 .ss02 .image_text h1 .text_gold i:after { content: '*'; font-size: 20rem; position: absolute; font-weight: 700; color: red; }
.content__sub0201 .ss02 .image_text { text-align: center; display: flex; flex-direction: column; justify-content: center; height: 100%; gap: 20rem; }
.content__sub0201 .ss02 .image_wrapper .bott { position: absolute; bottom: 8%; right: 4%; }
.content__sub0201 .ss02 .image_wrapper .bott span { color: red; margin-right: 5rem; }
.content__sub0201 .ss03 { position: relative; padding: 170rem 0; }
.content__sub0201 .ss03 .sTitle { display: flex; flex-direction: column; align-items: center; gap: 50rem; margin-bottom: 70rem; text-align: center; }
.content__sub0201 .ss03 .origin_content .img_bg { position: absolute; z-index: -2; width: 100%; height: 810rem; background-image: url(/images/content/img_sub0201_sliderbg01.jpg); background-color: rgb(0 0 0 / 70%); background-blend-mode: multiply; background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; }
.content__sub0201 .ss03 .img_bg img { width: 100%; height: 100%; object-fit: cover; }
.content__sub0201 .ss03 .sTitle span { font-size: 36rem; }
.content__sub0201 .ss03 .sTitle p, .ss03 .sTitle p span { font-size: 42rem; font-weight: 700; }
.content__sub0201 .ss03 .sTitle p span { margin-left: 8rem; }
.content__sub0201 .ss03 .origin_content { position: relative; }
.content__sub0201 .ss03 .origin_content .origin_info { }
.content__sub0201 .ss03 .origin_content .origin_info .text { padding-top: 190rem; text-align: center; font-size: 46rem; color: white; font-weight: 500; margin-bottom: 110rem; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider { position: relative; max-width: 1760rem; width: 100%; margin: 0 auto; background-color: #fff; border-radius: 15rem; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .slider { position: relative; padding-inline: 10%; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .title { padding: 120rem 0 60rem 0; display: flex; flex-direction: column; align-items: center; gap: 20rem; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .title span { font-size: 46rem; font-weight: 700; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .title  p { font-size: 36rem; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .slider .oSlider .swiper-slide { width: 100%; height: 900rem; border: 1rem solid #000; box-sizing: border-box; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .slider .oSlider .swiper-slide img { height: 100%; width: 100%; object-fit: cover; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-control .swiper-button-next, .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-control .swiper-button-prev { color: #fff; background-color: var(--color-base); padding: 15rem 22rem; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-control .swiper-button-next:after, .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-control .swiper-button-prev:after { font-size: 20rem; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-control .swiper-button-next { right: 6%; border-radius: 0 5rem 5rem 0; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-control .swiper-button-prev { left: 6%; border-radius: 5rem 0rem 0rem 5rem; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-pagination { position: relative; margin-top: 60rem; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-pagination-bullet { border-radius: 0; }
.content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-pagination-bullet-active { background: var(--color-point); }
.content__sub0201 .ss04 { position: relative; max-width: 1460rem; margin: 0 auto; width: 100%; padding-bottom: 250rem; }
.content__sub0201 .ss04:before { content: ''; background: url(/images/content/ss04_bg.png) no-repeat; position: absolute; width: 100%; height: 290rem; bottom: 0; background-position: center; }
.content__sub0201 .ss04 .sTitle { font-size: 46rem; text-align: center; }
.content__sub0201 .ss04 .development .flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20rem; margin-top: 70rem; position: relative; }
.content__sub0201 .ss04 .development .flow li { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 40rem; position: relative; }
.content__sub0201 .ss04 .development .flow li img { border-radius: 15rem; }
.content__sub0201 .ss04 .development .flow li p { font-size: 36rem; font-weight: 500; }
.content__sub0201 .ss04 .development .flow li:after { content: ''; position: absolute; background: url(/images/content/arrow_circle.png) no-repeat; background-size: cover; width: 100rem; height: 100rem; top: 15%; left: -60px; transform: translateY(50%); border-radius: 100%; box-shadow: 0px 12px 44px 4px rgba(0,0,0,0.45); -webkit-box-shadow: 0px 12px 44px 4px rgba(0,0,0,0.45); -moz-box-shadow: 0px 12px 44px 4px rgba(0,0,0,0.45); }
.content__sub0201 .ss04 .development .flow li:first-child:after { display: none; }
.content__sub0201 .ss05 { position: relative; padding: 90rem 0; }
.content__sub0201 .ss05 .top_desc { text-align: center; line-height: 1.5; }
.content__sub0201 .ss05 .top_desc .text_gold span { font-family: 'Nanum Myeongjo'; font-size: 36rem; font-weight: 100; }
.content__sub0201 .ss05 .top_desc .text_gold h1 { font-size: 56rem; }
.content__sub0201 .ss05 .top_desc p { font-size: 36rem; font-weight: 200; margin-top: 50rem; }
.content__sub0201 .ss05 .img_garam { position: relative; margin-top: 80rem; height: 680rem; }
.content__sub0201 .ss05 .img_garam img { width: 100%; height: 100%; object-fit: cover; object-position: 0 80%; }
.content__sub0201 .ss05 .certified { text-align: center; margin-top: 100rem; }
.content__sub0201 .ss05 .certified .text_gold { line-height: 1.8; }
.content__sub0201 .ss05 .certified .text_gold span { font-family: 'Nanum Myeongjo'; font-size: 36rem; font-weight: 100; }
.content__sub0201 .ss05 .certified .text_gold p { font-size: 56rem; }
.content__sub0201 .ss05 .certified .text_gold p i { background-color: var(--color-point); color: white; border-radius: 5rem; padding-inline: 5rem; margin-right: 7rem; }
.content__sub0201 .ss05 .img_certified { position: relative; margin-top: 70rem; }
.content__sub0201 .ss05 .img_certified ul { display: flex; justify-content: center; gap: 15rem; }
.content__sub0201 .ss05 .img_certified ul li { background-color: #f9f9f9; width: 350rem; display: flex; justify-content: center; padding: 35rem 0px; }

/* 03__goods */
.content__sub0301 .ss01 { padding-bottom: 60rem !important; }
.content__sub0301 .ss01 .text { margin-bottom: 50rem; }
.content__sub0301 .ss02 { position: relative; }
.content__sub0301 .ss01 h2.title__bold { margin-top: 50rem !important; }
.content__sub0301 .banner { background-color: rgb(0 0 0 / 70%); background-image: url(/images/content/img__0301_ss02.png); background-size: cover; background-blend-mode: multiply; height: 745rem; background-attachment: fixed; background-position: center; background-repeat: no-repeat; }
.content__sub0301 .ss02 .banner .inr { height: 100%; }
.content__sub0301 .banner .text { font-size: 42rem; color: #fff; text-align: center; display: flex; justify-content: center; height: 100%; align-items: center; }
.content__sub0301 .ss03 { position: relative; background-color: #f9f5f0; }
.content__sub0301 .ss03 .wrap { max-width: 1460rem; margin: 0 auto; padding: 100rem 0; }
.content__sub0301 .ss03 .title { text-align: center; line-height: 1.5; display: flex; flex-direction: column; align-items: center; }
.content__sub0301 .ss03 .title h3 { font-size: 36rem; font-weight: 300; }
.content__sub0301 .ss03 .title .underline { font-size: 42rem; width: fit-content; }
.content__sub0301 .ss03 .title .underline::after { content: ''; height: 3rem; display: block; background-color: var(--color-point); width: 100%; left: 50%; transform: translateX(-50%); position: relative; top: -8rem; }
.content__sub0301 .ss03 .box { margin-top: 70rem; }
.content__sub0301 .ss03 .box .box_list { display: flex; flex-direction: column; gap: 30rem; }
.content__sub0301 .ss03 .box .box_list .content { display: flex; background-color: var(--color-point); padding: 80rem 100rem; border-radius: 10rem; gap: 90rem; align-items: center; }
.content__sub0301 .ss03 .box .box_list .content .logo { padding: 60rem; background-color: #fff; border-radius: 10rem; }
.content__sub0301 .ss03 .box .box_list .content .logo img { width: 180rem; }
.content__sub0301 .ss03 .box .box_list .content .text { color: #fff; }
.content__sub0301 .ss03 .box .box_list .content .text .btitle { text-align: left; font-size: 50rem; }
.content__sub0301 .ss03 .box .box_list .content .text p { font-size: 24rem; line-height: 1.6; margin-top: 20rem; }
.content__sub0301 .ss04 .prods { display: flex; margin-bottom: 10px; }
.content__sub0301 .ss04 .prod.active { background-color: #ddd; font-weight: bold; border-bottom: none; }
.content__sub0301 .ss04 .prod-content { display: none; }
.content__sub0301 .ss04 .prod-content.active { display: block; }
.content__sub0301 .ss04 { position: relative; max-width: 1460rem; margin: 0 auto; }
.content__sub0301 .ss04 .products { padding: 140rem 0; }
.content__sub0301 .ss04 .products .pTitle { text-align: center; line-height: 1.6; }
.content__sub0301 .ss04 .products .pTitle i { font-size: 18rem; font-weight: 700; color: var(--color-point); }
.content__sub0301 .ss04 .products .pTitle .title { font-size: 42rem; }
.content__sub0301 .ss04 .products .product_wrap .product_prod { display: flex; gap: 40rem; justify-content: center; margin: 80rem 0;}
.content__sub0301 .ss04 .prod.active { background-color: var(--color-point); font-weight: bold; color: white; }
.content__sub0301 .ss04 .prod { padding: 15rem 25rem; border-radius: 6rem; font-size: 22rem; transition: background-color 0.3s; cursor: pointer; }
.content__sub0301 .ss04 .products .product_wrap .product_view { }
.content__sub0301 .ss04 .products .product_wrap .product_view .swiper-slide { display: flex; flex-direction: column; align-items: center; gap: 30rem; }
.content__sub0301 .ss04 .products .product_wrap .product_view .swiper-slide .img_product { max-width: 360rem; }
.content__sub0301 .ss04 .products .product_wrap .product_view .swiper-slide .img_product img { object-fit: cover; border-radius: 10rem; }
.content__sub0301 .ss04 .products .product_wrap .product_view .swiper-slide .product_title { font-size: 24rem; font-weight: 600; }
.content__sub0301 .ss05 { position: relative; }
.content__sub0301 .ss05 .banner { background-image: url(/images/content/img_sub0301_ss05.png); display: flex; }
.content__sub0301 .ss05 .banner .inr { padding-bottom: 150rem !important; }
.content__sub0301 .ss05 .banner .text { flex-direction: column; gap: 30rem; line-height: 1.5; }
.content__sub0301 .ss05 .banner .text p { font-size: 26rem; }
.content__sub0301 .ss05 .banner .text h1 { font-size: 42rem; }
.content__sub0301 .ss05 .ingred { display: flex; flex-direction: column; max-width: 1460rem; margin: 0 auto; bottom: 200rem; position: relative; }
.content__sub0301 .ss05 .ingred .ingred_list { display: flex; align-items: flex-end; gap: 200rem; }
.content__sub0301 .ss05 .ingred .ingred_list .desc { display: flex; margin-bottom: 140rem; flex-direction: column; gap: 20rem; }
.content__sub0301 .ss05 .ingred .ingred_list.i02 .desc { text-align: right; }
.content__sub0301 .ss05 .ingred .ingred_list .desc h1 { font-size: 38rem; }
.content__sub0301 .ss05 .ingred .ingred_list .desc p { font-size: 20rem; line-height: 1.8; }
.content__sub0301 .ss05 .ingred .ingred_list.i02 { flex-direction: row-reverse; }
.content__sub0301 .ss05 .ingred .ingred_list .img { position: relative; aspect-ratio: 3/4; max-width: 420rem; }
.content__sub0301 .ss05 .ingred .ingred_list .img img { height: 100%; object-fit: cover; }
.content__sub0301 .ss05 .ingred .ingred_list.i02 .desc { text-align: right; }
.content__sub0301 .ss05 .ingred .ingred_list .img::after { content: ''; display: block; background: url(/images/content/img_sub0301_ing01-1.png) no-repeat; width: 280rem; height: 280rem; position: absolute; bottom: -25%; right: -25%; background-position: center; }
.content__sub0301 .ss05 .ingred .ingred_list.i02 .img::after { background: url(/images/content/img_sub0301_ing02-2.png) no-repeat; width: 310rem; height: 280rem; left: -25%; background-position: center; }
.content__sub0301 .ss05 .ingred .ingred_list.i03 .img::after { background: url(/images/content/img_sub0301_ing03-3.png) no-repeat; width: 310rem; background-position: center; }
.content__sub0301 .ss06 { position: relative; margin-top: 60rem; }
.content__sub0301 .ss06 .ss06_title { display: flex; flex-direction: column; align-items: center; gap: 30rem; }
.content__sub0301 .ss06 .ss06_title span { background-color: var(--color-point); color: #fff; font-size: 40rem; padding: 2rem 20rem; border-radius: 5rem; }
.content__sub0301 .ss06  .certificate .title { background: url(/images/content/img_0301_ss06.jpg) no-repeat; background-color: rgb(0 0 0 / 70%); background-blend-mode: multiply; background-size: cover; background-attachment: fixed; height: 380rem; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; font-size: 42rem; padding-bottom: 170rem; }
.content__sub0301 .ss06 .ss06_title .text__gold { font-size: 42rem; color: var(--color-point); }
.content__sub0301 .ss06 .ss06_title p { font-family: 'Nanum Myeongjo'; font-size: 28rem; }
.content__sub0301 .ss06 .certificate { position: relative; margin-top: 100rem; }
.content__sub0301 .ss06 .certificate .cer { display: flex; justify-content: center; gap: 30rem; position: relative; bottom: 230rem; }
.content__sub0301 .ss06 .certificate .cer img { max-width: 400rem !important; border: 3rem solid var(--color-point); box-sizing: border-box; }
.content__sub0301 .ss06 .certificate .report_img { max-width: 500px; margin: 0 auto; margin-top: -190rem; border: 1px solid #ddd; }

/* 04_salt */
.content__0401 { position: relative; margin-bottom: 60rem;}
.content__0401 .ss01 { margin-top: 80rem;}
.content__0401 .ss01 .banner { background-color: rgb(0 0 0 / 70%); background-image: url(/images/content/img_sub0401_ss01.png); background-size: cover; background-blend-mode: multiply; height: 650rem; background-attachment: fixed; background-position: center; background-repeat: no-repeat; display: flex; justify-content: center; }
.content__0401 .ss01 .banner .tit { display: flex; flex-direction: column; color: #fff; align-items: center; justify-content: center; gap: 15rem; }
.content__0401 .ss01 .banner .tit i { color: var(--color-point); font-weight: 700; font-size: 18rem; }
.content__0401 .ss01 .banner .tit h1.bold { font-size: 42rem; }
.content__0401 .ss01 .text { text-align: center; background-color: #f4ece1; height: 340rem; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.5; gap: 20rem; }
.content__0401 .ss01 .text p { font-size: 20rem; }
.content__0401 .ss01 .text span.text_gold { font-size: 32rem; font-weight: 300 !important; }
.content__0401 .ss02 { position: relative; max-width: 1460rem; margin: 0 auto; padding-top: 120rem; }
.content__0401 .ss02 .tit { text-align: center; display: flex; flex-direction: column; gap: 20rem; }
.content__0401 .ss02 .tit h1.title { font-size: 42rem; }
.content__0401 .ss02 .tit p { font-size: 18rem; }
.content__0401 .ss02 .infograph { margin-top: 80rem; }
.content__0401 .ss02 .infograph .img_mobile {display: none;}
.content__0401 .ss03 { position: relative; background-color: rgb(0 0 0 / 70%); background-image: url(/images/content/img_sub0401_ss03.png); background-size: cover; background-blend-mode: multiply; background-attachment: fixed; background-position: center; background-repeat: no-repeat; padding: 100rem 0; margin-top: 150rem; }
.content__0401 .ss03 .tit { color: #fff; display: flex; flex-direction: column; align-items: center; gap: 15rem; }
.content__0401 .ss03 .tit i { color: var(--color-point); font-weight: 700; font-size: 18rem; }
.content__0401 .ss03 .tit h1.bold { font-size: 42rem; }
.content__0401 .ss03 .grid { position: relative; max-width: 1460rem; margin: 0 auto; margin-top: 60rem; }
.content__0401 .ss03 .grid .list_ben { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30rem; }
.content__0401 .ss03 .grid .list_ben li { background-color: #f8f2eb; padding: 20rem 30rem; border-radius: 5rem; }
.content__0401 .ss03 .grid .list_ben li > p { font-size: 20rem; display: flex; flex-direction: row; align-items: center; position: relative; gap: 25rem; font-weight: 600; }
.content__0401 .ss03 .grid .list_ben li > p::before { content: ''; display: block; background-image: url(/images/content/img_0401_ico01.svg); background-repeat: no-repeat; background-position: center; width: 60rem; height: 60rem; background-size: cover; }
.content__0401 .ss03 .grid .list_ben li:nth-child(2) > p::before { background-image: url(/images/content/img_0401_ico02.svg); }
.content__0401 .ss03 .grid .list_ben li:nth-child(3) > p::before { background-image: url(/images/content/img_0401_ico03.svg); }
.content__0401 .ss03 .grid .list_ben li:nth-child(4) > p::before { background-image: url(/images/content/img_0401_ico04.svg); }
.content__0401 .ss03 .grid .list_ben li:nth-child(5) > p::before { background-image: url(/images/content/img_0401_ico05.svg); }
.content__0401 .ss03 .grid .list_ben li:nth-child(6) > p::before { background-image: url(/images/content/img_0401_ico06.svg); }
.content__0401 .ss04 { padding: 150rem 0; max-width: 1460rem; margin: 0 auto; }
.content__0401 .ss04 .tit { display: flex; flex-direction: column; align-items: center; gap: 20rem; text-align: center; }
.content__0401 .ss04 .tit i { color: var(--color-point); font-weight: 700; font-size: 18rem; }
.content__0401 .ss04 .tit h1.title { font-size: 42rem; }
.content__0401 .ss04 .cont_box { display: flex; gap: 30rem; margin-top: 80rem; }
.content__0401 .ss04 .cont_box .cont { display: flex; flex-direction: column; gap: 40rem; }
.content__0401 .ss04 .cont_box .cont img { width: 750rem; height: 550rem; object-fit: cover; border-radius: 6rem; }
.content__0401 .ss04 .cont_box .cont:nth-child(2) { padding-top: 80rem; }
.content__0401 .ss04 .cont_box .cont ul { display: flex; flex-direction: column; gap: 20rem; line-height: 2; font-size: 18rem; }
.content__0401 .ss04 .cont_box .cont ul li { font-size: 28rem; font-weight: 700; }
.content__0401 .ss05 { position: relative; }
.content__0401 .ss05 .title { text-align: center; font-size: 28rem; background-color: #f4ece1; padding: 120rem 0 340rem; }
.content__0401 .ss05 .instagram ul { display: flex; gap: 30rem; }
.content__0401 .ss05 .instagram { max-width: 1460rem; margin: 0 auto; margin-top: -250rem; }
.content__0401 .ss05 .instagram ul li { transition: all 0.3s; border-radius: 10rem; border: 1px solid #b5b5b5; box-shadow: -1px -1px 21px -8px rgba(0,0,0,0.42); -webkit-box-shadow: -1px -1px 21px -8px rgba(0,0,0,0.42); -moz-box-shadow: -1px -1px 21px -8px rgba(0,0,0,0.42); }
.content__0401 .ss05 .instagram ul li:hover { transform: scale(1.03); transition: all 0.3s; }
.content__0401 .ss05 .instagram ul li img { border-radius: 10rem; box-sizing: border-box; }



@media screen and (max-width: 1024px) {
/* 02_brand sub01 */
    #content .content_intros .text { font-size: 32rem; }
    #content .content_intros { margin-top: 60rem; padding-bottom: 150rem; }
    .content__sub0201 .running_animate.line01 { margin-top: 10rem; }
    .content__sub0201 .background { gap: 20rem; }
    .content__sub0201 .background_image ul li { height: 350rem; gap: 20rem; }
    .content__sub0201 .background_image ul li span { font-size: 30rem; }
    .content__sub0201 .ss02 { padding: 80rem 50rem; }
    .content__sub0201 .ss02 .text span { font-size: 35rem; }
    .content__sub0201 .running_animate.line02 { margin: 20rem 0; }
    .content__sub0201 .ss02 .image_wrapper { height: 470rem; }
    .content__sub0201 .ss02 .image_text h1 { font-size: 42rem; }
    .content__sub0201 .ss03 { padding: 80rem 0; }
    .content__sub0201 .ss03 .sTitle { padding: 0 100rem; }
    .content__sub0201 .ss03 .origin_content .origin_info .text { padding-top: 100rem; padding-inline: 60rem; }
    .content__sub0201 .ss03 .origin_content .origin_info .origin_slider { width: 90%; }
    .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .title { padding: 60rem 0; }
    .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .slider .oSlider .swiper-slide { height: auto; }
    .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-control .swiper-button-next { right: 0; border-radius: 5rem; }
    .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-control .swiper-button-prev { left: 0; border-radius: 5rem; }
    .content__sub0201 .ss04 { width: 90%; padding-bottom: 220rem; }
    .content__sub0201 .ss04 .development .flow { gap: 10rem; }
    .content__sub0201 .ss04 .development .flow li p { font-size: 20rem; }
    .content__sub0201 .ss04 .development .flow li { gap: 20rem; }
    .content__sub0201 .ss04 .development .flow li:after { width: 50rem; height: 50rem; left: -30rem; transform: translateY(40%); }
    .content__sub0201 .ss05 .top_desc { width: 90%; margin: 0 auto; }
    .content__sub0201 .ss05 .img_garam { height: 440rem; }
    .content__sub0201 .ss05 .certified { width: 90%; margin: 0 auto; margin-top: 60rem; }
    .content__sub0201 .ss05 .certified .text_gold span { font-size: 24rem; }
    .content__sub0201 .ss05 .certified .text_gold p { font-size: 49rem; }
    .content__sub0201 .ss05 .img_certified { width: 90%; margin: 40px auto 0 auto; }

/* 03_goods */
    .content__sub0301 .banner { max-height: 400rem; }
    .content__sub0301 .ss03 .wrap, .content__sub0301 .ss04 { width: 90%; }
    .content__sub0301 .ss04 .products { padding: 10% 0; }
    .content__sub0301 .ss04 .products .product_wrap .product_prod { margin: 40rem 0; }
    .content__sub0301 .ss05 .banner .inr { padding: 20rem 60rem 90rem 60rem !important;}
    .content__sub0301 .ss05 .ingred { bottom: 80rem; width: 90%; gap: 50rem; }
    .content__sub0301 .ss05 .ingred .ingred_list { gap: 80rem; }
    .content__sub0301 .ss05 .ingred .ingred_list .img { max-width: 340rem; }
    .content__sub0301 .ss06 { margin-top: 120rem; }

/* 04_salt */
    .content__0401 .ss01 .banner { max-height: 400rem; }
    .content__0401 .ss01 .text { padding: 0 10%; }
    .content__0401 .ss02 { width: 90%; }
    .content__0401 .ss03 .grid { width: 90%; }
    .content__0401 .ss03 .grid .list_ben li:nth-child(3) > p::before { width: 100rem; }
    .content__0401 .ss04 { padding: 80rem 0; width: 90%; }
    .content__0401 .ss05 .instagram { width: 80%; margin-top: -140rem; }
    .content__0401 .ss05 .title { padding: 70rem 0 200rem; }

 }

@media screen and (max-width: 768px) {
/* 02_brand sub01 */
    .content__sub0201 .background p { font-size: 30rem; }
    .content__sub0201 .background span { font-size: 30rem; }
    .content__sub0201 .background_image { margin-top: 40rem; }
    .content__sub0201 .background_image ul li { height: auto; padding: 40rem 0; }
    .content__sub0201 .background_image ul { flex-direction: column; }
    .content__sub0201 .obj-circle { --sizeWid: 120rem; }
    .content__sub0201 .ss02 .image_wrapper { max-height: 350rem; margin-top: 90rem; }
    .content__sub0201 .ss02 .image_text p { font-size: 24rem; }
    .content__sub0201 .ss02 .image_text h1 { font-size: 30rem; }
    .content__sub0201 .ss05 .top_desc .text_gold h1 { font-size: 40rem; }
    .content__sub0201 .ss05 .top_desc p { font-size: 24rem; margin-top: 20rem; }
    .content__sub0201 .ss05 .certified .text_gold p { font-size: 38rem; }
    .content__sub0201 .ss05 .certified .text_gold span { font-size: 20rem; }
    .content__sub0201 .ss05 .img_certified ul li { width: 100%; padding: 30rem 30rem; }
    .content__sub0201 .ss05 .img_certified ul li img { object-fit: contain; }

/* 03_goods */
    .content__sub0301 .banner .text, .content__sub0301 .ss03 .box .box_list .content .text .btitle, .content__sub0301 .ss05 .banner .text h1 { font-size: 30rem; }
    .content__sub0301 .banner { max-height: 300rem; }
    .content__sub0301 .ss03 .box .box_list .content { padding: 40rem 30rem; gap: 40rem; }
    .content__sub0301 .ss03 .box .box_list .content .text p { font-size: 18rem; }
    .content__sub0301 .ss05 .banner .text { gap: 10rem; }
    .content__sub0301 .ss05 .banner .text p { font-size: 18rem; }
    .content__sub0301 .ss05 .ingred .ingred_list .img { max-width: 270rem; }
    .content__sub0301 .ss05 .ingred .ingred_list .img::after { width: 180rem !important; height: 180rem !important; background-size: contain !important; }
    .content__sub0301 .ss05 .ingred .ingred_list .desc { margin-bottom: 50rem; width: 90%; }
    .content__sub0301 .ss05 .ingred .ingred_list .desc h1 { font-size: 24rem; }
    .content__sub0301 .ss05 .ingred .ingred_list .desc p { font-size: 18rem; }
    .content__sub0301 .ss06 .ss06_title { width: 90%; margin: 0 auto; text-align: center; }
    .content__sub0301 .ss06 .certificate .cer img { max-width: 36% !important; }
    .content__sub0301 .ss06 .certificate .title { max-height: 220rem; padding-bottom: 160rem; }
    .content__sub0301 .ss06 .certificate .cer { bottom: 160rem; width: 80%; margin: 0 auto; gap: 20rem; }
    
/* 04_salt */
    .content__0401 .ss03 .grid .list_ben li:nth-child(3) > p::before { width: 160rem; }
    .content__0401 .ss03 .grid .list_ben li:nth-child(1) > p::before { width: 80rem; }
 }


@media screen and (max-width: 480px) {
 /* 02_brand sub01 */
    #content .content_subtitle { font-size: 18rem; }
    #content .content_intros .text, 
    .content__sub0201 .background p, 
    .content__sub0201 .background_image ul li p, 
    .content__sub0201 .ss05 .top_desc p, 
    .content__sub0201 .ss02 .image_text p,
    .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .title p { font-size: 20rem; }
    .content__sub0201 .background span, .content__sub0201 .ss02 .text p, .content__sub0201 .ss02 .text span, .content__sub0201 .ss03 .sTitle span, .content__sub0201 .ss03 .sTitle p, .ss03 .sTitle p span, .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .title span, .content__sub0201 .ss04 .sTitle, .content__sub0201 .ss05 .top_desc .text_gold span, .content__sub0201 .ss05 .top_desc .text_gold h1, .content__sub0201 .ss05 .certified .text_gold p { font-size: 24rem; }
    .content__sub0201 .ss02 { padding: 50rem 30rem; }
    .content__sub0201 .ss02 .image_wrapper { max-height: 300rem; }
    .content__sub0201 .ss02 .image_text h1 { font-size: 22rem; padding-inline: 30rem; }
    .content__sub0201 .ss03 { padding: 40rem 0; }
    .content__sub0201 .ss03 .sTitle { gap: 20rem; padding: 0 40rem; margin-bottom: 40rem; }
    .content__sub0201 .ss03 .origin_content .origin_info .text { padding: 60px 30px; font-size: 23rem; line-height: 1.5; margin: 0; }
    .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .title { padding: 30rem 20rem; }
    .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-pagination { margin: 30rem 0; padding-bottom: 20rem; }
    .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-control .swiper-button-next, .content__sub0201 .ss03 .origin_content .origin_info .origin_slider .swiper-control .swiper-button-prev { width: 0rem; height: 30rem; }
    .content__sub0201 .ss04 { margin-top: 30rem; }
    .content__sub0201 .ss04 .development .flow { margin-top: 40rem; grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .content__sub0201 .ss04 .development .flow li:after { display: none; }
    .content__sub0201 .ss04:before { background-position: 48%; }
    .content__sub0201 .ss04 { padding-bottom: 140rem; }
    .content__sub0201 .ss04 .development .flow li img { max-height: 170rem; width: 100%; object-fit: cover; }
    .content__sub0201 .ss05 { padding: 40rem 0; }
    .content__sub0201 .ss05 .img_garam { height: 200rem; margin-top: 30rem; }
    .content__sub0201 .ss05 .certified { margin-top: 40rem; }
    .content__sub0201 .ss05 .img_certified ul { flex-direction: column; }
    .content__sub0201 .ss05 .img_certified ul li { padding: 40rem 0; }

/* 03_goods */
    #content .title__bold { font-size: 24rem; }
    .content__sub0301 .banner .text, .content__sub0301 .ss03 .box .box_list .content .text .btitle, .content__sub0301 .ss05 .banner .text h1 { font-size: 24rem; }
    .content__sub0301 .banner { max-height: 200rem; }
    .content__sub0301 .ss03 .wrap, .content__sub0301 .ss04 { padding: 50rem 0; }
    .content__sub0301 .ss03 .title h3 { font-size: 22rem; }
    .content__sub0301 .ss03 .title .underline { font-size: 30rem; text-decoration: underline 2px; }
    .content__sub0301 .ss03 .title .underline::after { display: none; }
    .content__sub0301 .ss03 .box { margin-top: 35rem; }
    .content__sub0301 .ss03 .box .box_list .content { flex-direction: column; }
    .content__sub0301 .ss04 .products .product_wrap .product_prod { flex-direction: row; gap: 10rem; }
    .content__sub0301 .ss04 .prod { display: flex; align-items: center; border-bottom: 1px solid #ddd; font-size: 16rem; padding: 10rem; text-align: center; line-height: 1.5; }
    .content__sub0301 .banner { max-height: 390rem; }
    .content__sub0301 .ss05 .ingred .ingred_list { flex-direction: column; align-items: center; }
    .content__sub0301 .ss05 .ingred .ingred_list .img { width: 80%; max-width: fit-content; }
    .content__sub0301 .ss05 .ingred .ingred_list .img::after, .content__sub0301 .ss05 .ingred .ingred_list.i02 .img::after { right: -10%; left: auto; }
    .content__sub0301 .ss05 .ingred .ingred_list.i02 { flex-direction: column; }
    .content__sub0301 .ss05 .ingred { gap: 0; }
    .content__sub0301 .ss05 .ingred .ingred_list.i02 .desc { text-align: start; }
    .content__sub0301 .ss06 { margin-top: 0rem; }
    .content__sub0301 .ss06 .ss06_title { gap: 20rem; }
    .content__sub0301 .ss06 .ss06_title span { font-size: 22rem; }
    .content__sub0301 .ss06 .ss06_title .text__gold { font-size: 30rem; }
    .content__sub0301 .ss06 .ss06_title p { font-size: 20rem; }
    .content__sub0301 .ss06 .certificate { margin-top: 40rem; }
    .content__sub0301 .ss06 .certificate .title { font-size: 28rem; max-height: 140rem; }
    .content__sub0301 .ss06 .certificate .cer { flex-direction: column; align-items: center; }
    .content__sub0301 .ss06 .certificate .cer img { max-width: 80% !important;}
    .content__sub0301 .ss06 .certificate .report_img { margin-top: -30%; width: 80%; }

/* 04_salt */
    .content__0401 .ss01 .banner .tit h1.bold, .content__0401 .ss02 .tit h1.title, .content__0401 .ss03 .tit h1.bold,.content__0401 .ss04 .tit h1.title { font-size: 32rem; }
    .content__0401 .ss01 .banner .tit i, .content__0401 .ss01 .text p, .content__0401 .ss03 .tit i, .content__0401 .ss04 .tit i, .content__0401 .ss04 .cont_box .cont ul p { font-size: 14rem; }
    .content__0401 .ss01 .text span.text_gold, .content__0401 .ss04 .cont_box .cont ul li { font-size: 20rem; }
    .content__0401 .ss02 .tit p { font-size: 14rem; line-height: 1.5; }
    .content__0401 .ss02 { padding-top: 60rem; }
    .content__0401 .ss02 .infograph .img_desktop { display: none; }
    .content__0401 .ss02 .infograph .img_mobile { display: block; }
    .content__0401 .ss03 { margin-top: 80rem; padding: 60rem 20rem; }
    .content__0401 .ss03 .tit { text-align: center; }
    .content__0401 .ss03 .grid .list_ben { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 10rem; }
    .content__0401 .ss03 .grid .list_ben li > p { gap: 15rem; font-size: 15rem; }
    .content__0401 .ss03 .grid .list_ben li { padding: 10rem; }
    .content__0401 .ss03 .grid .list_ben li:nth-child(3) > p::before { width: 110rem; }
    .content__0401 .ss03 .grid .list_ben li:nth-child(1) > p::before { width: 60rem; }
    .content__0401 .ss04 .cont_box { margin-top: 40rem; flex-direction: column; }
    .content__0401 .ss04 .cont_box .cont img { height: 400rem; width: 100%; }
    .content__0401 .ss04 .cont_box .cont:nth-child(2) { padding: 0; }
    .content__0401 .ss04 .cont_box .cont ul { gap: 0; }
    .content__0401 .ss05 .instagram ul { flex-direction: column; }
    .content__0401 .ss05 .title { font-size: 18rem; padding-inline: 20rem; line-height: 1.5; }

 }