@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800');


/* 전주문화재단 > 프로그램 신청 게시판과 너비 맞춤*/
.edu-container{max-width:1350px; width:100%; margin:0 auto;}
/* 전주문화재단 > 프로그램 신청 게시판 스타일 맞춤*/
.edu-container .totalviewbtn a {transition:background-color 200ms linear; border:none!important; color:#fff; background:#e78b16 url(../img/skin/totalbtn.png) no-repeat 85% center!important; }
.edu-container .totalviewbtn:hover a{ color:#fff!important; background:#b73935 url(../img/skin/totalbtn.png) no-repeat 85% center !important; }
.edu-container .list-t .green{color:#da1212!important; border-bottom-color:#da1212!important;}


input[type="submit"] {
	height: 38px;
	line-height: 38px;
	font-size: 16px;
}

input[type="text"], input[type="password"] {
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	border: 1px solid #ccc;
	text-indent: 10px;
	vertical-align: top;
}

input[type="checkbox"] {
	width: 17px;
	height: 17px;
	-webkit-appearance: checkbox;
	cursor: pointer;
}

select {
	padding: 0 0 0 5px;
	width: 135px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	background: url(../img/skin/selecticon.png) center right 8px no-repeat;
	border: 1px solid #d0d0d0;
}

th {
	font-size: 17px;
}

td {
	font-size: 17px;
}

strong {
	font-weight: 500;
}

.labelhidden, .hidden, .mshow {
	display: none;
}

td.mhide {
	color: #828282;
	font-size: 14px;
}

/* 카테고리 */
.categorySelect {
	float: left;
	margin-bottom: 20px;
	margin-right: 10px;
}

.categorySelect select {
	border: 1px solid #ccc;
	cursor: pointer;
	vertical-align: middle;
}

.categorySelect input {
	margin-left: 1px;
	padding: 0 13px;
	font-size: 14px;
	border: 1px solid #bababa;
	background: #fff;
	cursor: pointer;
}

.categorySelect input:hover {
	background: linear-gradient(#fff, #f5f5f5);
}

.categoryTab {
	margin-bottom: 20px;
	text-align: center;
}

.categoryTab ul.tabs {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

.categoryTab ul.tabs li {
	float: left;
	display: inline-block;
	margin-left: -1px;
	padding: 0 20px;
	min-width: 110px;
	height: 48px;
	line-height: 48px;
	font-size: 15px;
	text-align: left;
	background: rgb(255, 255, 255);
	border: 1px solid #dedee1;
	cursor: pointer;
	box-sizing: border-box;
}

.categoryTab ul.tabs li:first-child {
	border-left: 1px solid #cdd5be;
}

.categoryTab ul.tabs li.active {
	background: #e74e0f url(../img/skin/images/gnbarr.png) no-repeat 92%
		center;
	color: rgba(255, 255, 255, 1);
}

.categoryTab ul.tabs li:hover {
	background: #e74e0f url(../img/skin/images/gnbarr.png) no-repeat 92%
		center;
	cursor: pointer;
	-webkit-transition: background-color 300ms linear;
	color: #FFF;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}

.categoryTab ul.tabs li a {
	display: block;
	width: 100%;
	height: 100%;
}

.categoryTab ul.tabs li {
	text-align: center;
}

.w100p{width:100%;}

/*
.categoryTab{margin-bottom:20px;text-align:center;}
.categoryTab ul.tabs{width:100%;margin:0 auto;text-align:center;}
.categoryTab ul.tabs li{float:left;display:inline-block;margin-left:-1px;height:48px;line-height:48px;font-size:15px;text-align:left;background:rgb(255,255,255);border:1px solid #dedee1;cursor:pointer;box-sizing:border-box;}
.categoryTab ul.tabs li:first-child{border-left:1px solid #cdd5be;}
.categoryTab ul.tabs li.active{background:#1a6cbf url(../img/skin/images/gnbarr.png) no-repeat 92% center;color:rgba(255,255,255,1);}
.categoryTab ul.tabs li:hover{background:#1a6cbf url(../img/skin/images/gnbarr.png) no-repeat 92% center;cursor:pointer;-webkit-transition:background-color 300ms linear;color:#FFF;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;}
.categoryTab ul.tabs li a{display:block;width:100%;height:100%;}
.categoryTab ul.tabs li{width:235px;text-align:center;}
.categoryTab ul.tabs li:nth-child(1):nth-last-child(2), .categoryTab ul.tabs li:nth-child(1):nth-last-child(2) ~ li{width:50%;}
.categoryTab ul.tabs li:nth-child(1):nth-last-child(3), .categoryTab ul.tabs li:nth-child(1):nth-last-child(3) ~ li{width:33.33%;}
.categoryTab ul.tabs li:nth-child(1):nth-last-child(4), .categoryTab ul.tabs li:nth-child(1):nth-last-child(4) ~ li{width:25%;}
.categoryTab ul.tabs li:nth-child(1):nth-last-child(5), .categoryTab ul.tabs li:nth-child(1):nth-last-child(5) ~ li{width:20%;}
.categoryTab ul.tabs li:nth-child(1):nth-last-child(6), .categoryTab ul.tabs li:nth-child(1):nth-last-child(6) ~ li{width:16.66%;}
.categoryTab ul.tabs li:nth-child(1):nth-last-child(7), .categoryTab ul.tabs li:nth-child(1):nth-last-child(7) ~ li{width:14.28%;}
.categoryTab ul.tabs li:nth-child(1):nth-last-child(8), .categoryTab ul.tabs li:nth-child(1):nth-last-child(8) ~ li{width:12.5%;}
.categoryTab ul.tabs li:nth-child(1):nth-last-child(9), .categoryTab ul.tabs li:nth-child(1):nth-last-child(9) ~ li{width:11.11%;}
.categoryTab ul.tabs li:nth-child(1):nth-last-child(10), .categoryTab ul.tabs li:nth-child(1):nth-last-child(10) ~ li{width:10%;}
*/

/* list */
.listcate {
	display: inline-block;
	margin-right: 5px;
	padding: 0 8px;
	height: 22px;
	line-height: 21px;
	text-align: center;
	color: #5b5b5b;
	font-weight: 300;
	border: 1px solid #a3a3a3;
	border-radius: 3px;
	vertical-align: middle;
}

/* 검색 */
.searchbar {
	display: inline-block;
	width: 100%;
	text-align: right;
	margin-bottom: 20px;
}

.search {
	margin: 0;
	padding: 0;
}

.search fieldset {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
}

.search select {
	width: 135px;
	border: 1px solid #ccc;
	vertical-align: top;
	box-sizing: content-box;
}

.search .item { /*display:inline-flex;*/
	position: relative;
	width: 400px;
	height: 38px;
	line-height: 38px;
	color: #333;
}

.search .iLabel {
	position: absolute; /*top:0;*/
	left: 0;
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-indent: 5px;
	text-align: left;
	color: #767676;
	white-space: nowrap;
	cursor: text;
}

.search .iText {
	display: inline-block;
	width: 400px;
	color: #333;
	border: 1px solid #ccc;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	vertical-align: top;
}

.search .btnSearch {
	display: inline-block;
	position: absolute;
	top: 3px;
	right: 10px;
}

.qna_auth {
	margin-bottom: 0;
}

/* 버튼 */
.btnbox {
	width: 100%;
	text-align: right;
	margin: 20px 0;
	clear:both;
}

.adminbtn {
	float: left;
	display:flex;
}
.adminbtn select{}

.btnbox input[type="submit"] {
	height: 38px;
	font-size: 14px;
	font-family: 'Nanum Gothic', sans-serif;
}

.btn {
	display: inline-block;
	vertical-align: top;
	padding: 0 25px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0;
	border: 1px solid transparent;
	box-sizing: border-box;
}

.btn-default {
	color: #333;
	border: 1px solid #dfdfdf;
	border-bottom: 1px solid #c4c4c4;
	background: #fff;
}

.btn-default:hover {
	color: #333;
	font-weight: 400;
	background: linear-gradient(#fff, #f5f5f5);
}

.btn_apply {
	color: #fff;
	border: 1px solid #141414;
	border-bottom: 1px solid #000000;
	background: #141414;
}

.btn_apply:hover {
	color: #fff;
	font-weight: 400;
	border: 1px solid #414141;
	border-bottom: 1px solid #000000;
	background: #414141;
}

.btn-enter {
	color: #fff;
	background: #464e6b;
	border: 1px solid #036;
}

.btn-enter:hover {
	color: #fff;
	background: #000000;
}

.btn-basic {
	color: #fff;
	background: #666;
	border: 1px solid #555;
}

.btn-basic:hover {
	color: #fff;
}

.btn-red {
	color: #fff;
	background: #F33;
	border: 1px solid #F00;
}

.btn-red:hover {
	color: #fff;
}

.btn-right {
	padding-left: 15px;
	padding-right: 15px;
	float: right;
	font-weight: normal;
	margin-bottom: 5px;
}

.btnbox span input {
	cursor: pointer;
}

.btn_basic1 {
	float: left;
	display: inline-block;
	width: auto;
	text-align: left;
}

.btn_basic2 {
	display: inline-block;
	width: auto;
	text-align: right;
}

/* 페이지 */
.pagination {
	position: inherit;
	margin: 30px 0;
	width: 100%;
	text-align: center;
	font-family: 'Nanum Gothic', sans-serif;
}

.pagination a {
	display: inline-block;
	margin: 0 -0.5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #666;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ccc;
}

.pagination a:hover {
	color: #f011de;
	border: 1px solid #a8a8a8;
	border-radius: 2.5px;
}

.pagination span {
	display: inline-block;
	margin: 0 -0.5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border: 1px solid #464e6b;
	background: #464e6b;
}

.pagination .first {
	font-size: 0;
	background: url(../img/skin/pagination_01.png) no-repeat center;
}

.pagination .prev {
	font-size: 0;
	background: url(../img/skin/pagination_02.png) no-repeat center;
}

.pagination .last {
	font-size: 0;
	background: url(../img/skin/pagination_04.png) no-repeat center;
}

.pagination .next {
	font-size: 0;
	background: url(../img/skin/pagination_03.png) no-repeat center;
}

/* write */
.page_write {
	position: relative;
	width: 100%;
	border-top: 1px solid #393939;
	margin-bottom: 20px;
}

.page_write .box {
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #dfdfdf;
	float: left;
}

.page_write .title {
	display: inline-block;
	margin-right: 1%;
	width: 10%;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #e0e0e0;
	background: #f5f5f5;
	vertical-align: top;
}

.page_write .input {
	display: inline-block;
	height: auto;
	vertical-align: top;
	width: 88%;
	line-height: 40px;
}

.page_write .input span {
	margin-left: 20px;
	line-height: 40px;
}

.page_write .half_box {
	width: 50%;
}

.page_write .half_box .title {
	width: 20%;
}

.page_write .half_box .input {
	width: 30%;
}

.page_write .writememo {
	clear: both;
}

.page_write .describe {
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	margin-left: 5px;
}

.page_write .input .date_input {
	width: 120px;
}

.page_write .tender_date {
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #dfdfdf;
}

.page_write .noticheck {
	float: left;
	width: 100%;
}

.page_write .noticheck p {
	float: right;
	padding: 15px;
}

.page_write select {
	border: 1px solid #ccc;
	cursor: pointer;
}

.page_write .subject input[type="text"] {
	float: left;
	width: 88.3%;
}

.page_write .nomember {
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
}

.page_write .nomember p {
	float: left;
}

.page_write .nomember label {
	margin-right: 10px;
	padding: 0 0 0 8px;
	line-height: 38px;
	font-weight: 500;
}

.page_write .nomember input {
	width: 100px;
	border: 1px solid #a9a9a9;
	vertical-align: middle;
}

.page_write .nomember strong {
	display: inline-block;
	margin-right: 2px;
	padding: 0 8px;
	line-height: 38px;
	font-size: 16px;
	letter-spacing: 1px;
	background: #fad2d2;
	border: 1px solid #b99b9b;
	vertical-align: middle;
}

.page_write .nomember p.inname input {
	border: 1px solid #eaeaea;
}

.page_write .tender_date label:last-child {
	float: none;
	background: none;
	border: 0;
	vertical-align: middle;
}

.page_write .tender_date input[type="text"] {
	width: 225px;
	font-size: 16px;
}

.page_write .tender_date input[type="checkbox"] {
	width: 17px;
	height: 17px;
}

.page_write .etc0 {
	display: inline-block;
	float: left;
	width: 89%;
}

.page_write .etc0 input {
	margin-bottom: 2px;
	width: 9%;
}

.page_write .gtext {
	margin-left: 9px;
	line-height: 40px;
}

.page_write .captcha input[type="text"] {
	vertical-align: middle;
}

.page_write .captcha button {
	padding: 0 10px;
	line-height: 36px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	vertical-align: middle;
}

.page_write .captcha button:hover {
	border: 1px solid #868686;
}

.page_write .captcha span {
	display: inline-block;
	line-height: 36px;
	vertical-align: middle;
}

.page_write .isimportant {
	margin: 0 10px;
	text-decoration: underline;
}

/* 파일첨부 */
.thume {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
	background-color: #F7F8F9;
	border-top: 2px solid #F2F4F5;
	border-bottom: 2px solid #F2F4F5;
}

.guide {
	position: relative;
	float: left;
	padding: 0 15px 10px 15px;
	font-size: 13px;
	padding-left: 25px;
	text-indent: -8px;
}

.insert {
	margin: 20px;
}

.insert ul {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.insert ul li {
	margin-bottom: 5px;
	width: 50%;
	float: left;
}

.insert ul li span {
	display: inline-block;
	font-size: 80%;
	color: #7000ff;
}

.insert input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.insert label {
	display: inline-block;
	width: 23%;
	line-height: 38px;
	text-align: center;
	color: #999;
	font-size: 80%;
	letter-spacing: 0;
	vertical-align: middle;
	color: #fff;
	background-color: #555;
	border-color: #444;
	border-radius: .25em;
	cursor: pointer;
}

.insert label:hover {
	background-color: #000000;
}

.insert .upload-name {
	display: inline-block;
	width: 70%;
	height: 36px;
	line-height: 36px;
	font-size: inherit;
	font-family: inherit;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #b1b1b1;
	border-bottom-color: #d8d8d8;
	border-radius: .25em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* view */
.page_view .titlebox {
	width: 100%;
}

.page_view .subject {
	padding: 25px 15px 23px 15px;
	color: #141414;
	font-size: 22px;
	letter-spacing: -1px;
	font-weight: 500;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #e8e8e8;
	background: #f9f9f9;
	word-wrap: break-word;
	word-break: keep-all;
}

.page_view .subject .catetxt {
	float: right;
	display: inline-block;
	padding: 0 10px;
	line-height: 32px;
	font-size: 15px;
	font-weight: 500;
	font-family: 'Nanum Gothic', sans-serif;
	border: 1px solid #dadada;
	background: #fff;
	border-radius: 3px;
}

.page_view .datestat {
	text-align: right;
}

.page_view .datestat ul {
	display: inline-block;
	margin: 12px;
	font-size: 13px;
}

.page_view .datestat ul li {
	display: inline-block;
}

.page_view .datestat ul li:first-child {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #e8e8e8;
}

.page_view .substance {
	width: 100%;
}

.page_view .smartOutput {
	padding: 40px 15px 70px 15px;
	font-size: 16px;
}

.page_view .smartOutput a {
	word-wrap: break-word;
	word-break: break-all;
}

.page_view .smartOutput a:hover {
	color: #2470e6;
}

.snsbtn {
	width: 100%;
	padding-bottom: 15px;
	text-align: right;
}

.snsbtn a {
	display: inline-block;
	margin-left: 2px;
}

.file {
	position: relative;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background-color: #fafafa;
	margin-bottom: 10px;
}

.file ul li:first-child {
	float: left;
	width: 16%;
}

.file ul li:last-child {
	float: left;
	width: 84%;
}

.file ul li:first-child span {
	display: inline-block;
	margin-left: 15px;
	min-width: 140px;
	font-size: 15px;
	font-weight: 700;
	text-indent: 57px;
	line-height: 40px;
	border: 1px solid #ccc;
	background: #fff url(../img/skin/down.png) 22px 12px no-repeat;
	border-radius: 2px;
}

.allfile span {
	float: left;
	display: inline-block;
	width: 100%;
	line-height: 40px;
}

.allfile span img {
	vertical-align: middle;
}

.allfile span a {
	display: inline-block;
	margin-left: 4px;
	line-height: 40px;
	color: #404040;
	font-size: 14px;
	letter-spacing: -0.5px;
	vertical-align: middle;
}

.allfile span a:hover {
	color: #1f9bdb;
}

.allfile span .fileinfo {
	float: right;
	width: auto;
	font-size: 12px;
	border: 1px solid #d4d4d4;
	background: #fff;
	border-radius: 2px;
	padding: 0 5px;
	margin: 6px 20px 6px 0;
	line-height: 26px;
}

.allfile span span a {
	
}

.bottom_list {
	margin-bottom: 100px;
	width: 100%;
	border-top: 1px solid #999;
}

.bottom_list ul li {
	padding: 15px 0 13px 0;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.bottom_list ul li a {
	display: block;
	color: #646464;
	overflow: hidden;
	font-size: 97%;
}

.bottom_list ul li a strong {
	display: inline-block;
	margin: 0 15px 0 20px;
	padding-right: 20px;
	width: 85px;
	color: #333;
	border-right: 1px solid #e8e8e8;
}

.bottom_list ul li a:hover {
	color: #e5551a;
}

/* 코멘트 */
.commentView {
	position: relative;
	width: 100%;
	border-top: 2px solid #66575a;
	font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum,
		'돋움', sans-serif;
	letter-spacing: -0.05em;
}

.commentView ul {
	width: 100%;
}

.commentView li {
	padding: 0 0 20px 0;
	font-size: 14px;
}

.commentView li.nocmt {
	padding: 15px;
}

.commentView .cominf {
	float: left;
	width: 100%;
	line-height: 30px;
	font-size: 11px;
	font-weight: 400;
	background: #fafafa;
}

.commentView .cominf dt {
	float: left;
}

.commentView .cominf dt span:first-child {
	margin-left: 5px;
	padding-right: 20px;
	font-size: 12px;
	color: #396dba;
	font-weight: 700;
}

.commentView .cominf dd {
	float: right;
}

.commentView .cominf dd span {
	padding-left: 1px;
}

.commentView .cominf dd span a {
	display: inline-block;
	padding: 0 5px 0 4px;
	line-height: 16px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
}

.commentView .cominf dd span a:hover {
	color: #0b5feb;
	border: 1px solid #99d0ef;
	border-radius: 3px;
}

.commentView .cominf dd span.cbutton {
	margin-right: 5px;
}

.commentView .commentTextArea {
	float: left;
	width: 100%;
}

.commentView .commentTextArea .commentText {
	padding: 10px 10px 50px 15px;
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: 0;
	word-wrap: break-word;
	word-break: keep-all;
}

.commentallwrapper label {
	margin: 0 5px;
	font-weight: 500;
}

.commentallwrapper .commentwrite {
	margin-top: 30px;
	padding: 12px 0 15px;
	width: 100%;
	border-top: 1px solid #e7e7e7;
	background: #fbfbfb;
}

.commentallwrapper .commentwrite legend {
	display: none;
}

.commentallwrapper .commentwrite label, input {
	vertical-align: middle;
}

.commentallwrapper .commentwrite p.inname input {
	border: 1px solid #eaeaea;
}

.commentallwrapper .commentwriteinner {
	float: left;
	margin: 2px 0 10px;
	padding: 5px 0 15px;
	width: 100%;
	background: #fbfbfb;
	border-top: 1px solid #ececec;
	display: none;
}

.commentallwrapper .commentwriteinner .commentBox {
	margin-top: 10px;
}

.commentView .rank1 {
	padding-left: 20px;
}

.commentView .rank2 {
	padding-left: 40px;
}

.commentView .rank3 {
	padding-left: 60px;
}

.commentView .rank4 {
	padding-left: 80px;
}

.commentView .rank5 {
	padding-left: 100px;
}

.writerinformation {
	float: left;
}

.regnum {
	float: left;
}

.regnum strong {
	display: inline-block;
	padding: 0 8px;
	line-height: 38px;
	font-size: 16px;
	letter-spacing: 1px;
	background: #fad2d2;
	vertical-align: middle;
}

.commenBoxHide {
	display: none;
}

.commentBox {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}

.commentBox textarea {
	width: 1128px;
	min-height: 57px;
}

.commentBox .commententer {
	float: right;
	width: 50px;
	text-align: center;
}

.commentBox .commententer span {
	display: inline-block;
	float: right;
}

.commentBox .commententer .button a {
	display: inline-block;
	color: #514f5c;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #bcbecb;
	border-radius: 2px;
	font-family: dotum, '돋움', sans-serif;
	background: linear-gradient(#fff, #f3f3f5);
}

.commentBox .commententer .medium a {
	width: 50px;
}

/* ask */
.askbox {
	margin-top: 40px;
	width: 100%;
	text-align: center;
}

.askbox p {
	display: inline-block;
	margin: 0 auto;
	width: auto;
	padding: 40px;
	font-size: 20px;
	font-weight: 700;
	border: 1px solid #ccc;
}

.askbox div {
	width: 100%;
	padding: 40px 0 80px;
}

/* basic list */
.page_list {
	position: relative;
	width: 100%;
	border-top: 1px solid #393939;
	clear: both;
}

.page_list table {
	border-collapse: collapse;
	width: 100%;
	border: 0;
}

.page_list table caption {
	position: absolute;
	width: 0;
	height: 0;
	font-weight: 500;
	text-align: left;
	visibility: hidden;
	overflow: hidden;
}

.page_list table caption em {
	float: right;
	font-style: normal;
	font-weight: normal;
	color: #f60;
}

.page_list table thead {
	background: #f9f9f9;
}

.page_list table thead th {
	padding: 0 4px;
	line-height: 60px;
	font-weight: 500;
	color: #222;
	border-bottom: 1px solid #dfdfdf;
}

.page_list table tfoot td {
	font-weight: 500;
	background: #f8f8f8;
}

.page_list table th {
	padding: 0 4px;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px solid #dfdfdf;
}

.page_list table td {
	padding: 28px 20px;
	text-align: center;
	border-bottom: 1px solid #dfdfdf;
}

.page_list table th input {
	float: left;
	margin: 20px 0 0 0;
}

.page_list table td a:hover {
	color: #e5551a;
}

.page_list table td .url img {
	min-width: 15px;
}

.page_list table td img {
	max-height: 15px;
}

.page_list table .left {
	text-align: left;
}

.page_list table .left span img {
	vertical-align: middle;
}

.page_list table td .cmtstat {
	font-size: 13px;
	color: #0087ff;
}

.page_list table th.mnom {
	padding: 0 25px;
	font-size: 14px;
	font-weight: 500;
}

.page_list table td.mview {
	color: #828282;
	font-size: 14px;
}

.page_list .term {
	font-size: 14px;
	color: #818181;
}

.page_list .termin {
	display: inline-block;
	margin-right: 5px;
	width: 40px;
	line-height: 21px;
	text-align: center;
	color: #5b5b5b;
	font-weight: 300;
	border: 1px solid #a3a3a3;
	border-radius: 3px;
}

.pcmview {
	display: none;
}

/* tender list */
.page_list table td.stout {
	font-size: 14px;
	font-weight: 300;
	word-wrap: break-word;
	word-break: keep-all;
	letter-spacing: -0.5px;
}

.st_acc {
	display: inline-block;
	padding: 0 12px 0 10px;
	line-height: 27px;
	color: #fff;
	background-color: #0e9eab;
	border-radius: 2px;
}

.st_ing {
	display: inline-block;
	padding: 0 12px 0 10px;
	line-height: 27px;
	color: #fff;
	background-color: #0d4292;
	border-radius: 2px;
}

.st_end {
	display: inline-block;
	padding: 0 12px 0 10px;
	line-height: 27px;
	color: #fff;
	background-color: #b1bbcb;
	border-radius: 2px;
}

.wmin43 {
	min-width: 43px;
}

/* tender view */
.page_view .subjectinfo {
	padding: 10px 15px 10px 15px;
	color: #141414;
	font-size: 15px;
	letter-spacing: -1px;
	border-bottom: 1px solid #e8e8e8;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 400;
}

.page_view .subjectinfo ul li {
	float: left;
	min-width: 30%;
}

.page_view .subjectinfo ul li strong {
	display: inline-block;
	margin-right: 20px;
	font-weight: 700;
}

.page_view .subjectinfo ul li strong.nomr {
	margin-right: 0;
}

.page_view .subjectinfo ul li:first-child {
	margin-right: 25px;
	padding-right: 25px;
	border-right: 1px solid #e8e8e8;
}

.page_view .subjectinfo ul li a:hover {
	color: #d10085;
}

/* tender notice list */
.cgubunA {
	display: inline-block;
	padding: 0 10px 0 8px;
	line-height: 22px;
	font-size: 15px;
	color: #4672d7;
	border: 1px solid #4672d7;
}

.cgubunB {
	display: inline-block;
	padding: 0 10px 0 8px;
	line-height: 22px;
	font-size: 15px;
	color: #1abe3f;
	border: 1px solid #46d767;
}

.cgubunC {
	display: inline-block;
	padding: 0 10px 0 8px;
	line-height: 22px;
	font-size: 15px;
	color: #d74659;
	border: 1px solid #d74659;
}

.cgubunD {
	display: inline-block;
	padding: 0 10px 0 8px;
	line-height: 22px;
	font-size: 15px;
	color: #4114cd;
	border: 1px solid #6946d7;
}

/* event write */
.page_write .nobb {
	padding: 3px 0;
	border-bottom: 0;
}

.page_write .nobc {
	padding: 3px 0 9px;
	border-bottom: 0;
}

.page_write .harf input {
	width: 463px;
}

.page_write .pt1 {
	padding-top: 15px;
}

.page_write .bb1 {
	padding-bottom: 15px;
	border-bottom: 1px solid #dfdfdf;
}

/* gallery basic list */
.gallery_index {
	width: 100%;
	margin: 10px 0;
}

.gallery_page_list {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 50px;
}

.gallery_page_list ul {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
}

.gallery_page_list ul li {
	position: relative;
	float: left;
	width: 29.6%;
	margin: 0 67px 40px 0;
	text-align: center;
}

.gallery_page_list ul li:nth-of-type(3n+3) {
	margin: 0 0 40px 0;
}

.gallery_page_list ul li input[type="checkbox"] {
	position: absolute;
	top: 5px;
	right: 15px;
}

.gallery_page_list ul li a {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
}

.gallery_page_list ul li a img {
	margin: 0;
	width: 100%;
	height: auto;
}

.gallery_page_list ul li div {
	width: auto;
	margin: 0;
	border-top: 1px solid #e7e7e7;
	padding: 20px 5px;
	text-align: center;
}

.gallery_page_list ul li div strong {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 500;
	height: 60px;
	line-height: 1.4;
}

.gallery_page_list ul li div p {
	overflow: hidden;
	margin-bottom: 10px;
	height: 90px;
	font-weight: 300;
	font-size: 12px;
	line-height: 1.6
}

.gallery_page_list ul li div p a {
	color: #777777;
	font-size: 95%;
	text-align: justify;
	word-wrap: break-word;
	word-break: break-all;
}

.gallery_page_list ul li div a:hover {
	color: #e5551a;
}

.gallery_page_list ul li div .wdate {
	font-size: 16px;
	font-weight: 500;
	color: #666;
}

/* gallery list */
.gallery_list {
	position: relative;
	padding-top: 40px;
	width: 100%;
	border-top: 1px solid #393939;
}

.gallery_list ul {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
}

.gallery_list ul li {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
}

.gallery_list ul li input[type="checkbox"] {
	position: absolute;
	top: 5px;
	right: 10px;
}

.gallery_list ul li .gallerythump {
	float: left;
}

.gallery_list ul li a {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: left;
	overflow: hidden;
}

.gallery_list ul li a img {
	margin: 0;
	width: 100%;
	height: auto;
}

.gallery_list ul li div {
	float: right;
	width: 835px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.gallery_list ul li div strong {
	display: block;
	overflow: hidden;
	font-size: 20px;
	font-weight: 500;
	height: 50px;
	line-height: 1.4;
}

.gallery_list ul li div strong a {
	display: inline-block;
	word-wrap: break-word;
	word-break: keep-all;
}

.gallery_list ul li div p {
	overflow: hidden;
	margin-bottom: 10px;
	font-weight: 300;
	font-size: 12px;
	line-height: 1.6
}

.gallery_list ul li div p a {
	color: #777777;
	font-size: 15px;
	text-align: justify;
	word-wrap: break-word;
	word-break: break-all;
}

.gallery_list ul li div a:hover {
	color: #e5551a;
}

.gallery_list ul li div .wdate {
	position: absolute;
	right: 0;
	bottom: 30px;
	font-size: 13px;
	font-weight: 300;
	color: #666;
	letter-spacing: -0.5px;
}

.gallery_list ul li div .catetxt {
	display: inline-block;
	margin-bottom: 20px;
	padding: 0 10px;
	min-width: 40px;
	height: 27px;
	line-height: 27px;
	font-size: 13px;
	letter-spacing: -1px;
	color: #fff;
	text-align: center;
	background: #08164e;
}

/* gallery box list */
.gallerybox_page_list {
	position: relative;
	float: left;
	width: 100%;
}

.gallerybox_page_list ul {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
}

.gallerybox_page_list ul li {
	position: relative;
	float: left;
	width: 30%;
	margin: 0 65px 40px 0;
	text-align: center;
}

.gallerybox_page_list ul li:nth-child(3n) {
	margin-right: 0;
}

.gallerybox_page_list ul li input[type="checkbox"] {
	z-index: 1;
	position: absolute;
	top: 17px;
	left: 21px;
}

.gallerybox_page_list ul li .box {
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	border: 1px solid #c9c9c9;
}

.gallerybox_page_list ul li .box a {
	overflow: hidden;
	display: inline-block;
	margin-top:15px;
}

.gallerybox_page_list ul li .box .box-cover {
	display: none;
}

.gallerybox_page_list ul li .box .box-cover a {
	display: block;
	width: 100%;
	height: 100%;
}

.gallerybox_page_list ul li .box:hover .box-cover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/skin/box-over.png) no-repeat center center
		rgba(0, 0, 0, 0.7);
}

.gallerybox_page_list ul li .info {
	width: auto;
	margin: 0;
	padding: 25px 0 20px;
	text-align: center;
}

.gallerybox_page_list ul li .info strong {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	margin: 0 20px;
	text-align: left;
	font-size: 17px;
	font-weight: 500;
	height: 90px;
	line-height: 1.4;
}

.gallerybox_page_list ul li .brochure-info strong {
	text-align: center;
	height: 30px;
}

.gallerybox_page_list ul li .info .wdate {
	text-align: left;
	font-size: 12px;
	font-weight: 500;
	color: #888888;
}

/* board nomdate list */
.nomdate {
	border-top: 2px solid #393939;
}

.nomdate table th.mnom {
	padding: 25px 0;
	width: 166px;
	font-size: 15px;
	color: #666;
	font-weight: 300;
	letter-spacing: -0.5px;
	line-height: 120%;
	font-family: 'Montserrat';
}

.nomdate table th.mnom span {
	display: block;
	font-size: 50px;
	color: #000;
	letter-spacing: -2.5px;
	font-weight: 500;
	line-height: 100%;
}

.nomdate table td {
	padding: 25px 0;
	color: #333;
	font-size: 17px;
	font-weight: 400;
}

.nomdate table td.left .title {
	padding: 0 55px;
	min-height: 53px;
	border-left: 1px solid #e5e5e5;
	word-break: keep-all;
}

.nomdate table td.left div input[type="checkbox"] {
	vertical-align: top;
}

.nomdate table td.left div img {
	margin-top: 5px;
	vertical-align: top;
}

.nomdate table td.left div a {
	line-height: 100%;
	vertical-align: top;
}

.nomdate table td.left div p {
	font-size: 14px;
	color: #999;
	line-height: 180%;
}

.nomdate table td.more {
	width: 145px;
	text-align: right;
	padding-right: 60px;
}

.nomdate table td a.btnmore {
	overflow: hidden;
	display: inline-block;
	width: 36px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ddd;
	transition: all .4s;
	text-align: left;
}

.nomdate table td a.btnmore:hover {
	border: 1px solid #c40f39;
	width: 145px;
	transition: all .4s;
}

.nomdate table td a.btnmore span {
	display: inline-block;
	display: none;
	width: 0;
	padding-left: 0;
	font-size: 15px;
	transition: all .4s;
}

.nomdate table td a.btnmore:hover span {
	display: inline-block;
	width: 82px;
	padding-left: 20px;
	color: #c40f39;
	transition: all .4s;
}

.nomdate table td a.btnmore div {
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	margin: 11px 11px 0;
}

.nomdate table td a.btnmore div:before {
	display: block;
	content: "";
	width: 2px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0%;
	margin-left: -1px;
	background: #999;
}

.nomdate table td a.btnmore div:after {
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	left: 00%;
	top: 50%;
	margin-top: -1px;
	background: #999;
}

/* board qna */
#substance {
	position: relative;
	padding-bottom: 5px;
	width: 100%;
	height: 50px;
}

#substance .check_list {
	float: right;
}

#substance .check_list span {
	display: inline-block;
	padding: 0 10px;
	line-height: 40px;
	color: #fff;
	background-color: #e4004f;
	vertical-align: middle;
}

#substance .check_list select {
	min-width: 130px;
	vertical-align: middle;
}

#substance .check_list input[type="submit"] {
	padding: 0 10px;
	line-height: 40px;
	color: #fff;
	background: #464e6b;
	border: 1px solid #036;
	vertical-align: middle;
}

/* news view & list */
.golinkimg {
	margin-left: 10px;
}

a.viewadmin {
	display: inline-block;
	float: right;
	padding: 0 10px;
	line-height: 20px;
	font-size: 12px;
	border: 1px solid #dfdfdf;
	background: #f8f8f8;
}

a.viewadmin:hover {
	color: #e74e0f;
}

a.brochure-admin {
	float: none;
	margin: 0 3px;
	padding: 0;
}

/* faq */
.faq {
	position: relative;
	clear: both;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 17px !important;
	margin: 0 0 5px 0;
}

.faq .faqhide {
	float: left;
	position: relative;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	background: url(../img/skin/offfaq.png) no-repeat right 40px top 50px;
}

.faq .show {
	float: left;
	position: relative;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	background: url(../img/skin/onfaq-o.png) no-repeat right 40px top 50px;
}

.faq .show .q a.trigger {
	color: #e74e0f;
	height: 109px;
}

.faq .adminCheck {
	display: block;
	padding: 3px 0;
}

.faq .adminCheck label {
	display: inline-block;
	margin: 0 0 0 5px;
	vertical-align: middle;
	cursor: pointer;
}

.faq .hgroup {
	position: relative;
	margin: 0 0 5px 0;
	height: 40px;
}

.faq .hgroup .trigger {
	overflow: visible;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	border: 0;
	font-size: 17px;
	cursor: pointer;
}

.faq ul {
	float: left;
	padding: 0;
	width: 100%;
}

.faq .q {
	position: relative;
	margin: 0;
	width: 100%;
	height: 109px;
	border-top: 1px solid #ddd;
}

.faq li:first-child div.q {
	border-top: 2px solid #333;
}

.faq .q input[type="checkbox"] {
	float: left;
	margin: 15px 5px 0 0;
}

.faq .q a.trigger {
	display: inline-block;
	float: left;
	padding: 35px 0 10px 0;
	width: 100%;
	line-height: 46px;
	text-align: left;
	text-decoration: none !important;
}

.faq .q .qfaq {
	width: 60px;
	text-align: center;
	color: #e74e0f;
	font-size: 40px;
	font-weight: 900;
	font-family: 'Nanum Gothic', sans-serif;
}

.faq .q .catetxt {
	padding: 0 20px;
	min-width: 100px;
	text-align: center;
	color: #7b7b7b;
}

.faq .q img {
	position: relative;
	float: left;
	margin: 15px 5px 0 0;
}

.faq .q img:last-child {
	margin-left: 8px;
}

.faq .q span {
	position: relative;
	float: left;
	vertical-align: top;
}

.faq .q span:hover {
	color: #e74e0f;
}

.faq .q a.viewadmin {
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0 10px;
	line-height: 20px;
	font-size: 12px;
	border: 1px solid #dfdfdf;
	background: #f8f8f8;
}

.faq .q a.viewadmin:hover {
	color: #e74e0f;
}

.faq .a img {
	margin: 0 5px 0 0;
}

.faq .a {
	position: relative;
	float: left;
	width: calc(100% - 180px);
	font-size: 14px;
	font-weight: 300;
	line-height: 1.8;
	border-top: 1px solid #e74e0f;
	background: #f7f7f7;
	overflow: hidden;
	padding: 40px 90px;
}

.faq .a div {
	color: #666;
	letter-spacing: -0.5px;
	word-wrap: break-word;
	word-break: keep-all;
}

.faqopen {
	display: inline-block;
	padding-right: 15px !important;
	width: 150px;
	text-align: center;
	line-height: 35px;
	color: #e74e0f;
	font-size: 15px !important;
	border: 1px solid #ff9164 !important;
	background: url(../img/skin/plus-o.png) right 13px top 11px no-repeat;
}

.faqopen:hover {
	color: #a02f00;
	border: 1px solid #a02f00 !important;
}
/* repot */
.board_list-junboxw {
	overflow: hidden;
	float: left;
	margin-top: 40px;
}

.board_list-junboxw .board_list-junbox {
	float: left;
	margin: 0 55px;
	margin-bottom: 50px;
	padding-bottom: 25px;
	border-bottom: 1px solid #a4a4a4;
}

.board_list-junboxw .board_list-junbox:nth-child(3n) {
	margin-right: 0;
}

.board_list-junboxw .board_list-junbox-d1 {
	width: 290px;
	height: 350px;
	cursor: pointer;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.board_list-junboxw .board_list-junbox-d1:hover .board_book-cover {
	background: url(../img/skin/book-over.png) no-repeat center center
		rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.board_list-junboxw .board_list-junbox-t {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 95px;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.6);
	color: rgba(255, 255, 255, 1);
	z-index: 1;
	text-align: center;
	font-size: 16px;
}

.board_list-junboxw .board_list-junbox-d2 {
	padding-bottom: 15px;
	font-size: 16px;
	padding-top: 20px;
}

.board_list-junboxw .board_list-junbox-d3 {
	padding-bottom: 5px;
	font-size: 14px;
	min-height: 25px;
}

.board_list-junboxw .board_list-junbox-btn {
	text-align: center;
	padding-top: 15px;
}

.board_list-junboxw .board_list-junbox-btn a {
	width: 105px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	background: #8b4e3d;
	display: inline-block;
}

.board_list-junboxw .board_list-junbox-btn a:hover {
	background: #743828;
	-webkit-transition: background-color 300ms linear;
	color: #FFF;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}

.board_bogo-list .board_list-junbox {
	position: relative;
	border-bottom: 1px solid #a4a4a4;
	width: 290px;
	height: 510px;
	float: left;
	margin-bottom: 30px;
	padding-bottom: 25px;
	box-sizing: border-box;
}

.board_bogo-list .board_list-junbox input[type="checkbox"] {
	z-index: 9999;
	position: absolute;
	top: 22px;
	left: 15px;
}

.board_bogo-list .board_list-junbox-d2 {
	text-align: center;
	width: 290px;
	height: 60px;
	font-size: 17px;
	word-wrap: break-word;
	word-break: break-all;
}

.board_bogo-list .board_list-junbox-d2:hover {
	color: #139605;
}

.board_bogo-list .board_list-bogo-lis-btn {
	text-align: center;
}

.board_bogo-list .board_list-bogo-lis-btn a {
	border: 1px solid #139605;
	width: 130px;
	height: 40px;
	line-height: 40px;
	background: url(../img/skin/plus-b.png) no-repeat 100px center;
	color: #139605;
	padding-left: 25px;
	font-size: 15px;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 5px;
	text-align: left;
}

.board_bogo-list .board_list-bogo-lis-btn a:hover {
	background: #139605 url(../img/skin/bogo_plus_on.png) no-repeat 100px
		center;;
	color: rgba(255, 255, 255, 1);
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}

.board_bogo-list .board_list-bogo-lis-btn a:last-child {
	
}

.board_bbsearch {
	overflow: hidden;
	padding: 40px 0 100px;
	width: 560px;
	margin: 0 auto;
}

.board_bbsearch .board_select_box select {
	border: 1px solid #cccccc;
	text-transform: inherit;
	height: 35px;
	width: 135px;
	margin-right: 10px;
	padding-left: 5px;
	box-sizing: border-box;
	margin-top: 2px;
	float: left;
}

.board_bbsearch input {
	color: rgb(127, 127, 127);
	float: left;
	height: 35px;
	width: 400px;
	font-size: 14px;
	margin: 0;
	border: 1px solid rgb(214, 214, 214);
	padding: 0 40px 0 15px;
	box-sizing: border-box;
}

.board_bbsearch button {
	cursor: pointer;
	height: 23px;
	text-indent: -99999em;
	width: 30px;
	position: absolute;
	right: 25px;
	top: 8px;
	background: url(../img/skin/bogo_search.png) right center no-repeat;
}

.board_bbsearch .board_select_search {
	position: relative;
}

.reportlink {
	padding-left: 30px !important;
}

.page_view .board_bogo-list {
	border-bottom: 0 !important;
}

/* 통합검색 common/archive_searchall */
.div_title {
	float: left;
	margin-top: 30px;
	width: 100%;
	text-align: center;
}

.div_title ul {
	display: inline-block;
	margin: 0 auto;
	width: auto;
}

.div_title ul li {
	float: left;
	padding: 0;
	width: 299px;
	border: 1px solid #e1e1e1;
	border-right: 0;
}

.div_title ul li:last-child {
	border-right: 1px solid #e1e1e1;
}

.div_title ul li a {
	color: #555555;
	font-size: 15px;
	font-weight: 300;
	line-height: 50px;
}

.div_title ul li a:hover {
	color: #ca252c;
}

.div_title ul .dt_on {
	background: #ac1f25;
}

.div_title ul .dt_on a {
	color: #f5f5f5;
	font-weight: 500;
	font-size: 16px;
}

.div_title ul .dt_on a:hover {
	color: #fff;
}

/* search */
.allsearch {
	float: left;
	position: relative;
	margin-top: 40px;
	width: 100%;
}

.allsearch li {
	float: left;
	padding: 0 0 15px 0;
	width: 100%;
}

.searchload {
	float: left;
	position: relative;
	width: 100%;
	text-indent: 15px;
	font-size: 16px;
	color: #ca252c;
	font-weight: 400;
	line-height: 50px;
	height: 50px;
	background: #f6f6f6;
}

.searchload a {
	color: #ca252c;
}

.searchload .more {
	float: right;
	margin-right: 10px;
	margin-top: 9px;
}

.searchload a.btnmore {
	overflow: hidden;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd;
	transition: all .4s;
	text-align: left;
}

.searchload a.btnmore:hover {
	border: 1px solid #c40f39;
	width: 150px;
	transition: all .4s;
}

.searchload a.btnmore span {
	display: block;
	display: none;
	padding: 0;
	font-size: 13px;
	text-align: center;
	transition: all .4s;
}

.searchload a.btnmore:hover .expansion {
	display: block;
	margin-right: 15px;
	color: #c40f39;
	transition: all .4s;
}

.searchload a.btnmore .reduction {
	display: block;
	position: relative;
	width: 12px;
	height: 12px;
	margin: 0 auto;
	margin-top: 25%;
}

.searchload a.btnmore .reduction:before {
	display: block;
	content: "";
	width: 2px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -1px;
	background: #999;
}

.searchload a.btnmore .reduction:after {
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	background: #999;
}

.searchresult {
	float: left;
	position: relative;
	width: 100%;
	padding: 20px 0 30px 15px;
	line-height: 10px;
}

.searchresult a {
	color: #5a5a5a;
	font-size: 14px;
	font-weight: 300;
	padding-left: 10px;
	background: url(../img/skin/bullet_result.png) left 8px no-repeat;
}

.searchresult a:hover {
	color: #ed0711;
}

.nosearch {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 30px;
}

.skin_search .searchresult li {
	width: 50%;
	height: auto;
}

.skin_search .searchresult li .thumb {
	float: left;
	width: 225px;
}

.skin_search .searchresult li .thumb img {
	width: 210px;
	height: 136px;
}

.skin_search .searchresult li .text {
	float: left;
	width: 60%;
}

.skin_search .searchresult li a {
	padding: 0;
	background: none;
	display: block;
}

.skin_search .searchresult li a.title {
	padding: 5px;
	line-height: 15px;
	font-size: 15px;
	font-weight: 500;
}

.skin_search .searchresult li a.contents {
	padding: 5px;
	line-height: 1.5;
	font-size: 12px;
}

.skin_search .searchresult li.nosearch {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 0 0 15px 0;
	height: 20px;
}

.listbtn {
	float: right;
	width: 100%;
	text-align: right;
}

.listbtn a {
	clear: both;
	background: #0d2346;
	display: inline-block;
	color: #fff;
	width: 155px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
/* 통합검색 common/archive_searchall 끝 */
@media screen and (max-width:1024px) {
	.mhide {
		display: none;
	}
	.mshow {
		display: block;
		margin-top: 20px;
		font-size: 11px;
		color: #989898;
		letter-spacing: -0.5px;
	}

	/* 카테고리 */
	.categorySelect {
		float: none;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.categoryTab {
		margin-bottom: 10px;
	}
	.categoryTab ul.tabs li {
		padding: 0 7px;
		min-width: auto;
		height: 34px;
		line-height: 34px;
		font-size: 90%;
	}

	/* 검색 */
	.searchbar {
		position: relative;
		margin-top: 5px;
		width: 100%;
		overflow: hidden;
		margin-bottom: 10px;
		float: none;
	}
	.search select {
		width: 27%;
		float: left;
		font-size: 13px;
		margin-right: 1%;
	}
	.search .item {
		width: 70%;
		float: right;
		margin-bottom: 20px;
	}
	.search .iLabel {
		line-height: 28px;
		font-size: 13px;
		text-indent: 10px;
	}
	.search .iText {
		width: 100%;
		float: right;
		box-sizing: contents-box;
	}
	.search .btnSearch {
		top: 10px;
		right: 13px;
	}
	.search .btnSearch input[type="image"] {
		width: 75%;
	}

	/* 버튼 */
	.btnbox {
		text-align: center;
	}
	.btnbox input[type="submit"] {
		padding: 0 9px;
		font-size: 97%;
	}
	.btnbox a.btn {
		padding: 0 9px;
		font-size: 80%;
	}

	/* 페이지 */
	.pagination a {
		width: 20px;
		line-height: 20px;
		height: 20px;
		font-size: 90%;
	}
	.pagination span {
		width: 20px;
		line-height: 20px;
		height: 20px;
		font-size: 90%;
	}
	.pagination .first {
		background-size: 50% 50%;
	}
	.pagination .prev {
		background-size: 50% 50%;
	}
	.pagination .last {
		background-size: 50% 50%;
	}
	.pagination .next {
		background-size: 50% 50%;
	}

	/* 파일첨부 */
	.insert ul li {
		width: 100%;
	}
	.insert label {
		width: 25%;
		line-height: 30px;
		letter-spacing: -1px;
	}
	.insert .upload-name {
		width: 73%;
		height: 28px;
		line-height: 28px;
	}

	/* view */
	.page_view .subject {
		float: left;
		width: 100%;
		padding: 10px 0;
		font-size: 16px;
	}
	.page_view .subject span {
		margin-left: 8px;
	}
	.page_view .subject .catetxt {
		margin-right: 8px;
		padding: 0 6px;
		line-height: 22px;
		font-size: 12px;
		font-weight: 400;
	}
	.page_view .datestat ul {
		margin: 12px 12px 30px;
		font-size: 90%;
	}
	.page_view .smartOutput img {
		max-width: 100%;
		min-width: 100%;
		height: auto;
	}
	.snsbtn a {
		margin-left: -6px;
	}
	.snsbtn img {
		width: 80%;
	}

	/* 첨부파일 */
	.file {
		padding: 2px 0 5px 0;
	}
	.file div:first-child {
		display: none;
	}
	.file div:last-child {
		width: 100%;
	}
	.file div span {
		margin: 0 10px;
		width: 100%;
		height: 25px;
		line-height: 25px;
		overflow: hidden;
	}
	.file div span a {
		height: 25px;
		line-height: 25px;
	}
	.allfile span {
		margin-left: 10px;
		width: 100%;
	}
	.allfile span a {
		font-size: 11px;
	}
	.allfile span span {
		display: none;
	}
	.file ul li:first-child {
		display: none;
	}

	/* 하단 리스트 */
	.bottom_list ul li {
		padding: 0;
		width: 100%;
		height: 27px;
		line-height: 27px;
	}
	.bottom_list ul li a {
		width: 100%;
		height: 27px;
		line-height: 27px;
		font-size: 11px;
		letter-spacing: -1px;
	}
	.bottom_list ul li a strong {
		margin: 0 10px;
		padding-right: 10px;
		width: 15%;
	}

	/* 코멘트 */
	.commentallwrapper label {
		font-size: 14px;
	}
	.commentallwrapper input {
		width: 35%;
	}
	.regnum {
		padding-top: 10px;
	}
	.regnum strong {
		padding: 0 15px;
		line-height: 28px;
		font-size: 14px;
	}
	.commentBox textarea {
		width: 80%;
		font-size: 16px;
	}
	.commentallwrapper .commentBox .commententer input {
		width: auto;
	}

	/* write */
	.page_write .subject {
		padding: 5px 0;
	}
	.page_write .subject label {
		width: 20%;
		font-size: 100%;
		height: 26px;
		line-height: 26px;
	}
	.page_write .subject input {
		width: 75.3%;
	}
	.page_write .noticheck label {
		font-size: 100%;
		vertical-align: middle;
	}
	.page_write .noticheck p {
		padding: 5px;
	}
	.page_write .nomember {
		padding-top: 5px;
	}
	.page_write .nomember label {
		font-size: 100%;
		height: 28px;
		line-height: 28px;
	}
	.page_write .nomember strong {
		font-size: 100%;
		height: 28px;
		line-height: 28px;
	}
	.page_write .nomember p:last-child {
		padding-top: 5px;
		width: 100%;
	}
	.page_write .box {
		width: 100%;
	}
	.page_write .title {
		width: 20%;
		height: auto;
	}
	.page_write .input {
		width: 75%;
		height: auto;
	}
	.page_write .describe {
		margin-top: 5px;
	}
	.page_write .input .date_input {
		width: 40%;
	}

	/* list */
	th {
		font-size: 100%;
	}
	td {
		font-size: 110%;
	}
	.page_list table th.mnom {
		padding: 0 10px;
		font-size: 90%;
	}
	.page_list table td {
		padding: 18px 4px 10px;
		line-height: 140%;
		word-wrap: break-word;
		word-break: keep-all;
	}

	/* tender list */
	.page_list table td.stout {
		font-size: 90%;
	}
	.st_ing {
		display: inline-block;
		padding: 0 6px 0 4px;
		line-height: 21px;
		color: #fff;
		background-color: #0d4292;
		border-radius: 2px;
	}
	.st_end {
		display: inline-block;
		padding: 0 6px 0 4px;
		line-height: 21px;
		color: #fff;
		background-color: #b1bbcb;
		border-radius: 2px;
	}

	/* tender view */
	.page_view .subjectinfo {
		float: left;
		margin-top: 0;
		padding: 10px 0;
		width: 100%;
		font-size: 98%;
	}
	.page_view .subjectinfo ul li strong {
		display: inline-block;
		margin: 0 10px;
	}
	.page_view .subjectinfo ul li:first-child {
		margin-right: 3px;
		padding-right: 15px;
		border-right: 1px solid #e8e8e8;
	}

	/* tender write */
	.page_write .tender_date {
		padding: 5px 0;
	}
	.page_write .tender_date label {
		width: 20%;
		font-size: 100%;
		height: 28px;
		line-height: 28px;
	}
	.page_write .tender_date input {
		width: 25%;
	}

	/* calendar write */
	.page_write .etc0 {
		width: 78%;
	}
	.page_write .etc0 input {
		width: 18.2% !important;
	}

	/* tender notice list */
	.page_list thead {
		display: none;
	}
	.pcmview {
		display: block;
	}
	.pcmview {
		float: left;
		width: 100%;
	}
	.pcmview ul {
		float: left;
		margin-top: 15px;
		padding-bottom: 15px;
		width: 100%;
		border-bottom: 1px solid #d2d2d2;
	}
	.pcmview li {
		float: left;
		width: 100%;
	}
	.pcmview li:first-child {
		margin-bottom: 4px;
	}
	.pcmview dl {
		float: left;
		margin: 0 7px;
		width: 100%;
	}
	.pcmview dt {
		float: left;
		width: 13%;
	}
	.pcmview dd {
		float: left;
		width: 85%;
	}
	.pcmview .dbperiod {
		font-size: 13px;
		line-height: 25px;
	}
	.cgubunA {
		padding: 0 8px 0 6px;
		line-height: 20px;
		font-size: 13px;
	}
	.cgubunB {
		padding: 0 8px 0 6px;
		line-height: 20px;
		font-size: 13px;
	}
	.cgubunC {
		padding: 0 8px 0 6px;
		line-height: 20px;
		font-size: 13px;
	}
	.cgubunD {
		padding: 0 8px 0 6px;
		line-height: 20px;
		font-size: 13px;
	}
	.st_ing {
		padding: 0 8px 0 6px;
		line-height: 20px;
		font-size: 13px;
		color: #fff;
		background-color: #0d4292;
		border-radius: 0;
		border: 1px solid #0d4292;
	}
	.st_end {
		padding: 0 8px 0 6px;
		line-height: 20px;
		font-size: 13px;
		color: #fff;
		background-color: #b1bbcb;
		border-radius: 0;
		border: 1px solid #b1bbcb;
	}

	/* gallery list */
	.gallery_list ul li .gallerythump {
		float: none;
		margin: 0 auto;
	}
	.gallery_list ul li a {
		display: inline;
	}
	.gallery_list ul li div {
		padding-top: 10px;
		width: auto;
		text-align: center;
	}
	.gallery_list ul li div .catetxt {
		margin-bottom: 5px;
	}
	.gallery_list ul li div strong {
		height: auto;
		font-size: 120%;
	}
	.gallery_list ul li div strong a {
		margin-bottom: 5px;
	}
	.gallery_list ul li div p a {
		font-size: 120%;
		text-align: center;
		word-wrap: break-word;
		word-break: keep-all;
	}
	.gallery_list ul li div .wdate {
		display: none;
	}
	.gallery_page_list ul li {
		width: 100%;
		margin: 0;
	}
	.gallery_page_list ul li a {
		width: 100% !important;
		height: 100% !important;
	}
	.gallery_page_list ul li div strong {
		font-size: 95%;
	}
	.gallery_page_list ul li div p {
		display: none;
	}

	/* gallery box list */
	.gallerybox_page_list ul li {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.gallerybox_page_list ul li div strong {
		font-size: 95%;
	}

	/* board nomdate list */
	.nomdate table th.mnom {
		padding: 10px;
		width: auto;
		font-size: 10px;
	}
	.nomdate table th.mnom span {
		font-size: 20px;
	}
	.nomdate table td {
		padding: 15px 0;
		font-size: 120%;
	}
	.nomdate table td.left .title {
		padding: 0 15px;
		min-height: 40px;
		word-break: break-all;
	}
	.nomdate table td.left .title img {
		margin-top: 2px;
	}
	.nomdate table td.left .title p {
		font-size: 11px;
		line-height: 120%;
	}

	/* faq onoff */
	.faq {
		font-size: 100%;
	}
	.faq .hgroup .trigger {
		font-size: 14px !important;
	}
	.faq .faqhide {
		background: none;
	}
	.faq .show {
		background: none;
	}
	.faq .show .q a.trigger {
		height: auto;
	}
	.faq .q {
		height: auto;
	}
	.faq .q input[type="checkbox"] {
		margin: 20px 5px 0 0;
	}
	.faq .q a.trigger {
		padding: 0 0 0 0;
		line-height: 56px;
	}
	.faq .q .qfaq {
		padding: 0 5px;
		width: auto;
		text-align: left;
		font-size: 20px;
	}
	.faq .q .catetxt {
		padding: 0 5px;
		min-width: auto;
		font-size: 80% !important;
	}
	.faq .q img {
		position: relative;
		float: left;
		margin: 22px 5px 0 0;
	}
	.faq .q img:last-child {
		margin-left: 8px;
	}
	.faq .q span {
		display: inline-block;
		width: auto;
		overflow: hidden;
		font-size: 80% !important;
	}
	.faq .a {
		font-size: 100%;
		line-height: 1.5;
		padding: 10px;
		width: calc(100% - 20px);
	}
	.boardtopbox .q a.viewadmin {
		margin-top: -17px;
		padding: 0 5px;
		line-height: 15px;
		font-size: 11px;
	}

	/* repot */
	.board_list-junboxw {
		width: 100%;
		text-align: center;
	}
	.board_list-junboxw .board_list-junbox {
		float: none;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.board_list-junboxw .board_list-junbox:nth-child(3n) {
		margin-right: 0;
		margin: 0 auto;
	}

	/* event write */
	.page_write .nobb {
		padding: 3px 0;
		border-bottom: 0;
	}
	.page_write .nobc {
		padding: 3px 0 9px;
		border-bottom: 0;
	}
	.page_write .pt1 {
		padding-top: 15px;
	}
	.page_write .bb1 {
		padding-bottom: 15px;
		border-bottom: 1px solid #dfdfdf;
	}

	/* 통합검색 */
	.skin_search .searchresult li {
		width: 45%;
		margin-right: 5%;
	}
	.skin_search .searchresult li .text {
		width: 100%;
		height: 70px;
		overflow: hidden;
	}
	.skin_search .searchresult li .thumb {
		width: 100%;
		height: auto;
	}
	.skin_search .searchresult li .thumb img {
		width: 100%;
		height: auto;
	}
}



/*스킨뷰*/

.searchbox{ border-top:2px solid rgba(0,0,0,1); margin-top:35px; margin-bottom:35px;}
.searchbox .search-B{padding:15px 0 10px 25px; box-sizing:border-box;  border:1px solid #dddddd; border-bottom:none}
.searchbox .search-B .search-B-t{overflow:hidden;}
.searchbox .search-B-b{overflow:hidden; color:#909090; padding:15px 0 15px 280px}
.searchbox .search-B-b > div{float:left;}

.searchbox .search-s{background:#fafafa; padding:15px 0 0px 25px;  box-sizing:border-box; border:1px solid #dddddd;  overflow:hidden; color:rgba(29,29,29,1.00) }
.searchbox .search-s .search-s-cover{ overflow:hidden; }
.searchbox .search-s .search-s-cover  .searchbox-title{/* border-bottom:1px solid #bbbbbb;*/ width:100px !important; margin-right: 17px;}
.searchbox .search-s .search-s-cover .searchbox-detail{ /*border-bottom:1px solid #dbdbdb;*/ width:1020px; float:left ; height:60px;  }
.searchbox .search-s .search-s-cover-in{overflow:hidden; position:relative; display:none}
.tmp-check{ display: inline-block; min-width: 70px; }
.search-section{ }
.search-section .searchbox-title{  width:110px !important; margin-right: 8px;}
.search-section .keysearch{position:absolute; bottom:7px; left:0; border:1px solid #b6b6b6; width:100px; height:35px; background:url(../img/skin/keysearch.png) no-repeat 75px center #fff; line-height:35px; font-size:14px; padding-left:7px; box-sizing:border-box; cursor:pointer}  
.search-section .searchbox-detail{ border-bottom:1px solid #dbdbdb; width:1000px; float:left; padding-bottom:10px; }
.search-section:last-child .searchbox-detail{border-bottom:none;}
.search-section01, .search-section02{font-size:14px; overflow:hidden; line-height: 120%;}
.search-section02 .searchbox-detail{padding-bottom:20px; padding-top:5px;}
.search-section01 .searchbox-detail{padding-bottom:20px; border-top: 1px solid #dbdbdb; padding-top:15px;}
.search-section01 .searchbox-title{border-top: 1px solid #bbbbbb; padding-bottom:10px; padding-top: 10px;}

.searchbox-custom  .search-B{overflow:hidden; border-bottom: 1px solid #dddddd;}
.searchbox-custom .search-B .search-B-t{float:left; width:830px;}
.searchbox-custom .search-plus{float:right; width:130px; margin-right:10px;}
.searchbox-custom  .select_box_t{width:490px !important;}


.group-check{display:inline-block; padding-top:10px; float:left }
.group-check label{cursor:pointer; margin-right:10px; font-size:13px; font-weight:500}
.group-check input[type="checkbox"] {    display:none;}
.group-check input[type="checkbox"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../img/skin/view_check_off.png) no-repeat; background-size:20px;    cursor:pointer;}
.group-check input[type="checkbox"]:checked + label span {    background:url(../img/skin/view_check_on.png) no-repeat; background-size:20px}
.group-check input[type="radio"] {display:none;}
.group-check input[type="radio"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../img/skin/view_check_on.png) no-repeat; background-size:20px;    cursor:pointer;}
.group-check ul{overflow:hidden; height:75px; overflow-y:scroll; box-sizing:border-box; }
.group-check ul li{float:left; width:25%; font-size:14px; margin-bottom:2px; }
.line-h{line-height:inherit !important;}
.line-h .searchbox-title{line-height:45px !important;}
.searchbox  .search-s .search-btn{width:880px; float:left;}
.searchbox  .search-s .search-btn li a{float:left; border:1px solid #d6d6d6; height:47px; line-height:47px; margin-right: 8px; cursor:pointer; padding:0 13px; display:block;}
.searchbox  .search-s .search-btn li a:hover{color: #644498;   border: 1px solid #644498;}
.searchbox  .search-s .search-btn li.active a{}
.searchbox  .search-s .search-btn li.btn-all a{ padding:0px 30px;}
.search-plus{float:right; border:1px solid #644498; padding-left:15px; height:45px;   line-height:45px; box-sizing:border-box; cursor:pointer; color:#644498; background:rgba(255,255,255,1) url(../img/skin/plus-b.png) no-repeat 90% center; width:120px; box-sizing:border-box; font-size:14px; }
.search-plus:hover{transition: background-color 200ms linear;background: #9471cc url(../img/skin/plus-b-w.png) no-repeat 90% center;   color: #FFF;    border: 1px solid #9471cc;}
.searchbox .searchbox-title{float:left; width:120px; font-size:18px; line-height:47px;}
.searchbox .searchbox-title span{font-weight:600; color:#111111}
.searchbox  .select_box{width:120px; float:left;  margin-right:5px}
.searchbox  .select_box select {width: 100%;  color:#333333;      border: none;    box-shadow: none;    background: transparent;    background-image: none;    -webkit-appearance: none;    outline: none;    cursor: pointer;    -moz-appearance: none;    text-indent:3px;    text-overflow: ellipsis;   font-size: 14px; height: 47px; letter-spacing:-1px; background: url(../img/skin/search-m-arr.png) 100% center no-repeat; box-sizing:border-box; font-weight:600; border:1px solid #10458d; text-indent:10px;      padding-left: 0px; }
.searchbox .select_box_t {float:left;  width:195px; margin-right:5px;}
.searchbox .select_box_t input[type=text]{box-sizing:border-box;  border:1px solid #10458d; font-size: 14px; letter-spacing:-1px;   height: 47px; line-height:47px;padding:0 15px; width:100%;}
.searchbox  .sebtn{width:85px; height:47px; line-height:47px; text-align:center; color:rgba(255,255,255,1); background:#10458d; font-size:16px; margin-right:5px; float:left; border:0;}
.searchbox  .sebtn:hover{transition: background-color 200ms linear; background:#0c3873}
.searchbox .resetbtn{width:105px; height:47px; line-height:47px; text-align:center; color:#644498; background:#fff url(../img/skin/plus-p1.png) no-repeat 80px center; font-size:18px; float:right; border:1px solid #644498; cursor:pointer; text-align:center;  box-sizing:border-box}
.searching > div, .searching {float:left;}
.searching{font-size:14px; line-height:40px; float:right; }
.searching-title{font-size:16px; padding-right:10px;}
.mserchico{display:none;}

.A4000searchbox  .select_box_t{width:690px;}
.A4000searchbox  .select_box{width:200px;}
#ar_start .list-contents .list-total .list-view-num{float:right;}

.daysearch{overflow:hidden; border-left:1px solid #0273c5}
.daysearch > div{float:left;}
.daysearch-title{font-weight:500; padding-left:15px; line-height:47px; padding-right:10px;}
.daysearch .day1, .daysearch .day2{border:1px solid #6b6b6b; width:140px; height:43px; line-height:43px;  position:relative; text-indent:5px;}
.daysearch .day3{padding:0 7px; line-height:47px;}
.daysearch  input{width:100px; height:35px; border:none;}
.daysearch .day{background:url(../img/skin/calenderico.png) no-repeat; width:22px; height:21px; display:inline-block; position:absolute; right: 5px; top: 10px; cursor:pointer}


.daybtn{width:95px; height:45px; line-height:45px; text-align:center; color:#fff; background:#5a5a5a ; font-size:18px; float:right; border:1px solid #5a5a5a; cursor:pointer;  box-sizing:border-box; float:left; margin-left:5px;}
.daybtn:hover{transition: background-color 200ms linear; background:#302e2e}

.list-contents{ width:100%; font-size:14px; box-sizing:border-box; padding-top:0px;}
.list-contents .list-total{border-bottom:2px solid #868686; padding-bottom:12px; padding-top:30px;  overflow:hidden}
.list-contents .list-total .list-total-btn{float:left; overflow:hidden}
.list-contents .list-total .list-total-btn>div{float:left;}
.list-contents .list-total .list-total-btn .p-btn a{border:1px solid #b4b4b4; width:90px; height:35px; line-height:35px; box-sizing:border-box; background:url(../img/skin/plus-p3.png) no-repeat 64px center; cursor:pointer; margin-right:5px; display:block}
.list-contents .list-total .list-total-btn .p-btn  a:hover, .list-contents .list-total .list-total-btn .p-btn  a.active{transition: background-color 200ms linear;background: #644498 url(../img/skin/plus-b-w.png) no-repeat 64px center;   color: #FFF;    border: 1px solid #644498;}
.list-contents .list-total .list-total-btn .p-result {border-bottom:1px solid #a9a9a9; margin-left:10px; padding-top:7px; color:#8c8c8c;}

.list-contents .list-total .list-total-btn .p-result span{color:rgba(0,0,0,1); font-weight:600}
.list-contents .list-total  .list-view-w{float:right; overflow:hidden; width:185px;}
.list-contents .list-total  .list-view-num{float:left; width:110px; height:35px;}
.list-contents .list-total  .list-view-num  select {width: 100%;  color:#505050;      box-shadow: none;    background: transparent;    background-image: none;    -webkit-appearance: none;    outline: none;    cursor: pointer;    -moz-appearance: none;    text-indent: 3px;    text-overflow: ellipsis;   font-size: 14px; height: 35px; letter-spacing:-1px; background: url(../img/skin/view-num.png)  85% center no-repeat; border:1px solid #cbcbcb; box-sizing:border-box; font-weight:600; text-indent:7px}

.list-contents .list-total .list-keyword{float:right;}
.list-contents .list-total .list-keyword span a{display:block; height:35px; line-height:30px; padding:0 20px; border:1px solid #b4b4b4; font-size:14px; color:rgba(0,0,0,1); float:left; box-sizing:border-box; margin-left:5px;}
.list-contents .list-total .list-keyword span.blogkey a{border: 1px solid #644498;    padding-left: 15px;   
    box-sizing: border-box;    cursor: pointer;    color: #644498;    background: rgba(255,255,255,1) url(../img/skin/plus-b.png) no-repeat 90% center;    width: 150px;
    box-sizing: border-box;    font-size: 14px;}
.list-contents .list-total .list-keyword span.blogkey a:hover{transition: background-color 200ms linear;background: #9471cc url(../img/skin/plus-b-w.png) no-repeat 90% center;   color: #FFF;    border: 1px solid #9471cc;}


.list-contents .list-total-cnt{float:left;}
.list-contents .list-total-view{float:right; margin-bottom:7px; width:70px;}
.list-contents .list-total-view  li{float:left; cursor:pointer;}
.list-contents .listboxw{ overflow:hidden;}
.list-contents .list-junboxw{padding-top:30px;}
.list-contents .list-table{display:none;}

.listbox-page ul {  overflow: hidden;    width: 100%;   text-align:center;  padding:0; margin-top:100px; margin-bottom:130px}
.listbox-page ul li { float:none;    text-align: center;    line-height:normal;    margin-right: 5px;    font-size: 16px;    color: #9a9899;    width: 40px;
    height: 40px;      cursor: pointer;    display:inline-block; margin:0 auto; line-height:40px; vertical-align:middle; border:1px solid #d5d5d5}
.listbox-page  ul li.on, .listbox-page  ul li:hover{ color:#644498; border:1px solid #644498}
.listbox-page  ul li.prev{background:url(../img/skin/b_prev.jpg) no-repeat center center; border:1px solid #d7d7d7; margin-right: 2px }
.listbox-page  ul li.next{background:url(../img/skin/b_next.jpg) no-repeat center center; border:1px solid #d7d7d7;  margin-left: 2px}
.listbox-page  ul li a { width:100%; display:block; height:100%;}
.list-junbox{border-bottom:1px solid #a4a4a4; width:24%; float:left; margin-right:1%; margin-bottom:50px; padding-bottom:25px; height:530px; box-sizing:border-box; cursor:pointer; }
.list-junbox:hover{background:#e9e9e9;}
.list-junbox:hover .list-btn a{background:#10458d ; color:rgba(255,255,255,1);    transition: background-color 200ms linear; border:1px solid #10458d}
.list-junbox-d1{position:relative; overflow:hidden; }
.list-danbox .list-junbox-d1{height:180px;}

.list-junbox-d1 .thumb{display: inline-block;   width: 100%;   cursor: pointer;   
   /* max-height:320px;  */  height: auto;    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;}
.list-peobox{height:450px;}

.list-junbox-d2{height:40px; line-height:40px; text-align:center; background:#e8e8e8; border-top:1px solid rgba(255,255,255,1); font-weight:500; font-size:16px}
.list-junbox:hover .list-junbox-d2{background:#d4d4d4;}
.list-junbox-d2 span{display:block; width:20px; height:1px; background:rgba(0,0,0,1); margin:0 auto; position:relative; top:-8px;}
.list-junbox .book-cover{background:url(../img/skin/book-over.png) no-repeat center center rgba(0,0,0,0.8); width:100%; height:100%; position:absolute; top:0; display:none; left:0; z-index:2; text-align:center; font-size:15px; box-sizing:border-box}
.list-junbox .book-cover-sns{width:100%; height:100%; position:absolute; top:176%; left:0; z-index:2; text-align:center; font-size:15px; box-sizing:border-box}
.list-junbox .book-cover .book-cover-txt{position:absolute; color:rgba(255,255,255,1); text-align:center; font-size:16px;  top:50px; width:80%; left:10%}

.list-junbox .book-cover .book-cover-title{color:rgba(255,255,255,1); position:absolute; top:70px; text-align:center; font-weight:500; padding:0 25px;}



.book-cover-sns{ position:relative; top:260px; }
.book-cover-sns a{display:inline-block;text-align:center;width:37px; height:36px; vertical-align:middle;}

.book-cover-sns .snshare {border:1px solid #d0d0d0; height:35px; line-height:35px; margin-right:10px; width:115px; text-align:center; display:inline-block; font-size:13px; letter-spacing:0}

.list-junboxw .juncation{width:85px; height:30px; line-height:30px; text-align:center; position:absolute; bottom:0px; left:50%; margin-left:-45px; color:rgba(255,255,255,1); font-size:14px; box-sizing:border-box; letter-spacing:0}


.book-cover-sns a.btn-sns1 {background: url(../img/skin/nsns01.png) no-repeat 0 0;}
.book-cover-sns a.btn-sns2 {background: url(../img/skin/nsns02.png) no-repeat 0 0;}
.book-cover-sns a.btn-sns3 {background: url(../img/skin/nsns03.png) no-repeat 0 0;}

/* .list-junbox:nth-child(5n){margin-right:0;} */
.list-btn a{width:90px; height:28px; line-height:28px; text-align:center;  margin:0 auto; border:1px solid #c1c1c1; background:rgba(255,255,255,1); font-size:14px; display:block; /*margin-top:28px*/}
.list-detail{padding:25px; box-sizing:border-box;}
.list-detail-title{width:175px; height:60px; font-weight:500; line-height:120%; font-size:16px; margin-bottom:15px; text-align:center; display:table-cell; vertical-align:middle;}
.list-day{font-size:14px; line-height:130%; color:#777777; letter-spacing:-0.5px; text-align:center; margin:20px auto;}
.list-day span{color:rgba(51,51,51,1); font-weight:500;}

.list-bogo-lis-btn{text-align:center;}
.list-bogo-lis-btn a{border:1px solid #cd2600; width:130px; height:35px; line-height:35px; background:url(../img/skin/bogo_plus.png) no-repeat 100px center; color:#dc1414; padding-left:25px; font-size:15px; box-sizing:border-box; display:inline-block; margin-right:5px; text-align:left}
.list-bogo-lis-btn a:hover{background:#cd2600 url(../img/skin/bogo_plus_on.png) no-repeat 100px center;; color:rgba(255,255,255,1);   -webkit-transition: background-color 300ms linear;     -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}

.list-danbox{height:350px; width:280px; margin-right:10px; border-bottom: 1px solid #a4a4a4;  }
.list-danbox .list-detail-pname{font-size:18px; line-height:130%; height:46px; margin-bottom:10px;}
.list-danbox:nth-child(4n){margin-right: 0;}
.list-danbox:nth-child(5n){margin-right: 15px;}


.list-btn a:hover{background:#2854b8; color:rgba(255,255,255,1); border:1px solid #2854b8}
.list-detail-pname{font-size:22px; text-align:center; font-weight:500;}
.list-detail-ptype{font-size:13px; text-align:center; padding-bottom:10px; height:36px;}
.list-line{position:absolute; bottom:0; height:2px; width:50px; background:#515151;left: 50%;  margin-left: -25px;}
.list-peobox{height:350px; position:relative; border-bottom: 1px solid #a4a4a4;}
.list-peobox .list-btn a{margin-top:5px; box-sizing:border-box; line-height:25px;}
.w780{width:780px !important;}

.peoview{ padding-top: 70px; }
.skinview .skinviewbtn{width:85px; height:40px; line-height:40px; text-align:center; color:rgba(51,51,51,1); background:#fff;cursor:pointer; float:right; margin: 0 0 5px 2px; border:1px solid #dfdfdf; font-weight:500; font-size:14px; margin-top:10px}
.skinview .skinviewbtn:hover{background: #644498;   -webkit-transition: background-color 300ms linear; color:#FFF;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
.skinview .skinviewbtn a { display:block; width:100%; height:100%;}
.skinview .skinview-detail{clear:both; border-top:2px solid #000; }
.skinview .skinview-titlew{height:80px; line-height:80px; border-bottom:1px solid #eaeaea; overflow:hidden}
.skinview .skinview-title{float:left; font-size:26px; color:#4f4e4e}
.skinview .eduview-sns{float:right; top:0}
.skinview .skinview-imgw{border-bottom:1px solid #eaeaea; padding:25px; overflow:hidden}
.skinview .skinview-img{float:left; width:560px;}
.skinview .skinview-namew{float:right; width:535px;}
.skinview .skinview-name ul li{ float:left; font-size:14px ; padding-left:12px; box-sizing:border-box; display:table }
.skinview .skinview-name ul li.name{border-bottom:1px solid #b3b3b3; color:#3d3d3d; font-weight:500; width:115px; margin-right:10px; display:inline-block}
.skinview .skinview-name ul li.nameD{border-bottom:1px solid #e3e3e3; color:#636363;  width:400px;display:table }
.skinview .skinview-name  .link{border:1px solid #4a4a4a; display:inline-block; display:inline-block; padding:0px 10px ; margin-left:5px}
.skinview .skinview-name  .link img{position:relative; top:-2px; margin-left:5px;}
.skinview .skinview-name ul li.nameD span{display:table-cell; vertical-align:middle; width:100%; height:100%;}

.skinview .skinv-sd{padding:20px 0 25px; line-height:180%; color:#4f4e4e; font-size:14px}
.skinview .skinview-name ul li.name-t{border-top:1px solid #b3b3b3; color:rgba(0,0,0,1); width:115px; margin-right:10px; display:inline-block}
.skinview .skinview-name ul li.nameD-t{border-top:1px solid #e3e3e3;color:rgba(0,0,0,1);  width:400px;display:inline-block}
.skinview .sub-view-infoimg ul {overflow:hidden; margin-bottom:30px;}
.skinview .sub-view-infoimg ul li{float:left; margin-right:5px;}
.skinview .skinview-list-dw{position:relative; border-bottom: 1px solid #eaeaea; overflow:hidden; font-weight:600; font-size:26px; color:#4f4e4e}
.skinview .skinview-list-dw:last-child{border-bottom:none; margin-bottom:70px;}
.skinview .skinview-list-t{font-size:22px; padding:30px 0;}
.skinview  .protit{padding:15px 0 ; border-bottom:1px solid #eaeaea; font-size:26px; margin-bottom:45px}
.skinview .skinview-table{width:520px; float:left; margin-bottom:120px; border-bottom:1px solid #67585b;}
.skinview .skinview-table:nth-child(2){float:right;}
.skinview .skinview-table th{background:#fafafa; border-top:3px solid #67585b; height:44px; line-height:44px; font-size:15px; border-left:1px solid #e5e6e7; font-weight:normal; }
.skinview .skinview-table th:first-child{border-left:none;}
.skinview .skinview-table td{height:40px; line-height:40px; border:1px solid #e5e6e7; border-bottom:none; border-right:none; text-align:center}
.skinview .skinview-table tr td:first-child{border-left:none;}
.skinview .skinview-list-s{color:#6b6b6b; line-height:200%; padding-bottom:80px; font-size:17px; clear:both; font-weight:400} 
.skinview .skinview-list-sb{overflow:hidden; padding-bottom:45px;}
.skinview .skinview-list-sb ul li{float:left; border:1px solid #dddddd; padding: 5px; margin-right:5px;  font-size:14px; color:#5e5d5d; margin-bottom:5px}
.skinview .skinview-list-img{margin-bottom:50px;}
.skinview .skinview-list-img ul li{float:left; margin-right:8px;}
.skinview .skinview-list-img ul li:last-child{margin-right:0;}

.letters25{letter-spacing:25px;}
.letters11{letter-spacing:11px;}
.letters15{letter-spacing:7px;}
.peoview .skinview-detail{border-top:none;}
.peoview .skinview-namew{ float:right; background:#fdfdfd;}
.skinview-Bname{font-size:42px; color:#010101; padding-bottom:10px;; border-bottom:2px solid rgba(0,0,0,1); font-weight:700 }
.peoview .skinview-name ul{}
.peoview .skinview-name{ padding-left:10px; box-sizing:border-box}
.peoview .skinview-imgw{padding:0 0 40px 0; border-bottom:none;}
.peoview .skinview-titlew{font-size:24px; padding-left:40px; color:#4f4e4e; font-weight:600}
.peoview .skinview-name:first-child{background:rgba(255,255,255,1);}
.peoview .skinview-titlew span{padding-left:10px; font-weight:500 }
.peoview .skinview-name ul li{height:50px; /*line-height:50px;*/}
.peoview .skinview-name ul li.name{padding-left:30px; font-size:16px;  background: url(../img/skin/peoview-list.png) no-repeat left center; line-height:50px;}
.nobg{background:none !important;}

.product-table {border-top:2px solid #000;}
.product-table th{font-size:18px; font-weight:600; color:#454545; padding:15px 0}
.product-table td{border-bottom:1px solid #ECECEC; padding:20px 10px; font-weight:300; text-align:center}
.product-table td.ptc{font-size:24px; color:#050505; font-weight:600;}
.product-table tr:nth-child(odd){background:#fbfbfb}
.v-line{border-bottom:1px solid #ECECEC; position:relative; margin-top:80px}
.v-line:before{width:260px; height:2px; background:rgb(51,51,51); position:absolute; left:50%; margin-left:-130px; bottom:0; content:''; display:block}
.prosnsc{overflow:hidden; border-top:1px solid #ECECEC; }
.prosnsc > div{float:left;}
.shar-line{float:right !important; }

#file{ position: relative;  width: 100%; padding: 10px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #fafafa; overflow:hidden }
#file div:first-child{ float: left; width: 16%; }
#file div:last-child{ float: left; width: 84%; }
#file div:first-child span{ display: inline-block; margin-left: 15px; min-width: 140px; font-size: 15px; font-weight: 700; text-indent: 57px; line-height: 40px; border: 1px solid #ccc; background: #ffffff url(../img/skin/downfile.png) 22px 12px no-repeat; border-radius: 2px; }
.allfile span		{ float: left; display: inline-block; width: 50%; line-height: 40px; }
.allfile span img	{ vertical-align: middle; }
.allfile span a		{ display: inline-block; margin-left: 4px; line-height: 40px; color: #404040; font-size: 14px; letter-spacing: -0.5px; vertical-align: middle; }
.allfile span a:hover	{ color: #1f9bdb; }
.allfile span span{ float: right; margin-right: 20px;  width: auto; }
.allfile span span a{ padding: 0 5px; line-height: 26px; font-size: 12px; border: 1px solid #d4d4d4; background: #ffffff; border-radius: 2px; }



@media only all and (max-width:1024px){
.searchbox .searchbox-title { width: 100%;}
.searchbox{ width:100%; margin:0%;}
	.searchbox .search-s{display:none !important;}
	.searchbox .search-B{padding:0; border:none; }
	.searchbox .select_box{width:48%; float:left}
	.searchbox .select_box_t{width:49%; float:right; margin-right:0}
	
	.searchbox-custom .search-B .search-B-t{width:100%;}
	.searchbox-custom  .select_box{width:40%;}
	.searchbox-custom .select_box_t{width:55% !important;}
	.searchbox-custom .search-plus{width:100%; margin-top:10px; box-sizing:border-box; margin-right: 0;}
	
	.list-junbox{width:49%; margin-right:1%; height:430px; margin-bottom: 25px;}
	.list-junbox:nth-child(2n){margin-right:0;}
	.list-junbox-d1 img{width:100% !important; /*height:inherit !important*/ max-height:180px;}
	.list-junbox-db img{max-height:inherit; min-height:200px;}
	.list-junbox:nth-child(5n){margin-right:1%;}	
	.list-peobox .list-junbox-d1 img{max-height:inherit;}
	
	.list-peobox{  height:auto;}
	.w780{width:49% !important;}
	.searchbox .sebtn{width:100%; margin-right:0; margin-top:10px;}
	
	.skinview{padding:10px;}
	.skinview .skinview-img{width:100%; margin-bottom:10px;}
	.skinview .skinview-img img{width:100% !important; height:auto !important}
	.skinview .skinview-namew{width:100%; }
	.skinview .skinview-imgw{padding:0px; border-bottom:0}
	.skinview .skinview-name ul li.name{text-align:left; position:absolute; width:90px; padding:0 0 0 25px; font-size:14px; border-bottom:none;  background: url(../img/skin/peoview-list.png) no-repeat left 10px; line-height:40px;}
	.skinview .skinview-name ul li.nameD{padding-left:100px; width:100%;     min-height: 40px;}
	.nameD .te1{background-size:20px; margin-bottom:5px;}
	.nameD .te2{background-size:20px;}
    .skinview-Bname{font-size:32px}
	.skinview .skinview-list-dw{padding:0;}
	.skinview .skinview-list-dw:last-child{margin-bottom:0;}
	.skinview .skinview-list-dw:last-child .v-line{display:none;}
	.skinview .skinview-table{width:100%; margin-bottom:30px;}
	.skinview .skinview-list-s{padding-bottom:50px;}
	.skinview .skinview-list-img ul li{width:100%; margin-right:0; margin-bottom:10px;}
	.skinview .skinview-list-img ul li img{width:100%; height:auto}
	.sub-view-infoimg ul li{width:100%; margin-top:10px;}
	.sub-view-infoimg ul li img{width:100%;}
	.shar-line > div{float:none; padding:10px 0; margin:0 0 0 10px; !important }
	.shar-line{height:auto; line-height:inherit; border-top:none}
	.skinview .eduview-sns{float:left;}
	.sub-view-filelist{float:none; width:100%; }
	.sub-view-filelist ul{width:100%;}
	.sub-view-filelist ul li{padding-bottom:10px;}
	.sub-view-fico{margin-bottom:20px;}
	.letters25{letter-spacing:0;}
	.product-table th, .product-table td{font-size:14px; padding:5px 0; line-height: initial;}
	.product-table td.ptc{font-size:14px;}
	.skinview .protit{font-size:20px;}
	#file div:last-child{width:100% ; float:none;}
	#file div:first-child{width:100% ; float:none;}
}


@media only all and (max-width:720px){
	.file ul li:last-child{width:100%;}
	.allfile span{margin-left:0;width:100%;line-height:25px;}
	.allfile span img{margin-left:5px;}
	.allfile span a{font-size:10px;line-height:25px;}
}