@charset "utf-8";

/*BtnArea*/
.BtnArea {text-align:right; margin-bottom:30px}
.BtnArea button {background:#fff; border:1px solid #ddd; cursor:pointer; font-size:14px; font-family:'NotoKR'; height:40px; padding:0 15px; margin-left:-5px}
.BtnArea button:hover {background:#000; border-color:#000; color:#fff; transition:all .2s}

/* 페이지,검색영역 2018-12-13 수정 */
div.board_info {clear:both; font-size:14px; overflow:hidden; position:relative; margin-bottom:25px}
div.board_info .page_info {color:#666; float:left; margin-top:8px}
div.board_info .page_info .txt_bold {font-weight:500}
div.board_info .page_info strong {color: #fd6800}
/*검색*/
div.board_info .Search_rss {float:right; text-align:right; /*width:60%*/}
div.board_info .Search_rss a.icon_rss {display:none}
div.board_info fieldset {clear:both; display:table; width:100%; position:relative; overflow:hidden}
div.board_info fieldset select, 
div.board_info fieldset input, 
div.board_info fieldset button {border:1px solid #ddd; border-right:0; display:block; width:100%; height:100%; padding:0 5px}
div.board_info fieldset span {display:table-cell; height:40px; margin-left:-4px; vertical-align:middle}
div.board_info fieldset span:first-of-type {margin-left:0}
div.board_info fieldset span.form-select {width:25%}
div.board_info fieldset span.form-input {width:40%}
div.board_info fieldset span.form-btn {width:10%}
div.board_info fieldset span.form-btn button {background-color:#353c47; border:1px solid #353c47; color:#fff; cursor:pointer; font-size:0; position:relative; transition:background .2s; vertical-align:top}
div.board_info fieldset span.form-btn button:before {content:''; position:absolute; top:11px; left:50%; margin-left:-6px; background:url('/kor/img/common/icon-search.png') no-repeat; width:14px; height:16px}
div.board_info fieldset span.form-btn button:hover,div.board_info fieldset button:focus {background-color:#404759}

/* 갤러리 리스트 2018-11-27 수정*/
.galleryList {border-top:1px solid #919191; border-bottom:1px solid #919191; clear:both; overflow:hidden; padding:25px 0 5px}
.galleryList ul li {float:left; width:31.59%; margin:0 2.6% 25px 0; overflow:hidden}
.galleryList ul li:nth-child(3n) {margin-right:0}
.galleryList ul li a {border:1px solid #e4e4e4; color:#333; display:block; position:relative}
.galleryList ul li a .thumb {display:block; overflow:hidden; width:100%; height:200px; margin:0 auto; text-align:center}
.galleryList ul li a span.txt {display:block; height:auto; padding:20px; position:relative}
.galleryList ul li a span.txt strong {color:#000; display:inline-block; font-size:15px; font-weight:normal !important; line-height:22px; height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; width:100%; transition:all .4s}
.galleryList ul li a span.txt span.date {display:inlineblock; margin:10px 0 0 0; color:#999; font-size:14px}
/*효과*/
.galleryList ul li a:before {content:''; background:rgba(0,0,0,0.8); width:100%; height:0; position:absolute; left:0; bottom:35.5%; transition:all .3s}
.galleryList ul li a:after {content:'자세히 보기 +'; color:#fff; font-size:0.9em; text-align:center; width:100%; height:0; position:absolute; left:0; bottom:0; transition:all .3s}
.galleryList ul li a:hover:before {background:rgba(0,0,0,.7); height:200px}
.galleryList ul li a:hover:after {bottom:70%}

/* 웹진형 2018-11-06 */
.webzineList ul li {border:1px solid #ddd; margin-bottom:25px; width:100%}
.webzineList ul li:last-child {margin-bottom:0}
.webzineList ul li a {clear:both; display:block; overflow:hidden}
.webzineList ul li a:hover .txtbox strong {text-decoration:underline}
.webzineList ul li .thumb {display:block; float:left; width:30.66%}
.webzineList ul li .thumb img {display:block; width:100%; height:200px; transition:all .3s}
.webzineList ul li .txtbox {border-top:0; display:block; float:left; padding:3%; width:69.34%}
.webzineList ul li .txtbox strong {color:#000; display:inline-block; font-size:18px; font-weight:500; position:relative; width:99.9%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
/*
.webzineList ul li .txtbox strong:before {content:'';  background:#000; width:0; height:1px; position:absolute; left:0; bottom:0; transition:all .3s}
.webzineList ul li a:hover .txtbox strong:before {width:100%}
*/
.webzineList ul li .txtbox .con-txt {display:block; height:50px; overflow:hidden; margin:15px 0}
.webzineList ul li .txtbox span {font-size:14px}

/*게시물형 18-12-04*/
.tstyle_list {border-top:1px solid #666; border-bottom:1px solid #e4e4e4; font-size:14px}
.tstyle_list > div > ul {display:table; table-layout:fixed; width:100%; clear:both; overflow:hidden}
.tstyle_list > div > ul > li {box-sizing:border-box; border-left:1px solid #DCD9D9; display:table-cell; font-weight:normal; min-height:44px; padding:10px; text-align:center; text-overflow:ellipsis; /*white-space:nowrap;*/ width:10%; vertical-align:middle}
.tstyle_list > div > ul > li:first-child{border-left:0}
.tstyle_list > div.dhead {border-bottom:1px solid #bfbfbf}
.tstyle_list > div.dhead > ul li {background:#f9f9f9; color:#333; font-weight:500}
.tstyle_list > div.dbody > ul {border-bottom:1px solid #e4e4e4}
.tstyle_list > div.dbody > ul:last-child {border-bottom:0}
.tstyle_list > div.dbody > ul.notice {background:#f9f9f9}
.tstyle_list > div.dhead > ul li.title,
.tstyle_list > div.dbody > ul > li.title {width:auto}
.tstyle_list > div.dbody > ul > li a {color:#000; display:block; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; width:99.9%}
.tstyle_list > div.dbody > ul > li a:hover {text-decoration:underline}
.tstyle_list > div.dbody > ul > li a.btn-line {color:none; display:inline-block; width:auto}
.tstyle_list > div.dbody > ul > li a.btn-line:hover {color:#fff; text-decoration:none}

/*콘텐츠 없을 때*/
.tstyle_list > div.dbody > div.nodata {text-align:center; padding:50px 0; width:100%}

/* 갤러리 글쓰기*/
.tstyle_write {width:100%; margin-bottom:30px}
.tstyle_write tbody {border-top: 2px solid #464646}
.tstyle_write tbody label {color:#333; font-weight:normal}
.tstyle_write tbody th {background:#fcfcfc; padding:8px 16px; border-bottom:1px solid #e2e3e6; word-break:keep-all}
.tstyle_write tbody td {padding:8px 16px; border-bottom:1px solid #e2e3e6; word-break:keep-all; border-left:1px solid #eaeaea}
.tstyle_write tbody td.tb_contents .content {width:99%}
.tstyle_write tbody tr.add_file th {background-color:#fff}
.tstyle_write tbody tr.add_file td {background:url(/upload/skin/board/basic/line_bar.gif) no-repeat left center; border-left:0}
.tstyle_write tbody tr.add_file th span {font-size:11px; font-weight:normal; color:#717171}
.tstyle_write tbody tr.add_file input {border:none !important; font-size:13px; padding:0}
.tstyle_write tbody tr.file_info th {border-left:none; background:#FCFCFC; padding:10px 0; font-size:13px; font-weight:normal; color:#717171}

/*Board 이전글, 다음글*/
.list_board {border-top:1px solid #919191; border-bottom:1px solid #919191; margin-bottom:20px}
.list_board li {border-top:1px solid #e2e3e6; padding:7px}
.list_board li a:hover {text-decoration:underline}
.list_board li:first-child {border:0}
.list_board li:first-child span {background-position:-73px 5px}
.list_board li span {color:#333; font-weight:normal; padding:0 15px 0 20px; display:inline-block; background:url(/upload/skin/board/basic/ico_group.png) no-repeat -73px -7px; width:40px; height:18px}

/* file list */
.attach_file li {padding-left: 17px; background: url(/upload/skin/board/basic/ico_group.png) no-repeat -6px -126px;	}	

/*programNav 수정 : 18-11-27*/
#content .board_pager {margin:30px auto; position:relative; text-align:center}
#content .board_pager .inner {display:table; margin:0 auto}
#content .board_pager a {box-sizing:border-box; border:1px solid #ddd; color:#999; display: inline-block; font-size:14px; text-align:center; padding:5px 0 4px; width:32px; margin:0 2px}
#content .board_pager a.pageNone {border:0 none; color:#373737}
#content .board_pager a.pageNone:hover {border:1px solid #ddd; transition:all .2s}
#content .board_pager a.pageNow {background:#333; border-color:#333; color:#fff}
#content .board_pager a.pageNow strong {color:#fff}	
	
/* comment */
div.CommentWrap > .cmtForm {background:#f7f7f7; border:1px solid #e4e4e4; padding:20px}
div.CommentWrap > .cmtForm h4{font-size:18px; font-weight:normal; font-weight:500; margin-bottom:15px}
div.CommentWrap > .cmtForm h4 span.re-num {color:#d85430; vertical-align:0}

div.CommentWrap div.commentList {border:1px solid #e4e4e4; padding:20px; margin-top:-1px}
div.CommentWrap div.commentList ul li {border-top:1px solid #fff; padding:10px 0; position:relative}
div.CommentWrap div.commentList ul li:first-child {border:none}
div.CommentWrap div.commentList ul li > span.name {color:#444; font-size:14px; font-weight:500}
div.CommentWrap div.commentList ul li > span.date {color:#999; font-size:14px; margin:0 3px}

div.CommentWrap div.commentList ul li span.cmtBtnGroup {border:1px solid #ddd; border-radius:50px; position:absolute; right:0; top:9px; display:block}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span {box-sizing:border-box; display:inline-block; padding:3px 7px 2px 22px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtUpt {background:url('/mvote/img/common/icon-modify-g.png') no-repeat 2px 2px; background-size:20px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtDel {background:url('/mvote/img/common/icon-del.png') no-repeat 2px 2px; background-size:20px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.btn-recomment {background:url('/mvote/img/common/icon-recomment-g.png') no-repeat 2px 2px; background-size:20px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:nth-child(2),
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:nth-child(3){border-left:1px solid #ddd}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:first-child {border-left:0}

div.CommentWrap div.commentList ul li > span.comment {display:block; font-size:15px; color:#666; font-weight:500; word-break:break-all}
div.CommentWrap div.commentList ul li.re_comment {background:#f8f8f8; padding:15px}
div.CommentWrap div.commentList ul li.re_comment:last-child {border-bottom:0}
div.CommentWrap div.commentList ul li > span.new {background:#51b69f; border-radius:50px; display:block; width:7px; height:7px; position:absolute; top:21px; left:0}
div.CommentWrap div.commentList ul li.re_comment > span.new {background:#51b69f; border-radius:50px; display:block; width:7px; height:7px; position:absolute; top:21px; left:-10px}
/*답변*/
div.CommentWrap div.cmtForm fieldset{width:100%; padding:0}
div.CommentWrap div.cmtForm div.memo {background:#fff; border:1px solid #D9D9D9; clear:both; position:relative; overflow:hidden}
div.CommentWrap div.cmtForm div.memo span.num {color:#999; font-size:12px; display:block; position:absolute; bottom:5px; left:10px}
div.CommentWrap div.cmtForm div.memo span.num > span#opinionLength {color:#ff6600}
div.CommentWrap div.cmtForm div.memo textarea{border:0; box-sizing:border-box;  -webkit-appearance:none; -webkit-border-radius:0; float:left; font-size:14px; padding:10px 10px 0 10px; width:81%; height:43px}
div.CommentWrap div.cmtForm div.memo button{background:#2c3354; background-size:20px; border-radius:0; border:0; color:#fff; float:right; height:65px; width:19%; font-size:14px}
/*수정*/
div.spread_box {background:#fff; border:1px solid #D9D9D9; clear:both; position:relative; overflow:hidden}
div.spread_box textarea{border:0; box-sizing:border-box;  -webkit-appearance:none; -webkit-border-radius:0; float:left; font-size:14px; padding:10px 10px 0 10px; width:81%; height:43px}
div.spread_box button{background:#2c3354; background-size:20px; border-radius:0; border:0; color:#fff; float:right; height:65px; width:19%; font-size:14px}

/*수정/삭제 비밀번호입력*/
#questPW {clear:both; overflow:hidden}
#questPW .txtBox {background:url('/upload/skin/board/basic/icon-lock.png') no-repeat center top; padding-top:120px; position:relative; margin:50px 0; text-align:center}
#questPW .txtBox .title {color:#666; font-size:15px; margin-bottom:10px}
#questPW .txtBox .pw_div {display:inline-block}
#questPW .txtBox .pw_div input {border:1px solid #ddd; padding:5px; width:140px; height:38px}
#questPW .txtBox .font_red {color:#cc3300; padding-top:20px; display:block; word-break:keep-all}
#questPW .txtBox .btnWrap {display:inline-block; vertical-align:bottom}
#questPW .txtBox .btnWrap button {background:#6d7c90; border:1px solid #6d7c90; color:#fff; padding:0 24px; line-height:36px; display:block; float:left; margin-left:1px; transition:all .2s}
#questPW .txtBox .btnWrap button:hover {background:#fff; color:#6d7c90}

/*Board View 2018-12-06 손윤하 수정*/
div.tstyle_view {border-top:1px solid #666; font-size:14px; margin-bottom:30px}
div.tstyle_view div.title {background:#f9f9f9; color:#333; clear:both; font-size:1.6em; line-height:1.6em; font-weight:500; padding:25px 20px; text-align: center}
div.tstyle_view ul.head {background:#f9f9f9; border-top:1px solid #e4e4e4; border-bottom:1px solid #bfbfbf; width:100%; text-align:center}
div.tstyle_view ul.head li {display:inline-block; margin-left:-4px; padding:6px 10px}
div.tstyle_view ul.head li strong {position:relative; padding-right:5px}
div.tstyle_view ul.head li strong:after {content:':'; padding-left:5px; vertical-align:1px}
div.tstyle_view div.tb_contents {clear:both; font-size:15px; padding:20px; border-bottom:1px solid #e2e3e6}

/*Board View  2018-12-06 손윤하 삭제 기존 글보기 폼
div.tstyle_view {border-top:1px solid #919191; font-size:14px; margin-bottom:30px}
div.tstyle_view div.title {border-bottom:1px solid #919191; color: #333; clear:both; background:#f2f2f2; font-size:15px; padding:20px}
div.tstyle_view ul.head {box-sizing:border-box; border-bottom:1px solid #e2e3e6; clear:both; width:100%; overflow:hidden}
div.tstyle_view ul.head li {box-sizing:border-box; float:left; padding:10px 20px}
div.tstyle_view ul.head li strong {position:relative; padding-right:5px}
div.tstyle_view ul.head li strong:after {content:':'; padding-left:5px; vertical-align:1px}
div.tstyle_view div.tb_contents {clear:both; padding:20px; border-bottom:1px solid #e2e3e6} */
 
/*첨부파일*/
div.tstyle_view ul.add_file {border-top:1px solid #e2e3e6; border-bottom:1px solid #919191; box-sizing:border-box; clear:both; padding:15px 20px 10px; margin-top:-1px; overflow:hidden}
div.tstyle_view ul.add_file li {box-sizing:border-box; border-bottom:1px dashed #e2e3e6; clear:both; padding:8px 0; position:relative; overflow:hidden}
div.tstyle_view ul.add_file li:last-of-type {border-bottom:0}
div.tstyle_view ul.add_file li > strong{box-sizing:border-box; display:block; float:left; width:89%; position:relative}
div.tstyle_view ul.add_file li > strong:before {color:#fff; display:inline-block; font-size:11px; width:30px; text-align:center; line-height:19px; vertical-align:2px}
div.tstyle_view ul.add_file li > strong span.fileSize {color:#999; display:inline-block; font-size:12px}
div.tstyle_view ul.add_file li > span.link{float:left}
div.tstyle_view ul.add_file li > strong img {vertical-align:-2px}

@media screen and (max-width:768px) {
	/* 게시판 검색*/
	div.board_info .Search_rss {width:63%}
	div.board_info fieldset .form-input {width:62%}
	div.board_info fieldset button:before {margin-left:-14%}
	
	/* 갤러리 리스트 2018-11-27 수정*/
	.galleryList {padding:25px 0 5px; border-top:1px solid #919191; border-bottom:1px solid #919191}
	.galleryList ul {clear:both; overflow:hidden}
	.galleryList ul li {float:left; width:48.7%; margin:0 2.6% 25px 0; overflow:hidden}
	.galleryList ul li:nth-child(3n) {margin-right:2.6%}
	.galleryList ul li:nth-child(2n) {margin-right:0}
	.galleryList ul li a span.txt {padding:15px 20px}
	.galleryList ul li a span.txt strong {height:auto; -webkit-line-clamp:1}
	.galleryList ul li a span.txt span.date {margin:5px 0 0 0}
	/*효과*/
	.galleryList ul li a:before {bottom:27.5%}
	
	/* 웹진형 2018-11-06 */
	.webzineList ul li .thumb {width:45%}
	.webzineList ul li .txtbox {width:55%}
}

@media screen and (max-width:640px) {
	/* 게시판 검색*/
	div.board_info {margin-bottom:15px}
	div.board_info .Search_rss {background:#f9f9f9; border:1px solid #ddd; padding:5%; text-align:center; width:100%}
	div.board_info .page_info {float:right; margin-top:15px}
	
	div.board_info fieldset span {margin-left:0}
	div.board_info fieldset span.form-select,
	div.board_info fieldset span.form-input,
	div.board_info fieldset span.form-btn {display:block; width:100%}
	
	/*programNav 17-04-06 수정*/
	.board_pager a.pageFirst {position:absolute; left:0; top:0; z-index:1; background-color:#fff;}
	.board_pager a.pagePrev{position:absolute; left:35px; top:0; z-index:1; background-color:#fff;}
	.board_pager a.pageNext {position:absolute; right:35px; top:0; z-index:1; background-color:#fff;}
	.board_pager a.pageLast {position:absolute; right:0; top:0; z-index:1; background-color:#fff;}
}

@media screen and (max-width:480px) {
	
	
	/* 갤러리 리스트 2018-11-27 수정*/
	.galleryList ul li {width:100%; margin-right:0}
	
	/* 웹진형 2018-11-06 */
	.webzineList ul li .thumb,
	.webzineList ul li .txtbox {width:100%}
	.webzineList ul li .txtbox {padding:20px}
}