.spot {display: none;}  /*서브 이미지*/
#contents_wrap {width:100%; font-size: 15px!important;}    
.contents_section  {margin:0 10px; border: 0px solid #333;}

.border_section .board_box .type1_list td.lineTNone {border-top:none;}
.border_section .scrollNone {overflow-x: auto; height: auto; width:100%;} 
.border_section .board_box .wh900 {width: 180%;}
.border_section .board_box .wh1000 {width: 300%;}

/*
.border_section .foot .page_box .pagenum li {padding-left:0px;}
.border_section .foot .page_box .pagenum li::after {content: ""; display: block; clear: both;} 
.border_section .foot .page_box .pagenum a {width: 14px; height:20px;  border:none ; line-height: 20px;}
.border_section .foot .page_box .pagenum a:hover {border: none; }
.border_section .foot .page_box .pagenum a.on {background: #fff; font-weight: 600;  color: #222; border:none;}

.border_section .foot .page_box .pagenum a.btn_first,.border_section .foot .page_box .pagenum a.btn_prev,
.border_section .foot .page_box .pagenum a.btn_next,.border_section .foot .page_box .pagenum a.btn_last
{border: 1px solid #ddd; width: 25px; height: 25px;}
*/

.border_section .img_border {padding: 0px 0 0px 0px;}
.border_section .img_border .type1_list2 td .list_box > div .option {font-size: 13px;}
.border_section .img_border .border_list {display: inline-block; width: 100%;}
.border_section .img_border .border_list2 td .list_box .imgBox {display: block; width: 100%; border: 1px solid #333;}
.border_section .img_border .border_list2 td .list_box .size {width: 100%;}
.border_section .img_border .border_list2 td .list_box .imgCon {float: none;  width: 100%; margin: 0 auto; margin-top: 10px;}
.border_section .img_border .border_list2 td .list_box .imgCon2 {margin-right: 0px; width: 100%;}
.border_section .img_border .border_list2 td .list_box .listCon dl  {display:block;margin-top: 20px;}
.border_section .img_border .border_list2 td .list_box .listCon dt {display: inline-block; width: 90px;}
.border_section .img_border .border_list2 td .list_box .listCon dd {display: inline-block; width: calc(100% - 110px); width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); margin-bottom: 15px;}

.p_only_css .imgCon {
    height: auto !important;
}

.border_section .img_border .border_list2 td .list_box .listCon a {font-size: 15px; }
.border_section .img_border .border_list2 td .list_box .option {font-size: 12px;} 
.border_section .img_border .border_list2 td .list_box .listCon .down_docu {position: relative;}
.border_section .img_border .border_list2 td .list_box .listCon .down_docu button {height: 30px; }

.border_section .img_border .border_list2 td .double_list {display: inline-block;}
.border_section .img_border .border_list2 td .double_list .divide {flex:none; display: block;}




.border_section .board_detail2 ul li {padding-bottom: 10px;}
.border_section .board_detail2 ul li > .item_box {display:table;}
.border_section .board_detail2 ul li > .item_box > div {display:block; width: 100%;}
.border_section .board_detail2 ul li > .item_box > div > span {display: block;  background: #fff; padding-left: 17px; min-height: 35px; line-height:37px;}
.border_section .board_detail2 ul li > .item_box > div > span.required::before {left: 4px;} 
.border_section .board_detail2 ul li .hig195, .border_section .board_detail2 ul li .hig135, .border_section .board_detail2 ul li .hig100 {height: 35px; line-height:37px;}
.border_section .board_detail2 ul li > .item_box > div > div p  {padding-top: 0px;}
.border_section .board_detail2 ul li > .item_box > div > div p span {display: block; margin-top: 5px;}
.border_section .board_detail2 ul li > .item_box > div > div p span em {display: inline-block; margin-right: 0px; width: 75px;}
.border_section .board_detail2 ul li > .item_box > div > div p span select {width: 80%;}
.border_section .board_detail2 ul li > .item_box > div > div p span input[type=text] {width: 50%;}


/** 테이블 안에 서브 테이블 **/
.sub_table table thead {display: none;}
.sub_table table, .sub_table table tbody, .sub_table table tr, .sub_table table th, .border_section .sub_table table td {display: block;}
.sub_table table td {position: relative; padding-left: 130px;  padding-top:0px; padding-bottom:0px;  height: 50px; line-height: 50px; }
.sub_table tabletd.hide,
.sub_table table th.hide {display: none;}
.sub_table table td,
.sub_table table th {border-left:none;}
.sub_table table td.alC, .sub_table table td.alR {text-align:left; padding: 0px 0 0px 30%;} 
.sub_table table td:before {position: absolute; top: 0%;  left: 0%;  width: 100px; height: 50px; background: #f5f5f5; color: #333333;  line-height: 50px; padding-left: 20px; } 
.sub_table table td input[type="text"] {width: 100%;}
.sub_table table td select{width: 100%;}

.sub_table table td:nth-of-type(1):before { content: "계정과목"; font-weight: 600;} /* 계정과목 */
.sub_table table td:nth-of-type(2):before { content: "차변금액"; font-weight: 600;} /* 차변금액 */
.sub_table table td:nth-of-type(3):before { content: "계정과목"; font-weight: 600;} /* 계정과목 */
.sub_table table td:nth-of-type(4):before { content: "대변금액"; font-weight: 600;} /* 대변금액 */


/** 왼편이미지 오른편 리스트 게시글 **/
/**
.border_section .img_border .type1_list2 td {padding-right: 10px; }
.border_section .img_border .type1_list2 td .list_box {display:block;}
.border_section .img_border .type1_list2 td .list_box > div {display:block;}
.border_section .img_border .type1_list2 td .list_box > div .listCon {height: 60px;}
.border_section .img_border .type1_list2 td .list_box > div .listCon {width: 100%;}
.border_section .img_border .type1_list2 td .list_box > div .listCon a {width:100%; font-size: 16px;}
.border_section .img_border .type1_list2 td .option .leftbox {top:5px;}
.border_section .img_border .type1_list2 td .option .rightbox {right: 0px; top:5px;}
**/

.border_section .img_border .type1_list2 td {padding-right: 10px; }
.border_section .img_border .type1_list2 td .list_box {display:block;}
.border_section .img_border .type1_list2 td .list_box {display:block;}
.border_section .img_border .type1_list2 td .list_box .listCon {height: 60px;}
.border_section .img_border .type1_list2 td .list_box .listCon {width: 100%;}
.border_section .img_border .type1_list2 td .list_box .listCon a {width:100%; font-size: 16px;}
.border_section .img_border .type1_list2 td .option .leftbox {top:5px;}
.border_section .img_border .type1_list2 td .option .rightbox {right: 0px; top:5px;}


.border_section .img_border .border_list2 td .double_list {display: inline-block;}
.border_section .img_border .border_list2 td .double_list .divide {display: inline-block; width: 100%; border-bottom: 1px solid #ddd; padding:15px 0 15px 0;}
.border_section .img_border .border_list2 td .double_list .divide:first-child {padding-top: 0px;} 
.border_section .img_border .border_list2 td .double_list .divide .list_box .listCon2 {width: 400px;}
.border_section .img_border .border_list2 td .double_list .divide .list_box .listCon2 {display: inline-block;  vertical-align: top; width: 550px;}




/*게시판 해더 검색 영역 */
/*
.border_section  .header {display: block;}
.border_section  .header  div {position: relative; display: inline-block; width: 100%;} */
.border_section  .header  div .moreCon {display: inline-block; position: absolute; right: 0px; top:-5px;}
.border_section  .header  div .moreCon  button {border: 1px solid #777; font-size: 12px; background: #74797b;  color: #fff; height: 30px; padding: 0  10px; min-width: 25px;}
.border_section  .header  div .moreCon  button:hover {border: 1px solid #777;}

.border_section  .header  div .option div {/*width: 100%;*/ display: block;  padding-left: 0px; text-align: right; }
.border_section  .header  div .option select {/*width: 100%;*/}
.border_section  .header  div .option input[type="text"] {width: 100%; margin-top: 5px;} 
.border_section  .header  div .option .searchword_box {padding-top: 5px;}
.border_section  .header  div .option .searchword_box .search_btn {top:5px;}
.border_section  .header  h4 {font-size: 14px;}




/**달력 알림 일정**/
.notice_section {width:100%; padding-left: 10px;}
.notice_section .list_line .date {width: 100%;}
.notice_section .list_line .date .btn_more {position: absolute; right: 10px; top:10px; }


/***** search_wrap 공통 *****/
.search_section {width:100%;}

.search_wrap {padding: 10px 10px 75px 20px;}
.flex {display:inline-block!important; width: 100%;} /*균등분할*/
.search_wrap .searchbox { width: 100%;}
.search_wrap .searchbox .mleft5 {margin-left: 0px;}
.table {display: inline-block!important; width: 100%;}

.search_wrap .searchbox .cellbox {display: block; width: 100%;}
.search_wrap .searchbox .cellbox::after {display: none;}
.search_wrap .searchbox .rowbox > input[type="text"] {width:105%;}
.search_wrap .searchbox .find_text {width: 95%;}
.search_wrap .searchbox .dateCon1 {display: none;}
.search_wrap .searchbox .wh90 {width: 95%;}
.search_wrap .searchbox .cellflex2 {margin-right: 5px;}
.search_wrap .searchbox .cellflex2 > select {width: 100%;}
.search_wrap .searchbox .cellflex2 > input[type=text] {width: 100%;}

.search_wrap .searchbox .selBox {width: 100%;}
.search_wrap .searchbox .selBox3 {width:265px;}
.search_wrap .searchbox .selBox2 {width:100%;}
.search_wrap .searchbox .findBox {width:100%;}

.search_wrap button {padding: 0px 5px; margin-bottom: 5px; font-size: 15px;}

.search_wrap .find_box {position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); right: 0; text-align: center}
.search_wrap .find_box2 {position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); right: 0; text-align: center;} 
.search_wrap .find_box button {display: inline-block;}
.search_wrap .find_box button.btn_search   {margin-bottom: 0px;}
.search_wrap .find_box button.btn_refresh { margin-bottom: 0px;}

.more_box {position: absolute; right: 10px; top:20px;}
.more_box .btn_more {height: 30px; padding-left: 22px!important; color: #333; border: 1px solid #ccc; font-size: 13px;}
.btn_arropen {background: url(../img/sub/icon_more.png) no-repeat 7px center #fff;} 
.btn_arrclose {background: url(../img/sub/icon_more2.png) no-repeat 7px center #fff;} 


.search_wrap .searchbox dt {width: 60px;}
.search_wrap .searchbox dd {width: calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px);}

.search_wrap .searchbox dd .cellflex {width: calc(100% + 93px); padding-right: 20px;} /*검색단 타이을 없애만큼 빼기*/
.search_wrap .searchbox dd .dateCon2 .dateinput {width: 137px;}
.hyphen {display: inline-block; margin-left:2px; width: 10px; text-align: center;} /*시작일 ~ 마지막일*/
.calcNon {margin-left: 0px!important;}
.search_wrap .searchbox .company2 > button {margin-top: 0px;}


/*
.search_wrap .searchbox dd select {width:100%;} 
.search_wrap .searchbox dd input[type=text] {width:100%;} 
*/


/** 테이블 나눔  검색단 **/
.border_section .dividCon .searchCon {padding: 20px 20px;}
.border_section .dividCon .searchCon span {display: inline-block; width: 70px;}
.border_section .dividCon .searchCon div select {width:100%;}
.border_section .dividCon .searchCon button {font-size: 12px; height: 30px;}


/** 탭 하단 다운로드 */
.downCon a {left: 10px;}
.downCon button {right: 10px; font-size: 13px; width: 90px;} 


.border_section .header > div .arrscroll {font-size: 0; color: transparent; background:none; padding-left: 17px;}
.border_section .header > div .arrscroll::before {content:"좌우로 스크롤 하세요"; font-size: 14px; color: #333; padding-left: 17px; display: block; background: url("../img/sub/icon_arr.png") no-repeat 0px 4px;} 

/***** 게시글 수정 상세보기 *****/
.border_section .board_detail .type1_detail td {padding-bottom: 0px;} 
.border_section .board_detail .type1_detail td .row2 {display: block; width: 100%;}

.border_section .board_detail .type1_detail td .row2 > div {display: block; width: 100%; padding-bottom: 0px; background: none;}
.border_section .board_detail .type1_detail td .row2 > div .line {border-bottom: 1px solid #ddd;}

.border_section .board_detail .type1_detail td .row2  div.linenone {border-bottom:none;}
.border_section .board_detail .type1_detail td .row2  div .title {display: inline-block; width: 100%;  box-sizing: border-box; background: #fff; padding-left:0px; height:40px; line-height: 40px;}
.border_section .board_detail .type1_detail td .row2  div .title strong::before {top:-8px;}
.border_section .board_detail .type1_detail td .row2  div .title .btn {position:absolute; left: 107px; top:0px;}
.border_section .board_detail .type1_detail td .row2  div .cont {padding-left: 0px; min-height: 30px;  width: 100%;}
.border_section .board_detail .type1_detail td .row2  div .cont > div {padding: 0px 0 0px 0;}
.border_section .board_detail .type1_detail td .row2  div .cont li {width: 100%; padding-bottom: 7px;}
.border_section .board_detail .type1_detail td .row2  div .cont p .stitle {width: 80px;}
.border_section .board_detail .type1_detail td .row2 div .cont p .wh70  {width: 60px;}
.border_section .board_detail .type1_detail td .row2  div .cont li .stitle {width: 80px;}
.border_section .board_detail .type1_detail td .row2  div .cont .input_title {width: 300px;} /*제목을 입력*/
.border_section .board_detail .type1_detail td .row2  div .cont .date_pick {position: relative; width: 220px;}
.border_section .board_detail .type1_detail td .row2  div .cont .date_pick input {width: 100%;}
.border_section .board_detail .type1_detail td .row2  div .cont .initial  {width: 400px;}


.border_section .board_detail .type1_detail td .row2 > div .cont .imgAttach {margin-bottom: 0px; height: 100px;}
.border_section .board_detail .type1_detail td .row2 > div .cont .imgAttach .imgCon {width: 150px; height: 100px;}
.border_section .board_detail .type1_detail td .row2 > div .cont .imgAttach .btnBox {left: 160px;}
.border_section .board_detail .type1_detail td .row2 > div .cont .imgAttach .btnBox button {height: 30px;}



.border_section .board_detail .type1_detail textarea { width: 100%;}
.border_section .board_detail .type1_detail td.lineNone {border-bottom:1px solid #fff;}

.border_section .board_detail .type1_detail td .hig85,
.border_section .board_detail .type1_detail td .hig90,
.border_section .board_detail .type1_detail td .hig100,
.border_section .board_detail .type1_detail td .hig102,
.border_section .board_detail .type1_detail td .hig140,
.border_section .board_detail .type1_detail td .hig142,
.border_section .board_detail .type1_detail td .hig180,  
.border_section .board_detail .type1_detail td .hig200,
.border_section .board_detail .type1_detail td .hig230 {height: 40px!important;}

.border_section .board_detail .type1_detail td .row2 > div .cont .numberCon input {width: 80px;}

.search_wrap .searchbox .date_pick input[type="text"] {width: 120px!important;}
.border_section .board_detail .date_pick button.btn_calendar {right:10px; top:10px;}
.border_section .board_detail .date_pick button.btn_calendardisa {top:7px;}

.border_section .board_detail .type1_detail td .file_input input[type=text] {width:300px;}
.border_section .board_detail .textarea {width: 100%;}
.border_section .board_detail .searchbox {width: 100%;}
.border_section .board_detail .searchbox input[type="text"] {width: 100%;}
.border_section .board_detail .searchbox .btn_del {top: 7px;}
.border_section .board_detail .searchbox .btn_search {top: 7px;}



/**공통하단 실행버튼 **/
.action_box button {font-size: 14px; height: 36px;}
.action_box a {font-size: 14px; height: 36px; line-height: 36px;}


/** 이전글 다음글 **/
.prvnext li span {width: 80px;  margin-right: 10px;}
.prvnext li a {width: 70%;}


/** 테이블 나눔 **/
.border_section .dividCon {display: inline-block; }
.border_section .dividCon div {display: block; }

.border_section .dividCon2 {display: inline-block; }
.border_section .dividCon2 .item {display: block; position: relative; }
.border_section .dividCon2 .item .arrscroll {top:10px;}

.border_section .dividCon .halfLeft {padding-right: 0px; margin-bottom: 20px;}
.border_section .dividCon .halfRight {padding-left: 0px;}
.border_section .dividCon .searchCon div {width: 25%;}
.border_section .dividCon2 .halfL30 {width: 100%!important; margin-bottom: 50px; padding-right: 0px;}
.border_section .dividCon2 .halfR70 {width: 100%!important; padding-left: 0px; }

.detail_laypop .laypop_wrap .search_list {display: inline-block; width: 100%; }
.detail_laypop .laypop_wrap .search_list .cellbox {display: block; border-bottom: 1px solid #ddd;}
.detail_laypop .laypop_wrap .search_list .cellbox::after{display: none;}

.deatail_search .laypop_wrap .search_list {display: inline-block; width: 100%; }
.deatail_search .laypop_wrap .search_list .cellbox {display: block; border-bottom: 1px solid #ddd;}
.deatail_search .laypop_wrap .search_list .cellbox::after{display: none;}

/*상세검색 레이어 팝업 검색 버튼*/
.laypop_wrap .laypop_btn {text-align: center; margin:15px 0 20px 0; display: block;}
.laypop_wrap .laypop_btn button.search {color: #fff; width: 80px; height: 36px; background: #1c6bbd; margin-right:5px; text-align: center;}
.laypop_wrap .laypop_btn button.cancel {color: #fff; width: 80px; height: 36px; background: #54606c; margin-right:5px; text-align: center;}


/*calender 캘린더*/
.notice_section {margin-bottom: 50px;}
.calender_section {width: 100%; border-top: 1px solid #ddd; border-top: 1px solid #ddd; padding-top:50px; }
.calender_section .calender_box > table td {height: 100px;}
.calender_section .calender_box > table td:first-child {border-left:none;}
.calender_section .calender_box > table td .icon {left: 5px; top: 35px;}
.calender_section .calender_box > table td .num {left:10px; top:55px;  height: 27px; font-size: 12px; font-weight: 500; }
.calender_section .calender_box > table td .num2 {left:10px; top:80px; size: 14px; font-size: 12px;}




.calender_section .calender_box > table td.hig40 {padding: 5px 10px; height: 50px;} 
.calender_section .calender_box > table td.sumline {border-top:none; height: 50px; line-height: 50px;}
.calender_section .calender_box > table td .sum  {right: 30px; top: -5px;}
.calender_section .calender_box > table td .plusnum, 
.calender_section .calender_box > table td .minusnum { font-weight: 500; font-size: 12px;  line-height: 14px;}

.calender_section .calender_box > table td .sumplus,
.calender_section .calender_box > table td .summinus {padding: 0 0px; height: 30px; line-height: 14px;  border-radius:0px;}
.calender_section .calender_box > table td .sumplus  {right:2px;  bottom: 10px; background: none;  }
.calender_section .calender_box > table td .summinus  {right: 2px; bottom: 10px;  background: none;}

/**영농일지**/
.farm_section {padding: 30px 20px 20px 20px;}
.farm_section h3 {font-size: 28px;}
.farm_section .g_text {left: 30px; top:80px;}
.farm_con .box  .farm_count {height: 180px;}
.farm_con {display: block; margin-top: 50px;}    
.farm_con .box {margin-bottom: 15px;}
.farm_con .box .total {bottom: 30px;}

.farmdata_list2 .list2  {display: inline-block; margin-top: 40px;}
.farmdata_list2  h3 {position: absolute; left: 0px; top:0px; font-size: 22px; font-weight: 600; letter-spacing: 0px;}
.farmdata_list2 .btn_more {position: absolute; right:0px; top:0px; width: 80px; height: 30px; background: url(../img/sub/btn_more3.png) no-repeat 90% center ;}
.farmdata_list2 .list2 .listBox .moneylist {width: 100%;}
.farmdata_list2 .list2 .listBox  p {display: inline-block;}

.farmdata_list2 .list2 .listBox:first-child { margin-right: 0px;} 
.farmdata_list2 .list2 .listBox:last-child { margin-left: 0px; margin-top: 20px;} 

.farmdata_list2 .list2 .listBox .income {display: inline-block; padding: 5px 7px; background:none; padding-left: 0px;}
.farmdata_list2 .list2 .listBox .expens {display: inline-block; padding: 5px 7px;  background:none; padding-left: 0px;}
.farmdata_list2 .list2 .listBox .dataNon {left:50%; transform:translateX(-50%) ;  line-height: 16px; background-size:50px; padding-left:60px;  padding-top: 15px; }



/** map_section **/
.map_section .map_search {top:15%; height: auto; width:270px; }
.map_section .map_search li {display:block;}
.map_section .map_search li span {margin-top: 20px;}
.map_section .map_search li select {width: 250px;}
.map_section .btn_map {width: 260px;}

/** guid_section 하단 공통**/
.guid_section {background:#f0f4f9; padding-left: 20px;}
.guid_section dt {display:block; width: 100%;}
.guid_section dd {display:block; width: 100%; padding-left: 10px;}

/* 실시간 경매속보 상세검색 팝업*/
.detail_laypop {top:200px;} 

/** 상단 가이드 **/
.guideTop {padding: 10px 15px;  margin-top: 10px;}
.guideTop .img1, .guideTop .img2, .guideTop .img3, .guideTop .img4, .guideTop .img5    {display:none;}
.guideTop p {font-size: 15px;}
.guideTop ul li {font-size: 14px;}
.guideTop .linktext .linklist {font-size: 14px;}
.databg1   {background: none;}

.farmWork_schedule li {float: left; width: 50%; margin-bottom: 10px; padding: 0 5px; box-sizing: border-box;}


/** 영농일지 단식  메인 **/
.data_section li {display: block; width: 100%; margin-left: 0px; margin-bottom: 20px;}
.data_section li:first-child {width: 100%; }
.data_section li:last-child {width: 100%; }


/** 밴드 이용방법 **/
.band_section1 p, .band_section2 p, .band_section3  p {font-size: 16px;}
.band_section1 .bandBox1 {display: block; width: 100%; height: 120px; margin-bottom: 20px; background: url(../img/sub/band_img1sm.png) no-repeat center center #01d12b;}
.band_section1 .bandBox2 {display:block; width: 100%; background: none; border: none;}
.band_section1 .bandBox2 li {position: relative; display: block; width: 100%; height: 120px; margin-bottom: 20px; border:1px solid #ebebeb;}
.band_section1 .bandBox2 li::after {display: none;}
.band_section1 .bandBox2 li:nth-child(1) {background: url(../img/sub/band_img2sm.png) no-repeat 40px center #f5f5f5;} 
.band_section1 .bandBox2 li:nth-child(2) {background: url(../img/sub/band_img3sm.png) no-repeat 40px center #f5f5f5;}   
.band_section1 .bandBox2 li:nth-child(3) {background: url(../img/sub/band_img4sm.png) no-repeat 40px center #f5f5f5;} 
.band_section1 .bandBox2 li .btn_appdown {position: absolute; left:60px; bottom:35px; font-size: 14px;}

.band_section2 .bandBox3 {display:inline-block;}
.band_section2 .bandBox3 li {position: relative; display: block; width: 100%;  padding-left:30px; padding-right:30px; margin-bottom: 40px;}
.band_section2 .bandBox3 li .imgCon {width: 300px; height: 530px; margin: 0 auto;}
.band_section2 .bandBox3 li .imgCon img {width: 100%; height: auto;}

.band_section3 .bandBox4 {display:inline-block; width: 100%; height: 580px; overflow: hidden;}
.band_section3 .bandBox4 li {width: 32.8%;}
.band_section3 .btn_more  {width: 100%; padding: 0 6px; text-align: center; margin-top: 10px;}
.band_section3 .btn_more button {position: relative;  display: inline-block; border:1px solid #ccc; width:100%; height: 40px; text-align: center; font-size: 14px; background: #fff; }
.band_section3 .btn_more button::before {content: ""; display: block; position: absolute; left:60%; top:8px; width: 20px; height: 20px;background: url(../img/sub/btn_open.png) no-repeat 65% center ;}
.band_section3 .btn_more button:hover {border:1px solid #222;}

.member_group .groupBox {display: inline-block; width: 100%;}
.member_group .groupBox  li {display: block; width: 100%; margin-bottom: 10px;}


/**마이영농on**/
.mypage_section {margin-top: 20px;}
.mypage_section h4 {position: relative; font-size: 16px; background: none; padding-left: 0px; margin-top: 0px;}
.myinfoCon {display:inline-block;}
.myinfoCon .myBox {display: inline-block; width: 100%; }


.myinfoCon .myBox .mypagetext  {position: relative; display: inline-block; margin-left: 20px; width: auto; }
.myinfoCon .myBox .mypagetext::before {display: block;} 
.myinfoCon .myBox .mypagetext p {padding-top: 0px; font-size: 14px;}
.myinfoCon .myBox .mypagetext .btnCon {margin-top: 10px;}
.myinfoCon .myBox .mypagetext .btnCon button {display: block; height: 30px; line-height: 30px; width: 70%; padding: 0 20px 0 10px; font-size: 13px;}
.myinfoCon .myBox .mypagetext .btnCon button:last-child {margin-top: 5px;}

.myinfoCon .myBox .nametag .picture {width: 80px; height: 80px; }
.myinfoCon .myBox .nametag .name {height: 80px; padding:10px 0 0 20px;}
.myinfoCon .myBox .nametag .name button {height: 30px; font-size: 13px; line-height: 30px; }

.myfarmCon {margin-top: 20px;}
.myfarmCon .myBox .farmland {position: relative; margin-top: 20px; margin-bottom: 40px;}
.myfarmCon .myBox .farmland button.btn_land { position: relative; left:100px; top:10px;  height: 30px; font-size: 13px;}

.myfarmCon .myBox {display: inline-block;}
.myfarmCon .myBox:first-child {width: 100%;  background: url(../img/sub/icon_map2.png) no-repeat 30px 60px #eef1f7; }
.myfarmCon .myBox:last-child {width: 100%; padding-left: 0px; margin-top: 20px;}
.myfarmCon .myBox .mytype {position: relative; height: 110px;}
.myfarmCon .myBox .mytype li {float: left; width: 24%; margin-bottom: 10px; padding-right: 3px;}
.myfarmCon .myBox .mytype li button {display: block; width: 100%; font-size: 13px; height: 30px;}
.myfarmCon .myBox .mytype li .btn_type {position: absolute; right: 10px; bottom: 0px; width: 150px;}


.myfarmCon .myBox .control {margin-top: 20px; height: 120px; }
.myfarmCon .myBox .control span {width: 70%;}

.farmdailyCon {margin-top: 0px;}
.farmdailyCon .dailyBox li {display: block; width: 100%; }
.farmdailyCon .dailyBox li:first-child {padding-left: 0px; padding-right: 0px; }
.farmdailyCon .dailyBox li:last-child{padding-right: 0px; padding-left: 0px; padding-top: 0px;}
.farmdailyCon .dailyBox li .farmlist {margin-top: 10px; }

.farmdailyCon .dailyBox li .dailyCon h4 {font-size: 16px;}
.farmdailyCon .dailyBox li .myfarm3 li .addCon {right: 0px;  top:-13px; width: 140px; text-align: right;}
.farmdailyCon .dailyBox li .myfarm3 li .mmtop10 {margin-top: 10px;}

.farmdailyCon .dailyBox li .btnCon .btn_write {font-size: 14px; height: 30px; font-weight: 500; }
.farmdailyCon .dailyBox li .farmlist th {padding: 5px 0px; height: 30px;} 
.farmdailyCon .dailyBox li .farmlist td {padding: 5px 10px ; height: 30px;}


/** 동영상, 텃밭가이드 설문조사 카드형 게실리스트 **/
.border_section .img_border2 .list  li {display: block; margin: 20px 0px 0px 0px;   width: 100%;}


/** 서비스 소개 **/
.visualCon {height: 150px;}
.visualCon .serviceinfo2 {position: absolute; left:20px; top:25px; width: 90%;}
.visualCon .serviceinfo2 p {font-size: 24px; margin-bottom: 10px; line-height: 28px;}
.visualCon .serviceinfo2 p span {display: inline-block;}
.visualCon .serviceinfo2 div {font-size: 16px; margin-top: 0px; line-height: 20px;}

.flowimg {height:500px;}


  /** todayKeword **/
  .todayKeword .data_picker .searchBox {position: absolute; top:-25px; right:0px; }
  .todayKeword h3 {background: none; padding-left: 0px; margin-top: 30px; font-size: 18px; }
  .todayKeword .title_info {display: block; margin-left: 0px; margin-top: 5px; }
  .todayKeword .data_picker .dataCon {position: absolute; top:5px; right:0px; transform: translateX(68%); width: 100%;}
  .todayKeword .data_picker .searchBox .news_search {width: 150px; }
  .todayKeword .data_picker .searchBox .news_search button {top:1px;}

  .keyword_section h3 {background: none; padding-left: 0px; margin-top: 20px; font-size: 18px; }
  .keyword_section .title_info {display: block; margin-left: 0px; margin-top: 5px; }

  .keyword_section .chart_box {display: inline-block;}
  .keyword_section .chart_box .chartCon {display: block;}
  .keyword_section .chart_box .chartCon:nth-child(2) {margin-left: 0px;} 
  .keyword_section .chart_box .chartCon .chart p .data_text {display: block;}
  
  .keyword_section .chart_box .chartCon .chart p {font-size: 16px;}
  

  .keyword_section .newschart_box {display:table; width: 100%;}
  .keyword_section .newschart_box .chartCon {display:block;}
  .keyword_section .newschart_box .chartCon:nth-child(1){width: 100%;}
  .keyword_section .newschart_box .chartCon:nth-child(2){width: 100%; padding-left: 0px; }
  
  .border_section .header .keywordTab .tabnews {display:block; margin-left: 0px; margin-top: 20px;}
  .border_section .header .keywordTab .tabnews  li {float: left;}
  .border_section .header .keywordTab .tabnews  li::after {content: ""; display: block; clear: both;}
  .border_section .header .keywordTab .tabnews  li a {  font-size: 15px;}



   /** 핫이슈 **/
  .hotissue_section {display: table; width: 100%; margin-top: 10px;}
  .hotissue_section .webmtop80 {padding-top: 0px; margin-top: 00px; }
  .hotissue_section .issueCon li {height: 95px;}
  .hotissue_section .issueCon {position: relative; display: block; min-height: 300px;}
  .hotissue_section .issueCon:nth-child(1) {width: 100%;}
  .hotissue_section .issueCon:nth-child(2) {width: 100%; padding-left: 0px; margin-top: 30px;}

  .hotissue_section .issueCon .data_picker {position: relative; height: 80px;}
  .hotissue_section .issueCon .data_picker .dataCon {display: block; text-align: center;}
  .hotissue_section .issueCon .data_picker .new_search {width: 100px; margin-left: 0px; margin-top: 10px;}
  .hotissue_section .issueCon .data_picker .new_search button {top:1px;}
  .hotissue_section .webmtop80 {padding-top: 40px;}
  .hotissue_section .issueCon .data_picker .new_search {display: block; width: 100%;}
  .hotissue_section .issueCon li .imgCon {width: 100px; height: 80px;}
  .hotissue_section .issueCon li .listCon {padding-left: 120px;}
  .hotissue_section .issueCon li .listCon dt {font-size: 15px; height: 40px;}
  .hotissue_section .issueCon li .listCon dd {margin-top: 20px; font-size: 12px; }
  .hotissue_section .issueCon .channelCon .channerlabel {position: absolute; left: 30px; top:30px; width: 60px; height: 60px;  font-size: 18px;  line-height: 60px;}
  .hotissue_section .issueCon .channelCon .issuelist {left: 30px; top:120px; width: 80%;}
  .hotissue_section .issueCon .channelCon .issuelist p { font-size: 15px; }
  .hotissue_section .issueCon .channelCon .issuelist  span {font-size: 14px; line-height: 22px; }
  .hotissue_section .issueCon .channelCon .issuelist .lable {right: 0px; bottom:10px;}
  .hotissue_section .issueCon .channelCon .issuelist .lable span {font-size: 13px; margin-right: 10px;}
  

/** 분야별 신문사별 뉴스보기 **/
.channel_schBox {border-top:none; margin-top: 10px; border-top:1px solid #ddd ; margin-top: 30px; }
.channel_schBox div {padding: 20px 0px 10px 0px;}
.channel_schBox div .partBox dt {display: block; width: 100%; padding-bottom: 10px; font-size: 15px; }
.channel_schBox div .partBox dd {position: relative;}
.channel_schBox div .partBox dd .btn_close {position: absolute; left: 140px; top:-35px; }
.channel_schBox div .partBox dd {display: block;  width: 100%;  margin-top: 0px; }


/** 최신뉴스 많이본 뉴스 **/
.news_section .headerCon .total {font-size: 14px;}
.news_section .headerCon .option {position: relative; font-size: 15px; margin-top: 10px;}

.news_section .newsCon {display: block;}
.news_section .newsCon:nth-child(1) {width: 100%;}
.news_section .newsCon:nth-child(2) {width: 100%; padding-left: 0px; margin-top: 30px;}
.news_section .border_list li .imgCon {width: 90px; height: 70px; }
.news_section .border_list li .listCon {padding-left: 105px;}
.news_section .border_list li .listCon dt {font-size: 15px;}
.news_section .border_list li .listCon dd {margin-top: 10px; }
.news_section .border_list li .listCon dd p {height: 15px; overflow: hidden; line-height: 15px;}
.news_section .border_list li .listCon dd .media {margin-top: 10px; font-size: 13px;}
.news_section .border_list li {height: 85px;}

.news_section .border_list2 li .listCon dd {margin-top: 10px;}
.news_section .border_list2 li .listCon dd span {font-size: 14px;}

/** 서비스 소개 **/
.visualCon {background:none; }
.visualCon .serviceinfo {position: relative; left: 0px; bottom: -10px; width: 100%; }
.visualCon .serviceinfo p {font-size: 30px;}
.visualCon .serviceinfo div {font-size: 16px; line-height: 24px;}

.main_service {min-height: 300px; margin-top: 100px;}
.main_service .serviceCon {margin-top: 30px;}
.main_service .serviceCon li span {display: block; width: 150px; height: 150px;  border:3px solid #e7f3fa;}
.main_service .serviceCon li span.imgCon1 {background-size:60%; }
.main_service .serviceCon li span.imgCon2 {background-size:60%; }
.main_service .serviceCon li span.imgCon3 {background-size:60%; }
.main_service .serviceCon li span.imgCon4 {background-size:60%; }
.main_service .serviceCon li .textCon  strong {font-size: 18px; margin-top: 20px; text-align: center;}
.main_service .serviceCon li .textCon p {font-size: 14px; margin-top: 10px; padding-left: 70px; }
.main_service .serviceCon li .textCon p::before {content: ""; display: block;  position: absolute; left:60px; top:7px; width: 4px; height: 4px; background: url(../img/sub/guide_dot.png) no-repeat left center; } 

.web_service {margin-top: 70px;}

.BIinfo {padding-top: 0px; margin-bottom: 30px;}
.BIinfo p {font-size: 22px; line-height: 30px; margin-top: 20px; }
.BIinfo .biBox {height: 200px; height: 250px; line-height:250px; margin-top: 30px; }
.BIinfo .biBox .imgCon  {width: 70%; height: auto; margin: 0 auto; overflow: hidden;}
.BIinfo .biBox .imgCon img {width: 100%; height: auto;}
.BIinfo .symbolCon {margin-top: 10px;  margin-bottom: 0px;}
.BIinfo .symbolCon li .symbolBox  {background: #fff;}
.BIinfo .symbolCon li {width: 100%; display: block; margin-bottom: 10px;}
.BIinfo .symbolCon li:first-child {padding-left: 0px; padding-right: 0px;}
.BIinfo .symbolCon li:last-child {padding-right: 0px; padding-left: 0px;}
.BIinfo .symbolCon li .symbolBox dl {position: relative; width: 95%;}
.BIinfo .symbolCon li .symbolBox dt {padding-top: 15px;}

.BIinfo .biColor {margin-top: 0px;}
.BIinfo .biColor li .colorBox {height: 80px;}
.BIinfo .biColor li {width: 100%; display: block; padding-left: 0px; padding-right: 0px; }
.BIinfo .biColor li .colorBox dl {margin-top: 10px;}
.BIinfo .biColor li .colorBox dt {font-size: 16px; line-height: 25px; }
.BIinfo .biColor li .colorBox dd {margin-top: 0px;}













/***** 화면 조정시 공통 *****/
.m_guide {width: 20px; height: 20px; color: transparent; font-size: 0px;  background: url(../img/sub/m_guide_icon.png) no-repeat center 1px;}  /*상단 가이드 팝업*/
.hide {display: none!important;}
.show {display: inline-block!important;}
.wh100 {display: block; width: 100%!important;}
.clear {content: ""; display: block; clear: both;}
.point_text {background: url(../img/sub/icon_point.png) no-repeat left 0px; line-height: 20px; }
.mmtop7 {margin-top: 5px;}

/**** 모달 레이어 팝업 ****/
.modal-content {width: 98%;}
.popWrap {overflow-y: auto; overflow-x:hidden;}

.pop300vh {height:auto!important;}
.pop400vh {height:auto!important;}
.pop400vhm{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 400px;
    overflow-y: auto;
}



/**** 320 모바일 ****/
@media screen and (min-width:320px) and (max-width:600px) {
    
    body {font-size: 14px;} 
    input[type="checkbox"] + label {font-size: 14px;}
    input[type="radio"] + label {font-size: 14px;}
    .file_input input[type=text] {font-size:14px;}
    
    /* Form */
    select {font-size:14px; height: 32px; line-height: 30px;}
    input[type=tel],
    input[type=time],
    input[type=text],
    input[type=password],
    input[type=search],
    input[type=email],
    input[type=url],
    input[type=number],
    input[type=date],textarea {font-size:14px; height: 32px; line-height: 30px;}
    input::-webkit-input-placeholder{ font-size:14px; height: 32px; line-height: 30px;}   /*input-placeholder:placeholder 선택 할수 없으므로 설정을 적용*/

    input[type=tel][readonly],
    input[type=text][readonly],
    input[type=password][readonly],
    input[type=email][readonly], 
    input[type=search][readonly], 
    input[type=tel][disabled],
    input[type=text][disabled],
    input[type=password][disabled],
    input[type=search][disabled],
    input[type=email][disabled]{font-size:14px; height: 32px; line-height: 30px;} /*appearance: */
    textarea[readonly],
    textarea[disabled]{font-size:14px; height: 32px; }

    #contents_wrap {padding-top:10px;  width:100%;}    
    .contents_section  h2 {font-size: 26px;}
    .contents_section  h3 {font-size: 14px; background: url(../img/sub/h3_icon.png) no-repeat left center; padding-left: 20px; background-size:17px 17px ;} 
    .contents_section  h3 .essent {font-size: 14px;}


    .border_section .header > div .arrscroll {font-size: 0; color: transparent; background:none; padding-left: 17px;}
    .border_section .header > div .arrscroll::before {content:"좌우로 스크롤"; font-size: 13px; color: #333; padding-left: 17px; display: block; background: url("../img/sub/icon_arr.png") no-repeat 0px 4px;} 
    
    /*** 게시글 리스트 ***/ 
    .border_section .board_box .type1_list th {padding: 10px 0px; height: 30px; } 
    .border_section .board_box .type1_list td {padding: 5px 10px; height: 30px; }
    .border_section .board_box .type1_list td .addr,
    .border_section .board_box .type1_list td .farmland {font-size: 12px; padding: 3px 7px;}
    .border_section .board_box .type1_list td .addr {width: 50px;}

    .border_section .dividCon2 .item .itembg .itemtop h5 {font-size: 14px;  background:url(../img/sub/h5_icon.png) no-repeat 0px 5px;}

    .foodinfoCon {margin-top: 10px;}
    .foodinfoCon .info_img {width: 100%; height:300px;}

    .border_section .img_border .border_list {margin: 0px 0px 20px 0px;}
    .border_section .img_border .border_list > div {flex:1; width: calc (100% / 1 ); margin-right: 0px; margin-bottom: 20px;}    
    .border_section .img_border .border_list > div:last-child {margin-bottom: 0px;}
    .border_section .img_border .border_list > div dt {height: auto;}

    .border_section .img_border .type1_list2 td .list_box .listCon a {font-size: 14px;}
    .border_section .img_border .border_list2 td {padding: 5px 10px 5px 10px;}
    .border_section .img_border .border_list2 td .list_box {display:inline-block;}
    .border_section .img_border .border_list2 td .list_box .listCon {width:100%;}
    .border_section .img_border .border_list2 td .list_box .size {width: 100%;}
    .border_section .img_border .border_list2 td .list_box .listCon a {font-size: 16px; /*margin-top: 10px;*/ }
    .border_section .img_border .border_list2 td .list_box .option {font-size: 12px; height: 20px; margin-top: 0px;} 
    .border_section .img_border .border_list2 td .option .leftbox {top:0px;}
    .border_section .img_border .border_list2 td .option .rightbox {top:0px; /* left:0px;*/}
    .border_section .img_border .border_list2 td .option .rightbox span {padding: 0px 0px;}
    .border_section .img_border .border_list2 td .option .leftbox span::before {top:3px;  left: -2px;}
    .border_section .img_border .border_list2 td .option .rightbox span.hit::before {top:3px; left: -12px; }


    .border_section .img_border .border_list2 td .list_box .imgCon3 {margin-right: 0px; width:85px; height: 85px;  margin-right: 10px;}
    .border_section .img_border .border_list2 td .list_box .imgCon3 img {width: 100%; height: auto;}
    .border_section .img_border .border_list2 td .list_box .listCon p {height: 45px;}
    .border_section .img_border .border_list2 td .list_box .listCon dl  {display:inline-block;} 
    .border_section .img_border .border_list2 td .list_box .listCon dt {display: inline-block; width: 90px;}
    .border_section .img_border .border_list2 td .list_box .listCon dd {display: inline-block; width: calc(100% - 110px); width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); margin-bottom: 15px;}
            
    .border_section .img_border .border_list2 td .double_list .divide {margin-bottom: 0px; border-bottom: 1px solid #ddd; padding:10px 0 10px 0;}
    .border_section .img_border .border_list2 td .double_list .divide .list_box .listCon2 {width: 180px;}
    .border_section .img_border .border_list2 td .double_list .divide .list_box .btnCon .btn_toxic {height: 30px;}
    .border_section .img_border .border_list2 td .double_list .divide:nth-child(even) {border-bottom:none;} 


    /** 동영상, 텃밭가이드 **/
    .border_section .img_border2 .list  li {margin: 20px 0px 0px 0px; border: 1px solid #ddd; width: 100%;}
    .border_section .img_border2 .list  li div dd {margin-top: 0px;}
    .border_section .img_border2 .list  li div dd p {padding-top: 0px; }

    .foodinfoBox {margin-top: 30px;}
    .foodinfoBox h4 {font-size: 18px;margin-top: 30px; margin-bottom: 10px; }
    .foodinfoBox dt {float: none; display: block;  width: 130px;}
    .foodinfoBox dd {display:block; width: 100%; margin-bottom: 10px;}

    .markshop_section .date_schedule {display:inline-block;}
    .markshop_section .date_schedule .date_year {display: block;}
    .markshop_section .date_schedule .date_year:nth-child(1) {width:100%; text-align: center; margin-bottom: 20px;}
    .markshop_section .date_schedule .date_year:nth-child(2) {width:100%;}
    .markshop_section .date_schedule  span {font-size: 24px;}

    .markshop_section .markinfoCon ul {width: 100%;}
    .markshop_section .markinfoCon li img {width: 100%; height: 500px;}   

    .markshop_section .date_schedule .dateCon {display: flex;}
    .markshop_section .date_schedule .dateCon li {flex: 1;  font-size: 16px; padding: 0px 3px;}
    .markshop_section .date_schedule .dateCon li button {display: block;  width: 50px; height: 50px; font-size: 15px; }
    .markshop_section .date_schedule .dateCon li button.on {background: #333; color: #fff;}
        
    .markshop_section  .date_week  span {font-size: 20px; }
    .markshop_section  .date_week button {width:30px; height: 30px;}
    
    /**농약 기준치**/
    .safetoxic {display: table; margin-top: 0px; border:none;}
    .safetoxic div {display:inline-block; width: 100%;}
    .safetoxic div  span {display: inline-block; padding: 0 0 0px 40px; text-align: left; border-bottom: 1px solid #ccc; width: 100%; height: 55px; line-height: 55px; }
    .safetoxic div  span::before {left:-10px; background: url(../img/sub/icon_toxic2.png) no-repeat center 3px; background-size:60%;  }
    .safetoxic div  span::after  {display: none;}

    .visualBox {width: 100%; padding: 0px 0px; margin-top: 0px; margin-bottom: 0px;}
    .visualBox .prev,
    .visualBox .next {width: 40px; height: 40px;} 
    .visualBox .prev {left: -20px; background-position: 11px 8px;}
    .visualBox .next {right: -20px;  background-position: 16px -37px;}

    .visualBox .con {width: 100%!important;}
    .visualBox .con > div {height: 500px; width: 100%;}
    .visualBox .con .slide img {height: 100%; width:100%;}
    .visualBox .control li a {width: 15px; height: 3px;}



    


    /*** 테이블 td 공통버튼***/    
    table td button {font-size: 14px; } 
    table td .btn_default {height: 30px; } /*기본*/
    table td .btn_step {width: 70px;} /*단계설정*/

    .border_section .foot { margin-top: 20px;}

    .border_section .board_detail .btn_explain,
    .border_section .board_detail .btn_add,
    .border_section .board_detail .btn_cancel  {width: 20px; height: 20px;} 


    /*** search_wrap ***/    
    .search_wrap {padding: 10px 10px 65px 20px; width: 100%;}
    .h300{height:300px;}
    .h270{height:270px;}
    .search_wrap .searchbox { width: 100%;}
    .search_wrap .searchbox .hyphen {width:7px; text-align: center;}
    /*.search_wrap .searchbox .date_pick {width:97px;} */
    .search_wrap .searchbox .date_pick input[type="text"] {width: 110px!important;}
    .search_wrap .searchbox .date_pick button.btn_calendar {right:10px; top:6px;}
    .search_wrap .searchbox .radck {display: block; padding-left: 0px; padding-top: 5px; }


   .dthide {display: none!important; margin-left: 0px!important;}

    .search_wrap .find_box button, .search_wrap .find_box2 button {display: inline-block; font-size: 14px; }
    .search_wrap .find_box {width: 100%; text-align: center;}
    .search_wrap .find_box2 {width: 100%; text-align: center;} 
    .search_wrap .find_box button.btn_favorit  {margin-top: 5px;}


    .search_wrap .searchbox .guidtext {font-size: 13px;}
    .search_wrap .searchbox .findBox button, .search_wsrap .searchbox .findBox2 button {top:-3px;}
    .search_wrap .searchbox .findBox {width:100%;}

    .search_wrap .searchbox .find_select {width: 100%; display: inline-block;  margin-bottom: 5px;}
    .search_wrap .searchbox .find_select2 {width: 100px; display: inline-block;} /*모바일대체*/
    .search_wrap .searchbox .find_text {width: 100%; display: inline-block;}
    .search_wrap .searchbox .find_text2 {/*width: 50%;*/ width: 100%; display: inline-block;} /*모바일대체*/ 
    .search_wrap .searchbox .find_text3 {width: 100%; display: inline-block;} /*모바일대체*/ 
    .search_wrap .searchbox .find_text4 {width: 100%; display: inline-block;} /*모바일대체*/ 
    .search_wrap .searchbox .find_select3 {width: 100%; display: inline-block;}
    .search_wrap .searchbox .find_select4 {width: 100%; display: inline-block;}

    .search_wrap .searchbox dt {width: 60px;}
    .search_wrap .searchbox dd {width: calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px);}
    .search_wrap .searchbox dd select {width: 100%!important;}
    .search_wrap .searchbox dd input[type=text] {width: 100%;}
    .search_wrap .searchbox dd .dateCon2 {display: block; width: 130%;}

    .search_wrap .searchbox .disflex {display: flex; width: -webkit-calc(100% + 50px);}
    .search_wrap .searchbox .cellfirst {display: block; width: 100%;}
    .search_wrap .searchbox .celllast {display: block; width: 100%;}
    .search_wrap .searchbox .cellmid {display: block; width: 100%;}
    .search_wrap .searchbox .cellmid2 {display: block; width: 100%;}
    .search_wrap .searchbox .celllast2 {display: block; width: 100%;}
    .search_wrap .searchbox .selBox {display: block; width: 100%;}
    .search_wrap .searchbox .selBox3 {display: block; width: 100%;}
    .search_wrap .searchbox .selBox2 {display: block; width:100%;}

    .search_wrap .searchbox .mtop5M {margin-top: 5px;} /*select top 여백*/
    .search_wrap .searchbox .disflex {display: inline-block;}
    .search_wrap .searchbox .cellflex2 {display: block; margin-top: 5px;}

     @media screen and (max-width:499px) {
      .search_wrap .searchbox dd.block-mobile label {width:100%; display:block;  margin-top:5px;}
      .mo-mt10 {margin-top:5px;}
     }

    /**vegetable_tab**/   
    .tab_wrap .vegetable_tab {height: 40px; width: 100%; overflow: hidden;  overflow-x: scroll;  height: 50px;}    /*추가*/
    .tab_wrap .vegetable_tab .tab_slide2 {display: flex; justify-content: start;}
    .tab_wrap .vegetable_tab .tab_slide2 div {display: inline-block; padding: 0 10px; white-space: nowrap;}
    .tab_wrap .vegetable_tab .tab_slide2 div a {min-width:none; padding: 0 0px;}
    .tab_wrap .vegetable_tab::-webkit-scrollbar {width: 10px;height:5px;}
    .tab_wrap .vegetable_tab::-webkit-scrollbar-thumb {background-color: #ddd; border-radius: 20px;}
    .tab_wrap .vegetable_tab::-webkit-scrollbar-track {background-color: #efefef;}
    
    .tab_wrap .vegetable_tab .tab_slide {display: flex; justify-content: start; }
    .tab_wrap .vegetable_tab .tab_slide div {white-space: nowrap; }
    .tab_wrap .vegetable_tab .tab_slide div a {min-width:none; padding: 0 10px;}

    .tab_wrap .vegetable_tab .tabnav {display:none;}

    /** 그래프 박스 검색 **/
    .graph_search {padding: 0px 0px 20px  0px; }
    .graph_search .searchCon  div {flex: 1;}
    .graph_search .searchCon  div div {float: left; width: 50%; }
    .graph_search .searchCon  div div select {width: 95%;}
    .graph_search .searchCon  div div::after {contain: ""; display: block; clear: both;}
    .graph_search .searchCon  div:nth-child(2),.graph_search .searchCon  div:nth-child(3) {text-align: left;}



    /** 조회 하단 버튼 **/
    .search_section .btn_wrap button {font-size: 14px; height: 32px; padding: 5px 20px;}
  
    /*상세분류*/
    .search_wrap .searchbox .detail_find button.btn_open {font-size: 13px; width: 65px; height: 20px;  background: url(../img/sub/btn_open.png) no-repeat right 8px; }


    /*상세검색 레이어 팝업 검색 버튼*/

    .laypop_wrap .laypop_btn button.search, 
    .laypop_wrap .laypop_btn button.cancel {font-size: 14px; width: 60px; height: 32px; line-height: 32px;}


    /**영농일지**/
    .farm_section {padding: 30px 10px 20px 10px;}
    .farm_section h3 {font-size: 20px; background: none; padding-left: 10px;}
    .farm_section .g_text {left: 20px; top:65px;}
    .farm_con {display:inline-block; width: 100%;}   
    .farm_con .box  .farm_count {height: 140px;  padding: 20px 40px;}
    .farm_con {display: block; margin-top: 50px;}    
    .farm_con .box {margin-bottom: 15px;}
    .farm_con .box .total {bottom: 30px;}
    
    .farm_con .box p {font-size: 22px;}
    .farm_con .box span {font-size: 13px; padding-top: 0px;}
    .farm_con .box .total {right: 40px; bottom: 20px; font-size: 26px;}
    .farm_con .box .total strong {font-weight: 600;}

    .farm_con .box .farm_count2 {padding: 15px 20px 0px 20px; height: 160px;}
    .farm_con .box .farm_count2  ul li .num { padding-top: 15px; font-size: 15px;}

    .farmdata_list .list {padding: 20px 20px 30px 20px;}
    .farmdata_list .list li {position: relative; }
    .farmdata_list .list li .boxBL {font-size: 12px; position: absolute; left: 5px; top:3px;}
    .farmdata_list .list li .boxGR {font-size: 12px; position: absolute; left: 5px; top:3px;}
    .farmdata_list .list li p {display: block; font-size: 14px; padding-left: 40px;}
    .farmdata_list .list li p span {display: block;}

    .farmdata_list2 .list2  {display: inline-block; margin-top: 40px; width: 100%;}
    .farmdata_list2  h3 {position: absolute; left: 0px; top:0px; font-size: 22px; font-weight: 600; letter-spacing: 0px;}
    .farmdata_list2 .btn_more {position: absolute; right:0px; top:0px; width: 80px; font-size: 13px; height: 30px; background: url(../img/sub/btn_more3.png) no-repeat 90% center ;}
    .farmdata_list2 .list2 .listBox .moneylist {width: 100%;}
    .farmdata_list2 .list2 .listBox  p {display: inline-block;}

    .farmdata_list2 .list2 .listBox:first-child { margin-right: 0px;} 
    .farmdata_list2 .list2 .listBox:last-child { margin-left: 0px; margin-top: 20px;} 

    .farmdata_list2 .list2 .listBox .income {display: inline-block; padding: 5px 7px; background:none; padding-left: 0px;}
    .farmdata_list2 .list2 .listBox .expens {display: inline-block; padding: 5px 7px;  background:none; padding-left: 0px;}
    .farmdata_list2 .list2 .listBox .dataNon {left:50%; transform:translateX(-50%) ;  line-height: 16px; background-size:50px; padding-left:60px;  padding-top: 15px; /*width: 85%;*/}



    @media screen and (min-width:320px) and (max-width:400px) {
      .farm_section h3 {font-size: 16px; top:-30px;}
      .farm_section  .btn_more {top:-35px;}
      .farm_section .g_text {left: 20px; top:60px; font-size: 12px;}
      .farm_con {margin-top: 50px;}
      .farm_con .box  .farm_count {height: 100px;  padding: 15px 20px;}

      .farm_con .box p {font-size: 16px; text-align: left;}
      .farm_con .box span {text-align: left; padding-top: -5px; font-size: 12px; }
      .farm_con .box .total {position: absolute; right:20px; bottom: 20px; font-size: 18px; color: #222;}
      .farm_con .box .farm_count2 {height: 120px;}
      .farm_con .box .farm_count2 ul {margin-top: 0px;}
      .farm_con .box .farm_count2  ul li .num{font-size: 14px; margin-top: -5px;}
      .farm_con .box .farm_count2  ul li .circle {width:60px; height:60px;}
      .farm_con .box .farm_count2  ul li .toxic {background: url(../img/sub/img_toxic.png) no-repeat center center #f2f2f2; background-size: 30px auto;}
      .farm_con .box .farm_count2  ul li .water {background: url(../img/sub/img_water.png) no-repeat center center #f2f2f2; background-size: 30px auto;}
      .farm_con .box .farm_count2  ul li .ample {background: url(../img/sub/img_ample.png) no-repeat center center #f2f2f2; background-size: 30px auto;}


      .farm_con .box  .imgbg1 {background: none #fff; background-size: 55px auto;}
      .farm_con .box  .imgbg2 {background: none #fff; background-size: 55px auto;}

      .farm_con .box  .imgbg3 {background: none #fff; background-size: 55px auto;}
      .farm_con .box  .imgbg4 {background: none #fff; background-size: 55px auto;}
      .farm_con .box  .imgbg5 {background: none #fff; background-size: 55px auto;}
      
      .farmdata_list2  h3 {top:0px; font-size: 18px;}
      .farmdata_list2 .btn_more {top:0px; font-size: 12px; }

      .farmdata_list .list {margin-top: 50px;}

    }
   
     .schedule_wrap {margin-top: 30px;}
     .calender_section {padding-top:15px; }
     .calender_section .datebox > span {font-size:22px; }
     .calender_section .datebox button {font-size: 12px;}
     .calender_section .datebox .btn_day {font-size: 12px;}
     .calender_section .calender_box {margin:10px 0 0px 0;}
     .calender_section .calender_box > table th {height: 30px; line-height: 30px; font-size: 13px;} 
     .calender_section .calender_box > table td:first-child {border-left: none;}
     .calender_section .calender_box > table td .daynum {font-size: 13px;}
     .calender_section .calender_box > table td .sum {position: absolute; left: 0px; right: none; bottom: 0px; width: 30px; color: #222;}
     .calender_section .calender_box > table td .sum,
     .calender_section .calender_box > table td .sumplus,  
     .calender_section .calender_box > table td .summinus  {font-size: 12px;}
     .calender_section .calender_box > table td .sumplus {right: 20px; bottom: 10px;}
     .calender_section .calender_box > table td .summinus  { right: 20px; bottom: 10px;}
     .calender_section .calender_box > table td .num {left:6px; top:50px; text-align:left; line-height: 36px; width: 50px;  font-size: 12px; font-weight: 500;  background: none; padding-left: 0px;  }
     .calender_section .calender_box > table td .num2 {left:6px; top:70px;  text-align: left; line-height: 36px; font-size: 12px; background: none; padding-left: 0px;}
     .calender_section .calender_box > table td .icon {top: 30px; }
     .calender_section .calender_box > table td .regist a {position: absolute; left:50%; top:100px; letter-spacing: -0.5px; padding: 0 0px; width: 45px; font-size: 12px; font-weight: 500; white-space: nowrap; transform: translateX(-50%);}

     @media screen and (min-width:320px) and (max-width:375px) {
      /* .calender_section .calender_box > table td .regist a {left:1px; letter-spacing: -1px; } */
      .calender_section .calender_box > table td .icon {width: 42px; }
      .calender_section .calender_box > table td .icon >  span {width: 13px; }
    }

     
    /** tab_wrap **/
  .tab_wrap .tabCon {overflow: hidden; position: relative; overflow-x:scroll; width:100%; }       /** 추가 **/
    .tab_wrap .tabCon::-webkit-scrollbar {width: 10px;height:4px;}
    .tab_wrap .tabCon::-webkit-scrollbar-thumb {background-color: #ddd; border-radius: 20px;}
    .tab_wrap .tabCon::-webkit-scrollbar-track {background-color: #efefef;}
    
    .tab_wrap .tab {position: relative; height: 42px; border-bottom: 1px solid #ccc; }
    .tab_wrap .tab2,
    .tab_wrap .tab3, .tab_wrap .tab4  {position: relative; height: 40px;  border-bottom:none;}
    .tab_wrap .tab li,  .tab_wrap .tab2 li 
    .tab_wrap .tab3 li,  .tab_wrap .tab4 li {border-bottom:none; height: 40px;}
    .tab_wrap .tab li a,  .tab_wrap .tab2 li a,
    .tab_wrap .tab3 li a,  .tab_wrap .tab4 li a {padding: 10px 30px 0 20px;}

    .tab_wrap .tab li:hover,
    .tab_wrap .tab2 li:hover,
    .tab_wrap .tab3 li:hover,
    .tab_wrap .tab4 li:hover
    {border-top:1px solid #2677c9; border-bottom:none;}

    .tab_wrap .tab li.tabon,
    .tab_wrap .tab2 li.tabon,
    .tab_wrap .tab3 li.tabon,
    .tab_wrap .tab4 li.tabon    
    {color: #fff; border:1px solid #2677c9; background: #2677c9; } 

    /*.tab_wrap .tabCon .tab2 li a.ptop {padding:7px 0px;}  */
    .mtop {margin-top: 0!important;}   

    /** 그래프 박스 **/
    .graphbox {border:1px solid #ddd; padding: 20px 20px; min-height: 250px; margin: 20px 0 20px 0;}
    .graphbox2 {border:1px solid #ddd; padding: 20px 20px; min-height: 500px; margin: 20px 0 20px 0;}
    .graphboxIn {min-height: 300px; text-align: center; margin-bottom: 20px; overflow: hidden;}    
    .weatherBox { margin: 10px 0 20px 0;}


    /** 레이어 팝업 **/
    .detail_laypop .title h2 {font-size: 14px;}
    .detail_laypop .title .topbtn button.refresh {font-size: 13px;}
    .detail_laypop .laypop_wrap h3 {font-size: 14px; background: none;  margin-top: 0px; }
    .detail_laypop .laypop_wrap .search_list .scroll_box li label {font-size:14px;}


    /** 데이터 경매 조회 전 가이드 **/
    .search_guide .guideBox {width: 80%; background: url(../img/sub/guide_img3.png) no-repeat 0px 0px; background-size: 15%; padding-left:70px;} 
    .search_guide p {font-size:13px;}


  /** 테이블 **/
    .sub_table table { width: 100%;}
    .sub_table td {border-top:none; }
    .border_section .h3title {font-size: 16px;}
    .border_section .board_detail .type1_detail td .row2 > div .cont p { display: block;}
    .border_section .board_detail .type1_detail td .baseBtn {height: 30px;}
    .border_section .board_detail .textarea2 textarea  {/*width: 385px !important;*/ width: 100%!important;} /*레이어 팝업창 적용*/
    .border_section .board_detail .type1_detail td .row2  div .cont .addrCon input {/*width: 385px;*/ width: 100%;}
    .border_section .board_detail .type1_detail td .row2  div .cont .initial  {width: 250px;}
    .border_section .board_detail .type1_detail td .row2 > div .cont > div {padding: 0px 0 10px 0px;} 
    .border_section .board_detail .type1_detail td .text {line-height: 20px;}

    .border_section .header > div .pay {font-size:14px;}
    .border_section .header > div .option div {text-align: right;}
    .border_section .header > div .option  button {height: 30px; padding: 0  10px; font-size: 12px;}
    
    .border_section .board_detail .date_pick {position: relative; display: inline-block;}
    .border_section .board_detail .date_pick input[type="text"] {width: 250px;}
    .border_section .board_detail .date_pick button.btn_calendar {position: absolute; right:10px; top:7px; z-index: 500; display: block; width: 18px; height: 18px; padding: 0 0; color:transparent; background:url(../img/sub/calendar_icon.png) no-repeat center center;}
    .border_section .foot .page_box {margin-top: 30px;}
    .border_section .foot .page_box .pagenum li {padding-left:0px;}
    .border_section .foot .page_box .pagenum li::after {content: ""; display: block; clear: both;} 
    .border_section .foot .page_box .pagenum a {width: 30px; height:20px;  border:none ; line-height: 20px; font-size: 13px;}
    .border_section .foot .page_box .pagenum a:hover {border: none; }
    .border_section .foot .page_box .pagenum a.on {background: #fff; font-weight: 600;  color: #222; border:none;}

    .border_section .foot .page_box .pagenum a.btn_first,.border_section .foot .page_box .pagenum a.btn_prev,
    .border_section .foot .page_box .pagenum a.btn_next,.border_section .foot .page_box .pagenum a.btn_last
    {border: 1px solid #ddd; width: 25px; height: 25px;}       
    .border_section .foot .page_box .pagenum a.btn_prev  {margin-right: 5px;}
    .border_section .foot .page_box .pagenum a.btn_next   {margin-left: 5px;}

    .border_section .board_detail .type2_detail th p {font-size: 15px;}
    .border_section .board_detail .type2_detail th .tag_option {display: inline-block;}
    .border_section .board_detail .type2_detail th .tag_option > div {display: inline;}
    .border_section .board_detail .type2_detail th .tag_option div dl {position: relative; margin-right: 0px;}
    .border_section .board_detail .type2_detail th .tag_option div dt {font-size: 13px;}
    /*
    .border_section .board_detail .type2_detail th .tag_option div dl::after {content: ""; display: block; position: absolute; left: -2px; top:7px; width: 1px; height: 10px; background: #ddd;}
    .border_section .board_detail .type2_detail th .tag_option div dt::after {display: none;}
    */
    .border_section .board_detail .type2_detail th .tag_option div dd {font-size: 13px;}
    .border_section .board_detail .type2_detail th span {font-size: 13px; height: 25px; line-height: 25px;}   


    .border_section .board_detail .type2_detail td .border_imgCon {margin-bottom: 0px; margin-top: 0px; }
    .border_section .board_detail .type2_detail td .border_imgCon .imgBox {height: 300px; width: 100%;}
    .border_section .board_detail .type2_detail td .border_imgCon .imgBox img  {width: 100%; height: auto;}   

    .border_section .board_detail .type2_detail td  .questList li {display: block; background:#fff; border-bottom:1px solid #ccc; padding: 5px 0px;}
    .border_section .board_detail .type2_detail td  .questList li span {display: inline-block; width: 100%; text-align: left;}
    .border_section .board_detail .type2_detail td  .questList li div {margin-left: 0px; padding-bottom: 5px;}

   





    .farmWork_schedule li {float: left; display: block; width: 100%;}

    /** fertiCon **/
    .fertiCon {display: inline-block; margin-top: 20px;}
    .fertiCon .divid {display: block;}    
    .fertiCon .divid:nth-child(1) {padding-right: 0px;}
    .fertiCon .divid:nth-child(2) {padding-left: 0px; margin-top: 20px;}
    .fertiCon .divid .divCon  {min-height: 460px;}
    .fertiCon .divid .divCon .divscroll {overflow: hidden; overflow-x: auto;}
    .fertiCon .divid .divCon dl {width: 100%;}
    .fertiCon .divid .divCon dd {display: inline-block; margin-top: 10px;}
    .fertiCon .divid .divCon dd div {display: inline-block; padding-right: 0px; margin-bottom: 5px; width: 100%;}
    .fertiCon .divid .divCon .find_box4 button {font-size: 13px; height: 30px; }
    .fertiCon .divid .divCon .type1_list td input[type="text"] {width: 100%;}
    .fertiCon .divid .divCon .areaCon button {font-size: 14px; height: 30px;} 


    /** todayKeword **/
    .todayKeword h3 {background: none; padding-left: 0px; margin-top: 30px; font-size: 18px; }
    .todayKeword .data_picker .dataCon {right:30px;}
    .todayKeword .data_picker .day_text {font-size: 16px; }
    .todayKeword .data_picker .btn_today {line-height: 20px;}


    /** 핫이슈 **/
    .hotissue_section .issueCon li .listCon dt {font-size: 14px;}
    .hotissue_section .issueCon .channelCon .issuelist .lable span {font-size: 12px;}


    /** 최신뉴스 많이본 뉴스 **/
    .news_section .headerCon h3 {font-size: 16px;}
    .news_section .border_list li .listCon dt {font-size: 14px;}
    .news_section .border_list li .listCon dd .media {font-size: 12px;}
    .news_section .border_list li .listCon dd p {font-size: 14px;} 

    .news_section .border_list2 li {padding:10px 0 10px 0;}
    .news_section .border_list2 li .listCon dt  {font-size: 14px;}
    .news_section .border_list2 li .listCon dd {margin-top: 10px;}



  /**자주묻는 질문**/
.border_section .img_border2 .faqlist li {margin: 10px 10px 0px 10px; min-height: 65px; }
.border_section .img_border2 .faqlist li div dt .qicon {display: none; }
.border_section .img_border2 .faqlist li div dd {font-size: 13px; margin-top: 5px;}
.border_section .img_border2 .faqlist li div dd .tag::after {right: -12px;}
.border_section .img_border2 .faqlist li div dd .taglist {padding-left: 10px;}
.border_section .img_border2 .faqlist li div dd.mlef {margin-left: 0px;}

/** 개인정보 수집 **/
.privacyCon {padding: 0px 15px 10px 15px; }
.privacy_section h3 {background: none; font-size: 15px; padding-left: 0px;}
.privacy_section p {margin-top: 10px;}
.privacyCon dt {display:block; margin-bottom: 5px; margin-top: 15px;}
.privacyCon dd {display:block; width: 100%;}


/**마이영농on**/
.mypage_section {margin-top: 20px;}
.mypage_section h4 {position: relative; font-size: 16px; background: none; padding-left: 0px; margin-top: 0px;}
.myinfoCon .myBox {position: relative;  display: block; width: 100%;}
.myinfoCon .myBox li {display: block;}

.myinfoCon .myBox .mypagetext  {position: relative; display: inline-block; width: 100%; transform: translateX(-20px);  padding-left: 20px;}
.myinfoCon .myBox .mypagetext::before {content:""; display: block; position: absolute; top:0px; left: 50%; transform: translateX(-50%);   width: 94%; height: 1px; background: #ddd;} 

.myinfoCon .myBox .mypagetext p {padding-top: 0px; font-size: 14px;}
.myinfoCon .myBox .mypagetext .text {display: none;}
.myinfoCon .myBox .mypagetext .btnCon {margin-top: 10px;}
.myinfoCon .myBox .mypagetext .btnCon button {display: block; height: 30px; line-height: 30px; width: 100%; padding: 0 20px 0 10px; font-size: 13px;}
.myinfoCon .myBox .mypagetext .btnCon button:last-child {margin-top: 5px;}

.myinfoCon .myBox .nametag .picture {width: 80px; height: 80px; }
.myinfoCon .myBox .nametag .name {height: 80px; padding:10px 0 0 20px;}
.myinfoCon .myBox .nametag .name button {height: 30px; font-size: 13px; line-height: 30px; }

.myfarmCon {margin-top: 20px;}
.myfarmCon .myBox .farmland {position: relative; margin-top: 20px; margin-bottom: 40px;}
.myfarmCon .myBox .farmland button.btn_land { position: relative; left:100px; top:10px;  height: 30px; font-size: 13px;}

.myfarmCon .myBox {display: inline-block;}
.myfarmCon .myBox:first-child {width: 100%;  background: url(../img/sub/icon_map2.png) no-repeat 30px 60px #eef1f7; }
.myfarmCon .myBox:last-child {width: 100%; padding-left: 0px; margin-top: 20px;}
.myfarmCon .myBox .mytype {position: relative; height: 110px;}
.myfarmCon .myBox .mytype li {float: left; width: 24%; margin-bottom: 10px; padding-right: 3px;}
.myfarmCon .myBox .mytype li button {display: block; width: 100%; font-size: 13px; height: 30px;}
.myfarmCon .myBox .mytype li .btn_type {position: absolute; right: -2px; bottom: 0px; width: 150px;}

@media screen and (min-width:320px) and (max-width:360px) {
  .myfarmCon .myBox .farmland {margin-bottom: 30px;}
  .myfarmCon .myBox .mytype li {width: 30%;}
  .myfarmCon .myBox .mytype li .btn_type {left: 0px; bottom: 0px;}
  .myfarmCon .myBox .mytype {height: 150px;}

}

.myfarmCon .myBox .control {margin-top: 20px; height: 120px; }
.myfarmCon .myBox .control span {width: 70%;}

.farmdailyCon {margin-top: 0px;}
.farmdailyCon .dailyBox li {display: block; width: 100%; }
.farmdailyCon .dailyBox li:first-child {padding-left: 0px; padding-right: 0px; }
.farmdailyCon .dailyBox li:last-child{padding-right: 0px; padding-left: 0px; padding-top: 0px;}
.farmdailyCon .dailyBox li .farmlist {margin-top: 10px; }

.farmdailyCon .dailyBox li .dailyCon h4 {font-size: 16px;}
.farmdailyCon .dailyBox li .myfarm3 li .addCon {right: 0px;  top:0px; width: 140px; text-align: right;}
.farmdailyCon .dailyBox li .myfarm3 li .mmtop10 {margin-top: 10px;}

/** member_tel **/
.member_tel ul {display: inline-block; width: 100%; }
.member_tel li {padding: 20px 0px;}
.member_tel li div {padding-left:20px;}
.member_tel li {display: block; width: 100%; border-bottom: 1px solid #ddd;}
.member_tel li:last-child {border-bottom: none;}
.member_tel li div::after {display: none;}

.member_tel li h5 {font-size: 16px;}
.member_tel li button {height: 30px;  margin-top: 5px; font-size: 13px;}

.service_visual h3 {font-size: 16px; background: none; padding-left: 0px;}
.service_visual h3::before {display: none;}

/** 서비스 소개 **/
.visualCon {background:none; }
.visualCon .serviceinfo {position: relative; left: 0px; bottom: -10px; width: 100%;}
.visualCon .serviceinfo p {font-size: 24px;}
.visualCon .serviceinfo div {font-size: 14px; line-height: 24px;}

.main_service {min-height: 300px; margin-top: 150px;}
.main_service .serviceCon {margin-top: 30px;}
.main_service .serviceCon li span {display: block; width: 90px; height: 90px;  border:3px solid #e7f3fa;}
.main_service .serviceCon li span.imgCon1 {background-size:60%}
.main_service .serviceCon li span.imgCon2 {background-size:60%; }
.main_service .serviceCon li span.imgCon3 {background-size:60%; }
.main_service .serviceCon li .textCon  strong {font-size: 14px; margin-top: 20px;}
.main_service .serviceCon li .textCon  p {font-size: 13px; margin-top: 10px; padding-left: 20px; width: 80%;}
.main_service .serviceCon li .textCon p::before {content: ""; display: block;  position: absolute; left:10px; top:7px; width: 4px; height: 4px; background: url(../img/sub/guide_dot.png) no-repeat left center; } 

.web_service {margin-top: 20px;}

.BIinfo {margin-bottom: 20px;}
.BIinfo .biBox {height: 150px; line-height:150px;  }
.BIinfo .biBox .imgCon  {width: 60%; height: auto; margin: 0 auto; overflow: hidden;}


/*
.BIinfo {padding-top: 0px; margin-bottom: 30px;}
.BIinfo p {font-size: 22px; line-height: 30px; margin-top: 20px; }
.BIinfo .biBox {height: 200px; line-height:200px; margin-top: 30px; }
.BIinfo .biBox .imgCon  {width: 80%; height: auto; margin: 0 auto; overflow: hidden;}
.BIinfo .biBox .imgCon img {width: 100%; height: auto;}
.BIinfo .symbolCon {margin-bottom: 0px;}
.BIinfo .symbolCon li .symbolBox  {background: #fff;}
.BIinfo .symbolCon li {width: 100%; display: block; margin-bottom: 10px;}
.BIinfo .symbolCon li:first-child {padding-left: 0px; padding-right: 0px;}
.BIinfo .symbolCon li:last-child {padding-right: 0px; padding-left: 0px;}
.BIinfo .symbolCon li .symbolBox dl {position: relative; width: 95%;}
.BIinfo .symbolCon li .symbolBox dt {padding-top: 15px;}

.BIinfo .biColor {margin-top: 20px;}
.BIinfo .biColor li .colorBox {height: 80px;}
.BIinfo .biColor li {width: 100%; display: block; padding-left: 0px; padding-right: 0px; }
.BIinfo .biColor li .colorBox dl {margin-top: 10px;}
.BIinfo .biColor li .colorBox dt {font-size: 16px; line-height: 25px; }
.BIinfo .biColor li .colorBox dd {margin-top: 0px;}
*/

.service_info {margin-top: 30px;}
.service_info .infoBox .divide {display: block;  width: 100%; padding-left: 0px;  padding-right: 0px;}
.service_info .infoBox .divide:first-child {padding-left: 0px; padding-right: 0px;  width: 100%;}
.service_info .infoBox .divide:last-child {padding-right: 0px; padding-left: 0px; width: 100%;}

.service_info .infoBox .divide .serviceimg {width: 100%; height: 300px;}
.service_info .infoBox .divide .serviceimg img {width: 100%; height: auto;}
.service_info .infoBox .divide p {font-size: 16px; line-height: 22px; margin-top: 20px;}
.service_info .infoBox .divide .infoCon strong {font-size: 14px;}
.service_info .infoBox .divide .infoCon dt {width: 80px;}
.service_info .infoBox .divide .infoCon dd {width: calc(100% - 110px); width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px);}


/** 개인정보 침해신고 **/
.declare_section .divde {display: inline-block; margin-top: 20px;}
.declare_section .divde div {display: block; width: 100%;  }
.declare_section .divde div:first-child {margin-right: 0px; margin-left: 0px;}
.declare_section .divde div:last-child {margin-left: 0px; margin-right: 0px; margin-top: 10px;}

/** 로그인 페이지 **/

.loginLogo {background: url(../img/sub/large_logo.png) no-repeat center 25px; background-size: 30%; height: 130px; margin: O auto;  padding:20px 0 0px 0px; height: 160px;}
.loginLogo p {display: block;  font-size: 16px; font-weight: 600; margin-top: 60px; text-align: center;}
.loginLogo span {display: block; font-size: 14px; text-align: center;}

.loginBox {display: inline-block; width: 100%; margin-bottom: 0px;}
.loginBox .divide {display: block; width: 100%; padding-top:0px;}
.loginBox .divide h3 {font-size: 16px;}
.loginBox .divide:first-child {position: relative; padding-right: 50px;}
.loginBox .divide:first-child::after {display: none;}
.loginBox .divide:last-child {position: relative;  padding-left:30px; padding-right: 30px; padding-top: 30px;}
.loginBox .divide:last-child::before {content: ""; display: block; position: absolute; top:1px; left:20px; width: 90%; height: 1px; background: #ddd;}

/** member_section 회원가입 **/
.memberinfoBox {padding-bottom: 20px; }
.memberinfoBox p {font-size: 17px; margin-top: 0px;  margin-bottom: 10px;}
.memberinfoBox span {width: 100%; padding:0 10px;}
.member_agree .agree_list li button  {top:0px; height: 30px; width: 70px; font-size: 13px;}
.member_agree .agree_list li {margin-bottom: 20px;  padding-bottom: 10px;}

.joinBox h3 {background: none; padding-left: 0px; margin-bottom: 10px;}



/** 서비스 약관 **/
.agreeBox {padding: 10px 10px; font-size: 13px;}
.clause_section h3 {font-size: 14px;}
.clause_section h4 {font-size: 13px;}
.clause_section dl {margin-top: 10px;}
.clause_section dt.title {font-size: 13px!important;} 

.member_group h3 {background: none; padding-left: 0px; font-size: 16px;}
.member_group .groupBox {display: inline-block; width: 100%;}
.member_group .groupBox  li .groupCon {margin-right: 0px;}
.member_group .groupBox  li {display: block; width: 100%; margin-bottom: 10px;}
.member_group .groupBox  li .imgbg1 {background: url(../img/sub/people_img1.png) no-repeat 30px 25px;}
.member_group .groupBox  li .imgbg2 {background: url(../img/sub/people_img2.png) no-repeat 30px 25px;}
.member_group .groupBox  li .imgbg3 {background: url(../img/sub/ip_img1.png) no-repeat 30px 40px;}
.member_group .groupBox  li .imgbg4 {background: url(../img/sub/ph_img1.png) no-repeat 30px 25px;}
.member_group .groupBox  li .groupCon strong {position:absolute; left: 20px; bottom:20px;  font-size: 14px; }
.member_group .groupBox  li .groupCon .limitage {position:absolute; left: 170px; top:0px; width: 200px;}
.member_group .groupBox  li .groupCon .limitage span {font-size: 16px; display: block; margin-bottom: 30px;}
.member_group .groupBox  li .groupCon .limitage button {margin-top:5px; height: 36px; font-size: 13px;  padding: 0 20px;}

.member_group .joinOK { padding: 20px 20px 10px 20px;}
.member_group .joinOK p {font-size: 14px; margin-bottom: 10px; }
.member_group .joinOK p span {color: #015db8;}

.member_group .restidpw li {display: block; text-align:left;  padding-left: 0px; width: 100%; margin-bottom: 5px;}


@media screen and (min-width:320px) and (max-width:400px) {
  .member_group .groupBox  li .imgbg1 {background: none;}
  .member_group .groupBox  li .imgbg2 {background: none;}
  .member_group .groupBox  li .imgbg3 {background: none;}
  .member_group .groupBox  li .imgbg4 {background: none;}
  .member_group .groupBox  li .groupCon strong {display: none;}
  .member_group .groupBox  li .groupCon .limitage {position:absolute; left:15%; top:0px; width: 100%;}
  .member_group .groupBox  li .groupCon .limitage button {margin-top:20px; height: 36px; font-size: 13px; width: 200px; padding: 0 20px;}
}


/** 상단 가이드 단식 서비스 종료 안내 **/
.databg1   {background: none; padding: 15px 15px;}
.guideTop2 p {font-size: 20px;}
.guideTop2 ul {margin-top: 10px; margin-bottom: 10px;}
.guideTop2 ul li {padding-left: 0px; line-height: 22px; font-size: 14px;}
.guideTop2 .guid_btn button {height: 36px;  line-height: 36px; font-size: 13px; padding: 0 15px;}


/** 영농일지 단식  메인 **/
.data_section {margin-top: 20px;}
.data_section h4 {font-size: 14px; padding-top: 10px;}
.data_section li {display:block;  width: 100%;  height: 320px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px;   padding: 10px 10px;}
.data_section li:first-child {display: block; width: 100%; margin-left: 0px;}
.data_section li:last-child {display: block; width: 100%; margin-right: 0px;}
.band_section1 .bandBox2 li::after {display: none;}

/** 서비스 소개 **/
.visualCon {height: 150px;}
.visualbg1 {background:none;}
.visualbg2 {background: url(../img/sub/servicebg2.jpg) no-repeat center center;}
.visualCon .serviceinfo2 {position: absolute; left:20px; top:25px; width: 90%;}
.visualCon .serviceinfo2 p {font-size: 24px; margin-bottom: 10px; line-height: 28px;}
.visualCon .serviceinfo2 p span {display: inline-block;}
.visualCon .serviceinfo2 div {font-size: 16px; margin-top: 0px; line-height: 20px;}

.sns_service {margin-top: 50px;}
.sns_service div {margin-top: 10px; line-height: 22px; font-size: 14px;}
.flow_service {margin-top: 50px;}


/** 밴드 이용방법 **/
.band_section1 p, .band_section2 p, .band_section3  p {font-size: 16px;}
.band_section1 .bandBox1 {display: block; width: 100%; height: 120px; margin-bottom: 20px; background: url(../img/sub/band_img1sm.png) no-repeat center center #01d12b; }
.band_section1 .bandBox2 {display:block; width: 100%; background: none; border: none;}
.band_section1 .bandBox2 li {position: relative; display: block; width: 100%; height: 120px; margin-bottom: 20px; border:1px solid #ebebeb;}
.band_section1 .bandBox2 li::after {display: none;}
.band_section1 .bandBox2 li:nth-child(1) {background: url(../img/sub/band_img2sm.png) no-repeat 30px center #f5f5f5;} 
.band_section1 .bandBox2 li:nth-child(2) {background: url(../img/sub/band_img3sm.png) no-repeat 30px center #f5f5f5;}   
.band_section1 .bandBox2 li:nth-child(3) {background: url(../img/sub/band_img4sm.png) no-repeat 30px center #f5f5f5;} 
.band_section1 .bandBox2 li .btn_appdown {position: absolute; right:30px; bottom:35px; font-size: 14px;}
.band_section2 .bandBox3 {display:inline-block;}
.band_section2 .bandBox3 li {position: relative; display: block; width: 100%;  padding-left:20px; padding-right:20px; margin-bottom: 40px;}
.band_section2 .bandBox3 li .imgCon {width: 250px; height: auto;}
.band_section2 .bandBox3 li .imgCon img {width: 100%; height: auto;}


.band_section3 .bandBox4 {display:inline-block; width: 100%; height: 460px; overflow: hidden;}
.band_section3 .bandBox4 li {display:inline-block; width: 32.3%;}
.band_section3 .bandBox4 li a {padding-top: 85px; font-size: 13px; height: 140px;}

.band_section3 .bandBox4 li .band_img01 {background: url(../img/sub/band_img01sm.png) no-repeat center 15px #f3f3f3;}
.band_section3 .bandBox4 li .band_img01:hover {background: url(../img/sub/band_img01smon.png) no-repeat center 15px #3da5ed;}

.band_section3 .bandBox4 li .band_img02 {background: url(../img/sub/band_img02sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img02:hover {background: url(../img/sub/band_img02smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img03 {background: url(../img/sub/band_img03sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img03:hover {background: url(../img/sub/band_img03smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img04 {background: url(../img/sub/band_img04sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img04:hover {background: url(../img/sub/band_img04smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img05 {background: url(../img/sub/band_img05sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img05:hover {background: url(../img/sub/band_img05smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img06 {background: url(../img/sub/band_img06sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img06:hover {background: url(../img/sub/band_img06smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img07 {background: url(../img/sub/band_img07sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img07:hover {background: url(../img/sub/band_img07smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img08 {background: url(../img/sub/band_img08sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img08:hover {background: url(../img/sub/band_img08smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img09 {background: url(../img/sub/band_img09sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img09:hover {background: url(../img/sub/band_img09smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img10 {background: url(../img/sub/band_img10sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img10:hover {background: url(../img/sub/band_img10smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img11 {background: url(../img/sub/band_img11sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img11:hover {background: url(../img/sub/band_img11smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img12 {background: url(../img/sub/band_img12sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img12:hover {background: url(../img/sub/band_img12smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img13 {background: url(../img/sub/band_img13sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img13:hover {background: url(../img/sub/band_img13smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img14 {background: url(../img/sub/band_img14sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img14:hover {background: url(../img/sub/band_img14smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img15 {background: url(../img/sub/band_img15sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img15:hover {background: url(../img/sub/band_img15smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img16 {background: url(../img/sub/band_img16sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img16:hover {background: url(../img/sub/band_img16smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img17 {background: url(../img/sub/band_img17sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img17:hover {background: url(../img/sub/band_img17smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img18 {background: url(../img/sub/band_img18sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img18:hover {background: url(../img/sub/band_img18smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img19 {background: url(../img/sub/band_img19sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img19:hover {background: url(../img/sub/band_img19smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img20 {background: url(../img/sub/band_img20sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img20:hover {background: url(../img/sub/band_img20smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img21 {background: url(../img/sub/band_img21sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img21:hover {background: url(../img/sub/band_img21smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img22 {background: url(../img/sub/band_img22sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img22:hover {background: url(../img/sub/band_img22smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img23 {background: url(../img/sub/band_img23sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img23:hover {background: url(../img/sub/band_img23smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img24 {background: url(../img/sub/band_img24sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img24:hover {background: url(../img/sub/band_img24smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img25 {background: url(../img/sub/band_img25sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img25:hover {background: url(../img/sub/band_img25smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img26 {background: url(../img/sub/band_img26sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img26:hover {background: url(../img/sub/band_img26smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img27 {background: url(../img/sub/band_img27sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img27:hover {background: url(../img/sub/band_img27smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img28 {background: url(../img/sub/band_img28sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img28:hover {background: url(../img/sub/band_img28smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img29 {background: url(../img/sub/band_img29sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img29:hover {background: url(../img/sub/band_img29smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img30 {background: url(../img/sub/band_img30sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img30:hover {background: url(../img/sub/band_img30smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img31 {background: url(../img/sub/band_img31sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img31:hover {background: url(../img/sub/band_img31smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img32 {background: url(../img/sub/band_img32sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img32:hover {background: url(../img/sub/band_img32smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img33 {background: url(../img/sub/band_img33sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img33:hover {background: url(../img/sub/band_img33smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img34 {background: url(../img/sub/band_img34sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img34:hover {background: url(../img/sub/band_img34smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img35 {background: url(../img/sub/band_img35sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img35:hover {background: url(../img/sub/band_img35smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img36 {background: url(../img/sub/band_img36sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img36:hover {background: url(../img/sub/band_img36smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img37 {background: url(../img/sub/band_img37sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img37:hover {background: url(../img/sub/band_img37smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img38 {background: url(../img/sub/band_img38sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img38:hover {background: url(../img/sub/band_img38smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img39 {background: url(../img/sub/band_img39sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img39:hover {background: url(../img/sub/band_img39smon.png) no-repeat center 20px #3da5ed;}

.band_section3 .bandBox4 li .band_img40 {background: url(../img/sub/band_img40sm.png) no-repeat center 20px #f3f3f3;}
.band_section3 .bandBox4 li .band_img40:hover {background: url(../img/sub/band_img40smon.png) no-repeat center 20px #3da5ed;}





    /*파일 찾기*/
    .file_input label {width:70px; height:30px; line-height:30px;}

    .topbtn {top:8px; position:relative;}
    .topbtn a {padding: 5px 10px 5px 10px; font-size: 12px; margin-right: 0px;}
    .topbtn a.calendar {background:none;}
    .topbtn a.list  {background:none;}
    .topbtn a.calendaron {background: url(../img/sub/calendar_on.png) no-repeat -50px center #777; color: #fff; }
    .topbtn a.liston {background: url(../img/sub/list_on.png) no-repeat -50px center #777; color: #fff; border: none;}
    .topbtn a.man-down {background-image:none; color: #565656; padding:5px 9px 5px 9px; font-size:12px;}


    /**공통하단 실행버튼 **/
    .action_box button {font-size: 14px; height: 32px;}

    .refertext {line-height: 18px;  background: url(../img/sub/icon_refer.png) no-repeat 0px 0px; }


    /**** 모달 레이어 팝업 ****/

    .close-button { 
      top:2px;
    } 
    
    .modal-content {width: 96%;} 

    .close-button {background: url(../img/sub/pop_close.png) no-repeat center 10px; }
    .popWrap {padding-top: 0px;}

    .top {height: 40px; padding-top:0px;}
    .modal-content h1 {font-size: 15px;}
    .modal-content h2 {font-size: 14px;}/*** 테이블용 채크 라디오 ***/
    .modal-content h4 {font-size: 13px; padding: 5px 0 0px 22px;  background:url(../img/sub/h5_icon.png) no-repeat 0px 7px;}
    

/** pop_service **/
.pop_service ul {display: inline-block; width: 100%; margin-top: 20px;}
.pop_service li {display: block; text-align: center; }
.pop_service li div {height: 150px; width: 150px; margin:0 auto; padding: 35px 0px;}
.pop_service li:last-child div {height: 170px; width: 170px; margin-top: 70px;} 
.pop_service .pbtn_more a  {height: 30x; padding: 7px 20px;}
.pop_service li div::after {left: 35%; top:95%; width:50px; background: url(../img/sub/large_arr2.png) no-repeat center center; } 

.pop_close {font-size: 13px;}
.pop_close button {font-size: 13px;}

    
}
@media (max-width:820px) {.border_section .board_box .type1_list td a {width:500px;} /*링크텍스트*/
}

@media (max-width:800px) {.border_section .board_box .type1_list td a {width:400px;}
}
    
@media (max-width:690px) {.border_section .board_box .type1_list td a {width:200px;}
}
    
@media (max-width:500px) {.border_section .board_box .type1_list td a {width:180px;}
}



  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* 김원희 */
@media (max-width:820px) {

    /* 간이장부 신규등록 */
    .search_wrap_1 {
        padding: 20px !important;
    }

    .search_wrap .searchbox_1 {
        display: inline-block;
        border: 0px solid #56a8dc;
        width: 100%;
    }

    .search_wrap .searchbox_1 dl {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .search_wrap .searchbox_1 dl.desc {
        width: 100%;
    }

    .search_wrap .searchbox_1 dl.desc dt {
        width: 25%;
    }

    .search_wrap .searchbox_1 dt {
        width: 25%;
        min-width: 85px;
    }

    /* 테이블 넓게보기 */
    .width_toggle {
        display: none;
    }

    .toggle-sch-wrap .desc-sch .caln-wrap {
        width: 100%;
    }

    .toggle-sch-wrap .desc-sch .caln-wrap dt {
        width: 30%;
    }

    .toggle-sch-wrap .desc-sch dt {
        width: 30%;
    }

    .search_wrap_1 .searchbox_1 .date_pick input[type="text"] {
        width: 100%;
        margin-bottom: 5px;
    }

    .toggle-sch-wrap .search_wrap_1 .date_pick .width_fix {
        width: 100%;
    }

    .toggle-sch-wrap .search_wrap_1 .date_pick {
        width: 80%;
    }

    /* 간이장부 입출금장부 즐겨찾기 등록 팝업 */
    .bookmakbox {
        position: absolute;
        right: 0px;
        width: 100%;
    }

    /* 테이블 상세보기 */
    tr.detail.active td .inner {
        padding: 0px 15px;
    }

    tr.detail.active .summary {
        width: 100%;
        text-align: left;
        border-right: none;
        padding-right: 0px;
        float: none;
    }

    tr.detail.active .table {
        width: 100%;
        padding-left: 0px;
        float: none;
        text-align: center;
    }

    /* 간이장부 > 일괄등록 계정과목 검색 팝업 */
    .popup_panel div.popup_contents {
        position: absolute;
        width: 90%;
        height: 80%;
    }

    .upload-wrap .file_input label {
        margin-bottom: 15px;
    }

    .upload-wrap .file_input [type=text] {
        margin-bottom: 10px;
    }

    .pop-body ul.search ul > li:last-child {
        padding: 3px 0px;
    }

    .pop-body ul.searchul > li:first-child {
        width: 100% !important;
        float: none;
    }

    span.limit {
        display: block;
        margin-left: 0px;
    }

    .type1_list_1 .input-text {
        display: none;
    }

    .search_wrap .searchbox_1 dl.wd70 {
        width: 100%;
    }

    .search_wrap .searchbox_1 dl.wd70 input {
        width: 71%;
    }

    .total-1 {
        display: block !important;
    }

    .search_wrap .searchbox_2 dl {
        width: 100% !important;
    }
    
    .mob-mb {
        margin-bottom: 5px;
    }

    /* 경영장부관라 > 개인환경설정 */
    .sub-tab-set-con .inner {
        background: #f9f9f9;
        height: auto;
        padding: 20px;
    }

    .sub-tab-set-con .inner-set {
        width: 100%;
        float: none;
        padding-right: 0px;
        height: auto;
        padding-bottom: 30px;
        border-right: none;
    }

    .sub-tab-set-con .out-set {
        width: 100%;
        float: none;
        padding-left: 0px;
    }

    .sub-tab-set-con .out-set .out-set-list ul li {
        height: auto;
        word-break: keep-all;
    }

    .sub-tab-set-con .out-set label {
        display: block;
    }

    .sub-tab-set-con .out-set .out-set-info {
        display: block;
        margin-left: 30px;
    }

    .sub-tab-set-con .out-set .out-set-list p {
        display: block;
        margin-left: 0px;
        margin-left: 30px;
    }

    .sub-tab-set-con .schid .idbtn {
        display: block;
        background: #444;
        color: #fff;
        padding: 10px;
        margin-top: 15px;
        position: static;
        width: 100%;
        text-align: center;
        margin-left: 0px;
        cursor: pointer;
        border-radius: 0px;
    }

    .search_wrap .searchbox_3 dl {
        width: 100% !important;
    }

    .search_wrap .searchbox_3 dd {
        width: 50%;
    }

    .search_wrap .searchbox_3 input,
    .search_wrap .searchbox_3 select {
        width: 100% !important;
    }

    .border_section .header_1 > div {
        position: relative;
        display: block;
        width: 100%;
        float: none;
    }

    .header .total-info li {
        padding: 0px;
        padding-right: 10px;
        font-size: 12px;
    }

    .header .total-info li:not(:first-child) {
        padding-left: 10px;
    }

    /* 창업농관리 검색 초기화버튼 */
    .search_wrap .searchboxwd80 {
        width: 100% !important;
        display: inline-block;
        float: none;
    }

    .search_wrap .find_box_kwh {
        display: block;
        float: none;
        text-align: center;
        padding-top: 20px;
    }

    .search_wrap-1 {
        padding: 20px !important;
    }

    .search_wrap-1 .searchbox dd > input[type="text"] {
        width: 100% !important;
    }

    .search_wrap-1 .searchbox dd > input.mb {
        width: 50% !important;
    }

    /* 경영진단 관리 */
    .year-table-wrap .left-table {
        width: 100%;
        float: none !important;
        margin-right: 0%;
    }

    .year-table-wrap .right-table {
        width: 100%;
        float: none;
    }

    .line-tab #tab-btn ul li {
        display: inline-block;
        width: 49%;
        padding: 15px 0px;
        text-align: center;
        cursor: pointer;
        font-size: 16px;
    }

    .line-tab #tab-btn ul li.active {
        color: #0195df;
        border-bottom: 2px solid #0195df;
    }

    /* 반응형 테이블 */
    /*
    .bd-top-table {
        border-top: 2px solid #333;
    }*/

    .re-table thead th {
        display: none;
    }

    .re-table tbody th {
        display: none;
    }

    .re-table colgroup {
        display: none;
    }

    .re-table td {
        border-bottom: 1px solid #ccc;
        height: auto !important;
        display: block;
    }

    .re-table td:first-child {
        border-top: 1px solid #ccc;
    }

    .re-table td,
    .re-table th {
        text-align: left;
        font-size: 13px;
    }

    .re-table td:before {
        content: attr(data-th);
        font-weight: bold;
        width: 8em;
        display: inline-block;
    }

    table.date th {
        display: table-cell;
    }

    table.date td {
        display: table-cell;
        border-bottom: none !important;
    }

    table.date td:before {
        display: none !important;
        width: 0 !important;
    }


    .type1_list-1 div.table-desc {
        background: transparent;
        width: auto;
        display: inline-block;
        height: auto;
        position: static;
        color: #38a7d0;
    }

    .type1_list-1 td:nth-child(2n) div.table-desc {
        background: transparent;
    }

    .re-table select.wd80 {
        width: 40% !important;
    }

    .re-table select.wd100 {
        width: 40% !important;
    }

    .re-table input.wd80 {
        width: 40% !important;
    }

    .re-table select.wd50 {
        width: 25% !important;
    }

    .re-table input.wd40 {
        width: 15% !important;
    }

    .re-table-1 thead th {
        display: block;
        background: #fff !important;
    }

    .re-table-1 td {
        margin-left: 15px;
        text-align: left;
        border-bottom: none;
        padding: 5px 0px !important;
    }

    .re-table-1 td:before {
        display: none;
    }

    .re-table-1 input.wd80 {
        width: 90% !important;
    }

    .re-table tbody td input {
        width: 40% !important;

    }

    .year-total strong {
        display: block;
    }

    .year-total span {
        display: block;
        padding: 5px 0px;
    }

    .user-big-title h4 {
        color: #0195df;
        font-size: 22px;
    }

    .grid-box {
        border: 1px solid #333;
        width: 100%;
        margin-right: 0;
        float: none;

    }

    .grid-wrap .grid-table-wrap {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .re-table-2 td:before {
        content: attr(data-th);
        font-weight: bold;
        width: 10em;
        display: block;
        margin-bottom: 15px;
    }

    .re-table-2 tbody td input.wd10 {
        width: 10% !important;
    }

    .file-up-box input {
        width: 50% !important;
    }

    .file-up-box .file_input {
        display: inline-block;
        width: 200px;
    }

    .rpt-total span {
        display: block;
        margin: 10px 0px;
    }

    .toggle-tbl {
        width: 90%;
        float: right;
    }

    h2.report-title {
        font-size: 35px;
    }

    .center-tbl {
        width: 90%;
    }


    .report-title-h3 {
        font-size: 30px;
    }

    .report-title-h5 {
        font-size: 20px;
    }

    .report-txt {
        width: 90%;
    }

    h6.num {
        font-size: 18px !important;
    }

    p.num-txt {
        font-size: 16px;
    }

    h3.sm-title {
        font-size: 21px;
    }

    p.sm-title-p {
        font-size: 18px;
    }

    p.sm-title-desc {
        font-size: 16px;
    }

    p.sm-title-desc span {
        font-size: 14px;
    }

    /* 경영진단관리 탭메뉴 */
    .user-info-tab .tabs li {
        width: 50%;
    }

    .user-info-tab .tabs li:nth-child(2n) {
        border-left: none;
    }

    .intro-tech-con.current {
        display: block;
        margin-top: 30px;
    }

    .intro-tech-con .intro-box {
        height: auto;
        background-image: none;
    }

    .intro-tech-con .intro-box h2 {
        font-size: 24px;
    }

    .intro-tech-con .intro-box p {
        font-size: 16px;
    }

    .mid-txt span {
        font-size: 15px;
    }

    .mid-txt span::before {
        content: '';
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        background: #fff;
        border: 4px solid #3585d8;
        border-radius: 50%;
        top: 45%;
        transform: translateY(-50%);
        left: -35px;
    }

    .searchbox_1_1 dl.wd70 {
        width: 100% !important;
    }

    .use-move-box ul li {
        width: 100%;
        height: 370px;
    }


    .use-move-box ul li:first-child {
        border-right: none;
        border-bottom: 1px solid #ccc;
    }

    .use-move-box ul li .txt {
        width: 90%;
    }

    h4.title-desc {
        font-size: 18px;
    }

    .band_link_list li {
        float: left;
        width: 33.3333%;
    }

    .band_link_list li .icon_area {
        width: 130px;
        height: 130px;
    }

    .band_link_list li .icon_area .name {
        font-size: 16px;
    }

    .band_link_list li .txt {
        font-size: 16px;
    }

    .naver_band {
        padding: 20px;
    }

    .naver_band .naver_icon {
        display: none;
    }


    .naver_band .btn_list {
        float: none;
        width: 100%;
    }

    .naver_band .btn_list ul {
        padding-left: 0;
        margin: 0;
    }

    .naver_band .btn_list li {
        float: left;
        margin-left: 0px;
        text-align: center;
        width: 100%;
    }

    .naver_band .btn_list li:nth-child(2) {
        margin-top: 20px;
    }

    .naver_band .btn_list li:last-child {
        display: none;
    }

    .naver_band .btn_list li span {
        font-size: 16px;
    }

    .band-use ul li {
        width: 100%;
        float: none;
        padding: 5px 0px;
    }

    .band-use ul li img {
        display: none;
    }

    /* 컨설팅 정보 활용 */
    .select-wrap {
        padding-bottom: 50px;
    }

    .select-wrap div.wd50 {
        width: 100% !important;
    }

    .select-wrap dt {
        width: 70px !important;
    }

    .con-tab {
        color: #333;
        border: 1px solid #ddd;
        background: #fff;
        padding: 7px 15px;
        display: inline-block;
        cursor: pointer;
        width: 45%;
        text-align: center;
    }

    .con-tab:first-child {
        margin-right: 5px;
    }
    
    .select-box {
        width:100% !important;
    }
    
    .select-list {
        width:100% !important;
    }
    
    .select-list li {
        width: 60px;
        height: 60px;
        background-image: none !important;
    }

    .select-list li span {
        padding-top: 20px;
        font-size: 13px;
    }

    .find_box_ab {
        position: absolute;
        bottom: 10px;
        right: 50%;
        transform: translateX(50%);
        min-width: 174px;
    }

    /* 컨설팅 정보 활용 상세 */
    .consulting-detail .opt-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }

    .consulting-detail .opt-wrap li:first-child span:first-child {
        margin-right: 10px;
        padding-right: 10px;
    }

    .consulting-detail .opt-wrap li:last-child span:first-child {
        margin-right: 10px;
    }

    .consult-content-info ul li {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .reple-box {
        padding: 20px 0px;
    }

    .reple-box li:first-child {
        display: none;
    }

    .reple-box li:nth-child(2) {
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    .reple-box li:nth-child(3) {
        width: 100%;
        float: none;
        padding-top: 15px;
    }

    .step-info {
        border: 1px solid #e6eaee;
        padding: 20px;
        padding-top:70px;
        color: #333;
        position: relative;
    }

    .step-info .step-txt {
        padding-left: 0px;
    }

    .step-info .step-txt span {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top:20px;
        z-index: 2;
        font-size: 18px;
    }

    /* 청년창업 영농일지 조회 */
    .youth .one-info {
        display: block;
        border-right: none;
        padding-right: 0px;
        margin-bottom: 15px;
    }

    .youth .two-info {
        display: block;
        margin-left: 0px;
    }

    .youth span.title {
        padding: 5px 15px;
    }

    .youth-ac ul li:first-child {
        width: 10%;
    }

    .youth-ac ul li:nth-child(2) {
        width: 30%;
    }

    .youth-ac ul li:last-child {
        width: 40%;
    }
    
    /* 경영진단관리 기타정보 css충돌 수정 */
    .bd-top-none {
        border-top:none !important;
    }

.farmdailyCon .dailyBox li .dailyCon {
        margin-bottom: 20px;
    }

    .farmdailyCon .dailyBox li .myfarm3 li {
        display: block;
    }

    .farmdailyCon .dailyBox li .myfarm3 li p {
        margin-top: 10px;
    }

    .farmdailyCon .dailyBox li .myfarm3 li .addCon {
        right: 10px;
        top: 10px;
        width: auto;
        text-align: right;
    }

    .farmdailyCon .dailyBox li .myfarm3 li .addCon span {
        font-size: 13px;
        margin-left: 2px;
    }

    .farmdailyCon .dailyBox li .myfarm3 li {
        padding: 0;
    }

    .totalinfo {
        display: block;
    }

    .totalinfo .bugcon {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .totalinfo .bugcon .countbox .both .color1,
    .totalinfo .bugcon .countbox .both .color2 {
        padding: 45px 10px;
    }

    .totalinfo .policycon {
        margin-left: 0px;
    }

    .both-1 {
        float: none;
        display: block;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .both-1-m {
        float: none;
        display: block;
    }

    .myfarmCon .myBox .control {
        margin-top: 20px;
        margin-bottom: 100px;
    }

    .myfarmCon .myBox:first-child {
        width: 100%;
        background-image: none;
        padding:20px;
    }

    .myfarmCon .myBox .mypagetext {
        padding: 0;
        margin-left: 0;
        width: 100%;
    }

    .myfarmCon .myBox .mypagetext .text {
        display: block;
        margin-top: 10px;
        line-height: 24px;
    }

    .myfarmCon .sizeH {
        height: auto;
    }

    .totalinfo .bugcon .countbox {
        margin-bottom: 0px;
    }

    .totalinfo .bugcon .countbox .both {
        flex: 1;
        width: 50%;
        padding: 20px 20px;
        height: auto;
    }

    .myBox {
        margin-bottom: 20px;
    }

    .totalinfo .policycon .countbox {
        display: block;
    }

    .totalinfo .divhalf {
        display: block;
    }

    .my-now-txt {
        height: auto;
    }

    .mmtop20 {
        margin-top: 20px !important;
    }

    .myinfoCon .myBox:first-child {
        width: 100%;
    }

    .myinfoCon .myBox:last-child {
        padding: 20px;
        width: 100%;
        float: none;
        height: auto;
    }

    .myinfoCon .myBox .mytype li {
        float: left;
        width: 33%;
        margin-bottom: 10px;
    }
    
    .myinfoCon .myBox .mytype li button {
        width: 130px;
    }
    
    .myinfoCon .myBox .farmland button.btn_land {
        top: -50px;
    }
    
    .farmdailyCon .dailyBox li .dailyCon {
         min-height:auto;
    }
    
    .userinfo .usercon2 .nametag2 ul li {
        font-size: 14px;
    }
    
    .myfarmCon .myBox:last-child {
        float: none;
    }
    
    /* 마이영농온 경작지역 텍스트 길때 */
	.userinfo .usercon2 .nametag2 ul::after {
		content: '';
		clear: both;
		display: block;
	}

	.userinfo .usercon2 .nametag2 ul li .tit {
		float: left;
		width: 120px;
	}

	.userinfo .usercon2 .nametag2 ul li .tit-desc {
		float: left;
		width: calc(100% - 120px);
	}

}

@media screen and (max-width:499px) {
    .myinfoCon .myBox .mytype li {
        float: left;
        width: 50%;
        margin-bottom: 10px;
    }



    .myfarmCon .myBox .mypagetext .btnCon button {
        display:block;
        margin-bottom: 5px;
    }
}

@media screen and (max-width:415px) {
    .header .total-info li:last-child {
        padding-left: 0px;
    }
}

@media screen and (max-width:700px) {
    .userinfo {
        padding: 20px;
    }

    .userinfo .usercon2 .nametag2 .picture {
        width: 100px;
        height: 100px;
    }

    .userinfo .usercon2 .nametag2 .name {
        padding: 0;
        margin-left: 30px;
        margin-top: 20px;
    }

    .userinfo .usercon2 {
        display: block;
    }

    .userinfo .usercon2 .nametag2 {
        display: block;
    }

    .userinfo .usercon2 .nametag2:first-child {
        width: 100%;
    }

    .userinfo .usercon2 .nametag2:last-child {
        width: 100%;
        padding-top: 15px;
    }

}

/* 20211028 직불제 이행점검화면 */
.search_wrap .searchbox_longtxt dt {
	width: 100px;
}

.search_wrap .searchbox_longtxt dd {
	width: calc(100% - 130px);
	width: -webkit-calc(100% - 130px);
	width: -moz-calc(100% - 130px);
}

.search_wrap .searchbox_longtxt dd .select-two {
	width: 100%;
}

.search_wrap .searchbox_longtxt dd select {
	width: 46% !important;
	margin-bottom: 5px;
}




/*** 2020.07.13 ***/
@media screen and (min-width:765px) and (max-width:820px) {
  .keyword_box .find {width: 100%; display: block;}
  .keyword_box .favkeyword {width: 100%; margin-left: 0px; margin-top: 20px;  min-height: 220px; }
  .keyword_box .btn_add {font-size: 14px;}
}

@media screen and (max-width:760px) {
  .keyword_box .find {width: 100%; display: block; background: #f2f6f9;}
  .keyword_box .favkeyword {width: 100%; margin-left: 0px; margin-top: 20px; min-height: 220px;}
  .keyword_box .btn_add {font-size: 14px;}
  .keyword_box .keyword_item {width: 100%;}
  .keyword_box .keyword_add {width: 100%;}
  .keyword_box .keyword_add input[type="text"] {width: 100%;}
  .reply_con ul li {display: block;}
  .reply_con ul li div:last-child {margin-top: 10px;}
  .reply_con ul li div button {background: #fff; border: 1px solid #ddd; padding: 5px 10px; font-size: 14px;}

  .header .option {display: block;}
  .header .option .btn_list {position: relative; display: block; width: 80px; padding-top: 7px; height: 27px;  text-align: center; border: 1px solid #74797b; background: #74797b;  color: #fff;}
  .header .option .btn_item {display: none; position: absolute; top:0px; right:0px;  z-index: 500; }
  .header .option .btn_item li a {display: block; border: 1px solid #ccc; border-bottom: none; width:80px; height: 27px; padding-top: 7px;  text-align: center; background:#fff; border-radius: 2px;}
  .header .option .btn_item li a:hover {position: relative;}
  .header .option .btn_item li a:hover::before {content: ""; display: block; position: absolute; top:-1px; left: -1px; width: 100%; height: 27px;  padding-top: 7px;  border: 1px solid #333; border-radius: 2px;}
  .header .option .btn_item li a:nth-child(4) {border-bottom: 1px solid #ccc;}
  .header .option .btn_item li a.btnOn {background: #74797b; color: #fff;}
  .header .option .btn_con:hover .btn_item {display: block;  z-index: 500;}
  .header .show {display: block!important;}

 .foot .action_box {margin-top: 20px;}
 .border_section .board_detail .type1_detail td .row2 > div .cont .input_title3 {width: 100%;} /*키워드 입력*/
 .border_section .board_detail .type1_detail td .row2 > div .cont .input_title {width: 100%;} /*제목을 입력*/

 .reply_img .img_listbox {width: 99%;}

 .reply_con ul li div {min-height: 170px;}
 .reply_con ul li div:last-child {min-height: 30px;}
 .reply_con ul li .hit4 {bottom: 0px;}
 .reply_key {display: block;}
 .reply_key div:last-child {margin-top: 10px;}

 .reply_con ul li div .reply_text {display: block; }
 .reply_con ul li div .reply_text .namedate {position: absolute; top: 40px; left: 0px; margin-top: 20px; color: #666;}
 .reply_con ul li div .reply_text p {min-height: 60px; margin-top: 20px;}

 .reply_con ul li div .imgdata {display: block; width: 100%; height: 50px;}
 .reply_con ul li div:first-child {margin-top: 0px;}
 .reply_con ul li div:last-child {margin-top: 30px;}
 .reply_con ul li div .reply_text {margin-left: 0px;}

}