@charset "utf-8";

#container .content .title_line {padding-top:30px; margin-bottom:20px; text-align:left; border-bottom:1px solid #aeaeae;}
#container .content .title_line>h4 {z-index:10; position:relative; display:inline-block; padding-bottom:20px; margin-bottom:0; text-align:left;}
#container .content .title_line>h4:after {z-index:10; content:''; position:absolute; bottom:-1px; left:0; right:0; border-bottom:2px solid #6fbf1f;}
@media only screen and (max-width: 679px){
	#container .content h4 {padding-right:0; padding-left:0; padding-bottom:10px;}
	#container .content h4:before {display:none;}
}

/*info - search*/
.sub .book-list>.info .search {position:absolute; right:0; bottom:0; overflow:hidden; padding:2px 10px; border:1px solid #e0e0e0; background:#fff;}
.sub .book-list>.info .search select {margin-right:5px; border:0; vertical-align:middle;}
.sub .book-list>.info .search input.text {height:30px; width:230px; border:0; vertical-align:middle;}
.sub .book-list>.info .search input.btn-search {width:20px; vertical-align:middle;}

/*이미지갤러리*/
.list_gallery {position:relative; padding:25px 10px 0 10px; font-size:0; word-spacing:0; letter-spacing:0; border-top:1px solid #aeaeae; border-bottom:1px solid #e1e1e1;}
.list_gallery li {display:inline-block; min-height:295px; margin-bottom:30px; vertical-align:top; width:23%; padding:0 1%;}
.list_gallery li>a {display:block; font-size:0; word-spacing:0; letter-spacing:0;}
.list_gallery .thumb {overflow:hidden; display:inline-block; width:100%; height:200px; line-height:200px; vertical-align:middle; margin-bottom:12px; text-align:center; border:1px solid #e4e5e6; background:#fff; box-sizing:border-box;}
.list_gallery .thumb>img {line-height:200px; vertical-align:middle;}
.list_gallery .tit {display:block; margin-bottom:14px; font-size:18px; color:#000; font-weight:400;}
.list_gallery .tx {display:block; font-size:14px; color:#4a4a4a;}
.list_gallery .tx span {word-break:keep-all; padding-right:12px; margin:0 0 9px; display:inline-block;}/*181211*/
.list_gallery .tx em {color:#669933; margin-right:5px; font-size:12px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:3px 6px;}/*181211*/
@media only screen and (max-width: 979px){
	.list_gallery .thumb {height:150px; line-height:150px;}
}
@media only screen and (max-width: 767px){
	.list_gallery .thumb {height:100px; line-height:100px;}
}	
@media only screen and (max-width: 679px){
	.list_gallery li {display:block; min-height:75px; margin-bottom:20px; width:100%; padding:0; box-sizing:border-box;}
	.list_gallery li>a {position:relative; padding-left:120px;}
	.list_gallery .thumb {position:absolute; top:0; left:0; width:100px; height:75px; line-height:75px;}
	.list_gallery .thumb>img {line-height:75px;}
	.list_gallery .tit {margin-bottom:10px; padding-top:5px; font-size:15px;}
	.list_gallery .tx {font-size:13px;}
}

/*게시판 목록*/
.bbs_list {width:100%; table-layout:fixed; margin-bottom:20px; text-align:center; font-size:16px; font-weight:400; color:#383838; border-top:1px solid #aeaeae;}
.bbs_list th, .bbs_list td {padding:18px 10px; border-bottom:1px solid #e1e1e1;}
.bbs_list thead th {font-size:13px; color:#6a6a6a;}
.bbs_list .sbj {text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.bbs_list .sbj>a {color:#383838;}
.bbs_list .sbj>a:hover {text-decoration:underline;}
.bbs_list .num {color:gray;}
.bbs_list .imp td {background:#f7f7f7;}
.bbs_list .imp>.num {color:#cc6600;}
@media only screen and (max-width: 679px){
	.book-list .info>.search {display:none;}
	.bbs_list {font-size:15px;}
	.bbs_list, .bbs_list thead, .bbs_list tbody, .bbs_list tr, .bbs_list th, .bbs_list td {display:block;}
	.bbs_list thead, .bbs_list .num, .bbs_list .att, .bbs_list .hit {display:none;}
	.bbs_list .sbj {width:100%; float:left; display:block; padding-bottom:0; padding-right:10px; border-bottom:none;}
	.bbs_list .date {width:100%; float:left; display:block; padding-top:10px; text-align:left; color:#999; font-size:14px;}
}

/*게시판 뷰 */
.bbs_view {width:100%; table-layout:fixed; margin-bottom:20px; font-size:16px; border-top:1px solid #262626;}
.bbs_view th, .bbs_view td {padding:18px 10px; vertical-align:top; border-bottom:1px solid #e1e1e1;}
.bbs_view th {color:#797979;}
.bbs_view td {color:#383838;}
.bbs_view .sbj {text-align:left; color:#383838; font-size:19px; font-weight:600;}
.bbs_view .bsv_info dl {font-size:0; word-spacing:0; letter-spacing:0;}
.bbs_view .bsv_info dt, .bbs_view .bsv_info dd {display:inline-block; vertical-align:top; font-size:13px;}
.bbs_view .bsv_info dt {padding-right:18px; color:#797979;}
.bbs_view .bsv_info dd {padding-right:70px; color:#383838;}
.bbs_view .photo {margin-bottom:25px; text-align:center;}
.bbs_view .ctx {margin-bottom:35px; color:#333; font-size:15px; line-height:1.6; word-break:keep-all;}
.bbs_view .att {position:relative; padding:20px 0; background:#f9f9f9;}
.bbs_view .att>em {display:block; position:absolute; top:25px; left:20px; font-size:14px;}
.bbs_view .att>.list_att {margin-left:120px;}
.bbs_view .att>.list_att>li>a {display:block; padding:5px 15px 8px 30px; word-wrap:break-word; word-break:keep-all; background:url('../images/icon/icon_down_gr.png') no-repeat 0 2px;}

.bbs_btn {position:relative; padding:13px; min-height:44px; text-align:center; font-size:0; word-spacing:0; letter-spacing:0;}
.bbs_btn a {display:inline-block; vertical-align:top; padding:0 27px; margin:0 3px; height:28px; line-height:28px; color:#fff; font-family:'Nanum Gothic'; font-size:14px; background:#949494; border-radius:5px; background: rgba(166,166,166,1);
	background: -moz-linear-gradient(top, rgba(166,166,166,1) 0%, rgba(147,147,147,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(166,166,166,1)), color-stop(100%, rgba(147,147,147,1)));
	background: -webkit-linear-gradient(top, rgba(166,166,166,1) 0%, rgba(147,147,147,1) 100%);
	background: -o-linear-gradient(top, rgba(166,166,166,1) 0%, rgba(147,147,147,1) 100%);
	background: -ms-linear-gradient(top, rgba(166,166,166,1) 0%, rgba(147,147,147,1) 100%);
	background: linear-gradient(to bottom, rgba(166,166,166,1) 0%, rgba(147,147,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#939393', GradientType=0 );}
.bbs_btn a.active {background: rgba(146,208,227,1);
	background: -moz-linear-gradient(top, rgba(146,208,227,1) 0%, rgba(127,188,208,1) 84%, rgba(127,188,208,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(146,208,227,1)), color-stop(84%, rgba(127,188,208,1)), color-stop(100%, rgba(127,188,208,1)));
	background: -webkit-linear-gradient(top, rgba(146,208,227,1) 0%, rgba(127,188,208,1) 84%, rgba(127,188,208,1) 100%);
	background: -o-linear-gradient(top, rgba(146,208,227,1) 0%, rgba(127,188,208,1) 84%, rgba(127,188,208,1) 100%);
	background: -ms-linear-gradient(top, rgba(146,208,227,1) 0%, rgba(127,188,208,1) 84%, rgba(127,188,208,1) 100%);
	background: linear-gradient(to bottom, rgba(146,208,227,1) 0%, rgba(127,188,208,1) 84%, rgba(127,188,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92d0e3', endColorstr='#7fbcd0', GradientType=0 );}
.bbs_btn .par {position:absolute; top:13px; right:13px;}
.bbs_btn.mobile {display:none;}

.bs_pn_list {position:relative; font-family:'Nanum Gothic'; border-top:1px solid #e3e3e3;}
.bs_pn_list li {padding:18px 0; border-bottom:1px solid #e3e3e3;}
.bs_pn_list li>span {display:inline-block; vertical-align:middle; padding:0 35px 0 4px; color:#6b6b6b; font-size:13px;}
.bs_pn_list li>a {display:inline-block; vertical-align:middle; color:#383838; font-size:14px;}
.bs_pn_list li>a:hover {text-decoration:underline;}
@media only screen and (max-width: 679px){
	.bbs_view {font-size:15px;}
	.bbs_view th, .bbs_view td {padding:18px 10px; vertical-align:top; border-bottom:1px solid #e1e1e1;}
	.bbs_view .sbj {padding-bottom:0; font-size:16px; border:none;}
	.bbs_view .bsv_info dt{display:none;}
	.bbs_view .bsv_info dd {position:relative; padding-right:20px;}
	.bbs_view .bsv_info dd:after {content:''; position:absolute; top:2px; right:10px; height:10px; border-left:1px solid #ccc;}

	.bbs_btn {padding:10px;}
	.bbs_btn .par {display:none;}
	.bbs_btn.mobile {display:block; padding:0; text-align:right;}
	.bbs_btn.mobile a {padding:0 10px; font-size:13px;}
}

/*게시판 입력폼*/
.bbs_write table {width:100%; table-layout:fixed; margin-bottom:20px; text-align:left; font-size:16px;}
.bbs_write th, .bbs_write td {padding:6px 0; text-align:left;}
.bbs_write th {font-size:14px; font-weight:400; color:#000;}
.bbs_write .input {width:98%; height:36px; padding:0 1%; font-size:15px; border:1px solid #ced4da; border-radius:4px; box-sizing:border-box;}
.bbs_write span.iqtit {display:block; margin-bottom:12px;}
.bbs_write textarea.iqinput {width:100%; height:406px; padding:10px; font-size:15px; border:1px solid #ced4da; border-radius:4px; box-sizing:border-box; resize:none;}

.bbs_write .bx_upload {display:inline-block; width:50%; height:36px; padding:3px; border:1px solid #ced4da; border-radius:4px; box-sizing:border-box;}
.bbs_write input.upload_text {float:left; width:calc(100% - 108px);/* 버튼 포함 전체 가로 길이*/ height:28px; line-height:28px; padding:0 3px; font-size:15px; border:none; box-sizing:border-box;
}/*읽기전용 인풋텍스트*/
.bbs_write div.upload-btn_wrap input.input_file {position:absolute; top:0; right:0; bottom:0; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -moz-opacity:0;
}/*파일찾기 폼 투명하게*/
.bbs_write div.upload-btn_wrap {overflow:hidden; position:relative; float:left; margin-left:4px; width:104px; height:28px; border-radius:4px; box-sizing:border-box; 
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );	
}/*버튼테두리 감싼 div width, height 값은 button(찾아보기)값과 같아야함 */
.bbs_write div.upload-btn_wrap button {width:104px; height:28px; padding-left:34px; padding-right:16px; border:1px solid #d4d4d4; font-size:13px; font-weight:400; color:#000; background:url('../images/icon/icon_file.png') no-repeat 12px 6px; border-radius:4px; box-sizing:border-box;
}/*버튼 div*/

.bbs_write>.btns {position:relative; text-align:center;}
.bbs_write>.btns>a {display:inline-block; width:122px; height:45px; margin:0 3px; line-height:45px; font-size:16px; color:#fff; background:#bcbfc3;}
.bbs_write>.btns>.active {background:#669933;}
@media only screen and (max-width: 679px){
	.bbs_write table, .bbs_write tr, .bbs_write th, .bbs_write td {display:block;}
	.bbs_write th {padding-bottom:0;}
	.bbs_write textarea.iqinput {height:150px;}
	.bbs_write .bx_upload {width:100%;}
	.bbs_write>.btns>a {width:82px; height:35px; line-height:35px; font-size:15px;}
}

/*발간자료*/
.list_publish {position:relative; overflow:hidden; padding-top:20px; padding-bottom:10px; border-top:1px solid #262626; border-bottom:1px solid #e1e1e1;}
.list_publish ul {margin-left:-2%; font-size:0; word-spacing:0; letter-spacing:0;}
.list_publish li {position:relative; display:inline-block; vertical-align:top; width:48%; min-height:285px; margin:1% 0 1% 2%; background:#f8f8f8; border:1px solid #e0e0e0; box-sizing:border-box;}
.list_publish li>.cover {position:absolute; top:0; left:0; width:48%; height:100%; background:#fff;}
.list_publish li>.cover>img {max-width:100%; max-height:100%; line-height:132px; position:absolute;top:50%; left:50%; transform:translate(-50%, -50%);}
.list_publish li>.cnt {margin-left:48%; padding-top:30px; padding-left:15px; padding-right:10px;}
.list_publish li>.cnt dl {margin-bottom:10px; color:#000;}
.list_publish li>.cnt dt, .list_publish li>.cnt dd {padding-bottom:10px; font-size:17px;}
.list_publish li>.cnt .btn_down {display:block; width:102px; height:28px; line-height:28px; padding-left:40px; font-size:13px; color:#000; 
	border:1px solid #cecece; border-radius:4px; box-sizing:border-box;
	background:url('../images/icon/icon_down_gr.png') no-repeat 11px 4px, rgba(255,255,255,1);
	background:url('../images/icon/icon_down_gr.png') no-repeat 11px 4px, -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background:url('../images/icon/icon_down_gr.png') no-repeat 11px 4px, -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
	background:url('../images/icon/icon_down_gr.png') no-repeat 11px 4px, -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background:url('../images/icon/icon_down_gr.png') no-repeat 11px 4px, -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background:url('../images/icon/icon_down_gr.png') no-repeat 11px 4px, -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
	background-size:16px auto;
}

/*이미지 갤러리 뷰*//*181208yu*/
.bbs_view td.gallery_view {position:relative; padding:0; border-bottom:none;}

.gallery_view .swiper-container {width:100%; margin-left:auto; margin-right:auto;}
.gallery_view .swiper-slide {position:relative; width:100%; height:600px; cursor:pointer; text-align:center;}
.gallery_view .swiper-slide>img { z-index:10000; max-height:100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.gallery_view .gallery-top {width:100%; border:1px solid #e1e1e1; border-top:none; box-sizing:border-box;}
.gallery_view .gallery-thumbs {height:100px; padding:10px 10px; box-sizing:border-box; background:#f7f7f7; }
.gallery_view .gallery-thumbs .swiper-slide {width:25%; height:100%; opacity:0.4; box-sizing:border-box;}
.gallery_view .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.gallery_view .swiper-button-prev, .swiper-button-next {width:47px; height:64px; margin-top:-32px; background-color:rgb(255,255,255,.2);}
.gallery_view .swiper-button-prev {left:0;}
.gallery_view .swiper-button-next {right:0;}

@media only screen and (max-width: 979px){
	.list_publish li {min-height:235px;}
	.list_publish li>.cnt dt, .list_publish li>.cnt dd {font-size:16px;}

	.gallery_view .swiper-slide {height:450px;}/*181208yu*/
}
@media only screen and (max-width: 767px){
	.list_publish li>.cnt dt, .list_publish li>.cnt dd {font-size:15px;}
}
@media only screen and (max-width: 679px){
	.list_publish ul {margin-left:0;}
	.list_publish li {display:block; width:100%; min-height:100px; margin:2% 0;}
	.list_publish li>.cover {width:80px; height:100%;}
	.list_publish li>.cnt {margin-left:95px; padding-top:15px; padding-left:0; padding-right:50px;}
	.list_publish li>.cnt dt, .list_publish li>.cnt dd {padding-bottom:4px; font-size:14px;}
	.list_publish li>.cnt dt {margin-bottom:10px;}
	.list_publish li>.cnt dd {font-size:13px; color:#555;}
	.list_publish li>.cnt .btn_down {position:absolute; top:0; right:0; width:40px; height:100%; line-height:normal; 
		padding-left:0; text-indent:-9999px; overflow:hidden; border-radius:0; border:none; border-left:1px solid #e0e0e0; background-position:11px center; background-size:20px auto;}

	.gallery_view .swiper-slide {height:250px;}/*181208yu*/
	.gallery_view .gallery-thumbs {display:none;}/*181208yu*/
	.gallery_view .swiper-button-prev, .swiper-button-next {top:260px; width:8%; height:30px; margin:0; background-size:50%;}/*181208yu*/
}