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

#contents.logistics .section.map{
	padding-bottom:0 !important;
}

#contents.logistics .section.map .inner h3+p{
	margin:0;
}

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

#contents.logistics .section.map .img_map img{
	width:472px;
	margin:60px 0
}

#contents.logistics .section.map .img_map p{
	background-color:#fff;
	padding:13px 36px;
	margin:auto;
	text-align:center;
	border-radius:50px;
	font-size:18px;
	line-height:24px;
}

#contents.logistics .section.map .img_map p:before{
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	background-color:#e5151e;
	margin:0 10px 2px 0;
	border-radius:8px;
}
/*# sourceMappingURL=sustainability_management.css.map */
#contents.brand .section.brand_intro h4:before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:40px;
    height:3px;
    margin-left:-20px;
    background-color:#008f69
}

#contents.brand .section.brand_intro .brand_wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:80px;
    margin:80px 0
}

#contents.brand .section.brand_intro .brand_wrap .circle_center{
    display:flex;
    flex-direction:column;
    width:423px;
    height:410px;
    position:relative;
    background:url(../images/brand/freshone/brand_img.png) no-repeat;
    background-size:423px auto;
    text-align:center
}

#contents.brand .section.brand_intro .brand_wrap .circle_center:nth-of-type(2) .logo img{
    margin-top:30px;
    height:80px
}

#contents.brand .section.brand_intro .brand_wrap .circle_center .logo{
    display:flex;
    justify-content:center;
    align-items:center;
    height:160px;
    padding:0;
    margin:65px 0 25px
}

#contents.brand .section.brand_intro .brand_wrap .circle_center .logo img{
    height:160px
}

#contents.brand .section.brand_intro .brand_wrap .circle_center .text{
    font-size:18px;
    color:#666;
    word-break:keep-all
}

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

#contents.brand .section.brand_intro .brands{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    row-gap:80px
}

#contents.brand .section.brand_intro .brands div{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    width:360px;
    gap:20px
}

#contents.brand .section.brand_intro .brands div:nth-of-type(2):before,#contents.brand .section.brand_intro .brands div:nth-of-type(5):before{
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    width:1px;
    height:120px;
    background-color:#c6c6c6
}

#contents.brand .section.brand_intro .brands div:nth-of-type(2):after,#contents.brand .section.brand_intro .brands div:nth-of-type(5):after{
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    width:1px;
    height:120px;
    background-color:#c6c6c6
}

#contents.brand .section.brand_intro .brands div .img{
    display:flex;
    justify-content:center;
    align-items:center;
    width:120px;
    height:80px
}

#contents.brand .section.brand_intro .brands div .img img{
    width:auto;
    height:80px
}

#contents.brand .section.brand_intro .brands div p{
    display:flex;
    align-items:center;
    height:48px;
    font-size:16px;
    text-align:center;
    padding:0;
    line-height:24px;
    color:#000;
    font-family: "CjOnlyOnetitleMedium", sans-serif;
}

#contents.brand .section.brand_intro .brands div span{
    font-size:14px;
    line-height:24px;
    color:#666;
    text-align:center
}

#contents.brand .section.brand_intro .brands div:nth-of-type(2) img,#contents.brand .section.brand_intro .brands div:nth-of-type(6) img{
    height:70px
}

#contents.brand .section.brand_intro .brands div:nth-of-type(3) img{
    width:120px;
    height:auto
}

#contents.brand_new .section.freshone_intro{
	padding-top:0;
}

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

#contents.brand_new .section.freshone_intro .top_txt{
	margin:20px 0 !important;
}

#contents.brand_new .section.freshone_intro p{
	font-size:20px;
	line-height:34px;
	margin-bottom:40px;
}

#contents.brand_new .section.freshone_intro .freshone_info{
	display:flex;
	justify-content:center;
	align-items:center;
	width:531px;
	height:531px;
	margin:0 auto;
	background-size:531px;
}

#contents.brand_new .section.freshone_intro .freshone_info .logo_txt1{
	font-size:18px;
	line-height:24px;
	font-family:"CjOnlyOneBodyRegular",sans-serif;
}

#contents.brand_new .section.freshone_intro .freshone_info .logo_txt1 img{
	width:243px;
	margin-top:24px;
}

#contents.brand_new .section.freshone_intro .freshone_info .logo_txt1 strong{
	font-size:20px;
	display:block;
	margin:30px 0 20px;
}

#contents.brand_new .section.freshone_intro .freshone_info .logo_txt1 .down_area{
	margin-top:18px;
}

#contents.brand_new .section.freshone_intro .freshone_info .logo_txt1 .down_area a:after{
	display:inline-block;
	content:"";
	background:url(../images/brand/freshone/ico_download_new.png) no-repeat;
	background-size:16px;
	width:16px;
	height:16px;
}

.freshone_intro_area{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
}

.freshone_intro_area .circle-container-ani{
	width:580px;
	height:580px;
	position:relative;
}

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

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

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

.freshone_intro_area .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;
}

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

/*freshone*/

#contents.type2 .section.freshone{
	padding: 0px !important;	
}

#contents.type2 .section.freshone .inner{
	background-color:#f7f6f5;
}

#contents.type2 .section.freshone .inner .freshone_prd .prd_img{
	margin: 50px 0 0;	
}

#contents.type2 .section.freshone .inner .freshone_prd .prd_img img{
	border-radius:2%;
}

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

#contents.brand_new.type2 .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;
}