#main_tab {width:100%; height:32px; border-bottom:1px solid #DCDCDC; margin:20px 0;}
#main_tab ul {list-style:none;padding:0;margin:0;}
#main_tab li {width:25%;height:32px;float:left;list-style-type:none;padding:0 3px;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;border-left:1px solid #DCDCDC;cursor:pointer;text-align:center;}
#main_tab li.spc {width:33.33%;}
#main_tab li span {position:relative;top:5px;}
#main_tab li:hover {background-color:#F4F4F4;}
#main_tab li:last-child {border-right:1px solid #DCDCDC;}
#main_tab .on {height:32px;border:1px solid #E86C36;background-color:#FF8647;}
#main_tab .on:hover {background-color:#F06E3B;}
#main_tab .on span {position:relative;top:5px;color:#FFF;font-weight:bold;}

#spcinfo {margin-bottom:30px;}
#spcinfo .spc_subtit {width:100%; margin:8px 0; font-size:16px; color:#010100; font-weight:bold;}
#spcinfo .spc_subtit small {padding-left:8px; color:#999; font-size:12px; font-weight:normal;}
#spcinfo .spc_subtit .more {float:right; color:#999; font-size:13px; padding:5px 8px 0;}

#spcinfo .spctop {margin:10px 0;}
#spcinfo .spctop .spc_search_opt {padding:12px 17px; overflow:hidden; border:1px solid #DCDCDC; background-color:#F9F9F9;}
#spcinfo .spctop .spc_search_opt ul {list-style:none; padding:0; margin:0;}
#spcinfo .spctop .spc_search_opt li {float:left; width:88px; height:30px; font-size:13px; line-height:30px; letter-spacing:-0.1em;}
#spcinfo .spctop .spc_search_opt label {font-weight:normal;}
#spcinfo .spctop .spc_search_opt .button {padding:8px 0 5px 0;}
#spcinfo .spctop .notice_box {width:100%; padding:10px; text-align:right;}
#spcinfo .spctop .notice_box span {font-size:11px;}

#spcinfo .spcmonth {width:100%; height:384px; padding:10px; border:1px #DCDCDC solid; text-align:center;}
#spcinfo .spcmonth .month_tit {padding:5px 0 20px 0;}
#spcinfo .spcmonth .month_name {font-size:17px; font-weight:bold; padding:15px 0 10px; word-break:break-all; word-wrap:break-word;}
#spcinfo .spcmonth .month_txt {line-height:1.3em; padding:0 0 25px; color:#777; letter-spacing:-0.08em; white-space:pre; word-break:break-all; word-wrap:break-word;}
#spcinfo .spcmonth img {max-width:160px; border-radius:10em;}

#spcinfo .list_info {padding:0 0 10px 7px;}
#spcinfo .spc_list {padding:0;}
#spcinfo .spc_list .picbox {width:33.33%; float:left; margin:0 0 15px; text-align:center;}
#spcinfo .spc_list .picbox_inner {display:block; margin:0 7px; border:#dfdfdf solid 1px; border-radius:0px; background-color:#FFF;}
#spcinfo .spc_list .spc_pic {width:100%; height:150px; margin-top:10px; overflow:hidden;}
#spcinfo .spc_list .spc_pic img {max-width:70%;}
#spcinfo .spc_list .spc_sbj {height:35px; font-size:17px; font-weight:bold; padding:10px 7px; word-break:break-all; word-wrap:break-word;}
#spcinfo .spc_list .spc_txt {height:45px; line-height:1.3em; margin-bottom:10px; padding:7px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

#spcinfo .bbs_pic_new {border-top:2px solid #999; border-left:1px solid #DCDCDC; border-right:1px solid #DCDCDC; margin-bottom:20px;}
#spcinfo .bbs_pic_new ul {padding:0; margin:0;}
#spcinfo .bbs_pic_new ul li {width:100%; height:85px; padding:13px; list-style:none; border-bottom:1px solid #DCDCDC; position:relative;}
#spcinfo .bbs_pic_new ul li:hover {background-color:#F9F9F9;}
#spcinfo .bbs_pic_new ul li dl {margin-left:100px;}
#spcinfo .bbs_pic_new ul li dl dt {min-height:20px; max-height:40px; margin-bottom:3px; color:#000; font-size:14px; font-weight:normal; letter-spacing:-0.5px; line-height:1.4em; overflow:hidden;}
#spcinfo .bbs_pic_new ul li dl dd {color:#999; font-size:12px; letter-spacing:-0.5px; overflow:hidden;}
#spcinfo .bbs_pic_new ul li dl dd span {margin-right:10px;}
#spcinfo .bbs_pic_new ul li .pic_box {width:90px; height:60px; position:absolute; left:12px; top:12px; overflow:hidden;}
#spcinfo .bbs_pic_new ul li .pic_box img {width:100%;}
#spcinfo .bbs_pic_new ul li .noimg {background-color:#F9F9F9;}

#spcinfo .bbsnew {border-top:2px solid #999; margin-bottom:20px;}
#spcinfo .bbsnew ul {padding:0; margin:0; list-style:none;}
#spcinfo .bbsnew ul li {border-bottom:1px solid #E4E4E4; color:#000; font-size:14px; letter-spacing:-0.5px; overflow:hidden;}
#spcinfo .bbsnew_div {overflow:hidden; float:left; max-width:100%;}
#spcinfo .bbsnew_div .bbsnew_a {display:block; padding:7px 0 8px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#spcinfo .bbsnew_div .bbsnew_a .re {margin:0 5px;}
#spcinfo .bbsnew_div span {display:inline-block; margin-right:10px; min-width:65px; color:#999; font-size:13px; letter-spacing:-1px;}

#spc_profile {font-size:14px;}
#spc_profile .box1 {background-color:#f6f6f6; margin-bottom:15px; padding:15px; line-height:1.7em;}
#spc_profile h3 {display:inline-block; font-size:18px; color:#f36e3b; font-weight:800; border-bottom:2px solid #f36e3b; padding-bottom:5px; margin-top:10px;}
#spc_profile ul {padding-left:20px;}
#spc_profile li {line-height:2em;}
#spc_profile .ban {float:left; margin:30px 10px 0;}
#spc_profile .sns {float:left;}
#spc_profile .sns a {display:block; width:27px; height:27px; margin:30px 5px 0; text-indent:-9999px; overflow:hidden;}
#spc_profile .sns a.twitter {background:url(image/icon_sns_01.gif) no-repeat; background-position:0 0;}
#spc_profile .sns a.facebook {background:url(image/icon_sns_01.gif) no-repeat; background-position:0 -30px;}
#spc_profile .sns a.blog {background:url(image/icon_sns_01.gif) no-repeat; background-position:0 -60px;}

#spc_course table {border-bottom:1px solid #DDD;}
#spc_course td.td1 {white-space:nowrap;}
#spc_course .c_icon {font-size:11px;}
#spc_course .c_label {padding:0 0 10px 0;}
#spc_course .course-list h3 {font-weight:800;}
#spc_course .course_content {padding:15px; line-height:1.7em; font-size:14px;}
#spc_course .embed-responsive {position:relative; display: block; height:0; padding:0; overflow:hidden;}
#spc_course .embed-responsive-16by9 {padding-bottom: 56.25%;}
#spc_course .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0;
}

#spc_movie .movie_content {padding:15px 0 10px 0; line-height:1.7em; font-size:14px;}
#spc_movie .embed-responsive {position:relative; display: block; height:0; padding:0; overflow:hidden;}
#spc_movie .embed-responsive-16by9 {padding-bottom: 56.25%;}
#spc_movie .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0;
}

#spc_book .book_list {margin-bottom:40px; padding-bottom:15px; min-height:310px; border-bottom:1px solid #DCDCDC;}
#spc_book .book_title {padding:0 0 8px 5px; font-size:16px; font-weight:800; color:#e24841; border-bottom:1px solid #DCDCDC;}
#spc_book .book_links {width:100%; text-align:right; background-color:#f8f8f8; white-space:nowrap; border-bottom:1px solid #DCDCDC; padding:8px 15px 8px 25px;}
#spc_book .book_links .first_img {margin-right:25px;}
#spc_book .book_content {width:100%; padding:20px 0; font-size:14px;}
#spc_book .book_content img {max-width:120px; border:1px solid #DCDCDC; margin:0 20px 15px 0;}

#spc_column .best_tit {font-size:18px; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #9F9F9F;}
#spc_column .best_tit strong {color:#F27943;}
#spc_column .best_column {margin:0 0 35px 0; background-color:#F9F9F9;}
#spc_column .best_column .sbj {padding:8px 0; font-size:14px; overflow:hidden; text-overflow:ellipsis;}
#spc_column .best_column .sbj img {margin:-3px 10px 0 10px;}
#spc_column .best_column .name {width:130px; padding:9px 0; text-align:center; color:#888; float:left;}
#spc_column .best_column .date {width:80px; padding:9px 0; text-align:center; color:#888; float:left;}
#spc_column .best_column .line {border-bottom:1px solid #DCDCDC;}

#spc_column .new_column .column_item {border-bottom:1px solid #DCDCDC;}
#spc_column .new_column .rev {background:#F9F9F9;box-shadow:none;}
#spc_column .new_column .first {border-top:1px solid #DCDCDC;}
#spc_column .new_column .post-title h4 {font-size:16px;display:inline-block;padding:0 5px;margin:8px 0 5px 0;font-weight:bold;line-height:1.3em;text-rendering:optimizelegibility;}
#spc_column .new_column .post-title h4 a {color:#333;font-weight:bold;}
#spc_column .new_column .post-meta {color:#999;border-bottom:1px solid #DCDCDC;padding:5px;margin-bottom:10px;}
#spc_column .new_column .post-meta p {padding-right:15px;margin:0;float:left;}
#spc_column .new_column .post-content {padding:0 5px 20px 5px;}
#spc_column .new_column .post-content .post-thumb {max-height:100px;margin:0 0 15px 15px;}
#spc_column .new_column .rev .post-content .post-thumb {margin:0 15px 15px 0;}
#spc_column .new_column .link-blue {color:#39b3d7;}
#spc_column .new_column a {color:#333; text-decoration:none;}
#spc_column .new_column a:hover{color: #777;}
#spc_column .btn-more {margin:20px 0; font-weight:normal;}

