@charset "UTF-8";

/*-------------------------------------------------
title       :김치원부재료 정보
Create date :2023-01-27
-------------------------------------------------*/

.c030100 .top-visual:after {background:url('/bkri/img/sub/sub03/c030100-bg.jpg') no-repeat center top}
.c030100 .top-visual .stt strong{display:block; font-size:4.8rem}
.c030100 p {word-break:keep-all}

/*원부재료 가격동향*/
.price.flexBox > * {border:1px solid #ddd; width:100%; margin-bottom:5rem}
.price.flexBox > * > * {border:none; padding:0; margin:0; overflow:hidden}
.price.flexBox > * > .img {max-width:54rem; position:relative; padding-top:25%}
.price.flexBox > * > .img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.price.flexBox > * > .desc {width:calc(100% - 54rem); padding:5rem}
.price.flexBox > * > .desc .stt {border-bottom:1px solid #ddd; display:block; font-size:2.4rem; font-weight:700; padding-bottom:1rem; margin-bottom:2rem}
.price.flexBox > * > .desc .list {display:flex; flex-wrap:wrap; width:calc(100% + 5rem)}
.price.flexBox > * > .desc .list li {display:flex; width:calc(50% - 5rem); margin-right:5rem}
.price.flexBox > * > .desc .list li > span {color:#999; width:50%}
.price.flexBox > * > .desc .list li > strong {width:calc(100% - 50%); text-align:right}
.price.flexBox > * > .desc .list li .up {color:#de6158}
.price.flexBox > * > .desc .list li .up:before {content:''; font-family:'xeicon'; display:inline-block; }
.price.flexBox > * > .desc .list li .down {color:#3F51B5}
.price.flexBox > * > .desc .list li .down:before {content:''; font-family:'xeicon'; display:inline-block; }

#kimchi_price .box {padding:10rem 20rem} 

.c030200 .col2 {display:flex; flex-wrap:wrap}
.c030200 .col2 li {border-bottom:1px dotted #ccc; display:flex; width:calc(50% - 5rem); padding-bottom:.5rem; margin:1rem 5rem 0 0; justify-content: space-between}

@media screen and (max-width:640px){
	
	.c030200 .col2 li {width:100%; word-break:keep-all; letter-spacing:-0.05rem; font-size:1.4rem; margin-right:0}
	.c030200 .col2 li a{font-size:1.3rem;  margin-left:0.5rem}
	
}


@media screen and (max-width:1024px){
	
	.price.flexBox > * > .desc .list li {width:calc(100% - 5rem);}
	.top-visual .txt {font-size:2.4rem}
		
}
@media screen and (max-width:768px){
	
	.price.flexBox > * > .img {max-width:none; padding-top:55%}
	#kimchi_price .box {padding:2rem} 
		
}
@media screen and (max-width:767px){
	
	.price.flexBox > * > .desc {padding:3rem; width:100% !important}
		
}

/*원부재료 품질정보 > 부재료 > 고춧가루 > 고추 무기성분*/
.c0303020303 .group {border:0; padding:0}
.c0303020303 .group .table {margin-bottom:0}

/*원부재료 품질정보 > 반제품 > 절임배추*/
.c0303030101 .flexBox.type > ul > li {display:flex; flex-wrap:wrap; flex:1 1 auto; width:calc(50% - 2rem); padding:0}
.c0303030101 .flexBox.type .img {width:40%; padding-top:16rem; position:relative}
.c0303030101 .flexBox.type .img img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
.c0303030101 .flexBox.type .desc {width:60%; padding:2rem}
.c0303030101 .flexBox.type .desc .cate {display:inline-block; font-size:1.4rem; background-color:#ddd; min-width:5rem; margin-bottom:0.5rem; text-align:center; padding:0.2rem 1rem; vertical-align:middle}
.c0303030101 .flexBox.type .desc .stt {font-size:2.4rem; font-weight:700; margin-bottom:2rem; padding-bottom:1rem}
.c0303030101 .flexBox.type .desc .list {border-top:1px solid #ddd; margin-top:1rem; padding-top:1rem}
.c0303030101 .flexBox.type .desc .list li {display:flex}
.c0303030101 .flexBox.type .desc .list span {width:9rem; color:#999}
.c0303030101 .flexBox.type .desc .list strong {width:calc(100% - 9rem)}
@media screen and (max-width:1024px){
	.c0303030101 .flexBox.type > ul > li {width:calc(100% - 2rem)}
}
@media screen and (max-width:768px){
	.c0303030101 .flexBox.type .img {width:100%}
	.c0303030101 .flexBox.type .desc {width:100%}
}


@media screen and (max-width:768px){
	/*주재료 - 배추 -기본특성*/
	.c0303010102.flexBox.thumb > * {flex-direction:initial}
	.c0303010102.flexBox.thumb > * > * {width:calc(50% - 2rem) !important;}
}