@charset "utf-8"; 


.back-gray {
    padding: 2rem;
    border-radius: .6rem .6rem 0 0;
    border:1px solid #ededed; 
    margin-bottom: 1.6rem;
    background-color:#fff;
}
.back-gray > p {
    color:#888;
    font-size:1.5rem;
}

/* bullet Redefine*/
.bullet01{background:url(https://www.nongsaro.go.kr/ps/img/icon/bullet_h2.gif) no-repeat 0 3px; padding-left:20px;}
.bullet02{background:url(https://www.nongsaro.go.kr/ps/img/icon/bullet_h3.gif) no-repeat 0 4px; padding-left:15px;}

.bullet03, .bul-m{background:url(https://www.nongsaro.go.kr/ps/img/bg/list_bullet01.gif) no-repeat 0 6px;padding-left:10px;}
.bullet03-blue, .bul-m-blue{background:url(https://www.nongsaro.go.kr/ps/img/bg/list_bullet02.gif) no-repeat 0 6px; padding-left:10px;}
.bullet03-gray, .bul-m-gray{background:url(https://www.nongsaro.go.kr/ps/img/icon/bullet_h5.gif) no-repeat 0 5px;padding-left:10px;}

.bullet04, .bul-s {background:url(https://www.nongsaro.go.kr/ps/img/bg/list_bullet03.gif) no-repeat 0 8px;padding-left:10px;}
.bullet04-black, .bul-s-black {background:url(https://www.nongsaro.go.kr/ps/img/icon/bullet_h6.gif) no-repeat 0 8px; padding-left:10px;}
.bullet04-gray, .bul-s-gray{background:url(https://www.nongsaro.go.kr/ps/img/icon/bullet_h7.gif) no-repeat 0 center; padding-left:10px;}
.bullet05, .bul-arrow{background:url(https://www.nongsaro.go.kr/ps/img/icon/bullet_h8.gif) no-repeat 0 center; padding-left:10px;}
.bullet05, .bul-arrow{background:url(https://www.nongsaro.go.kr/ps/img/icon/bullet_h8.gif) no-repeat 0 center; padding-left:10px;}
/**/


/* 서브소개 */
#container .contents .subImg {
    position: relative;
    overflow: hidden;
    padding: 2.2rem 2.6rem;
}
#container .contents .subImg:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 50px;
    height: 40px;
    border-top: 2px solid #2055a3;
    border-left: 2px solid #2055a3;
}
#container .contents .subImg:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#container .contents .subImg .allimg {
    position: absolute;
    top: 0;
    right: 0;
}
#container .contents .subImg.hrd {
    min-height: 320px;
}
#container .contents .subImg.hrd:before {
    width: 100%;
    height: 100%;
    border: 0;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/bg_book.png');
    background-repeat: no-repeat;
    background-position: 100% bottom;
    background-size: auto;
    z-index: -1;
}
#container .contents .subImg.hrd .btnArea {
    text-align: left;
}
#container .contents .subImg.hrd .allimg {
    position: absolute;
    top: 0;
    right: 0;
}
#container .contents .subImg.hrd .allimg p.lImg {
    position: relative;
}
#container .contents .subImg.hrd .allimg p.lImg em.sImg {
    position: absolute;
    bottom: 1px;
}
#container .contents .subImg .info {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #ddd;
    font-size: var(--krds-pc-font-size-body-small);
}
#container .contents .subImg.clean {
    background: #f0f5fb;
    height: 220px;
    padding: 2.6rem;
    padding-right: 350px;
}
#container .contents .subImg.clean:after {
    width: 100%;
    height: 100%;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/clean_Subimg.png');
    background-repeat: no-repeat;
    background-position: 100% bottom;
    background-size: auto;
}
#container .contents .subImg.fEdu {
    background: #f0f5fb;
    padding: 3.5rem 4.2rem;
    padding-right: 250px;
}
#container .contents .subImg.fEdu .fEdu_info {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #ddd;
    font-size: var(--krds-pc-font-size-body-small);
}
#container .contents .subImg.fEdu:after {
    width: 100%;
    height: 100%;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/fedu_Subimg.png');
    background-repeat: no-repeat;
    background-position: 100% bottom;
    background-size: auto;
}
#container .contents .subImg.fFood {
    background: #f0f5fb;
    padding: 3.5rem 4.2rem;
    padding-left: 220px;
}
#container .contents .subImg.fFood:after {
    width: 100%;
    height: 140px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/ffood_Subimg.png');
    background-repeat: no-repeat;
    background-position: 3% bottom;
    background-size: auto;
}
#container .contents .subImg.careFarm {
    background: #f0f5fb;
    padding: 2.6rem;
    padding-right: 300px;
    min-height: 200px;
}
#container .contents .subImg.careFarm:after {
    width: 100%;
    height: 100%;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/careFarm_Subimg.png');
    background-repeat: no-repeat;
    background-position: 100% bottom;
    background-size: auto;
}
#container .contents .subImg.womenFarm {
    background: #f0f5fb;
    padding: 2.6rem;
    padding-right: 240px;
    min-height: 240px;
}
#container .contents .subImg.womenFarm:after {
    width: 100%;
    height: 100%;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/womenFarm_Subimg.png');
    background-repeat: no-repeat;
    background-position: 100% bottom;
    background-size: auto;
}
#container .contents .subImg.curation {
    padding: 4rem;
    padding-right: 300px;
}
#container .contents .subImg.curation:after {
    width: 100%;
    height: 200px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/curation_Subimg.png');
    background-repeat: no-repeat;
    background-position: 100% bottom;
    background-size: auto;
}
#container .contents .subImg.curation .btnArea{
 	position:absolute;
 	left: 40%;
	top: 10px;
	z-index:9;
}
#container .contents .subImg dt {
    font-size: var(--krds-pc-font-size-heading-medium);
    margin-bottom: 5px
}
#container .contents .subImg dt strong {
    position: relative;
    display: inline-block;
    z-index: 0;
    color: #2055a3;
}
#container .contents .subImg dt strong:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 8px;
    background: #e2edf8;
}
#container .contents .subImg dd {
    font-size: var(--krds-pc-font-size-body-small);
    color: #6d6c76;
}
#container .contents .subImg.hrd dd em {
    display: inline-block;
    margin-left: .5rem;
    
    font-size: 25px;
    color: #2e2e2e;
}
#container .contents .subImg .refer {
    display: block;
    position: relative;
    padding-left: 16px;
    font-size: var(--krds-pc-font-size-body-xsmall);
}
#container .contents .subImg .refer:before {
    content: '*';
    display: inline-block;
    margin: 0 5px 0 -11px;
    left: 0;
    top: 0;
}
#container .contents .subImg p {
    display: block;
}
#container .contents .subImg img {
    display: block;
    margin-top: 6px;
}
#container .contents .subImg.ruralCulture {
    height: 250px;
}
#container .contents .subImg.ruralCulture:after {
    width: 100%;
    height: 250px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/ruralCulture_Subimg.png');
    background-repeat: no-repeat;
    background-position: 100% bottom;
    background-size: auto;
}
#container .contents .subImg.ruralCulture:before {
    content: none;
}


/* 농업인재해보험 */
#container .contents .subImg.insurance {
    height: 145px;
    background: #ecf3ff
}
#container .contents .subImg.insurance dl {
    position: absolute;
    z-index: 2;
    padding-right: 2.6rem
}
#container .contents .subImg.insurance dl #container .contents .subImg img {
    display: none;
    margin-top: 0
}


/*****************************************************************
  Tabs : tab-nav
*****************************************************************/
.tab-nav.t1 {
    position: relative;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #464748
}
.tab-nav.t1>ul>li {
    display: inline-block;
    cursor: pointer
}
.tab-nav.t1>ul>li>a {
    display: block;
    position: relative;
    height: 46px;
    line-height: 44px;
    padding: 0 2.4rem;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #c2c4c6;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    color: #767676;
    text-align: center
}
.tab-nav.t1>ul>li>a span {
    display: inline-block;
    line-height: 18px;
    margin-top: -5px;
    vertical-align: middle
}
.tab-nav.t1>ul>li.active>a {
    background-color: #fff;
    color: #252525
}
.tab-nav.t1>ul>li.active>a:before {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border-width: 1px;
    border-style: solid;
    border-color: #464748 #464748 #fff #464748;
    border-radius: 10px 10px 0 0;
    z-index: 1
}
.tab-nav.t2 {
    position: relative;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #e2e2e2
}
.tab-nav.t2 li {
    display: inline-block;
    cursor: pointer
}
.tab-nav.t2 li a {
    display: block;
    position: relative;
    height: 50px;
    line-height: 48px;
    padding: 0 10px;
    color: #767676
}
.tab-nav.t2 li a span {
    display: inline-block;
    line-height: 24px
}
.tab-nav.t2 li a:hover {
    font-weight: var(--krds-typo-font-weight-regular);
}
.tab-nav.t2 li.active a {
    color: #157941;
    border-bottom: 1px solid #157941
}
.tab-nav.t2 li.on a {
    
    color: #157941;
    border-bottom: 1px solid #157941
}
.tab-nav.t3 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.tab-nav.t3 ul {
    display: table;
}
.tab-nav.t3.iCon ul {
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 10px;
}
.tab-nav.t3 li {
    display: table-cell
}
.tab-nav.t3 li a {
    display: block;
    position: relative;
    border: 1px solid #d9d9d9;
    border-left: 0;
    height: 50px;
    line-height: 48px;
    padding: 0 30px;
    color: #767676;
    letter-spacing: -.05em;
}
.tab-nav.t3 li:first-child a {
    border-left: 1px solid #d9d9d9;
}
.tab-nav.t3 li a span {
    display: inline-block;
    line-height: 24px
}
.tab-nav.t3 li.active a {
    border: 1px solid #252525;
    margin-left: -1px;
    border-left: 1px solid #252525;
    border-bottom: 2px solid #252525;
    color: #252525;
}
.tab-nav.t3 li.active:first-child a {
    margin-left: 0;
}
.tab-nav.t3.iCon li a {
    position: relative;
    display: block;
    padding: 0 20px;
    line-height: 55px;
}
.tab-nav.t3.iCon li a:before {
    content: '';
    display: flex;
    position: relative;
    top: 50%;
    margin-top: -11px;
    width: 22px;
    height: 22px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/icon_listV.png');
}
.tab-nav.t3.iCon li:nth-child(1) a:before {
    background-position: -22px 0;
}
.tab-nav.t3.iCon li.active:nth-child(1) a:before {
    background-position: 0 0;
}
.tab-nav.t3.iCon li:nth-child(2) a:before {
    background-position: -66px 0;
}
.tab-nav.t3.iCon li.active:nth-child(2) a:before {
    background-position: -44px 0;
}
.tab-nav.t4 {
    position: relative;
    height: 215px;
    padding: 2.7rem;
    border: 1px solid #dedede;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    border-radius: .7rem;
}
.tab-nav.t4.scroll-no {
    overflow: initial;
}
.tab-nav.t4.selected {
    border: 1px solid #65c330 !important;
}
.tab-nav.t4 li {
    display: inline-block;
    width: 100%;
    padding-left: 0;
}
.tab-nav.t4 li a {
    width: 100%;
    padding: 3px 10px;
    display: block;
}
.tab-nav.t4 li a:active {
    background: #f7f8fa ;
    color: #000;
}
.tab-nav.t4 li.on a {
    color: #FFF;
    background: linear-gradient(90deg, #1595a9 10%, #156da9 90%);
    border-radius: .2rem;
    padding: .2rem .5rem;
}
.tab-nav.t4 li .del {
    position: absolute;
    top: 3px;
    right: 0;
    width: 13px;
    height: 13px;
    padding: 0;
    background: url(https://www.nongsaro.go.kr/ps/img/btn/btn_del02.gif) no-repeat 0 0;
    line-height: 0;
    font-size: 0;
    text-indent: -999em;
}
.tab-nav.t4 li input {
    position: absolute;
    top: 10px;
    right: 15px;
}
.tab-nav.t4 li a:hover {
    color: #1e3884;
    text-decoration: underline;
}
.tab-nav.t4 li.on a:hover {
    color: #FFF;
    font-weight: var(--krds-typo-font-weight-regular);
    text-decoration: none;
}
.tab-section .tab-contents {
    margin-top: 3rem
}
.curation .tab-section .tab-contents {
    margin-top: 1.25rem
}


/*****************************************************************
  Tabs : tab_s
*****************************************************************/
.ctgTab_Ty01 ul {
    height: 50px;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-left: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 0 !important;
}
.ctgTab_Ty01 ul.clearfix:before, .ctgTab_Ty01 ul.clearfix:after {
    display: none;
}
.ctgTab_Ty01 ul li {
    display: table-cell;
    position: relative;
    width: 100%;
    height: 48px;
    color: #494949;
    border: 1px solid #dcdcdc;
    border-left-color: #fff;
    border-bottom-color: #666;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    border-right: none;
    vertical-align: middle;
}
.ctgTab_Ty01 ul li:before {
    display: none !important;
}
.ctgTab_Ty01 ul li:last-child {
    border-right: 1px solid #ddd;
}
.ctgTab_Ty01 ul li.on {
    z-index: 1;
    border: 1px solid #666;
    background: #666;
    color: #fff;
}
.ctgTab_Ty01 ul li.on a {
    border: none;
    color: #fff;
}
.ctgTab_Ty01 ul li.active {
    z-index: 1;
    border: 1px solid #666;
    background: #666;
    color: #fff;
}
.ctgTab_Ty01 ul li.active a {
    border: none;
    color: #fff;
}
.ctgTab_Ty01 ul li.selected {
    z-index: 1;
    border: 1px solid #666;
    background: #666;
    color: #fff;
}
.ctgTab_Ty01 ul li.selected a {
    border: none;
    color: #fff;
}
.ctgTab_Ty01 ul li a {
    display: block;
    border-right: 1px solid #dcdcdc;
    text-decoration: inherit;
    color: inherit;
    word-break: break-all;
}
.ctgTab_Ty01 ul li:last-child>a {
    border-right: none
}
.ctgTab_Ty01 ul li a br {
    display: none;
}
.ctgTab_Ty01 .label {
    display: none
}
.ctgTab_Ty01 .category_form_link li.on {
    border-bottom: 1px solid #fff;
    background: #fff;
}
.ctgTab_Ty01 .category_form_link li.on a {
    color: #666
}

/* tab-Style02 */
.tab_s02 {
    height: 50px;
    margin-top: 20px;
    position: relative;
}
.tab_s02>ul {
    margin: 0 auto;
    table-layout: fixed;
}
.tab_s02>ul>li {
    display: table-cell
}
.tab_s02>ul>li:first-child {
    margin-left: 0
}
.tab_s02>ul> li a {
    display: block;
    position: relative;
    border: 1px solid #d9d9d9;
    border-left: 0;
    height: 50px;
    line-height: 48px;
    padding: 0 30px;
    color: #767676;
    letter-spacing: -.05em;
}
.tab_s02>ul> li:first-child a {
    border-left: 1px solid #d9d9d9
}
.tab_s02>ul> li a.br1 {
    padding: 17px 0 16px;
}
.tab_s02>ul> li.on {
    margin-left: -1px;
    border: 0px;
}
.tab_s02>ul> li.active {
    margin-left: -1px;
    border: 0px;
}
.tab_s02>ul> li:first-child.on {
    margin-left: 0;
}
.tab_s02>ul> li:last-child {
    border-right: 0px solid #ddd;
}
.tab_s02>ul> li.on a {
    border: 1px solid #252525;
    border-left: 1px solid #252525;
    border-bottom: 2px solid #252525;
    color: #252525;
}
.tab_s02>ul> li.active a {
    position: relative;
    color: #252525;
}
.tab_s02>ul> li>a:hover {
    text-decoration: none;
}
.tab_s02>ul>li>a {
    display: block;
    position: relative;
    height: 50px;
    padding: 0 17px;
    color: #767676;
    width: auto !important;
    min-width: 90px;
    text-align: center;
}

/* tab-Style03 */
.tab_s03 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    clear: both;
}
.tab_s03>ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 10px;
}
.tab_s03>ul.clearfix:before, .tab_s03>ul.clearfix:after {
    display: none;
}
.tab_s03 li {
    display: table-cell;
    position: relative
}
.tab_s03 li:last-child {
    border-right: 1px solid #ddd;
}
.tab_s03 li a {
    display: block;
    position: relative;
    border: 1px solid #d9d9d9;
    border-right: 0;
    border-collapse: collapse;
    height: 50px;
    line-height: 48px;
    padding: 0 10px;
    color: #767676;
    letter-spacing: -.05em;
}
.tab_s03 li.active a {
    margin-left: -1px;
    border: 1px solid #252525;
    border-left: 1px solid #252525;
    border-right: 1px solid #252525!important;
    color: #252525;
}
.tab_s03 li.active:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #000;
}
.tab_s03 li.on a {
    border: 1px solid #252525;
    margin-left: -1px;
    border-left: 1px solid #252525;
    border-bottom: 2px solid #252525;
    color: #252525;
}
.tab_s03 li.on:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #000;
}
.tab_s03#exportItem .itemList2 li {
    display: inline-block;
    width: 11.5%;
}
.tab_s03#exportItem .itemList2 {
    margin-top: 10px;
    border-bottom: 0;
    text-align: left
}
.tab_s03#exportItem .itemList2 li {
    margin-bottom: 5px;
}
.tab_s03#exportItem .itemList2 li a {
    height: auto;
    padding: 0!important;
    text-align: center
}
.tab_s03#exportItem .itemList2 li a {
    margin-left: 0!important;
}
.tab_s03#exportItem .itemList2 li.active a {
    border-right: 1px solid #252525
}
.tab_s03#exportItem .itemList2 li a span.imgArea {
    display: block;
    overflow: hidden;
    height: 75px
}
.tab_s03#exportItem .itemList2 li a span.imgArea img {
    width: 100%;
    height: auto;
    transition: all .3s ease;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}
.tab_s03#exportItem .itemList2 li a:hover span.imgArea {
    background: #222
}
.tab_s03#exportItem .itemList2 li a:hover span.imgArea img {
    -moz-transform: scale(1.08) rotate(0.1deg);
    -ms-transform: scale(1.08) rotate(0.1deg);
    -o-transform: scale(1.08) rotate(0.1deg);
    transform: scale(1.08) rotate(0.1deg);
    opacity: 0.8;
}

/* tab-Style04 */
.tab_s04 {
    margin-top: 20px
}
.tab_s04 ul {
    height: 45px;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dedede;
}
.tab_s04 ul.clearfix:before, .farmArea>ul.clearfix:after {
    display: none;
}
.tab_s04 ul li {
    display: table-cell;
    box-sizing: border-box;
    line-height: 43px;
}
.tab_s04 ul li a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 45px;
    line-height: 43px;
    padding: 0 0.5rem;
    background-color: #fff;
    font-size: var(--krds-pc-font-size-body-small);
    text-align: center;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid #fff;
    border-right: 1px solid #dedede;
    transition: background-color 0.1s ease-in-out;
    color: #555;
}
.tab_s04 ul li:last-child a {
    border-right: #fff
}
.tab_s04 ul li a:hover {
    border: 1px solid #3d486a;
}
.tab_s04 ul li.active a {
    background: #3d486a;
    color: #fff;
    border: 1px solid #3d486a;
}


.nav-tabs {
    border-bottom: 0px solid #2f74c3 !important;
}
.nav-tabs li a {
    font-size: 2.4rem;
}
.nav-tabs li a:hover {
    border: 1px solid transparent;
    border-color: transparent !important;
}
.nav-tabs li.active a {
    background-color: #2f74c3 !important;
    border: 0px solid #2f74c3 !important;
    color: #FFF !important;
    border-radius: 5px !important;
}
.scrtabs-tabs-fixed-container {
    height: auto !important;
}
.scrtabs-tabs-fixed-container ul.nav-tabs > li {
    white-space: nowrap;
    float: initial !important;
    display: inline-block!important;
}
.scrtabs-tab-container {
    background: #f7f7f7;
    text-align: center;
}
.scrtabs-tab-scroll-arrow {
    padding: 0px 0 0 0px !important;
    border: 0px solid #2f74c3 !important;
    border-top: 0px solid transparent !important;
    height: 46px !important;
}
.scrtabs-tab-scroll-arrow-left {
    border-left: 0px solid #ddd !important;
    border-right: 0px solid #ddd !important;
}
.scrtabs-tab-scroll-arrow-right {
    border-right: 0px solid #ddd !important;
    border-left: 0px solid #ddd !important;
}

.glyphicon-chevron-left {
    width: 100%;
    height: 100%;
}
.glyphicon-chevron-left:before {
    content: '' !important;
    display: block;
    width: 26px;
    height: 15px;
    position: absolute;
    right: 3px;
    top: 30%;
    margin: 0 auto;
    background: url('https://www.nongsaro.go.kr/ps/img/2020Img/mobile_arrow.png') no-repeat center center / 60%;
    transform: rotate(90deg) translateY(-50%);
}
.glyphicon-chevron-right {
    width: 100%;
    height: 100%;
}
.glyphicon-chevron-right:before {
    content: '' !important;
    display: block;
    width: 26px;
    height: 15px;
    position: absolute;
    left: 3px;
    top: 30%;
    margin: 0 auto;
    background: url('https://www.nongsaro.go.kr/ps/img/2020Img/mobile_arrow.png') no-repeat center center / 60%;
    transform: rotate(-90deg) translateY(-50%);
}
.tab_btn_s02 li {
    display: inline-block;
    border: 0
}
.tab_btn_s02 li a {
    background: #FFF;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: .5em 1em .6em;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin: 0 2px 2px;
    display: block;
}
.tab_btn_s02 li a:hover {
    background: #085890;
    color: #fff;
    border: 1px solid #085890;
}


/* Summary */
.sum_t_txt {
    position: relative;
    padding: 38px 40px 35px 200px;
    margin-bottom: 2rem;
    border: 1px solid #e6eaee;
}
.sum_t_txt:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 180px;
    height: 100%;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/intro_icon01.png') center no-repeat;
    z-index: 0;
    transform: translateY(-50%);
}
.sum_t_txt:after {
    content: '';
    display: block;
    position: absolute;
    left: 2.5rem;
    top: 0;
    width: calc(100% - 5rem);
    height: 100%;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/introBg.png') 0 0 no-repeat;
    z-index: 0;
}
.sum_t_txt a {
    margin-top: 10px;
    z-index: 10;
    position: relative;
}
.sum_t_txt a[target="_blank"]:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 6px;
    display: inline-block;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/ico_blank.png') no-repeat;
    width: 11px;
    height: 12px;
    vertical-align: middle;
    transform: translateY(-50%);
}
.sum_t_txt p {
    position: relative;
    color: #545454;
    padding: 0;
    padding-left: 10px;
}
.sum_t_txt input[type="checkbox"]#checker {
    z-index: 1000;
    position: absolute;
    top: 7px;
    margin-left: 10px;
}
.sum_t_txt strong {
    position: relative;
    display: block;
    width: fit-content;
}
.sum_t_txt strong:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 4px;
    width: 100%;
    height: 5px;
    background: #156da9;
    opacity: .1;
    z-index: 10
}
.sum_t_txt ul {
    z-index: 1;
    position: relative;
}
.sum_t_txt ul li {
    margin-bottom: 5px;
    word-break: break-all;
    padding-left: 10px;
    position: relative;
}
.sum_t_txt ul li strong {
    position: relative;
    display: block;
    color: #283593;
    width: fit-content;
    font-size: 100%;
    background: linear-gradient(90deg, #0e5195, #432c9f);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin-bottom: .3rem;
    word-break: break-all;
}
.sum_t_txt ul li:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    width: 3px;
    height: 3px;
    background: #156da9;
    opacity: .7;
    z-index: 0;
    top: 9px;
    border-radius: 100%;
}
.sum_t_txt p:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    width: 3px;
    height: 3px;
    background: #156da9;
    opacity: .7;
    z-index: 0;
    top: 9px;
    border-radius: 100%;
}
.sum_t_txt ul li:last-child {
    margin-bottom: 0
}
.sum_t_txt ul li.pointText2 {
    color: #b93069;
    padding-left: 6rem;
    letter-spacing: -0.04rem;
}
.sum_t_txt ul li.pointText2:after {
    content: '※ 안내 :';
    width: 60px;
    background: transparent;
    opacity: 1;
    top: 0;
}

.sum_c_box {
    position: relative;
    padding:7px 10px;
    margin-bottom: 2rem;
    border-radius: 20px 20px 0 0!important;
    border:solid 1px #d6d6d6;
    border-bottom: none;
    letter-spacing: normal!important;
    background:#f7f7f7;
}
.sum_c_box:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%!important;
    left: 0 !important;
    width: 180px !important;
    height: 100% !important;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/intro_icon01.png') center no-repeat;
    z-index: 10;
}
.sum_c_box:after {
    content: '';
    display: block;
    position: absolute;
    left: 2.5rem;
    top: 0;
    width: calc(100% - 5rem)!important;
    height: 100%!important;
    border-bottom: 1px dashed #ccc;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/introBg.png') 0 0 no-repeat;
    z-index: 1;
}
.sum_c_box p {
    font-size: var(--krds-pc-font-size-body-small);
    color: #545454;
    padding: 0;
}
.sum_c_box li {
    line-height: 23px;
}
.sum_c_box>em {
    color: #1e4b7d;
    text-decoration: underline;
}

.sum_box {
    position: relative;
    margin-bottom: 2rem;
    border-radius: 20px 20px 0 0!important;
    border: 3px solid #e6eaee;
    border-bottom: none;
    letter-spacing: normal!important;
    background-color: #fff;
}
.sum_box li {
    font-size: var(--krds-pc-font-size-body-small);
    color: #545454;
    padding: 0;
    line-height: 23px;
}
.sum_box>em {
    color: #1e4b7d;
    text-decoration: underline;
}
.sum_t_txt .box_title, .sum_c_box .box_title, .sum_box .box_title {
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: var(--krds-pc-font-size-heading-medium);
    z-index:1;
}

.sectionWrap h4 {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 12px;
    font-size: var(--krds-pc-font-size-heading-medium);
    letter-spacing: -0.05em;
    word-break: keep-all;
    color: #01317b;
}
.sectionWrap h5 {
    clear: both;
    position: relative;
    font-size: var(--krds-pc-font-size-body-large);
    margin-bottom: 10px;
    margin-top: 30px;
    letter-spacing: -.05em;
    word-break: keep-all
}
.sectionWrap h5:after {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    margin: 5px 0 0 3px;
    background-color: #000;
}
.sectionWrap h5 span {
    display: inline-block;
    color: #666;
    font-weight: var(--krds-typo-font-weight-regular);
    text-decoration: underline;
}


/* contTitle : h3 */
.contTitle_area {
    position: relative;
}
.contTitle_area h3.subTitle {
    display: inline-block;
    position: relative;
    margin-bottom: 2.4rem;
    color: #333;
    font-size: var(--krds-pc-font-size-heading-large);
    text-align: left;
}
.introTitle_area h3.subTitle {
    display: block;
    position: relative;
    margin-bottom: 2.4rem;
    color: #333;
    font-size: var(--krds-pc-font-size-heading-large);
    text-align: center;
}
.introTitle_area h3.subTitle:after {
    content: '';
    display: block;
    height: 30px;
    width: 1px;
    top: 0;
    margin: .3rem auto;
    background-color: #11881f;
    background-image: linear-gradient(135deg,#11881f 0%,#156da9 100%);
}
h3.subTitle {
    display: block;
    position: relative;
    margin-bottom: 1.25rem;
    color: #333;
    font-size: var(--krds-pc-font-size-heading-large);
    text-align: left;
}
h4.subTitle {
    display: block;
    position: relative;
    margin-bottom: 2.7rem;
    padding-top: 5px;
    color: #555;
    font-size: var(--krds-pc-font-size-body-medium);
    letter-spacing: -0.03em;
    text-align: left;
}
h4.subTitle:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 2px;
    background-color: #156da9;
    background-image: linear-gradient(135deg,#156da9 0%,#11881f 100%);
}
h4.subTitle em {
    display: inline-block;
    margin-left: 5px;
    color: #fff;
    font-size: var(--krds-pc-font-size-body-small);
    border-radius: 20px;
    padding: 0 .6rem;
    background: #11881f;
    letter-spacing: 0;
}

/* h3.contTitle */
h3.contTitle {
    position: relative;
    display: block;
    padding-left: 30px;
    font-size: 2.2rem;
    color: #181818;
    font-weight: var(--krds-typo-font-weight-bold);
    margin-bottom: 18px;
    word-break: keep-all;
}
h3.contTitle:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 1px;
    width: 18px;
    height: 18px;
    border: 6px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0)), linear-gradient(101deg, rgba(0,209,197,1) 0%,rgba(5,70,204,1) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 2000px 1px #fff inset;
}
h3.contTitle span {
    color: #e52a0f;
}
h3.contTitle span:before {
    content: '[';
}
h3.contTitle span:after {
    content: ']';
}

/* h4.vodTitle */
h4.vodTitle {
    display: block;
    position: relative;
    margin-bottom: 2.7rem;
    color: #555;
    font-size: var(--krds-pc-font-size-heading-small);
    letter-spacing: -0.06em;
    text-align: left;
}
h4.contTitle {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 2.7rem;
    color: #156da9;
    font-size: var(--krds-pc-font-size-heading-small);
    letter-spacing: -0.06em;
    text-align: left;
}
h4.contTitle:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 14px;
    height: 5px;
    margin-bottom: .3rem;
    background-color: #156da9;
    background-image: linear-gradient(135deg,#156da9 0%,#11881f 100%);
}
h4.contTitle span {
    color: #333;
    font-size: var(--krds-pc-font-size-body-medium);
}
h4.contTit {
    display: block;
    position: relative;
    padding: 0;
    padding-left: 20px;
    margin-bottom: 2.7rem;
    color: #156da9;
    font-size: var(--krds-pc-font-size-heading-small);
    letter-spacing: -0.06em;
    text-align: left;
}
h4.contTit span {
    color: #333;
}
h4.contTit:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 11px;
    height: 5px;
    margin-bottom: .3rem;
    background-color: #156da9;
    background-image: linear-gradient(135deg,#156da9 0%,#11881f 100%);
}


/* 리스트 */
.list-1st,.list-2st,.list-3st {
    margin: 6px 0;
    padding: 0;
}
.txt_bul {
    position: relative;
    min-height: 25px;
    padding-left: 10px;
    margin: 3px 0;
}
.list-1st dd:before, .list-1st li:before, .txt_bul:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #156da9;
    top: 12px;
    left: 0;
}
.list-2st dd:before, .list-2st li:before, .txt_bul2:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 5px;
    height: 1px;
    top: 10px;
    left: 0;
    border-radius: 0;
    background: #29323b;
}
.list-3st dd:before, .list-3st li:before, .txt_bul3:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    border: solid #666;
    border-width: 1px 1px 0 0;
    background: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.list-1st dd, .list-1st li, .list-2st dd, .list-2st li, .list-3st dd, .list-3st li {
    position: relative;
    min-height: 25px;
    padding-left: 10px;
    margin: 3px 0;
}


/* 박스 */
.box_1st {
    position: relative;
    padding: 2.7rem 2.4rem;
    border: 0px;
    background: #f6faff;
}
.box_1st.wbule {
    background: #e8eef8;
    border-radius: 8px;
}
.box_2st {
    position: relative;
    padding: 2.7rem 2.4rem;
    border: 1px dashed #bfbfbf;
    background: #fff;
}
.box_2st.darkPbak {
    color: #fff;
    border-radius: 8px;
    background: #6166a0 url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/pattern_01.png') repeat;
}
.box_3st {
    position: relative;
    padding: 2.7rem 2.4rem;
    border: 1px solid #bfbfbf;
    background: #f8f8f8;
}
.box_4st {
    padding: 5px;
    background: url("https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/patt_box.png") repeat;
}
.box_4st .inner {
    position: relative;
    padding: 2.7rem 2.4rem;
    background: #fff;
}
.box_5st {
    position: relative;
    padding: 2.7rem 2.4rem;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}
.box_6st {
    position: relative;
    padding: 2.7rem 2.4rem;
    border: 1px solid #e8e9ee;
    background: #fff;
}
.box_1st .list-1st, .list-2st, .list-3st {
    font-size: var(--krds-pc-font-size-body-small);
}
.box_1st .list-1st dd:before, .list-1st li:before, .txt_bul:before {
    top: 10px;
}


/* sectionIntro_layout */
.sectionIntro {
    position: relative;
    display: block;
    clear: both;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 80px 0 60px;
    overflow: hidden;
}
.sectionIntro:nth-child(odd) {
    background-color: #fff;
}
.sectionIntro:nth-child(even) {
    background-color: #f7f7f7;
}
.sectionIntro .sectionInner {
    width: 100%;
    max-width: 1200px;
    position: relative;
    display: block;
    margin: 0 auto;
}


/* step_box */
.step_box {
    margin-top: 20px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}
.step_box ul {
    overflow: hidden;
}
.step_box > ul > li {
    position: relative;
    float: left;
    width: 25%;
    min-height: 220px;
    border-right: 1px dashed #eaeaea;
    border-bottom: 0px solid #eaeaea;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.step_box > ul > li:last-child {
    border-right: 0;
}
.step_box > ul > li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -17px;
    width: 34px;
    height: 34px;
    margin: -17px 0 0 0;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/ico_step_arrow2.png') no-repeat left top;
    z-index: 1;
}
.step_box > ul > li:first-child:after {
    display: block;
}
.step_box > ul > li:last-child:after {
    display: none;
}
.step_inner {
    padding: 28px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.step_inner .step01 {
    display: inline-block;
    min-width: 85px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    padding: 0 14px;
    border-radius: 15px;
    font-size: var(--krds-pc-font-size-body-small);
    color: #fff;
    background-color: #11881f;
    background-image: linear-gradient(135deg,#11881f 10%,#156da9 90%);
}
.step_inner .stit {
    font-size: 30px;
    color: #efefef;
    line-height: 1;
    display: block;
    margin: 10px 0;
}
.step_inner dl dt {
    margin-top: 20px;
    font-size: var(--krds-pc-font-size-body-medium);
    font-weight: var(--krds-typo-font-weight-bold);
    color: #333;
    text-align: center;
}
.step_inner dl dd {
    margin-top: 17px;
    text-align: left;
}
.step_inner dl dd ul.lst_dash li {
    font-size: var(--krds-pc-font-size-body-small);
}
.step_inner dl dd ul.lst_dash li:first-child {
    margin-top: 0;
}
.step_inner dl dd ul.lst_dash li a {
    color: #0265d1;
}
.step_inner dl dd ul.lst_dash li a:hover {
    text-decoration: underline;
}
.step_inner .txtCon {
    font-size: var(--krds-pc-font-size-body-small);
    letter-spacing: -.05em;
}
.step_inner .txtCon span {
    font-size: var(--krds-pc-font-size-body-medium);
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}
.step_box.openData .txtCon:before {
    content: "";
    display: block;
    margin: auto;
    width: 80px;
    height: 80px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/ico_openData.png');
    background-repeat: no-repeat;
    background-size: 320px;
}
.step_box.openData li:nth-child(1) .txtCon::before {
    background-position: 0 0;
}
.step_box.openData li:nth-child(2) .txtCon::before {
    background-position: -80px 0;
}
.step_box.openData li:nth-child(3) .txtCon::before {
    background-position: -160px 0;
}
.step_box.openData li:nth-child(4) .txtCon::before {
    background-position: -240px 0;
}



/* 리스트 */
.list_bar {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    margin: 0 !important;
}
.list_bar > li {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--krds-pc-font-size-body-small);
    padding-left: 15px !important;
    color: #545454 !important;
    margin-bottom: .3rem;
    word-break: keep-all;
    font-weight: 400 !important;
}
.list_bar > li:before {
    position: absolute;
    top: 11px;
    left: 4px;
    content: '';
    display: inline-block;
    width: 5px;
    height: 1px;
}
.list_bar > li:last-child {
    margin-bottom: 0;
}

.list_dot {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: .8rem;
    text-align: left;
    font-weight: 300;
}
.list_dot > li {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--krds-pc-font-size-body-small);
    margin-bottom: .3rem;
    font-weight: 400 !important;
    padding-left: 12px !important;
    color: #545454 !important;
}
.list_dot > li:before {
    position: absolute;
    top: 11px;
    left: 2px;
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #E22631;
    color: #999;
}
.list_dot > li:last-child {
    margin-bottom: 0;
}

.list_number {
    display: inline-block;
    width: 100%;
    margin-bottom: .8rem;
    text-align: left;
}
.list_number > li {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--krds-pc-font-size-body-small);
    margin-bottom: .3rem;
    padding-left: 30px !important;
    color: #545454 !important;
    word-break: keep-all;
}
.list_number > li .num {
    position: absolute;
    top: 0px;
    left: 2px;
    display: inline-block;
    font-size: 12px;
    width: 21px;
    height: 21px;
    background-color: #4a506b;
    color: #fff;
    border-radius: 25px;
    text-align: center;
    line-height: 21px;
    letter-spacing: 0;
}
.list_number > li:last-child {
    margin-bottom: 0;
}


/* 리스트_in리스트 */
.list_cont > li {
    display: block;
    position: relative;
    color: #555;
    font-size: var(--krds-pc-font-size-body-small);
}
.list_cont > li:after {
    display: block;
    content: '';
    clear: both;
}
.list_cont > li strong {
    vertical-align: baseline;
}
.list_cont > li b {
    display: block;
    font-size: var(--krds-pc-font-size-body-medium);
    margin-bottom: 3px;
}
ol.list_cont > li {
    padding: 2px 0 2px 10px !important;
    text-align: left;
}
.list_cont.ldot {
    margin-left: 0;
}
.list_cont.ldot > li {
    padding: 2px 0 2px 10px !important;
    text-align: left;
    background: none;
}
.list_cont.ldot > li:before {
    display: block;
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #484848;
}
.list_cont.lbar > li {
    padding: 2px 0 2px 10px !important;
    text-align: left;
    background: none;
}
.list_cont.lbar > li:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 5px;
    height: 1px;
    background: #464646;
}
.list_cont.larr > li {
    padding: 2px 0 2px 10px !important;
    text-align: left;
    background: none;
}
.list_cont.larr > li:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    border-left: 3px solid #1f4a6f;
}
.list_cont.ldot > li .list_cont.lbar {
    margin: 3px 0;
}
.list_cont.ldot > li .list_cont.lbar > li, .list_cont.ldot > li .list_cont.lbar > li strong {
    font-size: var(--krds-pc-font-size-body-small);
    color: #555;
}
.list_cont.col2 > li {
    width: 50%;
    float: left;
    display: inline-block;
    min-height: 100px;
}


/*accordian-콘텐츠*/
/* toggle */
.toggle-list {margin: 30px auto;border-top: 2px solid #105bd5;}
.toggle-list.gray-line {border-top:1px solid #dfe0e6;}
.toggle-list > ul > li {border-bottom:1px solid #dfe0e6; background:#ffffff;}
.toggle-list > ul > li button {position:relative;padding:0 20px; min-height: 60px; text-align:left; background:#ffffff; font-size:20px; color:#000000; width:100%;}
.toggle-list > ul > li button span {position:relative; display:block; padding-left:6px; padding-right: 50px; font-size: var(--krds-pc-font-size-body-large);}
.toggle-list > ul > li button strong { font-size: var(--krds-pc-font-size-body-large); font-weight: normal;}
.toggle-list > ul > li.current button span {font-size: 24px;font-weight:500;}
.toggle-list > ul > li.current button span .point1 {font-size:24px;font-weight:600;color:#115cd6;letter-spacing:-1px;}
.toggle-list > ul > li button span:after {position:absolute; content:''; right:3px; top:50%; margin-top:-10px; transform:rotate(-45deg); width:16px; height:16px; border-bottom:2px solid #777576; border-left:2px solid #777576;}
.toggle-list > ul > li.current button em {position: absolute; left:20px; top: 50%; margin-top: -19px; width:38px; height:38px; line-height: 38px; text-align:center; font-size:18px; color:#fff; z-index: 1;}
.toggle-list > ul > li.current button em:before {position:absolute; content:''; top: 50%;  margin-top: -19px; left:0; width:38px; height:38px; border-radius:50%; background:#596fd6; z-index: -1; }
.toggle-list > ul > li.current {background:#f2f4f7;}
.toggle-list > ul > li.current button {/*background:#f2f4f7;*/ border-bottom:1px solid #dfe0e6; }
.toggle-list > ul > li.current button span:after {position:absolute; content:''; margin-top:-3px; transform:rotate(135deg); border-color:#2a2a2e;}
.toggle-list > ul > li .accoCont {position:relative;display: none; padding:30px 30px; font-size:16px; line-height:26px; color:#555555; background:#f9f9f9;}
.toggle-list > ul > li.current .accoCont{display: block;}
.toggle-list > ul > li .accoCont .rda_content.active {background:transparent !important;}

.rda_smfarm .h5_title{font-size:20px;font-weight:600;letter-spacing:-1px;}
.rda_smfarm .obj_text_S1{margin:15px 0 20px;}
.rda_smfarm .obj_text_S1 .eX {position:relative; font-weight: var(--krds-typo-font-weight-regular);}
.rda_smfarm .obj_text_S1 .eX:before {content: "*"; position: absolute; left: 0; top: 0; color:#f10b0b;}
.rda_smfarm .obj_text_S1 .eX p {padding-left:10px; }
.rda_smfarm .obj_text_S1 .eX em {position:relative; margin: 5px 0;z-index: 1; }	
.rda_smfarm .obj_text_S1 .eX em:after {content: ''; display: inline-block; position:absolute; left:0;bottom:3px; z-index:-1; width: 100%; height:4px; background:#fff600;}
.rda_smfarm .obj_text_S1 ul li{position:relative;display:block;padding-left: 20px;font-size:17px;font-weight:400;letter-spacing:-0.05em;color:#646464;margin:2.7rem 0.5rem 2.7rem 0;}
.rda_smfarm .obj_text_S1 ul li em.i {font-family:Tahoma, Geneva, sans-serif;}
.rda_smfarm .obj_text_S1 ul li i{content: '';width: 6px;height: 6px;position: absolute;left: 6px;top: 10px;margin: 0 auto;/* border:3px solid #596fd6; */background: #105bd5;border-radius:20px;}
.rda_smfarm .obj_text_S1 ul li p{font-size:14px; padding-left:10px; position:relative; margin: 2px 0; font-weight: 300;}	
.rda_smfarm .obj_text_S1 ul li p:before {content: ""; position: absolute; background: #225898; width:2px; height: 2px; left: 2px; top: 12px;}
.rda_smfarm .obj_text_S1 ul li p.pointT {font-size:0.85em;color:#f35000;position: relative;padding-left:10px;}
.rda_smfarm .obj_text_S1 ul li p.pointT:before {content: "*"; position: absolute; left: 0; top: 0;background: transparent;}
.rda_smfarm .obj_text_S1 ul li p em {display:block;padding-left:10px; font-size:13px; position:relative; margin: 5px 0; font-weight: 300;}
.rda_smfarm .obj_text_S1 ul li p em:before {content: "*"; position: absolute; left: 0; top: 0; color: #646464;}
.rda_smfarm .obj_text_S1 ul li .pointP{color:#115cd6; font-weight: var(--krds-typo-font-weight-regular);}
.rda_smfarm .obj_text_S1 ul li dl{margin-bottom:10px;}
.rda_smfarm .obj_text_S1 ul li dl dt{font-size:17px;font-weight:400;letter-spacing:-0.05em;}
.rda_smfarm .obj_text_S1 ul li dl dd {font-size:15px; position:relative; width:100%;font-weight:300;padding-left:12px; margin:8px 0 4px 0; padding-bottom:0;}
.rda_smfarm .obj_text_S1 ul li dl dd:before {content: ""; position: absolute; background: #225898; width: 4px; height: 1px; left: 2px; top: 11px;}
.rda_smfarm .obj_text_S1 ul li dl dd p{font-size:14px; padding-left:10px; position:relative; margin: 5px 0; }	
.rda_smfarm .obj_text_S1 ul li dl dd p:before {content: ""; position: absolute; background: #225898; width:1px; height: 1px; left: 2px; top: 10px;}
.rda_smfarm .obj_text_S1 ul li dl dd em {display:block;padding-left:10px; font-size:13px; position:relative; margin: 5px 0; font-weight: 300;}
.rda_smfarm .obj_text_S1 ul li dl dd em:before {content: "*"; position: absolute; left: 0; top: 0; color: #646464;}
.rda_smfarm .obj_text_S1 ul li dl dd .pointP{color:#115cd6; font-weight: var(--krds-typo-font-weight-regular);}
.rda_smfarm .obj_text_S1 ul li span.hit{font-weight:500;/* font-size:17px; */}



/* 준비중, 에러 메시지, 안내 페이지 */
.message-wrap {
    width: 100%;
    text-align: center;
    font-size: var(--krds-pc-font-size-body-small);
    padding: 100px 0;
    letter-spacing: -.05em;
}
.message-wrap .tit {
    font-size: 1.55rem;
    font-weight: var(--krds-typo-font-weight-bold);
    letter-spacing: -.05em;
    margin: 15px 0;
    color: #175aaf;
}
.message-wrap a {
    min-width: 100px;
}
.message-wrap a.bp-btn {
    background: #175aaf;
}
.message-wrap a.bp-btn span {
    color: #fff;
}
.message-wrap:before {
    content: "";
    display: block;
    width: 260px;
    height: 180px;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/message_sprite.png') no-repeat;
    margin: 0 auto 30px;
}
.message-wrap.wait:before {
    background-position: 0 0;
}
.message-wrap.error:before {
    background-position: 0 -180px;
}
.message-wrap.info:before {
    background-position: 0 -360px;
}



/* table */
.tbl-wrap.table_scroll {
    margin-bottom: 1em;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling : touch;
}
.tbl-wrap .tbl {
    border-top: 1px solid #899097;
    font-size: var(--krds-pc-font-size-body-medium);
    letter-spacing: -.03em;
}
.tbl-wrap .tbl th, .tbl-wrap .tbl td {
    padding: .8rem;
    border-bottom: 1px solid #dedede;
    vertical-align: middle;
}
.tbl-wrap .tbl th + th, .tbl-wrap .tbl th + td, .tbl-wrap .tbl td + td {
    border-left: 1px solid #dedede;
}
.tbl-wrap .tbl th {
    background-color: #f6f8fa;
    color: #2e2d2e;
}
.tbl-wrap .tbl td {
    background-color: #fff;
    font-size: 95%;
}
.tbl-wrap .tbl.col th, .tbl-wrap .tbl.col td {
    text-align: center;
}
.tbl-wrap .tbl td.subject {
    text-align: left;
}
.tbl-wrap .tbl.first-left tbody tr td:first-child {
    text-align: left;
}
.tbl-wrap .tbl.last-left tbody tr td:last-child {
    text-align: left;
}



/* contIn-photo */
.contIn-photo h4.contTitle {
    margin-top: 2rem;
}
.contIn-photo h4.contTitle:first-child {
    margin-top: 0
}
.contIn-photo ul {
    overflow: hidden;
    margin-left: -.8%;
    margin-right: -.8%;
}
.contIn-photo li {
    position: relative;
    float: left;
    width: 25%;
    padding: .8%;
}
.contIn-photo ul.col3 li {
    width: 33.333%;
}
.contIn-photo li a,.contIn-photo li div {
    display: block;
}
.contIn-photo li a .thumB,.contIn-photo li div .thumB {
    position: relative;
    overflow: hidden;
    display: block;
    height: 186px;
    max-height: 186px;
    border-radius: 6px;
    background-color: #e3e3e3
}
.contIn-photo ul.col3 li a .thumB,.contIn-photo ul.col3 li div .thumB {
    height: 255px;
    max-height: 255px;
}
.contIn-photo li a .thumB img, .contIn-photo li div .thumB img {
    width: 100%;
    height: 100%;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}
.contIn-photo li a:hover .thumB img {
    -moz-transform: scale(1.08) rotate(0.1deg);
    -ms-transform: scale(1.08) rotate(0.1deg);
    -o-transform: scale(1.08) rotate(0.1deg);
    transform: scale(1.08) rotate(0.1deg);
}
.contIn-photo li .imgTit {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: 300;
    letter-spacing: -0.03rem;
    padding: .3rem.5rem;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}



/* 이달의 식재료 */
.foodReser_wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: left;
    margin: 0 auto 3rem;
}
.foodReser_wrap .foodlist:after {
    display: block;
    content: '';
    clear: both;
}
.foodReser_wrap .foodlist li {
    float: left;
    width: 33.3333%;
    text-align: center;
    box-sizing: border-box;
}
.foodReser_wrap .foodlist li a {
    position: relative;
    display: block;
}
.foodReser_wrap .foodlist li a:after {
    content: '';
    width: 100%;
    height: 48px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(to bottom,rgba(32,32,32,0) 0,rgba(32,32,32,0.7) 100%);
}
.foodReser_wrap .foodlist li .pimg {
    display: block;
    width: 100%;
    overflow: hidden;
    max-height: 188px;
    border-radius: 6px;
}
.foodReser_wrap .foodlist li img {
    width: 100%;
    max-width: 100%;
    border-radius: 6px;
}
.foodReser_wrap .foodlist li .txt_mask {
    position: absolute;
    display: block;
    left: 0;
    bottom: 8px;
    padding: 0 2.7rem;
    text-align: left;
    z-index: 1;
    width: 100%;
    color: #fff;
    font-size: var(--krds-pc-font-size-body-small);
    letter-spacing: -0.03rem;
}
.foodReser_wrap .bx-controls-direction {
    top: 0;
    width: 100%;
}
.foodReser_wrap .bx-controls-direction .bx-prev {
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
    background: rgba(0,0,0,0.2);
    border-radius: 0 8px 8px 0;
    z-index: 99;
}
.foodReser_wrap .bx-controls-direction .bx-next {
    display: block;
    position: absolute;
    right: 0;
    width: 30px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
    background: rgba(0,0,0,0.2);
    border-radius: 8px 0 0 8px;
    z-index: 99;
}
.foodReser_wrap .bx-controls-direction .bx-prev:hover, .foodReser_wrap .bx-controls-direction .bx-next:hover {
    background: rgba(0,0,0,0.5);
}
.foodReser_wrap .bx-controls-direction .bx-prev:after {
    display: block;
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg);
    transition: transform 150ms ease-in-out;
}
.foodReser_wrap .bx-controls-direction .bx-next:after {
    display: block;
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    transition: transform 150ms ease-in-out;
}



/* 음식 설명 */
.contSummary h3.subTitle {
    font-size: var(--krds-pc-font-size-heading-medium);
    font-weight: 300;
    color: #888
}
.contSummary dl.dl {
    border-bottom: 0;
}
.contSummary dt.subTit, .contSummary h4.subTit {
    position: relative;
    padding: 0;
    padding-left: 24px;
    font-size: var(--krds-pc-font-size-body-large);
    margin: 20px 0;
    letter-spacing: -0.05em;
}
.contSummary dt.subTit:before, .contSummary h4.subTit:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 1px;
    width: 16px;
    height: 16px;
    border: 5px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0)), linear-gradient(101deg, rgba(0,209,197,1) 0%,rgba(5,70,204,1) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 2000px 1px #fff inset;
}
.contSummary dt.contTit, .contSummary h4.contTit {
    display: block;
    position: relative;
    padding: 0;
    padding-left: 20px;
    margin-bottom: 2.7rem;
    color: #156da9;
    font-size: var(--krds-pc-font-size-heading-small);
    letter-spacing: -0.06em;
    text-align: left;
}
.contSummary dt.contTit span, .contSummary h4.contTit span {
    color: #333;
}
.contSummary dt.contTit:before, .contSummary h4.contTit:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 11px;
    height: 5px;
    margin-bottom: .3rem;
    background-color: #156da9;
    background-image: linear-gradient(135deg,#156da9 0%,#11881f 100%);
}
.contSummary dd.contText {
    clear: both;
    margin-bottom: 2.4rem;
    padding-left: 1.2rem;
    font-size: var(--krds-pc-font-size-body-small);
    color: #676767;
}
.contSummary dd.contText:last-child {
    padding-bottom: 2.4rem;
    border-bottom: 1px dashed #ddd;
}
.contSummary .type_Basic + .txtlist {
    margin-top: 2.7rem;
}
.contSummary .txtlist ul li br {
    display: none;
}
.contSummary .txtlist ul li span {
    display: inline-block;
    position: relative;
    padding: 0;
    padding-left: 20px;
    margin-bottom: .5rem;
    color: #156da9;
    font-size: var(--krds-pc-font-size-body-large);
    letter-spacing: -0.06em;
    text-align: left;
}
.contSummary .txtlist ul li span:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 11px;
    height: 5px;
    margin-bottom: .3rem;
    background-color: #156da9;
    background-image: linear-gradient(135deg,#156da9 0%,#11881f 100%);
}
.contSummary .txtlist ul li p {
    padding-left: 20px;
    font-size: var(--krds-pc-font-size-body-medium);
    letter-spacing: -0.06em;
}



/* contWrap */
.cont {
    clear: both;
    font-size: var(--krds-pc-font-size-body-small);
    letter-spacing: -.03em;
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
    border-bottom: 1px dashed #ddd;
}
.cont > ul:after {
    display: block;
    clear: both;
    visibility: hidden;
    content: '';
}
.cont > ul > li {
    position: relative;
    margin-left: 1%;
}
.cont > ul > li strong {
    display: block;
    color: #2f2f2f;
    font-size: var(--krds-pc-font-size-body-medium);
}
.cont > ul > li strong span {
    display: block;
    font-weight: normal;
    color: #545454;
}
.cont > ul > li p {
    color: #545454;
}
.cont > p strong {
    display: block;
    color: #2f2f2f;
    font-size: var(--krds-pc-font-size-body-medium);
}
.cont > p em {
    position: relative;
    display: inline-block;
    z-index: 0;
    color: #2055a3;
}
.cont > p em:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 6px;
    background: #e2edf8;
}
.cont > ul > li em {
    position: relative;
    display: inline-block;
    z-index: 0;
    color: #2055a3;
    
}



/* 교육안내 */
.contIcon_list.typeA {
    font-size: var(--krds-pc-font-size-body-small);
}
.contIcon_list.typeA > ul {
    margin: -.3%
}
.contIcon_list.typeA > ul:after {
    content: '';
    display: block;
    clear: both;
}
.contIcon_list.typeA > ul > li {
    width: 25%;
    float: left;
    position: relative;
    padding: .3%;
}
.contIcon_list.typeA > ul > li dl {
    border: 1px solid #d9d9d9;
    padding: 25px;
    min-height: 520px;
}
.contIcon_list.typeA > ul > li dt {
    display: block;
    margin: auto;
    color: #2f2f2f;
    font-size: var(--krds-pc-font-size-body-large);
    margin-bottom: 10px;
    text-align: center;
    letter-spacing: -.05em;
}
.contIcon_list.typeA > ul > li dt .i {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #2159b3;
    background: linear-gradient(180deg,#18a3c2,#2159b3);
    text-align: center;
    font-size: var(--krds-pc-font-size-body-small);
    color: #fff;
}
.contIcon_list.typeA > ul > li dt .i:before, .contIcon_list.typeA > ul > li dt .i:after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    border-left: 9px solid #fff;
    border-right: 9px solid #fff;
}
.contIcon_list.typeA > ul > li dt .i:before {
    top: 0;
    border-bottom: 9px solid #1a8bbd;
}
.contIcon_list.typeA > ul > li dt .i:after {
    bottom: 0;
    border-top: 9px solid #1e69b6;
}
.contIcon_list.typeA > ul > li dt span {
    display: block;
}
.contIcon_list.typeA > ul > li dd p {
    color: #545454;
}
.contIcon_list.typeA > ul > li dd p + p {
    margin-top: 10px;
}
.contIcon_list.typeA > ul > li dd p span {
    display: block;
    color: #676767;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: 300;
}
.contIcon_list.typeA > ul > li dd em {
    position: relative;
    display: inline-block;
    z-index: 0;
    color: #2055a3;
    
}
.contIcon_list.typeA > ul > li dd em:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 6px;
    background: #e2edf8;
}
.contIcon_list.edu {
    letter-spacing: -.05em;
}
.contIcon_list.edu > ul > li dl:before {
    content: '';
    display: block;
    width: 100px;
    height: 70px;
    margin: 30px auto;
    background-repeat: no-repeat;
    background-size: 400px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/ico_edu.png');
}
.contIcon_list.edu > ul > li:nth-child(1) dl:before {
    background-position: 0 0;
}
.contIcon_list.edu > ul > li:nth-child(2) dl:before {
    background-position: -100px 0;
}
.contIcon_list.edu > ul > li:nth-child(3) dl:before {
    background-position: -200px 0;
}
.contIcon_list.edu > ul > li:nth-child(4) dl:before {
    background-position: -300px 0;
}

.listIcon {
    letter-spacing: -.03em;
}
.listIcon > ul:after {
    display: block;
    clear: both;
    visibility: hidden;
    content: '';
}
.listIcon > ul > li strong {
    display: block;
    color: #2f2f2f;
    font-size: var(--krds-pc-font-size-body-medium);
}
.listIcon > ul > li strong span {
    display: block;
    font-weight: normal;
    color: #545454;
}
.listIcon > ul > li p {
    font-size: var(--krds-pc-font-size-body-small);
    color: #545454;
}
.listIcon.typeA {
    border-top: 2px solid #3a67b9;
}
.listIcon.typeA > ul {
    border-bottom: 1px solid #d9d9d9;
}
.listIcon.typeA > ul > li {
    position: relative;
    padding: 20px;
    overflow: hidden;
    border-bottom: 1px dashed #d9d9d9;
}
.listIcon.typeA > ul > li:last-child {
    border: none;
}
.listIcon.typeA > ul > li .ico {
    position: absolute;
    left: 25px;
    top: 30px;
}



/* 공공Data신청 */
.dataInfo {
    position: relative;
    display: block;
}
.dataInfo i.iCo {
    position: relative;
    display: inline-block;
    left: 0;
    float: left;
    width: 80px;
    margin: auto;
    margin-right: 12px;
    overflow: hidden;
    box-sizing: border-box;
    vertical-align: middle;
}
.dataInfo i.iCo:before {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 50px;
    margin: auto;
    background-image: url("https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/openDataIcon.png");
    background-size: 480px auto;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}
.dataInfo i.iCo.iF01:before {
    background-position: 0 0;
}
/* 품종 */
.dataInfo i.iCo.iF02:before {
    background-position: -80px 0;
}
/* 농업기술 */
.dataInfo i.iCo.iF03:before {
    background-position: -160px 0;
}
/* 농업경영 */
.dataInfo i.iCo.iF04:before {
    background-position: -240px 0;
}
/* 농자재 */
.dataInfo i.iCo.iF05:before {
    background-position: -320px 0;
}
/* 생활문화 */
.dataInfo i.iCo.iF06:before {
    background-position: -400px 0;
}
/* 기타정보 */
.dataInfo i.iCo em {
    position: relative;
    display: block;
    text-align: center;
    font-size: var(--krds-pc-font-size-body-xsmall);
    margin: auto;
    padding-top: 45px;
    
}
.dataInfo .infoTxt {
    position: relative;
    width: 78%;
    float: left;
}
.dataInfo .infoTxt strong {
    display: block;
    color: #2f2f2f;
    font-size: var(--krds-pc-font-size-body-medium);
    
}
.dataInfo .infoTxt p {
    font-size: var(--krds-pc-font-size-body-small);
    color: #545454;
    display: -webkit-box;
}
.dataInfo .infoTxt:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #eee;
}
.dataInfo .infoBtn {
    display: inline-block;
    width: 22%;
    padding-left: 20px;
}
.dataInfo .infoBtn dl {
    font-size: var(--krds-pc-font-size-body-small);
}
.dataInfo .infoBtn dt {
    float: left;
    font-size: var(--krds-pc-font-size-body-small);
    line-height: 34px;
    vertical-align: middle;
    width: 74px;
    display: inline-block;
}
.dataInfo .infoBtn span.btnArea {
    display: inline-flex;
}
.dataInfo .infoBtn span.btnArea .btn {
    font-size: var(--krds-pc-font-size-body-xsmall);
    min-width: auto;
    height: 26px;
    line-height: 24px;
    font-weight: 300;
}
.dataInfo .infoBtn span.btnArea .btn.down {
    display: block;
    
}


/* dataOpan_list_공공Data신청 */
div.dataOpan_list h3.icoTitle {
    position: relative;
    vertical-align: middle;
    margin: 30px auto 18px;
}
div.dataOpan_list h3.icoTitle + h3.icoTitle {
    margin-top: 30px;
}
div.dataOpan_list h3.icoTitle span {
    position: relative;
    background: #fff;
    font-size: var(--krds-pc-font-size-body-medium);
    vertical-align: middle;
    padding: 0 10px;
}
div.dataOpan_list h3.icoTitle:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top : -2px;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 5px;
    border-bottom: 1px dashed #ddd;
}
div.dataOpan_list i.iCo {
    position: relative;
    display: inline-block;
    width: 40px;
    margin: auto;
    overflow: hidden;
    box-sizing: border-box;
    vertical-align: middle;
    background: #fff;
}
div.dataOpan_list i.iCo:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
    background-image: url("https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/openDataIcon_s.png");
    background-size: 240px auto;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}
div.dataOpan_list i.iCo.iF01:before {
    background-position: 0 0;
}
/* 품종 */
div.dataOpan_list i.iCo.iF02:before {
    background-position: -40px 0;
}
/* 농업기술 */
div.dataOpan_list i.iCo.iF03:before {
    background-position: -80px 0;
}
/* 농업경영 */
div.dataOpan_list i.iCo.iF04:before {
    background-position: -120px 0;
}
/* 농자재 */
div.dataOpan_list i.iCo.iF05:before {
    background-position: -160px 0;
}
/* 생활문화 */
div.dataOpan_list i.iCo.iF06:before {
    background-position: -200px 0;
}
/* 기타정보 */
div.dataOpan_list i.iCo em {
    position: relative;
    display: block;
    text-align: center;
    font-size: var(--krds-pc-font-size-body-xsmall);
    margin: auto;
    padding-top: 50px;
    
}
div.dataOpan_list ul {
    overflow: hidden;
    margin: 0 -.5%;
}
div.dataOpan_list li {
    position: relative;
    float: left;
    width: 33.333%;
    padding: .5%;
}
div.dataOpan_list li div.dataBox {
    display: block;
    overflow: hidden;
    border: 1px solid #d4d4d4;
    font-size: var(--krds-pc-font-size-body-small);
    color: #555;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    letter-spacing: -0.05em;
    transition: 0.5s;
}
div.dataOpan_list li div.dataBox .dataTxt {
    position: relative;
    display: block;
    padding: 2.7rem;
}
div.dataOpan_list li div.dataBox .dataTxt strong {
    display: block;
    color: #2159b3;
    margin-bottom: 3px;
    font-size: var(--krds-pc-font-size-body-medium);
    letter-spacing: -.05em;
}

div.dataOpan_list li div.dataBox .dataTxt strong em {
    font-size: var(--krds-pc-font-size-body-xsmall);
    font-weight: var(--krds-typo-font-weight-regular);
    color: #454545;
}
div.dataOpan_list li div.dataBox .dataTxt p {
    font-size: var(--krds-pc-font-size-body-xsmall);
    height: 44px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
div.dataOpan_list li div.dataBox .dataBtn {
    display: block;
    padding: 2.7rem;
    overflow: hidden;
    background: #f9f9f9;
}
div.dataOpan_list li div.dataBox .dataBtn dl {
    width: 50%;
    float: left;
    display: inline-block;
}
div.dataOpan_list li div.dataBox .dataBtn dt {
    position: relative;
    float: left;
    font-size: var(--krds-pc-font-size-body-xsmall);
    line-height: 32px;
    vertical-align: middle;
    width: 74px;
    padding-left: 7px;
    display: inline-block;
}
div.dataOpan_list li div.dataBox .dataBtn dl:first-child dt {
    width: 57px;
}
div.dataOpan_list li div.dataBox .dataBtn dt:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 2px;
    height: 2px;
    background: #f55d2b;
    border-radius: 4px;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
div.dataOpan_list li div.dataBox .dataBtn span.btnArea {
    display: inline-flex;
}
div.dataOpan_list li div.dataBox .dataBtn span.btnArea .btn {
    font-size: .75rem;
    min-width: auto;
    height: 26px;
    line-height: 24px;
    font-weight: 300;
    padding: 0 10px;
    margin: 2px;
    border-radius: 30px;
}
div.dataOpan_list li div.dataBox .dataBtn span.btnArea .btn.down {
    font-size: var(--krds-pc-font-size-body-xsmall);
    display: block;
}



/* CI소개 */
.ci_info {
    position: relative;
    margin: 0;
    overflow: hidden;
}
.ci_info .ci {
    border: 1px solid #dbdbdb;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/img_ci_bg.gif') left top repeat;
    padding: 4.2%;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    box-sizing: border-box;
}
.ci_info .ci img {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 30px;
}
.ci_info .ci ul {
    overflow: hidden;
    margin: -1%
}
.ci_info .ci ul li {
    width: 33.333%;
    float: left;
    position: relative;
    padding: 1%;
}
.ci_info .ci ul li img {
    width: 150px
}
.ci_info .btnArea {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}
.ci_info .btnArea .btn {
    border-radius: 6px 0;
}
.ci_info .colorWrap {
    margin-bottom: 30px;
}
.ci_info .colorWrap ul {
    overflow: hidden;
    margin: -.5%
}
.ci_info .colorWrap ul li {
    width: 33.333%;
    float: left;
    position: relative;
    padding: .5%;
}
.ci_info .colorWrap .colorArea .color_tit {
    font-size: var(--krds-pc-font-size-body-medium);
    height: 100px;
    padding: 22px;
    text-shadow: 0 0 2px rgba(0,0,0,.4);
}
.ci_info .colorWrap .colorArea .cr_blue {
    background: #00a9ff;
    color: #fff;
}
.ci_info .colorWrap .colorArea .cr_green {
    background: #8cde3f;
    color: #fff;
}
.ci_info .colorWrap .colorArea .cr_yellow {
    background: #ffc200;
    color: #fff;
}
.ci_info .colorWrap .colorArea .color_txt {
    padding: 22px;
    border: 1px solid #dadada;
    border-top: 0;
}
.ci_info .colorWrap .colorArea .color_txt dl {
    overflow: hidden;
}
.ci_info .colorWrap .colorArea .color_txt dt {
    float: left;
    display: inline-block;
    margin-right: 5px;
    font-size: var(--krds-pc-font-size-body-xsmall);
    color: #545454;
    font-weight: var(--krds-typo-font-weight-regular);
}
.ci_info .colorWrap .colorArea .color_txt dd {
    display: block;
    font-size: var(--krds-pc-font-size-body-xsmall);
    color: #676767;
    font-weight: 300;
}
.ci_info .colorWrap .colorArea .color_txt .colT {
    margin: 0;
}
.ci_info .colorWrap .colorArea .color_txt .colT li {
    width: 100%;
    display: block;
    font-size: var(--krds-pc-font-size-body-xsmall);
    color: #676767;
    font-weight: 300;
}
.ci_info .colorWrap .colorArea .color_txt .colT li strong {
    margin-right: 5px;
    font-size: var(--krds-pc-font-size-body-xsmall);
    color: #545454;
    font-weight: var(--krds-typo-font-weight-regular);
}



/* 공공Data활용기관 */
.chartWrap {
    position: relative;
    display: block;
    text-align: center;
    overflow-x: auto;
}


/* 작목정보(품종):검색 */
.cropSearchWrap {
    overflow: hidden;
    border: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 50px;
}
.cropSearchWrap .cropSearchArea {
    padding: 2rem;
}
.cropSearchWrap .cropSearchArea .inner:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
}
.cropSearchWrap .cropSearchArea .inner div {
    float: left;
    margin: 0 1%;
    margin-bottom: 5px;
    width: 48%;
}
.cropSearchWrap .cropSearchArea .inner div:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
}
.cropSearchWrap .cropSearchArea .inner div label {
    float: left;
    width: 65px;
    font-size: 16px;
    color: #2d2d2d;
    line-height: 40px;
    text-align: center;
}
.cropSearchWrap .cropSearchArea .inner div select {
    float: left;
    margin-left: 15px;
    width: 130px;
    height: 40px;
    line-height: 40px;
}
.cropSearchWrap .cropSetGroup {
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ddd;
}
.cropSearchWrap .cropSetGroup:after {
    content: '';
    display: block;
    clear: both
}
.cropSearchWrap .cropSetGroup div {
    float: left;
    margin: 0 auto;
    width: 14.2857%;
    padding: 0 .25%;
    text-align: center;
}
.cropSearchWrap .cropSetGroup button {
    display: inline-block;
    padding: 10px 0;
    width: 100%;
    font-size: var(--krds-pc-font-size-body-small);
    color: #666;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.cropSearchWrap .cropSetGroup button.cropBtn.on {
    background-color: #11881f;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
    color: #fff;
    border: 1px solid #156da9;
}
.cropSearchWrap .cropSetGroup button.on {
    color: #2055a3;
    border: 1px solid #2055a3;
}
.cropSearchWrap button.cropBtn:hover, .cropSearchWrap button.cropBtn:focus {
    border: 1px solid #156da9;
    outline: none;
}
.cropSearchWrap .cropSetGroup button i.iCo {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    overflow: hidden;
    box-sizing: border-box;
}
.cropSearchWrap .cropSetGroup button i.iCo:before {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-image: url("https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/crop-icon.png");
    background-size: 210px auto;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}
.cropSearchWrap .cropSetGroup button i.iCo.iC01:before {
    background-position: 0 0;
}
/* 식량작물 */
.cropSearchWrap .cropSetGroup button i.iCo.iC02:before {
    background-position: -30px 0;
}
/* 특용작물 */
.cropSearchWrap .cropSetGroup button i.iCo.iC03:before {
    background-position: -60px 0;
}
/* 채소 */
.cropSearchWrap .cropSetGroup button i.iCo.iC04:before {
    background-position: -90px 0;
}
/* 과수 */
.cropSearchWrap .cropSetGroup button i.iCo.iC05:before {
    background-position: -120px 0;
}
/* 화훼 */
.cropSearchWrap .cropSetGroup button i.iCo.iC06:before {
    background-position: -150px 0;
}
/* 축산 */
.cropSearchWrap .cropSetGroup button i.iCo.iC07:before {
    background-position: -180px 0;
}
/* 녹비작물 */
.cropSearchWrap .cropSetGroup button.on i.iCo.iC01:before {
    background-position: 0 -30px;
}
/* 식량작물 */
.cropSearchWrap .cropSetGroup button.on i.iCo.iC02:before {
    background-position: -30px -30px;
}
/* 특용작물 */
.cropSearchWrap .cropSetGroup button.on i.iCo.iC03:before {
    background-position: -60px -30px;
}
/* 채소 */
.cropSearchWrap .cropSetGroup button.on i.iCo.iC04:before {
    background-position: -90px -30px;
}
/* 과수 */
.cropSearchWrap .cropSetGroup button.on i.iCo.iC05:before {
    background-position: -120px -30px;
}
/* 화훼 */
.cropSearchWrap .cropSetGroup button.on i.iCo.iC06:before {
    background-position: -150px -30px;
}
/* 축산 */
.cropSearchWrap .cropSetGroup button.on i.iCo.iC07:before {
    background-position: -180px -30px;
}
/* 녹비작물 */
.cropSearchWrap .searchWord {
    width: 100%;
    display: inline-flex;
    overflow: hidden;
    background: #f8f8f8;
    padding: 20px;
    box-sizing: border-box;
}
.cropSearchWrap .searchWord .inner {
    width: 70%;
    display: inline-block;
    float: left;
}
.cropSearchWrap .searchWord .inner:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
}
.cropSearchWrap .searchWord .inner button {
    float: left;
    margin: .2rem;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: var(--krds-pc-font-size-body-small);
    color: #666;
}
.cropSearchWrap .searchWord .inner button.on {
    color: #2055a3;
    border: 1px solid #2055a3;
}
.cropSearchWrap .searchWord .inner button.conso00 {
    width: 88px;
}
.cropSearchWrap .searchWord button:hover, .cropSearchWrap .searchWord button:focus {
    border: 1px solid #156da9;
    outline: none;
}
.cropSearchWrap .searchKeyWord {
    display: inline-block;
    position: relative;
    width: 30%;
}
.cropSearchWrap .searchKeyWord span.tiT {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
}
.cropSearchWrap .searchKeyWord fieldset {
    margin: .2rem;
}
.cropSearchWrap .searchKeyWord input {
    float: left;
}
.cropSearchWrap .searchKeyWord input[type="text"] {
    width: 100%;
    height: 40px;
    display: block;
    position: relative;
    padding-right: 46px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-indent: 8px;
}
.cropSearchWrap .searchKeyWord input[type="submit"] {
    width: 50px;
    position: absolute;
    right: 0;
    height: 40px;
    vertical-align: middle;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/main/micon_search.png');
    font-size: 0;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}



/* 작목정보(품종):검색내용 */
.cropContArea {
    position: relative;
    overflow: hidden;
}
.cropConTab {
    position: relative;
}
/* depth01_Tab */
.cropConTab .depth01_Tab {
    position: relative;
    margin: 0 0 10px;
}
.cropConTab .depth01_Tab ul {
    display: table;
    width: 100%;
    border-spacing: 1px 0;
}
.cropConTab .depth01_Tab li {
    position: relative;
    display: table-cell;
}
.cropConTab .depth01_Tab.col3 li {
    width: 33.333%;
    background: #eee;
}
.cropConTab .depth01_Tab li a {
    display: block;
    padding: .8rem;
    color: #333333;
    text-align: center;
}
.cropConTab .depth01_Tab li.on a {
    color: #fff;
    background: #63676d;
}
.cropConTab .depth01_Tab li.on a:hover {
    color: #fff;
}
.cropConTab .depth01_Tab li.on a:hover,.depth01_Tab li.on a:focus,.depth01_Tab li.on a:active {
    cursor: pointer !important;
    color: #fff ;
    text-decoration: none;
}
.cropConTab .depth01_Tab button {
    display: none;
}
.cropConTab .depth02_Tab {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0 0 40px;
}
.cropConTab .depth02_Tab ul {
    overflow: hidden;
}
.cropConTab .depth02_Tab ul li {
    position: relative;
    float: left;
    display: inline-block;
    text-align: center;
    padding: .4rem 2.7rem;
}
.cropConTab .depth02_Tab ul li a {
    display: block;
    font-weight: 300;
    color: #666;
}
.cropConTab .depth02_Tab ul li:nth-child(even):after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 14px;
    top: 12px;
    left: 0;
    background: rgba(0,0,0,.1);
}
.cropConTab .depth02_Tab ul li.on a {
    color: #156da9;
}
.tab_conts div + div {
    margin-top: 3rem;
}



/* 작목정보(품종) 선택 */
.cropSearchArea .desc-items {
    display: none;
    margin: 2.4rem auto 0;
    font-size: var(--krds-pc-font-size-body-small);
    color: #666;
}
.cropSearchArea .desc-items .colList {
    overflow-y: auto;
    height: 118px;
    height: 118px;
}
.cropSearchArea .desc-items .colList li {
    float: left;
    position: relative;
    width: 16.6666%;
    padding: .25%;
    display: inline-block;
}
.cropSearchArea .desc-items .colList li a {
    text-align: center;
    display: block;
    padding: .25rem;
    border: 1px dashed #b6c2ce;
    border-radius: 4px;
}
.cropSearchArea .desc-items .colList li a:hover {
    background: #f6f8fa;
}
.cropSearchArea .desc-items .colList li.active a {
    color: #fff;
    background: #156da9;
    border: 1px solid #156da9;
}
.cropSearchArea .desc-items.in {
    display: block;
}
.cropSearchArea .desc-items .itemsGrid.selected .colList {
    height: 100%;
}
.cropSearchArea .desc-items .itemsGrid .more-view span:after {
    width: 9px;
    height: 9px;
    margin-top: -7px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: #444;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



/* 제품정보 */
.cropDiv .cropDivTab {
    position: relative;
    margin: 10px auto 45px;
    width: 100%;
    text-align: center
}
.cropDiv .cropDivTab .cropTabs {
    display: table;
    margin: 0 auto;
}
.cropDiv .cropDivTab .cropTabs button {
    position: relative;
    display: table-cell;
    text-indent: 1.2rem;
    width: 300px;
    height: 54px;
    color: #666;
    background: #f2f2f2;
    text-align: left;
    vertical-align: middle
}
.cropDiv .cropDivTab .cropTabs button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 90%;
    display: block;
    width: 14px;
    height: 2px;
    background: #b4b4b4;
    margin: -1px 0 0 -7px;
}
.cropDiv .cropDivTab .cropTabs button:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 90%;
    display: block;
    width: 2px;
    height: 14px;
    background: #b4b4b4;
    margin: -7px 0 0 -1px;
}
.cropDiv .cropDivTab .cropTabs select {
    position: relative;
    padding: 0 1.2rem;
    width: 300px;
    height: 54px;
    color: #666;
    background: #f2f2f2 url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/select_Plus.png') center right 8% no-repeat;
    text-align: left;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}
.cropDiv .cropDivTab .cropTabs select::-ms-expand {
    display: none;
}
.cropDiv .cropDivTab .cropTabs select:hover {
    background-color: #11881f;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
    color: #fff;
}
.cropDiv .cropDivTab .cropTabs button.on {
    color: #fff;
    background-color: #11881f;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
}
.cropDiv .cropDivTab .cropTabs button.on:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 90%;
    display: block;
    width: 14px;
    height: 2px;
    background: #fff;
    margin: -1px 0 0 -7px;
}
.cropDiv .cropDivTab .cropTabs button.on:after {
    content: none;
}
.cropDiv .cropDivTab .cropTabs button + button {
    border-left: 1px solid #fff
}
.cropDiv .cropDivTab .cropTabs button.on + a {
    border-left: 1px solid #11881f
}
.cropDiv .cropDivTab .cropTabs button + button.on {
    background-color: #11881f;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
}
.cropDiv .cropDivTab .twoD {
    position: absolute;
    top: 54px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background: #fff;
    border: 1px solid #5bae2a;
    overflow: hidden;
    z-index: 2;
    display: none
}
.cropDiv .cropDivTab .typeA .clickArea {
    padding: 14px 9px;
    overflow: hidden
}
.cropDiv .cropDivTab .typeA a {
    position: relative;
    float: left;
    min-width: 180px;
    padding: 0 20px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    color: #666
}
.cropDiv .cropDivTab .typeA a:after {
    content: '';
    display: block;
    position: absolute;
    top: 17px;
    left: 100%;
    width: 1px;
    height: 16px;
    background: #eee
}
.cropDiv .cropDivTab .typeA a.on {
    color: #fff;
    background: #5bae2a
}
.cropDiv .cropDivTab .typeA a.on:after {
    display: none
}
.cropDiv .cropDivTab .typeB .clickArea {
    padding: 40px 80px;
    overflow: hidden
}
.cropDiv .cropDivTab .typeB .tit {
    font-size: var(--krds-pc-font-size-body-large);
    text-align: center
}
.cropDiv .cropDivTab .typeB .choiceD {
    margin: 20px auto 25px;
    height: 130px;
    overflow-y: auto;
}
.cropDiv .cropDivTab .typeB .choiceD:after {
    content: '';
    display: block;
    clear: both
}
.cropDiv .cropDivTab .typeB .choiceD > div {
    position: relative;
    float: left;
    width: 16.666%;
    padding: 0 .5%;
    background: #fff;
    text-align: left
}
.cropDiv .cropDivTab .typeB .choiceD > div button {
    position: relative;
    width: 100%;
    display: block;
    padding: 8px 15px 8px 10px;
    font-size: 16px;
    line-height: 22px;
    color: #555;
    border: 1px solid #e1e1e1;
}
.cropDiv .cropDivTab .typeB .btnSch {
    display: inline-block;
    margin: 0 2px;
    width: 94px;
    height: 45px;
    font-size: var(--krds-pc-font-size-body-large);
    line-height: 45px;
    color: #fff;
    background: #54a922;
    text-align: center
}
.cropDiv .cropDivTab .typeB .reset {
    display: inline-block;
    margin: 0 2px;
    width: 94px;
    height: 45px;
    font-size: var(--krds-pc-font-size-body-large);
    line-height: 43px;
    color: #555;
    border: 1px solid #666;
    text-align: center
}



/* category_form_wrap */
.category_form_wrap {
    position: relative;
    margin: 2rem 0;
    background-color: #fff
}
.sub_content>.category_form_wrap:first-child {
    margin-top: 0
}
.category_form_wrap .inner {
    position: relative
}
.category_form_wrap .label_wrap {
    display: none;
    border: 1px solid #156da9
}
.category_form_wrap .label {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 2.4rem 0 1.2rem;
    font-size: var(--krds-pc-font-size-body-medium);
    text-align: left
}
.category_form_wrap .label:after {
    display: block;
    content: '';
    position: absolute;
    right: 16px;
    top: 18px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #444;
    border-right: 2px solid #444;
    transform: rotate(45deg);
    transition: transform 150ms ease-in-out;
}
.category_form_wrap .category_form_link.open {
    display: block;
}
.category_form_wrap .category_form_link {
    display: table;
    width: 100%;
    table-layout: fixed
}
.category_form_wrap .category_form_item {
    display: table-cell;
    position: relative;
    width: 100%;
    height: 50px;
    padding: 2.7rem 0;
    font-size: var(--krds-pc-font-size-body-medium);
    color: #494949;
    border: 1px solid #dcdcdc;
    border-left-color: #fff;
    border-bottom-color: #666;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    border-right: none;
    vertical-align: middle;
}
.category_form_wrap .category_form_item a {
    display: block;
    border-right: 1px solid #dcdcdc;
}
.category_form_wrap .category_form_item:last-child a {
    border-right: none;
}
.category_form_wrap .category_form_item:first-child {
    border-left-color: #dcdcdc
}
.category_form_wrap .category_form_item:last-child {
    border-right: 1px solid #dcdcdc;
}
.category_form_wrap .category_form_item.is_actived {
    z-index: 1;
    border: 1px solid #666;
    border-bottom-color: #fff
}
.category_form_wrap .category_form_item.is_actived a {
    border: none;
}
.board_category {
    padding: 1.4rem;
    border: 1px solid #dadada;
    border-top: 0;
    font-size: 0;
}
.board_category .brd_category_item {
    display: inline-block;
    position: relative;
    margin: 0 1.4rem 0 0;
    font-size: var(--krds-pc-font-size-body-small);
    color: #626262;
}
.board_category .brd_category_item.is_actived {
    color: #11881f;
    border-bottom: 2px solid #11881f;
}
.board_category .brd_category_item + .brd_category_item:before {
    position: absolute;
    top: 50%;
    left: -.7rem;
    width: 2px;
    height: 2px;
    background: #dedede;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
}



/* ctgForm_wrap */
.ctgForm_wrap {
    position: relative;
    margin: 0 0 2rem;
    background-color: #fff
}
.ctgForm_wrap .ctgTab_Ty01 .label {
    display: none;
}
.ctgForm_wrap .ctgTab_Ty01 .ctgTab_link {
    display: table;
    width: 100%;
    table-layout: fixed
}
.ctgForm_wrap .ctgTab_Ty01 .ctgTab_item {
    display: table-cell;
    position: relative;
    width: 100%;
    height: 48px;
    font-size: var(--krds-pc-font-size-body-medium);
    color: #494949;
    border: 1px solid #dcdcdc;
    border-left-color: #fff;
    border-bottom-color: #666;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    border-right: none;
    vertical-align: middle;
}
.ctgForm_wrap .ctgTab_Ty01 .ctgTab_item a {
    display: block;
    border-right: 1px solid #dcdcdc;
}
.ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:last-child a {
    border-right: none;
}
.ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:first-child {
    border-left-color: #dcdcdc
}
.ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:last-child {
    border-right: 1px solid #dcdcdc;
}
.ctgForm_wrap .ctgTab_Ty01 .ctgTab_item.on, .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item.selected {
    z-index: 1;
    border: 1px solid #666;
    background-color: #666;
    color: #fff;
}
.ctgForm_wrap .ctgTab_Ty01 .ctgTab_item.on a, .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item.selected a {
    border: none;
}
.ctgForm_wrap .ctg_Blist {
    position: relative;
}
.ctgForm_wrap .ctg_Blist .ctg_link {
    padding: 1.2rem;
    border-bottom: 1px dashed #dadada;
    border-top: 0;
    font-size: 0;
}
.ctgForm_wrap .ctg_Blist .ctg_link li {
    display: inline-block;
    position: relative;
    margin: .4rem;
    font-size: var(--krds-pc-font-size-body-small);
    color: #6d6c76;
}
.ctgForm_wrap .ctg_Blist .ctg_link li:last-child:before {
    display: none;
}
.ctgForm_wrap .ctg_Blist .ctg_link li.selected a {
    color: #fff;
    background-color: #2055a3;
    border: 1px solid #2055a3 !important;
}
.ctgForm_wrap .ctg_Blist .ctg_link li.on a:hover {
    color: #fff;
}
.ctgForm_wrap .ctg_Blist .ctg_link li a {
    display: inline-block;
    padding: .2rem .5rem;
    background-color: #f7f7f7;
    border: 1px solid #eee;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.5s;
}
.ctgForm_wrap .ctg_Blist .ctg_link li a:hover {
    border: 1px solid #2055a3;
    color: #2055a3;
}
.ctgForm_wrap .ctg_Blist .ctg_link2 li {
    color: #ccc;
}
.ctgForm_wrap .ctg_Blist .ctg_link2 li a {
    border: 1px solid #f7f7f7;
    cursor: default;
}
.ctgForm_wrap .ctg_Blist .ctg_link2 li a:hover {
    border: 1px solid #f7f7f7;
    cursor: default;
    color: #ccc;
}
.ctgForm_wrap .ctg_Blist .ctg_link2 li.on {
    color: #6d6c76;
}
.ctgForm_wrap .ctg_Blist .ctg_link2 li.on a {
    border: 1px solid #eee;
    cursor: pointer;
}
.ctgForm_wrap .ctg_Blist .ctg_link2 li.on a:hover {
    border: 1px solid #2055a3;
    color: #2055a3;
}
.ctgForm_wrap .ctg_Blist .ctg_link2 li.on a:hover {
    color: #2055a3;
}
.ctgForm_wrap .ctg_Blist .ctg_link2 li.selected.on a:hover {
    color: #FFF;
}



/****************************************/
/* Name: 치유농업 careFarming
/****************************************/
#careFarming main {
    display: block;
}
#careFarming section {
    position: relative;
    display: block;
    margin: 50px auto 0;
}
#careFarming .mainSection01 {
    position: relative;
    overflow: hidden;
    height: auto;
    margin: 2rem 0;
}
#careFarming .mainSection03 {
    position: relative;
    overflow: hidden;
}
#careFarming section .mTitle {
    display: block;
    font-size: 28px;
    letter-spacing: -.05em;
    color: #333;
    text-align: center;
}
#careFarming section .sTitle {
    display: block;
    font-size: var(--krds-pc-font-size-body-small);
    margin: 0 0 2rem;
    letter-spacing: -.05em;
    text-align: center;
    color: #676767;
}
#careFarming .mainSection01 .bx-wrapper {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    height: auto;
}
#careFarming .mainSection01 ul {
    overflow: hidden;
    height: auto;
    margin: 0;
}
#careFarming .mainSection01 ul.clearfix:before {
    display: none;
}
#careFarming .mainSection01 ul > li {
    height: auto;
    border: 1px solid #eeeeee;
    padding: 15px;
    background: #FFF;
    position: relative;
    box-sizing: border-box;
}
#careFarming .mainSection01 ul > li a img {
    width: 256px;
    height: 146px;
}
#careFarming .mainSection01 ul > li h2 {
    font-size: var(--krds-pc-font-size-body-medium);
    color: #323232;
    padding: 8px 0 0 0;
    letter-spacing: -.03em;
    overflow: hidden;
    height: 50px;
    word-wrap: break-word;
    display: -webkit-box;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#careFarming .mainSection01 ul > li p {
    text-overflow: ellipsis;
    font-size: var(--krds-pc-font-size-body-small);
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    display: inline-block;
}
#careFarming .mainSection01 ul > li .field_re {
    line-height: 15px;
    margin-top: 20px;
    display: inline-block;
    background: #84b053;
    color: #FFF;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 12px;
}
#careFarming .mainSection01 ul > li .field_is {
    line-height: 15px;
    margin-top: 20px;
    display: inline-block;
    background: #f7941d;
    color: #FFF;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 12px;
}
#careFarming .mainSection01 ul > li .field_li {
    line-height: 15px;
    margin-top: 20px;
    display: inline-block;
    background: #0072bc;
    color: #FFF;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 12px;
}
#careFarming .mainSection01 ul > li i.ico {
    position: absolute;
    width: 58px;
    height: 15px;
    display: block;
    right: 20px;
    bottom: 18px;
    font-size: 12px;
    text-align: right;
    top: auto;
    left: auto;
    top: inherit;
    left: inherit;
    border-radius: 0;
    border: 0px solid #f7941d;
}
#careFarming .mainSection01 ul ul {
    margin: 5px 10px 0
}
#careFarming .mainSection01 li li {
    width: auto;
    height: auto;
    border: 0;
    background: none;
    border-radius: 0;
}
#careFarming .mainSection01 li li a {
    display: block;
    line-height: 25px;
    color: #333;
    font-size: 14px;
    padding-left: 16px;
    position: relative
}
#careFarming .mainSection01 li li a i {
    width: 3px;
    height: 3px;
    display: block;
    position: absolute;
    left: 8px;
    top: 12px;
    background: #474747
}
#careFarming .mainSection01 .bx-controls-direction {
    top: 0;
    width: 100%;
}
#careFarming .mainSection01 .bx-controls-direction .bx-prev {
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
    background: rgba(0,0,0,0.2);
    border-radius: 0 8px 8px 0;
    z-index: 99;
}
#careFarming .mainSection01 .bx-controls-direction .bx-next {
    display: block;
    position: absolute;
    right: 0;
    width: 30px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
    background: rgba(0,0,0,0.2);
    border-radius: 8px 0 0 8px;
    z-index: 99;
}
#careFarming .mainSection01 .bx-controls-direction .bx-prev:hover, #careFarming .mainSection01 .bx-controls-direction .bx-next:hover {
    background: rgba(0,0,0,0.5);
}
#careFarming .mainSection01 .bx-controls-direction .bx-prev:after {
    display: block;
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg);
    transition: transform 150ms ease-in-out;
}
#careFarming .mainSection01 .bx-controls-direction .bx-next:after {
    display: block;
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    transition: transform 150ms ease-in-out;
}
#careFarming .mainSection02 {
    position: relative;
    overflow: hidden;
    background-color: #e4f3ff;
    border-radius: 10px;
    padding: 2.4rem;
}
#careFarming .mainSection02 .cBlist {
    clear: both;
    margin: -1%;
}
#careFarming .mainSection02 .cBlist:after {
    display: block;
    content: '';
    clear: both;
}
#careFarming .mainSection02 .cBitem {
    position: relative;
    float: left;
    display: inline-block;
    text-align: center;
    width: 33.3333%;
    padding: 1%;
}
#careFarming .mainSection02 .cBitem a {
    position: relative;
    display: block;
    background-color: #fff;
    padding: 1.6rem 2.7rem;
    border-radius: .5rem;
    letter-spacing: -.05em;
}
#careFarming .mainSection02 .cBitem .cBtxt {
    position: relative;
    padding-left: 60px;
    display: inline-block;
    text-align: left;
    font-size: var(--krds-pc-font-size-body-small);
}
#careFarming .mainSection02 .cBitem .cBtxt:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/careFarming_icon.png');
    background-repeat: no-repeat;
    background-size: 150px auto;
}
#careFarming .mainSection02 .cBitem .cBtxt em {
    font-size: var(--krds-pc-font-size-body-xsmall);
}
#careFarming .mainSection02 .cBitem.ic1 .cBtxt:before {
    width: 50px;
    height: 50px;
    background-position: 0 0;
}
#careFarming .mainSection02 .cBitem.ic2 .cBtxt:before {
    width: 50px;
    height: 50px;
    background-position: -50px 0;
}
#careFarming .mainSection02 .cBitem.ic3 .cBtxt:before {
    width: 50px;
    height: 50px;
    background-position: -100px 0;
}
#careFarming .mainSection02 .cBitem:hover .cBtxt {
    text-decoration: underline;
    text-underline-position: under;
    color: #0377e2;
    font-weight: 500
}
#careFarming .mainSection03 .cState_list {
    clear: both;
    margin: -.8%
}
#careFarming .mainSection03 .cState_list:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: '';
}
#careFarming .mainSection03 .cState_list li {
    float: left;
    width: 25%;
    height: auto;
    padding: .8%;
}
#careFarming .mainSection03 .cState_list li .pic {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 61%;
    overflow: hidden;
    background: #e3e3e3 url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 250px auto;
}
#careFarming .mainSection03 .cState_list li .pic img {
    width: 100%;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}
#careFarming .mainSection03 .cState_list li .pic img:hover {
    -moz-transform: scale(1.08) rotate(0.1deg);
    -ms-transform: scale(1.08) rotate(0.1deg);
    -o-transform: scale(1.08) rotate(0.1deg);
    transform: scale(1.08) rotate(0.1deg);
}
#careFarming .mainSection03 .cState_list li .pic em {
    position: absolute;
    left: .8rem;
    top: 0;
    background: #ee5f4a;
    color: #fff;
    border-radius: 0 0 4px 4px;
    line-height: 30px;
    padding: 0 .5rem;
    font-size: 13px
}
#careFarming .mainSection03 .cState_list li .pic em.typeA {
    background: #3f51b5;
    color: #fff;
}
#careFarming .mainSection03 .cState_list li .pic em.typeB {
    background: #9c27b0;
    color: #fff;
}
#careFarming .mainSection03 .cState_list li a {
    position: relative;
    display: block;
}
#careFarming .mainSection03 .cState_list li a:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0,0,0,.1);
}
#careFarming .mainSection03 .cState_list li a:hover {
    background: #f7f7f7;
}
#careFarming .mainSection03 .cState_list li div.contBox {
    position: relative;
    padding: 2.7rem;
}
#careFarming .mainSection03 .cState_list li div.contBox > label {
    display: block;
    margin: 0 0 .3rem 0;
    color: #f95c11;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: 500
}
#careFarming .mainSection03 .cState_list li div.contBox > label i {
    position: relative;
    padding: 0 .5rem 0 0;
    color: #6d6c76;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: 500
}
#careFarming .mainSection03 .cState_list li div.contBox > strong {
    display: block;
    letter-spacing: -0.05em;
    margin-bottom: .5rem;
    font-size: var(--krds-pc-font-size-body-medium);
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#careFarming .mainSection03 .cState_list li div.contBox > p.txt {
    font-size: var(--krds-pc-font-size-body-small);
    margin-bottom: .4rem;
    height: 44px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#careFarming .mainSection03 .cState_list li div.contBox > .date {
    position: relative;
    color: #8e8e8e;
    font-weight: var(--krds-typo-font-weight-regular);
    font-size: var(--krds-pc-font-size-body-xsmall);
    display: block;
    text-align: right;
}

/* tab 더보기 */
#careFarming .tabMore {
    position: absolute;
    top: 15px;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    text-indent: 100%;
    overflow: hidden;
}
#careFarming .tabMore span {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    left: -99999999999999999px;
    font-size: 0;
}
#careFarming .tabMore:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 2px;
    background: #b4b4b4;
    margin: -1px 0 0 -7px;
}
#careFarming .tabMore:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2px;
    height: 14px;
    background: #b4b4b4;
    margin: -7px 0 0 -1px;
}



/****************************************/
/* Name: 농촌문화 RuralCulture
/* day: 2019-11-25
/****************************************/
/* MAIN */
#RuralCulture main {
    display: block;
}
#RuralCulture section {
    position: relative;
    display: block;
    margin: 30px auto 0;
}
#RuralCulture .section01 {
    position: relative;
    overflow: hidden;
}
#RuralCulture .section02 {
    position: relative;
    overflow: hidden;
}
#RuralCulture .section03 {
    position: relative;
    overflow: hidden;
}
#RuralCulture .section04 {
    position: relative;
    overflow: hidden;
}
#RuralCulture section h3.wrapTitle {
    display: block;
    font-size: var(--krds-pc-font-size-heading-small);
    letter-spacing: -.05em;
    color: #333;
}
#RuralCulture section h3.wrapTitle.wT {
    font-size: var(--krds-pc-font-size-body-medium);
    letter-spacing: -.05em;
    color: #fff;
}
#RuralCulture .section01 article {
    display: block;
}
#RuralCulture .section01 article.aHeritage_wrap {
    position: relative;
    box-sizing: border-box;
}
#RuralCulture .section01 article.aHeritage_wrap .aHlist:after {
    display: block;
    content: '';
    clear: both;
}
#RuralCulture .section01 article.aHeritage_wrap .aHlist li {
    float: left;
    width: 33.3333%;
    text-align: center;
    box-sizing: border-box;
}
#RuralCulture .section01 article.aHeritage_wrap .aHlist li a {
    position: relative;
    display: block;
}
#RuralCulture .section01 article.aHeritage_wrap .aHlist li a:after {
    content: '';
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    border-radius: 0 0 8px 8px;
    font-weight: var(--krds-typo-font-weight-bold);
    background: linear-gradient(to bottom,rgba(32,32,32,0) 0,rgba(32,32,32,0.8) 100%);
}
#RuralCulture .section01 article.aHeritage_wrap .aHlist li .pimg {
    display: block;
    width: 100%;
    overflow: hidden;
}
#RuralCulture .section01 article.aHeritage_wrap .aHlist li img {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
}
#RuralCulture .section01 article.aHeritage_wrap .aHlist li .txt_mask {
    position: absolute;
    display: block;
    left: 0;
    bottom: 8px;
    padding: 0 20px;
    text-align: left;
    z-index: 1;
}
#RuralCulture .section01 article.aHeritage_wrap .aHlist li .txt_mask strong {
    display: block;
    font-size: var(--krds-pc-font-size-body-large);
    color: #fff;
    font-family: 'Nanum Myeongjo', serif;
    letter-spacing: -0.1em;
    font-weight: var(--krds-typo-font-weight-bold);
}
#RuralCulture .section01 article.aHeritage_wrap .aHlist li .txt_mask em {
    display: block;
    color: #e0e0e0;
    font-size: var(--krds-pc-font-size-body-xsmall);
}
#RuralCulture .bx-controls-direction {
    top: 0;
    width: 100%;
}
#RuralCulture .bx-controls-direction .bx-prev {
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
    background: rgba(0,0,0,0.2);
    border-radius: 0 8px 8px 0;
    z-index: 2;
}
#RuralCulture .bx-controls-direction .bx-next {
    display: block;
    position: absolute;
    right: 0;
    width: 30px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
    background: rgba(0,0,0,0.2);
    border-radius: 8px 0 0 8px;
    z-index: 2;
}
#RuralCulture .bx-controls-direction .bx-prev:hover, #RuralCulture .bx-controls-direction .bx-next:hover {
    background: rgba(0,0,0,0.5);
}
#RuralCulture .bx-controls-direction .bx-prev span {
    background: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/visual_nav.png') no-repeat left top;
    width: 30px;
    height: 52px;
    left: 0;
    top : 0;
    text-indent: -999999px;
}
#RuralCulture .bx-controls-direction .bx-next span {
    background: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/visual_nav.png') no-repeat right top;
    width: 30px;
    height: 52px;
    left: inherit;
    right: 0;
    top : 0;
    text-indent: -999999px;
}


/* 농업유산_banner */
#RuralCulture .section01 article.aBanner_wrap {
    display: block;
    position: relative;
    margin: 30px auto 0;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #f5f5f5;
}
#RuralCulture .section01 article.aBanner_wrap h3.wrapTitle {
    display: inline-block;
    position: absolute;
    left: 30px;
    top: 30px;
}
#RuralCulture .section01 article.aBanner_wrap .aBlist {
    padding-left: 120px;
    width: 100%;
}
#RuralCulture .section01 article.aBanner_wrap .aBlist:after {
    display: block;
    content: '';
    clear: both;
}
#RuralCulture .section01 article.aBanner_wrap .aBlist li {
    float: left;
    width: 33.3333%;
    text-align: center;
    border-radius: 8px;
    padding: 0 1%;
    box-sizing: border-box;
}
#RuralCulture .section01 article.aBanner_wrap .aBlist li div {
    display: table;
    width: 100%;
}
#RuralCulture .section01 article.aBanner_wrap .aBlist li a {
    display: table-cell;
    background: #fff;
    border-radius: 8px;
    height: 60px;
    vertical-align: middle;
}
#RuralCulture .section01 article.aBanner_wrap .aBlist li a img {
    vertical-align: middle;
}
#RuralCulture .section01 article.aBanner_wrap .aBlist li:nth-child(3) a:before {
    content: '';
    display: inline-block;
    width: 33px;
    height: 25px;
    vertical-align: middle;
    margin-right: 10px;
    background: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/00/ban_03.png') no-repeat 0 0;
    transition: all 0.5s;
}



/* 최신소식 */
#RuralCulture .section02 article.nNotice_wrap {
    position: relative;
    float: left;
    width: 66%;
    /*max-width: 530px;*/
    height: 262px;
    display: inline-block;
    border-radius: 8px;
    background: #f5f5f5;
    padding: 30px;
    box-sizing: border-box;
}
#RuralCulture .section02 article.nNotice_wrap .nNotice_list {
    margin-top: 20px;
}
#RuralCulture .section02 article.nNotice_wrap .nNotice_list:after {
    display: block;
    content: '';
    clear: both;
}
#RuralCulture .section02 article.nNotice_wrap .nNotice_list li {
    display: block;
    margin-bottom: 3px;
    overflow: hidden;
}
#RuralCulture .section02 article.nNotice_wrap .nNotice_list li a {
    float: left;
    width: 80%;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#RuralCulture .section02 article.nNotice_wrap .nNotice_list li:hover a {
    text-decoration: underline
}
#RuralCulture .section02 article.nNotice_wrap .nNotice_list li .notice_date {
    float: right;
    display: inline-block;
    width: 16%;
    font-size: var(--krds-pc-font-size-body-xsmall);
    text-align: right;
    height: 30px;
    line-height: 30px;
    color: #666;
    padding: 0 2px;
}
#RuralCulture .section02 article.nNotice_wrap .nNotice_list li em {
    float: left;
    display: inline-block;
    border-radius: 20px;
    margin-right: 5px;
    margin-top: 5px;
    vertical-align: baseline;
}
#RuralCulture .section02 article.nNotice_wrap .nNotice_list li em.tagA {
    background: #306ed5;
}
#RuralCulture .section02 article.nNotice_wrap .nNotice_list li em.tagA:after {
    content: '동영상';
    display: block;
    color: #fff;
    font-size: 12px;
    padding: 1px 8px;
    text-align: center;
}
#RuralCulture .section02 article.nNotice_wrap .nNotice_list li em.tagB {
    background: #f26520;
}
#RuralCulture .section02 article.nNotice_wrap .nNotice_list li em.tagB:after {
    content: '심포지엄';
    display: block;
    color: #fff;
    font-size: 12px;
    padding: 1px 8px;
    text-align: center;
}
#RuralCulture .section02 article.nNotice_wrap .more_warp {
    position: absolute;
    top: 30px;
    right: 30px;
}
#RuralCulture .section02 article.nNotice_wrap .more_warp .mView {
    display: block;
    position: relative;
    font-size: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 1;
}
#RuralCulture .section02 article.nNotice_wrap .more_warp .mView:after {
    content: '';
    position: absolute;
    font-size: 20px;
    right: 0;
    z-index: -1;
    width: 30px;
    height: 30px;
    line-height: 26px;
    background: #fff url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/icon_more.png') no-repeat 3px center;
    border-radius: 50%;
}



/* 농촌관광 */
#RuralCulture .section02 article.rTour_wrap {
    position: relative;
    float: right;
    width: 32.5%;
    /*max-width: 262px;*/
    height: 262px;
    display: inline-block;
    border-radius: 8px;
    background: #2d54af;
}
#RuralCulture .section02 article.rTour_wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/pattern_01.png') repeat;
}
#RuralCulture .section02 article.rTour_wrap .rTour_list:after {
    display: block;
    content: '';
    clear: both;
}
#RuralCulture .section02 article.rTour_wrap .rTour_list li {
    float: left;
    width: 50%;
    text-align: center;
}
#RuralCulture .section02 article.rTour_wrap .rTour_list li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    letter-spacing: -.03em;
    color: #fff;
    font-size: var(--krds-pc-font-size-body-small);
    padding: 10px 0;
}
#RuralCulture .section02 article.rTour_wrap .rTour_list li a em {
    display: block;
    vertical-align: baseline;
}
#RuralCulture .section02 article.rTour_wrap .rTour_list li a:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    margin: 5px auto;
    background: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/00/tour_icon.png') no-repeat 0 0;
    transition: all 0.5s;
}
#RuralCulture .section02 article.rTour_wrap .rTour_list li:hover a:before {
    background: #ffffff12 url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/00/tour_icon.png') no-repeat 0 0;
    border-radius: 50%;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
#RuralCulture .section02 article.rTour_wrap .rTour_list li:nth-child(1) a:before {
    background-position: 0px 0px;
}
#RuralCulture .section02 article.rTour_wrap .rTour_list li:nth-child(2) a:before {
    background-position: -60px 0px;
}
#RuralCulture .section02 article.rTour_wrap .rTour_list li:nth-child(3) a:before {
    background-position: -120px 0px;
}
#RuralCulture .section02 article.rTour_wrap .rTour_list li:nth-child(4) a:before {
    background-position: -180px 0px;
}


/* 신규직업 */
#RuralCulture .section03 article.nJoblist_wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 180px;
    background: #e8eef8;
    border-radius: 8px;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist:after {
    display: block;
    content: '';
    clear: both;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li {
    position: relative;
    display: table;
    float: left;
    width: 20%;
    height: 180px;
    text-align: center;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(even) {
    background: #f5f5f5;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li a {
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: var(--krds-pc-font-size-body-small);
    vertical-align: middle;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li:hover a {
    color: #434498;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li a:before {
    content: '';
    display: block;
    width: 90px;
    height: 90px;
    margin: 2px auto;
    background: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/00/njob_icon.png') no-repeat 0 0;
    transition: all 0.5s;
    border-radius: 50%;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li:hover a:before {
    background: #ffffff5c url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/00/njob_icon.png') no-repeat 0 0;
    border-radius: 50%;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(even):hover a:before {
    background: #e8eef8c2 url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/00/njob_icon.png') no-repeat 0 0;
    border-radius: 50%;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li a em {
    display: block;
    vertical-align: baseline;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(1) a:before {
    background-position: 0px 0px;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(even):nth-child(2) a:before {
    background-position: -90px 0px;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(3) a:before {
    background-position: -180px 0px;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(even):nth-child(4) a:before {
    background-position: -270px 0px;
}
#RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(5) a:before {
    background-position: -360px 0px;
}


/* 전통지식 */
#RuralCulture .section04 article.tKnow_wrap {
    position: relative;
    float: left;
    width: 38%;
    height: 328px;
    display: inline-block;
    border-radius: 8px 0 0 8px;
    background: #969db0;
    padding: 27px;
    box-sizing: border-box;
}
#RuralCulture .section04 article.tKnow_wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/pattern_01.png') repeat;
}
#RuralCulture .section04 article.tKnow_wrap .tKnow_area {
    position: relative;
    margin-top: 23px;
}
#RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist:after {
    display: block;
    content: '';
    clear: both;
}
#RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li {
    float: left;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
#RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li a {
    position: relative;
    display: block;
}
#RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li a:after {
    content: '';
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(to bottom,rgba(32,32,32,0) 0,rgba(32,32,32,0.8) 100%);
}
#RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li .pImg {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}
#RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li .pTxt {
    position: absolute;
    display: block;
    left: 0;
    bottom: 8px;
    padding: 0 20px;
    text-align: left;
    z-index: 1;
    color: #fff;
    font-size: 14px;
}
#RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li img {
    width: auto;
    height: 218px;
    border-radius: 8px;
}


/* 디자인 */
#RuralCulture .section04 article.aDesign_wrap {
    position: relative;
    float: right;
    width: 62%;
    height: 328px;
    display: inline-block;
    border-radius: 0 8px 8px 0;
    background: #f5f5f5;
    padding: 27px;
    box-sizing: border-box;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_area {
    position: relative;
    float: left;
    width: 69%;
    margin-top: 20px;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist:after {
    display: block;
    content: '';
    clear: both;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li {
    float: left;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li a {
    position: relative;
    display: block;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li a:after {
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    border-radius: 0 0 8px 8px;
    background: rgba(0,0,0,0.5);
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li .pImg {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li img {
    width: 100%;
    max-width: 100%;
    max-height: 218px;
    border-radius: 8px;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li .pTxt_mask {
    position: absolute;
    display: block;
    left: 0;
    bottom: 4px;
    padding: 0 20px;
    color: #fff;
    text-align: left;
    z-index: 1;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_banner {
    position: relative;
    float: right;
    width: 28%;
    margin-top: 20px;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist:after {
    display: block;
    content: '';
    clear: both;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li + li {
    margin-top: 20px;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li a {
    position: relative;
    display: block;
    color: #fff;
    text-align: left;
    max-height: 98px;
    padding: 36px 12px 22px;
    border-radius: 8px;
    font-size: var(--krds-pc-font-size-body-small);
    background: #6d7fe5;
    background: linear-gradient(60deg, #5d98e4 30%, #6d7fe5 70%);
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li a b {
    display: block;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li a:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 10px;
    width: 50px;
    height: 30px;
    margin: 10px auto 0;
    background: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/00/design_icon.png') no-repeat 0 0;
    transition: all 0.5s;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li a:hover {
    background: #2858d2;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li:nth-child(1) a:before {
    background-position: 0px 0px;
}
#RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li:nth-child(2) a:before {
    background-position: -50px 0px;
}


/****************************************/
/* Name: 여성농업인 womenFarmers
/* day: 2020-11-20
/****************************************/
/* MAIN */
#womenFarmers main {
    display: block;
}
#womenFarmers section {
    position: relative;
    display: block;
    margin: 30px auto 0;
}
#womenFarmers .section01 {
    position: relative;
    overflow: hidden;
}
#womenFarmers section .mTitle {
    display: block;
    font-size: 28px;
    letter-spacing: -.05em;
    color: #333;
    text-align: center;
}
#womenFarmers section .sTitle {
    display: block;
    font-size: var(--krds-pc-font-size-body-small);
    margin: 0 0 2rem;
    letter-spacing: -.05em;
    text-align: center;
    color: #676767;
}
#womenFarmers .section01 .wBlist {
    clear: both;
    margin: -1%;
}
#womenFarmers .section01 .wBlist:after {
    display: block;
    content: '';
    clear: both;
}
#womenFarmers .section01 .wBitem {
    position: relative;
    float: left;
    display: inline-block;
    text-align: center;
    width: 33.3333%;
    padding: 1%;
}
#womenFarmers .section01 .wBitem a {
    position: relative;
    display: block;
    background-color: #ececec;
    padding: 1.2rem;
    border-radius: .5rem;
    letter-spacing: -.05em;
}
#womenFarmers .section01 .wBitem .wBtxt {
    position: relative;
    padding-left: 50px;
}
#womenFarmers .section01 .wBitem .wBtxt:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/sub/womenFarm_icon.png');
    background-repeat: no-repeat;
    background-size: 105px auto;
}
#womenFarmers .section01 .wBitem.iw1 .wBtxt:before {
    width: 35px;
    height: 35px;
    background-position: 0 0;
}
#womenFarmers .section01 .wBitem.iw2 .wBtxt:before {
    width: 35px;
    height: 35px;
    background-position: -35px 0;
}
#womenFarmers .section01 .wBitem.iw3 .wBtxt:before {
    width: 35px;
    height: 35px;
    background-position: -70px 0;
}
#womenFarmers .section01 .wBitem:hover .wBtxt {
    text-decoration: underline;
    text-underline-position: under;
}
#womenFarmers .section02 .wNotice_list {
    clear: both;
    margin: -.8%
}
#womenFarmers .section02 .wNotice_list:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: '';
}
#womenFarmers .section02 .wNotice_list li {
    float: left;
    width: 25%;
    height: auto;
    padding: .8%;
}
#womenFarmers .section02 .wNotice_list li .pic {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 61%;
    overflow: hidden;
    background: #e3e3e3 url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 250px auto;
}
#womenFarmers .section02 .wNotice_list li .pic img {
    width: 100%;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}
#womenFarmers .section02 .wNotice_list li .pic img:hover {
    -moz-transform: scale(1.08) rotate(0.1deg);
    -ms-transform: scale(1.08) rotate(0.1deg);
    -o-transform: scale(1.08) rotate(0.1deg);
    transform: scale(1.08) rotate(0.1deg);
}
#womenFarmers .section02 .wNotice_list li .pic em {
    position: absolute;
    left: .8rem;
    top: 0;
    background: #ee5f4a;
    color: #fff;
    border-radius: 0 0 4px 4px;
    line-height: 30px;
    padding: 0 .5rem;
    font-size: 13px
}
#womenFarmers .section02 .wNotice_list li .pic em.typeA {
    background: #00B3E0;
    color: #fff;
}
#womenFarmers .section02 .wNotice_list li .pic em.typeB {
    background: #e00085;
    color: #fff;
}
#womenFarmers .section02 .wNotice_list li a {
    position: relative;
    display: block;
}
#womenFarmers .section02 .wNotice_list li a:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0,0,0,.1);
}
#womenFarmers .section02 .wNotice_list li a:hover {
    background: #f7f7f7;
}
#womenFarmers .section02 .wNotice_list li div.contBox {
    position: relative;
    padding: 2.7rem;
}
#womenFarmers .section02 .wNotice_list li div.contBox > label {
    display: block;
    margin: 0 0 .3rem 0;
    color: #f95c11;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: 500
}
#womenFarmers .section02 .wNotice_list li div.contBox > label i {
    position: relative;
    padding: 0 .5rem 0 0;
    color: #6d6c76;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: 500
}
#womenFarmers .section02 .wNotice_list li div.contBox > strong {
    display: block;
    letter-spacing: -0.05em;
    margin-bottom: .3rem;
    font-size: var(--krds-pc-font-size-body-medium);
    color: #333;
    height: 56px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#womenFarmers .section02 .wNotice_list li div.contBox > .date {
    position: relative;
    color: #8e8e8e;
    font-weight: var(--krds-typo-font-weight-regular);
    font-size: var(--krds-pc-font-size-body-xsmall);
    display: block;
    text-align: right;
}

/* tab 더보기 */
#womenFarmers .tabMore {
    position: absolute;
    top: 15px;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    text-indent: 100%;
    overflow: hidden;
}
#womenFarmers .tabMore span {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    left: -99999999999999999px;
    font-size: 0;
}
#womenFarmers .tabMore:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 2px;
    background: #b4b4b4;
    margin: -1px 0 0 -7px;
}
#womenFarmers .tabMore:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2px;
    height: 14px;
    background: #b4b4b4;
    margin: -7px 0 0 -1px;
}



/****************************************/
/* Name: 제휴서비스
/****************************************/
/* MAIN */
#nongMin #main {
    display: block;
}

#nongMin section {
    position: relative;
    display: block;
    margin: 30px auto 0;
}

#nongMin .section01 {
    position: relative;
    overflow: hidden;
}

#nongMin .section02 {
    position: relative;
    overflow: hidden;
}

#nongMin .section03 {
    position: relative;
    overflow: hidden;
}

#nongMin .section04 {
    position: relative;
    overflow: hidden;
}

#nongMin section h3.wrapTitle {
    display: block;
    font-size: 2.2rem;
    color: #333;
}

#nongMin section h3.wrapTitle.wT {
    font-size: var(--krds-pc-font-size-body-medium);
    color: #fff;
}

/* 농업소식 */
#nongMin section article {
    display: block;
}

#nongMin .main-newsGroup {
    overflow: hidden;
    border: 1px solid #d5e3e9;
    border-radius: 10px;
    background-color: #e9eff1;
    padding: 2.4rem;
}

#nongMin .main-newsGroup .newsView {
    position: relative;
    display: block;
}

#nongMin .newsView .optionArea {
    float: left;
    width: 12rem;
    margin-right:2.8rem
}

#nongMin .newsView .optionArea .optionList {
    display: block;
    position: relative;
}

#nongMin .newsView .optionArea .optionList ul {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

#nongMin .newsView .optionArea .optionList li {
    position: relative;
    width: 100%;
}

#nongMin .newsView .optionArea .optionList li a {
    display: block;
    font-size: var(--krds-pc-font-size-body-small);
    text-indent: .8rem;
    background: rgba(255,255,255,1);
    border-radius: .6rem;
    line-height: 3.6rem;
}

#nongMin .newsView .optionArea .optionList li a::after {
    display: block;
    content: '';
    position: absolute;
    right: .8rem;
    top: 16px;
    width: 7px;
    height: 7px;
    border-top: 2px solid rgba(0,0,0,.3);
    border-right: 2px solid rgba(0,0,0,.3);
    transform: rotate(45deg);
    transition: transform 150ms ease-in-out;
}

#nongMin .newsView .optionArea .optionList li a:hover {
    
    text-decoration: underline;
    color: #326dbd;
}

#nongMin .newsView .optionArea .optionList li.on a {
    background: #326dbd;
    color: #fff;
    background: linear-gradient(135deg, #326dbd 35%, #26afb8);
}

#nongMin .newsView .optionArea .optionList li.on a::after {
    display: block;
    content: '';
    position: absolute;
    right: .8rem;
    top: 16px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    transition: transform 150ms ease-in-out;
}

#nongMin .newsView .newsArea {
    float: right;
    width: calc(100% - 12rem - 2.8rem);
}

#nongMin .newsView .newsArea .newsBox {
    clear: both;
    overflow: hidden;
    position: relative;
    padding: 2.8rem;
    min-height: 216px;
    background: #fff;
    border-radius: .6rem;
}

#nongMin .newsView .newsArea .newsBox a {
    display: block;
}

#nongMin .newsView .newsArea .newsBox .pic {
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 30px;
    width: 250px;
    height: 170px;
    overflow: hidden;
    background: #e3e3e3 url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 200px auto;
}

#nongMin .newsView .newsArea .newsBox .pic img {
    width: 100%;
    height: 100%;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}

#nongMin .newsView .newsArea .newsBox .pic img:hover {
    -moz-transform: scale(1.08) rotate(0.1deg);
    -ms-transform: scale(1.08) rotate(0.1deg);
    -o-transform: scale(1.08) rotate(0.1deg);
    transform: scale(1.08) rotate(0.1deg);
}

#nongMin .newsView .newsArea .newsBox > div {
    float: none;
    overflow: hidden;
    height: 100%;
    padding: 2.7rem 0 0 0
}

#nongMin .newsView .newsArea .newsBox div.contBox > label {
    display: block;
    margin: 0 0 .5rem 0;
    color: #f95c11;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: 500
}

#nongMin .newsView .newsArea .newsBox div.contBox > label i {
    position: relative;
    padding: 0 .7rem 0 0;
    color: #6d6c76;
    font-size: var(--krds-pc-font-size-body-medium);
    font-weight: 500
}

#nongMin .newsView .newsArea .newsBox div.contBox > strong {
    display: block;
    letter-spacing: -0.03em;
    margin-bottom: .5rem;
    font-size: var(--krds-pc-font-size-body-large);
    color: #333;
    
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#nongMin .newsView .newsArea .newsBox div.contBox > p.txt {
    font-size: var(--krds-pc-font-size-body-small);
    height: 66px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

#nongMin .newsView .newsArea .newsBox div.contBox > .date {
    position: absolute;
    right: 2.2rem;
    bottom: 1.8rem;
    color: #8e8e8e;
    font-weight: var(--krds-typo-font-weight-regular);
    font-size: var(--krds-pc-font-size-body-small);
}

#nongMin .newsView .mediaArea {
    float: right;
    width: calc(100% - 12rem - 2.8rem);
}

#nongMin .newsView .mediaArea .mediaBox {
    clear: both;
    overflow: hidden;
    position: relative;
    padding: 2.8rem;
    min-height: 216px;
    background: #fff;
    border-radius: .6rem;
}

#nongMin .newsView .mediaArea .mediaBox a {
    display: block;
}

#nongMin .newsView .mediaArea .mediaPhoto {
    position: relative;
    float: left;
    width: 300px;
    height: auto;
    margin-right: 2.5rem;
}

#nongMin .newsView .mediaArea .mediaPhoto .pic {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #e3e3e3 url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 200px auto;
}

#nongMin .newsView .mediaArea .mediaPhoto .pic img {
    width: 100%;
    height: 100%;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}

/*#nongMin .newsView .mediaArea .mediaPhoto .pic img:hover {-moz-transform:scale(1.08) rotate(0.1deg);-ms-transform:scale(1.08) rotate(0.1deg);-o-transform:scale(1.08) rotate(0.1deg);transform:scale(1.08) rotate(0.1deg); }*/
#nongMin .newsView .mediaArea .mediaPhoto > a .imgText {
    display: block;
    padding: .4rem 0 0;
    min-height: 50px;
    font-size: var(--krds-pc-font-size-body-small);
    
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    color: #444;
}

#nongMin .newsView .mediaArea .mediaList {
}

#nongMin .newsView .mediaArea .mediaList ul {
}

#nongMin .newsView .mediaArea .mediaList > ul > li {
    overflow: hidden;
    position: relative;
    padding: .15rem 0;
}

#nongMin .newsView .mediaArea .mediaList > ul > li a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
    font-size: var(--krds-pc-font-size-body-small);
}

#nongMin .newsView .mediaArea .mediaList > ul > li a:hover {
    text-decoration: underline;
    
}

#nongMin .newsAWrap {
    clear: both;
    position: relative;
    overflow: hidden;
    margin-left: -1%;
    margin-right: -1%;
}

#nongMin .newsAWrap .newsAArea {
    position: relative;
    padding: 1% 2%;
}

#nongMin .newsAWrap.col2 .newsAArea {
    float: left;
    width: 50%;
}

#nongMin .newsAWrap.col2 .newsAArea div.newsAbox {
    min-height: 300px;
}

#nongMin .newsAWrap .newsAArea div.newsAbox + .newsAbox {
    margin-top: 1.4rem;
}

#nongMin .newsAWrap .newsAArea div.newsAbox {
    position: relative;
    overflow: hidden;
    padding: 2.7rem 0;
}
#nongMin div.thumbsList > ul {
    clear: both;
}

#nongMin div.thumbsList > ul > li {
    clear: both;
    overflow: hidden;
    position: relative;
    padding: 1.2rem 0;
    min-height: 100px;
}

#nongMin div.thumbsList > ul > li + li {
    padding: .5rem 0 2.7rem 0;
}

#nongMin div.thumbsList > ul > li > a {
    display: block
}

#nongMin div.thumbsList > ul > li .pic {
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 14px;
    width: 140px;
    height: 93px;
    overflow: hidden;
    background: #e3e3e3 url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 200px auto;
}

#nongMin div.thumbsList > ul > li .pic img {
    width: 100%;
    height: 100%;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}

#nongMin div.thumbsList > ul > li .pic img:hover {
    -moz-transform: scale(1.08) rotate(0.1deg);
    -ms-transform: scale(1.08) rotate(0.1deg);
    -o-transform: scale(1.08) rotate(0.1deg);
    transform: scale(1.08) rotate(0.1deg);
}

#nongMin div.thumbsList > ul > li > div {
    float: none;
    overflow: hidden;
    height: 100%;
    padding: 2.7rem 0 0 0
}

#nongMin div.thumbsList > ul > li div.contBox {
}

#nongMin div.thumbsList > ul > li div.contBox > label {
    display: block;
    margin: 0 0 .5rem 0;
    color: #f95c11;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: 500
}

#nongMin div.thumbsList > ul > li div.contBox > label i {
    position: relative;
    padding: 0 .7rem 0 0;
    color: #6d6c76;
    font-size: var(--krds-pc-font-size-body-medium);
    font-weight: 500
}

#nongMin div.thumbsList > ul > li div.contBox > strong {
    display: block;
    letter-spacing: -0.03em;
    margin-bottom: .5rem;
    font-size: var(--krds-pc-font-size-body-medium);
    color: #333;
    
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#nongMin div.thumbsList > ul > li div.contBox > p.txt {
    font-size: var(--krds-pc-font-size-body-small);
    height: 44px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

#nongMin div.thumbsList + #nongMin div.textList {
    padding: 2.7rem 0 0 0;
}

#nongMin div.textList ul {
    clear: both;
}

#nongMin div.textList > ul > li {
    clear: both;
    overflow: hidden;
    position: relative;
    padding: .25rem 0;
}

#nongMin div.textList > ul > li a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #444;
}

/* 더보기 */
#nongMin .newsAWrap .newsAArea div .moreAWarp {
    position: absolute;
    top: 2.7rem;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    text-indent: 100%;
    overflow: hidden;
}

#nongMin .newsAWrap .newsAArea div .moreAWarp span {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    left: -99999999999999999px;
    font-size: 0;
}

#nongMin .newsAWrap .newsAArea div .moreAWarp:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 10px;
    height: 2px;
    background: #b4b4b4;
    margin: -1px 0 0 -5px;
}

#nongMin .newsAWrap .newsAArea div .moreAWarp:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2px;
    height: 10px;
    background: #b4b4b4;
    margin: -5px 0 0 -1px;
}

#nongMin div.photoList {
}

#nongMin div.photoList > ul {
    clear: both;
    overflow: hidden;
    margin: .6rem -1% 0 !important;
}

#nongMin div.photoList > ul > li {
    position: relative;
    float: left;
    width: 50%;
    height: auto;
    padding: 1% !important;
}

#nongMin div.photoList.policy > ul > li {
    position: relative;
    float: left;
    width: calc(50% - 2%);
    height: auto;
    padding: 1% !important;
}

#nongMin div.photoList.col3 > ul > li {
    width: 33.3333%;
}

#nongMin div.photoList > ul > li > a {
    display: block
}

#nongMin div.photoList > ul > li > a .pic {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-height:140px;
}

#nongMin div.photoList > ul > li > a .imgText {
    display: block;
    padding: .6rem 0;
    min-height: 70px;
}

#nongMin div.photoList > ul > li > a .imgText .inText {
    display: block;
    position: relative;
    color: #545454;
    font-size: var(--krds-pc-font-size-body-small);
    word-break: keep-all;
}

#nongMin div.photoList > ul > li > a .imgText .inText b {
    position: relative;
    display: inline-block;
    
    z-index: 1;
}

#nongMin div.bannerList {
}

#nongMin div.bannerList > ul {
    clear: both;
    overflow: hidden;
    margin: -1% !important;
}

#nongMin div.bannerList > ul > li {
    position: relative;
    float: left;
    width: 33.333%;
    height: auto;
    padding: 1% !important;
}

#nongMin div.bannerList > ul > li > a {
    display: block;
    text-align: center;
    padding: 2.7rem .5rem;
    border: 1px dashed #dedede;
    border-radius: 10px;
    
    letter-spacing: -.05em;
    background: #fdfdfd;
    font-size: 2rem;
}

#nongMin div.bannerList > ul > li .nhn {
    position: relative;
    display: inline-block;
    text-indent: -999999px;
    padding-left: 66px;
    vertical-align: middle;
}

#nongMin div.bannerList > ul > li .nhn:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 29px;
    left: 0;
    top: 0;
    background-image: url("https://www.nongsaro.go.kr/ps/img/cmmImg_2020/imgs/nongmin/logo_nhn.png");
    background-size: 60px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
    transition: all 0.3s ease;
}

#nongMin div.bannerList > ul > li .nmin {
    position: relative;
    display: inline-block;
    text-indent: -999999px;
    padding-left: 104px;
    vertical-align: middle;
}

#nongMin div.bannerList > ul > li .nmin:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 28px;
    left: 0;
    top: 0;
    background-image: url("https://www.nongsaro.go.kr/ps/img/cmmImg_2020/imgs/nongmin/logo_nmin.png");
    background-size: 100px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
    transition: all 0.3s ease;
}

#nongMin div.bannerList > ul > li > a:hover {
    border: 1px solid #3671ba;
}

/* 농사로 소개 */
div.conts_wrap div.section {
    margin-bottom: 2rem;
}

div.conts_wrap div.section:first-child {
    padding-bottom: 2rem;
    border-bottom: 1px dashed #d7d9da;
}

div.conts_wrap div.section:last-child {
    margin-bottom: 0;
}

div.conts_wrap div.section:first-child h4.title {
    font-size: 2.4rem;
    font-weight: var(--krds-typo-font-weight-bold);
    margin-bottom: 12px;
    color: #01317b;
    letter-spacing: -.05em;
}

div.conts_wrap h4.title {
    font-size: 2.4rem;
    
    margin-bottom: 15px;
    color: #01317b;
    letter-spacing: -.05em;
}

div.conts_wrap h5.title {
    font-size: var(--krds-pc-font-size-body-large);
    margin-bottom: 10px;
    
    
    letter-spacing: -.05em;
}

div.conts_wrap h5.title:after {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    margin: 5px 0 0 3px;
    background-color: #000;
}

div.conts_wrap div.bg_sky {
    margin-bottom: 65px;
    padding: 2rem;
    background-color: #f4f4f4;
}

div.conts_wrap div.section div.conts_box {
    margin-top: 2.7rem;
}

div.conts_wrap div.section div.conts_box:first-of-type {
    margin-top: 0;
}

div.conts_wrap div.section p.exconts {
    word-break: keep-all;
    color: #5a5a5a;
}

div.conts_wrap div.section p.exconts img {
    margin-top: 30px;
}

div.conts_wrap div.section div.conts_box div.detail {
    margin: 5px 0;
}

div.conts_wrap div.section div.conts_box div.detail a {
    
    color: #01317b;
}

div.conts_wrap div.section div.conts_box div.detail ul>li {
    display: table;
    margin-bottom: 5px;
    word-break: keep-all;
    color: #5a5a5a;
}

div.conts_wrap div.section div.conts_box div.detail ul>li:last-child {
    margin-bottom: 0;
}

div.conts_wrap div.section div.conts_box div.detail ul>li:before {
    content: '-';
    display: table-cell;
    padding-right: 8px;
    vertical-align: top;
}

div.conts_wrap div.section div.conts_box p.exconts+ol.desc {
    margin-top: 10px;
}

div.conts_wrap div.section div.conts_box ol.desc>li {
    display: table;
    margin-bottom: 10px;
    word-break: keep-all;
    color: #5a5a5a;
}

div.conts_wrap div.section div.conts_box ol.desc>li strong {
    
    font-size: var(--krds-pc-font-size-body-medium);
}

div.conts_wrap div.section div.conts_box ol.desc>li:before {
    display: table-cell;
    padding-right: 8px;
}

div.conts_wrap div.section div.conts_box ol.desc>li:first-child:before {
    content: '1.';
}

div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(2):before {
    content: '2.';
}

div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(3):before {
    content: '3.';
}

div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(4):before {
    content: '4.';
}

div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(5):before {
    content: '5.';
}

div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(6):before {
    content: '6.';
}

div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(7):before {
    content: '7.';
}

div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(8):before {
    content: '8.';
}

div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(9):before {
    content: '9.';
}

/* 동영상 */
div.video_wrap {
    width: 100%;
    height: auto;
    margin: 55px 0 30px 0;
    position: relative;
    background-color: #000;
    text-align: center;
}

div.video_wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

div.video_wrap .video_play {
    position: relative;
    width: 790px;
    height: 500px;
}
div.video_wrap .scroll-auto { 
    height: 100px;
    overflow-y: auto;
}

/* 배너다운로드 */
div.banner_list ul {
    overflow: hidden;
    margin: -1%;
}

div.banner_list li {
    position: relative;
    float: left;
    width: 50%;
    padding: 1%;
}

div.banner_list.inDown {
    position: relative;
    border-top: 1px dashed #ddd;
    padding-top: 2rem;
    margin-top: 2rem;
}

div.banner_list.inDown li {
    width: 33.333%;
}

div.banner_list li div.dataBox {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #d4d4d4;
    font-size: var(--krds-pc-font-size-body-small);
    color: #555;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    letter-spacing: -0.05em;
    transition: 0.5s;
}

div.banner_list li div.bannerBox .bannerImg {
    position: relative;
    display: block;
    border: 1px solid #dbdbdb;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/img_ci_bg.gif') left top repeat;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    box-sizing: border-box;
}

div.banner_list li div.bannerBox .bannerImg img {
    padding: 5%;
}

div.banner_list.inDown li div.bannerBox .bannerImg p {
    min-height: 170px;
}

div.banner_list.inDown li div.bannerBox .bannerImg img {
}

div.banner_list.inDown li div.bannerBox strong {
    display: block;
    color: #2159b3;
    margin-bottom: 2.7rem;
    font-size: var(--krds-pc-font-size-body-medium);
    
    letter-spacing: -.05em;
}

div.banner_list li div.bannerBox .bannerBtn {
    display: block;
    padding: 2.7rem;
    overflow: hidden;
    background: #f9f9f9;
}

div.banner_list li div.bannerBox .bannerBtn dl {
    width: 50%;
    float: left;
    text-align: center;
    margin: auto;
    display: inline-block;
}

div.banner_list li div.bannerBox .bannerBtn dt {
    position: relative;
    display: inline-block;
    font-size: var(--krds-pc-font-size-body-xsmall);
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
}

div.banner_list li div.bannerBox .bannerBtn dd {
    display: inline-block;
}

div.banner_list li div.bannerBox .bannerBtn span.btnArea {
    display: inline-flex;
}

div.banner_list li div.bannerBox .bannerBtn span.btnArea .btn {
    font-size: .75rem;
    min-width: auto;
    height: 26px;
    line-height: 24px;
    font-weight: 300;
    padding: 0 10px;
    margin: 2px;
    border-radius: 30px;
}

div.banner_list li div.bannerBox .bannerBtn span.btnArea .btn.down {
    font-size: var(--krds-pc-font-size-body-xsmall);
    display: block;
    
}

div.banner_list.inDown li div.bannerBox .bannerBtn span.btnArea .btn {
    padding: 0 15px
}

/* toggle */
.toggle-list {
    margin: 30px auto;
    border-top: 1px solid #2e2d2e;
}

.toggle-list.gray-line {
    border-top: 1px solid #dfe0e6;
}

.toggle-list > ul > li {
    border-bottom: 1px solid #dfe0e6;
    background: #ffffff;
}

.toggle-list > ul > li button {
    position: relative;
    padding: 0 20px;
    min-height: 60px;
    text-align: left;
    background: #ffffff;
    font-size: 20px;
    color: #000000;
    width: 100%;
}

.toggle-list > ul > li button span {
    position: relative;
    display: block;
    padding-left: 6px;
    padding-right: 50px;
    font-size: var(--krds-pc-font-size-body-large);
}

.toggle-list > ul > li button strong {
    font-size: var(--krds-pc-font-size-body-large);
    font-weight: normal;
}

.toggle-list > ul > li.current button span {
    font-size: 21px;
    
}

.toggle-list > ul > li.current button span .point1 {
    font-size: 21px;
    font-weight: var(--krds-typo-font-weight-bold);
    color: #5469d0;
    letter-spacing: -1px;
}

.toggle-list > ul > li button span:after {
    position: absolute;
    content: '';
    right: 3px;
    top: 50%;
    margin-top: -10px;
    transform: rotate(-45deg);
    width: 16px;
    height: 16px;
    border-bottom: 2px solid #777576;
    border-left: 2px solid #777576;
}

.toggle-list > ul > li.current button em {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -19px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: var(--krds-pc-font-size-body-large);
    color: #fff;
    z-index: 1;
}

.toggle-list > ul > li.current button em:before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -19px;
    left: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #596fd6;
    z-index: -1;
}

.toggle-list > ul > li.current {
    background: #f2f4f7;
}

.toggle-list > ul > li.current button {
    /*background:#f2f4f7;*/
    border-bottom: 1px solid #dfe0e6;
}

.toggle-list > ul > li.current button span:after {
    position: absolute;
    content: '';
    margin-top: -3px;
    transform: rotate(135deg);
    border-color: #2a2a2e;
}

.toggle-list > ul > li .accoCont {
    position: relative;
    display: none;
    padding: 30px 30px;
    font-size: 16px;
    line-height: 26px;
    color: #555555;
    background: #f9f9f9;
}

.toggle-list > ul > li.current .accoCont {
    display: block;
}

.toggle-list > ul > li .accoCont .pRS_content.active {
    background: transparent !important;
}

/****************************************/
/* CMS list
/****************************************/
.cms_TextArea {
    margin: 40px 0;
}

.cms_TextArea .inner_TextArea {
    /*margin-bottom:50px;*/
    letter-spacing: -0.05rem;
}

.cms_TextArea .inner_TextArea h4 {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 12px;
    font-size: var(--krds-pc-font-size-heading-large);
    letter-spacing: -0.05em;
    word-break: keep-all;
    color: #01317b;
}

.cms_TextArea .inner_TextArea:first-child h4 {
    margin-top: 0;
}

.cms_TextArea.tab_s01_tabpanel .inner_TextArea h4 {
    margin-bottom: 12px
}

.cms_TextArea .inner_TextArea h4:before {
    display: none
}

.cms_TextArea .inner_TextArea h4:after {
    display: none
}

.cms_TextArea .inner_TextArea h4 span {
    display: inline-block;
    position: relative;
    color: #2055a3;
    z-index: 0;
}

.cms_TextArea .inner_TextArea h4 a.btn-2 {
    display: inline-block;
    vertical-align: middle;
    margin-top: -8px
}

.cms_TextArea .inner_TextArea h4 a.btn-2 span {
    height: 36px;
    line-height: 36px;
    letter-spacing: -0.125rem;
    font-size: 1.125em
}

.cms_TextArea .inner_TextArea .cms_table h4 {
    margin-bottom: 5px;
}

.cms_TextArea .inner_TextArea h5, .cont-box h5 {
    clear: both;
    position: relative;
    font-size: var(--krds-pc-font-size-heading-medium);
    margin-bottom: 10px;
    margin-top: 30px;
    color:#222;
    letter-spacing: -.05em;
    word-break: keep-all
}

.cms_TextArea .inner_TextArea h5:after {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    margin: 5px 0 0 3px;
    background-color: #000;
}

.cms_TextArea .inner_TextArea h5 span {
    display: inline-block;
    color: #666;
    font-weight: var(--krds-typo-font-weight-regular);
    text-decoration: underline;
}

.cms_TextArea .inner_TextArea h6 {
    clear: both;
    position: relative;
    /*margin:20px 0 10px;*/
    margin: 15px 0 10px;
    padding: 0 10px 0 0!important;
    padding-bottom: 7px;
    font-size: var(--krds-pc-font-size-heading-small);
    
    color: #444;
}

.cms_TextArea .inner_TextArea h6 strong {
    border-radius: 100px;
    background-color: #11881f;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
    padding: 0 10px;
    color: #fff;
    font-size: var(--krds-pc-font-size-heading-small);
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px;
}

.cms_TextArea .inner_TextArea h6 span {
    padding: 0 7px 0 0;
    color: #ca4c07;
}

.cms_TextArea .inner_TextArea h6 span:nth-child(n + 2) {
    position: relative;
}
.cms_TextArea .inner_TextArea h6 span b {
    color: #ca4c07
}

.cms_TextArea .inner_TextArea h6 em.em16 {
    position: relative;
    padding-left: 10px;
    font-weight: normal;
}

.cms_TextArea .inner_TextArea h6 em.em16:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    border-radius: 50px;
    background-color: #979797;
}

.cms_TextArea .inner_TextArea h6 em {
    font-size: var(--krds-pc-font-size-heading-small);
    display: block;
    color: #666;
    font-weight: var(--krds-typo-font-weight-regular);
}
.cms_TextArea .inner_TextArea .tit_H7 {
    font-size: var(--krds-pc-font-size-body-large);
    
    color: #4063b4;
    position: relative;
    margin: 20px 0 10px 0;
    display: block;
}

.cms_TextArea .inner_TextArea .con_H6 ul {
    padding: 0 0 0 10px;
}

.cms_TextArea .inner_TextArea .con_H6 ul li {
    padding: 0 0 10px 10px;
    font-size: 16px;
    position: relative;
}

.cms_TextArea .inner_TextArea .con_H6 ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 11px;
    width: 3px;
    height: 3px;
    background: #085890;
    border-radius: 10px;
}
.cms_TextArea .inner_TextArea p {
    position: relative;
    padding-bottom: 1.2rem;
    margin-bottom: 1rem;
    word-break: keep-all;
    color: #666;
}
.cms_TextArea .inner_TextArea p.w50 { width:50%}

.cms_TextArea .inner_TextArea p:last-child {
    padding-bottom: 0
}

.cms_TextArea .inner_TextArea p.source {
    font-size: .85em;
    position: relative;
    color: #888;
    margin: 10px 0;
}

.cms_TextArea .inner_TextArea p:before {
    content: "";
    display: none;
    position: absolute;
    left: 0px;
    top: 8px;
    width: 3px;
    height: 3px;
    background: #085890;
    border-radius: 10px;
}

.cms_TextArea .inner_TextArea p span {
    color: #f44336;
}

.cms_TextArea .inner_TextArea p span.txt15 {
    font-size: .9em;
    color: #666;
    margin-bottom: 5px;
}

.cms_TextArea .inner_TextArea p .subTitle {
    text-align: center;
    display: block;
    margin: 1em 0 2em;
    font-size: 0.8em;
    padding: .4em 0 .6em;
    color: #666;
}

.cms_TextArea .inner_TextArea p.title {
    position: relative;
    /*color: #1c6d1f;*/
    color: #11881f;
    margin: 20px 0 10px 0;
    
    padding-bottom: 0
}

.cms_TextArea .inner_TextArea p a:first-child {
    margin-left: 10px
}

.cms_TextArea .inner_TextArea p.table_tit {
    display: block;
    position: relative;
    margin-bottom: 2.7rem;
    padding-top: 5px;
    color: #555;
    font-size: var(--krds-pc-font-size-body-medium);
    
    letter-spacing: -0.03em;
    text-align: left;
}

.cms_TextArea .inner_TextArea p.table_tit:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 2px;
    background-color: #156da9;
    background-image: linear-gradient(135deg,#156da9 0%,#11881f 100%);
}

.cms_TextArea.tab_s01_tabpanel .inner_TextArea {
    clear: both;
    overflow: hidden;
    padding-bottom: 2.2rem;
    border-bottom: 1px dashed #ddd
}

.cms_TextArea.tab_s01_tabpanel .inner_TextArea:last-child {
    border-bottom: 0!important
}

.cms_TextArea.tab_s01_tabpanel .inner_TextArea div.cms_table + div.inner_btnArea {
    background: #fff;
    text-align: center;
    margin-top: 0
}

.cms_TextArea.tab_s01_tabpanel .inner_TextArea h4:first-child + p + div.inner_btnArea {
    background: #fff!important;
    text-align: center;
    margin-top: 0
}

.cms_TextArea.tab_s01_tabpanel .inner_TextArea:first-child h4:first-child + p .inner_btnArea {
    background: #f7f7f7!important;
    text-align: center;
    margin-top: 10px
}
.cms_TextArea.tab_s01_tabpanel .tab-contents .tab-conts { display: block;}

.cms_TextArea .inner_TextArea h5 + p:last-child {
    padding-bottom: 0;
}

/*.cms_TextArea .inner_TextArea h5 + p {padding-bottom:0.3rem;}*/
/*.cms_TextArea .inner_TextArea h5 + p + p {padding-bottom:0.3rem;}
.cms_TextArea .inner_TextArea h5 + p + p:last-child {padding-bottom:0;}*/
.cms_TextArea .inner_TextArea div + p, .cms_TextArea .inner_TextArea ul + p {
    /*padding-top:30px*/
    margin-top: 30px
}

.cms_TextArea .inner_TextArea {
    clear: both;
}

.cms_TextArea .inner_TextArea .box_TextArea {
    padding: 1em;
    background: #edeff1;
}

.cms_TextArea .inner_TextArea .box_lineArea {
    clear: both;
    padding: 1em;
}

.cms_TextArea .inner_TextArea .box_lineArea p {
    font-size: 1em;
    position: relative;
    color: #666;
    letter-spacing: -.025em;
    margin-bottom: 10px;
}

.cms_TextArea .inner_TextArea .box_lineArea p:before {
    content: "";
    display: none;
    position: absolute;
    left: 0px;
    top: 8px;
    width: 3px;
    height: 3px;
    background: #085890;
    border-radius: 10px;
}

.cms_TextArea .inner_TextArea .box_lineArea span.boxStyle {
    display: inline-block;
    min-width: 100px;
    background: #157941;
    border-radius: 30px;
    text-align: center;
    padding: 2em 1em;
    margin: 5px;
    color: #fff
}

.cms_TextArea .inner_TextArea .box_lineArea span.boxStyle strong {
    
    display: block;
    text-align: center;
}

.cms_TextArea .inner_TextArea .ImageGroup {
    display: inline-block;
    width: 100%;
}

.cms_TextArea .inner_TextArea .ImageGroup p {
    display: inline-block;
    vertical-align: top;
    margin: 0.1% 0 ;
}

.cms_TextArea .inner_TextArea .ImageGroup p strong {
    background: #e7f0f7;
    display: block;
    padding: .5em 0;
    text-align: center;
    color: #085890;
    
}

.cms_TextArea .inner_TextArea .ImageGroup p img {
    width: 100%!important;
    min-height: 150px;
    height: 300px;
}

.cms_TextArea .inner_TextArea .ImageGroup p img.autoW {
    max-width: 100%;
    height: auto;
    min-height: auto;
    width: auto;
}

.cms_TextArea .inner_TextArea .ImageGroup p em {
    text-align: center;
    display: block;
    margin-bottom: 15px;
    font-size: 1.5rem;
}

.cms_TextArea .inner_TextArea .ImageGroup p img {
    width: 100%;
    min-height: 150px;
    height: 300px;
}

.cms_TextArea .inner_TextArea .ImageGroup p.w50 {
    width: calc(50% - 1%);
}

.cms_TextArea .inner_TextArea .ImageGroup p.w33 {
    width: calc(33.3% - 1%);
}

.cms_TextArea .inner_TextArea .ImageGroup p.w25 {
    width: calc(25% - 0.5%);
}

.cms_TextArea .inner_TextArea .ImageGroup p.w20 {
    width: calc(20% - 1%);
}

.cms_TextArea .inner_TextArea .ImageGroup p.w70 {
    width: calc(70% - 1%);
}

.cms_TextArea .inner_TextArea .ImageGroup p.w25 {
    width: calc(25% - 1%);
}

.cms_TextArea .inner_TextArea .ImageGroup p.w20 {
    width: calc(20% - 1%);
}

.cms_TextArea .inner_TextArea .ImageGroup p.w65 {
    width: 65% !important;
}

.cms_TextArea .inner_TextArea .ImageGroup p.w65>img {
    width: 100% !important;
    min-height: 150px;
    height: 100% !important
}

.cms_TextArea .inner_TextArea .ImageGroup p.w50>img {
    width: 100%;
    height: 100%;
    max-height: 400px;
}

.cms_TextArea .inner_TextArea .ImageGroup p.auto>img {
    height: auto;
}

.cms_TextArea .inner_TextArea .ImageGroup p em {
    text-align: center;
    display: block;
    margin: 1em 0 2em;
    font-size: 1.5rem;
    padding: .6em 0 .6em;
    color: #545454;
}

.cms_TextArea .inner_TextArea .ImageGroup em {
    text-align: center;
    display: block;
    margin: 1em 0 2em;
    font-size: 2.4rem;
    background: #f6f6f6;
    padding: .6em 0 .6em;
    color: #545454;
}

/* list-style */
.cms_TextArea .inner_TextArea ul {
    /*padding:2.7rem 1.5rem;*/
    margin: 0;
    /*border:1px solid #e8e9ee*/
    padding: 0 !important;
    clear: both;
}

.cms_TextArea .inner_TextArea ul ul {
    padding: 0!important;
    margin: 0;
    border: none
}

.cms_TextArea .inner_TextArea ul + ul {
    margin-top: 10px
}

.cms_TextArea .inner_TextArea ul li {
    position: relative;
    padding: 0 0 .5rem 10px;
}

.cms_TextArea .inner_TextArea ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.cms_TextArea .inner_TextArea ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 11px;
    width: 2px;
    height: 2px;
    background: #085890;
    border-radius: 10px;
}

.cms_TextArea .inner_TextArea ul.noDot li {
    position: relative;
    padding: 0 0 10px 0;
}

.cms_TextArea .inner_TextArea ul.noDot li:before {
    display: none;
}

.cms_TextArea .inner_TextArea ul.noIcon li:before {
    display: none;
}

.cms_TextArea .inner_TextArea ul li strong {
    
}

.cms_TextArea .inner_TextArea ul li dl {
    display: block;
    position: relative;
}

.cms_TextArea .inner_TextArea ul li dl dt {
    position: relative;
    width: calc(100% - 52%);
    padding: 26px 0;
    float: left;
    text-overflow: ellipsis;
    display: block;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden
}

.cms_TextArea .inner_TextArea ul li dl dt span {
    background-color: #eee;
    padding: 0 .8rem;
    border-radius: 20px;
    font-size: var(--krds-pc-font-size-body-medium);
}

.cms_TextArea .inner_TextArea ul li dl dt span.location-tit {
    display: block;
    width: fit-content;
    margin-top: 4px;
    font-size: var(--krds-pc-font-size-body-small)
}

.cms_TextArea .inner_TextArea ul li dl dd {
    position: relative;
    padding: 2px 0 2px 18px;
    font-size: var(--krds-pc-font-size-body-small);
    color: #676767;
    width: 50%
}

.cms_TextArea .inner_TextArea ul li dl dd + dd {
    width: 25%;
}

.cms_TextArea .inner_TextArea ul li dl dd:before {
    display: block;
    content: '';
    position: absolute;
    left: 10px;
    top: 16px;
    width: 2px;
    height: 2px;
    background: #464646;
}

.cms_TextArea .inner_TextArea ul li p {
    /* line-height: 1.4rem; */
    position: relative;
    letter-spacing: -.025em;
    padding-bottom: .7em;
    margin: 0;
    /* font-size:.95rem; */
}

.cms_TextArea .inner_TextArea ul li .ImageGroup {
    display: inline-block;
    width: 100%;
}

.cms_TextArea .inner_TextArea ul li .ImageGroup>p {
    display: inline-block;
}

.cms_TextArea .inner_TextArea ul li .ImageGroup>p>img {
    width: 100% !important;
    min-height: 150px;
    height: 300px;
}

.cms_TextArea .inner_TextArea ul li .ImageGroup>p>em {
    text-align: center;
    display: block;
    margin-bottom: 15px;
    font-size: 2.4rem;
}

.cms_TextArea .inner_TextArea ul li ul {
    padding: 0 0 0 0;
}

.cms_TextArea .inner_TextArea ul>li>ul>li {
    padding: 0 0 .7rem 10px;
}

.cms_TextArea .inner_TextArea ul li ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 15px;
    width: 4px;
    height: 1px;
    background: #085890;
    border-radius: 0;
}

.cms_TextArea .inner_TextArea ul li ul li+li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 10px;
    width: 4px;
    height: 1px;
    background: #085890;
    border-radius: 0;
}

.cms_TextArea .inner_TextArea ul.list {
    padding: 0;
}

.cms_TextArea .inner_TextArea ul.list li {
    padding: 0;
    position: relative;
    display: inline-block;
    color: #555;
    font-weight: var(--krds-typo-font-weight-regular);
    ;width: calc(50% - 5px);
    padding: 0 20px;
    border: 1px solid #e8e9ee;
    margin: 0.05em 0.01em;
    vertical-align: top;
    background: #fff
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(even) {
    margin-right: 0;
    width: 50%
}

.cms_TextArea .inner_TextArea ul.list li:before {
    content: "";
    display: none;
}

.cms_textArea .inner_TextArea ul.list li dl dt {
    display: -webkit-box;
    position: relative;
    float: left;
    box-sizing: border-box;
    text-overflow: ellipsis;
    width: 100%;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 30px;
    vertical-align: middle;
    height: 40px;
    text-align: left;
    font-size: 16px
}

.cms_textArea .inner_TextArea ul.list li dl dt:before {
    display: none;
}

.cms_TextArea .inner_TextArea ul.list li dl dd {
    display: inline-block;
    padding: 0 0 0 10px;
    text-align: right;
    font-size: var(--krds-pc-font-size-body-small);
    color: #676767
}

.cms_TextArea .inner_TextArea ul.list li dl dd:before {
    display: none;
}

.cms_TextArea .inner_TextArea ul.list li dl dd a:nth-child(n + 2) {
    margin-left: 4px
}

.cms_TextArea .inner_TextArea ul.clearfix {
    zoom:1;border: none!important
}

.cms_TextArea .inner_TextArea ul.clearfix:before {
    content: "";
    display: table;
}

.cms_TextArea .inner_TextArea:last-child .inner_btnArea {
    padding: 30px 0;
}

.cms_TestArea .inner_TextArea>p {
    position: relative;
    line-height: 1.6!important;
    letter-spacing: -.024em!important;
    color: #5b5b5b
}

/*여성농업인관련 css*/
.cms_TextArea .inner_TextArea>ul.list>li.listSmallw25 {
    position: relative;
    display: inline-block;
    color: #555;
    font-weight: var(--krds-typo-font-weight-regular);
    width: calc(25% - 4px);
    padding: .3em 1em .2em 1em;
    border: 1px solid #ddd;
    margin: 0.1em 0.01em;
}

.cms_TextArea .inner_TextArea>ul.list>li.listSmallw25.no1 {
    position: relative;
    display: inline-block;
    color: #555;
    font-weight: var(--krds-typo-font-weight-regular);
    width: calc(25% - 4px);
    padding: .3em 1em .2em 1em;
    border: 1px solid #c3c9e4;
    margin: 0.1em 0.01em;
    background: #f4f6ff;
}

.cms_TextArea .inner_TextArea>ul.list>li.listSmallw25.no2 {
    position: relative;
    display: inline-block;
    color: #555;
    font-weight: var(--krds-typo-font-weight-regular);
    width: calc(25% - 4px);
    padding: .3em 1em .2em 1em;
    border: 1px solid #ffc9c9;
    margin: 0.1em 0.01em;
    background: #fff5f5;
}

.cms_TextArea .inner_TextArea>ul.list>li.listSmallw40 {
    position: relative;
    display: inline-block;
    color: #555;
    font-weight: var(--krds-typo-font-weight-regular);
    width: calc(40% - 4px);
    padding: .3em 1em .2em 1em;
    border: 1px solid #ddd;
    margin: 0.1em 0.01em;
}

.cms_TextArea .inner_TextArea>ul.list>li.listSmallw100 {
    position: relative;
    display: inline-block;
    color: #555;
    font-weight: var(--krds-typo-font-weight-regular);
    width: calc(100% - 4px);
    padding: .3em 1em .2em 1em;
    border: 0;
    margin: 0.1em 0.01em;
    height: 3.5em;
}

.cms_TextArea .inner_TextArea>ul.list>li.listSmallw50 {
    border: 0;
    padding: 0;
}

.cms_TextArea .inner_TextArea .listType2 ul>li>p {
    padding: 5px 5px;
    font-size: 1.1em;
    position: relative;
    color: #6a727f;
    font-weight: var(--krds-typo-font-weight-regular);
    line-height: 1.4em;
    margin-bottom: .7em;
}

.cms_TextArea .inner_TextArea ul.list .listType2 li {
    color: #fff;
    font-size: 1em;
    padding-left: 2.4rem;
    position: relative
}

.cms_TextArea .inner_TextArea ul.list .listType2 {
    position: relative;
    padding: .2rem 1.6rem;
    background: #ecf6ff;
    color: #343434;
    margin: .3em auto;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    line-height: 2em;
    padding-left: 36px;
    width: 100%
}

.cms_TextArea .inner_TextArea ul.list li .listType2:before {
    content: '1';
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 31px;
    height: 100%;
    background: #156da9 center center / 45%;
    transform: rotate(360deg);
    border-radius: 3px;
    color: #fff;
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(2) .listType2:before {
    content: '2';
    /*position: absolute;  display: block;  left: 0;  top: 0;  width: 31px; height: 100%;  background: #25578c center center / 45%; transform: rotate(360deg); border-radius: 3px;*/
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(3) .listType2:before {
    content: '3'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(4) .listType2:before {
    content: '4'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(5) .listType2:before {
    content: '5'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(6) .listType2:before {
    content: '6'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(7) .listType2:before {
    content: '7'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(8) .listType2:before {
    content: '8'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(9) .listType2:before {
    content: '9'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(10) .listType2:before {
    content: '10'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(11) .listType2:before {
    content: '11'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(12) .listType2:before {
    content: '12'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(13) .listType2:before {
    content: '13'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(14) .listType2:before {
    content: '14'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(15) .listType2:before {
    content: '15'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(16) .listType2:before {
    content: '16'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(17) .listType2:before {
    content: '17'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(18) .listType2:before {
    content: '18'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(19) .listType2:before {
    content: '19'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(20) .listType2:before {
    content: '20'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(21) .listType2:before {
    content: '21'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(22) .listType2:before {
    content: '22'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(23) .listType2:before {
    content: '23'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(24) .listType2:before {
    content: '24'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(25) .listType2:before {
    content: '25'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(26) .listType2:before {
    content: '26'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(27) .listType2:before {
    content: '27'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(28) .listType2:before {
    content: '28'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(29) .listType2:before {
    content: '29'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(30) .listType2:before {
    content: '30'
}

.cms_TextArea .inner_TextArea ul.list li:nth-child(31) .listType2:before {
    content: '31'
}

.cms_TextArea .inner_TextArea ul.list .listType2 li>p {
    font-size: 1em;
    color: #555;
}

.cms_TextArea .inner_TextArea ul.list .listType2 li>ul>li {
    padding-left: 0 !important;
}

.cms_TextArea .inner_TextArea ul.list .listType2 li>ul>li:before {
    display: none;
}

.cms_TextArea .inner_TextArea strong.point1 {
    color: #969696;
    font-size: 14px;
}

.cms_TextArea .inner_TextArea>ul.decimal {
    padding-left: 2.7rem
}

.cms_TextArea .inner_TextArea>ul.decimal>li {
    list-style: decimal;
    padding: 0 0 10px 0px;
    
}

.cms_TextArea .inner_TextArea>ul.decimal>li:before {
    display: none;
}

.cms_TextArea .inner_TextArea ul.half {
}

.cms_TextArea .inner_TextArea ul.half>li {
    padding: 0 10px;
    /* font-size:18px; */
    position: relative;
    color: #555;
    width: calc(50% - 1%);
    display: inline-block;
    vertical-align: top;
}

.cms_TextArea .inner_TextArea ul.half>li:before {
    display: none;
}

.cms_TextArea .inner_TextArea>ul.half>li>dl>dt {
    overflow: hidden;
    font-size: 100%;
    position: relative;
    width: 20%;
    display: -webkit-box;
    float: left;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 30px;
    vertical-align: middle;
}

.cms_TextArea .inner_TextArea>ul.half>li>dl>dt:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;
    width: 3px;
    height: 3px;
    background: #085890;
    border-radius: 10px;
}

.cms_TextArea .inner_TextArea>ul.half>li>dl>dd {
    display: inline-block;
    padding: 0 0 0 10px;
    text-align: left;
    width: calc(100% - 21%);
    line-height: 30px;
}

.cms_TextArea .inner_TextArea>ul.half>li>dl>dd:before {
    display: none;
}

.cms_TextArea .inner_TextArea>ul.half>li>ul {
    padding: 0;
}

.cms_TextArea .inner_TextArea>ul.half>li>ul>li {
    font-size: 16px;
    line-height: 1.8em;
}

.cms_TextArea .inner_TextArea>ul.half>li>ul>li>ul {
    padding: 0 0 0 10px;
}

.cms_TextArea .inner_TextArea>ul.half>li>ul>li:before {
    display: none;
}

.cms_TextArea .inner_TextArea>ul.half>li>ul>li>ul>li:before {
    display: none;
}

.cms_TextArea .inner_TextArea ul.on-third {
}

.cms_TextArea .inner_TextArea ul.on-third>li {
    padding: 0 10px 0 0;
    font-size: 16px;
    position: relative;
    color: #555;
    width: calc(33% - 1px);
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
}

.cms_TextArea .inner_TextArea ul.on-third>li:before {
    display: none;
}

.cms_TextArea .inner_TextArea>ul>li>ul {
    padding: 10px 0 0 0 ;
}

.cms_TextArea .inner_TextArea>ul>li>ul>li {
    font-size: .9em;
    position: relative;
    color: #545454;
    line-height: 1.4em;
}

.cms_TextArea .inner_TextArea>ul>li>ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 12px;
    width: 3px;
    height: 1px;
    background: #545454;
    border-radius: 10px;
}

.cms_TextArea .inner_TextArea>ul>li>ul>li>p {
    font-size: .9em;
    color: #545454;
}

.cms_TextArea .inner_TextArea>ul>li>ul>li>ul {
    padding: 10px 0 0 0 ;
}

.cms_TextArea .inner_TextArea>ul>li>ul>li>ul>li {
    font-size: 1em;
    position: relative;
    color: #545454;
    line-height: 1.8em;
    padding: 0 0 10px 0 ;
}

.cms_TextArea .inner_TextArea>ul>li>ul>li>ul>li>p {
    font-size: 1em;
    color: #545454;
}

.cms_TextArea .inner_TextArea ul.hangul li {
    font-size: 1em;
    padding-left: 2.4rem;
    position: relative;
    color: #555;
}

.cms_TextArea .inner_TextArea ul.hangul li:before {
    content: '가.';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #555;
    width: inherit;
    height: inherit;
    background: transparent;
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(2):before {
    content: '나.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(3):before {
    content: '다.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(4):before {
    content: '라.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(5):before {
    content: '마.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(6):before {
    content: '바.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(7):before {
    content: '사.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(8):before {
    content: '아.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(9):before {
    content: '자.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(10):before {
    content: '차.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(11):before {
    content: '카.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(12):before {
    content: '타.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(13):before {
    content: '파.'
}

.cms_TextArea .inner_TextArea ul.hangul li:nth-child(14):before {
    content: '하.'
}

.cms_TextArea .inner_TextArea ul.hangul li>ul>li {
    padding: 0 0 5px 0 ;
    color: #555;
    line-height: 1.4em;
}

.cms_TextArea .inner_TextArea ul.hangul li>ul>li:before {
    display: none;
}

.cms_TextArea .inner_TextArea ul.hangul li>ul>li>p {
    padding: 0 0 5px 10px ;
    line-height: 1.2em;
}

.cms_TextArea .inner_TextArea ul.hangul li>ul>li>ul>li {
    padding: 0 0 5px 10px ;
    line-height: 1.2em;
}

.cms_TextArea .inner_TextArea ul.hangul li>ul>li>ul>li:before {
    display: none;
}

.cms_TextArea .inner_TextArea ul.numbers {
    padding: 2.7rem 2.4rem!important;
    background: #f6faff;
    margin: 10px 0 0 0
}

.cms_TextArea .inner_TextArea ul.numbers li {
    color: #555;
    font-size: 1em;
    padding-left: 10px;
    position: relative
}

/*.cms_TextArea .inner_TextArea ul.numbers li:before{ content: '1.'; display: block; position: absolute; left: 0; top: 5px; color: #555; width: inherit; height: inherit;   background: transparent;}
.cms_TextArea .inner_TextArea ul.numbers li:before:first-child {top:5px}
.cms_TextArea .inner_TextArea ul.numbers li:nth-child(2):before{ content: '2.'}
.cms_TextArea .inner_TextArea ul.numbers li:nth-child(3):before{ content: '3.'}
.cms_TextArea .inner_TextArea ul.numbers li:nth-child(4):before{ content: '4.'}
.cms_TextArea .inner_TextArea ul.numbers li:nth-child(5):before{ content: '5.'}
.cms_TextArea .inner_TextArea ul.numbers li:nth-child(6):before{ content: '6.'}
.cms_TextArea .inner_TextArea ul.numbers li:nth-child(7):before{ content: '7.'}
.cms_TextArea .inner_TextArea ul.numbers li:nth-child(8):before{ content: '8.'}
.cms_TextArea .inner_TextArea ul.numbers li:nth-child(9):before{ content: '9.'}
.cms_TextArea .inner_TextArea ul.numbers li:nth-child(10):before{ content: '10.'}*/
.cms_TextArea .inner_TextArea ul.numbers li>p {
    font-size: 1em;
    color: #555;
}

.cms_TextArea .inner_TextArea ul.numbers li>ul>li {
    padding-left: 0 !important;
}

.cms_TextArea .inner_TextArea ul.numbers ul>li:before {
    display: none;
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li {
    font-size: .95em;
    padding-left: 2.4rem;
    position: relative
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li:before {
    content: '①';
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    color: #555;
    width: inherit;
    height: inherit;
    background: transparent;
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li:nth-child(2):before {
    content: '②'
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li:nth-child(3):before {
    content: '③'
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li:nth-child(4):before {
    content: '④'
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li:nth-child(5):before {
    content: '⑤'
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li:nth-child(6):before {
    content: '⑥'
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li:nth-child(7):before {
    content: '⑦'
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li:nth-child(8):before {
    content: '⑧'
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li:nth-child(9):before {
    content: '⑨'
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li:nth-child(10):before {
    content: '⑩'
}

.cms_TextArea .inner_TextArea ul.circle_numbers>li>p {
    font-size: 1em;
    color: #555;
}

.cms_TextArea .inner_TextArea ul.numbers li>ul.circle_numbers>li {
    padding-left: 1.5em !important;
}

.cms_TextArea .inner_TextArea ol {
    padding-left: 0;
}
.cms_TextArea .inner_TextArea ol.w50 { width:50%}

.cms_TextArea .inner_TextArea ol li {
    line-height: 1.6;
    margin-bottom: .4em;
}

.cms_TextArea .inner_TextArea ol li:last-child {
    margin-bottom: .7em;
}

.cms_TextArea .inner_TextArea ol li p {
    margin-top: 0;
    line-height: 1.4em;
    /*margin-bottom:.7em;*/
    padding: 0;
}

.cms_TextArea .inner_TextArea ol li ul li p {
    padding-top: 10px
}

.cms_TextArea .inner_TextArea ol.figure {
    counter-reset: lists-1;
    list-style-type: none;
    font-size: var(--krds-pc-font-size-body-medium)
}

.cms_TextArea .inner_TextArea ol.figure>li {
    position: relative;
    padding-left: 2.7rem;
    margin-top: 20px;
}

.cms_TextArea .inner_TextArea ol.figure>li>span {
    display: block;
    font-size: 1em;
}

.cms_TextArea .inner_TextArea ol.figure>li:before {
    position: absolute;
    left: 0;
    top: 0;
    counter-increment: lists-1;
    content: counter(lists-1) ".";
    font-size: var(--krds-pc-font-size-body-medium);
}

.cms_TextArea .inner_TextArea>ol.figure>li>span {
    display: block;
    margin-bottom: 3px;
    font-size: var(--krds-pc-font-size-body-medium);
    color: #111
}

.cms_TextArea .inner_TextArea>ol.figure>li:before {
    position: absolute;
    left: 0;
    top: 0;
    counter-increment: lists-1;
    content: counter(lists-1) ".";
    font-size: var(--krds-pc-font-size-body-medium);
    
    color: #111
}

.cms_TextArea .inner_TextArea ol.counter {
    counter-reset: lists;
    list-style-type: none;
    padding-left: 0;
    padding-top: 10px;
}

.cms_TextArea .inner_TextArea ol.counter>li {
    position: relative;
    padding-left: 2.7rem;
    margin-bottom: 0;
}

.cms_TextArea .inner_TextArea ol.counter>li:before {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 0;
    counter-increment: lists;
    content: counter(lists) ")";
    background: none
}

.cms_TextArea .inner_TextArea table ul li {
}

.cms_TextArea .inner_TextArea table ul li {
    line-height: 1.2rem;
    padding: 0 0 .5rem 10px;
    color: #555;
}

.cms_TextArea .inner_TextArea table ul li:before {
    top: 8px;
}

/* CMS 버튼 :: vod 보러가기 */
.cms_TextArea .inner_TextArea .btn_Vod {
    position: relative;
    display: inline-block;
    margin: 15px auto;
    padding: 0.2em 3em 0.3em 2em;
    padding-right: calc(40px + 2em);
    line-height: 2.3em;
    letter-spacing: -0.05em;
    font-size: var(--krds-pc-font-size-body-medium);
    
    text-align: center;
    border-radius: 4px;
    border: 1px solid #156da9;
    background-color: #3c3e45;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
    color: #fff
}

.cms_TextArea .inner_TextArea .btn_Vod:before {
    content: '';
    position: absolute;
    right: 30.4px;
    top: 27px;
    width: 8px;
    height: 1px;
    background: #fff;
    transform: skew(-21deg,34deg);
    -webkit-transform: skew(-21deg,34deg)
}

.cms_TextArea .inner_TextArea .btn_Vod:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 30px;
    margin-left: 10px;
    width: 32px;
    height: 1px;
    background: #fff;
}

.cms_TextArea .inner_TextArea .btn_Vod:hover {
    border: 1px solid #156da9;
    color: #156da9;
    background: #fff;
    transition: 0.5s
}

.cms_TextArea .inner_TextArea .btn_Vod:hover:before {
    background: #156da9
}

.cms_TextArea .inner_TextArea .btn_Vod:hover:after {
    background: #156da9
}

/* CMS 버튼 :: pdf 미리보기 */
.cms_TextArea .inner_TextArea .btn_s_PDF {
    display: inline-block;
    position: relative;
    margin: 20px auto;
    padding: 0 20px;
    border-radius: 30px;
    line-height: 34px;
    padding-right: 40px;
    text-align: center;
    letter-spacing: -0.03em;
    font-size: var(--krds-pc-font-size-body-small);
    
    color: #157941;
    border: 1px solid #157941;
    background: #fff;
}

/* 미리보기 버튼 수정 */
.cms_TextArea .inner_TextArea .btn_s_PDF:before {
    display: none
}

.cms_TextArea .inner_TextArea .btn_s_PDF:after {
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top: 12px;
    width: 18px;
    height: 8px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/ico_preview.png');
    background-repeat: no-repeat;
    background-position: 0 -10px;
}

.cms_TextArea .inner_TextArea .btn_s_PDF:hover {
    color: #fff;
    background-color: #157941;
    background-position: 0 0;
}

.cms_TextArea .inner_TextArea .btn_s_PDF:hover:after {
    background-position: 0 0;
}

/* CMS 버튼 :: pdf 다운로드 */
.cms_TextArea .inner_TextArea .btn_s_txDown {
    display: inline-block;
    position: relative;
    margin: 20px auto;
    padding: 0 20px;
    border-radius: 30px;
    line-height: 34px;
    padding-right: 40px;
    text-align: center;
    letter-spacing: -0.03em;
    font-size: var(--krds-pc-font-size-body-small);
    
    background: #fff;
    border: 1px solid #1973bf;
    color: #1973bf;
}

/* 다운로드 버튼 수정 */
.cms_TextArea .inner_TextArea .btn_s_txDown:before {
    display: none
}

.cms_TextArea .inner_TextArea .btn_s_txDown:after {
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top: 12px;
    width: 20px;
    height: 10px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/ico_down.png');
    background-repeat: no-repeat;
    background-position: 0 -10px;
}

.cms_TextArea .inner_TextArea .btn_s_txDown:hover {
    color: #fff;
    background-color: #1973bf;
}

.cms_TextArea .inner_TextArea .btn_s_txDown:hover:after {
    background-position: 0 0;
}

/*-------------------------------- diagram --------------------------------*/
.cms_TextArea .inner_TextArea .diagram {
    width: 60%;
}

.cms_TextArea .inner_TextArea .diagram.diagram_half {
    width: 100%;
}

.cms_TextArea .inner_TextArea .diagram>dt {
    display: none;
}

.cms_TextArea .inner_TextArea .diagram.diagram_half>dd {
    width: calc(50% - 10px);
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.cms_TextArea .inner_TextArea .diagram.diagram_half>dd:last-child {
    margin-right: 0;
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li {
    position: relative;
    margin-bottom: 50px;
    background: #FFF;
    line-height: 2em;
    
    border: 1px #ede9e9 solid;
    padding: 5px 10px;
    padding: 7px 10px;
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li:before {
    display: none;
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li>span {
    background: #e1ecf4;
    color: #39739d;
    text-align: center;
    padding: 0 10px;
    border-radius: 3px;
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li>p {
    display: inline-block;
    color: #666;
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li.topData {
    background: #f1f1f1;
    
    text-align: center;
    border: 1px #ede9e9 solid;
    margin-bottom: 20px;
    padding: 5px 10px;
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li.top_btm_Data, .cms_TextArea .inner_TextArea .diagram>dd>ul>li.btmData {
    background: #fcfcfc;
    line-height: 2.5em;
    
    text-align: center;
    border: 1px #ede9e9 solid;
    padding: 5px 10px;
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li .icon_arrow {
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -42px;
    transform: translate(-50%, -50%)
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li .icon_arrow:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #79c57c;
    border-right: 2px solid #79c57c;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%) rotate(45deg)
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li .icon_arrow:after {
    content: "";
    display: block;
    width: 2px;
    height: 25px;
    background: linear-gradient(45deg, #79c57c 50%, #FFF 100%);
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translate(-50%, 0)
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li .icon_arrow2 {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -32px;
    transform: translate(-50%, -50%)
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li .icon_arrow2:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #79c57c;
    border-left: 2px solid #79c57c;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%) rotate(45deg)
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li .icon_arrow2:after {
    content: "";
    display: block;
    width: 2px;
    height: 25px;
    background: linear-gradient(45deg, #FFF 0%, #79c57c 50%);
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translate(-50%, 0)
}

.cms_TextArea .inner_TextArea .diagram {
    margin: 20px auto 0
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li {
    position: relative;
    display: block;
    margin-bottom: 50px;
    padding: 7px 10px;
    border: 1px solid #ede9e9;
    border-radius: 3px;
    background: #fff;
    line-height: 2.5em;
    
    vertical-align: middle;
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li>p {
    margin-left: 4px;
}

.cms_TextArea .inner_TextArea .diagram>dd>ul>li>span {
    background: #e1ecf4;
    color: #316286;
    text-align: center;
    padding: 6px 18px;
    border-radius: 4px
}

.cms_TextArea hr {
    display: none
}

/****************************************/
/* BUTTON style
/****************************************/
/* 버튼 스타일: 뒤에 w가 오는것은 기본버튼 길이 값입니다.*/
/*검색*/
.btn-1-w {
    width: 64px;
    padding: 0;
    text-align: center;
}

/*기본값*/
.btn-7 {
    height: 57px;
    background: url(https://www.nongsaro.go.kr/ps/img/bg/bg_btn7.gif) repeat-x 0 0;
    line-height: 57px;
}

/* 덧글입력 버튼 */
[class^="btn-2_2"] span {
    display: inline-block;
    height: 20px;
    padding: 0 15px;
    background: #5c5c5c;
    border: 1px solid #888;
    
    color: #fff;
    line-height: 18px;
}
/*목록, 뒤로가기, 자료조회, 이전자료보기, 이전화면, 다운로드, 패키지 정보, 엑셀저장, 인쇄 */
.btn-2_2w span {
    min-width: 60px;
    text-align: center;
}

/*기본값*/
[class^="btn-2"] {
    padding: .2em 1em;
    background: #f9f9f9;
    border: 1px solid #dedede;
    border-radius: 3px;
    font-size: var(--krds-pc-font-size-body-small);
    
    line-height: 2em;
}

[class^="btn-2-w"]:hover {
    color: #FFF;
}

[class^="btn-3"] {
    display: inline-block;
    min-width: 13rem;
    margin-left: 15px;
    padding: 0 1.6rem;
    background: #333;
    border: 1px solid #333;
    font-size: var(--krds-pc-font-size-body-small);
    color: #fff;
    line-height: 3.7rem;
    vertical-align: middle
}

/*인쇄, 스크랩 */
[class^="btn-3"]:hover, [class^="btn-3"]:focus {
    color: #fff;
}

.btn-3 span.print, .btn-3 span.scrap {
    display: inline-block;
    width: 13px;
    height: 12px;
    padding-left: 5px;
    vertical-align: top;
    margin-top: 3px;
}

.btn-3 span {
    color: #fff;
}

/*.btn-3 span{display:inline-block; width:13px;height:12px;padding-left:5px;}*/
.btn-3 .print {
    background: url(https://www.nongsaro.go.kr/ps/img/icon/bullet_print.png) 0 0 no-repeat;
}

.btn-3 .scrap {
    background: url(https://www.nongsaro.go.kr/ps/img/icon/bullet_scrap.png) 0 0 no-repeat;
}

/*검색*/
.btn-3-w {
    width: 64px;
    padding: 0;
    text-align: center;
}

/*기본값*/
.btn-3.on {
    border: 1px solid #888;
}

.btn-3.on span {
    color: #fff;
}

.ie7 .btn-3, .ie8 .btn-3 {
    line-height: 18px;
}

.btn-3-w.on {
    border: 1px solid #888;
}

.btn-3-w.on span {
    color: #fff;
}

.ie7 .btn-3-w, .ie8 .btn-3-w {
    line-height: 18px;
}

[class^="btn-5"] {
    display: inline-block;
    height: 18px;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #dedede;
    border-bottom: 1px solid #c8c8c8;
    color: #666;
    line-height: 20px;
}

[class^="btn-5"]:hover {
    color: #000;
    border: 1px solid #aaaaaa;
}

[class^="btn-6"] {
    display: inline-block;
    padding: 15px 40px;
    background: #fff;
    border: 1px solid #dedede;
    border-bottom: 1px solid #c8c8c8;
    font-weight: bold;
    color: #666;
    line-height: 24px;
}

[class^="btn-6"]:hover {
    border: 1px solid #519c26;
    color: #000;
    text-decoration: none;
}

.btn-8n-w {
    width: 199px;
    float: left;
    padding: 0;
    text-align: center;
    height: 34px;
    background: url(https://www.nongsaro.go.kr/ps/img/bg/n_btn08_bg.png) no-repeat;
    font-size: 12px;
    color: #333333;
    line-height: 34px;
}

/*기본값*/
[class^="btn-08n"] {
    display: inline-block;
    height: 20px;
    line-height: 22px;
    background: url(https://www.nongsaro.go.kr/ps/img/bg/n_btn008_bg.png) right no-repeat;
}

[class^="btn-08n"]:hover {
    color: #666;
}

.btn-08n-w {
    width: 71px;
    padding: 0;
    text-align: center;
    padding-right: 5px;
    line-height: 22px;
    background: url(https://www.nongsaro.go.kr/ps/img/bg/n_btn008_bg.png) right no-repeat;
}

/*기본값*/
/*2차사업 추가 2013년 이전자료 보기 버튼*/
[class^="btn-new"] span {
    display: inline-block;
    height: 24px;
    padding: 0 7px 0 0;
    background: #f8f8f6 url(https://www.nongsaro.go.kr/ps/img/icon/ico_folder.gif) no-repeat 90% 50%;
    border: 1px solid #b7b7b7;
    font-weight: bold;
    color: #666;
    line-height: 24px;
}

.btn-new-w span {
    min-width: 120px;
    text-align: center;
    padding-left: 0
}

.btn_gray_n {
    background: #5c5c5c;
    padding: 3px 7px;
}

.btn_gray_n span {
    color: #fff;
    font-size: 12px
}

.btn_sel_n {
    background: #f8f8f6;
    color: #737373;
    border: solid 1px #bbb;
    padding: 2px 10px;
    font-size: 12px
}

.btn_sel_n:hover {
    background: #509a27;
    color: #fff
}

/*버튼Style*/
a.btn-G {
    display: inline-block;
    background-color: #959595;
    color: #fff;
    padding: .8rem 1.6rem;
    font-size: var(--krds-pc-font-size-body-small);
}

a.btn-G_S {
    display: inline-block;
    background-color: #959595;
    color: #fff;
    padding: .3rem 1.4rem;
    font-size: var(--krds-pc-font-size-body-xsmall);
}

/*상단버튼*/
.btn-area.bdr-top {
    border-top: 1px solid #dedede;
}

.btn-area a {
    display: inline-block;
    background: #444;
    color: #fff;
    height: auto;
    line-height: 2.3em;
    margin: 0 2px;
    padding: 5px 20px;
    border-radius: 4px;
    font-size: var(--krds-pc-font-size-body-medium);
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    transition: 0.5s;
}

.btn-area a.btn-2-w {
    min-width: 140px;
    height: 46px;
    padding: .2rem 1rem;
    background: #444
}

.btn-area a.btn-2-w:hover {
    border: 1px solid #444;
    background: #fff;
    color: #444
}

.btn-area a.btn-2-w:hover span {
    color: #444
}

.btn-area a.btn-2 {
    margin: 0 0 0 auto;
    border: 1px solid #dae2f3;
    background: #e7ecf7;
    line-height: 1.8em;
}

.btn-area a.btn-2>span {
    color: #022b48;
}

.btn-area a.btn-2.blue>span {
    color: #FFF;
}

.btn-area a.btn-2-w>span {
    color: #fff;
}

.btn-area a.btn-3 {
    background: #085890;
}

.btn-area a.btn-4 {
    background: #cecece;
    line-height: 1.8em;
}

.btn-area a.blue {
    background: #085890;
    color: #fff!important;
    border:1px solid #085890
}

.btn-area a.blue:hover {
    background: #fff;
    color: #085890!important
}

.btn-area a.blue:hover span {
    color: #085890
}

.btn_Basic {
    display: inline-block;
    font-size: var(--krds-pc-font-size-body-xsmall);
    height: 24px;
    line-height: 22px;
    margin: 0 4px;
    padding: 0 6px;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.5s;
}

.btn_Basic {
    background-color: inherit;
    border: 1px solid #3c3e45;
    font-weight: var(--krds-typo-font-weight-regular);
    color: #3c3e45;
}

.btn_Basic:hover {
    border: 1px solid #3c3e45;
    background-color: #3c3e45;
    
    color: #fff
}

.moBtnArea {
    background: var(--krds-color-light-secondary-5);
    padding: 10px 0;
    text-align: center;
}
.btn-area.moBtnArea a.btn-2 {
    font-size: var(--krds-pc-font-size-body-small);
    letter-spacing: -.025em;
    margin: 2px;
    padding: 5px 10px;
    background: #FFF;
    border: 1px solid #ddd;
    position: relative;
    display: inline-block;
}
.btn-area.moBtnArea a.btn-2:hover {
    border: 1px solid #1973bf;
}

.btn-area.moBtnArea a.btn-2 > span {
    color: #565656;
}

.btn-area.moBtnArea a.btn-2[target="_blank"]:before {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 17px;
    width: 8px;
    height: 1px;
    background: #343434;
    transform: skew(-21deg,34deg);
    -webkit-transform: skew(-21deg,33deg);
}

.btn-area.moBtnArea a.btn-2[target="_blank"]:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 15px;
    height: 1px;
    background: #343434;
}

.btn-area.moBtnArea a.btn-2[target="_blank"]:hover:before {
    background: #1973bf;
}

.btn-area.moBtnArea a.btn-2[target="_blank"]:hover:after {
    background: #1973bf;
}

/*다운로드*/
.btn_down, .btn-4-w {
    display: inline-block;
    height: 24px;
    margin: 0 4px;
    padding: .2em 1em;
    border: 1px solid #dedede;
    border-radius: 3px;
    text-align: center;
    line-height: 22px;
    background: #f9f9f9;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.5s;
    font-weight: var(--krds-typo-font-weight-regular);
    
    font-size: var(--krds-pc-font-size-body-xsmall);
}

.btn_down:hover, .btn-4-w:hover {
    border: 1px solid #3c3e45;
    background-color: #3c3e45;
    
    color: #fff
}

.btn_txDown {
    display: inline-block;
    z-index: 2;
    position: relative;
    height: 46px;
    margin: 10px auto;
    padding: .1em 1em .2em 1em;
    padding-right: 52px!important;
    border: 1px solid #3f51b5;
    line-height: 2.5em;
    background: #3f51b5;
    color: #fff;
    transition: 0.5s;
    font-size: var(--krds-pc-font-size-body-medium);
    text-align: center;
    border-radius: 6px;
}

.btn_txDown:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/icon_txDown.png') left center no-repeat;
    background-size: 100%;
    background-position: 0 0;
}

.btn_txDown:hover {
    background: #fff;
    color: #3f51b5;
    border: 1px solid #3f51b5
}

.btn_txDown:hover:after {
    background-position: 0 -17px;
}

.btn_s_txDown {
    display: inline-block;
    position: relative;
    font-size: var(--krds-pc-font-size-body-small);
    letter-spacing: -0.03em;
    min-width: 100px;
    height: 36px;
    line-height: 34px;
    margin: 4px;
    padding: 0 30px 0 12px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.5s;
    background-color: #1973bf;
    border: 1px solid #1973bf;
    font-weight: var(--krds-typo-font-weight-regular);
    color: #fff;
    transition: 0.5s
}

.btn_s_txDown:before {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 10px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/ico_down.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.btn_s_txDown:hover::before {
    background-position: 0 -10px;
}

.btn_s_txDown:hover {
    background: #fff;
    color: #1973bf;
}

.btn_s_tx {
    position: relative;
    padding: .1em 1em ;
    background: #3f51b5;
    font-size: var(--krds-pc-font-size-body-xsmall);
    color: #fff;
    margin: 10px auto;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    line-height: 2em;
}

/*PDF바로보기*/
.btn_PDF {
    position: relative;
    display: inline-block;
    line-height: 44px;
    margin: 15px auto;
    padding: 0 20px;
    padding-right: calc(40px + 2em)!important;
    
    text-align: center;
    border-radius: 4px;
    border: 1px solid #156da9;
    background-color: #3c3e45;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
    color: #fff
}

.btn_PDF:before {
    content: '';
    position: absolute;
    right: 30.4px;
    top: 27px;
    width: 8px;
    height: 1px;
    background: #fff;
    transform: skew(-21deg,34deg);
    -webkit-transform: skew(-21deg,34deg)
}

.btn_PDF:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 30px;
    margin-left: 10px;
    width: 32px;
    height: 1px;
    background: #fff;
}

.btn_PDF:hover {
    border: 1px solid #156da9;
    color: #156da9;
    background: #fff;
    transition: 0.5s
}

.btn_PDF:hover:before {
    background: #156da9
}

.btn_PDF:hover:after {
    background: #156da9
}

.btn_s_PDF {
    display: inline-block;
    position: relative;
    font-size: var(--krds-pc-font-size-body-small);
    letter-spacing: -0.03em;
    min-width: 100px;
    height: 36px;
    line-height: 34px;
    margin: 4px;
    padding: 0 40px 0 12px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.5s;
    background-color: #1973bf;
    border: 1px solid #1973bf;
    font-weight: var(--krds-typo-font-weight-regular);
    color: #fff;
    transition: 0.5s
}

.btn_s_PDF:before {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 10px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/ico_down.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.btn_s_PDF:hover::before {
    background-position: 0 -10px;
}

.btn_s_PDF:hover {
    background: #fff;
    color: #1973bf;
}

/*바로가기*/
.btn_Link {
    display: inline-block;
    position: relative;
    background-color: #11881f;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
    border: 1px solid #11881f;
    border-radius: 4px;
    font-weight: var(--krds-typo-font-weight-regular);
    color: #fff;
    font-size: var(--krds-pc-font-size-body-small);
    letter-spacing: -0.03em;
    min-width: 100px;
    height: 36px;
    line-height: 34px;
    margin: 4px;
    padding: 0 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.5s;
}

.btn_Link:before {
    content: '';
    position: absolute;
    right: 13px;
    bottom: 15px;
    width: 8px;
    height: 1px;
    background: #fff;
    transform: skew(-21deg,34deg);
    -webkit-transform: skew(-21deg,33deg);
}

.btn_Link:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 26px;
    height: 1px;
    background: #fff;
}
.btn_Link:hover, .btn_Link:focus {
    color:#fff
}
.btn_Box_Link {
    position: relative;
    height: 46px;
    line-height: 44px;
    padding: 0 20px;
    padding-right: 52px!important;
    border: 1px solid #31384a;
    background: #31384a;
    color: #fff;
    margin: 10px auto;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    line-height: 2.5em;
    z-index: 10;
    transition: 0.5s;
    font-size: var(--krds-pc-font-size-body-medium)
}

.btn_Box_Link:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/icon_txDown.png') left center no-repeat;
    background-size: 100%;
    background-position: 0 -34px;
}

.btn_Box_Link:hover {
    background: #fff;
    color: #31384a;
    border: 1px solid #31384a
}

.btn_Box_Link:hover:after {
    background-position: 0 -49px;
}

/*하단기본_BTN*/
.btn_default {
    display: inline-block;
    min-width: 140px;
    height: 46px;
    line-height: 44px;
    margin: 0 2px;
    padding: 0 20px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.5s
}

.btn_default {
    background-color: #3c3345;
    border: 1px solid #3c3345;
    font-weight: var(--krds-typo-font-weight-regular);
    color: #fff;
}

.btn_default>span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 1.5em;
    color: #FFF;
    line-height: 4.4rem;
}

.btn_default:hover {
    background: transparent;
}

.btn_default:hover:before {
    height: 100%;
}

.btn_default:hover:after {
    width: 100%;
}

.btn_default:hover>span {
    color: #3c3345;
}

/*HerbageStory_BTN*/
.btn_Her {
    display: inline-block;
    min-width: 140px;
    height: 46px;
    line-height: 44px;
    margin: 0 2px;
    padding: 0 20px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.5s
}

.btn_Her {
    background-color: #157941;
    border: 1px solid #157941;
    font-weight: var(--krds-typo-font-weight-regular);
    color: #fff;
}

.btn_Her>span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: .15em 1.5em .3em 1.5em;
    color: #FFF;
}

.btn_Her:before, .btn_Pis:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    background: none;
}

.btn_Her:hover {
    background: transparent;
    color: #157941;
}

.btn_Her:hover:before {
    height: 100%;
}

.btn_Her:hover:after {
    width: 100%;
}

.btn_Her>span:hover {
    color: #157941;
}

.btn_Her:hover span {
    color: #157941
}

/*동영상관련버튼*/
.btnCombine {
    padding: .2em 1em 0.3em 1em;
    background: #f9f9f9;
    border: 1px solid #dedede;
    border-radius: 3px;
    letter-spacing: -0.05em;
    font-size: var(--krds-pc-font-size-body-small);
    
    vertical-align: middle;
    margin-left: 10px;
}

.btnGroup button {
    display: inline-block;
    padding: .2em 1.8em 0.3em 1em;
    background: #4CAF50;
    margin-right: 5px;
    font-size: var(--krds-pc-font-size-body-small);
    color: #0e4810;
    cursor: pointer;
    border: 1px solid #379c3b;
    border-radius: 3px;
}

.btnGroup button.spread {
    position: relative;
}

.btnGroup button.spread:before {
    content: '';
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    background: #0e4810;
    height: 1px;
    width: 10px;
    transform: translateY(-50%)
}

.btnGroup button.spread:after {
    content: '';
    position: absolute;
    display: block;
    right: 15px;
    top: 50%;
    background: #0e4810;
    height: 10px;
    width: 1px;
    transform: translateY(-50%)
}

.btnGroup button.fold {
    position: relative;
}

.btnGroup button.fold:before {
    content: '';
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    background: #0e4810;
    height: 1px;
    width: 10px;
    transform: translateY(-50%)
}

/*버튼Style*/
a>.detail {
    display: inline-block;
    height: 32px;
    width: 32px;
    text-decoration: none;
    background: url(https://www.nongsaro.go.kr/ps/img/2020Img/ico_smAll.png) no-repeat -144px 0px;
    text-indent: -9999em;
    background-size: 427px auto;
}

a:hover >.detail {
    background-position: -144px -38px;
}

/*다운로드*/
.inner_btnArea>a {
    margin-right: 10px;
}

/*VOD바로보기*/
.btn_Vod {
    position: relative;
    height: 46px;
    line-height: 44px;
    padding: .1em 1em .2em 1em;
    background: #31384a;
    font-size: var(--krds-pc-font-size-body-medium);
    color: #fff;
    margin: 10px auto;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    line-height: 2.5em;
    padding-right: 60px;
}

.btn_Vod:before {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: #272e40;
    border-radius: 0 6px 6px 0;
}

.btn_Vod:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: url(https://www.nongsaro.go.kr/ps/img/2020Img/ico_vodPlay.png)no-repeat center center / 40%;
}

/*VOD_icon바로보기*/
.btn_icon_Vod {
    position: relative;
    padding: .1em .2em;
    background: #FFF;
    font-size: var(--krds-pc-font-size-body-medium);
    color: #fff;
    margin: 0 auto 0 0;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    line-height: 1.8em;
    padding-right: 0;
    text-indent: -99999px;
    width: 35px;
}

.btn_icon_Vod:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 35px;
    height: 100%;
    background: url(https://www.nongsaro.go.kr/ps/img/2020Img/ico_vodPlay2.png)no-repeat center center / 65%;
}

/*Photo_icon바로보기*/
.btn_icon_Photo {
    position: relative;
    padding: .1em .2em;
    background: #FFF;
    font-size: var(--krds-pc-font-size-body-medium);
    color: #fff;
    margin: 0 auto 0 5px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    line-height: 1.8em;
    padding-right: 0;
    text-indent: -99999px;
    width: 35px;
}

.btn_icon_Photo:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 35px;
    height: 100%;
    background: url(https://www.nongsaro.go.kr/ps/img/2020Img/ico_photo.png)no-repeat center center / 65%;
}

/*HerbageStory_BTN*/
.btn_Her {
    position: relative;
    background: rgb(40,141,28);
    font-size: var(--krds-pc-font-size-body-medium);
    color: #FFF;
    display: inline-block;
    margin: 20px 10px;
    text-align: center;
    border-radius: 3px;
    line-height: 2.5em;
    /*box-shadow: 2px 2px 5px 0 rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0 rgba(0,0,0,.1);transition:all 0.3s ease;*/
}

.btn_Her>span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: .15em 1.5em .3em 1.5em;
    color: #FFF;
}

.btn_Her:before, .btn_Pis:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    background: rgba(40,141,28,1);
    transition: all 0.3s ease;
}

.btn_Her:before {
    height: 0%;
    width: 2px;
}

.btn_Her:after {
    height: 2px;
    width: 0%;
}

.btn_Her:hover {
    background: transparent;
    box-shadow: none;
}

.btn_Her:hover:before {
    height: 100%;
}

.btn_Her:hover:after {
    width: 100%;
}

.btn_Her>span:before, .btn_Pis>span:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    background: rgba(40,141,28,1);
    transition: all 0.3s ease;
}

.btn_Her>span:before {
    height: 0%;
    width: 2px;
}

.btn_Her>span:after {
    height: 2px;
    width: 0%;
}

.btn_Her>span:hover {
    color: rgba(40,141,28,1);
}

.btn_Her>span:hover:before {
    height: 100%;
}

.btn_Her>span:hover:after {
    width: 100%;
}

/*동영상관련버튼*/
.btnCombine {
    padding: .2em 1em 0.3em 1em;
    background: #f9f9f9;
    border: 1px solid #dedede;
    border-radius: 3px;
    letter-spacing: -0.05em;
    font-size: var(--krds-pc-font-size-body-small);
    
    vertical-align: middle;
    margin-left: 10px;
}

.btnGroup button {
    display: inline-block;
    padding: .2em 1.8em 0.3em 1em;
    background: #4CAF50;
    margin-right: 5px;
    font-size: var(--krds-pc-font-size-body-small);
    color: #0e4810;
    cursor: pointer;
    border: 1px solid #379c3b;
    border-radius: 3px;
}

.btnGroup button.spread {
    position: relative;
}

.btnGroup button.spread:before {
    content: '';
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    background: #0e4810;
    height: 1px;
    width: 10px;
    transform: translateY(-50%)
}

.btnGroup button.spread:after {
    content: '';
    position: absolute;
    display: block;
    right: 15px;
    top: 50%;
    background: #0e4810;
    height: 10px;
    width: 1px;
    transform: translateY(-50%)
}

.btnGroup button.fold {
    position: relative;
}

.btnGroup button.fold:before {
    content: '';
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    background: #0e4810;
    height: 1px;
    width: 10px;
    transform: translateY(-50%)
}

/*댓글등록버튼*/
.btn-7-1 {
    padding: 0 20px;
    line-height: 100px;
    background: #529ecc;
    height: 100px;
    box-sizing: border-box;
    color: #FFF;
    display: inline-block;
}

/*우측상단검색*/
.schBtn {
    padding: .35em 1em;
    line-height: 1.4rem;
    background: #111;
    font-size: 16px;
    color: #FFF;
    vertical-align: middle;
}

/*lineBtn*/
.btn_line_b {
    position: relative;
    padding: .2em .5em .4em .5em;
    background: #FFF;
    font-size: 1em;
    border: 1px solid #085890;
    color: #364c8e;
    margin: 10px auto;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    line-height: 1.2em;
}

.btn_line_b:hover {
    background: #085890;
    color: #FFF;
}

.btn_line_b2 {
    padding: .2em 1em .4em;
    background: #fff;
    border: 1px solid #085890;
    border-radius: 3px;
    font-size: var(--krds-pc-font-size-body-small);
    color: #364c8e;
    /* line-height:2em; */
}

/*icon-set*/
.icon-set a {
    letter-spacing: -.03em;
    font-size: var(--krds-pc-font-size-body-small);
    border-radius: 20px;
}

.photoList {
    overflow: hidden;
    clear: both
}

.photoList ul li {
    float: left;
    width: 23%;
    margin: 1%;
    border: 1px solid #dedede;
    text-align: center;
    box-sizing: border-box;
}

.photoList ul li label {
    width: 171px;
    background: #e6e6e6;
    height: 120px;
}

.photoList ul li.on {
    background: #f5f5f5;
    border-color: #65c330;
}

.photoList ul li label {
    cursor: pointer;
}

.photoList ul li a img {
    width: 100%;
}

.photoList ul li p {
    padding: 10px;
}

.photoList ul li p.date {
    position: relative;
    display: block;
    color: #8e8e8e;
    font-weight: var(--krds-typo-font-weight-regular);
    font-size: var(--krds-pc-font-size-body-xsmall);
    text-align: right;
}

.photoList li {
    float: left;
    width: 23%;
    margin: 1%;
    border: 1px solid #dedede;
    text-align: center;
    box-sizing: border-box;
}

.photoList ul li img {
    width: 100%;
}

.photoList ul li p {
    padding: 10px;
}

.photoList ul li p.date {
    position: relative;
    display: block;
    color: #8e8e8e;
    font-weight: var(--krds-typo-font-weight-regular);
    font-size: var(--krds-pc-font-size-body-xsmall);
    text-align: right;
}

/* pic-list01  */
.pic-list01 {
    position: relative;
    overflow: hidden;
    clear: both
}

.pic-list01 ul {
    border-top: 2px solid #222;
}

.pic-list01 ul li {
    position: relative;
    min-height: 106px;
    padding: 2.4rem 2rem;
    border-bottom: 1px solid #eaeaea;
    /*border-top:1px solid #eaeaea;*/
    border-left: none;
    border-right: none
}

.pic-list01 ul li ul {
    vertical-align: top;
}

.pic-list01 ul li ul li:first-child {
    display: inline-block;
    width: 20%
}

.pic-list01 ul li ul li {
    display: inline-block;
    width: calc(100% - 21%);
    padding: 0;
    vertical-align: top;
}

.pic-list01 ul li p.thumImg {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.pic-list01 ul li p.thumImg img {
    border: 1px solid #ededed
}

.pic-list01 ul li p.thumImg>a {
    width: 100%;
}

.pic-list01 ul li dl {
    /*margin:0 0 30px 0;*/
    margin: 0;
    position: relative;
}

.pic-list01 ul li dl.con {
    width: calc(100% - 23%);
    display: inline-block;
    margin-left: 2%;
}

.pic-list01 ul li dl dd {
    margin: 0;
    line-height: 1.8;
    margin-left: 15px;
}

.pic-list01 ul li dl dd hr {
    height: 0;
    margin: 0;
    background: #fff
}

.pic-list01 ul li dl dd strong.subject {
    position: relative;
    display: inline-block;
    min-width: 60px;
    max-width: 120px;
    margin-right: 5px;
    padding-left: 10px;
    /*width:100%;
    box-sizing: border-box;*/
    vertical-align: top;
    
}

.pic-list01 ul li dl dd strong.tit {
    position: relative;
    display: block;
    vertical-align: top;
    
}

.pic-list01 ul li dl dd strong.subject:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
    width: 3px;
    height: 3px;
    background: #5a7ffe
}

.pic-list01 ul li dl dd strong.subject:after {
    content: ':';
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-left: 5px
}

.pic-list01 ul li dl dd .inlineBlock {
    display: inline-block!important;
    width: calc(100% - 120px)
}

.pic-list01 ul li dl dd p {
    display: inline-block;
    width: calc(100% - 130px);
}

.pic-list01 ul li dl dd p a {
    display: inline-block;
    font-size: var(--krds-pc-font-size-body-small);
    letter-spacing: -0.03em;
    min-width: 80px;
    height: 36px;
    line-height: 34px;
    margin-right: 4px;
    padding: 0;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.5s;
    /*background-color: #3c3e45; border: 1px solid #3c3e45; color: #fff;*/
    font-weight: var(--krds-typo-font-weight-regular);
}

.pic-list01 ul li dl dd.viewMovie a {
    padding: 0 12px;
    background-color: #3c3e45;
    border: 1px solid #3c3e45;
    color: #fff;
    transition: 0.5s
}

.pic-list01 ul li dl dd.viewMovie a:hover {
    border: 1px solid #3c3e45;
    background: 1px solid #3c3e45;
    color: #fff;
}

.pic-list01 ul li dl dd.viewMovie a span {
    text-decoration: none!important
}

.pic-list01 ul li dl dd.viewMovie a br {
    display: none
}

/*.pic-list01 ul li dl dd p a:hover {color:#fff}*/
/*.pic-list01 ul li dl dd p a span {text-decoration:none!important;}
.pic-list01 ul li dl dd p a span b {color:#fff}*/
/*.pic-list01 ul li dl dd p .icon-set {margin-left:65px}*/
.pic-list01 ul li dl dd p .icon-set.ico-pdf:before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: sub;
    text-decoration: none;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/file/file_set.png')no-repeat 0 0;
    background-position: 0 0
}

.pic-list01 ul li dl dt.category {
    clear: both;
    width: 98%;
    padding-left: 0;
    padding-bottom: 4px;
    
    
    background: none;
}

.pic-list01 ul li dl dt.category:before {
    display: none;
}

/*농촌다움e-book 관련 추가[2022.10]*/
.pic-list01.ebook ul li dl.con {
    width: calc(100% - 18%);
}

.pic-list01.ebook ul li p.thumImg {
    width: 15%;
}

.pic-list01.ebook ul li p {
    width: 100%;
    padding: .5rem 0 ;
    line-height: 1.4rem;
}

.pic-list01.ebook ul li dl dd strong.tit {
    font-size: 2rem;
}

.pic-list01 ul li .picView {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.pic-list01 ul li .ebookView {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.pic-list01 ul li .ebookView>span {
    color: #fff;
}

.pic-list01 ul li .picView a:hover {
    text-decoration: none;
}

.pic-list01 ul li .ebookView a:hover {
    text-decoration: none;
}

.pic-list01 ul li .picView a:hover span {
    text-decoration: none;
    color: #569F2C;
}

.pic-list01 ul li .ebookView a:hover span {
    text-decoration: none;
    color: #fff;
}

.pic-list01.type02 ul li dl dt {
    position: relative;
    /*width:10%;*/
    padding-left: 10px;
    
    
    display: inline-block;
    vertical-align: top;
}

/*width:10%*/
.pic-list01.type02 ul li dl dt:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    background: #085890;
    width: 4px;
    height: 4px;
    border-radius: .5em;
}

.pic-list01.type02 ul li dl dd {
    width: calc(100% - 11%);
    display: inline-block;
    vertical-align: top;
}

.pic-list01.type03 ul li dl dt {
    width: 20%;
    padding-left: 10px;
    padding-bottom: 3px;
    
    color: #569F2C ;
}

/*width:20%*/
.pic-list01.type03 ul li dl dd {
    /*width:80%; margin-left:5%;*/
    width: 87%;
}

.pic-list01.type04 ul li {
    display: inline-block;
    width: calc(50% - 2px);
}

.pic-list01.type04 ul li dl dt {
    width: 25%;
    padding-left: 10px;
    padding-bottom: 3px;
    vertical-align: top;
    
    color: #085890 ;
    display: inline-block;
}

/*width:50%*/
.pic-list01.type04 ul li dl dd {
    width: calc(100% - 27%);
    display: inline-block;
    vertical-align: top;
}
.pic-list01.type05 ul {
    display: flex;
    flex-wrap: wrap;
}
.pic-list01.type05 ul li {
    display: inline-flex;
    width: 50%;
    gap:2.4rem;
}
.pic-list01.type05 ul li dl {
    width:calc(80% - 2.4rem);
    margin-left:0;
    display: flex;
    flex-wrap: wrap;
    gap:.4rem;
}
.pic-list01.type05 ul li dl dt {
    width: 24%;
    color: #085890 ;
    display: inline-block;
    line-height: 1.8;
}
.pic-list01.type05 ul li dl dd {
    width: calc(76% - .4rem);
    display: inline-block;
    margin-left:0;
}

/* pic-list02  */
.pic-list02 {
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    clear: both;
}
.pic-list02 ul li {
    display: inline-block;
    margin: 1%;
    padding: 1em;
    width: calc(33.3% - 2.5%);
    position: relative;
    border: 1px solid #ddd;
    box-sizing: border-box;
    /*    min-height: 300px; */
    vertical-align: top;
}

.pic-list02 ul li img {
    width: 100%;
    height: 100%;
}

.pic-list02.pic_pest ul li img {
    height: 165px
}

.pic-list02 ul li p.pic a {
    width: 100%;
    max-height: 200px;
    display: block;
    overflow: hidden;
    text-align: center;
}

.pic-list02 ul li p.con {
    width: 100%;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    background: #111;
    font-size:var(--krds-pc-font-size-body-small);
    letter-spacing: -1px;
    height: auto
}

.pic-list02.list2 ul li {
    width: 47.3%;
    height: 260px;
}

.pic-list02.list2 ul li p.pic a {
    height: 260px;
}

.pic-list02.list3 ul li {
    width: 30.4%;
    height: 164px;
}

.pic-list02.list3 ul li p.pic a {
    height: 164px;
}

.pic-list02.list4 ul li {
    width: calc(25% - 2%);
    height: auto;
    min-height: min-content;
}

.pic-list02.list4 ul li:nth-child(4n) {
    margin-right: 0 !important;
}

.pic-list02.list4 ul li.first {
    margin-left: 0;
}

.pic-list02.list4 ul li p.pic a {
    height: auto;
}

.pic-list02.list4 ul li:nth-child(3n) {
    margin-right: 1%;
}

.pic-list02.list5 ul li {
    width: 17%;
    height: 164px;
}

.pic-list02.list5 ul li p.pic a {
    height: 164px;
    background: #f5f5f5;
    content: "이미지영역";
}

.pic-list02.list6 ul li {
    width: 30%;
    height: 110px;
    padding: 2px;
    margin: 1px;
}

.pic-list02.list6 ul li.on {
    border: 1px solid #519c26;
}

.pic-list02.list6 ul li p.pic a {
    height: 110px;
    background: #f5f5f5;
    content: "이미지영역";
}

.pic-list02 ul li p.con .contArea {
    text-align: center;
}

.pic-list02 ul li p.con .contArea strong {
    color: #FFF;
    text-align: left;
}

.pic-list02 ul li p.con .contArea strong.en {
    color: #FFF;
    font-weight: 300;
    font-style: italic;
    font-size: .8em;
}

.pic-list02 ul li p.con .contArea strong.en i {
    color: #FFF;
    font-weight: 300;
    font-style: italic;
}

.pic-list02 ul li p.con .contArea em {
    color: #8bc34a;
    font-weight: 300;
}

.pic-list02 .pic01 {
    width: 98%;
    padding: 0.9%;
    border-top: 1px solid #f2f2f2;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-bottom: 2px solid #dedede;
}

.pic-list02 .pic01 p.pic a {
    width: 100%;
    height: 260px;
}

.pic-list02 .pic01 p.pic a img {
    width: 100%;
    height: 100%;
}

.pic-list02 .pic01 p.con {
    position: relative;
    top: 0;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    background-color: #000;
    opacity: 0.60;
    filter: alpha(opacity=60);
    font-weight: bold;
    letter-spacing: -1px;
}

.test {
    padding: 0 !important;
    border: 0 !important;
}

.pic-list03.list05 li {
    float: left;
    width: 18%;
    height: 130px;
    margin: .5rem;
}

/* 테두리 없는 이미지 */
.pic-list03.list05 li p.pic {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pic-list03.list05 li p.pic a {
    width: 100%;
    height: 100%;
}

/* pic-list04  */
.pic-list04 {
    position: relative;
    overflow: hidden;
}

.pic-list04>ul {
}

.pic-list04>ul>li {
    position: relative;
    min-height: 106px;
    padding: 1em;
    border: 1px solid #eaeaea;
    width: calc(50% - 1%);
    display: inline-block;
    margin-bottom: .2em;
    vertical-align: top;
}

.pic-list04>ul>li>ul>li {
    width: calc(33%);
    display: inline-block;
    margin-right: 2%;
}

.pic-list04>ul>li>ul>li>.pic {
    min-height: 173px;
}

.pic-list04>ul>li>ul>li+li {
    width: calc(100% - 40%);
    display: inline-block;
    vertical-align: top;
}
.pic-list04>ul>li>ul>li+li>dl>dd>.tit, .pic-list04>ul>li>ul>li+li>dl>dd>a>.tit{
font-size: var(--krds-pc-font-size-body-large);
    
    font-weight: var(--krds-typo-font-weight-bold);
    letter-spacing: -0.05rem;
    line-height: 140%;}

.pic-list04>ul>li>ul>li+li>dl>dd>.tit>.subject, .pic-list04>ul>li>ul>li+li>dl>dd>a>.tit>.subject {
    width: 1px;
    height: 1px;
    text-indent: -99999px;
}

/* 컨텐츠 페이지 button  */
.inner_btnArea a, .inner_btnArea button {
    display: inline-block;
    /* min-width: 140px; height: 46px;*/
    line-height: 44px;
    margin: 0 2px;
    padding: 0 20px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    /* transition: 0.5s;*/
}

.inner_btnArea a.marginButton {
    margin: 10px
}

/****************************************/
/* 검색 정보 style
/****************************************/
/*검색 정보 :: select-bx */
.select-bx {
    text-align: right;
    position: relative;
    min-width: 50%;
    margin-bottom: 2.7rem
}

.select-bx .search-tit {
    clear: both;
    display: table;
    width: 100%;
    position: relative;
    overflow: hidden
}

.select-bx .search-tit label {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
}

.select-bx .search-tit label.sr_view {
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    padding-left: .5rem;
    vertical-align: middle;
    font-size: var(--krds-pc-font-size-body-small);
    
    margin: 0.2rem 2.7rem 0.2rem 0;
    text-align: left;
}

.select-bx .search-tit label.sr_view.text2 {
    width: 3rem
}

.select-bx .search-tit label.sr_view.text4 {
    width: 5rem
}

.select-bx .search-tit label.sr_view:before {
    display: block;
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #555;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select-bx .search-tit select, .select-bx .search-tit input[type="text"], .select-bx .search-tit input[type="date"], .select-bx .search-tit button {
    position: relative;
    font-size: var(--krds-pc-font-size-body-small);
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 2.4rem 0 1rem;
    height: 2.2rem;
}

.select-bx .search-tit button.ui-datepicker-trigger {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
    border: none;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/ico_calender.png');
    background-size: 19px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.select-bx .search-tit button img {
    display: none
}

.select-bx .search-tit span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 2.2rem;
    margin-left: 3px;
}

.select-bx .search-tit span.form-select, .select-bx .search-tit span.form-input {
    background: #fff
}

.select-bx .search-tit span.form-btn {
    margin-left: 2.7rem
}

.select-bx .search-tit span:first-child {
    margin-left: 0
}

.select-bx .search-tit span.form-select::after {
    content: '';
    position: absolute;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/select_Sarrow.png') no-repeat;
    background-size: 8px auto;
    width: 8px;
    height: 4px;
    color: #333;
    right: 0.6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select-bx .search-tit select[style] {
    /* width:auto !important; */
}

.select-bx .search-tit select {
    z-index: 1;
    background: transparent;
    -webktit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none
}

.select-bx .search-tit select {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 6.8rem;
    height: 2.2rem;
    margin-left: 0;
    padding: 0 2.4rem 0 0.6rem;
    vertical-align: middle;
    border: 1px solid #ddd;
    font-size: var(--krds-pc-font-size-body-small)
}

.select-bx .search-tit strong {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 6.8rem;
    height: 2.2rem;
    margin-left: 0;
    padding: 0 2.4rem 0 0.6rem;
    vertical-align: middle;
    border: 1px solid #ddd;
    font-size: var(--krds-pc-font-size-body-small);
    text-align: left;
}

.select-bx .search-tit span.w_07 select {
    min-width: 7rem;
}

.select-bx .search-tit span.w_08 select {
    min-width: 8rem;
}

.select-bx .search-tit span.w_09 select {
    min-width: 9rem;
}

.select-bx .search-tit span.w_10 select {
    min-width: 10rem;
}

.select-bx .search-tit span.w_07 input[type="text"],.select-bx .search-tit span.w_07 input[type="date"] {
    width: 7rem;
}

.select-bx .search-tit span.w_08 input[type="text"],.select-bx .search-tit span.w_08 input[type="date"] {
    width: 8rem;
}

.select-bx .search-tit span.w_09 input[type="text"],.select-bx .search-tit span.w_09 input[type="date"] {
    width: 9rem;
}

.select-bx .search-tit span.w_10 input[type="text"],.select-bx .search-tit span.w_10 input[type="date"] {
    width: 10rem;
}

.select-bx .search-tit input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 0px;
    opacity: 0;
}

.select-bx .search-tit input[type="checkbox"] + label.view {
    position: relative;
    display: inline-block;
    width: auto;
    height: 100%;
    margin-top: 10px;
    margin-right: 10px;
    font-size: var(--krds-pc-font-size-body-medium);
}

.select-bx .search-tit input[type="checkbox"] + label.view:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #dddddd;
}

.select-bx .search-tit input[type="checkbox"]:checked + label.view:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: #fff url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/icon_checked.png') no-repeat center center;
    border: 1px solid #767676;
}

.select-bx span.kind_name {
    width: 17rem;
}

.select-bx span.kind_name input[type="text"] {
    padding-right: 3.8rem;
    display: inline-block;
}


.select-bx span.kind_name a.btn-1 {
    min-width: 2rem;
    margin-left: -4rem;
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
    padding: 0 .9rem;
    height: 100%;
}

.select-bx .search-tit input[type="text"],.select-bx .search-tit input[type="date"] {
    display: inline-block;
    width: 27.2rem;
    height: 3.5rem;
    margin-left: 0;
    padding-right: 6.1rem;
    vertical-align: middle
}


.select-bx .search-tit a.btn-1 {
    display: inline-block;
    height: 3.5rem;
    min-width: 3.5rem;
    margin-left: -6.4rem;
    top: 0;
    padding: 0 1.4rem;
    line-height: 2.10rem;
    background: #333;
    border: #333;
    font-size: var(--krds-pc-font-size-body-small);
    vertical-align: middle;
    color: #fff;
}

.select-bx .search-tit span.form-select + span.form-btn a {
    margin-left: -2.7rem
}

.select-bx .search-tit span.form-btn a.btn-1.ml_1rem {
    margin-left: -2.7rem
}

.search-form-bg {
    width: 100%;
    padding: 2rem 2.5rem;
    text-align: center;
    background: var(--krds-light-color-surface-secondary-subtler);
    border: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-secondary-light);
    margin-bottom: 2rem;
    border-radius: var(--krds-radius-xlarge1);
}
.search-form-bg .form-group-row { 
    display: flex;
    flex-direction: row;
    gap: var(--krds-gap-8);
}
.search-form-bg .form-group-row + .form-group-row {
    margin-top: var(--krds-gap-5);
}
.search-form-bg > .input-group {
    justify-content: center;
}
.search-form-bg > .input-group .krds-input.datepicker {
    width:15.5rem;
}
.search-form-bg > .input-group .krds-form-select {
    width: fit-content;
}
.search-form-bg > .input-group .krds-input {
    max-width: 27rem;
}
.search-form-bg .input-group.range {
    align-items: center;
}
.search-form-bg .input-group.range>li.mark {
    height: auto;
}

.search-form-bg .search-tit span, .search-form-bg .search-tit select, .search-form-bg .search-tit input[type="date"], .search-form-bg .search-tit input[type="text"] {
    height: 2.75rem!important;
}

.search-form-bg .search-tit a.btn-1 {
    height: 2.75rem;
    line-height: 2.75rem
}

.search-form-bg .search-tit a.btn-2 {
    display: inline-block;
    height: 2.75rem;
    margin: 0 3px;
    line-height: 2.25rem;
    border-radius: 0;
    vertical-align: middle;
    border: 1px solid #3f51b5;
    background: #3f51b5;
    color: #fff
}

.search-form-bg .search-tit button.ui-datepicker-trigger {
    top: 5px
}

.search-form-bg .select-bx {
    float: none;
    min-width: auto;
    margin-bottom: 0;
    text-align: center
}
.search-form-bg.search-word .input-group { justify-content: flex-start; text-align: left;}
.search-form-bg.search-word .sr_view {
    position: relative;
    width: 6.4rem;
    padding-left: .5rem;
    font-size: var(--krds-pc-font-size-body-small)
}
.search-form-bg.search-word .sr_view:before {
    content:'';
    display: inline-block;
    position: absolute;
    top:50%;
    left:0;
    width:2px; 
    height:2px; 
    background:#555;
}

/*검색 정보 :: curationMovSch */
.curationMovSch {
    float: right;
    text-align: right;
    display: table;
    position: relative;
    overflow: hidden;
    min-width: 50%;
    margin-bottom: 10px
}

.curationMovSch label {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
}

.curationMovSch select, .curationMovSch input[type="text"], .curationMovSch button {
    position: relative;
    font-size: var(--krds-pc-font-size-body-small);
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 2.4rem 0 .6rem;
    height: 2.2rem;
}

.curationMovSch button.ui-datepicker-trigger {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
    border: none;
    background-image: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/ico_calender.png');
    background-size: 19px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.curationMovSch button img {
    display: none
}

.curationMovSch span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 2.2rem;
    margin-left: 3px;
    background: #fff
}

.curationMovSch span.form-btn {
    margin-left: 2.7rem
}

.curationMovSch span:first-child {
    margin-left: 0
}

.curationMovSch span.form-select::after {
    content: '';
    position: absolute;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/select_Sarrow.png') no-repeat;
    background-size: 8px auto;
    width: 8px;
    height: 4px;
    color: #333;
    right: 0.6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.curationMovSch select[style] {
    /* width:auto !important; */
}

.curationMovSch select {
    z-index: 1;
    background: transparent;
    -webktit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none
}

.curationMovSch select {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 5.5rem;
    height: 2.2rem;
    margin-left: 0;
    padding: 0 2.4rem 0 0.6rem;
    vertical-align: middle;
    border: 1px solid #ddd;
    font-size: var(--krds-pc-font-size-body-small)
}

/*.select-bx .search-tit div {display:inline-block}*/
.curationMovSch input[type="text"] {
    display: inline-block;
    width: 17rem;
    height: 2.2rem;
    margin-left: 0;
    padding-right: 3.8rem;
    vertical-align: middle
}


.curationMovSch input[type="submit"] {
    display: inline-block;
    height: 2.2rem;
    min-width: 2.2rem;
    margin-left: -4rem;
    top: 0;
    padding: 0 0.9rem;
    line-height: 2.10rem;
    background: #333;
    border: #333;
    font-size: var(--krds-pc-font-size-body-small);
    vertical-align: middle;
    color: #fff;
}

.educa_info ul, .educa_info2 ul {
    margin-top: 40px;
    text-align: center
}

.whiteBox {
    margin-top: -20px;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 25px;
    margin-bottom: 20px
}

.whiteBox a:hover {
    color: #11881f
}

/* 박스 */
.box_1st {
    position: relative;
    padding: 2.7rem 2.4rem;
    border: 0px;
    background: #f6faff;
}

.box_1st.wbule {
    background: #e8eef8;
    border-radius: 8px;
}

.box_2st {
    position: relative;
    padding: 2.7rem 2.4rem;
    border: 1px dashed #bfbfbf;
    background: #fff;
}

.box_2st.darkPbak {
    color: #fff;
    border-radius: 8px;
    background: #6166a0 url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/pattern_01.png') repeat;
}

.box_3st {
    position: relative;
    padding: 2.7rem 2.4rem;
    border: 1px solid #bfbfbf;
    background: #f8f8f8;
}

.box_4st {
    padding: 5px;
    background: url("https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/patt_box.png") repeat;
}

.box_4st .inner {
    position: relative;
    padding: 2.7rem 2.4rem;
    background: #fff;
}

.box_5st {
    position: relative;
    padding: 2.7rem 2.4rem;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

.box_6st {
    position: relative;
    padding: 2.7rem 2.4rem;
    border: 1px solid #e8e9ee;
    background: #fff;
}

.box_1st .list-1st,.list-2st,.list-3st {
    font-size: var(--krds-pc-font-size-body-small);
}

.box_1st .list-1st dd:before, .list-1st li:before, .txt_bul:before {
    top: 10px;
}

/* 페이지,검색영역 */
.board_info {
    position: relative;
    margin-bottom: 2.7rem;
}

.board_info::after {
    content: '';
    clear: both;
    display: table;
}

.board_info .page_info {
    float: left;
    margin-top: 8px;
}

.board_info .page_info strong, .board_info .page_info b {
    color: #333;
}

.board_info .infoT {
    
    
    padding-left: 10px;
    font-size: var(--krds-pc-font-size-body-medium);
    margin: 5px 0;
}

.board_info .infoT:before {
    display: block;
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #555;
    left: 0;
    top: 18px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.board_info .infoT em {
    vertical-align: baseline;
    font-size: 12px;
    color: #676767;
}

.board_info span.btnArea a, .board_info span.btnArea a:hover {
    display: inline-block;
    /*padding: .45rem 1.2rem;*/
    border-radius: .3rem;
    color: #fff!important;
    background: linear-gradient(135deg, #326dbd 35%, #26afb8);
    
}

.board_info span.btnArea a:before, .board_info span.btnArea a:hover:before {
    content: '';
    display: inline-block;
    margin-right: 0;
    width: 14px;
    height: 10px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/careFarming/icList.png');
    background-repeat: no-repeat;
}

.board_info span.btnArea a.xls {
    color: #232323;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    border: 1px solid #dddddd;
    background: #fff;
}

.board_info span.btnArea a.xls:before {
    content: '';
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    margin-top: -3px;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/file/iconFile_xlsx.png') no-repeat;
}

.board_info span.btnArea a.xls:hover {
    background-color: #e9ebef;
    color: #006f37;
}

.tit_info h3.titS {
    display: inline-block;
    padding: 5px 0 0;
}

.tit_info span.btnArea a {
    float: right;
    display: inline-block;
    padding: .45rem 1.2rem;
    border-radius: .3rem;
    color: #fff;
    font-size: var(--krds-pc-font-size-body-small);
    background: linear-gradient(135deg, #326dbd 35%, #26afb8);
    
    margin: 0;
    line-height: initial;
}

.tit_info span.btnArea a:hover {
    background: #326dbd;
    color: #fff;
}

.tit_info span.btnArea a:before {
    content: '';
    display: inline-block;
    margin-right: 6px;
    width: 14px;
    height: 10px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/careFarming/icList.png');
    background-repeat: no-repeat;
}

.tit_info span.btnArea a.vod:before {
    content: '';
    display: inline-block;
    margin-right: 6px;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    background-image: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/careFarming/icVod.png');
    background-repeat: no-repeat;
    vertical-align: middle;
}

.tit_sinfo .titA {
    position: relative;
    display: inline-block;
    margin-bottom: 18px;
}

.tit_sinfo .titA:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: baseline;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent;
    border-left: 4px solid;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tit_sinfo .titA span:first-child {
    padding-left: 10px;
    
}

.tit_sinfo span.btnArea a {
    float: right;
    display: inline-block;
}

.tit_sinfo span.btnArea ul {
    display: inline-block;
    float: right;
}

.tit_sinfo span.btnArea ul li {
    float: left;
    margin: 1px 0;
}

.tit_sinfo span.btnArea ul li .lBtn span {
    color: #fff;
}

.tit_sinfo span.btnArea ul li .lBtn:hover span {
    
}

/*검색*/
.board_info .search_Form {
    float: right;
    text-align: right;
    position: relative;
    font-size: var(--krds-pc-font-size-body-small);
}

.tit_sinfo .board_info {
    margin-bottom: 0;
    display: inline-block;
}

.tit_sinfo .board_info .search_Form {
    float: none;
    text-align: inherit;
}

.board_info.Ntrend .search_Form {
    float: left;
}

.board_info.Ntrend .btnArea {
    float: right;
    margin: 0;
}

.board_info.Strend .search_Form, .board_info.inCome .search_Form {
    float: inherit;
    text-align: inherit;
}

.board_info.Strend .search_Form, .board_info.inCome .search_Form {
    position: relative;
    padding: 1.25rem 2.7rem;
    text-align: center;
    margin: auto;
    background: #f4f5f9;
    border: 1px solid #ededed
}

.board_info.Strend .search_Form p, .board_info.inCome .search_Form p {
    margin-bottom: 2.7rem;
    font-size: var(--krds-pc-font-size-body-small);
}

.board_info.Strend .search_Form p strong, .board_info.inCome .search_Form p strong {
    display: block;
    font-size: 1.4rem;
    font-weight: var(--krds-typo-font-weight-bold);
    letter-spacing: -.05em;
    color: #085890;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
}

.board_info fieldset {
    clear: both;
    display: table;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.board_info fieldset select, .board_info fieldset input, .board_info fieldset button {
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 .6rem !important;
}

.board_info fieldset select {
    padding-right: 2.7rem !important;
}

.board_info fieldset span {
    display: inline-block;
    vertical-align: middle;
    height: 2.3rem;
}

.board_info fieldset span:first-of-type {
    margin-left: 0;
}

.board_info fieldset span.form-select {
    min-width: 6rem;
    position: relative;
    background-color: #fff;
}

.board_info fieldset span.form-select::after {
    content: '';
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/select_Sarrow.png') no-repeat;
    background-size: 8px auto;
    width: 8px;
    height: 4px;
    color: #333;
    position: absolute;
    right: .6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.board_info fieldset span.form-select select {
    color: #545454;
    background-color: transparent;
    position: relative;
    z-index: 1;
    font-size: .925rem !important;
    padding-right: 1.8rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.board_info fieldset span.form-select select::-ms-expand {
    display: none;
}

.board_info fieldset span.form-input {
    width: 26rem;
}

.board_info fieldset span.form-input input {
    padding-right: 6rem;
}

.board_info fieldset span.form-btn {
    min-width: 4rem;
    margin-left: -6rem;
}

.board_info.inCome fieldset span.form-btn {
    margin-left: 0;
}

.board_info fieldset span.form-btn button {
    background-color: #333;
    border: #333;
    color: #fff;
    padding: 0 1.8rem;
}

.board_info.Strend fieldset span.form-select {
    min-width: 15rem;
}

.board_info.inCome fieldset span.form-select {
    min-width: 9rem;
}

/****************************************/
/* Name: 치유농업 careFarming
/* 내용: 구 농사로의 생활문화(농촌문화, 치유농업, 여성농업인), 농업경영(소득자료, 소비트랜드) 관련공통부분
/* day: 2019-08-01
/****************************************/
.progCont {
    margin: 2rem 0;
    word-break: keep-all;
}

.progCont table ul li, .progCont table ol li {
    text-align: left;
}

.progCont p {
    color: #444;
}

.progCont p.txt {
    font-size: var(--krds-pc-font-size-body-small);
    margin-bottom: 2.7rem;
    word-break: keep-all;
    clear: both;
}

.progCont p.txt b {
    
}

.progCont .refer {
    display: block;
    position: relative;
    font-size: var(--krds-pc-font-size-body-small);
    padding-left: 22px;
    font-weight: 300;
    color: #2570c5;
    margin: 5px 0;
}

.progCont .refer:before {
    content: '※';
    display: inline-block;
    margin: 0 5px 0 -22px;
    left: 0;
    top: 0;
}

.progCont .qU {
    display: inline-block;
    position: relative;
}

.progCont .qU i {
    display: inline-block;
    width: 24px;
    height: 24px;
    
    background-color: #fee;
    margin: 0 1px;
    color: #b70000;
    border-radius: 25px;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0;
}

.careFarming .progCont .qU i {
    display: inline-block;
    width: 24px;
    height: 24px;
    
    background-color: #fee;
    margin: 0 1px;
    color: #b70000;
    border-radius: 25px;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0;
}

.progCont p.tSimp {
    font-size: 2rem;
    margin: 2.7rem 0;
    text-align: center;
    font-weight: 300;
    color: #004473;
    background: #eff7ff;
    padding: 2.7rem;
    border-radius: 8px;
}

.progCont p.tSimp span {
    font-size: 2.4rem;
    font-weight: var(--krds-typo-font-weight-bold);
}

.progCont a.blank {
    font-size: var(--krds-pc-font-size-body-small);
    letter-spacing: 0;
    color: #0d75ec;
    vertical-align: baseline;
}

.progCont a.blank[target="_blank"]:after {
    content: '';
    display: inline-block;
    background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/ico_blank.png') no-repeat;
    width: 11px;
    height: 12px;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

/****************************************/
/* Name: table in input[type:radio]
/* 내용: 영농기술/농업환경/토양/비료사용처방,토양검정정보
/* day: 2023-10-05
/****************************************/

.table-input-body{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-basis: 100%;
}

.input-list{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-basis:auto;
    max-width: 100%;
    align-content: center;
    margin-right:3%;
}


.table-input-body .input-list input[type='radio'] {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: poinTer;
    margin-right: 5px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    border: 1px solid rgb(0 0 0 / 50%);
    border-radius: 50%;
    position:inherit;
    opacity:inherit;
}

.table-input-body .input-list input[type='radio']:checked {
   position: relative;
    border: none;
    background-image: linear-gradient(101deg, #1976D2 0%,#1976D2 100%);

}

.table-input-body .input-list input[type='radio']:checked:after {
    content: '';
    position: absolute;
    background: transparent;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 3px solid #FFF;

}
.table-input-body .input-list  label
{ 
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
}

.input-body-center{
	display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    margin-bottom: 10px;
	
}

.input-body-center .input-list-ck{
	display: flex;
    margin: 0 1%;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
	
}

.input-body-center .input-list-ck input[type='checkbox']{	
	 appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    width:16px;
    height:16px;
    margin-right:8px;
    vertical-align:middle;
    background-color:#FFF;
    border:1px solid #ddd;
    position:inherit;
    opacity:inherit;	
}
.input-body-center .input-list-ck input[type='checkbox']:checked {
	appearance: revert;
    -webkit-appearance: revert;
    -moz-appearance: revert;
    -o-appearance: revert;
	
}
.input-body-center .input-list-ck input[type='checkbox']+label:before{
	display:none;
	
}

.txt-box.bg-white.scroll-auto {
    overflow-y: auto;
    max-height: 20rem;
    padding:var(--krds-pc-padding-card-small);
}

.g-alert {
    --g-alert-padding: var(--krds-padding-6);
    --g-alert-border-color: var(--krds-light-color-border-information-light);
    --g-alert-border-width: var(--krds-light-border-width-static-regular);
    --g-alert-bg-color: var(--krds-light-color-surface-information-subtler);
    --g-alert-icon-size: var(--krds-size-height-4);
    --g-alert-title-color: var(--krds-light-color-text-information);
    position: relative;
    padding: var(--g-alert-padding);
    border: var(--g-alert-border-width) solid var(--g-alert-border-color);
    border-radius: var(--krds-radius-xlarge2);
    background-color: var(--g-alert-bg-color);
}
.g-alert::before {
    content: "";
    position: absolute;
    top: var(--g-alert-padding);
    left: var(--g-alert-padding);
    display: inline-block;
    width: var(--g-alert-icon-size);
    height: var(--g-alert-icon-size);
    background-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_information_fill.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.g-alert.notice::before {
    background-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_notice_fill.svg);
}
.g-alert.notice {
    --g-alert-border-color: var(--krds-light-color-border-gray-light);
    --g-alert-bg-color: var(--krds-light-color-surface-gray-subtler);
    --g-alert-title-color: var(--krds-light-color-text-basic);
    --g-alert-icon-size: var(--krds-size-height-3);
}
.g-alert.notice::before {
    top: calc(var(--g-alert-padding) + 0.3rem);
}
.g-alert .tit {
    color: var(--g-alert-title-color);
    font-size: var(--krds-pc-font-size-heading-xsmall);
    font-weight: var(--krds-font-weight-bold);
    padding-left: calc(var(--g-alert-icon-size) + var(--krds-gap-3));
}
.g-alert .tit ~ .desc {
    margin-top: var(--krds-gap-3);
}
.g-alert .desc {
    padding-left: calc(var(--g-alert-icon-size) + var(--krds-gap-3));
    font-size: var(--krds-pc-font-size-body-medium);
}
.g-alert .krds-btn {
    height: auto;
}
@media (max-width: 767px) {
    .g-alert .tit {
        font-size: var(--krds-mobile-font-size-heading-xsmall);
    }
    .g-alert .desc {
        font-size: var(--krds-mobile-font-size-body-medium);
    }
}


@media(max-width: 1400px) {
    /* CMS list */ .cms_TextArea .inner_TextArea>ul.list>li>dl>dt {
        width:100%;
        text-align: center
    }

    .cms_TextArea .inner_TextArea>ul.list>li>dl>dd {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width: 1200px) {
    #container .contents .subImg.ruralCulture:after {
        background-size: contain;
    }

    #container .contents .subImg.hrd:before {
        background-size: contain;
    }
}

@media screen and (max-width: 1160px) {
    h4:before {
        display:none;
    }

    #cu_container h4:before {
        display: block;
    }

    h4:after {
        display: none;
    }

    .tab_s02 {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .tab_s04>ul>li {
        width: 20%;
    }

    .bx-con {
        overflow-x: scroll;
        padding: 1% 0;
    }

    /* tab-Style03 */
    /*.tab_s03{}
	.tab_s03>ul{height:50px;display:table;table-layout:fixed;width:100%;border:1px solid #ddd;margin-bottom:20px;border-bottom: 0px;border-right: 0px;}
	.tab_s03>ul.clearfix:before, .tab_s03>ul.clearfix:after{display:none;}
	.tab_s03 li {display:table-cell;border-right:1px solid #ddd;box-sizing: border-box;line-height:50px;border:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;    position: relative;}
	.tab_s03>ul> li{ display: inline-block;width:calc(50%);}
	.tab_s03 li:last-child{border-right:0px solid #ddd;}
	.tab_s03>ul>li>a{ display: block;  background: #f0f0f0; text-align: center; font-size:.9em; color: #333;padding:.5em 0; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;    line-height: 1.2em;}
	.tab_s03 li.on a, .tab_s03 li.active{border-bottom:1px solid #ddd;}
	.tab_s03 li.active a:after, .tab_s03 li:hover a:after{ content: ""; display: block; clear: both; position: absolute; top: -1px;left:0; width: 100%; height: 2px; background: #085890;}
	.tab_s03 li.active a:before, .tab_s03 li:hover a:before{ content: ""; display: block; clear: both; position: absolute; bottom: -1px;left:0; width: 100%; height: 1px; background: #FFF;}

	.tab_s03 li.on a:after, .tab_s03 li:hover a:after{ content: ""; display: block; clear: both; position: absolute; top: -1px; width: 100%;left:0; height: 2px; background: #085890;}
	.tab_s03 li.on a:before, .tab_s03 li:hover a:before{ content: ""; display: block; clear: both; position: absolute; bottom: -1px; width: 100%; left:0;height: 1px; background: #FFF;}*/
    /* tab-Style04 : 우수경경체 100선*/
    .cms_TextArea .inner_TextArea>ul.list>li>dl>dt {
        display: block;
        width: 100%;
        text-align: center;
    }

    /* pic-list01 :향토음식식(음식명검색)*/
    .pic-list01 ul li p.thumImg {
        width: 100% !important;
        vertical-align: top;
        text-align: center;
    }

    .pic-list01 ul li p.thumImg>a {
        display: block;
    }

    .pic-list01 ul li p.thumImg>a>img {
        height: auto !important;
        width: 100%;
    }

    .pic-list01 ul li ul li:first-child {
        display: inline-block;
        width: 100%
    }

    .pic-list01 ul li ul li {
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }

    .pic-list01 ul li dl.con {
        width: 100%;
        margin: 0;
    }

    .pic-list01.type02 ul li dl dt {
        width: 100%;
        display: block;
    }

    .pic-list01.type02 ul li dl dd {
        display: block;
        width: calc(100%);
        overflow: initial !important;
        white-space: initial !important;
    }

    .pic-list01 ul li ul li .pic img {
        min-width: 160px;
        width: auto !important;
    }

    .pic-list01 ul li dl dd strong.subject {
        display: block;
        
    }

    .pic-list01.type04 ul li dl {
        border-top: 1px solid #111;
    }

    .pic-list01.type04 ul li dl dt {
        display: block;
        width: 100%;
        padding: .5em 1em;
        text-align: center;
        background: #f9f9f9;
        border-bottom: 1px solid #ddd;
        color: #5d5d5d;
    }

    .pic-list01.type04 ul li dl dd {
        display: block;
        width: 100%;
        padding: .5em;
    }
    .pic-list01.type05 ul li p.thumImg {
        width: 20% !important
    }
    .pic-list01.type05 ul li dl.con {
        width: calc(80% - 2.4rem);
    }

    /* pic-list02  */
    .pic-list02 ul li {
        width: calc(100%) !important;
        margin: 1% 0;
        min-height: auto;
    }

    .cms_TextArea .inner_TextArea ul.list li, .cms_TextArea .inner_TextArea ul.list li:nth-child(even) {
        width: 100%
    }

    .search-form-bg .search-tit a.btn-2 {
        margin-top: 7px
    }

    /*강소농갤러리*/
    .photoList > ul > li {
        float: initial;
        width: auto;
    }
}

@media screen and (max-width: 1140px) {
    /* dataOpan_list_공공Data신청 */ div.dataOpan_list li {
        width: 50%;
    }
}

@media screen and (max-width: 1023px) {
    #container .contents .subImg.ruralCulture {
        height: 190px;
    }

    #container .contents .subImg.ruralCulture:after {
        height: 200px;
    }

    /* 서브소개 */
    #container .contents .subImg.clean {
        padding-right: 200px
    }

    #container .contents .subImg.clean:after {
        background-size: 250px;
    }

    /* 전통지식 */
    #RuralCulture .section04 article.tKnow_wrap {
        height: 290px;
    }

    #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li img {
        height: 180px;
    }

    /* 디자인 */
    #RuralCulture .section04 article.aDesign_wrap {
        height: 290px;
    }

    #RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li img {
        max-height: 180px;
    }

    #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li a {
        max-height: 80px;
        padding: 28px 12px 15px;
        font-size: var(--krds-pc-font-size-body-xsmall);
    }

    /* contIn-photo */
    .contIn-photo li {
        width: 33.333%;
    }

    /* 여성농업인 - 알림마당 */
    #womenFarmers .section02 .wNotice_list li {
        width: 33.333%;
    }

    /* 치유농업 - 치유농장 현황 */
    #careFarming .mainSection03 .cState_list li {
        width: 33.333%;
    }

    .pic-list01.type05 ul li {
        flex-direction: column;
        justify-content: flex-end;
    }
    .pic-list01.type05 ul li p.thumImg {
        width:100% !important;
    }
    .pic-list01.type05 ul li dl.con {
        border-top: 1px solid #111;
        width:100%
    }

    .pic-list01.type05 ul li dl dt {
        display: block;
        width: 100%;
        padding: .5em 1em;
        text-align: left;
        background: #f9f9f9;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        color: #5d5d5d;
    }

    .pic-list01.type05 ul li dl dd {
        display: block;
        width: 100%;
        padding: .5em;
    }

}

@media screen and ( max-width: 960px) {
    /* 기본 클래스::선택 박스 */ .select-bx {
        float:none!important;
        margin: 0.5em !important;
    }

    .select-bx.search-form-bg {
        width: auto;
        border: none;
        padding: 0;
        background: none!important
    }

    .select-bx .search-tit {
        background: #f9f9f9;
        padding: 2.7rem .8rem;
        text-align: center;
        width: 100%;
        border: 1px solid #ededed;
        margin-bottom: 2.7rem;
    }

    .select-bx .search-tit>br {
        display: inline-block;
    }

    .select-bx .search-tit input {
        margin-left: 0;
    }

    .select-bx input[type='text'], .search-detail input[type='text'], .select-bx input[type='date'], .search-detail input[type='date'] {
        padding: 0 !important;
        border: 1px solid #ddd;
        background: #fff;
        box-sizing: border-box;
        width: 100% !important;
        line-height: 2.2em;
        text-indent: 10px;
        font-size: .85em !important;
    }

    .select-bx a.btn-1, .search-detail a.btn-1 {
        display: inline-block;
        margin-left: 0 !important;
        margin-top: 3px;
        width: 100%;
        padding: 0;
        text-indent: 0;
        text-align: center;
        background: #333;
        line-height: 2.2em;
        color: #fff;
        font-size: 1em;
        border: 0;
    }

    .select-bx .search-tit span {
        margin-left: 0;
        display: block;
        width: 100% !important;
        height: 2.2rem!important;
        margin-left: 0;
    }

    .select-bx select, .search-detail select {
        padding: .2em 0 !important;
        display: inline-block;
        line-height: 2.2em;
        font-size: .85em !important;
        width: 100% !important;
        min-width: 100px;
        text-align: left;
        text-indent: 0.5em;
        border: 1px solid #d4d4d4;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        background-size: 8px auto;
        margin-left: 0 !important;
        background: #fff!important
    }

    .select-bx .search-tit span.form-select:after {
        z-index: 1
    }

    .select-bx .search-tit span.form-btn {
        margin-top: 5px;
        margin-left: 0
    }

    .select-bx .search-tit span.form-select + .form-select, .select-bx .search-tit span.form-select + .form-input, .select-bx .search-tit span.form-input + .form-select, .select-bx .search-tit span.form-input + .form-input, .select-bx .search-tit span.form-input + .datepicker-container {
        margin-top: 3px
    }

    .search-form-bg .search-tit span, .search-form-bg .search-tit select, .search-form-bg .search-tit input[type="date"], .search-form-bg .search-tit input[type="text"] {
        height: 2.25rem!important;
    }

    

    .search-form-bg .select-bx {
        margin: 0!important;
        width: 100%
    }

    .search-form-bg .select-bx .search-tit {
        background: none;
        padding: 0;
        margin-bottom: 0;
        border: none;
        text-align: left
    }

    .search-form-bg .search-tit a.btn-1 {
        height: 2.2rem!important;
        line-height: 2.2rem!important
    }

    .mobile-bg {
        background: #f9f9f9;
        padding: 2.7rem .8rem;
        text-align: center;
        width: 100%;
        border: 1px solid #ededed;
        margin-bottom: 2.7rem;
    }

    .mobile-bg select, .mobile-bg select {
        padding: .2em 0 !important;
        display: inline-block;
        line-height: 2.2em;
        font-size: .85em !important;
        width: 100% !important;
        min-width: 100px;
        text-align: left;
        text-indent: 0.5em;
        border: 1px solid #d4d4d4;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        background-size: 8px auto;
        margin-left: 0 !important;
        background: #fff!important
    }

    /* 기본 클래스::선택 박스 */
    .curationMovSch {
        float: none!important;
        margin: 0.5em 0 !important;
    }

    .curationMovSch {
        background: #f9f9f9;
        padding: 2.7rem .8rem;
        text-align: left;
        width: 100%;
        border: 1px solid #ededed;
        margin-bottom: 2.7rem!important;
    }

    .curationMovSch > br {
        display: inline-block;
    }

    .curationMovSch input {
        margin-top: 3px;
        margin-left: 0;
    }

    .curationMovSch input[type='text'], .search-detail input[type='text'] {
        padding: 0 !important;
        border: 1px solid #ddd;
        background: #fff;
        box-sizing: border-box;
        width: 100% !important;
        line-height: 2.2em;
        text-indent: 10px;
        font-size: .85em !important;
    }

    .curationMovSch input[type='submit'] {
        display: inline-block;
        margin-left: 0 !important;
        margin-top: 3px;
        width: 100%;
        padding: 0;
        text-indent: 0;
        text-align: center;
        background: #333;
        line-height: 2.2em;
        color: #fff;
        font-size: 1em;
        border: 0;
    }

    .curationMovSch span {
        margin-left: 0;
        display: block;
        width: 100% !important;
        height: 2.2rem;
        margin-left: 0;
    }

    .curationMovSch select {
        padding: .2em 0 !important;
        display: inline-block;
        line-height: 2.2em;
        font-size: .85em !important;
        width: 100% !important;
        min-width: 100px;
        text-align: left;
        text-indent: 0.5em;
        border: 1px solid #d4d4d4;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        background-size: 8px auto;
        margin-left: 0 !important;
        background: #fff!important
    }

    .curationMovSch span.form-btn {
        margin-top: 5px;
        margin-left: 0
    }

    .curationMovSch span.form-select + .form-select {
        margin-top: 3px
    }

    .sum_t_txt strong:after {
        display: none
    }

    .sum_box {
        position: relative;
        padding: 38px 40px 35px 40px!important;
    }

    .sum_box:before, .sum_box:after {
        background: none
    }

    .tab_s03 ul {
        padding: .5rem
    }

    .tab_s03 li a {
        height: 40px;
        line-height: 38px;
        padding: 0 10px;
        font-size: var(--krds-pc-font-size-body-small);
        letter-spacing: -.03em;
    }

    .tab_s03#exportItem .itemList2 li a span.imgArea {
        height: auto
    }

    /*.tab_s03 li a {border-right:1px solid #d9d9d9!important}*/
    #nongMin dis.photoList > ul > li {
        width: calc(50% - 2%);
    }

    /* contIn-photo */
    .contIn-photo ul.col3 li {
        width: 50%;
    }

    /* 교육안내 */
    .contIcon_list.typeA > ul {
        margin: -.3%
    }

    .contIcon_list.typeA > ul > li {
        width: 100%;
        float: none;
        position: relative;
        padding: .3%;
    }

    .contIcon_list.typeA > ul > li dl {
        min-height: auto;
    }

    .contIcon_list.edu > ul > li dl {
        position: relative;
        padding-left: 120px;
    }

    .contIcon_list.edu > ul > li dl:before {
        position: absolute;
        left: 0;
        top: 0;
        margin: 15px 10px;
    }

    .contIcon_list.typeA > ul > li dt {
        display: inline-block;
    }

    .contIcon_list.typeA > ul > li dt .i {
        margin-right: 5px;
    }

    .contIcon_list.typeA > ul > li dt span {
        display: inline-block;
    }

    .search-form-bg .search-tit button.ui-datepicker-trigger {
        top: 0
    }
}

@media screen and ( max-width: 900px) {

    #nongMin .newsView .optionArea {
        float: none;
        width: 100%;
        margin-right:0;
    }

    #nongMin .newsView .optionArea .optionList {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    #nongMin .newsView .optionArea .optionList ul {
        flex-direction: row;
        gap:.8rem;
        padding-bottom: 1.6rem;
    }

    #nongMin .newsView .optionArea .optionList li {
        display: inline-flex;
        width: auto;
    }

    #nongMin .newsView .optionArea .optionList li a {
        text-indent: inherit;
        padding: 0 .8rem;
    }

    #nongMin .newsView .optionArea .optionList li a::after {
        content: none;
    }

    #nongMin .newsView .optionArea .optionList li.on a::after {
        content: none;
    }

    #nongMin .newsView .newsArea {
        float: none;
        width: 100%;
    }

    #nongMin .newsView .mediaArea {
        float: none;
        width: 100%;
    }

    #nongMin .newsView .newsArea .newsBox {
        margin-top: 2.7rem;
        padding: 2.7rem;
    }

    #nongMin .newsView .newsArea .newsBox .pic {
        width: 240px;
        height: 140px;
        margin-right: 1.2rem;
    }

    #nongMin .newsView .newsArea .newsBox div.contBox > label {
        margin: 0;
    }

    #nongMin .newsView .mediaArea {
        float: none;
        width: 100%;
    }

    #nongMin .newsView .mediaArea .mediaBox {
        margin-top: .8rem;
    }

    #nongMin .newsAWrap.col2 .newsAArea {
        float: none;
        width: 100%;
    }

    #nongMin div.bannerList > ul > li {
        width: 50%;
    }
}

@media screen and ( max-width: 840px) {
    /* 서브소개 */ #container .contents .subImg.clean dd img {
        width: 150px;
    }

    #container .contents .subImg .allimg {
        position: relative;
        margin: auto;
        display: block;
        width: 100%;
        text-align: center;
    }

    #container .contents .subImg .allimg img {
        margin: auto;
        margin-top: 10px;
    }

    #container .contents .subImg.hrd {
        padding: 2.7rem 0;
    }

    #container .contents .subImg.hrd .allimg {
        position: relative;
        margin: auto;
        display: block;
        width: 100%;
        text-align: center;
    }

    #container .contents .subImg.hrd .allimg img {
        text-align: center;
        margin: auto;
    }

    #container .contents .subImg.hrd .btnArea {
        text-align: center;
    }

    /* 배너다운로드 */
    div.banner_list.inDown li {
        width: 50%;
    }

    /* 동영상 */
    div.video_wrap .video_play {
        width: 767px;
        height: 485px;
    }
}

@media screen and ( max-width: 767px) {
    .ps-r {position:relative; right:0; top:0;}

    /* 학교텃밭 > 텃밭 가꾸기 > 텃밭 식물기르기 half */ 
    .cms_TextArea .inner_TextArea>ul.half>li {
        width:100%;
    }

    /* 준비중, 에러 메시지, 안내 페이지 */
    .message-wrap {
        font-size: var(--krds-mobile-font-size-body-small);
        padding: 60px 0;
    }

    .message-wrap .tit {
        font-size: 2rem;
    }

    .message-wrap:before {
        transform: scale(.7);
    }

    /* 서브소개 */
    #container .contents .subImg dt {
        font-size: var(--krds-mobile-font-size-heading-medium);
    }

    #container .contents .subImg dd {
        font-size: var(--krds-mobile-font-size-body-small);
    }

    #container .contents .subImg {
        padding: 1.8rem;
    }

    #container .contents .subImg.clean {
        height: auto;
        padding: 1.8rem;
    }

    #container .contents .subImg.clean:after {
        content: none;
    }

    #container .contents .subImg.fEdu {
        height: auto;
        padding: 1.8rem;
    }

    #container .contents .subImg.fEdu:after {
        content: none;
    }

    #container .contents .subImg.fFood {
        height: auto;
        padding: 1.8rem;
    }

    #container .contents .subImg.fFood:after {
        content: none;
    }

    #container .contents .subImg.careFarm {
        height: auto;
        padding: 1.8rem;
        padding-right: 200px;
    }

    #container .contents .subImg.careFarm:after {
        background-size: 200px;
    }

    #container .contents .subImg.womenFarm {
        height: auto;
        padding: 1.8rem;
        padding-right: 180px;
    }

    #container .contents .subImg.womenFarm:after {
        background-size: 180px;
    }

    #container .contents .subImg.curation {
        min-height: auto;
        padding: 1.8rem;
        padding-right: 200px;
    }

    #container .contents .subImg.curation:after {
        background-size: 200px;
        height: 180px;
    }
    .tab-section .tab-contents {
        margin-top: 2.7rem;
    }

    .tab-nav.t3 ul {
        width: 100%;
    }

    .tab-nav.t3.iCon ul {
        position: relative;
        right: inherit;
        top: inherit;
        width: auto;
    }

    /* contTitle : h3 */
    .contTitle_area h3.subTitle {
        margin-bottom: 2.7rem;
        font-size: var(--krds-mobile-font-size-heading-large);
    }

    /* h4.vodTitle */
    h4.contTitle {
        padding-left: 22px;
    }

    h4.contTitle:before {
        width: 12px;
    }

    /* Summary */
    .sum_t_txt {padding: 20px;}
	.sum_t_txt:before {display:none}
	.sum_t_txt:after {background:none}

    /* step_box */
    .step_box {
        margin-top: 20px;
        border: 1px solid #dddddd;
    }

    .step_box ul {
        display: block;
    }

    .step_box > ul > li {
        position: relative;
        display: block;
        width: 100%;
        min-height: auto;
        border-right: none;
        border-bottom: 1px solid #eaeaea;
    }

    .step_box > ul > li:last-child {
        border-bottom: 0;
    }

    .step_box > ul > li:after {
        content: '';
        position: absolute;
        top: 100%;
        right: 50%;
        width: 34px;
        height: 34px;
        margin: -17px -17px 0 0;
        background: url('https://www.nongsaro.go.kr/ps/img/cmmImg_2020/common/ico_step_arrow.png') no-repeat left top;
        background-size: 34px 34px;
    }

    .step_box > ul > li:first-child:after {
        display: block;
    }

    .step_box > ul > li:last-child:after {
        display: none;
    }

    /* 작목정보(품종) 선택 */
    .cropSearchArea .desc-items .colList li {
        width: 25%;
    }

    .cropSearchWrap .searchWord {
        display: block;
    }

    .cropSearchWrap .searchWord .inner {
        display: block;
        float: none;
        width: 100%;
    }

    .cropSearchWrap .searchKeyWord {
        display: block;
        width: 100%;
    }

    .cropSearchWrap .cropSetGroup div {
        width: 20%;
        padding: 0 .25% .5%;
    }

    /*Tabs : tab-nav */
    .tab-nav.t3 li a {
        border-left: 0;
        height: 40px;
        line-height: 38px;
        padding: 0 10px;
        font-size: var(--krds-mobile-font-size-body-small);
        letter-spacing: -.03em;
    }

    .tab-nav.t3 li a span {
        display: inline-block;
        line-height: 24px
    }

    .tab-nav.t3 li.active a {
        font-weight: var(--krds-typo-font-weight-bold);
    }

    /* contIn-photo */
    .contIn-photo li {
        width: 50%;
    }

    /* 음식 설명 */
    .foodSummary h3.subTitle {
        font-size: 2.5em;
        margin-bottom: .8rem;
    }

    .foodSummary dt.contTitle {
        display: block;
        position: relative;
        padding: 0;
        padding-left: 20px;
        margin-bottom: .6rem;
        color: #156da9;
        font-size: var(--krds-mobile-font-size-heading-small);
        
        letter-spacing: -0.06em;
        text-align: left;
    }

    .foodSummary dd.summary_cont {
        clear: both;
        margin-bottom: 2.7rem;
        padding-left: 0;
        font-size: var(--krds-mobile-font-size-body-small);
        color: #676767;
    }

    /* table */
    .tbl-wrap .tbl {
        font-size: 87.5%;
    }

    .tbl-wrap .tbl th, .tbl-wrap .tbl td {
        padding: .7rem;
    }

    .category_form_wrap {
        margin-top: 25px
    }

    .category_form_wrap .label_wrap {
        display: block;
        border-width: 2px;
    }

    .category_form_wrap .label {
        height: 50px;
        
    }

    .category_form_wrap .category_form_link {
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 10;
        width: 100%;
        background: #fff
    }

    .category_form_wrap .category_form_item {
        display: block;
        position: static;
        height: auto;
        padding: 0px;
        border: none;
    }

    .category_form_wrap .category_form_item:first-child {
        border-left: none;
    }

    .category_form_wrap .category_form_item a {
        display: block;
        position: relative;
        border: 1px solid #dcdcdc;
        color: inherit;
        height: auto;
        min-height: 35px;
        margin: -1px 0 0 0;
        padding: 6px 18px 6px 14px;
        border-color: #156da9;
        text-align: left;
        font-size: inherit;
        box-sizing: inherit;
    }

    .category_form_wrap .category_form_item:first-child a {
        border-left-color: #156da9
    }

    .category_form_wrap .category_form_item.is_actived a {
        border-color: #156da9;
        border-top-width: 0;
        background: #156da9;
        color: #fff
    }

    .category_form_wrap .category_form_item:last-child a {
        border-right: 1px solid #156da9;
        margin-right: -1px;
    }

    /* ctgForm_wrap */
    .ctgForm_wrap {
        margin: 0 0 2.7rem
    }

    .ctgForm_wrap .ctgTab_Ty01 {
    }

    .ctgForm_wrap .ctgTab_Ty01 .label {
        display: block;
        position: relative;
        width: 100%;
        background-color: #666;
        color: #fff;
        height: 48px;
        
        padding: 0 2.7rem;
        font-size: var(--krds-mobile-font-size-body-medium);
        text-align: left
    }

    .ctgForm_wrap .ctgTab_Ty01 .label:after {
        display: block;
        content: '';
        position: absolute;
        right: 16px;
        top: 18px;
        width: 9px;
        height: 9px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        transition: transform 150ms ease-in-out;
    }

    .ctgForm_wrap .ctgTab_Ty01.open .label:after {
        top: 22px;
        transform: rotate(-135deg);
        transition: transform 150ms ease-in-out;
    }

    .ctgForm_wrap .ctgTab_Ty01 .ctgTab_link {
        display: none;
        position: absolute;
        border: 1px solid #e5e5e5;
        top: 48px;
        left: 0;
        z-index: 20;
        width: 100%;
        background: #fff
    }

    .ctgForm_wrap .ctgTab_Ty01.open .ctgTab_link {
        display: block;
    }

    .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item {
        display: block;
        position: static;
        height: auto;
        padding: 0px;
        border: none;
    }

    .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:first-child {
        border-left: none;
    }

    .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item.on, .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item.selected {
        z-index: 1;
        border: 0;
        background: #f1f1f1;
        color: #005891;
    }

    .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item {
        border-bottom: 1px solid #e5e5e5;
        text-align: left;
        font-size: inherit;
        box-sizing: inherit;
    }

    .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item a {
        display: block;
        position: relative;
        color: inherit;
        height: auto;
        border-right: none;
        font-size: var(--krds-mobile-font-size-body-small);
        min-height: 35px;
        margin: -1px 0 0 0;
        padding: 6px 18px 6px 14px;
    }

    .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item a:hover {
        cursor: pointer !important;
        color: #0366ca;
        text-decoration: none;
    }

    .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:last-child {
        border-bottom: none;
        border-right: 0;
    }

    .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:last-child a {
        border-right: 0;
        margin-right: -1px;
    }

    .ctgForm_wrap .ctg_Blist {
        margin: 0 0 2.7rem;
    }

    /****************************************/
    /* Name: 농촌문화 RuralCulture
/****************************************/
    /* main */
    /* 최신소식 */
    #RuralCulture .section02 article.nNotice_wrap {
        position: relative;
        float: none;
        width: 100%;
        height: auto;
    }

    /* 농촌관광 */
    #RuralCulture .section02 article.rTour_wrap {
        float: none;
        width: 100%;
        height: 262px;
        margin-top: 10px;
    }

    /* 농업유산_banner */
    #RuralCulture .section01 article.aBanner_wrap h3.wrapTitle {
        display: block;
        position: relative;
        left: 0 ;
        top: 0;
        text-align: center;
    }

    #RuralCulture .section01 article.aBanner_wrap .aBlist {
        padding-left: 0;
        position: relative;
        width: 100%;
    }

    #RuralCulture .section01 article.aBanner_wrap .aBlist li {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    #RuralCulture .section01 article.aBanner_wrap .aBlist li a {
        vertical-align: middle !important;
    }

    /* 신규직업 */
    #RuralCulture .section03 article.nJoblist_wrap {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        background: #e8eef8;
        border-radius: 8px;
    }

    #RuralCulture .section03 article.nJoblist_wrap .nJoblist li {
        width: 33.333%;
    }

    #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(4) {
        width: 50%;
    }

    #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(5) {
        width: 50%;
    }

    /* 전통지식 */
    #RuralCulture .section04 article.tKnow_wrap {
        position: relative;
        float: none;
        width: 100%;
        height: 290px;
        display: block;
        border-radius: 8px;
    }

    #RuralCulture .section04 article.tKnow_wrap {
        height: auto;
    }

    #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li img {
        width: 100%;
        height: auto;
    }

    /* 디자인 */
    #RuralCulture .section04 article.aDesign_wrap {
        position: relative;
        float: none;
        width: 100%;
        height: 290px;
        display: block;
        border-radius: 8px;
        margin-top: 10px;
    }

    /****************************************/
    /* Name: 치유농업
/****************************************/
    #careFarming .mainSection02 .cBitem {
        float: none;
        width: 100%;
    }

    .careFarming section + section + section ul {
        padding: 20px 0;
    }

    .careFarming section + section + section ul.infom {
    }

    .careFarming section + section + section ul.infom li {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dashed #ddd;
    }

    .careFarming section + section + section ul.infom li:last-child {
        border-bottom: 0;
    }

    .careFarming section + section + section ul.infom li dl:before {
        height: 60px;
        width: 60px;
        background-size: 50px;
    }

    .careFarming section + section + section + section +section .likeBox li {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .careFarming section + section + section + section .opCase dl dt {
        position: relative;
        left: inherit;
        top: inherit;
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .careFarming section + section + section + section .opCase dl dt a {
        display: block;
    }

    .careFarming section + section + section + section .opCase dl dd {
        padding-left: 0;
    }

    .careFarming section + section + section + section .opCase dl dd .etc {
        height: auto;
    }

    /* 동영상 */
    div.video_wrap .video_play {
        width: 680px;
        height: 440px;
    }

    /* 여성농업인 - 알림마당 */
    #womenFarmers .section01 .wBlist li {
        float: none;
        width: 100%;
    }

    #womenFarmers .section02 .wNotice_list li {
        width: 50%;
    }

    #careFarming .mainSection03 .cState_list li {
        width: 50%;
    }

    /* 제휴서비스- 농업소식 */
    #nongMin .newsView .newsArea .newsBox {
        padding: 0;
        min-height: 180px;
        background: none;
    }

    #nongMin .newsView .newsArea .newsBox .pic {
        width: 200px;
        height: 120px;
        margin-right: 1.2rem;
    }

    #nongMin .newsView .newsArea .newsBox div.contBox > .date {
        right: 0;
        bottom: 0;
    }

    /* tab-type01 */
    .ctgTab_Ty01 {
        margin-bottom: 20px
    }

    .tab_s01 .ctgTab_Ty01 ul.clearfix:before, .tab-s01 .ctgTab_Ty01 ul.clearfix:after {
        display: none;
    }

    /*.tab_s01 .ctgTab_Ty01 li {border: 0px !important;box-sizing: border-box;border-bottom:1px solid #ddd;}*/
    /* tab-type01 */
    /*.tab_s01>ul {height:40px;display:table;table-layout:fixed;width:100%;border:1px solid #ddd;margin-bottom:20px;border-bottom: 0px;border-right: 0px;}*/
    .ctgTab_Ty01 .label {
        display: block;
        position: relative;
        width: 100%;
        background-color: #666;
        color: #fff;
        height: 48px;
        
        padding: 0 2.7rem;
        font-size: var(--krds-mobile-font-size-body-medium)!important;
        text-align: left;
    }

    .ctgTab_Ty01 .label:after {
        display: block;
        content: '';
        position: absolute;
        right: 16px;
        top: 18px;
        width: 9px;
        height: 9px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        transition: transform 150ms ease-in-out;
    }

    .ctgTab_Ty01.open .label:after {
        top: 22px;
        transform: rotate(-135deg);
        transition: transform 150ms ease-in-out;
    }

    .ctgTab_Ty01 ul {
        z-index: 2;
        display: none;
        /*position: absolute; top: 48px;*/
        left: 0;
        width: 100%;
        height: auto;
        border: 1px solid #e5e5e5;
        background: #fff;
        table-layout: fixed
    }

    .ctgTab_Ty01.open ul {
        display: block;
    }

    .ctgTab_Ty01 ul.clearfix:before, .ctgTab_Ty01 ul.clearfix:after {
        display: none;
    }

    .ctgTab_Ty01 ul li {
        display: block;
        position: static;
        height: auto;
        padding: 0px;
        border: none;
        line-height: 1.6;
    }

    .ctgTab_Ty01 ul li:last-child {
        border-bottom: none!important;
        border-right: 0;
    }

    .ctgTab_Ty01 ul li:last-child a {
        border-bottom: none!important
    }

    .ctgTab_Ty01 ul li {
        border-bottom: 1px solid #e5e5e5;
        text-align: left;
        font-size: inherit;
        box-sizing: inherit;
    }

    .ctgTab_Ty01 ul li.on, .ctgTab_Ty01 ul li.selected {
        z-index: 1;
        border: 0;
        background: #f1f1f1;
        color: #005891;
    }

    .ctgTab_Ty01 ul li.on a, .ctgTab_Ty01>ul li.selected a {
        
        border: none;
        color: #005891;
    }

    .ctgTab_Ty01 ul li a {
        display: block;
        position: relative;
        padding: 6px 18px 6px 14px;
        height: auto;
        border-right: none;
        font-size: var(--krds-mobile-font-size-body-small);
        min-height: 35px;
        margin: -1px 0 0 0;
    }

    .ctgTab_Ty01 ul li a:hover {
        cursor: pointer !important;
        color: #0366ca;
        text-decoration: none;
    }

    .tab_s02 {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .bx-con {
        overflow-x: scroll;
        padding: 1% 0;
    }

    /* tab-Style04 : 우수경경체 100선*/
    .tab_s04>ul>li {
        width: 20%;
    }

    .pic-list01>ul>li dl {
        margin-top: 10px;
        margin-bottom: 0!important;
    }

    .pic-list01 ul li dl dd:first-child {
        margin-top: 10px!important
    }

    .pic-list01>ul>li dl dd {
        margin: 0 0 10px 0;
        line-height: 1.6
    }

    .pic-list01>ul>li dl dd:last-child {
        margin-bottom: 0;
    }

    .pic-list01>ul>li dl dd hr {
        margin: 0;
    }
    .pic-list01.type05 ul { 
        flex-direction: column;
    }
    .pic-list01.type05 ul li {
        width:100%
    }
    .pic-list01.type05>ul>li dl dd {
        margin:0
    }

    .pic-list03.list05 li {
        float: left;
        width: calc(50% - 2.7rem);
        max-height: 100px;
        height: auto;
        margin: .5rem;
        clear: initial !important;
    }
    
    .pic-list04>ul>li>ul>li {
    width: calc(100%);
	}
	
	.pic-list04>ul>li>ul>li+li {
	    width: calc(100%);
	}

    .tab_s03 ul {
        text-align: center!important;
    }

    .tab_s03 ul li#exportItem .itemList2 li a span.imgArea {
        height: auto;
    }

    .tab_s03 ul li {
        min-width: calc(33.3% - .5rem);
        display: inline-block
    }
    
    .search-form-bg {
        padding: 1.6rem
    }
    .search-form-bg > .input-group {
        flex-direction: column;
        gap:var(--krds-gap-3);
    }
    .search-form-bg > .input-group .calendar-conts,
    .search-form-bg > .input-group .krds-input.datepicker,
    .search-form-bg > .input-group .krds-form-select,
    .search-form-bg > .input-group > .krds-btn { width:100%}
    .search-form-bg > .input-group .krds-input { max-width: none;}
    .search-form-bg .form-group-row { flex-direction: column; gap:var(--krds-gap-5)}
    .search-form-bg.search-word .sr_view { width:100%}
    .search-form-bg.search-word .type_dic dd { display: block; margin-left:0}
    .search-form-bg.search-word .type_dic dd:nth-of-type(2) { padding-left:0; padding-top:1rem}

    .cms_TextArea .inner_TextArea ol.w50,
    .cms_TextArea .inner_TextArea p.w50 { width:100%}
    .cms_TextArea .inner_TextArea .ImageGroup p { width:100% !important}

}

@media screen and (max-width: 720px) {
    /* dataOpan_list_공공Data신청 */ div.dataOpan_list li {
        display: block;
        float: none;
        width: 100%;
    }

    div.dataOpan_list li div.dataBox .dataTxt p {
        height: auto;
        display: block;
    }
}

@media(max-width: 680px) {
    .cms_TextArea .inner_TextArea h4 {
        font-size:var(--krds-mobile-font-size-heading-large);
        line-height: 1.3
    }

    .cms_TextArea .inner_TextArea .cms_table h4 {
        font-size: var(--krds-mobile-font-size-heading-large);
    }

    .cms_TextArea .inner_TextArea .cms_table::before {
        padding: 2px 0 20px 82px!important;
    }

    .cms_TextArea .inner_TextArea h5 {
        line-height: 1.4;
        font-size:var(--krds-mobile-font-size-heading-medium);
    }

    /* CMS list */
    .cms_TextArea .inner_TextArea>ul.list>li {
        display: block!important;
        width: 100%!important;
    }

    .cms_TextArea .inner_TextArea>ul.list>li>dl>dt {
        padding-top: 20px;
        padding-bottom: 0;
        padding-left: 0;
        text-align: center
    }

    .cms_TextArea .inner_TextArea>ul.list>li>dl>dd {
        padding: 2px 0;
        text-align: center
    }

    .cms_TextArea .inner_TextArea p {
        font-size: var(--krds-mobile-font-size-body-small);
        line-height: 1.5
    }

    .inner_btnArea a, .inner_btnArea button {
        min-width: 105px;
        height: 36px;
        line-height: 34px;
        font-size: var(--krds-mobile-font-size-body-small);
    }

    .cms_TextArea .inner_TextArea .btn_Vod {
        height: 42px;
        line-height: 34px;
        font-size: var(--krds-mobile-font-size-body-small);
    }

    .cms_TextArea .inner_TextArea .btn_Vod:after {
        top: 27px;
    }

    .cms_TextArea .inner_TextArea .btn_Vod:before {
        top: 25px;
    }

    .cms_TextArea .inner_TextArea .btn_s_PDF {
        width: calc(50% - 70px);
        height: 36px
    }

    .cms_TextArea .inner_TextArea .btn_s_txDown {
        width: calc(50% - 70px);
        height: 36px
    }

    .cms_TextArea .inner_TextArea .diagram {
        width: 100%;
    }

    .cms_TextArea .inner_TextArea h4 a.btn-2 {
        margin-top: 8px
    }
}

@media screen and (max-width: 640px) {
    #nongMin .newsView .mediaArea .mediaPhoto {
        float: none;
        width: 100%;
    }

    #nongMin .newsView .mediaArea .mediaList {
        margin-top: 2.7rem;
    }

    .select-bx .search-tit span.form-btn {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    /* 배너다운로드 */ div.banner_list li {
        float: none;
        width: 100%;
    }

    div.banner_list.inDown li {
        width: 100%;
    }

    div.banner_list.inDown li div.bannerBox .bannerImg p {
        min-height: inherit;
    }

    /* contIn-photo */
    .contIn-photo li a .thumB, .contIn-photo li div .thumB {
        height: 166px;
        max-height: 166px;
    }

    /* main */
    /* 디자인 */
    #RuralCulture .section04 article.aDesign_wrap {
        height: auto;
    }

    #RuralCulture .section04 article.aDesign_wrap .aDesign_area {
        position: relative;
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    #RuralCulture .section04 article.aDesign_wrap .aDesign_banner {
        position: relative;
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li {
        float: left;
        display: inline-block;
        width: 48%;
        text-align: center;
        box-sizing: border-box;
    }

    #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li + li {
        float: right;
        margin-top: 0;
    }

    /* 모바일 테이블 가로스크롤 */
    #RuralCulture .table_scroll {
        position: relative;
    }

    #RuralCulture .table_scroll .tableBox {
        position: relative;
        padding-top: 30px;
        width: 100%;
        overflow: auto
    }

    #RuralCulture .table_scroll table {
        width: 640px
    }

    #RuralCulture .table_scroll::before {
        /*position:sticky;*/
        position: absolute;
        top: 0;
        left: 50%;
        content: '좌우로 스크롤하여 확인하세요';
        font-size: var(--krds-mobile-font-size-body-xsmall);
        display: inline-block;
        padding: 2px 0 20px 82px;
        background: url('https://www.nongsaro.go.kr/ps/img/nongsaroAdd/ruralCulture/mb_scroll.png')left top no-repeat;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        white-space: nowrap;
    }

    /* 박스 : 박스 기본 타입 */
    #RuralCulture .box_st_ico {
        padding-left: 0;
    }

    #RuralCulture .box_st_ico .ico_boxImg {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto 10px;
        text-align: center;
    }

    /* 동영상 */
    div.video_wrap .video_play {
        width: 540px;
        height: 342px;
    }

    /* 제휴서비스- 농업소식 */
    #nongMin .newsAWrap.col2 .newsAArea div.newsAbox {
        min-height: auto;
    }
}

@media screen and ( max-width: 560px) {
    #container .contents .subImg.careFarm {
        height: auto;
        padding: 1.8rem;
        padding-right: 140px;
    }

    #container .contents .subImg.careFarm:after {
        background-size: 160px;
    }

    #container .contents .subImg.womenFarm {
        height: auto;
        padding: 1.8rem;
    }

    #container .contents .subImg.womenFarm:after {
        background-size: 140px;
    }

    #container .contents .subImg.womenFarm dd + dd {
        padding-right: 100px;
    }

    #container .contents .subImg.curation {
        padding: 1.6rem;
        padding-right: 130px;
    }

    #container .contents .subImg.curation:after {
        background-size: 150px;
    }
    #container .contents .subImg.curation .btnArea{
    	position:relative;
    	left:0;
    	text-align:left;
    }
}

@media screen and ( max-width: 540px) {
    /* contWrap */ .cont {
        font-size: var(--krds-mobile-font-size-body-small);
        padding-bottom: 2.7rem;
        margin-bottom: 2.7rem;
    }

    .cont > p strong {
        font-size: var(--krds-mobile-font-size-body-small);
    }

    /* CI소개 */
    .ci_info .ci img {
        width: 160px;
    }

    .ci_info .ci ul li {
        width: 50%;
    }

    .ci_info .ci ul li img {
        width: 100px
    }

    .ci_info h3.subTitle .btnArea {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }

    .ci_info .btnArea {
        position: relative;
        top: 0;
        right: 0;
        margin: 2.7rem auto;
    }

    .ci_info .colorWrap {
        margin-bottom: 15px;
    }

    .ci_info .colorWrap ul li {
        width: 100%;
        float: none;
        position: relative;
    }

    .ci_info .colorWrap .colorArea .color_tit {
        height: auto;
    }

    .ci_info .colorWrap .colorArea .color_txt {
        padding: 2.7rem;
    }

    .cropSearchWrap .cropSearchArea {
        padding: 2.4rem 2.7rem;
    }

    .cropSearchWrap .cropSetGroup button {
        font-size: var(--krds-mobile-font-size-body-small);
    }

    .cropSearchWrap .searchWord .inner {
        padding: 5px 3px;
    }

    .cropSearchWrap .searchWord .inner button {
        margin: .2.7rem;
    }

    .cropSearchWrap .searchWord .inner button.conso00 {
        width: 83px;
    }

    /* 작목정보(품종) 선택 */
    .cropSearchArea .desc-items .colList li {
        width: 33.3333%;
    }

    /* depth01_Tab */
    .cropConTab .depth01_Tab {
        position: relative;
        z-index: 10;
        font-size: 14px;
        text-align: left;
        line-height: 40px;
    }

    .cropConTab .depth01_Tab button {
        display: block;
        position: relative;
        width: 100%;
        height: 48px;
        color: #fff;
        padding-left: 15px;
        text-align: left;
        background: #63676d;
    }

    .cropConTab .depth01_Tab button:after {
        display: block;
        content: '';
        position: absolute;
        right: 16px;
        top: 16px;
        width: 10px;
        height: 10px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        transition: transform 150ms ease-in-out;
    }

    .cropConTab .depth01_Tab ul {
        display: none;
        position: absolute;
        top: 48px;
        left: 0;
        width: 100%;
        border: 1px solid #63676d;
    }

    .cropConTab .depth01_Tab li+li {
        border-top: 1px solid #d5d9de;
    }

    .cropConTab .depth01_Tab.col3 li {
        width: 100%;
        background: #eee;
        display: block;
    }

    .cropConTab .depth01_Tab li a {
        display: block;
        text-align: left;
        padding: 0;
        padding-left: 15px;
        background: #fff;
        line-height: 40px;
    }

    .cropConTab .depth01_Tab li.on a {
        color: #11881f;
        background: #f7f7f7;
        padding-left: 15px;
    }

    .cropConTab .depth01_Tab li a:hover {
        color: #63676d;
        display: block;
        background: #f7f7f7;
        line-height: 40px;
    }

    .cropConTab .depth01_Tab li.on a:hover {
        color: #11881f;
    }

    .cropConTab .depth01_Tab.open ul {
        display: block;
    }

    .cropConTab .depth01_Tab.open button:after {
        top: 21px;
        transform: rotate(-135deg);
    }

    /* contIn-photo */
    .contIn-photo ul.col3 li {
        float: none;
        width: 100%;
    }

    .contIn-photo ul.col3 li a .thumB, .contIn-photo ul.col3 li div .thumB {
        height: inherit;
        max-height: inherit;
    }

    /* main */
    /* 신규직업 */
    #RuralCulture .section03 article.nJobTest_wrap {
        float: none;
        width: 100%;
        height: 140px;
    }

    #RuralCulture .section03 article.nJoblist_wrap {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    /* 이미지_list_설명무 */
    #RuralCulture .imgListBox.col2 li {
        width: 100%;
    }

    #RuralCulture .imgListBox.col3 li {
        width: 100%;
    }

    #RuralCulture .imgListBox.col5 li {
        width: 100%;
    }

    #RuralCulture .imgListBox.col6 li {
        width: 100%;
    }

    /* 이미지_list_설명유_in */
    #RuralCulture .imgListCon li {
        float: none;
        margin-bottom: 15px;
        width: auto;
    }

    #RuralCulture .imgListCon.col2 li {
        width: 100%;
    }

    #RuralCulture .imgListCon.col4 li {
        width: 100%;
    }

    #RuralCulture .imgListCon.col5 li {
        width: 100%;
    }

    #RuralCulture .imgListCon.col6 li {
        width: 100%;
    }

    /* 이미지+텍스트 */
    #RuralCulture .imgContBox .imgThumb {
        width: 100%;
        display: block;
    }

    #RuralCulture .imgContBox .txtInfoBox {
        width: 100%;
        display: block;
        padding: 20px 0 0 0;
    }

    #RuralCulture .process_step li {
        position: relative;
        width: 50%;
        float: left;
        padding: 1%;
    }

    /* 동영상 */
    div.video_wrap .video_play {
        width: 480px;
        height: 330px;
    }

    /* 제휴서비스- 농업소식 */
    #nongMin .newsView .newsArea .newsBox .pic {
        width: inherit;
        height: inherit;
        margin-right: 0;
        margin-bottom: 2.7rem;
    }

    #nongMin .newsView .newsArea .newsBox div.contBox > .date {
        display: block;
        position: relative;
        text-align: right;
        right: inherit;
        bottom: inherit;
        margin-top: .5rem;
    }

    .btn_Pis, .btn_Ncpms {
        width: 300px;
    }

    .inner_btnArea a, .inner_btnArea button {
        margin: 8px 0;
    }

    /* CMS 컨텐츠 :: pdf 미리보기 */
    .cms_TextArea .inner_TextArea .btn_s_PDF {
        width: calc(50% - 100px)
    }

    .cms_TextArea .inner_TextArea .btn_s_PDF:after {
        right: 1.6rem;
    }

    /* CMS 컨텐츠 :: pdf 다운로드 */
    .cms_TextArea .inner_TextArea .btn_s_txDown {
        width: calc(50% - 100px)
    }

    .cms_TextArea .inner_TextArea .btn_s_txDown:after {
        right: 1.6rem;
        background-position: 0 -12px
    }

    .pic-list01 ul li dl.con {
        width: 100%
    }

    .pic-list01.ebook ul li dl.con {
        width: 100%;
        padding-bottom: 30px;
    }

    .pic-list01 ul li dl dd p {
        display: inline-block;
        width: 100%;
    }
}
@media screen and ( max-width: 460px) {
    /* 서브소개 */ #container .contents .subImg {
        padding: 1.2rem;
    }

    #container .contents .subImg.clean {
        padding: 1.2rem;
    }

    #container .contents .subImg.clean dd img {
        width: 120px;
    }

    #container .contents .subImg.curation {
        padding: 1.2rem;
    }

    #container .contents .subImg.curation:after {
        content: none;
    }

    /* 교육안내 */
    .contIcon_list.edu > ul > li dl {
        padding: 20px;
    }

    .contIcon_list.edu > ul > li dl:before {
        position: relative;
        left: inherit;
        top: inherit;
        margin: 10px auto;
    }

    .contIn-photo li {
        width: 100%;
        float: none;
    }

    .contIn-photo li a .thumB, .contIn-photo li div .thumB {
        height: auto;
        max-height: inherit;
    }

    /*Tabs : tab-nav */
    .tab-nav.t1>ul>li>a {
        padding: 0 2.7rem;
        height: 40px;
        line-height: 38px;
        font-size: var(--krds-mobile-font-size-body-small);
        letter-spacing: -.05em;
    }

    .tab-nav.t2 li a {
        padding: 0 8px;
        height: 40px;
        line-height: 38px;
        font-size: var(--krds-mobile-font-size-body-small);
        letter-spacing: -.05em;
    }

    .tab-nav.t3 li a {
        padding: 0 8px;
        font-size: var(--krds-mobile-font-size-body-small);
        letter-spacing: -.05em;
    }

    /* 여성농업인 - 알림마당 */
    #womenFarmers .tabMore {
        position: relative;
        top: inherit;
        right: inherit;
        display: block;
        margin: 20px auto 0;
    }

    /* 제휴서비스- 농업소식 */
    #nongMin div.bannerList > ul > li {
        float: none;
        width: 100%;
    }

    /* CMS 컨텐츠 :: vod 보러가기 */
    .cms_TextArea .inner_TextArea .btn_Vod {
        width: 90%;
        padding-right: calc(2em + 45px);
    }

    .cms_TextArea .inner_TextArea .btn_Vod:after {
        right: 81px;
        width: 30px
    }

    .cms_TextArea .inner_TextArea .btn_Vod:before {
        right: 5.55em;
    }

    /* CMS 컨텐츠 :: pdf 미리보기 */
    .cms_TextArea .inner_TextArea .btn_s_PDF {
        margin-top: 10px;
        /*padding-right:31px*/
        width: calc(50% - 30px)
    }

    .cms_TextArea .inner_TextArea .btn_s_PDF:after {
        right: 1.6rem;
        width: 18px;
        height: 10px;
        background-size: 9px;
    }

    /* CMS 컨텐츠 :: pdf 다운로드 */
    .cms_TextArea .inner_TextArea .btn_s_txDown {
        margin-top: 10px;
        /*padding-right:31px;*/
        margin-bottom: 19px;
        width: calc(50% - 30px)
    }

    .cms_TextArea .inner_TextArea .btn_s_txDown:after {
        right: 1.6rem;
        width: 20px;
        height: 11px;
        background-size: 10px;
    }

    .cms_TextArea .inner_TextArea .cms_table::before {
        padding: 2px 0 20px 82px;
    }

    .inner_btnArea>a {
        margin-top: 0;
    }

    .inner_btnArea>a:first-child {
        margin-top: 20px;
    }

    .inner_btnArea.womanFarmer>a:last-child {
        margin-top: 20px;
    }
}

@media screen and ( max-width: 425px) {
    #container .contents .subImg.careFarm {
        padding: 1.8rem;
        min-height: inherit;
    }

    #container .contents .subImg.careFarm:after {
        content: none;
    }

    /*Tabs : tab-nav */
    .tab-nav.t3 li a {
        padding: 0 4px;
        font-size: var(--krds-mobile-font-size-body-xsmall);
        letter-spacing: -.05em;
    }

    /* 동영상 */
    div.video_wrap .video_play {
        width: 320px;
        height: 230px;
    }

    /* 제휴서비스- 농업소식 */
    #nongMin div.photoList > ul > li {
        width: 100%;
        float: none;
    }

    #nongMin div.photoList.col3 > ul > li {
        float: left;
        width: 50%;
    }

    #nongMin div.photoList.col3 > ul > li:last-child {
        display: none;
    }

    /* 열기/닫기 */
    .drop-content {
        overflow: hidden;
        position: relative;
        height: 220px;
        min-height: 180px !important;
        box-sizing: border-box;
    }

    .drop-content .drop-text ol {
        padding-bottom: 2.4rem;
        max-height: inherit !important;
    }

    .drop-content .drop-btn {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 2.7rem 0 0;
        background-color: #fff;
        text-align: center;
        cursor: pointer;
        margin: 0;
    }

    .drop-content .drop-btn .more_arr {
        font-size: var(--krds-mobile-font-size-body-xsmall);
    }

    .drop-content.selected {
        height: 100%;
    }

    .drop-content.selected .drop-text {
        margin-bottom: 2.7rem;
    }
}

@media(max-width: 390px) {
    .cms_TextArea .inner_TextArea .btn_Vod:before {
        right:4.35rem;
    }

    .cms_TextArea .inner_TextArea .btn_Vod:after {
        right: 72px;
    }
}

@media(max-width: 375px) {
    /* CMS 컨텐츠 :: vod 보러가기 */ .cms_TextArea .inner_TextArea .btn_Vod:after {
        right: 65px;
    }

    .cms_TextArea .inner_TextArea .btn_Vod:before {
        right: 4.51em;
    }

    .cms_TextArea .inner_TextArea .btn_s_PDF:after {
        right: 1.2rem
    }

    .cms_TextArea .inner_TextArea .btn_s_txDown:after {
        right: 1.2rem
    }
}

@media screen and (max-width: 360px) {
    /* 여성농업인 - 알림마당 */ #womenFarmers .section02 .wNotice_list li {
        float: none;
        width: 100%;
    }

    #careFarming .mainSection03 .cState_list li {
        float: none;
        width: 100%;
    }

    /* 제휴서비스- 농업소식 */
    #nongMin div.thumbsList > ul > li {
        padding: .6rem 0;
        min-height: auto;
    }

    #nongMin div.thumbsList > ul > li .pic {
        width: 110px;
        height: 63px;
        margin-right: 12px;
        background-size: 100px auto;
    }

    #nongMin div.thumbsList > ul > li div.contBox > strong {
        font-size: var(--krds-mobile-font-size-body-medium);
        margin-bottom: .2rem;
    }

    #nongMin div.thumbsList > ul > li div.contBox > p.txt {
        font-size: var(--krds-mobile-font-size-body-small);
        height: 40px;
        line-height: 1.4;
    }

    #nongMin div.textList > ul > li a {
        font-size: var(--krds-mobile-font-size-body-small);
    }

    #nongMin div.photoList.col3 > ul > li {
        width: 100%;
        float: none;
    }

    #nongMin div.photoList.col3 > ul > li:last-child {
        display: block;
    }
}

/* 7월 27일 css 수정 작업함 붙여넣었음
board.css, common2020.css 수정해야함*/
.cms_TextArea .inner_TextArea .cms_table>table th[rowspan] {
    border-right: 1px solid #dedede;
}
.cms_TextArea .inner_TextArea .cms_table>table td[rowspan] {
    border-right: 1px solid #dedede;
}
.btn-area {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    clear: both
}


/* 2025 03 14 */
.sum_rnd_box{ background: #ecf2fe url(/ps/img/cmmImg_2025/qr_bg.png) no-repeat 1.4rem 100%; border: 1px solid #86aff9; border-radius: 8px; padding:26px 30px 20px 105px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 30px}
.sum_rnd_box > p{ display: flex; flex-direction: column;}
.sum_rnd_box > p > strong{ display: block; font-size: 1.15rem; font-weight: 600;}
.sum_rnd_box button{ display: inline-flex; gap: 0.4rem;}
.sum_rnd_box button:after{ display: inline-flex; content: ""; width: 24px; height: 24px; background-image: url(/ps/img/cmmImg_2025/ico_file_20.svg); background-repeat: no-repeat; background-size: contain;}

@media screen and (max-width: 1023px) {
    .sum_rnd_box{ margin: 0; background: #ecf2fe; padding: 20px;}
    .sum_rnd_box button{ margin-top: 15px}
}

/* 2025 04 04 지자체 온라인몰 */
.local_mall{ display: flex; }
.local_mall .map_area{ width: 567px; height: 720px; flex-shrink: 0; position: relative; background: url(/ps/img/cmmImg_2025/map_bg.png);}
.local_mall .tab_contents{ width: 100%;}
.local_mall .map_area ul{ position: relative}
.local_mall .map_area li a{ display: inline-block; position: absolute; z-index: 1}
.local_mall .map_area li.mall-gw a{ left: 270px; top: 115px;}
.local_mall .map_area li.mall-gg a{ left: 150px; top: 185px;}
.local_mall .map_area li.mall-cn a{ left: 75px; top: 295px;}
.local_mall .map_area li.mall-cb a{ left: 200px; top: 240px;}
.local_mall .map_area li.mall-gn a{ left: 250px; top: 455px;}
.local_mall .map_area li.mall-gb a{ left: 325px; top: 285px;}
.local_mall .map_area li.mall-dg a{ left: 312px; top: 367px;}
.local_mall .map_area li.mall-jb a{ left: 130px; top: 405px;}
.local_mall .map_area li.mall-jn a{ left: 92px; top: 525px;}
.local_mall .map_area li.mall-jj a{ left: 93px; top: 650px;}
.local_mall .map_area a{ display: inline-block; line-height: 33px; border-radius: 33px; background: #dcddf7; padding: 0 35px 0 10px; position: relative;}
.local_mall .map_area a span{ display: block; width: 33px; height: 33px; border-radius: 50%; background: #fff; border: 3px solid #dcddf7; line-height: 1.5; position: absolute; right: 0; top: 0; text-align: center;}

.local_mall .map_area li.ui-tabs-active a{ background: #156da9; font-weight: 600; color: #fff}
.local_mall .map_area li.ui-tabs-active a span{ border-color: #156da9; color: #545454}
.local_mall .map_area li i{ position: absolute; width: 1px; height: 1px; color: transparent; overflow: hidden; text-indent: -9999999px;}
.local_mall .map_area li.ui-tabs-active i{ display: block;}
.local_mall .map_area li.ui-tabs-active::after{ content: ''; display: block; position: absolute;}
.local_mall .map_area li.mall-gw::after{ background: url(/ps/img/cmmImg_2025/map_ov_gw.png) no-repeat; width: 271px; height: 235px; left: 167px; top: 4px;}
.local_mall .map_area li.mall-gg::after{ background: url(/ps/img/cmmImg_2025/map_ov_gg.png) no-repeat; width: 170px; height: 202px; left: 94px; top: 55px;}
.local_mall .map_area li.mall-cn::after{ background: url(/ps/img/cmmImg_2025/map_ov_cn.png) no-repeat; width: 183px; height: 161px; left: 51px; top: 226px;}
.local_mall .map_area li.mall-cb::after{ background: url(/ps/img/cmmImg_2025/map_ov_cb.png) no-repeat; width: 161px; height: 180px; left: 190px; top: 201px;}
.local_mall .map_area li.mall-gn::after{ background: url(/ps/img/cmmImg_2025/map_ov_gn.png) no-repeat; width: 199px; height: 165px; left: 226px; top: 389px;}
.local_mall .map_area li.mall-gb::after{ background: url(/ps/img/cmmImg_2025/map_ov_gb.png) no-repeat; width: 217px; height: 232px; left: 249px; top: 211px;}
.local_mall .map_area li.mall-dg::after{ background: url(/ps/img/cmmImg_2025/map_ov_dg.png) no-repeat; width: 67px; height: 109px; left: 318px; top: 329px;}
.local_mall .map_area li.mall-jb::after{ background: url(/ps/img/cmmImg_2025/map_ov_jb.png) no-repeat; width: 178px; height: 131px; left: 89px; top: 351px;}
.local_mall .map_area li.mall-jn::after{ background: url(/ps/img/cmmImg_2025/map_ov_jn.png) no-repeat; width: 199px; height: 171px; left: 55px; top: 449px;}
.local_mall .map_area li.mall-jj::after{ background: url(/ps/img/cmmImg_2025/map_ov_jj.png) no-repeat; width: 109px; height: 58px; left: 93px; top: 646px;}

.local_mall .tab_contents{ padding-top: 20px}
.local_mall .tab_contents > div{ display: flex; flex-direction: column; gap: 3rem}
.local_mall .tab_contents > div ul{ display: flex; gap: 1rem; flex-wrap: wrap;}
.local_mall .tab_contents > div ul li{ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: calc(100% / 3 - .7rem); position: relative; background: #fff; border: 1px solid #dcdcdc}
.local_mall .tab_contents > div ul li .nm{ border-bottom: 1px solid #dcdcdc; display: flex; flex-direction: row; gap: 10px; width: 100%; line-height: 40px; height: 40px; font-weight: 500;}
.local_mall .tab_contents > div ul li .nm span{ background: #dcdcdc; width: 4.8rem; text-align: center; font-size: 13px; font-weight: 300; line-height: 4rem;}
.local_mall .tab_contents > div ul li .imgA{ display: flex; min-height: 5rem; justify-content: center; align-items: center;}
.local_mall .tab_contents > div ul li a{ display: flex; position: absolute; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 1px; color: transparent;}
.local_mall .tab_contents > div ul li a:hover:after{ content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6);}
.local_mall .tab_contents > div ul li a:hover i{ display: inline-block; line-height: 35px; background: #fff; border-radius: 35px; font-size: 1.5rem; color: #444; position: relative; z-index: 1; padding: 0 20px}


@media screen and (max-width: 1279px) {
    .local_mall{ flex-direction: column; align-items: center;}
}

@media screen and (max-width: 767px) {
    .local_mall .map_area{ width: 100%; height: auto; background: none; }
    .local_mall .map_area ul{ display: flex; flex-wrap: wrap; gap: .3rem .6rem; margin: 2rem 0 1rem}
    .local_mall .map_area ul li{ width: calc(100% / 3 - .4rem);}
    .local_mall .map_area ul li a{ position: relative; left: auto !important; top: auto !important; display: flex; border-radius: .5rem; padding: 8px 15px;}
    .local_mall .map_area li::after{ display: none !important;}
    .local_mall .map_area a span{ border-radius: .4rem; height: 100%; line-height: 250%;}
}

/* 2025. 04. 25 */
.pop-bx .con-bx > .g-conts-area { padding:10px; display: flex; flex-direction: column; gap:40px}
.pop-bx .con-bx .g-conts-area .g-conts-area { display: flex; flex-direction: column; gap:16px}
.pop-bx .con-bx .g-conts-area .con-tit { margin-bottom: 0; font-size: 19px;}
.pop-bx .con-bx .g-conts-area .con-tit:after { display: none;}
.pop-bx .con-tit:before { content:''; display: block; width:5px; height:5px; border-radius: 5px; background:linear-gradient(to top, #11881f, #156da9);}
.pop-bx .btn-area { padding:0}
.g-info-box { padding:20px; border-radius: 4px; background-color: #ecf3ff;}
.g-custom-area { display: flex; flex-wrap: wrap; gap:16px; padding:16px 20px; border:2px dashed #878787; border-radius: 4px; background-color: #f7f7f7;}
.g-custom-area strong { font-weight: bold; color:#333}
.g-custom-area ul { display: flex; flex-direction: row;}
.g-custom-area li { display: flex; flex-wrap: wrap; font-size: 15px; gap:0 10px}
.g-custom-area li + li { border-left:1px solid #878787; padding-left:12px; margin-left:12px }
.g-custom-area li strong { display: block; width: 100%;}
.g-custom-area li span { display: inline-block; }
.search_Form.search-step { padding:16px 20px}
.search_Form.search-step ol { display: flex; gap:10px 20px; }
.search_Form.search-step ol > li { position: relative; display: flex; align-items: center; gap:16px; max-width: 390px; padding:0 10px; font-size: 17px;}
.search_Form.search-step ol > li label { flex-shrink: 0; gap:8px; font-size: 15px; width:136px; text-align: left;}
.search_Form.search-step ol > li .krds-input { width:calc(100% - 46px); border-color:#ddd; height:44px !important; margin-right:-1px; border-radius: 0;}
.search_Form.search-step ol > li .btn-select { display: inline-flex; justify-content: center; align-items: center; width:46px; height:44px; overflow: hidden; border:1px solid #ddd; text-indent: -999px; vertical-align: top; background-color: #f9f9f9;}
.search_Form.search-step ol > li .btn-select:after { content:''; display: block; width:6px; height:6px;border:1px solid #666; border-bottom-color: transparent !important; border-right-color: transparent !important; transform: rotate(-135deg); margin-bottom: 4px;}
.search_Form.search-step ol > li .step { color:#f00000}
.search_Form.search-step ol > li.date strong { font-weight: bold; color:#f00000}
.search_Form.search-step ol > li > div { position: relative; width:100%} 
.search_Form.search-step .form-group { align-items: center; padding-top:16px; margin-top: 12px; border-top: 1px dashed #bebebe;}
.search_Form.search-step .form-tit { width:100%; max-width: 600px; text-align: left; color:#747474; font-size:14px;}
.search_Form.search-step .form-conts { max-width: 600px;}
.search_Form.search-step .form-conts .krds-input { height: 44px !important; border-radius: 0;}
.search_Form.search-step .form-conts .krds-btn { height: 44px !important; border-radius: 0; color:#fff; font-size: 14px; border:0; background-color: #333;}
.export-type { display: none; position: absolute; top:-62px; right:0; width:100%; border: 1px solid #b1b8be; border-radius: 12px; box-shadow: 0 3px 7px rgba(145, 145, 145, .29); background-color: #fff; z-index: 2;}
.export-type .export-type-tit { position: relative; display: block; padding:11px 38px 15px 13px; text-align: left; font-weight: 500; }
.export-type .export-type-tit:after { content:''; display: block; position: absolute; bottom:0; left:0; width: 100%; height: 4px; border:1px solid #333;}
.export-type ul { display: flex; gap:0 4px; flex-wrap: wrap; padding:15px 4px}
.export-type li { position: relative; width:calc(50% - 2px)}
.export-type li input[type="radio"] { position: absolute; width: 1px; height: 1px; overflow: hidden; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0); white-space: nowrap;}
.export-type li input[type="radio"] ~ label { width: 100%; padding:7px 8px; font-weight: 500; color:#545454; border-radius: 4px; cursor: pointer;}
.export-type li input[type="radio"]:checked ~ label { background-color: #eee;}
.export-type .btn-close { position: absolute; top:12px; right:12px; width:25px; height:25px; overflow: hidden; text-indent: -999px; background: url(../../ps/img/cmmImg_2020/common/ico_close.svg) no-repeat center center; background-size: 16px;}
.export-check-tab { display: flex; border-bottom:1px solid #666}
.export-check-tab > li { position: relative; flex:1; }
.export-check-tab > li > a { display: flex; justify-content: center; align-items: center; gap:8px; padding:11px; border:1px solid #dcdcdc; border-bottom: 0; }
.export-check-tab > li > a:after { content:''; display: inline-block; width:6px; height:6px; margin-bottom: 4px; border:1px solid #666; border-bottom-color: transparent !important; border-right-color: transparent !important; transform: rotate(-135deg); transition: transform 150ms ease-in-out; }
.export-check-tab > li + li > a { border-left:0}
.export-check-tab > li.on > a { color:#fff; font-weight: 500; border-color:#666; background-color: #666;}
.export-check-tab > li.on > a:after { transform: rotate(45deg); border-color:#fff; margin-bottom: -4px;}
.export-check-tab .chk-list01 { display: none; position: absolute; top:100%; left:0; width: 100%; max-height: 406px; overflow-y: auto; border:1px solid #dcdcdc; z-index: 1;}
.export-check-tab .chk-list01 a { display: flex; align-items: center; gap:8px; border-bottom:1px solid #dcdcdc; padding:7px 10px; font-size: 15px;}
.export-check-tab .chk-list01 li:last-child a { border-bottom: 0;}
.export-check-tab .chk-list01 > li > a { padding:10px 15px; font-size: 16px; font-weight: 500; background-color: #fff;}
.export-check-tab .chk-list01 > li > a:before { content:''; display: inline-block; width:15px; height: 16px; background: url(../../ps/img/cmmImg_2020/common/ico_export.png) no-repeat 0 0;}
.export-check-tab .chk-list02 { display: none; padding:0 10px; border-bottom:1px solid #dcdcdc; background-color: #f6f6f6;}
.export-check-tab .chk-list02 .italic { font-style: italic; font-weight: 500;}
.export-check-tab .chk-list02 li a:before { content:''; display: inline-block; width:15px; height:15px;}
.export-check-tab .on .chk-list01,
.export-check-tab .chk-list01 .on .chk-list02 {display: block;}
.export-check-tab .chk-list01 > li.on > a:before { background-position: 0 -18px;}
.export-check-tab .chk-list01 .chk-list02 .on a { color:#000}
.export-check-tab .chk-list01 .chk-list02 .on a:before { background:url(../../ps/img/cmmImg_2020/common/ico_export.png) no-repeat -16px 0}
.export-check-tabpanel { padding:32px 0}
.export-check-tabpanel .tit-area { display: flex; flex-direction: column; align-items: center; }
.export-check-tabpanel .tit-area .badge { display: inline-flex;  padding:7px 40px; color:#fff; font-weight: 500; border-radius: 20px; background:linear-gradient(to right, #11881f, #156da9);;}
.export-check-tabpanel .tit-area .tit { margin-top:16px; margin-left: 0; color:#062689; font-size: 27px; font-weight: bold; font-family: initial; text-align: center;}
.export-check-tabpanel .tit-area .category { font-size: 19px; color:#7e7e7e}
.export-check-tabpanel .info-area { display: flex; flex-wrap: wrap; gap:0 60px; margin-top:24px; padding:14px 20px; border-top:1px dashed #d9d9d9; border-bottom: 1px solid #999; background-color: #f7f7f7;}
.export-check-tabpanel .info-area dl { display: flex; align-items: center; gap:4px }
.export-check-tabpanel .info-area dt { display: inline-flex; align-items: center; gap:6px; font-weight: bold;}
.export-check-tabpanel .info-area dt:before { content:""; width:3px; height: 3px; border-radius: 3px; background-color: #545454;}
.export-check-tabpanel .con-area { padding:24px}
.export-check-tabpanel .con-area .con-tit { display: inline-flex; align-items: center; gap:6px; margin-bottom: 8px; font-weight: bold;}
.export-check-tabpanel .con-area .con-tit:before { content:""; width:3px; height: 3px; border-radius: 3px; background-color: #545454;}
.export-check-tabpanel .page-btn-wrap .tertiary.line-blue { height: 50px; padding:0 28px; border-color:#1973bf; color:#545454 }

.krds-contextual-help .tooltip-popover .tooltip-title { margin-bottom: 0;}
.krds-contextual-help .tooltip-popover .tooltip-title:after { display: none;}

.export-check-tabpanel .con-area .tbl.data th,
.export-check-tabpanel .con-area .tbl.data td { text-align: center;}
.export-check-tabpanel .con-area .tbl.data thead th { background-color: #f8f8f8;}

.sch_curationWrap { margin-bottom: var(--krds-padding-10); padding-bottom: var(--krds-padding-10); border-bottom: 1px solid var(--krds-light-color-divider-gray);}
.sch_curationWrap .conts-wrap { position: relative; display: flex; flex-direction: column; gap:var(--krds-gap-4)}
.sch_curationWrap .bTnAll { position: absolute; top:0; right:0}
.sch_curationWrap .listWrap-video li a .thumB img { height: 100%;}
.sch_curationWrap .search-list-top { margin:0}
.sch_curationWrap .curation_wrap .curation_item a { width:100%; display:block; overflow: hidden; background-color:#fff; border-radius:var(--krds-radius-xlarge1); margin-bottom: 1rem; box-shadow:0 0 1rem rgba(0, 0, 0, 0.12);}
.sch_curationWrap .curation_wrap .curation_item a:focus { outline:.2rem solid var(--krds-light-color-border-primary); outline-offset: -.2rem;}
.sch_curationWrap .curation_wrap .curation_item .thumB { overflow:hidden; display: block; min-width: 31.8rem; min-height: 16rem;}
.sch_curationWrap .curation_wrap .curation_item .thumB img { width:100%; height:auto;max-height: 16rem;  transition: all .3s ease; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;}
.sch_curationWrap .curation_wrap .curation_item a:hover .thumB  { background-color:#222;}
.sch_curationWrap .curation_wrap .curation_item a:hover .thumB img {-moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg); opacity:0.8;}
.sch_curationWrap .curation_wrap .curation_item dl { padding:var(--krds-pc-padding-card-xsmall);}
.sch_curationWrap .curation_wrap .curation_item dl dt { height: 5.1rem; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.sch_curationWrap .curation_wrap .curation_item dl dd { font-size:15px;color:#676767;margin: 5px 0 0;}
.sch_curationWrap .curation_wrap .swiper-indicator { position: absolute; top:0; right:0}

@media screen and (max-width: 1023px) {
    .search_Form.search-step ol { flex-wrap: wrap;}
    .search_Form.search-step ol > li { width:calc(50% - 10px)}
}
@media screen and (max-width: 767px) {
    .g-custom-area ul { flex-direction: column; gap:8px}
    .g-custom-area li + li { margin-left:0; padding-left:0; border-left:0}
    .search_Form.search-step ol { flex-direction: column;}
    .search_Form.search-step ol > li { width:100%; max-width: none; padding:0}
    .export-check-tab { flex-direction: column;}
    #contents .export-check-tabpanel .tit-area { height:auto !important}
}
@media screen and (max-width: 499px) {
    .export-type ul { flex-direction: column;}
    .export-type li { width: 100%;}

}


/* 2025 05 14 농식품 월보 */
#monthReport{ text-align: left;}
#monthReport > header{ position: relative; padding: 24px; min-height: 350px;  z-index: 1}
#monthReport > header img{ display: block; position: absolute; left: 0; top: 0; z-index: -1; height: 350px;}
#monthReport > header h1{ font-weight: 500;}
#monthReport > header h1 em{ display: inline-block; background: #fff; height: 45px; border-radius: 45px; line-height: 45px; padding: 0 30px 0 18px; font-size: 19px; font-weight: 400;}
#monthReport > header h1 em:before{ content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #333; margin-right: 10px;}
#monthReport > header h1 span{ display: block; padding-left: 24px; padding-top: 16px; font-size: 40px; font-weight: 500; line-height: 1.3; text-shadow: -1px 0px #821c27, 0px 1px #821c27, 1px 0px #821c27, 0px -1px #821c27;}
#monthReport > header h1 span strong{ font-weight: 600;}
#monthReport > header h1 span strong::before, #monthReport > header h1 span strong::after{ content: '\002D'; display: inline-block; margin: 0 10px;}
#monthReport > header h1 span + span{ padding-top: 4px; font-weight: 500; font-size: 24px;}
#monthReport > header > p{ padding-top: 40px; padding-right: 180px; padding-left:24px; font-size: 18px; text-shadow: -2px 0px #821c27, 0px 2px #821c27, 2px 0px #821c27, 0px -2px #821c27;}

#monthReport article{ padding: 40px 16px 0;}
#monthReport article h2{ font-size: 32px;}
#monthReport article h2 strong{ display: inline-block;}
#monthReport article h2 strong::before{ content: ''; display: block; width: 100%; height: 6px; background: #333;}
#monthReport article > p{ padding-top: 24px;}
#monthReport article > p::before{ content: '\002A'; display: inline-block; margin-right: 5px;}
#monthReport article > p + p::before{ content: '\002A\002A';}
#monthReport article > p + p + p::before{ content: '\002A\002A\002A';}
#monthReport .point_box{ margin: 40px 10px; background: #fdefec; border: 1px dashed #fcdfd9; padding: 16px; text-align: center; position: relative;}
#monthReport .point_box p{ padding-top: 10px; position: relative; z-index: 1;}
#monthReport .point_box span{ display: block; width: 80px; height: 80px; border-radius: 50%; background: #fdefec; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 0; text-align: center; padding-top: 10px}
#monthReport h1 span, #monthReport > header > p{ color: #fff}

#monthReport.strawberry h1 em:before{ background-color: #821c27;}
#monthReport.strawberry article h2 strong::before{ background-color: #e73d30;}

#monthReport.squash h1 em:before, #monthReport.squash article h2 strong::before{ background-color: #008452;}
#monthReport.squash > header h1 span, #monthReport.squash > header > p{ text-shadow: -2px 0px #008452, 0px 2px #008452, 2px 0px #008452, 0px -2px #008452;}
#monthReport.squash .point_box{ background: #eaf6ec; border-color: #c3eacc}
#monthReport.squash .point_box span{ background: #eaf6ec;}

#monthReport.carrot h1 em:before, #monthReport.carrot article h2 strong::before{ background-color: #7f7710;}
#monthReport.carrot > header h1 span, #monthReport.carrot > header > p{ text-shadow: -2px 0px #7f7710, 0px 2px #7f7710, 2px 0px #7f7710, 0px -2px #7f7710;}
#monthReport.carrot .point_box{ background: #fbf9d2; border-color: #ebe9ba}
#monthReport.carrot .point_box span{ background: #fbf9d2;}

#monthReport.cabbage h1 em:before, #monthReport.cabbage article h2 strong::before{ background-color: #5b7d0a;}
#monthReport.cabbage > header h1 span, #monthReport.cabbage > header > p{ text-shadow: -2px 0px #324505, 0px 2px #324505, 2px 0px #324505, 0px -2px #324505;}
#monthReport.cabbage .point_box{ background: #e9f8c5; border-color: #d0ea92}
#monthReport.cabbage .point_box span{ background: #e9f8c5;}

@media screen and (max-width: 1023px) {
    #monthReport > header{ min-height: auto; padding: 0; overflow: hidden;}
    #monthReport > header img{ max-width: 100%; height: auto;}
    #monthReport > header > p{ background: #03163a; padding: 12px; margin-top: 24px; text-shadow: none;}
    #monthReport > header h1 em{ border-radius: 8px; margin-left: 10px; margin-top: 10px}

    #monthReport.strawberry > header > p{ background-color: #821c27;}
    #monthReport.squash > header > p{ background-color: #0c7a4e;}
    #monthReport.carrot > header > p{ background-color: #7f7710;}
    #monthReport.cabbage > header > p{ background-color: #5b7d0a;}
}
@media screen and (max-width: 620px) {
    #monthReport > header img{ height: 100%; width: auto; max-width: inherit;}
}


/* 2025 06 09 농업정보토탈서비스 */
.krds-in-page-navigation-type .total-service .krds-in-page-navigation-area { top:46.7rem}
.scroll-up .krds-in-page-navigation-type .total-service .krds-in-page-navigation-area { top: var(--krds-in-page-navigation--position-top)}
.scroll-down .krds-in-page-navigation-type .total-service .krds-in-page-navigation-area { top:6rem}
.krds-in-page-navigation-type .total-service .krds-in-page-navigation-area .in-page-navigation-list li>a.active { background-color: #e6ecfb;}
.total-service .krds-btn.xsmall { height: 3rem; font-size: var(--krds-pc-font-size-label-xsmall); color:#2055a3; border:1px solid #2055a3; background-color: var(--krds-light-color-surface-white-static);}

.total-service .section-link { margin-top:var(--krds-pc-gap-layout-h2-h3)}
.total-service .section-link .sec-tit { margin-bottom: var(--krds-gap-4); font-size: var(--krds-pc-font-size-heading-medium);}
.total-service .section-link .sec-tit span { font-weight: var(--krds-font-weight-regular);}
.total-service .section-link .sec-tit span strong { color:var(--krds-light-color-text-primary)}

.total-service .crop-swiper-wrap { position: relative; margin-top:0; border-radius: var(--krds-radius-xlarge1); border:1px solid var(--krds-light-color-border-primary); }
.total-service .crop-swiper-wrap:after { content:''; display: block; position: absolute; top:-11rem; right:1.8rem; width:23rem; height: 10.9rem; background: url(../img/pattern/content/total_subImg.png) no-repeat 0 0;}
.total-service .crop-swiper-wrap .krds-tab-area { overflow: hidden; gap:0; border-radius: var(--krds-radius-xlarge1); background-color: var(--krds-light-color-surface-primary-subtler);}
.total-service .crop-swiper-wrap .krds-tab-area .tab { margin-top:0; padding:0 7.6rem}
.total-service .crop-swiper-wrap .krds-tab-area .tab>ul { gap: var(--krds-gap-8)}
.total-service .crop-swiper-wrap .krds-tab-area .tab.line .btn-tab { padding:0 3rem; font-weight: var(--krds-font-weight-regular);}
.total-service .crop-swiper-wrap .krds-tab-area .tab.line .btn-tab:before { background-color: var(--krds-light-color-action-primary-active);}
.total-service .crop-swiper-wrap .krds-tab-area .tab.line .active .btn-tab { color: var(--krds-color-light-primary-50); font-weight: var(--krds-font-weight-bold);}
.total-service .crop-swiper-wrap .krds-tab-area .tab-conts-wrap { background-color: var(--krds-light-color-background-white);}
.total-service .crop-swiper-area { position: relative; padding:var(--krds-padding-7); }
.total-service .crop-swiper-area .swiper-button-next,
.total-service .crop-swiper-area .swiper-button-prev { width:var(--krds-size-height-5); height:var(--krds-size-height-5); margin-top: -1.6rem; border:var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-gray-light)}
.total-service .crop-swiper-area .swiper-button-next { right:var(--krds-gap-6)}
.total-service .crop-swiper-area .swiper-button-prev { left:var(--krds-gap-6)}
.total-service .crop-swiper { margin:0 5.2rem}
.total-service .crop-swiper .swiper-slide { height: auto; padding: var(--krds-padding-2)}
.total-service .crop-swiper .swiper-slide a { display: flex; gap:var(--krds-gap-2); height: 100%; padding:var(--krds-padding-5) var(--krds-padding-3) var(--krds-padding-3); border:1px solid #ddd; border-radius: var(--krds-radius-medium3); justify-content: center; align-items: center; flex-direction: column; word-break: keep-all; }
.total-service .crop-swiper .swiper-slide i { display: inline-flex; width:3rem; height:3rem; background-repeat: no-repeat; background-position: center center; }
.total-service .crop-swiper .swiper-slide .ico1 { background-image: url(../img/pattern/content/ico_crop1.png);}
.total-service .crop-swiper .swiper-slide .ico2 { background-image: url(../img/pattern/content/ico_crop2.png);}
.total-service .crop-swiper .swiper-slide .ico3 { background-image: url(../img/pattern/content/ico_crop3.png);}
.total-service .crop-swiper .swiper-slide .ico4 { background-image: url(../img/pattern/content/ico_crop4.png);}
.total-service .crop-swiper .swiper-slide .ico5 { background-image: url(../img/pattern/content/ico_crop5.png);}
.total-service .crop-swiper .swiper-slide .ico6 { background-image: url(../img/pattern/content/ico_crop6.png);}
.total-service .crop-swiper .swiper-slide .ico7 { background-image: url(../img/pattern/content/ico_crop7.png);}
.total-service .crop-swiper .swiper-slide .ico8 { background-image: url(../img/pattern/content/ico_crop8.png);}
.total-service .crop-swiper .swiper-slide .ico9 { background-image: url(../img/pattern/content/ico_crop9.png);}
.total-service .crop-swiper .swiper-slide .ico10 { background-image: url(../img/pattern/content/ico_crop10.png);}
.total-service .crop-swiper .swiper-slide .ico11 { background-image: url(../img/pattern/content/ico_crop11.png);}
.total-service .crop-swiper .swiper-slide .ico12 { background-image: url(../img/pattern/content/ico_crop12.png);}
.total-service .crop-swiper .swiper-slide .ico13 { background-image: url(../img/pattern/content/ico_crop13.png);}
.total-service .crop-swiper .swiper-slide .ico14 { background-image: url(../img/pattern/content/ico_crop14.png);}
.total-service .crop-swiper .swiper-slide .ico15 { background-image: url(../img/pattern/content/ico_crop15.png);}
.total-service .crop-swiper .swiper-slide .ico16 { background-image: url(../img/pattern/content/ico_crop16.png);}
.total-service .crop-swiper .swiper-slide .ico17 { background-image: url(../img/pattern/content/ico_crop17.png);}
.total-service .crop-swiper .swiper-slide .ico18 { background-image: url(../img/pattern/content/ico_crop18.png);}
.total-service .crop-swiper .swiper-slide .ico19 { background-image: url(../img/pattern/content/ico_crop19.png);}
.total-service .crop-swiper .swiper-slide .ico20 { background-image: url(../img/pattern/content/ico_crop20.png);}
.total-service .crop-swiper .swiper-slide .ico21 { background-image: url(../img/pattern/content/ico_crop21.png);}
.total-service .crop-swiper .swiper-slide .ico22 { background-image: url(../img/pattern/content/ico_crop22.png);}
.total-service .crop-swiper .swiper-slide .ico23 { background-image: url(../img/pattern/content/ico_crop23.png);}
.total-service .crop-swiper .swiper-slide .ico24 { background-image: url(../img/pattern/content/ico_crop24.png);}
.total-service .crop-swiper .swiper-slide .ico25 { background-image: url(../img/pattern/content/ico_crop25.png);}
.total-service .crop-swiper .swiper-slide .ico26 { background-image: url(../img/pattern/content/ico_crop26.png);}
.total-service .crop-swiper .swiper-slide .ico27 { background-image: url(../img/pattern/content/ico_crop27.png);}
.total-service .crop-swiper .swiper-slide .ico28 { background-image: url(../img/pattern/content/ico_crop28.png);}
.total-service .crop-swiper .swiper-slide .ico29 { background-image: url(../img/pattern/content/ico_crop29.png);}
.total-service .crop-swiper .swiper-slide .ico30 { background-image: url(../img/pattern/content/ico_crop30.png);}
.total-service .crop-swiper .swiper-slide .ico31 { background-image: url(../img/pattern/content/ico_crop31.png);}
.total-service .crop-swiper .swiper-slide .ico32 { background-image: url(../img/pattern/content/ico_crop32.png);}
.total-service .crop-swiper .swiper-slide .ico33 { background-image: url(../img/pattern/content/ico_crop33.png);}
.total-service .crop-swiper .swiper-slide .ico34 { background-image: url(../img/pattern/content/ico_crop34.png);}
.total-service .crop-swiper .swiper-slide .ico35 { background-image: url(../img/pattern/content/ico_crop35.png);}
.total-service .crop-swiper .swiper-slide .ico36 { background-image: url(../img/pattern/content/ico_crop36.png);}
.total-service .crop-swiper .swiper-slide .ico37 { background-image: url(../img/pattern/content/ico_crop37.png);}
.total-service .crop-swiper .swiper-slide .ico38 { background-image: url(../img/pattern/content/ico_crop38.png);}
.total-service .crop-swiper .swiper-slide .ico39 { background-image: url(../img/pattern/content/ico_crop39.png);}
.total-service .crop-swiper .swiper-slide .ico40 { background-image: url(../img/pattern/content/ico_crop40.png);}
.total-service .crop-swiper .swiper-slide a.active { color:var(--krds-light-color-action-white); font-size: 1.9rem; font-weight: var(--krds-typo-font-weight-bold); border-color:var(--krds-light-color-action-primary-active); background-color: var(--krds-light-color-action-primary-active);}
.total-service .crop-swiper .swiper-slide a.active i { display: none;}

.total-service .board_Info .search_Form .input-group { justify-content: flex-end;}
.total-service .board_Info .search_Form .input-group .krds-input { max-width: 44.7rem;}
.total-service .krds-btn.tertiary.ico-target { color:var(--krds-color-light-gray-60); border-color:var(--krds-light-color-border-gray); background-color: var(--krds-light-color-surface-white); }
.total-service .krds-btn.tertiary.ico-target:before { content:''; display: inline-block; width: var(--krds-icon--size-medium); height:var(--krds-icon--size-medium); background: url(../img/pattern/content/ico-target.png) no-repeat center; background-size: contain;}
.total-service .addr-wrap ul { display: flex; flex-wrap: wrap;}
.total-service .addr-wrap li { display: flex; justify-content: space-between; align-items: center; gap:var(--krds-gap-5); width:50%; padding:var(--krds-padding-5) var(--krds-padding-6);}
.total-service .addr-wrap li span { width: 10rem}
.total-service .addr-wrap .addr-head { border-bottom: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-secondary-light); color:var(--krds-light-color-text-bolder); font-size: var(--krds-pc-font-size-heading-xxsmall); font-weight: var(--krds-font-weight-bold); background-color: var(--krds-light-color-surface-secondary-subtler);}
.total-service .addr-wrap .addr-head li { padding:var(--krds-padding-3) var(--krds-padding-6);}
.total-service .addr-wrap .addr-body li { position: relative; border-bottom: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray-light)}
.total-service .addr-wrap .addr-body li.select:before { content:''; display: block; width:94%; height: 100%; position: absolute; top:0; left:0; border: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-element-primary); border-radius: var(--krds-radius-medium1); background-color: var(--krds-light-color-action-primary-selected); z-index: -1;}

.total-service .weather-header { display: flex; gap:var(--krds-gap-2); padding:var(--krds-padding-5) var(--krds-padding-8); border:1px solid #dedede; background-color: #f9fafb;}
.total-service .weather-header .btn-date { height: var(--krds-size-height-6); padding:0 var(--krds-padding-6); font-size: var(--krds-pc-font-size-label-small); border-radius: var(--krds-radius-max);}
.total-service .weather-header .btn-date.active { font-size: var(--krds-pc-font-size-label-medium); font-weight: var(--krds-font-weight-bold); background-color: var(--krds-light-color-surface-primary-subtler);}
.total-service .weather-header .btn-date:hover { background-color: var(--krds-light-color-surface-primary-subtler);}
.total-service .weather-body { padding:var(--krds-padding-6); border:1px solid #ededed; border-top:0; background-color: #f3f6fb;}
.total-service .weather-body .weekSwiper { padding:var(--krds-padding-3)}
.total-service .weather-body .week-list .swiper-slide { position: relative; width: calc(20% - 1.6rem - (3.2rem / 5)); border:1px solid var(--krds-light-color-border-secondary-light); border-radius: var(--krds-radius-large1); background-color: #f9fbff;}
.total-service .weather-body .data-area { margin:0 var(--krds-gap-6); padding:var(--krds-padding-7) 0 var(--krds-padding-5); font-size: var(--krds-pc-font-size-body-small); text-align: center; border-bottom:1px solid #e8edf6}
.total-service .weather-body .weather-area { padding:var(--krds-padding-7)}
.total-service .weather-body .weather-area .notify { position: absolute; top:-.8rem; right:-.6rem}
.total-service .weather-body .weather-area .notify .ico-danger { display: inline-flex; width: 3rem; height: 2.9rem; background: url(../img/pattern/content/ico-danger.png) no-repeat 0 0;}
.total-service .weather-body .weather-area .temperature { display: flex;}
.total-service .weather-body .weather-area .temperature dl { width: calc(50% - .8rem); padding:0 var(--krds-padding-2)}
.total-service .weather-body .weather-area .temperature dt { font-size: var(--krds-pc-font-size-body-small);}
.total-service .weather-body .weather-area .temperature dd { font-size: 3.4rem; color:var(--krds-color-light-gray-60); line-height: 1;}
.total-service .weather-body .weather-area .temperature dl.highest { position: relative; width:calc(50% + .8rem); padding-left:var(--krds-padding-6)}
.total-service .weather-body .weather-area .temperature dl.highest:after { content:'/'; display: block; position: absolute; top:50%; left:0}
.total-service .weather-body .weather-area .rainfall { margin-top:var(--krds-gap-7); font-size: var(--krds-pc-font-size-body-small);}
.total-service .weather-body .weather-area .rainfall dl { display: flex; gap:var(--krds-gap-3); margin-top:var(--krds-gap-2)}
.total-service .weather-body .weather-area .rainfall dd { font-size: var(--krds-pc-font-size-body-xsmall);}
.total-service .weather-body .weather-area .rainfall dd span { font-weight: var(--krds-font-weight-bold); font-size: var(--krds-pc-font-size-body-small);}
.total-service .weather-body .weather-area .rainfall .rain:before { content:''; display: block; width:var(--krds-size-height-3); height: var(--krds-size-height-3); background: url(../img/pattern/content/ico_rain.png) no-repeat;}
.total-service .weather-body .weather-area .rainfall .hail:before { content:''; display: block; width:var(--krds-size-height-3); height: var(--krds-size-height-3); background: url(../img/pattern/content/ico_hail.png) no-repeat;}
.total-service .weather-body .weather-area .rainfall .snow:before { content:''; display: block; width:var(--krds-size-height-3); height: var(--krds-size-height-3); background: url(../img/pattern/content/ico_snow.png) no-repeat;}
.total-service .weather-body .detail-info { display: flex; gap:var(--krds-gap-2); justify-content: space-between; padding:var(--krds-padding-5); border-radius: 0 0 var(--krds-radius-large1) var(--krds-radius-large1); font-size: var(--krds-pc-font-size-body-xsmall); background-color: #f3f6fb;}
.total-service .weather-body .week-list .swiper-slide.active { border-color: var(--krds-light-color-action-primary-active); background-color: var(--krds-light-color-surface-white);}
.total-service .weather-body .week-list .active .data-area { font-weight: var(--krds-font-weight-bold);}
.total-service .weather-body .week-list .active .weather-area .temperature .lowest dd { color:var(--krds-light-color-text-primary); font-weight: var(--krds-font-weight-bold);}
.total-service .weather-body .week-list .active .weather-area .temperature .highest dd { color:var(--krds-light-color-text-danger); font-weight: var(--krds-font-weight-bold);}
.total-service .weather-body .week-list .active .weather-area .rainfall dd span { color:var(--krds-light-color-text-primary)}

.total-service .weather-body .hazard-wrap { margin:var(--krds-gap-9) var(--krds-gap-3) 0; padding-top:var(--krds-padding-5); border-top:1px dashed var(--krds-light-color-border-gray)}
.total-service .weather-body .hazard-wrap .titl-area { display: flex; justify-content: space-between; flex-wrap: wrap;}
.total-service .weather-body .hazard-wrap .titl-area > div > h4 { display: inline-block; position: relative; margin-bottom: 0; padding-left:var(--krds-padding-8); font-size: var(--krds-pc-font-size-heading-small); font-weight: var(--krds-font-weight-bold);}
.total-service .weather-body .hazard-wrap .titl-area > div > h4 span { color:var(--krds-light-color-text-primary)}
.total-service .weather-body .hazard-wrap .titl-area > div > h4:after { content: ''; display: block; width:var(--krds-size-height-3); height: 2.1rem; margin:0; position: absolute; top:.4rem; left:0; background:url(../img/pattern/content/ico-error.png) no-repeat 0 0}
.total-service .weather-body .hazard-wrap .titl-area .hint { display: flex; gap:var(--krds-gap-2); font-size: var(--krds-pc-font-size-label-xsmall); color:var(--krds-light-color-text-subtle)}
.total-service .weather-body .hazard-wrap .titl-area .hint:before { content:''; display: inline-flex; width:var(--krds-icon--size-small); height: var(--krds-icon--size-small); margin-top:.2rem; background:url(https://www.krds.go.kr/resources/img/component/icon/ico_information.svg) no-repeat center center; background-size: contain;}
.total-service .weather-body .hazard-wrap .titl-area .krds-contextual-help { display: inline-flex; margin-left:2.4rem}

.total-service .weather-body .growth-stage { position: relative; flex-shrink: 0;}
.total-service .weather-body .stage-select { display: none; position: absolute; bottom:-.8rem; left:50%; width: 26rem; border-radius: var(--krds-radius-medium4); padding:var(--krds-padding-7) var(--krds-padding-8); border:1px solid var(--krds-light-color-border-gray); box-shadow: 0 0 0.2rem 0 var(--krds-light-color-alpha-shadow1),0 0.4rem 0.8rem 0 var(--krds-light-color-alpha-shadow2); background-color: var(--krds-light-color-surface-white-subtler); z-index: 10;}
.total-service .weather-body .stage-select .tit { font-weight: var(--krds-font-weight-bold); }
.total-service .weather-body .stage-select ul { display: flex; flex-direction: column; gap:var(--krds-gap-2); margin-top:var(--krds-gap-4)}
.total-service .weather-body .stage-select li .krds-btn.medium { width: 100%; font-size: 1.6rem;}
.total-service .weather-body .stage-select .btn-close { position: absolute; top:2.2rem; right:2.4rem}

.total-service .weather-body .hazard-list { display: flex; flex-wrap: wrap; gap:var(--krds-gap-6) var(--krds-gap-7); margin-top:var(--krds-gap-7)}
.total-service .weather-body .hazard-list dl { width:calc(25% - 1.8rem)}
.total-service .weather-body .hazard-list dt { font-weight: var(--krds-font-weight-bold); line-height: 3rem;}
.total-service .weather-body .hazard-list dd { display: flex; margin-top:var(--krds-gap-3)}
.total-service .weather-body .hazard-list dd span { display: flex; flex:1; align-items: center; justify-content: center; gap:var(--krds-gap-2); height: 4.5rem; margin-right:-.1rem; border:1px solid #e6e8ea; font-size: var(--krds-pc-font-size-label-small); background-color: #fff;}
.total-service .weather-body .hazard-list dd span.safe { border-color:var(--krds-light-color-border-success); color:var(--krds-color-light-success-90); font-weight: var(--krds-font-weight-bold); background-color: var(--krds-color-light-success-10); z-index: 1;}
.total-service .weather-body .hazard-list dd span.safe:before { content: ''; display: flex; width:1.8rem; height: 1.8rem; background: url(../img/pattern/content/ico_face_smile.png) no-repeat 0 0;}
.total-service .weather-body .hazard-list dd span.warning { border-color:var(--krds-light-color-border-warning); color:var(--krds-color-light-warning-90); font-weight: var(--krds-font-weight-bold); background-color: var(--krds-color-light-warning-10); z-index: 1;}
.total-service .weather-body .hazard-list dd span.warning:before { content: ''; display: flex; width:1.8rem; height: 1.8rem; background: url(../img/pattern/content/ico_face.png) no-repeat 0 0;}
.total-service .weather-body .hazard-list dd span.danger { border-color:var(--krds-color-light-point-60); color:var(--krds-color-light-point-80); font-weight: var(--krds-font-weight-bold); background-color: var(--krds-color-light-point-5); z-index: 1;}
.total-service .weather-body .hazard-list dd span.danger:before { content: ''; display: flex; width:1.8rem; height: 1.8rem; background: url(../img/pattern/content/ico_face_sad.png) no-repeat 0 0;}
.total-service .weather-body .hazard-list dd span.estimate { border-color:var(--krds-light-color-border-gray-dark); font-weight: var(--krds-font-weight-bold); background-color: var(--krds-light-color-surface-gray-subtle); z-index: 1;}
.total-service .weather-body .guideline { display: none; position: relative; margin-top:var(--krds-gap-7); padding:var(--krds-padding-6); border-top:1px solid var(--krds-color-light-primary-30); background-color: var(--krds-light-color-surface-white);}
.total-service .weather-body .guideline h5 { margin-bottom: 0; color:var(--krds-light-color-text-basic); font-weight: var(--krds-font-weight-bold); font-size: var(--krds-pc-font-size-heading-xsmall);}
.total-service .weather-body .guideline h5 span { color:var(--krds-light-color-text-primary)}
.total-service .weather-body .guide-box-wrap { display: flex; flex-direction: column; gap:var(--krds-gap-8); max-height: 26rem; overflow-y: auto; margin-top:var(--krds-gap-5);}
.total-service .weather-body .guide-box-wrap .guide-tit { display: inline-flex; align-items: center; height: 3rem; margin-bottom: var(--krds-gap-4); padding:0 var(--krds-padding-6); border-radius: .5rem; border:1px solid var(--krds-color-light-primary-30); color:var(--krds-color-light-primary-70); font-size: var(--krds-pc-font-size-heading-xxsmall); background-color: var(--krds-light-color-surface-primary-subtler);}
.total-service .weather-body .guide-box-wrap .krds-info-list { gap:var(--krds-gap-2)}
.total-service .weather-body .guide-box-wrap .krds-info-list>li { padding-left:var(--krds-padding-8)}
.total-service .weather-body .guide-box-wrap .krds-info-list.decimal>li::before { width:.5rem; height:.5rem; left:.8rem}
.total-service .weather-body .guideline .btn-close { position: absolute; top:1.8rem; right:2rem}

.total-service .krds-badge.small { height:2.5rem; line-height: 2.5rem; color:var(--krds-color-light-success-90); font-size: var(--krds-pc-font-size-label-xsmall);}
.total-service .krds-badge.bg-light-success { background-color: var(--krds-color-light-success-10); }
.total-service .krds-badge.bg-light-primary { background-color: var(--krds-light-color-element-primary-light);}
.total-service .krds-accordion .accordion-item { padding:0}
.total-service .krds-accordion .accordion-item h5 { margin-bottom: 0;}
.total-service .krds-accordion .accordion-item .btn-accordion { padding: var(--krds-padding-6) 5.2rem var(--krds-padding-6) var(--krds-padding-3)}
.total-service .krds-accordion .accordion-item .btn-accordion::after { top:1.6rem; right:2rem}
.total-service .krds-accordion .accordion-item .btn-accordion:hover,
.total-service .krds-accordion .accordion-item .btn-accordion:active { background-color: var(--krds-accordion--button-color-action);}
.total-service .krds-accordion .accordion-item .btn-accordion .krds-badge:nth-of-type(1) { margin-left:var(--krds-gap-4)}
.total-service .krds-accordion .accordion-item.active .accordion-body { padding:var(--krds-padding-6) var(--krds-padding-7) var(--krds-padding-6) var(--krds-padding-8); border-radius: 0; background-color: #f8f8f8;}
.total-service .krds-accordion .prediction-info { display: flex; }
.total-service .krds-accordion .prediction-info > ul { position: relative; width: 50%; padding-right:var(--krds-padding-10); border-right:1px solid var(--krds-light-color-border-gray-light) }
.total-service .krds-accordion .prediction-info > ul:after { content: ''; display: block; position: absolute; top:50%; right:-2rem; width:var(--krds-size-height-6); height: var(--krds-size-height-6); margin-top:-2rem; border-radius: 100%; border:1px solid var(--krds-light-color-border-gray-dark); background: #fff url(../img/pattern/content/ico-arrow-right.png) no-repeat center;}
.total-service .krds-accordion .prediction-info li + li { margin-top:var(--krds-gap-3) }
.total-service .krds-accordion .g-desc-box { width: 50%; position: relative; display: flex; flex-direction: column; gap:var(--krds-gap-2); padding:0 8.8rem 0 var(--krds-padding-10)}
.total-service .krds-accordion .g-desc-box .g-tit { font-weight: var(--krds-font-weight-bold);}
.total-service .krds-accordion .g-desc-box .g-desc { font-size: var(--krds-pc-font-size-body-small); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3;}
.total-service .krds-accordion .g-desc-box .krds-btn.xsmall { position: absolute; bottom:0; right:0; }

.total-service .tab.line.full .btn-tab { border:1px solid var(--krds-tab--line-button-color-border)}
.total-service .tab.line.full .btn-tab:before { bottom:-.1rem}
.total-service .tab.line.full li + li .btn-tab { border-left:0}
.total-service .soil-sibi-list { display: flex; gap:var(--krds-gap-7); flex-wrap: wrap;}
.total-service .soil-sibi-list li { display: flex; flex-wrap: wrap; gap:var(--krds-gap-3) 0; justify-content: space-between; width:calc(25% - 1.8rem); padding:var(--krds-padding-6); border-radius: var(--krds-radius-xlarge1); border:1px solid #d8d8d8}
.total-service .soil-sibi-list dl { display: flex; gap:var(--krds-gap-2); align-items: center;}
.total-service .soil-sibi-list dt { font-size: var(--krds-pc-font-size-body-xsmall);}
.total-service .soil-sibi-list dd { font-size: var(--krds-pc-font-size-body-small);}
.total-service .soil-sibi-list dd strong { font-size: var(--krds-pc-font-size-body-medium);}
.total-service .soil-sibi-list .result { width:100%; gap:var(--krds-gap-3);}
.total-service .soil-sibi-list .result .point { color:var(--krds-light-color-text-primary); font-size: var(--krds-pc-font-size-body-large);}
.total-service .soil-sibi-list .progress-wrap { width: 100%;}
.total-service .soil-sibi-list .progress-range { display: flex;}
.total-service .soil-sibi-list .progress-range span { width:calc(100% / 3); color:var(--krds-light-color-text-subtle); font-size: var(--krds-pc-font-size-body-xsmall);}
.total-service .soil-sibi-list .progress-bar { position: relative; margin-top:var(--krds-gap-2); height: .5rem; background-color: var(--krds-light-color-element-secondary-light);}
.total-service .soil-sibi-list .progress-bar:before,
.total-service .soil-sibi-list .progress-bar:after { content:''; display: block; position: absolute; top:0; left:33.33%; width:.1rem; height: 100%; background-color: #fff;}
.total-service .soil-sibi-list .progress-bar:after { left:66.66%}
.total-service .soil-sibi-list .progress-bar .progress { height: .5rem; background-color: var(--krds-light-color-action-primary-active);}

.total-service .search-form-bg .form-group-row { justify-content: center;}
.total-service .search-form-bg .form-group-row .input-group { width: auto; gap:var(--krds-gap-4)}
.total-service .search-form-bg .form-group-row .krds-input { text-align: right;}
.total-service .search-form-bg .form-group-row .krds-btn.small { padding:0 var(--krds-padding-8); border-color: #333; background-color: #333;}

.comment-box { margin-top:var(--krds-gap-7); padding:var(--krds-padding-7) var(--krds-padding-7) var(--krds-padding-6); text-align: center; border:1px solid var(--krds-light-color-border-gray-light); background-color: var(--krds-light-color-surface-gray-subtler);}
.comment-box > p { display: inline-flex; gap:1rem; text-align: left; font-weight: var(--krds-font-weight-bold); font-size: var(--krds-pc-font-size-body-large);}
.comment-box .ico-comment-o { flex-shrink: 0; width:2.3rem; height: var(--krds-size-height-3); margin-top:var(--krds-gap-2); background: url(../img/pattern/content/ico-comment-o.png) no-repeat 0 0;}

.krds-tab-area.mobile > .tab { display: none;}
.krds-tab-area.mobile > .tab-conts-wrap > .tab-conts { display: block;}

@media screen and (min-width: 768px) and (max-width: 1680px) {
    .total-service .weather-body .data-area { margin:0 var(--krds-gap-4)}
    .total-service .weather-body .weather-area { padding:var(--krds-padding-7) var(--krds-padding-4)}
}
@media screen and (max-width: 1279px) {
    .total-service .soil-sibi-list li,
    .total-service .weather-body .hazard-list dl { width:calc(33.33% - 1.6rem);}
    .total-service .weather-header { overflow-x: auto;}
}
@media screen and (max-width: 1023px) {
    .total-service .krds-accordion .prediction-info { flex-direction: column;}
    .total-service .krds-accordion .prediction-info > ul { width: 100%; padding-right: 0; padding-bottom: var(--krds-padding-10); border-right:0; border-bottom: 1px solid var(--krds-light-color-border-gray-light);}
    .total-service .krds-accordion .prediction-info > ul:after { top:auto; bottom:-2rem; right:50%; margin-top:0; margin-right: -2rem; transform: rotate(90deg);}
    .total-service .krds-accordion .g-desc-box { width: 100%; padding-left:0; padding-top:var(--krds-padding-10)}
    .total-service .soil-sibi-list li,
    .total-service .weather-body .hazard-list dl { width:calc(50% - 1.2rem);}
    .total-service .addr-wrap .addr-head li:last-child { display: none;}
    .total-service .addr-wrap li { width:100%}
    .total-service .addr-wrap li span { width:5.2rem}
    .total-service .addr-wrap .addr-body li.select:before { width:100%}
    .total-service .crop-swiper-wrap .krds-tab-area .tab>ul { gap:var(--krds-tab--gap)}
}
@media screen and (max-width: 767px) {
    #container.curation.krds-in-page-navigation-type { padding-top:0}
    #container.curation.krds-in-page-navigation-type .subTitleWrap h2.subTitle { padding-top:3rem; padding-bottom: 3rem; z-index: 1;}
    .total-service .crop-swiper-wrap:after { display: none; width:15rem; height: 7.1rem; top:-7.2rem; background-size: contain; }
    .total-service .section-link + .section-link { margin-top:var(--krds-mobile-gap-layout-h2-h3)}
    .total-service .section-link .sec-tit { font-size: var(--krds-mobile-font-size-heading-medium);}
    .total-service #section_05.section-link .sec-tit span { font-size: var(--krds-mobile-font-size-heading-xsmall);}
    .total-service .krds-badge.small { font-size: var(--krds-mobile-font-size-label-xsmall);}
    .total-service .krds-accordion .g-desc-box .g-desc { font-size: var(--krds-mobile-font-size-body-small); }
    .total-service .krds-accordion .g-desc-box .krds-btn.xsmall { font-size: var(--krds-mobile-font-size-label-xsmall); }
    .total-service .soil-sibi-list dt { font-size: var(--krds-mobile-font-size-body-xsmall);}
    .total-service .soil-sibi-list dd { font-size: var(--krds-mobile-font-size-body-small);}
    .total-service .soil-sibi-list dd strong { font-size: var(--krds-mobile-font-size-body-medium);}
    .total-service .soil-sibi-list .result .point { font-size: var(--krds-mobile-font-size-body-large);}
    .total-service .soil-sibi-list .progress-range span { font-size: var(--krds-mobile-font-size-body-xsmall);}
    .comment-box > p { font-size: var(--krds-mobile-font-size-body-large);}
    .total-service .board_Info .search_Form .input-group .krds-input { max-width: none;}
    .total-service .search-form-bg .form-group-row .krds-input { width:100%}
    .total-service .soil-sibi-list { gap:var(--krds-gap-5)}
    .total-service .weather-body .growth-stage { display: flex; justify-content: end;}
    .total-service .weather-body .stage-select { bottom:auto; left:auto; top:100%; right:0}
    .total-service .weather-body .hazard-wrap .titl-area > div { flex-direction: column; gap:0; width:100%}
    .krds-tab-area.mobile > .tab { display: block; margin-top:var(--krds-pc-gap-layout-h2-h3)}
    .krds-tab-area.mobile > .tab-conts-wrap > .tab-conts { display: none;}
    .krds-tab-area.mobile > .tab-conts-wrap > .tab-conts.active { display: flex;}
    .krds-tab-area.mobile > .tab-conts-wrap > .tab-conts .section-link { margin-top:0}
    .krds-tab-area.mobile .tab.fill.full>ul { gap:0}
    .krds-tab-area.mobile .tab.fill.full>ul>li { flex:1 1 0}
    .krds-tab-area.mobile .tab.fill.full>ul>li .btn-tab { border-width: 1px; border-radius: 0;}
    .total-service .tab.line.full .btn-tab  { border:0; border-bottom: 1px solid var(--krds-tab--line-button-color-border);}
    .total-service .crop-swiper-wrap .krds-tab-area .tab { padding:0 2rem}
}
@media screen and (max-width: 620px) {
    .total-service .crop-swiper-wrap .krds-tab-area .tab.line .btn-tab { padding:0 var(--krds-tab--line-button-padding)}
}
@media screen and (max-width: 499px) {
    .total-service .soil-sibi-list li,
    .total-service .weather-body .hazard-list dl { width:100%;}
    .total-service .krds-accordion .g-desc-box { padding-right: 0; }
    .total-service .krds-accordion .g-desc-box .krds-btn.xsmall { position: static;}
}


/* 2025 7 29 콘텐츠 틀어지는 부분 수정 */
.htmlArea th, .htmlArea td { border:0}
#ctY .txt-list ul li { padding:1rem; justify-content: space-between;}
#ctY .txt-list ul li:after { display: none;}


/* 2025 08 12 토탈서비스 추가 */
.notice-txt { position: relative; display:flex; margin-bottom: .8rem; gap:.4rem; align-items: flex-start; text-shadow: 1px 1px #fff, -1px -1px #fff, -1px 1px #fff, 1px -1px #fff; z-index: 1;}
.notice-txt:before { content:''; display: inline-flex; width:2.4rem; height: 2.4rem; background:url(https://www.krds.go.kr/resources/img/component/icon/ico_notice_fill_blue.svg) no-repeat center;}