@charset "utf-8";
.sa-cert-wrap{width:100%;background:#fff;}
.sa-cert-hero{width:100%;overflow:hidden;}
.sa-cert-hero img{width:100%;display:block;object-fit:cover;}
.sa-cert-inner{max-width:1200px;margin:0 auto;padding:60px 20px 80px;box-sizing:border-box;}
.sa-cert-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-bottom:25px;}
.sa-cert-badges img{height:150px;object-fit:contain;}
.sa-cert-title{text-align:center;margin-bottom:20px;}
.sa-cert-kor{margin:0 0 6px;font-size:20px;font-weight:600;color:#7b4cff;}
.sa-cert-main{margin:0;font-size:34px;font-weight:700;color:#333;}
.sa-cert-line{width:100%;max-width:900px;height:1px;background:#ddd;margin:30px auto;}
.sa-cert-list{display:flex;flex-direction:column;gap:26px;margin-bottom:40px;}
.sa-cert-item{display:flex;align-items:flex-start;gap:20px;padding:10px 0;}
.sa-cert-icon{flex:0 0 300px;width:300px;display:flex;align-items:center;justify-content:center;}
.sa-cert-icon img{width:100%;height:100%;object-fit:cover;border-radius:8px;}
.sa-cert-heading{margin:20px 0 6px;font-size:22px;font-weight:700;color:#333;line-height:1.4;}
.sa-cert-heading-en{margin:4px 0 12px;font-size:18px;font-weight:600;color:#7b4cff;line-height:1.4;display:block;}
.sa-cert-desc{margin:0;font-size:18px;line-height:1.75;color:#555;}
.sa-bottom-wrap{position:relative;width:100%;overflow:hidden;}
.sa-bottom-bg img{width:100%;display:block;object-fit:cover;}
.sa-bottom-inner{position:absolute;top:14%;left:10%;transform:translate(-50%,-50%);text-align:center;color:#fff;width:100%;max-width:700px;padding:20px;box-sizing:border-box;}
.sa-bottom-small{margin:0 0 10px;font-size:20px;font-weight:300;}
.sa-bottom-title{margin:0 0 25px;font-size:34px;font-weight:700;line-height:1.4;}
.sa-bottom-box{background:rgba(0,0,0,0.35);padding:25px 30px;border-radius:12px;margin-bottom:30px;}
.sa-bottom-bank{margin:0;font-size:22px;font-weight:700;}
.sa-bottom-name{margin:8px 0 17px;font-size:18px;color:#e0e0e0;}
.sa-bottom-desc{margin:0;font-size:14px;color:#ddd;line-height:1.6;}
.sa-bottom-btn{display:inline-block;margin-top:10px;padding:10px 34px;border:1px solid #fff;color:#fff;border-radius:50px;text-decoration:none;font-size:18px;transition:.3s;}
.sa-bottom-btn:hover{background:#fff;color:#001e4a;}

/* MOBILE */
@media(max-width:768px){
.sa-cert-inner{padding:40px 16px 60px;}
.sa-cert-main{font-size:26px;}
.sa-cert-badges img{height:80px;}
.sa-cert-item{flex-direction:column;align-items:center;gap:14px;text-align:center;}
.sa-cert-icon{flex:none;width:140px;height:140px;}
.sa-cert-icon img{border-radius:6px;}
.sa-cert-heading{font-size:17px;margin:14px 0 4px;}
.sa-cert-heading-en{font-size:14px;margin:2px 0 10px;}
.sa-cert-desc{font-size:14px;line-height:1.65;}
.sa-cert-hero img{max-height:320px;object-fit:cover;}
.sa-bottom-bg{width:190%;height:auto;overflow:visible;}
.sa-bottom-bg img{width:100%;height:auto;display:block;object-fit:contain; object-position:right center; margin-left:-250px;/* 우측 정렬 */  }
.sa-bottom-wrap .sa-bottom-inner{position:absolute;left:50%;bottom:12%;transform:translateX(-50%)!important;padding:12px 18px;max-width:92%;text-align:center;}
.sa-bottom-box{padding:0px 16px;border-radius:8px;}
.sa-bottom-title{font-size:22px;margin:0 0 14px; display: none;}
.sa-bottom-small{font-size:18px;margin:0 0 6px;}
.sa-bottom-bank{font-size:18px;}
.sa-bottom-name{font-size:14px;margin:6px 0 10px;}
.sa-bottom-desc{font-size:13px;line-height:1.55;}
.sa-bottom-btn{padding:8px 24px;font-size:14px;}
	
}






/* 상단 큰 사진 + 중앙 정렬 문구 */
.cl-farm-top{text-align:center;padding:60px 16px 80px;background:#fafafa;font-family:'Noto Sans KR',sans-serif;}
.cl-farm-top-img img{width:100%;max-width:1400px;height:350px;margin:0 auto;display:block;border-radius:10px;object-fit:cover;}
.cl-farm-top-text{margin-top:40px;}
.cl-farm-top-line1{margin:0 0 10px;font-size:22px;line-height:1.6;color:#333;font-weight:400;}
.cl-farm-top-line2{margin:0 0 18px;font-size:26px;line-height:1.6;color:#222;font-weight:700;}
.cl-farm-top-sub{margin:0 auto;max-width:820px;font-size:17px;line-height:1.8;color:#555;}
@media(max-width:640px){.cl-farm-top-line1{font-size:18px;}.cl-farm-top-line2{font-size:20px;}.cl-farm-top-sub{font-size:14px;}}

/* 아래 3단 농장 소개 */
.cl-farm{padding:80px 0;background:#fafafa;font-family:'Noto Sans KR',sans-serif;}
.cl-farm-inner{max-width:1400px;margin:0 auto;padding:0 20px;}
.cl-farm-row{display:flex;align-items:center;gap:60px;margin-bottom:10px;}
.cl-farm-row--reverse{flex-direction:row-reverse;}
.cl-farm-row-img img{width:100%;height:370px;border-radius:10px;object-fit:cover;}
.cl-farm-row-text{flex:1;}
.cl-farm-row-num{display:block;font-size:62px;font-weight:700;color: #e7cfe9;margin-bottom:10px;}
.cl-farm-row-title{font-size:26px;font-weight:700;color:#222;margin:0 0 6px;}
.cl-farm-row-sub{margin:0 0 12px;font-size:13px;line-height:1.5;color:#7a4bc9;font-weight:500;}
.cl-farm-row-desc{font-size:18px;line-height:1.8;color:#555;margin:0;}
@media(max-width:1024px){.cl-farm-row{flex-direction:column;gap:30px;}.cl-farm-row--reverse{flex-direction:column;}}
@media(max-width:640px){.cl-farm-row-title{font-size:20px;}.cl-farm-row-desc{font-size:14px;}}



 
/* 아로니아의 효능 섹션 */
.benefits-section{max-width:1600px;margin:0 auto;padding:20px;box-sizing:border-box;font-family:'Noto Sans KR',sans-serif;}
.benefits-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:40px;}
.benefit-item{display:flex;align-items:center;width:45%;min-width:300px;}
.icon-box{width:150px;height:150px;border-radius:50%;background-color:#7b244d;display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:20px;box-shadow:0 4px 8px rgba(0,0,0,0.1);overflow:hidden;}
.benefit-icon-img{width:100%;height:100%;object-fit:cover;display:block;}
.benefit-text{display:flex;flex-direction:column;gap:4px;}
.benefit-title-kr{font-size:22px;font-weight:700;color:#222;margin:0;}
.benefit-title-en{font-size:18px;font-weight:500;color:#7b244d;margin:0;}
.description{font-size:18px;color:#333;line-height:1.5;margin:0;}
.additional-benefits{text-align:center;padding-top:20px;border-top:1px solid #eee;}
.additional-benefits p{font-size:20px;color:#333;line-height:1.8;margin:0;}

/* 강조 텍스트 (별도 네임스페이스) */
.cl-aromia-em{font-weight:700;color:#7b244d;}

/* 태블릿 이하 */
@media(max-width:1024px){
  .benefit-item{width:100%;justify-content:center;}
  .benefits-grid{gap:30px;}
  .icon-box{width:120px;height:120px;margin-right:17px;}
  .benefit-title-kr{font-size:20px;}
  .benefit-title-en{font-size:17px;}
  .description,.additional-benefits p{font-size:18px;}
}

/* 모바일 */
@media(max-width:600px){
  .benefit-item{flex-direction:column;align-items:center;text-align:center;min-width:100%;}
  .icon-box{margin-right:0;margin-bottom:10px;width:100px;height:100px;}
  .benefit-text{align-items:center;}
  .benefit-title-kr{font-size:18px;}
  .benefit-title-en{font-size:14px;}
  .description,.additional-benefits p{font-size:18px;}
}

.aromia-benefits-section{width:100%;max-width:1500px;margin:0 auto;padding:60px 20px;box-sizing:border-box;font-family:'Noto Sans KR',sans-serif;}
.aromia-benefits-section .content-wrapper{display:flex;justify-content:space-between;gap:50px;align-items:flex-start;}
.aromia-benefits-section .text-column{width:50%;display:flex;flex-direction:column;gap:40px;}
.aromia-benefits-section .benefit-box{padding:25px;border-radius:12px;background:#fafafa;box-shadow:0 4px 12px rgba(0,0,0,0.06);}
.aromia-benefits-section .benefit-box .title{font-size:26px;font-weight:700;color:#6d1c43;margin:0 0 12px;}
.aromia-benefits-section .benefit-box .description{font-size:18px;line-height:1.7;color:#333;margin:0;}
.aromia-benefits-section .image-column{width:50%;display:flex;justify-content:center;align-items:center;}
.aromia-benefits-section .image-column img{max-width:100%;height:auto;border-radius:12px;object-fit:cover;}

/* --- 반응형 --- */
@media(max-width:1024px){
  .aromia-benefits-section .content-wrapper{flex-direction:column;gap:40px;}
  .aromia-benefits-section .text-column,.aromia-benefits-section .image-column{width:100%;}
  .aromia-benefits-section .benefit-box .title{font-size:24px;}
  .aromia-benefits-section .benefit-box .description{font-size:17px;}
}

@media(max-width:600px){
  .aromia-benefits-section{padding:40px 17px;}
  .aromia-benefits-section .benefit-box{padding:20px;}
  .aromia-benefits-section .benefit-box .title{font-size:22px;}
  .aromia-benefits-section .benefit-box .description{font-size:18px;}
}