/* 컬러 */
.ctt_admin{display: none;}
/* 상단 */
.location-container{position: absolute; top: 18%; left: 46%; width: 500px; text-align: center;}
.location-container h1{font-weight: bold; font-size: 34px;}
.location-container span{font-size: 14px;}

.location-tbox{}
.nav_container {margin: 0 0 40px 0;}
.location-next{margin: 0 4px;}

/* #subheader01 {
    padding: 100px 0 70px 0;
    background: url(../img/bg-subheader.jpg) 100% top;
    background-size: cover;
    text-align: center;
	background-attachment: fixed;
	background-position: center;
} */

#subheader {
	padding: 100px 0 70px 0;
    background: url(../img/bg-subheader.jpg) no-repeat center top;
    background-size: auto;
    text-align: center;
    background-attachment: fixed;
}

@media (min-width: 1440px) {
#subheader { padding: 120px 0 70px 0;}
}

@media (min-width: 1536px) {
	.subvisual{height: 490px;}
}

@media screen and (min-width:1280px){
	.nav-link {font-size:18px; }
	.subvisual{	padding:4px 0;}
	.location-tbox{display:flex; flex-direction: column; justify-content: center;margin-top:280px;}
}

@media screen and (max-width: 992px){
	#subheader{padding: 40px 0 70px 0;}
}

#subheader{background-image: url("/theme/charity04/img-rev-slider/subheader.jpg");}

.flex{display:flex;}
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}
.contents_container{max-width: 1200px; margin: 0 auto; padding:20px; font-size:17px; color:#333; line-height:1.8;}
.contentBody{width: 1000px; float: right;}



.naming{color:red; margin-bottom:40px;  }
.product-img{border:1px solid #eee; margin-bottom:20px; margin-right:40px; }
.product-info{margin-bottom:40px; }

.title{color:#333; font-size:1.2em; font-weight:600; margin-bottom:6px; }
.title-txt{}

main{font-size:18px; letter-spacing:0.8; line-height:1.8; }

/*******************************
**********    인사말   *************
**************************** */
.greeting{ }
.greeting>p{color:#333; font-weight:700; font-size:1.6em; line-height:1.3; margin-bottom:0.6em;}

.greeting-img{width:100%; max-width:480px; min-width:280px;text-align:center; margin-bottom:20px; }
.greeting-img img{width:100%; border-radius:20px; width:100%;  }

.greeting-text-1{font-weight:600; font-size:1.2em; line-height:1.6;margin-bottom:20px; word-break: keep-all;}
.greeting-text-2{}

@media (min-width: 480px) {


}

@media (min-width: 640px) {
.greeting>div{display: flex;  gap: 40px; width:100%;}
.greeting>p{font-size:40px; font-weight:700; line-height:1.6; margin-bottom:56px; }

.greeting-img img{ }
.greetint-text{ }
.greeting-text-1{font-size:24px; line-height:1.4; }
}


@media (min-width: 1280px) {
.greeting>p,
.map>p{font-size:50px; font-weight:800; }

.greeting-img img{}
.greeting-text{width:630px;   }
.greeting-text span, .greeting-text-1 span{display:block; }

.greeting-text-1{margin:12px 0 68px 0; font-size:32px;  }
}


/***************************
**************  연혁  *************
***********************************/
.history-k{font-size:1.4em; font-weight:600;}
.history-img img{width:100%; border-radius:20px; }

.timeline {
  position: relative;
  margin: 2rem 0;
  padding-left: 2rem;

}
.timeline::before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 0;
  width: 2px;
  height: 100%;
  background: #ddd;
}

.timeline-item {
  position: relative;
  margin-bottom: 2rem;
}

.timeline-date {
  font-weight: bold;
  font-size:20px;
  color:#da0032; 
  margin-bottom: 0.5rem;
  padding:0;
}
.timeline-content ul {
  margin: 0;
  padding: 0;
  list-style: disc inside;
  line-height: 1.6;
}
.timeline-item span:nth-child(1){font-weight:600; margin-right:20px; }
/* 반응형: 좁은 화면에서 날짜와 내용을 좀 더 붙임 */
@media (max-width: 600px) {
  .timeline {
    padding-left: 1.5rem;
  }
  .timeline::before {
    left: 0.75rem;
  }
  .timeline-dot {
    left: -0.125rem;
  }
}

@media (min-width: 640px) {
.timeline::before {}
.timeline-item{display:flex;   }
.timeline-item span:nth-child(2){display: inline-block;  width: 16em;  border-bottom: 1px solid #d1d1d1;  padding-bottom: 8px;  }

.history-k {font-size:36px; }
.timeline { }
.timeline-date{font-size:20px; margin-right:20px;  }
.timeline-content{font-size:20px; }


}

@media (min-width: 960px) {
.history-img{margin-bottom:40px; }

.timeline::before {width: 0;}

.timeline-item{ padding-left:12%;  }

.timeline-date{font-size:36px; line-height:1; margin-right:60px; }
.timeline-content{font-size:26px; }
.timeline-content li{margin-bottom:36px; }

.timeline-item{margin-bottom:40px; }
.timeline-item span:nth-child(1){margin-right:28px;  }

}


@media (min-width: 1280px) {

.history-k {font-size:60px; margin-bottom:52px; }

.timeline-content li{margin-bottom:30px; }

.timeline-item{ padding-left:8%;  }
.timeline-item span:nth-child(1){margin-right:32px;  }

.timeline-date{font-size:40px; margin-right:110px; }

}



/**********************************
************  인증서    ************
**********************************/
.HACCP{font-weight:700; color:#181818; font-size:40px; line-height:1.2;  margin-bottom:12px; }
.certificate img {width:100%; border:1px solid #eee; max-width:480px; height:auto; margin-bottom:30px;  }

.haccp p{font-size:17px; }
.haccp p:nth-child(1){font-weight:600;}

@media (min-width: 960px) {
.certificate_container{padding:0 50px; }
.HACCP{font-size:50px; line-height:1.2;  margin-bottom:40px; }

.certificate{display:flex; }

.certificate img {width:400px; }

.haccp p{font-size:20px; padding-left:48px; }

.haccp p:nth-child(1){margin:12px 0 48px 0; }
.haccp p:nth-child(1) span{display:block; font-size:32px; text-align:center; line-height:1.4; }
.haccp p:nth-child(1) span:nth-child(2){font-size:60px; }

}

@media (min-width: 1440px) {
.HACCP{font-size:60px; font-weight:800; margin-bottom:80px; }

.certificate img {width:480px; }

.haccp p{font-size:24px; padding-left:52px; }

.haccp p:nth-child(1){margin:12px 0 56px 0; }
.haccp p:nth-child(1) span{display:block; font-size:32px; text-align:center; line-height:1.4; }
.haccp p:nth-child(1) span:nth-child(2){font-size:60px; }
}


/*******************************
********   맵  ******************
*******************************/
.root_daum_roughmap, .wrap_map, .map{width:100% !important; }
.cont{display:none; }



/****************************
**********  홍삼 특징 *********
********************************/
.hongsam_container{width:100%; max-width:1070px;}

.hongsam_container>p{line-height:1.2;}
.hongsam_container p:nth-child(1){font-size:24px; font-weight:700;}
.hongsam_container p:nth-child(2){font-size:32px; font-weight:900;}
.hongsam_container p:nth-child(3){font-size:32px; font-weight:900;}
.hongsam-img img{width:100%; border-radius:20px;  }
.hongsam_container p:nth-child(5) span{display:block; font-size:17px; line-height:1.7; margin-bottom:8px; }

.hongsam-key{margin:26px 0 0 20px; }
.hongsam-key ul{margin:0; padding:20px; font-weight:600;}

.hongsam-key ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hongsam-key ul li {
  position: relative;
  padding-left: 2.5em;      /* 체크박스 만큼 여백 확보 */
  margin-bottom: 0.8em;     /* 항목 간 간격 */
  line-height: 1.5;
}

/* 가상 요소로 체크 아이콘 삽입 */
.hongsam-key ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;              /* 텍스트 높이에 맞춰 조절 */
  width: 1.4em;             /* 아이콘 너비 (em 단위로 폰트 크기에 상대적으로) */
  height: 1.4em;            /* 아이콘 높이 */
  background: url("/skin/content/images/check.svg") no-repeat center center;
  background-size: contain; /* container에 맞춰 축소/확대 */
}

/* 모바일 등 좁은 화면에서 크기 약간 축소 */
@media (max-width: 600px) {
  .hongsam-key ul li {
    padding-left: 2em;
    margin-bottom: 0.6em;
  }
  .hongsam-key ul li::before {
    width: 1em;
    height: 1em;
    top: 0.2em;
  }
}



@media (min-width: 640px) {
.hongsam_container p:nth-child(1){font-size:26px;}
.hongsam_container p:nth-child(2){font-size:40px;}
.hongsam_container p:nth-child(3){font-size:40px; margin-bottom:28px; }
.hongsam_container p:nth-child(4){margin-bottom:30px; }
.hongsam_container p:nth-child(5) span{font-size:20px; }

}
@media (min-width: 960px) {
.hongsam_container p:nth-child(5) span{font-size:20px; }

.hongsam-key ul{padding:0 0 0 8%;}
.hongsam-key ul li{font-size:20px;}

}

@media (min-width: 1440px){
.hongsam_container p:nth-child(1){font-size:28px;}
.hongsam_container p:nth-child(2){font-size:50px; color:#181818; }
.hongsam_container p:nth-child(3){font-size:60px; color:#181818; margin-bottom:48px; }
.hongsam_container p:nth-child(4){margin-bottom:70px; }
.hongsam_container p:nth-child(5){margin-bottom:80px; }

.hongsam-key ul li{font-size:30px; margin-bottom:30px; }
.hongsam-key ul li::before {left: -12px; top: 0; width: 2em; height: 2em;}
.hongsam-key ul li span{display:block; line-height:1.2;}

}



/****************************
**********  홍삼 구분 *********
********************************/

table.gubun {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

table.gubun thead {
  background-color: #e0f0ff; /* 연한 파란색 */
}

table.gubun th,
table.gubun td {
  padding: 10px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* 좌우 보더 제거 */
table.gubun th:first-child,
table.gubun td:first-child {
  border-left: none;
}

table.gubun th:last-child,
table.gubun td:last-child {
  border-right: none;
}

/****************************
**********  제 품  *********
********************************/

.PRODUCT{}

.PRODUCT .product-img{width:100%; height:auto;  }

@media (min-width: 768px){
.PRODUCT{display:flex; }
.PRODUCT div:nth-child(1){max-width:500px;  margin-right:40px; }

}

@media (min-width: 1480px){
.product-info {
  display: flex;
  align-items: flex-start;

}

.product-info .title {
  margin: 0;
  width:110px; 
}

.product-info .title-txt {
  line-height: 1.5;
}




}