@charset "utf-8";
/*=================생활문화 - 반려동물 사료배합 =================*/


/* 반려동물 사료배합 프로그램 */
#petFeed{ margin-top: 10px; background: url(/ps/img/nongsaroAdd/feedMix/tp_bg.png) no-repeat 50% 0; padding-top: 25px; text-align: center}
#petFeed .tp_title{ font-size: 25px; color: #fff; font-weight: 500; height: 30px; letter-spacing: -2px}
#petFeed .chkPet{ background: url(/ps/img/nongsaroAdd/feedMix/chkPet.png) no-repeat 0 4px; width: 353px; text-align: center; margin: 0 auto; padding: 0 0 10px}
#petFeed .chkPet button{ width: 33px; height: 32px; display: block; margin: 145px 50px 0; background: url(/ps/img/nongsaroAdd/feedMix/radioChk.png) no-repeat 0 0; border: 0; text-indent: -9999px; cursor: pointer;}
#petFeed .chkPet button.active{ background-position: 100% 0}
#petFeed .chkPetStep{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;align-content: stretch;justify-content: space-between;align-items: stretch;}
#petFeed .stepBox{display: flex;flex-direction: column; width: 33%;padding:.5rem;}
#petFeed .stepBox .step_title{ display: block; color:#000;font-size: 1.8rem; font-weight:500; text-align: left;}
#petFeed .stepBox .stepList1{ border: 1px solid #e1e1e1; background: #fff; padding: 5px 3px; height:121px; overflow: auto; text-align: left;    box-sizing: initial;    border-radius: 0.6rem;}
#petFeed .stepBox .stepList1.step2{ overflow: hidden;height:182px; }
#petFeed .stepBox .stepList1.step2:after{ content: ""; display: block; clear: both;}
#petFeed .stepBox .stepList1 li{ border-bottom: 1px solid #e4e4e4;}
#petFeed .stepBox .stepList1.step2 li{ float: left; border: 0; margin-right: 10px}
#petFeed .stepBox .stepList1 li a{  line-height: 28px; color: #4d4d4d; font-size: 14px; display: block; background: url(/ps/img/nongsaroAdd/bullet1.gif) no-repeat 0 50%; padding-left: 12px;}
#petFeed .stepBox .stepList1.step2 li a{ background: url(/ps/img/nongsaroAdd/bullet2.gif) no-repeat 0 50%; padding-left: 10px; line-height: 23px; letter-spacing: -1px}
#petFeed .stepBox .stepList1 li a.active{ color: #ce0e31}
#petFeed .stepBox .stepList1.disabled li *{ color: #ddd !important; cursor: text !important}
#petFeed .stepBox .stepList1.disabled li a{ background: url(/ps/img/nongsaroAdd/bullet3.gif) no-repeat 0 50%}
#petFeed .stepBox .stepList1.step2.disabled li a{ background: url(/ps/img/nongsaroAdd/bullet4.gif) no-repeat 0 50%}
#petFeed .chkPetStep .arrow{ display: inline-block; width: 57px; height: 125px; background: url(/ps/img/nongsaroAdd/feedMix/step_arrow.png) no-repeat 50% 50%; text-indent: -9999px;}
#petFeed .btn_stepBox .btn{ display: block; background: url(/ps/img/nongsaroAdd/feedMix/btn_stepBox.gif) 0 0; text-indent: -9999px; width: 95px;}
#petFeed .btn_stepBox .btn1{ height: 33px;}
#petFeed .btn_stepBox .btn2{ height: 102px; background-position: 0 100%; border: 0; cursor: pointer}
.tbl_feedMix{ border-top: 2px solid #428eaa !important;}
.tbl_feedMix table.new thead th{ background: #def0f4 !important; border-color: #b2dae2 !important; color: #267592 !important; height: auto !important}

#excelExport1{background:#f2f3f5;padding:0 1rem 1rem 1rem;}
#excelExport1.tbl-type01>table{background:#FFF;}


/* 반려동물 배합 */
#petFeed{ padding-top: 0}
#petFeed .tp_title{ height: 58px; line-height: 58px}
/*#petFeed .chkPet{ margin: 0 0 40px; margin-left: 285px; background: url(/ps/img/nongsaroAdd/feedMix/chkPet.jpg) no-repeat 0 4px; width: 550px; padding: 0 68px}*/
#petFeed .chkPet{overflow:hidden; margin: 0 auto 40px; /*margin-left: 285px;*/ background: url(/ps/img/nongsaroAdd/feedMix/chkPet.jpg) no-repeat 0 4px; width: 570px; padding: 0 68px}
#petFeed .chkPet button{ width: 199px; height: 174px; margin: 0}
#petFeed .chkPet span{ display: inline-block; width: 199px; height:auto; float: left; text-align: center; padding-top: 153px}
#petFeed .chkPet span.dog:hover, #petFeed .chkPet span.dog.active{ background: url(/ps/img/nongsaroAdd/feedMix/chkPet_acrive.gif) no-repeat -68px 4px; float: left;}
#petFeed .chkPet span.cat:hover, #petFeed .chkPet span.cat.active{ background: url(/ps/img/nongsaroAdd/feedMix/chkPet_acrive.gif) no-repeat -267px 4px; float: left}
#petFeed .chkPet button{ background: url(/ps/img/nongsaroAdd/feedMix/radioChk1.png) no-repeat 50% 100%; width: 32px; height: 31px; display: inline-block}
#petFeed .chkPet button.active {background: url(/ps/img/nongsaroAdd/feedMix/radioChk2.png) no-repeat 50% 100%;}

.btnS{ font-size: 12px; font-weight: normal; letter-spacing: -1px; border-radius: 3px; padding: 0 7px;}
.btnS.btnGreen{ background: #90be6c; border: 1px solid #72a947; color: #fff}
.btnS.btnBlue{ background: #8da4c3; border: 1px solid #7491ab; color: #fff}

.chkPetStep{ background: #f2f3f5; padding: 10px}
#petFeed .stepBox .stepList1 li a{ padding: 5px 0 5px 8px; letter-spacing: -1.7px; line-height: 20px}
.chkPetStep p.stepList1{ height: 28px !important; overflow:hidden !important; }
.chkPetStep p.stepList1 a{ margin: 0 10px; padding: 2px 5px; font-size: .85em;}
#petFeed .stepBox .stepList1 li a.active, #petFeed .stepBox p.stepList1 a.active{ color: #ce0e31; font-weight: 600}
#petFeed .stepBox .stepList1.step2 li a{ padding: 0 0 0 10px;  letter-spacing: -1px}
#petFeed .btn_stepBox .resultBox.warning{ background: #df1037}
#petFeed .chkPetStep .step_title span{ float: right; margin-top: 5px; position: relative; right: -7px}
#petFeed .chkPetStep .step_title .inputData{ background: #fff; width: 60px; height: 21px; padding: 0; border: 1px solid #6fb6d0; margin-left: 5px; float: left}
#petFeed .chkPetStep .stepList1 .inputData{ background: #fff; width: 135px; height: 21px; padding: 0; border: 1px solid #6fb6d0; margin-left: 5px; position: absolute; top:5px; left:35px; }
#petFeed .chkPetStep .step_title .inputSch{ background: url(/ps/img/nongsaroAdd/feedMix/inputSch.gif) no-repeat; width: 28px; height: 23px; border: 0; text-indent: -1000000000px; float: left; cursor: pointer;}
#petFeed .chkPetStep .stepBox .select-bx{text-align:left; margin-bottom: 2.1rem;}
#petFeed .chkPetStep .stepBox .select-bx .search-tit span:first-child{    margin-left: 0;  width: calc(100% - 5.8%);}

/* 2017 01 16 */
#petFeed .stepBox:nth-child(2){}
#petFeed .stepBox .stepList1 li:last-child{ border: 0}
#petFeed .stepBox .stepList1.step2{ overflow-y: auto}
#petFeed .stepBox .stepList1.step2 li{ margin-right: 18px}
#petFeed .btn_stepBox{ margin-left: 3px; position: relative; height: 133px;display: inline-block; vertical-align: top;}
#petFeed .btn_stepBox .btn{ float: left; width: 99px; height: 97px; background: url(/ps/img/nongsaroAdd/feedMix/btn_stepBox.png) no-repeat}
#petFeed .btn_stepBox .btn.btn2{ margin-left: 3px; background-position: 100% 0;}
.petfeed-container .resultBox{position: relative;font-size:2.4rem; font-weight:500;    color: #1d2130;}
.petfeed-container .resultBox>strong{font-family: 'Gmarket Sans'; font-weight:600; }
.petfeed-container .resultBox:after{content:'';background:#1d2130;width:100%;height:2px;    display: inline-block; }
.petfeed-container .resultBox.warning{ font-family: 'Gmarket Sans';  }
.petfeed-container .resultBox.warning>strong{ font-family: 'Gmarket Sans'; color:#f44336; font-weight:600; }
.petfeed-container .resultBox.sucess>strong{ font-family: 'Gmarket Sans'; color:#3f51b5; font-weight:600; }
.petfeed-container .resultBox.sucess{ font-family: 'Gmarket Sans';  }
.petfeed-container .btnArea .btn.line{    float: initial;}


#petFeedSelect{ overflow-y: auto; height: 100px;padding:.5rem  0; border-top:1px solid #d8d8d8;}
#petFeedSelect span{ float: left; display: inline-block; border: 1px solid #c1c1c1; color: #656565; font-size: 12px; margin: 0 3px 3px 0; padding: 0 30px 0 5px; line-height: 21px; vertical-align: top;    position: relative;}
#petFeedSelect span strong{ display: inline-block; background: #c1c1c1; color: #fff; vertical-align: top; padding: 0 5px; margin-right: 5px}
#petFeedSelect span.foodDb strong{ background: #929292}
#petFeedSelect .feedMixSelectGroup-01,
#petFeedSelect .feedMixSelectGroup-02,
#petFeedSelect .feedMixSelectGroup-03,
#petFeedSelect .feedMixSelectGroup-04,
#petFeedSelect .feedMixSelectGroup-05,
#petFeedSelect .feedMixSelectGroup-06{ position: relative;display: flex;flex-wrap: wrap; align-content: flex-start; justify-content: flex-start;padding:.2rem 0 .2rem 5rem;width: 99%;} 
#petFeedSelect .feedMixSelectGroup-01:before{content:'ㆍ단백질 ';     color: #505050;position: absolute;left: 0;font-weight: 500;font-size:1.3rem;}
#petFeedSelect .feedMixSelectGroup-02:before{content:'ㆍ지방 ';     color: #505050;position: absolute;left: 0;font-weight: 500;font-size:1.3rem;}
#petFeedSelect .feedMixSelectGroup-03:before{content:'ㆍ탄수화물 ';     color: #505050;position: absolute;left: 0;font-weight: 500;font-size:1.3rem;}
#petFeedSelect .feedMixSelectGroup-04:before{content:'ㆍ칼슘 ';     color: #505050;position: absolute;left: 0;font-weight: 500;font-size:1.3rem;}
#petFeedSelect .feedMixSelectGroup-05:before{content:'ㆍ인 ';     color: #505050;position: absolute;left: 0;font-weight: 500;font-size:1.3rem;}
#petFeedSelect .feedMixSelectGroup-06:before{content:'ㆍ기타';     color: #505050;position: absolute;left: 0;font-weight: 500;font-size:1.3rem;}

#petFeedSelect .feedMixSelectGroup-11,
#petFeedSelect .feedMixSelectGroup-12,
#petFeedSelect .feedMixSelectGroup-13,
#petFeedSelect .feedMixSelectGroup-14,
#petFeedSelect .feedMixSelectGroup-15{ position: relative;display: flex;flex-wrap: wrap; align-content: flex-start; justify-content: flex-start;padding:.2rem 0 .2rem 5rem;width: 99%;} 
#petFeedSelect .feedMixSelectGroup-11:before{content:'ㆍ축산물 ';     color: #505050;position: absolute;left: 0;font-weight: 500;font-size:1.3rem;}
#petFeedSelect .feedMixSelectGroup-12:before{content:'ㆍ수산물 ';     color: #505050;position: absolute;left: 0;font-weight: 500;font-size:1.3rem;}
#petFeedSelect .feedMixSelectGroup-13:before{content:'ㆍ농산물 ';     color: #505050;position: absolute;left: 0;font-weight: 500;font-size:1.3rem;}
#petFeedSelect .feedMixSelectGroup-14:before{content:'ㆍ부산물 ';     color: #505050;position: absolute;left: 0;font-weight: 500;font-size:1.3rem;}
#petFeedSelect .feedMixSelectGroup-15:before{content:'ㆍ기타 ';     color: #505050;position: absolute;left: 0;font-weight: 500;font-size:1.3rem;}

#herbageStory .herbList li a .herbOver em{ display: block; font-size: 16px;}
#petFeedSelect span button{ background: url(/ps/img/nongsaroAdd/feedMix/del.gif) no-repeat; width: 24px; height: 23px; cursor: pointer; border: 0; position: absolute; top: -1px; right: -1px}
#tblList2{width:2377px; overflow-x:hidden; overflow-y:scroll; height:340px;}
#tblList2.tbl-type01 thead{display:none;}


.petfeed-container div.tbl-type01 table{margin-bottom:0;margin-top:-2px;}
.petfeed-container div.tbl-type01 table th, .petfeed-container div.tbl-type01 table td{padding:.5em;font-size:90%;height: 50px;}
.petfeed-container div.tbl-type01 table .krds-form-check input[type=checkbox]~label { font-size:1.5rem}
.petfeed-container div.tbl-type01 table .krds-form-check input[type=checkbox]~label:before { margin-top:0}
.petfeed-container div.tbl-type01 table .krds-form-check input[type=checkbox]~label:after { top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2 )}

/* 2024 05 반려동물집밥만들기 - 원료선택팝업*/
.petFeedPro-pop{}
.petFeedPro-pop .select-bx{    float: initial;}
.petFeedPro-pop>.select-bx>.search-tit{background: #FFF !important; padding:0 !important; border: 0px solid #ededed !important;}
.petFeedPro-pop>.select-bx>.search-tit>label.sr_view{width:auto !important;}
.petFeedPro-pop>.select-bx>.search-tit>span{display:inline-block !important;width:auto !important;}
.petFeedPro-Group{border-top:2px solid #444;}
.petFeedPro-Group .fMP-List-Group{display: flex;flex-wrap:wrap; overflow-y: scroll;height:360px;align-content: flex-start;}
.petFeedPro-Group .fMP-List-Group .fMP-List{border-bottom:1px dashed #d8d8d8;padding:.5rem;width:50%;border-right:0px dashed #d8d8d8;}
.petFeedPro-Group .fMP-List-Group .fMP-List a{display: block;padding: .5rem 0;border-radius: .5rem;  }
.petFeedPro-Group .fMP-List-Group .fMP-List a.on{border:1px solid #0366ca;background:#f6f8fa;border-radius: .5rem;box-shadow: 3px 0px 7px rgb(14,11,1,0.15);}
.petFeedPro-Group .fMP-List-Group .fMP-List:nth-child(2n+1){border-right:1px dashed #d8d8d8;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul{display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: row;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li{text-align:center;color:#111;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li>span{display:inline-block;padding:0;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li .fRM-Name{font-weight:500;font-size:90%;color:#111;line-height: 120%;padding: 0.2rem 0;position: relative;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li .fRM-Name>i.pic{background:#ee5f4a;color: #fff;border-radius: 0 0 4px 4px;line-height: 30px;padding: 0 .2rem .1rem; font-size: 13px;margin-right:2px;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li .fRM-Name>i.pic.type01{background:#11881f;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li .fRM-Name>i.pic.type02{background:#4b8f8c;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li .fRM-Name>i.pic.type03{background:#2b6ba1;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li .fRM-Name>i.pic.type04{background:#5359a6;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li .fRM-Name>i.pic.type05{background:#616161;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li .fRM-Photo{}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li .fRM-Photo img{width:80%;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li .fRM-Price{color:#ff6600;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li .fRM-Source{font-size:85%;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li.fRM-choice-info01{width:25%;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li.fRM-choice-info02{width:75%;position: relative;text-align:left;font-size:90%;}

.petFeedPro-Group .fMP-List-Group .fMP-List ul li.fRM-choice-info02 .fRM-choice01:before {content:'ㆍ단백질(%) : ';    color: #505050;  }
.petFeedPro-Group .fMP-List-Group .fMP-List ul li.fRM-choice-info02 .fRM-choice02:before {content:'ㆍ지방(%) : ';     color: #505050; }
.petFeedPro-Group .fMP-List-Group .fMP-List ul li.fRM-choice-info02 .fRM-choice03:before {content:'ㆍ탄수화물(%) : ';  color: #505050;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li.fRM-choice-info02 .fRM-choice04:before {content:'ㆍ칼슘(%) : ';  color: #505050; }
.petFeedPro-Group .fMP-List-Group .fMP-List ul li.fRM-choice-info02 .fRM-choice05:before {content:'ㆍ인(%) : '; color: #505050; }
.petFeedPro-Group .fMP-List-Group .fMP-List ul li.fRM-choice-info02 .btn.xsm{font-size:90%;padding: 0 10px;margin:0 .8rem;border-radius: .3rem;background: #c5c5c566;height: 2.2rem;display: inline-flex;align-items: center;justify-content: center;width: auto;gap: .4rem;line-height: 1;cursor: pointer;white-space: nowrap;transition: .4s ease-in-out;}
.petFeedPro-pop .feedMixPro-Table .fRM_choiceL04 .btn.xsm{font-size:90%;padding: 0 10px;margin:0 .5rem;border-radius: .3rem;background: #c5c5c566;height: 2.2rem;display: inline-flex;align-items: center;justify-content: center;width: auto;gap: .4rem;line-height: 1;cursor: pointer;white-space: nowrap;transition: .4s ease-in-out;}
.petFeedPro-Group .fMP-List-Group .fMP-List ul li.fRM-choice-info02 .fRM-Choice-List{display:none;text-align: left; background: #f3f3f3;border-radius: .2rem;padding: .5rem; margin:.5rem 0;font-size:90%;}
.petFeedPro-pop .feedMixPro-Table .fRM_choiceL04 .fRM-Choice-List{display:none;text-align: left; background: #f3f3f3;border-radius: .2rem;padding: .5rem; margin:.5rem 0;font-size:90%;}

#excelExport3 td{ position: relative;vertical-align: bottom;}
#excelExport3 .graph-up{background: #16bf23; display: block;height:10px;}
#excelExport3 .graph-up>input{padding: 0 !important; text-align: center;color: #000;border: 0;position: absolute; left: 0;right: 0;top:0;}
#excelExport3 .graph-down{background: #f56343; display: block;height:10px;}
#excelExport3 .graph-down>input{padding: 0 !important; text-align: center;color: #000;border: 0;position: absolute; left: 0;right: 0;top:0;}


.feed-container div.tbl-type01 table td, .feed-container div.tbl-type01 table th{height: 45px !important;}

.board_STop.petFeedPro fieldset span.check-input span:first-child input[type="checkbox"] + label {color: #545454;border: 1px solid #ddd;}
.board_STop.petFeedPro fieldset span.check-input span:first-child input[type="checkbox"]:checked + label{color: #fff;border: 1px solid #697a89;}
.board_STop.petFeedPro fieldset span.check-input span:hover input[type="checkbox"] + label {color: #2055a3;border: 1px solid #2055a3;}

.ui-slider-horizontal .ui-slider-handle{top:-28px;}
.end{display: inline-block;right:-13px;background:url(/ps/img/farmskill/bg_year_end.gif) no-repeat 0 0;color:#fff;font-size:11px;width: 29px;height: 17px;line-height: 11px;padding-top:1px;}




/*나만의 원료선택하기 공지사항*/
.petNotice {position: relative; background-color: #f3f6f9; padding: 1.2rem; border-radius: 6px;padding-left:3.2rem;}
.petNotice:before{position: absolute;content:''; width:20px;height:20px;display:inline-block;background:url(/ps/img/nongsaroAdd/feedMix/icon_feedMxnN.png) no-repeat;background-size: cover; left:1.2rem;top:1.7rem;}
.petNotice .pNoticList { position: relative;overflow: hidden;}
.petNotice .pNoticList li {position: relative;display: inline-block;margin: 4px 10px 4px 0;}


@media (max-width: 1060px){

	#petFeed .stepBox:nth-child(2){width:33.3333%;}

}

@media (max-width: 768px){

	/* 반려동물 집밥 만들기 */
	#excelExport1{padding:0 1.2rem 1.2rem 1.2rem;}
	#excelExport1>table>thead>tr>th{display:none;}
	#excelExport1>table>tbody>tr>td{display:block;width:100%; height:auto; position:relative;border-left:0;}
	#excelExport1>table{min-width:auto;}
	#excelExport1.tbl-type01::before{display:none;}
	#excelExport1>table>tbody>tr>td:before{content:'';text-align:left; width:50%; font-weight:500; letter-spacing:-0.05rem; display: inline-block; }
	#excelExport1>table .petInfoT_01:before{content:'현재 체중(kg)'; }
	#excelExport1>table .petInfoT_02:before{content:'목표 체중(kg)';}
	#excelExport1>table .petInfoT_03:before{content:'사료에너지(kcal/kg, DM)';}
	#excelExport1>table .petInfoT_04:before{content:'신생동물(마리)';}
	#excelExport1>table .petInfoT_05:before{content:'비유기(주차)';}
	#excelExport1>table .petInfoT_06:before{content:'예상 성숙 체중(kg)';}
	#excelExport1>table .petInfoT_07:before{content:'활동정도';}
	#excelExport1>table .petInfoT_08:before{content:'수분함량(%)';}
	#excelExport1>table .petInfoT_09:before{content:'배합량(kg)';}
	#excelExport1>table>tbody>tr>td>.krds-input{width:50%;}
	#petFeed td, #petFeed th{word-wrap: break-word;}
	#petFeed .stepBox .select-bx{margin: 0 !important;}
	#petFeed .stepBox .select-bx .search-tit{padding:0;border:0;}
	
	#petFeed .stepBox .stepList1{height:85px;}
	#petFeed .stepBox 
	#petFeed .stepBox:nth-child(2) {width: 100%;}
	#petFeed .chkPetStep .step_title .inputData {padding:0 !important;}	
	.petFeedPro-Group .fMP-List-Group .fMP-List:nth-child(2n+1){border-right:0;}
	.petFeedPro-Group .fMP-List-Group .fMP-List{width:100%;}

	#excelExport2{padding:0 1.2rem 1.2rem 1.2rem;}
	#excelExport2>table>colgroup>col{display:none;}
	#excelExport2>table>tbody>tr>th{display:none;}
	#excelExport2>table>tbody>tr>td{display:block;width:100%; height:auto; position:relative;border-left:0;}
	#excelExport2>table{min-width:auto;}
	#excelExport2.tbl-type01::before{display:none;}
	#excelExport2>table>tbody>tr>td:before{content:'';text-align:left; width:50%; font-weight:500; letter-spacing:-0.05rem; display: inline-block; }
	#excelExport2>table .petFoodInfo-01:before{content:'사료급여량(g)'; }
	#excelExport2>table .petFoodInfo-02:before{content:'건물섭취량(g)	'; }
	#excelExport2>table .petFoodInfo-03:before{content:'수분함량(%)'; }
	#excelExport2>table>tbody>tr>td>.krds-input{width:50%;}

	#excelExport3.tbl-type01>table th[rowspan]{border-right:0;}
	#excelExport3>table{border-collapse: separate;border-spacing: 0;padding:0;}
	#excelExport3>table>thead>tr:first-child>th:first-child{ position: sticky; left: 0;border-right: 1px solid #d8d8d8; z-index:1;background-color: #f8f8f8;}
	#excelExport3>table>tbody>tr>td:first-child{ position: sticky; left: 0; z-index:1;;border-right: 1px solid #d8d8d8; background-color: #FFF; }
	
	#excelExport4.tbl-type01:before{display:none;}
	#excelExport4>table{min-width:auto;}

	
	#excelExport7>table{min-width:800px;}
	#excelExport7.tbl-type01>table th[rowspan]{border-right:0;}
	#excelExport7>table{border-collapse: separate;border-spacing: 0;padding:0;}
	#excelExport7>table>thead>tr:first-child>th:first-child{ position: sticky; left: 0;border-right: 1px solid #d8d8d8; z-index:1;background-color: #f8f8f8;}
	#excelExport7>table>tbody>tr>td:first-child{ position: sticky; left: 0; z-index:1;;border-right: 1px solid #d8d8d8; background-color: #FFF; }


}

@media (max-width: 600px){

	/*=================생활문화 - 반려동물 사료배합 =================*/
	/* 반려동물 배합 */
	#petFeed .chkPet{ margin: 0 auto 40px; background: url(/ps/img/nongsaroAdd/feedMix/chkPet.jpg) no-repeat 0 4px; width: 570px; padding: 0 68px}
	#petFeed .chkPet button{ width: 199px; height: 174px; margin: 0}
	#petFeed .chkPet span{ display: inline-block; width: 199px; height: 31px; float: left; text-align: center; padding-top: 153px}
	#petFeed .chkPet span.dog:hover, #petFeed .chkPet span.dog.active{ background: url(/ps/img/nongsaroAdd/feedMix/chkPet_acrive.gif) no-repeat -68px 4px; float: left;}
	#petFeed .chkPet span.cat:hover, #petFeed .chkPet span.cat.active{ background: url(/ps/img/nongsaroAdd/feedMix/chkPet_acrive.gif) no-repeat -267px 4px; float: left}
	#petFeed .chkPet button{ background: url(/ps/img/nongsaroAdd/feedMix/radioChk1.png) no-repeat 50% 100%; width: 32px; height: 31px; display: inline-block}
	#petFeed .chkPet button.active {background: url(/ps/img/nongsaroAdd/feedMix/radioChk2.png) no-repeat 50% 100%;}

	#honeyRecipe .tabCont .effectDiv>div>h5 { margin-top: 50px;}
	.woman_step_area1 > ul > li:nth-child(7), .woman_step_area1 > ul > li:nth-child(8) {border-bottom:1px dashed #ededed}

}

@media (max-width: 570px){

	#petFeed {background-size: 120%;}
	#petFeed .chkPet {background:none;width: 100%;padding: 1rem 2rem;margin-bottom: 10px;}
	#petFeed .chkPet span {width: auto;padding-top: 0;display: contents;}
	#petFeed .chkPet button {width: inherit; height: inherit;text-indent: inherit;font-size: 16px !important;font-weight: 500;background-position: 0;padding: 0 36px !important; text-align: left;}
	#petFeed .chkPet span.cat button, #petFeed .chkPet .active span.cat button {background-position:0;}
	#petFeed .chkPet span.cat button {margin-left: 0;}
	#petFeed .chkPet button.active {background-position: 0;}
	#petFeed .chkPet span.dog:hover, #petFeed .chkPet span.dog.active {background:none;}
	#petFeed .chkPet span.cat:hover, #petFeed .chkPet span.cat.active {background:none;}

	#honeyRecipe .tabCont .effectDiv .tp_box>ul {width: inherit;}

}




@media (max-width: 1060px){

	#petFeed .stepBox:nth-child(2){width:33.3333%;}

}



@media (max-width: 768px){
	/* 반려동물 집밥 만들기 */
	#petFeed .stepBox {width: 100%;}
	#petFeed .stepBox:nth-child(2) {width: 100%;}
	#petFeed .chkPetStep .step_title .inputData {padding:0 !important;}

}

@media (max-width: 767px){
	#petFeed .chkPet{ margin: 0 auto 40px;width: 570px; padding: 0 68px}
	

	/*반려동물집밥만들기*/
	#tblList>.tbl-type01{display:none;}	
	#tblList>.tbl-type01+.tbl-type01{display:block;}
	#tblList2{width:auto; min-width:700px; overflow-x:scroll; overflow-y:scroll; height:auto;}
	#tblList2.tbl-type01 thead{display:table-header-group;}

}

@media (max-width: 600px){

	/*=================생활문화 - 반려동물 사료배합 =================*/
	/* 반려동물 배합 */
	#petFeed .chkPet{ margin: 0 auto 40px; background: url(/ps/img/nongsaroAdd/feedMix/chkPet.jpg) no-repeat 0 4px; width: 570px; padding: 0 68px}
	#petFeed .chkPet button{ width: 199px; height: 174px; margin: 0}
	#petFeed .chkPet span{ display: inline-block; width: 199px; height: 31px; float: left; text-align: center; padding-top: 153px}
	#petFeed .chkPet span.dog:hover, #petFeed .chkPet span.dog.active{ background: url(/ps/img/nongsaroAdd/feedMix/chkPet_acrive.gif) no-repeat -68px 4px; float: left;}
	#petFeed .chkPet span.cat:hover, #petFeed .chkPet span.cat.active{ background: url(/ps/img/nongsaroAdd/feedMix/chkPet_acrive.gif) no-repeat -267px 4px; float: left}
	#petFeed .chkPet button{ background: url(/ps/img/nongsaroAdd/feedMix/radioChk1.png) no-repeat 50% 100%; width: 32px; height: 31px; display: inline-block}
	#petFeed .chkPet button.active {background: url(/ps/img/nongsaroAdd/feedMix/radioChk2.png) no-repeat 50% 100%;}

}


@media (max-width: 570px){

	#petFeed {background-size: 120%;}
	#petFeed .chkPet {background:none;width: 100%;padding: 1rem 2rem;margin-bottom: 10px;}
	#petFeed .chkPet span {width: auto;padding-top: 0;display: contents;}
	#petFeed .chkPet button {width: inherit; height: inherit;text-indent: inherit;font-size: 16px !important;font-weight: 500;background-position: 0;padding: 0 36px !important; text-align: left;}
	#petFeed .chkPet span.cat button, #petFeed .chkPet .active span.cat button {background-position:0;}
	#petFeed .chkPet span.cat button {margin-left: 0;}
	#petFeed .chkPet button.active {background-position: 0;}
	#petFeed .chkPet span.dog:hover, #petFeed .chkPet span.dog.active {background:none;}
	#petFeed .chkPet span.cat:hover, #petFeed .chkPet span.cat.active {background:none;}

}


@media (max-width: 420px){

	#petFeed {background-size: 160%;}

}
/* 2025 10 10 수정 집밥만들기 모바일 css 수정 */
@media screen and (max-width: 1023px) {
    #excelExport5.tbl-type01:before { display:none}
    #excelExport5>table {min-width: auto;}
}
@media (max-width: 768px){
    #excelExport1>table .petInfoT_02:before{content:'적정 체중(kg)';}
}
