@charset "UTF-8";
/*******************************
 * 파일명 : Agrotrade custom css
 * 설명 :
 * LKH 2021-04-01
  ******************************/

/* margin 공통 */
.ml0 {
	margin-left: 0;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.mr0 {
	margin-right: 0;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mt0 {
	margin-top: 0;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mb0 {
	margin-bottom: 0;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

/* padding 공통 */
.pl0 {
	padding-left: 0;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pr0 {
	padding-right: 0;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pt0 {
	padding-top: 0;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pb0 {
	padding-bottom: 0;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.w10 {
	width: 10px;
}

.w20 {
	width: 20px;
}

.w30 {
	width: 30px;
}

.w40 {
	width: 40px;
}

.w50 {
	width: 50px;
}

.w60 {
	width: 60px;
}

.w70 {
	width: 70px;
}

.w80 {
	width: 80px;
}

.w90 {
	width: 90px;
}

.w100 {
	width: 100px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.loginInputWrap .ipArea input[type=text]+input[type=password] {
	margin: 20px 0 0 0;
}

.ipf_custom {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.ipf_custom+label {
	cursor: pointer;
	width: 155px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	display: inline-block;
	color: #188eb5;
	background: #e8f5f9;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	display: inline-block;
}

#ipf_fn_label span {
	font-size: 16px;
	color: #188eb5;
	font-weight: normal;
	text-decoration: underline;
	vertical-align: middle;
}

#ipf_fn_label span+span {
	margin: 0 0 0 19px;
}

.buyer_h_section01 .listWrap>.list_box {
	float: left;
	width: 511px;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.tac {
	text-align: center;
}

.layerArea {
	position: fixed !important;
	z-index: 100;
}


.loginInpuBtnArea>button {
	text-align: center;
}

.btnArea .ne {
	text-align: center;
}

.fileHide {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.dn {
	display: none;
}

.nT .imgClss {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vT .imgClss {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* inquiry dateTimepicker css */
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 40%;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
	display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
	background: none;
	color: inherit;
	border: none;
	outline: none;
	border-bottom: solid 1px #555;
	width: 95%;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
	border-bottom-color: #aaa;
}

.ui-timepicker-rtl {
	direction: rtl;
}

.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
	float: right;
	clear: right;
}

.ui-timepicker-rtl dl dd {
	margin: 0 40% 10px 10px;
}

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
	padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
	display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
	display: block;
	padding-top: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
	text-align: right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
	display: inline-block;
	margin: 0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
	content: ':';
	display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
	content: '.';
	display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
	display: none;
}


.kFoodList03 img {
	width: 287px;
	height: 203px;
}

.kFoodList02 img {
	width: 287px;
	height: 400px;
}

.myphoto_bottom ul li img {
	max-width: 100%;
	width: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background: #eaeaea;
	/* margin-top:10px; */

}

.lyContents .ancType03>ul>li {
	height: 140px;
}

.imgClss {
	font-size: .8em;
	width: 1em;
	border-radius: 3em;
	padding: .1em .2em;
	line-height: 1.25em;
	border: 0px solid #333;
	display: inline-block;
	text-align: center;
	background-color: #319a00;
	color: #fff;
	position: absolute;
	z-index: 1;
	top: 11px;
	left: 64px;
}

.imgClss2 {
	font-size: .8em;
	width: 1em;
	border-radius: 3em;
	padding: .1em .2em;
	line-height: 1.25em;
	border: 0px solid #333;
	display: inline-block;
	text-align: center;
	background-color: #009a9a;
	color: #fff;
	position: relative;
	z-index: 1;
	top: -1px;
	left: 2px;
}

.ellipsis {
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsisProd {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 1.2em;
	height: 3.6em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 1.2em;
	height: 3.6em;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ellipsisProd3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 1.2em;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.lyContents .ancType03>ul>li.no-data {
	width: 100%;
	height: auto;
	text-align: center;
}

#hsCdtxtSrch {
	display: inline-block;
}

#hsCdSbSrch {
	display: inline-block;
}

.fileUpArea .adFileList .downLoad {
	margin: 0 0 -3px 17px;
}

.themeCheckList .check_small input[type="checkbox"]+label {
	width: 130px;
}

.themeCheckList .check_small input[type="checkbox"]+label+input[type="checkbox"]+label {
	margin-left: 0 !important;
}

.lyContents.imgAr.mY .imgArWrap {
	position: relative;
	width: 100%;
	height: 340px;
}

.itemInit {
	transform: translate(0, -50%);
	top: 50% !important;
	;
}

.rankBottom {
	min-height: 403px;
}

.productPath {
	width: 1500px;
	margin: 24px auto 0;
}

.productPath ul {}

.productPath ul:after {
	display: block;
	content: "";
	clear: both;
}

.productPath li {
	float: left;
	margin: 40px 0 0 0;
}

.productPath li a {
	display: block;
	margin: 0 0 0 13px;
	padding: 0 0 0 13px;
	/* background:url(/images/img_loc_arr.png) no-repeat 0 center;  */
	font-size: 16px;
	font-weight: 300;
	color: #888;
	line-height: 26px;
}

.productPath li:first-child a {
	margin: 0px 0 0 0;
	;
	padding: 0;
	background: 0;
}

.productPath li a:hover {
	color: #222;
}

.productPath li:last-child a {
	color: #888;
}

.ellipsisContent {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 1.5em;
	max-height: 7.5em
}

/* modify */
.VideoLinkView .targetAr iframe {
	width: 640px !important;
	height: 360px !important;
}

.topCate .ovrX>div {
	border-bottom: 1px solid #888;
}

.tblTagArea>span {
	margin: 0px 0px 5px 17px;
}

.myProduct .confirmBox {
	display: inline-block;
}

.myProduct .confirmBox .warning {
	color: red;
	font-size: 14px;
}

.myProduct .confirmBox .link {
	font-size: 14px;
	color: #888888;
	position: relative;
	padding-left: 5px;
}

/* productList add height */
.box>ul>li {
	height: 486px;
}

/* gnb a태그 css 수정 */
.gnb>ul>li>ul>li>strong>a {
	color: #222;
}

.gnb>ul>li>ul {
	min-height: 500px;
	white-space: nowrap;
}

/* .dev4Ly {left:900px;} */

/* .dev5Ly {left:1048px;} */

/* .dev4Ly {
	left: 936px;
} */

/* .dev5Ly {
	left: 1048px;
} */

.servList01 {
	margin-left: 205px;
}

.servList02 {
	margin-left: 205px;
}

.servList03 {
	margin-left: 205px;
}

.servList04 {
	margin-left: 205px;
}

.servList05 {
	margin-left: 205px;
}

.servList06 {
	margin-left: 205px;
}

.shareArea {
	position: absolute;
	right: -61px;
	top: 0;
	padding: 5px 40px 0 30px;
}

.footerUnderLinkArea {
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .goChatBotDiv {
	display: none;
	position: fixed;
	right: 50%;
	bottom: 0px;
	text-algin: center;
	width: 440px;
	height: 55px;
	z-index: 99997;
	margin-right: -867px;
	margin-bottom: 122px;
	background: #f3f6f9;
	border: 1px solid #ddd;
	font-size: 14px;
	color: #454545;
	font-weight: 300;
	line-height: 26px;
	text-align: left;
	padding-left: 15px;
	background-color: #f3f6f9;
	border-radius: 10px;
	transform: translateY(-50%);
	vertical-align: middle;
	font-family: "Roboto", "Noto", sans-serif;
}

.wrap .goChatBotDivTwo {
	display: none;
	position: fixed;
	right: 50%;
	bottom: 0px;
	text-algin: center;
	width: 440px;
	height: 55px;
	z-index: 99996;
	margin-right: -867px;
	margin-bottom: 122px;
	background: #f3f6f9;
	border: 1px solid #ddd;
	font-size: 14px;
	color: #454545;
	font-weight: 300;
	line-height: 26px;
	text-align: left;
	background-color: #f3f6f9;
	border-radius: 10px;
	transform: translateY(-50%);
	vertical-align: middle;
	font-family: "Roboto", "Noto", sans-serif;
}

.wrap .goChatBotDiv:after {
	display: block;
	content: '';
	position: absolute;
	z-index: 99999;
	top: 52px;
	left: 394px;
	width: 0px;
	height: 0px;
	border-top: 11px solid #f3f6f9;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid none;
}

.wrap .goChatBotDivTwo:after {
	display: block;
	content: '';
	position: absolute;
	z-index: 99998;
	top: 53px;
	left: 394px;
	width: 0px;
	height: 0px;
	border-top: 12px solid #ddd;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid none;
}

.wrap .goChatBotDiv2 {
	display: none;
	position: fixed;
	right: 50%;
	bottom: 0px;
	text-algin: center;
	width: 475px;
	height: 55px;
	z-index: 99997;
	margin-right: -867px;
	margin-bottom: 122px;
	background: #f3f6f9;
	border: 1px solid #ddd;
	font-size: 14px;
	color: #454545;
	font-weight: 300;
	line-height: 26px;
	text-align: left;
	padding-left: 15px;
	background-color: #f3f6f9;
	border-radius: 10px;
	transform: translateY(-50%);
	vertical-align: middle;
	font-family: "Roboto", "Noto", sans-serif;
}

.wrap .goChatBotDivTwo2 {
	display: none;
	position: fixed;
	right: 50%;
	bottom: 0px;
	text-algin: center;
	width: 475px;
	height: 55px;
	z-index: 99996;
	margin-right: -867px;
	margin-bottom: 122px;
	background: #f3f6f9;
	border: 1px solid #ddd;
	font-size: 14px;
	color: #454545;
	font-weight: 300;
	line-height: 26px;
	text-align: left;
	background-color: #f3f6f9;
	border-radius: 10px;
	transform: translateY(-50%);
	vertical-align: middle;
	font-family: "Roboto", "Noto", sans-serif;
}

.wrap .goChatBotDiv2:after {
	display: block;
	content: '';
	position: absolute;
	z-index: 99999;
	top: 52px;
	left: 430px;
	width: 0px;
	height: 0px;
	border-top: 11px solid #f3f6f9;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid none;
}

.wrap .goChatBotDivTwo2:after {
	display: block;
	content: '';
	position: absolute;
	z-index: 99998;
	top: 53px;
	left: 430px;
	width: 0px;
	height: 0px;
	border-top: 12px solid #ddd;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid none;
}

.wrap .goChatBotDiv .chatBot-tooltip-close {
	display: none;
	width: 10px;
	height: 9px;
	font-size: 0;
	position: absolute;
	right: 15px;
	top: 8px;
	border: 0;
	background: url(/images/common/btn_close_pop.png) no-repeat center;
}

.wrap .goChatBotDiv2 .chatBot-tooltip-close2 {
	display: none;
	width: 10px;
	height: 9px;
	font-size: 0;
	position: absolute;
	right: 15px;
	top: 8px;
	border: 0;
	background: url(/images/common/btn_close_pop.png) no-repeat center;
}

.wrap .goChatBot {
	display: block;
	position: fixed;
	right: 50%;
	bottom: 0px;
	width: 82px;
	height: 82px;
	margin-right: -878px;
	margin-bottom: 60px;
	background: url(/images/chat_btn.gif) no-repeat 0 0;
}

.goTop2 {
	display: block;
	position: fixed;
	right: 50%;
	bottom: 0px;
	width: 59px;
	height: 59px;
	margin-top: 50px;
	margin-right: -870px;
	background: url(/images/gotop.png) no-repeat 0 0;
}

.overLink {
	display: block;
	position: fixed;
	right: 50%;
	bottom: 70px;
	width: 75px;
	height: 75px;
	margin-right: -880px;
	background: #1b9ec9;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	line-height: 26px;
	text-align: center;
	border-radius: 10px;
	vertical-align: middle;
	font-family: "Roboto", "Noto", sans-serif;
}

.indexFooter {
	margin-top: 0px;
}



.treeMenu>ul>li>ul>li>ul>li>ul {}

.treeMenu>ul>li>ul>li>ul>li>ul>li {
	position: relative;
	margin: 3px 0 0 0;
	padding: 0 0 0 36px;
}

.treeMenu>ul>li>ul>li>ul>li>ul>li:first-child {
	margin: 9px 0 0 0;
}

.treeMenu>ul>li>ul>li>ul>li>ul>li:after {
	display: block;
	content: "";
	position: absolute;
	left: 21px;
	top: 10px;
	width: 2px;
	height: 2px;
	background: #aaa;
}

.treeMenu>ul>li>ul>li>ul>li>ul>li.on {}

.treeMenu>ul>li>ul>li>ul>li>ul>li>a {
	font-size: 16px;
	color: #aaa;
	font-weight: 300;
}

.treeMenu>ul>li>ul>li>ul>li>ul>li:hover:after {
	background: #222;
}

.treeMenu>ul>li>ul>li>ul>li>ul>li:hover>a {
	color: #222;
	text-decoration: underline;
}

.btnBox {
	margin: 40px 0 0 0;
	text-align: center;
}

.btnBox>a {
	cursor: pointer;
}

.urlCopy {
	display: inline-block;
	width: 45px;
	height: 25px;
	background: #1b9ec9;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	line-height: 25px;
	text-align: center;
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
}