
/** 상단이미지 **/
.spot .bgimg {padding-left: 10px; width: 1120px;}
.spot .bgimg .imgon1, .imgon2, .imgon3, .imgon4, .imgon5 {position: absolute; right:0px; top:0; width: 500px; height: 200px;}    
.spot .bgimg .imgon1 {background: url(../img/sub/bgimg1.png) no-repeat right top;} /*데이터온*/
.spot .bgimg .imgon2 {background: url(../img/sub/bgimg2.png) no-repeat right top;} /*영농지원온*/
.spot .bgimg .imgon3 {background: url(../img/sub/bgimg3.png) no-repeat right top;} /*콘텐츠온*/
.spot .bgimg .imgon4 {background: url(../img/sub/bgimg4.png) no-repeat right top;} /*고객센터*/
.spot .bgimg .imgon5 {background: url(../img/sub/bgimg5.png) no-repeat right top;} /*마이페이지*/

#contents_wrap {padding:20px 0px; width: 1120px;}  
.contents_section  {margin:0 10px; border: 0px solid #333;}

/** 테이블 안 테이블 **/
.sub_table table { width: 100%;}

/**vegetable_tab**/
.tab_wrap {overflow: hidden;}
.tab_wrap .vegetable_tab {overflow: hidden; overflow-x: auto;}
.tab_wrap .tab_slide2 div {padding: 0 10px; }


/*
.tab_wrap .tabCon {overflow: hidden; position: relative; overflow-x: auto; border-bottom:none; height: 55px;}   
.tab_wrap .tabCon .tab, .tab_wrap .tabCon .tab2 {position: absolute; left: 0px; top:0px; border-bottom: none;}
.tab_wrap .tabCon .tab li {display:inline-block; width: 120px !important; border: 1px solid #ccc; border-right:none;  vertical-align: top;}
.tab_wrap .tabCon .tab li:last-child, .tab_wrap .tabCon .tab2 li:last-child  {border-right: 1px solid #ccc;}

.tab_wrap .tab li:hover, .tab_wrap .tab2 li:hover  {border-top:1px solid #2677c9;  border-bottom:1px solid #ccc;}
.tab_wrap .tab li.tabon, .tab_wrap .tab2 li.tabon  {color: #fff; border:1px solid #2677c9; background: #2677c9;}

.tab_wrap .tab2 {overflow-x: auto; overflow-y: hidden;  white-space: nowrap; justify-content: space-between;}/* 두줄 탭 
.tab_wrap .tab2 li {display: inline-block; padding: 0 15px; border-bottom:1px solid #ccc; }
.tab_wrap .tab2 li.mlineNone {border-left:none ;}    

.tab_wrap .tab3 {overflow-x: auto; overflow-y: hidden;  white-space: nowrap; justify-content: space-between;}/* 두줄 탭 
*/



/** 검색 **/
.search_section {width: 100%;}
.search_wrap .searchbox .selBox3 {display: inline-block; width:150px;}
.search_wrap .searchbox dd select {width: 90%;}
.search_wrap .searchbox .find_select {width: 140px; display: inline-block;}
.search_wrap .searchbox .find_select select {width: 100%;}
.search_wrap .searchbox .find_text {width: 600px; display: inline-block;}
.search_wrap .searchbox .cellfirst {width:400px;}
.search_wrap .searchbox .cellmid {width:360px;}
.search_wrap .searchbox .celllast {width:400px;}
.search_wrap .searchbox .selBox {width: 280px; margin-bottom: 5px;}
.graph_search .searchCon  div div {display: inline-block; width: 100px;}

/** border_section **/
.border_section .board_detail .textarea {width:120%;}
.border_section .board_detail .textarea textarea {width: 100%;}

/** calender_section **/
.calender_section {width: 100%;}


.disbk_tlet {display: block!important;}
.keyword {overflow: hidden; width: 85%; height: 30px;}

.border_section .img_border .border_list2 td .list_box .listCon {display: inline-block;  width: 860px; }
.border_section .img_border .border_list2 td .list_box {display:inline-block;}

/** 밴드 이용방법 **/
.band_section1 {width: 100%;}
.band_section1 .bandBox1 {width: 200px;}
.band_section1 .bandBox2 {width: 888px;}
.band_section1 .bandBox2 li {width: 32.7%;}

/** 영농일지 단식  메인 **/
.data_section ul {width: 100%;}
.data_section li {width: 32.3%;}
.data_section li:first-child {width: 40%; }
.data_section li:last-child {width: 23%; }

/** 동영상, 텃밭가이드 설문조사 카드형 게실리스트 **/
.border_section .img_border2 .list  li {width: 31.5%;}




/**** 1242 타블릿 노트북 ****/
@media screen and (min-width:821px) and (max-width:1242px) {

/**마이영농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; padding-bottom: 15px;}
.myinfoCon .myBox {display: inline-block; width: 100%; }
.myinfoCon .myBox:first-child {width: 69%;}
.myinfoCon .myBox:last-child {position: relative; width: 30%; padding-left: 30px;}
.myinfoCon .myBox:last-child::before {content: ""; display: block; width: 1px; height: 230px; background: #eee; position: absolute; left: 2px; top:20px;}
.myinfoCon .myBox .mypagetext  {width: 480px; margin-left: 40px; }
.myfarmCon .myBox:first-child {width: 64.9%;}
.myfarmCon .myBox:last-child {width: 34.6%;}
.myfarmCon .myBox .farmland {margin-top: 40px; margin-bottom: 50px;}
.myfarmCon .myBox .mytype {position: relative;}
.myfarmCon .myBox .mytype li {width: 25%;}
.myfarmCon .myBox .mytype li .btn_type {position: absolute; right: 10px; bottom: -18px; width: 150px;}
.myfarmCon .myBox .weathCon {height: 240px;}




}

/*** 2022.07.21 영농닥터 추가 ***/
@media screen and (min-width:821px) and (max-width:1240px) {
    .keyword_box .find {width: 67.5%;}
    .keyword_box .favkeyword {width: 30%;}
    .reply_img .img_listbox {width: 99%;}

  }

  @media screen and (min-width:700px) and (max-width:845px) {
    .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;}
    .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:last-child {height: 30px;}
    .reply_con ul li .hit4 {bottom: 0px;}
    .reply_key {display: block;}
    .reply_key div:last-child {margin-top: 10px;}
  }









/* 김원희 */
button.width_toggle {display: none;}
.search_wrap .searchbox_1 dl {
    position: relative;
    display: inline-block;
    width: 49%;
}

.search_wrap .searchbox_1 dl.desc dt {
    width: 85px;
}

.search_wrap .searchbox_1 .date_pick input[type="text"] {
    width: 130px;
}

.toggle-sch-wrap .desc-sch .caln-wrap {
    width: 100%;
}

.toggle-sch-wrap .desc-sch .caln-wrap dt {
    width: 85px;
}

