@charset "utf-8";

/* header */
header .logo__green{fill:#fff;}
header .logo__white{fill:#fff;}
header .logo__yellow{fill:#fff;}

#content {padding: 145rem 0;}
#content .wrap {max-width: 1520rem; margin: 0 auto; padding: 0 30rem;}
#content02 {padding: 80rem 0 150rem; position: relative;}
#content02 .wrap {max-width: 1080rem; margin: 0 auto; padding: 0 30rem;}

/* lnb */
/* 기존디자인
.wrap_lnb {position: absolute; bottom: -52rem; left: 50%; transform: translateX(-50%); width: calc(100% - 60rem); max-width: 1520rem; background: #fff; border-radius: 5rem; -webkit-box-shadow: 0px 13px 17px -1px rgba(170,170,170,0.1); box-shadow: 0px 13px 17px -1px rgba(170,170,170,0.1);}
.lnb ul {display: flex; justify-content: center; align-items: center; height: 103rem;}
.lnb ul li {height: 100%;}
.lnb ul li a {font-size: 20rem; color: #adadad; font-weight: 600; display: flex; height: 100%; padding: 0 30rem; position: relative; align-items: center;}
.lnb ul li a.on {color: #009944; border-bottom: 2rem solid #009944;}
*/
.wrap_lnb {width: calc(100% - 60rem); max-width: 1520rem; margin:0 auto; padding-top:30rem; background: #fff;}
.lnb ul {display: flex; justify-content: center; align-items: center; gap:5rem 20rem;}
.lnb ul li {}
.lnb ul li a {display:flex; justify-content:center; align-items:center; background: #f4f4f4; border-radius: 10rem; min-width:240rem; height: 65rem; font-size: max(1.0417vw, 16rem); color: #bcbcbc; font-weight: 600; text-align: center;}
.lnb ul li a.on {background: #009944; color: #fff;}

/* 탭 */
/* 기존디자인
.sub-tab {display: flex; justify-content: center; padding: 0 30rem;}
.sub-tab li {background: #f4f4f4; border-radius: 10rem; width: 240rem; height: 65rem; font-size: max(1.0417vw, 16rem); color: #bcbcbc; font-weight: 600; text-align: center; line-height: 65rem; cursor: pointer;}
.sub-tab li:nth-child(n+2) {margin-left: 20rem;}
.sub-tab li.on {background: #009944; color: #fff;}
.sub-tab__cont {display: none;}
.sub-tab__cont.on {display: block;} 
*/
.sub-tab {display: flex; justify-content: center; align-items: center; gap:5rem 20rem; padding: 0 30rem;}
.sub-tab li {display:flex; justify-content: center; align-items: center; position: relative; height:60rem; box-sizing:border-box; padding:10rem 30rem; border-bottom:2rem solid transparent; line-height:1.3; text-align:center; font-size: 20rem; color: #adadad; font-weight: 600; cursor:pointer;}
.sub-tab li.on {color: #009944; border-bottom-color:#009944;}
.sub-tab__cont {display: none;}
.sub-tab__cont.on {display: block;} 

/* sub visual */
.sub-visual {height: 550rem; position: relative; background-color: #000 !important;}
.sub-visual picture{overflow:hidden; display:block; width:100%; height:100%;}
.sub-visual picture img{object-fit:cover; width:100%; height:100%;}

/*
.sub-visual.vis01 {background: url('../images/content/sub-visual01.jpg') no-repeat center/cover;}
.sub-visual.vis02 {background: url('../images/content/sub-visual02.jpg') no-repeat center/cover;}
.sub-visual.vis03 {background: url('../images/content/sub-visual03.jpg') no-repeat center/cover;}
.sub-visual.vis04 {background: url('../images/content/sub-visual04.jpg') no-repeat center/cover;}
.sub-visual.vis05 {background: url('../images/content/sub-visual05.jpg') no-repeat center/cover;}
.sub-visual.vis06 {background: url('../images/content/sub-visual06.jpg') no-repeat center/cover;}
*/
.sub-visual__tit {position: absolute; top: 45%; left: 50%; transform: translateX(-50%);}
.sub-visual__tit-inr {width: 1520rem; margin: 0 auto; padding: 0 30rem;}
.sub-visual__tit h2 {font-size: max(3.3854vw, 50rem); color: #fff; padding-top: 5rem;}
.sub-visual__tit span {color: #fff; font-size: max(1.1458vw, 20rem); font-weight: 700; display: block;}

.btn_area.custom{padding-top:80rem;}
.btn_area.custom .button{display:inline-flex; justify-content:center; align-items:center; min-width:240rem; min-height:60rem; height:auto; background-color:var(--primary); border-color:var(--primary); border-radius:50rem;}
.btn_area.custom .button.lg{font-size:18rem;}

/* 회사소개 */
.about-wrap .wrap{display:flex; justify-content:space-between; gap:40rem;}
.about-page__img {order:2;}
.about-page__img span{display:block; overflow:hidden; border-radius:10rem;}
.about-page__img img {max-width:100%;}
.about-page__txt {margin-top:10rem;}
.about-page__txt strong {display:block; font-size: max(2.3438vw, 30rem); color: #111; font-weight: 700;}
.about-page__txt strong em {color: #009944; display: block;}
.about-page__txt-p{order:1; flex:auto; margin-top:10rem;}
.about-page__txt-p p {padding-top: 34rem; font-size: max(1.0417vw, 17rem); color: #666; line-height: 1.8;}
.about-page__txt-p p.sign{font-size:max(0.833vw, 16rem);}
.about-page__txt-p p.sign strong{display:block; font-size:max(1.302vw, 25rem);}

/* 연혁 및 비전 */
.history-page{padding-bottom:0 !important;}
.history-page__wrap {background: url('../images/content/history-img01.jpg') no-repeat center/cover; position: relative; background-attachment: fixed; padding-bottom: 135rem;}
.history-page__inr {position: relative; width: 700rem; margin:0 200rem 0 auto; padding-top:120rem;}
.history-page__inr h3 {font-size: max(2.3438vw, 38rem); color: #fff;}
.history-page__list {color: #fff; padding-top: 40rem;}
.history-page__list-wrap {border-radius: 10rem; background: rgba(255,255,255,0.05); padding: 45rem 67rem; display: flex;}
.history-page__list-wrap:nth-child(n+2) {margin-top: 30rem;}
.history-page__list-wrap:nth-child(n+4) {align-items: center;}
.history-page__list-wrap strong {min-width:100rem; font-family:var(--font-ko); font-size: max(1.8229vw, 22rem); font-weight: 700;}
.history-page__item {margin: 0 0 0 36rem;}
.history-page__item li {font-size: max(1.0417vw, 16rem); position: relative; padding-left: 15rem;}
.history-page__item li::before {content: ''; position: absolute; inset: 10rem 0 0 0; width: 3rem; height: 3rem; background: #fff; border-radius: 100%;}
.history-page__item li:nth-child(n+2) {margin-top: 8rem;}
.history-page__item li em {display: inline-block; font-weight: 600; padding-right: 5rem;}

.vison-box__wrap:nth-child(n+2) {margin-top: 130rem;}
.vison-box__wrap h3 {font-size: max(2.3438vw, 28rem); position: relative; padding-left: 58rem;}
.vison-box__wrap h3::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/content/ic-vison.svg') no-repeat; height: max(2.3438vw, 32rem); width: 100%;}
.vison-box__list-wrap {display: grid; gap: 0 40rem; grid-template-columns: 1fr 1fr 1fr; margin-top: 15rem;}
.vison-box__list-top {width: 85%; font-size: max(1.3021vw, 18rem); background: #009944; color: #fff; font-weight: 700; border-radius: 10rem; text-align: center; padding: 13rem 0; margin: 0 auto; position: relative; top: 31rem;}
.vison-box__item-cont {counter-reset: li; background: #f8f8f8; border-radius: 10rem; padding: 80rem 40rem 0;}
.vison-box__item-cont.list01 {height: 300rem;}
.vison-box__item-cont.list02 {height: 230rem;}
.vison-box__item-txt:nth-child(n+2) {margin-top: 20rem;}
.vison-box__item-txt {position: relative; font-size: max(0.9375vw, 16rem); padding-left: 40rem;}
.vison-box__item-txt::before {content: counter(li); counter-increment: li; position: absolute; inset: 0 0 0 0; width: 26rem; height: 26rem; border-radius: 100%; background: #202020; font-size: max(0.8333vw, 14rem); color: #fff; text-align: center; line-height: 26rem; font-weight: 600;}
.vison-box__item-sub {padding-top: 10rem;}
.vison-box__item-sub li {font-size: max(0.8333vw, 14rem); color: #666;}
.vison-box__item-sub li:nth-child(2) {padding-top: 5rem;}

/* 인증서 */
.certificate-page .sub-tab {grid-template-columns: 1fr 1fr 1fr 1fr; margin-top:-80rem;}
.certificate-page .sub-tab__cont {margin-top: 110rem;}
.certificate-page .sub-tab__cont-list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 65rem; width: 912rem; margin: 0 auto;}
.certificate-page .sub-tab__cont-list.col2 {grid-template-columns: 1fr 1fr; width: 588rem;}
.certificate-page .sub-tab__cont-list li i {display: block; width: 100%;}
.certificate-page .sub-tab__cont-list li i img {width: 100%; border: 1rem solid #ddd; border-radius: 10rem;}
.certificate-page .sub-tab__cont-list li p {font-size: max(0.9375vw, 15rem); text-align: center; padding-top: 28rem; font-weight: 600;}

/* 오시는 길 */
.location-page__top {display: flex; justify-content: space-between;}
.location-page__top h3 {font-size: max(2.6042vw, 24rem); line-height: 1.3;}
.location-page__top h3 em {display: block; color: #009944;}
.location-page__list li {font-size: max(1.0417vw, 16rem);}
.location-page__list li:nth-child(n+2) {padding-top: 12rem;}
.location-page__list li strong {font-weight: 700; color: #000; display: inline-block; width: 128rem;}
.location-page__list li span {color: #666;}
.location-page__map {margin-top: 55rem;}
.location-page__map iframe {border: 1rem solid #e8e8e8; border-radius: 10rem;}
.location-page__btn {display: flex; justify-content: right; margin-top: 40rem;}
.location-page__btn a {padding: 0 25rem; height: 52rem; display: block; letter-spacing: -0.5rem; font-size: max(0.8333vw, 14rem); font-weight: 300; border-radius: 5rem; text-align: center; line-height: 52rem;}
.location-page__btn a p {position: relative;}
.location-page__btn a em {font-weight: 600; display: inline-block; padding-left: 30rem;}
.location-page__btn-kakao {background: #ffe502; color: #181600;}
.location-page__btn-naver {background: #03c75a; color: #fff; margin-left: 18rem;}
.location-page__btn-kakao p::before {content: ''; position: absolute; inset: 50% 0; transform: translateY(-50%); background: url('../images/content/ic-kakao.svg') no-repeat; width: 23rem; height: 21rem;}
.location-page__btn-naver p::before {content: ''; position: absolute; inset: 50% 0; transform: translateY(-50%); background: url('../images/content/ic-naver.svg') no-repeat; width: 15rem; height: 14rem;}

/* 브랜드 스토리 */
.brand-page .sub-tab__cont {margin-top: 88rem;}
.brand-page__full {position: relative; min-height: 586rem; box-sizing:border-box; padding:80rem 0;}
.brand-page__full.f1 {background: url('../images/content/brand-full01.jpg') no-repeat center/cover;}
.brand-page__full.f2 {background: url('../images/content/brand-full02.jpg') no-repeat center/cover;}
.brand-page__full.f3 {background: url('../images/content/brand-full0302.jpg') no-repeat center/cover;}
.brand-page__full.f4 {background: url('../images/content/brand-full04.jpg') no-repeat center/cover;}
.brand-page__full.f5 {background: url('../images/content/brand-full05.jpg') no-repeat center/cover;}
.brand-page__full-box {/* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */ width: 705rem; margin:0 auto; text-align: center; background: rgba(255,255,255,0.6); border-radius: 0 0 10rem 10rem;}
.brand-page__full-box em {padding-top: 30rem; display: block; font-size: max(0.8333vw, 14rem); font-weight: 700;}
.brand-page__full-box img {max-width:185rem; max-height:115rem; padding-top: 45rem;}
.brand-page__full-box div {border-top: 1rem solid #e8e8e8; margin-top: 34rem; padding: 34rem 0;}
.brand-page__full-box div span {display: block; font-size: max(1.1458vw, 17rem); font-weight: 400; color: #666;}
.brand-page__full-box div strong {display: block; font-size: max(1.8229vw, 22rem); font-weight: 700; color: #111; padding-top: 5rem;}
.brand-page__full-box.b1 {border-top: 8rem solid #221e1f;}
.brand-page__full-box.b2 {border-top: 8rem solid #a50f19;}
.brand-page__full-box.b3 {border-top: 8rem solid #ffc827;}
.brand-page__full-box.b4 {border-top: 8rem solid #a1dbec;}
.brand-page__full-box.b5 {border-top: 8rem solid #2ad9a0;}
/*
.brand-page__full-box.b1 img {height: 89rem;}
.brand-page__full-box.b2 img {height: 89rem;}
.brand-page__full-box.b3 img {height: 115rem;}
.brand-page__full-box.b4 img {height: 89rem;}
.brand-page__full-box.b5 img {height: 115rem;}
*/
.brand-page__box {margin-top: 105rem;}
.brand-page__box-txt {display: flex; align-items: center;}
.brand-page__box-img {flex:none; width: 48%; display: block;}
.brand-page__box-img img {width: 100%; border-radius: 10rem;}
.brand-page__box-txt.t1 div {margin: 0 0 0 65rem;}
.brand-page__box-txt.t2 {flex-direction: row-reverse; justify-content: space-between; margin-top: 95rem;}
.brand-page__box-txt.t2 div {margin: 0 65rem 0 0;}
.brand-page__box-txt.t3 div {margin: 0 0 0 65rem;}
.brand-page__box-txt.t3 {margin-top: 95rem;}
.brand-page__box04{display:flex; justify-content:space-between; gap:20rem; margin-top:95rem;}
.brand-page__box04 span{display:block;}
.brand-page__box04 span img{max-width:100%;}

.brand-page__box-txt div strong {font-weight: 600; font-size: max(1.8229vw, 22rem);}
.brand-page__box-txt div p {font-weight: 400; font-size: max(0.9375vw, 16rem); margin-top: 30rem; line-height: 1.8; color: #666;}
.brand-ca {padding-top: 95rem;}
.brand-ca span {display:inline-block; margin:30rem 0;}
.brand-ca img {width: 100%; border-radius: 10rem;}
.brand-ca .brand-ca__list{margin-bottom:50rem;}

.brand_slide_ex__mob img{max-width:100%;}
.brand_slide_ex__mob .swiper-slide{border-radius:20rem; overflow:hidden;}

.cor1 {color: #ed2227;}
.cor2 {color: #17a34a;}
.cor3 {color: #3d65b0;}
.cor4 {color: #f68c2e;}
.bg-txt {position: absolute; bottom: -62rem; font-size: max(8.3333vw, 60rem); font-weight: 800; color: #f8f8f8; animation: flow 10s linear infinite; white-space: nowrap;}

[class*="brand_slide_ex"]{padding-top:70rem;}
[class*="brand_slide_ex"] .ctrl{display: flex; padding-bottom:30rem; gap: clamp(5rem, calc( 10 / var(--inr) * 100vw ), 10rem); font-size: clamp(32rem, calc( 55 / var(--inr) * 100vw ), 55rem); }
[class*="brand_slide_ex"] .ctrl__btn{ aspect-ratio: 1; width: clamp(45rem, calc( 60 / var(--inr) * 100vw ), 60rem); background: 0; border: 1rem solid #d0d0d0; border-radius: 50%; box-sizing: border-box; }
[class*="brand_slide_ex"] .ctrl__btn.prev{margin-left:auto;}
[class*="brand_slide_ex"] .ctrl__svg{ width: clamp(12rem, calc( 16 / var(--inr) * 100vw ), 16rem);}
[class*="brand_slide_ex"] .swiper-button-disabled .ctrl__svg{ opacity: .3; }
[class*="brand_slide_ex"] .ctrl__svg .b{stroke-width:1.6rem;}
[class*="brand_slide_ex"] .ctrl__svg .b,
[class*="brand_slide_ex"] .ctrl__svg .c{fill:none;stroke:#2b2b2b;stroke-linecap:round;stroke-linejoin:round;}
[class*="brand_slide_ex"] .ctrl__svg .c{stroke-width:1.5rem;}
[class*="brand_slide_ex"] .swiper-slide{border-radius:20rem; overflow:hidden;}
[class*="brand_slide_ex"] .swiper-slide img{display:block; width:100%;}

[data-shop-list="default"] > li *[data-shop-list="util"]{display:none;}

/* product */
.area_shopList *[data-category-location="tab"] .web{display:flex; justify-content:center; flex-wrap:wrap; gap:10rem; margin-left:0px;}
.area_shopList *[data-category-location="tab"] .web > li{width:auto; padding:0px; margin:0px;}
.area_shopList *[data-category-location="tab"] .web li a{display:inline-flex; justify-content:center; align-items:center; min-width: 130rem; height: 65rem; line-height:1.2em; box-sizing:border-box; padding:3rem 10rem; background: #f4f4f4; border-radius: 10rem; border-width:0; font-size: max(1.0417vw, 16rem); color: #bcbcbc; font-weight: 600; text-align: center; cursor: pointer;}
.area_shopList *[data-category-location="tab"] .web li a.on{background: #009944; color: #fff;}
.area_shopView .gallery_thumbs img{object-fit:cover;}


/* 사업분야-기존 20240115 사용안함 */
.business-page .cont01 .box{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:30rem;}
.business-page .cont01 .box .txt{width:80%;}
.business-page .cont01 .box .txt em{display:block; margin-bottom:15rem; font-weight:600; font-size: max(0.8375vw, 14rem); color:var(--primary);}
.business-page .cont01 .box .txt strong {font-weight: 600; font-size: max(1.8229vw, 22rem);}
.business-page .cont01 .box .txt p {font-weight: 400; font-size: max(0.9375vw, 16rem); margin-top: 30rem; line-height: 1.8; color: #666;}
.business-page .cont01 .ctrl{display: flex; padding-bottom:10rem; gap: clamp(5rem, calc( 10 / var(--inr) * 100vw ), 10rem); font-size: clamp(32rem, calc( 55 / var(--inr) * 100vw ), 55rem); }
.business-page .cont01 .ctrl__btn{ aspect-ratio: 1; width: clamp(45rem, calc( 60 / var(--inr) * 100vw ), 60rem); background: 0; border: 1rem solid #d0d0d0; border-radius: 50%; box-sizing: border-box; }
.business-page .cont01 .ctrl__svg{ width: clamp(12rem, calc( 16 / var(--inr) * 100vw ), 16rem);}
.business-page .cont01 .swiper-button-disabled .ctrl__svg{ opacity: .3; }
.business-page .cont01 .ctrl__svg .b{stroke-width:1.6rem;}
.business-page .cont01 .ctrl__svg .b,
.business-page .cont01 .ctrl__svg .c{fill:none;stroke:#2b2b2b;stroke-linecap:round;stroke-linejoin:round;}
.business-page .cont01 .ctrl__svg .c{stroke-width:1.5rem;}
.business-page .cont01 .swiper-slide{border-radius:20rem; overflow:hidden;}
.business-page .cont01 .swiper-slide img{display:block; width:100%;}
.business-page .cont02{margin-top:120rem;}
.business-page .cont02 h2{display:block; margin-bottom:30rem; font-weight: 600; font-size: max(1.8229vw, 22rem);}
.business-page .cont02 .box_wrap{display:flex; margin-left:-40rem;}
.business-page .cont02 .box{padding-left:40rem; width:calc(100% / 3); box-sizing:border-box;}
.business-page .cont02 .box > div{position:relative; padding:78rem 40rem 40rem; width:100%; height:100%; border:1px solid #ddd; border-radius:20rem; box-sizing:border-box; transition:0.3s ease;}
.business-page .cont02 .box em{display:block; position:absolute; top:-1px; left:50%; transform:translateX(-50%); text-align:center; font-weight: 600; font-size:max(1.1229vw, 18rem); width:80rem; height:38rem; line-height:38rem; border-radius:0 0 10rem 10rem; background:var(--primary); color: #fff;}
.business-page .cont02 .box h3{display:block; text-align:center; font-weight: 600; font-size:max(1.3229vw, 20rem);}
.business-page .cont02 .box h3 img{display:block; margin:0 auto 30rem; height:40rem;}
.business-page .cont02 .box ul.list{padding-top:40rem; margin-top:40rem; border-top:1px dashed #ddd;}
.business-page .cont02 .box ul.list li{position:relative; padding-left:12rem; font-weight:400; font-size:max(0.9375vw, 16rem); color:#444;}
.business-page .cont02 .box ul.list li:before{content:'-'; display:block; position:absolute; top:0; left:0; font-weight:400; font-size:max(0.9375vw, 16rem); color:#444;}
.business-page .cont02 .box ul.list li+li{margin-top:8rem;}
.business-page .cont02 .box ul.img_logo{display:flex; margin-top:40rem; margin-left:-30rem; flex-wrap:wrap;}
.business-page .cont02 .box ul.img_logo li{padding-left:30rem; width:calc(100% / 3); height:50rem; box-sizing:border-box;}
.business-page .cont02 .box ul.img_logo li:nth-child(-n+3){margin-bottom:20rem;}
.business-page .cont02 .box ul.img_logo li span{display:block; width:100%; height:100%}
.business-page .cont02 .box ul.img_logo li span img{display:block; width:100%; height:100%; object-fit:contain;}
.business-page .cont02 i{display:block; margin-top:20rem; font-weight:400; font-size:max(0.9375vw, 16rem); color:#444;}
@media(hover:hover){
    .business-page .cont02 .box > div:hover{border-color:var(--primary);}
}
@media(max-width:1279px){
    .business-page .cont02{margin-top:100rem;}
    .business-page .cont02 .box_wrap{margin-left:-20rem;}
    .business-page .cont02 .box{padding-left:20rem;}
}
@media(max-width:1024px){
    .business-page .cont02 .box > div{padding:78rem 20rem 40rem;}
}
@media(max-width:860px){
    .business-page .cont02{margin-top:80rem;}
    .business-page .cont01 .swiper-slide{border-radius:15rem;}
    .business-page .cont02 .box > div{padding:50rem 20rem 20rem; border-radius:15rem;}
    .business-page .cont02 .box em{width:60rem; height:30rem; line-height:30rem;}
    .business-page .cont02 .box ul.list{margin-top:20rem; padding-top:20rem;}
    .business-page .cont02 .box ul.img_logo{margin-top:20rem;}
    .business-page .cont02 .box ul.img_logo li{width:calc(100% / 2); height:35rem;}
    .business-page .cont02 .box ul.img_logo li:nth-child(-n+4){margin-bottom:15rem;}
}
@media(max-width:600px){
    .business-page .cont02 .box_wrap{display:block;}
    .business-page .cont02 .box{width:100%;}
    .business-page .cont02 .box+.box{margin-top:20rem;}
    .business-page .cont02 .box > div{display:flex; padding:60rem 0 30rem; align-items:center; flex-wrap:wrap;}
    .business-page .cont02 .box h3{width:200rem;}
    .business-page .cont02 .box h3 img{margin-bottom:20rem; height:30rem;}
    .business-page .cont02 .box ul.list{margin-top:0; width:calc(100% - 200rem); padding:0 30rem; border-top:0; border-left:1px dashed #ddd; box-sizing:border-box;}
    .business-page .cont02 .box ul.img_logo{margin-top:40rem;}
    .business-page .cont02 .box ul.img_logo li{width:calc(100% / 4); height:40rem;}
    .business-page .cont02 .box ul.img_logo li:nth-child(-n+4){margin-bottom:20rem;}
}
@media(max-width:540px){
    .business-page .cont02{margin-top:60rem;}
    .business-page .cont01 .box{display:block; margin-bottom:25rem;}
    .business-page .cont01 .box .txt{width:100%;}
    .business-page .cont01 .box .txt p{margin-top:20rem;}
    .business-page .cont01 .box .txt p > br.hide_mo{display:none;}
    .business-page .cont01 .ctrl{margin-top:20rem; padding-bottom:0;}
    .business-page .cont02 h2{margin-bottom:15rem;}
    .business-page .cont02 .box > div{display:block; padding:50rem 20rem 20rem;}
    .business-page .cont02 .box h3{width:100%;}
    .business-page .cont02 .box ul.list{margin-top:20rem; padding:20rem 0 0; width:100%;  border-top:1px dashed #ddd; border-left:0;}
    .business-page .cont02 .box ul.img_logo{margin-top:20rem;}
    .business-page .cont02 .box ul.img_logo li{width:calc(100% / 3); height:35rem;}
    .business-page .cont02 .box ul.img_logo li:nth-child(-n+3){margin-bottom:15rem;}
    .business-page .cont02 .box ul.img_logo li:nth-child(4){margin-bottom:0;}
}

/* 사업분야 - 신규 */
#content.business-page{padding-top:80rem;}
.business-wrap h2{margin-bottom:30rem; font-size:35rem; font-weight:600;}
.business-wrap .title-sub{font-size:25rem;}
.business-wrap[class*="section"]{padding:100rem 0;}
.business-wrap__conts{padding-top:100rem;}
.business-wrap__conts.cols{display:grid; grid-template-columns:repeat(2, 1fr); gap:60rem;}
	/* 단체급식용 육류 */
.business-page01 .business-wrap.section01{background-color:#eaf7f1;}
.business-page01 .business-wrap.section01 h2,
.business-page01 .business-wrap.section05 h2{font-size:45rem; font-weight:700; text-align:center;}
.business-page01 .business-wrap.section01 .title-sub{text-align:center;}
.business-page01 .business-wrap.section03{padding-top:0 !important;}
.business-page01 .business-wrap.section04{background-color:#f9f9f9;}
.business-page01 .business-wrap.section05{padding-bottom:0 !important;}
	/* 육가공품 */
.business-page02 .business-wrap.section01{background-color:#eaf7f1;}
.business-page02 .business-wrap.section01 h2,
.business-page02 .business-wrap.section03 h2{font-size:45rem; font-weight:700; text-align:center;}
.business-page02 .business-wrap.section03 h2{text-align:center;}
.business-page02 .business-wrap.section01 .title-sub{text-align:center;}
.business-page02 .business-wrap.section01 .business-list__round{display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch;}
.business-page02 .business-wrap.section02 .wrap{max-width:1292rem !important;}
.business-page02 .business-wrap.section02 .ctrl{position:static; justify-content:center; margin-top:35rem;}
.business-page02 .business-wrap.section02 .ctrl__btn.prev{margin-left:0;}
.business-page02 .business-wrap.section03{padding-top:0 !important;}
.business-page02 .business-wrap.section03 .business-list__logo{max-width:1300rem; margin:65rem auto 0;}
	/* list */
.business-list__round{display:grid; grid-template-columns:repeat(4, 1fr); gap:50rem 107rem; margin-top:55rem;}
.business-list__round .box{overflow:hidden; display:block; position:relative; border-radius:100%; aspect-ratio:1/1;}
.business-list__round .box em{display:flex; justify-content:center; align-items:center; position:absolute; bottom:0; left:50%; width:100%; min-height:58rem; box-sizing:border-box; padding:10rem 10rem; background-color:var(--primary); color:#fff; line-height:1.3; font-size:20rem; font-weight:500; text-align:center; transform:translateX(-50%);}
.business-list__round .box img{object-fit:cover; width:100%; height:100%; max-width:100%;}
		/* list-round-title */
.title-list__round{display:grid; grid-template-columns:repeat(3, 1fr); gap:10rem 30rem;}
.title-list__round li{display:flex; align-items:center; gap:25px; font-size:18rem;}
.title-list__round li em{display:inline-flex; justify-content:center; align-items:center; min-width:168rem; height:44rem; box-sizing:border-box; padding:5rem 10rem; background-color:#dcefe6; border-radius:50rem; font-weight:600;}
.title-list__round li p{word-break:keep-all;}
		/* list-photo */
.business-list__photo:not(.slide){display:grid; grid-template-columns:repeat(4, 1fr); gap:30rem 64rem;}
.business-list__photo.slide{position:relative;}
.business-list__photo .box{overflow:hidden; display:block; border-radius:20rem; border:1rem solid #ddd;}
.business-list__photo .box img{object-fit:cover; width:100%; height:100%; max-width:100%;}
.business-wrap__conts.cols .business-list__photo{grid-template-columns:repeat(2, 1fr);}
		/* list-logo */
.business-list__logo{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:70rem 80rem; margin-top:65rem;}
.business-list__logo img{max-width:100%;}
	/* slide */
.business-slide{position:relative;}
.business-slide.swiper{overflow:inherit;}
.business-slide .box{display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; height:730rem; box-sizing:border-box; border:2rem solid #ddd; border-radius:20rem; transition:border 0.3s;}
.business-slide .box i{display:block; overflow:hidden; border-radius:20rem;}
.business-slide .box img{max-width:100%;}
.business-slide .box em{display:inline-flex; justify-content:center; align-items:center; position:absolute; top:-2rem; left:50%; min-width:150rem; min-height:50rem; box-sizing:border-box; background-color:#111; border-radius:0 0 10rem 10rem; font-size:20rem; color:#fff; transform:translateX(-50%); transition:background 0.3s;}
.business-slide .swiper-slide.active .box{border-color:var(--primary);}
.business-slide .swiper-slide.active .box em{background-color:var(--primary);}
.business-slide.onece .box{overflow:hidden; height:auto; padding:0 !important;}
		/* slide-control */
.business-wrap .ctrl{display: flex; position:absolute; right:0; top:-85rem; padding-bottom:30rem; gap: clamp(5rem, calc( 10 / var(--inr) * 100vw ), 10rem); font-size: clamp(32rem, calc( 55 / var(--inr) * 100vw ), 55rem); }
.business-wrap .ctrl__btn{ aspect-ratio: 1; width: clamp(45rem, calc( 60 / var(--inr) * 100vw ), 60rem); background: 0; border: 1rem solid #d0d0d0; border-radius: 50%; box-sizing: border-box; }
.business-wrap .ctrl__btn.prev{margin-left:auto;}
.business-wrap .ctrl__svg{ width: clamp(12rem, calc( 16 / var(--inr) * 100vw ), 16rem);}
.business-wrap .swiper-button-disabled .ctrl__svg{ opacity: .3; }
.business-wrap .ctrl__svg .b{stroke-width:1.6rem;}
.business-wrap .ctrl__svg .b,
.business-wrap .ctrl__svg .c{fill:none;stroke:#2b2b2b;stroke-linecap:round;stroke-linejoin:round;}
.business-wrap .ctrl__svg .c{stroke-width:1.5rem;}

@media screen and (max-width:1280px){
	/* list-round-title */
	.title-list__round{grid-template-columns:repeat(2, 1fr);}
	/* list-photo */
	.business-list__photo:not(.slide){gap:30rem 40rem;}
}
@media screen and (max-width:1200px){
	/* list */
	.business-list__round{gap:50rem 50rem;}
}
@media screen and (max-width:1024px){
	/* list-round-title */
	.title-list__round li{gap:20rem;}
	.title-list__round li em{min-width:130rem;}
	/* list */
	.business-list__round{grid-template-columns:repeat(3, 1fr); gap:40rem 30rem;}
	.business-list__round .box em{min-height:50rem; font-size:17rem;}
	/* slide */
	.business-slide .box{height:auto; padding:50rem 0;}
	/* list-photo */
	.business-list__photo:not(.slide){grid-template-columns:repeat(3, 1fr); gap:20rem;}
	.business-wrap__conts.cols{grid-template-columns:repeat(1,1fr);}
	.business-wrap__conts.cols .business-list__photo{grid-template-columns:repeat(3, 1fr);}
	/* 육가공품 */
	.business-page02 .business-wrap.section01 .business-list__round{display:grid;}
}
@media screen and (max-width:860px){
	/* list-round-title */
	.title-list__round{grid-template-columns:repeat(1, 1fr);}
	.title-list__round li em{font-size:16rem;}
	/* list-photo */
	.business-list__photo:not(.slide){grid-template-columns:repeat(2, 1fr);}
	.business-wrap__conts.cols .business-list__photo{grid-template-columns:repeat(2, 1fr);}
	/* list-logo */
	.business-list__logo{gap:70rem 30rem;}
	.business-list__logo li{flex:0 1 25%; text-align:center;}
}
@media screen and (max-width:580px){
	.business-page01 .business-wrap.section01 h2,
	.business-page01 .business-wrap.section05 h2,
	.business-page02 .business-wrap.section01 h2,
	.business-page02 .business-wrap.section03 h2{font-size:40rem; word-break:keep-all;}
	.business-wrap .title-sub{font-size:22rem;}
	/* list */
	.business-list__round{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width:540px){
	.business-wrap[class*="section"]{padding:80rem 0;}
	.business-wrap h2{font-size:30rem;}
	.business-wrap .title-sub{font-size:20rem;}
	.business-page01 .business-wrap.section01 h2,
	.business-page01 .business-wrap.section05 h2,
	.business-page02 .business-wrap.section01 h2,
	.business-page02 .business-wrap.section03 h2{font-size:35rem;}
	.business-page01 .business-wrap h2{text-align:center;}
	/* slide */
	.business-wrap .ctrl{position:static; justify-content:center; margin-top:20rem;}
	.business-wrap .ctrl__btn.prev{margin-left:0;}
	.business-slide .box em{min-width:130rem; min-height:40rem; font-size:18rem;}
	/* list-round-title */
	.title-list__round li{font-size:16rem; gap:15rem;}
	.title-list__round li em{min-width:100rem;}
	/* list */
	.business-list__round{gap:20rem;}
	.business-list__round .box{overflow:inherit; border-radius:0; aspect-ratio:auto;}
	.business-list__round .box img{border-radius:100%; aspect-ratio:1/1;}
	.business-list__round .box em{position:static; background-color:transparent; color:#111; transform:translateX(0);}
	/* list-logo */
	.business-list__logo{gap:40rem 30rem;}	
	.business-list__logo img{max-height:40rem;}
	/* 육가공품 */
	.business-page02 .business-wrap.section01 .title-sub br{display:none;}
}



@media (prefers-reduced-motion: no-preference) {
    @keyframes flow {
		from {transform: translateX(0);}
        to {transform: translateX(-50%);}
	}
}

/* 배송안내 */
.info-page__img {max-width:1000px; margin: 0 auto; padding: 0 30rem;}
.info-page__img img {width: 100%;}

/* 쇼핑 */
.area_shopList *[data-category-location="list"],
.area_shopList *[data-category-location="tab"] .mob {display:none;}
.area_shopList *[data-category-location="tab"] .mob > ul > li > a{background-color:#f4f4f4; border-color:#f4f4f4; border-radius:5rem;}
.area_shopList *[data-category-location="tab"] .mob > ul > li > a.on{background-color:#009944; border-color:#009944; color:#fff;}

/* 게시판 */
.bbsView .spam > span{line-height:1.5; font-size:inherit;}
.bbsView .button{font-size:inherit;}

@media screen and (min-width:1025px){
	.brand_slide_ex__mob .ctrl{display:none;}
	.brand_slide_ex__mob .swiper-wrapper{--sizeGap:40rem; display:flex; flex-wrap:wrap; justify-content:center; margin-left:calc(var(--sizeGap) * -1);}
	.brand_slide_ex__mob .swiper-wrapper li{flex:0 1 calc(33% - var(--sizeGap)); margin-left:var(--sizeGap);}
}

@media screen and (max-width:1800px) {
    .history-page__inr {margin-right: 30rem;}
}
@media screen and (max-width:1600px){
    .sub-visual {height: 500rem;}
    .sub-visual__tit {width: 100%; padding: 0 30rem;}
    .sub-visual__tit-inr {width: auto;}

    .wrap_lnb {bottom: -45rem;}
    /* .lnb ul {height: 90rem;} */

    .vison-box__wrap h3 {padding-left: 48rem;}

    .bg-txt {bottom: -49rem;}
}

@media all and (max-width:1400px) {
	/* 회사소개 */
	.about-page__img {width:clamp(330rem, 45vw, 630rem);}
}

@media all and (max-width:1024px) {
	.lnb ul{gap:5rem 10rem;}
	.lnb ul li a{min-width:130rem;}

	.sub-tab{flex-wrap:wrap; gap:5rem 10rem;}
	.sub-tab li{padding:10rem; font-size:18rem;}

    #content {padding: 100rem 0;}
    #content .wrap {padding: 0 20rem;}
    #content02 {padding: 80rem 0 110rem;}
    #content02 .wrap {padding: 0 20rem;}

	/* 회사소개 */
    .about-page__txt {width:50%;}
	.about-page__txt-p p{word-break:keep-all;}
	.about-page__txt-p p br{display:none;}

    .history-page__wrap {background-position-x: -300rem;}
    .history-page__inr {width: calc(100% - 60rem); right: unset; margin: 0 auto;}
    .history-page__list-wrap {background: rgba(0,0,0,0.8);}
    .history-page__list-wrap:nth-child(n+2) {margin-top: 20rem;}

    .vison-box {margin-top: 100rem;}
    .vison-box__wrap:nth-child(n+2) {margin-top: 80rem;}
    .vison-box__list-wrap {margin-top: 0; gap: 0 20rem;}
    .vison-box__item-cont {padding: 60rem 30rem 0;}
    
	.certificate-page .sub-tab{margin-top:-60rem;}
    /*
	.certificate-page .sub-tab li {width: 24%;}
    .certificate-page .sub-tab li:nth-child(n+2) {margin-left: 1%;}
	*/
    .certificate-page .sub-tab__cont {margin-top: 60rem;}
    .certificate-page .sub-tab__cont-list {gap: 30rem; width: auto; padding: 0 30rem;}
    .certificate-page .sub-tab__cont-list.col2 {width: 632rem;}

    .location-page__list li:nth-child(n+2) {padding-top: 7rem;}
    .location-page__map {margin-top: 40rem;}
    .location-page__btn {margin-top: 22rem;}

    .brand-page .sub-tab li {width: 32%;}
    .brand-page .sub-tab li:nth-child(n+2) {margin-left: 2%;}

    .bg-txt {bottom: -34rem;}

    .info-page__img {padding: 0 20rem;}

	/* 제품 */
	.area_shopList *[data-category-location="tab"] .mob{margin-top:0;}
	.area_shopList *[data-category-location="tab"] .mob .title{font-size:20rem;}
}
@media screen and (max-width:860px) {
    .wrap_lnb {bottom: -40rem;}
	/* 
    .lnb ul {height: 80rem;}
    .lnb ul li a {min-width:inherit; height:55rem; padding:0 30rem;}
	*/
	.lnb ul li a{font-size: 18rem;}

    .vison-box__list-wrap {grid-template-columns: 1fr 1fr;}
    .vison-box__item-cont.list01 {height: 270rem;}
    .vison-box__item-cont.list02 {height: 210rem;}

    .brand-page__full {min-height: 480rem; padding:50rem 0;}
    .brand-page__full-box img {padding-top: 32rem;}
	/*
    .brand-page__full-box.b1 img {height: 65rem;}
    .brand-page__full-box.b2 img{height: 80rem;}
    .brand-page__full-box.b3 img {height: 64rem;}
	*/

    .bg-txt {bottom: -26rem;}

	/* 회사소개 */
	.about-wrap .wrap{display:block;}
	.about-page__txt{width:auto; margin-top:40rem;}
	.about-page__txt-p p{padding-top:20rem;}
	.about-page__img{width:100%;}
	.about-page__img img{width:100%; max-width:inherit;}
}
@media screen and (max-width:620px) {
	/* 제품 */
	.area_shopList .total .sort{text-align:center;}
}
@media screen and (max-width:540px) {
    #content {padding: 50rem 0;}
    #content02 {padding: 45rem 0 60rem;}

    .sub-visual {height: 400rem;}
    .sub-visual__tit {top: 55%;}
    .sub-visual__tit.ty2 {top: 65%;}
    .sub-visual__tit-inr {padding: 0 15rem;}
    .sub-visual__tit span {font-size: 16rem;}
    .sub-visual__tit h2 {font-size: 35rem;}
    
    .wrap_lnb {width: 100%; box-sizing:border-box; border-radius: 0; overflow-x: auto; overflow-y: hidden; bottom: 0;}
    .lnb {min-width: 440rem;}
    .lnb.ty2 {min-width: auto;}	
	/* 
	.lnb ul {height: 60rem;} 
	.lnb ul li a {font-size: 16rem; padding: 0 14rem; height: 57rem;}
	*/  
	.lnb ul{justify-content:flex-start; gap:0rem;}
	.lnb.ty2.left ul{justify-content:center;}
	.lnb ul li a{min-width:100rem; height:50rem; padding:0 10rem; margin-left:10rem; border-radius:10rem; font-size:17rem;}
	.lnb ul li:first-child a{margin-left:20rem;}
	.lnb ul li:last-child a{margin-right:20rem;}

    .about-page__txt strong {font-size: 22rem;}
    .about-page__txt-p p {font-size: 16rem;}

    .history-page__wrap  {background-attachment: scroll;}
    .history-page__inr {width: calc(100% - 40rem); padding-top:70rem;}
    .history-page__inr h3 {font-size: 30rem;}
    .history-page__list-wrap {padding: 32rem; flex-direction: column;}
    .history-page__list-wrap:nth-child(n+4) {align-items: unset;}
    .history-page__list-wrap:nth-child(n+2) {margin-top: 15rem;}
    .history-page__list {padding-top: 28rem;}
    .history-page__item {margin: 15rem 0 0;}
    .history-page__item li:nth-child(n+2) {margin-top: 6rem;}
    
    .vison-box {margin-top: 80rem;}
    .vison-box__wrap h3 {padding-left: 42rem;}
    .vison-box__wrap:nth-child(n+2) {margin-top: 60rem;}
    .vison-box__list-wrap {grid-template-columns: 1fr; margin-top: -8rem;}
    .vison-box__list-top {padding: 10rem 0;}
    .vison-box__item-cont {height: auto !important; padding: 60rem 20rem 40rem;}
    .vison-box__item-txt {padding-left: 34rem;}
    .vison-box__item-txt:nth-child(n+2) {margin-top: 15rem;}
    .vison-box__item-txt::before {width: 24rem; height: 24rem; line-height: 24rem;}

    .sub-tab {padding: 0 20rem;}
    .sub-tab li {height:50rem; font-size:16rem;}
    .brand-page .sub-tab{justify-content:left; overflow-x: scroll; overflow-y: hidden;}
    .brand-page .sub-tab li{padding: 0 10rem; font-size: max(1.0417vw, 14rem);}
    
	.certificate-page .sub-tab {justify-content:flex-start; gap:5rem 0;margin-top:0;}
    /* .certificate-page .sub-tab {flex-wrap: wrap;}
    .certificate-page .sub-tab li {width: 49%;}
    .certificate-page .sub-tab li:nth-child(n+2) {margin-left: 0;}
    .certificate-page .sub-tab li:nth-child(n+3) {margin-top: 6rem;}
    .certificate-page .sub-tab li:nth-child(even) {margin-left: 2%;}
	*/
	.certificate-page .sub-tab li {width: 49%; }
	.certificate-page .sub-tab li:not(.on){border-bottom-color:#e2e2e2;}
    .certificate-page .sub-tab__cont {margin-top: 45rem;}
    .certificate-page .sub-tab__cont-list {grid-template-columns: 1fr 1fr; gap: 20rem; padding: 0 20rem;}
    .certificate-page .sub-tab__cont-list.col2 {width: auto;}
    .certificate-page .sub-tab__cont-list li p {padding-top: 14rem;}
    .certificate-page .sub-tab__cont-list li i img {border-radius: 5rem;}
    
    .location-page__top {flex-direction: column;}
    .location-page__list {margin-top: 20rem;}
    .location-page__list li strong {width: 85rem;}
    .location-page__map {margin-top: 30rem;}
    .location-page__map iframe {height: 250rem;}
    .location-page__btn {margin-top: 12rem;}
    .location-page__btn a {width: 49%; padding: 0 15rem; height: 48rem; line-height: 48rem;}
    .location-page__btn a em {padding-left: 15rem;}
    .location-page__btn-naver {margin-left: 2%;}
    .location-page__btn-kakao p::before {width: 19rem; height: 18rem;}
    .location-page__btn-naver p::before {width: 13rem; height: 12rem;}

    .brand-page .sub-tab__cont {margin-top: 45rem;}
    .brand-page__full {min-height: 350rem;}
    .brand-page__full-box {width: 92%;}
    .brand-page__full-box div {margin-top: 25rem; padding: 25rem 0;}
    .brand-page__full-box img {padding-top: 25rem;}
	/*
    .brand-page__full-box.b1 img {height: 45rem;}
    .brand-page__full-box.b2 img{height: 58rem;}
    .brand-page__full-box.b3 img {height: 44rem;}
	*/
    .brand-page__box {margin-top: 60rem;}
    .brand-page__box-txt {flex-direction: column !important;}
    .brand-page__box-txt i {width: 100%;}
    .brand-page__box-txt div {margin: 30rem 0 0 !important;}
    .brand-page__box-txt div p {margin-top: 8rem; line-height: 1.5;}
    .brand-page__box-txt div p br {display: none;}
    .brand-page__box-txt.t2 {margin-top: 50rem;}
	.brand-page__box-txt.t3 {margin-top: 50rem;}
	.brand-page__box04{flex-wrap:wrap; margin-top:50rem;}
	.brand-page__box04 span{flex:0 1 100%;}

	.brand-ca{padding-top:55rem;}
	.brand-ca__list{--sizeGap:20rem;}
	.brand-ca__list li{flex:0 1 calc(100% - var(--sizeGap));}

    .bg-txt {bottom: -24rem;}

	/* 제품 */
	.area_shopList *[data-category-location="tab"] .web{gap:3rem 0rem; margin-left:-3rem;}
	.area_shopList *[data-category-location="tab"] .web li a{min-width:70rem; height:45rem; margin-left:3rem;}
	.area_shopView{padding-top:70rem;}
}