@charset "UTF-8";
/* font setting */
@font-face{
	font-family:NotoSansCJKkr-Regular;
	src:local("NotoSansCJKkr-Regular"),
		url("/fonts/notosans/NotoSansKR-Regular.woff2") format("woff2"),
		url("/fonts/notosans/NotoSansKR-Regular.woff") format("woff"),
		url("/fonts/notosans/NotoSansKR-Regular.otf")format("opentype");
}
@font-face{
	font-family:'Nanum Barun Gothic Bold';
	src:url("/fonts/nanum/NanumBarunGothicBoldSubset.eot");
	src:local("Nanum Barun Gothic"),
		url("/fonts/nanum/NanumBarunGothicBoldSubset.eot?#iefix")format("embedded-opentype"),
		url("/fonts/nanum/NanumBarunGothicBoldSubset.woff2") format("woff2"),
		url("/fonts/nanum/NanumBarunGothicBoldSubset.woff") format("woff");
		
}
@font-face{
	font-family:'Nanum Gothic Light';
	src:url("/fonts/nanum/NanumGothicLight.eot");
	src:local("Nanum Gothic Light"),
		url("/fonts/nanum/NanumGothicLight.eot?#iefix")format("embedded-opentype"),
		url("/fonts/nanum/NanumGothicLight.woff2") format("woff2"),
		url("/fonts/nanum/NanumGothicLight.woff") format("woff");
		
}
@font-face{
	font-family:'Nanum Square Bold';
	src:url("/fonts/nanum/NanumSquareB.eot");
	src:local("Nanum Square Bold"),
		url("/fonts/nanum/NanumSquareB.eot?#iefix")format("embedded-opentype"),
		url("/fonts/nanum/NanumSquareB.woff") format("woff");
		
}
@font-face{
	font-family:'Nanum Square Regular';
	src:url("/fonts/nanum/NanumSquareR.eot");
	src:local("Nanum Square Regular"),
		url("/fonts/nanum/NanumSquareR.eot?#iefix")format("embedded-opentype"),
		url("/fonts/nanum/NanumSquareR.woff") format("woff");
		
}
@font-face {
  font-family: 'Nanum Gothic Regular';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/nanum/nanum-gothic-v17-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('/fonts/nanum/nanum-gothic-v17-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/nanum/nanum-gothic-v17-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/nanum/nanum-gothic-v17-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/nanum/nanum-gothic-v17-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/nanum/nanum-gothic-v17-latin_korean-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* 맑은고딕 Regular */
.fontMalgunGothicRegular{font-family:"맑은 고딕","Malgun Gothic";}
/* 나눔고딕 Regular */ 
.fontNanumGothicRegular{font-family:"Nanum Gothic Regular";}
/* 나눔고딕 Light */
.fontNanumGothicLight{font-family:"Nanum Gothic Light";}
/* 나눔바른고딕 Bold */
.fontNanumBarunGothicBold{font-family:"Nanum Barun Gothic Bold";}
/* 나눔스퀘어 Bold */
.fontNanumSquareBold{font-family:"Nanum Square Bold";}
/* 나눔스퀘어 Regular */
.fontNanumSquareRegular{font-family:"Nanum Square Regular";}
/* 본고딕 Regular */
.fontBonGorhicRegular{font-family:NotoSansCJKkr-Regular;}

/* scroll bar custom css */
::-webkit-scrollbar{-webkit-appearance: none;}
  /* 기본 스크롤바를 안보이게 함 */
::-webkit-scrollbar-track-piece{background-color:#FFF;}
  /* 양 끝 화살표와 몸통 바를 제외한 길 */
::-webkit-scrollbar:vertical{width:15px;}
  /* 가로 스크롤바의 크기 horizontal, 세로는 vertical*/
::-webkit-scrollbar-thumb{background-color:#FFF;border-radius:10px;border:2px solid #eeeeee;} 
  /* 실제로 움직이는 몸통 바 */
  
::-webkit-scrollbar-button:vertical:increment {
	display:none;
    /* background: url(/img/arrow_down.png) no-repeat center 50%; */
}
::-webkit-scrollbar-button:vertical:decrement {
	display:none;
    /* background: url(/img/arrow_up.png) no-repeat center 50%; */
}
  /* 양 끝 화살표 부분 */

/* scroll bar custom css end */
/* 레이아웃 Body */
html{overflow:auto;margin:0 auto;padding:0;height:100%;width:100%;min-height: 900px;}
body{margin:0;padding:0;width:100%;height:100%;}
.spinner,.spinnerC{background-image: url(/img/contents/Rolling-1s-100px_B.gif);top: 0;left: 0;z-index: 1234567;width: 100%;height: 100%;position: absolute;background-repeat: no-repeat;background-position: center center;}
.spinner{background-color: rgb(250,250,250);}
.spinnerC{background-color: rgba(250,250,250,0.3);}
.nodrag{-ms-user-select: none;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}
.center{justify-items: center;display: flex;justify-content: center;align-items: center;}
.fL{float:left;}
.fR{float:right;}
.dI{display:inline-block;}
.dN{display:none;}
.dB{display:block;}
.tC{text-align:center; }
.tL{text-align:left;}
.tR{text-align:right;}
.cP{cursor:pointer !important;}
.cD{cursor:default !important;}
.vM{vertical-align: middle;}
.w-inherit{width:inherit;}
.h-inherit{height:inherit;}
.mx-auto {margin-left: auto !important;margin-right: auto !important;}
.m-auto{margin:auto;}
.m0{margin:0;}
.p0{padding:0;}
.mB15{margin:0 0 15px 0;}
.ps-fixed {position: fixed !important;}
.ps-relative{position:relative !important;}
.ps-absolute{position:absolute !important;}
.t-indent10{ text-indent:10px; }
.t-indent20{ text-indent:20px; }
.t-indent12{ text-indent:12px; margin-top: 13px }
.img{background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;}
.nodisplay{width:0px;height:0px;margin:0;padding:0;opacity: 0;display:none !important;}
ul,ul li{list-style:none;margin:0;padding:0;}
textarea{resize:none;}
input{font-family:"Nanum Gothic Regular" !important;}
/** [checkbox & radio css] **/
.customRadioWrap1 input[type="radio"],.customRadioWrap input[type="radio"],.customCheckBoxWrap1 input[type="checkbox"],.customCheckBoxWrap input[type="checkbox"]{display:none;}
label{cursor:pointer;}
.customRadioWrap1 input[type="radio"] + label span,.customCheckBoxWrap1 input[type="checkbox"] + label span {display:inline-block;width:20px;height:20px;margin: -2px 4px 0 8px;vertical-align:middle;background: no-repeat url(/img/contents/combo_none.png);background-size: 100% 100%;cursor:pointer;}
.customRadioWrap1 input[type="radio"]:checked + label span,.customCheckBoxWrap1 input[type="checkbox"]:checked + label span{background: no-repeat url(/img/contents/combo_sel.png);background-size: 100% 100%;}
.customRadioWrap input[type="radio"] + label span,.customCheckBoxWrap input[type="checkbox"] + label span {display:inline-block;width:22px;height:22px;margin: -2px 4px 0 2px;vertical-align:middle;background: no-repeat url(/img/contents/CHECK_OFF.png);background-size: 100% 100%;cursor:pointer;}
.customRadioWrap input[type="radio"]:checked + label span,.customCheckBoxWrap input[type="checkbox"]:checked + label span{background: no-repeat url(/img/contents/CHECK_ON.png);background-size: 100% 100%;}

/* layout */
.headerContainer{width:100%;height:0px;}
.contentsContainer{width:1280px;height:100%;margin:0 auto;padding:0}
.footerContainer{width:1280px;height:110px;line-height:50px;margin:40px auto 0 auto;font-size:12px;}
.contentsCenterWrap{width: calc(100% - 65px);height: calc(100% - 114px);margin: 56px 31px 58px 34px;}
.contentsCenterWrapMain{width:100%;height:100%;}
.contentsLeft{width:221px;box-shadow: 9px -5px 10px 0px #f1f6fe;position: relative;z-index: 99;}
.contentsCenter{width:calc(100% - 221px);}

/* menu */
.menuWrap{width:100%;height:100%;position:relative;}
.menuInfo{position:absolute;bottom:0;}
.menuHeader{margin:29px 8px 26px 11px;}
.menuInfoText{line-height:50px;text-indent:10px;}
.menuArea{height:calc(100% - 230px);}
.menuTitle{font-size:29.17px;margin:5px 0 20px 0;width: 301px;}
.menulist{margin:10px 0 10px 20px;}
.menulist1:hover{background-color:#dadada;}
.menuRightImg{margin:23px 0 0 24px;}
.menuLeftImg{marign:0 7px 0 20px;}
.menuOnFocus,.menuFocus,.menu:hover{background-color:#10467f !important;color:#FFF !important;}
.subMenu{font-size:15.83px;}
.menu{background-color:#FFF;color:#666;font-size:16.67px;line-height:54px;}
.subMenuItems{background-color:#FFF;color:#b6b6b6;}
.subMenuItems:hover{color:#10467f !important;}
.subMenuFocus{color: #10467f !important;}
.subMenuItem2::after{content:"";width:0px;height:72px;margin:10px 0;border-left:2px solid #b6b6b6;display: block;}
.subMenuItem1::after{content:"";width:0px;height:36px;margin:10px 0;border-left:2px solid #b6b6b6;display: block;}
 .subMenuItem3::after{content:"";width:0px;height:118px;margin:10px 0;border-left:2px solid #b6b6b6;display: block;} 
/* insertPopbtn */
.insertPopbtn{background-color:#0d4192;color:#fff;line-height:30px; border-radius:28px;border:1px solid #0d4192;}
.deletePopbtn{background-color:#fff;color:#000;line-height:30px;margin: 0 0 0 5px; border-radius:28px; border:1px solid #0d4192;}
#profileBtn:hover, #profileBtn:active{    border-color: #bbb;color: #2e2e2e;background-color: #e9e9e9;}

/* dashBoard */
.mainArea{height: calc(100% - 77px);}
.flagItemsWrap{border:1px solid #dadada;top:-4px;}
.bgColor1{background-color:#FFF;}
.bgColor2{background-color:#f6f6f6;}
.mapButton{border-radius:7px;}

/* tractor */
.tractorArea{height:calc(100% - 210px);margin:13px 0 0 0; box-shadow: 0px 0px 10px 8px #f1f6fe;}
.gridCircle{width:21px;height:21px;margin:3.45px 4px 0 12px;border-radius:50%;}

/* user */
.managerArea{height:calc(100% - 210px);margin:13px 0 0 0; box-shadow: 0px 0px 10px 8px #f1f6fe;}
.userArea{height:calc(100% - 210px);margin:13px 0 0 0; box-shadow: 0px 0px 10px 8px #f1f6fe;}
.selectIconArea{margin: 4px 0 0 0;}
.selectInput{text-indent:10px;height:25px;width:244px; border:1px solid #e9eaea}
.selectBar{margin:6px 0 0 20px;}
.userCount{border:1px solid #dadada;}
.countArea{height: 37px;margin: 0 15px 13px 13px;line-height: 26px;width: 145px;text-align: center;}
/* servie */
.servieArea{height:calc(100% - 210px);margin:13px 0 0 0; box-shadow: 0px 0px 10px 8px #f1f6fe;}

/* farmwork */
.farmworkArea{height:calc(100% - 210px);margin:13px 0 0 0; box-shadow: 0px 0px 10px 8px #f1f6fe;}

/* qna */
.qnaSearchArea{width:calc(100% - 200px); box-shadow: 0px 0px 10px 8px #f1f6fe;}
.boardArea{height:calc(100% - 210px);margin:13px 0 0 0; box-shadow: 0px 0px 10px 8px #f1f6fe;}
.fileTextWrap{height:21px;width:100%;border-bottom: 1px solid #d5d5d5;display:block;float:left;color:#000;background-color:#FFF;overflow:hidden;text-overflow:ellipsis;}
.fileText:hover{font-weight: 800;}
.closeBox{height:21px;width:21px;background-color:transparent;border-radius:5px;position:relative;}
.closeBox::after{position:absolute;top:0;bottom:0;left:0;right:0;content:"\00d7";font-size:30px;line-height:15px;text-align:center;color:#7f7d7d;font-weight:800;}
.closeBox:hover::after{color:#221e1e;}
/* webkit */
input[data-file="drag_N_drop"]::-webkit-input-placeholder{
	text-align:center;
	color:#100cfb;
}
/* tab */
.tabTextWrap{  width: 85%;   display: inline-block;  float: left; }
.tabRemoveWrap{   display: inline-block;  width: 15%;  float: left; text-indent: 0px; }



/*searchArea*/
.searchArea{box-shadow: 0px 0px 8px 3px #f1f6fe;}
/* .searchArea{box-shadow: 0px 0px 10px 8px #f1f6fe;;width:994px;height:40px;margin:21px 0 19px 33px;} */

.circleIcon{border-radius:50%;width:30px;height:30px;margin: 20px 0 0 20px;}
.orangeCircle{
	background-color:#ff7c00;
}
.greenCircle{
	background-color:#14a144;
}
.grayCircle{
	background-color:#c0c0c0;
}
.redCircle{
	background-color:#fe0000;
}
.smallCircle{
	background-color:#fe0000;
	border-radius:18px;
	width:10px;
    height:10px;
}
.k-grid-content tr:hover{
	background-color:#d7e8fa;
}

.searchIconLeft{
	margin-left:15px;
}
input[type=text]::-ms-clear {
	display: none;
} 
.qna-btn-wrap-width{
	width: fit-content;
}
.qnaFileWrap{
	width: 900px;
    display: inline-block;
    height:calc(100% - 4px);
    float: left;
    word-break: break-all;
    overflow-x:hidden;
    overflow-y:auto;
}
.cbfile{
    display: inline-block;
    margin-right: 10px;
    float: left;
}
.agreeContentWrap{width: calc(100% - 2px);    height: 150px;    border: 1px solid;}
.agreeContentArea{ float: left;    height: calc(100% - 30px);}
.contentRawTable td, .contentRawTable th{ border: 1px solid black;  }
.gridBold{font-weight: bold;}
.boardFileSizeText{    font-size: 12px;    margin: 0px 5px 5px 0px;}
.inputboxWidth{    width: calc(100% - 6px);}
.serviceCountArea{font-size: 20px;    width: 135px;    margin-top: 5px;}
.countNum{display: inline-block;}
.tIconSize1{    width: 29px;    height: 31px;    display: inline-block;    margin-right: 5px;    background-size: 28px;}
.mapLegend{     width: 50px;    float: left;    display: inline-block;    margin-top: 10px;    font-size: 14px;    margin-left: 4px;}

.mainLegend{position: absolute;top: 90px;z-index: 1;width: 745px;}
.mapLegendImg{	    background-image: url(/img/map/tractorLegned.png);    height: 47px;    width: 240px;    margin-left: 25px;    float: left;}
.mainLegnedWrap{width: 470px;height: 47px;float: left;background: grey;border-radius: 10px;margin-left: 10px;}
.mainLegnedWrap > div{margin-top: 6px;margin-left: 7px;}
.mainCount{line-height: 35px;font-size: 15px;background: white;margin-left: 3px;width: calc(55% - 3px);border-radius: 0 5px 5px 0;font-weight: bold;}
.mainCountTitle{line-height:35px;font-size: 14px;font-weight: bold;border-radius: 5px 0 0 5px;}

.duplPopItem{border: 1px solid black;text-align: center;background: white;width: 200px;}