@charset "utf-8";

/* bbs */

/* search */
.bbs_search {overflow:hidden;}
.bbs_search .title {display:inline-block;margin-right:10px;font-weight:700;}

/* info */
.bbs_info {margin:0 0 10px;overflow:hidden;font-size:13px;}
.bbs_info_box {padding:15px 20px;background:#e6eded;}
.bbs_info_box ul li {margin:5px 0;}

/* list */
.bbs_list table {table-layout:fixed;}
.bbs_list table .num {width:50px;}
.bbs_list table .subject {}
.bbs_list table .subject > a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bbs_list table .file {width:50px;}
.bbs_list table .writer {width:100px;}
.bbs_list table .date {width:100px;}
.bbs_list table .views {width:50px;}
.bbs_list table .notice {display:inline-block;padding:0 6px;background:#2adcd6;border-radius:2px;line-height:18px;color:#fff;font-size:12px;}
/* .bbs_list table .new {display:inline-block;width:18px;height:18px;margin-left:6px;border-radius:50%;background:#ff0b89;color:#fff;font-size:12px;text-align:center;} */
.bbs_list table .new {display:inline-block;margin-left:5px;padding:0 5px;height:18px;line-height:18px;color:#fff;font-size:12px;border-radius:3px;background-color:#ff0b89;vertical-align:middle;}
.bbs_list table .fa-lock {display:inline-block;margin-right:6px;}
.bbs_list table .check_pw {display:none;}
.bbs_list table .status {width:100px;}

/* FAQ */
#board_wrap .faq_list {margin:10px 0 20px;width:100%;border-top:2px solid #32344d;}
#board_wrap .faq_list li {color:#555;border:solid #fff;border-width:0 0 3px 0;background-color: #f5f5f5;}
#board_wrap .faq_list li .faq_title {display:block;color:#333;cursor:pointer;}
#board_wrap .faq_list li .view {display:none;background-color:#fff;color:#333;}
#board_wrap .faq_list li .faq_txt {position:relative;padding:12px 10px 12px 50px;}
#board_wrap .faq_list li .faq_ico {position:absolute;display:inline-block;left:10px;top:8px;width:30px;height:30px;line-height:30px;background-color:#fff;border-radius:50%;font-size:18px;color:#777;font-weight:600;text-align:center;}
#board_wrap .faq_list li .faq_ico.bgGr {background-color:#fff;color:#777;}
#board_wrap .faq_list li .faq_ico.bgW {background-color:#f5f5f5;color:#777;}

#board_wrap .bbs_list_faq.admin .faq_txt {padding:12px 10px 12px 80px;}
#board_wrap .bbs_list_faq.admin .faq_ico {left:40px;}
#board_wrap .faq_list li input[type=checkbox] {position: absolute;left:10px;top:50%;margin-top:-12px;width:20px;height:20px;vertical-align:middle;cursor:pointer;}

#board_wrap .faq_list li p {display:none;}
#board_wrap .faq_list li p.view {display:block;}

/* view */
.bbs_view {margin:10px 0;}
.bbs_view .tbl_wrap {margin:0;}
.bbs_view .title {padding:15px;border-bottom:1px solid #ccc;background:#f5f5f5;font-size:1.5em;font-weight:700;}
.bbs_view .desc	{padding:10px;font-size:0.875em;}
.bbs_view .desc dl {overflow:hidden;}
.bbs_view .desc dt {float:left;width:10%;color:#888;}
.bbs_view .desc dd {float:left;width:40%;}
.bbs_view .cont	{padding:15px 10px;border-top:1px solid #ccc;min-height:300px;word-break:break-all;}
.bbs_view .cont img {max-width:100%;}
.bbs_view .attach {padding:8px 10px;margin:0;border-top:1px solid #ddd;font-size:0.875em;}
.bbs_view .attach i,
.bbs_view .attach img {display:inline-block;margin-right:5px;}
.bbs_view .reply {border-top:1px solid #ccc;background:#f5f5f5;}

.bbs_view_list {margin:20px 0;border:1px solid #ccc;border-radius:3px;color:#888;}
.bbs_view_list dl {overflow:hidden;}
.bbs_view_list dt,
.bbs_view_list dd {float:left;padding:10px;box-sizing:border-box;color:#888;}
.bbs_view_list dt {width:15%;background:#f5f5f5;color:#888;}
.bbs_view_list dd {width:85%;}
.bbs_view_list dd.subject {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bbs_view_list dd.subject a {color:#000;}
.bbs_view_list dt:first-child,
.bbs_view_list dt:first-child + dd {border-bottom:1px solid #ccc;}

/* write */
.bbs_write .attach {position:relative;margin:10px 0;padding:15px;background:#f5f5f5;}
.bbs_write .attach .preview	{position:absolute;width:120px;height:120px;line-height:120px;border:1px solid #ccc;border-radius:3px;background:#fff;text-align:center;}
.bbs_write .attach .filebox	{position:relative;margin-bottom:5px;border:1px solid #ccc;border-radius:3px;text-align:center;}
.bbs_write .attach .filebox select {position:relative;width:100%;min-height:100px;border:none;outline:none;background:#fff;}
.bbs_write .attach .filebox:before {content:"파일을 드래그하여 업로드";position:absolute;width:100%;left:0;top:50%;margin-top:-10px;text-align:center;z-index:9}
.bbs_write .attach .filebox.on:before{display:none}
.bbs_write .attach .cont {margin-left:140px;font-size:13px;}
.bbs_write .attach .list li {display:block;position:relative;padding:4px 0;border-bottom:1px solid #ccc;}
.bbs_write .attach .list li:hover {background:#e6eded;}
.bbs_write .attach .list .fa {position:absolute;right:0;top:8px;color:#888;}
.bbs_write .attach .graph {position:relative;width:100%;height:10px;background:#fff;border:1px solid #ccc;vertical-align:top;}
.bbs_write .attach .graph .bar {display:inline-block;background:#2adcd6;height:10px;vertical-align:top;}
.bbs_write .attach .graph .num {position:absolute;top:0;right:0;display:inline-block;font-size:10px;line-height:1;}
.fileinput-button {position: relative; overflow: hidden;}
.fileinput-button input {position: absolute; top: 0; left: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 10px; direction: ltr; width:100%; cursor: pointer;}
/* Fixes for IE < 8 */
@media screen\9 {
.fileinput-button input {filter: alpha(opacity=0);font-size:100%;height:100%;}
}

/* gallery */
.gallery_list {padding:15px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.gallery_list ul {overflow:hidden;}
.gallery_list ul li {float:left;width:23%;margin:15px 1%;}
.gallery_list ul li a {display:block;}
.gallery_list ul li .thumb {display:block;position:relative;width:100%;height:200px;margin-bottom:10px;overflow:hidden;background:#f5f5f5 url(/gjlll/resources/cms/img/noimg.png) no-repeat 50%;}
.gallery_list ul li .thumb img {width:auto;height:auto;min-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);}
.gallery_list ul li .subject {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gallery_list ul li .date {display:block;color:#888;font-size:0.875em;}

/* paging */
.paging {margin:10px 0 0px;text-align:center;font-size:0;}
.paging a,
.paging strong {display:inline-block;width:30px;height:30px;margin:0 2px;line-height:30px;border:1px solid #ccc;border-radius:3px;color:#888;font-size:13px;text-align:center;vertical-align:middle;box-sizing:border-box;}
.paging a.active,
.paging strong {border-color:#000;background:#000;color:#fff;font-weight:700;}
.paging a.page_move {background:#ccc;color:#888;}
.paging .last {width: auto; letter-spacing: -1px;}

/* bbs type */
.bbs_type {width:380px;margin:0 auto;}
.bbs_type_list {padding:10px 20px;overflow:hidden;}
.bbs_type ul li {float:left;width:160px;margin:5px;border:1px solid #ccc;box-sizing:border-box;z-index:9;}
.bbs_type ul li a {display:block;padding:80px 0 30px;border:1px solid #fff;background:#fff;color:#888;line-height:1.8;text-align:center;box-sizing:border-box;}
.bbs_type ul li:hover,
.bbs_type ul li.on {border:1px solid #000;box-shadow:0 2px 15px rgba(0,0,0,0.3);z-index:10;}
.bbs_type ul li:hover a,
.bbs_type ul li.on a {border:1px solid #000;text-decoration:none;color:#000;}
.bbs_type ul li a.type01 {background:url(/gjlll/resources/cms/img/ico_bbs_type01.png) no-repeat 50% 30px;}
.bbs_type ul li a.type02 {background:url(/gjlll/resources/cms/img/ico_bbs_type02.png) no-repeat 50% 30px;}
.bbs_type ul li a.type03 {background:url(/gjlll/resources/cms/img/ico_bbs_type03.png) no-repeat 50% 30px;}
.bbs_type ul li a.type04 {background:url(/gjlll/resources/cms/img/ico_bbs_type04.png) no-repeat 50% 30px;}

/* bbs comment */
.bbs_comment {padding:15px 10px;border-top:1px solid #ccc;}
.bbs_cmt_write {position:relative;margin:10px 0;padding-right:90px;}
.bbs_cmt_write .box {height:80px;}
.bbs_cmt_write .btn_cmt {position:absolute;top:0;right:0;width:80px;height:80px;padding:0;}
.bbs_cmt_list {margin-top:20px;}
.bbs_cmt_list .bbs_cmt_write {display:none;}
.bbs_cmt_list ul li {position:relative;padding:15px 0;border-top:1px solid #ccc;}
.bbs_cmt_list .desc {padding:0;}
.bbs_cmt_list .btn_wrap {position:absolute;top:10px;right:10px;margin:0;}
.bbs_cmt_list .btn_reply {margin-left:10px;}


/* bbs webzine */
.webzine_list {padding:15px 0;border-top:2px solid #20339b;}
.webzine_list li {padding:20px 10px;border-bottom:1px solid #ccc;}
.webzine_list li a {position:relative;display:block;padding-left:240px;width:100%;min-height:150px;box-sizing:border-box;}
.webzine_list li .thumb {position:absolute;top:0;left:0;width:210px;height:150px;background: #f5f5f5 url(/gjlll/resources/cms/img/noimg.png) no-repeat 50%;overflow:hidden;vertical-align:top;}
.webzine_list li .thumb img {width:auto;height:auto;min-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);}
.webzine_list li .desc span {display:block;}
.webzine_list li .desc .subject {font-size:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle;}
.webzine_list li .desc .cont {margin:10px 0;height:72px;color:#666;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden;}
.webzine_list li .desc .writer,
.webzine_list li .desc .date {position:relative;display:inline-block;padding:0 10px;color:#888;font-size:13px;}
.webzine_list li .desc .writer {padding-left:0;}
.webzine_list li .desc .date:after {content:"";display:block;position:absolute;top:50%;left:0;margin-top:-5px;width:1px;height:10px;background-color:#ccc;}



@media only screen and (max-width: 1024px) {

	/* gallery */
	.gallery_list {padding:10px 0;}
	.gallery_list ul li {width:30.33%;margin:15px 1.5%;}

}

@media only screen and (max-width: 768px) {

	/* list */
	.bbs_list table thead {display:none;}
	.bbs_list table tr {display:block;padding:10px 0;border-top:1px solid #ccc;}
	.bbs_list table tr:first-child {border:0;}
	.bbs_list table td {display:inline-block;padding:2px 10px;border:0;text-align:left;}
	.bbs_list table td.subject {width:100%;box-sizing:border-box;}
	.bbs_list table .num,
	.bbs_list table .file,
	.bbs_list table .writer,
	.bbs_list table .date {position:relative;width:auto;font-size:0.875em;}
	.bbs_list table .views {display:none;}
	.bbs_list table .writer,
	.bbs_list table .date {padding-left:0;}
	.bbs_list table .writer:before,
	.bbs_list table .date:before {content:'';display:inline-block;height:10px;border-left:1px solid #ccc;padding-right:10px;}
	.bbs_list table .check_pw span {display:block;margin-bottom:10px;}

	/* view */
	.bbs_view .cont {min-height:100px;}
	.bbs_view .title {font-size:1.125em;}
	.bbs_view .desc dt {display:none;}
	.bbs_view .desc dd {display:inline;width:auto;padding-right:12px;}
	.bbs_view .desc dd:before {content:'';display:inline-block;height:10px;padding-right:12px;border-left:1px solid #ccc;}
	.bbs_view .desc dd:last-child {display:none;}
	.bbs_view .desc dt:first-child + dd:before {display:none;}
	.bbs_view_list {font-size:0.875em;}

	/* gallery */
	.gallery_list ul li {width:47%;margin:10px 1.5%;}

	/* bbs btn */
	.bbs_btn .btn {min-width:auto;margin-top:2px;margin-bottom:2px;padding:8px 20px;font-size:13px;}


	/* bbs webzine */
	.webzine_list li {padding:20px 0;}
	.webzine_list li a {padding-left:0;width:100%;min-height:auto;}
	.webzine_list li .thumb {position:relative;top:0;left:0;margin-bottom:10px;width:100%;height:150px;}
	.webzine_list li .desc .subject {font-size:16px;}
	.webzine_list li .desc .cont {height:68px;font-size:0.93em;}
	.webzine_list li .desc .date {font-size:0.875em;}

}

@media only screen and (max-width: 480px) {

	/* gallery */
	.gallery_list ul li {width:97%;}

}