/* Clear Fix */
img { max-width: 100%; }

.clearFix:before,.clearFix:after {content: '';display: table;}
.clearFix:after {clear: both;}
em,i {font-style: normal;}
.floatR {float:right;}
.tac {text-align: center;}
.color01 {color:#2eccfa !important;}
.color02 {color:#0077bf !important;}
.color03 {color:#ff0000 !important;}
.bgColor01 { background-color: #f0f0f0;}
.border-type01 {border-top:2px solid #3585d8 !important; padding:0;}
.w20p {width: 18%;}
.w48p {width: 48% !important;}
.w265 {width: 265px;}
.w300 {width: 300px;}
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml05 {margin-left: 5px !important;}
.mr10 {margin-right: 10px;}

.labelTxt { display: inline-block; vertical-align: middle; margin:0 10px 0 5px; }
input.date-picker { width: 140px; }
.moView { display: none; }

.btn_box a { padding:0 5px; }
.button {display: inline-block; vertical-align: middle; min-width: 73px; height: 34px; line-height: 33px; padding: 0 10px; border-radius: 5px; color: #fff; font-size: 13px; font-weight: 700; text-align: center; cursor: pointer;
}
.button:first-child {margin-left: 0;}
.button:last-child {margin-right: 0;}
.button + .button {margin-left: 3px;}
.button:before {display: inline-block;content: ''; margin-right: 5px;background-position: 0 0;background-repeat:no-repeat;vertical-align: middle;}

/* button color */
.button_color01 {background-color:#2eccfa;}
.button_color02 {background-color:#42aa45;}
.button_color03 {background-color:#575a5b;}
.button_color04 {background-color:#0195df;}


/* tab */
.tab { border-top: 1px solid #e5e5e5; margin-bottom: 30px; overflow: hidden;}
.tab ul { margin:0; padding: 0; }
.tab ul li{ float:left; height: 58px; line-height: 58px; margin:0; padding:0;text-align: center; box-sizing: border-box; font-size: 1.142rem; font-weight: 500; border-top:1px solid #000; border-bottom: 1px solid #e5e5e5;}
.tab ul li.on{ border-color: #000; }
.tab ul li a{ display:block; width:100%; height:100%; text-decoration:none}
.tab ul li span{ color:#a2a1a1; font-size:13px; font-weight:normal;}
.tab ul li.on a{ color:#333; background: #fff; font-weight: 700;}
.tab ul li.on span{ color:#aaa}
.tab.tabnum2 li{width:50%;}
.tab.tabnum3 li{width:33.33%;}
.tab.tabnum4 li{width:25%;}
.tab.tabnum5 li{width:20%;}
.tab.tabnum6 li{width:16.66%;}

.itemTable { display:none; margin: 20px 0; }
.itemTable table {  }
.itemTable table td { padding:7px 5px 6px; text-align: center; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; cursor: pointer; }

.main_top {position: relative; max-width:100%; border-top:0 !important;}
.main_top button.tipview {margin:0 0 0 5px;}
.main_top button.tipview:before{content:""; display: inline-block; vertical-align:middle; width: 15px; height: 12px; padding-right:4px; background:url(../../img/icon_tip.png) no-repeat 0 0;}
.main_top .diarysetbox {position:absolute;top:0;right: 0;}
.main_top .diarysetbox button {display: none;}
.main_top .diarysetbox .setting:before{content:""; display: inline-block; padding-right:5px; width:13px; height:15px; background:url(../../img/ico_setting.png) no-repeat 0 0; vertical-align: middle; }
.main_inner_top {height: 85px; margin-bottom:10px; padding:15px 0; position: relative; box-sizing: border-box;}
.btn_wrap { margin: 15px 0 50px 0; padding:0 10px; }
.btn_wrap .button { width:25%; height:34px; line-height: 33px; padding:0 6px; border:1px solid #cdcdcd; background-color: #f3f3f3; box-sizing: border-box; border-radius:0; font-size: 13px; font-weight: 400; color:#555; }
.btn_wrap .button:nth-child(3) { width: 19%; }
.boardTop { position: relative; }
.boardTop h3 { margin:0 0 15px 0; padding:0; }
.boardTop h3.pt05 { padding-top: 5px; }
.boardTop .btn_wrap { position: absolute; top: 0; right: 0; margin:0; padding: 0; }
.boardTop .btn_wrap .button { width: 100%; }

.bd_right { border-right:1px solid #ddd; }
.bd_left { border-left:1px solid #ddd; }
.sign { margin-bottom:10px; padding:0 10px;}
.sign dl {overflow:hidden;}
.sign dl dt { float:left; height: 30px; font-size: 14px; font-weight: 500; color:#333333; margin-right:15%; }
.sign dl dd span {display: inline-block; width:23%; vertical-align: middle; margin:0 0 5px 0; font-size:13px; color:#555; font-weight: 400;}
.sign dl dd span:before {content:""; display: inline-block; margin-right: 3px; background-position: 0 0; background-repeat: no-repeat; vertical-align: middle;}
.sign dl dd span.pencil {width:44%;}
.sign dl dd span.pencil:before { width:18px; height:19px; background-image: url(../../img/icon_pencil.png); }
.sign dl dd span.money { width: 26%; }
.sign dl dd span.money:before { width:16px; height:11px; background-image:url(../../img/icon_money.png);}
.sign dl dd span.pesticide:before { width:12px; height:21px; background-image:url(../../img/icon_pesticide.png);}
.sign dl dd span.water:before { width:14px; height:19px; background-image:url(../../img/icon_water.png);}
.sign dl dd span.fertilizer:before { width:14px; height:13px; background-image:url(../../img/icon_fertilizer.png);}


@media only screen and (max-width: 375px){
  .w48p { width: 47% !important; }
  .sign dl dd span.pencil {width:42%;}
  .btn_wrap .button { width:49%;}
  .btn_wrap .button:nth-child(1),.btn_wrap .button:nth-child(2) { margin-bottom: 5px; }
  .btn_wrap .button:nth-child(3) { width: 49%; }
  .button + .button { margin-left:0;  }
}
@media only screen and (max-width: 360px){
  .sign dl dt { margin-right: 12%; }
  .sign dl dd span.pencil { width:35%; }
  .sign dl dd span.money { width: 28%; }
}
/* 경영장부 메인 */
.datasv_page.management .main_inner { padding:0; position: relative;}
.daily-log .monthly_sec .month h3 { padding-left: 0 !important; font-size: 16px; line-height: 16px; margin-bottom: 0; vertical-align: middle;  }
.daily-log .month button{ border:none; background:none; font-size:0; line-height:0; vertical-align:middle; margin:0; padding:0}
.daily-log .month button:before{content:""; display: inline-block; width:100%; height:100%; position:absolute; left:0; top:0; vertical-align:top; }
.daily-log button.prv, .daily-log button.nxt{ display:inline-block;  width:10px; height:17px;  vertical-align:middle; position:relative; z-index:2; }
.daily-log button.nxt {position:absolute; top:13px; right:30%;}
.daily-log button.prv:before{ content:""; background:url(../../img/date_prev.png) no-repeat 0 0; top:0; left:0;}
.daily-log button.nxt:before{ content:""; background:url(../../img/date_next.png) no-repeat 0 0; top:0; left:0;}
.daily-log button.today{ border:1px solid #ddd; font-size:14px; width:50px; height:34px; line-height:33px; text-indent:0; text-align:center; color:#555; background-color: #fff; position: absolute; top:6px; left:0;}
.daily-log button.today:before{ display:none}
.daily-log .month h3 label{ vertical-align:middle;margin-left:50px; overflow: visible;}
.daily-log .month h3 input.date-picker{ width:146%; height:22px; line-height:21px; border:none; font-size:26px; font-weight:700; text-align:center; margin-top:-11px; padding:0 !important; vertical-align:middle; color:#333;  }
.daily-log .month h3 button.prv, .diary_inner > .full .month h3 button.nxt{ display:inline-block; vertical-align:middle; position:relative; z-index:2}
.daily-log .month h3 button.prv { position: absolute; top:13px; left:35%; }
.daily-log .month h3 button.ui-datepicker-trigger{ width:34px; height:34px; margin-left:0px; position:absolute; top:6px; left:5px; }
.daily-log .month h3 button.ui-datepicker-trigger:before{ display: block; width: 34px; height: 34px; position: absolute; top: 0; left: 0; background:url(../../img/ico_calendar.png) no-repeat 0 0;}
.daily-log .month h3 label span{ font-size:0; line-height:0}
.daily-log .monthly_sec table.monthtable td .more_info{ margin-top: 5px; }
.daily-log .monthly_sec table.monthtable td a.more{ position:relative; z-index:2; margin-top: 5px;}
.daily-log .monthly_sec table.monthtable td a.more span{width:100%; height:100%;}
.daily-log .monthly_sec table.monthtable td a.more span:before{text-align:center; line-height:20px;}
.daily-log .monthly_sec table.monthtable td > span.blank{position: absolute; left: auto; top: auto; z-index:1; cursor:copy; display:block; width:100%; height:100%; box-sizing:border-box; overflow:hidden}
.daily-log .monthly_sec table.monthtable td{ height:110px; vertical-align:top; border:1px solid #dcdcdc;; padding:10px; position:relative}
.daily-log .monthly_sec table.monthtable td .date{ text-align:left; font-weight:700; position: relative;}
.daily-log .monthly_sec table.monthtable td .date .iconArea { position: absolute; top:0; right: 0; z-index: 500;}
.daily-log .monthly_sec table.monthtable td a.more > span:before{ content:""; display: inline-block; width:29px; height:19px; background:url(../../img/icon_book.png) no-repeat 0 0;  }
.daily-log .monthly_sec table.monthtable td .note {margin-top: 5px;}
.daily-log .monthly_sec table.monthtable td .note .number{ display: block; width: 100%; height:15px; line-height: 15px; margin:0 auto; background-color: #000; color:#fff; font-size: 12px; border: 1px solid #000; border-radius: 100px; text-align: center; cursor: pointer; }
.daily-log .monthly_sec table.monthtable td .note li.money:before {content:""; display: inline-block;  width:16px; height:11px; vertical-align: middle; background:url(../../img/icon_money.png) no-repeat 0 -1px;}
.daily-log .monthly_sec table.monthtable td .note li.pencil {}
.daily-log .monthly_sec table.monthtable td .note li.pencil:before {content:""; display: inline-block; width:18px; height:19px; background:url(../../img/icon_pencil.png) no-repeat 0 0; vertical-align: middle;}
.daily-log .monthly_sec table.monthtable td .note li:nth-child(2n):before {background-color: transparent;}

.daily-log01 {/* width: 62%; margin: 0 1%; */ width: 700px; margin:0 5px;	}
.daily-log01 .monthly_sec .month, .daily-log02 .monthly_sec .month{ right:116px;  }
.daily-log03 {width: 920px;margin-right: 20px;}
.daily-log03 .monthly_sec .month{ right:174px; }
.daily-log04 { width: 100%; padding-left: 0; margin-top: 65px; }
.daily-log04 .monthly_sec .month { width: 100%; top:-120px; right: auto; left:10px; box-sizing: border-box; }

.situation_wrap {width: 300px; position: absolute; top:0; left:0;}
.current_situation { margin-bottom:20px; padding: 0; }
.current_situation h3 { margin:0 0 15px 0; padding:0; }
.dateTxt { position:absolute; top:-5px; right:0; text-align: right; font-size: 12px; }
.incomings_outgoings {position: relative;}
.top_txt {position: absolute; top:0; right: 0; margin:0;padding: 0; }
.board_list { width: 100%; overflow-x: auto; margin-bottom: 20px; }
.board_list table { width:120%; border-top:1px solid #666; border-top:1px solid #333;}
.board_list table thead th { padding:12px 0; }
.board_list table tr:hover {  background-color: #d4e7f2; transition: .3s; }
.board_list table td { border-top:1px solid #999; padding:20px 0; }

.diarysetbox select {display: none;}
.diarysetbox .setting {width:66px;height: 34px; line-height: 34px; border:1px solid #ccc; border-radius:5px; box-sizing: border-box; font-size: 13px; display: inline-block; vertical-align: middle; margin-left: 5px;}
.monthly_sec table.monthtable td .note li {cursor: pointer;}
.inforArea { margin-top: 20px; }
.inforArea > div {width: 100%; margin:0 0 20px 0;}
.inforArea > div h3 { font-size: 15px; }
.inforArea .price_sec, .inforArea .weathe_sec, .inforArea .bugs_sec {width:94%; padding:10px;}
.inforArea .price_sec { height: 170px; }
.inforArea .price_sec .pricetable ul.roling {height: 50px;}
.inforArea .news_sec {height: 271px;}
.inforArea .news_sec .listbox{ height:230px;top:41px;}
.inforArea .weathe_sec { height:180px; position: relative; }
.inforArea .weathe_sec ul { border-top: none; padding:0; }
.inforArea .weathe_sec .city { float:none; margin-top:0; position: absolute; top:68px; left:45px; }
.inforArea .weathe_sec .weather_box {  height: 103px; padding:30px 0; border:1px solid #e5e5e5; }
.inforArea .weather_box > a { padding:30px 0 0 0; }
.inforArea .bugs_sec { margin-right: 0; padding:10px 5px; }
.inforArea .bugs_sec .inserct { height:143px; border:1px solid #e5e5e5; position: static; zoom: 1; padding:20px; }

.main_inner > div h3.itemTit { padding-left: 0 !important; }
.itemTit {position: relative;}
.itemTit:before { display: inline-block; content: ''; margin-right:10px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; }
.itemTit01:before { width:18px; height: 19px; background-image: url(../../img/icon_pencil.png); }
.itemTit02:before { width:16px; height: 11px; background-image: url(../../img/icon_money.png); }
.monthly_sec table.monthtable td .date span.today { width: 28px; height:28px; line-height: 28px; padding:0; border-radius: 100px; text-align: center; }

@media only screen and (max-width: 767px){
  .daily-log .monthly_sec table.monthtable td { height: 55px; }
  .datasv_page.management .main_inner .fl { display:block; float:none; width: 100%; margin-top: 20px; }
  .daily-log .monthly_sec table.monthtable td .note li { overflow: visible; }
  .daily-log .monthly_sec table.monthtable td .note li.pencil:before,.daily-log .monthly_sec table.monthtable td .note li.money:before { background-size: cover; }
  .daily-log .monthly_sec table.monthtable td a.more { margin-left: 0; }
  .daily-log .monthly_sec table.monthtable td a.more > span:before { width: 19px; height: 15px; background-size: cover; }
  .daily-log .monthly_sec table.monthtable td .date .iconArea a { display: block; }
  .daily-log .monthly_sec table.monthtable td .date .iconArea .iconArea img { width: 15px; height: 15px; }
  .situation_wrap {width: 100%; position: static; top:95px; left:0;}
  .inforArea .news_sec { height: 292px; }
  .inforArea  .news_sec h3 { padding-left:0 !important; }
  .inforArea .news_sec .listbox { height: auto; top:39px; }

}
@media only screen and (max-width: 375px){
  .daily-log .month h3 button.prv { left:38%; }
  .daily-log button.nxt { right: 25%; }
  .inforArea .price_sec, .inforArea .weathe_sec, .inforArea .bugs_sec { width: 93%; }

}
@media only screen and (max-width: 360px){
  .daily-log .month h3 button.prv { left:39%; }
  .daily-log button.nxt { right: 20%; }
}

/* 팝업 */
.popheader h2{ font-weight:700; line-height: 47px; }
.pop_box.diary_modify > div {min-width: 580px;}
.pop_box.diary_modify .coltable table th, .pop_box.diary_modify .coltable table td{ padding:10px; text-align:center}
.pop_box.diary_modify .coltable table th{ font-weight:500; padding:10px;}
.pop_box.diary_modify > div > button.close:before{content:""; display:block; width:100%; height:100%;  background:url(../../img/popCls.png) no-repeat 0 0; }
.pop_box.diary_modify .coltable table td .tdbtn {display: inline-block; min-width:85px; min-height: 30px; vertical-align: middle;}
.pop_box.diary .photo {float: none;width: 100%; margin-left: 0}
.pop_box.diary .photo .resltbox { height: auto; }
.pop_box .resltwrap {border: none;}
.pop_box.diary .content > .popTop {display: block; margin-bottom:20px; text-align: center;}
.pop_box .popTop input[type=radio] { display: inline-block; vertical-align: middle; }
.pop_box.diary table.coltable td input[type=text]{ padding-left: 5px; box-sizing: border-box; }
.pop_box.diary table.coltable td .normal{ width:calc(100% - 70px); height:30px }
.pop_box.diary table.coltable td .half{ width:calc(100% - 193px); height:30px }
.pop_box.diary .weather_box {border:none; margin:0;}
.pop_box.diary .weather_box li {border:none; width:32%; padding:0; margin:0 0 5px 2%;}
.pop_box.diary .weather_box li:nth-child(1),.pop_box.diary .weather_box li:nth-child(4) { margin:0 0 5px 0;}
.pop_box.diary .weather_box ul {padding: 0;}
.pop_box.diary .weather_box li > h4 { width: 53px; }
.pop_box.diary .weather_box li > div { }
.pop_box.diary table.coltable td.add label {margin-right: 15px; vertical-align: middle;}
.pop_box.diary table.coltable td.add label input[type="radio"] + span { vertical-align: middle; }
.pop_box.diary table.coltable td.add label span.checked {color:#0195df;}
.pop_box.diary table.coltable td.add label span.checked:before{ content:""; border:1px solid #0195df; width: 16px; height: 16px; background-image: url(../../img/icon_chk.png); background-repeat:no-repeat; background-position: center center; background-color: #0195df; }
.pop_box.diary .content .btnwrap { display: block; }
.pop_box.diary .content button.ui-datepicker-trigger { position: relative; }
.pop_box.diary .content button.ui-datepicker-trigger:before{content:""; vertical-align:middle;; display: inline-block; width: 16px; height: 15px; position: absolute;left: 0;top: 7px; background:url(../../img/ico_date.png) no-repeat 0 0;}
.pop_box .attachList li { padding:8px 0; }
.pop_box .attachList li { display: none; }
.pop_box .attachList li:first-child { display: block; }
.pop_box .attachList li a { display:inline-block; width: 15px; font-size: 0; line-height: 0; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle;  }
.pop_box .attachList li .addRowBtn {height: 15px; margin-left: 10px; background-image: url(../../img/icon_addRow.png);}
.pop_box .attachList li .delRowBtn {height: 15px; background-image: url(../../img/icon_deleteRow.png);}
.pop_box > div > button.close { top:15px; right: 20px; }
.pop_box > div > button.close:before{content:""; display:block; width:100%; height:100%; background:url(../../img/popCls.png) no-repeat 0 0;}
.pop_box.diary .default_box { width: 510px; }
.pop_box.diary table.coltable th { width: 83px; }
.pop_box.diary table.coltable td .man table { margin-bottom: 10px; }
.pop_box.diary table.coltable td .man table th {  width: 50px; text-align: center; padding: 0; }
.pop_box.diary table.coltable td .man table td {  padding: 10px 0 10px 5px; }
.pop_box.diary table.coltable td .man table td input[type=text] { width: 65%; }
.pop_box.diary table.coltable td select.working_stage { width: 100%; }
.pop_box.diary table.coltable td .add_infor span { display: inline-block; vertical-align:  middle; margin-right: 5px; }
.pop_box.diary table.coltable td .add_infor select {width: 34%;}
.pop_box.diary table.coltable td .add_infor input[type=text] { width: 34%; }
.pop_box.diary .search_unit {display: inline-block; width:calc(100% - 70px); height:30px; position: relative; }
.pop_box.diary .search_unit input { width: 100%; padding-left: 5px; }
.pop_box.diary .search_unit .sch { width:38px; height:28px; border:none; background:none; position:absolute; top:1px; right: 1px; }
.pop_box.diary .search_unit button.sch:before{content:""; display: inline-block; width:100%; height:100%; line-height:36px; background:url(../../img/icon_magnifier.png) no-repeat 0 0; position: absolute; top:0; left:0; }
.pop_box.diary .search_unit .sch span { color: transparent; white-space: nowrap; overflow: hidden; text-indent: 100%; }
.pop_box.diary table.coltable .crop {display: none;}
.pop_box.diary table.coltable td .fer,.pop_box.diary table.coltable td .man,.pop_box.diary table.coltable td .dev { display: none; }

.pop_box.depcde { background: transparent; }
.pop_box.depcde > .popwrap { width:530px; max-height:50vh; border:1px solid #cdcdcd; transform:translate(-50%,-76%); padding:10px 10px 20px 10px; }
.pop_box.depcde01 > .popwrap { transform:translate(-50%,-87%);}
.pop_box.depcde02 > .popwrap { transform:translate(-50%,-66%);}
.pop_box.depcde .coltable td {text-align: left; padding-left: 5px;}
.pop_box.depcde .sch_box {text-align: center; margin-bottom: 20px}
.pop_box.depcde .sch_box button{ font-size: 1rem; line-height: normal; text-indent: 0; width: auto; background: #fff;border: none; color: rgba(158,158,158,1); transition: all .3s; min-width:25px; height: 30px; margin:0 1px; padding: 0 7px; box-sizing:border-box; border:1px solid #cdcdcd;}
.pop_box.depcde .sch_box button:disabled{ background:rgba(158,158,158,0.13); border-color:rgba(158,158,158,0.12) ;color: rgba(158,158,158,0.57);}
.pop_box.depcde .sch_box button.all{ margin-right:10px}
.pop_box.depcde .sch_box button.on{ border:2px solid #0195df; background:#fff; color:#0195df; font-weight:bold}
.pop_box.depcde .sch_box button:before{ display:none}
.pop_box.depcde input { height: 30px; line-height: 30px; padding: 0 5px; box-sizing: border-box; }
.pop_box.depcde select { height: 30px; box-sizing: border-box; }
.pop_box.depcde input { width: 100%; }
.pop_box.depcde .btnwrap { margin-bottom: 0; padding:20px 0 0 0; }

@media only screen and (max-width: 767px){
  .pop_box.diary > .popwrap { padding:10px 5px 10px 5px; }
  .pop_box.diary .default_box { width: 100%; }
  .pop_box.diary table.coltable th { width: auto; text-align: center; }
  .pop_box.diary table.coltable td .man { overflow-x: auto; }
  .pop_box.diary table.coltable td .man table { width: 120%; }
  .pop_box.diary .weather_box li {width: 50%; margin:0 0 5px 0; }
  .pop_box.diary .weather_box ul li h4 { width: 60px; }
  .pop_box.diary .weather_box ul li > div { padding-left: 0;  }
  .pop_box.diary .weather_box ul li input[type="text"], .pop_box.diary .weather_box ul li select { width: 60px; }
  .pop_box.diary .weather_box ul li input[type="text"] { text-align: right; padding-right: 5px;  }
  .pop_box.diary .resltwrap {padding:0;}
  .pop_box.diary .attachList li input { width: 85%; }
  .pop_box.diary table.coltable td .half { width:calc(100% - 137px); }
  .pop_box .attachList li .addRowBtn { margin-left: 0; }
  .pop_box.item .popheader { border-bottom: none; height: 35px; }
  .pop_box.item .diaryTable { margin-bottom: 20px; }

}
@media only screen and (max-width: 375px){
  .pop_box.diary table.coltable td.add label {margin-right: 10px;}
  .pop_box.diary table.coltable td .add_infor select,.pop_box.diary table.coltable td .add_infor input[type=text] { width: 31%; }
  .pop_box.diary .attachList li input { width: 83%; }
  .pop_box.register01 .attachList li input { width: 82%; }
  .pop_box.diary .weather_box li > h4, .pop_box.diary .weather_box li > div { float: none; }
  .pop_box.diary .weather_box li > h4 { text-align: center; }
  .pop_box.diary .weather_box ul li h4 { width: 79%; }
  .pop_box.diary .weather_box ul li input[type="text"], .pop_box.diary .weather_box ul li select { width: 79%; }
  .pop_box.diary table.coltable td .man table td input[type=text] {width: 60%;}


 }
@media only screen and (max-width: 360px){
  .pop_box.diary table.coltable td.add label {margin-right: 5px;}
  .pop_box.diary table.coltable td .half { width:calc(100% - 125px); }
  .pop_box.diary table.coltable td .man table td input[type=text] {width: 58%;}
  .pop_box.register01 table.coltable td .half { width:calc(100% - 107px); }
  .pop_box.register01 .attachList li input { width: 80%; }


 }

/* 간편 회계, 회계장부 */
.content_wrap.account_page > div { border-top: none; }
.account_page h2 {margin-bottom: 15px; padding:0; font-size: 1.857rem; line-height: 30px;}
.account_page .section h3{padding-bottom:0;margin-bottom:10px;font-size:1.26rem; font-weight: 700;}
.account_page .board_list_box .header {height: 75px; padding: 25px 0 !important;}
.account_page .board_list_box .header h3{float: left; margin-right: 50px; font-size:1.26rem; font-weight: 700;}
.account_page .board_list_box .header .btn_wrap {position: absolute; top: 22px; left:250px;}
.account_page .sch_box .datebox button.ui-datepicker-trigger { position: relative; }
.account_page button.ui-datepicker-trigger:before{content:""; vertical-align:middle;; display: inline-block; width: 16px; height: 15px; position: absolute;left: 0;top: 13px; background:url(../../img/ico_date.png) no-repeat 0 0;}

.account_page .line_one{overflow:hidden;}
.account_page .line_one.half .float_l{width:50%;}
.account_page .line_one.half.l_long .float_l{width:40%;}
.account_page .line_one.half.l_long .float_l:first-child{width:55%;}
.account_page .line_one .float_l{float:left;width:33.33%;box-sizing:border-box;}
.account_page .float_l:first-child .datebox{padding-right:0;}
.account_page .line_one .float_l.w32p{width:32%;}
.account_page .line_one .float_l.w34p{width:34%;}
.account_page .line_one .float_l.w30p{width:30%;}
.account_page .line_one .float_l.pdl0{padding-left:0;}
.account_page .line_one .float_l dd div{float:none;margin-right:0;}
.account_page .line_one .float_l dd .mgr10{margin-right:10px;}
.account_page .search_btn{width:1114px; position:absolute;left:0;bottom:-55px; text-align: center;}
.account_page .search_btn.search_btn01{width:120px; bottom: 20px; right:20px;left:auto; text-align: right;}
.account_page .search_btn a{display:inline-block;width:120px;height:40px;font-size:16px;line-height:40px;color:#fff;background:#0195df;text-align:center;}
.account_page .search_btn .button {display:inline-block;width:120px;height:40px;font-size:16px;line-height:40px; border-radius: 0;}
.account_page .search_btn a:hover{text-decoration:none;}
.section { padding: 50px 0 0 0;}
.account_page .board_list_box .btn_box { clear: none; margin-bottom: 30px; }
.account_page .board_list_box .btn_box span {display: inline-block; vertical-align: middle; margin-right: 10px;}
.account_page .board_list_box .btn_box.btn_box_left { float:left;  }
.account_page .board_list_box .btn_box.btn_box_right { float:right; }
.account_page button.tipview {margin:0 0 0 5px; min-width: 48px; min-height: 24px;}
.account_page button.tipview:before{content:""; display: inline-block; vertical-align:middle; width: 15px; height: 12px; padding-right:4px; background:url(../../img/icon_tip.png) no-repeat 0 0;}
.account_page .datebox .select_wrp{display:inline-block;position:relative;}
.account_page .datebox .select_wrp select{display:inline-block;padding-left:5px;width:192px;height:40px;line-height:40px;color:#777;box-sizing:border-box;border:1px solid #cdcdcd;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.account_page .datebox .select_wrp select:disabled{background:#ebebe4}
.account_page .datebox .select_wrp select::-ms-expand{display:none;}
.account_page .datebox .select_wrp:after{content:'';display:block;position:absolute;right:10px;top:50%;margin-top:-3px;width:10px;height:6px;background:url('https://www.agrion.kr/img/portal/data/bg_select.png') no-repeat 0 0;     display:none; }
.ie9 .account_page .datebox .select_wrp:after{display:none;} /* ie9 */
.account_page .datebox span.gap{display:inline-block;width:20px;text-align:center;}
.account_page .datebox .search_box .txt_info{float:left;width:95%;height:40px;box-sizing:border-box;vertical-align:middle;}
.account_page .datebox .search_box .txt_info>span{display:inline-block;position:relative;padding:0 10px;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.account_page .datebox .search_unit {display: inline-block; position: relative; margin-right: 10px;}
.account_page .search_unit .sch { height:40px; width:38px; border:none; background:none; position:absolute; top:1px; right: 1px; }
.account_page .search_unit button.sch:before{content:""; display: inline-block; line-height:36px; background:url(../../img/icon_magnifier.png) no-repeat 0 0; }
.account_page .dtail_sch_section .sch_box .account_subject { width: 802px;}
.account_page .dtail_sch_section.dtail_sch_section01 { margin-bottom: 100px; }
.account_page .btn_wrap { margin:15px 0; }
/*.account_page .btn_wrap .button:nth-child(3) { width: 22%; }*/

.data .top_form .search_box .txt_info>span:before{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-7px;width:1px;height:14px;background:#ddd;}
.data .top_form .search_box .txt_info>span:first-child:before{display:none;}
.data .top_form .search_box .txt_info>span>strong,
.data .top_form .search_box .txt_info>span>span{display:inline-block;vertical-align:middle;height:40px;line-height:40px;}
.data .top_form .search_box .txt_info>span>strong{margin-right:6px;font-weight:700;color:#000;}

/* 영농일지 */
.farming_journal .dtail_sch_section {max-width: 1240px; margin:0 auto;}
.farming_journal .list_section {padding:0; margin-top: 85px;}
.farming_journal .list_section.wide {padding:0 62px;}
.farming_journal .list_section button.wide{ }
.account_page .sch_box .datebox dd .picker + .picker {margin-left: -1px;}
.account_page .sch_box dl dd select{ width: 80%; }

@media only screen and (max-width: 767px){
  .account_page .search_btn, .account_page .search_btn.search_btn01 { width: 100%; bottom:-43px; text-align: left; }
  .account_page .search_btn.search_btn01 { right: auto; left:0; }
  .account_page .search_btn a { width: 80px; height: 30px; line-height: 30px; }
  .account_page .sch_box dl dd select {width: 100%;}
  .account_page .sch_box dl dd select.business_type {width: 105%;}
  .account_page .sch_box .datebox dd > div.btn_date { display: block; margin: 0 0 10px 0; }
  .account_page .sch_box .datebox .btn_date button { margin:0 1.2px; }
  .account_page .board_list_box .header { display: none; }
  .account_page .tab_box ul.mennutab {width: 100%;}
  .account_page .tab_box ul li {width: 50%; height: 45px; line-height: 45px;}
  .account_page .tab_box ul li:nth-child(3),.account_page .tab_box ul li:nth-child(5) {border-left: 1px solid #e5e5e5;}
  .account_page .board_list_box .btn_box {margin-bottom: 10px;}
  .account_page .board_list_box .btn_box span {display: none; margin-right: 0;}
  .account_page .board_list_box .btn_box a + a {margin-left: 0;}
  .account_page .datebox .select_wrp { width: 100%; }
  .account_page .datebox .select_wrp select { width: 100%; }
  .account_page .datebox .select_wrp select.business_type {width: 108%;}
  .account_page .dtail_sch_section .sch_box .account_subject { width: 100%;}
  .account_page .datebox .search_unit { width: 100%; margin-bottom: 5px; }
  .account_page .datebox span.gap { display: none; }
  .account_subject_name {margin-bottom: 10px;}
  .account_page .board_list_box .btn_box.btn_box_left, .account_page .board_list_box .btn_box.btn_box_right { float: none;}
  .account_page .board_list_box .btn_box.btn_box_left a, .account_page .board_list_box .btn_box.btn_box_right a {width:29%;}
  .account_page .dtail_sch_section.dtail_sch_section01 { margin-bottom: 50px; }
  .farming_journal .dtail_sch_section {max-width: none;}
  .farming_journal .board_list_box .header div.option {display: none;}
  .farming_journal .list_section { margin-top: 65px; }
  .mTable { width: 300%; }

}

@media only screen and (max-width: 375px){
  .account_page .sch_box .datebox .btn_date button { margin:0 1px 5px 1px; }
  .account_page .board_list_box .btn_box.btn_box_left a, .account_page .board_list_box .btn_box.btn_box_right a {width:28.5%;}
}

[type="text"].date-picker01{background: #fff;border: 1px solid #cdcdcd;height: 40px; box-sizing: border-box; padding: 0 5px;  vertical-align: middle;transition: all .3s; }

.section .wide{  background:#fff; border:none; outline:none; font-size:12px; vertical-align:middle; margin-left:25px; margin-top:0px; line-height:24px; color:#666; font-weight:400; display:inline-block;}
.section .wide:before{ background-color: #0195df; display:inline-block; vertical-align:middle; content:""; width:25px; height:25px; margin-right:6px; box-sizing:border-box; padding-right:5px; overflow:hidden; background:url(../../img/icon_wide.png) no-repeat 0 0;}
.section.wide .wide:before{content:""; padding-left:5px; padding-right:0; background:url(../../img/icon_normal.png) no-repeat 0 0;}

.boardList table { border-top:1px solid #ddd; border-right:1px solid #ddd;}
.boardList table th { padding:9px 0 8px; background-color: #f8f8f8; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size: 12px; vertical-align: middle; }
.boardList table td { padding:7px 5px 6px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; font-size: 12px; color:#606060; vertical-align: middle; word-wrap: break-word; word-break: break-all;}
.boardList table tbody tr:hover { background-color: #d4e7f2; transition: .3s;}
.boardList table td.tal {padding-left: 20px; text-align: left;}

.left_table{float:left;width:32%; /* height: 733px; */ overflow-y: auto;}
.right_table{float:right;width:66%;;}

@media only screen and (max-width: 767px){
  .left_table{float:none;width:100%; height: auto; margin-bottom: 20px;}
  .right_table{float:none;width:100%;}
}

/* board css */
/* .btn_box_right,.btn_box_left {    margin:50px 0 0px 0;    text-align: right;    float: right;    width: 50%;} */
button.ui-datepicker-trigger{ position:relative; margin-left:-30px}
.datebox .picker > label{ font-size:0; line-height:0;  overflow:hidden; display: inline-block; vertical-align:middle}
.datebox .picker > label .date-picker{ font-size:1rem}
.datebox .picker > span{ line-height:35px; display:inline-block; vertical-align:middle; padding:0 5px}
div.info_box{ padding-bottom:30px; margin-top:0 !important}
div.info_box{ }
div.info_box h4{    font-size: 1.1rem;  font-weight: 400; margin: 0;  padding: 0 0 1rem 0;}
div.info_box h4:before{ display:inline-block; background:#999; content:"\f129"; width:1.35rem; height:1.35rem; vertical-align:middle;font-family:"okdab";  font-style: normal;  speak: none; text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:0.8remx; color:#fff; text-align:center; line-height:1.35rem; font-weight:normal; margin-right:5px; margin-top:-2px; border-radius:100%}
div.info_box ul{ padding:0 10px; margin:0}
div.info_box li{ clear:both; float:none; width:auto; font-size:1rem; margin-bottom:10px;color: #7f7f7f; position:relative; padding-left:0.7rem}
div.info_box li:before{ width:3px; height:3px; border-radius:100%; content:""; background:#999; vertical-align:middle; display:inline-block; position:absolute; left:0; top:0.58rem}
div.info_box li > span{ white-space:nowrap}
div.info_box li strong, .login_sec .sns_box .infobox li a{ color:#444; font-weight:500}
div.info_box li strong{ color:#0195df; font-weight:700}
div.info_box li a{ text-decoration:underline}
.info_section > div.info_box{padding-top:30px}
.info_section > div.info_box .ar > a{ display:inline-block; margin-left:10px}
.tit_info.alert, .info_box .alert{ color: #38a7d0;padding: 20px 20px;background: rgba(81,178,214,0.15); border: 1px solid rgba(81,178,214,1); margin:1rem 0; font-size:1.08rem}
.tit_info.alert strong, .info_box .alert strong{ text-decoration:underline}
.tit_info h3, .tit_info > p{ margin:0; padding:0}
input[type="file"]{ outline:none; border:none; background:none; line-height:28px; vertical-align:middle}

.sch_box .datebox + .keywordbox{ bottom:0}
.dtail_sch_section select {background: #fff;border: 1px solid #cdcdcd;height: 40px;box-sizing: border-box;padding: 0 5px;    vertical-align: middle;}


.breadcrumb {display: none;}


@media only screen and (max-width: 767px){
	.breadcrumb {display: block; padding-top: 5px; border-top:none; }
	.breadcrumb ul li {display: inline-block; vertical-align: middle; margin-right:5px; font-size: 13px; color:#444; }
  .list_section button.wide{ display:none}
  .board_list_box .body table.list td { border-top:none;  }
  .board_list_box .body table.line th:last-child, .board_list_box .body table.line th:first-child, .board_list_box .body table.line td:first-child { border-left:none; }
  .board_list_box .body table.list.rtable thead + tbody tr:first-child td { border-top: none; }
  .board_list_box .body table.line th, .board_list_box .body table.line td { border-right: none; }
  .tdbtn { text-align: center; }
}

@media only screen and (max-width: 480px){
.sch_box .datebox dd > div.btn_date{ display:none}
}

@media only screen and (max-width: 360px){
.sch_box .datebox dd > div.btn_date{ display:none}
}

@media only screen and (min-width: 1241px){
  .list_section button.wide{  background:#fff; border:none; outline:none; font-size:12px; vertical-align:middle; margin-left:10px; margin-top:0px; line-height:24px; color:#666; font-weight:400; display:inline-block}
  .list_section button.wide:before{ background:#0195df; display:inline-block; vertical-align:middle;content:"\e807";font-family:"okdab";  font-style: normal;  speak: none; text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width:20px; height:20px; vertical-align:top; margin-right:6px; border-radius:100%; color:#fff; line-height:20px; box-sizing:border-box; padding-right:5px; overflow:hidden}
  .list_section.wide button.wide:before{content:"\e808"; padding-left:5px; padding-right:0}
}





/* 마이영농ON 20220607 */
.myoncont {border:1px solid #ddd; padding: 20px 20px 20px 50px; margin-bottom: 20px; border-radius: 8px;}
.myoncont .farminfo {display: flex;}
.myoncont .farminfo .user {display: inline-block;}
.myoncont .farminfo .user:first-child {width:50%;}
.myoncont .farminfo .user:last-child {width:50%; padding-top: 15px;}

.myoncont .farminfo .user .picture {display: inline-block; width: 110px; height: 110px; overflow: hidden; border-radius: 50%; border:1px solid #ddd; }
.myoncont .farminfo .user .picture img {width: 100%; height: 100%;}
.myoncont .farminfo .user .name {display: inline-block; height: 80px; vertical-align: top; padding:15px 0 0 20px;}
.myoncont .farminfo .user .name span {display: block; margin-bottom: 15px;}
.myoncont .farminfo .user .name button {display: inline-block; height: 36px; font-size: 14px; line-height: 30px; padding: 0 20px; text-align: center; border: 1px solid #ddd; background:#fff;}
.myoncont .farminfo .user .name button:hover {border: 1px solid #222;}

.myoncont .farminfo .infolist ul li {display: block; font-size: 16px;}
.myoncont .farminfo .infolist ul li .tit {display: inline-block;  width: 130px; vertical-align: top; padding-left: 7px; background: url(/img/sub/search_bu.png) no-repeat 0px center; margin:5px;}
.myoncont .farminfo .infolist ul li button {display: inline-block; height: 36px; font-size: 14px; line-height: 30px; padding: 0 20px; text-align: center; border: 1px solid #ddd; background:#fff;}
.myoncont .farminfo .infolist ul li button:hover {border: 1px solid #222;}

.custom_service {border:1px solid #eee!important; padding: 20px 20px; background:#f7f7f7; width: 100%; border-radius: 8px;}
.custom_service h4 {font-size: 19px; font-weight: 600;}
.custom_service h4 span {color:#ff7c00;}

.custom_service dl {width: 100%;}
.custom_service dt {padding-top:25px; font-weight: 400;}
.custom_service dt .ico{color:#8491a7;}
.custom_service dd {display: inline-block; color:#8491a7; font-weight: 300; padding-top:5px;}

.custom_navi {width:100%;}
.custom_navi ul {margin-top: 10px;}
.custom_navi ul li {display:inline-block; vertical-align:top; margin: 5px 8px 5px 0;}
.custom_navi ul li:last-child {margin-right:0;}
.custom_navi ul li a{display:block; padding: 5px 30px; line-height: 24px; background:#fff; border:1px solid #d7dce5;border-radius:20px;color:#5c667b;font-size:14px;}
.custom_navi ul li a:hover {background:#f4f6fa;}
.custom_navi ul li a.selected {border-color:#4876ef;color:#fff;font-weight:600; color:#4876ef;}
.custom_navi .select_box select:last-child { width:150px;}








.customWrap {width:100%; margin:10px auto; display:flex;}
.customWrap h4.popular_title {color:#6d310f; font-weight:600;}
.customWrap h4.info_title {font-weight:600; padding:20px 0 10px 20px;}
.customWrap h4.title {font-weight:600;}
.weath_title {color:#fff; font-weight:600;}
.weath_bg {background: url(/img/sub/bg_mainwether.png) no-repeat; background-size: cover; border: 1px solid #709ff4;}

.customWrap p.txt {padding-top:15px;}
.customWrap p.info_txt {width:150px; padding:0 20px 0 20px;}
.customWrap em.sub {padding-right: 4px;}

.roundbox01 {border: 1px solid #dddddd;  flex:1; width:33.3%;  height:250px; border-radius:8px; box-sizing: border-box; position: relative;}
.roundbox01 p button {position:absolute; bottom:20px; left:20px; border:1px solid #ccc; height: 36px; padding: 0 40px 0 20px; background: url(/img/sub/icon_arrmenu.png) no-repeat 90% center #fff; margin-top: 20px;}
.roundbox02 {background:#e7f5f6 url(/img/sub/bg_info.png) no-repeat 90% 45px; border: 1px solid #dddddd; flex:1; width:340px;  min-height:250px; border-radius:8px; box-sizing: border-box; position: relative;}
/* 220629 */
.roundbox02 p button {position:absolute; bottom:20px; left:20px; border:1px solid #ccc; height: 36px; padding: 0 40px 0 20px; background: url(/img/sub/icon_arrmenu.png) no-repeat 90% center #fff; margin-top: 20px;}

.roundbox03 {position:relative; border: 1px solid #dddddd; width:100%; height:170px; padding:20px 20px 0 20px;  border-radius:8px; box-sizing: border-box;}
.roundbox03 p button {position:absolute; top:50px; right:20px; border:1px solid #ccc; height: 36px; padding: 0 40px 0 20px; background: url(/img/sub/icon_arrmenu.png) no-repeat 90% center #fff; margin-top: 20px;}
.roundbox03 p button:hover {border:1px solid #222;}

.roundbox04 {position:relative; border: 1px solid #dddddd; flex:1; width:31.3%;  min-height:230px; padding:20px 20px 0 20px;  border-radius:8px; box-sizing: border-box;}
.roundbox04 p button {position:absolute; bottom: 20px; left: 20px; border:1px solid #ccc; height: 36px; padding: 0 40px 0 20px; background: url(/img/sub/icon_arrmenu.png) no-repeat 90% center #fff; margin-top: 5px;}

.roundbox05 {position: relative; border: 1px solid #dddddd;  width:66%;min-height: 130px;margin: 0 2% 0 0; padding: 20px; border-radius:8px;box-sizing: border-box;}
.roundbox05 p button {position: absolute; bottom:20px; left:20px; border:1px solid #ccc; height: 36px; padding: 0 40px 0 20px; background: url(/img/sub/icon_arrmenu.png) no-repeat 90% center #fff; margin-top: 20px;}
.roundbox05 p button:hover {border:1px solid #222;}

/* 220719 */
.popular_box {overflow:hidden;border:0px solid #333; height:130px;}


.popular_item {position: relative;padding: 10px 30px;overflow: hidden;width: 1200px; border:0px solid #333;}
.popular_item li {float: left; margin-bottom: 30px;}
.popular_item li:last-child {margin-right: 0;}
.popular_item li a {display: block; width:77px;height: 77px; background:#fff;border-radius: 50%; margin-right:20px; }

.mg01 {margin: 0px 2%;}
.bu-info {display: inline-block;  background: url(/img/sub/info_bu.png) no-repeat 0px 3px; padding-left:23px;}
.boxcolor_yl {border: 1px solid #dddddd; background:#ffffff;}
.boxheight_130 {min-height:130px!important;}










/*.customWrap .box {position: relative;  flex: 1; vertical-align: top; padding:0px 10px;} */
/*.customWrap .box p button {position:absolute; top:130px; left:20px; border:1px solid #ccc; height: 36px; padding: 0 40px 0 20px; background: url(/img/sub/icon_arrmenu.png) no-repeat 90% center #fff; margin-top: 20px;} */
/* 220629 */
/* .customWrap .box p button {position:absolute; top:160px; left:230px; border:1px solid #ccc; height: 36px; /* padding: 0 40px 0 20px;*/ background: url(/img/sub/icon_arrmenu.png) no-repeat 90% center #fff; margin-top: 20px;} */
.customWrap .box p button:hover {border:1px solid #222;}
.customWrap .box p {font-size: 24px; color: #333; font-weight: 600; margin-bottom: 5px; text-align: right;}
.customWrap .box span {display:block; color:#666; text-align: right; padding-top: 5px; }

.customWrap .box  .farm_count {position: relative; border-radius: 10px; width: 100%; height: 200px; padding: 30px 40px;}
.customWrap .box  .imgbg1 {background: url(/img/sub/img_sum.png) no-repeat 40px 35px #fff ;}
.customWrap .box  .imgbg2 {background: url(/img/sub/img_farmdaily2.png) no-repeat 40px 35px #fff ;}

.customWrap .box .total {color: #222; padding-bottom: 5px;}
.customWrap .box .total strong {font-weight: 600; color:#1142c8;  font-size: 35px;}

.customWrap .incomeInout {text-align-last: right; padding-top: 5px; font-size: 18px;}
.customWrap .incomeInout > div {font-weight: 600;}
.customWrap .incomeInout em {font-size: 13px;}

.infolist {display: flex; margin: 15px 10px;}
.infolist .select_box {flex: 1;}
.infolist .select_box select {width: 100%;}
.infolist select.selec_opt1 {font-size:17px; background: url(/img/sub/ico_select.png) no-repeat center right #fff; border:none !important; line-height: 36px; box-sizing: border-box;  -webkit-appearance:none;}

.product_item {display:flex; margin: 10px 20px; align-items:center; padding:22px 0  10px 0; border-bottom:1px solid #d8dde1;}

/* 22.07.19 font-size mod */
.product_item .item{width:80%; overflow:hidden; text-overflow:ellipsis; line-height:27px; font-size:16px;}
.product_item .label_01 {width:20%;}
.product_item .label_01 span {color:#ffab1a; border:1px solid #ffe5b7; border-radius:2px; width:18px; padding:3px 5px; font-size:15px; line-height:17px;}
.product_item .price {display:inline-block;width:40%;color:#fc3728; text-align:right;}
.product_item .price span {font-weight:600; font-size:24px;}


.product_list {margin: 15px 20px;}
.product_list ul li {float:left; width:50%; }
.product_list dt {display:inline-block; width:60px; padding-right:10px; color:#6f6f6f;}
.product_list dd {display:inline-block; width:100px;}

.disease {margin: 15px 20px;}
.disease .tit {display: flex; position:relative; height:45px;}
.disease h4 {flex: 1; font-weight:600;}
.disease .label {width:40%;}
.disease .label span {color:#ffab1a; border:1px solid #ffe5b7; border-radius:2px; width:18px; padding:3px 5px; font-size:15px; line-height:17px;}
.disease .location {float:right; padding: 0 30px 0 0; background: url(/img/sub/icon_arrmenu.png) no-repeat right 5px #fff; }
.disease li {float:left; width:100%; border-bottom:1px solid #d8dde1; padding:15px 0 10px 0;}
.disease li:last-child {border-bottom:none;}
/* 22.07.19 font-size mod */
.disease dt {display:inline-block; width:50%; padding-right:10px; font-size:16px;}
.disease dd {display:inline-block; float:right;  color:#6f6f6f; font-size:16px; }
.disease dd span {color:#2d5cf7; font-weight:600;}

.medicine {margin: 15px 20px;}
.medicine .tit {display: flex; position:relative; height:40px;}
.medicine h4 {flex: 1; font-weight:600;}
.medicine span {float:right;}
.medicine span button {padding: 0 40px 0 0; background: url(/img/sub/icon_arrmenu.png) no-repeat 90% center #fff; }
.medicine span button:hover {}
.medicine .label {float:left; }
.medicine .label span {color:#ffab1a; border:1px solid #ffe5b7; border-radius:2px; padding:3px 5px; font-size:15px; line-height:22px;}
.medicine li {float:left; width:100%; border-bottom:1px solid #d8dde1; padding:10px 0 10px 0;}
.medicine li:last-child {border-bottom:none;}
/* 22.07.19 font-size mod */
.medicine dt {display:inline-block; width:100%; padding-right:10px; padding-bottom:5px; font-size:16px;}
.medicine dd {display:inline-block; float: right;  color:#6f6f6f; font-size:14px; background:#ebf9e5; padding:3px 5px;}
.medicine dd span {color:#2d5cf7; font-weight:600;}
.medicine .num_green {padding-left: 5px; font-weight: 600; color: #529165;}

/** 모바일  07.19####### **/
@media screen and (min-width: 320px) and (max-width: 820px){
.popular_box {height:110px;}

.roundbox02 p button {left:20px;}
.customWrap .boxheight_176 {height: auto;padding-bottom: 30px;} /*667*/
.roundbox04 p button {left:0px:}
.custom_navi .select_box select {display:block; margin-bottom:5px; width:100%;}
.roundbox02 {min-height:220px;}
.roundbox01 p button {right:20px; width:130px;  padding:0 20px 0 0px; }

}


@media screen and (min-width:821px) and (max-width:1240px) {
  /* 마이영농ON */
  .customWrap .roundbox01 .disease dt {width: auto;}
  .product_list {font-size: 14px;}
  .product_list dt {padding-right: 0;}
  .popular_item {padding: 40px 0;}
  .popular_item li {margin-right: 9px; margin-top: 0px;}
  .weathCon .weathCon_box .weathCon_info {margin: 5px 30px;}

}

@media screen and (min-width:320px) and (max-width:820px) {

	/* 마이영농ON mobile */
	.myoncont {padding: 20px 20px;}
	.myoncont .farminfo {display: inline-block;}
	.myoncont .farminfo .user:first-child  {display:inline-block; width:100%!important; }
	.myoncont .farminfo .infolist {display:inline-block; width:100%!important;}
	.myoncont .farminfo .infolist ul li .tit {display:inline-block; width:130px; margin-bottom:5px;}

  .custom_navi ul li a {padding: 5px 24px;}
  .customWrap {flex-direction: column; display: inline-block;}
  .customWrap .roundbox01 {width: 100%;}
  .product_list dt {width: 49%; margin-right: 0px; padding-right: 0;}
  .product_list dd {width: 49%;}
  .customWrap .mg01 {margin: 20px 0;}
  .customWrap .roundbox02 {width: 100%;}
  .customWrap p.info_txt {width: 200px;}
  .customWrap .roundbox03 {width: 100%;}
  .popular_item {padding: 0;}
  .popular_item li {margin-right: 38px; margin-top: 10px;}
  .customWrap .boxheight_176 {min-height: 176px;}
  .customWrap .roundbox03 p button {top: auto; right: auto; margin-top: 10px;}
  .customWrap .roundbox04 {width: 100%; margin-top: 20px;}
  .customWrap .weath_title {padding-bottom: 10px;}
  .customWrap .roundbox05 {width: 100%;}
  .roundbox05 p button {position: relative; bottom: -10px; left:0px;}
  .weathCon .weathCon_box .weathCon_info {margin: 5px 90px;}
  .weathCon .weathCon_box .weathCon_more {margin-top: 20px;}
}


/*** 2022.07.13 ***/


/** 없는거 추가 */
.border_section .img_border2 {border-top: 2px solid #787878; border-bottom:1px solid #999;  margin-top: 10px;}
.border_section .img_border2 .list {display: inline-block; width: 100%; margin-bottom: 20px; }
.border_section .img_border2 .list  li {position: relative;  margin: 20px 10px 0px 10px; border: 1px solid #ddd; width: 31.7%; min-height: 300px; clear: none; float: left; box-sizing: border-box;}
.border_section .img_border2 .list  li div .imgCon {background: #e8e8e8;  height: 330px; }
.border_section .img_border2 .list  li div .imgCon .noimg {display: block; margin: 0 auto;  width: 130px; height: 330px; font-size: 0px; color: transparent; background: url(../img/sub/noimg.png) no-repeat center center; }
.border_section .img_border2 .list  li div .imgCon img {display: inline-block; width: 100%; height: 330px; }
.border_section .img_border2 .list  li .box {position:absolute; left: 0px; top:0px;}
.border_section .img_border2 .list  li .box span {display: inline-block; color: #fff; width: 75px; height: 45px; box-sizing: border-box;  padding-top: 20px; text-align: center; line-height: 4px; vertical-align: top;}
.border_section .img_border2 .list  li .box span:first-child {margin-right: 5px;}
.border_section .img_border2 .list  li .box .ing  {background:rgba(189, 0, 34, 0.9);}
.border_section .img_border2 .list  li .box .exp {background:rgba(26, 146, 181, 0.9);}
.border_section .img_border2 .list  li .box .end  {background:rgba(8, 8, 8, 0.9); }
.border_section .img_border2 .list  li .box .open {background:rgba(0, 38, 124, 0.9);}

.border_section .img_border2 .list  li div dl {padding:20px 15px; position: relative; }
.border_section .img_border2 .list  li div dt {font-size: 16px; font-weight: 600;  height: 50px;}
.border_section .img_border2 .list  li div dt a {width: 100%; line-height: 25px;}
/* .border_section .img_border2 .list  li div dt p {font-weight: 400; margin-top: 5px; margin-bottom: 15px; height: 20px; width: 360px; color: #666; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;} */
.border_section .img_border2 .list  li div dt .video a {position: absolute; right: 10px; top:15px;  display: inline-block; width: 30px; height: 30px; font-size: 0; color: transparent; background: url(../img/sub/icon_pop.png) no-repeat center center; }

.border_section .img_border2 .list  li div dt a:hover {text-decoration: underline;}
.border_section .img_border2 .list  li div dd {margin-top: 0px;}
.border_section .img_border2 .list  li div dd p {letter-spacing: 0px; padding-top: 5px; }

.border_section .img_border2 .list  li div dd p .tag {display: inline-block; color: #777; min-width: 60px; /* letter-spacing: -0.5px; */margin-right: 3px;}
.border_section .img_border2 .list  li div dd p .taglist {position:relative; padding-left: 20px;}
.border_section .img_border2 .list  li div dd p .taglist::before {content: ""; display: block; position: absolute; left: 0px; top: 5px; width: 1px; height: 10px; background: #ddd;}

.border_section .img_border2 .list  li div dd em {position: relative; display: inline-block; color: #777; width: 65px; letter-spacing: -0.5px;}
.border_section .img_border2 .list  li div dd em::after {content: ""; display: block; position: absolute;  right: 0px; top: 5px; width: 1px; height: 10px; background: #ddd;}

.border_section .img_border2 .border_list .list .dataNon {width: 100%; text-align: center;}
.border_section .img_border2 .border_list .list .dataNon span { display: inline-block; height: 100px; line-height: 100px; background: url(../img/sub/img_dataNon.png) no-repeat left center; padding-left: 80px; }

.border_section .img_border2 .list  li div dd p.hit {position: absolute; right: 5px; bottom: 0px;}
.border_section .img_border2 .list  li div dd p.hit span {display:inline-block; color: #666;}
.border_section .img_border2 .list  li div dd p span.mar20 {margin-right: 20px;}

.border_section .img_border2 .list li div dt p
.border_section .img_border2 .list  li div dt p

/*** 2022.07.13 ***/

.border_section .img_border2 .list  li div dd p.hit {position: absolute; right: 5px; bottom: 0px;}
.border_section .img_border2 .list  li div dd p.hit span {display:inline-block; color: #666;}
.border_section .img_border2 .list  li div dd p span.mar20 {margin-right: 20px;}

.border_section .img_border2 .list  li div dd .hit1 {background: url(../img/sub/hit_img1.png) no-repeat left center; padding-left: 20px;}
.border_section .img_border2 .list  li div dd .hit2 {background: url(../img/sub/hit_img2.png) no-repeat left center; padding-left: 20px;}
.border_section .img_border2 .list  li div dd .hit3 {background: url(../img/sub/hit_img3.png) no-repeat left center; padding-left: 20px;}

/***  키워드 ***/
.border_section .board_detail .type1_detail td .row2 > div .cont .input_title2 {width: 300px;} /*키워드 입력*/
.border_section .board_detail .type1_detail td .row2 > div .cont .input_title3 {width: 500px;} /*키워드 입력*/

.keyword_box {margin-top: 30px;}
.keyword_box .find {background: url(../img/sub/keyword_img.png) no-repeat  bottom right  #f2f6f9; width: 900px; min-height: 300px; display: inline-block; vertical-align: top; padding: 30px; }
.keyword_box .find h2 {color: #015db8;}
.keyword_box .find h2 em {color: #333; font-weight: 600;}
.keyword_box .find p {margin-top: 10px;  font-size: 16px;}
.keyword_box .keyword_item {width: 500px; margin-top: 30px;}
.keyword_box .keyword_item a {position: relative; display: inline-block; padding: 5px 25px 5px 10px; text-align: center; color: #2f72c5; border: 1px solid #9abfdc; border-radius: 20px; background: #fff;  margin-bottom: 7px;}
.keyword_box .keyword_item a em {position: absolute; right: 12px; top:3px;}
.keyword_box .keyword_item a:hover {background: #e4edff; border: 1px solid #9abfdc;}
.keyword_box .keyword_item .active {background: #2079d1; color: #fff; border: 1px solid #2079d1; }


.keyword_box .keyword_add {margin-top: 40px; position: relative; width: 350px;}
.keyword_box .keyword_add input[type="text"] {border: none; border-bottom:2px solid #2079d1; background: transparent; width: 350px; padding-bottom: 10px; padding-left: 0px; color: #333;}
.keyword_box .keyword_add input::-webkit-input-placeholder{color:#333;  font-size:16px; font-weight: 600; line-height:100%;}   /*input-placeholder:placeholder 선택 할수 없으므로 설정을 적용*/
.keyword_box .btn_add {position: absolute; right: 0px; bottom: 10px; background: #2079d1; color: #fff; width: 70px; height: 35px; border-radius: 20px;}

.keyword_box .favkeyword {position: relative;  width: 315px; min-height: 320px;  display: inline-block; border: 1px solid #ddd; margin-left: 20px; padding: 30px 20px;}
.keyword_box .favkeyword h2 {color: #015db8; font-size: 20px; text-align: center;}
.keyword_box .favkeyword .keyword_item {margin-top: 20px; width: 100%;}
.keyword_box .favkeyword .keyword_item span {display: inline-block; padding: 5px 10px; text-align: center; color: #777; border: 1px solid #ddd; border-radius: 20px; background: #fff;  margin-bottom: 7px;}
.keyword_box .favkeyword p {position: absolute; left: 50%; transform: translateX(-50%); width: 220px; bottom: 20px; color: #777;}
.btn_myfix {position: absolute; right: 0px; top:0px; border: 1px solid #ddd; text-align: center; padding: 0px 15px;  height: 36px; background: #fff;}
.btn_myfix:hover {background: #4e7ec6; color: #fff; border: none;}

/** reply_con **/
.reply_con {margin-top: 10px; position: relative; }
.reply_con h2 {font-size: 18px;}
.reply_con ul {border-top:1px solid #ddd;}
.reply_con ul li {position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding: 15px 0px;}

.reply_con ul li div {position: relative;}
.reply_con ul li div .imgdata {position: relative;  display: block; width: 250px; height: 150px;  vertical-align: top; overflow: hidden;}
.reply_con ul li div .imgdata img {position: absolute; z-index: 99; top:50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.reply_con ul li div .reply_text {position: relative;  display: block; margin-top: 10px;}
.reply_con ul li div .reply_text p {min-height: 50px;}
.reply_con ul li div .reply_text .namedate {margin-top: 20px; color: #666;}
.reply_con ul li div .reply_text em {margin-right: 20px;}
.reply_con ul li .btn_multi {position: absolute; right: 0px; bottom: 15px;}

.reply_con ul li div p {margin-bottom: 10px;}
.reply_con ul li div span {margin-right: 20px;}
.reply_con ul li div button {background: #fff; border: 1px solid #ddd; padding: 7px 10px;}
.reply_con ul li div button:hover {border: 1px solid #333;}
.reply_con ul li .hit4 { background: url(../img/sub/hit_img5.png) no-repeat  left 3px; padding-left: 25px;}

.reply_img {position: relative; height: 280px; border-top: 2px solid #aaa; border-bottom: 1px solid #ddd; padding: 0 60px;}
.reply_img .btn_arr {border: 1px solid #ddd; width: 50px; height: 50px; text-align: center;}
.reply_img .btn_arr:hover {border: 1px solid #333;}
.reply_img .btn_left {position: absolute; left: 0px; top:50%; transform: translateY(-50%); background: url(../img/sub/arr_left.png) no-repeat  center center #fff;   }
.reply_img .btn_right {position: absolute; right: 0px; top:50%; transform: translateY(-50%); background: url(../img/sub/arr_right.png) no-repeat  center center #fff;   }
.reply_img .img_listbox {overflow: hidden; width: 1120px;}
.reply_img .img_item {display: flex;  align-content: space-around; padding-top: 30px;  padding-bottom: 20px;  margin: 10px;  text-align: center;  width:1300px; height: 230px; }
.reply_img .img_item div {width: 200px; height: 200px;  margin-right: 15px; overflow: hidden;}
.reply_img .img_item div:last-child {margin-right: 0px;}

.reply_box {margin-top: 20px;}
.reply_key {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding: 15px 0px;}
.reply_key .keyWord span {display: inline-block; margin-right: 10px; color: #777;}
.reply_key button {border: 1px solid #ddd; padding: 7px 10px; background: #fff; text-align: center;}
.reply_key button:hover {border: 1px solid #333;}
.reply_key .hit {display: inline-block;}
.reply_key .hit  span {margin-right: 20px;}
.reply_key .hit1 {background: url(../img/sub/hit_img1.png) no-repeat left center; padding-left: 20px;}
.reply_key .hit2 {background: url(../img/sub/hit_img2.png) no-repeat left center; padding-left: 20px;}
.reply_key .hit3 {background: url(../img/sub/hit_img3.png) no-repeat left center; padding-left: 20px;}

.border_section .mult_board {margin-top: 20px;}
.border_section .mult_board .board_inner {border-top: 2px solid #787878;}
.border_section .mult_board .board_inner .list {}
.border_section .mult_board .board_inner .list li {position: relative; display: block; border-bottom: 1px solid #ddd; padding: 20px 10px;}
.border_section .mult_board .board_inner .list li dl {margin-right: 180px;}
.border_section .mult_board .board_inner .list li dt {font-weight: 600; font-size: 16px;}
.border_section .mult_board .board_inner .list li dt a {display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  word-wrap: break-word;}
.border_section .mult_board .board_inner .list li dt a:hover {text-decoration: underline;}

.border_section .mult_board .board_inner .list li dt p a {font-weight: 400; margin-top: 10px; color: #666;
display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  word-wrap: break-word;}
.border_section .mult_board .board_inner .list li .img_right {position: absolute; right: 10px; top:20px; width: 170px; height: 150px; overflow: hidden; background: #efefef;}
.border_section .mult_board .board_inner .list li .img_right img {width: 100%; height: 100%; }

.border_section .mult_board .board_inner .list li dd {margin-top: 20px;}
.border_section .mult_board .board_inner .list li dd p {display: inline-block;}
.border_section .mult_board .board_inner .list li dd span {display: inline-block; color: #777;}
.border_section .mult_board .board_inner .list li dd span:first-child {margin-right: 30px;}
.border_section .mult_board .board_inner .list li dd em {position: relative; padding-left: 20px;}
.border_section .mult_board .board_inner .list li dd em::before {display: block; content: ""; position: absolute; left: 10px; top:5px;  width: 1px; height:10px; background: #ddd;}
.border_section .mult_board .board_inner .list li dd .hit {display:block; margin-top: 10px;}
.border_section .mult_board .board_inner .list li dd .hit  span {margin-right: 20px; color: #333;}
.border_section .mult_board .board_inner .list li dd .hit1 {background: url(../img/sub/hit_img1.png) no-repeat left center; padding-left: 20px;}
.border_section .mult_board .board_inner .list li dd .hit2 {background: url(../img/sub/hit_img2.png) no-repeat left center; padding-left: 20px;}
.border_section .mult_board .board_inner .list li dd .hit3 {background: url(../img/sub/hit_img3.png) no-repeat left center; padding-left: 20px;}

.popWrap .type1_detail td .file_input input[type="text"] {width:100%!important;}
.popWrap .type1_detail td .file_input label {display: inline-block;}

.waste {margin: 8px;}
.waste {display: flex; position:relative; height:40px;}
.waste h4 {flex: 1; font-weight:600;}
.waste span {float:right;}
.waste span button {padding: 0 40px 0 0; background: url(/img/sub/icon_arrmenu.png) no-repeat 90% center #fff; }

/** 2024.12.26 **/
.mydata_wrap {margin-top: 20px; border-top: 2px solid #aaa; border-bottom: 1px solid #ccc;}
.mydata_wrap2 {margin-top: 20px;}

.mydata_wrap .mydata_list {}
.mydata_wrap .mydata_list li {position: relative; display: block; border-bottom: 1px solid #ddd; padding: 10px 10px 10px 120px;}
.mydata_wrap .mydata_list li div {margin-bottom: 5px;}
.mydata_wrap .mydata_list li:last-child{border: none;}
.mydata_wrap .mydata_list li strong {display: block; color: #555; margin-bottom: 5px;}
.mydata_wrap .mydata_list li .icon_box{position: absolute; left: 10px; top:50%; transform: translateY(-50%); width: 80px; height: 80px; border-radius: 50%;}
.mydata_wrap .mydata_list li .t1 {position: relative; display: inline-block; font-weight:bold; }
.mydata_wrap .mydata_list li .t1::after {content: ""; position: absolute; right:-10px; top:5px; width: 1px; height: 10px; background: #ddd; }
.mydata_wrap .mydata_list li .con1 {display: inline-block; margin-left: 18px; color: #555;}
.mydata_wrap .mydata_list li .con2 {color: #4164b4;}
.mydata_wrap .mydata_list li .img1 {background: url(/img/sub/mydata_img1.svg) no-repeat center center / 3rem #9cb6db;}
.mydata_wrap .mydata_list li .img2 {background: url(/img/sub/mydata_img2.svg) no-repeat center center / 3rem #9cb6db;}
.mydata_wrap .mydata_list li .img3 {background: url(/img/sub/mydata_img3.svg) no-repeat center center / 3rem #9cb6db;}
.mydata_wrap .mydata_list li .img4 {background: url(/img/sub/mydata_img4.svg) no-repeat center 20px / 3rem #9cb6db;}
.mydata_wrap2 .step_wrap {border: 1px solid #ddd; height: 150px; margin-top: 10px; padding: 20px;}
.mydata_wrap2 .step_wrap .step_con {display: flex; justify-content: start;}
.mydata_wrap2 .step_wrap .step_con li {flex: 1;}
.mydata_wrap2 .step_list {margin-top: 20px;}
.mydata_wrap2 .step_list dl {margin-bottom: 20px;}
.mydata_wrap2 .step_list dt {display: block; font-weight: bold; margin-bottom: 10px;}
.mydata_wrap2 .step_list dt strong {display: inline-block;  width: 70px; height: 30px; line-height: 30px; background: #2259ac; color: #fff; border-radius: 20px;}
.mydata_wrap2 .step_list dt strong {margin-right: 10px; text-align: center;}
.mydata_wrap2 .step_list dd {display: block;}
.mydata_wrap2 .step_list dd p {position: relative; margin-bottom: 5px; padding-left:20px;}
.mydata_wrap2 .step_list dd p::before {content: ""; position: absolute; left: 10px; top:8px; width:3px; height: 3px; background: #555;}
.pc-only {display: block;}
.mobile-only {display: none;}
.pc-only img {width: 100%; height: auto; margin: 0 auto;}

@media (max-width: 930px){
  .mobile-only {display: block;}
  .mobile-only img {width: 100%; height: auto; margin: 0 auto;}
  .pc-only {display: none;}
}

@media (max-width: 750px){
  .mydata_wrap .mydata_list li .t1 {display: block;  }
  .mydata_wrap .mydata_list li .con1 {margin-left: 0px;}
  .mydata_wrap .mydata_list li .t1::after {display: none; }