@charset "utf-8"; 

@import url('cms_contents.css');

#ui-datepicker-div {
    width: 100%;
    max-width:27.8rem;
    padding: 0;
    margin-top: .1rem;
    border: 1px solid #333;
    background-color: #fff;
    z-index: 3;
}

#ui-datepicker-div.ui-datepicker table {
    width: calc(100% - 1.6rem);
    min-width:auto;
    margin: .8em;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background-color: #000;
    color: #fff;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    margin: 0;
    font-size: 1.5rem;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    left: 5px;
    top: 3px;
    width: 1.2em;
    height: 1.2em;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 1.2em;
    height: 1.2em;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    color: #fff;
    top: 7px;
    text-align: center;
    background: none;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span::before {
    display: block;
    content: '';
    position: absolute;
    left: 6px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(135deg);
    transition: transform 150ms ease-in-out;
    background: none;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    color: #fff;
    top: 7px;
    text-align: center;
    background: none;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next span::before {
    display: block;
    content: '';
    position: absolute;
    right: 6px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    transition: transform 150ms ease-in-out;
    background: none;
}

#ui-datepicker-div.ui-state-hover, #ui-datepicker-div.ui-widget-content .ui-state-hover, #ui-datepicker-div.ui-widget-header .ui-state-hover, #ui-datepicker-div.ui-state-focus, #ui-datepicker-div.ui-widget-content .ui-state-focus, #ui-datepicker-div.ui-widget-header .ui-state-focus {
    border: 0;
    /*background: #444; color: #fff; border-radius: 50%;*/
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td {
    font-size: 1.3rem;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td span, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a {
    text-align: center;
    font-weight: 400;
    color: #444;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td span, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a:hover {
    border-radius: 3px;
    color: #fff !important;
    border: 0;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th:first-child a, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td:first-child a {
    color: #cb152b;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th:last-child a, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td:last-child a {
    color: #116eb4;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {
    background-color: #eee;
    border-radius: 3px;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-state-active {
    background-color: #333;
    color: #fff !important;
    border-radius: 3px;
    border: 0;
    padding: .2rem;
}

#ui-datepicker-div.ui-datepicker select.ui-datepicker-month, #ui-datepicker-div.ui-datepicker select.ui-datepicker-year {
    width: auto;
    margin: 0 2px;
}

#ui-datepicker-div.ui-datepicker input:-webkit-autofill, #ui-datepicker-div.ui-datepicker textarea:-webkit-autofill, #ui-datepicker-div.ui-datepicker select {
    -webkit-appearance: auto;
    appearance: auto;
}

/* 기본게시판 Wrap */
.infoBoxWrap {
    position: relative;
    margin-bottom: 3rem;
    text-align: center;
}

.infoBox {
    padding: 6px;
    background: url("/ps/img/cmmImg_2020/common/info_box.png") repeat;
}

.infoBox .inner {
    position: relative;
    padding: 2rem;
    background: #fff;
}

/* 현장전문가칼럼-전문가 */
.infoBox .inner .state {
    position: absolute;
    right: 1.2rem;
    top: -1rem;
    width: 60px;
    height: 55px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
}

.infoBox .inner .state:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-right: 30px solid transparent;
    border-bottom: 13px solid #fff;
    border-left: 30px solid transparent;
    content: "";
    box-sizing: border-box;
}

.infoBox .inner .state.column {
    background: #ee5f4a;
}

/* 현장 전문가 칼럼 */
.infoBox .inner .state.column:before {
    content: '';
    display: block;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
}

.proFile {
    position: relative;
    display: block;
    overflow: hidden;
}

.proFile .pinfo {
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right: 40px;
}

.proFile .pinfo .thumb {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #f6f6f6 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 100px auto;
}

.proFile .pinfo .thumb em {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.proFile .pinfo .thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    max-width: 1000%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.proFile .pinfo strong {
    display: block;
    letter-spacing: -0.03em;
    margin: .5rem 0;
    font-size: 2rem;
    color: #333;
    font-weight: 500;
    text-align: center;
}

.proFile .pinfo strong > em {
    display: inline-block;
    margin-right: .6rem;
    font-size: 1.3rem;
    color: #fc074f;
    border-top: 1px solid #fc074f;
    border-bottom: 1px solid #fc074f;
    vertical-align: middle;
}

.proFile .finfo {
    position: relative;
    display: block;
    float: left;
    width: calc(100% - 140px);
}

.proFile .finfo dl {
    width: 50%;
    float: left;
}

.proFile .finfo dt {
    display: block;
    letter-spacing: -0.03em;
    margin: .2rem 0;
    font-size: 1.7rem;
    color: #333;
    font-weight: 500;
    text-align: left;
}

.proFile .finfo dt:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 25px;
    vertical-align: bottom;
    border-radius: 0;
    background-image: url('/ps/img/cmmImg_2020/common/icon_pfile.png');
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 25px auto;
}

.proFile .finfo dl:nth-child(2) dt:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 25px;
    vertical-align: bottom;
    border-radius: 0;
    background-image: url('/ps/img/cmmImg_2020/common/icon_pfile2.png');
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 22px auto;
}

.proFile .finfo dt em {
    position: relative;
    display: inline-block;
    color: #2055a3;
    z-index: 0;
}

.proFile .finfo dt em:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 8px;
    background: #e2edf8;
}

.proFile .finfo dd {
    font-size: 1.3rem;
    text-align: left;
    color: #666;
    
}

.proFile .finfo li {
    position: relative;
    padding-left: 10px;
    padding-top: 4px;
}

.proFile .finfo li:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #2159b3;
    position: absolute;
    left: 0;
    top: 13px;
    border-radius: 50%;
}

/* full_검색 */
.board_STop {
    position: relative;
    margin-bottom: 1rem;
}

.board_STop.band {
    border: 0;
}

/*.board_STop:before {content: '';display: block;position:absolute; left:0; bottom:-4px;width: 100%; height: 3px;background:#f1f1f1;}*/
.board_STop .search_Form {
    position: relative;
    padding: 2rem 1rem;
    text-align: center;
    margin: auto;
    background: #f7f7f7;
    border: 1px solid #ededed;
}

.board_STop.mLeft .search_Form {
    text-align: left;
    margin: 0;
}

.board_STop.detail .search_Form {
    padding: 2rem 5rem;
}

.board_STop.band .search_Form {
    position: relative;
    padding: 2rem 1rem;
    text-align: center;
    margin: auto;
    background: #f7f7f7;
    border: 0;
    background: url('/ps/img/cmmImg_2020/common/search_band.png') no-repeat bottom;
    background-size: cover;
}

.board_STop.band .search_Form p {
    margin-bottom: 1.6rem;
    font-size: 1.5rem;
}

.board_STop.band .search_Form p strong {
    display: block;
    font-size: 2.4rem;
    font-weight: 600;
    color: #7b5000;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
}

.board_STop.band .search_Form fieldset input {
    border: 0px;
}

.board_STop fieldset {
    clear: both;
    display: table;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.board_STop fieldset select, .board_STop fieldset input, .board_STop fieldset button {
    font-size: 1.5rem;
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 1.6rem 0 .65rem;
}

.board_STop.detail fieldset ul li label {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 500;
    width: 8rem;
    margin: .4rem 0;
    vertical-align: top;
    position: relative;
    padding-left: .5rem;
}

.board_STop.detail fieldset ul li {
    position: relative;
    display: block;
    text-align: left;
    margin-bottom: .5rem;
    padding-left: .5rem;
}

.board_STop.detail fieldset ul li > label:before {
    display: block;
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #555;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.board_STop.detail fieldset ul li:last-child {
    margin-bottom: 0;
}

.board_STop.detail fieldset select, .board_STop.detail fieldset input, .board_STop.detail fieldset button {
    font-size: 1.5rem;
    border: 1px solid #ddd;
    display: block;
    /*width: 100%;
    height: 100%;*/
    padding: 0 1.5rem 0 .6rem;
}

.board_STop fieldset span {
    display: inline-block;
    vertical-align: middle;
}

.board_STop fieldset span:first-of-type {
    margin-left: 0;
}

.board_STop fieldset span.form-select {
    min-width: 6.8rem;
    position: relative;
}

.board_STop.detail fieldset span.form-input {
    width: 25rem;
}

.board_STop fieldset span.form-input {
    width: 26rem;
}
.board_STop fieldset span.form-btn {
    min-width: 2rem;
    height:4rem;
    flex-shrink: 0;
}

.board_STop fieldset span.form-btn button {
    background-color: #333;
    border: #333;
    color: #fff;
    padding: 0 1.6rem;
    border-radius: .6rem;
}

.board_STop.detail fieldset ul li .input-group {
    width:calc(100% - 8.5rem);
    display: inline-flex;
    gap:.4rem;
}

.board_STop fieldset span.form-btn2 {
    min-width: 2rem;
    margin-left: 0;
}

.board_STop fieldset span.form-btn2 button {
    background-color: #333;
    border: #333;
    color: #fff;
    padding: 0 .9rem;
}

.board_STop fieldset span.form-btn2 .btn {
    min-width: 88px;
    padding: 0 1rem;
    font-size: 1.5rem;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    border: 1px solid #dddddd;
    background: #fff;
}

.board_STop fieldset span.form-btn2 .btn.pdf {
    position: relative;
    padding: .37rem 1rem;
    font-size: 1.3rem;
    vertical-align: sub;
    color: #232323;
    background-color: #f9f3f4;
    border: 1px solid #ce2424;
    font-weight: 500;
    letter-spacing: -.05em;
    transition: 0.5s;
}

.board_STop fieldset span.form-btn2 .btn.pdf:hover {
    border: 1px solid #ce2424;
    color: #ce2424;
}

.board_STop fieldset span.form-btn2 .btn.pdf:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: -2px;
    background: url('/ps/img/cmmImg_2020/common/ic_pdf.png') no-repeat;
}

/* [E]form-btn2 2022. 10. 추가  */
.board_STop fieldset span.check-input {
    position: relative;
    height: auto;
    width: calc(100% - 8.5rem);
    margin: 0 -.3%;
}
.board_STop fieldset span.check-input:after {
    content:'';
    display:block;
    clear:both;
}

.board_STop fieldset span.check-input span {
    float: left;
    padding: .2rem;
}

.board_STop fieldset span.check-input span input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    overflow: hidden;
    padding: 0;
    clip: rect(0,0,0,0);
    -webkit-appearance: none;
    opacity: 0
}

/* input 초기화 */
.board_STop fieldset span.check-input span input[type="checkbox"] + label {
    display: block;
    margin: auto;
    text-align: center;
    border: 1px dashed #d4d4d4;
    background: #fff;
    text-align: center;
    width: auto;
    line-height: 28px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1.3rem;
    color: #545454;
    cursor: pointer;
    min-width: 46px;
    padding: 0 .8rem;
}

.board_STop fieldset span.check-input span:first-child input[type="checkbox"] + label {
    color: #2055a3;
    border: 1px solid #2055a3;
}

.board_STop fieldset span.check-input span input[type="checkbox"] + label:before {
    position: absolute;
    top: 10px;
    left: inherit;
    right: 13px
}

.board_STop fieldset span.check-input span:hover input[type="checkbox"] + label {
    color: #2055a3;
    border: 1px solid #2055a3;
}

.board_STop fieldset span.check-input span input[type="checkbox"]:checked + label {
    color: #fff;
    border: 1px solid #697a89;
    background: #697a89;
}

.board_STop fieldset span.check-input .word-list a {
    vertical-align: middle;
    display: block;
    margin: auto;
    text-align: center;
    border: 1px dashed #d4d4d4;
    background: #fff;
    text-align: center;
    width: 44px;
    line-height: 32px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1.3rem;
    color: #545454;
    cursor: pointer;
}

.board_STop fieldset span.check-input .word-list>span {
    display: inline-block;
    padding: 0.05rem;
}

.board_STop fieldset span.check-input .word-list.meld_KE a {
    width: 60px;
}

.board_STop fieldset span.check-input #englishSrch.word-list {
    /*height: 4.8rem;*/
    height: auto;
}

.sMonth+label {
    display: inline-block;
    position: relative;
    color: #3f3f3f;
    vertical-align: top;
    cursor: pointer
}

.sMonth:focus+label {
    outline: dashed 1px;
    outline: -webkit-focus-ring-color auto 10px
}


/*[202305:신작목기술검색추가]*/
.board_STop.column64 .search_Form{
	background: #fff;
	border-radius:.7rem;
	padding:2rem;
}
.board_STop.column64 fieldset ul li{
	width:calc(55%);
	display:inline-block;
	vertical-align: top;
}
.board_STop.column64 fieldset ul li div{
	display: block;
    overflow: hidden;

}
.board_STop.column64 fieldset ul li div+div{
	border-top:1px dashed #ddd; 
    margin-top:1rem;padding:1rem 0 0;
}
.board_STop.column64 fieldset ul li+li{
	width:calc(100% - 60%);
	margin-left:3%;
}
.board_STop.column64 fieldset ul li label {
	position: relative;
    display: block;
    vertical-align: top;
    font-size: 1.25rem;
    font-weight: 500;
    text-align:left;
    margin: .2rem 1rem 1rem;
	color:#070707;

}
.board_STop.column64 fieldset ul>li>label:before {
    display: block;
    content: '';
    position: absolute;
	border-radius:50%;
    width: 5px;
    height: 5px;
    background-color: #118339;
    left:-15px;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.board_STop.column64 fieldset span{height:2.2rem;}
.board_STop.column64 fieldset .itemGroup span, .board_STop.column64 fieldset .gTGroup span{height:2.5rem;}
.board_STop.column64 fieldset span.check-input{
	width: calc(100%);
	height:auto;
}
.board_STop.column64 fieldset span.check-input span:first-child input[type="checkbox"] + label {
    color: #545454;
    border: 1px solid #ddd;
}

.board_STop.column64 fieldset span.check-input span:first-child:hover input[type="checkbox"] + label {
    color: #2055a3;
    border: 1px solid #2055a3;
}

.board_STop.column64 fieldset span.check-input span input[type="checkbox"] + label:before {
    position: absolute;
    top: 10px;
    left: inherit;
    right: 13px
}
.board_STop.column64 fieldset span.check-input span input[type="checkbox"] + label{
	width:auto;min-width:4.5rem;
}
.board_STop.column64 fieldset span.check-input span.active input[type="checkbox"] + label{
	background: #2055a3;
    border: 1px solid #2055a3;
	color:#FFF;
}
.board_STop.column64 fieldset .itemGroup span.check-input span.active input[type="checkbox"] + label,
.board_STop.column64 fieldset .gTGroup span.check-input span.active input[type="checkbox"] + label{
	background: #777777;
    border: 1px solid #777777;
	color:#FFF;
}

.board_STop.column64 fieldset .itemGroup span.check-input span input[type="checkbox"] + label,
.board_STop.column64 fieldset .gTGroup span.check-input span input[type="checkbox"] + label{
	    line-height: 33px;
		min-width: 5rem;
}






/* tooltip 상세보기*/
.tooltip-area {
    display: inline-block;
    position: relative;
    vertical-align: text-bottom;
}

.btn-tooltip {
    width: 14px;
    height: 14px;
    margin-left: 2px;
    background: url('/ps/img/cmmImg_2020/common/ic_tooltip.png') no-repeat 50% 50%;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
    vertical-align: middle;
    opacity: .7;
}

/* 툴팁 default : 우측 아래 */
.tooltip-conts {
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    position: absolute;
    top: 36px;
    right: 1px;
    min-width: 280px;
    max-width: 360px;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #0f0f0f;
    -webkit-box-shadow: 2px 3px 7px 0 rgba(16, 16, 16, 0.2);
    box-shadow: 2px 3px 7px 0 rgba(16, 16, 16, 0.2);
    text-align: left;
    -webkit-transition: .3s;
    transition: .3s;
}

.tooltip-conts.right {
    left: -2px;
    right: auto;
}

.tooltip-conts.right:after {
    left: 6px;
    right: auto;
}

.tooltip-conts.active {
    visibility: visible;
    z-index: 98;
    opacity: 1;
}

.tooltip-conts:after {
    position: absolute;
    top: -6px;
    right: 6px;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 툴팁 : 좌측 */
.tooltip-conts.left {
    left: 0;
    right: auto;
}

.tooltip-conts.left:after {
    left: 6px;
    right: auto;
}

/* 툴팁 default : 상단 */
.tooltip-conts.btm {
    top: auto;
    bottom: 52px;
}

.tooltip-conts.text.btm {
    bottom: 20px;
}

.tooltip-conts.btm:after {
    top: auto;
    bottom: -6px;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.tooltip-tit {
    font-size: 14px;
    color: #0f0f0f;
    font-weight: 700;
}

.tooltip-cont-txt {
    margin-top: 10px;
    
    font-size: 1.3rem;
    color: #555555;
    line-height: 20px;
}

.tooltip-conts .close:before, .tooltip-conts .close:after {
    background-color: #0f0f0f;
}

.tooltip-conts .close-tooltip {
    top: 5px;
    right: 5px;
}

.tooltip-conts .close:before {
    height: 14px;
    top: 11px;
}

.tooltip-conts .close:after {
    width: 14px;
    left: 11px;
}

/* 기본게시판 - 요소 : NO 제목	담당자	 첨부	등록일	 조회 */
div.board_top {
    display: inline-block;
    width: 100%;
    margin: 30px 0 5px 0;
}

div.board_top div.list_info {
    padding-top: 15px;
    float: left;
}

div.board_top div.list_info p {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #000;
}

div.board_top div.list_info span {
    font-weight: 500;
}

/*페이징 정보*/
.board_Info { display: flex; align-items: center; gap:1.6rem; margin-bottom:2rem; }
.board_Info .page_Info { position: relative; padding-left: .8rem; flex-shrink: 0;}
.board_Info .page_Info:before { display: block; content: ''; position: absolute; width: .4rem; height: .4rem; background-color: #555; left: 0; top: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.board_Info .page_Info strong { color: #2483c5; }
.board_Info .page_Info b { font-weight: Regular;}
.board_Info .page_Info em {color: #111;}
.board_Info .page_Info .current_page { position: relative; padding-left: .5rem; margin-left: .4rem;}
.board_Info .page_Info .current_page::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 0.7rem; position: absolute; left: 0; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.board_Info .search_Form .input-group { gap:.8rem}
.board_Info .search_Form .krds-form-select { width:auto; padding:0 3.2rem 0 .8rem; background-position: center right .8rem;}
.board_Info .search_Form .krds-input { padding:0 .8rem}

.tab-nav .board_Info {
    position: absolute;
    top: .5rem;
    right: 0;
    margin: 0;
}

/*페이징 정보 :: 농업기술 Style*/
/*파일 다운로드*/
.line#fileDownLoad {
    padding: 10px 0px 10px 20px!important;
    background: #f2f2f2;
    width: 100%;
    border: 1px solid #e7e7e7;
    float:none;
}

.line#fileDownLoad:before {
    display: none!important
}

.line#fileDownLoad .icon-set:before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: sub;
    text-decoration: none;
    background: url('/ps/img/cmmImg_2020/file/file_set.png')no-repeat 0 0;
    background-position: 0 -20px
}

#fileDownLoad a.btn-4-w, .fileAttach a.btn-4-w {
    padding: 0 6px;
    border: 1px solid #999;
    color: #555;
    background: none
}

#fileDownLoad a.btn-4-w:hover, .fileAttach a.btn-4-w:hover {
    color: #fff!important;
    background: #555
}

.fileAttach .icon-set.ico-pdf:before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: sub;
    text-decoration: none;
    background: url('/ps/img/cmmImg_2020/file/file_set.png')no-repeat 0 0;
    background-position: 0 0
}

.fileAttach .icon-set.ico-xls:before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: sub;
    text-decoration: none;
    background: url('/ps/img/cmmImg_2020/file/file_set.png')no-repeat 0 0;
    background-position: 0 -40px
}

.floatDivmt10 {
    position: relative;
    margin: 0 0 .8rem;
}

.floatDivmt10::after {
    content: "";
    clear: both;
    display: table;
}

.floatDivmt10 p {
    float: left;
    position: relative;
    margin-top: 8px;
    padding-left: .8rem;
    min-width: 300px;
}

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

.floatDivmt10 p strong {
    color: #2483c5;
    font-weight: 500;
}

.floatDivmt10 p b {
    font-weight: 400;
}

.floatDivmt10 p em {
    color: #111;
    font-weight: 500;
}

.floatDivmt10 p .current_page {
    position: relative;
    padding-left: .5rem;
    margin-left: .4rem;
}

.floatDivmt10 p .current_page::before {
    content: '';
    display: block;
    background-color: #ddd;
    width: 1px;
    height: 0.7rem;
    position: absolute;
    left: 0;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.floatDivmt10 p span strong {
    color: #2483c5;
    font-weight: 500;
}

/* 검색 */
#container.curation .board_Info fieldset select {
    font-size: 1.5rem;
    color: #fff;
    border: 1px solid #006fba;
    background: #006fba;
    margin-right: .6rem;
}

#container.curation .board_Info fieldset span.form-select {
    color: #fff;
    border-color: #17a7db;
    z-index: 1;
    background: #006fba;
    /* Old browsers */
    background: -moz-linear-gradient(left, #006fba 0%, #17a7db 100%) ;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #006fba 0%,#17a7db 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #006fba 0%,#17a7db 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fba', endColorstr='#17a7db',GradientType=1 );
    /* IE6-9 */
    height: 3.5rem;
}

.curation .board_Info .search_Form {
    width: 100%;
}
.board_Info .search_Form {
    margin-left:auto;
    position: relative;
}

.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 {
    font-size: 1.5rem;
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 2.4em 0 1rem;
}

.board_Info fieldset span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.board_Info fieldset span:first-of-type {
    margin-left: 0;
}

.board_Info fieldset span.form-select {
    min-width: 5.5rem;
    position: relative;
    background-color: #fff;
    z-index: 1;
}


.board_Info fieldset span.form-select::after {
    content: '';
    position: absolute;
    background: url('/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%);
}
.curation .board_Info fieldset span.form-select::after {
    display: block;
    content: '';
    position: absolute;
    right: 15px;
    top: 10px;
    width: 9px;
    height: 9px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    transition: transform 150ms ease-in-out;
    z-index: 1;
    background:transparent;
}

.board_Info fieldset span.form-select select {
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    position: relative;
    z-index: 1;
}

.board_Info fieldset span.form-select select::-ms-expand {
    display: none;
}

.board_Info fieldset span.form-input {
    width: 17rem;
}



.board_Info fieldset span.form-input input {
    padding-right: 4rem;
}

.board_Info fieldset span.form-input input[type="text"]::-webkit-input-placeholder {
    font-weight: 300;
}

.board_Info fieldset span.form-input input[type="text"]:-moz-placeholder {
    font-weight: 300;
}

.board_Info fieldset span.form-input input[type="text"]::-moz-placeholder {
    font-weight: 300;
}

.board_Info fieldset span.form-input input[type="text"]:-ms-input-placeholder {
    font-weight: 300;
}

.board_Info fieldset span.form-btn {
    min-width: 2rem;
    margin-left: -4rem;
}

.board_Info fieldset span.form-btn2 {
    min-width: 2rem;
    margin-left: 0;
}

.board_Info fieldset span.form-btn button {
    background-color: #333;
    border: #333;
    color: #fff;
    padding: 0 .9rem;
}

.board_Info fieldset span.form-btn2 button {
    background-color: #333;
    border: #333;
    color: #fff;
    padding: 0 .9rem;
}

.board_Info fieldset span.form-btn2 .btn {
    min-width: 88px;
    padding: 0 1rem;
    font-size: 1.5rem;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    border: 1px solid #dddddd;
    background: #fff;
}

.board_Info fieldset span.form-btn2 .btn.pdf {
    position: relative;
    padding: .6rem 1.6rem;
    font-size: 1.3rem;
    vertical-align: sub;
    color: #232323;
    background-color: #f9f3f4;
    border: 1px solid #ce2424;
    font-weight: 500;
    transition: 0.5s;
    display: block;
}

.board_Info fieldset span.form-btn2 .btn.pdf:hover {
    border: 1px solid #ce2424;
    color: #ce2424;
}

.board_Info fieldset span.form-btn2 .btn.pdf:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: -2px;
    background: url('/ps/img/cmmImg_2020/common/ic_pdf.png') no-repeat;
}

.curation .board_Info fieldset span.form-btn2 {
    float: right;
}
/* 큐레이션 넘버링 */
.numberList {
    margin: 0 5px 10px 5px
}

.numberList a {
    float: left;
    margin-left: 3px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #b1b1b1;
    background: #eee;
    font-size: 15px;
    color: #000;
    text-align: center;
    width: 36px;
    border-radius: 4px;
    cursor: pointer
}

.numberList a.active {
    border: 1px solid #336129;
    background: #336129;
    color: #fff;
    font-weight: bold
}

/* full_검색 */
.search_STop {
    overflow: hidden;
    margin-bottom: 30px;
}

.search_STop .search_Form {
    position: relative;
    padding: 2rem;
    text-align: center;
    margin: auto;
    background: #f7f7f7;
}

/* button */
.button_wrap {
    position: relative;
    display: inline-block;
}

.button_wrap button.curaKidoInit {
    letter-spacing: -0.05rem;
    cursor: pointer;
    font-size: 1.3rem;
    padding: .35rem 1rem .35rem 1.8rem;
    color: #fff;
    border-radius: 50px;
    background: #89909d url('/ps/img/cmmImg_2020/main/icon_refresh.png') no-repeat;
    vertical-align: middle;
    background-position: 12px 50%;
    background-size: 15px auto;
}

/* input radio */
.search_radio_wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    background: #fff;
    padding: 2px;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
}

.input_radio_wrap {
    display: inline-block;
    position: relative;
}

.input_radio_wrap input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    overflow: hidden;
    padding: 0;
    clip: rect(0,0,0,0);
    -webkit-appearance: none;
    opacity: 0
}

/* input 초기화 */
.input_radio_wrap input[type="radio"] + label {
    display: inline-block;
    vertical-align: baseline;
    font-weight: 500;
    padding: 6px 20px;
    letter-spacing: -0.03rem;
    cursor: pointer;
    font-size: 1.5rem;
}

.input_radio_wrap input[type="radio"]:checked + label {
    border-radius: 2rem;
    vertical-align: baseline;
    padding: 6px 20px 5px 30px;
    color: #fff;
    background-image: linear-gradient(101deg, rgba(0,209,197,1) 0%,rgba(5,70,204,1) 100%);
}

.input_radio_wrap input[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 8px;
    width: 11px;
    height: 6px;
    margin: 5px 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff ;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.input_radio+label {
    display: inline-block;
    position: relative;
    color: #3f3f3f;
    vertical-align: top;
    cursor: pointer
}

.input_radio:focus+label {
    outline: dashed 1px;
    outline: -webkit-focus-ring-color auto 5px
}

.search_STop .item_search {
    display: none;
    margin-top: 1rem;
    clear: both;
}

/* 검색 */
.searchKeyWord {
    position: relative;
    display: inline-block;
    width: 50%;
    margin: auto;
    vertical-align: middle;
}

.searchKeyWord span.tiT {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
}

.searchKeyWord fieldset {
    margin: .2rem;
}

.searchKeyWord input {
    float: left;
}

.searchKeyWord input[type="text"] {
    width: 100%;
    height: 40px;
    display: block;
    position: relative;
    padding-right: 56px;
    background: #fff;
    border: 1px solid #ddd;
    text-indent: 12px;
    padding: 2px;
    border-radius: 50px;
}

.searchKeyWord input[type="text"]::-webkit-input-placeholder {
    
    font-size: 1.5rem;
}

.searchKeyWord input[type="text"]:-moz-placeholder {
    
    font-size: 1.5rem;
}

.searchKeyWord input[type="text"]::-moz-placeholder {
    
    font-size: 1.5rem;
}

.searchKeyWord input[type="text"]:-ms-input-placeholder {
    
    font-size: 1.5rem;
}

.searchKeyWord input[type="submit"] {
    width: 60px;
    position: absolute;
    right: 0;
    height: 40px;
    vertical-align: middle;
    background-image: url('/ps/img/cmmImg_2020/main/micon_search.png');
    font-size: 0;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.item_search fieldset {
    clear: both;
    display: table;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.item_search fieldset select, .item_search fieldset input, .item_search fieldset button {
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 .5rem;
}

.item_search fieldset span {
    display: inline-block;
    vertical-align: middle;
    height: 2.8rem;
}

.item_search fieldset span:first-of-type {
    margin-left: 0;
}

.item_search fieldset span.form-select {
    min-width: 14rem;
    position: relative;
    background: #fff;
}

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

.item_search fieldset span.form-select select {
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    position: relative;
    z-index: 1;
}

.item_search fieldset span.form-select select::-ms-expand {
    display: none;
}

/* 작목별 검색 */
.categoryWrap {
    clear: left;
}

.category-menu-wrap {
    overflow: hidden;
    position: relative;
}

.cmList {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.cmList .cmItem {
    float: left;
    width: 10%;
}

.cmList .cmItem a {
    position: relative;
    display: block;
    line-height: 43px;
    border: 1px solid #dcdcdc;
    background: #fdfdfd;
    text-align: center;
    padding: 0 5px;
    font-size: 0.925rem;
    font-weight: 500;
    color: #525252;
    letter-spacing: -.05em;
    vertical-align: middle;
    word-break: keep-all;
}

.cmList .cmItem a {
    border-left: 0 !important
}

.cmList .cmItem.on a {
    color: #fff;
    border: #697a89 solid 1px;
    background: #697a89
}

.cmList .cmItem a:hover,.cmList .cmItem a:focus {
    border: #547fe0 solid 1px;
    border-right: #547fe0 solid 1px !important;
    background: #547fe0
}

.cmList .cmItem a:hover,.cmList .cmItem a:focus {
    color: #fff
}

.categoryWrap .category_frame {
    display: block;
    margin: 0 30px
}

.category_frame .cmList .slick-slide {
    float: left !important;
    width: 108px !important;
    height: 45px !important;
}

.category_frame button {
    position: absolute;
    top: 0;
    margin-top: 0;
    width: 30px;
    height: 45px;
    border: 1px solid #dcdcdc;
    background: #fff url('/ps/img/cmmImg_2020/main/mslider_control_off.png') no-repeat;
    text-indent: -5000px;
    z-index: 99;
}

.category_frame .btn_slider_prev {
    left: 0;
    background-position: 0px center;
}

.category_frame .btn_slider_next {
    right: 0;
    background-position: -142px center;
}

.categoryWrap div.reTxt {
    padding: .8rem;
    min-height: 50px;
    font-weight: 500;
    font-size: 1.5rem;
    background: #dcfaf9;
    border-radius: 4px;
    margin-top: 1rem;
}

.categoryWrap div.reTxt em {
    color: #e13016;
    font-weight: 500;
}

.categoryWrap div.reTxt em:before {
    content: '[';
}

.categoryWrap div.reTxt em:after {
    content: ']';
}

/* 소분류 */
.category_tabpanel_wrap {
}

.category_items {
    /*display: none;*/
}

.category_items.on {
    display: block;
}

.category_items ul {
    /*margin: 1rem 30px 0;*/
    padding: 0.6rem 0 0 0;
    overflow: hidden;
}

.category_items li {
    position: relative;
    float: left;
    padding: .4%;
}

.category_items li a {
    display: block;
    padding: 0 .5rem;
    font-size: 1.3rem;
    background: #fff;
    line-height: 28px;
    color: #555;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    letter-spacing: -0.03em;
    transition: 0.5s;
}

.category_items li a:hover {
    color: #fff;
    background: #547fe0;
}

.category_items li.active a {
    color: #fff;
    background: #547fe0;
    font-weight: 500;
}

/* 작물명 검색 */
.search_STop .month_search {
    display: none;
    margin-top: 1rem;
}

/* 키워드검색 */
.keyword_search .searchKeyword {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
}

.keyword_search .searchKeyword .inner {
    display: inline-block;
    margin: auto;
}

.keyword_search .searchKeyword .inner:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
}

.keyword_search .searchKeyword .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: 15px;
    color: #666;
}

.keyword_search .searchKeyword .inner button.on {
    color: #2055a3;
    border: 1px solid #2055a3;
}

.keyword_search .searchKeyword .inner button.conso00 {
    width: 88px;
}

.keyword_search .searchKeyword button:hover, .month_search .searchMonth button:focus {
    border: 1px solid #156da9;
    outline: none;
}

/* 월별검색 */
.month_search .searchMonth {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
}

.month_search .searchMonth .inner {
    width: 100%;
    display: block;
    margin: auto;
}

.month_search .searchMonth .inner:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
}

.month_search .searchMonth li {
    display: inline-block;
    padding: .5%;
    margin: auto;
    text-align: center;
}

.month_search .searchMonth li input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    overflow: hidden;
    padding: 0;
    clip: rect(0,0,0,0);
    -webkit-appearance: none;
    opacity: 0
}

/* input 초기화 */
.month_search .searchMonth li input[type="checkbox"] + label {
    display: block;
    margin: auto;
    text-align: center;
    border: 1px dashed #d4d4d4;
    background: #fff;
    text-align: center;
    width: 50px;
    line-height: 36px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1.5rem;
    color: #545454;
    cursor: pointer;
}

.month_search .searchMonth li:first-child input[type="checkbox"] + label {
    color: #2055a3;
    border: 1px solid #2055a3;
}

.month_search .searchMonth li input[type="checkbox"] + label:before {
    position: absolute;
    top: 10px;
    left: inherit;
    right: 13px
}

.month_search .searchMonth li:hover input[type="checkbox"] + label {
    color: #2055a3;
    border: 1px solid #2055a3;
}

.month_search .searchMonth li input[type="checkbox"]:checked + label {
    color: #fff;
    border: 1px solid #697a89;
    background: #697a89;
}

.sMonth+label {
    display: inline-block;
    position: relative;
    color: #3f3f3f;
    vertical-align: top;
    cursor: pointer
}

.sMonth:focus+label {
    outline: dashed 1px;
    outline: -webkit-focus-ring-color auto 10px
}

.info_area {
    position: relative;
    display: block;
    margin: 1.6rem 0;
    overflow: hidden;
    text-align: left;
}

.info_area p {
    font-size: 1.5rem;
}

.info_area .refer {
    display: block;
    position: relative;
    padding-left: 16px;
}

.info_area .refer:before {
    content: '*';
    display: inline-block;
    margin: 0 5px 0 -11px;
    left: 0;
    top: 0;
}

.info_area .blue {
    color: #478edc !important;
}

.info_area .note {
    display: inline-block;
    padding-left: 26px;
    letter-spacing: -.03em;
    font-size: 1.5rem;
    font-weight: 500;
}

.info_area .note strong {
    color: #2055a3;
}

.info_area .note:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 7px 0 -22px;
    left: 0;
    top: 0;
    vertical-align: middle;
    background-image: url('/ps/img/cmmImg_2020/common/ico_explain.png');
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: 0;
}

.info_area .note em {
    display: block;
    font-weight: 400;
    font-size: 1.5rem;
}

.object_item {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 10px 0;
    padding-bottom: 1.6rem;
    border-bottom: 1px dashed #ddd;
}

.object_item .tagTit {
    display: inline-block;
    font-weight: 500;
    letter-spacing: -.05em;
}

.object_item .tag {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.object_item .tag li {
    float: left;
    height: 26px;
    line-height: 24px;
    margin: .1rem .2rem;
    padding: 0 10px;
    border: 1px solid rgba(0,0,0,0.1);
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: 20px;
    letter-spacing: -.03em;
}

.object_item .tag.band li {
    color: #ee5f4a;
}

.object_item.brand .tagTit {
    font-size: 2.2rem;
    font-weight: 600;
    color: #2055a3;
}

.object_item.brand .tagTit em {
    position: relative;
    display: inline-block;
    color: #2d2d2d;
}

.object_item.brand .tagTit em:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 8px;
    background: #e2edf8;
}

.object_item.brand .tagTit:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('/ps/img/cmmImg_2020/common/ico_quotes.png');
    background-size: 60px auto;
    background-repeat: no-repeat;
    background-position: 0;
}

.object_item.brand .tagTit:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('/ps/img/cmmImg_2020/common/ico_quotes.png');
    background-size: 60px auto;
    background-repeat: no-repeat;
    background-position: 100%;
}

.object_item.data {
    background: #ecf3ff;
    padding: 1.5rem;
    border-bottom: 0;
}

.object_item.data .tagTit {
    font-size: 1.9rem;
    font-weight: 600;
    color: #2055a3;
}

.object_item.data .tagTit em {
    position: relative;
    display: inline-block;
    color: #2d2d2d;
    font-size: 2.2rem;
}

.object_item.data .tagTit em:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 8px;
    background: #e2edf8;
}

.object_item.data .tagTit:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('/ps/img/cmmImg_2020/common/ico_quotes.png');
    background-size: 60px auto;
    background-repeat: no-repeat;
    background-position: 0;
}

.object_item.data .tagTit:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('/ps/img/cmmImg_2020/common/ico_quotes.png');
    background-size: 60px auto;
    background-repeat: no-repeat;
    background-position: 100%;
}

.object_item.data p {
    display: block;
    font-size: 1.7rem;
}

.object_item.nsrUse {
    border-bottom: 0;
    padding: 0;
}

.object_item.nsrUse .tagTit {
    font-size: 1.9rem;
    font-weight: 500;
    color: #2055a3;
}

.object_item.nsrUse .tagTit em {
    position: relative;
    display: inline-block;
    color: #2d2d2d;
    z-index: 0;
}

.object_item.nsrUse .tagTit em:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 8px;
    background: #e2edf8;
}

.object_item.nsrUse p {
    display: block;
    margin-top: 10px;
    font-size: 1.5rem;
}

/* 기본게시판  */
div.boardWrap table {
    /*width: 100%;*/
    border-top: 2px solid #444;
    border-bottom: 1px solid #d8d8d8;
    border-collapse: collapse;
}

div.boardWrap table.table-row {
    /*width: 100%;*/
    border-top: 2px solid #444;
    border-bottom: 0;
}

div.boardWrap table thead th {
    padding: 16px 8px;
    font-weight: 500;
    text-align: center;
    color: #111;
    background-color: #f8f8f8;
}

div.boardWrap table th, div.boardWrap table td {
    padding: 12px 7px;
    color: #505050;
    text-align: center;
    border-top: 1px solid #d8d8d8;
    vertical-align: middle;
}

div.boardWrap table tbody td:first-child {
    border-left: none;
}

div.boardWrap table tbody td[rowspan] {
    border-right: 1px solid #d8d8d8;
}

div.boardWrap table .colspan {
    border-top: 1px solid #d8d8d8;
}

div.boardWrap table tr.tl td {
    text-align: left;
}

div.boardWrap table tfoot td {
    padding: 12px 7px;
    color: #505050;
    text-align: center;
    border-top: 1px solid #d8d8d8;
    background-color: #eee;
}

div.boardWrap table.table-row tbody td {
    padding: .8rem 1rem;
    border-top: 0;
    text-align: left;
}

div.boardWrap.survey table tbody td {
    padding: 6px 7px;
}

div.boardWrap table tbody td.bT_notice span {
    display: block;
    font-size: 1.3rem;
    width: 50px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    color: #fff;
    background-color: #11881f;
    background-image: linear-gradient(135deg,#11881f 10%,#156da9 90%);
    border-radius: 20px;
}

div.boardWrap table tbody td.bT_subject {
    text-align: left;
}

div.boardWrap table tbody td.bT_subject span.new {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    position: relative;
    text-indent: -9999px;
    border-radius: 50%;
    background-color: #df043a;
    vertical-align: middle;
}

div.boardWrap table tbody td.bT_subject span.new:after {
    content: 'N';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    color: #fff;
    text-indent: 0;
    text-align: center;
    font-family: verdana, serif;
}

div.boardWrap table tbody td.bT_subject a {
    outline: 0;
    position: relative;
    max-width: 90%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    z-index: 1;
}

div.boardWrap table tbody td.bT_subject a:hover {
    color: #333;
    font-weight: 500;
}

div.boardWrap table tbody td.bT_subject a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    left: -2%;
    right: 102%;
    z-index: -1;
    width: auto;
    height: 8px;
    background: #e2edf8;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

div.boardWrap table tbody td.bT_subject a:hover:after {
    right: -2%;
}

div.boardWrap table tbody td.bT_subject a em {
    position: relative;
    font-size: 1.5rem;
    margin-right: 8px;
    color: #2159b3;
    font-weight: 500;
}

div.boardWrap table tbody td.bT_subject a em:before {
    content: '[';
}

div.boardWrap table tbody td.bT_subject a em:after {
    content: ']';
}

div.boardWrap table tbody td.bT_div em {
    position: relative;
    font-size: 1.5rem;
    color: #2159b3;
    font-weight: 500;
}

div.tbl-type01 .scroll-auto {
    text-align: left;
    line-height: 1.7
}

div.tbl-type01 table {
    font-size: 1.7rem;
    border-bottom: 1px solid #d6e0eb;
    margin-bottom: 10px;
    border-collapse: collapse;
}

div.tbl-type01 table th {
    padding: .8rem 1.6rem;
    font-weight: bold;
    text-align: center;
    color: #131416;
    background-color: #eef2f7;
    border-top: 1px solid #d6e0eb;
    border-left: 1px solid #d6e0eb;
    font-size: 1.5rem;
}

div.tbl-type01 table th:first-child {
    border-left: none;
}

div.tbl-type01 table th[rowspan] {
    border-right: 1px solid #d6e0eb;
}

div.tbl-type01 table th:last-child[rowspan] {
    border-right: 0;
}

div.tbl-type01 table td {
    padding: 1.2rem 1.6rem;
    color: #464c53;
    text-align: center;
    border-top: 1px solid #d6e0eb;
    border-left: 1px solid #d6e0eb;
    font-size: 1.7rem;
}

div.tbl-type01 table td:first-child {
    border-left: none;
}

div.tbl-type01 table td[rowspan] {
    border-right: 1px solid #d6e0eb;
}

div.tbl-type01 table td:last-child[rowspan] {
    border-right: 0;
}

div.tbl-type01 table td p {
    text-align: left
}

div.tbl-type01 table td p a img {
    vertical-align: middle
}

div.tbl-type01 table td ul li {
    text-align: left
}

div.tbl-type01.dtl-td-align table td {
    text-align: left
}

div.tbl-type01 table td a:hover {
    text-decoration: underline
}

div.tbl-type01 tbody td .chk-cir {
    display: block;
    width: 13px;
    height: 13px;
    background: #3F51B5;
    border-radius: 100%;
    text-indent: -999999em;
    margin: 0 auto;
}

div.tbl-type01 tbody td .chkGreen {
    display: block;
    width: 13px;
    height: 13px;
    background: #3F51B5;
    border-radius: 1%;
    text-indent: -999999em;
    margin: 0 auto;
}

/* radio, select */
div.tbl-type01 table td input[type='radio'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 0px;
    opacity: 0;
}

div.tbl-type01 table td input[type='radio'] + span label {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

div.tbl-type01 table td input[type='radio'] + span:last-child label {
    margin-right: 0;
}

div.tbl-type01 table td input[type='radio'] + span label:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 50%;
    vertical-align: middle;
}

div.tbl-type01 table td input[type='radio'] + span label span {
    display: inline-block;
    margin-left: 6px;
    font-size: 14px;
}

div.tbl-type01 table td input[type='radio']:checked + span label {
    color: #333;
    font-weight: 500;
    margin-right: 20px;
}

div.tbl-type01 table td input[type='radio']:checked + span label:before {
    border: 1px solid #797979;
    background: #fff url('/ps/img/cmmImg_2020/common/radio_checked.png') no-repeat center center;
}

div.tbl-type01 table td span.form-select {
    display: inline-block;
}
div.tbl-type01 table td span.form-input {
    display: inline-block;
    margin:.2rem 0;
}

table.table-row th {
    padding: .8rem 1rem;
    color: #333;
    font-weight: 500;
    letter-spacing: -.05rem;
}

table.table-row td {
    word-break: keep-all;
    padding: 1rem 1.2rem;
    color: #333;
    position: relative;
}

table.table-row th[scope="row"] {
    background: #f8f8f8;
    text-align: left;
    border-bottom: 1px solid #e3e6e8;
}

table.table-row td {
    border-bottom: 1px solid #e3e6e8;
}

table.table-row td textarea {
    width: 100%;
    height: 150px;
    padding: 1rem;
    border: 1px solid #ddd;
}

/*TABLE상단고정시 사용*/
.tbl-type01 .fixedHeader {
    position: sticky;
    top: 0;
}

.tbl-type01.fixedcon {
    height: 484px;
    overflow-y: scroll;
}

.tbl-type01 .fixedHeader:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: -1px;
    background: #111;
    height: 1px;
    width: 100%;
}

.tbl-type01 .fixedHeader:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    bottom: -1px;
    background: #ddd;
    height: 1px;
    width: 100%;
}

/*.tbl-type01.list table td div.ps-r{ position: relative !important; padding: 0 !important}*/
/* board Default*/
.board-type01 {
}

.board-type01>table {
    border-top: 2px solid #111 ;
    margin-bottom: 1rem;
}

.board-type01 th {
    padding: .8rem;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
}
.board-type01 table th[rowspan] {
    border-right:1px solid #d8d8d8
}

.board-type01 td {
    padding: .8rem;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.board-type01 td img {
    height: auto;
}

.board-type01 thead th, .board-type01 tbody th {
    background: #f9f9f9;
    text-align: center;
    color: #111;
    font-weight: 400;
    /* border:1px solid #ddd;*/
}

.board-type01 tbody td {
    border-bottom: 1px solid #d6d6d6;
    text-align: left;
    color: #666;
}

.board-type01 tbody th>em {
    color: #666;
    font-size: 0.85em;
    display: block;
    font-weight: 400;
    border-image-width: 3px 0 0 0;
}

.board-type01 tbody td a:hover {
    color: #111;
}

.board-type01 tbody td>p {
    color: #666;
}

.board-type01 tbody td>strong {
    font-weight: 600;
}

.board-type01 tbody td>.ref {
    font-size: .8em;
    color: #111;
    text-align: right;
    padding: 2rem .5rem .0;
    text-decoration: underline;
}

.board-type01>table table {
    border: 5px solid #ececec;
    width: 95%;
    margin: 0 auto;
    border-collapse: separate;
    border-radius: 10px;
}

.board-type01>table table thead th, .board-type01>table table tbody th {
    background: transparent;
    text-align: center;
    color: #111;
    font-weight: 500;
    padding: .5rem;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

.board-type01>table table tbody td {
    padding: .5rem;
    vertical-align: middle;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

.board-type01>table table tbody tr:last-child th, .board-type01>table table tbody tr:last-child td {
    border-bottom: 0;
}

.board-type01>table table col:first-child {
    width: 15% !important;
}

/* 기본게시판 - 요소 : NO 제목 담당자 첨부 등록일 조회 */
div.boardWrap .type_Basic + .type_Basic {
    margin-top: 2rem
}

div.boardWrap.type_Basic table tbody td.bT_notice span {
    display: block;
    font-size: 1.3rem;
    width: 50px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    color: #fff;
    background-color: #11881f;
    background-image: linear-gradient(135deg,#11881f 10%,#156da9 90%);
    border-radius: 20px;
}

div.boardWrap.type_Basic table tbody td.bT_item span,
.krds-table-wrap .tbl.data tbody td.bT_item span {
    display: inline-block;
    font-size: 1.3rem;
    min-width: 50px;
    min-height: 24px;
    line-height: 24px;
    margin: 0 auto;
    padding: 0 .8rem;
    color: #fff;
    background-color: #11881f;
    background-image: linear-gradient(135deg,#11881f 10%,#156da9 90%);
    border-radius: 20px;
}

div.boardWrap.type_Basic table tbody td.bT_subject {
    text-align: left;
}

/* 조회 */
div.boardWrap.type_Basic table tbody td.bT_period {
    font-size: 1.5rem;
}

/* 기간 */
div.boardWrap.type_Basic table tbody td.bT_del button.delete {
    letter-spacing: -0.03em;
    font-size: 1.3rem;
    background: #fff;
    border-radius: 2px;
    transition: .5s;
    padding: 1px .6rem;
    border: 1px solid #c21818;
    color: #c21818;
}

div.boardWrap.type_Basic table tbody td.bT_down button.download {
    letter-spacing: -0.03em;
    font-size: 1.3rem;
    background: #fff;
    border-radius: 2px;
    transition: .5s;
    padding: 1px .6rem;
    border: 1px solid #11881f;
    color: #fff;
    background-color: #11881f;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
}

div.boardWrap.type_Basic table tbody td.bT_app span, div.boardWrap.type_Basic table tbody td.bT_open span {
    letter-spacing: -0.03em;
    font-size: 1.3rem;
    border-radius: 20px;
    transition: .5s;
    padding: 1px 1rem;
    background: #f7f7f7;
    margin: .2rem;
}

div.boardWrap.type_Basic table tbody td.bT_app span.on {
    color: #2159b3;
    background: #f2f7ff;
    font-weight: 500;
}

div.boardWrap.myPage table tbody td.bT_app span, div.boardWrap.myPage table tbody td.bT_ing span {
    display: inline-block;
    font-size: 1.3rem;
    border-radius: 20px;
    transition: .5s;
    padding: 1px 1.6rem;
    background: #f7f7f7;
    margin: .4rem;
}

div.boardWrap.myPage table tbody td.bT_app span.on {
    color: #2159b3;
    background: #f2f7ff;
    font-weight: 500;
}

div.boardWrap.survey table tbody td.bT_state {
}

/* 상태 */
div.boardWrap.survey table tbody td.bT_state span {
    width: 50px;
    height: 50px;
    line-height: 49px;
    border-radius: 50%;
    background: #dadada;
    display: inline-block;
    color: #555;
    text-align: center;
    letter-spacing: -0.03em;
    font-size: 1.3rem;
}

div.boardWrap.survey table tbody td.bT_state span.standby {
    color: #fff;
    background: #11881f;
}

/* 대기중 */
div.boardWrap.survey table tbody td.bT_state span.standby:before {
    content: '대기중';
    display: block;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
}

div.boardWrap.survey table tbody td.bT_state span.ing {
    background: #2159b3;
    color: #fff;
}

/* 진행중 */
div.boardWrap.survey table tbody td.bT_state span.ing:before {
    content: '진행중';
    display: block;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
}

div.boardWrap.survey table tbody td.bT_state span.end {
    color: #555;
    background: #dadada;
}

/* 종료 */
div.boardWrap.survey table tbody td.bT_state span.end:before {
    content: '종료';
    display: block;
    color: #555;
    font-size: 1.3rem;
    text-align: center;
}

div.boardWrap table tbody td.bT_file .file-set {
}

div.boardWrap table tbody td.bT_file .file-set a span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* 접근성 관련 제목 hide처리 */
div.boardWrap table tbody td.bT_file .file-set a:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: sub;
    text-decoration: none;
    background: url('/ps/img/cmmImg_2020/file/file_set.png') no-repeat 0 0;
}

div.boardWrap table tbody td.bT_file .file-set a.ico01:before {
    background-position: 0 0;
}

/* PDF */
div.boardWrap table tbody td.bT_file .file-set a.ico02:before {
    background-position: 0 -20px;
}

/* HWP */
div.boardWrap table tbody td.bT_file .file-set a.ico03:before {
    background-position: 0 -40px;
}

/* XLS */
div.boardWrap table tbody td.bT_file .file-set a.ico04:before {
    background-position: 0 -60px;
}

/* DOC */
div.boardWrap table tbody td.bT_file .file-set a.ico05:before {
    background-position: 0 -80px;
}

/* PPT */
div.boardWrap table tbody td.bT_file .file-set a.ico06:before {
    background-position: 0 -100px;
}

/* TXT */
div.boardWrap table tbody td.bT_file .file-set a.ico07:before {
    background-position: 0 -120px;
}

/* BTC */
div.boardWrap table tbody td.bT_file .file-set a.ico08:before {
    background-position: 0 -140px;
}

/* JPG */
div.boardWrap table tbody td.bT_file .file-set a.ico09:before {
    background-position: 0 -160px;
}

/* PNG */
div.boardWrap table tbody td.bT_file .file-set a.ico10:before {
    background-position: 0 -180px;
}

/* ZIP */
/*
div.boardWrap.myPage td.bT_subject a {color: #117ef9; text-decoration: none;}
div.boardWrap.myPage td.bT_subject a:hover, a:focus { color: #004ab9; }
*/
/*table*/
.table {
    overflow: hidden;
    border-top: 2px solid #555;
    margin: .75rem 0;
    width: 100%;
    font-size: 1.5rem;
}

.table > table {
    position: relative;
    overflow: hidden;
    width: calc(100% + 1px);
    margin-left: -1px;
    border-bottom: 1px solid #555;
    
    line-height: 1.25;
}

.table th {
    padding: .8rem 1rem;
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #aaa;
    letter-spacing: -.05rem;
}

.table td {
    word-break: keep-all;
    padding: .8rem 1rem;
    color: #333;
    position: relative;
}

.table th[scope="row"] {
    background: #f8f8f8;
    text-align: left;
    border-bottom: 1px solid #e3e6e8;
}

.table td {
    border-bottom: 1px solid #e3e6e8;
}

.table tr:last-of-type th[scope="row"], .table tr:last-of-type td {
    border-bottom: 0;
}

.table td textarea {
    width: 100%;
    height: 100px;
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.table td select {
    border-radius: 4px;
    margin-right: .4rem;
    width: 100%;
    height: 38px;
    padding: 0 40px 0 .6rem;
    border: 1px solid #ddd;
    background: #fff url("/ps/img/cmmImg_2020/common/select_Sarrow.png") center right 12px no-repeat;
    background-size: 10px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

/* .table td select:selected { background-color: #f3f6f9;} */
.table td select::-ms-expand {
    display: none;
}

.table td input[type="text"] {
    border-radius: 4px;
    margin-right: 0;
}

.table td .optionGroup {
    overflow: hidden;
    display: flex;
}

.table td .optionGroup select {
    width: auto;
}

.table td .optionGroup .optionBox {
    position: relative;
    float: left;
    display: inline-flex;
    width: 100%;
    width: calc(100% - 85px);
    overflow: hidden;
}

.table td .optionGroup .proundBtn {
    margin-left: 5px;
}

.table td span.form-select {
    display: inline-block;
    vertical-align: middle;
}

.table td [readonly] {
    background-color: #eee;
    opacity: 1;
}

.table td .serviceList ul {
    overflow-y: auto;
    height: 160px;
}

div.dl-table {
    display: table;
    width: 100%;
}

div.dl-table p {
    display: table-caption;
    margin-bottom: 12px;
    font-size: 1.5rem;
    font-weight: 500;
}

div.dl-table dl.table-row {
    position: relative;
    display: table-row;
}

div.dl-table dl.table-row.first dt, div.dl-table dl.table-row.first dd {
    border-top: 1px solid #767676;
}

div.dl-table dl.table-row dt {
    display: table-cell;
    width: 22%;
    letter-spacing: -.03em;
    font-size: 1.5rem;
    vertical-align: middle;
    background: #f4f6f7;
    padding: 12px 16px;
    color: #454545;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

div.dl-table dl.table-row dt label, div.dl-table dl.table-row dt b {
    display: inline-block;
    width: 100%;
    font-weight: 500;
}

div.dl-table dl.table-row dd {
    display: table-cell;
    width: 78%;
    padding: 12px 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    color: #545454;
    vertical-align: middle;
    line-height: 1.6;
}

div.dl-table dl.table-row dd input[type='password'], div.dl-table dl.table-row dd input[type='text'] {
    border-radius: 4px;
}

/* 댓글영역 */
.reply-bx {
    position: relative;
    padding: 1.5em;
    border-bottom: 1px solid #eaeaea;
    background: #f1f6fa;
    overflow: hidden
}

.reply-bx label {
    padding: .5rem 0 .5rem;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: inherit;
    vertical-align: middle
}

.reply-bx label:first-child {
    padding: 0 0 .5rem;
}

.reply-bx textarea {
    font-size: .9em;
    border-radius: .2em 0 0 .2em;
    border: 1px solid #eaeaea;
    resize: none;
    width: calc(100% - 10%) !important;
    min-height: 100px;
    padding: .4em 1em;
    line-height: 1.4rem;
    box-sizing: border-box;
}

.reply-bx input[type="text"],.reply-bx input[type="password"] {
    position: relative;
    overflow: hidden;
    padding: 0.6rem 1rem;
    border: 0;
    background: #fff;
}

.reply-bx .info {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
}

.reply-bx .name {
    font-weight: bold;
    color: #519c26;
}

.reply-bx .name label {
    font-weight: bold;
    color: #519c26;
    vertical-align: top;
    line-height: 13px;
}

.reply-bx .date {
    margin-left: 11px;
    padding-left: 13px;
    background: url(/ps/img/bg/line_tab.gif) no-repeat 0 1px;
}

.reply-bx .commt {
    margin-top: 5px;
}

.reply-bx .btn-modi {
    position: absolute;
    top: 15px;
    right: 0;
}

.reply-bx.bx-type02 .btn-modi {
    right: 20px;
}

.reply-bx .btn-modi .sp-bar {
    margin-left: 8px;
    padding-left: 10px;
    background: url(/ps/img/bg/line_tab.gif) no-repeat 0 3px;
}

.reply-bx .writer {
    position: relative;
    min-height: 50px;
    padding: 15px 0 15px 0;
    border-top: 1px solid #dedede;
}

.reply-bx .writer.bdr-btm1 {
    border-bottom: 1px solid #dedede;
    border-top: 0;
}

.reply-bx .replier {
    position: relative;
    padding: 15px 0 15px 55px;
    background: url(/ps/img/icon/icon_reply.gif) no-repeat 30px 15px;
    border-top: 1px solid #dedede;
}

.reply-bx .replier .btn-modi {
    right: 0;
    background: none;
}

.reply-bx .del-pop {
    z-index: 89;
    position: absolute;
    right: 0;
    top: 40px;
    border: 1px solid #65C230;
    padding: 4px;
    background-color: #fff;
}

/*.reply-bx>div>div{position:relative;width:7.2% !important;}*/
.reply-bx>div>div>span {
    display: block;
    width: 100px;
    font-size: .8em;
    color: #666;
}

.reply-bx>div>div>span>span {
    display: inline-block;
}

.reply-bx>div>div+div {
    position: relative;
    width: calc(100%) !important;
}

.reply-bx>div>div>.btn-7-1 {
    padding: 2.05em 0;
    width: 10%;
    box-sizing: border-box;
    font-size: 15px;
    cursor: pointer;
    line-height: 40px;
    height: auto;
    min-height: 100px;
    border: 0;
    background-color: #2159b3;
    background-image: none;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

/* title :: tit-area style */
/*.tit-area {position:relative;top:0;left:0;height:auto!important;margin-top:20px;margin-bottom:10px;}*/
.tit-area h4 {
    position: relative;
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    word-break: keep-all;
    color: #01317b;
}

/* title :: CMS style */
.cms_TextArea h3 {
    position: relative;
    display: block;
    margin-bottom: 18px;
    font-size: 2rem;
    color: #181818;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.05em;
    word-break: keep-all;
}

.cms_TextArea div + h3, 
.cms_TextArea ul + h3, .cms_TextArea p + h3, .cms_TextArea table + h3 {
    margin-top: 40px
}
.cms_TextArea h4, .cont-box h4 {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 12px;
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    word-break: keep-all;
    color: #01317b;
}

.cms_TextArea h4:before {
    display: none
}

.cms_TextArea h4:after {
    display: none
}

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

.cms_TextArea .cms_table h4 {
    position: relative;
    margin-bottom: 12px;
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    word-break: keep-all;
    color: #01317b;
}

.cms_TextArea div.cms_table + h4 {
    margin-top: 2rem!important;
    margin-bottom: 12px
}

.cms_TextArea div.cms_table + h4 + div.cms_table {
    margin-top: 0;
    margin-bottom: 0
}

.cms_TextArea h5, .cont-box h5  {
    clear: both;
    position: relative;
    font-size: 2.4rem;
    margin-bottom: 10px;
    margin-top: 30px;
    font-weight: 500;
    color: #222;
    letter-spacing: -.05em;
    word-break: keep-all
}

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

.cms_TextArea h5 span {
    display: inline-block;
    color: #666;
    font-weight: 400;
    line-height: 1.2em;
    text-decoration: underline;
}

.cms_TextArea h6 {
    clear: both;
    position: relative;
    /* margin: 20px 0 10px; */
    margin: 15px 0 10px;
    padding: 0 10px 0 0!important;
    padding-bottom: 7px;
    line-height: 1.7;
    font-weight: 500;
    font-size: 1.9rem;
    color: #333
}

.cms_TextArea h5 + h6 {
    font-size: 1.9rem;
    color: #333
}
.cms_TextArea h6 strong {
    border-radius: 100px;
    background: #65c330;
    padding: 0 10px;
    color: #111;
    font-size: 1.9rem;
    line-height: 1.5em;
    display: inline-block;
    line-height: 1.4em;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px;
}

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

.cms_TextArea h6 span:nth-child(n + 2) {
    position: relative;
}

/*.cms_TextArea .inner_TextArea h6 span:nth-child(n + 2):before{content:'';display:block;position:absolute;left:-14px;top:16px;width:4px;height:4px;border-radius:30px;background-color:#777;}*/
.cms_TextArea h6 span b {
    color: #ca4c07
}

.cms_TextArea h6 em.em16 {
    display: block;
    position: relative;
    color: #666;
    padding-left: 10px;
    font-weight: normal;
    font-size: 1.9rem;
}

.cms_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 h6 em {
    display: block;
    font-size: 1.9rem;
    font-weight: 400;
    color: #666;
}

.cms_TextArea .con_H6 {
    text-indent: 70px;
}

.cms_TextArea .tit_H7 {
    font-size: 1.9rem;
    font-weight: normal;
    color: #4b6db3;
    position: relative;
    margin: 10px 0;
    display: block;
}

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

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

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

.cms_TextArea .con_H6 ul li:before {
    width: 3px;
    height: 3px;
    background: #085890;
}

/* table :: CMS style */
.cms_TextArea .inner_TextArea>p.summeryArea {
    font-size: 1em;
    margin: 0 0 10px 0;
    border: 1px solid #dcdfe7;
    padding: 20px;
    box-sizing: border-box;
    line-height: 1.8em;
    color: #54575a;
}

.cms_TextArea .inner_TextArea>p.summeryArea:before {
    display: none;
}

.cms_TextArea .inner_TextArea .cms_table {
    /*margin-bottom:2rem;*/
    margin-top: 20px
}

.cms_TextArea .inner_TextArea .cms_table strong {
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 1.8;
    color: #000
}

.cms_TextArea .inner_TextArea .cms_table>.table_tit {
    padding: .5em 0;
    margin-top: 2.5rem;
    margin-bottom: .5rem;
    text-align: left;
    /*background:#e3e6e8;*/
    
    font-weight: 500;
}

/*.cms_TextArea .inner_TextArea .cms_table>.table_tit:before{display:block; content:''; position:absolute; width:8px; height:1px; background-color:#156da9; left: 2px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}*/
.cms_TextArea .inner_TextArea .cms_table>table {
    border-top: 2px solid #444;
    table-layout: auto;
    border-collapse: collapse;
    font-size: 1.7rem;
    letter-spacing: -.03em
}

.cms_TextArea .inner_TextArea .cms_table>table th, .cms_TextArea .inner_TextArea .cms_table>table td {
    padding: 0.8rem;
    vertical-align: middle;
}

.cms_TextArea .inner_TextArea .cms_table>table th[rowspan] {
    border-right: 1px solid #dedede
}

.cms_TextArea .inner_TextArea .cms_table>table th + th, .cms_TextArea .inner_TextArea .cms_table>table th + td, .cms_TextArea .inner_TextArea .cms_table>table td + td {
    border-left: 1px solid #dedede;
}

.cms_TextArea .inner_TextArea .cms_table>table td img {
    height: auto;
}

.cms_TextArea .inner_TextArea .cms_table>table th {
    padding: 0.8rem;
    font-weight: 500;
    text-align: center;
    color: #2e2d2e;
    background-color: #f6f8fa;
    border-bottom: 1px solid #dedede;
    /*border-left: 1px solid #dedede;*/
}

.cms_TextArea .inner_TextArea .cms_table>table thead th, .cms_TextArea .inner_TextArea .cms_table>table tbody th {
    text-align: center;
    color: #2e2d2e;
    font-size: 1.5rem;
    font-weight: 500;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td {
    border-bottom: 1px solid #dedede;
    /*border-left:1px solid #dedede;*/
    text-align: left;
    color: #545454;
    
    font-size: 1.5rem;
    word-break:normal;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td.ce {
    border-bottom: 1px solid #dedede;
    /*border-left:1px solid #dedede;*/
    text-align: center;
    color: #545454;
    
    font-size: 1.5rem;
    word-break:normal;
}

.cms_TextArea .inner_TextArea .cms_table>table th:first-child, .cms_TextArea .inner_TextArea .cms_table>table td:first-child {
    border-left: #fff 1px solid;
}

.cms_TextArea .inner_TextArea .cms_table>table th:last-child, .cms_TextArea .inner_TextArea .cms_table>table td:last-child {
    border-right: #fff 1px solid;
}

.cms_TextArea .inner_TextArea .cms_table>table th[rowspan]:not(:first-child), .cms_TextArea .inner_TextArea .cms_table>table td[rowspan]:not(:first-child) {
    border-left: solid 1px #dedede;
}

.cms_TextArea .inner_TextArea .cms_table>table th[rowspan]:not(:last-child), .cms_TextArea .inner_TextArea .cms_table>table td[rowspan]:not(:last-child) {
    border-right: solid 1px #dedede;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td > img {
    width: 100%;
    height: 150px;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td p {
    line-height: 1.6;
    position: relative;
    padding: 0;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #545454;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td ul {
    padding: 10px 0 10px 0px;
    border: none
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td ul>li {
    position: relative;
    /*padding:0 0 10px 10px;*/
    padding: 0 0 3px 10px;
    line-height: 1.6;
    color: #6b6b6b;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td ul>li:last-child {
    padding: 0 0 0 10px;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 14px;
    width: 3px;
    height: 3px;
    background: #085890;
    border-radius: 10px;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td ul>li>em {
    color: #f44336;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td ul>li>ul {
    padding: 5px 0 5px 0;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td ul>li>ul>li {
    padding: 0 0 10px 10px;
    position: relative;
    line-height: 1.3em;
    color: #6b6b6b;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td ul>li>ul>li:last-child {
    padding: 0 0 0 10px;
}

.cms_TextArea .inner_TextArea .cms_table>table tbody td ul>li>ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 6px;
    width: 5px;
    height: 1px;
    background: #888;
    border-radius: 10px;
}

.cms_TextArea .inner_TextArea .cms_table>p {
    line-height: 1.6em;
    text-align: center;
    color: #333
}

.cms_TextArea .inner_TextArea p + div.cms_table {
    margin-top: 0
}

/*input[type='radio'] { display: none;}*/
.rdo-input input[type='radio'] + label {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    vertical-align:sub;
}

.rdo-input input[type='radio'] + label:last-child {
    margin-right: 0;
}

.rdo-input input[type='radio'] + label:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 50%;
    vertical-align: middle;
}

.rdo-input input[type='radio'] + label span {
    display: inline-block;
    margin-left: 6px;
    font-size: 14px;
    height:auto;
    width:auto !important;
}

.rdo-input input[type='radio']:checked + label span {
    color: #333;
    font-weight: 500;
}

.rdo-input input[type='radio'] + label.on:before {
    border: 1px solid #797979;
    background: #fff url('/ps/img/cmmImg_2020/common/radio_checked.png') no-repeat center center;
}


.rdo-input2 input[type="radio"] {
    display: inline-block !important;
    width: auto !important;
    vertical-align: middle;
}
.rdo-input2 input[type="radio"] + label{
    display: inline-block !important;
}


/*input[type='checkbox'] { display: none;}*/
.chk-input input[type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

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

.chk-input input[type='checkbox'] + label span {
    vertical-align: middle;
    margin-left: 8px;
    color: #555;
    font-size: 14px;
}

.chk-input input[type='checkbox']:checked + label span {
    color: #333;
    font-weight: 500;
}

.chk-input input[type='checkbox'] + label:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #dddddd;
}

/* 접근성 추가 */
.rdo-input {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.chk-input {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

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

.rdo-input input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 0px;
    opacity: 0;
}

.chk-input input[type='checkbox']:focus + label:before {
    outline: 1px dashed #333;
    /* outline:-webkit-focus-ring-color:5px; */
}

.rdo-input input[type='radio']:focus + label:before {
    outline: 1px dashed #333;
    border-radius: 50%;
    /* outline:-webkit-focus-ring-color:5px; */
}

/* 현장기술 */
div.field_box {
}

div.field_box > ul {
    clear: both;
}

div.field_box > ul:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: '';
}

div.field_box > ul > li {
}

div.field_box > ul > li a {
    display: flex;
    justify-content: space-between;
    align-content: center;
    position: relative;
    width: 100%;
    height: 100px;
    margin-bottom: 1rem;
    padding: 1rem 2rem;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

div.field_box > ul > li a:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

div.field_box > ul > li a:hover {
    border: 2px solid;
    border-color: #00ac4f;
    -webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.1);
    -moz-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.1);
    box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.1);
}

div.field_box > ul > li a:hover:after {
    opacity: 1;
}

div.field_box .fb_nume {
    position: absolute;
    left: 1rem;
    top: 0;
    background: #eee;
    padding: .5rem .5rem 1rem;
    border-radius: 0 0 30px 30px;
    font-size: 87.5%;
    color: #676767;
}

div.field_box .fb_subject {
    margin-left: 50px;
}

div.field_box .fb_subject .tag {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3rem;
    min-width: 50px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 6px;
    padding: 0 .5rem;
    color: #fff;
    background-color: #11881f;
    background-image: linear-gradient(135deg,#11881f 10%,#156da9 90%);
    border-radius: 20px;
}

div.field_box .fb_subject .tit {
    position: relative;
    display: block;
    text-align: left;
    font-size: 1.9rem;
    color: #333;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.field_box .fb_ect {
    padding: 3px 0;
    font-size: 87.5%;
    color: #676767;
}

div.field_box .fb_ect .date:before {
    content: '';
    display: inline-block;
    margin: 0 .5rem;
    background-color: rgba(0,0,0,0.15);
    width: 1px;
    height: 0.7rem;
}

/* 포토/갤러리 리스트형 데이터없음 */
div.photo_list .noData, div.vod_list .noData, div.gallary_list .noData {
    clear: both;
    position: relative;
    width: 100%;
    color: #676767;
    text-align: center;
    font-size: 1.5rem;
    padding: 70px 0;
    letter-spacing: -.03em;
    border-top: 2px solid #222;
    border-bottom: 1px solid #ddd;
}

/* 포토 리스트형 */
div.photo_list {
}

div.photo_list > ul {
    clear: both;
    border-top: 2px solid #222
}

div.photo_list > ul > li {
    clear: both;
    overflow: hidden;
    position: relative;
    padding: 2.2rem 1.9rem;
    min-height: 216px;
    border-bottom: 1px solid #ddd;
}

div.photo_list.curation > ul > li {
    padding: 1rem 1rem;
    min-height: auto;
}

div.photo_list > ul > li > a {
    display: block
}

div.photo_list.curation li.goodCont {
    position: relative;
}

div.photo_list.curation li.goodCont:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #11881f;
}

div.photo_list > ul > li:hover {
    background: #f7f7f7;
}

div.photo_list > ul > li .state {
    position: absolute;
    right: 1rem;
    top: 0;
    width: 40px;
    height: 42px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
}

div.photo_list > ul > li .state:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-right: 20px solid transparent;
    border-bottom: 12px solid #fff;
    border-left: 20px solid transparent;
    content: "";
    box-sizing: border-box;
}

div.photo_list > ul > li .state.good {
    background-color: #11881f;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
}

/* 추천 */
div.photo_list > ul > li .state.good:before {
    content: '추천';
    display: block;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
}

div.photo_list > ul > li .pic {
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 30px;
    width: 250px;
    height: 170px;
    overflow: hidden;
    background: #e3e3e3 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 200px auto;
}

div.photo_list.curation > ul > li .pic {
    margin-right: 20px;
    width: 100px;
    height: auto;
}

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

div.photo_list > 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);
}

div.photo_list > ul > li > div {
    float: none;
    overflow: hidden;
    height: 100%;
    padding: 1rem 0 0 0
}

div.photo_list > ul > li div.contBox {
    /*margin:0 0 0 280px;*/
    padding: 0 0 0 0;
}

div.photo_list > ul > li div.contBox > span {
    display: block;
    margin: 0 0 .8rem 0;
    color: #f95c11;
    font-size: 1.5rem;
    font-weight: 500
}

div.photo_list > ul > li div.contBox > span i {
    position: relative;
    padding: 0 .7rem 0 0;
    color: #6d6c76;
    font-size: 1.7rem;
    font-weight: 500
}

div.photo_list > ul > li div.contBox > .farmName {
    display: block;
    margin: 0 0 .5rem 0;
    color: #f95c11;
    font-size: 1.5rem;
    font-weight: 500
}

div.photo_list > ul > li div.contBox > .farmName i {
    position: relative;
    padding: 0 .7rem 0 0;
    color: #6d6c76;
    font-size: 1.7rem;
    font-weight: 500
}

div.photo_list > ul > li div.contBox > strong {
    display: block;
    margin-bottom: .8rem;
    font-size: 2rem;
    color: #333;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.photo_list.curation > ul > li div.contBox > strong {
    display: block;
    letter-spacing: -0.03em;
    margin-bottom: 0;
    font-size: 1.7rem;
    color: #333;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.photo_list > ul > li div.contBox > p.txt {
    font-size: 1.5rem;
    height: 66px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    line-height: 1.5;
}

div.photo_list.curation > ul > li div.contBox > p.txt {
    display: none;
}

div.photo_list > ul > li div.contBox > .date {
    position: absolute;
    right: 1.2rem;
    bottom: 1.2rem;
    color: #8e8e8e;
    font-weight: 400;
    font-size: 1.5rem;
}

div.photo_list.curation > ul > li div.contBox > .itemBox {
    position: relative;
    display: block;
}

/* date,hit box */
div.photo_list.curation > ul > li div.contBox > .itemBox > .date {
    position: relative;
    display: inline-block;
    color: #8e8e8e;
    font-weight: 400;
    font-size: 1.3rem;
    text-align: left;
    padding-right: .6rem;
    margin-right: .3rem;
}

div.photo_list.curation > ul > li div.contBox > .itemBox > .hit {
    position: relative;
    padding-left: 15px;
    font-size: 1.3rem;
}

div.photo_list.curation > ul > li div.contBox > .itemBox > .hit:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0px;
    width: 13px;
    height: 10px;
    background: url('/ps/img/cmmImg_2020/common/ico_hit.png') no-repeat center;
    vertical-align: middle;
}

div.photo_list.curation > ul > li div.contBox > .itemBox > .hit em {
    margin-left: 5px;
    padding: 0 1px;
    color: rgba(0,0,0,1);
}

div.photo_list.curation > ul > li div.contBox > .itemBox > .date:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #ddd;
    width: 1px;
    height: 10px;
}

/* 이달의농업기술:추천 */
div.photo_list.curation div.goodCont {
    clear: both;
    position: relative;
    overflow: hidden;
    display: block;
    padding: 1.5rem;
    margin-bottom: 30px;
    min-height: 200px;
}

div.photo_list.curation div.goodCont a {
    display: block;
}

div.photo_list.curation div.goodCont:hover {
    background: #f7f7f7;
}

div.photo_list.curation div.goodCont a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #11881f;
}

div.photo_list.curation div.goodCont .state {
    position: absolute;
    right: 1.5rem;
    top: 0;
    width: 40px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
}

div.photo_list.curation div.goodCont .state:after {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    border-right: 20px solid transparent;
    border-top: 12px solid #146ea3;
    border-left: 20px solid transparent;
    content: "";
    box-sizing: border-box;
}

div.photo_list.curation div.goodCont .state.good {
    background-color: #11881f;
    background-image: linear-gradient(180deg,#11881f,#156da9);
}

/* 추천 */
/*div.photo_list.curation div.goodCont .state.good:before {content:'추천';display:block;color:#fff;font-size:13px;text-align:center;}*/
div.photo_list.curation div.goodCont .pic {
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 30px;
    width: 260px;
    height: auto;
    overflow: hidden;
    background: #e3e3e3 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 200px auto;
}

div.photo_list.curation div.goodCont .pic img {
    width: 100%;
    height: 100%;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}

div.photo_list.curation div.goodCont .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);
}

div.photo_list.curation div.goodCont div.contBox > strong {
    display: block;
    letter-spacing: -0.03em;
    padding-top: .4rem;
    margin-bottom: .5rem;
    padding-right: 60px;
    font-size: 2rem;
    color: #333;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.photo_list.curation div.goodCont div.contBox > p.txt {
    font-size: 1.5rem;
    height: 66px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    line-height: 1.5;
}

div.photo_list.curation div.goodCont div.contBox > .itemBox {
    position: absolute;
    display: block;
    right: 1.5rem;
    bottom: 1.5rem;
}

/* date,hit box */
div.photo_list.curation div.goodCont div.contBox > .itemBox > .date {
    position: relative;
    display: inline-block;
    color: #8e8e8e;
    font-weight: 400;
    font-size: 1.3rem;
    text-align: left;
    padding-right: .6rem;
    margin-right: .3rem;
}

div.photo_list.curation div.goodCont div.contBox > .itemBox > .hit {
    position: relative;
    padding-left: 15px;
    font-size: 1.3rem;
}

div.photo_list.curation div.goodCont div.contBox > .itemBox > .hit:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0px;
    width: 13px;
    height: 10px;
    background: url('/ps/img/cmmImg_2020/common/ico_hit.png') no-repeat center;
    vertical-align: middle;
}

div.photo_list.curation div.goodCont div.contBox > .itemBox > .hit em {
    margin-left: 5px;
    padding: 0 1px;
    color: rgba(0,0,0,1);
}

div.photo_list.curation div.goodCont div.contBox > .itemBox > .date:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #ddd;
    width: 1px;
    height: 10px;
}

/* 포토갤러리형 */
div.gallary_list {
}

div.gallary_list ul {
    clear: both;
    margin: -.8%
}

div.gallary_list ul:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: '';
}

div.gallary_list li {
    float: left;
    width: 25%;
    height: auto;
    padding: .8%;
}

div.gallary_list li .pic {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 61%;
    overflow: hidden;
    background: #e3e3e3 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 250px auto;
}

div.gallary_list.column li .pic {
    padding-bottom: 56%;
}

div.gallary_list.event li .pic {
    padding-bottom: 56%;
}

div.gallary_list.curation li .pic {
    height: 150px;
    padding-bottom: inherit;
}

div.gallary_list li .pic img {
    width: 100%;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}

div.gallary_list.curation li .pic img {
    height: inherit;
    object-fit: cover;
}

div.gallary_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);
}

div.gallary_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
}

div.gallary_list.event li .pic em {
    padding: 0;
}

/*고정사이즈 div.gallary_list li .pic em:after {content: '';position:absolute;left:0;bottom: -14px;border-left: 0 solid transparent;border-right: 46px solid transparent;border-top: 14px solid #fff;border-top-color: #ee5f4a;}*/
div.gallary_list li a {
    position: relative;
    display: block;
    /* border: 1px solid #e3e3e3; */
}

div.gallary_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);
}

div.gallary_list li a:hover {
    background: #f7f7f7;
}

div.gallary_list > ul > li div.contBox {
    position: relative;
    padding: 1.6rem;
}

div.gallary_list > ul > li div.contBox > label {
    display: block;
    margin: 0 0 .3rem 0;
    color: #f95c11;
    font-size: 1.5rem;
    font-weight: 500
}

div.gallary_list > ul > li div.contBox > label i {
    position: relative;
    padding: 0 .5rem 0 0;
    color: #6d6c76;
    font-size: 1.5rem;
    font-weight: 500
}

div.gallary_list > ul > li div.contBox > strong {
    display: block;
    margin-bottom: .5rem;
    
    color: #333;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.gallary_list#photoGaly > ul > li div.contBox > strong {
    text-overflow: inherit;
    overflow: inherit;
    white-space: inherit
}

div.gallary_list#photoGaly li a {
    min-height: 268px
}

div.gallary_list.curation > ul > li div.contBox > strong {
    white-space: inherit;
    height: 56px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

div.gallary_list.event > ul > li div.contBox > strong {
    white-space: inherit;
    height: 56px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

div.gallary_list > ul > li div.contBox > p.txt {
    font-size: 1.5rem;
    margin-bottom: .4rem;
    height: 44px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

div.gallary_list.curation > ul > li div.contBox > p.txt {
    display: none;
}

div.gallary_list > ul > li div.contBox > .date {
    position: relative;
    color: #8e8e8e;
    font-weight: 400;
    font-size: 1.3rem;
    display: block;
    text-align: right;
}

div.gallary_list.curation > ul > li div.contBox > .itemBox {
    position: relative;
    display: block;
}

/* date,hit box */
div.gallary_list.curation > ul > li div.contBox > .itemBox > .date {
    position: relative;
    display: inline-block;
    color: #8e8e8e;
    font-weight: 400;
    font-size: 1.3rem;
    text-align: left;
}

div.gallary_list.curation > ul > li div.contBox > .itemBox > .hit {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-left: 15px;
    font-size: 1.3rem;
}

div.gallary_list.curation > ul > li div.contBox > .itemBox > .hit:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0px;
    width: 13px;
    height: 10px;
    background: url('/ps/img/cmmImg_2020/common/ico_hit.png') no-repeat center;
    vertical-align: middle;
}

div.gallary_list.curation > ul > li div.contBox > .itemBox > .hit em {
    margin-left: 5px;
    padding: 0 1px;
    color: rgba(0,0,0,1);
}

div.gallary_list.column > ul > li div.contBox > .date {
    text-align: left;
}

div.gallary_list > ul > li div.contBox > .usrNm {
    position: absolute;
    right: 1.6rem;
    bottom: 1.6rem;
    color: #2159b3;
    font-weight: 500;
    font-size: 1.3rem;
    text-align: right;
}

div.gallary_list.event > ul > li div.contBox > .staTe {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    color: #2159b3;
    font-size: 1.3rem;
    text-align: right;
}

div.gallary_list.event > ul > li div.contBox > .staTe.ing {
    background: #2159b3;
    background: linear-gradient(to right,#18a3c2,#2159b3);
    color: #fff;
    padding: 1px .6rem;
    border-radius: 30px;
}

/* 진행중 */
div.gallary_list.event > ul > li div.contBox > .staTe.ing:before {
    content: '진행중';
    display: block;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
}

div.gallary_list.event > ul > li div.contBox > .staTe.end {
    color: #fff;
    background: #6d6c76;
    padding: 1px .6rem;
    border-radius: 30px;
}

/* 종료 */
div.gallary_list.event > ul > li div.contBox > .staTe.end:before {
    content: '종료';
    display: block;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
}

div.gallary_list.band > ul > li {
    position: relative;
}

div.gallary_list.column > ul > li {
    position: relative;
}

div.gallary_list > ul > li div.contBox > .date {
    text-align: left;
}

div.gallary_list.band a.goBand {
    position: absolute;
    right: 1.4rem;
    bottom: 1.4rem;
    z-index: 9;
    width: 34px;
}

div.gallary_list.band a.goBand:before {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 0;
    background-image: url('/ps/img/cmmImg_2020/common/ico_band.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 34px 34px;
    border-radius: 50%;
}

div.gallary_list.band a.goBand:after {
    content: none;
}

div.gallary_list.band a.goBand:hover {
    background: transparent;
}

/* 이달의농업기술:추천 */
div.gallary_list.curation li.goodCont {
    width: 50%;
}

div.gallary_list.curation li.goodCont a {
    position: relative;
    max-height: 267px;
    overflow: hidden;
}

div.gallary_list.curation li.goodCont a:hover {
    -webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.3);
}

div.gallary_list.curation li.goodCont a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #11881f;
}

div.gallary_list.curation li.goodCont .pic {
    height: 268px;
}

div.gallary_list.curation li.goodCont .pic img {
    height: auto;
}

div.gallary_list.curation li.goodCont .state {
    position: absolute;
    left: 1rem;
    top: 0;
    width: 40px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
}

div.gallary_list.curation li.goodCont .state:after {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    border-right: 20px solid transparent;
    border-top: 12px solid #146ea3;
    border-left: 20px solid transparent;
    content: "";
    box-sizing: border-box;
}

div.gallary_list.curation li.goodCont .state.good {
    background-color: #11881f;
    background-image: linear-gradient(180deg,#11881f,#156da9);
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    line-height: 35px;
    display: block;
    height: 35px
}

/*div.gallary_list.curation li.goodCont .state.good {background-color: #11881f;background-image: linear-gradient(180deg,#11881f,#156da9);} /* 추천 */
/*div.gallary_list.curation li.goodCont .state.good:before {content:'추천';display:block;color:#fff;font-size:13px;text-align:center;}*/
div.gallary_list.curation > ul > li.goodCont div.contBox {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.56);
}

div.gallary_list.curation > ul > li.goodCont div.contBox > strong {
    color: #fff;
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.gallary_list.curation > ul > li.goodCont div.contBox > p.txt {
    display: block;
    display: -webkit-box;
    margin-bottom: 0;
    color: rgba(255,255,255,0.65);
}

div.gallary_list.curation > ul > li.goodCont div.contBox > .itemBox {
    display: none;
}

/* 현장전문가칼럼:전문가 */
div.gallary_list.column a.exusrNm {
    position: absolute;
    right: 1.4rem;
    bottom: 1.5rem;
    display: flex;
    padding: 3px .8rem 3px .5rem;
    height: 26px;
    border-radius: 30px;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -.05rem;
    background: #7f7f7f;
    z-index: 9;
}

div.gallary_list.column a.exusrNm:before {
    content: '';
    display: inline-block;
    width: 24px;
    border-radius: 0;
    background-image: url('/ps/img/cmmImg_2020/common/ico_exusrNm.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 16px auto;
}

div.gallary_list.column a.exusrNm:after {
    content: none;
}

div.gallary_list.column a.exusrNm:hover {
    background: #2159b3;
    background: linear-gradient(to right,#18a3c2,#2159b3)
}


/*카드뉴스*/
div.gallary_list.cardNews li{
	width:33.3%;
}
div.gallary_list.cardNews li .pic{
	padding-bottom:90%;
}
div.gallary_list.cardNews > ul > li div.contBox > strong {
    white-space: inherit;
    height: 54px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}


/*농업인경진대회*/
div.gallary_list.smartFA li{
	width:33.3%;
}
div.gallary_list.smartFA li .pic{

	padding-bottom:0;
	height:300px;
	max-height:300px;
	display:flex;
}
div.gallary_list.smartFA > ul > li div.contBox > strong {
    white-space: inherit;
    height: 54px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}
div.gallary_list.smartFA > ul > li div.contBox > .data {
    position: relative;
    color: #8e8e8e;
    font-weight: 400;
    font-size: 1.5rem;
    display: block;
    text-align: right;
}

div.gallary_list.smartFA > ul > li div.contBox > .vodBtn {
    color: #FFF;
	font-weight: 500;
	font-size: 1.5rem;
	text-align: center;
	text-decoration: underline;
	margin: 1.6rem auto 0;
	display: block;
	background: #1973bf;
	border-radius: .4rem;
	padding: .4rem 1.6rem;

}






/* 동영상형 */
.section_vMain {
    display: block;
    position: relative;
    margin-bottom: 2rem;
}

.section_vSub {
    display: block;
    position: relative;
    margin-bottom: 2rem;
}

div.vod_list {
}

div.vod_list ul {
    clear: both;
    margin: -.8%
}

div.vod_list ul:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: '';
}

div.vod_list li {
    float: left;
    width: 33.333%;
    height: auto;
    padding: .8%;
}

div.vod_list li .pic {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    overflow: hidden;
    background: #e3e3e3 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 250px auto;
}

div.vod_list li .pic:after {
    content: '';
    display: block;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url('/ps/img/cmmImg_2020/common/icon_vod.png') center no-repeat;
    border-radius: 50%;
}

div.vod_list li .pic img {
    width: 100%;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}

div.vod_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);
}

div.vod_list li a {
    display: block;
}

div.vod_list li a:hover {
}

div.vod_list > ul > li div.contBox {
    padding: 1rem;
    /*border:1px solid #e3e3e3;border-top:0;*/
}

div.vod_list > ul > li div.contBox > strong {
    display: block;
    letter-spacing: -0.05em;
    margin-bottom: .3rem;
    
    color: #333;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.vod_list > ul > li div.contBox > p.txt {
    font-size: 1.5rem;
    margin-bottom: .4rem;
    height: 44px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

div.vod_list > ul > li div.contBox > .organ {
    position: relative;
    color: #aeaeae;
    font-weight: 400;
    font-size: 1.3rem;
    display: block;
    text-align: right;
}

div.vod_list > ul > li div.contBox > .hit {
    position: relative;
    padding-left: 15px;
    font-size: 1.3rem;
}

div.vod_list > ul > li div.contBox > .hit:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0px;
    width: 13px;
    height: 10px;
    background: url('/ps/img/cmmImg_2020/common/ico_hit.png') no-repeat center;
    vertical-align: middle;
}

div.vod_list > ul > li div.contBox > .hit em {
    margin-left: 5px;
    padding: 0 1px;
    color: rgba(0,0,0,1);
}

/* zoom */
.zoom {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.zoom a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.zoomMov {
    position: absolute !important;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.zoomMov a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.section_vMain .vod_list > ul > li:nth-child(4) {
    display: none;
}

.section_vMain .btnMore {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    text-indent: 100%;
    overflow: hidden;
}

.section_vMain .btnMore span {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    left: -99999999999999999px;
    font-size: 0;
}

.section_vMain .btnMore:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 2px;
    background: #b4b4b4;
    margin: -1px 0 0 -7px;
}

.section_vMain .btnMore:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2px;
    height: 14px;
    background: #b4b4b4;
    margin: -7px 0 0 -1px;
}

/* book */
div.book_list {
}

div.book_list ul {
    clear: both;
    margin: -1%
}

div.book_list ul:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: '';
}

div.book_list li {
    float: left;
    width: 16.666%;
    height: auto;
    padding: 1%;
}

div.book_list li .pic {
    display: block;
    position: relative;
    width: 100%;
    height: 260px;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    background: #e3e3e3 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 200px auto;
}

div.book_list li .pic img {
    display: block;
    width: 100%;
    height: 100%;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}

div.book_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);
}

div.book_list li a {
    position: relative;
    display: block;
}

div.book_list li a:hover {
}

div.book_list > ul > li div.contBox {
    padding: .6rem 0;
    /*border:1px solid #e3e3e3;border-top:0;*/
}

div.book_list > ul > li div.contBox > strong {
    display: block;
    letter-spacing: -0.05em;
    margin-bottom: .3rem;
    font-size: 1.5rem;
    color: #333;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.book_list > ul > li div.contBox > p.txt {
    font-size: 1.5rem;
    margin-bottom: .4rem;
    max-height: 44px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

/* 간행물 */
div.paper_list {
}

div.paper_list ul {
    clear: both;
    margin: -1%
}

div.paper_list ul:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: '';
}

div.paper_list li {
    float: left;
    width: 20%;
    height: auto;
    padding: 1%;
}

div.paper_list li a {
    display: block;
    border: 1px solid #dcdcdc;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #fff;
}

div.paper_list li a:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: url("/ps/img/cmmImg_2020/common/thum_over.png") 50% 87px no-repeat;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

div.paper_list li a .pic {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 85%;
    overflow: hidden;
}

div.paper_list li a .pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;
}

div.paper_list li a .contBox {
    border-top: 1px solid #dcdcdc;
    text-align: center;
    margin: 0 1rem;
    width: calc(100% - 2rem);
    /* height: 50px; */
    display: block;
    padding: .7rem 0;
}

div.paper_list li a .contBox p.txt {
    font-size: 1.5rem;
    vertical-align: middle;
    -ms-word-break: keep-all;
    word-break: keep-all;
    font-weight: 500;
    letter-spacing: -0.05em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.paper_list li a:hover {
    border-color: #00ac4f;
    -webkit-box-shadow: 10px 10px 21px -5px rgba(0,0,0,0.27);
    -moz-box-shadow: 10px 10px 21px -5px rgba(0,0,0,0.27);
    box-shadow: 10px 10px 21px -5px rgba(0,0,0,0.27);
}

div.paper_list li a:hover:before {
    opacity: 1;
}

/* 간행물2 */
div.publical_list {
}

div.publical_list ul {
    clear: both;
    margin: -1.5%
}

div.publical_list ul:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: '';
}

div.publical_list li {
    float: left;
    width: 20%;
    height: auto;
    padding: 1.5%;
}

div.publical_list li a {
    display: block;
    position: relative;
}

div.publical_list li a .pic {
    display: block;
    position: relative;
    border: 1px solid #dcdcdc;
    padding: 6px;
    width: 100%;
    height: 282px;
    overflow: hidden;
}

div.publical_list li a .pic img {
    display: block;
    width: 100%;
    height: 100%;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}

div.publical_list li a .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);
}

div.publical_list li a .contBox {
    text-align: center;
    display: block;
    padding: .6rem;
}

div.publical_list li a .contBox p.txt {
    text-align: left;
    font-size: 1.5rem;
    height: 48px;
    -ms-word-break: keep-all;
    word-break: keep-all;
    font-weight: 500;
    letter-spacing: -0.05em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 간행물3 */

div.pubData_list ul:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: '';
}

div.pubData_list li {
    float: left;
    width: 20%;
    height: auto;
    padding: .5%;
}

div.pubData_list li .inBox {
    display: block;
    /* border: 1px solid #ececec; */
    position: relative;
    background-color: #fff;
    overflow: hidden;
    padding: 1.5rem .6rem;
    box-sizing: border-box;
    border-radius: .5rem;
}

div.pubData_list li .pic {
    position: relative;
    display: inline-block;
    float: left;
    width: 190px;
    height: auto;
    min-height: 252px;
    max-height: 252px;
    vertical-align: top;
    background: #ddd url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 120px auto;
    z-index: 1;
    overflow: hidden;
    position: relative;
    background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
    border-radius: 0 4px 4px 0;
    box-shadow: 2px 3px 0px rgb(0 0 0 / 3%), 3px 2px 0px rgb(0 0 0 / 3%);
}

div.pubData_list li .pic:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0,0,0,.1);
    z-index: 1;
    border-radius: 0 4px 4px 0;
}

div.pubData_list li .pic:before {
    content: '';
    display: block;
    position: absolute;
    left: 3px;
    top: 1px;
    width: 100%;
    height: 98%;
    /* border: 1px solid rgba(0,0,0,.1); */
    z-index: -1
}

div.pubData_list li .pic img {
    width: 100%;
    min-height: 252px;
    max-height: 252px;
}

div.pubData_list li > div {
    float: none;
    overflow: hidden;
    height: 100%;
    padding: 1rem 0 0 0
}

div.pubData_list li div.contBox {
    /* margin:0 0 0 114px; */
    display: inline-block;
    /* width: calc(100% - 140px); */
    margin-top: 10px;
    box-sizing: border-box;
}

div.pubData_list li div.contBox > strong {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 45px;
    letter-spacing: -0.03em;
    margin-bottom: .8rem;
    font-size: 1.7rem;
    color: #333;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    line-height: 1.3;
}

div.pubData_list li div.contBox .btnArea {
    /* position:absolute; */
    /* margin: 0; */
    /* right: 1rem; */
    /* bottom: 1.2rem; */
    text-align: center;
}

div.pubData_list li div.contBox .btnArea .btn {
    display: block;
    font-size: 1.3rem;
    min-width: 80px;
    height: 30px;
    line-height: 28px;
    margin: 3px auto;
    padding: 0 20px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.5s;
}

/* boxList_공공Data활용기관 */
div.box_list {
}

div.box_list ul {
    overflow: hidden;
    margin: -.5%;
}

div.box_list li {
    position: relative;
    float: left;
    width: 33.333%;
    padding: .5%;
}

div.box_list li a, .box_list li span {
    display: block;
    padding: 0 1rem;
    background: #fff;
    border: 1px solid #d4d4d4;
    font-size: 1.5rem;
    height: 45px;
    line-height: 43px;
    color: #555;
    text-align: center;
    white-space: nowrap;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    letter-spacing: -0.05em;
    transition: 0.5s;
}

div.box_list li a:hover {
    color: #fff;
    background: #156da9;
    border: 1px solid #156da9;
}

/* 지역 브랜드,특산물,음식 */
div.data_list {
}

div.data_list ul {
    clear: both;
    margin: -1%
}

div.data_list ul:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: '';
}

div.data_list li {
    float: left;
    width: 33.333%;
    height: auto;
    padding: 1%;
}

div.data_list.area li {
    width: 20%;
}

div.data_list.photo li {
    width: 25%;
}

div.data_list.fSite li {
    width: 50%;
}

div.data_list li .inBox {
    display: block;
    border: 1px solid #ececec;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    padding: 1.2rem 1rem;
    box-sizing: border-box;
    border-radius: .5rem;
}

div.data_list.area li .inBox {
    padding: 1.6rem;
}

div.data_list.photo li .inBox {
    padding: 1.6rem;
    max-height: 290px;
    min-height: 210px;
}

div.data_list.photo.food li .inBox {
    padding: 1.6rem;
    max-height: 300px;
    min-height: 300px;
}

div.data_list.fSite li .inBox {
    padding: 1.9rem;
}

div.data_list li a.inBox {
    width: 100%;
    border: 1px solid #e3e3e3;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    min-height: 140px;
}

div.data_list li a.inBox:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

div.data_list li a.inBox:hover {
    border: 1px solid;
    border-color: #00ac4f;
    -webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.15);
}

div.data_list li a.inBox:hover:after {
    opacity: 1;
}

div.data_list li .pic {
    display: inline-block;
    /* position: absolute; */
    float: left;
    width: 100px;
    height: auto;
    min-height: 90px;
    max-height: 100px;
    vertical-align: top;
    overflow: hidden;
    background: #fff url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 120px auto;
}

div.data_list.fSite li .pic {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px;
    min-height: inherit;
    max-height: inherit;
    border-radius: 2%;
    background: #f6f6f6 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 100px auto;
    -webkit-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.15);
}

div.data_list.photo li .pic {
    background: #eee url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    background-size: 150px auto;
}

div.data_list li .pic img {
    width: 100%;
    /* display: flex; */
    /* justify-content: center; */
}

div.data_list.fSite li .pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    max-width: 1000%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

div.data_list.area li .pic {
    position: relative;
    display: block;
    float: none;
    width: 100%;
    min-height: 101px;
    max-height: 101px;
}

div.data_list.area li .pic em {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    padding: 0 .6rem;
    font-size: 1.3rem;
    background: rgba(0,0,0,0.5);
    font-weight: 500;
    letter-spacing: -.03em;
}

div.data_list.photo li .pic {
    position: relative;
    display: block;
    float: none;
    width: 100%;
    min-height: 120px;
    max-height: 120px;
    /* display: flex; */
    /* justify-content: center; */
    display: flex;
    justify-content: center;
    align-items: center;
}

#gardenPlant div.data_list.photo li .pic {
    max-height: 150px;
}

div.data_list.photo li .pic em {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    padding: 0 .6rem;
    font-size: 1.3rem;
    background: rgba(0,0,0,0.5);
    font-weight: 500;
    letter-spacing: -.03em;
}

div.data_list li > div {
    float: none;
    overflow: hidden;
    height: 100%;
    padding: 1rem 0 0 0
}

div.data_list li div.contBox {
    /* margin:0 0 0 114px; */
    display: inline-block;
    width: calc(100% - 120px);
    margin-left: 20px;
    box-sizing: border-box;
}

div.data_list.area li div.contBox {
    display: block;
    width: 100%;
    margin-left: 0;
}

div.data_list.photo li div.contBox {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 5px;
}

div.data_list li div.contBox dl.list-type01 {
    overflow: hidden;
}

div.data_list li div.contBox dl.list-type01 dt {
    position: relative;
    display: block;
    margin: .3rem 0;
    font-weight: 500;
    color: #333;
    letter-spacing: -.03em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.data_list.fSite li div.contBox dl.list-type01 dt {
    font-size: 1.8rem;
    margin: .2rem 0 .1rem ;
}

div.data_list.area li div.contBox dl.list-type01 dt {
    height: 44px;
    margin: .5rem 0 ;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

div.data_list.photo li div.contBox dl.list-type01 dt {
    margin: .5rem 0 ;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

div.data_list li div.contBox dl.list-type01 dt span {
    display: inline-block;
    border-radius: 20px;
    padding: 0 .6rem;
    margin-right: 5px;
    font-size: 1.3rem;
    
    letter-spacing: -.03em;
    color: #fff;
    background-color: #11881f;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
}

div.data_list li div.contBox dl.list-type01 dd {
    position: relative;
    font-size: 1.3rem;
    
    padding: .1rem .5rem;
    color: #676767;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.data_list.fSite li div.contBox dl.list-type01 dd {
    display: block;
    font-size: 1.5rem;
    padding: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-height: 62px;
    white-space: normal
}

div.data_list.photo li div.contBox dl.list-type01 dd {
    position: relative;
    font-size: 1.3rem;
    
    padding: .1rem .5rem;
    color: #676767;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.data_list.photo li div.contBox dl.list-type01 dd.mult {
    position: relative;
    font-size: 1.3rem;
    
    padding: .1rem .5rem;
    color: #676767;
    overflow: hidden;
}

div.data_list li div.contBox dl.list-type01 dd:before {
    display: block;
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #11881f;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.data_list.fSite li div.contBox dl.list-type01 dd:before {
    content: none;
}

div.data_list.fSite li > a > i {
    display: block;
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 32px;
    height: 32px;
    text-indent: 100%;
    font-size: 0px;
    background: #e3e3e3;
    transition: all .2s ease-out;
}

div.data_list.fSite li > a:hover > i {
    background: #2378c2;
    background-image: linear-gradient(40deg, #2378c2 20%, #00ac4f);
    background-image: -ms-linear-gradient(40deg, #2378c2 20%, #00ac4f);
    background-image: -webkit-linear-gradient(40deg, #2378c2 20%, #00ac4f);
    background-image: -moz-linear-gradient(40deg, #2378c2 20%, #00ac4f);
    background-image: -o-linear-gradient(40deg, #2378c2 20%, #00ac4f);
}

div.data_list.fSite li > a > i:before, div.data_list.fSite li > a > i:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px -5px 0;
    width: 10px;
    height: 2px;
    background-color: #fff;
}

div.data_list.fSite li > a > i:after {
    margin: -6px 0 0 -1px;
    width: 2px;
    height: 10px;
}

#gardenPlant div.data_list li div.contBox dl.list-type01 dt span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: inherit;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    width: 100%;
}

/* 게시판 페이징 */
div.paging {
    margin: 2rem 0;
    font-size: 0;
    text-align: center;
}

div.paging>a {
    display: inline-block;
    width: 25px;
    height: 35px;
    line-height: 35px;
    margin: 0 2px;
    position: relative;
}

div.paging>a span {
    width: 25px;
    height: 25px;
    margin: -12px 0 0 -12px;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url('/ps/img/cmmImg_2020/common/paging_nav.png');
    background-repeat: no-repeat;
    background-size: 100px 25px;
    opacity: .4;
}

div.paging>a.prev span, div.paging > a.next span {
    background-position: -25px 0;
}

div.paging>a.first span, div.paging > a.last span {
    background-position: 0 0;
}

div.paging>a.next span, div.paging > a.last span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

div.paging>a:hover span {
    opacity: 1;
}

div.paging>a:last-child {
    margin-right: 0;
}

div.paging ul {
    display: inline-block;
    margin: 0 6px;
    vertical-align: top;
}

div.paging ul li {
    display: inline-block;
    margin: 0 3px;
}

div.paging ul li a {
    display: block;
    font-size: 1.7rem;
    padding: .5rem .8rem;
    line-height: 1.2;
    text-align: center;
    border-radius: 4px;
}

div.paging ul li a:hover {
    text-decoration: underline;
    color: #000;
    background-color: #eee;
}

div.paging ul li span {
    display: block;
    font-size: 1.7rem;
    padding: .5rem .8rem;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background-color: #6d6c76;
}

/* 페이징 처리 old */
.page-area {
    clear: both;
    text-align: center;
    margin: 2rem 0;
    position: relative;
    bottom: 0;
}

.page-area a, .page-area span {
    display: inline-block;
    vertical-align: top
}

.page-area span {
    margin-left: 0;
}

.page-area span a {
    font-size: 14px!important;
    /* border: solid 1px #c8c8c8; */
    border: none!important;
    color: #323232;
    min-width: 35px!important;
    min-height: 35px;
    font-size: 1.5rem;
    padding: .5rem .8rem!important;
    line-height: 1.2!important;
    border-radius: 4px;
}

.page-area span.on a {
    font-weight: normal!important;
    /* border: 1px solid #616161; */
    background: #6d6c76;
    color: #fff;
}

.page-area span a:hover {
    text-decoration: underline;
    color: #000;
    background-color: #eee;
}

.page-area span.on a:hover {
    text-decoration: underline;
    background: #6d6c76;
    color: #fff;
}

.page-area .first, .page-area .prev, .page-area .next, .page-area .last {
    width: 25px;
    height: 35px;
    line-height: 35px;
    margin: 0 2px;
    font-size: 0;
    padding: 0;
    text-indent: -999999px;
    background-image: url('/ps/img/cmmImg_2020/common/paging_nav.png')!important;
    background-repeat: no-repeat;
    background-size: 100px 25px;
    opacity: .4;
}

.page-area a.first {
    background-position: 0 5px!important;
}

.page-area a.first:hover {
    opacity: 1;
}

.page-area a.prev {
    background-position: -25px 5px!important;
}

.page-area a.prev:hover {
    opacity: 1;
}

.page-area .end {
    background: none;
}

.page-area .next {
    background-position: -50px 5px!important;
}

.page-area a.next:hover {
    opacity: 1;
}

.page-area a.last {
    background-position: -75px 5px!important;
}

.page-area a.last:hover {
    opacity: 1;
}

/*첨부파일 아이콘*/
.icon-set02 a {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-decoration: none;
    vertical-align: sub;
    text-indent:-999em;
}

/*미리보기 버튼*/
.icon-set02 .ico00, .icon-set02 .ico00:hover {
    background: url('/ps/img/cmmImg_2020/file/iconFile_view.png') no-repeat 0 0;
}

/*pdf파일 다운버튼*/
.icon-set02 .ico01, .icon-set02 .ico01:hover {
    background: url('/ps/img/cmmImg_2020/file/iconFile_pdf.png') no-repeat 0 0;
}

/*hwp파일 다운버튼*/
.icon-set02 .ico02, .icon-set02 .ico02:hover {
    background: url('/ps/img/cmmImg_2020/file/iconFile_hwp.png') no-repeat 0 0;
}

/*xls파일 다운버튼*/
.icon-set02 .ico03, .icon-set02 .ico03:hover {
    background: url('/ps/img/cmmImg_2020/file/iconFile_xls.png') no-repeat 0 0;
}
/*odc파일 다운버튼*/
.icon-set02 .ico04, .icon-set02 .ico04:hover {
    background: url('/ps/img/cmmImg_2020/file/iconFile_doc.png') no-repeat 0 0;
}
/*ppt파일 다운버튼*/
.icon-set02 .ico05, .icon-set02 .ico05:hover {
    background: url('/ps/img/cmmImg_2020/file/iconFile_ppt.png') no-repeat 0 0;
}

/*txt파일 다운버튼*/
.icon-set02 .ico06, .icon-set02 .ico06:hover {
    background: url('/ps/img/cmmImg_2020/file/iconFile_txt.png') no-repeat 0 0;
}

/*etc파일 다운버튼*/
.icon-set02 .ico07, .icon-set02 .ico07:hover {
    background: url('/ps/img/cmmImg_2020/file/iconFile_etc.png') no-repeat 0 0;
}

/*jpg파일 다운버튼*/
.icon-set02 .ico08, .icon-set02 .ico08:hover {
    background: url('/ps/img/cmmImg_2020/file/iconFile_jpg.png') no-repeat 0 0;
}

/*png파일 다운버튼*/
.icon-set02 .ico09, .icon-set02 .ico09:hover {
    background: url('/ps/img/cmmImg_2020/file/iconFile_jpg.png') no-repeat 0 0;
}

/*zip파일 다운버튼*/
.icon-set02 .ico10, .icon-set02 .ico10:hover {
    background: url('/ps/img/cmmImg_2020/file/iconFile_zip.png') no-repeat 0 0;
}

/*zip파일 다운버튼*/
/* 게시판 버튼 */
.btnArea {
    clear: both;
    overflow: hidden;
    text-align: center;
    margin: 45px 0 30px;
}

.careFarming>.sum_t_txt>.btnArea {
    text-align: left;
}

span.btnArea {
    display: inline-block;
    margin: 12px 0 12px;
    overflow: hidden;
    z-index:1;
}

span.btnArea .btn {
    display: inline-block;
    font-size: 1.5rem;
    letter-spacing: -0.03em;
    min-width: 100px;
    height: 36px;
    line-height: 34px;
    margin: 4px;
    padding: 0 12px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.5s;
}

.btnArea .btn {
    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;
}

.btnArea.sm {
    margin: 25px 0 15px;
}

.btnArea.sm .btn {
    min-width: 100px;
    height: 36px;
    line-height: 34px;
    font-size: 1.5rem;
}

.btnArea .btn.c1 {
    background-color: #3c3e45;
    border: 1px solid #3c3e45;
    font-weight: 400;
    color: #fff
}

.btnArea .btn.c1:hover {
    border: 1px solid #3c3e45;
    background-color: #fff;
    font-weight: 500;
    color: #3c3e45;
}

.btnArea .btn.c2 {
    background-color: #157941;
    border: 1px solid #157941;
    font-weight: 400;
    color: #fff
}

.btnArea .btn.c2:hover {
    border: 1px solid #157941;
    background-color: #fff;
    font-weight: 500;
    color: #157941;
}

.btnArea .btn.c3 {
    background-color: #1973bf;
    border: 1px solid #1973bf;
    font-weight: 400;
    color: #fff
}

.btnArea .btn.c3:hover {
    border: 1px solid #1973bf;
    background-color: #fff;
    font-weight: 500;
    color: #1973bf;
}

.btnArea .btn.c4 {
    background-color: #767676;
    border: 1px solid #767676;
    font-weight: 400;
    color: #fff
}

.btnArea .btn.c4:hover {
    border: 1px solid #767676;
    background-color: #fff;
    font-weight: 500;
    color: #767676;
}

.btnArea .btn.c5 {
    background-color: #2d3d53;
    border: 1px solid #2d3d53;
    font-weight: 400;
    color: #fff
}

.btnArea .btn.c5:hover {
    border: 1px solid #2d3d53;
    background-color: #fff;
    font-weight: 500;
    color: #2d3d53;
}

.btnArea .btn.c6 {
    background-color: #3f51b5;
    border: 1px solid #3f51b5;
    font-weight: 400;
    color: #fff
}

.btnArea .btn.c6:hover {
    border: 1px solid #3f51b5;
    background-color: #fff;
    font-weight: 500;
    color: #3f51b5;
}

.btnArea .btn.c7 {
    background-color: #ca4c07;
    border: 1px solid #ca4c07;
    font-weight: 400;
    color: #fff
}

.btnArea .btn.c7:hover {
    border: 1px solid #ca4c07;
    background-color: #fff;
    font-weight: 500;
    color: #ca4c07;
}

.btnArea .btn.c8 {
    background-color: #535353;
    border: 1px solid #535353;
    font-weight: 400;
    color: #fff
}

.btnArea .btn.c8:hover {
    border: 1px solid #535353;
    background-color: #fff;
    font-weight: 500;
    color: #535353;
}

.btnArea .btn.c9 {
    background-color: #06378e;
    border: 1px solid #06378e;
    font-weight: 400;
    color: #fff;
}

.btnArea .btn.c9:hover {
    border: 1px solid #535353;
    background-color: #fff;
    font-weight: 500;
    color: #06378e;
}

.btnArea .btn.c10 {
    color: #fff;
    background-color: #11881f;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
    border: 0;
    font-weight: 400;
}

.btnArea .btn.c10:hover {
    background-color: #11881f;
    font-weight: 500;
    color: #fff;
}

.btnArea .btn.line {
    border: 1px solid #666;
    background-color: #fff;
    color: #666
}

.btnArea .btn.line.c1 {
    border-color: #101010;
    color: #101010
}

.btnArea .btn.line.c2 {
    border-color: #3c3e45;
    color: #3c3e45
}

.btnArea .btn.line.c3 {
    border-color: #ca4c07;
    color: #ca4c07
}

.btnArea .btn.line.c4 {
    border-color: #1973bf;
    color: #1973bf
}

.btnArea .btn.line:hover {
    background-color: #f7faff;
}

.btnArea .btn.rud {
    border-radius: 30px;
}



.btnArea .pBtn {
    position: relative;
    display: inline-block;
    min-width: 140px;
    height: 46px;
    line-height: 44px;
    margin: 0 2px;
    padding: 0 44px 0 15px;
    border-radius: 4px;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: .2s;
    -webkit-transition: .2s;
}

.btnArea .pBtn.c1 {
    background-color: #673ab7;
    font-weight: 400;
    color: #fff
}

.btnArea .pBtn.c2 {
    background-color: #216bf3;
    font-weight: 400;
    color: #fff
}

.btnArea .pBtn.c3 {
    background: linear-gradient(135deg, #326dbd 35%, #26afb8);
    font-weight: 400;
    color: #fff
}

.btnArea .pBtn.c3:hover {
    background: #326dbd;
    color: #fff;
}

.btnArea .pBtn.c4 {
    background-color: #082590;
    font-weight: 400;
    color: #fff
}

.btnArea .pBtn.c5 {
    background-color: #550890;
    font-weight: 400;
    color: #fff
}

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

span.btnArea .lBtn {
    font-size: 1.5rem;
    min-width: 110px;
    height: 32px;
    line-height: 30px;
    padding: 0 12px;
    letter-spacing: -.05em;
}

span.btnArea .lBtn:hover {
    letter-spacing: -.05em;
}

.btnArea .lBtn.c1 {
    background-color: #3c3e45;
    border: 1px solid #3c3e45;
    font-weight: 400;
    color: #fff
}

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

.btnArea .lBtn.c2 {
    background-color: #157941;
    border: 1px solid #157941;
    font-weight: 400;
    color: #fff
}

.btnArea .lBtn.c2:hover {
    border: 1px solid #157941;
    background-color: #fff;
    color: #157941;
}

.btnArea .lBtn.c3 {
    background-color: #1973bf;
    border: 1px solid #1973bf;
    font-weight: 400;
    color: #fff
}

.btnArea .lBtn.c3:hover {
    border: 1px solid #1973bf;
    background-color: #fff;
    color: #1973bf;
}

.btnArea .lBtn.c4 {
    background-color: #767676;
    border: 1px solid #767676;
    font-weight: 400;
    color: #fff
}

.btnArea .lBtn.c4:hover {
    border: 1px solid #767676;
    background-color: #fff;
    color: #767676;
}

.btnArea .lBtn.c5 {
    background-color: #2d3d53;
    border: 1px solid #2d3d53;
    font-weight: 400;
    color: #fff
}

.btnArea .lBtn.c5:hover {
    border: 1px solid #2d3d53;
    background-color: #fff;
    color: #2d3d53;
}

.btnArea .lBtn.c6 {
    background-color: #3f51b5;
    border: 1px solid #3f51b5;
    font-weight: 400;
    color: #fff
}

.btnArea .lBtn.c6:hover {
    border: 1px solid #3f51b5;
    background-color: #fff;
    color: #3f51b5;
}

.btnArea .lBtn.c7 {
    background-color: #ca4c07;
    border: 1px solid #ca4c07;
    font-weight: 400;
    color: #fff
}

.btnArea .lBtn.c7:hover {
    border: 1px solid #ca4c07;
    background-color: #fff;
    color: #ca4c07;
}

.btnArea .lBtn.c8 {
    background-color: #535353;
    border: 1px solid #535353;
    font-weight: 400;
    color: #fff
}

.btnArea .lBtn.c8:hover {
    border: 1px solid #535353;
    background-color: #fff;
    color: #535353;
}

.btnArea .lBtn.c9 {
    background-color: #06378e;
    border: 1px solid #06378e;
    font-weight: 400;
    color: #fff;
}

.btnArea .lBtn.c9:hover {
    border: 1px solid #535353;
    background-color: #fff;
    color: #06378e;
}

.btnArea .lBtn.c10 {
    color: #fff;
    background-color: #11881f;
    background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);
    border: 0;
    font-weight: 400;
}

.btnArea .lBtn.c10:hover {
    background-color: #11881f;
    color: #fff;
}

.btnArea .lBtn.line {
    border: 1px solid #666;
    background-color: #fff;
    color: #666
}

.btnArea .lBtn.line.c1 {
    border-color: #101010;
    color: #101010
}

.btnArea .lBtn.line.c2 {
    border-color: #3c3e45;
    color: #3c3e45
}

.btnArea .lBtn.line.c3 {
    border-color: #ca4c07;
    color: #ca4c07
}

.btnArea .lBtn.line.c4 {
    border-color: #1973bf;
    color: #1973bf
}

.btnArea .lBtn.line:hover {
    background-color: #f7faff;
}

.btnArea .lBtn.rud {
    border-radius: 30px;
}

.btnArea .lBtn span, .btnArea .lBtn:hover span {
    letter-spacing: -.05em
}

.pBtn i.iCon {
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pBtn i.iCon.down {
    width: 18px;
    height: 15px;
    background-image: url('/ps/img/nongsaroAdd/careFarming/icDown.png');
    background-repeat: no-repeat;
}

.pBtn i.iCon.link {
    width: 18px;
    height: 16px;
    background-image: url('/ps/img/nongsaroAdd/careFarming/icLink.png');
    background-repeat: no-repeat;
}

.pBtn .icN {
    position: relative;
    display: inline-block;
}

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

.pBtn .icN:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 26px;
    height: 1px;
    background: #fff;
}

.bTnAaea {
    clear: both;
    position: relative;
    display: block;
    text-align: right;
    margin: 1rem 0;
}

.bTn {
    position: relative;
    display: inline-block;
    min-width: 180px;
    padding: 0 1rem;
    background: #fff;
    border: 1px solid #c4c4cc;
    font-size: 1.7rem;
    height: 45px;
    line-height: 43px;
    font-weight: 500;
    color: #555;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: 0.5s;
}

.bTn.rUd {
    min-width: 88px;
    padding: 0 1.6rem;
    height:3.4rem;
    font-size: 1.5rem;;
    line-height: 3rem;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    border: 1px solid #dddddd;
    background: #fff;
}

.bTn.rUd.xls {
    color: #232323;
    height: 36px;
    line-height: 31px;
    -webkit-border-radius: 32px;
}

.bTn.rUd.xls i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    margin-top: -2px;
    background: url('/ps/img/cmmImg_2020/file/iconFile_xlsx.png') no-repeat;
}

.bTn:active {
    background-color: #e9ebef;
}

.btn i.icon {
    display: inline-block;
    margin-left: 8px;
}

.btn i.icon.down {
    width: 9px;
    height: 10px;
    background-image: url('/ps/img/cmmImg_2020/common/ico_down.png');
    background-repeat: no-repeat;
}

.btn i.icon.downL {
    width: 19px;
    height: 15px;
    background-image: url('/ps/img/cmmImg_2020/common/icon_down.png');
    background-repeat: no-repeat;
    background-position: 0 -15px;
}

.btn:hover i.icon.down {
    background-position: 0 -10px;
}

.btn:hover i.icon.downL {
    background-position: 0 0;
}

.btn i.icon.good {
    width: 24px;
    height: 24px;
    background-image: url('/ps/img/cmmImg_2020/common/ico_good.png');
    background-repeat: no-repeat;
    vertical-align: text-top;
}

.btnArea .btn em {
    margin-left: 5px;
    font-weight: 500;
}

.btnArea .btn.recomm.active em {
    color: #c21818;
    background-color: #f7faff;
}

.btnArea .btn.active em {
    color: #c21818;
    background-color: #f7faff;
}

/* 사이트 바로가기 icon */
.btn .icN {
    position: relative;
    display: inline-block;
}

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

.btn .icN:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 26px;
    height: 1px;
    background: #fff;
}

.btn:hover .icN:before {
    background: #1973bf;
}

.btn:hover .icN:after {
    background: #1973bf;
}

span.btnArea .btn .icN:before {
    bottom: 16px;
}

/* 게시판_view  */
div.board_view #cu_wrap {
    margin: auto
}

div.board_view #curation {
    margin: auto
}

#cu_wrap * {
    box-sizing: inherit;
}

#cu_wrap .imgArea span {
    display: inline-block;
}

div.board_view .headerBox {
    position: relative;
}

div.board_view .headerBox {
    border-top: 2px solid #222;
    text-align: center;
}

div.board_view .headerBox .vSTitle {
    font-size: 1.5rem;
    color: #f7f7f7;
    font-weight: 500;
    padding: .4rem 1.6rem;
    border-radius: 0 0 4px 4px;
    background: #222222 url('/ps/img/cmmImg_2020/common/patt_box.png') repeat;
}

div.board_view .headerBox .vTitle {
    padding: 1.6rem 1.6rem 2rem;
    text-align: left;
}

div.board_view.spt .headerBox .vTitle {
    width: calc(100% - 150px);
}

div.board_view .headerBox .vTitle strong {
    font-size: 2.4rem;
    line-height: 1;
    color: #333;
    font-weight: 600;
    vertical-align: middle;
}

div.board_view.survey .headerBox .vTitle {
    padding: 1.2rem;
    display: inline-block;
    text-align: center;
}

div.board_view.survey .headerBox .vTitle strong {
    display: block;
    line-height: 1.4;
}

div.board_view.column .headerBox .vTitle {
    padding: 1.2rem;
    display: inline-block;
    text-align: center;
}

div.board_view.column .headerBox .vTitle strong {
    display: block;
    line-height: 1.4;
}

div.board_view.use .headerBox .vTitle strong {
    font-size: 1.9rem;
}

div.board_view.use .replyBox {
    margin-top: 30px;
    padding: 1.5rem;
    background: #f1f6fa;
}

div.board_view.use .replyBox .headerBox {
    border-top: 0;
}

div.board_view.use .replyBox .headerBox .vTitle {
    padding: 0 0 1rem 0;
}

div.board_view.use .replyBox .headerBox .vTitle strong {
    font-size: 1.7rem;
    font-weight: 500;
    line-height: inherit;
}

div.board_view .headerBox .period {
    display: inline-block;
    margin-top: 10px;
    padding: 0 1.6rem;
    background: #eee;
    border-radius: 30px;
    font-weight: 400;
    font-size: 1.5rem;
    color: #2159b3;
    font-weight: 500;
}

div.board_view .headerBox .vTitle em {
    display: inline-block;
    background: #ee5f4a;
    color: #fff;
    border-radius: 20px;
    margin-right: 6px;
    padding: .4rem 1.2rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    background-color: #11881f;
    background-image: linear-gradient(135deg,#11881f 10%,#156da9 90%);
}

div.board_view.band .headerBox .vTitle em {
    background-color: #ee5f4a;
    background-image: none;
}

div.board_view.data .headerBox .vTitle em {
    background-color: #2159b3;
    background-image: none;
}

div.board_view.use .headerBox .vTitle em {
    background-color: #ee5f4a;
    background-image: none;
}

div.board_view.use .replyBox .vTitle em {
    background-color: #2159b3;
    background-image: none;
}

div.board_view .headerBox .place {
    position: absolute;
    right: 1.6rem;
    display: table;
    top: 1.6rem;
    font-size: 1.3rem;
    color: #fff;
    background: #2055a3;
    padding: .5rem 1.6rem;
    font-weight: 500;
    border-radius: 20px;
}

div.board_view .headerBox .place:before {
    content: '';
    display: table-cell;
    width: 18px;
    height: 18px;
    border-radius: 0;
    background-image: url('/ps/img/cmmImg_2020/common/icon_place.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 14px auto;
}

div.board_view .headerBox .place span {
    margin-right: .5rem;
    font-size: 1.3rem;
    color: #676767;
}

div.board_view .headerBox .state {
    position: absolute;
    left: 1rem;
    top: -1rem;
    width: 60px;
    height: 55px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
}

div.board_view .headerBox .state:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-right: 30px solid transparent;
    border-bottom: 13px solid #fff;
    border-left: 30px solid transparent;
    content: "";
    box-sizing: border-box;
}

div.board_view .headerBox .state.column {
    background: #ee5f4a;
}

/* 현장 전문가 칼럼 */
div.board_view .headerBox .state.column:before {
    content: '';
    display: block;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
}

div.board_view .headerBox .state.standby {
    background: #2159b3;
}

/* 대기중 */
div.board_view .headerBox .state.standby:before {
    content: '대기중';
    display: block;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
}

div.board_view .headerBox .state.ing {
    background: #2159b3;
}

/* 진행중 */
div.board_view .headerBox .state.ing:before {
    content: '진행중';
    display: block;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
}

div.board_view .headerBox .state.end {
    background: #dadada;
}

/* 종료 */
div.board_view .headerBox .state.end:before {
    content: '종료';
    display: block;
    color: #555;
    font-size: 1.3rem;
    text-align: center;
}

div.board_view .vinfo {
    position: relative;
    overflow: hidden;
    padding: 1rem 0;
    border-top: 1px dashed #d7d9da;
    border-bottom: 1px solid #999;
    padding: 1rem 1.6rem;
    background: #f9f9f9;
}

div.board_view .vinfo ul {
    overflow: hidden;
    display: inline-block;
    float: left;
}

div.board_view .vinfo ul.rul {
    float: right;
}

div.board_view .vinfo li {
    position: relative;
    float: left;
    padding-right: 1.6rem;
    margin-right: 1.6rem;
    font-size: 1.5rem;
    color: #444;
}

div.board_view .vinfo li span {
    margin-right: .5rem;
    font-size: 1.5rem;
    color: #676767;
}

div.board_view .vinfo li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #ddd;
    width: 1px;
    height: 10px;
}

div.board_view .vinfo li:last-child {
    padding-right: 0;
    margin-right: 0;
}

div.board_view .vinfo li:last-child:after {
    content: none;
}

div.board_view.use .replyBox .vinfo {
    border-top: 0;
    border-bottom: 0;
    background: #fff;
}

div.board_view .contsBox {
    padding: 2rem 0;
    min-height: 350px;
}

div.board_view .contsBox .obj_cont {
    overflow-x: auto;
}

div.board_view .contsBox .content {
    overflow: hidden;
    padding: 20px 10px;
    vertical-align: top;
    border-bottom: 1px solid #e3e3e3;
}

div.board_view .contsBox .content p.tit {
    margin-bottom: 1rem;
}

div.board_view .contsBox .content strong, b {
    font-weight: 500;
}

div.board_view.band {
    border-bottom: 1px solid #4d4f57;
}

div.board_view.column {
    border-bottom: 1px solid #4d4f57;
}

div.board_view.use {
    border-bottom: 1px solid #4d4f57;
}

div.board_view.use .contsBox {
    min-height: auto;
}

div.board_view .contsBox pre {
    white-space: inherit;
}

div.board_view.use .contsBox pre {
    padding: 0 1rem;
}

div.board_view.use .replyBox .contsBox pre {
    padding: 0;
}

div.board_view.agree {
}

div.board_view.agree .headerBox {
    border-bottom: 1px dashed #d7d9da;
}

div.board_view.agree .agreementBox {
    font-size: 1.5rem;
    padding: 1rem 0;
    border-bottom: 1px solid #e3e3e3;
}

div.board_view.agree .agreementBox ul {
    padding: 1rem 2rem;
    background: #f9f9f9;
    margin-bottom: 1rem;
}

div.board_view.agree .agreementBox ul li {
    margin: 1rem 0;
}

div.board_view.agree .agreementBox ul li strong {
    display: block;
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 5px;
    color: #333;
}

div.board_view.agree .agreementBox ul li p {
    padding-left: 16px;
}


/* 카드뉴스상세 */
div.board_view.cardNews{

}
div.board_view.cardNews .contsBox {
    min-height: auto;
	padding:1rem 2rem;
}

div.board_view.cardNews cardNewsBox{
	position: relative;

}
div.board_view.cardNews .cardNewsBody{
	max-width: 80%;
	margin:0 auto;
}
div.board_view.cardNews .cardNewsSc{
}
div.board_view.cardNews .cardNewsBox a{
	display: none;
}
div.board_view.cardNews .cardNewsBox{
	position:relative;
}
div.board_view.cardNews .cardNewsBox a span{display:none;}
div.board_view.cardNews a:before{
	font-size:16px;
	font-weight:400;
	position:relative;
	display:inline-block;
	width:10px;
	padding:36px 0;
	margin:0 12px;
	text-align:center;
	color:#000;

}
div.board_view.cardNews .pre a:before{
	content: url('/ps/img/cmmImg_2020/common/linkgo.svg');
	float:left;
	transform:rotate(180deg);
}
div.board_view.cardNews .next a:before{
	content: url('/ps/img/cmmImg_2020/common/linkgo.svg');
	float:right;
}
div.board_view.cardNews .pre a{
	left: calc(50% - 398px);
	border: 1px solid #e5e5e5;
}
div.board_view.cardNews .pre a .preList, div.board_view.cardNews .next a .nextList{
	font-weight:400;
	font-size:1rem;
	line-height:1.7;
	height:95px;
	overflow:hidden;
	position:relative;
	width:0;
	transition:width .5s cubic-bezier(.1, .9, .2, 1);
}

div.board_view.cardNews .pre a:hover .preList, div.board_view.cardNews .next a:hover .nextList{
	width:400px;
	background: #FFF;
    padding: 0.3rem;
}
div.board_view.cardNews .next a{
	right:calc(50% - 397px);
	border: 1px solid #e5e5e5;
}
div.board_view.cardNews .pre dl dt, div.board_view.cardNews .next dl dt{
	width:90px;display:inline-block;
}
div.board_view.cardNews .pre dl dd, div.board_view.cardNews .next dl dd{
	display:inline-block;
	width: calc(100% - 110px);
    margin-left: 10px;
	vertical-align: top;
}


/* agreebox_cont - 개인정보 수집동의 */
.evtBox {
    display: none;
}

.evtBox.on {
    display: block;
}

.modal .modal-conts > .conts .agreebox_cont {
    padding: 0;
    background: transparent;
    border: 0;
}

.modal .modal-conts > .conts .agreebox_cont .dl-table dl.table-row dt {
    width: 20%;
    background: #f4f6f7;
}

.modal .modal-conts > .conts .agreebox_cont .enentAgree .agreeBox {
    background: #f7f7f7;
}

.agreebox_cont {
    padding: 2rem;
    background: #f8f9fa;
    font-size: 1.5rem;
    border: 1px dashed #d7d9da;
}

.agreebox_cont .svTit {
    display: block;
    padding: 0 0 11px 0;
    font-size: 19px;
    font-weight: 500;
    color: #333;
    letter-spacing: -1px;
}

.agreebox_cont .svTit span {
    display: inline-block;
    color: #b30006;
    font-size: 1.5rem;
    font-weight: 400;
}

.agreebox_cont .dl-table {
    background: #fff;
    margin-bottom: 30px
}

.agreebox_cont .dl-table dl.table-row dt {
    width: 16%;
    background: #fff;
}

.agreebox_cont .dl-table dl.table-row dd input[type='text'] {
    max-width: 280px;
    border-radius: 0;
}

.agreebox_cont .dl-table dl.table-row dd input[type='text']::-webkit-input-placeholder {
    
    font-size: 14px;
}

.agreebox_cont .dl-table dl.table-row dd input[type='text']:-moz-placeholder {
    
}

.agreebox_cont .dl-table dl.table-row dd input[type='text']::-moz-placeholder {
    
}

.agreebox_cont .dl-table dl.table-row dd input[type='text']:-ms-input-placeholder {
    
}

.agreebox_cont .eventForm .table-row {
    border-top: 2px solid #444;
    background: #fff;
    margin-bottom: 30px
}

.agreebox_cont .eventForm table.table-row th[scope="row"] {
    background: #fff;
}

.agreebox_cont .eventForm table.table-row input[type='text'] {
    max-width: 280px;
    border-radius: 0;
}

.agreebox_cont .eventForm table.table-row input[type='password'] {
    max-width: 280px;
}

.agreebox_cont .eventForm table.table-row input[type='text']::-webkit-input-placeholder {
    
    font-size: 14px;
}

.agreebox_cont .eventForm table.table-row input[type='text']:-moz-placeholder {
    
}

.agreebox_cont .eventForm table.table-row input[type='text']::-moz-placeholder {
    
}

.agreebox_cont .eventForm table.table-row input[type='text']:-ms-input-placeholder {
    
}

.agreebox_cont .eventForm table.table-row input[type='password']::-webkit-input-placeholder {
    
    font-size: 14px;
}

.agreebox_cont .eventForm table.table-row input[type='password']:-moz-placeholder {
    
}

.agreebox_cont .eventForm table.table-row input[type='password']::-moz-placeholder {
    
}

.agreebox_cont .eventForm table.table-row input[type='password']:-ms-input-placeholder {
    
}

.agreebox_cont .enentAgree {
    border-bottom: 1px dashed #d7d9da;
    margin-bottom: 30px
}

.agreebox_cont .enentAgree .agreeBox {
    border: 1px solid #ccc;
    width: 100%;
    height: 156px;
    background: #fff;
    overflow-y: auto;
}

.agreebox_cont .enentAgree .agreeBox > div {
    font-size: .876rem;
    padding: 1.2rem;
    color: #676767;
}

.agreebox_cont .enentAgree .agreeBox p {
    padding: 0 0 20px;
}

.agreebox_cont .enentAgree .agreeBox div > ul {
    padding: 0 0 12px;
}

.agreebox_cont .enentAgree .agreeBox div > ul > li {
    position: relative;
    padding: 0 0 0 8px;
}

.agreebox_cont .enentAgree .agreeBox div > ul > li:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #9a9a9a;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 9px;
}

.agreebox_cont .enentAgree .agreeBox div > ul > li strong {
    display: block;
    font-weight: 400;
}

.agreebox_cont .enentAgree .agreeBox div > ul > li ul li {
    margin-left: 10px;
    text-indent: -10px;
}

.agreebox_cont .enentAgree .agreeBox div > ul > li p {
    padding: 0;
}

.agreebox_cont .enentAgree .agreeBox div > .typeA li:first-child {
    margin-top: 0;
}

.agreebox_cont .enentAgree .agreeBox div > .typeA > li {
    padding: 0;
}

.agreebox_cont .enentAgree .agreeBox div > .typeA li:before {
    display: none;
}

.agreebox_cont .enentAgree .agreeBox div > .typeA li ul li {
    padding: 0 0 0 16px;
}

.agreebox_cont .enentAgree .assEnt {
    overflow: hidden;
    padding: 12px 0 12px 0;
}

.agreebox_cont .enentAgree .assEnt p {
    float: left;
}

.agreebox_cont .enentAgree .assEnt span {
    float: right;
}

.agreebox_cont .enentAgree .assEnt label {
    vertical-align: 1px;
    margin-left: 5px;
}

.agreebox_cont .enentAgree .assEnt label.first {
    margin-right: 30px;
}

.agreebox_cont .btnArea {
    margin: 30px 0 0;
}

/* 농촌체험_view */
div.photoBox {
    clear: both;
    display: block;
    position: relative;
    margin: 2rem 0;
}

div.photoBox:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: ''
}

div.photoBox dl {
}

div.photoBox dl dt {
    position: relative;
    padding: 0 10rem 1rem 0;
    font-weight: 500;
}

div.photoBox dl dt strong {
    display: inline-block;
    font-size: 2.6rem;
    letter-spacing: -.05em;
    color: #333;
    vertical-align: sub;
    font-weight: 500;
}

div.photoBox span.btnArea {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
}

div.photoBox dl dt .btn-reaction.on {
    border: 1px solid #333
}

div.photoBox dl dt > em {
    display: inline-block;
    margin-right: .5rem;
    font-size: 1.3rem;
    color: #fc074f;
    border-top: 1px solid #fc074f;
    border-bottom: 1px solid #fc074f;
}

div.photoBox dl dt > span {
    display: block;
    margin-top: 1rem;
    color: #aeaeae;
    font-size: 1.7rem
}

div.photoBox dl dt > div {
    position: absolute;
    right: 0;
    top: 85%;
    z-index: 110;
    width: 7rem;
    height: 8rem;
    padding: 0.8rem 0 0 0;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 0.4rem 0.4rem rgba(0,0,0,0.1)
}

div.photoBox dl dd.photo-intro {
    clear: both;
    overflow: hidden;
    padding: 2rem;
    background: #f7f7f7;
    border-top: 2px solid #333
}

div.photoBox dl dd.photo-intro .picbox {
    display: inline-block;
    float: left;
    position: relative;
    width: 400px;
    height: 270px;
    overflow: hidden;
    margin: 0 2rem 0 0;
    text-align: center;
    background: #e3e3e3 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
    /*border:1px solid #ddd*/
}

div.photoBox dl dd.photo-intro .picbox img {
    vertical-align: middle;
    min-width: 400px;
    max-width: 100%;
    min-height: 100%;
    box-shadow: 0.4rem 0.4rem 0.8rem rgba(0,0,0,0.1)
}

div.photoBox dl dd.photo-intro .txtlist {
    float: none;
    overflow: hidden;
    width: auto
}

div.photoBox dl dd.photo-intro .txtlist > ul > li {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

div.photoBox dl dd.photo-intro .txtlist > ul > li:last-child {
    border-bottom: 0;
}

div.photoBox dl dd.photo-intro .txtlist > ul > li strong {
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding-left: 10px;
    color: #333;
    font-size: 1.7rem;
    font-weight: 500
}

div.photoBox dl dd.photo-intro .txtlist > ul > li strong:before {
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 3px;
    height: 3px;
    background: #f55d2b;
    border-radius: 4px;
    content: ""
}

div.photoBox dl dd.photo-intro .txtlist > ul > li label {
    float: left;
    position: relative;
    width: 140px;
    padding-left: 10px;
    color: #333;
    font-size: 1.7rem;
    font-weight: 500
}

div.photoBox dl dd.photo-intro .txtlist > ul > li label:before {
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 3px;
    height: 3px;
    background: #f55d2b;
    border-radius: 4px;
    content: ""
}

div.photoBox dl dd.photo-intro .txtlist > ul > li span p {
    display: inline
}

div.photoBox dl dd.photo-intro .txtlist > ul > li span p:first-child>br {
    display: none;
}

div.photoBox dl dd.photo-intro .txtlist > ul > li span a.links {
    text-decoration: underline;
    font-size: 1.7rem
}

div.photoBox dl dd.photo-intro .txtlist > ul > li span {
    display: block;
    float: none;
    width: auto;
    overflow: hidden;
    font-size: 1.7rem;
    color: rgba(102,102,102,0.8);
}

/* 농촌체험_view - img_slider */
div.photoBox dl dd.photo-intro .img_box {
    float: left;
    width: 40%;
    margin-right: 2rem;
}

div.photoBox dl dd.photo-intro.pic .img_box {
    float: none;
    width: 100%;
    margin-right: 0;
}

div.photoBox dl dd.photo-intro .img_box .main_img {
    width: 100%;
    display:flex;
    position: relative;
    max-height: 280px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

div.photoBox.food dl dd.photo-intro .img_box .main_img {
    height: auto;
}

div.photoBox dl dd.photo-intro.pic .img_box .main_img {
    max-width: 400px;
    height: auto;
    display: block;
    margin: auto;
}

div.photoBox dl dd.photo-intro .img_box .main_img img {
    vertical-align: middle;
    min-width: initial;
    max-width: 100%;
    min-height: 100%;
}

div.photoBox dl dd.photo-intro .img_box .main_img .pic {
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.photoBox.food dl dd.photo-intro .img_box .main_img img {
    width: 100%;
    height: 100%;
}

div.photoBox dl dd.photo-intro.pic .img_box .main_img img {
    vertical-align: middle;
    min-width: auto;
    max-width: 100%;
    min-height: inherit;
}

div.photoBox dl dd.photo-intro .img_box .thumb_list {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
}

div.photoBox dl dd.photo-intro .img_box .thumb_list .slick-arrow {
    width: 30px;
    height: 30px;
    text-indent: -999999px;
}

div.photoBox dl dd.photo-intro .img_box .thumb_list .slick-disabled {
    opacity: 0;
}

div.photoBox dl dd.photo-intro .img_box .thumb_list .slick-prev {
    position: absolute;
    left: -12px;
    z-index: 9;
    background: rgba(0,0,0,0.15);
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
}

div.photoBox dl dd.photo-intro .img_box .thumb_list .slick-prev:after {
    display: block;
    content: '';
    position: absolute;
    left: 12px;
    top: 10px;
    width: 9px;
    height: 9px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg);
    transition: transform 150ms ease-in-out;
}

div.photoBox dl dd.photo-intro .img_box .thumb_list .slick-next {
    position: absolute;
    right: -12px;
    z-index: 9;
    background: rgba(0,0,0,0.15);
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}

div.photoBox dl dd.photo-intro .img_box .thumb_list .slick-next:after {
    display: block;
    content: '';
    position: absolute;
    right: 12px;
    top: 10px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    transition: transform 150ms ease-in-out;
}

div.photoBox dl dd.photo-intro .img_box .thumb_list .slick-list {
    height: 64px;
    overflow: hidden;
}

div.photoBox dl dd.photo-intro .img_box .thumb_list li {
    float: left;
    padding: .1rem;
    background: #f5f5f5;
    display: inline-block;
}

div.photoBox dl dd.photo-intro .img_box .thumb_list li a {
    display: block;
    line-height: 0;
    font-size: 0;
    border: 1px solid #E1E1E1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    overflow: hidden;
}

div.photoBox dl dd.photo-intro .img_box .thumb_list li a img {
    display: block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

/* 향토음식 - img_slider */
div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto {
    height: auto;
    max-height: inherit;
}

div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto .pic {
    height: 350px;
    /* display:block; */
    overflow: hidden;
}

div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto .img-small {
    clear: both;
    width: 100%;
    padding-top: 15px;
}

div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto .img-small>p.tit {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 40px;
    background: #eee;
    border-radius: 20px;
    text-align: center;
}

div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto .img-small>ul {
    padding: 1%;
    position: relative;
    overflow: hidden;
    text-align: left;
    background: #FFF;
}

div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto .img-small>ul>li {
    display: inline-flex;
    text-align: center;
    padding: 1% 1%;
    box-sizing: border-box;
    width: 32%;
}

div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto .img-small>ul>li .img_thumb {
    position: relative;
    display: block;
}

div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto .img-small>ul>li .img_thumb>a {
    width: 100%;
    display: block;
}

div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto .img-small>ul>li .img_thumb>a>img {
    min-width: 120px;
    max-width: 100%;
    height: 100px;
}

div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto .img-small>ul>li .img_thumb .img_txt {
    display: block;
    width: 100%;
    color: #4b4b4b;
    font-size: 1.3rem;
    margin-top: 7px;
    letter-spacing: -1px;
    font-weight: 500;
}

/* 이달의식재료_view - img_slider */
div.photoBox dl dd.photo-intro.pic .img_box {
    position: relative;
    margin: 0 auto;
}

div.photoBox dl dd.photo-intro.pic .bx-wrapper {
    max-width: 400px !important;
    width: 100%;
    margin: 0 auto;
}

div.photoBox dl dd.photo-intro.pic .img_box .main_img {
    display: inline-block;
    width: 400px;
    height: 263px;
    margin: 0;
    overflow: hidden;
}

div.photoBox dl dd.photo-intro.pic .img_box .main_img img {
    width: 100%;
    max-width: 100%;
}

div.photoBox dl dd.photo-intro.pic .bx-controls-direction {
    top: 0;
    width: 100%;
}

div.photoBox dl dd.photo-intro.pic .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;
}

div.photoBox dl dd.photo-intro.pic .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;
}

div.photoBox dl dd.photo-intro.pic .bx-controls-direction .bx-prev:hover, div.photoBox dl dd.photo-intro.pic .bx-controls-direction .bx-next:hover {
    background: rgba(0,0,0,0.5);
}

div.photoBox dl dd.photo-intro.pic .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;
}

div.photoBox dl dd.photo-intro.pic .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;
}

div.photoBox dl dd.photo-intro.pic .bx-controls-direction a.disabled {
    display: none;
}

/* 이전글/다음글 */
.board_view_more {
    margin:4.8rem 0 3.2rem;
    padding:0 4rem;
    border:1px solid #cdd1d5;
    border-radius: 1.2rem;
}
.board_view_more li {
    display: flex;
    align-items: center;
    gap: 0 4.8rem;
    min-height: 6.4rem;
}
.board_view_more li + li { 
    border-top:1px solid #cdd1d5;
}
.board_view_more li strong { 
    position: relative;
}
.board_view_more li strong:after {
    content:'';
    display: block;
    position: absolute; 
    top:50%;
    right:-2.4rem;
    width:.1rem;
    height: 1.2rem;
    transform: translateY(-50%);
    background-color: #cdd1d5;
}
.board_view_more li a {
    flex: 1;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
}
.board_view_more li a:hover {
    text-decoration: underline;
}

div.board_view .fileBox {
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
}

div.board_view .fileBox p.tit {
    margin-bottom: 10px;
    padding-top: 10px;
    font-size: 1.5rem;
    font-weight: 500;
    border-top: 1px dashed #d7d9da;
}

div.board_view .fileBox p.tit span {
    margin-left: 5px;
    color: #0c3681;
}

div.board_view .fileBox li {
    border: 1px solid #e7e7e7;
    padding: 8px 20px;
    background: #f7f7f7;
    margin-top: -1px;
    font-size: 1.3rem;
}

div.board_view .fileBox .file-set {
    display: inline-block;
    margin: 3px 0;
}

div.board_view .fileBox .file-set a {
    font-size: 1.3rem;
}

div.board_view .fileBox .file-set a:hover {
    color: #0c3681;
    text-decoration: underline;
}

div.board_view .fileBox .file-set a:before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: sub;
    text-decoration: none;
    background: url('/ps/img/cmmImg_2020/file/file_set.png') no-repeat 0 0;
}

div.board_view .fileBox .file-set a.ico01:before {
    background-position: 0 0;
}

/* PDF */
div.board_view .fileBox .file-set a.ico02:before {
    background-position: 0 -20px;
}

/* HWP */
div.board_view .fileBox .file-set a.ico03:before {
    background-position: 0 -40px;
}

/* XLS */
div.board_view .fileBox .file-set a.ico04:before {
    background-position: 0 -60px;
}

/* DOC */
div.board_view .fileBox .file-set a.ico05:before {
    background-position: 0 -80px;
}

/* PPT */
div.board_view .fileBox .file-set a.ico06:before {
    background-position: 0 -100px;
}

/* TXT */
div.board_view .fileBox .file-set a.ico07:before {
    background-position: 0 -120px;
}

/* BTC */
div.board_view .fileBox .file-set a.ico08:before {
    background-position: 0 -140px;
}

/* JPG */
div.board_view .fileBox .file-set a.ico09:before {
    background-position: 0 -160px;
}

/* PNG */
div.board_view .fileBox .file-set a.ico10:before {
    background-position: 0 -180px;
}

/* ZIP */
div.board_view .fileBox .btn {
    display: inline-block;
    font-size: 1.3rem;
    height: 24px;
    line-height: 22px;
    margin: 0 4px;
    padding: 0 6px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.5s;
}

div.board_view .fileBox .btn.down {
    border: 1px solid #999;
    border-radius: 2px;
}

div.board_view .fileBox .btn.down:hover {
    background-color: #3c3e45;
    font-weight: 500;
    color: #fff;
    border: 1px solid #3c3e45;
}

div.board_view.band .vTitle {
    text-align: center;
}

div.board_view.band a.goBand {
    position: absolute;
    right: 1rem;
    bottom: .4rem;
    z-index: 9;
    width: 30px;
}

div.board_view.band a.goBand:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 0;
    background-image: url('/ps/img/cmmImg_2020/common/ico_band.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 30px 30px;
    border-radius: 50%;
}

div.board_view.band a.goBand:hover {
    background: transparent;
}

div.board_view.band .keywordList {
    margin: 50px 0 0
}

div.board_view.band .keywordList a {
    display: inline-block;
    margin: 0;
    line-height: 25px;
    height: 28px;
    padding: 0 15px;
    background: #fff;
    color: #949494;
    border: 1px solid #dcdcdc;
    border-radius: 28px;
    font-size: 12px;
    font-weight: 500
}

div.board_view.band .keywordList a:hover {
    color: #478edc;
    border: 1px solid #478edc;
}

div.board_view.column .keywordList {
    margin: 50px 0 0
}

div.board_view.column .keywordList span {
    display: inline-block;
    margin: 0;
    line-height: 25px;
    height: 28px;
    padding: 0 15px;
    background: #fff;
    color: #949494;
    border: 1px solid #dcdcdc;
    border-radius: 28px;
    font-size: 12px;
    font-weight: 500
}

div.board_view.column .keywordList span:before {
    content: '#';
    margin-right: 4px;
}

/* 설문조사 */
.surveyWrap {
    margin: 1rem auto;
}

.surveyWrap p.title {
    position: relative;
    padding-left: 24px;
    font-size: 2.2rem;
    margin-bottom: 10px;
    font-weight: 500;
    color: #121212;
}

.surveyWrap p.title: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;
}

.surveyList {
    padding: 2.2rem;
    background: #fff;
    border: 1px dashed #e3e3e3;
    border-radius: .5rem;
}

.surveyList .q {
    position: relative;
    margin: 20px 0 13px;
    padding-top: 20px;
    padding-right: 130px;
    font-weight: 500;
    color: #333;
    border-top: 1px dashed #e3e3e3;
}

.surveyList.poll .q {
    padding-right: 0;
}

.surveyList .q:first-child {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}

.surveyList .q .length {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px
}

.surveyList .q .length2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    text-align: right;
}

.surveyList .a {
    margin-left: 6px;
    font-size: 1.5rem;
}

.surveyList .a textarea {
    margin-left: -3px;
    width: 100%;
    height: 80px;
    padding: 8px;
    background: #fff;
    border: 1px solid #C7C7C7;
    box-sizing: border-box;
    border-radius: 3px;
}

.surveyList .a li {
    margin-top: 5px;
    line-height: 30px;
}

.surveyList .a li:after {
    content: "";
    display: block;
    clear: both
}

.surveyList .a li input {
    margin-top: -2px;
    vertical-align: middle
}

.surveyList .a li input[type="radio"] {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 3px;
}

.surveyList .a li input[type="radio"]:checked + label {
    font-weight: 500;
}

.surveyList .a .txt {
    position: relative;
    display: block;
    float: left;
    padding-left: 8px;
    width: 38%
}

.surveyList .a .txt:before {
    display: block;
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #2159b3;
    left: 0;
    top: 14px;
    border-radius: 50%;
}

.surveyList .a .graph {
    display: block;
    float: right;
    position: relative;
    width: 60%;
    padding: 7px 0
}

.surveyList .a .graph.table {
    padding: 2px 0
}

.surveyList .a .graph .graphBar {
    display: block;
    height: 16px;
    margin-right: 110px
}

.surveyList .a .graph .graphBar .fill {
    display: block;
    height: 16px;
    background-color: #0056b3;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    border-radius: 2px;
    margin-bottom: 10px;
    position: relative;
    z-index: 9;
}

.surveyList .a .graph .count {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    text-align: left
}

.surveyList.surveyApply .a li {
    padding-left: 0;
    background: none
}

/*movie_bx*/
.movie-bx {
    position: relative;
    padding: 10px;
    border: 1px solid #dedede;
}

.movie-bx dl {
    min-height: 200px;
}

.movie-bx dl dd.pic {
    position: absolute;
    min-height: 200px;
}

.movie-bx dl dt {
    margin-left: 340px;
    font-weight: bold;
}

.movie-bx dl dd.con {
    margin-left: 340px;
}

.movie-bx-list {
    clear: both;
    border-top: 2px solid #222
}

.movie-bx-list li {
    position: relative;
    padding: 1.4rem 1.2rem;
    min-height: 216px;
    border-bottom: 1px solid #ddd;
}

.movie-bx-list li:hover {
    background: #f7f7f7;
}

/*202310추가 및 변경*/
.movie-bx-list dl {
	display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.movie-bx-list dl dd.pic {
    display: flex;
    /* float: left; */
    position: relative;
    margin-right: 30px;
    width: 100%;
    min-height: 250px;
    max-height: 350px;
    overflow: hidden;
    background: #e3e3e3 url(/ps/img/cmmImg_2020/common/no_img.png) no-repeat 50%;
    background-size: 200px auto;
    min-width: 300px;
    max-width: 400px;
}

.movie-bx-list dl dd.pic>a{
    display: inline-block;
    width:100%;
    height:100%;
    overflow: hidden;
}
.movie-bx-list dl dd.pic .img {
    width: 100%!important;
    height: 100%!important;
    -moz-transition: .5s transform ease;
    -o-transition: .5s transform ease;
    transition: .5s transform ease;
}

.movie-bx-list dl dt {
    margin-left: 260px;
    font-weight: bold;
}

.movie-bx-list dl dt.skip {
    z-index: -999
}

.movie-bx-list dl dd.con {
    word-break: break-all;
    color: #7b7b7b;
    display: flex;
}

.movie-bx-list dl dd.con a > .title{
	display: block;
    height: auto;
    letter-spacing: -0.03em;
    margin-bottom: 0.5rem;
    font-size: 2rem;
    color: #333;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.movie-bx-list li .division-txt {
    position: absolute;
    right: 1.2rem;
    bottom: 1.2rem;
    color: #8e8e8e;
    font-weight: 400;
    font-size: 0;
}

.movie-bx-list li .division-txt span {
    font-size: 1.5rem;
    margin: 0 10px;
}

.movie-bx-list li .division-txt span:nth-child(1):after {
    content: 'I';
    font-size: 1.5rem;
    margin-left: 10px;
    
}

.movie-bx-list li .division-txt span:nth-child(2) {
    margin-left: 0;
}

.movie-bx-list li .division-txt li {
    float: left;
}

@media screen and ( max-width: 1200px) {
    /* book */ div.book_list li {
        width:20%;
    }

    /* 간행물 */
    div.paper_list li {
        width: 25%;
    }

    /* 간행물2 */
    div.publical_list ul {
        margin: -1%
    }

    div.publical_list li {
        padding: 1%;
    }

    /* 지역 브랜드,특산물,음식 */
    div.data_list.area li {
        width: 25%;
    }
}

@media screen and ( max-width: 1180px) {
    /* 간행물3 */ div.pubData_list li {
        width:33.333%;
    }
}

@media screen and ( max-width: 1023px) {
    /*board Default*/ .board-type01 {
        overflow-x:scroll;
        padding: 1% 0;
        padding-top: 30px;
    }

    .board-type01>table {
        width: 700px;
        padding: 0 2%;
        margin: 0 auto;
    }

    .board-type01>table table {
        padding: 0;
        margin: 0 auto;
    }

    .board-type01 table {
        width: 700px;
        padding: 0 2%;
        margin: 0 auto;
    }

    .board-type01>table table>tbody>tr>th {
        background: #f9f9f9;
    }

    .board-type01>table table col {
        width: 10%;
    }

    .board-type01>table table col+col {
        display: none;
    }

    .board-type01>table .m_scrollTable {
        overflow-x: hidden;
    }

    .board-type01>table .tbl-type01:before {
        display: none;
    }

    /*div.tbl-type01 table td {border-left:none!important}*/
    /*table Default*/
    .htmlArea>table {
        display: block;
        height: auto !important;
    }

    .tbl-type01 {
        overflow-x: scroll;
        width: 100%;
        position: relative;
    }

    .tbl-type01:before {
        position: sticky;
        top: 1.2rem;
        left: 50%;
        content: '좌우로 스크롤하여 확인하세요.';
        font-size: 1.3rem;
        display: inline-block;
        padding: 2px 0 20px 82px;
        background: url(/ps/img/cmmImg_2020/common/mb_scroll.png)left top no-repeat;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        white-space: nowrap;
    }

    .tbl-type01>table {
        min-width: 700px;
        width: 100%;
    }

    .tbl-type01.list tbody td, .tbl-type01.list tbody th,.tbl-type01.list thead th {
        padding: .5em;
    }

    .m_scrollTable {
        overflow-x: scroll;
        padding: 1% 0;
    }

    .m_scrollTable>table {
        width: 700px;
        padding: 0 2%;
        margin: 0 auto;
    }

    .tbl-type01 ul {
        padding: 0 0 0 10px;
    }

    .tbl-type01 ul>li {
        padding: 0 0 10px 10px;
        font-size: 1.02em;
        position: relative;
        color: #555;
        font-weight: 400;
        line-height: 1.6em;
    }

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

    .tbl-type01 ul.btnList>li:before {
        display: none!important
    }

    /*친환경농업*/
    .tbl-type01>#chart1, .tbl-type01>#chart2, .tbl-type01>#chart3 {
        min-width: 700px;
    }

    /*유형&분류*/
    .tbl-type01 ul.sClCode {
        padding: 0;
    }

    .tbl-type01 ul.sClCode>li.sClCodeLi {
        display: inline-block;
        text-align: center;
        padding: 0 .8em;
        position: relative;
    }

    .tbl-type01 ul.sClCode>li.sClCodeLi:before {
        content: '';
        position: absolute;
        display: block;
        right: 0;
        top: 50%;
        background: #ddd;
        height: 12px;
        width: 1px;
        transform: translateY(-50%);
        left: initial;
    }

    .tbl-type01 ul.sClCode>li.sClCodeLi:last-child:before {
        display: none;
    }

    .table_line_w100 {
        width: 100%;
    }

    .tbl-type01.table_line_w100 {
        overflow-x: initial;
    }

    .table_line_w100>table {
        width: 100%;
    }

    .table_line_w100 colgroup col {
        width: 100% !important;
        display: block;
    }

    .table_line_w100 th, .table_line_w100 td {
        display: block;
    }

    .table_line_w100 td.blankTd {
        display: none;
    }

    .table_line_w100 td {
        border-left: 0px solid #ddd;
    }

    .tbl-type01 thead th, .tbl-type01 tbody th {
        font-size: .9em;
    }

    div.sub_tit + div.tbl-type01, div.sum_t_txt + div.tbl-type01 {
        padding-top: 0
    }

    /* 간행물2 */ div.publical_list li {
        width:25%;
    }
    .board_STop.detail .search_Form {
        padding:2rem 4rem;
    }

    div.gallary_list li {
        width: 33.333%;
    }

    /* 이달의농업기술:추천 */
    div.gallary_list.curation li.goodCont {
        width: 66.666%;
    }

    /* book */
    div.book_list li {
        width: 25%;
    }

    /* 지역 브랜드,브랜드,음식 */
    div.data_list li {
        float: left;
        width: 50%;
        height: auto;
        padding: 1%;
    }

    div.data_list.photo li {
        width: 33.333%;
    }

    /* 농촌체험_view */
    div.board_view .contsBox {
        padding: 1.5rem 0;
    }

    div.photoBox dl dd.photo-intro {
        padding: 1.5rem;
    }

    div.photoBox dl dd.photo-intro .picbox {
        width: 350px;
        height: 220px;
        margin: 0 1.5rem 0 0;
    }

    div.photoBox dl dd.photo-intro .picbox img {
        min-width: 350px;
    }

    div.photoBox dl dd.photo-intro .txtlist > ul > li label {
        width: 90px;
        padding-left: 10px;
        color: #333;
        font-size: 1.5rem;
    }

    div.photoBox dl dd.photo-intro .txtlist > ul > li span {
        font-size: 1.5rem;
    }

    /* 농촌체험_view - img_slider */
    div.photoBox dl dd.photo-intro>div {
        width: 50%;
    }

    div.photoBox dl dd.photo-intro .img_box .main_img {
        height: 260px;
    }

    div.photoBox dl dd.photo-intro .img_box .main_img img {
        min-width: 352px;
    }

    /* 농촌체험_view - img_slider */
    div.photoBox.food dl dd.photo-intro .img_box {
        width: 50%;
        margin-right: 1.2rem;
    }

    div.photoBox.food dl dd.photo-intro .img_box .main_img {
        height: auto;
    }
	div.gallary_list.cardNews li{
		width:50%;
	}
    /* 카드뉴스_view */
	div.board_view.cardNews .cardNewsBody{
		max-width:100%;
		padding:0;
		border:0;
	}
	div.board_view.cardNews .cardNewsSc{
		height:auto;
	}
	div.board_view.cardNews .cardNewsBox a{
		display:none;
	}

	.movie-bx-list dl{
		flex-direction: column;
	}
	.movie-bx-list dl dd.con{
		flex-direction: column;

	}

    .tbl-type01>#scheduleTable {
        border-top: 1px solid #111;
        min-width:100%;
    }

    .tbl-type01>#scheduleTable .pos {
        font-size: 16px !important;
    }


}

@media screen and (max-width: 960px) {
    .select-bx input[type='date'] {
        background-image: url('/ps/img/cmmImg_2020/common/ico_calender.png');
        background-size: 19px auto;
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
}

@media screen and ( max-width: 900px) {

    .board_STop.detail .search_Form {
        padding: 1.5rem;
    }

    /* boxList_공공Data활용기관 */
    div.box_list li {
        width: 50%;
    }
}

@media screen and ( max-width: 840px) {
    /* 현장전문가칼럼-전문가 */ .proFile .finfo dl {
        width:100%;
        float: none;
    }

    .proFile .finfo dl + dl {
        margin-top: 20px;
    }

    /* 간행물2 */
    div.publical_list li {
        width: 33.333%;
    }

    /* 간행물3 */
    div.pubData_list li {
        width: 50%;
    }

    /* 지역 브랜드,특산물,음식, 관련사이트 */
    div.data_list.area li {
        width: 33.333%;
    }

    div.data_list.fSite li div.contBox dl.list-type01 dd {
        font-size: 1.3rem;
    }

    /* 농촌체험_view */
    div.photoBox {
        margin: 1rem 0;
    }

    div.board_view .contsBox {
        padding: 1rem 0;
    }

    div.photoBox dl dd.photo-intro {
        padding: 1.2rem;
    }

    div.photoBox dl dd.photo-intro .picbox {
        width: 300px;
        height: 170px;
        margin: 0 1.2rem 0 0;
    }

    div.photoBox dl dd.photo-intro .picbox img {
        min-width: 300px;
    }

    div.photoBox dl dd.photo-intro .txtlist > ul > li label {
        width: 80px;
        padding-left: 10px;
    }

    div.photoBox dl dd.photo-intro .txtlist > ul > li span {
        font-size: 1.5rem;
    }

    /* 농촌체험_view - img_slider */
    div.photoBox.food dl dd.photo-intro .img_box {
        float: none;
        width: 100%;
        max-width: 400px;
        margin-right: 0;
        margin: auto;
    }

    div.photoBox.food dl dd.photo-intro .img_box .main_img {
        height: auto;
        max-height: inherit;
    }

    div.photoBox.food dl dd.photo-intro .img_box .thumb_list {
        max-width: 400px
    }

    div.photoBox.food dl dd.photo-intro .txtlist {
        margin-top: 20px;
    }
}

@media screen and ( max-width: 820px) {
    /* full_검색 */ .tab-nav .board_Info {
        position: relative;
    }

    .board_STop .search_Form {
        padding: 1rem;
    }

    .board_STop.detail .search_Form {
        padding: 1rem;
    }

    .board_STop.detail fieldset ul li:before {
        top: 14px;
        -webkit-transform: inherit;
        transform: inherit;
    }

    .board_STop fieldset select, .board_STop fieldset input, .board_STop fieldset button {
        font-size: 1.5rem;
        padding: 0 1.2rem 0 .6rem;
    }

    .board_STop fieldset span {
        margin-left: 0;
        display: block;
        width: 100% !important;
    }

    .board_STop fieldset span.check-input span {
        width: auto !important;
    }

    .board_STop fieldset span.form-input input {
        padding-right: 0;
    }

    .board_STop fieldset span.form-btn {
        margin-left: 0;
    }

    .board_STop fieldset span.form-select + .form-select {
        margin-top: 3px;
    }

    .board_STop fieldset span.form-select + .form-input {
        margin-top: 3px;
    }

    .board_STop fieldset span.form-select::after {
        background-size: 8px auto;
        width: 8px;
        height: 4px;
        right: 0.6rem;
        top: 50%;
    }

    .board_STop fieldset span.form-btn {
        margin-top: 5px;
        margin-left: 0;
    }

    .board_STop fieldset span.form-btn2 {
        margin: .3rem 0;
    }

    .board_STop fieldset span.word-list {
        height: auto;
    }
    .board_STop.detail fieldset ul li .input-group {
        flex-direction: column;
        width: 100%;
    }

    .search_STop .search_Form {
        padding: 1rem;
    }

    .category_items ul {
        margin: 1rem 0 0;
    }

    /* 검색 */
    .board_Info .search_Form {
        background: #f9f9f9;
        padding: 1rem .8rem;
        text-align: center;
        width: 100%;
        border: 1px solid #ededed;
        margin-bottom: 1rem;
    }

    .board_Info .page_Info {
        font-size: 87.5%;
    }

    .board_Info fieldset span {
        margin-left: 0;
        display: block;
        width: 100% !important;
    }

    .tab-nav .board_Info fieldset span {
        margin-left: 0;
        display: inline-block;
        width: auto !important;
    }

    .curation .board_Info fieldset span {
        margin-left: 0;
        display: inline-block;
        width: auto !important;
    }

    .tab-nav.iCon .board_Info fieldset span {
        margin-left: 0;
        display: block;
        width: 100% !important;
    }

    .board_Info fieldset span.form-input input {
        padding-right: 0;
    }

    .board_info fieldset span.form-btn {
        margin-left: 0;
    }

    .board_Info fieldset span.form-select {
        background-color: #fff;
    }

    .board_Info fieldset span.form-select + .form-select {
        margin-top: 3px;
    }

    .board_Info fieldset span.form-select + .form-input {
        margin-top: 3px;
    }

    .board_Info fieldset span.form-btn {
        margin-top: 5px;
        margin-left: 0;
    }

    .board_Info fieldset span.form-btn2 {
        margin: .3rem 0;
    }

    .board_Info .page_info {
        white-space: nowrap;
    }

    .agreebox_cont .eventForm table.table-row input[type='text'] {
        max-width: inherit;
    }

    .agreebox_cont .eventForm table.table-row input[type='password'] {
        max-width: inherit;
    }
}


@media screen and ( max-width: 800px) {
    .tab-nav.t3.iCon .tab-nav ul {
        margin: auto;
    }

    .info_area {
        margin: .5rem 0;
    }

    .btnArea {
        margin: 30px 0 20px;
    }


    /* 작목별 검색 */
    .searchKeyWord {
        display: block;
        width: 80%;
        margin-top: 10px;
    }

    .cmList .cmTit {
        font-size: 0.88rem;
    }

    div.boardWrap table.table-row tbody td {
        padding: .5rem;
        display: block;
        width: 100%;
    }

    .table-row colgroup {
        display: none;
    }

    table.table-row th {
        padding: .5rem;
        display: block;
        width: 100%;
    }

    /* cms_table */
    .cms_TextArea .inner_TextArea .cms_table {
        overflow-x: scroll;
        padding: 1% 0;
        position: relative;
        padding-top: 30px;
    }

    .cms_TextArea .inner_TextArea .cms_table:before {
        position: sticky!important;
        top: 0;
        left: 50%;
        content: '좌우로 스크롤하여 확인하세요.';
        font-size: 1.3rem;
        display: inline-block;
        padding: 2px 0 20px 82px!important;
        background: url(/ps/img/cmmImg_2020/common/mb_scroll.png)left top no-repeat!important;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        white-space: nowrap;
    }

    .cms_TextArea .inner_TextArea .cms_table>table {
        width: 700px;
        padding: 0 2%;
        margin: 0 auto;
    }

    .cms_TextArea .inner_TextArea .cms_table.ml60 {
        margin-left: 10px !important;
    }

    .cms_TextArea .inner_TextArea .cms_table>.table_tit {
        width: 700px;
    }

    /* board-type01 */
    .board-type01 {
        overflow-x: scroll;
        padding: 1% 0;
        padding-top: 30px;
        position: relative;
    }

    .board-type01:before {
        position: sticky;
        top: 0;
        left: 50%;
        content: '좌우로 스크롤하여 확인하세요.';
        font-size: 1.3rem;
        display: inline-block;
        padding: 2px 0 20px 82px;
        background: url(/ps/img/cmmImg_2020/common/mb_scroll.png)left top no-repeat;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        white-space: nowrap;
    }

    /* board-list02 */
    .board-list02 {
        overflow-x: scroll;
        padding: 1% 0;
        padding-top: 30px;
    }

    .board-list02:before {
        position: sticky;
        top: 0;
        left: 50%;
        content: '좌우로 스크롤하여 확인하세요.';
        font-size: 1.3rem;
        display: inline-block;
        padding: 2px 0 20px 82px;
        background: url(/ps/img/cmmImg_2020/common/mb_scroll.png)left top no-repeat;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        white-space: nowrap;
    }

    .board-list02 .tbl-type01:before {
        display: none;
    }

    .board-list02 .tbl-type01 {
        /* border-top:2px solid #888; */
        padding-top: 30px;
    }

    /* 기본게시판 - 요소 : NO 제목 담당자 첨부 등록일 조회 */
    div.boardWrap.type_Basic table thead {
        display: none;
    }

    /* thead none */
    div.boardWrap.type_Basic table tbody td.bT_num, div.boardWrap.type_Basic table tbody td.bT_count, div.boardWrap.type_Basic table tbody td.bT_type {
        display: none;
    }

    div.boardWrap.type_Basic table tbody tr td {
        border-top: 0;
    }
	div.boardWrap.type_Basic table tbody tr td.bT_realm {
         display: inline-block;
    }

    div.boardWrap.type_Basic table tbody tr {
        display: block;
        position: relative;
        padding: .6rem 0;
        border-top: 1px dashed #d8d8d8;
    }

    div.boardWrap.type_Basic table tbody tr:after {
        content: '';
        clear: both;
        display: block;
    }

    div.boardWrap.type_Basic table.table-row tbody tr {
        padding: 0;
        border-top: 0;
    }

    div.boardWrap.type_Basic table tbody tr:first-child {
        border-top: 0;
    }

    div.boardWrap.type_Basic table colgroup {
        display: none;
    }

    /* colgroup none */
    div.boardWrap.type_Basic table tbody td.bT_notice {
        display: inline-block;
    }

    div.boardWrap.type_Basic table tbody td.bT_subject {
        display: block;
        width: 100%;
        color: #333;
        font-size: 100%;
        font-weight: 500;
    }

    div.boardWrap.type_Basic table tbody td.bT_div {
        display: inline-block;
    }

    div.boardWrap.survey table tbody td.bT_subject {
        width: 80%;
    }

    div.boardWrap.survey table tbody td.bT_period {
        color: #676767;
        display: inline-block;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
        width: 85%;
    }

    div.boardWrap.type_Basic table tbody td.bT_file {
        display: block;
        float: right;
    }

    div.boardWrap.type_Basic table tbody td.bT_del {
        display: block;
        float: right;
    }

    div.boardWrap.type_Basic table tbody td.bT_down {
        display: block;
        float: right;
    }
	div.boardWrap.type_Basic table tbody td.bT_down2 {
        display: block;
		position: absolute;
	    top: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }


    div.boardWrap.survey table tbody td.bT_state {
        position: relative;
        display: inline-block;
        position: absolute;
        /* float:right; */
        top: 0;
        right: 0;
        top: 50%;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    div.boardWrap.type_Basic table tbody td.bT_name,/* 작성자 */
    div.boardWrap.type_Basic table tbody td.bT_date {
        display: inline-block;
        color: #676767;
    }

    /* 첨부 */
    div.boardWrap.type_Basic table tbody td.bT_name {
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    div.boardWrap.type_Basic table tbody td.bT_name + td.bT_date:before {
        content: '';
        display: inline-block;
        margin: 0 .5rem;
        background-color: rgba(0,0,0,0.15);
        width: 1px;
        height: 0.7rem;
    }

    div.boardWrap.type_Basic table tbody td.bT_date + td.bT_date:before {
        content: '';
        display: inline-block;
        margin: 0 .5rem;
        background-color: rgba(0,0,0,0.15);
        width: 1px;
        height: 0.7rem;
    }

    div.boardWrap table tbody td {
        padding: 4px 0;
        font-size: 87.5%;
    }

    div.boardWrap.type_Basic table tbody td.bT_app, div.boardWrap.type_Basic table tbody td.bT_open {
        display: inline-block;
        float: right;
    }

    div.boardWrap.type_Basic table tbody td.bT_app span, div.boardWrap.type_Basic table tbody td.bT_open span {
        background: #eee;
    }

    div.boardWrap.myPage table tbody td.bT_app, div.boardWrap.myPage table tbody td.bT_ing {
        display: inline-block;
        float: right;
    }

    div.boardWrap.myPage table tbody td.bT_app span, div.boardWrap.myPage table tbody td.bT_ing span {
        background: #eee;
    }

    /* 게시판_view  */
    div.board_view.survey .headerBox .vTitle {
        padding-top: 0;
    }

    div.board_view.column .headerBox .vTitle {
        padding-top: 0;
    }

    div.board_view.spt .headerBox .vTitle {
        /* padding-top: 0; */
        width: 100%;
    }

    div.board_view .headerBox .state {
        position: relative;
        left: inherit;
        top: -1rem;
        display: block;
        margin: auto;
    }

    div.board_view .headerBox .vTitle {
        text-align: center;
    }

    div.board_view.use .headerBox .vTitle {
        text-align: left;
    }

    div.board_view.use .headerBox .vTitle strong {
        display: block;
        line-height: inherit;
    }

    div.board_view.use .headerBox .vTitle em {
        margin-right: 0;
        margin-bottom: 5px;
    }

    div.board_view.use .replyBox .vTitle em {
        margin-right: 0;
        margin-bottom: 5px;
    }

    div.board_view .headerBox .place {
        position: relative;
        display: inline-table;
        right: inherit;
        top: -1rem;
    }

    /* 포토갤러리형 */
    div.gallary_list li {
        width: 50%;
    }

    div.gallary_list li .pic img {
    }

    div.gallary_list.curation li .pic {
        height: auto;
    }

    div.gallary_list > ul > li div.contBox > strong {
        font-size: 1.7rem;
        font-weight: 500;
    }

    div.gallary_list.curation > ul > li div.contBox > strong {
        height: 50px;
    }

    div.gallary_list.event > ul > li div.contBox > strong {
        height: 50px;
    }

    div.gallary_list.column a.exusrNm {
        bottom: 1.2rem;
    }

    /* 이달의농업기술:추천 */
    div.gallary_list.curation li.goodCont {
        width: 100%;
    }

    div.gallary_list.curation li.goodCont .pic {
        height: auto;
    }

    /* 동영상형 */
    div.vod_list li {
        width: 50%;
    }

    div.vod_list > ul > li div.contBox > strong {
        font-size: 1.7rem;
        font-weight: 500;
    }

    div.gallary_list.band a.goBand {
        right: 1rem;
        bottom: 1rem;
    }

    .section_vMain .vod_list > ul > li:nth-child(4) {
        display: block;
    }
	/*농업인경진대회 2023년 후 스마트경영 혁신대회로 변경*/
	div.gallary_list.smartFA li{
	width:100%;
	}
    /* book */
    div.book_list li {
        width: 33.333%;
    }

    div.book_list li .pic {
        width: 100%;
        height: auto;
    }

    /* 간행물 */
    div.paper_list li {
        width: 33.333%;
    }

    div.paper_list li a:before {
        background: url("/ps/img/cmmImg_2020/common/thum_over.png") 50% no-repeat;
    }

    /* 지역 브랜드,특산물,음식 */
    div.data_list li .inBox {
        padding: .8rem .5rem;
    }

    div.data_list li .pic {
        display: inline-block;
        float: left;
        width: 80px;
        height: auto;
        min-height: 80px;
        vertical-align: top;
        overflow: hidden;
        background: #fff url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;
        background-size: 120px auto;
    }

    div.data_list li div.contBox {
        display: inline-block;
        width: calc(100% - 100px);
        margin-left: 20px;
        box-sizing: border-box;
    }

    div.data_list.fSite li {
        float: none;
        width: 100%;
    }

    div.data_list.fSite li .pic {
        width: 80px;
        height: 80px;
    }

    div.data_list.fSite li div.contBox dl.list-type01 dd {
        -webkit-line-clamp: inherit;
        max-height: inherit;
    }

    /* 설문조사 */
    .surveyWrap p.title {
        font-size: 1.8rem;
    }

    .surveyWrap p.title:before {
        top: 7px;
        margin-top: 0;
    }

    .surveyList {
        padding: 1rem;
    }

    .surveyList .q {
        padding-right: 80px
    }

    .surveyList.poll .q {
        padding-right: 0;
    }

    .surveyList .q .length {
        width: 70px;
        color: #3f5f9c;
        text-align: right;
    }

    .surveyList .q .length::before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 10px;
        margin-right: 5px;
        background-color: #ccc
    }

    .surveyList .a .txt {
        float: none;
        width: auto
    }

    .surveyList .a .graph {
        float: none;
        width: auto;
        max-width: 100%
    }

    .surveyList.poll .a li {
        line-height: 24px;
    }

    /* 농촌체험_view */
    div.photoBox dl dt strong {
        font-size: 2.1rem;
    }

    div.photoBox dl dd.photo-intro .picbox {
        width: 270px;
        height: 170px;
    }

    div.photoBox dl dd.photo-intro .picbox img {
        min-width: 270px;
    }

    /* 농촌체험_view - img_slider */
    div.photoBox dl dd.photo-intro .img_box {
        width: 50%;
        margin-right: 1.5rem;
    }

    div.photoBox dl dd.photo-intro .img_box .main_img {
        height: 240px;
    }

    div.photoBox dl dd.photo-intro .img_box .main_img img {
        min-width: inherit;
    }

    div.photoBox dl dd.photo-intro .img_box .thumb_list li a {
        height: 50px;
    }

    div.photoBox dl dd.photo-intro .img_box .thumb_list .slick-list {
        height: 52px;
        overflow: hidden;
    }

    /* table-responsive*/
    .table-responsive > table {
        min-width: inherit !important;
    }

    .table-responsive th[scope="col"] {
        display: none;
    }

    .table-responsive th[scope="row"] {
        display: block;
        /*border:solid #ddd;border-width:1px 0 0;border-right:0 !important;*/
    }

    .table-responsive colgroup {
        display: none;
    }

    .table-responsive > table td {
        padding: 1rem !important;
        /*border:0 !important;*/
        width: 100%;
        display: inline-block;
        text-align: left;
    }

    .table-responsive > table tr {
        display: block;
        width: 100%;
    }

    /* table-scroll*/
    .table-scroll {
        position: relative;
        width: 100%;
        overflow-x: scroll;
    }

    .table-scroll table {
        min-width: 1024px;
    }

    .table-scroll th, .table-scroll td {
        padding: .75rem;
        font-size: .75rem !important;
    }

    .table-scroll:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 3px;
        height: 100%;
        background: #fff;
        content: '';
        z-index: 1;
    }

    /* 모바일 테이블 가로스크롤 */
    .table_scroll {
        position: relative;
    }

    .table_scroll .tableBox {
        position: relative;
        padding-top: 30px;
        width: 100%;
        overflow: auto
    }

    .table_scroll .graph_inner {
        position: relative;
        padding-top: 30px;
        width: 100%;
        overflow: auto
    }

    .table_scroll table {
        width: 767px !important;
    }

    .table_scroll .graph_inner p {
        width: 767px !important;
    }

    .table_scroll::before {
        position: absolute;
        top: 0;
        left: 50%;
        content: '좌우로 스크롤하여 확인하세요.';
        font-size: 1.3rem;
        display: inline-block;
        padding: 2px 0 2px 82px;
        background: url('/ps/img/cmmImg_2020/common/mb_scroll.png')left center no-repeat;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        white-space: nowrap;
    }


	/*신)작목기술정보[2023]*/
	.board_STop.column64 fieldset ul li{width:calc(100%);}
	.board_STop.column64 .search_Form{padding:1rem 1.5rem;}
	.board_STop.column64 fieldset .itemGroup span.check-input span input[type="checkbox"] + label, .board_STop.column64 fieldset .gTGroup span.check-input span input[type="checkbox"] + label{min-width:4rem;}
	.board_STop.column64 fieldset ul li+li{width:calc(100%);margin-top: 1rem; margin-left: 0;}

}

@media screen and (max-width: 680px) {
    .table td .optionGroup .optionBox {
        width: calc(100% - 55px);
    }

    .table td .proundBtn {
        min-width: 50px;
        display: inline-block;
        text-align: center;
        margin: 0;
    }

    .btnArea .btn {
        min-width: 105px;
        height: 36px;
        line-height: 34px;
        font-size: 1.5rem;
        margin-top: 5px
    }

    .btnArea.sm {
        margin: 15px 0;
    }

    .btnArea.sm .btn {
        height: 34px;
        line-height: 32px;
        font-size: 1.3rem;
    }

    .cms_TextArea .inner_TextArea .cms_table:before {
        position: sticky!important;
        top: 0;
        left: 0;
        content: '좌우로 스크롤하여 확인하세요.';
        font-size: 1.3rem;
        display: inline-block;
        padding: 2px 0 20px 82px!important;
        background: url(/ps/img/cmmImg_2020/common/mb_scroll.png)left top no-repeat!important;
        transform: translateX(25%);
        -ms-transform: translateX(25%);
        white-space: nowrap;
    }

    .board-type01:before {
        position: sticky!important;
        top: 0;
        left: 0;
        content: '좌우로 스크롤하여 확인하세요.';
        font-size: 1.3rem;
        display: inline-block;
        padding: 2px 0 20px 82px!important;
        background: url(/ps/img/cmmImg_2020/common/mb_scroll.png)left top no-repeat!important;
        transform: translateX(25%);
        -ms-transform: translateX(25%);
        white-space: nowrap;
    }

    div.pubData_list ul {
        clear: both;
        margin: 0
    }
}

@media screen and (max-width: 620px) {
    /* 포토 리스트형 */ div.photo_list > ul > li {
        padding: .8rem .6rem;
        min-height: 140px;
        border-bottom: 1px solid #ddd;
    }

    div.photo_list > ul > li .pic {
        margin-right: 20px;
        width: 150px;
        height: 112px;
    }

    div.photo_list > ul > li div.contBox > span {
        display: block;
        margin: 0 0 0 0;
        color: #f95c11;
        font-size: 1.3rem;
        font-weight: 400
    }

    div.photo_list > ul > li div.contBox > span i {
        position: relative;
        padding: 0 .3rem 0 0;
        color: #6d6c76;
        font-size: 1.3rem;
        font-weight: 400
    }

    div.photo_list > ul > li div.contBox > .farmName {
        display: block;
        margin: 0 0 0 0;
        color: #f95c11;
        font-size: 1.3rem;
        font-weight: 400
    }

    div.photo_list > ul > li div.contBox > .farmName i {
        position: relative;
        padding: 0 .3rem 0 0;
        color: #6d6c76;
        font-size: 1.3rem;
        font-weight: 400
    }

    div.photo_list > ul > li div.contBox > strong {
        display: block;
        margin-bottom: .2rem;
        font-size: 1.7rem;
        color: #333;
        font-weight: 500;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    div.photo_list > ul > li div.contBox > p.txt {
        font-size: 1.3rem;
        max-height: 40px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 0;
        line-height: 1.5;
    }

    div.photo_list.curation > ul > li div.contBox > p.txt {
        display: none;
    }

    div.photo_list > ul > li div.contBox > .date {
        position: absolute;
        right: .6rem;
        bottom: .8rem;
        color: #aeaeae;
        font-weight: 400;
        font-size: .8rem
    }

    /* 이달의농업기술:추천 */
    div.photo_list.curation div.goodCont {
        padding: 1rem;
    }

    div.photo_list.curation div.goodCont div.contBox > strong {
        font-size: 1.7rem;
    }

    div.photo_list.curation div.goodCont div.contBox > p.txt {
        font-size: 1.5rem;
    }

    div.photo_list.curation div.goodCont .pic {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    div.photo_list.curation div.goodCont .state {
        left: 1rem;
        top: 1rem
    }

    div.photo_list.curation div.goodCont div.contBox > .itemBox {
        position: relative;
        display: block;
        right: inherit;
        bottom: inherit;
        text-align: right;
    }

    /* boxList_공공Data활용기관 */
    div.box_list li {
        float: none;
        width: 100%;
    }

    /* 지역 브랜드,특산물 */
    div.data_list li {
        float: none;
        width: 100%;
    }

    /* 음식 */
    div.data_list.area li {
        float: left;
        width: 50%;
    }

    div.data_list.area li .inBox {
        padding: .6rem;
    }

    /* 농촌체험 */
    div.data_list.photo li {
        float: left;
        width: 50%;
    }

    div.data_list.photo li .inBox {
        padding: 1rem;
    }

    /* 간행물2 */
    div.publical_list li {
        width: 50%;
    }

    /* 농촌체험_view */
    div.photoBox dl dd.photo-intro .picbox {
        width: 240px;
        height: 140px;
        margin: 0 1.2rem 0 0;
    }

    div.photoBox dl dd.photo-intro .picbox img {
        min-width: 240px;
    }

    .infoBox .inner {
        padding: 1.2rem;
    }
    .movie-bx-list li {
        padding: 0.8rem 0.6rem;
        min-height: 140px;
        border-bottom: 1px solid #ddd;
    }
}

@media screen and (max-width: 560px) {
    .object_item.nsrUse .tagTit em {
        display: inherit;
    }

    .reply-bx>div>div>.btn-7-1 {
        width: 20%
    }

    /* 작목별 검색 */
    .cmList .cmTit {
        font-size: 1.3rem;
    }

    /* 현장전문가칼럼-전문가 */
    .proFile .pinfo {
        display: block;
        float: none;
        margin-right: 0;
    }

    .proFile .pinfo .thumb {
        margin: auto
    }

    .proFile .finfo {
        position: relative;
        display: block;
        float: left;
        width: 100%;
    }

    div.board_view .vinfo ul {
        display: block;
        float: none;
    }

    div.board_view .vinfo li {
        float: none;
        text-align: left;
        line-height: 1.6 !important;
    }

    div.board_view.use .vinfo li {
        float: left;
        text-align: left;
        line-height: 1.6 !important;
        padding-right: .6rem;
        margin-right: .6rem;
    }

    div.board_view .vinfo ul.rul {
        float: none;
        margin-top: .3rem;
    }

    div.board_view .vinfo ul.rul li {
        float: none;
    }

    div.board_view .vinfo li:after {
        content: none;
    }

    div.board_view.use .vinfo li:after {
        content: '';
    }

    div.board_view.use .vinfo li:last-child:after {
        content: none;
    }

    /* book */
    div.book_list li {
        width: 50%;
    }

    /* 간행물 */
    div.paper_list li {
        width: 50%;
    }

    /* 간행물2 */
    div.publical_list li {
        width: 50%;
    }

    /* 간행물3 */
    div.pubData_list li {
        float: none;
        width: 100%;
    }

    div.pubData_list li .inBox {
        border: 1px solid #ececec;
    }

    div.pubData_list li .pic {
        float: none;
        display: block;
        margin: 0 auto;
    }

    div.pubData_list li div.contBox {
        width: 100%;
    }

    div.pubData_list li div.contBox > strong {
        word-break: break-all;
        text-align: center;
    }

    /* 농촌체험_view */
    div.photoBox dl dt {
        position: relative;
        padding: 0 0 1rem 0;
    }

    div.photoBox span.btnArea {
        display: block;
        position: relative;
        margin-top: 10px;
        text-align: right;
    }

    div.photoBox span.btnArea .btn {
        margin: 2px;
        height: 30px;
        line-height: 28px;
        font-size: 1.3rem;
    }

    div.photoBox dl dd.photo-intro .picbox {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        max-height: 240px;
        margin: 0;
    }

    div.photoBox dl dd.photo-intro .picbox img {
        min-width: 100%;
    }

    div.photoBox dl dd.photo-intro .txtlist {
        margin-top: 20px;
    }

    /* 농촌체험_view - img_slider */
    div.photoBox dl dd.photo-intro .img_box {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    div.photoBox dl dd.photo-intro .img_box .main_img {
        height: auto;
        max-height: 250px;
    }

    /* 향토음식_view - img_slider */
    div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto {
        height: auto;
        max-height: 1200px;
    }

    div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto .pic {
        height: 200px;
    }

    div.photoBox dl dd.photo-intro .img_box .main_img.multPhoto .img-small>ul>li .img_thumb>a>img {
        min-width: 90px;
        max-width: 100%;
        height: 90px;
    }

    div.gallary_list.event li {
        float: none;
        width: 100%;
    }

    div.gallary_list.event > ul > li div.contBox > .staTe {
        bottom: 1rem;
        top: inherit;
    }

    .board-list02:before {
        left: 0;
        transform: translateX(25%);
    }
}

@media screen and ( max-width: 500px) {
    /* tooltip 상세보기*/ .tooltip-conts.right {
        left: -136px;
    }

    .tooltip-conts.right:after {
        left: 50%;
    }

    .curation .board_Info fieldset span {
        width: 100% !important;
    }

    .curation .board_Info fieldset span.form-btn2 {
        float: none;
        margin-top: 10px;
        width: 100% !important;
        min-height: 36px;
    }

    .curation .board_Info fieldset span.form-btn2 a.btn.pdf {
        display: block;
        text-align: center;
    }

    div.gallary_list.event > ul > li div.contBox > .staTe {
        bottom: inherit;
        top: -.75rem;
    }
    
    div.tbl-type01::before {
        left: 0;
        background: url('/ps/img/cmmImg_2020/common/mb_scroll.png')left top no-repeat;
        transform: translateX(25%);
        -ms-transform: translateX(-25%);
    }

    div.tbl-type01>table {
        font-size: 1.7rem;
    }

    div.tbl-type01:first-child {
        padding-top: 0!important
    }
}

@media screen and ( max-width: 478px) {
    /* 이달의식재료_view - img_slider */ div.photoBox dl dd.photo-intro.pic .bx-wrapper {
        max-width: 300px !important;
    }

    div.photoBox dl dd.photo-intro.pic .img_box .main_img {
        width: 300px;
        height: 198px;
    }
}

@media screen and ( max-width: 425px) {
    /* agreebox_cont - 개인정보 수집동의 */ .agreebox_cont {
        padding: 1rem;
        font-size: 1.5rem;
    }

    .agreebox_cont .enentAgree .assEnt span {
        float: none;
    }

    div.photo_list > ul > li .pic {
        display: block;
        float: none;
        position: static;
        width: auto;
        height: auto;
        max-height: 250px;
        margin: 0 auto .6rem;
    }

    div.photo_list.curation > ul > li {
        padding: .5rem .5rem;
    }

    div.photo_list.curation > ul > li .pic {
        width: 88px;
        float: left;
        margin: 0 auto .4rem;
        margin-right: 10px;
    }

    div.photo_list > ul > li div.contBox {
        margin: 0 0 0 0;
    }

    div.photo_list > ul > li div.contBox > .date {
        position: relative;
        right: 0;
        bottom: .0;
    }

    div.photo_list.curation > ul > li div.contBox > strong {
        font-size: 1.5rem;
    }

    /* 간행물2 */
    div.publical_list li a .pic {
        height: 260px;
    }

    /* 작목별 검색 */
    .searchKeyWord {
        width: 100%;
    }

    .category_items ul {
        margin: .5rem 0 0;
    }

    /* 통합검색 */
    #container.cropArea .btnArea button.btn {
        display: block;
        margin: 0 auto .5rem;
        padding: 0 14px;
    }
    .movie-bx-list li .division-txt {
        position: relative;
        right: 0;
        bottom: .0;
    }
}

@media screen and ( max-width: 360px) {
    /* 포토갤러리형 */ div.gallary_list li {
        float:none;
        width: 100%;
    }

    /* 이달의식재료_view - img_slider */
    div.photoBox dl dd.photo-intro.pic .bx-wrapper {
        max-width: 270px !important;
    }

    div.photoBox dl dd.photo-intro.pic .img_box .main_img {
        width: 270px;
        height: 178px;
    }
}

@media screen and ( max-width: 340px) {
    div.data_list.area li {
        float:none;
        width: 100%;
    }

    div.data_list.photo li {
        float: none;
        width: 100%;
    }
}




@media screen and ( max-width: 1279px) {
    .board_Info { flex-direction: column; align-items: flex-start; gap:.8rem}
    .board_Info .page_Info { order:2}
    .board_Info .search_Form { order:1; margin-left:auto}
}
@media screen and ( max-width: 767px) {
    .board_Info .search_Form .input-group { flex-direction: column;}
    .board_Info .search_Form .krds-form-select { width:100%}
    .board_Info .search_Form .krds-btn { width:100%}
}