@charset "utf-8";
::selection {background:#ff5b5c; color: #FFF; text-shadow: none;}
::-moz-selection {background:#ff5b5c; color: #FFF; text-shadow: none;}
.container {width:auto; margin:0 10px; zoom:1;}
.container:after {content:""; display:block; clear:both;}
h2.container-title {font-size:15px; margin-bottom:10px; color:#333;}
h2.container-title i {font-size:14px; color:#ff5b5c;}

#header {position:fixed; top:0; left:0; right:0; border-bottom:2px solid #ff5b5c; background:#fff; z-index:30; min-width:360px; height:52px; background:#fff;}
#header .container {position:relative; height:50px;}
#header .logo {position:absolute; top:50%; left:50%; margin-top:-13px; margin-left:-79px; text-align:center;}
#header .logo img {width:auto; height:26px;}

#header .util {position:absolute; top:10px; right:0; z-index:21;}
#header .util a {}
#header .util li {float:left; position:relative; margin-left:5px; width:30px;text-align:center;}
#header .util li a i {margin-top:10px; color:#999; font-size:16px;}
#header .util li.admin  {}
#header .util li.admin i {margin-top:7px;}
#header .util li .count-wrap {position:absolute; top:0; right:0; width:80%; text-align:center;}
#header .util li .count {line-height:16px; padding:0 5px; color:#fff; min-width:16px; height:14px;font-size:12px; font-weight:700;border-radius:10px;background:#ff5b5c;}
#header .util li .count0 {background:#999;}

.toggle-search {display:block; position:absolute; top:10px; left:40px; width:30px; height:30px; border:0; background:#fff; z-index:21; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; outline:none;}	
.toggle-search i {font-size:16px; color:#999;}

.search-form {display:none; position:fixed; top:50px;  left:0;  right:0; width:auto; height:50px; padding:5px 10px 0 10px; margin:0; background:#ff5b5c;  z-index:21;}
.search-form input[type="text"] {float:left; width:100%; height:40px; font-size:13px; padding:0; border:1px solid #f03c3d; background:#fff; -webkit-appearance:none; outline:none;}
.search-form button[type="submit"] {position:absolute; top:5px; right:10px; width:30px; height:40px; border:0; background-color:transparent;}
.search-form i {font-size:14px; color:#f64849;}

.sidebar-backdrop {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:-1; filter:alpha(opacity=70); opacity:.7; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.sidebar-opened .sidebar-backdrop {display:block; position:fixed; top:0; left:0; right:0; bottom:0; background:#000; z-index:20; filter:alpha(opacity=70); opacity:.7;}

.btn-sidebar {display:block; position:absolute; top:10px; left:10px; width:30px; height:30px; border:0; background:transparent; z-index:21; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; outline:none;}
.btn-sidebar i {font-size:16px; color:#999; margin-right:0;}

#sidebar {display:block; position:fixed; left:-100%; top:0; bottom:0; width:100%; background:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; z-index:22;}

#sidebar .header {position:fixed; width:100%; line-height:50px; text-align:center; color:#333; font-size:15px; border-bottom:1px solid #ddd; background:#f9fafc; z-index:25;}
#sidebar .header i {font-size:14px; color:#999; margin-right:5px;}
/*
#sidebar .header span {display:inline-block; width:22px; height:20px; margin-right:5px; text-indent:-8000px; vertical-align:middle;}
#sidebar .header span.point_level1  {background:url(/images/icon_point1.png) left top no-repeat;}
#sidebar .header span.point_level2  {background:url(/images/icon_point2.png) left top no-repeat;}
#sidebar .header span.point_level3  {background:url(/images/icon_point3.png) left top no-repeat;}
#sidebar .header span.point_level4  {background:url(/images/icon_point4.png) left top no-repeat;}
#sidebar .header span.point_level5  {background:url(/images/icon_point5.png) left top no-repeat;}
#sidebar .header span.point_level6  {background:url(/images/icon_point6.png) left top no-repeat;}
#sidebar .header span.point_level7  {background:url(/images/icon_point7.png) left top no-repeat;}
#sidebar .header span.point_level8  {background:url(/images/icon_point8.png) left top no-repeat;}
#sidebar .header span.point_level10 {background:url(/images/icon_point10.png) left top no-repeat;}
*/

#sidebar .header .admin i {font-size:14px; color:#ed0000; margin-left:5px;}

#btn-sidebar {display:block; position:absolute; top:10px; right:10px; width:30px; height:30px; line-height:28px;  text-align:center; border:1px solid #ddd; border-radius: 2px; background:#f9fafc; z-index:24; }
#btn-sidebar i {font-size:14px; color:#666; margin-right:0 !important;}

#sd_login {margin-top:50px;  width:100%;}
#sd_login .login li {float:left; border-bottom:1px solid #ddd; width:50%; text-align:center; background:#fff;}
#sd_login .login li a {display:inline-block; width:100%; line-height:40px; height:40px; font-size:15px; color:#666;}
#sd_login .login li:first-child {border-right:1px solid #ddd;}
#sd_login .login li a i {font-size:14px; color:#999; margin-right:5px;}

#sidebar .side-foot {padding:10px; background-color:#f9fafc;}
#sidebar .poll {width:auto;text-align:left;padding:10px 10px 0 10px; border:1px solid #ddd; background-color:#fff; margin-bottom:10px;}
#sidebar .poll h3 {margin-bottom:10px; padding-bottom:10px; font-size:17px; color:#f03c3d; border-bottom:1px solid #ddd;}
#sidebar .poll .poll-line {border-top:1px solid #ddd;}

#sidebar .side-nav {display:none; width:100%;text-align:left;}
#sidebar .side-nav li i {font-family: "FontAwesome"; float:right; text-align:right; display:inline-block; font: normal normal normal 14px/1 FontAwesome; cursor:pointer; margin-right:10px; width:30px;text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#sidebar .side-nav > ul > li {text-align:left; border-bottom:1px solid #ddd;}
#sidebar .side-nav > ul > li:first-child {border-top:1px solid #ddd;}
#sidebar .side-nav > ul > li > a {position:relative; display:inline-block; padding:0 0 0 10px; margin-right:30px; font-size:15px; line-height:40px; color:#333; text-decoration:none;}
#sidebar .side-nav > ul > li > i {height:40px; line-height:40px; color:#999; }
#sidebar .side-nav > ul > li > i::after {content: "\f078";}
#sidebar .side-nav > ul > li.current {border-bottom:0;}
#sidebar .side-nav > ul > li.current > a {color:#ff5b5c; font-weight:700;}
#sidebar .side-nav > ul > li.current > i {color:#ff5b5c;}
#sidebar .side-nav > ul > li.current > i::after {content: "\f077";}
#sidebar .side-nav > ul > li > ul {display:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9fafc; padding:10px 0;}
#sidebar .side-nav > ul > li > ul > li {text-align:left;}
#sidebar .side-nav > ul > li > ul > li > a {position:relative; display:inline-block; padding:0 0 0 20px; margin-right:30px; font-size:15px; line-height:40px; color:#000; font-weight:normal; border-bottom:0;}
#sidebar .side-nav > ul > li > ul > li > i {height:30px; line-height:30px; color:#999;}
#sidebar .side-nav > ul > li > ul > li > i::after {content: "\f107";}
#sidebar .side-nav > ul > li > ul > li.current > a {color:#ff5b5c; font-weight:700;}
#sidebar .side-nav > ul > li > ul > li.current > i {color:#ff5b5c;}
#sidebar .side-nav > ul > li > ul > li.current > i::after {content: "\f106";}
#sidebar .side-nav > ul > li > ul > li > ul {display:none; border:1px solid #ddd; margin:5px 10px; padding:5px; background:#fff;}
#sidebar .side-nav > ul > li > ul > li > ul > li {text-align:left;}
#sidebar .side-nav > ul > li > ul > li > ul > li > a {position:relative; display:inline-block; padding:0 10px; margin-right:30px; font-size:15px; line-height:40px; color:#000; font-weight:normal; border-bottom:0;}
#sidebar .side-nav > ul > li > ul > li > ul > li.current > a {color:#ff5b5c; }
/*
#sidebar .sidenav {width:100%;text-align:left; border-bottom:2px solid #ff5b5c; background:#f9fafc; }
#sidebar .sidenav  li {text-align:left;}
#sidebar .sidenav > ul > li:first-child {border-top:1px solid #ddd;}
#sidebar .sidenav > ul > li > a {position:relative; display:inline-block; width:100%; padding:0 0 0 10px; font-size:15px; line-height:40px; color:#333; text-decoration:none;}
#sidebar .sidenav > ul > li > a i {height:40px; line-height:40px !important; color:#ff5b5c; font-family: "FontAwesome"; float:right; text-align:right; display:inline-block; font: normal normal normal 14px/1 FontAwesome; cursor:pointer; margin-right:10px; width:30px;text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#sidebar .sidenav > ul > li > a i::after {content: "\f067";}
#sidebar .sidenav > ul > li.current {border-bottom:0;}
#sidebar .sidenav > ul > li.current > a {font-weight:700;}
#sidebar .sidenav > ul > li.current > a i::after {content: "\f068";}
#sidebar .sidenav > ul > li > ul {display:none; }
#sidebar .sidenav > ul > li > ul > li {border-top:1px solid #ddd;}
#sidebar .sidenav > ul > li > ul > li > a {position:relative; display:inline-block; padding:0 0 0 20px; width:100%; font-size:15px; line-height:40px; color:#000; font-weight:normal; border-bottom:0;}
*/

#sidebar .sidenav {width:100%;text-align:left; border-bottom:2px solid #ff5b5c; background:#f9fafc; }
#sidebar .sidenav li i {font-family: "FontAwesome"; float:right; text-align:center; display:inline-block; font: normal normal normal 14px/1 FontAwesome; cursor:pointer; margin-right:10px; width:30px;text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#sidebar .sidenav  li {text-align:left;}
#sidebar .sidenav > ul > li {border-top:1px solid #ddd;}
#sidebar .sidenav > ul > li > a {position:relative; display:inline-block; padding:0 0 0 10px;  margin-right:30px; font-size:15px; line-height:40px; color:#333; font-weight:700; text-decoration:none;}
#sidebar .sidenav > ul > li > i {height:40px; line-height:40px !important; color:#ff5b5c; }
#sidebar .sidenav > ul > li > i::after {content: "\f067";}
#sidebar .sidenav > ul > li.current {border-bottom:0;}
#sidebar .sidenav > ul > li.current > a {color:#000;}
#sidebar .sidenav > ul > li.current > i::after {content: "\f068";}
#sidebar .sidenav > ul > li > ul {display:none; }
#sidebar .sidenav > ul > li > ul > li {text-align:left; border-top:1px solid #ddd;}
#sidebar .sidenav > ul > li > ul > li > a {position:relative; display:inline-block; padding:0 0 0 10px; margin-right:30px; font-size:15px; line-height:40px; color:#333; font-weight:700; text-decoration:none;}
#sidebar .sidenav > ul > li > ul > li > i {height:40px; line-height:40px; color:#999; }
#sidebar .sidenav > ul > li > ul > li > i::after {content: "\f078";}
#sidebar .sidenav > ul > li > ul > li.current {border-bottom:0;}
#sidebar .sidenav > ul > li > ul > li.current > a {color:#ff5b5c;}
#sidebar .sidenav > ul > li > ul > li.current > i {color:#ff5b5c;}
#sidebar .sidenav > ul > li > ul > li.current > i::after {content: "\f077";}
#sidebar .sidenav > ul > li > ul > li > ul {display:none; border-top:1px solid #ddd; border-top:1px solid #ddd; background:#fff; padding:10px 0;}
#sidebar .sidenav > ul > li > ul > li > ul > li {text-align:left;}
#sidebar .sidenav > ul > li > ul > li > ul > li > a {position:relative; display:inline-block; padding:0 0 0 20px; margin-right:30px; font-size:15px; line-height:40px; color:#000; font-weight:normal; border-bottom:0;}
#sidebar .sidenav > ul > li > ul > li > ul > li > i {height:30px; line-height:30px; color:#999;}
#sidebar .sidenav > ul > li > ul > li > ul > li > i::after {content: "\f107";}
#sidebar .sidenav > ul > li > ul > li > ul > li.current > a {color:#ff5b5c; font-weight:700;}
#sidebar .sidenav > ul > li > ul > li > ul > li.current > i {color:#ff5b5c;}
#sidebar .sidenav > ul > li > ul > li > ul > li.current > i::after {content: "\f106";}
#sidebar .sidenav > ul > li > ul > li > ul > li > ul {display:none; border:1px solid #ddd; margin:0 10px; padding:5px; background:#f9fafc;}
#sidebar .sidenav > ul > li > ul > li > ul > li > ul > li {text-align:left;}
#sidebar .sidenav > ul > li > ul > li > ul > li > ul > li > a {position:relative; display:inline-block; padding:0 10px; margin-right:30px; font-size:15px; line-height:40px; color:#000; font-weight:normal; border-bottom:0;}
#sidebar .sidenav > ul > li > ul > li > ul > li > ul > li.current > a {color:#ff5b5c; }

#sidebar .quick-menu {display:block; border-top:1px solid #ccc; margin-bottom:10px;}
#sidebar .quick-menu:after {display:block;visibility:hidden;clear:both;content:""}
#sidebar .quick-menu li {position:relative; float:left;width:100%; border:1px solid #ddd; margin-left:-1px; margin-top:-1px; cursor:pointer; background:#fff;}
#sidebar .quick-menu li a {display:block; padding:0 10px; font-size:15px; color:#333; line-height:40px; text-decoration:none; letter-spacing:-1px;}
#sidebar .quick-menu li a i {float:right; font-size:14px; color:#ff5b5c; margin-right:0;line-height:40px;}

#sidebar .banner li {margin-bottom:10px;}
#sidebar .banner li img {width:100%; height:auto;}

.sidebar-content {position:absolute; left:0; right:0; top:0; bottom:0; overflow:auto;}
.sidebar-opened #sidebar {left:0;}

#top {position:relative; margin-top:52px;}
#top .pc-go { width:100%; text-align:right; padding-top:10px; font-size:13px; color:#666; }
#top .logo { width:100%; text-align:center;}
#top .logo ul {display:inline-block;margin:20px 0;}
#top .logo li {float:left; margin-right:20px;}
#top .logo li:last-child a {margin-right:0;}
#top .logo li img {width:auto; height:20px;}

#nav {min-width:360px; /*display:block; */ display:none; position:fixed; height:40px; top:50px; left:0; right:0; background:#ff5b5c; z-index:6;}
#nav > ul > li {float:left; text-align:center; width:25%; color:#fff; font-size:15px;}
#nav > ul > li:nth-child(5),
#nav > ul > li:nth-child(6),
#nav > ul > li:nth-child(7) {display:none;}
#nav > ul > li > a {line-height:40px; color:#fff; font-size:15px; font-weight:700; letter-spacing:-1px;}
#nav > ul > li > i {margin-left:8px; display:inline-block; width:20px; ; margin-top:10px; padding:3px; color:#fff; font: normal normal normal 14px/1 FontAwesome; cursor:pointer; border:1px solid #f03c3d; background-color:#f64849; border-radius: 2px; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#nav > ul > li > i::after {content: "\f107";}
#nav > ul > li.current > i::after {content: "\f106";}
#nav > ul > li > ul {display:none; position:fixed; top:90px; left:0; right:0; bottom:0; width:100%; overflow:auto; padding:5px 10px;  background:rgba(251,251,251,0.95); text-align:left;}
#nav > ul > li > ul > li {float:left; width:100%;}
#nav > ul > li > ul > li > a {display:block; line-height:40px; font-weight:700; color:#333; font-size:13px;}
#nav > ul > li > ul > li > i {display:none;}
#nav > ul > li > ul > li.current > a {color:#ff5b5c;}
#nav > ul > li > ul > li > ul {display:inline-block; width:100%; border:1px solid #dee1e1; padding:10px; background:rgba(255,255,255,0.95);}
#nav > ul > li > ul > li > ul > li {position:relative; float:left; width:50%;}
#nav > ul > li > ul > li > ul > li > a {padding:0 10px; font-weight:700; color:#666; font-size:13px; line-height:30px;}
#nav > ul > li > ul > li > ul > li.current > a {color:#ff5b5c;}

.main-container {width:auto; padding:0 10px; background-color:#f9fafc; zoom:1;}
.main-container:after {content:""; display:block; clear:both;}

#main-wrap .it-best {position:relative;border:1px solid #ddd; padding:10px; background-color:#fff; margin-bottom:10px;}
#main-wrap .it-best .best-icon {position:absolute; width:24px; height:24px; margin-top:3px; text-align:center; line-height:24px; color:#fff; border-radius: 50%; background-color:#aaa }
#main-wrap .it-best .best {font-weight:700; background-color:#ff5b5c;}
#main-wrap .it-best li:first-child a { font-weight:700; color:#ff5b5c;}
#main-wrap .it-best li.more-list {display:none;}
#main-wrap .it-best .more i {display:inline-block; width:20px; font: normal normal normal 14px/1 FontAwesome; cursor:pointer; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#main-wrap .it-best .more i::after {content: "\f078";}
#main-wrap .it-best .more.current i::after {content: "\f077";}
/*#main-wrap .it-best .It-text a {padding-left:30px;}*/
#main-wrap .it-notice {position:relative;border:1px solid #ddd; padding:10px; background-color:#fff; margin-bottom:10px;}
#main-wrap .it-board {position:relative;border:1px solid #ddd; padding:10px; background-color:#fff; margin-bottom:10px;}
#main-wrap h1 {margin-bottom:10px; padding-bottom:10px; font-size:15px; color:#666;font-weight:700; border-bottom:1px solid #ddd; text-align:left;}
#main-wrap .It-text {position:relative; width:100%;}
#main-wrap .It-text i {display:none; font-size:14px; color:#aaa; margin-right:5px;}
#main-wrap .It-text a {display:inline-block; position:relative; max-width:99%; padding-right:55px; line-height:30px; font-size:15px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#main-wrap .It-text a.new-cmt {padding-right:110px;}
#main-wrap .It-text a.new {padding-right:70px;}
#main-wrap .It-text a.cmt {padding-right:100px;}
#main-wrap .It-text span.new-comment-wrap {position:absolute; text-align:left; width:55px; right:55px;}
#main-wrap .It-text span.new-wrap {position:absolute; text-align:left; width:15px; right:55px;}
#main-wrap .It-text span.comment-wrap {position:absolute; text-align:left; width:45px; right:55px;}
#main-wrap .It-text span.new {font-size:13px; color:#dc0000; font-weight:700; margin-right:10px;}
#main-wrap .It-text span.comment {font-size:13px; color:#999;}
#main-wrap .It-text span.comment i {font-size:14px; color:#ff9900; margin-right:0;}
#main-wrap .It-text span.comment .cnt_cmt {margin-left:0;}
#main-wrap .It-text .date {position:absolute; display:inline; right:0; font-size:13px;color:#999; text-align:right; width:55px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*
#main-wrap .lt-gallery {position:relative;border:1px solid #ddd; padding:10px;  background-color:#fff; margin-bottom:10px;}
#main-wrap .lt-gallery:after {content:""; display:block; clear:both;}
#main-wrap .lt-gallery ul {margin:0 0 0 -2%; zoom:1;}
#main-wrap .lt-gallery ul:after {content:""; display:block; clear:both;}
#main-wrap .lt-gallery li {float:left; width:31.33%; margin:0 0 0 2%; }
#main-wrap .lt-gallery li:hover {text-decoration:none;}
#main-wrap .lt-gallery .thumb {position:relative; display:block; overflow:hidden; width:100%;border:1px solid #ddd; }
#main-wrap .lt-gallery .thumb img {display:block;width:100%; height:auto; vertical-align:top;}
#main-wrap .lt-gallery .title {overflow:hidden; width:100%; height:40px; margin:10px 0; color:#333;}
*/
#main-wrap .lt-gallery {position:relative; padding:30px 0;border:1px solid #ddd; padding:10px; background-color:#fff; margin-bottom:10px;}
#main-wrap .lt-gallery:after {content:""; display:block; clear:both;}
#main-wrap .lt-gallery .thumb {border:1px solid #ddd;}
#main-wrap .lt-gallery img {width:100%; height:auto;}
#main-wrap .lt-gallery .subject {position: relative; margin-top:10px; overflow:hidden; width:100%; height:40px;}
#main-wrap .lt-gallery .subject a {font-size: 15px; color: #333; font-weight: normal;}
#main-wrap .lt-gallery .subject i {position: absolute; top:2px; font-size: 13px; color:#dd0000; font-weight: 600; font-style:normal;}
#main-wrap .lt-gallery .comment {font-size:13px; color:#999; white-space:nowrap;}
#main-wrap .lt-gallery .comment .cnt_cmt {margin-left:0;}
#main-wrap .lt-gallery .owl-wrapper {position:relative;}
#main-wrap .lt-gallery .owl-dots {margin-top:10px; text-align: center; width: 100%;}
#main-wrap .lt-gallery .owl-dots .owl-dot{display:inline-block;zoom:1}
#main-wrap .lt-gallery .owl-dots .owl-dot span{width:10px;height:10px;margin:0 2px;background:#ccc; display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:5px}
#main-wrap .lt-gallery .owl-dots .owl-dot:hover span{background:#aaa;}
#main-wrap .lt-gallery .owl-dots .owl-dot.active span {background:#666;}

#main-wrap .more {position:absolute; top:13px; right:10px; width:19px; height:19px; overflow:hidden; background-color:#fff;}
#main-wrap .more i {color:#aaa; font-size:14px;}

#footer {background:#4d525a; font-size:13px; color:#ccc; }

#footer .container {position:relative;}
#footer .menu {padding:10px 0; border-bottom:1px solid #616770;line-height:25px;}
#footer .menu a {padding-right:10px; color:#ccc; white-space:nowrap;}
#footer .menu strong {color:#fff;}
#footer .info {float:left; line-height:20px; margin:20px 0; }
#footer .info a {color:#ccc;}
#footer .info span {margin-right:10px;}
#footer .info strong {color:#fff;}
#footer .scroll-top {display:block;width:30px;height:30px; position:fixed;bottom:10px;right:10px;border:0;background:#4d525a; color:#fff; filter:alpha(opacity=70); opacity:.7; z-index:10;}
#footer .scroll-top i {font-size:14px; line-height:30px;}

.sub-container {width:auto; margin:0 10px 0 10px; zoom:1;}
.sub-container:after {content:""; display:block; clear:both;}

#contents {position:relative; display:inline-block; width:100%;  padding:0 0 20px 0; color:#666; line-height:160%;  zoom:1; }
#contents:after {content:""; display:block; clear:both;}

.content-header {width:100%; margin:0 0 20px 0;font-size:15px; font-weight:700; color:#666; zoom:1;}
.content-header:after {content:""; display:block; clear:both;}
.content-header h2 {margin:0; font-size:17px; font-weight:700; color:#000;}
.content-header h3 {margin:0; font-size:17px; font-weight:700; color:#000;}
.content-header .breadcrumb {width:100%; font-size:15px; color:#999; zoom:1;}
.content-header i {font-size:14px; color:#999;}
.content-header .breadcrumb strong {font-size:15px; color:#999;}


.board-box {padding:15px; font-size:13px; line-height:160%; border:1px solid #ddd; border-top:2px solid #333;  overflow:auto; color:#666;}

/* 서브메인 카테고리*/
#category-list {display:block; margin:0 0 20px 0 ;text-align:left; font-size:13px; zoom:1;}
#category-list:after {content:""; display:block; clear:both;}
#category-list h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#category-list li {float:left; width:33.33%;}
#category-list li {display:block; margin:0 -1px -1px 0; height:40px; line-height:40px; color:#666; border:1px solid #ddd; background:#fff; padding-left:10px; cursor:pointer;}
#category-list li.current  {color:#fff; font-weight:700; background:#ff5b5c; text-decoration:none;}

#category-list-select {display:none; position:relative; margin:10px 0; height:40px; background:#fff;border:0;}
#category-list-select dt { float:left; width:100%; height:40px; font-size:15px; border:1px solid #ddd;}
#category-list-select dt a {display:block; line-height:40px; padding:0 10px 0 10px; color:#000; font-weight:700; background:url(../img/common/all_bullet.png) no-repeat right center; outline:0;}
#category-list-select dt a:hover {color:#000;}
#category-list-select dt a i {float:right; padding-top:12px; font-size:14px;}
#category-list-select dd {display:none; position:absolute; top:39px; left:0; right:0; width:100%; background:#fff; z-index:10;}
#category-list-select ul {padding:10px 0;border:1px solid #ddd;}
#category-list-select li { width:100%;}
#category-list-select li a {display:block; padding:5px 10px; color:#333; font-size:15px;}
#category-list-select li a:hover {color:##ff5b5c;}

.board-header {width:100%; padding:10px; margin-bottom:20px; border:1px solid #ddd; color:#333;}
.board-header img {width:auto; max-width:100%;}