@charset "utf-8";
@import url(./all_research.css);
@import url(./board_new.css);
@import url(./board_old.css);


.tableSt_list {border-top-color:#74bd6c;}

#content .box_page {padding-top:30px !important;}
#content .btnboxR {margin-top:20px;}
#content input,
#content select,
#content textarea {margin:0;}

#content input::placeholder {color:#888888;}

#content .box_content {padding:0 !important; border:none !important; position:static !important; margin:0 !important;}
#content *[type="checkbox"],
#content *[type="radio"] {vertical-align:middle;margin-right: 5px;width: 17px;height: 17px;}

@media all and (max-width:425px) {
	#content *[type="checkbox"],
	#content *[type="radio"] {width:24px;height:24px;}
}

/* table */
/* 보드헤더 */
.bod_head {position:relative;padding-bottom: 15px;}
.bod_head:after {content:""; display:block; clear:both;}
.bod_head .page_num {float:left; margin:9px 0 0;}
.bod_head .page_num >em {color: #E3276B; font-weight:600;}
.bod_head .page_all {float:left; margin:9px 0 0;}
.bod_head .page_all + .page_num {margin-left:10px;}


/* 게시판 */
.bod_head .bod_search {float: right; position: absolute; right: 0;}
.bod_head .bod_search li {display:table-cell; vertical-align:middle; padding:0 2px;}
.bod_head .bod_search li > * {max-width:100%}
.blind {display:inline-block; width:0; height:0; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0;}

.bod_search select {height:26px; padding:0 3px; margin-top:0; border: 1px solid #cccccc; font-size:14px;}
.bod_search input {box-sizing:border-box;}
.bod_search input[name="searchTxt"] {height:26px;width:170px; padding:0 5px;margin-top: 0;font-size: 14px;border: 1px solid #cccccc;box-sizing: border-box;}
.bod_search input[name="searchBt"] {display:inline-block;position:relative;height: 26px;padding:0 15px 0; background:#fff; color:#222; border:2px solid #ddd; vertical-align: middle;box-sizing:border-box;transition:0.5s; font-size:14px;}
.bod_search .btn {padding:0 25px 0 10px; line-height:22px; font-size:14px;}
.bod_search .btn.down {line-height:3em;font-size:inherit;}
.bod_search .btn:after {display:none;}
.bod_search .btn.download {background:url(../img/common/spr_btn_small.png) top 3px right -5px no-repeat #fff;}

@media all and (max-width:768px) {
	.bod_head .page_num {float:none; margin:0 0 10px 0;}
	.bod_head .bod_search {position:relative; float:none;}
}


.tableSt_list thead {border-bottom:1px solid #8acca3;}

#egovComFileList .btn_dele {height:auto; margin-left:5px; padding:0; border:none; vertical-align:middle;}
#egovComFileList li {background:none !important; padding-left:0 !important;}

label[for="loginPasswdInputUseYn"] + input {margin-top:0 !important; vertical-align:middle; margin-left:5px !important;}


.tableSt_list thead th {background:#f4fff1;}
.tableSt_list thead {border-bottom:1px solid #d9d9d9;}
.tableSt_list td,
.tableSt_list th {}

.tableSt_list thead + tbody {border-top: 0;}
.tableSt_list tbody {border-top: 2px solid #355baa;}

@media (max-width: 768px) {
	.tableSt_list colgroup {display:none;}
	.tableSt_list,
	.tableSt_list tbody td.col_title {border:none;}
	.tableSt_list tbody {border-top: 2px solid #355baa;}
	.tableSt_list thead {border-bottom:none !important;}

	.tableSt_list,
	.tableSt_list tbody,
	.tableSt_list tr,
	.tableSt_list td,
	.tableSt_list th {display:block; position:relative; text-align:left; width: 100%; box-sizing: border-box;}
	.tableSt_list .col_title,
	.tableSt_list .list_tit  {padding-bottom:10px;}
	.tableSt_list .list_tit br {display:none !important;}
	.tableSt_list .col_title ~ *,
	.tableSt_list .list_tit ~ *,
	.tableSt_list.basic .col_title ~ *,
	.tableSt_list.basic .list_tit ~ *   {display:inline-block; padding:0  0 10px 0!important; vertical-align:top;}
	.tableSt_list.basic .list_write:after {margin:0 10px;}

	.tableSt_list.has-control .list_control {display:block; position:absolute; max-width:60px; text-align:right; top:50%; right:5px; width:auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.tableSt_list.has-control .list_control .btn + .btn  {margin-top:5px;}
}







.box_page {border:none !important; padding:30px 0 0 0 !important;}
.box_page > a.btn_frist, .box_page > a.btn_10prev, .box_page > a.btn_10next, .box_page > a.btn_end {width:30px; height:30px !important;}
.box_page > a.btn_frist {background:url(/agro-ecopark/images/common/page_first.png) no-repeat center;}
.box_page > a.btn_10prev {background:url(/agro-ecopark/images/common/page_prev.png) no-repeat center;}
.box_page > a.btn_end {background:url(/agro-ecopark/images/common/page_last.png) no-repeat center;}
.box_page > a.btn_10next {background:url(/agro-ecopark/images/common/page_next.png) no-repeat center;}

.box_page > a {padding: 2px 10px;line-height: 1.9 !important;}
.box_page > span {padding:4px 10px;line-height: 1.6em !important; background:#74bd6c !important;}

@media screen and (max-width: 885px) {
	#realNameTab > ul > li {height:auto !important;}
}

@media all and (max-width:500px){
	.box_page > a.btn_frist, .box_page > a.btn_10prev, .box_page > a.btn_10next, .box_page > a.btn_end {width: 23px;height: 25px !important;line-height: 1.5 !important;}
	.box_page > a {padding: 2px 5px;line-height: 1.2 !important;}
	.box_page > span {padding: 2px 5px;line-height: 1.5 !important;background:#74bd6c !important;}
}

.search_box {position:realtive; line-height:30px; overflow:hidden;}
.search_box * {line-height:30px;}
.board_page {margin:0; line-height:30px !important; top:0;}
.search_box select,
.search_box input,
.search_box button {height:30px; margin:0; box-sizing:border-box; vertical-align:middle;}
.search_box input[type="button"], .search_box input[type="submit"] {margin:0; background:#74bd6c; border-color:#74bd6c; color:#fff; padding:4px 20px; text-align:center;}

div[class*="list_"] + .box_page {margin-top:30px;}

@media all and (max-width: 768px) {
	.search_box select,
	.search_box input#searchTxt[type="text"] {float:left; height:40px; display:block; box-sizing:border-box;}
	.search_box select {width:30%;}
	.search_box input#searchTxt[type="text"] {width:70%;}
	.search_box select[name="searchCategory"] {float:none; clear:both; width:100%;}

	.search_box select ~ * {border-left-width:0px !important;}
	.search_box select[name="searchCategory"] ~ * {border-top-width:0px !important;}
	.search_box select[name="searchCategory"] ~ select {border-left-width:1px !important;}

	.search_box input[type="button"].searchbtn_list,
	.search_box input[type="submit"].searchbtn_list {padding:0; clear:both; height:40px; background:#74bd6c; margin-top:5px !important;}
}

#content .bod_view h4:before,
#pop_container .bod_view h4:before {display:none;}
#conts .bod_view h4 {border-top-color:#476CEC; margin-bottom:0; padding:20px 0;}
#content .tableSt_lis,
#content .list_gellery   {}
.tableSt_list tbody td, .tableSt_list tbody th {padding:15px 0;}
#content .cont_box { padding:15px 0;}

#updateFileList > li {padding-top:4px !important;}
#content .view_file .box_file {border:none; padding:0; margin:0;}
#content .view_file .list_file *[class*="btn"] {padding:0 10px;}


#content .tbl_form tbody {border-top:2px solid #74bd6c;}
#content .tbl_form thead th {background:#f4fff1; font-weight:600; text-align:center; padding:8px 10px; border:1px solid #d7d9dd; border-top:2px solid #6c85bd;}
#content .tbl_form tbody th,
#content .tbl_form tbody td {padding:15px 10px; border:1px solid #d9d9d9; }
#content .tbl_form tbody th {background:#f4fff1; font-weight:600;}
#content .tbl_form tbody {border-right:1px solid #d9d9d9;}
#content .tbl_form thead + tbody {border-right:0; border-top:none;}
#content .tbl_form input[type="text"],
#content .tbl_form input[type="number"],
#content .tbl_form input[type="password"],
#content .tbl_form select  {height:35px; padding:0 10px;  box-sizing:border-box; max-width:100%; outline: none; }
#content .tbl_form input:focus  { background: #f4fff1; box-shadow: 0 0 3px #74bd6c; border: 1px solid #74bd6c !important; }
#content .tbl_form input[type="file"] {height:35px; box-sizing:border-box; max-width:100%;}
/*#content .tbl_form .hasDatepicker {padding-right:80px !important; background:url('/common/images/application/bul_calendar.png') no-repeat right 10px top 50%;}*/
#content .tbl_form .btn,
#content .tbl_form .btn.small  {height:35px !important; line-height:35px; vertical-align:middle; padding:0 15px !important; min-width:100px; text-align:center;}
#content .tbl_form *[name*="tel"],
#content .tbl_form .tellep  {width:120px; max-width:30% !important;}
#content .tbl_form .dash {display:inline-block; height:40px; text-align:center; width:4%; overflow:hidden; margin:0 -4px; line-height:40px; vertical-align:middle;}
#content .tbl_form input[type="text"].short,
#content .tbl_form input[type="number"].short,
#content .tbl_form input[type="password"].short,
#content .tbl_form select.short {width:100px;}
#content .tbl_form input[type="text"].sshort,
#content .tbl_form input[type="number"].sshort,
#content .tbl_form input[type="password"].sshort,
#content .tbl_form select.sshort {width:150px; max-width:40%;}
#content .tbl_form .sshort ~ .dash {width:10%; text-indent:-0.01em;}
#content .tbl_form input[type="text"].mid,
#content .tbl_form input[type="number"].mid,
#content .tbl_form input[type="password"].mid,
#content .tbl_form select.mid {width:180px; max-width:48% !important;}
#content .tbl_form textarea {border:1px solid #cccccc;}
#content .tbl_frm_guide { margin-top:20px; padding-top:10px; border-top:1px solid #ddd; font-size:.95em;}

#content .tableSt_view thead th {background:#74bd6c; color:#fff; font-weight:800; text-align:center; padding:8px 10px; border:1px solid #378b4f; border-top-width:2px;}
#content .tableSt_view tbody th,
#content .tableSt_view tbody td {padding:15px 10px; border:1px solid #d9d9d9; }
#content .tableSt_view tbody th {background:#f9f9f9; color:#74bd6c; }
#content .tableSt_view tbody {border-right:1px solid #d9d9d9;}
#content .tableSt_view thead + tbody {border-right:0;}
#content .tableSt_view input[type="text"],
#content .tableSt_view input[type="number"],
#content .tableSt_view input[type="password"],
#content .tableSt_view input[type="file"],
#content .tableSt_view select  {height:40px; padding:0 10px;  box-sizing:border-box; max-width:100%;}
#content .tableSt_view input[type="file"] {padding:7px 0; background:#fff; border:none;}
#content .tableSt_view .hasDatepicker {padding-right:80px !important; background:url('/common/images/application/bul_calendar.png') no-repeat right 10px top 50%;}
#content .tableSt_view .btn,
#content .tableSt_view .btn_white_blank,
#content .tableSt_view .btn.small  {display:inline-block; height:40px !important; line-height:40px; vertical-align:middle; padding:0 15px !important; min-width:100px; text-align:center; background:#378b4f !important; border-color: #378b4f !important; color:#fff !important; margin:0 !important}
#content .tableSt_view .btn_white_blank:after {display:none;}
#content .tableSt_view *[name*="tel"] {width:120px; max-width:30% !important;}
#content .tableSt_view .dash {display:inline-block; height:40px; text-align:center; width:4%; overflow:hidden; margin:0 -4px; line-height:40px; vertical-align:middle;}
#content .tableSt_view input[type="text"].short,
#content .tableSt_view input[type="number"].short,
#content .tableSt_view input[type="password"].short,
#content .tableSt_view select.short {width:100px;}
#content .tableSt_view input[type="text"].mid,
#content .tableSt_view input[type="number"].mid,
#content .tableSt_view input[type="password"].mid,
#content .tableSt_view select.mid {width:180px; max-width:48% !important;}
#content .tableSt_view {}
#content .tableSt_view .tip {display:block; position:relative; font-size:14px; margin-bottom:20px !important; padding-bottom:10px; border-bottom:1px solid #ddd; text-align:left; padding-left:0 !important; float:none !important}
#content .tableSt_view input ~ .tip,
#content .tableSt_view select ~ .tip,
#content .tableSt_view .red.f11  {display:block; position:relative; font-size:14px; margin-top:20px; padding-top:10px; border-top:1px solid #ddd; margin-bottom:0 !important; padding-bottom:0; border-bottom:none;}
#content .tableSt_view textarea {border:1px solid #cccccc;}

#content .bod_write {display:block; border:1px solid #d9d9d9; }
#content .bod_write dl {display:table; width:100%; padding:0; margin:0;}
/* #content .bod_write dl + dl > * {border-top:1px solid #d9d9d9;} */
#content .bod_write dl > * {display:table-cell; vertical-align:middle; padding:15px 10px;  border:none; float:none;}
#content .bod_write dt {width:20%; background:#f9f9f9; color:#74bd6c; font-weight:800; border-right:1px solid #d9d9d9;}
#content .bod_write dd {}
#content .bod_write input[type="text"],
#content .bod_write input[type="number"],
#content .bod_write input[type="password"],
#content .bod_write input[type="file"],
#content .bod_write select  {height:40px; padding:0 10px;  box-sizing:border-box; max-width:100%;}
#content .bod_write input[type="file"] {padding:7px 0; background:#fff; border:none;}
#content .bod_write textarea {border:1px solid #cccccc;}
#content .bod_write .tip {display:block; position:relative; font-size:14px; margin-bottom:20px !important; padding-bottom:10px; border-bottom:1px solid #ddd; text-align:left; padding-left:0 !important; float:none !important}
#content .bod_write input ~ .tip,
#content .bod_write select ~ .tip,
#content .bod_write dd .red.f11,
#content .bod_write dd .red   {display:block; position:relative; font-size:14px; margin-top:20px; padding-top:10px; border-top:1px solid #ddd; margin-bottom:0 !important; padding-bottom:0; border-bottom:none;}
#content .bod_write dl:after {display:none;}

#content .tbl-dl-item {display:table; width:100%; table-layout:fixed; padding:0;}
#content .tbl-dl-item > * {display:table-cell; padding:15px 10px; border:1px solid #d9d9d9;}
#content .tbl-dl-item dt {width:170px; text-align:center; background:#f4fff1; font-weight:600; border-right-width:0; box-sizing:border-box;}
#content .tbl-dl-item input {height:35px; padding:0 10px;  box-sizing:border-box; max-width:70%; box-sizing:border-box;}


@media all and (max-width:790px) {
	#content .tbl_form .ta-full,
	#content .tbl_form select.ta-full,
	#content .tbl_form input[type="text"].ta-full,
	#content .tbl_form input[type="number"].ta-full,
	#content .tbl_form input[type="password"].ta-full  {display:block; width:100% !important; max-width:100% !important;}
	#content .tbl_form * > .ta-full:first-child {margin-bottom:10px;}
	#content .tbl_form * + .ta-full {margin-top:10px;}

	/*
	#content .tbl_form .full,
	#content .tbl_form select.full,
	#content .tbl_form input[type="text"].full,
	#content .tbl_form input[type="number"].full,
	#content .tbl_form input[type="password"].full  {display:block; width:100% !important; max-width:100% !important;}
	*/

	#content .tableSt_view .ta-full,
	#content .tableSt_view select.ta-full,
	#content .tableSt_view input[type="text"].ta-full,
	#content .tableSt_view input[type="number"].ta-full,
	#content .tableSt_view input[type="password"].ta-full  {display:block; width:100% !important; max-width:100% !important;}
	#content .tableSt_view * > .ta-full:first-child {margin-bottom:10px;}
	#content .tableSt_view * + .ta-full {margin-top:10px;}
	#content .tableSt_view .btn_white_blank {display:block; width:100%; margin-top:10px !important;}
	#content .tableSt_view .input500 {width:100% !important;}

	#content .bod_write .ta-full,
	#content .bod_write select.ta-full,
	#content .bod_write input[type="text"].ta-full,
	#content .bod_write input[type="number"].ta-full,
	#content .bod_write input[type="password"].ta-full  {display:block; width:100% !important; max-width:100% !important;}
	#content .bod_write * > .ta-full:first-child {margin-bottom:10px;}
	#content .bod_write * + .ta-full {margin-top:10px;}
	#content .bod_write .btn_white_blank {display:block; width:100%; margin-top:10px !important;}
	#content .bod_write .input500 {width:100% !important;}
}
@media all and (max-width:640px) {
	#content .tbl_form,
	#content .tbl_form thead,
	#content .tbl_form tbody,
	#content .tbl_form tr,
	#content .tbl_form td,
	#content .tbl_form th {display:block; position:relative;}
	/*#content .tbl_form {border:none;}*/
	#content .tbl_form tbody {border:none;}
	#content .tbl_form th {margin-top:10px;}
	#content .tbl_form * + td {border-top-width:0 !important;}
	#content .tbl_form .mo-full,
	#content .tbl_form select.mo-full,
	#content .tbl_form input[type="text"].mo-full,
	#content .tbl_form input[type="number"].mo-full,
	#content .tbl_form input[type="password"].mo-full {display:block; width:100% !important; max-width:100% !important;}
	#content .tbl_form * > .mo-full:first-child {margin-bottom:10px;}
	#content .tbl_form * + .mo-full {margin-top:10px;}
	#content .tbl_form .mo-not {display:none !important;}


	#content .tableSt_view,
	#content .tableSt_view thead,
	#content .tableSt_view tbody,
	#content .tableSt_view tr,
	#content .tableSt_view td,
	#content .tableSt_view th {display:block; position:relative; width:auto !important;}
	/*#content .tableSt_view {border:none;}*/
	#content .tableSt_view {clear:both; display:block;}
	#content .tableSt_view tbody {border:none !important;}
	#content .tableSt_view tr {border-top-width:0 !important;}
	#content .tableSt_view tr + tr {margin-top:10px;}
	#content .tableSt_view * + td {border-top-width:0 !important;}
	#content .tableSt_view .mo-full,
	#content .tableSt_view select.mo-full,
	#content .tableSt_view input[type="text"].mo-full,
	#content .tableSt_view input[type="number"].mo-full,
	#content .tableSt_view input[type="password"].mo-full {display:block; width:100% !important; max-width:100% !important;}
	#content .tableSt_view * > .mo-full:first-child {margin-bottom:10px;}
	#content .tableSt_view * + .mo-full {margin-top:10px;}
	#content .tableSt_view .mo-not {display:none !important;}

	#content .bod_write,
	#content .bod_write dl,
	#content .bod_write dt,
	#content .bod_write dd {display:block; position:relative; }
	#content .bod_write {clear:both; display:block; border:none;}

	#content .bod_write dl {border:1px solid #d9d9d9 !important; border-top-width:0 !important;}
	#content .bod_write dl > dt,
	#content .bod_write dl > dd {border-top:1px solid #d9d9d9;}
	#content .bod_write dl + dl {margin-top:10px;}
	#content .bod_write dt {border:none;}
}


.h150_scroll {position: relative; border: 5px solid #e6e6e6; padding: 35px; box-sizing: border-box; margin-bottom: 10px !important; background:#fff; overflow:visible; height:auto !important;}
.minAgree {position:relative; text-align:center; padding-top:15px;}
/* #content form p {position:relative;} */
#content #privacyYn {position: absolute; /*top: 0; left: 0; opacity: 0;*/}
/*
#content .minAgree input,
#content input[id*="rivacyYn"],
#content input[id*="complianceYn"] {position:absolute;}  */
#content .minAgree label,
#content label[for*="rivacyYn"],
#content label[for*="complianceYn"] {display:inline-block; position:relative; text-align:left; padding:0 20px 0 0px; cursor:pointer;} 
#content label[for*="rivacyYn"] ~ br {display:none !important;}
/*
#content .minAgree label:before,
#content label[for*="rivacyYn"]:before,
#content label[for*="complianceYn"]:before {content:""; display:block; position:absolute; width:22px; height:22px; background:#fff; border:3px solid #fff; left:0; margin:0; top:50%; margin-top:-11px; box-sizing:border-box; transition:.3s all; -webkit-transition:.3s all;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(170,170,170,1);
	-moz-box-shadow: 0px 0px 1px 1px rgba(170,170,170,1);
	box-shadow: 0px 0px 1px 1px rgba(170,170,170,1);
	border-radius:1px;
} */
#content .minAgree *:checked + label:before,
#content *:checked + label[for*="rivacyYn"]:before,
#content *:checked + label[for*="complianceYn"]:before {background: #355baa;}

#content .box_h5 input[type="text"],
#content .box_h5 input[type="number"],
#content .box_h5 input[type="password"],
#content .box_h5 select  { position:relative; opacity: 1; height:35px; padding:0 10px;  box-sizing:border-box; max-width:100%; outline: none; }
#content .box_h5 input:focus  { background: #f4fff1; box-shadow: 0 0 3px #74bd6c; border: 1px solid #74bd6c !important; }

#content .box_h5 .bo-top{ margin-top:20px; padding-top: 20px; border-top: 1px solid #ddd; }

#content .tip {margin-top:30px; background:none; }

/* 여름지 개인정보동의 테이블 */
.agro_form_tbl table th input,
.agro_form_tbl table td input {margin-top:5px;}
.agro_form_tbl input[type="text"],
.agro_form_tbl select {padding:4.5px !important;}
#content .agro_form_tbl .btn.small, #content .agro_form_tbl [class^='btn_'].small {top:2px; padding:4px 15px !important;}
.tbl_wrap table.receipt_tbl {min-width: 0px !important;width: 100% !important;}
.fz15 {font-size:15px !important;}

/* 여름지 본인인증페이지 */
#realNameTab > ul > li { /* min-height: 280px;  */ height:auto;}
#realNameTab > ul > li .btn_blue {padding: 15px 17px !important;}


/* 갤러리게시판 */
.bod_photo {border-top: 1px solid #b0c5bf; border-bottom: 1px solid #dddddd; padding: 15px 0; margin-top: 20px;}
.bod_photo ul li {width: 33%; min-height:auto; float: left; text-align: center;padding: 10px 10px 10px 10px !important; box-sizing:border-box;}
.bod_photo ul:after{content: ''; display: block; clear: both;}
.bod_photo ul li a {color: #666666;display: block;}
.bod_photo ul li a span {margin: 5px 10px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block;}
.bod_photo ul li a figure {width:100%; height:0; padding-top:55%; margin:0; position:relative;}
.bod_photo ul li a figure > img {width:100%; min-height:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}

.bod_photo ul li a span.thumb{height: 185px; line-height: 185px; box-sizing:border-box;  overflow: hidden; border: 8px solid #fff; outline:1px solid #dcdcdc; background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;}
.bod_photo ul li  span.thumb img{display: inline-block; vertical-align: middle; min-height: 100%; width: 100%;}
.bod_photo ul li a span.tit{display: block; font-weight: 600;}
.bod_photo ul li a:hover>span.tit{text-decoration: underline;}
.bod_photo ul li a .date{font-size: 0.8em; display: inline-block; background: #f1f1f1; border-radius:20px; padding: 0 5px;}
.bod_photo ul li a div.thumb {overflow: hidden; margin: 0 auto; text-align: center; border: 8px solid #fff; outline:1px solid #dcdcdc; background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;}

.bod_photo ul li p.title {font-weight: bold;}
.bod_photo ul li .btn>img {border: 0px;}
.bod_photo .no_data {border-bottom: 0px !important;width: 100%;}
		
@media (max-width: 650px){
	.bod_photo ul li{width: 50%;}
}
@media (max-width: 360px){
	.bod_photo ul li{width: 100%;}
}