@charset "utf-8";
/* CSS Document */

/* nav */
.catbox {margin-bottom:30px;   padding: 2px 0}
.catbox .info {min-height:30px; line-height:30px; vertical-align:middle; }
.catbox .info img {position:relative; top:-2px;}
.catbox .view-type {display: inline-block;  position: relative;  vertical-align: middle;}
.catbox .view-type .btn { background: #e5e5e5;  width:45px; height:45px; line-height:45px ;padding:0px; }
.catbox .view-type .btn.active {background:#303337; color:#fff;  }

.searchbox { position:relative;   vertical-align:top;  display: inline-block;}
.searchbox select {display:inline-block;  height:35px;}
.searchbox .input-search  {display:inline-block; width:150px;height:35px;line-height:35px;margin-top:0px;text-indent:5px; padding:0px 0px ;letter-spacing:-0.5px;color:#919394;}
.searchbox .input-search :focus {color:#fff;outline:none}
.searchbox .btn  { height:35px;right: 0;    top: 0; }
.searchbox .btn:hover { }
.searchbox .btn .glyphicon { font-size:19px}

/* GRID */
.cover-section {    overflow: hidden;  border-bottom: 0px solid #252525;    border-top: 0px solid #252525; margin-bottom:20px;}
.cover-section .grid  { margin:0 -5px 0 -6px}
.cover-section li {  display: inline-block; float:left; width:25%;  }
.grid_list .grid  .gridwrap { background: #fff; margin:0px 6px 20px;  display: block;   position: relative;  border: 1px solid #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid_list .grid  h3 { line-height:1.4;   height:45px; color: #333;   display: block;  font-size: 17px;   font-weight: 600;     text-overflow: ellipsis; margin:10px 20px 5px; }
.grid_list .grid .holder {     display: block;    height: 180px;    overflow: hidden;    position: relative;    width: 100%; background:#f1f1f1 }
.grid_list .grid .cover-content { display: block; line-height:1.4;  }
.grid_list .grid .holder img {   height: auto;   width: 100%;}
.grid_list .grid .cover-stats {  padding: 15px 20px;  height:90px;}
.grid_list .grid .cover-info {  margin: 10px 20px;}
.grid_list .grid  .cover-info .info {   color: #999999;   margin-right: 10px; font-size: 12px; }

/* list */
#bbslist { margin-bottom:30px;}
#bbslist table {width:100%;  }
#bbslist thead th {color: #0a0a0a; padding: 10px 0;}
#bbslist thead th img {padding: 0 0 0 2px;}
#bbslist thead tr { border-top: 2px solid #525252;border-bottom: 2px solid #525252;color: #0c0c0c;}
#bbslist thead .name {text-align:left;font-size:11px;color:#222222;letter-spacing:-1px;}
#bbslist tbody .noticetr {background:#fafafa;}
#bbslist tbody .noticesbj {text-align:left;padding:2px 0 0 0;letter-spacing:-1px;font-size:12px;font-weight:bold;}
#bbslist tbody .noticesbj a {color:#222222;}
#bbslist tbody .noticesbj a:hover {color:#ff6c00;}
#bbslist tbody .noticesbj .new {padding: 0 0 0 4px;}
#bbslist tbody td {text-align:center;border-bottom:#eaeaea solid 1px; padding:12px 0}
#bbslist .now {font-size:11px;color:#777777;}
#bbslist .cat {font-size:11px;color:#888888;letter-spacing:-1px;margin-right:5px;}
#bbslist .re {padding: 0 4px 0 0 ;}
#bbslist .sbj .imgpos1 {margin-bottom:-2px;padding: 0 0 0 2px;}
#bbslist .sbj .imgpos2 {margin-bottom:-1px;padding: 0 0 0 2px;}
#bbslist .sbj .imgpos3 {margin-bottom:-1px;padding: 0 0 0 2px;}
#bbslist .sbj {text-align:left; }
#bbslist .sbj .new {padding: 0 0 0 2px; color:#76cde1;  font-size:10px;}
#bbslist .sbj .comment {padding: 0 0 0 2px;font-size:12px;color:#aaaaaa;letter-spacing:0px;}
#bbslist .name {color:#666;}
#bbslist .name img {vertical-align:middle;padding:0 2px 0 0;}
#bbslist .date,  #bbslist .hit{  color:#666; font-weight:normal  }
#bbslist .notsbj {text-align:left;padding:2px 0 0 10px;}
.pagebox01 {    text-align: center;}
.foot-buttons { }
.foot-buttons:after { content: "";    display: table;   display: block; }
.foot-buttons .left-side {float:left; margin:0px 0 -30px 0 }
.foot-buttons .right-side {  float: right;  margin: 0 0 -30px;  text-align: right;}

/* view */
#board-view .viewbox .content {padding:20px 0 20px 0; line-height:1.8; border-bottom:1px solid #d5d5d5; word-break:break-all; word-break:break-word; overflow:auto;}
#board-view .viewbox .content p {margin-bottom:0;}
#board-view .viewbox .content img {max-width:100%; height:auto;}
#board-view .viewbox .content .tag {padding:10px 0 0 0;}
#board-view .viewbox .content .tag a { color:#222;}
#board-view .viewbox .content .tag a:hover {text-decoration:underline;}
#board-view .viewbox .content .attach {padding:10px 0 0 0; line-height:120%;}
#board-view .viewbox .content .attach ul {padding:0; margin:0; line-height:1.5}
#board-view .viewbox .content .attach li {list-style-type:none; background:url('img/ico_file.gif') left no-repeat; padding:0 0 0 15px;}
#board-view .viewbox .content .attach li a { color:#666;}
#board-view .viewbox .content .attach li a:hover {text-decoration:underline;}
#board-view .viewbox .content .attach li .size {font-size:90%; font-family:arial; color:#999;}
#board-view .viewbox .content .attach li .down {font-size:90%; font-family:arial;color:#333;}
#board-view .viewbox .content .scorebox {text-align:center; padding-top:20px;}
#board-view .viewbox .content .scorebox .btn {font-family:"Nanum Gothic", "Malgun Gothic", "Dotum"; font-weight:bold;}
#board-view .viewbox .content .snsbox {padding-top:20px; text-align:right;}
#board-view .viewbox .content .snsbox img {cursor:pointer;}
#board-view .viewbox .content .hidden-content {margin: 0 0 20px 0; color: #F07090;}
#board-view .action {padding:10px 0; text-align:left;}
#board-view .action .right {float:right; text-align:right;}
#board-view .comment {padding:20px 0 10px 0; color:#c0c0c0;}
#board-view .comment a {font-weight:bold; color:#3EA9CD;}
#board-view .comment .icon1 {position:relative; top:-2px;}

#bbsview {margin:auto;padding:0 0 30px 0;}
#bbsview .viewbox {}
#bbsview .viewbox .icon {position:absolute;width:50px;height:50px;margin:10px 0 0 0;background:url('../../../../../_var/simbol/0.gif') center center no-repeat;}
#bbsview .viewbox .subject { border-top: 2px solid #888;}
#bbsview .viewbox .subject h1 { color:#111; padding:18px 0;margin:0;font-size:16px;font-weight:bold;  word-break:break-all;word-break:break-word;overflow:auto;}
#bbsview .viewbox .info {padding: 10px 0 10px; border-bottom: 1px solid #888;}
#bbsview .viewbox .info .xleft {float:left;}
#bbsview .viewbox .info .xright {float:right;}
#bbsview .viewbox .info .xright ul {padding:0;margin:0;}
#bbsview .viewbox .info .xright li {list-style-type:none;float:left;}
#bbsview .viewbox .info .xright .g {padding:0 10px 0 0;}
#bbsview .viewbox .info .xright .g img {position:relative;top:3px;right:3px;}
#bbsview .viewbox .info .xright .g a {font-size:11px;color:#666;}
#bbsview .viewbox .info .xright .g a:hover {text-decoration:underline;}
#bbsview .viewbox .info .xright div {position:absolute;display:none;}
#bbsview .viewbox .info .xright div ul {position:relative;top:17px;width:79px;border:#dfdfdf solid 1px;background:#ffffff;padding:1px;}
#bbsview .viewbox .info .xright div li {float:none;display:block;padding:3px 0 3px 3px;color:#333;font-size:11px;cursor:pointer;}
#bbsview .viewbox .info .xright div li:hover {background:#ECF0F6;}
#bbsview .viewbox .info .split {padding:0 5px 0 5px;color:#dfdfdf;font-size:10px;}

#bbsview .viewbox .content {padding:20px 0 20px 0;line-height:160%;}
#bbsview .viewbox .content .tag {padding:10px 0 0 0;}
#bbsview .viewbox .content .tag a {font-size:11px;color:#222;}
#bbsview .viewbox .content .tag a:hover {text-decoration:underline;}
#bbsview .viewbox .content .attach {padding:10px 0 0 0;line-height:120%;}
#bbsview .viewbox .content .attach ul {padding:0;margin:0;}
#bbsview .viewbox .content .attach li {list-style-type:none;background:url('../../../../../_core/image/_public/ico_file.gif') left no-repeat;padding:0 0 0 15px;}
#bbsview .viewbox .content .attach li a {font-size:11px;color:#666;}
#bbsview .viewbox .content .attach li a:hover {text-decoration:underline;}
#bbsview .viewbox .content .attach li .size {font-size:11px;font-family:arial;color:#999;}
#bbsview .viewbox .content .attach li .down {font-size:11px;font-family:arial;color:#333;}
#bbsview .viewbox .content .scorebox {text-align:center;padding:20px 0 20px 0;}
#bbsview .viewbox .content .snsbox {padding:20px 0 0 0;text-align:right;}
#bbsview .viewbox .content .snsbox img {cursor:pointer;}
#bbsview .bottom {padding:20px 0 0 0;text-align:right; border-top: 1px solid #ddd; }
#bbsview .comment {padding:0 0 10px 0;color:#c0c0c0;}
#bbsview .comment a {font-weight:bold;color:#3EA9CD;}
#bbsview .comment .icon1 {position:relative;top:3px;}
/* @view */

/* write */
#bbswrite {margin:auto;padding:0 0 30px 0;}
#bbswrite td {padding:2px 0 2px 0;}
#bbswrite .editbox {padding:15px 0 15px 0;}
#bbswrite .td1 {width:60px;font-weight:bold;color:#444444;vertical-align:top;padding:10px 0 0 0;letter-spacing:-1px;}
#bbswrite .td2 {}
#bbswrite .td2 .guide {font-size:11px;color:#999;padding:10px 0 10px 0;}
#bbswrite .td2 .guide img {position:relative;top:3px;}
#bbswrite .td2 .check {color:#666;}
#bbswrite .td2 .check input {position:relative;top:2px;}
#bbswrite .td2 .subject {width:400px;}
#bbswrite .td2 select {margin:1px;width:404px;padding:2px 2px 2px 0;}
#bbswrite .td2 select .cattt {background:#efefef;}
#bbswrite .td2 img {}
#bbswrite .td2 .after {padding:10px 0 0 0;color:#999;font-size:11px;letter-spacing:-1px;}
#bbswrite .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#bbswrite .iconbox a {padding:0 3px 0 3px;font-size:11px;color:#333;}
#bbswrite .iconbox a:hover {color:#7899C7;}
#bbswrite .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#bbswrite .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}
#bbswrite .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;border-top:#efefef solid 1px;}

/* @write */