/* Search */
.searchDiv {
	position: relative;
	background: #fff;
	margin-bottom: 20px;
	padding: 20px;
	border:solid 1px #eee;
}
.searchDiv::before {
	content: "";
    position: absolute;
    bottom: -4px;
    left: -1px;
    display: block;
    width: 100%;
    height: 3px;
    background: #f1f1f1;
 }
.searchDiv .searchtxt { margin: 0; line-height: 36px; font-size: 16px; color: #e74637; font-weight: 700; }
.searchDiv .searchtxt b { font-size: 16px; color: #103258 !important; }
.searchDiv .searchForm { text-align: right; }


/* responsive basic */
.table.responList { width: 100%; border-top:solid 1px #ccc; }
.table.responList th { text-align:center; padding:20px 0; font-size: 15px;   border-top:solid 1px #ccc; }
.table.responList td { padding: 15px 0 15px 0; border-bottom:solid 1px #ddd; font-size: 15px;  color: #666; vertical-align: middle; }
.table.responList td A { color: #666; font-size: 15px; font-weight: 400; }
.table.responList td A:hover { color: #444; }
.table.responList .w-hd A .tit { margin: 0; padding: 0; color: #666; line-height: 1.5; font-size: 16px; }
.table.responList .w-hd A:hover .tit { color: #444; text-decoration: none; }
.table.responList .w-hd A .desc { margin: 8px 0 0; color: #888;  font-size: 13px; text-decoration: none; }
.table.responList td A .desc > .icon { display: inline-block; border-radius: 6px; padding: 5px 10px; font-family: 'nanum-square-r', sans-serif; line-height: 1.25; font-size: 95%; }
.new-icon { position: relative; background: #ff5b57; width: 18px; height:18px; line-height: 14px; text-align: center; border-radius: 50%; display: inline-block; }
.new-icon::before { content: 'N'; font-size: 11px; color: #fff; }

.responList .w-hd { display: block; float: left; }
.responList .m-hd { display: none; }

.notice-table.table thead tr th, .notice-table.table tbody tr th, .notice-table.table tbody tr td{
	border-left:0;
	border-right:0;
}

/* Gallery */
.gallery {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-right: -10px;
	margin-left: -10px;
}
.gallery::after {
	content:'';
	display:block;
	clear:both;
}
.gallery .galleryList {
	position: relative;
	float:left;
	width: 100%;
	min-height: 1px;
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.333333%;
	-moz-box-flex: 0;
	-moz-flex: 0 0 33.333333%;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	padding:0 10px;
	margin-bottom:20px;
}
.gallery .galleryList > div { }
.gallery .galleryList .Img { position: relative; text-align: center; overflow: hidden; border-radius: 4px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.gallery .galleryList .Img.default_photo {
	background-size:150px;
	background-color:#f9f9f9;
}
.gallery .galleryList .Img a {
	position:relative;
	display: block;
	padding-bottom:66.66667%
}
.gallery .galleryList .Img a.web {
	padding-top: 73%;
}
/* .gallery .galleryList .Img a::before {
	content: '';
	display: block;
	width:100%;
	padding-top:75%;
} */
.gallery .galleryList .Img a img {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	height:100%;
}
.gallery .galleryList .Img a img.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.gallery .galleryList .Img a:hover img {

}

.gallery .galleryList .cont { position: relative; width: 100%;  padding: 15px 0; display: inline-block; }
.gallery .galleryList .cont a .title { text-align: left!important; font-size:18px; margin-bottom: 10px; overflow: hidden; }
.gallery .galleryList .cont .title { line-height: 1.4; font-size: 18px; color: #111; }
.gallery .galleryList .cont .title a i { font-size: 20px; line-height: 1.4; vertical-align: middle; color: #666; }
.gallery .galleryList .cont .title a:hover { color: #333; text-decoration: underline; }
.gallery .galleryList .cont .card-sub-title{
	margin-bottom:10px;
}
.gallery .galleryList .cont .desc { margin: 12px 0 0; height: 57px; overflow: hidden;}
.gallery .galleryList .cont .desc .txt a {  font-size: 13px; color:#777; }
.gallery .galleryList .cont .desc .txt a:hover { text-decoration: underline; }
.gallery .galleryList .cont .desc .tag { display: inline-block; margin: 10px 0 0; }
.gallery .galleryList .cont .rating { color: #777; font-size: 13px; }
.gallery .galleryList .cont .rating > span {  font-size: 15px; line-height: 1.2; }
.gallery .galleryList .cont .rating > span i { font-size: 18px; color: #999; vertical-align: middle; }
.gallery .galleryList .cont .option { position: absolute; bottom: 18px; right:20px; }
.gallery .galleryList .cont .tags { margin: 6px 0 0;overflow: hidden; height: 22px;  }
.gallery .galleryList .cont .review { margin-top: 10px; border-top: solid 1px #ddd; }
.gallery .galleryList .cont .review .review-tit{ background: #fafafa; padding: 5px 0; line-height: 24px;}
.gallery .galleryList .cont .review .review-ul { border-top: solid 1px #eee; border-bottom: solid 1px #ddd; }
.gallery .galleryList .cont .review .review-ul li { position: relative;  padding:8px 0 8px 50px; border-top: solid 1px #eee; }
.gallery .galleryList .cont .review .review-ul li:first-child { border-top: 0; }
.gallery .galleryList .cont .review .review-ul li .icon { position: absolute; top: 12px; left: 10px; }


/* Write */
.panel-write { position: relative; max-width: 1000px; margin: 0 auto; border:solid 2px #eee; }
.panel-write .panel-heading { background: #eee!important; padding: 15px; }
.panel-write .panel-heading .panel-title { color: #333; font-size: 14px; }
.panel-write .panel-body { padding: 20px; }
.panel-write .panel-footer { border: 0; }
.panel-write .form-group { margin-right:0; margin-left: 0; }
.panel-write .form-group .coverImg {   }
.panel-write .form-group .coverImg > .img {
	background: #fafafa;
    padding: 0;
	border: solid 1px #ddd;
    text-align: center;
    overflow: hidden;
 }
.panel-write .form-group .coverImg .img img { max-width: 100%; height: auto; }
.panel-write .form-group .coverImg .img > div { height: 180px; }
.panel-write .form-group .coverImg .img > div > img { max-width: 100%; height:100%; }
.panel-write .form-group { padding: 0 0 20px; border-bottom: dashed 1px #ddd; }
.panel-write .form-group .control-label{ font-size: 14px; }
.panel-write .form-group.last { border-bottom:0; margin: 0; padding: 0; }
.form-group .input-group.input-daterange { width: auto!important; }
.panel-write .panel-body .title {
	width: 100%; display: inline-block; padding: 12px 0; margin: 0 0 20px; border-bottom: solid 2px #ddd;
	font-family:'NanumSquareR'; font-size: 18px; color:#333; font-weight: bold;
}


/* Detail */
/* View Page */
.board-view { position: relative; margin: 0 0 50px; background-color:#fff; padding:0 30px 50px; }
.board-view .view-header {
	position:relative; margin: 0;
	padding: 30px 10px 20px;
  border-bottom: solid 1px #eee;
	text-align: center;
}

.board-view .view-header dt .title { font-weight:600; font-size:24px; line-height: 1.4; color:#222; text-align: center;  }
.board-view .view-header dt .sub-title {
	font-size: 16px;
	font-weight: 400;
	margin-top: 10px;
	color:#676767;
}
.board-view .view-header dt .date { float:right; font-size:12px; color:#999;  padding:8px 0 0 5px; }

.board-view .view-header dd {  color:#666; padding:0; text-align: center; overflow:hidden; }
.board-view .view-header dd i { color:#999; font-size: 16px; line-height: 0; vertical-align: middle; }
.board-view .view-header dd .info { display: inline-block; margin-top: 15px; font-size:14px; color:#777; }
.board-view .view-header dd .info li {
	position: relative;
	float: left;
	padding: 0 10px;
	color: #777;
	font-size:15px;
	font-weight: normal;
}
.board-view .view-header dd .info li::before { content: ''; position: absolute; left: 0; top:50%; width: 1px; height: 16px; background: #ddd; margin-top: -8px; }
.board-view .view-header dd .info li:first-child:before  { display: none; }
.board-view .view-header .document-name a { color:#777; }
.board-view .view-header .document-name i { color:#337ab7; vertical-align: middle; font-size: 15px; }
.board-view .view-header .document-name span { color:#555;  font-size: 13px; font-weight: normal; }
.board-view .view-header dd span {  padding:0 5px; }

.board-view .view-header .title {
	font-size:24px;
	font-weight: 700;
	line-height: 1.6;
	word-break: break-all;
}
.board-view .view-header .title .label {
	font-size: 12px;
	display: inline-block;
	padding: 4px 10px;
	vertical-align: middle;
	line-height: 1.6;
	margin-top: -3px;
}
.board-view .view-header .sub-title {
	font-weight: 300;
	font-size: 18px;
	word-break: break-all;
	margin: 5px 0;
}
.board-view .view-header .info {
	margin-top:10px;
}
.board-view .view-header .info li {
	position:relative;
	display: inline-block;
	color:#676767;
	padding:0 10px;
	font-size:14px;
}
.board-view .view-header .info li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 16px;
	background: #ddd;
	margin-top: -8px;
}
.board-view .view-header .info li:first-child::before {
	display: none;
}
.board-view .file_list { text-align: center; }
.board-view .view-body { margin-bottom: 15px;}
.board-view .view-body .viewContent { width: 100%; display: inline-block; padding: 25px; font-size: 13px; }
.board-view .view-body .viewContent table { width: 100%!important;  }
.board-view .view-body .viewContent img { width: auto!important; max-width: 100% !important; height:auto !important; }
.board-view .article-editor { padding: 15px; }
.board-view .article-editor img, .board-view .article-editor video {
	max-width: 100%;
}

/* File List */
.document-list strong { position: absolute; top: 10px; left: 0; color: #777; font-weight: normal; }
.document-list { position: relative; margin-bottom: 10px; padding: 0; border-bottom: solid 1px #eee;  }
.document-list ul { margin-left: 80px; }
.document-list li { width: 100%; display: inline-block;  border-top: solid 1px #eee;}
.document-list li:first-child { border-top:0; }
.document-list li A { position: relative; display: block;  padding:12px 15px; font-size: 16px; color: #666; }
.document-list li A:hover { background: #fafafa; text-decoration: underline; }
.document-list li A .txt { width: 80%; }
.document-list li A .capacity { position: absolute; top: 10px; right: 15px; color: #666; }


/* 게시판 넘버링 */
/* Paging */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0;
}
.pagination > li {
	float: left;
  display: inline;
}
.pagination > li > a > i { font-size: 1.6rem;}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 8px 14px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #333;
  background-color: #ffffff;
  border:solid 1px #ddd;
  margin:0 2px;
  box-shadow:none;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #143254!important;
  border-color: #143254!important;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}

.numbering { text-align:center; padding:3px; color:#CCC; clear:both; display:table; margin:0 auto;}
.numbering br {
	display: none;
}
.numbering>* {
	display:table-cell;
	vertical-align: middle;
}
.numbering .btn_box   {
	font-size:20px !important;
	border:1px solid #333;
	width:45px;
	height: 45px;
	border-radius: 5px;
	display:inline-block;
	font-weight: 400 !important;
	line-height: 42px;
	color:#333 !important;

}
.numbering .btn_box:hover {
	background-color:#f9f9f9;
}
.numbering A {margin:0 5px;}
.numbering A:link	  	{ color:#aaa;text-decoration:none; font-size:7px; font-weight:bold; } /* 방문전 */
.numbering A:visited	{ color:#aaa;text-decoration:none; font-size:7px; font-weight:bold; } /* 방문후 */
.numbering A:active  	{ color:#aaa;text-decoration:none; font-size:7px; font-weight:bold; } /* 마우스클릭시 */
.numbering A:hover		{ color:#aaa;text-decoration:none; font-size:7px; font-weight:bold; } /* 마우스오버 */
.numbering .span_ A:link		{ color:#333333;text-decoration:none;font-weight:bold; font-size:16px; } /* 방문전 */
.numbering .span_ A:visited	{ color:#333333;text-decoration:none;font-weight:bold; font-size:16px; } /* 방문후 */
.numbering .span_ A:active	{ color:#333333;text-decoration:none;font-weight:bold; font-size:16px; } /* 마우스클릭시 */
.numbering .span_ A:hover		{ text-decoration:none;font-weight:bold; font-size:16px; } /* 마우스오버 */
.numbering .span_on A:link		{ color:#F60;text-decoration:none;font-weight:bold; font-size:16px; } /* 방문전 */
.numbering .span_on A:visited	{ color:#F60;text-decoration:none;font-weight:bold;font-size:16px; } /* 방문후 */
.numbering .span_on A:active	{ color:#F60;text-decoration:none;font-weight:bold; font-size:16px; } /* 마우스클릭시 */
.numbering .span_on A:hover		{ text-decoration:none;font-weight:bold; font-size:16px; } /* 마우스오버 */


/* Q&A */
.help-panel { position: relative; margin: 0 auto; max-width: 800px; background: #fff; border-radius: 0; border: solid 2px #eee; border-radius: 0; }
.help-panel .panel-heading { text-align: center;}
.help-panel .panel-heading	.title {
	display: inline-block;
	margin:20px 0 0;
	padding: 8px 10px;
	border-bottom: solid 2px #ddd;
	font-family:'nanum-square-r';
	font-size: 22px;
	font-weight: bold;
	color:#111;
}
.help-panel .panel-body { padding: 30px; }

.help-panel .panel-body .title {
	width: 100%;
	display: inline-block;
	padding: 10px 0;
  margin: 20px 0 20px;
	border-bottom: solid 2px #ddd;
	font-size: 20px; color:#333;
	font-weight: bold;
}
.help-panel .panel-body .sub_tit {
  display:block;
  font-size:15px;
  margin-top:25px;
  margin-bottom:10px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:10px 5px;
}
.help-panel .panel-body .sub_tit2 {
  display:block;
  font-size:18px;
  text-align:center;
  padding:15px 5px;
  border-bottom:1px solid #ccc;
}

.help-panel .panel-body .tit { padding-left:15px; margin:0 0 15px; background:url('/assets/common/img/basic/title_bg_01.png') no-repeat 0 7px ; color:#111; font-size:18px;  }
.help-panel .panel-body .agreement {  width: 100%; display: inline-block; margin: 0 0 0px; border: solid 1px #eee;  border-bottom:0;}
.help-panel .panel-body .agreement label { width: 100%; display: inline-block; text-align: right; margin: 0; padding: 10px; border-bottom:solid 1px #eee;}
.help-panel .panel-body .agreement .agreement-box { background: #fafafa; max-height: 200px; padding: 20px; border-bottom: solid 2px #eee;  font-size: 14px; overflow-y: scroll; }
.help-panel .panel-body .agreement .agreementAll { background: #fafafa; text-align: center; font-size: 15px; color: #333; font-weight: bold; }
.help-panel .panel-body .form-control { color: #333; }
.help-panel .panel-body .form-group{ margin:0 0 20px; padding: 0 0 18px; border-bottom:dashed 1px #ddd;  }
.help-panel .panel-body .form-group.last { border: 0; }
.help-panel .panel-body .control-label {
    margin-bottom: 0;
    text-align: left;
	font-size: 14px;
	color: #666;
}
.help-panel .panel-footer { background: none;border: 0; }


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-color: #e2e7eb;
    padding: 10px 15px;
    background: #fff;
    border-left: 1px solid #e2e7eb;
    border-right: 1px solid #e2e7eb;
}

/* responsive basic */
.table.table_list { width: 100%; border-top:solid 1px #ccc; }
.table.table_list th { text-align:center; padding:10px 0;    border-top:solid 1px #ccc; }
.table.table_list th .tit { display: block; font-size: 13px; }
.table.table_list td { padding: 15px 0 15px 0; border-bottom:solid 1px #ddd; font-size: 15px;  color: #666; vertical-align: middle; }

/* 조합원가입css  */
.pay_frame {

}
.form-control02 {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.withdrawal_box {
  border:1px solid #ccc;
  margin-top:25px;
  padding:0 20px;
}
.dashedbox {
  padding-left:10px;
  position:relative;
  line-height:1.6;
}
.dashedbox::before {
  content:'*';
  position:absolute;
  left:0;
}
.pay_radio_btn {
  border:1px solid #ccc;
  border-radius:4px;
}
.won {
  font-size:13px;
  position:absolute;
  right:0px;
  top:6px;
}
.pay_txt > p {
  line-height:1.6;
  margin:0;
  font-size:14px;
}
.pay_etc {
  border:1px solid #ccc;
  border-radius:4px;
}
.pay_info {
  padding:15px 20px;
  border-top:2px solid #ccc;
  border-bottom:2px solid #ccc;
  font-size:14px;
  line-height:1.6;
}
.pay_info > ol > li{
  list-style:initial;
  margin-bottom:10px;
}
.txtarea_agreebox {
  width:100%;
  padding:10px 10px;
	font-size:14px;
	color:#5d5d5d;
}
.panel_footer {
  padding:30px 10px;
  text-align:center;
}
.panel_footer > button {
  padding:10px 50px;
  background-color:#5bb40b;
  color:#fff;
  transition:0.3s;
}
.panel_footer > button:hover {
  color:#fff;
  background-color:#4f9c0b;
}
.table_pay thead {
  border-top:2px solid #ccc;
}
.table_pay tbody {
  border-bottom:2px solid #ccc;
 }
 .exit03_chlid_box {
   margin-left:20px;
    margin-top:8px;

 }
.exit03_chlid_box > li > label{
  font-weight:100;
  color:#777;
}
/* 조합원가입 */
.union_frame {
  padding: 30px 15px 55px;
  border: 1px solid #ddd;
}

.union_tit {
  font-size:24px;
  position:relative;
  padding-left:18px;
  color:#07810d;
  font-weight:700;
  text-align:center;
}
/* .union_tit::before {
  content:'';
  display:inline-block;
  width:10px;
  height:24px;
  background:#7cbc87;
  border-radius:15px;
  position:absolute;
  left:0;
  top:0px;
} */
.union_list {
  margin-top:30px;
}
.union_list > li {
  font-size:18px;
  margin-top:55px;
  color:#07810d;
}
.union_list > ul {
  margin-top:10px;
}
.union_list > ul > li {
  font-size:14px;
  line-height:1.8;
  padding-left:20px;
  color:#696969;
}
.union_waring {
  color:#ff4d4d;
  padding:10px 0 0 25px;
}
.union_link_box {
  margin-top:50px;
  text-align:center;
}
.union_link_box > a {
  display:inline-block;
  font-size:16px;
  background:#7cbc87;
  color:#fff;
  padding:15px 25px;
  transition:0.3s ;
}
.union_link_box > a:hover {
  color:#07810d;
  text-decoration: none;
}
.signature { margin-top:25px; text-align: center;}
.signature_ex { padding-bottom:10px; }
.signature_ex > span { color:#f00; font-weight:700; }
.signature_txt { font-size:18px; }

.family_table .btn-danger {
  color:#ffffff;
}
.signature_body > .signature {
  margin-right:5px;
  padding:0 20px;
}


@media(max-width:991px){
.table.responList colgroup { display: none; }
	/* Gallery */
	.gallery .galleryList {
		-webkit-box-flex: 0;
	  -webkit-flex: 0 0 50%;
	  -moz-box-flex: 0;
	  -moz-flex: 0 0 50%;
	  -ms-flex: 0 0 50%;
	  flex: 0 0 50%;
		width:50%;
	  max-width: 50%;
		margin-bottom: 10px;
	}

}

@media(max-width:767px){
.modal-dialog {
	width:92%;
}
.responList th:nth-child(1),.responList td:nth-child(1){ display: none; }
	.responList th:nth-child(2) { display: none; }
	.responList th:nth-child(3),.responList td:nth-child(3) { display: none; }
	.responList th:nth-child(4),.responList td:nth-child(4){ display: none; }
	.responList th:nth-child(5),.responList td:nth-child(5){ display: none; }
	.responList th:nth-child(6),.responList td:nth-child(6){ display: none; }
	.table.responList td { padding: 0; }
	.table.responList .w-hd { display: none; }
	.table.responList .m-hd { display: block; }
	.table.responList .m-hd A { display: block; padding: 15px 10px; color: #333; font-size: 16px; }
	.table.responList .m-hd A:hover,
	.table.responList .m-hd:hover { background: #fafafa; }
	.table.responList .m-hd A .tit { margin: 0; padding: 0; color: #333; line-height: 1.5; font-size: 16px; }
	.table.responList .m-hd A:hover .tit { color: #444; text-decoration: underline; }
	.table.responList .m-hd A .desc { margin: 8px 0 0; color: #777;  font-size: 14px; text-decoration: none; }
	.table.responList .m-hd A .desc span { padding: 0 5px 0 0; }
	.table.responList .m-hd A .desc span i { color: #aaa; font-size: 15px; vertical-align: middle; }

	.mobile-m-t-5 {
        margin-top: 5px;
    }

    .mobile-m-t-10 {
        margin-top: 10px;
    }

    .mobile-m-t-15 {
        margin-top: 15px;
    }




}
@media(max-width:479px){
	.numbering .btn_box {
		width:30px;
		height: 30px;
		line-height: 30px;
	}
	.numbering A {
		margin:0 4px;
	}
	.board-view .view-header dd .info li {
		font-size: 12px;
	}
}
#cke_contents video {
	max-width: 100%;
}