#contents.brand .section.brand_intro{
	padding-bottom:50px;
}

#contents.brand .section.brand_intro .inner h3{
	color:#000;
}

#contents.brand .section.brand_intro .inner h4{
	color:#000;
}

#contents.brand .section.brand_intro .inner h4:before{
	content:"";
	position:absolute;
	top:0;
	left:50%;
	width:40px;
	height:3px;
	margin-left:-20px;
	background-color:#008f69;
}

#contents.brand .section.brand_intro .inner .brand_group{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
	padding-bottom:0;
	margin:0 20px;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:335px;
	padding:0;
	margin-top:40px;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center img{
	width:auto;
	height:140px;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center .text{
	margin:30px 0;
	font-size:14px;
	color:#666;
	word-break:keep-all;
	text-align:center;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center .text strong{
	display:block;
	font-size:20px;
	margin-bottom:10px;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center .brands{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
	gap:19px;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center .brands div{
	display:flex;
	flex-direction:column;
	align-items:center;
	max-width:134px;
	width:100%;
	background-color:#f6f8f8;
	padding:24px 12px;
	text-align:center;
	border-radius:10px;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center .brands div .img{
	display:flex;
	justify-content:center;
	padding:0;
	height:60px;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center .brands div .img img{
	height:60px;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center .brands div p{
	display:flex;
	align-items:center;
	font-size:14px;
	line-height:20px;
	height:32px;
	padding:0;
	margin:16px 0 10px;
	color:#000;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center .brands div span{
	font-size:14px;
	line-height:24px;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center .brands div:nth-of-type(3) img{
	height:40px;
}

#contents.brand .section.brand_intro .inner .brand_group .circle_center:nth-of-type(2) img{
	width:auto;
	height:60px;
}


#contents .section.freshone_intro{
	padding-top:28px;
}

#contents .section.freshone_intro .freshone_prd{
	background-color:#f7f6f5;
	padding: 50px 24px 0;
	margin:0;
}

#contents .section.freshone_intro .inner h3{
	font-family:"CjOnlyOneTitleBold",sans-serif;
}

#contents .section.freshone_intro .inner .tab_cont{
	padding-bottom:50px;
}

#contents .section.freshone_intro .inner .tab_cont .top_txt{
	padding:0;
}

#contents .section.freshone_intro .inner .tab_cont .freshone_info{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin:25px auto 0;
	background-size:342px;
	font-family:"CjOnlyOneBodyRegular",sans-serif;
	width:342px;
	height:342px;
	font-size:18px;
	line-height:24px;
}

#contents .section.freshone_intro .inner .tab_cont .freshone_info img{
	width:auto;
	height:78px;
	margin-top:85px;
}

#contents .section.freshone_intro .inner .tab_cont .freshone_info strong{
	font-size:14px;
	line-height:18px;
	display:block;
	margin:15px 0;
}

#contents .section.freshone_intro .inner .tab_cont .freshone_info span{
	font-family:"CjOnlyOneBodyRegular",sans-serif;
	font-size:14px;
	line-height:20px;
}

.circle-container-ani{
	min-width:400px;
	height:400px;
	position:relative;
	display:flex;
	justify-content:center;
}

@media screen and (max-width: 374px){.circle-container-ani{
	min-width:350px;
	height:350px;
}}

.circle-container-ani .circle-dots{
	width:100%;
	height:100%;
}

.circle-container-ani .circle-dots circle{
	transition:opacity .4s ease,fill .4s ease;
}

.circle-container-ani .circle-dots circle.green-circle{
	fill:none;
	stroke:#b6dfd3;
	stroke-width:1.5;
	stroke-linecap:round;
}

.circle-container-ani .circle-dots circle.gray-circle{
	fill:none;
	stroke:#f2f2f2;
	stroke-width:10;
	stroke-linecap:round;
	opacity:0;
	transition:opacity 1.2s ease;
}

.circle-container-ani .contents{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:220px;
	height:220px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	opacity:0;
	transition:opacity 1s ease;
	z-index:3;
}

#contents.logistics .section{
	padding:50px 0 0;
}

#contents.logistics .section .inner h3{
	font-size:18px;
	line-height:23px;
	text-align:center;
	font-family:"CjOnlyOnetitleBold",sans-serif;
	letter-spacing:-0.03em;
	text-transform:uppercase;
	color:#000;
}

#contents.logistics .section .inner p{
	font-size:14px;
	line-height:23px;
	color:#666;
	text-align:center;
	padding:15px 0 0;
	margin-bottom:0;
}

#contents.logistics .section .img_map{
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:#f6f8f8;
	margin-top:40px;
	padding-bottom:50px;
}

#contents.logistics .section .img_map img{
	width:254px;
	margin:40px 0 35px;
}

#contents.logistics .section .img_map p{
	width:167px;
	background-color:#fff;
	padding:6px 0px;
	margin:auto;
	text-align:center;
	border-radius:50px;
	font-size:12px;
	line-height:16px;
}

#contents.logistics .section .img_map p:before{
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	background-color:#e5151e;
	margin:0 8px 2px 0;
	border-radius:4px;
}

#contents.brand_new.type3 .section_top .back_container.freshone {
    background-image: url(../images/brand/freshone/top_bg.jpg);
}

#contents.brand_new.type3 .section_top .back_container.freshone::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}