.contents_container{
	width:100%;
	margin:20px auto; 
	padding-top:40px; 
	
}

.alllabel-contents{padding:20px; }
.alllabel-contents h3{
	position: relative;
    display: inline-block;
    width: 290px;
    padding-top: 20px;
    font-family: 'Noto Sans KR';
    font-size: 20px;
    font-weight: 500;
    color: #797979;
}
.alllabel-contents h3:before{
    content: '';
    position: absolute;
    top: 0;
    left: -83px;
    width: 166px;
    height: 2px;
    background: #9c974b;
}

/*    상단 메뉴 */
.navbar-expand-lg {
border-bottom: 1px solid #dfdede;
}
h2{
	margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    padding:0 0 12px 20px;
	
	}
/* 스토리 */
.maxStory{}

.maxStory > dl{margin-top:50px;font-size:0;;}
.maxStory > dl > dt{position:relative;padding-top:20px;font-family: 'Noto Sans KR';font-size:20px;font-weight:500;color:#797979;vertical-align:top;}
.maxStory > dl > dt:before{content:'';position:absolute;top:0;width:166px;height:2px;background:#9c974b;}
.maxStory > dl > dd{width:100%;vertical-align:top;}
.maxStory .story1 .st1{font-family: 'Noto Sans KR';font-size:35px;font-weight:700;color:#9c974b;letter-spacing:-0.025em;}
.maxStory .story1 p{margin-bottom:40px;font-family: 'Noto Sans KR';font-size:14px;font-weight:300;color:#3f3d32;line-height:2;}
.maxStory .story1 p .dot{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%;background:#9c974b;vertical-align:middle;}
.story2 .boxWrap{overflow:hidden;}
.story2 .boxWrap .wrap{overflow:hidden;padding-bottom:50px;background:url(img/btm_arrow.gif) 50% 95% no-repeat;}
.story2 .boxWrap .box{position:relative;float:left;width:201px;height:171px;margin-left:68px;padding:40px 0;border:solid 1px #9c974b;font-family: 'Noto Sans KR';font-weight:700;font-size:22px;color:#777;text-align:center;letter-spacing:-0.05em;box-sizing:border-box;}
.story2 .boxWrap .box:first-child{margin-left:0;}
.story2 .boxWrap .box:before{content:'';position:absolute;top:50%;left:-57px;width:44px;height:1px;background:#bfbfbf;}
.story2 .boxWrap .box:first-child::before{display:none;}
.story2 .boxWrap .box_bottom{width:100%;height:120px;padding:15px 0;background:#b4b076;box-sizing:border-box;}
.story2 .boxWrap .box_bottom p{line-height:1.5;font-family: 'Noto Sans KR';font-weight:700;font-size:27px;color:#fff;text-align:center;}
.story3 .con_top{overflow:hidden;padding-bottom:68px;background:url(img/btm_arrow.gif) 50% 90% no-repeat;}
.story3 .con_top dl{float:left;width:365px;margin-left:13px;border:solid 1px #9c974b;}
.story3 .con_top dl:first-child{margin-left:0;}
.story3 .con_top dl dt{padding:10px 0;font-family: 'Noto Sans KR';font-weight:700;font-size:20px;color:#9c974b;text-align:center;letter-spacing:-0.025em;}
.story3 .con_top dl dd{height:117px;padding:20px 5px;border-top:solid 1px #9c974b;box-sizing:border-box;}
.story3 .con_top dl dd ul{list-style:none;}
.story3 .con_top dl dd li{font-family: 'Noto Sans KR';font-size:13px;color:#797979;letter-spacing:-0.025em;}
.story3 .con_mid{width:650px;height:295px;margin:0 auto;padding-bottom:63px;background:url(img/btm_arrow.gif) 50% 93% no-repeat;box-sizing:border-box;}
.story3 .con_mid ul{list-style:none;height:100%;background:url(img/bg_mid.jpg) 50% 0 no-repeat; background-color:green; }
.story3 .con_mid ul li{float:left;width:33.33%;padding:87px 0 0;text-align:center;font-family: 'Noto Sans KR';font-weight:500;font-size:31px;color:#fff;}
.story3 .con_btm{width:100%;height:119px;padding:38px 54px;background:url(img/bg_logo.gif) 50% 0 no-repeat;font-family: 'Noto Sans KR';font-weight:700;font-size:27px;color:#9c974b;box-sizing:border-box;}

.btm-bottom{margin:50px 0;padding-top:30px;border-top:solid 1px #bebebe;text-align:center;}
.btm-bottom a{display:inline-block;width:300px;height:65px;margin:0 10px;font-family: 'Noto Sans KR';font-weight:400;font-size:15px;color:#fff;text-align:center;line-height:65px;}
.btm-bottom .jpg{background:#5a5a5a;}
.btm-bottom .ai{background:#7d6a50;}



.alllabel-contents h3{
    color: #333;
    font-size: 29px;
    font-weight:400; 
    letter-spacing: -1px;  
}

.BrandStory dt,
.BrandStory dd{display:block;  }

.st1{ 
	font-family: 'Noto Sans KR';
    font-size: 32px;
    font-weight: 700;
    color: #9c974b;
    letter-spacing: -0.025em;
	line-height:1.4;}
.dot{ 
	display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-radius: 50%;
    background: #9c974b;
    vertical-align: middle;}



/****************************
  ★ 공동브랜드 개발 필요성
*****************************/
.brand-box {
	width:100%; 
  display: flex;
  flex-direction: column; /* 세로 방향 정렬 */
  align-items: center;     /* 가로 중앙 정렬 */
  gap: 20px;               /* 박스 사이 간격 */
  margin:o auto;
  margin-bottom:32px; 
}
.brand-box  .box:after{
	position:absolute; 
	content:'';
	width:1px;
	height:20px;
	top:140px;
	left:50%;
	background-color:#b4b076; 
}

.box {
position:relative; 
  background: #f5f5f5;
  padding: 20px 30px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
    .brand-box .box {
        position: relative;
        width: 100%;
		max-width:360px;
        height: 140px;
        border: solid 1px #9c974b;
        font-family: 'Noto Sans KR';
        font-weight: 700;
        font-size: 18px;
        color: #777;
        text-align: center;
        letter-spacing: -0.05em;
        box-sizing: border-box;
    }    
.box_bottom{
width: 100%;
	max-width:360px;
	margin:0 auto; 
    padding: 20px;
    background: #b4b076;
    box-sizing: border-box;}
.box_bottom p{  
	line-height: 1.5;
    font-family: 'Noto Sans KR';
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    text-align: center;}



/****************************
  ★ 공동브랜드 개발 컨셉
*****************************/

.brand-concept_container{
  display: flex;
  flex-direction: column; /* 세로 방향 정렬 */
  align-items: center;     /* 가로 중앙 정렬 */
}
.brand-concept ul li:before{
	content:'-';
	margin-right:4px; 
}

.brand-concept-1 h4, .brand-concept-2 h4{border-bottom: solid 1px #9c974b; padding: 12px 0; 
    font-family: 'Noto Sans KR';
    font-weight: 700;
    font-size: 20px;
    color: #9c974b;
    text-align: center;
    letter-spacing: -0.025em;}
.brand-concept-1, .brand-concept-2{
	padding:1em; 
	border: solid 1px #9c974b;    font-family: 'Noto Sans KR';
    font-size: 13px;
    color: #797979;
    letter-spacing: -0.025em;}

.brand-concept-1 {
	margin-bottom:12px; 
	}
.NMR{width:100%; 
	margin:0 auto; }
.NMR div{
	width:100%; 
		margin:12px auto !important; 
	max-width:360px; 
	padding:20px; 
	margin:0 0 12px 0;
	 text-align: center;
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-size: 31px;
    color: #fff;}
.NMR div:nth-child(3){
		margin:0; 
	}	
.N{background-color:#b5b076; }
.M{background-color:#949494; }
.R{background-color:#b9A185; }


 /*    */
.con_btm{
    padding: 38px 54px;
    font-family: 'Noto Sans KR';
    font-weight: 700;
    font-size: 16px;
    color: #9c974b;
	border:1px solid #9c974b;
   }
.con_btm img{width:100%; max-width:200px; }
 
 /*  화살표*/
 .brand-concept_container >div:nth-child(1):after,
  .brand-concept_container>div:nth-child(2):after{
	 display:block;
	 content:'';
	 width:100%;
	 height:60px;
	 background-image: url('/skin/content/img/btm_arrow.gif'); /* 이미지 경로 */
  background-position: center;   /* 중앙 정렬 */
  background-repeat: no-repeat;  /* 반복 방지 */
}


@media (min-width: 1024px) {
.alllabel-contents{
	display:flex; 
	margin-bottom:40px; 
	}
.alllabel-contents h3{width:200px; }
.alllabel-contents>div{width:calc(100% - 200px); }
}


@media (min-width: 1440px) {
.alllabel-contents h3{width:320px; }
.alllabel-contents>div{width:calc(100% - 320px); }
/****************************
  ★ 공동브랜드 개발 필요성
*****************************/
.brand-box {
  flex-direction: row;
  margin:o auto;
  margin-bottom:32px; 
}
.box_bottom {   max-width: 100%; margin-top:50px;}
.brand-box  .div:after{
	position:absolute; 
	content:'';
	width:20px;
	height:1px;
	top:60px;
	left:269px;
	background-color:#b4b076; 
}
.brand-box  .box:after{
	position:absolute; 
	content:'';
	width:20px;
	height:1px;
	top:60px;
	left:269px;
	background-color:#b4b076; 
}
.brand-box  .box:last-child::after{display:none; }



/****************************
  ★ 공동브랜드  컨셉
*****************************/
.brand-concept{display:flex; gap: 20px; }

.brand-trait {position:relative; display: flex;  gap: 20px;  margin-bottom:30px;}
.brand-trait div{ flex: 1;  height:180px; padding: 20px;  box-sizing: border-box;}


 /*  화살표 */
.brand-box{position:relative; }
.brand-box:after{top:150px; }
.brand-concept_container >div:nth-child(1):after{top:200px;}
.brand-concept_container >div:nth-child(2):after {top:300px;}

.brand-box:after,
.brand-concept_container >div:nth-child(1):after,
.brand-concept_container>div:nth-child(2):after{
	position:absolute; 
	 display:block;
	 content:'';
	 width:29px;
	 height:29px;
	 left:calc(50% - 15px); 
	  background-image: url('/skin/content/img/btm_arrow.gif'); /* 이미지 경로 */
}


/*  원 3개   */
.NMR{position:relative;}
.NMR div{
	position:absolute; 
	width:240px;
	height:240px;
	border-radius:50%; 
	 display: flex;
  align-items: center;    /* 세로 가운데 정렬 */
  justify-content: center; /* 가로 가운데 정렬 (선택) */
  top:20px;
}

/*   원 위치*/
.NMR div:nth-child(1){
	z-index:1;
	left:100px;
}
.NMR div:nth-child(2){
	z-index:1;
	left:300px;
}
.NMR div:nth-child(3){
	z-index:1;
	left:500px;
}

/*   원 칼라  */
.N{background-color: rgba(181, 176, 118, 0.9);  }
.M{background-color: rgba(148, 148, 148, 0.9); }
.R{background-color: rgba(185, 161, 133, 0.9); }



/*   친환경 라이프 */
.con_btm{
	display:block;
	top:100px; 
	margin-top:348px;
}
.con_btm div{display:inline; }


}/*  //min-width: 1440px   */ 


.alllabel-content, .alllabel-contents {max-width: 1200px; margin: 0 auto;}