@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
*{box-sizing: border-box;}
.fc_blue {color:#26489d;}
.fc_red {color:#d82126; }
.fc_black {color: #000;}
.n_pen{font-family: 'Nanum Pen Script', cursive !important;}
.n_pen span{font-family: 'Nanum Pen Script', cursive !important;}
.img_box {text-align: center;}
.img_box img {max-width: 100%; height: auto; vertical-align: middle;}
span i {margin-right: 5px;}
.f_left { float: left;}
.f_right {float: right;}

/*인사말*/
.ceo_sign { display: block;padding-top: 30px;text-align: right; font-size: 16px;}
.name{font-family: 'Nanum Pen Script', cursive; font-size: 30px;}


/*연혁*/
.h_wrap {padding:0 30px;}
#history {/*margin-bottom: 50px;*/}
#history tr th {font-size: 28px; color:#777; text-align: left; padding: 30px 10px 10px;}
#history tr:first-child th{padding-top: 0}
#history tr td { padding: 10px 0 10px; line-height: 22px; font-size: 14px; vertical-align: top; color:#777; }
#history tr td:first-child { width:150px; font-size: 22px;font-weight: 600;letter-spacing: -2px; color:#343636;}
#history .last {border-bottom: 2px dotted #ccc;}
#history .last td {padding-bottom: 30px; }
#history .year .month {font-size: 18px; padding-left: 5px; color: #d82126;}

/*인증서*/
.cert img {max-width: 100%; height: auto;}
.certificate {width: 100%;}
.certificate ul {width: 100%; }
.certificate ul li {width: 25%; float: left;padding: 5px; }
.certificate ul li img {max-width: 100%; height: auto;}
.certificate ul li  p { font-size: 15px; }
.certificate ul:after {display: block; content: ""; clear: both;}

/*ci 소개*/
.ci {width: 100%;}
.ci .ci_add {margin-bottom: 30px; font-size: 15px; color: #333; padding: 0px 10px;}
.ci .ci_add strong {color: #111; font-weight: bold;}

/* 제품정보 */
.btn_view {background-color:rgba(241,129,1,0.7)}
.card-image {position:relative; cursor:pointer; /* min-width:283px;*//* min-height:144px;*/}
.card .card-reveal {position: absolute;width: 100%;overflow: hidden;/*overflow-y: hidden;*/left: 0;top: 100%;height: 100%;z-index: 3;display: none;background:rgba(216,33,38,0.7) url('/bizdemo43895/img/s3/btn_view.png') no-repeat center;text-indent:-9999px;cursor:pointer; }
.card .card-reveal.center{background:rgba(216,33,38,0.7) url('/bizdemo43895/img/s3/btn_view.png') no-repeat center center;}
.allGoods {background:url('/bizdemo43895/img/s3/bg_middle.gif') repeat-x 0 0 ;transition:all .3s;}
.dep2 {width: 100%; margin-bottom: 15px;}
.dep2 ul {width: 100%; padding: 0 5px;}
.dep2 ul li {height: 45px; float: left; text-align: center; line-height: 45px;border-right:2px solid #fff;}
.dep2 ul li:last-child{ border-right: 0; }
.dep2 ul li i {color:#fff;}
.dep2 .d2 li{ width: 50%; }
.dep2 .d3 li{ width: 33.3%; }
.dep2 ul li a {display: block; width: 100%; height: 100%;background:#eeeeee; color: #333; font-size: 16px; }
.dep2 ul li a:hover {background: #d82126; color: #fff; transition: .3s;}
.dep2 ul .active a{background: #d82126; color: #fff;}
.dep2 ul:after {display: block; content: ""; clear: both;}
.goodsList {width: 100%;}
.goodsList .row {width: 100%; }
.goodsList .row li { width: 33.3%; padding: 5px; float: left;}
.goodsList .row li .card {position: relative;background-color: #fff;transition: box-shadow .25s;border-radius: 2px;border: 1px solid #e1e1e1;}
.goodsList .row li .card-image {position:relative;border-bottom:1px solid #e1e1e1;}
.goodsList .row li .card-image a {display: block; width: 100%; height: 100%;}
.goodsList .row li .card-image img {max-width: 100%; height: auto; vertical-align: middle;}
/*.goodsList .row li .card-content:before{content:''; width:100%; height:10px !important; position:absolute; top:222px; left:0;display:block;  background:url('/bizdemo43895/img/s3/up_list_bul.png') no-repeat center top;}*/
.card .card-content {padding: 10px 0;}
.card .card-content .ellip2 {text-align: center;  /*max-height:56px;*/ height:56px; font-size:18px;display:block;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#333;}
.card .card-content .ellip2 .p_b {display: block; color: #666; font-size: 15px; margin-bottom: 1px;}
.goodsList .row:after {display: block; content: ""; clear: both;}
	/*제품 상세정보*/
.goodsList .f_left{width: 45%; }
.goodsList .f_left .img_box {border: 1px solid #e1e1e1;}
.goodsList .f_right { width: 55%; padding-left: 10px; padding-top: 30px;}
	.recipeTbl {width: 100%; border-top: 2px solid #666666; border-bottom: 2px solid #666666;}
	.recipeTbl tr {border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;}
	.recipeTbl th {  background: #f7f7f7; text-align: center; color: #333; font-size: 16px; padding: 15px 10px; min-width: 70px;}
	.recipeTbl td {padding: 15px 10px; font-size: 14px; color: #666;} 
.goodsList:after {display: block; content: ""; clear: both;}
.listBtns {text-align: center; width: 200px;height: 44px; margin: 40px auto; border:2px solid #e1e1e1; }
.listBtns:hover{padding:2px; }
.listBtns .btn_listview { display: block; width: 100%;height: 100%;  line-height: 39px; overflow: hidden; 
	}
.listBtns:hover .btn_listview{border: 1px solid #ccc; line-height: 37px;}

.listBtns a span {color:#d82126;}
.v_mov {display: none;}
	

/* 제조공정 1*/
.made {width: 100%;}
.made h2 { color: #626262; font-size: 17px; font-weight: bold; line-height: 30px; }
.made .center { font-size: 16px; padding: 18px 0; /*background: #eeeeee;*/ color: #333; margin: 10px auto; 
border: 1px solid #e1e1e1;}
.made > p { color: #626262; font-size: 13px;line-height: 20px;margin-bottom: 20px; }
.made_in {width: 100%; position: relative;}
/*.made_in ul{width: 100%;}
.made_in ul li {width: 46%; float: left; /*padding: 15px;* position: relative;}
.made_in ul li:nth-child(2n-1) {padding: 10px 20px 10px 0;}
.made_in ul li:nth-child(3n) {padding:10px 0 10px 20px;}
.made_in ul li:nth-child(3n+1) {padding: 10px 20px 10px 0;}
.made_in ul .middle {width: 8%; text-align: center; vertical-align: middle; padding: 0 !important; padding-top: 15% !important;
	font-size: 24px; color: #ccc;} 
.made_in ul li span { position: absolute; /*background: rgba(216,33,38,0.7);* color: #333; font-size: 15px; padding: 5px 12px; background: #e1e1e1; font-weight: bold;}
.made_in ul li .made_in_w {border: 1px solid #e1e1e1;}
.made_in ul li p { font-size: 15px; background: #eee; color: #333; padding: 10px; text-align: center;  font-weight: bold; }
.made_in ul:after {display: block; content: ""; clear: both;}
*/

.made_in .process {
    clear: both;
    min-width: 150px;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.made_in .process .process01 {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box;
}
.made_in .process .process02 {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box;
    margin-top: 15px;
}
.made_in .process .img_box img{height: 100%;}
.made_in .process .number1 ul {
    font-size: 0;
    border: 1px solid #eee;
    height: 190px;
}
.made_in .process .process01 .number1 ul li {
    display: block;
    float: left;
    width: 50%;
    position: relative;
    height: 100%;
    text-align: center;
}
.made_in .process .process01 .number1 ul .li_1 {
    background: #eee;
}
.made_in .process .process01 .number1 ul .li_1 .num{
    display: block;
    font-size: 32px;
    font-weight: bold;
    color: #e86b05;
    text-align: center;
    margin-top: 19%;
}

.made_in .process .process01 .number1 .title {
    display: inline-block;
    width: auto;
    max-width: 100%;
    font-size: 18px;
    font-weight: bold;
    padding: 0.3em 2.5em 0.5em;
    background: #eec400;
    border-radius: 2em;
    margin: 10px 0;
    color: #fff;
    position: relative;
}
.made_in .process .process01 .number1 ul .li_1::after {
    content: '';
    display: block;
    border-left: 12px solid #eee;
    border-right: 12px solid transparent;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    right: -24px;
    top: 50%;
    margin-top: -12px;
    z-index: 5;
}
.made_in .process .process01 .number1 ul::after {
    content: '';
    display: block;
    clear: both;
}
.made_in .process::after {
    content: '';
    display: block;
    clear: both;
}



/*쿠킹메뉴얼*/
.cook {width: 100%;}
.cook .goodsList:first-child {margin-bottom: 40px;}
.cook h3 {text-align: center; padding: 5px 0;}
.cook .recipeTbl th {padding: 10px; font-size: 15px; }
.cook .recipeTbl td {padding: 10px; text-align: center;}
.cook .recipeTbl .img_box {width: 30%;}
.cook ._ps {text-align: right;}



@media (min-width: 1200px){
	.made_in .process {clear: both;
    min-width: 150px;
    max-width: 1200px;
    margin: 0 auto;
    height: 200px;
    margin-bottom: 15px;}
	.made_in .process .process01 {width: 50%;}
	.made_in .process .process02 {width: 50%; margin-top: 0}
}


@media screen and (max-width:1280px){
    .goodsList .f_right {padding-top: 10px;}
}

@media screen and (max-width:1100px){
    .goodsList .f_right {padding-top: 0px;} 
}
@media screen and (max-width:992px){
/*제품정보*/
.goodsList .row li {width: 50%;}
.goodsList .row li:nth-child(2n):after {display: block; content: ""; clear: both; }
.card .card-content .ellip2 {height: auto; font-size: 16px; letter-spacing: 0.5px; line-height:18px;}
.card .card-content .ellip2 .p_b {margin-bottom: 5px; font-size: 14px;}
.goodsList .f_left {width: 100% !important;}
.goodsList .f_right {width: 100% !important; padding-left: 0; padding-top: 20px;}
.goodsList .f_left .img_box {border: 0;}

/*제조공정*/
.made .center {font-size: 15px;}

}
@media screen and (max-width:860px){
.v_pc {display: none;}
.v_mov {display: block;}
.made_in ul li {width: 48%;}
.made_in ul .middle {width:4%; font-size: 16px;}

}

@media screen and (max-width:780px){

}


#wraper #footer .foot_info .detail span.detail03 strong {font-size: 14px; color: #fff;}

#wraper #footer .foot_info .detail span.detail03 em {font-style: normal; color: #4baaa6; font-weight: 600;}