@import url("default.css?ver=20211016");

/*@import url("main/font.css"); */



/*
html {font-size: 20px;}  /*모바일 이미지는 3배 크기로 만들어야 함
body {font-size: 1rem;} */

.spot {height: 200px; color:#fff; box-sizing: border-box;}
.bgcolor1 {background: linear-gradient(to right, #0668c9, #2c7fd1);}
.bgcolor2 {background: linear-gradient(to right, #0683b2, #2e9bc3);}
.bgcolor3 {background: linear-gradient(to right, #019780, #03b198);}
.bgcolor4 {background: linear-gradient(to right, #6449d7, #785bf2);}
.bgcolor5 {background: linear-gradient(to right, #0239d5, #0444f5);}
.spot .bgimg {margin: 0 auto;  position: relative; width: 1240px; }
.spot .bgimg p {font-weight: 500; font-size: 35px; padding-top: 40px;}
.spot .bgimg span {display: block; font-weight: 100; font-size:18px; margin-top: 10px; color:rgba(255, 255, 255, 0.8) ;}
.spot .bgimg .imgon1, .imgon2, .imgon3, .imgon4, .imgon5 {position: absolute; right:0; 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 {margin: 0 auto; min-height: 800px; padding-top: 30px; width: 1240px; margin-bottom: 70px; /* border: 1px solid #ff6600; box-sizing: border-box;*/ }
.contents_section {position: relative;}
.contents_section  h2 {font-size: 30px; color: #000; font-weight: 700;}
.contents_section  h3 {position: relative; font-size: 20px; color: #222; font-weight: 600; margin-top: 30px; padding-left: 25px;  background: url(../img/sub/h3_icon.png) no-repeat left center;}
.contents_section  h3 .essent {position: absolute; right: 0px; top:10px; font-size: 15px;}

/** 퀵메뉴 **/
#contents_wrap  .quickCon {position: absolute; top:50px; right: -80px; width: 60px;}
#contents_wrap  .quickCon button {text-align: center; font-size: 22px; color: #fff; border-radius: 50%; height: 76px; width: 76px; background: url(../img/sub/quick_open.png) no-repeat center center #4d4f54; color: transparent; font-size: 0px;}
#contents_wrap  .quickCon .open {background: url(../img/sub/quick_open.png) no-repeat center center #4d4f54; box-shadow:0px 3px 10px rgb(0 0 0 / 20%);}
#contents_wrap  .quickCon .close {background: url(../img/sub/quick_open.png) no-repeat center center #4d4f54;}
#contents_wrap  .quickCon .quick {margin-top: 10px;}
#contents_wrap  .quickCon .quick li {display: block; margin-bottom: 10px;}
#contents_wrap  .quickCon .quick li a {display: block; background: #606a82; /* background: #606a82;*/text-align: center; font-size: 14px; color: #fff;  border-radius: 50%; height: 76px; width: 76px; box-shadow:0px 3px 10px rgb(0 0 0 / 20%); box-sizing: border-box; padding-top: 20px;}
#contents_wrap  .quickCon .quick li a.img1 {background: url(../img/sub/quick_img1.png) no-repeat 20px center #606a82; font-size: 0; color: transparent;}
#contents_wrap  .quickCon .quick li a.img2 {background: url(../img/sub/quick_img2.png) no-repeat center center #606a82; font-size: 0; color: transparent;}
#contents_wrap  .quickCon .quick li a.img3 {background: url(../img/sub/quick_img3.png) no-repeat center center #606a82; font-size: 0; color: transparent;}
#contents_wrap  .quickCon .quick li a.img1:hover,
#contents_wrap  .quickCon .quick li a.img2:hover,
#contents_wrap  .quickCon .quick li a.img3:hover
{background:#606a82; font-size: 14px; color: #fff;}
#contents_wrap  .quickCon .quick li:first-child a  {padding-top: 42px;  background: url(../img/sub/img_chat.png) no-repeat center 12px #1b946b; }

/*
.quickNav,
	.quickNav span {
		display : inline-block;
		transition : all .2s;
		box-sizing : border-box;
	}
	.quickNav {
		position : relative;
    border-radius: 50%;
    height: 76px;
    width: 76px;
    background: #4d4f54;

	}
	.quickNav span:first-child {
		position : absolute;
		left : 27%;
		top:50%;
		transform: translateY(-50%);
		width : 35px;
		height : 2px;
		background-color : #fff;
		border-radius : 4px;
	}

	.quickNav span:last-child {
		position : absolute;
		left : 50%;
		transform: translateX(-50%);
		top:27%;
		width : 2px;
		height : 35px;
		background-color : #fff;
		border-radius : 4px;
	}

/**
    a:hover span:nth-of-type(1) {transform: rotate(45deg);}
	  a:hover span:nth-of-type(2) {transform: rotate(45deg);}
**/




/** top **/
#contents_wrap  .toplink {position: absolute; bottom:-200px; right: -90px;}
#contents_wrap  .toplink button {text-align: center; font-size: 22px; color: #fff; border-radius: 50%; height: 76px; width: 76px; background: url(../img/sub/quick_open.png) no-repeat center center #4d4f54; color: transparent; font-size: 0px;}
#contents_wrap  .toplink .open {background: url(../img/sub/quick_open.png) no-repeat center center #4d4f54;  box-shadow:0px 3px 10px rgb(0 0 0 / 20%);}

#contents_wrap  .toplink a {display: block; border-radius: 50%; width: 76px; height: 76px; line-height:76px; margin-top: 10px; text-align: center; font-weight: 600; border: 1px solid #ddd; box-shadow:0px 3px 10px rgb(0 0 0 / 10%); background: url(../img/sub/img_top.png) no-repeat center center ; font-size: 0px; color: transparent;}


/* 컨텐츠 타이틀 상단 버튼 */
.topbtn {position:absolute; right:0px; top:10px;}
.topbtn a {padding: 7px 10px 7px 35px; color:#565656; border: 1px solid #ddd; font-weight: 400; font-size: 14px; margin-right: 5px; border-radius: 2px;}
.topbtn a:hover { border: 1px solid #666;}
.topbtn a:last-child {margin-right: 0px;}
.topbtn a.calendar {background: url(../img/sub/calendar.png) no-repeat 10px center;}
.topbtn a.list {background: url(../img/sub/list.png) no-repeat 10px center;}
.topbtn a.none {padding-left:10px!important;}
/*
.topbtn a.calendar:hover {background: url(../img/sub/calendar_on.png) no-repeat 10px center #666; color: #fff; }
.topbtn a.list:hover {background: url(../img/sub/list.png) no-repeat 10px center #666; color: #fff; border: none; }
*/
.topbtn a.calendaron {background: url(../img/sub/calendar_on.png) no-repeat 10px center #666; color: #fff; border: none; }
.topbtn a.liston {background: url(../img/sub/list_on.png) no-repeat 10px center #666; color: #fff; border: none;}


.search_section {position: relative; margin-top: 20px; /* width: 1240px; */}
.search_wrap {position: relative;  border: 1px solid #d8dde1; background: #f3f6f9; min-height: 80px; padding: 13px 30px 20px 30px;}
.search_wrap .searchbox {display: inline-block; border:0px solid #56a8dc; width: 92%;}
.search_wrap .searchbox > div {margin-top: 7px;}
.search_wrap .searchbox .rowbox {display: block; width: 100%;}
.search_wrap .searchbox .rowbox2 {display: block; width: 95%;}
.search_wrap .searchbox .cellbox {display: table-cell; position: relative;}
.search_wrap .searchbox .cellfirst {width:311px;}
.search_wrap .searchbox .cellfirst2 {width:1100px;}
.search_wrap .searchbox .cellfirst3 {width:200px;}
.search_wrap .searchbox .cellfirst4 {width:280px;}
.search_wrap .searchbox .cellmid {width:470px; vertical-align: top;}
.search_wrap .searchbox .celllast {width:330px; vertical-align: top;}
.search_wrap .searchbox .celllast2 {width:400px; vertical-align: top;}
.search_wrap .searchbox .cellmid2 {width:320px; vertical-align: top;}
.search_wrap .searchbox .cellmid3 {width:250px; vertical-align: top;}
.search_wrap .searchbox .celllast2 {width:400px; vertical-align: top;}
.search_wrap .searchbox .cellbox::after {content: ""; display: block; position: absolute; top:50%; transform: translateY(-50%); right: 25px; height: 80px; width:1px; background: #dae4ee;}
.search_wrap .searchbox .cellbox:last-child::after {display:none;}
.search_wrap .searchbox .cellflex {flex: 1;}
.search_wrap .searchbox .disflex {display: flex;}
.search_wrap .searchbox .cellflex2 {flex: 1;}

.search_wrap .searchbox .table {display: table!important;  box-sizing: border-box; padding-top: 10px;} /*내용물에 따라 사이즈 조절 */

/** 상세검색조회 **/
.deatail_search {display: block;} /*상세검색조회*/
.deatail_search {border: 1px solid #ddd;  border-top:1px solid #ddd;}
.deatail_search .title {position: relative; height: 35px;}
.deatail_search .title h2 {position: absolute; left: -1px; top:0px;  width: calc(100% + 2px);  box-sizing: border-box; color: #fff; font-size: 15px; background: #1f489c;  line-height: 35px; padding-left: 15px;   font-weight: 400; border-bottom: 1px solid #ddd;}
.deatail_search .title .topbtn {position: absolute; right: 10px; top:0px;}
.deatail_search .title .topbtn button.refresh {font-size: 13px; color: #fff;  padding-left: 17px; background: url(../img/sub/icon_refresh.png) no-repeat 0px center; margin-right:5px;}
.deatail_search .title .topbtn button.close {background: url(../img/sub/icon_close.png) no-repeat center center; width: 30px; height: 30px; font-size: 0px; color: transparent;}
.deatail_search .laypop_wrap { border-top: none; background: #fff;}
.deatail_search .laypop_wrap .search_list {display: flex;}
.deatail_search .laypop_wrap .search_list .cellbox {position: relative; flex: 1; overflow: hidden;}
.deatail_search .laypop_wrap .search_list .cellbox::after {content: ""; display: block; position: absolute; right: 0px; top:30px; height: 78%; width: 1px; background: #ccc;}
.deatail_search .laypop_wrap .search_list .cellbox:last-child::after{display: none;}

.deatail_search .laypop_wrap  h3 {font-size: 15px; font-weight: 500; height: 40px; line-height: 40px; padding-left: 15px; background: none; margin-top: 0px;}
.deatail_search .laypop_wrap .search_list .scroll_box {position: relative; height: 110px;  overflow-y: scroll; }
.deatail_search .laypop_wrap .search_list .scroll_box ul {display: flex; width: 100%; padding: 0 20px; box-sizing: border-box;}
.deatail_search .laypop_wrap .search_list .scroll_box li {flex: 1;  width: calc(95% / 3); width: -webkit-calc(95% / 3); width: -moz-calc(95% / 3);}
.deatail_search .laypop_wrap .search_list .scroll_box li label {display: block; font-size:14px;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; }
.deatail_search .laypop_wrap .search_list .scroll_box .nodata-box {padding: 30px 0 0 20px;}
.deatail_search .laypop_wrap .search_list .scroll_box .nodata-box p {font-size: 14px; padding-left:15px; background: url(../img/sub/icon_arr.png) no-repeat 0px center;}

.search_wrap .searchbox .mleft5 {margin-left: 5px;}
.search_wrap .searchbox .boxflex1 {box-flex: 1; -moz-box-flex: 1; -moz-box-flex: 1; width: 25%;}
.search_wrap .searchbox .boxflex2 {box-flex: 1; -moz-box-flex: 1; -moz-box-flex: 1; width: 30%;}
.search_wrap .searchbox .boxflex3 {box-flex: 1; -moz-box-flex: 1; -moz-box-flex: 1; width: 25%;}
.search_wrap .searchbox .find_select {width: 170px; display: inline-block;}
.search_wrap .searchbox .find_select2 {width: 280px; display: inline-block;}
.search_wrap .searchbox .find_select3 {width: 280px; display: inline-block;}
.search_wrap .searchbox .find_select5 {width: 120px; display: inline-block;}
.search_wrap .searchbox .find_text {width: 700px; display: inline-block;}
.search_wrap .searchbox .find_text2 {width: 350px; display: inline-block;}
.search_wrap .searchbox .find_text3 {width: 180px; display: inline-block;}
.search_wrap .searchbox .find_text4 {width: 350px; display: inline-block;}
.search_wrap .searchbox .find_text5 {width: 200px; display: inline-block;}

/*
.search_wrap .searchbox .find_select2 {width: 80px; display: inline-block;} /* 모바일대체
.search_wrap .searchbox .find_text2 {width: 60%; display: inline-block; margin-left: 5px;} /* 모바일대체
*/

.search_wrap .searchbox .selBox {display: inline-block; width:120px;}
.search_wrap .searchbox .selBox2 {display: inline-block; width:200px;}
.search_wrap .searchbox .selBox3 {display: inline-block; width:185px;}


.search_wrap .searchbox .findBox {position: relative; display: inline-block; width:280px;}
.search_wrap .searchbox .findBox2 {position: relative; display: inline-block; width:350px;}
.search_wrap .searchbox .findBox3 {position: relative; display: inline-block; width:250px;}
.search_wrap .searchbox .findBox input, .search_wrap .searchbox .findBox2 input {width:100%;}
.search_wrap .searchbox .selBox select, .search_wrap .searchbox .selBox2 select, .search_wrap .searchbox .selBox3 select {width:100%;}
.search_wrap .searchbox .findBox button, .search_wrap .searchbox .findBox2 button {position: absolute; right: 0px; top:0px; width:20px; height: 35px; background: url(../img/sub/btn_closex2.png) no-repeat 0px center;  }

/**쉽게보는 통계 이미지 탭**/
.productCon {display: flex; width: 70%; margin: 0 auto; margin-top: 20px; margin-bottom: 50px;}
.productCon div {flex:1; text-align: center; font-weight: 600; font-size:18px;}
.productCon div a:hover {color: #1256bb;}
.productCon div a:hover span {border: 2px solid #86b4f2;}
.productCon div span {display: block; width: 90px; height: 90px; border: 2px solid #eaf0f8; border-radius: 50%; margin: 0 auto;  margin-bottom: 20px;}
.productCon div .proimg1 {background: url(../img/sub/proimg1.png) no-repeat center center;}
.productCon div .proimg2 {background: url(../img/sub/proimg2.png) no-repeat center center;}
.productCon div .proimg3 {background: url(../img/sub/proimg3.png) no-repeat center center;}
.productCon div .proimg4 {background: url(../img/sub/proimg4.png) no-repeat center center;}
.productCon div .proimg5 {background: url(../img/sub/proimg5.png) no-repeat center center;}
.productCon div .proimg6 {background: url(../img/sub/proimg6.png) no-repeat center center;}

.productCon div a:hover .proimg1 {background: url(../img/sub/proimg1on.png) no-repeat center center #86b4f2;}
.productCon div a:hover .proimg2 {background: url(../img/sub/proimg2on.png) no-repeat center center #86b4f2;}
.productCon div a:hover .proimg3 {background: url(../img/sub/proimg3on.png) no-repeat center center #86b4f2;}
.productCon div a:hover .proimg4 {background: url(../img/sub/proimg4on.png) no-repeat center center #86b4f2;}
.productCon div a:hover .proimg5 {background: url(../img/sub/proimg5on.png) no-repeat center center #86b4f2;}
.productCon div a:hover .proimg6 {background: url(../img/sub/proimg6on.png) no-repeat center center #86b4f2;}

.search_wrap .searchbox dl {position: relative; width: 100%;}
.search_wrap .searchbox dt, .search_wrap .searchbox dd {display: inline-block; }
.search_wrap .searchbox dt {width: 75px; padding:7px 0 0  10px; background: url(../img/sub/search_bu.png) no-repeat 0px 17px; font-weight: 600; vertical-align: top; }
.search_wrap .searchbox dd {width: calc(100% - 110px); width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); }
.search_wrap .searchbox dd select {width: 99%;}
.search_wrap .searchbox dd input[type=text] {width: 99%;}
.search_wrap .searchbox dd {padding: 5px 0px 0px 10px;} /* 220706 add */
.search_wrap button {padding: 0px 10px; height: 36px;}
.search_wrap button.btn_date {display: inline-block; border: 1px solid #ccc; background: #fff;}
.search_wrap button.btn_date:hover {border: 1px solid #333;}
.search_wrap button.btn_date.on {display: inline-block; border: 1px solid #256cb6; background: #256cb6; color: #fff;}
.search_wrap button.btn_dateon {display: inline-block; border: 1px solid #013f9c; background:#013f9c; color: #fff;}

.btn_total  {height: 36px; padding-left: 30px!important; color: #333; border: 1px solid #84a3c3; }
.btn_arropen {background: url(../img/sub/icon_open2.png) no-repeat 12px center #fff;}
.btn_arrclose {background: url(../img/sub/icon_close2.png) no-repeat 12px center #fff;}
.btn_total:hover {border: 1px solid #052d80;}

.more_box {position: absolute; right: 30px; top:20px;}
.more_box .btn_more {height: 36px; padding-left: 30px!important; color: #333; border: 1px solid #afb9c2; }

.search_wrap .searchbox .dateCon1 {display: inline-block;}
.search_wrap .searchbox .dateCon2 {display: inline-block;}
.search_wrap .searchbox .company1 {display: inline-block;   /*position: absolute; left:84px; top:0px;*/}
.search_wrap .searchbox .company2 {display: inline-block;}
.search_wrap .searchbox .company2 > button {margin-top: 7px;}
.search_wrap .searchbox dd .yearCon {padding-top:5px; height: 36px;}
.search_wrap .searchbox dd .year {display: inline-block; padding:0px 30px; vertical-align: middle; font-weight: 600;}
.search_wrap .searchbox dd .yearCon button {color: transparent; font-size: 0px; width:25px; height: 25px; }
.search_wrap .searchbox dd .dateprev {background: url(../img/sub/btn_prev.png) no-repeat center center;}
.search_wrap .searchbox dd .datenext {background: url(../img/sub/btn_next.png) no-repeat center center;}
/*
.search_wrap .searchbox dd > input[type="text"] {width:105%;}
.search_wrap .searchbox dd > select {width: 100%;}
*/

.search_wrap .searchbox .date_pick {position: relative; display: inline-block;}
.search_wrap .searchbox .date_pick input[type="text"] {width: 120px!important;}
.search_wrap .searchbox .date_pick button.btn_calendar {position: absolute; right:7px; top:10px;  display: block; width: 18px; height: 18px; padding: 0 0; color:transparent; background:url(../img/sub/calendar_icon.png) no-repeat center center;}
.search_wrap .searchbox .hyphen {display: inline-block; width: 15px; text-align: center;}
.search_wrap .searchbox .radck {display: inline-block; padding-left: 20px;}

/** 알림 **/
.refertext {display: block;  min-height:20px; line-height: 25px; padding-left: 22px;  background: url(../img/sub/icon_refer.png) no-repeat 0px 4px; margin-bottom: 7px; }
.datetext {display: block;  height:20px; font-weight: 600;  margin-bottom: 5px; /* background: url(../img/sub/search_bu.png) no-repeat 0px center; margin-bottom: 7px;*/} /*검색 소타이들*/


/*상세분류*/
.search_wrap .searchbox .detail_find button.btn_open {position: relative; text-align: left; width: 70px; height: 20px;  background: url(../img/sub/icon_open2.png) no-repeat right 9px; padding-left:0px;}
.search_wrap .searchbox .detail_find button.btn_open::after,
.search_wrap .searchbox .detail_find button.btn_open:hover::after,
.search_wrap .searchbox .detail_find button.btn_open:active::after,
.search_wrap .searchbox .detail_find button.btn_open:visited::after
{content: ""; display: block; position: absolute; left: 0px; bottom: -2px; width: 100%; height: 1px; background: #555;}

.search_wrap .searchbox .detail_find button.btn_close {text-align: left; width: 80px; height: 20px;  background: url(../img/sub/icon_close2.png) no-repeat right 6px; padding-left:0px;}


.search_wrap .searchbox .market {display:table; width: 100%; margin-top: 10px;}
.search_wrap .searchbox .market li {display: table-cell; padding-right: 10px;}
.search_wrap .searchbox .market li:last-child {padding-left:0px;}
.search_wrap .searchbox .market li a {display: block; border: 1px solid #9bb7d4; min-width:35px; height:24px; font-size: 14px; padding:0px 5px; line-height: 22px; color: #1c5fa5; margin-bottom: 3px; background: url(../img/sub/btn_closex.png) no-repeat right center #fff;}
.search_wrap .searchbox .guidtext {color: #09488a; font-size: 14px; background: url(../img/sub/icon_arr2.png) no-repeat 0px center; padding-left: 20px; margin-top: 12px; }
.search_wrap .searchbox .wh90 {width: 90%;}


/*
.search_wrap .searchbox .con {padding-top:7px; border:1px solid #333;}
.search_wrap .searchbox .con span {display: inline-block; width: 75px; background: url(img/sub/search_bu.png) no-repeat 0px center; font-weight: 600; padding-left: 10px;}
.search_wrap .searchbox .con p {display: inline-block; width: 80%; border: 0px solid #ff6600; border:1px solid #d0021b}
.search_wrap .searchbox .con p select {width: 100%;}
*/

/** 검색단 버튼 세로 **/
.search_wrap .find_box {position: absolute; right: 30px; bottom: 21px;}
.search_wrap .find3 {bottom: 14px!important;}
.search_wrap .find_box button {display: block; height: 36px; width: 84px;}
.search_wrap .find_box button.btn_search {color: #fff;padding:0px 10px 0 24px;  font-weight: 600; background: url(../img/sub/search_icon.png) no-repeat 10px center #1c6bbd; margin-bottom: 5px; letter-spacing: 0.5px; }
.search_wrap .find_box button.btn_refresh  {border: 1px solid #afb9c2; padding:0px 10px 0 28px; font-weight: 600; color:#333 ; background: url(../img/sub/refresh_icon.png) no-repeat 10px center #fff;}
.search_wrap .find_box button.btn_favorit  {border: 1px solid #afb9c2; padding:0px 0px 0 22px; font-size: 13px;  font-weight: 600; color:#333; background: url(../img/sub/favorit_icon.png) no-repeat 5px center #fff;  margin-top: 5px;}

/** 검색단 버튼 가로 **/
.search_wrap .find_box2 {position: absolute; right: 30px; bottom: 22px;}
.search_wrap .find_box2 button {display: inline-lock; height: 36px; width: 84px; }
.search_wrap .find_box2 button.btn_search   {color: #fff; padding:0px 10px 0 24px;  font-weight: 600; background: url(../img/sub/search_icon.png) no-repeat 10px center #1c6bbd; }
.search_wrap .find_box2 button.btn_refresh  {border: 1px solid #afb9c2; padding:0px 10px 0 28px; font-weight: 600; color:#565656 ; background: url(../img/sub/refresh_icon.png) no-repeat 10px center #fff;}
.search_wrap .find_box2 button.btn_favorit  {border: 1px solid #afb9c2; padding:0px 10px 0 28px; width: 98px;  font-weight: 600; color:#565656 ; background: url(../img/sub/favorit_icon.png) no-repeat 10px center #fff;}
.search_wrap .find_box2 button.btn_open {border: 1px solid #afb9c2; padding:0px 10px 0 28px; width: 95px; font-weight: 600; color:#565656 ; background: url(../img/sub/icon_open3.png) no-repeat 10px center #fff;}
.search_wrap .find_box2 button.btn_close {border: 1px solid #afb9c2; padding:0px 10px 0 28px; width: 95px; font-weight: 600; color:#565656 ; background: url(../img/sub/icon_close3.png) no-repeat 10px center #fff;}

.table {display: table!important;  box-sizing: border-box; padding-top: 10px;} /*내용물에 따라 사이즈 조절 */
.flex {display: flex!important;  box-sizing: border-box;} /*균등분할*/
.flat {float: left!important;  box-sizing: border-box;} /*내용물에 따라 사이즈 조절 */


/** 조회 하단 버튼 **/
.search_section .btn_wrap {text-align:center; margin-top: 20px;}
.search_section .btn_wrap button {display: inline-block;  background: #09488a; color: #fff; padding:12px 20px; text-align: center; margin-right: 5px; font-weight: 600;}
.search_section .btn_wrap button:last-child {margin-right: 0px;}

.detail_laypop {position: absolute; left: 0px; top:100px; z-index: 3; width: 100%;  background: #fff; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1)/*오른쪽, 아래, 흐림, 퍼지는정도*/}
.detail_laypop .title {position: relative; height: 35px; background: #1f489c;}
.detail_laypop .title h2 {color: #fff; font-size: 15px; line-height: 35px;  width: 100%; padding-left: 15px; font-weight:400;}
.detail_laypop .title .topbtn {position: absolute; right: 10px; top:2px;}
.detail_laypop .title .topbtn button.refresh {font-size: 13px; color: #fff; padding-left: 15px; background: url(../img/sub/icon_refresh.png) no-repeat 0px center; margin-right:5px;}
.detail_laypop .title .topbtn button.close {background: url(../img/sub/icon_close.png) no-repeat center center; width: 30px; height: 30px; font-size: 0px; color: transparent;}
.detail_laypop .laypop_wrap {border: 1px solid #c2c7cc; border-top: none;}
.detail_laypop .laypop_wrap .search_list {display: flex;}
.detail_laypop .laypop_wrap .search_list .cellbox {position: relative; flex: 1;}
.detail_laypop .laypop_wrap .search_list .cellbox::after {content: ""; display: block; position: absolute; right: 0px; top:30px; height: 78%; width: 1px; background: #ccc;}
.detail_laypop .laypop_wrap .search_list .cellbox:last-child::after{display: none;}

.detail_laypop .laypop_wrap  h3 {font-size: 15px; font-weight: 500; height: 40px; line-height: 40px; padding-left: 15px; background: none; margin-top: 0px;}
.detail_laypop .laypop_wrap .search_list .scroll_box {position: relative; height: 110px;  overflow-y: scroll;}
.detail_laypop .laypop_wrap .search_list .scroll_box ul {display: flex; width: 100%; padding: 0 20px; box-sizing: border-box;}
.detail_laypop .laypop_wrap .search_list .scroll_box li {flex: 1;  width: calc(95% / 3); width: -webkit-calc(95% / 3); width: -moz-calc(95% / 3);}
.detail_laypop .laypop_wrap .search_list .scroll_box li label {display: block; font-size:13px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; }
.detail_laypop .laypop_wrap .search_list .scroll_box .nodata-box {padding: 30px 0 0 20px;}
.detail_laypop .laypop_wrap .search_list .scroll_box .nodata-box p {font-size: 14px; padding-left:15px; background: url(../img/sub/icon_arr.png) no-repeat 0px center;}

/*상세검색 레이어 팝업 검색 버튼*/
.laypop_wrap .laypop_btn {display: none;} /*검색 취소 숨김 버튼*/

/*
.scroll_box {
    width: 100%;
    height: 140px;
    overflow: auto;
  }
  .scroll_box::-webkit-scrollbar {
    width: 10px;
  }
  .scroll_box::-webkit-scrollbar-thumb {
    background-color: #2f3542;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
  }
  .scroll_box::-webkit-scrollbar-track {
    background-color: grey;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
  }

*/

/* 게시글 리스트 테이블 */
.border_section {margin-top: 20px;}
.border_section h3 {display: none;}
.border_section .h3show {display: block !important;}
.border_section .h3title {margin-bottom: 10px; font-size: 20px; font-weight: 600; }
.border_section .unitText {text-align: right;}
.border_section .header {display: table; width: 100%; margin-top: 30px;}
.border_section .martopNon {margin-top: 0px!important;}
.border_section .header > div {display: table-cell; text-align: left; position: relative; height: 27px; }
.border_section .header > div .total {/*display: inline-block;*/ float: left;  padding-top: 10px;  vertical-align: top; margin-right: 10px; }
.border_section .header > div .moreCon {display: none;}
.border_section .header > div .sideopt {display: inline-block; margin-left: 20px;  }
.border_section .header > div .sideopt button {color: #fff; height: 36px; padding: 0  15px; min-width: 25px; background: #0d9bcf;}
.border_section .header > h4 {display: inline-block; color: #222; font-weight: 600; text-align: left; font-size: 16px;}
.border_section .header > .exp {display: block; margin-top: 10px;}

.border_section .header > div .pay {color: #222; font-weight: 600; margin-left: 20px; font-size:18px; }
.border_section .header > div .payin {color: #1c6bbd!important;}
.border_section .header > div .paysum {color: #e32a0c!important;}
.border_section .header > div .arrscroll {position: absolute; right: 2px; top:10px; background: url("../img/sub/icon_arr.png") no-repeat 0px 4px; padding-left: 17px;}

/** 키워드 **/
.border_section .header .keywordTab {}
.border_section .header .keywordTab h3 {font-size: 22px; font-weight: 600; display: inline-block; background: none; padding-left: 0px;}
.border_section .header .keywordTab .tabnews {display: inline-block; margin-left: 20px;}
.border_section .header .keywordTab .tabnews  li {position: relative; display: inline-block; padding-right: 20px;}
.border_section .header .keywordTab .tabnews  li a {font-weight: 600; font-size: 18px; color: #666!important;}
.border_section .header .keywordTab .tabnews  li a:hover {color: #222!important;}
.border_section .header .keywordTab .tabnews  li a.on  {color: #222!important;}
.border_section .header .keywordTab .tabnews  li::after {content: ""; display: block; position: absolute; right: 5px; top:8px; width: 1px; height: 12px; background: #ddd;}
.border_section .header .keywordTab .tabnews  li:last-child::after {display: none;}
.border_section .header .keywordTab .tabnews  li:last-child {font-size: 14px;}



/* 게시글 상단 조회 */
.border_section .header > div .option  {position: relative;  width: auto;  display: -webkit-box; -webkit-box-pack: end; -webkit-box-align: baseline;}
*.border_section .header > div .option {position: relative;  width: auto;  display: flex; justify-content: end; float: right;} /*ie 버전*/
.border_section .header > div .option div {text-align: center; padding-left: 5px; }
.border_section .header > div .option select {width: 150px;}
.border_section .header > div .option input[type="text"] {width: 220px;}
.border_section .header > div .option .searchword_box {position: relative; }
.border_section .header > div .option .searchword_box .search_btn {position: absolute; right: 5px; top:-3px; width: 30px; height: 30px; border: none; background: url("../img/sub/search_icon2.png") no-repeat center center; font-size: 0; color: transparent;}
.border_section .header > div .option .searchword_box input[type=text].keyword {padding-right:40px;}

.border_section .header > div .option  button {border: 1px solid #aaa; height: 36px; padding: 0  15px; min-width: 25px; background: #fff;}
.border_section .header > div .option  button:hover {border: 1px solid #666;}
.border_section .header > div .option  .btn_blue {background: #2e9bc3; color: #fff; border: none;}
.border_section .header > div .option  .btn_blue:hover {background: #1958b8; border: none;}
.border_section .header > div .option  .btn_down {padding-left: 30px; background: url(../img/sub/icon_down.png) no-repeat 10px center;}
.border_section .header > div .option  .btnOn {background: #74797b; color: #fff; border: 1px solid #74797b;}
.border_section .header > div .option  .btnOn:hover {background: #74797b; color: #fff; border: 1px solid #74797b;} /*개발 입힌후 빼주세요*/
.border_section .header > div .option  .unit {position: absolute; right: -15px; bottom: -50px; display: block; width: 100px;}
.border_section .header > div .option  .total_search {display: inline-block; border: 1px solid #ccc; border-radius:2px; width: 90px; height: 36px; line-height: 36px; padding-left: 20px; background: url(../img/sub/search_icon2.png) no-repeat 10px center; }
.border_section .header > div .option  .total_search:hover {border: 1px solid #222;}

.border_section .sum_box {position: relative; margin-top: 20px;}
.border_section .sum_text {position: absolute; left: 0px; top:0px; display: none; }
.border_section .sum_box .con {position: relative; display: inline-block; margin-right: 30px; padding-left: 7px;}
.border_section .sum_box .con::before{content: ""; display: block; position: absolute; left: -4px; top:50%; transform: translateY(-50%); width: 4px; height: 2px; background: #666; }
.border_section .sum_box .con span {display: inline-block; margin-left: 7px; font-weight: 600;}
.border_section .sum_box .con .textred {color: rgb(255, 0, 0)}
.border_section .sum_box .con .textblue {color: rgb(0, 0, 255)}

@media screen and (min-width:320px) and (max-width:600px) {
  .border_section .sum_box .con {width: 48%; margin-right: 0px;}
  .border_section .sum_box .con::before {left:0px}

}

/* 게시글 리스트 */
.border_section .board_gridbox {margin-top: 10px; overflow-x:auto; overflow-y:none;  border: 1px solid #ccc; height: 807px; text-align: center; line-height: 807px; border-top: 2px solid #787878;}
.border_section .board_gridbox2 {margin-top: 10px; overflow-x:auto; overflow-y:none;  border: 1px solid #ccc; height: auto; text-align: center; line-height: autopx;}
.border_section .board_box {margin-top: 10px; overflow-x: auto; height: 608px; /* border: 1px solid #c5c5c5; */}
.border_section .scrollNone {overflow-x: none; height: auto;}
.border_section .board_box .type1_list {border-top: 2px solid #787878; border-bottom:1px solid #999; border-collapse: collapse;}
.border_section .board_box .type1_list tr {border-top: 1px solid #ccc;} /*추가 ie 보더 선표시*/
.border_section .board_box .type1_list tr th {background: #f5f5f5; padding: 12px 10px 12px 10px; height: 30px; font-weight: 600; white-space: nowrap;} /*추가 ie 보더선표시*/
.border_section .board_box .type1_list tr.sum {background: #fff4ec;}
.border_section .board_box .type1_list th,
.border_section .board_box .type1_list td {height: 30px; }
.border_section .board_box .type1_list td.line { border-left: 1px solid #ddd;}
.border_section .board_box .type1_list th:first-child,
.border_section .board_box .type1_list td:first-child  {border-left:none;}
.border_section .board_box .type1_list tr:first-child th,
.border_section .board_box .type1_list tr:first-child td {border-top: none;}
.border_section .board_box .type1_list th.line, .border_section .board_box .type1_list td.line{border-right:1px solid #ccc;}
.border_section .board_box .type1_list tr.liston {background: #e4f1ff;}

/*** 2023.09.12 추가 ***/
.border_section .board_box .type1_list td .textB {font-weight: 600; background: #f5f5f5;}
.border_section .board_box .type1_list td .weath_icon {width: 25px; height: 25px;}
.border_section  h4 {position: relative; font-size: 16px; padding-left: 20px;}
.border_section  h4::before {content: ""; position: absolute; left:0px; top:9px; width: 16px; height: 16px; border-radius: 50%;  background: url(../img/sub/bu_icon.png) no-repeat center center #3381d0;}

.border_section .board_box .type1_list th {position: relative; padding: 12px 0px; height: 30px; text-align:center; font-weight: 600; color: #222; white-space: nowrap; background:#f5f5f5; /* border-bottom: 1px solid #c1c1c1; */}
.border_section .board_box .type1_list th.thline {border-top: 2px solid #787878;}
.border_section .board_box .type1_list td {position: relative; padding: 12px 10px 12px 10px; height: 30px; color: #333; white-space: nowrap; border-top: 1px solid #ccc; text-align: center; /*text-overflow:ellipsis; overflow:hidden;*/ }
.border_section .board_box .type1_list td a {display: inline-block; font-weight: 600; width:95%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; word-wrap: break-word; }
.border_section .board_box .type1_list td a:hover {text-decoration: underline;}
.border_section .board_box .type1_list td a .iconpop { font-size: 0px; color: transparent; width: 20px; height: 20px; display: inline-block; background: url(../img/sub/icon_pop.png) no-repeat center 5px;}
.border_section .board_box .type1_list td.alC {text-align: center; padding:10px 5px;}
.border_section .board_box .type1_list td.alL {text-align: left;}
.border_section .board_box .type1_list td.alR {text-align: right;}
.border_section .board_box .type1_list td .alarm {display: block; width: 50px; height: 26px; text-align: center; font-size: 14px; line-height: 26px; background: #6449d7; color: #fff; margin: 0 auto; border-radius: 18px;}
.border_section .board_box .type1_list td.lineNone {border-left:none;}
.border_section .board_box .type1_list td.text_blue {color: #1256bb;}
.border_section .board_box .type1_list td.text_red {color: #d02626;}
.border_section .board_box .type1_list td .textnone {text-align: center;}
.border_section .board_box .type1_list td .loadbar { display: block; height: 25px; line-height: 25px; background: #406ecb; color: #fff; text-align: center; margin-top: 5px;}
.border_section .board_box .type1_list td.indent1 {padding-left: 25px;} /*들여쓰기*/
.border_section .board_box .type1_list td.indent2 {padding-left: 42px;} /*들여쓰기*/
.border_section .board_box .type1_list th span {position: absolute; right:5px; top:15px; display: block;}
.border_section .board_box .type1_list th span button.arrtop {font-size: 0px; color: transparent; width: 10px; height: 10px; display: block; background: url(../img/sub/icon_arrtop.png) no-repeat center center;}
.border_section .board_box .type1_list th span button.arrbot {font-size: 0px; color: transparent; width: 10px; height: 10px; display: block; background: url(../img/sub/icon_arrbot.png) no-repeat center center;}
.border_section .board_box .type1_list td .addr {display: inline-block; width: 60px;  padding: 3px 0; text-align: center; background: #748293; color: #fff;  font-size: 14px; white-space: nowrap; margin-right: 5px; border-radius:2px;}
.border_section .board_box .type1_list td .farmland {display: inline-block; padding: 7px 10px; text-align: center; border: 1px solid #015db8; color:#015db8; font-size: 14px; white-space: nowrap; margin-right: 5px; border-radius:2px;}
.border_section .board_box .type1_list td .farmaddr {margin-top: 3px;}
.border_section .board_box .type1_list td .btn_map {position: absolute; right: 20px; top:10px; width: 25px; height: 25px; background: url(../img/sub/icon_map.png) no-repeat center center; color: transparent; font-size: 0px;}
.border_section .board_box .type1_list td .nodata-box {text-align: center;}
.border_section .board_box .type1_list td.imgCon {width:150px; height: 50px;}
.border_section .board_box .type1_list td.imgCon img {width: 100%; height: 120px;}
.border_section .board_box .type1_list td .btn_pdf {padding: 0 10px 0 35px; width: 70px; height: 30px; line-height: 10px; background: url(../img/sub/icon_pdf.png) no-repeat 10px center; white-space: nowrap;  font-size: 13px; border: 1px solid #ccc;}
.border_section .board_box .type1_list td .icon_lock {display: inline-block; width: 20px; height: 20px;  background: url(../img/sub/lock.png) no-repeat center center; font-size: 0px; color: transparent; vertical-align: top; }
.border_section .board_box .type1_list td select {width: 100%;}

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

.border_section .board_box .type1_list tfoot {background:#f9fcff; border-top: 1px solid #6a7b91;}
.border_section .board_box .type1_list tfoot td {font-weight: 600;}

.border_section .board_box .type1_list .date_pick {position: relative; display: inline-block;}
.border_section .board_box .type1_list .date_pick input[type="text"] {width:100px;}
.border_section .board_box .type1_list .date_pick button.btn_calendar {position: absolute; right:7px; top:6px; 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 .board_box .type1_list td .dataNon {width: 100%; text-align: center;}
.border_section .board_box .type1_list td .dataNon span { display: inline-block; height: 100px; line-height: 100px; background: url(../img/sub/img_dataNon.png) no-repeat left center; padding-left: 80px; }
.border_section .board_box .type1_list td .rowdel {width: 25px; height: 25px; font-weight: 600; font-size: 17px; line-height:0px; text-align: center; border-radius: 50%;  color: #fff; background: #7d7f87;}


/** 테이블 안 테이블 **/
.sub_table table {border-top: 1px solid #787878; border-bottom:1px solid #999; border-collapse: collapse;  width:1000px;}
.sub_table th {position: relative; padding: 7px 0px; height: 30px;   text-align:center; font-weight: 600; color: #222; background:#fafafa;}
.sub_table td {padding: 12px 20px 12px 10px; height: 30px; color: #333; border-top: 1px solid #ccc; /*text-overflow:ellipsis; overflow:hidden;*/ }
.sub_table td.subtitle {font-weight: 600; color: #222; background:#fafafa; text-align: center;}
.flexnone {flex: none !important;}


.ov-x-auto {overflow-x:auto;}

/* 화면 가운데에 뜨는 로딩 이미지 */
.fixed-loading-bg {
    position: fixed;
    z-index: 101;
    background-color: rgba(0,0,0,.5);
    width:100%;
    height: 100%;
}

/* 로딩바 대응 24.07.10 변경 */
.fixed-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    z-index: 102;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 4px solid rgba(204, 209, 219);
    background:#f1f6fd;
}

/* 로딩바 대응 24.07.10 변경 */
.fixed-loading .lod-img {
    width:100%;
    display: block;
    margin:0 auto;
}

/**상세보기 입력폼 변형**/
.border_section .board_detail {border-top: 2px solid #787878;}
.border_section .board_detail .type1_detail {border-bottom:1px solid #999; border-collapse: collapse; }
.border_section .board_detail .type1_detail td {color: #333; border-bottom: 1px solid #ddd; height: auto;}
.border_section .board_detail .type1_detail td .baseBtn {min-width:60px; padding: 0 10px; height: 36px; color: #fff; background: #737679;}
.border_section .board_detail .type1_detail td .row2 {display: flex;}
.border_section .board_detail .type1_detail td .row2 > div {flex:1; width: calc (100% /2 ); border:0px solid #333; box-sizing: border-box;
  background: linear-gradient(to right, #f5f5f5 200px, #fff 200px, #fff 100% );}
.border_section .board_detail .type1_detail td .row2 > div .title {position: relative; float: left; vertical-align: top; background: #f5f5f5; width: 200px; height: 56px; padding-left: 35px; line-height: 56px; font-weight: 600;}
.border_section .board_detail .type1_detail td .row2 > div .title strong {position: relative; font-weight: 600; color: #d0021b; }
.border_section .board_detail .type1_detail td .row2 > div .title strong::before {content: "*"; display: block; width: 5px; height: 5px; position: absolute; left:5px; top:-13px; font-size: 17px;}
.border_section .board_detail .type1_detail td .row2 > div .cont {float: left; padding-left: 10px; min-height: 50px;}
.border_section .board_detail .type1_detail td .row2 > div .cont > div {padding: 10px 0px;}
.border_section .board_detail .type1_detail td .row2 > div .cont ul {margin-top: 5px;}
.border_section .board_detail .type1_detail td .row2 > div .cont li {display: inline-block;}
.border_section .board_detail .type1_detail td .row2 > div .cont li .stitle {display: inline-block;  padding-right: 7px;}
.border_section .board_detail .type1_detail td .row2 > div .cont li div {display: inline-block; padding-right: 20px;}
.border_section .board_detail .type1_detail td .row2 > div .cont li div input[type="text"] {width: 100px;}
.border_section .board_detail .type1_detail td .row2 > div .cont p {margin-bottom: 7px;}
.border_section .board_detail .type1_detail td .row2 > div .cont p.mbnon {margin-bottom: 0px!important;}
.border_section .board_detail .type1_detail td .row2 > div .cont p span {display: inline-block;}
.border_section .board_detail .type1_detail td .row2 > div .cont p .stitle {width: 61px;}
.border_section .board_detail .type1_detail td .row2 > div .cont .initial  {display: inline-block; width: 500px;}
.border_section .board_detail .type1_detail td .row2 > div .cont .initial .text {display: inline-block; border: 1px solid #ccc; padding-top:0px; height: 35px; width: 35px; text-align: center; margin-bottom: 5px; }
.border_section .board_detail .type1_detail td .row2 > div .cont .initial .text:hover {background: #333; border: 1px solid #333; color: #fff;}
.border_section .board_detail .type1_detail td .row2 > div .cont .numberCon {display: inline-block;}
.border_section .board_detail .type1_detail td .row2 > div .cont .numberCon input {width: 120px;}
.border_section .board_detail .type1_detail td .row2 > div .cont .addrCon input {width: 500px;}
.border_section .board_detail .type1_detail td .row2 > div .cont .input_title {width: 960px;} /*제목을 입력*/

.border_section .board_detail .type1_detail td .row2 > div .cont .imgAttach {position: relative; display: block;  margin-bottom: 10px; height: 150px; }
.border_section .board_detail .type1_detail td .row2 > div .cont .imgAttach .imgCon {width: 250px; height: 150px;}
.border_section .board_detail .type1_detail td .row2 > div .cont .imgAttach .imgCon img {width: 100%; height: 100%;}
.border_section .board_detail .type1_detail td .row2 > div .cont .imgAttach .btnBox {position: absolute; left: 260px; bottom: 2px; width: 200px;}
.border_section .board_detail .type1_detail td .row2 > div .cont .imgAttach .btnBox button {display: inline-block;  height: 36px; width: 80px; text-align: center;}
.border_section .board_detail .type1_detail td .row2 > div .cont .imgAttach .btnBox button.btn_down2 {background: #fff; border:1px solid #ccc;}
.border_section .board_detail .type1_detail td .row2 > div .cont .imgAttach .btnBox button.btn_cancel2 {background: #737679; color: #fff; margin-left: 5px;}



.border_section .board_detail .btn_explain {width: 25px; height: 25px; border-radius:50%; font-size: 0px; color:transparent; background:url(../img/sub/icon_explain.png) no-repeat center center #56a8dc;} /*테이블 라인 추가 */
.border_section .board_detail .btn_add {width: 25px; height: 25px; border-radius:50%; font-size: 0px; color:transparent; background:url(../img/sub/icon_add.png) no-repeat center center #f87777;} /*테이블 라인 추가 */
.border_section .board_detail .btn_cancel {width: 25px; height: 25px; border-radius:50%; font-size: 0px; color:transparent; background:url(../img/sub/icon_cancel.png) no-repeat center center #98999a;} /*테이블 라인 삭제 */

.border_section .board_detail .type1_detail td .file_input input[type=text] {width:700px;}
.border_section .board_detail .type1_detail td .hig85  {height: 85px!important;}
.border_section .board_detail .type1_detail td .hig90  {height: 90px!important;}
.border_section .board_detail .type1_detail td .hig200 {height: 200px!important;}
.border_section .board_detail .type1_detail td .hig180 {height: 180px!important;}
.border_section .board_detail .type1_detail td .hig100 {height: 100px!important;}
.border_section .board_detail .type1_detail td .hig102 {height: 102px!important;}
.border_section .board_detail .type1_detail td .hig140 {height: 140px!important;}
.border_section .board_detail .type1_detail td .hig142 {height: 142px!important;}
.border_section .board_detail .type1_detail td .hig230 {height: 230px!important;}
.border_section .board_detail .type1_detail td .text {line-height: 35px;}

/** 공지사항 게시글 상세보기 **/
.border_section .board_detail .type2_detail {border-bottom:1px solid #999; border-collapse: collapse; width: 100%;}
/* .border_section .board_detail .type2_detail th {position: relative; padding: 15px 20px; height: 70px; text-align:left; font-size: 22px; font-weight: 600; color: #222; background:#f5f5f5; border-bottom: 1px solid #c1c1c1;} */
.border_section .board_detail .type2_detail th {position: relative; padding: 15px 20px; text-align:left; font-size: 22px; font-weight: 600; color: #222; background:#f5f5f5; border-bottom: 1px solid #c1c1c1;}  /** 2022.07.13 **/
.border_section .board_detail .type2_detail td {padding: 20px 20px; height: 30px; line-height: 30px; color: #333; border-top: 1px solid #ccc;}
.border_section .board_detail .type2_detail tr:first-child th,
.border_section .board_detail .type2_detail tr:first-child td {border-top: none;}
.border_section .board_detail .type2_detail th div {font-size: 15px; font-weight: 500; color: #565656; margin-top: 10px;}

/*
.border_section .board_detail .type2_detail th div > span { display: inline-block;}
.border_section .board_detail .type2_detail th div .datetext {position: relative; margin-right: 20px;}
.border_section .board_detail .type2_detail th div .hittext {position: relative; margin-right: 20px;}
.border_section .board_detail .type2_detail th div .date {margin-right: 60px;}
.border_section .board_detail .type2_detail th div .datetext::after,.border_section .board_detail .type2_detail th div .hittext::after {content: ""; display: block; position: absolute; right: -10px; top:6px; height: 10px; width: 1px; background: #c5c5c5;}
*/

.border_section .board_detail .type2_detail th .tag_option {display: flex;}
.border_section .board_detail .type2_detail th .tag_option > div {flex: 1;}
.border_section .board_detail .type2_detail th .tag_option .altleft {text-align: left;}
.border_section .board_detail .type2_detail th .tag_option .altright {text-align: right; }
.border_section .board_detail .type2_detail th .tag_option div dl {display: inline-block;}
.border_section .board_detail .type2_detail th .tag_option div dt {display: inline-block; padding-right: 20px; position: relative; margin-right: 5px;}
.border_section .board_detail .type2_detail th .tag_option div dt::after {content: ""; display: block; position: absolute; right: 5px; top:6px; width: 1px; height: 12px; background: #ddd;}
.border_section .board_detail .type2_detail th .tag_option div dd {display: inline-block; margin-right: 20px; }
.border_section .board_detail .type2_detail th .tag_option div dd

.border_section .board_detail .type2_detail td .border_imgCon {margin-bottom: 30px; margin-top: 30px; }
.border_section .board_detail .type2_detail td .border_imgCon .imgBox { height: 500px; width: 800px; overflow: hidden; margin: 0 auto;}
.border_section .board_detail .type2_detail td .border_imgCon .imgBox img  {width: 800px; height: 500px;}
.border_section .board_detail .type2_detail td .linkCon {margin-top:20px;}
.border_section .board_detail .type2_detail td .linkCon strong {display: block;}
.border_section .board_detail .type2_detail td .linkCon a:hover {text-decoration: underline;}
.border_section .board_detail .type2_detail td .textform {min-height: 500px;} /*게시글 상세 기본 폼 사이즈 */
.border_section .board_detail .type2_detail th span {display: inline-block; color: #fff; /*width: 75px;*/ /*height: 35px;*/ padding: 0 10px;  font-size: 15px; box-sizing: border-box;  text-align: center; line-height: 35px; vertical-align: top;}
.border_section .board_detail .type2_detail th span:first-child {margin-right: 5px;}
.border_section .board_detail .type2_detail th .ing  {background:rgba(189, 0, 34, 0.9);}
.border_section .board_detail .type2_detail th .exp {background:rgba(26, 146, 181, 0.9);}
.border_section .board_detail .type2_detail th .end  {background:rgba(8, 8, 8, 0.9); }
.border_section .board_detail .type2_detail th .open {background:rgba(0, 38, 124, 0.9);  padding-top: 7px; }
.border_section .board_detail .type2_detail td .agree_box {border: 1px solid #ddd; padding: 15px 20px; }
.border_section .board_detail .type2_detail td .agree_box p {display: block; margin-bottom: 3px;}

.border_section .board_detail .type2_detail td .questList {margin-top: 50px; border-top: 1px solid #aaa;}
.border_section .board_detail .type2_detail td .questList li {display: block; background: linear-gradient(to right, #f5f5f5 200px, white 200px 1040px); border-bottom:1px solid #ccc; padding: 10px 0px;}
.border_section .board_detail .type2_detail td .questList li span {display: inline-block; width: 200px; text-align: center;}
.border_section .board_detail .type2_detail td .questList li span em {position: relative; color:transparent; font-size: 0px;}
.border_section .board_detail .type2_detail td .questList li span em::after {content: "*"; display: block; position: absolute; right: -10px; top:-18px; font-size: 16px; color: #f91515; }
.border_section .board_detail .type2_detail td .questList li div {display: inline-block; margin-left: 10px;}
.border_section .board_detail .type2_detail td .agreechk {float: right;}
.border_section .board_detail .type2_detail td .agreechk em {position: relative;}
.border_section .board_detail .type2_detail td .agreechk em::after {content: "*"; display: block; position: absolute; left: -10px; top:-1px; color: #f91515;}

.border_section .board_detail .type2_detail td .questList2 {margin-top: 50px; border-top: 1px solid #aaa;}
.border_section .board_detail .type2_detail td .questList2 dt {display: block; font-weight: 500;  padding: 10px 0px;}
/* .border_section .board_detail .type2_detail td p {min-height: 350px;} */





/** 별점 **/
.level {display: inline-block; width: 21px; height: 20px; font-size: 0; color: transparent; vertical-align: top; }
.start {background: url(../img/sub/icon_start.png) no-repeat center center;}
.starton {background: url(../img/sub/icon_starton.png) no-repeat center;}


.visualBox {position: relative; padding: 0 50px; margin-top: 30px; margin-bottom: 30px; height: 700px;}
.visualBox .prev,
.visualBox .next {display: block; position: absolute; top:50%; border-radius: 50%;  width: 60px; height: 60px;  transform: translateY(-50%); background: url(../img/sub/nextprev.png) no-repeat #ccc; color: transparent;}
.visualBox .prev {left: 82px; background-position: 20px 17px;}
.visualBox .next {right: 82px; background-position: 24px -28px;}

.visualBox .control {position: absolute; left: 50%; bottom: 10px; text-align: center; transform: translateX(-40%);}
.visualBox .control > div {display: inline-block; position: relative; padding: 0 45px 0 0;}
.visualBox .control > div > div {position: absolute; right: 0;}
.visualBox .control > div > div a {overflow: hidden; display: inline-block; margin:  0 0 0 7px; width: 8px; height: 9px; background: url(../img/sub/sp_com.jpg) no-repeat; opacity:0.5;}
.visualBox .control > div > div a.on {opacity: 1;}
.visualBox .control ul {position: relative; top:-7px; font-size: 0;}
.visualBox .control li {display: inline-block; padding: 0 3px;}
.visualBox .control li.on a {background: #333;}
.visualBox .control li a {display: block; width: 40px; height: 5px; background: rgba(255,255,255,0.5); border: none;}
.visualBox .control a {color: transparent; border: 1px solid red;}

.visualBox .con > div {height: 800px; width: 800px; border: 10px solid #efefef; margin: 0 auto;}
.visualBox .con .slide img {height: 100%; width:100%;}

.foodinfoCon { margin-top: 20px;}
.foodinfoCon .info_img {margin: 0 auto; width: 800px; height:400px; border: 1px solid #ddd;}
.foodinfoCon .info_img img {width: 100%; height: 100%;}
.foodinfoBox {margin-top: 50px;}
.foodinfoBox h4 {font-size: 22px; font-weight: 600; margin-top: 20px; margin-bottom: 20px;  }
.foodinfoBox dl { width: 100%;}
.foodinfoBox dt {float: left; width: 130px; font-weight: 600; background: url(../img/sub/guide_dot.png) no-repeat 0 13px; padding-left: 12px;}
.foodinfoBox dt::after {content: ""; display: block; clear: both;}
.foodinfoBox dd {display: inline-block;  width: calc(100% - 150px); width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px);  vertical-align: top; margin-bottom: 20px; line-height: 24px;}
.foodinfoBox dd h5 {font-weight: 600; font-size: 16px; text-align: center; margin-top: 20px;}
.foodinfoBox dd li {line-height: 24px;margin-bottom: 10px;}

.foodinfoBox dd .foodchart {border-top: 1px solid #c1c1c1; margin-top: 10px;}
.foodinfoBox dd .foodchart > .food_type {border-collapse: collapse; width: 100%;}
.foodinfoBox dd .foodchart > .food_type th {padding: 5px 20px; height: 20px; text-align:left; font-size: 15px; font-weight: 600; color: #222; background:#f5f5f5; border: 1px solid #c1c1c1;}
.foodinfoBox dd .foodchart > .food_type td {padding: 5px 20px; height: 30px; line-height: 30px; color: #333;  border: 1px solid #c1c1c1;}

/*재배달력
.foodinfoBox dd .growtime {margin-top: 10px;}
.foodinfoBox dd .growtime > .grow_type {border-collapse: collapse; width: 100%;}
.foodinfoBox dd .growtime > .grow_type th {padding: 0px 0px; height: 20px; font-size:14px; font-weight: 500; color: #fff;}
.foodinfoBox dd .growtime > .grow_type tr.color1 th { background:#919aa4; border: 1px solid #b7bcc1;  border-left:1px solid #b7bcc1;}
.foodinfoBox dd .growtime > .grow_type tr.color2 th { background:#46af84; border: 1px solid #a4c9ba; border-left:1px solid #a4c9ba;}
.foodinfoBox dd .growtime > .grow_type th span {display: block; text-align: center;}
.foodinfoBox dd .growtime > .grow_type td {position: relative; padding:0 0px; height: 30px; font-size: 11px; line-height: 100%; color: #333;  border-bottom: 1px solid #ddd;}
.foodinfoBox dd .growtime > .grow_type td:first-child {border-left: 1px solid #ddd;}
.foodinfoBox dd .growtime > .grow_type td:last-child {border-right: 1px solid #ddd;}
.foodinfoBox dd .growtime > .grow_type td.altC {text-align: center;}
.foodinfoBox dd .growtime .grow_type tr.second th,.foodinfoBox dd .growtime .grow_type tr.second td {line-height: 1px; height: 1px; background:#eee}
.foodinfoBox dd .growtime .grow_type tr.second td span {display: block;}
.foodinfoBox dd .growtime .grow_type tr.second th:first-child {text-align: left; background: url(../img/sub/linedot.png) no-repeat 0 100%;} /*라인 체크
.foodinfoBox dd .growtime .grow_type tr.second th:first-child span {padding: 0 0 0 7px; font-weight: normal;}
.foodinfoBox dd .growtime .grow_type tr.second td span {height: 8px;}
.foodinfoBox dd .growtime .grow_type tr.second td.c_bg01 span {border: 1px solid #fbd55e; border-right: 0; background: #fdf2cf;}
.foodinfoBox dd .growtime .grow_type tr.second td.c_bg02 span {border: 1px solid #fdc096; border-right: 0; background: #fde2cf;}
.foodinfoBox dd .growtime .grow_type tr.second td.c_bg03 {padding: 0 1px 0 0;}
.foodinfoBox dd .growtime .grow_type tr.second td.c_bg03 span {border: 1px solid #faa0a0; background: #fdcfcf;}

.foodinfoBox dd .growtime .grow_type tbody .c_bg04 {}
.foodinfoBox dd .growtime .grow_type tbody .c_bg04.none {background: none;}
.foodinfoBox dd .growtime .grow_type tbody .c_bg04 > span.dot {height: 12px; display: block; background: #E7ECBD}
.foodinfoBox dd .growtime .grow_type tbody .c_bg04 > span.dot.list {background-color: #bdecd6;}
.foodinfoBox dd .growtime .grow_type tbody .c_bg04 > span.dot.none {background: #E7ECBD;}
.foodinfoBox dd .growtime .grow_type tbody .c_bg05 {}
.foodinfoBox dd .growtime .grow_type tbody .c_bg05.none {background: none;}
.foodinfoBox dd .growtime .grow_type tbody .c_bg05 > span.dot {height: 12px; display: block; background: #C5CEFD }
.foodinfoBox dd .growtime .grow_type tbody .c_bg05 > span.dot.list {background-color: #c5cefd;}
.foodinfoBox dd .growtime .grow_type tbody  td.c_bg05 > span.dot.none {background: #C5CEFD;}
.foodinfoBox dd .growtime .grow_type tbody  td.c_bg06 {}
.foodinfoBox dd .growtime .grow_type tbody  td.c_bg06.none {background: none;}
.foodinfoBox dd .growtime .grow_type tbody  td.c_bg06 > span.dot {height: 12px; display: block; background: #BDECD6 }
.foodinfoBox dd .growtime .grow_type tbody  td.c_bg06 > span.dot.list {background-color: #e7ecbd;}
.foodinfoBox dd .growtime .grow_type tbody  td.c_bg06 > span.dot.none {background: #BDECD6;}
.foodinfoBox dd .growtime .grow_type tbody  td.c_bg07 {}
.foodinfoBox dd .growtime .grow_type tbody  td.c_bg07.none {background: none;}
.foodinfoBox dd .growtime .grow_type tbody  td.c_bg07 > span.dot {height: 12px; display: block; background:  #FEDDB2;}
.foodinfoBox dd .growtime .grow_type tbody  td.c_bg07 > span.dot.list {background-color: #feddb2;}
.foodinfoBox dd .growtime .grow_type tbody  td.c_bg07 > span.dot.none {background: #FEDDB2;}

.foodinfoBox dd .growtime > .grow_type td  strong {font-size: 11px; font-weight: 500; display: block;}
.foodinfoBox dd .growtime .grow_type tbody td strong.bg02 {display: block; position: relative !important; padding: 0; font-size: 11px; color: #23c177; border-top: 1px solid #23c177; padding-top: 3px;  overflow: visible;}
.foodinfoBox dd .growtime .grow_type tbody td strong.bg02 span:after{  content:"";position:absolute;border-left:6px solid #23c177;border-top:4px solid transparent;border-bottom:4px solid transparent;right:-5px;top:-4px;content:"";display:block }
.foodinfoBox dd .growtime .grow_type tbody td strong.bg05 {display: block; position: relative; padding: 0; font-size: 11px; color: #3e5ffa;  border-top: 1px solid #3e5ffa; padding-top: 3px; overflow:visible;}
.foodinfoBox dd .growtime .grow_type tbody td strong.bg05 span:after{  content:"";position:absolute;border-left:6px solid #3e5ffa;border-top:4px solid transparent;border-bottom:4px solid transparent;right:-5px;top:-4px;content:"";display:block }
.foodinfoBox dd .growtime .grow_type tbody td strong.bg06 {display: block; position: relative; padding:0 0 0 0; font-size: 11px; color: #fa8c00; border-top: 1px solid #fa8c00;; padding-top: 3px;  overflow:visible; }
.foodinfoBox dd .growtime .grow_type tbody td strong.bg06 span:after{  content:"";position:absolute;border-left:6px solid #fa8c00;border-top:4px solid transparent;border-bottom:4px solid transparent;right:-5px;top:-4px;content:"";display:block }
.foodinfoBox dd .growtime .grow_type tbody td strong.bg07 {display: block; position: relative; padding:0; font-size: 11px; color: #b8cb08;  border-top: 1px solid #b8cb08;  padding-top: 3px;  overflow:visible;}
.foodinfoBox dd .growtime .grow_type tbody td strong.bg07 span:after{  content:"";position:absolute;border-left:6px solid #b8cb08;border-top:4px solid transparent;border-bottom:4px solid transparent;right:-5px;top:-4px;content:"";display:block }

.foodinfoBox dd .growtime .grow_type tbody td strong.bg08 span::before{content:""; display:block; position:absolute; left:0px; top:-3px;  width: 20px; height: 8px; background: #b4dfd8; }
.foodinfoBox dd .growtime .grow_type tbody td strong.bg08 {display: block; position: relative; padding:0; font-size: 11px; color: #b8cb08; background:#ccc; height:2px; overflow:visible}
.foodinfoBox dd .growtime .grow_type tbody td strong.bg08 span:after{ content:""; display:block;  position:absolute; right:0px; top:-3px;  width: 20px; height: 8px; background: #fcb280;  }
*/

/*밭만들기
.foodinfoBox dd .fieldtime {border-top: 1px solid #c1c1c1;  margin-top: 10px;}
.foodinfoBox dd .fieldtime > .field_type {border-collapse: collapse; width: 100%; }
.foodinfoBox dd .fieldtime > .field_type th {padding: 5px 20px; height: 20px; text-align:left; font-size: 15px; font-weight: 600; text-align: center; color: #fff; background:#6bb496; border: 1px solid #a4c9ba;}
.foodinfoBox dd .fieldtime > .field_type td {padding: 5px 20px; height: 30px; line-height: 30px; color: #333;  border: 1px solid #ddd;}
*/


.farmWork_schedule {margin-top: 20px;}
.farmWork_schedule h5 {font-size: 16px; font-weight: 600;}
.farmWork_schedule ul {margin-top: 20px;}
.farmWork_schedule li {float: left; width: 20%; margin-bottom: 10px; padding: 0 5px; box-sizing: border-box;}
.farmWork_schedule li:nth-child(5) {margin-right: 0px;}
.farmWork_schedule li button {border: 1px solid #ddd; width: 100%; height: 40px; background: #fff; border-radius:0px; background:url(../img/sub/icon_down.png) no-repeat 88% center; }
.farmWork_schedule li button:hover {border: 1px solid #222;}


/** 이전글 다음글 **/
.prvnext {margin: 50px 0 20px 0 ; }
.prvnext ul {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.prvnext li {position: relative; border-bottom: 1px solid #ddd; height: 60px; line-height: 60px;}
.prvnext li:last-child {border-bottom: none;}
.prvnext li span {display: inline-block; position: relative;  font-weight: 600; color: #222; text-align: center; width: 170px;  margin-right: 40px; vertical-align: top;}
.prvnext li span::after  {content: ""; display: block; position: absolute; right: 0px; top:22px; width: 1px; height: 15px; background: #ddd; }
.prvnext li .downlink {color: #1256bb; }
.prvnext li .downlink:hover {text-decoration: underline;}
.prvnext li a {display: inline-block; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; word-wrap:break-word; width: 75%;}
.prvnext li .btn_down {position: absolute; right: 0px; top:12px; border:1px solid #aaa; height: 36px; line-height: 36px; padding: 0px 35px 0 15px; background:url(../img/sub/icon_down.png) no-repeat 88% center;}
.prvnext li .btn_down:hover {border:1px solid #222;}

/** 테이블 나눔 **/
.border_section .dividCon {display: flex; width: 100%; }
.border_section .dividCon div {flex:1;}
.border_section .dividCon2 {display: table; width: 100%; }
.border_section .dividCon2 .item {display: table-cell;}


.border_section .dividCon2 .item .itembg {border: 1px solid #ccc; background: #fff; padding: 15px 15px 25px 15px; margin-top:10px; min-height: 200px; }
.border_section .dividCon2 .item .itembg .itemtop h5 {font-size: 17px; font-weight: 600; vertical-align: top; padding: 5px 0 10px 22px;  background:url(../img/sub/h5_icon.png) no-repeat 0px 9px;}

.border_section .dividCon .halfLeft {padding-right: 10px;}
.border_section .dividCon .halfRight {padding-left: 10px;}
.border_section .dividCon2 .halfL30 {width: 30%!important; padding-right: 10px; vertical-align: top; }
.border_section .dividCon2 .halfR70 {width: 70%!important; padding-left: 10px; vertical-align: top;}


.border_section .dividCon .searchCon {position: relative; border:1px solid #ddd; padding: 20px 30px; background: #f9f9f9;}
.border_section .dividCon .searchCon span {display: inline-block; width: 100px; font-weight: 600; background:url(../img/sub/search_bu.png) no-repeat 0px center; padding-left: 10px; }
.border_section .dividCon .searchCon div {display: inline-block; width: 30%;}
.border_section .dividCon .searchCon div select {width:100%;}
.border_section .dividCon .searchCon button {position: absolute; right: 20px; top:20px; display: inline-block; width: 60px; height: 36px; color: #fff; background: #81878d;}




/* 테이블 안에 날짜 검색 */
.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:8px; 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 .board_detail .hyphen {display: inline-block; width: 15px; text-align: center;}
.border_section .board_detail .date_pick button.btn_calendardisa {position: absolute; right:10px; top:19px; z-index: 500; display: block; width: 18px; height: 18px; padding: 0 0; color:transparent; background:url(../img/sub/calendardisa_icon.png) no-repeat center center;}

.border_section .board_detail .textarea {width:130%;}
.border_section .board_detail .textarea textarea {width: 100%;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {   /* ie 버전 */
  .border_section .board_detail .textarea {width: 100%;}
  .border_section .board_detail .textarea textarea {width: 100%;}

  }
.border_section .board_detail .textarea2 textarea  {width: 500px !important;} /*레이어 팝업창 적용*/
.border_section .board_detail .searchbox {position: relative; width: 650px;}
.border_section .board_detail .searchbox input[type="text"] {width: 650px;}
.border_section .board_detail .searchbox button {font-style: 0; color: transparent;}
.border_section .board_detail .searchbox .btn_search {position: absolute; right: 10px; top: 18px; width: 20px; height: 20px; background:url(../img/sub/search_icon2.png) no-repeat center center;  }
.border_section .board_detail .searchbox .btn_del {position: absolute; right: 10px; top: 18px; width: 20px; height: 20px; z-index: 3; background:url(../img/sub/icon_del.png) no-repeat center center #fff; }



/*** 테이블 td 공통버튼***/
table td button {padding:0 10px; height: 36px; border-radius: 2px; cursor:pointer;}
table td .btn_collect {color: #fff; background: #ec754b; width: 80px;}  /*수금*/
table td .btn_payment {color: #fff; background: #4286cf; width: 80px;} /*결제*/
table td .btn_default {border: 1px solid #ccc; height: 36px; padding: 0  15px; min-width: 25px; background: #fff;} /*기본*/
table td .btn_default:hover {border: 1px solid #666;}
table td .btn_step {border: 1px solid #015db8; color: #015db8; background: #fff; width: 80px; cursor:pointer;} /*단계설정*/



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

/**공통하단 실행버튼 **/
.action_box {text-align: right;}
.action_box button {font-size: 16px; font-weight: 600; height: 46px; padding: 0 20px; text-align: center; min-width:80px; background:#09488a; color: #fff; border-radius: 2px; cursor:pointer;}
.action_box a {display: inline-block; font-size: 16px; font-weight: 600; height: 46px; line-height: 46px; padding: 0 20px; text-align: center; min-width:80px; background:#09488a; color: #fff; border-radius: 2px;}
.action_box .btn_cancel {background: #333;}

.border_section .foot .page_box {text-align: center; border: 0px solid #ff6600; margin-top: 50px;}
.border_section .foot .page_box .pagenum {text-align: center;}
.border_section .foot .page_box .pagenum li {display: inline-block;  padding-left: 3px; vertical-align: middle; color: #666; }
.border_section .foot .page_box .pagenum a {display: block;  border: 1px solid #ddd; width: 40px; height: 40px; text-align: center; line-height: 40px;}
.border_section .foot .page_box .pagenum a:hover {border: 1px solid #8b939c; color: #333;}
.border_section .foot .page_box .pagenum a.on {background: #74797b; color: #fff; border: 1px solid #74797b;}

.border_section .foot .page_box .pagenum a.btn_first {background: url(../img/sub/btn_first.png) no-repeat center center; color: transparent; border: 1px solid #ddd;}
.border_section .foot .page_box .pagenum a.btn_prev  {background: url(../img/sub/btn_prev.png) no-repeat center center;  color: transparent; border: 1px solid #ddd;}
.border_section .foot .page_box .pagenum a.btn_next  {background: url(../img/sub/btn_next.png) no-repeat center center;  color: transparent; border: 1px solid #ddd;}
.border_section .foot .page_box .pagenum a.btn_last  {background: url(../img/sub/btn_last.png) no-repeat center center;  color: transparent; border: 1px solid #ddd;}

.border_section .foot .page_box .pagenum a.btn_first:hover,
.border_section .foot .page_box .pagenum a.btn_prev:hover,
.border_section .foot .page_box .pagenum a.btn_next:hover,
.border_section .foot .page_box .pagenum a.btn_last:hover {border: 1px solid #8b939c;}



/** 설문조사 게시글 **/
.border_section .img_border {border-top: 2px solid #787878; border-bottom:1px solid #999;  margin-top: 10px; padding: 30px 0 0px 0px;}
.pmtopNone {padding:0px 0 5px 0px!important;}
.border_section .img_border .border_list {display: flex; margin:0px 0px 30px 0; }
.border_section .img_border .border_list > div {flex:1; /*width: calc (100% / 3 );*/ position: relative; border: 1px solid #ddd; margin-right: 30px;}
.border_section .img_border .border_list > div:last-child {margin-right: 0px;}
.border_section .img_border .border_list > div .imgCon {background: #e8e8e8;  height: 250px; }
.border_section .img_border .border_list > div .imgCon .noimg {display: block; margin: 0 auto;  width: 130px; height: 250px; font-size: 0px; color: transparent; background: url(../img/sub/noimg.png) no-repeat center center; }
.border_section .img_border .border_list > div .imgCon img {display: inline-block; width: 100%; height: 250px; }
.border_section .img_border .border_list > div .box {position:absolute; left: 0px; top:0px;}
.border_section .img_border .border_list > div .box span {display: inline-block; color: #fff; width: 60px; height: 50px; box-sizing: border-box;  padding-top: 17px; text-align: center; line-height: 18px; vertical-align: top;}
.border_section .img_border .border_list > div .box span:first-child {margin-right: 5px;}
.border_section .img_border .border_list > div .box .ing  {background:rgba(189, 0, 34, 0.9);}
.border_section .img_border .border_list > div .box .exp {background:rgba(26, 146, 181, 0.9);}
.border_section .img_border .border_list > div .box .end  {background:rgba(8, 8, 8, 0.9); }
.border_section .img_border .border_list > div .box .open {background:rgba(0, 38, 124, 0.9);  padding-top: 7px; }
.border_section .img_border .border_list > div dl {padding:20px 15px; position: relative; }
.border_section .img_border .border_list > div dt {font-size: 16px; font-weight: 600;  height: 50px;}
.border_section .img_border .border_list > div dt a {width: 100%; line-height: 25px;}
.border_section .img_border .border_list > div dt .video a {position: absolute; right: 10px; top:15px;  display: inline-block; width: 30px; height: 30px; font-size: 0; color: transparent; background: url(../img/sub/icon_pop.png) no-repeat center center; }
.border_section .img_border .border_list > div dt a:hover {text-decoration: underline;}
.border_section .img_border .border_list > div dd {margin-top: 15px;}
.border_section .img_border .border_list > div dd p {letter-spacing: 0px; padding-top: 5px; }
.border_section .img_border .border_list ul div .dataNon {width: 100%; text-align: center;}
.border_section .img_border .border_list ul div .dataNon span { display: inline-block; height: 100px; line-height: 100px; background: url(../img/sub/img_dataNon.png) no-repeat left center; padding-left: 80px; }



/*.border_section .img_border .border_list > div dd p span {position: relative;}*/
/*.border_section .img_border .border_list > div dd span::after {content: ""; display: block; position: absolute;  right: 0px; top: 5px; width: 1px; height: 10px; background: #ddd;}*/

.border_section .img_border .border_list > div dd .tag {display: inline-block; color: #666; min-width: 50px; letter-spacing: -0.5px; margin-right: 3px;}
.border_section .img_border .border_list > div dd .taglist {padding-left: 20px; position: relative;}
.border_section .img_border .border_list > div dd .taglist::before {content: ""; display: block; position: absolute;  left: 0px; top: 5px; width: 1px; height: 10px; background: #ddd;}

.border_section .img_border .border_list > div dd em {position: relative; display: inline-block; color: #666; width: 65px; letter-spacing: -0.5px; margin-right: 3px;}
.border_section .img_border .border_list > div dd em::after {content: ""; display: block; position: absolute;  right: 0px; top: 5px; width: 1px; height: 10px; background: #ddd;}


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

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

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

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

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

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

/**자주묻는 질문**/
.border_section .img_border2 {border-top: 2px solid #787878; border-bottom:1px solid #999;  margin-top: 10px;}
.border_section .img_border2 .faqlist {display: inline-block; width: 100%; margin-bottom: 0px; }
.border_section .img_border2 .faqlist li {position: relative;  margin: 15px 10px 0px 10px; border-bottom: 1px solid #ddd; min-height: 75px;  box-sizing: border-box;}
.border_section .img_border2 .faqlist li:last-child { border-bottom:none;}

.border_section .img_border2 .faqlist li div dt .qicon {display: inline-block; width: 24px; height: 24px; margin-right: 10px; background: url(../img/sub/qicon.png) no-repeat center 0px; vertical-align: top; }
.border_section .img_border2 .faqlist li div dt a {display: inline-block; width: 90%; line-height: 25px; font-weight: 600; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; word-wrap: break-word;}

.border_section .img_border2 .faqlist li div dd {margin-top: 10px;}
.border_section .img_border2 .faqlist li div dd .altleft {float: left;}
.border_section .img_border2 .faqlist li div dd .altright {float: right;}

.border_section .img_border2 .faqlist li div dd .tag {position:relative; display: inline-block; color: #666; margin-right: 10px; }
.border_section .img_border2 .faqlist li div dd .tag::after {content: ""; display: block; position: absolute; right: -17px; top: 5px; width: 1px; height: 10px; background: #ddd;}
.border_section .img_border2 .faqlist li div dd .taglist {padding-left: 20px;}
.border_section .img_border2 .faqlist li div dd.mlef {margin-left: 35px;}

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

/** 왼편이미지 오른편 리스트 게시글 **/
.border_section .img_border .border_list2  {table-layout: fixed;}
.border_section .img_border .border_list2 td {position: relative; padding: 15px 10px 15px 10px;  border-bottom: 1px solid #ddd;}
.border_section .img_border .border_list2 tr:last-child td {border-bottom:none;}
.border_section .img_border .border_list2 td .list_box {display: table; box-sizing: border-box; width: 100%; padding-top: 5px;}
.border_section .img_border .border_list2 td .list_box {display:table-cell;  vertical-align: top;}
.border_section .img_border .border_list2 td .list_box .num {display: block; width: 80px; padding-top: 3px;  text-align: center;}
.border_section .img_border .border_list2 td .list_box .imgCon {float: left; width: 200px; height:150px; overflow: hidden;  margin-right: 20px; }
.border_section .img_border .border_list2 td .list_box .imgCon2 {display: inline-block; width: 150px; height:130px; overflow: hidden;  margin-right: 20px; }
.border_section .img_border .border_list2 td .list_box .imgCon3 {display: inline-block; width: 150px; height:130px; overflow: hidden;  margin-right: 20px; }
.border_section .img_border .border_list2 td .list_box .imgCon img,
.border_section .img_border .border_list2 td .list_box .imgCon2 img,
.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 {position: relative; display: inline-block;}
.border_section .img_border .border_list2 td .list_box .size {width: 998px;}
.border_section .img_border .border_list2 td .list_box .listCon a {position: relative; display: inline-block;  height:30px; width: 90%; font-size: 18px; font-weight: 600; color: #333; line-height: 26px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; /*word-wrap: break-word; 줄바꿈 /*  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; */ }
.border_section .img_border .border_list2 td .list_box .listCon a:hover {text-decoration: underline;}
.border_section .img_border .border_list2 td .list_box .listCon a span {display: block; position: absolute; right: 0px; top:0px;}
.border_section .img_border .border_list2 td .list_box .listCon p {height: 70px; overflow: hidden;word-break:keep-all; word-wrap:break-word;  overflow-wrap:break-word; line-height: 24px; color: #555; }
.border_section .img_border .border_list2 td .list_box .listCon dl {}
.border_section .img_border .border_list2 td .list_box .listCon dt {display: inline-block; vertical-align: top; width: 100px; padding:0px 0 10px 10px;  font-weight: 600; background: url(../img/sub/search_bu.png) no-repeat 0px 9px;}
.border_section .img_border .border_list2 td .list_box .listCon dd {display: inline-block; width: calc(98% - 105px); width: -webkit-calc(98% - 105px); width: -moz-calc(98% - 105px); line-height: 24px; }
.border_section .img_border .border_list2 td .list_box .listCon .down_docu {position: absolute; right: 0px; top:0px;}
.border_section .img_border .border_list2 td .list_box .listCon .down_docu button {width: 95px; height: 36px; border: 1px solid #aaa; padding: 0 20px 0 0px;  background: url(../img/sub/icon_down.png) no-repeat 87% center;}
.border_section .img_border .border_list2 td .list_box .listCon .down_docu button:hover { border: 1px solid #222;}
.border_section .img_border .border_list2 td .list_box .option {position: relative; color: #666; height: 45px; }
.border_section .img_border .border_list2 td .option .leftbox {position: absolute; left:-10px; top:20px;}
.border_section .img_border .border_list2 td .option .leftbox span {position: relative; display: inline-block; padding: 0 10px;}
.border_section .img_border .border_list2 td .option .leftbox span::before {content: ""; display: block; position: absolute; left: -3px; top:6px; width: 1px; height: 10px; background: #ddd;}
.border_section .img_border .border_list2 td .option .leftbox span:first-child:before {display: none;}

/* 기관소식 수정 */
.not-padding-top {padding-top:10px !important;}
.p_only_css .imgCon {height:80px !important;}
.p_only_css td {padding:0 !important;}
.p_only_css .listCon img {display:none;}
.p-wrap {height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:none;}
.p_only_css .list_box p, .p_only_css .list_box span, .p_only_css .list_box table { display:none;}
.p_only_css .list_box {padding:15px 10px 15px 10px !important;}

.border_section .img_border .border_list2 td .option .rightbox {position: absolute; right:0px; top:20px;}
.border_section .img_border .border_list2 td .option .rightbox span {position: relative; display: inline-block; padding: 0 5px;}
.border_section .img_border .border_list2 td .option .rightbox span.hit {margin-left: 20px;}
.border_section .img_border .border_list2 td .option .rightbox span.hit::before  {content: ""; display: block; position: absolute; left: -15px; top:6px; width: 1px; height: 10px; background: #ddd; }
.border_section .img_border .border_list2 td .option .rightbox span.media {margin-right: 20px;}
.border_section .img_border .border_list2 td .option .rightbox span.media::after  {content: ""; display: block; position: absolute; right: -10px; top:6px; width: 1px; height: 10px; background: #ddd; }


.border_section .img_border .border_list2 td .double_list {display: flex;}
.border_section .img_border .border_list2 td .double_list .divide {flex:1;}
.border_section .img_border .border_list2 td .double_list .divide .list_box .listCon2 {display: inline-block;  vertical-align: top; width: 420px;}
.border_section .img_border .border_list2 td .double_list .divide .list_box .listCon2 dt {display: inline-block; vertical-align: top; width: 60px; padding:0px 0 10px 10px;  font-weight: 600; background: url(../img/sub/search_bu.png) no-repeat 0px 9px;}
.border_section .img_border .border_list2 td .double_list .divide .list_box .listCon2 dd {display: inline-block; width: calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px);}
.border_section .img_border .border_list2 td .double_list .divide .list_box .btnCon {margin-left: 75px; margin-top: 5px;}
.border_section .img_border .border_list2 td .double_list .divide .list_box .btnCon .btn_toxic {font-size: 14px; padding: 0 15px;  height: 36px; background:#fff; border: 1px solid #ccc;}
.border_section .img_border .border_list2 td .double_list .divide .list_box .btnCon .btn_toxic:hover { border: 1px solid #222;}
.border_section .img_border .border_list2 td .dataNon {width: 100%; text-align: center;}
.border_section .img_border .border_list2 td .dataNon span { display: inline-block; height: 100px; line-height: 100px; background: url(../img/sub/img_dataNon.png) no-repeat left center; padding-left: 80px; }


/**tab_wrap**/

/**데이터온 탭**/
.tab_wrap {margin-top: 20px; position: relative; overflow: hidden;}
.tab_wrap .tab, .tab_wrap .tab2,.tab_wrap .tab3,.tab_wrap .tab4
{display:flex; position: relative;  border-bottom: 1px solid #ccc; height: 50px;}
.tab_wrap .tab li, .tab_wrap .tab2 li, .tab_wrap .tab3 li, .tab_wrap .tab4 li
{flex:1; text-align: center; font-weight: 600; border:1px solid #ccc; border-left:none; border-bottom:none; height: 49px;}
.tab_wrap .tab li:first-child, .tab_wrap .tab2 li:first-child, .tab_wrap .tab3 li:first-child, .tab_wrap .tab4 li:first-child
{border-left:1px solid #ccc;}
.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;}
.tab_wrap .tab li.tabon, .tab_wrap .tab2 li.tabon, .tab_wrap .tab3 li.tabon, .tab_wrap .tab4 li.tabon
{background:#2677c9;  border:1px solid #2677c9; color: #fff;}

.tab_wrap .tab li a,.tab_wrap .tab2 li a,.tab_wrap .tab3 li a,.tab_wrap .tab4 li a
{position: relative; display: block; width: 100%; height: 100%; line-height: 20px; padding: 15px 20px 0 15px;  box-sizing: border-box; white-space:nowrap;}

/* .tab_wrap .tab li a::before,.tab_wrap .tab2 li a::before,.tab_wrap .tab3 li a::before,.tab_wrap .tab4 li a::before */
/* {content: "-"; font-weight: 700; color: #fff; margin-right: 5px;} */
.tab_wrap li.tabon a {color:#fff;}
.tab_wrap li a {color:#333;}

/*
.tab_wrap .tab li span,.tab_wrap .tab2 li span,.tab_wrap .tab3 li span,.tab_wrap .tab4 li span
{display: inline-block; width: 10px; height: 10px; margin-right: 7px; background: url(../img/sub/icon_tab.png) no-repeat center center;} /* 탭 아이콘 */


/*쉽게보는 통계 탭*/
.tab_wrap3 {margin-top: 20px;}
.tab_wrap3 ul::after {clear: both; display: block; content: "";}
.tab_wrap3 ul li {float: left; width: 25%; position: relative;}
/* .desc ul li::after {content: "";  width: 100%; height: 100%; margin-left: -1px; margin-top: -1px; box-shadow: inset 0 0 0 1px #d5d6d3; position: absolute; left:0px; top:0px; transition: .3s ease; -webkit-transition: .3s ease;} */
.tab_wrap3 ul li a {display: block; text-align: center; position: relative; box-shadow: inset 0 0 0 1px #ddd; box-sizing: border-box; min-height: 50px; line-height: 18px; padding: 15px 10px;   margin-top: -1px; margin-left: -1px; transition: .3s ease;  -webkit-transition: .3s ease;}
.tab_wrap3 ul li a:hover {background: #2677c9; color: #fff; font-weight: 600;   box-shadow: inset 0 0 0 1px #2677c9;}

.tab_wrap3 a {cursor: pointer;  background: transparent; outline: none;}
.tab_wrap3 a:link {text-decoration: none;}

@media screen and (min-width:600px) and (max-width:800px) {
  .tab_wrap3 ul li { width: 50%; height: auto; }
}

@media screen and (min-width:320px) and (max-width:599px) {
  .tab_wrap3 ul li { width: 100%; height: auto; }
}
/**영농지원온 탭
.tab_wrap .tab2 {display:flex; border-bottom: 1px solid #ccc; position: relative; height: 50px;}
.tab_wrap .tab2 li {flex:1; text-align: center; font-weight: 600; border:1px solid #ccc; border-left:none;  height: 49px;}
.tab_wrap .tab2 li:first-child {border-left:1px solid #ccc;}
.tab_wrap .tab2 li:hover {border-top:1px solid #148bb8;}
.tab_wrap .tab2 li.tabon {background:#148bb8;  border:1px solid #148bb8; color: #fff;}

/**콘텐츠온 탭
.tab_wrap .tab3 {display:flex; border-bottom: 1px solid #ccc;}
.tab_wrap .tab3 li {flex:1; text-align: center;  font-weight: 600; border:1px solid #ccc; border-left:none; border-bottom:none; height: 49px;}
.tab_wrap .tab3 li:first-child {border-left:1px solid #ccc;}
.tab_wrap .tab3 li:hover {border-top:1px solid #029b84;}
.tab_wrap .tab3 li.tabon {background:#029b84; border:1px solid #029b84; color: #fff;}

/**고객센터 탭
.tab_wrap .tab4 {display:flex; border-bottom: 1px solid #ccc;}
.tab_wrap .tab4 li {flex:1; text-align: center;  font-weight: 600; border:1px solid #ccc; border-left:none; border-bottom:none; height: 49px;}
.tab_wrap .tab4 li:first-child {border-left:1px solid #ccc;}
.tab_wrap .tab4 li:hover {border-top:1px solid #7054e7;}
.tab_wrap .tab4 li.tabon {background:#7054e7; border:1px solid #7054e7; color: #fff;}


/** 탭 하단 다운로드 */
.downCon {position: relative;  margin-top: 20px; height: 60px; border:1px solid #ddd; background: #f7f7f7;}
.downCon a {position: absolute; left: 20px; top:20px;}
.downCon a:hover {text-decoration: underline;}
.downCon button {position: absolute; right: 20px; top:10px; border:1px solid #ccc;  height: 36px; width: 120px; padding-right: 20px;  background: url(../img/sub/icon_down.png) no-repeat 88% center #fff; }
.downCon button:hover {border:1px solid #222;}

/**농약 기준치**/
.safetoxic {display: flex; margin-top: 20px; border: 1px solid #ccc;}
.safetoxic div {flex: 1;}
.safetoxic div  span {position: relative; display:block; padding: 0 0 10px 50px; text-align: center; margin: 0 auto; height: 70px; line-height: 70px; width: 310px; font-weight: 600; }
.safetoxic div  span::before {content: ""; display:block; position: absolute; left: 10px;  top:10px; width: 50px; height: 50px; background: url(../img/sub/icon_toxic2.png) no-repeat center center;}
.safetoxic div  span::after {content: ""; display:block; height: 2px; width: 100%;  background: #666; position: absolute; left: 0px;  bottom: -1px; }


/**vegetable_tab**/
.tab_wrap .vegetable_tab {margin-top:10px; position: relative; overflow: hidden;   height: 40px;  padding-top: 5px;}
.tab_wrap .tab_slide {display:inline-block; width:98%;}
.tab_wrap .tab_slide div {float: left;  position: relative;  text-align: center; height: 40px; line-height: 30px;  font-weight: 600;}
.tab_wrap .tab_slide div span, .tab_wrap .tab_slide2 div span {display: block; position: absolute; left:50%; transform: translateX(-50%); bottom: 5px; width:80%; height: 2px; background: #333;}
.tab_wrap .tab_slide div > a, .tab_wrap .tab_slide2 div > a  {font-weight: 400; display: block; position: relative; min-width: 40px; height:30px; line-height: 30px; text-align: center; padding: 0 15px; white-space: nowrap;}
.tab_wrap .tab_slide div > a:after, .tab_wrap .tab_slide2 div > a:after { content: ""; position: absolute; left:50%; bottom: -5px; width:0; height: 2px; background: #333; transition: all 0.5s;}
.tab_wrap .tab_slide div:hover > a:after, .tab_wrap .tab_slide2 div:hover > a:after   {left: 50%; width: 70%; transform: translateX(-50%);}

.tab_wrap .tab_slide2 {display:table;}
.tab_wrap .tab_slide2 div {display: table-cell; padding: 0 10px; position: relative;  text-align: center; height: 40px; line-height: 30px;  font-weight: 600;}
/*
.tab_wrap .tab_slide2 .tabwh200 {width: 200px !important;}
.tab_wrap .tab_slide2 .tabwh300 {width: 300px !important;}
.tab_wrap .tab_slide2 .tabwh400 {width: 400px !important;}
*/

.tab_wrap .vegetable_tab .tabnav {position: absolute; right:-20px; top:-3px; z-index: 500;   display: block; height: 60px; width: 40px;}
.tab_wrap .vegetable_tab .tabnav button {color: transparent; font-size: 0px; width: 20px; height: 15px; border:1px solid #ddd;}
.tab_wrap .vegetable_tab .tabnav button.arrtop {background: url(../img/sub/icon_arrtop.png) no-repeat center center;}
.tab_wrap .vegetable_tab .tabnav button.arrbot {background: url(../img/sub/icon_arrbot.png) no-repeat center center;}


.tab_wrap .vegetable_tab ul { border-bottom: 1px solid #ccc; width: 100%;}
.tab_wrap .vegetable_tab ul li {display: inline-block; /*width: calc (100% / 10); padding: 0 15px;*/  width:9.5%; text-align: center; position: relative;}
.tab_wrap .vegetable_tab > ul > li span {display: block; position: absolute; left:0; bottom: -1px; width:100%; height: 2px; background: #333;}
.tab_wrap .vegetable_tab > ul > li > a {display: block; position: relative; width: 100%; height: 40px;  line-height: 40px;}
.tab_wrap .vegetable_tab > ul > li > a:after { content: ""; position: absolute; left:50%; bottom: -1px; width:0; height: 2px; background: #333; transition: all 0.5s;}
.tab_wrap .vegetable_tab > ul > li:hover > a:after  {left: 0; width: 100%;}


/**tab_wrap**/
.tab_section {padding-top:15px; clear: both;}
.tab_section ul.tabs{display: flex; margin: 0px; padding: 0px; list-style: none;}
.tab_section ul.tabs li{flex: 1; text-align: center; font-weight: 600; height: 45px; line-height: 45px; border:1px solid #ccc; border-left:none;   border-bottom: 1px solid #ddd; cursor: pointer;}
.tab_section ul.tabs li:hover {border-top:1px solid #2677c9;}
.tab_section ul.tabs li:first-child {border-left:1px solid #ddd;}
.tab_section ul.tabs li.current {background: #2677c9; color: #fff; border-bottom: 1px solid #2677c9; border-left:none; border-right:none;  border-top:1px solid #2677c9;}
.tab_section ul.tabs li span {display: inline-block; width: 10px; height: 10px; margin-right: 10px; background: url(../img/sub/icon_tab.png) no-repeat center center;}
.tab_section .tab-content{display: none;}
.tab_section .tab-content.current{display: inherit;}

/** 하단 guid_section **/
.guid_section {border:1px solid #e6eaee; padding: 20px 30px 20px 200px; background: url(../img/sub/guide_img1.png) no-repeat 30px center #f0f4f9; margin-top: 50px;}
.guid_section dl {}
.guid_section dt {display: inline-block; width: 100px; padding:7px 0 0  10px;  font-weight: 600; background: url(../img/sub/search_bu.png) no-repeat 0px 15px;}
.guid_section dd {display: inline-block; width: calc(98% - 105px); width: -webkit-calc(98% - 105px); width: -moz-calc(98% - 105px);}

/** 상단 가이드 **/
.guideTop {position: relative; border:1px solid #e6eaee; padding: 20px 20px 20px 130px; margin-top: 20px;}
.databg1 {background: url(../img/sub/data_img3.png) no-repeat right center;}
.guideTop span {display:block; position: absolute; left:30px; top:20px;  width: 80px; height: 80px; background: url(../img/sub/guide_top1.png) no-repeat 0px top;}
.guideTop .img1 { background: url(../img/sub/guide_top1.png) no-repeat 0px top;}
.guideTop .img2 { background: url(../img/sub/guide_top3.png) no-repeat 0px top;}
.guideTop .img3 { background: url(../img/sub/guide_top4.png) no-repeat 0px top;}
.guideTop .img4 { background: url(../img/sub/guide_top5.png) no-repeat 0px top;}
.guideTop .img5 { background: url(../img/sub/guide_top2.png) no-repeat 0px top;}
.guideTop p {font-size: 16px; font-weight: 600; color: #222;}
.guideTop ul {margin-top: 10px;}
.guideTop ul li {display: block; margin-top: 7px; background: url(../img/sub/guide_dot.png) no-repeat 0px 8px; padding-left: 10px; line-height: 22px;}
.guideTop .linktext  {padding-left: 10px;}
.guideTop .linktext .linklist {display: inline-block; margin-right: 30px; font-weight: 500; font-size: 15px;  color: #333;}
.guideTop .linktext .linklist a {display: inline-block;}
.guideTop .linktext .linklist a:hover {text-decoration:underline;}
.guideTop a.btn_write {display: inline-block; border:1px solid #ccc; border-radius: 2px;  height: 36px; text-align: center; line-height: 36px; width: 150px; margin-top: 10px;}
.guideTop a.btn_write:hover {border:1px solid #222;}

/** 상단 가이드 단식 서비스 종료 안내 **/
.guideTop2 {position: relative; border:1px solid #e6eaee; padding: 30px 20px 30px 30px; margin-top: 20px;}
.databg1   {background: url(../img/sub/data_img3.png) no-repeat right bottom;}
.guideTop2 p {font-size: 27px; font-weight: 600; color: #222;}
.guideTop2 p span{ color:#1852bc;}
.guideTop2 ul {margin-top: 20px; margin-bottom: 10px;}
.guideTop2 ul li {display: block; margin-top: 7px;  padding-left: 10px; line-height: 26px; font-size: 17px;}
.guideTop2 .guid_btn button {display: inline-block;  border-radius: 2px;  height: 40px; background: #015db8;  font-weight: 600; color: #fff; text-align: center; line-height: 30px; padding: 0 20px; margin-top: 10px; }

.guideTop3 {position: relative; border:1px solid #e6eaee; padding: 0px 20px 10px 20px; margin-top: 20px;} /*아이콘 이미지 없음*/
.guideTop3 ul {margin-top: 20px; margin-bottom: 10px;}
.guideTop3 ul li {display: block; margin-top: 7px; background: url(../img/sub/guide_dot.png) no-repeat 0px 8px; padding-left: 10px; line-height: 22px;}





/** 데이터 경매 조회 전 가이드 **/
.search_guide {position: relative; border:1px solid #e6eaee; height: 300px; margin-top: 20px;}
.search_guide .guideBox {position: absolute; left:50%; top:40%; transform: translateX(-50%); background: url(../img/sub/guide_img3.png) no-repeat 0px 0px; padding-left:100px; height:70px;}
.search_guide p {margin:5px 0 10px 0; font-weight: 600; font-size:18px; }

 /** 그래프 박스 **/
.graphbox {position: relative;  border:1px solid #ddd; padding: 20px 20px; min-height: 250px; margin: 20px 0 20px 0;}
.graphbox2 {position: relative; 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;}

.graphbox2 .datanon {position: absolute; left:50%; top:50%; transform: translateX(-50%); height: 100px; padding: 10px 0 0 70px; color: #555; text-align: center; background: url(../img/sub/img_dataNon.png) no-repeat 0px 0px;}

.weatherBox {border:1px solid #ddd; padding: 20px 20px; min-height: 250px; margin: 20px 0 20px 0;}


 /** 그래프 박스 검색 **/
 .graph_search {padding: 20px 0px; border-bottom:1px solid #ddd; margin-bottom: 40px;}
 .graph_search .searchCon {display: flex;}
 .graph_search .searchCon  div {flex: 1;}
 .graph_search .searchCon  div div {display: inline-block; width: 150px;}
 .graph_search .searchCon  div div select {width:90px;}
 .graph_search .searchCon  div:nth-child(2),.graph_search .searchCon  div:nth-child(3) {text-align: right;}
 .graph_search .searchCon  div span {display: inline-block;  width: 80px; text-align: left; margin-left: 20px; font-weight: 600;  padding-top: 9px;vertical-align: top; padding-left: 10px;  background: url(../img/sub/search_bu.png) no-repeat 0px 18px;}


/** calender_section **/
.schedule_wrap {margin-top: 50px;}
/*
.notice_section {display: inline-block; width: 435px; }
.notice_section .list_line {border-left:1px solid #ddd; padding-left: 30px;}
.notice_section .list_line .date {position: relative;}
.notice_section .list_line .dotblue {position:absolute; left: -36px; top:16px; display: block; width: 12px; height: 12px;  border-radius: 50%; background: #2c7ed2; }
.notice_section .list_line .date span {display: inline-block; color: #222; font-size:30px;}
.notice_section .list_line .date .btn_more {position: absolute; right: 50px; top:10px; display:block; width: 30px; height: 30px; font-size: 0px; color: transparent;  border: 1px solid #ddd; background: url(../img/sub/btn_more.png) no-repeat center center; }
.notice_section .list_line .notice_list {margin-top: 40px; width:320px; border:1px solid}
.notice_section .list_line .notice_list li {position: relative; display: block; height: 80px; padding:3px 0 0 70px; font-size: 16px; font-weight: 600; word-break: keep-all; }
.notice_section .list_line .notice_list li .rect {position:absolute; left: 0px; top:0px;text-align: center; line-height: 50px; color: #fff;}
.notice_section .list_line .notice_list li .work {background: #2c7ed2; display: block; width: 50px; height: 50px; }
.notice_section .list_line .notice_list li .edu {background: #2e9bc3; display: block; width: 50px; height: 50px; }
.notice_section .list_line .notice_list li .income {display: block; width: 50px; height: 50px; background: url(../img/sub/img_income2.png) no-repeat left 3px; color: transparent; font-size: 0;}
.notice_section .list_line .notice_list li .expense {display: block; width: 50px; height: 50px; background: url(../img/sub/img_expense2.png) no-repeat left 3px; color: transparent; font-size: 0;}

.notice_section .list_line .notice_list li .dot {position:absolute; left: -34px; top:20px; display: block; width: 7px; height: 7px;  border-radius: 50%; background: #222; }
.notice_section .list_line .notice_list li .subtext {display: block; color: #666; font-size: 14px; margin-top: 5px; font-weight: 500;}
.notice_section .list_line .notice_list li .plus {display: inline-block; background: url(../img/sub/icon_plus.png) no-repeat left 3px; padding-left: 22px; margin-top: 5px;}
.notice_section .list_line .notice_list li .minus {display: inline-block; background: url(../img/sub/icon_minus.png) no-repeat left 3px; padding-left: 22px; margin-top: 5px;}
*/

.calender_section {padding: 30px 0px 0px;   border:1px solid #ccc; margin-bottom: 20px; }
.calender_section .datebox {text-align: center;width: 100%; font-weight: 600;}
.calender_section .datebox {display: inline-block; }
.calender_section .datebox > span {display: inline-block; color: #222; font-size:35px; vertical-align: middle;}
.calender_section .datebox button { display: inline-block; width: 30px; height: 36px;}
.calender_section .datebox .btn_year {background: url(../img/sub/year_list.png) no-repeat center 15px; margin-right: 20px;}
.calender_section .datebox .btn_prev {background: url(../img/sub/date_prev.png) no-repeat center 12px; margin-right: 25px;}
.calender_section .datebox .btn_next {background: url(../img/sub/date_next.png) no-repeat center 12px; margin-left: 25px;}
.calender_section .datebox .btn_day {width: 80px; font-size: 14px; color: #565656; padding-top: 9px; padding-left: 17px; background: url(../img/sub/calendar.png) no-repeat 0px 15px; margin-left: 20px;}


.calender_section .calender_box {position:relative; margin:30px 0 0px 0; border-top: 1px solid #ddd;}
.calender_section .calender_box > table {border-collapse: collapse; }
.calender_section .calender_box > table th {height: 50px; line-height: 40px; text-align:center; font-size: 16px; font-weight: 600; color: #222; border-bottom:1px solid #ccc;}
.calender_section .calender_box > table td {position: relative; padding: 10px 10px; height: 100px; color: #555; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.calender_section .calender_box > table td:hover {background: #efefef;}
.calender_section .calender_box > table tr:last-child td {border-bottom: none;}
.calender_section .calender_box > table td .daynum {position: absolute; left:10px; top:0px;width: 36px; height: 36px;  line-height: 36px; font-size: 16px;}
.calender_section .calender_box > table td:first-child .daynum  {color: #d13c29 !important;}
.calender_section .calender_box > table td:last-child .daynum  {color: #4965b1 !important;}
.calender_section .calender_box > table td.dayon {background: #f1f8fe;}
.calender_section .calender_box > table td .on {color: #1944b9; line-height: 36px; font-weight: 600;}
.calender_section .calender_box > table td.sumline {height: 60px; line-height: 40px;  padding: 0px 0px;  text-align: right; /* border-top:1px solid #ddd;*/ }
.calender_section .calender_box > table td .num {position: absolute; left:10px; top:40px; display: block; color: #333;  text-align: center; line-height: 36px; font-size: 14px; font-weight: 500;  background: url(../img/sub/img_eud.png) no-repeat 0px 8px; padding-left: 27px;  }
.calender_section .calender_box > table td .num2 {position: absolute; left:10px; top:70px; display: block; color: #333;  text-align: center; line-height: 36px; font-size: 14px; font-weight: 500; background: url(../img/sub/img_work.png) no-repeat 0px 8px; padding-left: 27px;}
.calender_section .calender_box > table td .regist a {position: absolute; right:5px; top:7px; display: block; background: #fff; padding: 2px 3px; border:1px solid #aaa; border-radius: 2px;  color: #555;  text-align: center;  font-size: 14px; font-weight: 500; }
.calender_section .calender_box > table td .num a,
.calender_section .calender_box > table td .num2 a {display: block;}
.calender_section .calender_box > table td .num a:hover,
.calender_section .calender_box > table td .num2 a:hover {text-decoration: underline;}
.calender_section .calender_box > table td .regist a:hover {border:1px solid #333;}

.calender_section .calender_box > table td .icon {position: absolute; left: 40px; top: 10px; width: 70px; height: 20px;}
.calender_section .calender_box > table td .icon >  span {float: left;  font-size: 0px; color: transparent; width: 15px; height: 17px; }
.calender_section .calender_box > table td .icon >  span::after {content: ""; display: block; clear: both;}
.calender_section .calender_box > table td .icon > .water {background: url(../img/sub/icon_water.png) no-repeat center center;}
.calender_section .calender_box > table td .icon > .ample {background: url(../img/sub/icon_ample.png) no-repeat center center;}
.calender_section .calender_box > table td .icon > .toxic {background: url(../img/sub/icon_toxic.png) no-repeat center center;}
.calender_section .calender_box > table td .plusnum,
.calender_section .calender_box > table td .minusnum, .calender_section .calender_box > table td .sum {padding-top: 5px; text-align: right;}
.calender_section .calender_box > table td .plusnum {position: absolute; right: 20px; bottom: 40px;  display: block; color: #144daf; }
.calender_section .calender_box > table td .minusnum {position: absolute; right: 20px; bottom: 10px;display: block; color:#222;}
.calender_section .calender_box > table td .sum  {position: absolute; right: 20px; bottom: 10px; color: #333; font-weight: 600;}
.calender_section .calender_box > table td .sumplus,
.calender_section .calender_box > table td .summinus {padding: 0 13px; height: 30px; line-height: 30px; border-radius:22px; font-weight: 600;}
.calender_section .calender_box > table td .sumplus  {display: block; position: absolute; right: 10px; bottom: 15px; /*  background: rgba(28, 107, 189, 0.7);*/ color: #144daf;}
.calender_section .calender_box > table td .summinus {position: absolute; right: 10px; bottom: 15px; /*background: rgba(209, 15, 16, 0.7); */ color: #222;}
/* .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; }


/** 영농일지 **/
.farm_section {position: relative; background: #f2f2f2; padding: 35px 30px 20px 30px; margin-top:20px; border-radius: 3px;}
.farm_section h3 {background: none; font-size: 28px; padding-left: 5px; margin-top: 0px; letter-spacing: -0.1em;}
.farm_section .g_text {position: absolute; right: 40px; top:70px;}
.farm_con {display: flex; margin-top: 30px;}
.farm_con .box {flex: 1; position: relative; vertical-align: top; padding:0px 10px;}
.farm_con .box  .farm_count {position: relative; border-radius: 10px; width: 100%; height: 200px; padding: 30px 40px;}
.farm_con .box  .imgbg1 {background: url(../img/sub/img_farmdaily2.png) no-repeat 40px 35px #fff ;}
.farm_con .box  .imgbg2 {background: url(../img/sub/img_farmedu2.png) no-repeat 40px 35px #fff;}

.farm_con .box  .imgbg3 {background: url(../img/sub/img_income.png) no-repeat 40px 35px #fff ;}
.farm_con .box  .imgbg4 {background: url(../img/sub/img_expense.png) no-repeat 40px 35px #fff;}
.farm_con .box  .imgbg5 {background: url(../img/sub/img_sum.png) no-repeat 40px 35px #fff ;}

.farm_con .box p {font-size: 26px; color: #333; font-weight: 600; margin-bottom: 5px; text-align: right;}
.farm_con .box span {display:block; color:#666; text-align: right; padding-top: 5px; }
.farm_con .box .total {position: absolute; right: 30px; bottom: 30px; font-size: 35px; color: #222;}
.farm_con .box .total strong {font-weight: 600;}

.farm_con .box .farm_count2 {position: relative; border-radius: 10px; width: 100%; height: 200px; padding: 30px 20px; background: #fff;}
.farm_con .box .farm_count2  ul {display: flex; margin: 0 auto; width: 100%; margin-top: 10px;}
.farm_con .box .farm_count2  ul li {flex: 1;}
.farm_con .box .farm_count2  ul li .num {display: block; text-align: center; padding-top: 20px; color: #666; font-size: 17px;}
.farm_con .box .farm_count2  ul li .num strong {font-weight: 500; color: #000;}
.farm_con .box .farm_count2  ul li .circle {display: block; margin: 0 auto; width:80px; height:80px; border-radius: 50%;}
.farm_con .box .farm_count2  ul li .toxic {background: url(../img/sub/img_toxic.png) no-repeat center center #f2f2f2;}
.farm_con .box .farm_count2  ul li .water {background: url(../img/sub/img_water.png) no-repeat center center #f2f2f2;}
.farm_con .box .farm_count2  ul li .ample {background: url(../img/sub/img_ample.png) no-repeat center center #f2f2f2;}

.farmdata_list {position: relative; margin: 20px 10px;}
.farmdata_list  h3 {position: absolute; left: 0px; top:-45px; font-size: 22px; font-weight: 600; letter-spacing: 0px;}
.farmdata_list .btn_more {position: absolute; right:0px; top:-45px; width: 80px; font-size: 13px; height: 30px; background: url(../img/sub/btn_more3.png) no-repeat 90% center ; }
.farmdata_list .list {margin-top: 70px; padding: 20px 40px; border-radius: 10px;   background: #fff; }
.farmdata_list .list li {font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.farmdata_list .list li:last-child {margin-bottom: 0px;}
.farmdata_list .list li .boxBL {display: inline-block; padding: 4px 7px; text-align: center; color: #fff; background: #284b9b; font-size: 13px; font-weight: 500;}
.farmdata_list .list li .boxGR {display: inline-block; padding: 4px 7px; text-align: center; color: #fff; background: #1d8d5c; font-size: 13px; font-weight: 500;}
.farmdata_list .list li p {display: inline-block; margin-left: 10px;}
.farmdata_list .list li p a:hover {text-decoration: underline;}
.farmdata_list .list li p span {font-weight: 500; color: #333;}

.farmdata_list2 {position: relative; margin: 20px 10px;}
.farmdata_list2  h3 {position: absolute; left: 0px; top:-45px; font-size: 22px; font-weight: 600; letter-spacing: 0px;}
.farmdata_list2 .btn_more {position: absolute; right:0px; top:-45px; width: 80px; font-size: 13px; height: 30px; background: url(../img/sub/btn_more3.png) no-repeat 90% center ; }
.farmdata_list2 .list2  {display: flex; margin-top: 70px;}
.farmdata_list2 .list2 .listBox {flex: 1; position: relative; background: #fff; border-radius: 10px; padding: 10px 20px 10px 10px; width: 100%; }
.farmdata_list2 .list2 .listBox .scrollY {height: auto; overflow-y: auto;}
.farmdata_list2 .list2 .listBox:first-child { margin-right: 10px;}
.farmdata_list2 .list2 .listBox:last-child { margin-left: 10px;}

.farmdata_list2 .list2 .listBox .moneylist {min-height: 30px;}
.farmdata_list2 .list2 .listBox .income {display: inline-block; padding: 5px 7px; background: url(../img/sub/img_income3.png) no-repeat 20px 5px #fff; padding-left: 65px;}
.farmdata_list2 .list2 .listBox .expens {display: inline-block; padding: 5px 7px; background: url(../img/sub/img_expense3.png) no-repeat 20px 5px #fff; padding-left: 65px;}
.farmdata_list2 .list2 .listBox  p {display: inline-block; margin-top: 5px;}
.farmdata_list2 .list2 .listBox  p a:hover {text-decoration: underline;}
.farmdata_list2 .list2 .listBox  p span{ display: inline-block;  font-weight: 500; color: #333;}
.farmdata_list2 .list2 .listBox .dataNon {position: absolute; left:50%; transform:translateX(-50%) ;  top:35%; height: 50px; color: #666; line-height: 50px; background: url(../img/sub/img_dataNon.png) no-repeat 0px center #fff; padding-left: 80px;}




.farmdata_list2 .list2 ul {display: flex;}
.farmdata_list2 .list2 li {flex: 1; font-size: 17px; font-weight: 600; margin-bottom: 10px; padding: 0 10px;}
.farmdata_list2 .list2 li:first-child {padding-left: 0px;}
.farmdata_list2 .list2 li:last-child {padding-right: 0px;}

.farmdata_list2 .list2 li .moneylist {background: #fff; border-radius: 10px; padding: 20px 40px; width: 100%; min-height: 80px; }
.farmdata_list2 .list2 li .income {display: inline-block; padding: 4px 7px; background: url(../img/sub/img_income2.png) no-repeat 30px center #fff; padding-left: 90px;}
.farmdata_list2 .list2 li .expens {display: inline-block; padding: 4px 7px; background: url(../img/sub/img_expense2.png) no-repeat 30px center #fff; padding-left: 90px;}
.farmdata_list2 .list2 li p {display: block; margin-top: 12px;}
.farmdata_list2 .list2 li .money {font-weight: 500; color: #333;}


/*
.farm_con .box1::before {content: ""; display: block;  position: absolute; left: -1px; top:0px; height: 5px; width: 101%; margin-left:0px; background: #2c7ed2;}
.farm_con .box2::before {content: ""; display: block;  position: absolute; left: -1px; top:0px; height: 5px; width: 101%;  margin-left:0px; background: #2e9bc3;}
.farm_con .box3::before {content: ""; display: block;  position: absolute; left: 0px; top:0px; height: 5px; width: 101%; margin-left:-3px; background: #95a1b8;}
*/

/*
.farm_con .box4 {box-flex:1; -webkit-box-flex: 1; -moz-box-flex: 1; padding:20px 0 0 30px; height: 220px; border: 1px solid #ddd; border-top: none; border-right: none; width: 33.3%; background: url(../img/sub/img_income.png) no-repeat 90% 20px;}
.farm_con .box5 {box-flex:1; -webkit-box-flex: 1; -moz-box-flex: 1; padding:20px 0 0 30px; height: 220px; border: 1px solid #ddd; border-top: none; border-right: none; width: 33.3%; background: url(../img/sub/img_expense.png) no-repeat  90% 20px;}
.farm_con .box6 {box-flex:1; -webkit-box-flex: 1; -moz-box-flex: 1; padding:20px 0 0 30px; height: 220px; border: 1px solid #ddd; border-top: none;  width: 33.3%; background: url(../img/sub/img_sum.png) no-repeat  90% 20px;}
.farm_con .box4::before {content: ""; display: block;  position: absolute; left: -1px; top:0px; height: 5px; width: 101%; margin-left:0px; background: #2c7ed2;}
.farm_con .box5::before {content: ""; display: block;  position: absolute; left: -1px; top:0px; height: 5px; width: 101%;  background: #2e9bc3;}
.farm_con .box6::before {content: ""; display: block;  position: absolute; left: -1px; top:0px; z-index: 3; height: 5px; width: 101%; margin-left:-1px; background: #95a1b8;}

.farm_con .box4 p, .farm_con .box5 p, .farm_con .box6 p  {font-size: 26px; color: #555; font-weight: 600; margin-bottom: 5px; padding-top: 10px;}
*/

/** map_section **/
.map_section {position: relative; border: 1px solid #ccc;height: 500px; margin-top: 30px;}
.map_section .map_guide {position: absolute; top:25%; left:50%; transform:translateX(-50%); text-align: center;}
.map_section .map_guide .map_img1 {display:block; width: 80px; height: 120px; background: url(../img/sub/map_img1.png) no-repeat center center; width:100%;}
.map_section .map_guide p {margin-bottom: 20px; font-size: 18px; font-weight: 600;}
.map_section .btn_map {width:100%; text-align:center; margin-top:30px;}
.map_section button {height: 36px; line-height: 36px; padding: 0 20px; background: #4b535b; color: #fff; }
.map_section .map_search {position: absolute; top:40%; left:50%; transform:translateX(-50%);  height: 70px; background: #fff; border: 0px solid #333;}
.map_section .map_search ul {width: 800px;}
.map_section .map_search li {display: inline-block; width: 25%; padding:0 5px 0 5px;}
.map_section .map_search li:last-child {width: 17%;}
.map_section .map_search li span {display: block;  margin-bottom: 10px; font-weight: 600;}
.map_section .map_search li select {width: 100%;}

/** fertiCon **/
.fertiCon {display: flex; margin-top: 20px;}
.fertiCon .divid {flex: 1;}
.fertiCon .divid:nth-child(1) {padding-right: 15px;}
.fertiCon .divid:nth-child(2) {padding-left: 15px;}
.fertiCon .divid .divCon {position: relative; padding: 20px 20px; border:1px solid #ccc; min-height: 480px; /*background: #fafafa;*/}
.fertiCon .divid .divCon p {font-weight: 600; font-size: 16px; }
.fertiCon .divid .divCon dl {margin-top: 20px;}
.fertiCon .divid .divCon dt {font-weight: 600;}
.fertiCon .divid .divCon dd {display: flex; margin-top: 10px;}
.fertiCon .divid .divCon dd div {flex: 1; padding-right: 5px;}
.fertiCon .divid .divCon dd div select {width: 100%;}
.fertiCon .divid .divCon dd .textBox {display: inline-block; width: 100%;}
.fertiCon .divid .divCon dd .textBox input[type=text] {width: 100%;}
.fertiCon .divid .divCon .find_box4 {position: absolute; right: 20px; bottom: 20px;}
.fertiCon .divid .divCon .find_box4 button {display: inline-lock; height: 36px; width: 84px; }
.fertiCon .divid .divCon .find_box4 button.btn_search   {color: #fff; padding:0px 10px 0 28px;  font-weight: 600; background: url(../img/sub/search_icon.png) no-repeat 15px center #1c6bbd; }
.fertiCon .divid .divCon .find_box4 button.btn_refresh  {border: 1px solid #bec3c8; padding:0px 10px 0 28px; font-weight: 600; color:#565656 ; background: url(../img/sub/refresh_icon.png) no-repeat 10px center #fff;  }
.fertiCon .divid .divCon .areaCon button {padding: 0px 10px; height: 36px; min-width: 60px; text-align: center; background: #fff; border: 1px solid #ccc;}
.fertiCon .divid .divCon .areaCon button:hover {border: 1px solid #222;}
.fertiCon .divid .divCon .areaCon .on {background: #555; color: #fff; border: 1px solid #555;}

.fertiCon .divid .divCon .type1_list {border-top: 2px solid #787878; border-collapse: collapse; margin-top: 10px; margin-bottom: 20px;}
.fertiCon .divid .divCon .type1_list th,
.fertiCon .divid .divCon .type1_list td {height: 30px; }
.fertiCon .divid .divCon .type1_list th:first-child,
.fertiCon .divid .divCon .type1_list td:first-child  {border-left:none;}
.fertiCon .divid .divCon .type1_list tr:first-child th,
.fertiCon .divid .divCon .type1_list tr:first-child td {border-top: none;}
.fertiCon .divid .divCon .type1_list th {position: relative; padding: 7px 0px; height: 30px;  text-align:center; font-weight: 600; color: #222; background:#f5f5f5; border-bottom: 1px solid #c1c1c1;}
.fertiCon .divid .divCon .type1_list td {position: relative; padding: 7px 10px; height: 30px; text-align:center; color: #333; border-top: 1px solid #ccc;  border-bottom: 1px solid #c1c1c1; background:#fff;/*text-overflow:ellipsis; overflow:hidden;*/ }
.fertiCon .divid .divCon .type1_list td input[type="text"] {width: 100%;}


/** todayKeword **/
.todayKeword {position: relative;}
.todayKeword h3 {display: inline-block;  font-weight: 600; font-size: 20px; background: none; padding-left: 0px; }
.todayKeword .title_info {display: inline-block; margin-left: 15px; }
.todayKeword .data_picker {float: right;  width: 470px; }
.todayKeword .data_picker .dataCon {display: inline-block; padding-top: 25px;}
.todayKeword .data_picker .day_text {font-size: 20px; font-weight: 600; text-align: center; padding: 0 10px;}
.todayKeword .data_picker .btn_prv {width: 20px; height: 20px; background: url(../img/sub/btn_prev.png) no-repeat center 2px; font-size: 0; color: transparent;}
.todayKeword .data_picker .btn_next {width: 20px; height: 20px;background: url(../img/sub/btn_next.png) no-repeat center 2px; font-size: 0; color: transparent;}
.todayKeword .data_picker .btn_today {font-size: 14px; line-height: 30px; vertical-align: top;  background: url(../img/sub/calendar.png) no-repeat 0px center #fff; padding-left: 22px; margin-left: 5px; }

.todayKeword .data_picker .searchBox {position: absolute; top:20px; right:0px; }
.todayKeword .data_picker .searchBox .news_search {display: inline-block; position: relative; width: 220px; margin-left: 20px;}
.todayKeword .data_picker .searchBox .news_search input[type=text] {width: 100%;}
.todayKeword .data_picker .searchBox .news_search button {position: absolute; right: 5px; top:2px; width: 30px; height: 30px; background: url(../img/sub/search_icon2.png) no-repeat center center #fff; color: transparent; font-size:0px;}



.keyword_section {margin-top:0px; position: relative; margin-bottom: 0px;}
.keyword_section h3 {display: inline-block;  font-weight: 600; font-size: 20px; background: none; padding-left: 0px;}
.keyword_section .title_info {display: inline-block; margin-left: 15px;}
.keyword_section .chart_box {display: flex;}
.keyword_section .chart_box .chartCon {flex:1; padding: 10px 10px 10px 0px;}
.keyword_section .chart_box .chartCon:nth-child(2) {margin-left: 10px;}
.keyword_section .chart_box .chartCon .chart {border: 1px solid #ddd; height: 300px; overflow: hidden;}
.keyword_section .chart_box .chartCon .chart p {margin-top: 10px; margin-bottom:20px; font-weight: 600; font-size: 18px; padding:10px 0 0 20px; color: #01509e;}
.keyword_section .chart_box .chartCon .chart p .stitle {color: #333;}
.keyword_section .chart_box .chartCon .chart p .data_text {color: #555; font-weight: 500;}
.keyword_section .chart_box .chartCon .chart div {margin: 0px 20px;}

.keyword_section .newschart_box {display:table; width: 100%;}
.keyword_section .newschart_box .chartCon {display:inline-block; padding: 10px 10px 10px 0px; vertical-align: top;}
.keyword_section .newschart_box .chartCon:nth-child(1){width: 65%;}
.keyword_section .newschart_box .chartCon:nth-child(2){width: 35%; padding-left: 10px; }
.keyword_section .newschart_box .chartCon .chart {border: 1px solid #ddd; height: 300px;}
.keyword_section .newschart_box .chartCon .chart p {margin-top: 10px; margin-bottom:20px; font-weight: 600; font-size: 18px; padding:10px 0 0 20px; color: #01509e;}
.keyword_section .chart_box .chartCon .chart p {margin-top: 10px; margin-bottom:20px; font-weight: 600; font-size: 18px; padding:10px 0 0 20px; color: #01509e;}
.keyword_section .chart_box .chartCon .chart p .stitle {color: #333;}
.keyword_section .chart_box .chartCon .chart div {margin: 0px 20px;}

/** 핫이슈 **/
.hotissue_section {display: table; width: 100%; margin-top: 10px;}
.hotissue_section .issueCon {position: relative; display: inline-block; min-height: 400px; vertical-align: top;}
.hotissue_section .issueCon  h3 {display: inline-block; font-weight: 600; font-size: 20px; background: none; padding-left: 0px;  margin-top:0px; height: 40px;}
/*
.hotissue_section .webmtop80 {padding-top: 40px;}
.hotissue_section .issueCon .data_picker {position: absolute; right:0px; top:0px;}
.hotissue_section .issueCon .data_picker .dataCon {display: inline-block;}
.hotissue_section .issueCon .data_picker .day_text {font-size: 20px; font-weight: 600; text-align: center; padding: 0 10px;}
.hotissue_section .issueCon .data_picker .btn_prv {width: 20px; height: 20px; background: url(../img/sub/btn_prev.png) no-repeat center 2px; font-size: 0; color: transparent;}
.hotissue_section .issueCon .data_picker .btn_next {width: 20px; height: 20px;background: url(../img/sub/btn_next.png) no-repeat center 2px; font-size: 0; color: transparent;}
.hotissue_section .issueCon .data_picker .btn_today {font-size: 14px; line-height: 30px; vertical-align: top;  background: url(../img/sub/calendar.png) no-repeat 0px center #fff; padding-left: 22px; margin-left: 5px; }
.hotissue_section .issueCon .data_picker .new_search {display: inline-block; position: relative; width: 220px; margin-left: 20px;}
.hotissue_section .issueCon .data_picker .new_search input[type=text] {width: 100%;}
.hotissue_section .issueCon .data_picker .new_search button {position: absolute; right: 5px; top:2px; width: 30px; height: 30px; background: url(../img/sub/search_icon2.png) no-repeat center center #fff; color: transparent; font-size:0px;}
*/
.hotissue_section .issueCon:nth-child(1) {width: 60%;}
.hotissue_section .issueCon:nth-child(2) {width: 40%; padding-left: 30px;}
.hotissue_section .issueCon .channelCon {position: relative; height: 400px;}
.hotissue_section .issueCon .channelCon img {width: 100%; height: 400px;}
.hotissue_section .issueCon .channelCon .issuelist {position: absolute; left: 40px; bottom:70px; z-index: 500; color:rgba(255, 255, 255, 0.8); width: 90%;}
.hotissue_section .issueCon .channelCon .issuelist p {font-weight: 600; font-size: 22px; }
.hotissue_section .issueCon .channelCon .issuelist  span {display: inline-block; font-size: 16px;  line-height: 25px; margin-top: 10px;}
.hotissue_section .issueCon .channelCon .issuelist .lable {position: absolute; right: 0px; bottom:-40px;}
.hotissue_section .issueCon .channelCon .issuelist .lable span {font-size: 13px; margin-right: 10px;}

.hotissue_section .issueCon .channelCon .control {position: absolute; left: 50%; bottom: 30px; z-index: 1000; text-align: center; transform: translateX(-40%);}
.hotissue_section .issueCon .channelCon .control ul {position: relative; top:-7px; font-size: 0;  border: none;}
.hotissue_section .issueCon .channelCon .control li {display: inline-block; padding: 0 3px; border: none; height: 10px;}
.hotissue_section .issueCon .channelCon .control li.on a {background: #fff;}
.hotissue_section .issueCon .channelCon .control li a {display: block; width: 20px; height:3px; background: rgba(255,255,255,0.5); border: none;}

.hotissue_section .issueCon .channelCon .dummy {position: absolute; left: 0px; top:0px;  width: 100%; height:100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 90%);}
.hotissue_section .issueCon .channelCon .dummy::after {content: ""; display: block; position: absolute; left: 0px; top:0px;  width: 100%; height:100%;background: linear-gradient(to right, rgba(0,0,0,1) 20%,rgba(0,0,0,0) 100%);}
.hotissue_section .issueCon .channelCon .channerlabel {position: absolute; left: 40px; top:40px; z-index: 500;  width: 90px; height: 90px; border-radius:50%; background:rgba(2, 163, 139, 0.5); color: #fff; font-weight: 600; font-size: 22px; text-align: center; line-height: 90px;}

.hotissue_section .issueCon ul {border-top:1px solid #ddd;}
.hotissue_section .issueCon li {display: block; position: relative; border-bottom: 1px solid #ddd; height: 117px; padding-top: 15px;}
.hotissue_section .issueCon li .imgCon {float: left; width: 150px; height: 100px; border: 1px solid #ddd;}
.hotissue_section .issueCon li .imgCon img {width: 100%; height: 100%;}
.hotissue_section .issueCon li .listCon {padding-left: 170px;}
.hotissue_section .issueCon li .listCon dt {font-weight: 600; font-size: 18px; height: 50px; }
.hotissue_section .issueCon li .listCon dd {margin-top: 30px; }
.hotissue_section .issueCon li .listCon dd span {margin-right: 20px; position: relative; color: #666; font-size: 14px;}
.hotissue_section .issueCon li .listCon dd span:first-child::after {content:""; display: block; position: absolute; right: -10px; top:5px; width: 1px; height: 10px; background: #ddd; }

/** 분야별 신문사별 뉴스보기 **/
.channel_schBox {border-top:1px solid #ddd;  margin-top: 30px;}
.channel_schBox div {border-bottom:1px solid #ddd; padding: 20px 0px;}
.channel_schBox div .partBox {width: 100%;}
.channel_schBox div .partBox dt {display: inline-block; width: 180px;  font-weight: 600; font-size: 18px; vertical-align: top;}
.channel_schBox div .partBox dd {display: inline-block;  font-weight: 500; font-size: 15px; width: calc(100% - 200px); width: -webkit-calc(100% - 200px); width: -moz-calc(100% - 200px); }
.channel_schBox div .partBox dd  .btn_close {display: inline-block; border: 1px solid #ccc; border-radius: 50%; background: #fff; width: 30px; height: 30px; font-size: 0px; vertical-align: top;  background: url(../img/sub/icon_arr6.png) no-repeat center center; }
.channel_schBox div .partBox dd  .btn_open {display: inline-block; border: 1px solid #ccc; border-radius: 50%; background: #fff; width: 30px; height: 30px; font-size: 0px; vertical-align: top;  background: url(../img/sub/icon_arr7.png) no-repeat center center; }

.channel_schBox div .partBox dd .nowlist {display: inline-block; padding-left: 20px; width: 90%; padding-top: 3px;}
.channel_schBox div .partBox dd .nowlist em {position: relative; display: inline-block;  margin-right: 20px; margin-bottom: 10px; }
.channel_schBox div .partBox dd .nowlist em::after {content: ""; display: block; position: absolute; right: -10px; top:5px; width: 1px; height: 10px; background: #ddd;}
.channel_schBox div .partBox dd .nowlist em:last-child:after {display: none;}

.channel_schBox div .partBox dd .inner {display: inline-block; height: auto; opacity: 1; padding: 10px 0 0 0; margin-top: 0px; border-bottom: none;}
.channel_schBox div .partBox label{position: relative;  white-space:nowrap; min-height:2rem; display:inline-block; font-size:0.928rem; vertical-align:top; margin-bottom:5px}
.channel_schBox div .partBox label input + span:before{margin-top:-9px; border-radius:100%;  width:18px; height:18px; line-height:18px;}
.channel_schBox div .partBox label input[type="checkbox"] + span:before {background:rgba(0,0,0,0.2); }
.channel_schBox div .partBox label input + span {color: rgba(0,0,0,0.52) !important; padding:2px 20px 0 30px;  background: url(../img/sub/check_img2.png) no-repeat 7px center #ccc; border-radius:1rem; width:100%; height:100%; display:block; box-sizing:border-box; line-height:2rem;}
.channel_schBox div .partBox label input[type="checkbox"]:checked + span{/*background:#fed668;*/ color: rgba(0,0,0,0.52) !important; font-weight: 600; background: url(../img/sub/check_img1.png) no-repeat 7px center #fed668;}
.channel_schBox div .partBox label input[type="checkbox"]:disabled + span{background:#e8e8e8; color:rgba(0,0,0,0.2) !important}
.channel_schBox div .partBox label input[type="checkbox"]:disabled + span:before{color:rgba(255,255,255,0.5); }
.channel_schBox div .partBox button {color:#cbab53;height:35px; line-height:35px}

/** 최신뉴스 많이본 뉴스 **/
.news_section {display: table;}
.news_section .newsCon {flex:1;}
.news_section .newsCon {display: inline-block;  vertical-align: top;}
.news_section .newsCon:nth-child(1) {width: 60%;}
.news_section .newsCon:nth-child(2) {width: 40%; padding-left: 40px;}

.news_section .headerCon {position: relative;}
.news_section .headerCon h3 {display: inline-block;  font-weight: 600; font-size: 20px; background: none; padding-left: 0px;}
.news_section .headerCon .total {margin-left: 20px;}
.news_section .headerCon .option {position: absolute; right: 0px; bottom:0px; font-size: 15px;}
.news_section .headerCon .option .btn_day {position: relative; background: #fff; height: 30px; padding: 0 10px;  text-align: center; background: #fff; margin-left: 10px; }
.news_section .headerCon .option .btn_day:hover::after {content: ""; display: block; position: absolute; right:-7px; top:10px; width: 10px; height: 10px; background: url(../img/sub/icon_dayarr.png) no-repeat center center #fff;}
.news_section .headerCon .option .btn_dayon {position: relative; color: #222; background: #fff; padding: 0 10px; }
.news_section .headerCon .option .btn_dayon::after {content: ""; display: block; position: absolute; right:-7px; top:5px; width: 10px; height: 10px; background: url(../img/sub/icon_dayarr.png) no-repeat center center #fff;}

.news_section .border_list ul {border-top:1px solid #ddd; margin-top: 10px;}
.news_section .border_list li {display: block; position: relative; height: 150px; border-bottom: 1px solid #ddd; padding-top: 15px;}
.news_section .border_list2 ul {border-top:1px solid #ddd; margin-top: 10px;}
.news_section .border_list2 li {display: block; border-bottom: 1px solid #ddd; padding-top: 15px; padding-bottom: 15px; }

.news_section .border_list li .imgCon {float: left; width: 170px; height: 130px; border: 1px solid #ddd; }
.news_section .border_list li .imgCon::after {content: ""; display: block; clear: both;}
.news_section .border_list li .imgCon img {width: 100%; height: 100%;}
.news_section .border_list li .listCon {padding-left: 200px;}
.news_section .border_list li .listCon dt {font-weight: 600; font-size: 18px;}
.news_section .border_list2 li .listCon dt  {font-weight: 600; font-size: 16px;}
.news_section .border_list2 li .listCon dt .rank {display: inline-block; vertical-align: top;  width: 20px; height: 20px;  line-height: 20px; margin-right: 7px; border-radius:2px; background: #03ae95; color: #fff; font-weight: 500; font-size: 13px; text-align: center;}
.news_section .border_list2 li .listCon dt a {display: inline-block; width: 90%;}
.news_section .border_list li .listCon dt a:hover, .news_section .border_list2 li .listCon dt a:hover  {text-decoration: underline;}
.news_section .border_list li .listCon dd {margin-top: 20px;}
.news_section .border_list2 li .listCon dd {margin-top: 10px; padding-left: 30px;}
.news_section .border_list li .listCon dd p {height: 40px; overflow: hidden;}
.news_section .border_list li .listCon dd .media {margin-top: 25px;}
.news_section .border_list li .listCon dd span, .news_section .border_list2 li .listCon dd span
{margin-right: 20px; position: relative; color: #666;}
.news_section .border_list li .listCon dd span:first-child::after {content:""; display: block; position: absolute; right: -10px; top:5px; width: 1px; height: 10px; background: #ddd; }


/***** 알뜰 장보기 *****/
.markshop_section .date_schedule {display: table; width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 20px; padding: 20px 0px;}
.markshop_section .date_schedule .date_year {display: inline-block; vertical-align: middle;}
.markshop_section .date_schedule .date_tab {overflow: hidden; overflow-x: auto;}
.markshop_section .date_schedule .date_year button {width: 30px; height: 40px; font-size: 0px; color: transparent; vertical-align:middle; }
.markshop_section .date_schedule .date_year button.btn_prv {background: url(../img/sub/date_prev.png) no-repeat center center #fff;}
.markshop_section .date_schedule .date_year button.btn_next {background: url(../img/sub/date_next.png) no-repeat center center #fff;}
.markshop_section .date_schedule  span {font-size: 28px; font-weight: 600; margin: 0 30px; display: inline-block; vertical-align:middle;}

.markshop_section .date_schedule .date_year:nth-child(1) {width:30%; text-align: center;}
.markshop_section .date_schedule .date_year:nth-child(2) {width:70%;}

.markshop_section .date_schedule .dateCon {display: inline-block; vertical-align: middle; width: 100%;}
.markshop_section .date_schedule .dateCon li {display: inline-block; font-size: 16px; padding: 0px 3px;}
.markshop_section .date_schedule .dateCon li button {display: block;  width: 60px; height: 60px; border-radius: 50%; font-size: 17px; font-weight: 600; text-align: center; background: #bbb; color: #fff;}
.markshop_section .date_schedule .dateCon li button.on {background: #333; color: #fff; }

.markshop_section  .date_week {text-align: center; height: 50px; margin-top: 40px; margin-bottom: 20px;}
.markshop_section  .date_week button {width: 30px; height: 40px; font-size: 0px; color: transparent; vertical-align: top; }
.markshop_section  .date_week button.btn_prv {background: url(../img/sub/date_prev.png) no-repeat center center #fff;}
.markshop_section  .date_week button.btn_next {background: url(../img/sub/date_next.png) no-repeat center center #fff;}
.markshop_section  .date_week  span {font-size: 26px; font-weight: 600; margin-left: 20px;  margin-right: 20px;}

.markshop_section  .markinfoCon {margin-top: 10px; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.markshop_section  .markinfoCon ul {margin: 0 auto; width: 700px; margin-top: 0px; }
.markshop_section  .markinfoCon li {display: block; margin-bottom: 20px;}
.markshop_section  .markinfoCon li img {width: 700px; height: 700px;}

/** 개인정보 수집 **/
.privacy_section {margin-bottom: 20px;  border:1px solid #eee; margin-top: 20px; padding: 20px 20px; background-color: #f8f8f8;}
.privacy_section h3 {background: none; font-size: 20px; padding-left: 0px; margin-top: 0px;}
.privacy_section p {margin-top: 20px; margin-bottom: 10px;}
.privacyCon {background: #fff; border:1px solid #eee; padding: 30px 30px; }
.privacyCon dl {}
.privacyCon dt {display:inline-block;  width: 120px; font-weight: 600; margin-bottom: 15px; vertical-align: top; background: url(../img/sub/guide_dot2.png) no-repeat left 8px; padding-left: 12px;}
.privacyCon dd {display:inline-block;  width: calc(100% - 180px); width: -webkit-calc(100% - 180px); width: -moz-calc(100% - 180px); }
.privacyCon dd ul {margin-top: 10px;}
.privacyCon dd li {margin-bottom: 5px;}
.privacyCon .agreeCon {margin-top: 20px;  padding-top: 20px;}
.privacyCon .radCon {text-align: center; border:1px solid #333;}

/** 서비스 소개 **/
.service_visual {margin-top: 20px;}
.service_visual h3 {position: relative;  font-size: 22px; background: none; padding-left: 0px; margin-top: 0px;}
/*
.service_visual h3::before {content: " "; display: block; position: absolute; left: 0px; top:-15px; width: 40px; height: 5px; background: #015db8;}
*/
.visualCon {position: relative;  width: 100%; }
.visualbg1 {background: url(../img/sub/servicebg.jpg) no-repeat 0px 0px;}
.visualbg2 {background: url(../img/sub/servicebg2.jpg) no-repeat 0px 0px;}
.visualCon .serviceimg {padding-top: 150px; padding-left: 10px;}
.visualCon .serviceimg2 {padding-top: 200px; padding-left: 10px;}

.visualCon .serviceinfo {position: absolute; right: 0px; bottom: -10px; width: 650px;}
.visualCon .serviceinfo2 {position: absolute; right: 0px; bottom:130px; width: 460px;}
.visualCon .serviceinfo p, .visualCon .serviceinfo2 p{font-family: 'YiSunShinDotumM'; font-size: 45px; margin-bottom: 10px; }
.visualCon .serviceinfo p span, .visualCon .serviceinfo2 span {color: #0e43af;}
.visualCon .serviceinfo div, .visualCon .serviceinfo2 div {font-size: 19px; margin-top: 20px; line-height: 27px;}

.main_service {margin-top: 100px; min-height: 500px;}
.main_service .serviceCon {margin-top: 50px;}
.main_service .serviceCon li {float: left; width: 25%; }
.main_service .serviceCon li span {display: block; width: 210px; height: 210px;  border:7px solid #e7f3fa; border-radius: 50%;  margin: 0 auto;}
.main_service .serviceCon li span.imgCon1 {background: url(../img/sub/serviceimg2.png) no-repeat center center #3473b1;}
.main_service .serviceCon li span.imgCon2 {background: url(../img/sub/serviceimg3.png) no-repeat center center #1aa0c7;}
.main_service .serviceCon li span.imgCon3 {background: url(../img/sub/serviceimg4.png) no-repeat center center #03b097;}
.main_service .serviceCon li span.imgCon4 {background: url(../img/sub/serviceimg5.png) no-repeat center center #26b666;}

.main_service .serviceCon li .textCon {margin: 0 auto;}
/*
.main_service .serviceCon li .textCon strong {display: block; font-size: 25px; margin-top: 30px; margin-bottom: 20px; text-align: center;}
.main_service .serviceCon li .textCon p {position: relative; text-align: left; font-size: 18px; margin-top: 10px; padding-left: 80px; }
.main_service .serviceCon li .textCon p::before {content: ""; display: block;  position: absolute; left:70px; top:11px; width: 4px; height: 4px; background: url(../img/sub/guide_dot.png) no-repeat left center; }
*/

/* 수정 2025.10.16 */
.main_service .serviceCon li .textCon strong {display: block; font-size: 22px; margin-top: 30px; margin-bottom: 20px; text-align: center;}
.main_service .serviceCon li .textCon p {position: relative; text-align: left; font-size: 15px; margin-top: 10px; padding-left: 80px; }
.main_service .serviceCon li .textCon p::before {content: ""; display: block;  position: absolute; left:70px; top:7px; width: 4px; height: 4px; background: url(../img/sub/guide_dot.png) no-repeat left center; }

.sns_service {margin-top: 70px;}
.sns_service div {margin-top: 20px; line-height: 26px; font-size: 16px;}
.h3title {background: none; padding-left: 0px; font-size:16px; }

.flow_service {margin-top: 80px;}
.flowimg {margin-top:20px; border: 1px solid #ddd; padding: 20px 10px 20px 10px; width:100%; height:400px;}
.flowimg img {width: 100%; height: 100%;}
.flowBox {margin-top:20px; border: 1px solid #ddd; padding: 20px 30px 30px 30px;}
.flowBox .flowtop {position: relative; margin-top: 20px;}
.flowBox .flowtop .error {margin-left: 55px; display: inline-block; background: #e85a43; color: #fff; border-radius:5px 5px; text-align: center; width: 280px; padding: 15px 10px; font-size: 16px; font-weight: 600;}
.flowBox .flowtop .condiarr {position: absolute; right: 30px; top:15px; font-weight: 600;  height: 50px; background: url(../img/sub/flow_arr4.png) no-repeat 100% 0px; padding-right: 65px; }
.flowBox ul {display: flex;}
.flowBox li {flex: 1; padding: 30px 55px;}
.flowBox li .flow {position: relative;}
.flowBox li .flow .arr_img1 {position: absolute; right: -105px; top:65px; width:99px; height: 138px; background: url(../img/sub/flow_arr2.png) no-repeat 0px 0;}
.flowBox li .flow .arr_img2 {position: absolute; right: -100px; top:65px; width:97px; height: 211px; background: url(../img/sub/flow_arr3.png) no-repeat 0px 0px;}
.flowBox li dt {font-weight: 600; font-size: 20px; text-align: center; margin-bottom: 20px;}
.flowBox li dd {margin-bottom: 50px;}
.flowBox li dd P {position: relative; color: #fff; border-radius:5px 5px; text-align: center; padding: 15px 10px; font-size: 16px; font-weight: 600;}
.flowBox li dd p::after {content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: -50px; width: 80px; height: 80px; background: url(../img/sub/flow_arr.png) no-repeat center center;}

.flowBox li dd P span {display: block;}
.flowBox li dd .color1 {background: #015db8;}
.flowBox li dd .color2 {background: #01acb8;}
.flowBox li dd .color3 {background: #01b890;}
.flowBox .flowtext {display: inline-block; background: #6f7a85; color: #fff; width: 100%; padding: 15px 20px; font-size: 16px; font-weight: 600; border-radius: 5px 5px;}
.flowBox .flowtext span {margin-left: 10px;}

.web_service {margin-top: 50px;}
.web_service .webImg {margin-top: 20px;}
.web_service .webImg img {width: 100%; height: auto;}

.BIinfo {padding-top: 50px; }
.BIinfo .biBox {height: 329px; line-height: 329px; margin-top: 50px; border: 1px solid #dadada; background: url(../img/sub/line_bg1.png) repeat-x 0px 0px; text-align: center;}
.BIinfo p {font-family: 'YiSunShinDotumM'; font-size: 35px; text-align: center; line-height: 55px; color: #555;}
.BIinfo p span {color: #015db8;}
.BIinfo .downBox {margin-top: 20px; text-align: right;}
.BIinfo .downBox button {/*background: #357bbf; color: #fff;*/ border: 1px solid #ddd; background: #fff; text-align: center; padding:10px 20px 10px 0px; width: 150px;  background: url(../img/sub/icon_down.png) no-repeat 88% center;}
.BIinfo .downBox button:hover {border: 1px solid #222;}

.BIinfo .symbolCon {margin-top: 30px;}
.BIinfo .symbolCon {width: 100%; display: inline-block; margin-bottom: 20px;}
.BIinfo .symbolCon li {width: 50%; clear: none; float: left; box-sizing: border-box; padding: 0 20px;}
.BIinfo .symbolCon li:first-child {padding-left: 0px;}
.BIinfo .symbolCon li:last-child {padding-right: 0px;}
.BIinfo .symbolCon li .symbolBox {position: relative;  border:1px solid #ddd; height: 100px; background: url(../img/sub/line_bg1.png) repeat-x 0px 0px;}
.BIinfo .symbolCon li .symbolBox .logoimg {padding: 13px 0 0 40px;}
.BIinfo .symbolCon li .symbolBox dl {position: absolute; right: 0px; top:-25px;  background: #fff; width: 400px; margin-top: 25px; height: 97px;}
.BIinfo .symbolCon li .symbolBox dt {font-weight: 600; padding-top: 25px; padding-left: 20px;}
.BIinfo .symbolCon li .symbolBox dd {margin-top: 10px; font-size: 14px; padding-left: 20px;}


.BIinfo .biColor {margin-top: 0px;}
.BIinfo .biColor {width: 100%; display: inline-block; margin-bottom: 20px;}
.BIinfo .biColor li {width: 33.3%; clear: none; float: left; box-sizing: border-box; padding: 0 20px; color: #fff;}
.BIinfo .biColor li:first-child {padding-left: 0px;}
.BIinfo .biColor li:last-child {padding-right: 0px;}
.BIinfo .biColor li .colorBox {position: relative; height: 100px;}
.BIinfo .biColor li .color1 {background: #1f354d;}
.BIinfo .biColor li .color2 {background: #357bbf;}
.BIinfo .biColor li .color3 {background: #41bdce;}
.BIinfo .biColor li .colorBox dl {background: #fff; width: 400px; margin-top: 25px;}
.BIinfo .biColor li .colorBox dt {position: absolute; left: 30px; top:18px; font-size: 18px; line-height: 30px; }
.BIinfo .biColor li .colorBox dd {position: absolute; right: 30px; top:10px;  margin-top: 10px;}

.service_info {margin-top: 50px;}
.service_info .infoBox {width: 100%; display: table; margin-bottom: 20px; margin-top: 20px;}
.service_info .infoBox .divide {display: inline-block;  box-sizing: border-box;}
.service_info .infoBox .divide .serviceimg {border: 1px solid #ddd; padding:5px 0px; text-align: center; overflow: hidden; width: 100%;}
.service_info .infoBox .divide .serviceimg img {width: 100%; height: auto;}
.service_info .infoBox .divide:first-child {padding-left: 0px; width: 35%; vertical-align: top;}
.service_info .infoBox .divide:last-child {padding-right: 0px; width: 65%; padding-left: 50px;}

.service_info .infoBox .divide p {font-weight: 600; font-size: 22px; margin-bottom: 20px; color: #555; line-height: 30px;}
.service_info .infoBox .divide p span {color: #016bb5;}
.service_info .infoBox .divide .infoCon {margin-top: 20px;}
.service_info .infoBox .divide .infoCon  li {display: block; margin-bottom: 20px;}
.service_info .infoBox .divide .infoCon strong {font-size: 18px;}
.service_info .infoBox .divide .infoCon dl {margin-top: 20px;}
.service_info .infoBox .divide .infoCon dt {display: inline-block;  font-weight: 600; width: 140px; vertical-align: top; color:#236db8;}
.service_info .infoBox .divide .infoCon dt span {display: block; border:1px solid #add1f5; text-align: center; padding: 10px 10px;}
.service_info .infoBox .divide .infoCon dd {display:inline-block;  width: calc(100% - 180px); width: -webkit-calc(100% - 180px); width: -moz-calc(100% - 180px); line-height: 22px;  min-height: 40px; margin-bottom: 10px; padding-left: 20px;}
.service_info .infoBox .divide .infoCon dd span {display: block; margin-bottom: 10px;}


/**마이영농on**/
/*
.mypage_section {margin-top: 20px;}
.mypage_section h4 {position: relative; font-size: 18px; background: none; padding-left: 0px; margin-top: 0px;}
.myinfoCon {border: 1px solid #ddd;  width: 100%; display: table; margin-bottom: 10px; margin-top: 20px; padding-bottom: 10px;}
.myinfoCon .myBox {display: inline-block;  box-sizing: border-box;}
.myinfoCon .myBox:first-child {padding-left: 0px; width: 65%; vertical-align: top;}
.myinfoCon .myBox:last-child {position: relative; padding-right: 0px; width: 35%; padding-left: 40px;}
.myinfoCon .myBox:last-child::before {content: ""; display: block; position: absolute; left:0px; top:30px; width: 1px; height: 200px; background: #efefef;}

.myinfoCon .myBox .imgCon {display: inline-block; width: 217px; height: 100%; padding: 30px 20px 20px 20px;}
.myinfoCon .myBox .mypagetext  {display: inline-block; width: 500px; vertical-align: top; padding: 20px 20px 0 0px; margin-left: 60px;}
.myinfoCon .myBox .mypagetext p {font-weight: 600; font-size: 18px; padding-top: 10px;}
.myinfoCon .myBox .mypagetext p span {color: #016bb5;}
.myinfoCon .myBox .mypagetext .text {display: block; margin-top: 10px; line-height: 24px;}
.myinfoCon .myBox .mypagetext .btnCon {margin-top: 23px;}
.myinfoCon .myBox .mypagetext .btnCon button {display: inline-block; height: 36px; line-height: 36px; padding: 0 30px 0 10px; text-align: center; border: 1px solid #ddd; background: url(../img/sub/icon_arr5.png) no-repeat 95% center #fff; }
.myinfoCon .myBox .mypagetext .btnCon button:hover {border: 1px solid #222;}


.myinfoCon .myBox .nametag {padding: 20px 0;}
.myinfoCon .myBox .nametag .picture {display: inline-block; width: 110px; height: 110px; overflow: hidden; border-radius: 50%; border:1px solid #ddd; }
.myinfoCon .myBox .nametag .picture img {width: 100%; height: 100%;}
.myinfoCon .myBox .nametag .name {display: inline-block; height: 80px; vertical-align: top; padding:15px 0 0 20px;}
.myinfoCon .myBox .nametag .name span {display: block; margin-bottom: 15px;}
.myinfoCon .myBox .nametag .name button {display: inline-block; height: 36px; font-size: 14px; line-height: 30px; padding: 0 20px; text-align: center; border: 1px solid #ddd; background:#fff;}
.myinfoCon .myBox .nametag .name button:hover {border: 1px solid #222;}
.myinfoCon .myBox dl {margin-top: 0px;}
.myinfoCon .myBox dt {display: inline-block; width: 130px; vertical-align: top; padding-left: 7px; background: url(../img/sub/search_bu.png) no-repeat 0px center;  }
.myinfoCon .myBox dd {display:inline-block;  width: calc(100% - 150px); width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px);  margin-bottom: 5px; }

.myfarmCon {margin-top: 30px;}
.myfarmCon .myBox {display: inline-block; box-sizing:border-box;}
.myfarmCon .myBox:first-child {padding: 20px 20px; width: 65%; vertical-align: top; border:1px solid #ddd; background: url(../img/sub/icon_map2.png) no-repeat 30px 80px #eef1f7; }
.myfarmCon .myBox:last-child {position: relative; padding-right: 0px; width: 34.6%; padding-left: 15px; }
.myfarmCon .myBox .farmland {position: relative; margin-top: 65px; margin-bottom: 50px;}
.myfarmCon .myBox .farmland p {padding-left: 100px;}
.myfarmCon .myBox .farmland button.btn_land {position: absolute; right:10px; top:-3px; display: block;  background: url(../img/sub/icon_arr5.png) no-repeat 95% center #fff; border:1px solid #ccc; padding: 0 30px 0 10px; height: 36px;}
.myfarmCon .myBox .mytype {margin-top:20px;}
.myfarmCon .myBox .mytype li {float: left; width: 20%; margin-bottom: 10px;}
.myfarmCon .myBox .mytype li button {margin: 0 5px; display: block; width: 150px;  background: #287bcf; color: #fff;  padding: 0 0px; height: 36px;}
.myfarmCon .myBox .mytype li .btn_type { color: #555; border:1px solid #ccc; background: url(../img/sub/icon_arr5.png) no-repeat 95% center #fff; padding: 0 10px 0 0px;}

.myfarmCon .myBox .weathCon {position: relative; border:1px solid #ddd; height: 227px; padding: 20px 20px; box-sizing: border-box;}
.myfarmCon .myBox .weathCon .weathzone {position: absolute; left: 120px; top:22px; font-size: 16px; padding-left: 12px;}
.myfarmCon .myBox .weathCon h4 {position: relative;}
.myfarmCon .myBox .weathCon h4::after {content: ""; display: block; position: absolute; left: 100px; top:8px; width: 1px; height: 12px; background: #ccc;}
.myfarmCon .myBox .weathCon .weathBox {height: 155px; margin-top: 10px; }
.myfarmCon .myBox .control {position: relative; background: url(../img/sub/pc_img1.png) no-repeat 95% center #3bb7c2; margin-top: 10px; height: 100px; color: #fff;}
.myfarmCon .myBox .control a {position: absolute; left:0px; top: 0px;  width: 100%; height: 100%;}
.myfarmCon .myBox .control p {font-size:17px; font-weight: 600; margin-top: 15px; padding-left: 20px;}
.myfarmCon .myBox .control span {display:inline-block; margin-top: 10px; font-size: 13px; line-height: 20px; padding-left: 20px; color: #e5f6f8;}

.farmdailyCon {margin-top: 30px;}
.farmdailyCon .dailyBox {width: 100%; display: inline-block; margin-bottom: 20px;}
.farmdailyCon .dailyBox li {width: 50%; clear: none; float: left; box-sizing: border-box; padding: 20px 10px; }
.farmdailyCon .dailyBox li:first-child {padding-left: 0px;}
.farmdailyCon .dailyBox li:last-child{padding-right: 0px;}
.farmdailyCon .dailyBox li .dailyCon {border:1px solid #ddd; padding: 20px 20px; min-height: 425px;}
.farmdailyCon .dailyBox li .farmlist {border-top: 2px solid #787878; border-bottom:1px solid #999; border-collapse: collapse; margin-top: 20px; margin-bottom: 20px;}
.farmdailyCon .dailyBox li .farmlist th,
.farmdailyCon .dailyBox li .farmlist td {height: 30px; }
.farmdailyCon .dailyBox li .farmlist th:first-child,
.farmdailyCon .dailyBox li .farmlist td:first-child  {border-left:none;}
.farmdailyCon .dailyBox li .farmlist tr:first-child th,
.farmdailyCon .dailyBox li .farmlist tr:first-child td {border-top: none;}
.farmdailyCon .dailyBox li .farmlist th.line, .border_section .board_box .type1_list td.line{border-right:1px solid #ccc;}
.farmdailyCon .dailyBox li .farmlist tr.liston {background: #e4f1ff;}

.farmdailyCon .dailyBox li .farmlist th {padding: 12px 0px; height: 30px;   text-align:center; font-weight: 600; color: #222; background:#f5f5f5; border-bottom: 1px solid #c1c1c1;}
.farmdailyCon .dailyBox li .farmlist td {padding: 12px 10px 12px 10px; height: 30px; color: #333; border-top: 1px solid #ccc;}

.farmdailyCon .dailyBox li .today2 {position: absolute; right: 0px; top:0px; font-size: 14px; font-weight: 500;}
.farmdailyCon .dailyBox li .myfarm2 {position: relative; background: #e3ebf3; padding: 10px 20px; margin-top: 10px; border-top: 1px solid #8da6be;}
.farmdailyCon .dailyBox li .myfarm2 strong {position: absolute; right: 20px; top:10px; color: #176ec6; }
.farmdailyCon .dailyBox li .myfarm3 li {position: relative; display:block; width: 100%; font-weight: 600; margin-bottom: 5px; border-bottom: 1px solid #ddd; padding: 10px 10px; height: 60px; }
.farmdailyCon .dailyBox li .myfarm3 li span {position: absolute; right: 10px; top:10px; font-weight: 500;}
.farmdailyCon .dailyBox li .myfarm3 li .addCon {position: absolute; right: 10px; top:10px;}
.farmdailyCon .dailyBox li .myfarm3 li .addCon span {position: relative; top:0px; right: 0px; margin-left: 5px;}
.farmdailyCon .dailyBox li .btnCon  {text-align: right;}
.farmdailyCon .dailyBox li .btnCon .btn_write {margin-top: 10px; height: 36px; padding: 0 20px; text-align: center; background:#09488a; color: #fff; }
*/

/**마이영농on**/
.mypage_section {margin-top: 20px;}
.mypage_section h4 {position: relative; font-size: 18px; background: none; padding-left: 0px; margin-top: 0px;}
.myinfoCon {position: relative;  border: 0px solid #ddd;  width: 100%; display: table; margin-bottom: 20px; margin-top: 0px; padding-bottom: 10px;}

.userinfo {border:1px solid #ddd; padding: 20px 20px 20px 50px; margin-bottom: 20px;}
.userinfo .usercon2 {display: flex;}
.userinfo .usercon2 .nametag2 {display: inline-block;}
.userinfo .usercon2 .nametag2:first-child {width:50%;}
.userinfo .usercon2 .nametag2:last-child {width:50%; padding-top: 15px;}

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

.userinfo .usercon2 .nametag2 ul li {display: block; font-size: 16px;}
.userinfo .usercon2 .nametag2 ul li .tit {display: inline-block;  width: 130px; vertical-align: top; padding-left: 7px; background: url(../img/sub/search_bu.png) no-repeat 0px center; }


.totalinfo {display: flex;  margin-bottom: 20px;}
.totalinfo .divhalf {flex: 1; position: relative;}

.totalinfo .bugcon {border:1px solid #ddd; margin-right: 10px;}
.totalinfo  h4 {margin: 20px 0 0 20px; display: block; width: 100%;}
.totalinfo  h4 span {font-weight: 400;}
.totalinfo  h5 {background: none; font-size: 16px; font-weight: 600; padding-left: 0px; display: block; width: 100%; margin-bottom: 5px;}

.totalinfo .bugcon .countbox {display: flex;}
.totalinfo .bugcon .countbox .both {flex: 1; width: 50%; padding: 20px 20px; height: 422px;}
.totalinfo .bugcon .countbox .both .color1, .totalinfo .bugcon .countbox .both .color2 { border-radius:10px; color: #fff; padding: 45px 20px; height: 150px;}
.totalinfo .bugcon .countbox .both .color1 span, .totalinfo .bugcon .countbox .both .color2 span {font-size: 16px; font-weight: 400; display: block; text-align: center;}
.totalinfo .bugcon .countbox .both .color1 strong, .totalinfo .bugcon .countbox .both .color2 strong {font-size: 22px; display: block;  text-align: center; margin-top: 10px; font-weight: 500;}
.totalinfo .bugcon .countbox .both .color1 {background: #1e52b8;}
.totalinfo .bugcon .countbox .both .color2 {background: #188cc2;}
.totalinfo .bugcon .countbox .both .text {margin-top: 20px;}

.totalinfo .policycon {position: relative; border:1px solid #ddd; margin-left: 10px;}
.totalinfo  .monthtab {position: absolute; right: 20px; top:20px;}
.totalinfo  .monthtab button {position: relative; margin-left: 25px; background: none; color: #666;}
.totalinfo  .monthtab button:hover {color: #333;}
.totalinfo  .monthtab button::after {content: ""; position: absolute; right: -15px; top:7px; width: 1px; height: 10px; background: #ddd;}
.totalinfo  .monthtab button:last-child::after {display: none;}

.totalinfo .policycon .countbox {display: flex;}
.totalinfo .policycon .countbox .both {display: block;  padding: 20px 20px; width: 100% !important;}
.totalinfo .policycon .countbox .both-1 {display: inline-block; width: 49%;}
.totalinfo .policycon .countbox .both:first-child {width: 45%;}
.totalinfo .policycon .countbox .both:last-child {width: 55%;}
.totalinfo .policycon .countbox .both ul {}
.totalinfo .policycon .countbox .both ul li {display: inline-block; width: 100%; margin-bottom: 5px;}
.totalinfo .policycon .countbox .both ul li:last-child {margin-bottom: 0px;}
.totalinfo .policycon .countbox .both ul li .color3,
.totalinfo .policycon .countbox .both ul li .color5,
.totalinfo .policycon .countbox .both ul li .color6 {height: 109px;}
.totalinfo .policycon .countbox .both .color3,
.totalinfo .policycon .countbox .both .color4,
.totalinfo .policycon .countbox .both .color5,
.totalinfo .policycon .countbox .both .color6 { border-radius:10px; color: #fff; padding: 25px 10px; width: 49%; display: inline-block;}
.totalinfo .policycon .countbox .both .color3 span,
.totalinfo .policycon .countbox .both .color4 span,
.totalinfo .policycon .countbox .both .color5 span,
.totalinfo .policycon .countbox .both .color6 span {font-size: 14px; font-weight: 300; display: block; text-align: center;}
.totalinfo .policycon .countbox .both .color3 strong,
.totalinfo .policycon .countbox .both .color4 strong,
.totalinfo .policycon .countbox .both .color5 strong,
.totalinfo .policycon .countbox .both .color6 strong {font-size: 18px; display: block;  text-align: center; margin-top: 10px; font-weight: 500;}
.totalinfo .policycon .countbox .both .color3 {background: #1e52b8;}
.totalinfo .policycon .countbox .both .color4 {position: relative;  border: 1px solid #ddd; min-height: 80px; padding: 10px 10px; margin-bottom: 5px; width: 100%;}
.totalinfo .policycon .countbox .both .color5 {background: #208aa5;}
.totalinfo .policycon .countbox .both .color6 {background: #5a647a;}
.totalinfo .policycon .countbox .both .color4 .loadbar {display:block; height: 15px; width: 100%; background: #e8ebf0;}
.totalinfo .policycon .countbox .both .color4 .loadbaron {display:block; height: 15px; width: 100%; background: #7358d8;}
.totalinfo .policycon .countbox .both .color4 .textL {position: absolute; left: 10px; bottom: 10px; color: #555;}
.totalinfo .policycon .countbox .both .color4 .textR {position: absolute; right: 10px; bottom: 10px; color: #555;}
.totalinfo .policycon .countbox .both .text {margin-top: 20px;}

.myinfoCon .myBox {display: inline-block;  box-sizing: border-box;}
.myinfoCon .myBox:first-child {padding-left: 0px; width: 65%; vertical-align: top;}
.myinfoCon .myBox:last-child {position: relative; width: 35%; border:1px solid #ddd;}

.myinfoCon .myBox .imgCon {display: inline-block; width: 217px; height: 100%; padding: 30px 20px 20px 20px;}
.myinfoCon .myBox .mypagetext  {display: inline-block; width: 500px; vertical-align: top; padding: 20px 20px 0 0px; margin-left: 60px;}
.myinfoCon .myBox .mypagetext p {font-weight: 600; font-size: 18px; padding-top: 10px;}
.myinfoCon .myBox .mypagetext p span {color: #016bb5;}
.myinfoCon .myBox .mypagetext .text {display: block; margin-top: 10px; line-height: 24px;}
.myinfoCon .myBox .mypagetext .btnCon {margin-top: 23px;}
.myinfoCon .myBox .mypagetext .btnCon button {display: inline-block; height: 36px; line-height: 36px; padding: 0 30px 0 10px; text-align: center; border: 1px solid #ddd; background: url(../img/sub/icon_arr5.png) no-repeat 95% center #fff; }
.myinfoCon .myBox .mypagetext .btnCon button:hover {border: 1px solid #222;}

.myinfoCon {/* margin-top: 30px; */}
.myinfoCon .myBox {display: inline-block; box-sizing:border-box;}
.myinfoCon .sizeH {height: 300px;}
.myinfoCon .myBox:first-child {padding: 20px 20px; width: 66%; vertical-align: top; border:1px solid #ddd; background: url(/img/sub/icon_map2.png) no-repeat 30px 55px #eef1f7; border-radius:8px;}
.myinfoCon .myBox:last-child {position: relative; padding:20px 20px; width: 32%; float: right; clear: both; border-radius:8px; }
.myinfoCon .steping {height: 50px; padding: 15px; margin-top: 10px;}
.myinfoCon .steping p {position: relative; height: 7px; border-radius: 10px;
  background: linear-gradient(to right, #0e43af 60%, #e0e4eb 60%,  #e0e4eb 60%, #e0e4eb 100% );
  background: -moz-linear-gradient(to right, #0e43af 60%, #e0e4eb 60%,  #e0e4eb 60%, #e0e4eb 100% );
  background: -webkit-linear-gradient(to right, #0e43af 60%, #e0e4eb 60%,  #e0e4eb 60%, #e0e4eb 100% );
  background: -o-linear-gradient(to right, #0e43af 60%, #e0e4eb 60%,  #e0e4eb 60%, #e0e4eb 100% );
  background: -ms-linear-gradient(to right, #0e43af 60%, #e0e4eb 60%,  #e0e4eb 60%, #e0e4eb 100% );
 }

 /*** 22.08.10 ***/
.myinfoCon .myBox:first-child.bgnon  {background:#fff !important;}
.myinfoCon .myBox:first-child .listBox {height: 400px; position: relative; height: 230px;  overflow-y: auto;}

.myinfoCon .myBox:first-child .listBox {border-top: 2px solid #8da6be; margin-top: 10px;}
.myinfoCon .myBox:first-child table {position: relative; border-collapse: collapse; }
.myinfoCon .myBox:first-child table thead {position: sticky;  top: 0px;}
.myinfoCon .myBox:first-child table th {height:40px; line-height: 40px; text-align:center; font-weight: 600; color: #222; background: #e3ebf3; border-bottom:1px solid #ccc;}
.myinfoCon .myBox:first-child table td {padding: 5px 10px; height: 30px; color: #555;  border-bottom: 1px solid #ddd;}
.myinfoCon .myBox:first-child table td.alC {text-align: center;}


.myinfoCon .myBox:first-child .myfarm2 {position: relative; background: #e3ebf3; padding: 10px 20px; margin-top: 10px; border-top: 1px solid #8da6be; font-weight: 600;}
.myinfoCon .myBox:first-child .myfarm2 strong {position: absolute; right: 20px; top:10px; color: #176ec6; }

.myinfoCon .myBox:first-child .myfarm3 li {position: relative; display:block;  margin-bottom: 5px; border-bottom: 1px solid #ddd; padding: 10px 10px 0px 15px; height: 40px; }
.myinfoCon .myBox:first-child .myfarm3 li span {position: absolute; right: 20px; top:15px; font-weight: 500;}
.myinfoCon .myBox:first-child .myfarm3 li .addCon {position: absolute; right: 20px; top:10px;}
.myinfoCon .myBox:first-child .myfarm3 li .addCon span {position: relative; top:0px; right: 0px; margin-left: 5px;}
.myinfoCon .myBox:first-child .myfarm3 li:last-child {border-bottom: none; margin-bottom: 18px;}

.myinfoCon .myBox:last-child .apprbox {margin-top: 10px;}
.myinfoCon .myBox:last-child .apprbox strong {margin-right: 5px;}
.myinfoCon .myBox:last-child.myfar_bg {background: url(../img/sub/myfar_bg.png) no-repeat right 20px #fff;}
.myinfoCon .myBox:last-child .apprbox li {padding-left: 40px; height: 37px; line-height: 37px;}
.myinfoCon .myBox:last-child .apprbox li.icon1 {background: url(../img/sub/appr_icon1.png) no-repeat left center;}
.myinfoCon .myBox:last-child .apprbox li.icon2 {background: url(../img/sub/appr_icon2.png) no-repeat left center;}
.myinfoCon .myBox:last-child .apprbox li.icon3 {background: url(../img/sub/appr_icon3.png) no-repeat left center;}
.myinfoCon .myBox:last-child .apprbox li.icon4 {background: url(../img/sub/appr_icon4.png) no-repeat left center;}
.myinfoCon .myBox:last-child .apprbox .textbox {overflow-y: scroll; height: 80px; }
.myinfoCon .myBox:last-child .apprbox .textbox p {line-height: 20px;}

.myinfoCon .steping p .won1 {position: absolute; left: 0px; top:-7px; display: block; width: 20px; height: 20px; border-radius: 50%; background: #ffffff; border: 2px solid #0e43af;}
.myinfoCon .steping p .won2 {position: absolute; left: 30%; top:-7px; display: block; width: 20px; height: 20px; border-radius: 50%; background: #ffffff; border: 2px solid #0e43af;}
.myinfoCon .steping p .won3 {position: absolute; left: 58%; top:-7px; display: block; width: 20px; height: 20px; border-radius: 50%; background: #ffffff; border: 2px solid #0e43af;}
.myinfoCon .steping p .won4 {position: absolute; right: 0px; top:-7px; display: block; width: 20px; height: 20px; border-radius: 50%; background: #d7dbe2; border: 2px solid #8d94a1;}
.myinfoCon .textNum {font-weight: 600; font-size: 16px;}
.myinfoCon dl {margin-top: 10px;}
.myinfoCon dt {font-weight: 600;}
.myinfoCon dd {margin-top: 5px;}

.myinfoCon .myBox .farmland {position: relative; margin-top: 30px; margin-bottom: 30px;}
.myinfoCon .myBox .farmland p {padding-left: 100px; padding-top: 10px;}
.myinfoCon .myBox .farmland button.btn_land {position: absolute; right:10px; top:-3px; display: block;  background: url(/img/sub/icon_arr5.png) no-repeat 95% center #fff; border:1px solid #ccc; padding: 0 30px 0 10px; height: 36px;}
.myinfoCon .myBox .mytype {margin-top:20px;}
.myinfoCon .myBox .mytype li {float: left; width: 20%; margin-bottom: 10px;}
.myinfoCon .myBox .mytype li button {margin: 0 5px; display: block; width: 150px;  background: #287bcf; color: #fff;  padding: 0 0px; height: 36px;}
.myinfoCon .myBox .mytype li .btn_type { color: #555; border:1px solid #ccc; background: url(../img/sub/icon_arr5.png) no-repeat 95% center #fff; padding: 0 10px 0 0px;}


.myfarmCon {margin-top: 30px;}
.myfarmCon .myBox {display: inline-block; box-sizing:border-box;}
.myfarmCon .sizeH {height: 340px;}
.myfarmCon .myBox:first-child { padding: 20px 20px; width: 65%; vertical-align: top; border: 1px solid #ddd; background-image: none; background-color: #eef1f7;}
.myfarmCon .myBox:last-child {position: relative; padding-right: 0px; width: 32%; padding-left: 15px; }

.myfarmCon .myBox .weathCon {border:1px solid #ddd; height: 227px; padding: 20px 20px; box-sizing: border-box;}
.myfarmCon .myBox .weathCon .weathBox {height: 155px; margin-top: 10px; }
.myfarmCon .myBox .control {position: relative; background: url(../img/sub/pc_img1.png) no-repeat 95% center #efefef ; margin-top: 10px; height: 100px; border: 1px solid #ddd ;}
.myfarmCon .myBox .control a {position: absolute; left:0px; top: 0px;  width: 100%; height: 100%;}
.myfarmCon .myBox .control p {font-size:17px; font-weight: 600; margin-top: 15px; padding-left: 20px;}
.myfarmCon .myBox .control span {display:inline-block; margin-top: 10px; font-size: 14px; line-height: 20px; padding-left: 20px;}

.myfarmCon .myBox .imgCon {display: inline-block; width: 217px; height: 100%; padding: 30px 20px 20px 20px;}
.myfarmCon .myBox .mypagetext {display: inline-block; width: 410px; vertical-align: top; padding: 20px 0px 0 0px; margin-left: 40px;}

/* 마이영농온 수정 */
.myfarmCon {
	display: block;
}

.steping {
	margin-bottom: 20px;
}

.myinfoCon .steping p .won1::after {
	position: absolute;
	left: -10px;
	bottom: -30px;
	content: '1.민원신청';
	width: 100px;

}

.myinfoCon .steping p .won2::after {
	position: absolute;
	left: -20px;
	bottom: -30px;
	content: '2.신청전송';
	width: 100px;
}

.myinfoCon .steping p .won3::after {
	position: absolute;
	left: -20px;
	bottom: -30px;
	content: '3.접수대기';
	width: 100px;

}

.myinfoCon .steping p .won4::after {
	position: absolute;
	left: -30px;
	bottom: -30px;
	content: '4.접수완료';
	width: 90px;
}

.my-now-txt {
	height: 60px;
	overflow: auto;
}

.farmdailyCon .dailyBox li .myfarm3 li {
	margin-bottom: 0px !important;
}

.topbtn a.man-down {
	background: url(../img/sub/icon_down.png) no-repeat 10px center;
	padding: 7px 10px 7px 30px;
}


/*** 등록된 나의 서비스 **/
.myfarmCon {position: relative;border: 0px solid #ddd;width: 100%; margin-bottom: 20px;margin-top: 20px;padding-bottom: 10px;display: block;}
.myfarmCon .myBox {display: inline-block;  box-sizing: border-box;}

.myfarmCon .myBox:first-child {padding-left: 0px; width: 65%; vertical-align: top;}
.myfarmCon .myBox:last-child {position: relative; padding-right: 0px; width: 34.5%; padding-left: 20px; float: right; clear: both;}

.myfarmCon .myBox .imgCon {display: inline-block; width: 217px; height: 100%; padding: 30px 20px 20px 20px;}
.myfarmCon .myBox .mypagetext  {display: inline-block; width: 500px; vertical-align: top; padding: 20px 20px 0 0px; margin-left: 60px;}
.myfarmCon .myBox .mypagetext p {font-weight: 600; font-size: 18px; padding-top: 10px;}
.myfarmCon .myBox .mypagetext p span {color: #016bb5;}
.myfarmCon .myBox .mypagetext .text {display: block; margin-top: 10px; line-height: 24px;}
.myfarmCon .myBox .mypagetext .btnCon {margin-top: 23px;}
.myfarmCon .myBox .mypagetext .btnCon button {display: inline-block; height: 50px; line-height: 50px; padding: 0 30px 0 10px; margin-right: 5px; text-align: center; border: 1px solid #aaa; background: url(../img/sub/icon_arr5.png) no-repeat 95% center #fff; }
.myfarmCon .myBox .mypagetext .btnCon button:hover {border: 1px solid #222;}


.myfarmCon .myBox .nametag {padding: 20px 0;}
.myfarmCon .myBox .nametag .picture {display: inline-block; width: 110px; height: 110px; overflow: hidden; border-radius: 50%; border:1px solid #ddd; }
.myfarmCon .myBox .nametag .picture img {width: 100%; height: 100%;}
.myfarmCon .myBox .nametag .name {display: inline-block; height: 80px; vertical-align: top; padding:15px 0 0 20px;}
.myfarmCon .myBox .nametag .name span {display: block; margin-bottom: 15px;}
.myfarmCon .myBox .nametag .name button {display: inline-block; height: 36px; font-size: 14px; line-height: 30px; padding: 0 20px; text-align: center; border: 1px solid #ddd; background:#fff;}
.myfarmCon .myBox .nametag .name button:hover {border: 1px solid #222;}
.myfarmCon .myBox dl {margin-top: 0px;}
.myfarmCon .myBox dt {display: inline-block; width: 130px; vertical-align: top; padding-left: 7px; background: url(/img/sub/search_bu.png) no-repeat 0px center;  }
.myfarmCon .myBox dd {display:inline-block;  width: calc(100% - 150px); width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px);  margin-bottom: 5px; }


/** 2022.06.27 ADD **/
.weathCon_box {box-sizing: border-box;}
.weathCon_box div {color: #fff; text-align: center; font-size: 18px; font-weight: 600;}
.weathCon .weathCon_box .weathCon_location {}
.weathCon .weathCon_box .weathCon_info {height: 80px; display: flex; margin: 5px 60px;}
.weathCon .weathCon_box .weathCon_info p {font-size: 60px; font-weight: 700; flex: 1;}
.weathCon .weathCon_box .weathCon_more {display: flex; margin-top: 30px;}
.weathCon .weathCon_box .weathCon_more p {flex:1;}






.farmdailyCon {margin-top: 0px;}
.farmdailyCon .dailyBox {width: 100%; display: inline-block; margin-bottom: 0px;}
.farmdailyCon .dailyBox li {width: 50%; clear: none; float: left; box-sizing: border-box; padding: 0px 10px; }
.farmdailyCon .dailyBox li:first-child {padding-left: 0px;}
.farmdailyCon .dailyBox li:last-child{padding-right: 0px;}
.farmdailyCon .dailyBox li .dailyCon {border:1px solid #ddd; padding: 20px 20px; min-height: 425px;}
.farmdailyCon .dailyBox li .farmlist {border-top: 2px solid #787878; border-bottom:1px solid #999; border-collapse: collapse; margin-top: 20px; margin-bottom: 20px;}
.farmdailyCon .dailyBox li .farmlist th,
.farmdailyCon .dailyBox li .farmlist td {height: 30px; }
.farmdailyCon .dailyBox li .farmlist th:first-child,
.farmdailyCon .dailyBox li .farmlist td:first-child  {border-left:none;}
.farmdailyCon .dailyBox li .farmlist tr:first-child th,
.farmdailyCon .dailyBox li .farmlist tr:first-child td {border-top: none;}
.farmdailyCon .dailyBox li .farmlist th.line, .border_section .board_box .type1_list td.line{border-right:1px solid #ccc;}
.farmdailyCon .dailyBox li .farmlist tr.liston {background: #e4f1ff;}

.farmdailyCon .dailyBox li .farmlist th {padding: 12px 0px; height: 30px;   text-align:center; font-weight: 600; color: #222; background:#f5f5f5; border-bottom: 1px solid #c1c1c1;}
.farmdailyCon .dailyBox li .farmlist td {padding: 12px 10px 12px 10px; height: 30px; color: #333; border-top: 1px solid #ccc; /*text-overflow:ellipsis; overflow:hidden;*/ }

.farmdailyCon .dailyBox li .today2 {position: absolute; right: 0px; top:0px; font-size: 14px; font-weight: 500;}
.farmdailyCon .dailyBox li .myfarm2 {position: relative; background: #e3ebf3; padding: 10px 20px; margin-top: 10px; border-top: 1px solid #8da6be;}
.farmdailyCon .dailyBox li .myfarm2 strong {position: absolute; right: 20px; top:10px; color: #176ec6; }
.farmdailyCon .dailyBox li .myfarm3 li {position: relative; display:block; width: 100%; font-weight: 600; margin-bottom: 5px; border-bottom: 1px solid #ddd; padding: 10px 10px; height: 40px; }
.farmdailyCon .dailyBox li .myfarm3 li span {position: absolute; right: 10px; top:10px; font-weight: 500;}
.farmdailyCon .dailyBox li .myfarm3 li .addCon {position: absolute; right: 10px; top:10px;}
.farmdailyCon .dailyBox li .myfarm3 li .addCon span {position: relative; top:0px; right: 0px; margin-left: 5px;}
.farmdailyCon .dailyBox li .btnCon  {text-align: right;}
.farmdailyCon .dailyBox li .btnCon .btn_write {margin-top: 10px; height: 36px; padding: 0 20px; text-align: center; background:#09488a; color: #fff; }


/** 서비스 약관 **/
.agreeBox {overflow: hidden; overflow-y: auto; height: 300px; border: 1px solid #ddd; padding: 20px 30px; margin-top: 20px; font-weight: 500;}
.clause_section {}
.clause_section  .clauseCon {border:1px solid #dce0e7; padding: 20px 20px 10px 20px; margin-top: 20px; background: #eef1f7; }
.clause_section  .clauseCon p {margin-bottom: 10px; line-height: 24px;}
.clause_section h3 {background: none; padding-left: 0px;}
.clause_section h4 {background: none; padding-left: 0px; font-size: 16px;}
.clause_section dl {margin-top: 20px;}
.clause_section dt {font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.clause_section dt.title {font-size: 15px!important;}
.clause_section dd {margin-bottom: 10px;}
.clause_section dd strong {display: block; margin-top: 15px; margin-bottom: 5px;}
.clause_section dd p {margin-top: 10px;}
.clause_section dd ul {margin-top:10px ; margin-left: 20px; margin-bottom: 20px;}
.clause_section dd li {margin-bottom: 5px!important; border-bottom:none!important; padding-bottom: 0px!important; font-weight: 500!important;}

.clause_section dd  .type3_list {margin-top: 20px;}
.clause_section dd  .type3_list table {border-top: 2px solid #787878; border-bottom:1px solid #999; border-collapse: collapse;}
.clause_section dd  .type3_list th {position: relative; padding: 5px 0px; height: 30px; text-align:center; font-weight: 600; color: #222; background:#f5f5f5; border-bottom: 1px solid #c1c1c1;}
.clause_section dd  .type3_list td {position: relative; padding: 5px 10px 5px 10px; height: 30px; color: #333; border-top:none;   border-bottom: 1px solid #ccc;  font-weight: 500;}
.clause_section dd  .type3_list td.altC {text-align: center;}




/** 개인정보 침해신고 **/
.declare_section {margin-top: 30px; margin-bottom: 50px; }
.declare_section p {line-height: 24px; margin-top: 10px;}
.declare_section p strong {display: block; color: #015db8;}
.declare_section .divde {display: flex; margin-top: 20px;}
.declare_section .divde div {flex: 1;  border: 1px solid #dce0e7; padding: 20px 30px 10px 30px; background: #eef1f7;}
.declare_section .divde div:first-child {margin-right: 10px;}
.declare_section .divde div:last-child {margin-left: 10px;}
.declare_section .divde div h4 {font-size: 17px;}
.declare_section .divde div ul {margin-top: 10px; width: 100%;}
.declare_section .divde div li {display: inline-block; margin-bottom: 10px; width: 45%; clear: both;}

/** member_tel **/
.member_tel {margin-top: 40px;}
.member_tel ul {display: flex; border:1px solid #ddd; background: #f8f8f8;}
.member_tel li {flex: 1; vertical-align: top; padding: 30px 0px; box-sizing: border-box;}
.member_tel li div {position: relative; padding-left:40px;}
.member_tel li div::after {content: ""; display: block; position: absolute; right: 1px; top:0px; width: 1px; height: 140px; background:#ddd;}
.member_tel li:last-child div::after {display: none;}
.member_tel li div p {margin-bottom: 5px;}
.member_tel li div .nice a {position: relative;}
.member_tel li div .nice a::after {content: ""; display: block; position: absolute; right: -25px; top:0px; width: 20px; height: 20px;  background: url(../img/sub/icon_pop.png) no-repeat center center;}
.member_tel li h5 {font-size: 18px; font-weight: 600; margin-bottom: 15px;}
.member_tel li .call {font-weight: 600; font-size: 25px;}
.member_tel li button {border:1px solid #ccc; height: 36px; padding: 0 40px 0 20px; margin-top: 20px; background: url(../img/sub/icon_pop.png) no-repeat 90% center #fff; }
.member_tel li button:hover {border:1px solid #222;}



/** 로그인 페이지 **/
.loginLogo {background: url(../img/sub/large_logo.png) no-repeat center 15px; height: 200px; /* padding:30px 0 0px 470px;*/padding-top: 100px;  text-align: center; margin-top: 30px; border-top:1px solid #ddd;  border-bottom:1px solid #efefef;}
.loginLogo p {font-size: 22px; font-weight: 600;}
.loginLogo span {display: block; font-size: 18px; margin-top: 10px;}

.loginBox {display: flex; margin-top: 0px; width: 600px; margin-left: auto; margin-right: auto; padding-bottom: 30px; margin-bottom: 70px;}
.loginBox .divide {flex: 1; padding-top: 30px; padding-left: 50px; margin-top: 0px; }
/*
.loginBox .divide:first-child {position: relative; padding-right: 100px;}
.loginBox .divide:first-child::after {content: ""; display: block; position: absolute; right: 1px; top:30px; width: 1px; height: 400px; background: #ddd;}
.loginBox .divide:last-child {padding-left: 100px;}
*/
.loginBox .divide h3 {background:none; padding-left: 0px; margin-top: 0px;}
.loginBox .divide .idCon {margin-bottom: 10px;}
.loginBox .divide .idCon label, .loginBox .divide .pwCon label {display:block; font-weight: 600; margin-bottom: 5px;}
.loginBox .divide .idCon input, .loginBox .divide .pwCon input {width: 100%; height: 50px;}
.loginBox .btnCon {margin-top: 10px;}
.loginBox .btnCon button {text-align: center; height: 50px; width:100%; background: #052d80; color: #fff; font-weight: 600;}
.loginBox .btn_join {margin-top: 20px;}
.loginBox .btn_join li {position: relative; margin-bottom: 20px; padding-top: 5px; padding-left: 10px; background: url(../img/sub/guide_dot.png) no-repeat 0px center; }
.loginBox .btn_join li button {position: absolute; right: 0px; top:0px; height: 36px; text-align: center; border: 1px solid #ccc; background: #fff; width: 120px;}
.loginBox .btn_join li button:hover {border: 1px solid #222;}
.loginBox .btn_join li button.btn-primary {background: #1c6bbd; color: #fff;}

.loginBox .btn_join2 {margin-top: 20px;}
.loginBox .btn_join2 button {height: 70px; width: 80px; text-align: center; color: #fff; font-weight: 600; padding-top: 30px;}
.loginBox .btn_join2 .btn_naver {background: url(../img/sub/naver_img1.png) no-repeat center 15px #2bb500;}
.loginBox .btn_join2 .btn_faceB {background: url(../img/sub/faceB_img1.png) no-repeat center 15px #3b5999;}
.loginBox .btn_join2 .btn_kakao {background: url(../img/sub/kakao_img1.png) no-repeat center 15px #ffd908;}

.loginBox .login_guide {margin-top: 40px;}
.loginBox .login_guide dt {font-weight: 600;}
.loginBox .login_guide dd {margin-bottom: 10px;  margin-top: 10px; background: url(../img/sub/guide_dot.png) no-repeat 0px 10px; padding-left: 10px; }

.btnCon button.btn-progress {text-align: center; height: 50px; width:100%; background: #052d80; color: #fff; font-weight: 600;}
.btnCon button.btn-diactive {background: #3c444c; pointer-events : none;}
#mobile1,#mobile2,#mobile3 {width: calc(94% / 3); height: 50px;}

/** member_section 회원가입 **/
.member_section {margin-top: 20px; border-top: 1px solid #ddd; padding: 20px 0;}
.memberinfoBox {border-bottom: 1px solid #ddd; padding-bottom: 40px; }
.memberinfoBox p {font-size: 22px; font-weight: 600; margin-bottom: 20px; text-align: center; margin-top: 20px;}
.memberinfoBox span {display: inline-block; text-align: center; width: 100%;}
.memberinfoBox .mstepCon {display: flex; width: 80%; margin: 0 auto; margin-top: 50px;}
.memberinfoBox .mstepCon li {flex: 1; text-align: center; font-weight: 600;}
.memberinfoBox .mstepCon li span {position: relative; display:block; width: 130px; height: 130px; border: 1px solid #ccc; border-radius: 50%; margin: 0 auto; margin-bottom: 20px;}
.memberinfoBox .mstepCon li span::after {content: ""; display: block; position: absolute; right: -43px; top:40%; width:16px; height: 30px; background: url(../img/sub/step_arr.png) no-repeat center center;}
.memberinfoBox .mstepCon li:last-child span::after {display: none;}
.memberinfoBox .mstepCon li .mstep_img1 {background: url(../img/sub/mstep_img1.png) no-repeat center center;}
.memberinfoBox .mstepCon li .mstep_img1on {background: url(../img/sub/mstep_img1on.png) no-repeat center center;}
.memberinfoBox .mstepCon li .mstep_img2 {background: url(../img/sub/mstep_img2.png) no-repeat center center;}
.memberinfoBox .mstepCon li .mstep_img2on {background: url(../img/sub/mstep_img2on.png) no-repeat center center;}
.memberinfoBox .mstepCon li .mstep_img3 {background: url(../img/sub/mstep_img3.png) no-repeat center center;}
.memberinfoBox .mstepCon li .mstep_img3on {background: url(../img/sub/mstep_img3on.png) no-repeat center center;}
.memberinfoBox .mstepCon li .mstep_img4 {background: url(../img/sub/mstep_img4.png) no-repeat center center;}
.memberinfoBox .mstepCon li .mstep_img4on {background: url(../img/sub/mstep_img4on.png) no-repeat center center;}
.memberinfoBox .mstepCon li .mstep_img5 {background: url(../img/sub/mstep_img5.png) no-repeat center center;}
.memberinfoBox .mstepCon li .mstep_img5on {background: url(../img/sub/mstep_img5on.png) no-repeat center center;}
.memberinfoBox .mstepCon li .mstep_img6 {background: url(../img/sub/mstep_img6.png) no-repeat center center;}
.memberinfoBox .mstepCon li .mstep_img6on {background: url(../img/sub/mstep_img6on.png) no-repeat center center;}

.joinBox {margin-top: 50px;}
.joinBox h3 {background: none; padding-left: 0px; margin-bottom: 10px;}
.joinBox .type_list {margin-top: 10px; margin-bottom: 50px; border-top: 2px solid #787878; }
.joinBox .type_list table {border-bottom:1px solid #999; border-collapse: collapse;}
.joinBox .type_list th {position: relative; padding: 12px 0px; height: 30px; text-align:center; font-weight: 600; color: #222; background:#f5f5f5; border-bottom: 1px solid #c1c1c1;}
.joinBox .type_list td {position: relative; padding: 12px 10px; height: 30px; color: #333; border-top:none; border-bottom: 1px solid #ccc;  font-weight: 500; text-align: center;}

.member_group {}
.member_group h3 {background: none; padding-left: 0px; }
.member_group h3.non {margin-top: 0px;}
.member_group p {margin-top: 10px;}
.member_group .groupBox {display: flex; margin-top: 20px;}
.member_group .groupBox  li {flex: 1;}
.member_group .groupBox  li .groupCon {position: relative; min-height: 160px; padding-bottom: 10px; border: 1px solid #ddd;  margin-right: 15px;}
.member_group .groupBox  li:last-child .groupCon {margin-right:0px;}
.member_group .groupBox  li .imgbg1 {background: url(../img/sub/people_img1.png) no-repeat 100px 25px;}
.member_group .groupBox  li .imgbg2 {background: url(../img/sub/people_img2.png) no-repeat 100px 25px;}
.member_group .groupBox  li .imgbg3 {background: url(../img/sub/ip_img1.png) no-repeat 100px 40px;}
.member_group .groupBox  li .imgbg4 {background: url(../img/sub/ph_img1.png) no-repeat 100px 25px;}
.member_group .groupBox  li .groupCon strong {position:absolute; left: 80px; bottom:20px;  font-size: 18px; }
.member_group .groupBox  li .groupCon .limitage {position:absolute; left: 50%; top:0px;}
.member_group .groupBox  li .groupCon .limitage span {display: block; margin-top: 30px;  font-weight: 600; font-size: 17px;}
.member_group .groupBox  li .groupCon .limitage p {padding-top: 10px;}
.member_group .groupBox  li .groupCon .limitage .p20 {padding-top: 20px !important;}
.member_group .groupBox  li .groupCon .limitage .ipCon {position: relative; margin-top: 0px; font-size: 14px;}
.member_group .groupBox  li .groupCon .limitage .ipCon:hover .ipBox {display: block;}
.member_group .groupBox  li .groupCon .limitage .ipBox {display:none; position:absolute; left: -50px; top:-80px;  padding-top: 5px; font-weight: 500; font-size: 13px; width: 305px; background: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 10px 10px; }

.member_group .groupBox  li .groupCon .limitage button {display: block; background: #0c68c7; color: #fff; margin-top:15px; height: 36px; width: 180px; text-align: center;}

.member_group .joinOK {background: #f8f8f8; border:1px solid #ddd; padding: 20px 20px 20px 20px; margin-top: 10px;}
.member_group .joinOK strong {display: block; margin-bottom: 10px;}
.member_group .joinOK p {text-align: center; font-weight: 600; font-size: 17px; margin-bottom: 20px; }
.member_group .joinOK p:last-child {margin-bottom: 10px; }
.member_group .joinOK p span {color: #015db8;}

.member_group .joinwrite {margin-top: 20px; padding-bottom: 30px;}
.member_group .joinwrite dt {margin-bottom: 10px; font-weight: 600; background: url(../img/sub/icon_refer.png) no-repeat left center; padding-left: 22px;}
.member_group .joinwrite dd {margin-bottom: 10px; background: url(../img/sub/guide_dot.png) no-repeat 7px 8px; padding-left: 20px;}


.agreechek  {margin-top: 10px; padding-bottom: 20px;}
.agreechek li {display: block;}
.agreechek li:last-child {padding-left: 34px;}

.member_group .idWrite {text-align: center; border:1px solid #ddd; padding: 20px 20px; margin-top: 20px;}

.member_group .restidpw {background: #f8f8f8; border:1px solid #ddd; padding: 30px 20px 30px 20px; margin-top: 20px; text-align: center;}
.member_group .restidpw ul {width: 50%; margin: 0 auto;}
.member_group .restidpw li {display: inline-block; padding-left: 30px; font-weight: 600;}

.member_agree {}
.member_agree h3 {background: none; padding-left: 0px; }
.member_agree p {font-weight: 600; margin-top: 10px;}
.member_agree .agree_list {margin-top: 20px;}
.member_agree .agree_list li {position: relative; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; font-weight: 600;}
.member_agree .agree_list li button {position: absolute; right: 0px; top:-5px; text-align: center; background: url(../img/sub/btn_open.png) no-repeat 90% center  #fff; border: 1px solid #ccc; padding: 0 20px 0 10px; height: 36px; width: 90px;}
.member_agree .agree_list li button.on {background: url(../img/sub/btn_close.png) no-repeat 90% center  #fff; }
.member_agree .agree_list li button:hover {border: 1px solid #222;}
h3.non {background: none!important; padding-left: 0px!important; }


.cautionCon {margin-top: 20px; margin-bottom: 50px;}
.cautionCon dt {font-weight: 600; margin-bottom: 10px; background: url(../img/sub/icon_refer.png) no-repeat left center; padding-left: 22px; }
.cautionCon dd {margin-bottom: 10px; background: url(../img/sub/guide_dot.png) no-repeat 5px 7px; padding-left: 15px;  }

/** 영농일지 단식  메인 **/
.data_section {margin-top: 50px;}
.data_section h4 {font-size: 16px;}
.data_section ul {display:inline-block; width: 100%;}
.data_section li {position: relative; display:inline-block;  width: 33%; padding: 20px 20px; box-sizing: border-box;  height: 320px;  vertical-align: top; margin-left: 10px; margin-right: 10px; border:1px solid #ddd;}
.data_section li:first-child {width: 40%; margin-left: 0px; }
.data_section li:last-child {width: 23%; margin-right: 0px; }
.data_section li .data_graph {position: relative; display:block; margin-top: 10px; overflow: hidden; width: 100%; height:250px;}
.data_section li .data_graph img {width: 100%; height: 100%;}
.data_section li .datanon {position: absolute; left:0; top:40%; height: 100px; width: 100%; padding-top: 80px; text-align: center; background: url(../img/sub/datano_img1.png) no-repeat center 0px;}


/** 밴드 이용방법 **/
.band_section1 {margin-top: 30px; }
.band_section1 p {font-weight: 600; font-size: 18px; margin-bottom: 20px;}
.band_section1 .bandBox1 {display:inline-block; width: 225px; height: 220px; margin-right: 5px; background: url(../img/sub/band_img1.png) no-repeat center center #01d12b;}
.band_section1 .bandBox2 {display:inline-block; border:1px solid #ebebeb; width: 1003px; background: #f5f5f5; vertical-align: top;}
.band_section1 .bandBox2 li {position: relative; display: inline-block; width: 33%; height: 220px;}
.band_section1 .bandBox2 li::after {content: ""; display: block; position: absolute; right: 0px; top:35px; width: 1px; height: 120px; background: #e9e9e9;}
.band_section1 .bandBox2 li:nth-child(1) {background: url(../img/sub/band_img2.png) no-repeat center 35px;}
.band_section1 .bandBox2 li:nth-child(2) {background: url(../img/sub/band_img3.png) no-repeat center 35px;}
.band_section1 .bandBox2 li:nth-child(3) {background: url(../img/sub/band_img4.png) no-repeat center 35px;}
.band_section1 .bandBox2 li:last-child:after {display:none;}
.band_section1 .bandBox2 li .btn_appdown {display: inline-block;  margin-left: 80px; margin-top: 155px; line-height: 24px;  text-align: left; background: url(../img/sub/appdown_arr.png) no-repeat 70px 32px transparent;}

.band_section2 {margin-top: 50px;}
.band_section2 p {font-weight: 600; font-size: 18px; margin-bottom: 20px;}
.band_section2 .bandBox3 {display:inline-block; border:1px solid #ebebeb; width: 100%; background: #f5f5f5;  vertical-align: top; padding: 30px 0px 30px 0px; box-sizing: border-box;}
.band_section2 .bandBox3 li {position: relative; display: inline-block; width: 33%;  padding-left:40px; box-sizing: border-box;}
.band_section2 .bandBox3 li .imgCon {width: 302px; height: 530px;}
.band_section2 .bandBox3 li .imgCon img {width: 100%; height: 100%;}

.band_section2 .bandBox3 li .stepimg {display: inline-block; position: relative; width: 120px; height: 44px; padding: 7px 0 0 22px;   color: #fff; background: url(../img/sub/stepbg.png) no-repeat left center;}
.band_section2 .bandBox3 li p {display: block; margin-top: 10px; font-size: 15px;}
.band_section2 .bandBox3 li p span {color: #1a80c7;}

.band_section3 {margin-top: 50px;}
.band_section3 p {font-weight: 600; font-size: 18px; margin-bottom: 20px;}
.band_section3 .bandBox4 {display:inline-block; width: 100%; vertical-align: top;}
.band_section3 .bandBox4 li {display: inline-block; width: 16.3%; margin-bottom: 15px;  vertical-align: top;}
.band_section3 .bandBox4 li a {display: block; width: 95%; height: 180px;  border: 1px solid #eee; border-radius: 4px; box-sizing: border-box; text-align: center; padding-top: 120px; margin: 0 auto;}
.band_section3 .bandBox4 li a:hover {background: #3da5ed; color: #fff;}
.band_section3 .bandBox4 li .band_img01 {background: url(../img/sub/band_img01.png) no-repeat center 30px #f3f3f3;}
.band_section3 .bandBox4 li .band_img01:hover {background: url(../img/sub/band_img01on.png) no-repeat center 30px #3da5ed;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/** 통합검색 **/
.inteSearch {margin-top: 20px; margin-bottom: 30px; border: 0px solid #ddd; padding: 20px 20px 40px 20px;}
.inteSearch .searchBox {position: relative;  width: 900px; margin: 0 auto;}
.inteSearch .searchBox input[type="text"] {width:100%; height: 50px; border: none; border-bottom:2px solid #333;}
.inteSearch .searchBox .btn_close {position: absolute; right: -5px; top:2px; height: 40px; width: 40px; color: transparent; font-size: 0px; background: url(../img/sub/icon_del2.png) no-repeat center center #fff;}
.inteSearch .searchBox .btn_search {position: absolute; right: -5px; top:2px; width: 50px; height:40px; color: transparent; font-size: 0px; background: url(../img/sub/search_icon3.png) no-repeat center center #fff; }

.searchList  {display: table; margin-top: 30px; width: 100%;}
.searchList h3 {background: none; padding-left: 0px; margin-top: 0px; font-size: 18px;}
.searchList .listBox {display: inline-block; vertical-align: top;}
.searchList .listBox:first-child {width: 65%;}
.searchList .listBox:last-child {width: 31.5%; margin-left: 40px;}

.serviceCon {margin-bottom: 40px;}
.serviceCon .header {position: relative;}
.serviceCon .header h3 {display: inline-block;}
.serviceCon .header .moreCon {position: absolute; right: 0px; top:0px;}
.serviceCon .header .moreCon button {background: #fff; font-size: 14px; margin-left: 10px; padding: 5px 0; color: #666;}
.serviceCon .header .moreCon .btn_more {background: url(../img/sub/btn_more2.png) no-repeat 100% center #fff; padding-right: 15px;}
.serviceCon .header .moreCon .btn_open {background: url(../img/sub/btn_open2.png) no-repeat 100% center #fff; padding-right: 15px;}
.serviceCon .header .moreCon .btn_close {background: url(../img/sub/btn_close2.png) no-repeat 100% center #fff; padding-right: 15px}

.serviceCon .header .tab {display: inline-block;}
.serviceCon .header .tab li {position: relative; display: inline-block; font-weight: 600; margin-left: 20px; color: #666;}
.serviceCon .header .tab li a:hover,
.serviceCon .header .tab li a.on {color: #222;}
.serviceCon .header .tab li::after {content: ""; display: block; position: absolute; right: -12px; top: 5px; width: 1px; height: 10px; background: #ddd; }
.serviceCon .header .tab li:last-child:after {display:none;}

.serviceCon  .servicelist ul {margin-top: 10px; border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.serviceCon  .servicelist li {display: block; border-bottom: 1px solid #ddd; padding: 15px 0px 15px 0px;}
.serviceCon  .servicelist li:last-child {border-bottom:none;}
.serviceCon  .servicelist li dt {font-weight: 600; font-size: 15px;}
.serviceCon  .servicelist li dd {margin-top: 5px; font-size:13px;}
.serviceCon  .servicelist li dd a {display: block;}
.serviceCon  .servicelist li a:hover {text-decoration: underline;}
.serviceCon  .servicelist li dd span {display:inline-block; margin-top: 10px; color: #666; font-size: 13px;}
.serviceCon  .servicelist .videoCon {display: table; width: 100%;}
.serviceCon  .servicelist .videoCon li {display: inline-block; width: 25%; border-bottom:none;}
.serviceCon  .servicelist .videoCon li div {border: 1px solid #ccc;  margin: 0 5px;}
.serviceCon  .servicelist .videoCon li div p {height: 120px; background: #efefef;}
.serviceCon  .servicelist .videoCon li div span {display:block; padding: 10px 5px; }


.searchWord {position: relative; margin-bottom: 20px;}
.searchWord .monthCon {position: absolute; right: 0px; top:0px;}
.searchWord .monthCon button {padding: 5px 10px; text-align: center; background: #fff; border: 1px solid #ccc; font-size: 13px;}
.searchWord .monthCon button:hover {border: 1px solid #222;}
.searchWord .keyWord {margin-top: 10px; border: 1px solid #ddd; height: 300px; text-align: center; line-height: 300px;}

.searchWord .findWord {margin-top: 10px;}
.searchWord .findWord li {height: 30px; margin-bottom: 10px;}
.searchWord .findWord li button {position: relative; display: inline-block; border:1px solid #ddd; border-radius:20px; padding: 5px 30px 5px 20px; height: 32px; background: #fff;}
.searchWord .findWord li button::after {content: ""; display: block;  position: absolute; right: 0px; top:5px; width: 20px; height: 20px; color: transparent; font-size: 0px; background: url(../img/sub/btn_closex.png) no-repeat 0px center;}
.searchWord .findWord li button:hover {border:1px solid #222;}


/***** 화면 조정시 공통 *****/
.clear {content: ""; display: block; clear: both;}
.textB  {font-weight:600; color: #222;}
.keyword span {display: inline-block; padding: 10px 10px; color: #666; font-size: 14px; }
.keyword strong {font-size: 14px; font-weight: 500;}
.point_text {padding-left: 25px;  background: url(../img/sub/icon_point.png) no-repeat left 0px;}

/**여백 공통**/
.ptop10 {padding-top:10px;}
.mtopNone {margin-top: 0px!important;}
.mtop5 {margin-top: 5px;}
.mtop10 {margin-top: 10px;}
.mtop20 {margin-top: 20px!important;}
.mtop30 {margin-top: 30px!important;}
.mtop40 {margin-top: 40px!important;}
.mtop50 {margin-top: 50px!important;}
.mbot10 {margin-bottom:10px;}
.mbot20 {margin-bottom:20px;}
.mrig10 {margin-right:10px;}
.mlef20 {margin-left:20px!important;}
.mlef30 {margin-left:30px!important;}

.disbk {display: block!important; width: 100%;}

.prig10 {padding-right:10px !important;}

.alR {text-align: right;}
.alL {text-align: left;}
.alC {text-align: center;}

.pointText {color: #1256bb; display:block; margin-top: 7px;}
.show {display: none!important;} /*웹에서 감추고 모바일에서 보임*/
strong {font-weight: 600;}

/**** 모달 레이어 팝업 ****/
.modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 501;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 800px;
  height: auto;
  border-radius: 0.1rem;
 }
.modal-content1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 800px;
  height: auto;
  border-radius: 0.1rem;
 }

.close-button {
  position: absolute;
  right: 15px;
  top:12px;
  width: 30px;
  height: 30px;
  color: transparent;
  font-size: 0px;
  cursor: pointer;
  background: url(../img/sub/pop_close.png) no-repeat center center;
}

/*
.close-button:hover {
  background-color: #0f3b95;
}
*/
.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}


.top, .top2, .top3  {position: relative; background: linear-gradient(to right, #052d80, #01509e); height: 54px; padding:3px 20px 0 20px;}
/*
.top2 {position: relative; background: linear-gradient(to right, #02806d, #019a83); height: 54px; padding:3px 20px 0 20px;}
.top3 {position: relative; background: linear-gradient(to right, #4120cf, #654ad8); height: 54px; padding:3px 20px 0 20px;} /*고객센터*/

.popWrap {padding: 0px 20px 0px 20px; background: #fff; height: auto; overflow-y: auto;}
.pop200vh {height:200px!important;}
.pop300vh {height:300px!important;}
.pop400vh {height:400px!important;}
.pop500vh {height:500px!important;}
.pop600vh {height:600px!important;}
.pop650vh {height:650px!important;}
.pop800vh {height:800px!important;}
.pop1000vw {width:1000px!important;}
.graphPopbox {border:1px solid #ddd; padding: 20px 20px; min-height: 300px; margin-top: 20px;}


.popCon {margin-bottom: 10px; position: relative;}
.modal-content h1 {color: #fff; font-size: 18px; padding-top: 10px; font-weight: 500;}
.modal-content h2 {color: #222; font-size: 16px;  font-weight: 500; padding-top: 10px;}/*** 테이블용 채크 라디오 ***/
.modal-content h3 {color: #222; font-size: 16px;  font-weight: 500; padding-top: 10px;}
.modal-content h4 {font-size: 15px; font-weight: 500; vertical-align: top; padding: 5px 0 0px 22px;  background:url(../img/sub/h5_icon.png) no-repeat 0px 9px;}
.modal-content1 h1 {color: #fff; font-size: 18px; padding-top: 10px; font-weight: 500;}
.modal-content1 h2 {color: #222; font-size: 16px;  font-weight: 500; padding-top: 10px;}/*** 테이블용 채크 라디오 ***/
.modal-content1 h3 {color: #222; font-size: 16px;  font-weight: 500; padding-top: 10px;}
.modal-content1 h4 {font-size: 15px; font-weight: 500; vertical-align: top; padding: 5px 0 0px 22px;  background:url(../img/sub/h5_icon.png) no-repeat 0px 9px;}


/** 팝업 가이드 **/
.guide_pop {position: relative; border: 1px solid #ddd; padding: 20px 20px; margin-top: 20px; background: #efefef;}
.guide_pop span {position: absolute; right: 20px; top:10px; }
.guide_pop span button {border: 1px solid #ccc; height: 36px; padding: 0  15px; min-width: 25px;}
.guide_pop span button:hover {border: 1px solid #666;}
.guide_pop span .btn_down {padding-left: 30px; background: url(../img/sub/icon_down.png) no-repeat 10px center #fff;}
.pop_guide {margin-top: 20px;}

.pop_guide2 {margin-top: 10px;}
.pop_guide2 li {display: inline-block; margin-bottom: 5px; background: url(../img/sub/guide_dot.png) no-repeat 0px center; padding-left: 10px;}


.stext {height: 40px; line-height: 40px; margin-top: 10px;}

/***
.workCon  ul {display: inline-block; width: 100%; background: #f9f9f9; padding: 15px 15px; box-sizing: border-box; border: 1px solid #eee;}
.workCon  li {display: inline-block; vertical-align: middle; width: 18.4%; }
.workCon  li:nth-child(1) {width: 40%;  }
.workCon  li:nth-child(3) {width: 40%;}
.workCon  li .workList {border: 1px solid #ccc; overflow-y: auto; height: 300px; background: #fff;}
.workCon  li .workList .list {padding:10px 0px;}
.workCon  li .workList .list span {display: block; padding: 7px 0; padding-left: 20px;}
.workCon  li .workList .list span:hover {cursor: pointer; background: #efefef;}
.workCon  li .btnCon {padding-left: 15px; width: 100%; }
.workCon  li button {display:block; width: 100px; height: 36px; line-height: 36px;  background:#fff; margin-top: 10px; text-align: left; }
.workCon  li button.btn_add {color: #fff; background: url(../img/sub/icon_arr4.png) no-repeat 90% 11px #016bb5; padding-left: 15px;}
.workCon  li button.btn_cancel { color: #fff; background: url(../img/sub/icon_arr3.png) no-repeat 10px 11px #2c4260; padding-left: 25px;}
***/

/** 메뉴트리 **/
.treeBox {display: flex; width: 100%; background: #efefef; border: 1px solid #ddd;  padding: 15px 10px; margin-bottom: 20px;}
.treeBox .treeAdd {display: inline-block; width: 17%; padding-top:100px; border: none; background: none;}
.treeBox .treeAdd button {display:block; width: 80px; height: 30px; line-height: 30px;  background:#fff; margin-top: 10px; text-align: left; margin:0 auto; font-size: 13px;}
.treeBox .treeAdd .btn_add {color: #fff; background: url(../img/sub/icon_arr4.png) no-repeat 94% 7px #016bb5; padding-left: 10px;}
.treeBox .treeAdd .btn_cancel { color: #fff; background: url(../img/sub/icon_arr3.png) no-repeat 7px 7px #2c4260; padding-left: 20px; margin-top: 10px;}

	/* 왼쪽메뉴 트리 */
  .left_tree, .right_tree {
    position:relative;
    margin:0 0 0 5px;
    padding:10px 10px;
    font-size:14px;
    background:#fff;
    height:300px;
    width:48%;
    border: 1px solid #ddd;
    overflow-y:auto;overflow-x:hidden;
    }
  .left_tree .folder_box, .nav_tree .folder_box{
    padding:0;
    margin:0;
    }
    .left_tree .menu_fold ul.h4_menu, .nav_tree .menu_fold ul.h4_menu{
    display:none;
    }
    .left_tree .menu_fold button, .nav_tree .menu_fold button{
      background:url(../img/tree/btn_tree_collapse.gif) no-repeat 0 0;

      color: transparent;
      }
  .folder_box h3{
    padding:0px;
    margin:5px 0 5px 0;
    background:none;
    font-size:14px;
    font-weight:normal;
    }
    .folder_box h3 a{
      vertical-align:bottom;
      display:inline-block;
      margin:0;
      }
    .folder_box h3 a img{
      vertical-align:middle;
      display:inline-block;
      margin:0;
      }
    .folder_box h3 button{
      vertical-align:middle;
      display:inline-block;
      margin:0;
      width:13px;
      height:13px;
      border:0px solid #333;
      background:url(../img/tree/btn_tree_collapse.gif) no-repeat 0 -13px;
      cursor:pointer;
      color: transparent;
      }
    .folder_box .h4_menu{
      padding:0 0 0 18px;
      margin:0;
      }
    .folder_box .h4_menu li{
      margin:0 0 5px 0;
      }
    .folder_box .h4_menu li a{
      vertical-align:bottom;
      display:inline-block;
      margin:0;
      }
    .folder_box .h4_menu li a img{
      vertical-align:middle;
      display:inline-block;
      margin:0;
      }

      .disn{display:none;}

      /*** 테이블용 채크 라디오 ***/
      .check-block input[type="checkbox"] {position: static; border:1px solid aaa !important; border-radius: 0px; appearance: auto !important; margin-right:2px;}
      .check-block input[type="checkbox"]:checked + label:before {background:none !important; border-radius: 0px; -webkit-appearance:block !important;}
      .pickM {position: absolute; left: 50%; top:50%; transform: translateX(-50%); font-size: 12px; color: #555; background:url(../img/sub/icon_arr.png) no-repeat 0 2px; padding-left: 17px; }

/* //왼쪽메뉴 트리 */
/* 컨텐츠 트리 */
  .nav_tree {
    margin:0;

    padding:0 0 0 5px;
    font-size:12px;
    background:#fff;
    min-width:200px;
    z-index:1;
    *zoom:1;
    }
/* //컨텐츠 트리 */


/* jqurey를 이용한 트리 */
.tree{font-size:14px;font-family:Tahoma, Geneva, sans-serif;}
.tree ul{margin:0;padding:0;list-style:none;}
.tree ul ul{margin:0 0 0 -3px;}
.tree li{position:relative;padding:0 0 0 22px;background:url("../img/tree/line_tree.gif") no-repeat 9px 0;line-height:20px;white-space:nowrap;*zoom:1;}
.tree li.last{background-position:9px -1766px;}
.tree li.active a{font-weight:bold;color:#333;}
.tree li.active li a{font-weight:normal;color:#767676;}
.tree a{color:#767676;text-decoration:none;}
.tree a:hover,
.tree a:active,
.tree a:focus{text-decoration:underline;}
.tree .toggle{overflow:hidden;position:absolute;top:0;left:0;width:19px;height:19px;padding:0;border:0;background:transparent url("../img/tree/btn_tree.gif") no-repeat;cursor:pointer;font-size:0;color:#fff;text-indent:19px;*text-indent:0;vertical-align:middle;}
.tree .toggle.plus{background-position:5px -15px;}
.tree .toggle.minus{background-position:5px 5px;}

/** 팝업 리스트 테이블 **/
.border_section .board_boxPop{border-top: 2px solid #787878; }
.border_section .board_boxPop .board_detailPop {border-bottom:1px solid #999; border-collapse: collapse;}
.border_section .board_boxPop .board_detailPop td {height: 30px; }
.border_section .board_boxPop .board_detailPop th:first-child,
.border_section .board_boxPop .board_detailPop td:first-child  {border-left:none;}
.border_section .board_boxPop .board_detailPop tr:first-child th,
.border_section .board_boxPop .board_detailPop tr:first-child td {border-top: none;}
.border_section .board_boxPop .board_detailPop th.line, .border_section .board_box .type1_list td.line{border-right:1px solid #ccc;}
.border_section .board_boxPop .board_detailPop tr.liston {background: #e4f1ff;}

.border_section .board_boxPop .board_detailPop th {position: relative; padding: 12px 0px; height: 30px;   text-align:center; font-weight: 600; color: #222; background:#f5f5f5; border-bottom: 1px solid #c1c1c1;}
.border_section .board_boxPop .board_detailPop td {position: relative; padding: 12px 10px 12px 10px; height: 30px; color: #333; border-top: 1px solid #ccc; /*text-overflow:ellipsis; overflow:hidden;*/ }
.border_section .board_boxPop .board_detailPop td a {display: inline-block; font-weight: 600; width:95%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; word-wrap: break-word; }
.border_section .board_boxPop .board_detailPop td a:hover {text-decoration: underline;}
.border_section .board_boxPop .board_detailPop td.alC {text-align: center; padding:10px 5px;}
.border_section .board_boxPop .board_detailPop td.alL {text-align: left;}
.border_section .board_boxPop .board_detailPop td.alR {text-align: right;}

.pop_search .findCon {position: relative; margin-top: 10px; }
.pop_search .findCon .btn_search {position: absolute; right: 5px; top:3px; width: 30px; height: 30px; border: none; background: url("../img/sub/search_icon2.png") no-repeat center center; font-size: 0; color: transparent;}
.pop_search .findCon input[type=text] {width: 100%;}
.pop_search .findCon input[type=text].keyword {padding-right:40px;}

.pop_search .listBox {margin-top: 5px; border: 1px solid #ddd; padding: 3px 0px; background: #f7f7f7; }
.pop_search .listBox .list {overflow-y: auto;  overflow: auto; height: 80px; }
.pop_search .listBox .list li {display: block; padding:3px 0 7px 10px;  margin-bottom: 5px; border-bottom:1px solid #ddd;}
.pop_search .listBox .list li:first-child {padding-top: 7px;}
.pop_search .listBox .list li:last-child {border-bottom:none; padding-bottom: 5px;}

.mark_guide {margin-top: 20px;}
.mark_guide span {font-size: 14px; font-weight: 600;}
.mark_guide p {margin:5px 0 20px 0; line-height: 20px;}

.pop_list_type1 {margin-top: 10px; margin-bottom: 10px;}
.pop_list_type1 ul {border-top: 2px solid #787878;}
.pop_list_type1 li {border-bottom: 1px solid #ccc; padding: 10px 0 10px 10px; background: linear-gradient(to right, #f5f5f5 160px, white 160px 800px);}
.pop_list_type1 dl {width: 100%;}
.pop_list_type1 dt {display:inline-block;  width: 150px; padding:7px 0 0  10px;  font-weight: 600;}
.pop_list_type1 dd {display:inline-block;  width: calc(100% - 180px); width: -webkit-calc(100% - 180px); width: -moz-calc(100% - 180px); }

.pop_step {margin-top: 20px; margin-bottom: 20px;}
.pop_step ul {display: flex;}
.pop_step li {flex: 1;}
.pop_step li:hover {cursor: pointer;}
.pop_step li div {position: relative; border: 1px solid #ddd; border-radius: 5px;   height: 50px; line-height: 50px; text-align: center; font-weight: 600; margin-right: 30px;}
.pop_step li div.on { border: 1px solid #4a76c7;  color: #104dbd;}
.pop_step li div::after {content: ""; display: block; position: absolute; right: -25px; top:5px; width: 20px; height: 40px; background: url(../img/sub/date_next.png) no-repeat center center;}
.pop_step li div span {display: inline-block; margin-right: 10px;}
.pop_step li:last-child div {margin-right: 0px;}
.pop_step li:last-child div::after {display: none;}
.pop_Box {border: 1px solid #ddd; height: 300px; margin-top: 10px;}
.pop_Box img {width: 100%; height: 100%;}

.pop_guide {border:1px solid #e6eaee; padding: 10px 20px 10px 20px; background:#f0f4f9; margin-top: 20px; margin-bottom: 10px;}
.pop_guide li {margin-bottom: 5px;}

/** pop_service **/
.pop_service {margin-top: 20px;}
.pop_service p {margin-bottom: 3px; line-height: 24px;}
.pop_service p strong {font-weight: 600;}
.pop_service ul {display: flex; margin-bottom: 30px; margin-top: 30px;}
.pop_service li {flex: 1;}
.pop_service li:first-child {padding-top: 15px;}
.pop_service li div {position: relative; border-radius: 50%; background: #f8f8f8;  border:1px solid #ddd ; height: 170px; width: 170px;  text-align: center; padding: 40px 0px; margin: 0 auto;}
.pop_service li div::after {content: ""; display: block; position: absolute; right: -120px; top:20%; width: 50px; height: 80px; background: url(../img/sub/large_arr.png) no-repeat center center; }
.pop_service li:last-child div::after {display: none;}
.pop_service li:last-child div {height: 200px; width: 200px; background: #2f7dc9; color: #fff; border: none; }
.pop_service li div  span {display: block; margin-top: 10px;}
.pop_service li div  span em {display: block;}
.pop_service .pbtn_more {text-align: right; height: 60px;}
.pop_service .pbtn_more a  {border: 1px solid #ddd; height: 36px; padding: 10px 20px; border-radius:2px;}
.pop_service .pbtn_more a:hover {border: 1px solid #222;}

.pop_close {position: relative; background: #efefef; width: 100%; height: 40px;  padding: 5px 0 0 10px; margin-top: 0px;}
.pop_close button.btn_close2 {position: absolute; right: 10px; top:10px; background: none; /* background: url(../img/sub/btn_closex2.png) no-repeat  center; padding-left: 20px;*/}


/**  2023. 06.07 마이영농 **/
.mult_box_user {display: flex; flex-wrap: wrap; align-content: center;}
.mult_box_user .user_box {box-sizing: border-box;}
.mult_box_user .user_box:first-child {width: 30%;}
.mult_box_user .user_box:last-child {width: 70%; /* padding-left:10px; */}
.mult_row {display: block;}
.box30 {width: 100%!important; display: inline-block; }
.box3dan {width:32%; display: inline-block; vertical-align: top; margin-left: 20px; min-height: 200px;}
.box3dan:first-child {margin-left: 0px;}
.user_con_pld {padding-left: 0px!important; padding-top: 10px;}
.box_hide {display: none;}

.mult_box_user .user_con {position: relative; /* padding-bottom: 15px; */ border-radius: 10px; margin-bottom: 20px; padding-left:20px;}
.mult_box_user .user_con.line {border: 1px solid #ddd;}
.mult_box_user .user_con:last-child {margin-top: 0px;}
.mult_box_user .user_con .user_img {position: absolute; left: 20px; top:20px; width: 100px; height: 100px; background: url(../img/sub/myon_user.png) no-repeat center center #ddd; border-radius: 50%;}
.mult_box_user .user_con .user_info {margin-left: 115px; margin-top: 20px;}
.mult_box_user .user_con .margnon {margin-left: 0px!important;}
.mult_box_user .user_con .user_info li {position: relative; margin-bottom: 10px; padding-left: 9px;}
.mult_box_user .user_con .user_info li .tagbox {display: inline-block; width:105px; font-weight: 600;}
.mult_box_user .user_con .user_info li::before {content: ""; position: absolute; top:8px; left: 0px; width: 3px; height: 3px; border-radius: 2px; background: #666;}
.mult_box_user .user_con .muit_bt {position: absolute; right: 20px; top:18px;}
.mult_box_user .user_con .muit_bt button {font-size: 13px; border: 1px solid #ddd; border-radius: 3px; background: #fff; height: 30px; line-height: 28px;  padding:0 10px;}
.mult_box_user .user_con .muit_bt button:hover {border: 1px solid #333;}
.mult_box_user .user_con h4 {font-size: 16px; font-weight: 600; margin-top: 22px; position: relative; padding-left: 20px;}
.mult_box_user .user_con h4::before {content: ""; position: absolute; left:0px; top:2px; width: 16px; height: 16px; border-radius: 50%;  background: url(../img/sub/bu_icon.png) no-repeat center center #3381d0;}
.level_icon {display: inline-block; width: 22px; height: 17px; background: url(../img/sub/level_icon.png) no-repeat center center; vertical-align: middle;}
.point_icon {display: inline-block; width: 16px; height: 16px; background: url(../img/sub/point_icon.png) no-repeat center center; vertical-align: middle;}
.mult_box_user .user_con .h4_title {display: inline-block; font-size: 16px; font-weight: 600; padding-top: 22px; position: relative;}

.mult_box_user .user_con .momey_info {padding-top:20px; position: relative;}
.mult_box_user .user_con .momey_info dt {display: block; font-size: 16px; font-weight: 600; width: 150px; vertical-align: top;}
.mult_box_user .user_con .momey_info dt .more_bt {position: absolute; right: 20px; top:20px; font-size: 13px; border: 1px solid #ddd; border-radius: 3px; background: #fff; height: 30px; line-height: 28px;  padding:0 10px;}
.mult_box_user .user_con .momey_info dd {display: block; margin-top: 10px;}
.mult_box_user .user_con .momey_info dd strong {display: inline-block; margin-left: 30px; width: 120px; text-align: right;}
.mult_box_user .user_con .momey_info dd .tagbox {display: inline-block; width:70px; height: 26px; line-height: 24px; text-align: center; font-size: 13px; font-weight: 600; border-radius: 3px; margin-right: 5px;}
.mult_box_user .user_con .momey_info dd .colBlck {background: #fff; border:1px solid #ccc;}
.mult_box_user .user_con .momey_info dd .colRed {background: #f56969; color: #fff;}
.mult_box_user .user_con .momey_info dd .colBlue {background: #51a5ec; color: #fff;}
.mult_box_user .user_con .momey_info dd .money_line {margin-bottom: 5px;}
.mult_box_user .user_con .momey_info2 dt {display: inline-block; font-size: 16px; font-weight: 600; width: 90px; vertical-align: top; padding-top: 10px;}
.mult_box_user .user_con .momey_info2 dd {position: relative; display: inline-block; margin-top: 10px;}
.mult_box_user .user_con .momey_info2 dt .more_bt {position: absolute; right: 20px; bottom:20px; font-size: 13px; border: 1px solid #ddd; border-radius: 3px; background: #fff; height: 30px; line-height: 28px;  padding:0 10px;}
.mult_box_user .user_con .momey_info2 dt .more_bt:hover,.mult_box_user .user_con .momey_info dt .more_bt:hover {border: 1px solid #333;}
.mult_box_user .user_con .momey_info2 dd.pdbm {padding-bottom: 10px;}

.mult_box_user .mult_list {display: flex; flex-wrap: wrap; align-content: center; width: 100%;}
.mult_box_user .mult_list2 {display: block; min-height: 200px;}  /*** 23.08.08 추가 ***/
.mult_box_user .mult_list .list_con {}
.mult_box_user .mult_list .list_con:first-child {width: 65%;}
.mult_box_user .mult_list .list_con:last-child {width: 35%; padding-left:25px;}

.mult_box_user .mult_list .list_con .mult_top,.mult_box_user .mult_list2 .mult_top   {position: relative;}
.mult_box_user .mult_list .list_con .mult_top h4, .mult_box_user .mult_list2 .mult_top h4 {display: inline-block; margin-top: 5px; margin-right: 10px;}
.mult_box_user .mult_list .list_con .mult_top button, .mult_box_user .mult_list2 .mult_top button {position: absolute; right: 0px; top:0px; font-size: 14px;  height: 30px; line-height: 28px; border: 1px solid #ccc; border-radius: 2px; text-align: center; background: #fff; padding: 0 10px;}
.mult_box_user .mult_list .list_con .mult_top button:hover, .mult_box_user .mult_list2 .mult_top button:hover {border: 1px solid #555;}

.mult_box_user .mult_list .list_con .joinBox, .mult_box_user .mult_list2 .joinBox  {margin-top: 0px!important;}
.mult_box_user .mult_list .list_con .joinBox .type_list {margin-bottom: 20px!important;}
.mult_box_user .mult_list .list_con .joinBox .type_list th,.mult_box_user .mult_list2 .joinBox .type_list th  {height: 34px!important; padding: 0px;}
.mult_box_user .mult_list .list_con .joinBox .type_list td,.mult_box_user .mult_list2 .joinBox .type_list td  {height: 34px!important; padding: 0px; color: #666;}
.mult_box_user .mult_list .list_con .joinBox .type_list td a,.mult_box_user .mult_list2 .joinBox .type_list td a {text-align: left; overflow: hidden; display: block;  text-overflow: ellipsis;  white-space: nowrap; width:90%; color: #333;}
.mult_box_user .mult_list .list_con .joinBox .type_list td a:hover,.mult_box_user .mult_list2 .joinBox .type_list td a:hover {text-decoration: underline;}

.mult_custom {border: 1px solid #ddd; border-radius: 5px; padding: 20px;}
.mult_custom .mult_top {position: relative; border-bottom: 1px solid #ddd; height: 45px;}
.mult_custom .mult_top h4 {display: inline-block; font-size: 16px; font-weight: 600; padding-top: 10px;}

.mult_custom .mult_top .select_con {position: absolute; right: 0px; top:0px;}
.mult_custom .mult_top .select_con select {width: 250px;}

.custom_box {display: flex; flex-wrap: wrap; align-content: center; width: 100%; margin-top: 20px;}
.custom_box .custom_item {width: 33.3%; border-left: 1px solid #ddd; padding-left: 20px; padding-right: 20px;}
.custom_box .custom_item:first-child {border-left: 0px; padding-left: 0px;}
.custom_box .custom_item:last-child {padding-right: 0px;}
.custom_box .custom_item .custom_top {position: relative;}
.custom_box .custom_item .custom_top h4 {font-size: 16px;}
.custom_box .custom_item .custom_top .mult-item {position: absolute; right: 0px; top:-5px;}
.custom_box .custom_item .custom_top .mult-item  select {width: 150px;}
.custom_box .custom_item .custom_top .mult-item .item_text {display: inline-block; padding-top: 3px; color: #666; vertical-align: middle;}
.custom_box .custom_item .custom_top .mult-item .more_bt {background: #828a8f; color: #fff; font-size: 12px; text-align: center; padding: 5px 7px; margin-left: 3px;}
.custom_box .custom_item .price {color: #1e67b1; font-weight: 600;}
.custom_box .custom_item .type_item {margin-top: 30px; position: relative;}
.custom_box .custom_item .type_item dt {display: inline-block;}
.custom_box .custom_item .type_item dd {position: absolute; right: 20px; top:0px; display: inline-block; text-align: right;}

.custom_box .custom_item .sell_list {margin-top: 20px;}
.custom_box .custom_item .sell_list th {text-align: left; position: relative; padding-left: 10px;}
.custom_box .custom_item .sell_list th::before {content: ""; position: absolute; left: 0px; top:16px; width: 3px; height: 3px; border-radius: 2px;  background: #666;}
.custom_box .custom_item .sell_list td {height: 35px; text-align: left;}
.custom_box .custom_item .sell_list td.alC { text-align: center;}
.pest_bt  {height: 30px; line-height: 28px; border-radius: 2px; text-align: center; background: #f48d71; color: #fff; padding: 0 10px;}
.custom_box .custom_item .sell_list td .pest_text {color: #f8634b; font-weight: 600;}
.posion_text {text-align: center; color: #666; margin-top: 25px;}
.past_icon {display: inline-block; width: 50px; height: 50px;  background: url(../img/sub/past_icon.png) no-repeat center center; vertical-align: middle;}

.mult_table_box {display: flex; flex-wrap: wrap; align-content: center; margin-top: 15px;} /*** 23.08.08 수정 ***/
.mult_table_box .mult_list {width: 50%;}
.mult_table_box .mult_list:last-child {padding-left:20px;}
.mult_table_box .mult_list h4 {position: relative; font-size: 16px; padding-left: 20px;}
.mult_table_box .mult_list h4::before {content: ""; position: absolute; left:0px; top:3px; width: 16px; height: 16px; border-radius: 50%;  background: url(../img/sub/bu_icon.png) no-repeat center center #3381d0;}

.mult_table_box .mult_list .mult_top   {position: relative;}
.mult_table_box .mult_list .mult_top h4 {display: inline-block; margin-top: 5px; margin-right: 10px;}
.mult_table_box .mult_list .mult_top button {position: absolute; right: 0px; top:0px; font-size: 14px;  height: 30px; line-height: 28px; border: 1px solid #ccc; border-radius: 2px; text-align: center; background: #fff; padding: 0 10px;}
.mult_table_box .mult_list .mult_top button:hover {border: 1px solid #555;}

.mult_table_box .mult_list .joinBox  {margin-top: 0px!important;}
.mult_table_box .mult_list .joinBox .type_list {margin-bottom: 20px!important;}
.mult_table_box .mult_list .joinBox .type_list td a,.mult_box_user .mult_list2 .joinBox .type_list td a {text-align: left; overflow: hidden; display: block;  text-overflow: ellipsis;  white-space: nowrap; width:90%; color: #333;}
.mult_table_box .mult_list .joinBox .type_list td a:hover,.mult_box_user .mult_list2 .joinBox .type_list td a:hover {text-decoration: underline;}


.myon_service {display: flex; flex-wrap: wrap; align-content: center; margin-top: 10px;} /** 23.08.08 **/
.myon_service .myon_item {width: 33.3%; padding-left: 20px;}
.myon_service .myon_item:first-child {padding-left:0px;}
.myon_service .myon_item .myon_con {position: relative; padding: 20px; border-radius: 5px; height: 160px; }
.myon_service .myon_item .myon_con a {position: absolute; left: 0px; top:0px; width: 100%; height: 160px; }
.myon_service .myon_item .myon_con h4.title {font-size: 16px;}
.myon_service .myon_item .myon_con p {color: #666; width: 65%; margin-top: 5px; font-size: 14px;}
.myon_service .myon_item .myon_con span {display: block; margin-top: 5px; font-weight: 600;}
.myon_service .myon_item .myon_img1 {background: url(../img/sub/myon_img1.png) no-repeat right 40px #efefef;}
.myon_service .myon_item .myon_img2 {background: url(../img/sub/myon_img2.png) no-repeat right 20px #efefef;}
.myon_service .myon_item .myon_img3 {background: url(../img/sub/myon_img3.png) no-repeat right 30px #efefef;}
.myon_service .myon_item .myon_con .more_bt {font-size: 13px;  border-radius: 15px; background: url(../img/sub/icon_arr5.png) no-repeat 70px center #fff; height: 30px; width: 90px; line-height: 28px;  padding:0 15px 0px 5px; margin-top: 10px; }

.topbtn {position:absolute; right:0px; top:10px;}
.topbtn a.myon_bt {padding: 7px 10px; color:#565656; border: 1px solid #ddd; font-weight: 400; font-size: 14px; margin-right: 0px; border-radius: 2px;}
.topbtn a.myon_bt:hover {border: 1px solid #333;}


@media screen and (min-width:1204px) and (max-width:1242px) {
.mult_box_user .user_con {width: 32.4%;}
.box3dan {margin-left: 10px;}
.mult_box_user .user_con .momey_info dd strong {width: 100px;}


/** 사용자 2**/
.mult_box_user .user_box:first-child {display: block; width: 100%;}
.mult_box_user .user_box:last-child {width: 100%;}
.mult_box_user .mult_list .list_con:first-child {width: 100%; }
.mult_box_user .mult_list .list_con:last-child {width: 100%; padding-left: 0px;}
.mult_box_user .user_box:last-child {padding-left: 0px;}
.boxpdl {padding-left: 0px!important;}
}

@media screen and (max-width:1200px) {
.mult_box_user .user_box {width: 100%;border: 1px solid #fff;}
/*.mult_box_user .user_box:last-child {min-height: 700px;}*/ /*** 23.08.08 삭제 ***/
.mult_box_user .user_con {display: block; padding-left: 20px; width: 100%;}
.box3dan {margin-left: 0px; min-height: 100px;}

.mult_custom   {border: none; padding: 0px;}
.custom_box .custom_item {display: block; width: 100%;  border: 1px solid #ddd; border-radius: 5px; padding-top: 20px;  padding-bottom: 10px; margin-bottom: 20px;}
.custom_box .custom_item:first-child {border-left:1px solid #ddd; padding-left: 20px;}
.custom_box .custom_item:last-child {padding-right: 20px; margin-bottom: 0px;}

.mult_table_box .mult_list {width: 100%; display: block;}
.mult_table_box .mult_list:last-child {padding-left: 0px;}
.mult_list2 .mtop10 {margin-top: 0px;}

/** 사용자 2**/
.mult_box_user .user_box:first-child {display: block; width: 100%;}
.mult_box_user .user_box:last-child {width: 100%;}
.mult_box_user .mult_list .list_con:first-child {width: 100%; }
.mult_box_user .mult_list .list_con:last-child {width: 100%; padding-left: 0px;}
.mult_box_user .user_box:last-child {padding-left: 0px;}
.boxpdl {padding-left: 0px!important;}
}

@media screen and (min-width:320px) and (max-width:1000px) {
  .mult_custom .mult_top .select_con {position: relative; display: block; margin-top: 10px;}
  .mult_custom .mult_top {min-height: 90px;}
  .mult_custom .mult_top .select_con select {width: 200px;}
  .myon_service {margin-top: 0px;}
  .myon_service .myon_item {width:100%; display: block; margin-bottom: 20px; padding-left: 0px;}
  .topbt_con {padding-top: 70px;}
  .topbtn {top:90px!important;}

}

@media screen and (min-width:320px) and (max-width:600px) {
  .topbt_con {padding-top: 60px;}
  .topbtn {top:70px!important;}

}


/**  2023. 06.07 끝 **/








/*김원희*/
.topbtn a.man-down {
	background: url(../img/sub/icon_down.png) no-repeat 10px center;
	padding: 7px 10px 7px 30px;
}

/* 간편회계관리 간이장부 width:1240px 고정 풀기 이유: 테이블 100% 넓게보기*/
.contents_section_1 {
    padding-top: 30px;
    margin-bottom: 70px;
    min-height: 800px;
}

/* 입출금 장부 신규등록 */
.new_enrollment .enrollment {
    border-bottom: 1px solid #ccc;
    padding: 15px 0px;
}

.new_enrollment .enrollment span {
    font-size: 18px;
    font-weight: 700;
    color: #38a7d0;
}

.new_enrollment .enrollment .far {
    border: 2px solid #38a7d0;
    padding: 5px;
    border-radius: 50%;
    margin-top: -5px;
    color: #38a7d0;
    font-size: 18px;
    cursor: pointer;
    position: relative;
}

.enroll-btn.active {
    display: none;
}

/*
.new_enrollment .enrollment .far.active {
    background-color: #38a7d0;
    color: #fff;
}
*/

.new_enrollment .enrollment .toggle-btn {
    border: 1px solid #999;
    color: #999;
    padding: 3px 4px;
    ;
    font-size: 12px;
    margin-left: 10px;
    cursor: pointer;
    transform: rotate(180deg);
}

.new_enrollment .enrollment .toggle-btn.active {
    transform: rotate(0);
}

.searchbox_1_1.active {
    display: none !important;
}

.enroll-btn-1.active {
    display: none;
}


/* 입출금 장부 즐겨찾기 */
.bookmakbox {
    position: absolute;
    right: 20px;
    top: 60px;
    width: 500px;
    background: #fff;
    border: 1px solid #000;
    padding: 30px 0px;
    z-index: 3;
    display: none;
}

.bookmakbox.active {
    display: block;
}

.bookmakbox > .inner {
    padding: 0;
    margin: 0;
    max-height: 40vh;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 30px
}

.bookmakbox p {
    margin: 0;
    padding: 0 0 0px 0;
    color: #999
}

.bookmakbox table {
    border: 1px solid #ddd;
    border-width: 0 1px 1px 0;
    margin-top: 20px
}

.bookmakbox table th,
.bookmakbox table td {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 5px;
    font-size: 0.92rem
}

.bookmakbox table tbody tr:hover td {
    background: rgba(56, 167, 208, .1)
}

.bookmakbox table td {
    cursor: default
}

.bookmakbox table .summary {
    text-align: center;
}

/* 입출금 장부 신규등록 버튼 */
.search_wrap .searchbox_1 {
    display: inline-block;
    border: 0px solid #56a8dc;
    width: 100%;
}

.search_wrap .searchbox_1 > div {
    margin-top: 7px;
}

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

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

.search_wrap .searchbox_3 dt {
    width: 120px !important;
}

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

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

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

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

.search_wrap .searchbox_1 dt {
    display: inline-block;
    width: 95px;
    padding: 7px 0 0 10px;
    background: url(../img/sub/search_bu.png) no-repeat 0px 15px;
    font-weight: 600;
    vertical-align: top;
    position: relative;
}

.search_wrap .searchbox_1 dd {
    display: inline-block;
    width: 65%;
}

.search_wrap .searchbox_1 dd select {
    width: 80%;
}

.search_wrap .searchbox_1 .date_pick {
    position: relative;
    display: inline-block;
}

.search_wrap .searchbox_1 .date_pick input[type="text"] {
    width: 158px;
}

.search_wrap .searchbox_1 .date_pick button.btn_calendar {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 18px;
    height: 18px;
    padding: 0 0;
    color: transparent;
    background: url(../img/sub/calendar_icon.png) no-repeat center center;
}

.search_wrap .searchbox_1 .hyphen {
    display: inline-block;
    width: 15px;
    text-align: center;
}

.search_wrap .searchbox_1 input[type="text"] {
    width: 71%;
}

.search_wrap .searchbox_1 p {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
}

.search_wrap .searchbox_1 .fas {
    color: #aaa;
    font-size: 12px;
    margin-left: 2px;
}

.search_wrap .searchbox_1 span.account-btn {
    background: #38a7d0;
    border: none;
    color: #fff;
    padding: 7px 10px;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}

.search_wrap .searchbox_1 em {
    color: #f91515;
    font-size: 23px;
    position: absolute;
    top: 0;
    font-weight: bold;
}

.search_wrap .searchbox_2 dl {
    width: 40% !important;
}

.search_wrap .searchbox_2 dl select {
    width: 45%;
}

.search_wrap .searchbox_2 input[type="text"] {
    width: 50%;
    position: relative;
}

/* 간이장부 > 고정지출비용 관리 등록내용 수정 */
span.enroll-desc {
    font-size: 12px !important;
    color: #38a7d0;
    padding: 10px;
    background: rgba(81, 178, 214, 0.15);
    border: 1px solid rgba(81, 178, 214, 1);
    display: block;
    margin-top: 10px;
    display: block;
}

span.enroll-desc.active {
    display: none;
}

.btn_wrap button.fix {
    background: #fff !important;
    color: #333 !important;
    border: 1px solid #333;
}

.btn_wrap p {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    color: #666;
}

.btn_wrap strong {
    color: #38a7d0;
}

.btn_wrap .fas {
    color: #666;
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
}

.btn_wrap p:hover,
.btn_wrap p:hover .fas {
    color: #38a7d0;
}

/* 테이불 영역 */
.border_section {
    transition: max-width .7s;
    max-width: 1240px;
    margin: 0 auto;
    margin-top: 20px;
}

.border_section.active {
    max-width: 95%;
}

.border_section h4 {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
}

.border_section .header_1 {
    display: table;
    width: 100%;
    margin-top: 15px !important;
}

.table_opt_wrap {
    text-align: right;
    margin-top: 10px;
    position: relative;
}

.tablesaw-advance-dots {
    display: inline-block;
    vertical-align: bottom;
}

.tablesaw-advance-dots li {
    display: table-cell;
    margin: 0;
    padding: .4em .2em;
}

.tablesaw-advance-dots li i {
    width: .25em;
    height: .25em;
    background: #555;
    border-radius: 100%;
    display: inline-block;
}

.type1_list_1 thead th {
    border-right: 1px solid #c1c1c1;
    background: #fff !important;
}

.type1_list_1 thead th:last-child {
    border: none;
}

.type1_list_1 tbody td {
    border-right: 1px solid #c1c1c1;
}

.type1_list_1 tbody td:last-child {
    border-right: none;
}

.type1_list_1 .bg-gray {
    background: rgba(200, 200, 200, 0.1);
}

.type1_list_1 .bg-gray-1 {
    background: rgba(200, 200, 200, 0.2);
}

.type1_list_1 tr.br-top-none > td {
    border-top: none !important;
}

.type1_list_1 span.sch-title {
    width: 100px;
    display: inline-block;
}

.type1_list_1 .input-text {
    background: rgba(243, 243, 243, 1);
    padding: 7px 12px;
    border: 1px solid rgba(205, 205, 205, 1);
    border-image: none;
    color: rgba(82, 82, 82, 1);
}

/* 테이블 상세보기 */
.type1_list .detail {
    display: none;
}

.type1_list .detail.active {
    padding: 20px 20px !important;
    margin: 0 !important;
    line-height: normal !important;
    background: #f9f9f9;
    display: table-row;
    position: relative;
}

tr.detail.active td button.detail_close {
    position: absolute;
    bottom: 0px;
    right: 0;
    background: rgba(0, 0, 0, 0.18);
    border: none;
    color: rgba(0, 0, 0, 0.78);
    font-size: 14px;
    display: inline-block;
}

tr.detail.active td .inner {
    padding: 0 30px;
    display: block;
    max-width: none;
    box-sizing: border-box;
}

tr.detail.active .summary {
    width: 25%;
    text-align: left;
    border-right: 1px solid #ddd;
    padding-right: 30px;
    margin-right: -1px;
    line-height: 30px;
    padding-top: 10px;
    height: auto;
    font-size: 1rem;
    float: left;
}

tr.detail.active .summary h4 {
    font-weight: 300;
    font-size: 1.54rem;
    color: #0195df;
    text-align: center;
    display: block;
    padding-bottom: 20px;
}

tr.detail.active .summary dl {
    clear: both;
    float: none;
    overflow: hidden
}

tr.detail.active .summary dt,
tr.detail .summary dd {
    float: left
}

tr.detail.active .summary dd {
    float: right
}

tr.detail.active .summary dl.date {
    border-top: 1px solid #000;
    padding-top: 1rem;
    margin-bottom: 5px;
    overflow: hidden;
}

tr.detail.active .date_pick {
    position: relative;
    display: inline-block;
    color: #0195df;
}

tr.detail.active .date_pick input[type="text"] {
    width: 150px !important;
    font-weight: 700;
    color: #0195df;
}

tr.detail.active .date_pick input[type="text"]::placeholder {
    color: #0195df;
    font-weight: 700;
}

tr.detail.active .date_pick button.btn_calendar {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 18px;
    height: 18px;
    padding: 0 0;
    color: transparent;
    background: url(../img/sub/calendar_icon.png) no-repeat center center;
}

tr.detail.active .i_money input[type="text"] {
    width: 150px;
}

tr.detail.active .tdbtn.key {
    background: #0195df;
    color: #fff !important;
    font-weight: 700;
    border-color: #0195df !important;
    width: 100%;
    line-height: 40px;
    margin: 20px 0;
}

tr.detail.active .table {
    width: 72%;
    padding-left: 30px;
    float: right;
    text-align: center;
}

tr.detail.active .table button.key2 {
    background: #333;
    color: #fff;
}

tr.detail.active .table button {
    padding: 0 10px;
    border-color: #bbb;
    background: rgba(200, 200, 200, 0.5);
    outline: none;
    min-width: inherit;
    background: #fff;
    border: 1px solid #000;
    color: #000;
}

.type1_list .money {
    color: rgb(1, 149, 223);
    border: 1px solid rgb(1, 149, 223);
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
}

.type1_list .money .fas {
    margin-left: 5px;
    vertical-align: text-top;
}


/* 테이블 정렬 css */
.table_opt_btn {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
}

.table_opt_btn .fas {
    padding: 5px;
}

.table_opt_btn .fas:last-child {
    display: none;
}

.table_opt_btn.active .fas:last-child {
    display: block;
}

.table_opt_btn.active .fas:first-child {
    display: none;
}

.table_opt {
    text-align: left;
    border: 1px solid red;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 40px;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ccc;
    display: none;
}

.table_opt.active {
    display: block;
}

.table_opt ul li {
    padding: 2px 0px;
    cursor: pointer;
}

/* 테이블 넓게보기 버튼 */
button.width_toggle {
    background: transparent;
    margin-left: 10px;
    font-size: 13px;
    color: #666666;
    cursor: pointer;
}

.border_section .left,
.border_section .right {
    padding: 5px 8px;
    background-color: #0195df;
    margin-right: 3px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    vertical-align: top;
}

/*
.border_section .right {
    display: none;
}

.border_section.active .left {
    display: none;
}

.border_section.active .right {
    display: inline-block;
}
*/
.type1_list p.fix {
    background: rgba(243, 243, 243, 1);
    padding: 3px 12px;
    border: 1px solid rgba(205, 205, 205, 1);
    border-image: none;
    color: rgba(82, 82, 82, 1);
    display: inline-block;
    cursor: pointer;
}

.type1_list p.save {
    background: #fff;
    padding: 3px 12px;
    border: 1px solid #38a7d0;
    border-image: none;
    color: #38a7d0;
    display: inline-block;
    cursor: pointer;
}

.type1_list td span.income,
span.expense {
    display: inline-block;
    background: #0A2543;
    color: #fff;
    padding: 0 10px;
    border-radius: 3px;
    font-size: 1rem;
}

.type1_list td span.income {
    background: #cbab53;
}

/* 간편회계관리 토글 검색 */
.toggle-sch {
    float: right;
    padding: 3px 25px;
    background: #38a7d0;
    color: #fff;
    border-radius: 15px;
    cursor: pointer;
}

.toggle-sch.active {
    background: #999999;
}

.toggle-sch-wrap {
    display: none;
}

.toggle-sch-wrap.active {
    display: block;
}

.toggle-sch-wrap .desc-sch {
    border: 1px solid #e5e5e5 !important;
    background: #fbfbfb;
    width: 100%;
    margin: 10px 0px;
}

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

.toggle-sch-wrap .desc-sch .caln-wrap dt {
    width: 15%;
    min-width: 85px;
}

.toggle-sch-wrap .desc-sch .btn-area span {
    cursor: pointer;
    padding: 6px 20px;
    border-radius: 20px;
}

.toggle-sch-wrap .desc-sch .btn-area span.desc-sch-btn {
    border: 1px solid #38a7d0;
    color: #38a7d0;
    margin-right: 10px;
}

.toggle-sch-wrap .desc-sch .btn-area span.close-btn {
    border: 1px solid #333;
    color: #333;
}

.toggle-sch-wrap .desc-sch .btn-area {
    text-align: center;
    margin-top: 30px;
}

.toggle-sch-wrap .desc-sch .btn-area span.desc-sch-btn:hover {
    background: rgba(56, 167, 208, .1);
}

.toggle-sch-wrap .desc-sch .btn-area span.close-btn:hover {
    background: rgba(33, 33, 33, .05);
}

/* 간이장부 > 일괄입력 */
.excel-down-wrap h4 {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    padding-top: 25px;
}

.upload-wrap {
    padding: 20px;
    border: 1px solid #ddd;
    margin-top: 15px;
}

.upload-wrap .btn_add {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 0px;
    color: transparent;
    background: url(../img/sub/icon_add.png) no-repeat center center #f87777;
}

.upload-wrap .btn_cancel {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 0px;
    color: transparent;
    background: url(../img/sub/icon_cancel.png) no-repeat center center #98999a;
}

/* 간이장부 > 일괄입력 레이어 팝업 */

.popup_panel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow: hidden;
}


.popup_panel div.popup_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    overflow: hidden;
}

.popup_panel div.popup_contents {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    background-color: #fff;
    transform: translateX(-50%) translateY(-50%);
    padding: 20px;
    overflow-y: auto;
}

.popup_panel div.popup_contents .pop-header {
    border-bottom: 1px solid rgb(168, 168, 168);
}

.popup_panel div.popup_contents .pop-header span {
    color: rgb(82, 82, 82);
    letter-spacing: -3px;
    font-size: 24px;
}

.pop-header .close-btn {
    position: relative;
    width: 45px;
    height: 45px;
}

.pop-header .close-btn div {
    width: 2px;
    height: 30px;
    background: #aaa;
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translateX(-50%) translateY(-50%);
}

.pop-header .close-btn div:first-child {
    transform: rotate(45deg);
}

.pop-header .close-btn div:last-child {
    transform: rotate(-45deg);
}

.pop-body {
    margin-top: 20px;
    box-sizing: border-box;
}

.pop-body ul.searchul {
    margin-top: 15px;
}

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

.pop-body ul.searchul > li:first-child select {
    width: 99% !important;
}

.pop-body ul.searchul > li:first-child input {
    width: 99% !important;
}

.pop-body ul.searchul > li:last-child {
    width: 20%;
    float: left;
    text-align: center;
    border: 1px solid #cdcdcd;
    background: #f3f3f5;
    color: #525252;
    font-size: 1rem;
    padding: 5.5px 0px;
}

.pop-body .sub-tab {
    margin-top: 20px;
}


.pop-body .sub-tab li.tab-link {
    width: 50% !important;
    color: #333;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    text-align: center;
    padding: 15px 0px;
    font-weight: 700;
    cursor: pointer;
}

.pop-body .sub-tab li.tab-link.current {
    border-top: 1px solid rgb(1, 149, 223);
    border-bottom: 1px solid rgb(1, 149, 223);
    color: rgb(1, 149, 223);
}

.pop-body .sub-content {
    margin-top: 20px;
    display: none;
}

.pop-body .sub-content.current {
    display: block;
}

.pop-body .type1_list {
    border-collapse: collapse;
    border-bottom: 1px solid #dcdcdc;
    font-size: 13px;
}

.pop-body .type1_list th,
.pop-body .type1_list td {
    height: 30px;
    padding: 3px 0px;
}

.pop-body .type1_list td {
    padding-left: 10px;
    border-top: 1px solid #c1c1c1;
}

.pop-body .type1_list th.alC {
    text-align: center;
}

.pop-body .type1_list td.alC {
    text-align: center;
}

.pop-body .type1_list th {
    border-right: 1px solid #dcdcdc;
    background: #f3f3f5;
    border-bottom: 1px solid #dcdcdc;
}

.pop-body .pop_header {
    margin-top: 20px;
    margin-bottom: 15px;
}

/* 간이통계 */
.gridbox-title {
    padding-top: 40px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.type1_list_1 tr.total td {
    background: rgba(81, 178, 214, 0.15);
    color: #38a7d0 !important;
    font-weight: 600;
    border-bottom: 1px solid rgba(81, 178, 214, 1);
    box-sizing: border-box;
}

.type1_list_1 tr.total td:last-child {
    border-right: none;
}

span.limit {
    font-size: 14px;
    color: #38a7d0;
    font-weight: 600;
    margin-left: 10px;
}

.border_section .sub-tab {
    cursor: pointer;
    border-bottom: 2px solid #0195df;
    margin-top: 30px;
}


.border_section .sub-tab li {
    padding: 7px 30px;
    border: 1px solid #ccc;
}

.border_section .sub-tab li.current {
    border: 2px solid rgb(1, 149, 223);
    border-bottom: none;
    color: rgb(1, 149, 223);
}

.border_section .sub-content {
    display: none;
}

.border_section .sub-content.current {
    display: block;
}

.header-date {
    display: inline-block;
    padding: 3px 20px;
    background: #0195df;
    border-radius: 20px;
    color: #fff;
    margin-right: 10px;
}

.header_1 > div p.date {
    display: inline-block;
    font-weight: 700;
    color: #0195df;
}

.header_1 .date-desc {
    font-size: 16px;
    color: #999;
    letter-spacing: 0.5px;
}

span.notice {
    font-size: 14px;
    display: block;
    margin-top: 20px;
    color: #666;
    display: block;
    margin-bottom: 20px;
}

span.notice strong {
    color: #fff;
    background: #666;
    padding: 2px 9px;
    border-radius: 50%;
    margin-right: 5px;
}

.table-sch-wrap {
    margin-top: 30px;
}

.type2_list-1 thead th {
    background: rgba(56, 167, 208, .05) !important;
    color: #0195df !important;
}

.type2_list-1 tbody td {
    border-right: 1px solid #c1c1c1;
}

.type2_list-1 tbody td:last-child {
    border-right: none;
}

.border_section .table-sch-wrap {
    margin-top: 0;
    position: relative;
}

.table-sch-wrap .table-sch-ico {
    position: absolute;
    color: rgb(1, 149, 223);
    top: 50%;
    right: 15px;
    font-size: 18px;
    transform: translateY(-50%);
}

.border_section .hide-btn {
    border: 1px solid #ccc;
    height: 36px;
    padding: 0 15px;
    min-width: 25px;
    background: #fff;
    float: right;
    margin-top: 15px;
}

.border_section .hide-btn:hover {
    border: 1px solid #666;
}

/* 농장관리 등록 */
.border-title {
    margin-top: 20px;
}

.border-title h5 {
    font-size: 19px;
    font-weight: 400;
}

.border-title span {
    position: relative;
    color: #999;
    font-weight: 500;
    display: inline-block;
    margin-top: 5px;
}

.border-title span::before {
    display: block;
    content: "*";
    position: absolute;
    left: -15px;
    font-size: 1.4rem;
    color: #f91515;
    font-weight: bold;
}

.type1_list .need::after {
    color: #f91515;
    font-size: 1.5rem;
    content: "*";
}

.type1_list select.max-wd {
    max-width: 110px;
}

.type1_list .samecheck {
    background: #f3f3f5;
    display: inline-block;
    color: #525252 !important;
    padding: 6px 10px;
    border: 1px solid #cdcdcd;
    vertical-align: bottom;
}

.type1_list .red-notice {
    color: #f91515;
    font-size: 13px;
    font-weight: 400;
}

.type1_list td.bgf9 {
    background: #f9f9f9;
}

.type1_list .date_pick {
    position: relative;
    display: inline-block;
}

.type1_list .date_pick button.btn_calendar {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 18px;
    height: 18px;
    padding: 0 0;
    color: transparent;
    background: url(../img/sub/calendar_icon.png) no-repeat center center;
}

.type1_list .bgnone {
    background: #fff !important;
}

.btn_area {
    text-align: center;
    margin-top: 30px;
}

.btn_area button {
    font-size: 1.2rem;
    padding: 10px 35px;
}

.btn_area button.submit {
    background: #0195df;
    color: #fff;
    margin-right: 10px;
}

.btn_area button.close {
    color: #fff;
    background: rgb(153, 153, 153);
}

.table-opt-set {
    border: 1px solid red;
    text-align: right;
    float: right;
}

.table-opt-set select {
    margin-top: 10px;
    width: 150px;
}

/* 자료 초기화 */
.info-txt {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 20px 0px;
    margin-top: 20px;
}

.info-txt strong {
    display: inline-block;
    background: #999;
    padding: 1px 10px;
    color: #fff;
    border-radius: 100%;
    margin-right: 5px;
}

.info-txt p {
    font-weight: 600;
    margin-bottom: 10px;
}

.info-txt ul {
    margin-left: 30px;
}

.info-txt ul li {
    font-size: 1rem;
    margin-bottom: 10px;
    color: #7f7f7f;
    position: relative;
    padding-left: 0.7rem;
    word-break: keep-all;
}

.info-txt ul li::before {
    position: absolute;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #999;
    top: 46%;
    left: -5px;
    transform: translateY(-50%);
}

.info-txt span {
    color: #0195df;
}

.btn_box {
    text-align: center;
    margin-top: 40px;
}

.btn_box span.resetbtn {
    padding: 10px 30px;
    background: #F06;
    border-color: #F06;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
}

.btn_box span.resetbtn:hover {
    border: 2px solid #f06;
    background: #fff;
    color: #f06;
}

/* 경영장부관리 > 개인설정 */
.sub-tab-set {
    margin-top: 20px;
    border-top: 2px solid #333;
}


.sub-tab-set li.tab-link {
    width: 50% !important;
    color: #333;
    border-bottom: 1px solid #c1c1c1;
    text-align: center;
    padding: 15px 0px;
    font-weight: 700;
    cursor: pointer;
}

.sub-tab-set li.tab-link.current {
    background: rgb(75, 76, 76);
    color: #fff;
}

.sub-tab-set-con {
    display: none;
    margin-top: 50px;
}

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

.sub-tab-set-con h5 {
    font-weight: 700;
    font-size: 1.2rem;
}

.sub-tab-set-con .inner {
    background: #f9f9f9;
    height: 300px;
    padding: 20px;
}

.sub-tab-set-con .inner-set {
    width: 30%;
    float: left;
    padding-right: 30px;
    height: 260px;
    border-right: 1px solid #e5e5e5;
}

.sub-tab-set-con .out-set {
    width: 70%;
    float: left;
    padding-left: 30px;
}

.sub-tab-set-con .inner-set p {
    color: #3a3a3a;
    margin-bottom: 20px;
    font-size: 18px;
}

.sub-tab-set-con .inner-set select {
    width: 100%;
}

.sub-tab-set-con .out-set p {
    color: #3a3a3a;
    margin-bottom: 20px;
    font-size: 18px;
}

.sub-tab-set-con .out-set strong {
    color: #0195df;
    font-weight: 500;
}

.sub-tab-set-con .out-set label {
    vertical-align: baseline;
    display: inline-block;
    min-width: 140px;
    font-size: 13px;
}

.sub-tab-set-con .out-set .out-set-list ul li {
    height: 30px;
}

.sub-tab-set-con .out-set .out-set-info {
    font-size: 13px;
    color: #8a8a8a;
}

.sub-tab-set-con .out-set .out-set-list p {
    display: inline-block;
    color: #8a8a8a;
    font-size: 13px;
    font-weight: 500;
    margin-left: 20px;
}

.sub-tab-set-con .schid {
    padding: 20px;
    margin-top: 10px;
    border-bottom: 1px solid #333;
}

.sub-tab-set-con .schid p {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
}

.sub-tab-set-con .schid .idwrap {
    padding: 5px 0px;
    position: relative;
    display: block;
}

.sub-tab-set-con .schid label {
    min-width: 150px;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
}

.sub-tab-set-con .schid input {
    background: #e8f0fe;
}

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

.table-opt-ico {
    color: rgb(1, 149, 223);
    font-size: 20px;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    cursor: pointer;
    margin-left: 5px;
}

/* 청년창업농 > 간이장부조회 */
.header .total-info li {
    padding: 0px 10px;
    position: relative;
    font-size: 14px;
}

.header .total-info li:not(:last-child)::after {
    content: '/';
    display: inline-block;
    clear: both;
    position: absolute;
    right: -2px;
}

.header .total-info li strong {
    color: rgb(1, 149, 223);
    margin-left: 10px;
}

/* 창업농관리 검색 초기화버튼 */
/*
.search_wrap-1 .searchbox dd > input[type="text"] {
    width: 100% !important;
}
*/

.search_wrap .searchboxwd80 {
    width: 80% !important;
    display: inline-block;
    float: left
}

.find_box_kwh {
    display: inline-block;
    float: right;
    vertical-align: bottom;
    padding-top: 8px;
}

.find_box_kwh button {
    display: inline-block;
    height: 36px;
    width: 84px;
}

.find_box_kwh button.btn_search {
    color: #fff;
    padding: 0px 10px 0 24px;
    font-weight: 600;
    background: url(../img/sub/search_icon.png) no-repeat 10px center #1c6bbd;
}

.find_box_kwh button.btn_refresh {
    border: 1px solid #bec3c8;
    padding: 0px 10px 0 28px;
    font-weight: 600;
    color: #565656;
    background: url(../img/sub/refresh_icon.png) no-repeat 10px center #fff;
}

.border_section .board_box .type1_list td.bdt-none {
    border-top: none;
}

/* 경영진단 관리 */
.user-info {
    border-top: 2px solid #333;
    text-align: center;
    padding: 30px 0;
    overflow: visible;
    border-bottom: 2px solid #333;
    margin-top: 20px;
    color: #333;
    vertical-align: bottom;
}

.user-info span {
    font-size: 1.4rem;
    display: inline-block;
    padding: 0px 10px;
}

.user-info strong {
    font-size: 1.4rem;
    margin-right: 15px;
}

.user-info label,
.user-info select {
    vertical-align: top !important;
}

.user-info select {
    width: 100px;
    border: 1px solid #333;
}

/* 경영진단관리 탭메뉴 */
.user-info-tab .tabs li {
    width: calc(100% / 7);
    float: left;
    text-align: center;
    padding: 15px 0px;
    background: #fff;
    cursor: pointer;
    color: #333;
    font-size: 16px;
    border: 1px solid #ccc;
    border-top: none;
    box-sizing: border-box;
}

.user-info-tab .tabs li.current {
    background: rgb(75, 76, 76);
    color: #fff;
}

.user-info-tab .tab-content {
    display: none;
}

.user-info-tab .tab-content.current {
    display: block;
}

.user-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.user-title h4 {
    font-size: 1.43rem;
    font-weight: 400;
}

.user-title span {
    color: #999;
    vertical-align: bottom;
    display: inline-block;
    margin-top: 7px;
    margin-left: 10px;
    font-size: 13px;
}

.user-title p.unit {
    display: inline-block;
    margin-top: 7px;
}

.user-title button.add {
    color: #fff;
    border: 1px solid #cbab53;
    background: #cbab53;
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
}



/* 경영진단관리 반응형 table */
.type1_list p.th-desc {
    font-size: 12px;
    color: #999;
}

.type1_list-1 div.table-desc {
    background: rgba(81, 178, 214, 0.15);
    width: 100%;
    display: block;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #38a7d0;
    line-height: 30px;
}

.type1_list-1 td:nth-child(2n) div.table-desc {
    background: rgba(81, 178, 214, 0.25);
}

.type1_list-1 td {
    position: relative;
    height: 70px !important;
    vertical-align: top;
    padding: 0;
}

.mb50 {
    margin-bottom: 50px;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.user-btn-wrap {
    text-align: center;
    margin-top: 30px;
}

.info-txt-1 {
    border: none;
}

.user-btn-wrap button {
    height: 45px;
    line-height: 43px;
    font-size: 1.2rem;
    min-width: 90px;
    padding: 0 15px;
    color: #fff;
}

.user-btn-wrap button.save {
    background: #0195df;
    border: 2px solid #0195df;
}

.user-btn-wrap button.close {
    background: rgb(153, 153, 153);
    margin: 0px 5px;
    border: 2px solid rgb(153, 153, 153);
}

.line-tab {
    border-top: 2px solid #333;
    margin-top: 80px;
}

.line-tab #tab-tit {
    border-bottom: 1px solid #ccc;
}

.line-tab #tab-btn ul li {
    display: inline-block;
    padding: 20px 30px;
    font-size: 18px;
    cursor: pointer;
}

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

.year-table-wrap .border_section {
    margin-top: 0px !important;
}

.year-table-wrap .left-table {
    width: 47.5%;
    margin-right: 5%;
}

.year-table-wrap .right-table {
    width: 47.5%;
}

.year-total {
    background: #f0f3fa;
    border: 1px solid #d0e1fa;
    overflow: hidden;
    padding: 30px;
    text-align: center;
    margin-top: 30px;
}

.year-total strong {
    font-size: 18px;
    color: #0195df;
    display: inline-block;
    padding: 0px 10px;
}

.year-total span {
    font-size: 16px;
    margin: 0px 10px;
}

/* 반응형 테이블 */
.st-txt {
    color: #0195df;
    display: inline-block;
    margin: 0px 20px 0px 5px;
}

.re-table th,
.re-table td {
    text-align: center;
}

.re-table td input.date {
    position: relative;
    background-image: url('../img/sub/calendar_icon.png');
    background-repeat: no-repeat;
    background-position: 95%;
}

.re-table th,
.re-table td:before {
    color: #333;
}

.save-1-wrap {
    text-align: center;
}

.save-1-wrap .save-1 {
    border: 2px solid #0195df;
    color: #0195df;
    background: #fff;
    padding: 5px 30px;
    border-radius: 20px;
    font-size: 16px;
}

.save-1-wrap .close {
    background: #fff;
    padding: 5px 30px;
    border-radius: 20px;
    font-size: 16px;
    border: 2px solid #999;
    color: #999;
}

/* 달력 레이어 팝업 */
.type1_list {
    position: relative;
}

.date_box {
    width: 320px;
    height: 300px;
    background: #fff;
    /* 임시 가운데 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);

    /*
    position: absolute;
    right: 0;
    top:0;
    */
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
    border: 1px solid rgb(221, 221, 221);
}

.date_box .date-title {
    padding: 15px 0px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    position: relative;
}

.date_box .date-title span {
    display: inline-block;
    padding: 0px 5px;
}

.date_box .date-title .fas:first-child {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.date_box .date-title .fas:last-child {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.date_box.active {
    opacity: 1;
    visibility: visible;
}

.date-table {
    padding: 15px;
}

table.date {
    text-align: center;
}


table.date th {
    background: transparent !important;
    text-align: center !important;
    padding: 3px 0px !important;
    border-bottom: none !important;
    ;
}

table.date td {
    font-weight: 400;
    color: rgb(68, 68, 68);
    cursor: pointer;
    height: 35px !important;
    font-size: 13px;
    text-align: center;
    position: relative;
    padding: 0 !important;
    ;
}

table.date td.today-cir {
    color: #fff !important;
    font-weight: bold;
}

table.date td.today-cir::after {
    content: '';
    background-color: rgb(1, 149, 223);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: -1;
    left: 51%;
    top: 51%;
    transform: translateX(-50%) translateY(-50%);
}

span.table-info-txt {
    font-size: 13px;
    color: #7f7f7f;
    margin-bottom: 30px;
    display: block;
}

.bd-right {
    box-sizing: border-box;
    position: relative;
}

.bd-right::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: #ccc;
    top: 0;
    right: 0;
}

.input-txt-box .txt-area {
    width: 100%;
    height: 100px;
    border: 1px solid #999;
    background: rgba(200, 200, 200, 0.05);
    padding: 20px;
    resize: none;
}

.user-big-title {
    border-bottom: 1px solid #999;
    padding: 25px 0px;
}

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

.grid-box {
    border: 1px solid #333;
    width: 47.5%;
    margin-right: 5%;
    float: left;
}

.grid-wrap .grid-table-wrap {
    float: left;
    width: 47.5%;
}

.font-table th {
    font-size: 13px;
}

.font-table td {
    font-size: 13px;
}

.grid-list .grid-box-1 {
    border: 1px solid #333;
    height: 400px;
    width: 50%;
}

.grid-list .grid-box-1:nth-child(2n+1) {
    border-right: none;
}

.grid-list .grid-box-1:first-child,
.grid-list .grid-box-1:nth-child(2) {
    border-bottom: none;
}


.grid-list-5 .grid-box-1 {
    border: 1px solid #333;
    height: 400px;
    width: 50%;
}

.grid-list-5 .grid-box-1:nth-child(2n+1) {
    border-right: none;
}

.grid-list-5 .grid-box-1:first-child,
.grid-list .grid-box-1:nth-child(2) {
    border-bottom: none;
}

.grid-list-5 .grid-box-1:last-child {
    border-right: 1px solid #333;
    border-top: none;
}

.grid-list-5 .grid-box-1:nth-child(4) {
    border-top: none;
}

.grid-list-5 .grid-box-1:nth-child(3) {
    border-top: none;
}

.grid-list-5 .grid-box-1:first-child {
    border-bottom: 1px solid #333;
}

.re-table .txt-area {
    resize: none;
    height: 100px;
    width: 80%;
}

.file-up-box {
    border: 1px solid #ccc;
    padding: 20px;
}

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

.file-up-box .file-save {
    background: #fff !important;
    color: #333 !important;
    border: 1px solid #333;
    display: inline-block;
    padding: 5px 10px;
}

/* 경영진단관리 보고서 시작 */
.report-btn {
    margin-top: 20px;
    text-align: right;
}

.report-btn button {
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    font-size: 14px;
    cursor: pointer;
}

.report-btn button.report-toggle {
    border: 1.5px solid #444;
    margin-right: 10px;
}

.report-btn button.report-prt {
    border: 1.5px solid #38a7d0;
    color: #38a7d0;
}

.report-tbl {
    box-sizing: border-box;
    text-align: center;
}

.toggle-tbl {
    width: 40%;
    float: right;
    opacity: 1;
    visibility: visible;
}

.toggle-tbl th,
.report-tbl td {
    background: #fff;
    font-size: 14px;
    padding: 5px 10px;
    height: 30px;
}

.toggle-tbl th {
    border: 1px solid #ccc;

}

.toggle-tbl td {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.toggle-tbl.active {
    opacity: 0;
    visibility: hidden;
}

h2.report-title {
    font-size: 6rem;
    padding-bottom: 50px;
    color: #333;
    text-align: center;
}

.center-tbl {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    margin-bottom: 50px;
}

.center-tbl th {
    border: 1px solid #ccc;
    padding: 7px 10px;
}

.center-tbl td {
    font-size: 16px;
    font-weight: 400;
    padding: 7px 15px;
    border: 1px solid #ccc;
}

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

.report-title-h3 {
    text-align: center;
    font-size: 4rem;
    padding-bottom: 30px;
    margin-top: 100px;
}

.report-title-h5 {
    text-align: center;
    font-size: 2rem;
    color: #666;
    margin-bottom: 110px;
}

.report-title-h5 span {
    border-bottom: 2px solid #333;
    color: #333;
}

.report-txt {
    width: 40%;
    margin: 0 auto;
    text-align: center;
    color: #666;
    font-size: 16px;
    word-break: keep-all;
    position: relative;
    margin-bottom: 150px;
}

.report-txt::after {
    position: absolute;
    width: 50px;
    height: 2px;
    background: #333;
    content: '';
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
}

.rpt-border {
    border: 1px solid #ccc;
    padding: 20px;
    text-align: center;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 100px;
}

.border-line {
    width: 100%;
    height: 1px;
    background: #333;
}

h6.num {
    margin-bottom: 20px;
    font-size: 2.5rem !important;
    color: #666;
    text-align: center;
    margin-top: 30px;
}

p.num-txt {
    font-size: 1.3rem;
    text-align: center;
}

h3.sm-title {
    padding: 20px 0px;
    font-size: 24px;
}

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

p.sm-title-p > strong {
    color: #0195df;
}

p.sm-title-desc {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
}

p.sm-title-desc span {
    color: #999999;
    font-size: 16px;

}

p.tbl-unit {
    display: inline-block;
    margin-right: 10px;
}

span.sketch {
    margin-top: 20px;
    display: block;
}

.rpt-total {
    background: #e5f4f9;
    color: #38a7d0;
    font-weight: 700;
    font-size: 1.06rem;
    border: 1.5px solid rgba(81, 178, 214, 1);
    padding: 20px 0px;
    text-align: center;
    margin-top: -2px;
}

.rpt-total span {
    font-size: 14px;
    margin: 0px 10px;
}

/* 컨설팅 사업 소개 */
.introtech {
    margin-top: 50px;
}

.introtech ul li {
    width: 33.333%;
    text-align: center;
    padding: 15px 0px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-left: none;
    cursor: pointer;
}

.introtech ul li:first-child {
    border-left: 1px solid #ccc;
}

.introtech ul li:hover {
    border-top: 1px solid #2677c9;
}

.introtech ul li.current {
    border: 1px solid #2677c9;
    background: #2677c9;
    color: #fff;
}

.intro-tech-con {
    display: none;
}

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

.intro-tech-con .intro-box {
    height: 300px;
    background-color: #ebf5ff;
    background-image: url(../img/sub/consulting_intro_top.png);
    background-position: 95%;
    background-repeat: no-repeat;
    background-size: 320px;
    border: none;
    padding: 20px;
    width: 100%;
}

.intro-tech-con .intro-box h2 {
    font-size: 40px;
    font-weight: 500;
    margin-top: 10px;
    color: #333;
}

.intro-tech-con .intro-box h2 span {
    color: #3585d8;
}

.intro-tech-con .intro-box p {
    margin-top: 30px;
    font-size: 22px;
}

.mid-txt {
    margin-top: 20px;
}

.mid-txt span {
    display: block;
    word-break: keep-all;
    font-size: 16px;
    padding: 10px 0px;
    margin-left: 40px;
    position: relative;
    color: #666;
}

.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;
}

.mid-txt span strong {
    color: #3585d9 !important;
    font-weight: 500;
}

.sns-con span {
    font-size: 16px;
    margin-top: 20px;
    display: block;
}

.sns-con p {
    margin-top: 10px;
}

h4.title-desc {
    font-size: 23px;
    padding: 50px 0px 30px 0px;
    font-weight: 500;
}

h4.title-desc span {
    color: rgb(33, 197, 49);
}

.naver_band {
    position: Relative;
    padding: 50px;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.naver_band .naver_icon {
    float: left;
    position: Relative;
    padding-right: 50px;
    width: calc(30% - 50px);
}

.naver_band .naver_icon:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 180px;
    background-color: #ddd;
    display: block;
    content: "";
}

.naver_band .btn_list {
    float: left;
    width:70%;
}

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

.naver_band .btn_list li {
    float: left;
    margin-left: 50px;
    text-align: center;
}

.naver_band .btn_list li span {
    padding-top: 15px;
    display: block;
    font-size: 20px;
    font-weight: 400;
}

.band-use ul li {
    width:33.333%;
    text-align: center;
}

.band-use ul li img {
    width:200px;
    display: inline-block;
}

.band-use ul li:nth-child(2) img {
    width:240px;
}

.band-use span.step {
    padding: 3px 15px;
    border:1px solid #437dea;
    border-radius: 14px;
    font-size: 16px;
    color: #437dea;
    margin-bottom: 10px;
    display: inline-block;
}

.band-use p {
    margin-bottom: 10px;
    font-size: 16px;
}

.band-use p b {
    color: #427dea;
}

.use-move-info {
    width:100%;
     height: auto;
    background-color: #ebf5ff;
    padding: 30px 20px;
    margin-top:40px;
}

.use-move-info h4 {
    font-size: 20px;
}

.use-move-info ul {
    margin-top:20px;
    word-break: keep-all;
}

.use-move-info ul li {
    font-size: 16px;
    padding: 7px 0px;
    margin-left: 30px;
    position: relative;
    color:#7f7f7f;
}

.use-move-info ul li span {
    color: #0195df;
}

.use-move-info ul li::before {
    content: '';
    display: block;
    position: absolute;
    width:6px;
    height: 6px;
    background: #7f7f7f;
    border-radius: 50%;
    top:50%;
    transform: translateY(-50%);
    left: -20px;
}

.use-move-box {
    margin-top:30px;
}
.use-move-box ul li {
    position: relative;
    width:50%;
    text-align: center;
    padding: 20px;
    height: 330px;
}

.use-move-box ul li:first-child {
    border-right: 1px solid #ccc;
}
.use-move-box ul li h4 {
    font-size: 20px;
    margin-bottom: 30px;
}

.use-move-box .txt-wrap {
    min-height: 160px;
}
.use-move-box ul li .txt {
    width:60%;
    margin:0 auto;
    margin-bottom: 15px;
    word-break: keep-all;

}

.use-move-box ul li .txt label {
    display: block;
    text-align: left;
    font-size: 16px;
    margin-bottom: 10px;
}

.use-move-box ul li .txt input {
    display: block;
    width:100%;
}

.use-move-box .use-submit a {
    color:#fff;
    display: block;
    width:60%;
    margin:0 auto;
    background: #666;
    padding: 10px 0px;
    margin-top:20px;
}

.band_link_list{padding:50px 17px 0; border:1px solid #ddd; border-radius:10px;}
.band_link_list ul{padding-left:0;}
.band_link_list li{float:left; width:16.6666%;text-align:center; }
.band_link_list li .icon_area{position:relative; width:150px; height:150px; padding-bottom:50px; background-color:#f3f3f3; background-repeat: no-repeat; background-position: center 20px; border:1px solid #ddd; border-radius:10px;  box-sizing:border-box; margin:0 auto;}
.band_link_list li .icon_area .name{position:absolute; left:0; bottom:15px; line-height:1; width:100%; display:block;  font-size:24px; color:#555; }
.band_link_list li .txt{padding-top:20px; height:130px; display:block; font-size:18px; color:#555;}
.band_link_list li:hover .icon_area{background-color:#81c736; border:1px solid #81c736; transition: .3s;}
.band_link_list li .icon_area svg{fill:#444; stroke:#444444}
.band_link_list li:hover .icon_area .name{font-weight:600; color:#fff;}

.band_link_list li .icon_area .icon{margin-top:10px; display:inline-block; width:72px; height:72px;}
.band_link_list li .icon_area.icon_1{background-image:url(../img/sub/00.png)}
.band_link_list li .icon_area.icon_2{background-image:url(../img/sub/01.png)}
.band_link_list li .icon_area.icon_3{background-image:url(../img/sub/02.png)}
.band_link_list li .icon_area.icon_4{background-image:url(../img/sub/03.png)}
.band_link_list li .icon_area.icon_5{background-image:url(../img/sub/04.png)}
.band_link_list li .icon_area.icon_6{background-image:url(../img/sub/05.png)}
.band_link_list li .icon_area.icon_7{background-image:url(../img/sub/06.png)}
.band_link_list li .icon_area.icon_8{background-image:url(../img/sub/07.png)}
.band_link_list li .icon_area.icon_9{background-image:url(../img/sub/08.png)}
.band_link_list li .icon_area.icon_10{background-image:url(../img/sub/09.png)}
.band_link_list li .icon_area.icon_11{background-image:url(../img/sub/10.png)}
.band_link_list li .icon_area.icon_12{background-image:url(../img/sub/11.png)}
.band_link_list li .icon_area.icon_13{background-image:url(../img/sub/12.png)}
.band_link_list li .icon_area.icon_14{background-image:url(../img/sub/13.png)}
.band_link_list li .icon_area.icon_15{background-image:url(../img/sub/14.png); background-position: center 26px;}
.band_link_list li .icon_area.icon_16{background-image:url(../img/sub/15.png)}
.band_link_list li .icon_area.icon_17{background-image:url(../img/sub/16.png)}
.band_link_list li .icon_area.icon_18{background-image:url(../img/sub/17.png)}
.band_link_list li .icon_area.icon_19{background-image:url(../img/sub/18.png)}
.band_link_list li .icon_area.icon_20{background-image:url(../img/sub/19.png); background-position: center 26px;}
.band_link_list li .icon_area.icon_21{background-image:url(../img/sub/20.png)}
.band_link_list li .icon_area.icon_22{background-image:url(../img/sub/21.png)}
.band_link_list li .icon_area.icon_23{background-image:url(../img/sub/22.png)}
.band_link_list li .icon_area.icon_24{background-image:url(../img/sub/23.png)}
.band_link_list li .icon_area.icon_25{background-image:url(../img/sub/24.png); background-position: center 26px;}
.band_link_list li .icon_area.icon_26{background-image:url(../img/sub/25.png)}
.band_link_list li .icon_area.icon_27{background-image:url(../img/sub/26.png)}
.band_link_list li .icon_area.icon_28{background-image:url(../img/sub/27.png)}
.band_link_list li .icon_area.icon_29{background-image:url(../img/sub/28.png)}
.band_link_list li .icon_area.icon_30{background-image:url(../img/sub/29.png); background-position: center 40px;}
.band_link_list li .icon_area.icon_31{background-image:url(../img/sub/30.png)}
.band_link_list li .icon_area.icon_32{background-image:url(../img/sub/31.png)}
.band_link_list li .icon_area.icon_33{background-image:url(../img/sub/32.png); background-position: center 25px;}
.band_link_list li .icon_area.icon_34{background-image:url(../img/sub/33.png)}
.band_link_list li .icon_area.icon_35{background-image:url(../img/sub/34.png)}
.band_link_list li .icon_area.icon_36{background-image:url(../img/sub/35.png)}
.band_link_list li .icon_area.icon_37{background-image:url(../img/sub/36.png)}
.band_link_list li .icon_area.icon_38{background-image:url(../img/sub/37.png)}
.band_link_list li .icon_area.icon_39{background-image:url(../img/sub/38.png)}

.band_link_list li:hover .icon_area.icon_1{background-image:url(../img/sub/00_over.png)}
.band_link_list li:hover .icon_area.icon_2{background-image:url(../img/sub/01_over.png)}
.band_link_list li:hover .icon_area.icon_3{background-image:url(../img/sub/02_over.png)}
.band_link_list li:hover .icon_area.icon_4{background-image:url(../img/sub/03_over.png)}
.band_link_list li:hover .icon_area.icon_5{background-image:url(../img/sub/04_over.png)}
.band_link_list li:hover .icon_area.icon_6{background-image:url(../img/sub/05_over.png)}
.band_link_list li:hover .icon_area.icon_7{background-image:url(../img/sub/06_over.png)}
.band_link_list li:hover .icon_area.icon_8{background-image:url(../img/sub/07_over.png)}
.band_link_list li:hover .icon_area.icon_9{background-image:url(../img/sub/08_over.png)}
.band_link_list li:hover .icon_area.icon_10{background-image:url(../img/sub/09_over.png)}
.band_link_list li:hover .icon_area.icon_11{background-image:url(../img/sub/10_over.png)}
.band_link_list li:hover .icon_area.icon_12{background-image:url(../img/sub/11_over.png)}
.band_link_list li:hover .icon_area.icon_13{background-image:url(../img/sub/12_over.png)}
.band_link_list li:hover .icon_area.icon_14{background-image:url(../img/sub/13_over.png)}
.band_link_list li:hover .icon_area.icon_15{background-image:url(../img/sub/14_over.png)}
.band_link_list li:hover .icon_area.icon_16{background-image:url(../img/sub/15_over.png)}
.band_link_list li:hover .icon_area.icon_17{background-image:url(../img/sub/16_over.png)}
.band_link_list li:hover .icon_area.icon_18{background-image:url(../img/sub/17_over.png)}
.band_link_list li:hover .icon_area.icon_19{background-image:url(../img/sub/18_over.png)}
.band_link_list li:hover .icon_area.icon_20{background-image:url(../img/sub/19_over.png)}
.band_link_list li:hover .icon_area.icon_21{background-image:url(../img/sub/20_over.png)}
.band_link_list li:hover .icon_area.icon_22{background-image:url(../img/sub/21_over.png)}
.band_link_list li:hover .icon_area.icon_23{background-image:url(../img/sub/22_over.png)}
.band_link_list li:hover .icon_area.icon_24{background-image:url(../img/sub/23_over.png)}
.band_link_list li:hover .icon_area.icon_25{background-image:url(../img/sub/24_over.png)}
.band_link_list li:hover .icon_area.icon_26{background-image:url(../img/sub/25_over.png)}
.band_link_list li:hover .icon_area.icon_27{background-image:url(../img/sub/26_over.png)}
.band_link_list li:hover .icon_area.icon_28{background-image:url(../img/sub/27_over.png)}
.band_link_list li:hover .icon_area.icon_29{background-image:url(../img/sub/28_over.png)}
.band_link_list li:hover .icon_area.icon_30{background-image:url(../img/sub/29_over.png)}
.band_link_list li:hover .icon_area.icon_31{background-image:url(../img/sub/30_over.png)}
.band_link_list li:hover .icon_area.icon_32{background-image:url(../img/sub/31_over.png)}
.band_link_list li:hover .icon_area.icon_33{background-image:url(../img/sub/32_over.png)}
.band_link_list li:hover .icon_area.icon_34{background-image:url(../img/sub/33_over.png)}
.band_link_list li:hover .icon_area.icon_35{background-image:url(../img/sub/34_over.png)}
.band_link_list li:hover .icon_area.icon_36{background-image:url(../img/sub/35_over.png)}
.band_link_list li:hover .icon_area.icon_37{background-image:url(../img/sub/36_over.png)}
.band_link_list li:hover .icon_area.icon_38{background-image:url(../img/sub/37_over.png)}
.band_link_list li:hover .icon_area.icon_39{background-image:url(../img/sub/38_over.png)}

/* 컨설팅 정보 활용 */
.con-info {
    padding: 20px;
    margin-top:30px;
    border:1px solid #ccc;
}

.con-info p {
    font-size: 16px;
    margin-bottom: 5px;
}

.con-info span {
    display: block;
    padding: 7px 0px;
    color:#666;
    position: relative;
    margin-left: 15px;
    font-size: 14px;
}

.con-info span::before {
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    width:3px;
    height: 3px;
    background: #666;
    top:42%;
}

.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: 20px;
}

.con-tab.on {
    background: #2677c9;
    color:#fff;
}

.select-list li {
    width:100px;
    height: 100px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    border:1px solid #ddd;
    cursor: pointer;
    background-image: url(../img/sub/icon_strawberry_off.png);
    background-repeat: no-repeat;
    background-size: 57px;
    background-position: 50% 25%;
    transition: background-image .2s;
    margin-bottom: 5px;
}

.select-list li:hover {
    background-image: url(../img/sub/icon_strawberry_on.png);
}

.select-list li:not(:last-child) {
    margin-right: 15px;
}

.select-list li span {
    padding-top:70px;
    display: block;
}

.select-list li:hover {
    background-color: #2677c9;
    color:#fff;
}

.select-list li:hover span {
    color:#fff;
}

.select-list li.active {
    background-color: #2677c9;
    color:#fff;
}

.select-list li.active span {
    color:#fff;
}

.select-wrap > div {
    padding: 5px 0px;
}

.select-list li.ic2 {background-image: url(../img/sub/icon_radish_off.png);}
.select-list li.ic3 {background-image: url(../img/sub/icon_peach_off.png); background-size: 41px;}
.select-list li.ic4 {background-image: url(../img/sub/icon_blueberry_off.png); background-size: 45px;}
.select-list li.ic5 {background-image: url(../img/sub/icon_melon_off.png);}
.select-list li.ic6 {background-image: url(../img/sub/icon_tomato_off.png);}
.select-list li.ic7 {background-image: url(../img/sub/icon_persimmon_off.png);}
.select-list li.ic8 {background-image: url(../img/sub/icon_ginseng_off.png); background-size: 50px;}
.select-list li.ic9 {background-image: url(../img/sub/icon_grape_off.png);}
.select-list li.ic10 {background-image: url(../img/sub/icon_pear_off.png);}
.select-list .ic1.active {background-image: url(../img/sub/icon_strawberry_on.png);}
.select-list li.ic2:hover, .select-list li.ic2.active {background-image: url(../img/sub/icon_radish_on.png);}
.select-list li.ic3:hover, .select-list li.ic3.active {background-image: url(../img/sub/icon_peach_on.png);}
.select-list li.ic4:hover, .select-list li.ic4.active {background-image: url(../img/sub/icon_blueberry_on.png);}
.select-list li.ic5:hover, .select-list li.ic5.active {background-image: url(../img/sub/icon_melon_on.png);}
.select-list li.ic6:hover, .select-list li.ic6.active {background-image: url(../img/sub/icon_tomato_on.png);}
.select-list li.ic7:hover, .select-list li.ic7.active {background-image: url(../img/sub/icon_persimmon_on.png);}
.select-list li.ic8:hover, .select-list li.ic8.active {background-image: url(../img/sub/icon_ginseng_on.png);}
.select-list li.ic9:hover, .select-list li.ic9.active {background-image: url(../img/sub/icon_grape_on.png);}
.select-list li.ic10:hover, .select-list li.ic10.active {background-image: url(../img/sub/icon_pear_on.png);}
.select-list li.ic1-1 {background-image: url(../img/sub/icon_chicken_off.png);}
.select-list li.ic2-1 {background-image: url(../img/sub/icon_cow_off.png);}
.select-list li.ic3-1 {background-image: url(../img/sub/icon_duck_off.png); background-size: 41px;}
.select-list li.ic4-1 {background-image: url(../img/sub/icon_goat_off.png); background-size: 45px;}
.select-list li.ic5-1 {background-image: url(../img/sub/icon_pig_off.png);}
.select-list li.ic1-1:hover, .select-list li.ic1-1.active {background-image: url(../img/sub/icon_chicken_on.png);}
.select-list li.ic2-1:hover, .select-list li.ic2-1.active {background-image: url(../img/sub/icon_cow_on.png);}
.select-list li.ic3-1:hover, .select-list li.ic3-1.active {background-image: url(../img/sub/icon_duck_on.png); background-size: 41px;}
.select-list li.ic4-1:hover, .select-list li.ic4-1.active {background-image: url(../img/sub/icon_goat_on.png); background-size: 45px;}
.select-list li.ic5-1:hover, .select-list li.ic5-1.active {background-image: url(../img/sub/icon_pig_on.png);}

.find_box_ab {
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    bottom: 24px;
    right: 20px;
}

.find_box_ab button {
    display: inline-block;
    height: 36px;
    width: 84px;
}

.find_box_ab button.btn_search {
    color: #fff;
    padding: 0px 10px 0 24px;
    font-weight: 600;
    background: url(../img/sub/search_icon.png) no-repeat 10px center #1c6bbd;
}

.find_box_ab button.btn_refresh {
    border: 1px solid #bec3c8;
    padding: 0px 10px 0 28px;
    font-weight: 600;
    color: #565656;
    background: url(../img/sub/refresh_icon.png) no-repeat 10px center #fff;
}

.border_section .board_box .type1_list td.bdt-none {
    border-top: none;
}

.type1_list2 .optbox {
    margin-left: 80px;
    margin-top:10px;
    color:#666;
}

.type1_list2 .optbox span.hide {
    margin-right: 10px;

}
.type1_list2 .table-date-box {
    margin-top:10px;
}

.type1_list2 .table-date-box span {
    color:#666;
}

.type1_list2 .table-date-box span:last-child {
    margin-left: 10px;
}

.consulting-detail {
    margin-top:30px;
}

.consulting-detail .opt-wrap {
    border-top:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px;
}

.consulting-detail .opt-wrap span {
    color:#666;
}

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

.consulting-detail .opt-wrap li:first-child span:first-child::after {
    width:1px;
    height: 100%;
    position: absolute;
    content: '';
    display: block;
    background: #666;
    right: 0;
    top:0;
}

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


.consult-content-info {
    padding: 40px 20px;
    border-bottom: 1px solid #ccc;
}

.consult-content-info p {
    font-size: 16px;
    color:#333;
    word-break: keep-all;
}

.consult-content-info ul {
    margin-top:30px;
}

.consult-content-info ul li {
    width:33.3333%;
    text-align: center;
}

.consult-content-info .img-box > div {
    width:300px;
    height: 300px;
    margin:0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.consult-btn {
    text-align: center;
    margin-top:30px;
}

.consult-btn button {
    display: inline-block;
    background: #09488a;
    color: #fff;
    padding: 12px 30px;
    text-align: center;
    margin-right: 5px;
    font-weight: 600;
}

.reple-box {
    background: #efefef;
    padding: 30px 0px;
    margin-top:50px;
}

.reple-box li:first-child {
    text-align:center;
    width:10%;
    padding-top:25px;
}

.reple-box li:nth-child(2) {
    width:80%;
}

.reple-box li:nth-child(3) {
    width:10%;
    text-align: center;
    padding-top:25px;
}

.reple-box li:nth-child(3) button {
    display: inline-block;
    background: #09488a;
    color: #fff;
    padding: 12px 30px;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
}

.reple-box textarea {
    height: 100px;
    resize: none;
    width:100%;
}

h4.reple-title {
    font-size: 22px;
}

/* 영농일지 통합 전환 */
ol.step {
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
    margin-top:20px;
}

ol.step.col3 > li {
    width: 30.6%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    ol.step.col3 > li {
    width: 30.5%;
    }
}

ol.step > li {
    float: left;
    text-align: center;
    padding-left: 3%;
    margin-left: 1%;
    margin-top: 10px;
    margin-bottom: 10px;
    /* background: url('/img/sub/step_arr.png') left 80px no-repeat; */
    box-sizing: unset;
    cursor: pointer;
}

ol.step > li:first-child {
    padding-left: 0;
    margin-left: 0;
    background: none;
}

ol.step li .tit {
    position: relative;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #111;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #646464;
    background-color: #fff;
    box-shadow: none;
    z-index: 2;
}

ol.step li .tit span {
    display: inline-block;
    margin-left: 8px;
    width: 30px;
    height: 30px;
    color: #111;
    line-height: 28px;
    border-radius: 100%;
    background-color: #eee;
}

ol.step li .active {
    color:#fff;
    border-color: #2677c9;
    background-color: #2677c9;
    box-shadow: 0 5px 7px rgba(0,0,0, .21);
}

ol.step li .con {
    position: relative;
    color: #111;
    border: 1px solid #d1d1d1;
    border-top: none;
    background-color: #f6f7f9;
    box-sizing: border-box;
    word-break: keep-all;
    min-height: 50px;
}

ol.step li .con .conAlign {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    word-break: keep-all;
	line-height:19px;
}

ol.step li .con .conAlign span,
ol.step li .txt span {
    display: block;
}

ol.step.row > li {
    display: table;
    margin-left: 0;
    padding-top: 40px;
    padding-left: 0;
    width: 100%;
    background: url('../img/sub/step_row_arr.gif') 80px top no-repeat;
}

ol.step.row > li:first-child {
    padding-top: 0;
}

ol.step li .txt {
    padding: 10px 20px;
    border: 1px solid #c6c6c6;
    border-top: none;
}

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

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

.step-info .step-txt span {
    position: absolute;
    left: 30px;
    z-index: 2;
    font-size: 18px;
}

.step-info .step-txt span::after {
    position: absolute;
    content: '';
    height: 8px;
    background: #5179fc;
    border-radius: 5px;
    left: 0;
    bottom: -2px;
    z-index: 1;
    opacity: .2;
    width:100%;
}

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

.th-table thead th {
    border-right: 1px solid #c1c1c1;
}

.th-table thead th:last-child {
    border-right: none;
}

.step-btn {
    text-align: right;
    margin-top:20px;
}

.step-btn .step-next {
    display: inline-block;
    background: #09488a;
    color: #fff;
    padding: 12px 20px;
    text-align: center;
    margin-right: 5px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 30px;
}

.change-menu {
    border-bottom: 2px solid #0195df;
}

.change-tab {
    border-bottom: 2px solid #0195df;
    width:100%;

}

.change-tab li {
    cursor: pointer;
    padding: 7px 30px;
    border: 1px solid #ccc;
}

.change-tab li.current {
    border: 2px solid rgb(1, 149, 223);
    border-bottom: none;
    color: rgb(1, 149, 223);
}

.change-con {
    display: none;
}

.change-con.current {
    display: block;
}

.youth {
    padding: 25px 0px;
    border-top:2px solid #333;
    border-bottom: 1px solid #333;
    margin-top:30px;
}

.youth .one-info {
    display: inline-block;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

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

.youth span.title {
   padding: 5px 20px;
    background: #0195df;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
}

.youth span.desc {
    color:#0195df;
    font-size: 16px;
}

.youth span.desc p {
    display: inline-block;
    color:#636363;
}

.youth-ac dt {
    background-image: url(../img/sub/year_list.png);
    background-position: 97.5% 50%;
    background-repeat: no-repeat;
    background-size: 15px;
}

.youth-ac dt.on {
    background-image: url(../img/sub/year_list-1.png);
}

.youth-ac ul li {
    text-align: center;
}

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

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

.youth-ac ul li:last-child {
    width:30%;
}

.youth-ac ul li span {
    font-size: 16px;
}

.youth-ac dt {
    border-bottom: 1px solid #ddd;
    padding: 20px 0px;
    cursor: pointer;
}

.youth-ac dd {
    display: none;
}

.youth-ac dd div {
    padding: 20px;
    background: #f5f5f5;
}

.border_section .img_border2 .faqlist li div dt .num {
    vertical-align: top;
    font-size: 16px;
    margin-right: 20px;
}

/* 서브탑메뉴 슬라이드 */
.tab_wrap_slide  {
    height:auto;
    overflow: hidden;
    margin-top:20px;
    width:100%;
}

.tab_wrap_slide .tab_slide {
    height: 50px;
    width:100%;
}

.tab_wrap_slide .item {
    height: 50px;
    text-align: center;
    border:1px solid #ccc;
}

.tab_wrap_slide .owl-carousel {
    display: block !important;
}

.tab_wrap_slide .item:not(:first-child) {
    border-left: none;
}

.tab_wrap_slide .tab_slide .item a {
    position: relative;
    display: block;
    width: 100%;
    min-height: 40px;
    line-height: 20px;
    padding: 15px 0 0 0;
}

.tab_wrap_slide .tab_slide .item {
    text-align: center;
    font-weight: 600;
}

.tab_wrap_slide .tab_slide .item.tabon {
    color: #fff;
    border: 1px solid #148bb8;
    background: #148bb8;
}

.tab_wrap_slide .tab_slide .item span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 7px;
    background: url(../img/sub/icon_tab.png) no-repeat center center;
}

/* 경영진단관리 input달력 */
.border_section .scrollNone {
    overflow-y: hidden;
    height: auto;
}

.dateinput_1 {position: relative; display: inline; width:100% !important;}
button.btn_calendar_1 {position: absolute; right:5px; top:50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; padding: 0 0; color:transparent; background:url(../img/sub/calendar_icon.png) no-repeat center center;}

/* 컨설팅정보활용 댓글 수정 */
.border_section .img_border2 .faqlist li div dt a.last-reple {
    display: inline-block;
    white-space:normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    width:95%;
}

.border_section .img_border2 .faqlist li div dt a.last-reple:hover {
    text-decoration: none;
}

.border_section .img_border2 .faqlist li div dd .tag_last::after {
    display: none;
}

.border_section .img_border2 .faqlist li.last-reple-list {
    height: auto;
    padding-bottom: 15px;
    width:100%;
}

.border_section .img_border2 .faqlist li.last-reple-list .last-reple {
    text-align: left;
}

    /* 달력 */

	 input.date-picker {
		width: 120px; letter-spacing: 0px;
	}

	[type='text'].date-picker {
		background: rgb(255, 255, 255); padding: 0px 5px; border: 1px solid rgb(205, 205, 205); transition:0.3s; border-image: none; height: 40px; vertical-align: middle; box-sizing: border-box;
	}
	button.ui-datepicker-trigger {
		background: none; padding: 0px; border: currentColor; transition:0.3s; border-image: none; width: 30px; height: 40px; font-size: 0px; vertical-align: middle; position: absolute; right: 0px;
	}
	.ui-datepicker {
		border: 1px solid rgb(221, 221, 221); border-image: none; width: 320px; display: none; box-shadow: 0px 10px 20px 1px rgba(70,70,70,0.32); background-color: white;
	}
	.ui-datepicker-header {

	}
	.ui-datepicker a {
		text-decoration: none;
	}
	.ui-datepicker .ui-datepicker-title {
		height: 58px; text-align: center; line-height: 58px; font-size: 1.25rem; font-weight: 700; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
	}
	.ui-datepicker-year {
		margin-right: 5px; min-width: 80px;
	}
	.ui-datepicker-month {
		margin-left: 10px; min-width: 60px;
	}
	.ui-datepicker .ui-datepicker-title option {
		font-size: 1rem;
	}
	.ui-datepicker .ui-datepicker-prev {
		top: 20px; width: 25px; height: 25px; line-height: 0; text-indent: -999em; display: block; position: absolute; cursor: pointer;
	}
	.ui-datepicker .ui-datepicker-next {
		top: 20px; width: 25px; height: 25px; line-height: 0; text-indent: -999em; display: block; position: absolute; cursor: pointer;
	}
	.ui-datepicker .ui-datepicker-prev::before {
		margin: auto 0px; transform-origin: right 50%; border-radius: 50px; left: 0px; top: 11px; width: 11px; height: 2px; position: absolute; cursor: pointer; content: ""; background-color: rgb(34, 34, 34); -webkit-transform-origin: right;
	}
	.ui-datepicker .ui-datepicker-next::before {
		margin: auto 0px; transform-origin: right 50%; border-radius: 50px; left: 0px; top: 11px; width: 11px; height: 2px; position: absolute; cursor: pointer; content: ""; background-color: rgb(34, 34, 34); -webkit-transform-origin: right;
	}
	.ui-datepicker .ui-datepicker-prev::after {
		margin: auto 0px; transform-origin: right 50%; border-radius: 50px; left: 0px; top: 11px; width: 11px; height: 2px; position: absolute; cursor: pointer; content: ""; background-color: rgb(34, 34, 34); -webkit-transform-origin: right;
	}
	.ui-datepicker .ui-datepicker-next::after {
		margin: auto 0px; transform-origin: right 50%; border-radius: 50px; left: 0px; top: 11px; width: 11px; height: 2px; position: absolute; cursor: pointer; content: ""; background-color: rgb(34, 34, 34); -webkit-transform-origin: right;
	}
	.ui-datepicker .ui-datepicker-prev {
		left: 11px;
	}
	.ui-datepicker .ui-datepicker-prev::before {
		transform: rotate(135deg);
	}
	.ui-datepicker .ui-datepicker-prev::after {
		transform: rotate(-135deg);
	}
	.ui-datepicker .ui-datepicker-next {
		right: 11px;
	}
	.ui-datepicker .ui-datepicker-next::before {
		transform: rotate(45deg);
	}
	.ui-datepicker .ui-datepicker-next::after {
		transform: rotate(-45deg);
	}
	.ui-datepicker .ui-datepicker-calendar {
		margin: 10px; width: 94%; text-align: center;
	}
	.ui-datepicker .ui-datepicker-calendar th {
		width: 14.28%; height: 30px; color: rgb(34, 34, 34); font-size: 1rem; font-weight: 600;
	}
	.ui-datepicker .ui-datepicker-calendar td {
		border: currentColor !important; border-image: none !important; height: 33px; color: rgb(68, 68, 68); font-size: 1rem; position: relative;
	}
	.ui-datepicker .ui-datepicker-calendar td .ui-state-active {
		color: rgb(255, 255, 255) !important; font-weight: bold; position: relative;
	}
	.ui-datepicker .ui-datepicker-calendar td .ui-state-active::after {
		margin: -15px 0px 0px -15px; border-radius: 100px; left: 50%; top: 50%; width: 30px; height: 30px; position: absolute; z-index: -1; content: ""; background-color: rgb(1, 149, 223);
	}
	.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
		color: rgb(153, 153, 153);
	}
	.ui-datepicker .ui-datepicker-calendar td .ui-state-highlight {
		color: rgb(30, 85, 175); font-weight: bold;
	}
	@media only screen and (max-device-width:767px)
	{
	.ui-datepicker {
		left: 0px !important; z-index: 9999999;  !important;
	}
	.sch_box .datebox dd > div.chk {
		width: 100%; font-size: 1rem;
	}
	.sch_box .datebox {
		font-size: 0px; margin-bottom: 10px;
	}
	.sch_box .datebox dd > div.picker {
		width: 50%; margin-left: 0px;
	}
	.sch_box .datebox dd > div.picker + div.picker {
		margin-left: -1px;
	}
	.dtail_sch_section input[type='text'] {
		width: 100%; font-size: 1rem; box-sizing: border-box;
	}
	.sch_box .datebox button.ui-datepicker-trigger {
		top: 1px; right: 0px; position: absolute;
	}
	.sch_box .datebox dd > div.picker > label {
		height: 100%; vertical-align: middle; display: inline-block; position: relative;
	}
	.sch_box .datebox dd > div.picker > span {
		line-height: 40px; vertical-align: middle; display: none;
	}
}
.mr10 {
    margin-right: 10px;
    display: inline-block;
}
.wd10 {
    width:10% !important;
}
.wd20 {
    width:20% !important;
}
.wd30 {
    width:30% !important;
}
.wd40 {
    width:40% !important;
}
.wd50 {
    width:50% !important;
}
.wd60 {
    width:60% !important;
}
.wd70 {
    width:70% !important;
}
.wd80 {
    width:80% !important;
}
.wd90 {
    width:90% !important;
}
.wd100 {
    width:100% !important;
}


/* 경영진단관리 input달력 */
.border_section .scrollNone {
    overflow-y: hidden;
    height: auto;
}

.dateinput_1 {position: relative; display: inline; width:100% !important;}
button.btn_calendar_1 {position: absolute; right:5px; top:50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; padding: 0 0; color:transparent; background:url(../img/sub/calendar_icon.png) no-repeat center center;}

/* 파일업로드 버튼 커스텀 */
.btn_wrap label.filebox {display: inline-block;  background: #09488a; color: #fff; padding:12px 20px; text-align: center; margin-right: 5px; font-weight: 600;}

.btn_wrap input[type="file"].filebox-text {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

/* 가격조회 로딩이미지 */
/*
.detail-loading {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 130px;
    z-index: 10;
    height: 130px;
    border-radius: 50%;
    border: 4px solid rgba(56, 167, 208, 0.48);
    background: rgba(255, 255, 255, 0.9);
}

.detail-loading img {
    width: 80px;
    display: block;
    margin:0 auto;
    margin-top:20px;
}
*/

/* 로딩바 대응 24.07.10 변경 */
.detail-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    z-index: 102;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 4px solid rgba(204, 209, 219);
    background:#f1f6fd;
}

/* 로딩바 대응 24.07.10 변경 */
.detail-loading img {
    width:100%;
    display: block;
    margin:0 auto;
}

/* 테이블 정렬 아이콘 */
.tbl-active-up a, .tbl-active-down a {
    position: relative;
}

.tbl-active-up a::after {
    background-image: url(../img/sub/btn_open.png);
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    right: -30px;
    top:50%;
    transform: translateY(-50%);
    width:15px;
    height: 15px;
}

.tbl-active-down a::after {
    background-image: url(../img/sub/btn_close.png);
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    right: -20px;
    top:50%;
    transform: translateY(-50%);
    width:15px;
    height: 15px;
}

/* 이미지 있는 전문정보 깨짐 현상수정 */
.info_detail_1 img {max-width:1200px; display:block; width:100%;}

/* tip 버튼 */
.tip-box {
    background-color:#f5295c;
    color:#fff;
    font-weight: 600;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 13px;
    width:60px;
    height: 30px;
    margin-left: 20px;
    cursor: pointer;
}

.tip-box i {margin-right: 5px; font-size: 15px;}

.tip-box p {
    display: inline-block;
}

/* 입출금 등록 종류 설명 테이블 */
.pop-type-1 td {white-space: normal !important;}
.popCon h3 {display: block; font-size: 18px;}
.mb30 {margin-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.bd-right-1 {border-right: 1px solid #c1c1c1;}

/* 영농일지 비로그인 화면 */
button.btn_down-1 {
    border: 1px solid #aaa;
    height: 36px;
    padding: 0 15px;
    min-width: 25px;
    background: #fff;
    padding-left: 30px;
    background: url(../img/sub/icon_down.png) no-repeat 10px center;
    margin-bottom: 30px;
    margin-top: 15px;
    cursor: pointer;
}

button.btn_down-1:hover {
    border: 1px solid #666;
}

/* 테이블 레이아웃 추가 */
.border_section .board_box .new-tbl tr:first-child {
	border-top: none;
}

.border_section .board_box .new-tbl tr th {
	background: #f7f7f7 !important;
	color:#446cb8;
	border-bottom: none;
	border-top:1px solid #eaeaea;
}

.border_section .board_box .new-tbl tr td {
	border-top: 1px solid #eaeaea;
}
.border_section .board_box .new-tbl {
	border-top: 2px solid #446cb8;
	border-bottom: 1px solid #eaeaea;
}

.pop-type-1 tbody tr th {
	max-width: 200px;
	min-width: 100px;
	white-space: normal !important;
}

/* 20211028 화면 추가 */
.search_wrap .searchbox_longtxt dt {
    width: 110px;
    padding: 7px 0 0 10px;
    background: url(../img/sub/search_bu.png) no-repeat 0px 17px;
    font-weight: 600;
    vertical-align: top;
}

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

.search_wrap .searchbox_longtxt dd .select-two {
	display: inline-block;
	width:100%;
}
.search_wrap .searchbox_longtxt dd select {
    width: 20%;
	display: inline-block;
}

button.tbl-pop-show {
    display: block;
	margin:0 auto;
    background: #fff;
    padding: 0px 15px;
    border: 1px solid #aaa;
    border-radius: 2px;
    color: #555;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
	cursor: pointer;
}

button.tbl-pop-show:hover {
	border:1px solid #333;
}

.pop_board {
	height: auto !important;
	padding: 10px 0px;
}

/* 실시간 경매속보 닫기버튼 추가*/
.x-show-btn {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    top: 12%;
    right: -6px;
    content: '';
    background-image: url(../img/sub/icon_del.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: #fff;
}

/* 마이영농온 이수시간 추가 */
.totalinfo .policycon .countbox .both .color4 .textC {
    position: absolute;
    left: 50%;
	transform: translateX(-50%);
    bottom: 10px;
    color: #555;
}

/* 마이영농온 경작지역 텍스트 길때 */
.userinfo .usercon2 .nametag2 ul::after {
	content: '';
	clear: both;
	display: block;
}

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

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

/* 커서 모양 클래스 추가 */
.cursor-on {cursor: pointer;}
.cursor-off {cursor: default;}
.cursor-off::after {display:none;}

/* 맞춤형 사업안내 */
.rowlistboard {border-top:2px solid #787878;margin-top:10px;}
.rowlistboard ul li {padding:1rem 0;  border-bottom:1px solid #999; }
.rowlistboard ul li .inst_title {display:block; color:#1c6bbd; font-size:1em; margin-bottom:0.5rem;}
.rowlistboard .form-row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1; -ms-flex: 1; flex: 1;-webkit-box-align: center; -ms-flex-align: center; align-items: center;flex-wrap:wrap;}
.rowlistboard .form-row .group {flex:1 1 50%;}
.rowlistboard .form-row .group .title {display:block; font-size:1.2em; line-height:1.2rem; margin-bottom:1rem; font-weight:600;}
.rowlistboard .form-row .group .title a {display:inline-block; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:90%;}
.rowlistboard .form-row .group .etc_info {display:flex; flex-wrap:wrap; font-size:1em;}
.rowlistboard .form-row .group .etc_info span {position:relative; flex:1 1 50%; color:#555; margin-top:0.3rem; }
.rowlistboard .form-row .group .etc_info span em {position:relative; display:inline-block; padding-right:1rem; margin-right:0.7rem; width:60px;}
.rowlistboard .form-row .group .etc_info span em::after {content: ""; display:block; background-color:#d9d9d9; width:1px; height:0.7rem; position:absolute; right:0; top:0.4rem;}
.search_wrap .searchbox dd input.inttype01 {width: 802px;}
.search_wrap .searchbox dd select.seltype01 {width: 100px;}


@media screen and (max-width:1242px) {
	.search_wrap .searchbox dd input.inttype01 {width: 80%;}
	.search_wrap .searchbox dd select.seltype01 {width: 30%!important;}
	.search_wrap .searchbox dd select.seltype01 {max-width: 100px;}
}

@media screen and (max-width:820px) {
	.search_wrap .searchbox dd input.inttype01 {width: 90%;}
	.search_wrap .searchbox dd select.seltype01 {width: 30%!important;}
	.rowlistboard .form-row .group .etc_info span {flex:1 1 100%;}
	.border_section .header > div .option  select {height: 30px; padding: 0  10px; font-size: 12px;}

}

.frame-popup {padding:0;}
.frame-popup .if-pop {width:100% !important; overflow-y:hidden;}

/* 0428 체크박스 맞춤형 농식품사업 추가 */
.chk-content {margin-top:30px;}
.chk-content .chk-list > ul > li {width: calc((100% - 80px) / 9);  min-height: 300px; }
.chk-content .chk-list > ul > li:not(:last-child) {margin-right: 10px;}
.chk-content .chk-list > ul > li div {border-radius: 3px;}
.chk-content .chk-list > ul > li > div { background: #666575; padding: 5px; border:1px solid #ddd; box-sizing: border-box;}
.chk-content .chk-list > ul > li label {font-size: 13px; }
.chk-content .chk-list > ul > li > div label {font-size: 13px; font-weight: 500; color:#fff; white-space: nowrap;}
.chk-content .chk-list > ul > li ul li div {margin:8px 0px; border:1px solid #ddd; padding: 5px; min-height: 66px;}
.chk-content .chk-list > ul > li ul li label {position: relative;}
.chk-content .chk-list input[type="checkbox"] + label:before { background-size: 18px; vertical-align:-4px; width:20px; height: 20px; margin-right: 4px;}
.chk-content .chk-list > ul > li ul li input[type="checkbox"] + label:before { background-size: 18px; vertical-align:-4px; width:20px; height: 20px; margin-right: 4px; position: absolute; left: -20px; top:3px;}
.chk-content .chk-list > ul > li ul li input[type="checkbox"]:checked + label:before {background-size: 18px;}
.chk-content .chk-list > ul > li ul li div label {margin-left: 20px; display: block; word-break: keep-all;}
.chk-content .button-wrap {margin-bottom: 10px; text-align: right;}
.chk-content button {display: inline-block; height: 36px; width: 100px; font-size: 14px; cursor: pointer;}
.chk-content button.btn_search   {color: #fff; padding:0px 10px 0 24px;  font-weight: 600; background: url(../img/main/check.png) no-repeat 10px center #1c6bbd; margin-right: 5px; background-size: 14px;}
.chk-content button.btn_refresh  {border: 1px solid #afb9c2; padding:0px 10px 0 28px; font-weight: 600; color:#565656 ; background: url(../img/sub/refresh_icon.png) no-repeat 10px center #fff;}



@media screen and (max-width:820px) {
	.chk-content .chk-list > ul > li {width: calc((100% - 20px) / 2);  min-height: 340px;}
	.chk-content .chk-list > ul > li:nth-child(2n) {margin-left: 20px;}
	.chk-content .chk-list > ul > li:not(:last-child) {margin-right: 0px;}
	.chk-content .chk-list > ul > li:last-child {min-height: inherit;}
	.chk-content .chk-list > ul > li ul li div {margin:8px 0px; border:1px solid #ddd; padding: 5px; text-overflow: inherit; overflow: hidden; min-height: inherit;}
	.chk-content .chk-list > ul > li label {white-space: normal;}
}

/*** 2022.07.21 영농닥터 추가 ***/
.border_section .img_border2 .list  li div dd p.hit {position: absolute; right: 5px; bottom: 0px;}
.border_section .img_border2 .list  li div dd p.hit span {display:inline-block; color: #666;}
.border_section .img_border2 .list  li div dd p span.mar20 {margin-right: 20px;}

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

/*** 2022.07.13 ***/

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

/** 2022.8.4 농일지 농작업 **/
.border_section .board_detail .worklist li {border-bottom: 1px solid #ddd; padding: 10px 10px;}
.border_section .board_detail .worklist li .stepwork {font-weight: 600; margin-bottom: 5px;}
.border_section .board_detail .worklist li .daywork {font-weight: 400; color: #666;}
.border_section .board_detail .worklist li .daywork strong {color: #333; margin-right: 10px;}

/**.calender_section .calender_box->.schedule_box 2022.09.15(달력 변경)**/
.calender_section .schedule_box > table.bar td:hover {background:#fff;}
.calender_section .schedule_box > table td:first-child {border-left: none;}
.calender_section .schedule_box > table td .wdth {width: 50px!important;}
.calender_section .schedule_box > table td.high {height: 150px!important;}
.calender_section .schedule_box .workline {position: absolute; left:0px; top:0px; z-index: 55; flex: 1; width: 100%; }
.calender_section .schedule_box .line {position: relative; display: block; z-index: 55; height: 25px; text-align: center; padding: 0 10px; line-height:25px; border-radius: 0px;margin-bottom: 10px; overflow: hidden; }
.calender_section .schedule_box .line em {/*position: absolute; left: 50%; transform: translateX(-50%); top:0px;*/ color: #000; text-align:center; z-index: 100;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.calender_section .schedule_box .color01 {background: #c2e4a5; opacity: 0.7;}
.calender_section .schedule_box .color02 {background: #f5d889; opacity: 0.7;}
.calender_section .schedule_box .color03 {background: #95e0f6; opacity: 0.7;}
.calender_section .schedule_box > table td .btn_more {position: absolute; bottom: 7px; left:50%; transform: translateX(-15%); background: transparent; width: 80px; height: 30px;  font-weight: 600; font-size: 18px; color: #666; border: 0px solid #333;}
.calender_section .schedule_box > table td .btn_more:hover .dot {color: #000;}
.calender_section .schedule_box > table td .btn_more .dot {display: block; width: 3px; height: 3px; border-radius: 50%; background: #666; margin-bottom: 2px;  font-size: 0px;}

/** 팝업부분(농작업) **/
.popCon .border_section .header {display: flex; justify-content: space-between;}

.popCon .border_section .header .title {font-weight: 600;}
.popCon .border_section .header .option button {border: 1px solid #ccc; height: 36px; padding: 0  15px; min-width: 25px; background: #fff;}
.popCon .border_section .header .option button:hover {border: 1px solid #666;}
.popCon .border_section .type1_list .datecon {display: flex; flex-wrap:nowrap;}
.popCon .border_section .type1_list .datecon > div {}
.popCon .border_section .type1_list .datecon .inputday {width: 225px!important;}
.popCon .border_section .type1_list .datecon .select {width: 160px!important;}
.popCon .border_section .type1_list .datecon > div span {display:inline-block; margin-left:20px;}
.popCon .border_section .type1_list .datecon > div > div {display: inline-block;}
.popCon .border_section .type1_list .addcon {vertical-align: top;}
.popCon .border_section .type1_list .addcon button {background: #fff; font-weight: 600; text-align: center; font-size: 16px; line-height: 0px;  border: 1px solid #ccc; width: 30px; width: 40px;  padding: 5px 0px; }
.popCon .border_section .type1_list .addcon button:hover {border: 1px solid #666;}
.popCon .border_section .type1_list .datefrom {position: relative;}
.popCon .border_section .type1_list .datefrom .icon {position: absolute; right: 7px; top: 8px; width: 20px; height: 20px;  background: url(../img/sub/calendar_icon.png) no-repeat center center; font-size: 0;}
.popCon .border_section .board_box {min-height: 400px!important; }
.popCon .border_section .title {font-weight: 600; font-size: 16px; margin-bottom: 10px;}
.popCon h4  {display: none;}

/** 2022.09.15 농작업리스트(팝업)추가 **/
.popCon .border_section .color01 {color: #14d832!important; font-weight: 600;}
.popCon .border_section .color02 {color: #f7a848 !important; font-weight: 600;}
.popCon .border_section .color03 {color: #0080ff!important; font-weight: 600;}
.popCon .border_section .color04 {color: #000000!important; font-weight: 600;}

/**.calender_section .calender_box->.schedule_box 2022.09.15(달력 변경)**/
.calender_section .schedule_box {position:relative; margin:30px 0 0px 0; border-top: 1px solid #ddd;}
.calender_section .schedule_box > table {border-collapse: collapse; }
.calender_section .schedule_box > table th {height: 50px; line-height: 40px; text-align:center; font-size: 16px; font-weight: 600; color: #222; border-bottom:1px solid #ccc;}
.calender_section .schedule_box > table td {position: relative; padding: 10px 10px; height: 100px; color: #555; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.calender_section .schedule_box > table td:hover {background: #efefef;}
.calender_section .schedule_box > table tr:last-child td {border-bottom: none;}
.calender_section .schedule_box > table td .daynum {position: absolute; left:10px; top:0px;width: 36px; height: 36px;  line-height: 36px; font-size: 16px;}
.calender_section .schedule_box > table td.dayon {background: #f1f8fe;}
.calender_section .schedule_box > table td .on {color: #1944b9; line-height: 36px; font-weight: 600;}
.calender_section .schedule_box > table td.sumline {height: 60px; line-height: 40px;  padding: 0px 0px;  text-align: right; /* border-top:1px solid #ddd;*/ }
.calender_section .schedule_box > table td .num {position: absolute; left:10px; top:40px; display: block; color: #333;  text-align: center; line-height: 36px; font-size: 14px; font-weight: 500;  background: url(../img/sub/img_eud.png) no-repeat 0px 8px; padding-left: 27px;  }
.calender_section .schedule_box > table td .num2 {position: absolute; left:10px; top:70px; display: block; color: #333;  text-align: center; line-height: 36px; font-size: 14px; font-weight: 500; background: url(../img/sub/img_work.png) no-repeat 0px 8px; padding-left: 27px;}
.calender_section .schedule_box > table td .regist a {position: absolute; right:5px; top:7px; display: block; background: #fff; padding: 2px 3px; border:1px solid #aaa; border-radius: 2px;  color: #555;  text-align: center;  font-size: 14px; font-weight: 500; }
.calender_section .schedule_box > table td .num a,
.calender_section .schedule_box > table td .num2 a {display: block;}
.calender_section .schedule_box > table td .num a:hover,
.calender_section .schedule_box > table td .num2 a:hover {text-decoration: underline;}
.calender_section .schedule_box > table td .regist a:hover {border:1px solid #333;}

.calender_section .schedule_box > table td .icon {position: absolute; left: 40px; top: 10px; width: 70px; height: 20px;}
.calender_section .schedule_box > table td .icon >  span {float: left;  font-size: 0px; color: transparent; width: 15px; height: 17px; }
.calender_section .schedule_box > table td .icon >  span::after {content: ""; display: block; clear: both;}
.calender_section .schedule_box > table td .icon > .water {background: url(../img/sub/icon_water.png) no-repeat center center;}
.calender_section .schedule_box > table td .icon > .ample {background: url(../img/sub/icon_ample.png) no-repeat center center;}
.calender_section .schedule_box > table td .icon > .toxic {background: url(../img/sub/icon_toxic.png) no-repeat center center;}
.calender_section .schedule_box > table td .plusnum,
.calender_section .schedule_box > table td .minusnum, .calender_section .schedule_box > table td .sum {padding-top: 5px; text-align: right;}
.calender_section .schedule_box > table td .plusnum {position: absolute; right: 20px; bottom: 40px;  display: block; color: #144daf; }
.calender_section .schedule_box > table td .minusnum {position: absolute; right: 20px; bottom: 10px;display: block; color:#222;}
.calender_section .schedule_box > table td .sum  {position: absolute; right: 20px; bottom: 10px; color: #333; font-weight: 600;}
.calender_section .schedule_box > table td .sumplus,
.calender_section .schedule_box > table td .summinus {padding: 0 13px; height: 30px; line-height: 30px; border-radius:22px; font-weight: 600;}
.calender_section .schedule_box > table td .sumplus  {display: block; position: absolute; right: 10px; bottom: 15px; /*  background: rgba(28, 107, 189, 0.7);*/ color: #144daf;}
.calender_section .schedule_box > table td .summinus {position: absolute; right: 10px; bottom: 15px; /*background: rgba(209, 15, 16, 0.7); */ color: #222;}
/* .calender_section .calender_box > table td .regist a {left:1px; letter-spacing: -1px; } */
.calender_section .schedule_box > table td .icon {width: 42px; }
.calender_section .schedule_box > table td .icon >  span {width: 13px; }

/** 2023.04.17 마이영농 포인트 관련 부분 추가  **/
.point_title {/*color:#fff;*/ font-weight:600; margin-bottom: 25px;}
.point_bg {background: /*#709ff4*/ #d3dfff url(../img/sub/point_bg.png) no-repeat 90% 0px;}
.point_bg button {display: inline-block; height: 30px; font-size: 14px; line-height: 24px; padding: 0 15px; text-align: center; border: 1px solid #ddd; background: #2079d1; color:#fff; border-radius:50px;}
.point_bg button:hover {background: #fff; color: #2079d1; border: 1px solid #2079d1;}
.pointCon ul li {/*color: #fff;*/ margin: 10px 0;}
.pointCon ul li:first-child {margin: 15px 0;}
.pointCon ul li span.tit {font-weight: 600; width: 50px; display: inline-block; vertical-align: top; padding-left: 7px; background: url(../img/sub/search_bu.png) no-repeat 0px center;}
.pointCon ul li span.tit-desc {width: auto; /* width: 80px; */ display: inline-block;}

/** 2023.04.28  품목별 경락가 통계 추가 **/
.flex-container {display: flex; flex-wrap: wrap; align-content: center; width: 100%;}
.flex-container .flexitem {width: 50%;}
.flex-container .flexitem .flexcon {border: 1px solid #ddd; min-height: 300px; margin-top: 5px;}
.flex-container .flexitem.marg {padding:0px 0px 0px 20px; box-sizing: border-box;}
.flex-container .flexitem.marg2 {box-sizing: border-box;}
.flex-container .mu-header {display:flex; justify-content: space-between; position: relative;}
.flex-container .mu-header > h3 {font-size: 20px;}
.flex-container .mu-header > button {position: absolute; bottom:0px; right: 0px; height: 36px; padding: 0 15px; min-height: 25px; background: #fff; border: 1px solid #aaa; }

.mu-table-list table {border-top: 1px solid #cecece;}
.mu-table-list table th {background:#f2f5f8; border-right:1px solid #cecece; border-bottom:1px solid #ddd; line-height: 1.4; padding: 10px;}
.mu-table-list table th:last-child {border-right:none;}
.mu-table-list table td {border-right:1px solid #cecece; border-bottom:1px solid #ddd;  background: #fff; line-height: 1.4; padding: 10px;}
.mu-table-list table td:last-child {border-right:none;}
.mu-table-list table td.alC {text-align: center;}

.icon-down {display: block; width: 14px; height: 11px;  background: url(../img/common/icon_down.png) no-repeat 0px 0px; font-size: 0; margin: 0 auto;}
.icon-up {display: block; width: 14px; height: 11px;  background: url(../img/common/icon_up.png) no-repeat 0px 0px; font-size: 0; margin: 0 auto;}
.icon-stay {display: block; width: 14px; height: 11px;  background: url(../img/common/icon_stay.png) no-repeat 0px 0px;  font-size: 0; margin: 0 auto;}

/** 2023.02.13 **/
.tree-wrap {margin-bottom: 30px; margin-top: 10px; }
.mtnon {margin-top: 0px!important;}
.tree-inner {display:flex;}
.tree-inner .tree-box {display:flex; flex-direction:column; justify-content:space-between;}
.tree-inner .tree-box:first-child {width: 25%;}
.tree-inner .tree-box:last-child {width: 75%; padding-left: 20px;}
.tree-inner .tree-box .tree-con {border: 1px solid #ddd; padding: 20px; min-height: 420px;}
.tree-inner .tree-box .tree-con .tree-title {height: 40px; line-height: 40px; background: #F5F6F8; padding-left: 10px; margin-bottom: 5px;}
.tree-inner .tree-box .tree-con .tree-depth1 li {display: block; padding-top:2px;}
.tree-inner .border_section {margin-top: 0px;}
.tree-inner .tree-box .tree-con strong {display: block; border-bottom: 1px solid #ddd; height: 35px; margin-bottom: 10px;}
.tree-inner .tree-box .tree-con .tree-depth1 {margin-left: 25px;}
.tree-inner .tree-box .tree-con .tree-depth1 li {position: relative;}
.tree-inner .tree-box .tree-con .tree-depth1 .tree_line {position: absolute; left: -10px; top:9px; z-index: 20; width: 10px; height: 10px;  background:url(../img/tree/tree_line4.png) no-repeat left top;}

.tree-inner .tree-box .tree-con .tree-depth1 li > .tree-depth2 {margin-left: 30px; margin-bottom: 10px;}
.tree-inner .tree-box .tree-con .tree-depth1 li > .tree-depth2  {position: relative;}
.tree-inner .tree-box .tree-con .tree-depth1 li > .tree-depth2 .tree_line {position: absolute; left: -10px; top:9px; z-index: 20; width: 10px; height: 10px;  background:url(../img/tree/tree_line4.png) no-repeat left top;}


.type1_detail .btn_data {border: 1px solid #ddd; background: #fff;}
.border_section .board_detail .type1_detail td .row2  div .cont .mdate  {width: 120px!important;}
.type1_detail .dateCon1 {float: left; margin-right: 5px;}

.contents_section  .h3title {position: relative; font-size: 20px; color: #222; font-weight: 600;  padding-left: 25px;  background: url(../img/sub/h3_icon.png) no-repeat left center;}

/** pop **/
.agree-wrap {margin-top: 20px;}
.agree-wrap .agree-con h3 {font-size: 17px; font-weight: 700;}
.agree-wrap .agree-inner {border: 1px solid #ddd; padding: 20px; margin-top: 10px;}
.agree-wrap .agree-inner dt {display: block; font-weight: 600; margin-top: 20px;}
.agree-wrap .agree-inner dd {margin-top: 5px;}
.agree-wrap .agree-inner ul {margin-top: 10px;}
.agree-wrap .agree-inner ul li {display: block;}


.tree-header {margin-top: 20px; }
.tree-header .option {text-align: right;}
.tree-header .option .btn_default {border: 1px solid #ccc; height: 36px; padding: 0  15px; min-width: 25px; background: #fff;}

.load-con {padding-top:100px; text-align: center;}
.load-con p {font-size: 18px; font-weight: 700; margin-bottom: 10px; margin-top: 40px;}

.slide-box {border: 1px solid #ddd; padding: 40px 0px; margin-top: 20px; margin-bottom: 30px;}
.control-data {display:table;}
.control-data > div {display: table-cell;}
.control-data .prev,
.control-data .next {display: block;  border-radius: 50%;  width: 60px; height: 60px;  transform: translateY(-50%); background: url(../img/sub/nextprev.png) no-repeat #ccc; color: transparent;}
.control-data .prevBt, .control-data .nextBt  {width: 100px;   position: relative;}
.control-data .prevBt .prev {position: absolute; left: 20px; top:50%; background-position: 20px 17px;}
.control-data .nextBt .next {position: absolute; right: 20px; top:50%; background-position: 24px -28px;}

.control-data .data-list {padding: 0 100px; width: 1200px; }
.control-data .data-list ul {width: 100%; margin: 0 auto; border: 1px solid #ddd;}
.control-data .data-list li {display: block; border-bottom: 1px solid #ddd; line-height: 40px;}
.control-data .data-list li:last-child { border-bottom:0px;}
.control-data .data-list li dt {display: inline-block; font-weight: 600; line-height: 40px; width: 150px; background: #f5f5f5; padding-left: 10px;}
.control-data .data-list li dd {display: inline-block;  line-height: 40px; padding-left: 10px;}


.text-delet { margin-top: 20px;}
.text-delet dl {margin-bottom: 10px;}
.text-delet dt {display: block; font-weight: 700; line-height: 35px; width: 150px; }
.text-delet dd {display: block;  line-height: 20px;}
.text-delet dd input {width: 100%;}


.topbtn a.alarm {height: 33px; display:inline-block; vertical-align: middle; box-sizing: border-box; border: none; padding: 5px 0px 7px 35px;}
.topbtn a.off {background: url(../img/sub/bell_off.png) no-repeat 10px center; font-size: 0px; }
.topbtn a.on {background: url(../img/sub/bell_on.png) no-repeat 10px center; font-size: 0px;}

.calender_section .reserve {position: relative;}
.calender_section .reserve_icon {position: absolute; right:-30px; top:-2px; display: block;}


.search-container {margin-top: 5px;}

.search-container p {float: left; line-height: 35px; margin-right: 12px; background: url(../img/sub/search_bu.png) no-repeat 0px 17px; padding: 0px 0px 0px 12px;}
.search-container select, .search-container input {height: 35px; width: 217px; float: left; margin-right: 8px;}

.search-container .date_pick {position: relative; display: inline-block;}
.search-container .date_pick input[type="text"] {width: 120px!important;}
.search-container .hyphen {display: inline-block; width: 15px; text-align: center;}
.search-container .radck {display: inline-block; padding-left: 20px;}

#border_section .foot .page_box {text-align: center; border: 0px solid #ff6600; margin-top: 30px;}

.agriBtn { float:right; right: 0px; top: 0px; font-size: 14px; height: 30px; line-height: 28px; border: 1px solid #ccc; border-radius: 2px; text-align: center; background: #fff; padding: 0 10px; }
.eduBtn{ border: 1px solid #cdcdcd; background: #f3f3f5; color: #525252; font-size: 1rem; width: 70px; height: 34px; padding-bottom: 2px; vertical-align: top;}


/*sns 로그인 2024.07.18*/
.loginBox .btnCon button {margin-bottom: 5px;}
.loginBox .btnCon button.kakao {background: #fee500 url(../img/portal/login_kakao.png) no-repeat 20px 17px; color:#191919;}
.loginBox .btnCon button.naver {background: #03c75a url(../img/portal/login_naver.png) no-repeat 20px 16px;}

/*재로그인 2024.07.25*/
.loginsize {
	width:600px;
}
.pl0 {
	padding-left: 0 !important;
	padding-top: 10px !important;
}
.fdc {
	flex-direction: column !important;
	max-width: 540px;
    width: auto;
    margin-bottom: 0;
}
.loginTopimg {
	background: url(../img/sub/login_icon2.png) no-repeat center 22px;
	text-align: center;
}
.loginTopimg p {
	padding-top: 130px;
    font-size: 18px;
}
.loginTopimg span {
	color:#dd0101;
}
@media screen and (max-width:640px) {
	.loginsize {
		width:80% !important;
	}
	.loginsize .loginBox .divide:last-child {
		padding-right:0;
	}
	.loginsize	.loginBox .divide:last-child::before {
		height: 0;
	}
	.loginsize .loginBox {
		padding-bottom:10px;
	}
	.loginsize .loginTopimg {
		background-size: 90px;
	}
	.loginsize .loginTopimg p {
		padding-top: 105px;
	}
	.loginsize .loginBox .divide .idCon input, .loginBox .divide .pwCon input,
	.loginsize .loginBox .btnCon button{
		height: 44px;
	}
}

/******************************************************************************************
 * 빅데이터플랫폼 추가 2024.09.23 STR
 * 데이터ON > 통계분석 서비스 > 농축산 주요현황 > 영농의사결정 지원 서비스 "내용 수정"
 ******************************************************************************************/
.search_wrap.addSt02 {}
.search_wrap.addSt02,
.search_wrap.addSt03{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 1em 1.3em;
}

.search_wrap.addSt02 .searchbox{
    width:70%;
}

.search_wrap.addSt02 .searchbox > div,
.search_wrap.addSt03 .searchbox > div
{margin-top:0;}


.search_wrap.addSt02 .searchbox dl,
.search_wrap.addSt03 .searchbox dl{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.search_wrap.addSt02 .searchbox dt{
    padding: 0 10px;
    background: url(../img/sub/search_bu.png) no-repeat left center;
    word-break: initial;
}

.search_wrap.addSt02 .searchbox dd{
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-inline-start: 0;
}

.search_wrap.addSt02 .searchbox dd select{
    padding: 0.3em;
    line-height: 27px;
}

.search_wrap.addSt02 .searchbox dd span{
    margin-left:0 !important;
    margin-right: 8px;
}

.search_wrap.addSt02 .searchbox .find_select{
    width: 24%;
    margin-right: 8px;
    margin-bottom:0;
}

.search_wrap.addSt02 .searchbox .find_select:last-child{
    margin-right:0;
}

.search_wrap.addSt02 .find_box2,
.search_wrap.addSt03 .find_box2{
    position: initial;
}

.search_wrap.addSt03 .find_box2{
    display: flex;
    justify-content: space-between;
    flex: 1 0 auto;
    gap: 10px;
    align-items: center;
}

@media (max-width: 1280px) {
    .wrap{min-width: 100% !important;}
    #contents_wrap.addSt{
        width: 100%;
        padding: calc(100vw*(25 / 1280)) calc(100vw*(30 / 1280));
        box-sizing: border-box;
    }
    .search_wrap.addSt02{
        display: block;
    }
    .search_wrap.addSt03{
        display: flex;
    }
    .search_wrap.addSt02 .searchbox {
        width: 100%;
    }
    .search_wrap.addSt02 .searchbox .find_select {
        width: 33%;
    }
    #contents_wrap.addSt .w50St .search_wrap .searchbox .find_select{
        width: 49%;
    }
    .search_wrap.addSt02 .find_box2 {
        text-align: center;
        transform: none;
        margin-top:10px;
    }

    .search_wrap.addSt02 .searchbox .find_text {
        width:100%;
    }
}

@media (max-width: 820px) {
    #contents_wrap.addSt{
    padding: calc(100vw*(10 / 375)) calc(100vw*(10 / 375));
    }

    .search_wrap.addSt02,
    .search_wrap.addSt05{
        padding:1em;
    }

    .search_wrap.addSt02 .searchbox dl,
    .search_wrap.addSt03 .searchbox dl{
        flex-direction: column;
        align-items: flex-start;
    }

    .search_wrap.addSt02 .searchbox dt,
    .search_wrap.addSt03 .searchbox dt{
        width:15%;
    }

    .search_wrap.addSt02 .searchbox dd,
    .search_wrap.addSt03 .searchbox dd{
        width:100%;
    }

    .search_wrap.addSt02 .searchbox dd select{
        font-size:0.9em;
    }

    .search_wrap.addSt03{
        display: block;
    }

    .search_wrap.addSt02 .find_box2,
    .search_wrap.addSt03 .find_box2 {
        position: initial;
        transform: translateX(0);
    }

    .search_wrap.addSt03 .find_box2{
        display:block;
    }

    .search_wrap.addSt03 .find_box2 button.btn_open {
        display: block;
        margin: 10px auto 0;
    }
}


@media (max-width: 600px) {
    .search_wrap.addSt02 .searchbox dl{
        display: block;
    }

    .search_wrap.addSt02 .searchbox dt{
        width:100%;
        margin-bottom: 10px;
        padding: 0 0 0 10px;
    }
    .search_wrap.addSt02 .searchbox dd{
        display:block;
        width:100%;
    }
    .search_wrap.addSt02 .searchbox .find_select {
        width: 100%;
        margin-bottom: 6px;
        margin-right: 0;
    }
}

/* 필지검색 모달 레이어 팝업 - 조회 조건 "내용 수정" */
.search_wrap.addSt04 .searchbox .find_select {
    width: 140px;
}

@media (max-width: 870px) {
    .search_wrap.addSt04 {
        padding: 10px 10px 65px 10px;
    }

    .search_wrap.addSt04 button.emd_find {
        top: 148.5px;
        width: auto;
        margin-bottom: 0 !important;
        height: 32px;
        right: 10px;
        font-size: 13px;
    }

    .search_wrap.addSt04 .searchbox {
        width: 100% !important;
    }

    .search_wrap.addSt04 .searchbox > div {
        margin-top: 0;
    }

    .search_wrap.addSt04 .searchbox span {
        margin-left: 0 !important;
    }

    .search_wrap.addSt04 .searchbox .find_select {
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
    }
}

@media (max-width: 320px) {
    .search_wrap.addSt04 {
        padding: 10px 10px 105px 10px;
    }

    .search_wrap.addSt04 button.emd_find {
        width: 50px;
        height: 45px;
        top: 143px;
    }

    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, select {
        height: 32px !important;
        line-height: 32px !important;
    }
}

/*모달 레이어 팝업  - 필지검색 "내용 수정" */
@media (max-width: 1160px) {
    .modalWrap .modal-content{
        width:95% !important;
    }
}


/* 데이터ON > 통계분석 서비스 > 농축산 주요현황 > 수입 농축산물 거래동향 "내용 수정" */
@media (max-width: 1280px) {
    .tab_wrap .vegetable_tab.scroll_tab {
        position: relative;
        overflow: hidden;
        overflow-x: auto !important;
        height: 60px;
    }

    .tab_wrap .vegetable_tab.scroll_tab .tab_slide {
        display: flex;
        justify-content: start;
    }
}


/* 콘텐츠ON > 농업지식 서비스 > 농업기상 "내용 수정" */
#atmosEnvironment #div_map {
    width: auto !important;
}

#atmoEnvironmentSearch .search_wrap.addSt05 .searchbox.table {
    padding-top: 0 !important;
}

#atmosEnvironment #time1 {
    width: auto !important;
}

@media (max-width: 1280px) {
    .search_wrap.addSt05 .searchbox > div {
        margin-top: 0 !important;
    }

    #atmoEnvironmentSearch .search_wrap.addSt05 .find_box2 {
        position: relative;
        text-align: center;
        display: block;
        right: 0;
        bottom: 0;
        margin-top: 10px;
    }

    #atmoEnvironmentSearch .search_wrap.addSt05 {
        padding-bottom: 20px;
    }

    #atmosEnvironment {
        margin-top: 20px !important;
    }
    #atmosEnvironment #time1 {
        position: relative !important;
    }
    #atmosEnvironment .border_section {
        display: block !important;
        margin-top: 5px;
    }

    #atmosEnvironment #div_map {
        margin-top: 0 !important;
    }

    #atmosEnvironment .border_section .scrollNone {
        margin-left: 0 !important;
    }
}

@media (max-width: 1241px) {
    .search_wrap.addSt05 .cellflex span {
        margin-left: 0 !important;
    }
}

@media (max-width: 820px) {
    #tooltip .tooltiptext {
        width: 230px !important;
        overflow: auto;
    }

    #tooltip .tooltiptext img {
        width: 600px;
        height: 100%;
        max-width: none;
    }

    p#add {
        margin-left: 0 !important;
    }
}

@media (max-width: 820px) {
    .tab_wrap.tabResponsive .tab {
        flex-direction: column !important;
        height: 126px !important;
    }

    .tab_wrap.tabResponsive .tab li {
        border-left: 1px solid #ccc;
    }

    .tab_wrap.tabResponsive .tab li a {
        padding: 10px 30px 0 20px;;
    }
}


/* 농업기상 - 축산지역 대기오염 안내 모달 레이어 팝업 "내용 수정" */
@media (max-width: 1160px) {
    .modal-content {
        overflow: auto;
    }
    .addSt06 {
        padding: 0 20px;
        box-sizing: border-box;
    }

    .addSt06 .border_section .board_box .type1_list,
    .addSt06 #div_dtl_map {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .addSt06 .mapNtable {
        display: block !important;
        margin-top: 20px !important;
    }

    .addSt06 #time2 {
        width: 80% !important;
        position: relative !important;
    }

    .addSt06 #div_dtl_map {
        margin-top: 10px !important;
    }

    .addSt06 .mapNtable .mapInner,
    .addSt06 .mapNtable .mapInner canvas {
        width: 100% !important;
    }

    .addSt06 .mapNtable .type1_list {
        width: 100%;
        height: auto;
        margin: 30px auto;
    }

    .addSt06 .type1_list {
        margin-left: 0 !important;
        margin-top: 30px !important;
        width: 100% !important;
    }
}

/* 데이터ON > 통계분석 서비스 > 농축산 주요현황 > 가축질병 발생현황 "내용 수정" */
@media (max-width: 1280px) {
    .search_wrap.addSt02.addSt07 .searchbox .find_select {
        width: 26%;
    }

    .border_section.addSt08 .header {
        margin-top: 30px !important;
    }
}

@media (max-width: 860px) {
    .addSt08 .search_wrap .searchbox .dateCon2 {
        width: 100% !important;
    }

    .addSt08 .search_wrap .searchbox .date_pick {
        width: calc((100% - 20px) / 2) !important;
    }

    .addSt08 .search_wrap .searchbox .date_pick input[type="text"] {
        width: 100% !important;
    }
}

@media (max-width: 600px) {
    .search_wrap.addSt02.addSt07 .searchbox .find_select {
        width: 100%;
        margin-left: 0 !important;
    }
}


/* 데이터ON > 통계분석 서비스 > 농축산 주요현황 > 농식품 지역별 인증정보 "내용 수정" */
.search_wrap.addSt09 {
    padding: 1em 1.3em;
}

/* 데이터ON > 통계분석 서비스 > 농축산 주요현황 > 농식품 소비 트렌드 분석정보 "내용 수정" */
/* 농산물 온라인 노출 동향 */
.addSt11 .responBlock .arrowImg {
    width: 100% !important;
    text-align: center !important;
}
@media (max-width: 1280px) {
    .addSt11 .responBlock {
        display: block !important;
        text-align: center !important;
    }
}

.search_wrap.addSt09 .searchbox {
    width: 100%;
}

.search_wrap.addSt09 .find_box2 {
    text-align: center;
    transform: none;
    margin-top: 10px;
}

@media (max-width: 1280px) {
    .search_wrap.addSt09 .searchbox .find_select {
        width: 100%;
        margin-left: 0 !important;
    }

    .search_wrap.addSt09 .find_box2 {
        position: initial;
        transform: translateX(0);
    }
}

@media (max-width: 820px) {
    .search_wrap.addSt09 .searchbox dd {
        width: 100% !important;
        box-sizing: border-box;
        padding: 5px 0px 0px 0;
    }
    .search_wrap.addSt09 .searchbox dd input.inttype01 {
        width: 100% !important;
    }
}

/*20240923_추가요청*/
/* 농축산물 노출 순위별 소비가격 동향 */
@media (max-width: 1300px) {
    .addSt10 .priceChart {
        position: relative !important;
        height: 300px !important;
        width: 100% !important;
    }

    .addSt10 .chartTitle {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        display: inline-flex !important;
        align-items: top !important;
        justify-content: flex-start;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 10px;
        background: #f3f3f3;
        border-radius: 5px;
        box-sizing: border-box;
    }

    .addSt10 .chartTitle p {
        margin-left: 10px;
        margin-top: 3px;
    }

    /* 줄바꿈 사라지게 */
    .addSt10 .chartTitle p br {
        display: inline-block;
        content: " ";
        padding: 0 2px;
    }

    .addSt10 .priceChart > div:nth-child(2) {
        float: left !important;
    }
}
/******************************************************************************************
 * 빅데이터플랫폼 추가 2024.09.23 END
 * 데이터ON > 통계분석 서비스 > 농축산 주요현황 > 영농의사결정 지원 서비스 "내용 수정"
 ******************************************************************************************/

 /**** 서브페이지 툴팁 안내 추가 2024.10.30 ****/
.sub_tooltip {
	position: relative;
    display: inline-block;
    height: 16px;
    width: 16px;
    top: 2px;
    padding: 0 18px 0 6px;
}
a:hover .sub_tooltip i {
	background: url(../../img/sub/icon_info_w.png) no-repeat center;
}
.sub_tooltip i {
	cursor: pointer;
    text-indent: -9999px;
    background: url(../../img/sub/icon_info.png) no-repeat center;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
}
.sub_tooltip i:hover {
	background: url(../../img/sub/icon_info_ov.png) no-repeat center;
}
.sub_tooltip span {
	position: absolute;
    background-color: #fff;
    color: #677081;
    width: 150px;
    border-radius: 5px;
    padding: 7px 10px;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    left: 34px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 400;
    z-index: 1;
    border: 1px solid #3a7dc0;
    letter-spacing: -0.3px;
    word-break: keep-all;
}
.sub_tooltip span:after {
	content:'';
	background: url(../../img/sub/info_box2.png) no-repeat center;
	position: absolute;
    width: 12px;
    height: 16px;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
}
.sub_tooltip:hover span {
	opacity: 1;
	visibility: visible;
}
.sub_tooltip:hover i {
	background: url(../../img/sub/icon_info_ov.png) no-repeat center;
}
button.btn_blue2{
	background: #2e9bc3;
    color: #fff;
    border: none;
    height: 32px;
    padding: 0 12px;
    min-width: 25px;
    font-size: 14px;
}
button.btn_blue2:hover {
	background: #2b83a5;
	transition: 0.3s;
}
.fR {
	float: right !important;
}
.mT12 {
	margin-top: 12px !important;
	margin-bottom: 10px;
}
.pL0 {
	padding-left: 0 !important;
}
.L28 {
	left: 28px !important;
}
.mR2 {
	margin-right: 2px !important;
}
.info_dp {
	display: flex;
	align-items: flex-start;
}
.btntool {
	padding: 0;
}
.btntool span {
	left: 28px;
}
a:hover .sub_tooltip.btntool i {
	background: url(../../img/sub/icon_info.png) no-repeat center;
}
a:hover .sub_tooltip.btntool:hover i {
	background: url(../../img/sub/icon_info_ov.png) no-repeat center;
}
.sub_tooltip.newtip2 span {
	width: 214px;
	letter-spacing: -1.2px;
}
.sub_tooltip.newtip1 i {
	background: url(/img/sub/icon_info_w.png) no-repeat center;
	padding: 0;
}
a:hover .sub_tooltip.newtip1 i {
	background: url(/img/sub/icon_info_w.png) no-repeat center;
}
a:hover .sub_tooltip.newtip1 i:hover {
	background: url(/img/sub/icon_info_w.png) no-repeat center;
}
a:hover .sub_tooltip.newtip2 i {
	background: url(/img/sub/icon_info.png) no-repeat center;
}
a:hover .sub_tooltip.newtip2:hover i {
	background: url(/img/sub/icon_info_ov.png) no-repeat center;
}
@media screen and (min-width: 320px) and (max-width: 1000px) {
	.myon_service .myon_item:first-child {
		padding-top: 20px;
	}
}
 /******************************************************************************************
 * 서브페이지 툴팁 안내 추가 2024.10.30 END
 ******************************************************************************************/

/* 툴팁 포커스 추가 */
/* 포커스 또는 마우스를 올리면 툴팁 보이기 */
.tooltip:focus-within span,
.tooltip:hover span,
.sub_tooltip:focus-within span,
.sub_tooltip:hover span {
    opacity: 1;
    visibility: visible;
}

/* 포커스 시 테두리 강조 */
.tooltip i:focus,
.sub_tooltip i:focus {
    outline: 1px dashed red;
}


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

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

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

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

/** 장부현황 추가 25.05.16 **/
.deposit_newbox {}
.deposit_newbox h4 {
	font-size: 24px;
    padding-left: 10px;
    margin-top: 0px;
    letter-spacing: -0.05em;
    font-weight: 600;
    float: left;
}
.deposit_newbox .sel_boxnew {
    display: flex;
    justify-content: center;
    gap: 5px;
    padding-top: 20px;
}
.deposit_newbox .btn_search {
	height: 36px;
    width: 84px;
	color: #fff;
    padding: 0px 10px 0 24px;
    font-weight: 600;
    background: url(../img/sub/search_icon.png) no-repeat 10px center #1c6bbd;
}

/** 25.06.09 Add **/
.deposit_newbox .btn_move {
	height: 36px;
    width: 160px;
	color: #fff;
    padding: 0px 10px 0 10px;
    font-weight: 600;
    background: no-repeat 10px center #6496FF;
}
.farm_con .box2 {
    flex: 1;
    position: relative;
    vertical-align: top;
    padding: 0px 10px;
}
.farm_con .box2 .farm_count2 {
    position: relative;
    border-radius: 10px;
    width: 100%;
    height: 110px;
    padding: 20px 30px;
    background-color: #fff;
}
.farm_con .box2 p {
    font-size: 22px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
}
.farm_con .total_won {
	position: absolute;
    right: 30px;
    bottom: 20px;
    font-size: 28px;
    padding-left: 30px;
}
.farm_con .total_won em {
	color: #666666;
	font-size:18px;
}
.red_won {
	color: #e50a0a !important;
}
.red_won i {
    background: url(../img/sub/img_deicon1.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    position: relative;
    display: inline-block;
}
.blue_won {
	color: #1570cd !important;
}
.blue_won i {
	background: url(../img/sub/img_deicon2.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    position: relative;
    display: inline-block;
}
.ba_won {
	color: #222222 !important;
}
.ba_won i {
	background: url(../img/sub/img_deicon3.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    position: relative;
    display: inline-block;
}
.farm_con .box3 {
    flex: 1;
    position: relative;
    vertical-align: top;
    padding: 0px 10px;
}
.farm_con .box3 .farm_count3 {
    position: relative;
    border-radius: 10px;
    width: 100%;
    height: 140px;
    padding: 30px 30px;
    background-color: #fff;
}
.farm_con .box3 p {
    font-size: 22px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
    right:30px;
    position: absolute;
}
.farm_con .box3 .imgbg33 {
    background: url(../img/sub/img_income22.png) no-repeat 40px 35px #fff;
}
.farm_con .box3 .imgbg44 {
    background: url(../img/sub/img_expense22.png) no-repeat 40px 35px #fff;
}
.farm_con .box3 .imgbg55 {
    background: url(../img/sub/img_sum22.png) no-repeat 40px 35px #fff;
}
.mt5 {
	margin-top: 5px !important;
	width: 100%;
}
.mt20 {
	margin-bottom: 20px;
}
.farm_section .g_text2 {
	float: right;
    right: 18px;
    position: relative;
    bottom: -10px;
}
.farm_con .box3 .imgbg1 {
    background: url(../img/sub/img_farmdaily2.png) no-repeat 40px 35px #fff;
}
.farm_con .box3 .imgbg2 {
    background: url(../img/sub/img_farmedu2.png) no-repeat 40px 35px #fff;
}
.farm_con .box3 .farm_count4 {
    position: relative;
    border-radius: 10px;
    width: 100%;
    height: 140px;
    padding: 20px 20px;
    background: #fff;
}
.farm_con .box3 .farm_count4 ul {
    display: flex;
    margin: 0 auto;
    width: 100%;
}
.farm_con .box3 .farm_count4 ul li {
    flex: 1;
}
.farm_con .box3 .farm_count4 ul li .toxic {
    background: url(../img/sub/img_toxic.png) no-repeat center center #f2f2f2;
}
.farm_con .box3 .farm_count4 ul li .circle {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.farm_con .box3 .farm_count4 ul li .num {
    display: block;
    text-align: center;
    padding-top: 2px;
    color: #666;
    font-size: 17px;
}
.farm_con .box3 .farm_count4 ul li .num strong {
    font-weight: 500;
    color: #000;
}
.farm_con .box3 .farm_count4 ul li .ample {
    background: url(../img/sub/img_ample.png) no-repeat center center #f2f2f2;
}
.farm_con .box3 .imgbg2 {
    background: url(../img/sub/img_farmedu2.png) no-repeat 40px 35px #fff;
}
.box2 .farm_listbox {
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.box2 .farm_listbox p,
.box2 .farm_listbox span {
    float: left;
    position: relative;
    right: 0;
    bottom: 0;
}
.box2 .farm_listbox p {
	font-size: 18px;
}
.farm_listbox .total_won {
	font-size: 24px;
}
@media (max-width:820px) {
	.deposit_newbox h4 {
		width: 100%;
		float: none;
	}
	.farm_con .box2,
	.farm_con .box3 {
		margin-bottom: 15px;
	}
	.farm_section .g_text2 {
		float: none;
		padding-left: 10px;
        bottom: 0;
        right: 0;
	}
}
@media (max-width:460px) {
	.deposit_newbox .sel_boxnew {
		flex-direction: column;
		align-items: center;
	}
	.deposit_newbox .sel_boxnew select {
		width: 100% !important;
	}

}
/*입출금장부 등록 표 수정*/
.add_in-regist select,
.add_in-regist2 input {
	min-width: 560px !important;
}
.add_in-regist .add_in-category {
	height: 56px;
    display: flex;
    align-items: center;
}
@media (max-width:820px) {
	.add_in-regist select,
	.add_in-regist2 input {
		min-width: 100% !important;
	}
}

/* 입출금장부 수정 25.06.26 */
.sel_boxnew {
	padding: 12px 10px 10px 10px;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.sel_boxnew button {
	position: relative;
	background: #09488a;
    color: #fff;
    padding: 6px 26px 6px 17px;
    text-align: center;
}
.sel_boxnew button:hover {
	background:#063363;
	transition: .3s;
}
.sel_boxnew button:before {
	position: absolute;
	content: "";
	background: url(../img/sub/btn_next.png) no-repeat center center;
    width: 6px;
    height: 22px;
    filter: brightness(2);
    right:12px;
    background-size: 5px;
}
.income_newBox {
	margin-top: 10px;
    padding: 20px 20px 0 20px;
    background: #f2f2f2;
    overflow: hidden;
}
.income_newBox ul li{
	float: left;
    box-sizing: border-box;
    width: calc((100% - 60px) / 3);
    margin: 10px 10px 0 10px;
    background: #fff;
    padding: 20px 20px 10px 20px;
    border-radius: 10px;
    border: 1px solid #d8dde1;
    display: flex;
    flex-direction: column;
}
.income_newBox .title {
    font-weight: 700;
    font-size: 18px;
    float: left;
}
.income_newBox .price {
    text-align: right;
    font-size: 24px;
}
.income_newBox i {
	font-style: normal;
    font-size: 14px;
    color: #666;
    font-weight: 500;
    padding-left: 2px;
}
.income_newList li {
	position: relative;
	padding-left: 12px;
}
.income_newList li:before {
	content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 2px;
    background: #666;
}
@media (max-width: 820px) {
	.income_newBox {
		padding:0;
		background: #fff;
	}
	.income_newBox ul li {
        width: calc((100% - 10px));
        margin: 5px;
        background: #fff;
        padding: 20px 20px 10px 20px;
        border-radius: 0;
        border: 1px solid #d8dde1;
    }

}
@media (max-width: 600px) {
	.sel_boxnew {
		align-items: stretch;
	   flex-direction: column;
	}
	.sel_boxnew button:before {
		display: none;
	}
	.income_newBox ul li {
        width: calc(100% / 1);
        margin: 5px 0;
	}
}

/* 20250818 영농닥터 수정본 추가 */
.keyword_box {
    font-family:'Pretendard';
}
.keyword_box .favkeyword p {
    text-align: center;
}
.border_section .mult_board {
    font-family: 'Pretendard';
    letter-spacing: -0.2px;
}
.border_section .mult_board .board_inner .list li .img_right {
    position: relative;
    top: 0;
    left: 0;
    float: right;
}
#ntce_list dt a {
    font-size:20px;
}
#ntce_list dt p a {
    font-size:15px;
}
#ntce_list dt p span {
    font-size: 14px;
    background-color: #f0f1f9;
    border-radius: 20px;
    padding: 2px 10px;
}
.border_section .mult_board .board_inner .list li dd .hit span {
    cursor: pointer;
}
.border_section .mult_board .board_inner .list li .img_right {
    border-radius: 10px;
}
.reply_con ul li div {
    padding: 2px 6px;
}
.reply_box .title {
    font-size: 20px;
}
.reply_text .namedate em {
    position: relative;
    padding-left: 0 !important;
}
.reply_text .namedate em::before {
    right: -14px;
    top: 6px !important;
    left: inherit !important;
}
.reply_con ul li div .reply_text em::before {
    display: block;
    content: "";
    position: absolute;
    top: 6px;
    right: -14px;
    width: 1px;
    height: 10px;
    background: #ddd;
}
.reply_key .keyWord span {
    font-size: 14px;
    background-color: #f0f1f9;
    border-radius: 20px;
    padding: 2px 10px;
}
.reply_img {
    height: auto;
}
.reply_img .img_item {

    height: auto;
}
.img_listbox .img_item img {
	display:inline-flex;
	flex:0 0 0;
    margin-right: 10px;
    cursor: pointer;
    width:auto;
    max-height: 600px;
    height: auto;
    object-fit:contain;
}
.border_section .mult_board .board_inner .list li dd span {
    font-weight: 400;
}
@media (max-width: 500px) {
    .border_section .mult_board .board_inner .list li .img_right {
        width: 100%;
        height: 250px;
        float: left;
    }
    .border_section .mult_board .board_inner .list li .img_right img{
        object-fit: cover;
    }
    .border_section .mult_board .board_inner .list li dl {
        width: 100% !important;
        float: left;
    }
    .border_section .mult_board .board_inner .list li {
        overflow: hidden;
    }
    .replyListClass > li > div {
        margin-top: 0 !important;
    }
    .reply_text {
        margin-top: 0 !important;
    }
    .reply_text p {
        margin-top: 0 !important;
    }
    .reply_con ul li div .reply_text .namedate {
        position: relative !important;
        top: 0 !important;
    }
    .reply_con ul li div,
    .reply_con ul li div .reply_text p {
        min-height: auto !important;
    }
    .reply_con ul li .btn_multi {
        position: relative;
        left: 11px;
        bottom: 0;
    }
}

/************ 인포밸리 작업 25.10.13 ********************************************************************/
/*상단고정   2023.04.28 -> 2025.09.22 재 추가 */
.table-scroll {border-top: none!important;}
.table-scroll thead td, th {padding: 10px;}
.table-scroll thead th {position: sticky!important; top:0px; z-index: 1!important;}
.table-scroll thead th:after,
.table-scroll thead th:before {content: ""; position: absolute; left: 0px; width: 100%; height: 1px;}
.table-scroll thead th:after {top:0px; border-top: 2px solid #787878!important;  z-index: 1!important;}
.table-scroll thead th:before {bottom:-2px; border-top: 1px solid #999!important;}
.table-scroll tbody {height: 100px!important; overflow-y: auto!important; }
/************ 인포밸리 작업 25.10.13 ********************************************************************/