@charset "utf-8";
@import url(/css/basic.css);
@import url(/css/animation.css);
@import url(/icon/style.css);
@import url("/font/dingbat_xeicon.css");

/*==게시판 공통사항====================================================================================*/

/*게시판*/
.board-area {max-width:64rem; margin:0 auto; font-size:17px}

/*BtnArea*/
.BtnArea {text-align:center; margin:3rem 0}
.BtnArea button {min-width:5rem; border:1px solid #ddd; background:#fff; color:#555; padding:.6rem}
.BtnArea button:hover {border-color:#333; -webkit-transition:all .2s; transition:all .2s}
.BtnArea .btn_list, .BtnArea .btn_submit {background:#333; color:#fff; border-color:#333}
.BtnArea .btn_list:hover, .BtnArea .btn_submit:hover {background:#fff; color:#555; border:1px solid #333}

.btn-round {border:1px solid #ddd; border-radius:100px; display:inline-block; font-size:15px; padding:5px 0.75rem; text-align:center; transition:all .3s}
.btn-round i {margin-left:0; vertical-align:-1px}
.btn-round:hover {border-color:#4b1564; color:#4b1564}

/*버튼 색상*/
.Bgray {background:#eee !important} /*회색*/
.Bblack {background:#000 !important; border:1px solid #000 !important; color:#fff !important; } /*검정색*/

/*보안문자*/
.captcha:after {content:''; clear:both; display:block}
.captcha b {clear:both; display:block; font-weight:400}
.captcha .img {float:left; padding:0.5rem 0.5rem 0.5rem 0}
.captcha .txt {float:left}
.captcha .txt span {display:block; line-height:1.5}
.captcha .txt .refresh i,
.captcha .txt .refresh button{font-size:14px; line-height:1}

/* 페이지,검색영역*/
div.board_info {clear:both; font-size:15px; overflow:hidden; position:relative; margin-bottom:15px}
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 b {color:#333; 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 form {float:right}
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 {background-color:#fff; border:1px solid #ddd; border-right:0; border-radius:0; display:block; width:100%; height:100%; padding:0 10px}
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:30%}
div.board_info fieldset span.form-btn {width:10%; min-width:45px}
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:after {content:'\e9ef'; color:#fff; display:block; font-family:'fontIcon' !important; font-size:20px}
div.board_info fieldset span.form-btn button:hover,div.board_info fieldset button:focus {background-color:#404759}

 /*상단 글쓰기 버튼*/
.top-btn {margin:0; margin-left:0.5rem; float:right}
.top-btn button {height:40px; padding:0.4rem}

@media screen and (max-width:640px) {
	/* 페이지,검색영역*/
	div.board_info .Search_rss {background:#f9f9f9; border:1px solid #ddd; float:none; padding:1rem; text-align:center; width:100%}
	div.board_info .Search_rss form {float:none}
	div.board_info fieldset span {margin-left:0; display:block; margin-bottom:3px; width:100% !important}
	div.board_info fieldset span.form-input input {padding-right:0}
	div.board_info fieldset select, div.board_info fieldset input {border-right:1px solid #ddd}
	div.board_info fieldset span.form-btn {margin:0}
	div.board_info .page_info {margin-top: 15px}
	.top-btn {float:none; margin:0 0 0.5rem 0}
	.top-btn button {width:100%}
}

/*글등록 = 공통*/
.boardForm {border-top:2px solid #464646; margin-bottom:30px}
.boardForm table {width:100%}
.boardForm tr {border-bottom:1px solid #e4e4e4}
.boardForm tbody .btn-group {display:inline-block}
.boardForm table th, .boardForm table td {text-align:left; font-weight:normal; padding:0.5rem 1rem}
.boardForm table td {border-left:1px solid #DCD9D9; text-align:left; font-weight:normal; padding:0.5rem 1rem}
.boardForm table td > label {background:#f9f9f9; display:table-cell; width:20%; height:50px; line-height:50px; padding-left:20px}
.boardForm table td div.form-box span {width:30%}
.boardForm table td div.form-box, 
.boardForm table td div.form-box input[type="radio"] {height:auto; vertical-align:-2px}
.boardForm table td div > span {display:inline-block}
.boardForm table td div select, div.boardForm table td  div input {border:1px solid #ddd; height:1.8rem; padding:5px; width:100%}
.boardForm table td div.form-select span {width:30%}
.boardForm table td div.form-select .info {width:100%}
.boardForm tbody td input {border:1px solid #ddd; padding:0.3rem; width:30%}
.boardForm tbody td input[type="file"] {border:0}/*첨부파일 인풋*/
.boardForm div.nodata {text-align:center; padding:50px 0; width:100%}
.boardForm tbody .help {background-color:#eee; display:block; font-size:14px; padding:0 0.5rem; margin-top:0.3rem}
.boardForm table tr.tel div.form-select span,
.boardForm table tr.tel input {display:inline-block; width:55px !important}
.boardForm table tr.dongho input {display:inline; width:55px !important}
.boardForm table tr.date td {position:relative}
.boardForm table tr.date img {width:16px; height:15px; position:absolute; left:28.3%; top:18px}
.boardForm table tr.date .hasDatepicker {margin-right:5px}
.boardForm table tr.date .time {display:inline-block; width:55px !important}
.boardForm table tr.type span {margin-right:0.75rem}
.boardForm table tr.type input[type="radio"],
.boardForm table tr.type input[type="checkbox"] {height:auto; vertical-align:-2px; width:auto !important; display:inline-block !important}

.boardForm tbody td .input {display:block}

@media screen and (max-width:1400px) {
	
	.boardForm tbody .btn-group {display:block}
}

@media screen and (max-width:767px) {
	
	.boardForm tr {padding:0.5rem 0}
	.boardForm tbody .btn-group {display:inline-block}
	.boardForm tbody th {font-size:0.8rem; padding:0.5rem 5px}
	/* .boardForm tbody th {display:block; padding:0.5rem 0 0 0}
	.boardForm tbody td {border-left:0; display:block; padding-left:0} */
	.boardForm tbody td input {display:block; width:100% !important}
	.boardForm table td div.form-select span,
	.boardForm table td div.form-box span {width:100%}
	.boardForm table tr.date img {left:auto; right:1.5rem; top:16px}
	.boardForm table tr.type span {display:inline-block}
}

@media screen and (max-width:390px) {
	.boardForm table td {padding-left:0.5rem}
}

/*글보기*/
.boardView {border-top:2px solid #464646; overflow:hidden}
.boardView > table {width:100%}
.boardView > table > thead {background-color:#fafafa; border-bottom: 1px solid #bfbfbf}
.boardView > table > thead > tr > th{color:#666; display:inline-block; font-weight:normal; padding:0.8rem 10px}
.boardView > table > thead > tr {text-align:center}
.boardView > table > thead > tr strong {font-weight:normal}
.boardView > table > thead tr.title th{background-color:#f9f9f9; border-bottom:1px solid #e4e4e4; color:#000; display:block; font-size:1.1rem; font-weight:500; padding:1rem; width:100%}
.boardView > table > thead tr.title th > strong {color:#000; display:block; font-size:1.5rem; font-weight:normal}
.boardView > table > thead tr.title .cate {border:1px solid #ddd; background:#fff; font-size:0.9rem; line-height:1.3rem; padding:3px 10px; text-align:center}
.boardView > table > thead tr.title .cate:before {display:none !important}
.boardView > table > tbody {border-bottom: 1px solid #bfbfbf; display:block}
.boardView > table > tbody .tb_contents {display:block; min-height:100px; padding:2rem 1rem; width:100%}

/*이미지 부분*/
.boardView > table > tbody .tb_contents > td {display:block}
.boardView > table > tbody .tb_contents .img-view {width:100%; text-align:center; margin-bottom:50px}
.boardView > table > tbody .tb_contents .img-view img {width:50%; min-width:280px}
/*아이콘*/
.boardView .write:before {content:'\ea28'; font-size:0.9rem; font-family:'fontIcon' !important; margin-right:5px; vertical-align:-1px} /*작성자*/
.boardView .cate:before {content:'\e935'; font-size:0.9rem; font-family:'fontIcon' !important; margin-right:5px; vertical-align:-2px} /*분류*/
.boardView .bulid:before {content:'\e931'; font-size:0.9rem; font-family:'fontIcon' !important; margin-right:5px; vertical-align:-2px} /*단지*/
.boardView .name:before {content:'\ea28'; font-size:0.9rem; font-family:'fontIcon' !important; margin-right:5px; vertical-align:-2px} /*이름*/
.boardView .date:before {content:'\e94b'; font-size:0.9rem; font-family:'fontIcon' !important; margin-right:5px; vertical-align:-2px} /*작성일*/
.boardView .hit:before {content:'\e975'; font-size:0.9rem; font-family:'fontIcon' !important; margin-right:5px; vertical-align:-3px} /*조회수*/
.boardView .place:before {content:'\e9b1'; font-size:0.9rem; font-family:'fontIcon' !important; margin-right:5px; vertical-align:-2px} /*장소*/
.boardView .time:before {content:'\e94b'; font-size:0.9rem; font-family:'fontIcon' !important; margin-right:5px; vertical-align:-2px} /*시간*/
.boardView .notice:before {content:'\e934'; font-size:0.9rem; font-family:'fontIcon' !important; margin-right:5px; vertical-align:-4px} /*공지*/
/*첨부파일*/
.boardView tr.add_file {border-bottom:1px solid #e4e4e4; display:table; font-size:0.9rem; width:100%}
.boardView tr.add_file th {background-color:#fafafa; display:table-cell; font-weight:normal; width:20%; padding:1rem 3rem}
.boardView tr.add_file td {display:table-cell; padding:5px 1rem; width:80%}
.boardView tr.add_file td img {vertical-align:middle}
.boardView tr.add_file td li {clear:both; min-height:35px; overflow:hidden; padding:5px 0}
.boardView tr.add_file td li:hover strong {text-decoration:underline}
.boardView tr.add_file td strong {font-weight:normal; float:left; font-size:16px; width:60%; padding:5px 0 0 0}
.boardView tr.add_file td span.link {float:right}
.boardView tr.add_file td span.link a {border:1px solid #999; color:#666; display:inline-block; font-size:0.8rem; padding:4px 7px}
.boardView tr.add_file td span.link a:hover {border:1px solid #000; color:#000}
.boardView tr.add_file td span.link a:nth-child(1):after,
.boardView tr.add_file td span.link a.down:after {content:'\e96b'; font-size:1rem; font-family:'fontIcon' !important; margin-left:2px; vertical-align:-2px}
.boardView tr.add_file td span.link a:nth-child(2):after,
.boardView tr.add_file td span.link a.view:after {content:'\e9ef'; font-size:1rem; font-family:'fontIcon' !important; margin-left:2px; vertical-align:-2px}

@media screen and (max-width:768px) {
	
	/*글보기*/
	.boardView thead th {font-size:0.8rem; padding:0.5rem 5px}
	.boardView thead tr strong {display:none}
	
	/*첨부파일*/
	.boardView tr.add_file {min-height:50px}
	.boardView tr.add_file th {padding:1rem 1.5rem}
	.boardView tr.add_file td ul li > strong,
	.boardView tr.add_file td ul li > span {display:block; float:none !important; width:100%; padding:2px 0}
}

/*개인정보 수집 동의*/
.privacy_agree .title_depth01 {color:#333; font-size:18px; font-weight:500; margin:20px 0 10px}
.privacy_agree .group {border:1px solid #ddd; border-top:1px solid #666; margin-bottom:15px; padding:20px 25px}
.privacy_agree .group .title_depth02 {color:#333; font-size:15px; font-weight:500}
.privacy_agree .group .bul_dot strong, .privacy_agree .group .bul_dot div {font-size:14px; padding-left:8px; position:relative}
.privacy_agree .group .bul_dot strong:before {content:''; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:100px; background:#666}


/*수정/삭제 비밀번호입력*/
#questPW {border:1px solid #ccc; clear:both; overflow:hidden; padding:5rem 2rem}
#questPW .txtBox {position:relative; text-align:center}
#questPW .txtBox .title strong {color:#000; display:block; font-weight:500; font-size:1.4rem; margin-bottom:5px}
#questPW .txtBox .title strong i:after {content:'\e918'; font-family:'fontIcon'; font-size:2rem; vertical-align:-4px}
#questPW .txtBox .title {color:#666; font-size:16px; margin-bottom:10px}
#questPW .txtBox .pw_div {display:inline-block}
#questPW .txtBox .pw_div input {border:1px solid #ddd; padding:5px; width:180px; height:37px}
#questPW .txtBox .btnWrap {display:inline-block; vertical-align:bottom}
#questPW .txtBox .btnWrap button {background-color:#fff; border:1px solid #000; color:#000; padding:0 24px; line-height:36px; display:block; float:left; margin-left:1px; transition:all .2s}
#questPW .txtBox .btnWrap button:hover {background-color:#000; color:#fff}
#questPW .txtBox .btnWrap button.fill {background-color:#000; color:#fff}
#questPW .txtBox .error {color:#cc3300; display:block; word-break:keep-all; margin-top:10px}

/* 댓글 */
div.CommentWrap > .cmtForm {background:#f7f7f7; border:1px solid #e4e4e4; padding:20px}
div.CommentWrap > .cmtForm h4{font-size:1rem; 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%}
/*수정*/
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}

/*페이징*/
.board_pager {margin:30px auto; text-align:center}
.board_pager .inner {display:table; margin:0 auto}
.board_pager a {width:2rem; height:2rem; line-height:1.8rem; text-align:center; background-color:transparent; color:#999; border:1px solid #ddd; display:inline-block; vertical-align:middle; font-size:.8rem; padding-top:.1rem; margin:0 2px; text-decoration:none}
.board_pager a:hover {background-color:#f5f6fa; -webkit-transition:all .25s; transition:all .25s}
.board_pager .pageNone {border-color:transparent}
.board_pager .pageNone:hover {border-color:#ddd; -webkit-transition:all .2s; transition:all .2s}
.board_pager .pageNow {background-color:#333; border-color:#333}
.board_pager .pageNow strong {color:#fff}
.board_pager + .survey {margin-top:100px}
.board_pager a:after {font-family:"fontIcon"; font-size:1rem; line-height:1.7}
.board_pager .pageFirst:after {content:"\e942"}
.board_pager .pagePrev:after {content:"\e93d"}
.board_pager .pageNext:after {content:"\e93f"}
.board_pager .pageLast:after {content:"\e944"}
.board_pager .pagePrevMbl, .board_pager .pageNextMbl {display:none}

@media screen and (max-width:768px) {
	
	.board_pager .pageNone { display: none; border: none; }
	.board_pager .pageNone:nth-last-of-type(3) { display: inline-block; }
	.board_pager .pageNone:nth-last-of-type(3)::before { content: "/"; display: inline-block; -webkit-transform: translateX(-15px); transform: translateX(-15px); }
	.board_pager .pageFirst, .board_pager .pagePrev, .board_pager .pageNext, .board_pager .pageLast, .board_pager .pageNow { display: inline-block; }
	.board_pager .pageNow { background: none; border: none; }
	.board_pager .pageNow strong { color: #333; }
}


/*== 콘텐츠 하단 정보====================================================================================*/

.contentInfo {font-size:16px; position:relative; width:100%; max-width:1280px; margin:2.5rem auto}
.contentInfo .div-set {position:relative; vertical-align:middle}
.contentInfo #satisfy-wrap {border:1px solid #e5e5e5; margin-top:-1px}
.contentInfo .qr-wrap {position:absolute;right: 1rem;bottom:2px;border:none;padding:0 1px 0 0;} 

/* 콘텐츠 담당자 */
div.duty-wrap {background:#f8f8f8; border-bottom:0; clear:both; overflow:hidden; width:100%; padding:10px} 
div.duty-wrap div.duty span {float:left; margin-right:20px}
div.duty-wrap div.duty dl {float:left}
div.duty-wrap div.duty dl dt {font: 0px/0 Arial;  height: 0; left: -9999px !important; position: absolute !important; top: -9999px !important; visibility:hidden}
div.duty-wrap div.duty dl dd {display:inline-block; font-size:0.9em; padding-right:8px}
/*최근업데이트*/
div.duty-wrap div.duty_date {float:right; margin-top:-1px}
div.duty-wrap div.duty_date strong, .contentInfo div.duty_date span {font-size:0.9em; font-weight:normal; display:inline-block; vertical-align:middle}
div.duty-wrap div.duty_date strong:after {content:':'; display:inline-block; padding:0 5px}

/* 콘텐츠 만족도 */ 
#satisfy-wrap {padding: 1rem 130px 1rem 1rem;width:100%;} 	
#satisfy-wrap:first-child + div {width:10%}	
#satisfy-wrap fieldset {width:100%}
#satisfy-wrap .satisfyTitle {clear:both; width:100%; overflow:hidden}
#satisfy-wrap .satisfyTitle strong {font-weight:normal; display:inline-block; margin-right:10px}
#satisfy-wrap .satisfyTitle span {display:inline-block}

#satisfy-wrap div.satisfyForm {clear:both;overflow:hidden;/* width:80%; */}
#satisfy-wrap div.satisfyForm form {display:table; table-layout:fixed; width:100%}
#satisfy-wrap div.satisfyForm ol {display:table-cell; vertical-align:middle}
#satisfy-wrap div.satisfyForm ol li {display:inline-block; margin-right:0.5rem}
#satisfy-wrap div.satisfyForm ol li label {letter-spacing:-1px; vertical-align:-1px}

#satisfy-wrap div.satisfyForm p.opinion {display:table-cell; position:relative; vertical-align:middle}
#satisfy-wrap div.satisfyForm p.opinion > span {display:block; height:40px}
#satisfy-wrap div.satisfyForm p.opinion span input {width:100%; height:100%}
#satisfy-wrap div.satisfyForm p.opinion .form-input {font-size:0.8em; float:left; width:75%}
#satisfy-wrap div.satisfyForm p.opinion .form-input input{padding:0 50px 0 0.5rem}
#satisfy-wrap div.satisfyForm p.opinion .form-btn {cousor:pointer; float:left; width:25%}
#satisfy-wrap div.satisfyForm p.opinion .form-btn input {background:#e8e8e8; border:1px solid #b3b3b3; border-left:0; cursor:pointer; color:#666; font-size:13px; padding:0 10px}
#satisfy-wrap div.satisfyForm p.opinion .opinion_right {display:block;font-size:0.8em;position:absolute;top: 4px;right:28%;}

/* 참여 후 멘트 */
#satisfy-wrap .txtMent {padding:6px 0 4px; margin:5px 0 0}
#satisfy-wrap .txtMent strong {font-weight:500}

/* 하단 QR */
.qr-wrap {text-align:right}
.qr-wrap img {width:80px}

/* 공공누리 */
.codeView {border:1px solid #dbdbdb; display:table; width:100%; padding:10px 0}
.codeView img, .codeView span {display:inline-block; vertical-align:middle; padding:0 10px}


@media screen and (max-width:1024px){
	
	.contentInfo {padding:0 1rem} 
	
	#satisfy-wrap {padding:1rem}
	#satisfy-wrap fieldset {width:100%}/* 콘텐츠 만족도 */ 
	#satisfy-wrap .txtMent strong {font-weight:500}/* 참여 후 멘트 */
	.qr-wrap {display:none}/* 하단 QR */
	
}

@media screen and (max-width:900px) {
	
	/* 콘텐츠 만족도 */
	#satisfy-wrap div.satisfyForm ol {float:left; padding:5px 0; width:100%}
	#satisfy-wrap div.satisfyForm p.opinion {float:left; position:relative; width:100%}
}

	
@media screen and (max-width:768px){
	
	/*최근업데이트*/
	div.duty-wrap div.duty_date {clear:both; float:left}
	/* 콘텐츠 만족도 */ 
	#satisfy-wrap {padding-right:15px} 	
	#satisfy-wrap div.satisfyForm ol {float:left; padding:5px 0; width:100%}
	#satisfy-wrap div.satisfyForm p.opinion {float:left; position:relative; width:100%}
	
	.qr-wrap {display:none}/* 하단 QR */
	
	/* 테이블 공통 */
	.table {background:#fff; overflow-x:scroll; min-width:265px; position:relative; margin-top:0; padding:20px 0 0 0}
	.table:before{content:'좌우 스크롤 하시면 내용을 보실 수 있습니다.'; color:#999; position:absolute; left:0; top:0}
	.table > table  {width:200%}
	.table table:before  {width:100%}
}

@media screen and (max-width:640px) {
	
	/* 공공누리 */
	.codeView img {max-width:50%}
	.codeView img, .codeView span {display:block}
}	
	
/* 콘텐츠 하단 정보 //**/	


/*효과*/
@-webkit-keyframes top {
	0% {opacity:0; transform:translate3d(0, 30%, 0)}
	100% {opacity:1; transform:translate3d(0, 0, 0)}
}

@keyframes top {
	0% {opacity:0; transform:translate3d(0, 30%, 0)}
	100% {opacity:1; transform:translate3d(0, 0, 0)}
}

@-webkit-keyframes left {
	0% {opacity:0; transform:translateX(0, 30%, 0)}
	100% {opacity:1; transform:translateX(0, 0, 0)}
}

@keyframes left {
	0% {opacity:0; transform:translateX(0, 30%, 0)}
	100% {opacity:1; transform:translateX(0, 0, 0)}
}