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

	SUPERBOARD :: BOARD SKIN :: default

**************************************************/
#sb-list {}
#sb-list ul {margin-top: 40px; border-top: 1px solid #ddd}
#sb-list ul li {position: relative; padding: 25px 30px; border-bottom: 1px solid #ddd}
#sb-list ul li:after {content: ''; display: block; clear: both}
#sb-list ul li > * {display: inline-block; vertical-align: middle; line-height: 27px}
#sb-list ul li > a {position: relative; float: left; display: block; width: 100%; padding-right: 120px; box-sizing: border-box; font-weight: 500; font-size: 17px; color: #130d2a !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
#sb-list ul li > a strong {}
#sb-list ul li > span {position: absolute; top: 25px; right: 40px; font-weight: normal; color: #999999}
#sb-list ul li .download {position: relative; float: right;}
#sb-list ul li .download:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 16px; background-color: #dddddd}
#sb-list ul li .download a {display: inline-block; margin-left: 40px; padding-left: 25px; font-size: 15px; color: #555; background: url('/images/sub/list_down_ico.png') no-repeat left center; text-decoration: none}
#sb-list .list_tbl{width: 100%;border-top: 2px solid #545c73;}
#sb-list .list_tbl tr > *{position: relative;padding: 18px 12px;border: 1px solid #dddee0;border-width: 0 1px 1px 1px;font-size: 14px;line-height: 18px;text-align: center;}
#sb-list .list_tbl tr.tr_notice{background: #f3f4f7;}
#sb-list .list_tbl thead tr th{font-weight: normal;color: #000000;letter-spacing: -1px;}
#sb-list .list_tbl tbody tr td.no,
#sb-list .list_tbl tbody tr td.date,
#sb-list .list_tbl tbody tr td.view{font-size: 12px;color: #999;}
#sb-list .list_tbl tbody tr td.sbj{text-align: left;}
#sb-list .list_tbl tbody tr td.sbj a{color: #000;letter-spacing: -0.5px;font-size: 15px;}
#sb-list .list_tbl tbody tr td.sbj img{max-height:15px;width: auto;height: auto;}
#sb-list .list_tbl tbody tr td.sbj .cmnt{font-weight: bold;color: #cb0f16;font-size: 12px;margin-left: 10px;}
#sb-list .list_tbl tbody tr td em{display: none;}

/* 답글 들여쓰기 */
#sb-list .list_tbl tbody tr td.sbj.reply1{background: url(/superboard/images/sb_ico_reply.png) no-repeat 20px 19px;padding-left: 40px;}
#sb-list .list_tbl tbody tr td.sbj.reply2{background: url(/superboard/images/sb_ico_reply.png) no-repeat 50px 19px;padding-left: 70px;}
#sb-list .list_tbl tbody tr td.sbj.reply3{background: url(/superboard/images/sb_ico_reply.png) no-repeat 80px 19px;padding-left: 100px;}
#sb-list .list_tbl tbody tr td.sbj.reply4{background: url(/superboard/images/sb_ico_reply.png) no-repeat 110px 19px;padding-left: 130px;}
#sb-list .list_tbl tbody tr td.sbj.reply5{background: url(/superboard/images/sb_ico_reply.png) no-repeat 140px 19px;padding-left: 160px;}

@media screen and (max-width: 750px) {


    #sb-list ul {margin-top: 30px}
    #sb-list ul li {padding: 15px}
    #sb-list ul li > a {padding-right: 90px; font-size: 15px}
    #sb-list ul li > a img {width: 15px; padding-right: 3px !important}
    #sb-list ul li > span {top: 15px; right: 15px; font-size: 13px}



    #sb-list .list_tbl colgroup{display: none;}
    #sb-list .list_tbl tr > *{padding: 10px 5px;font-size: 13px;letter-spacing: -1px;}
    #sb-list .list_tbl thead tr th{font-size: 12px;}
    #sb-list .list_tbl .sbj img{max-height:12px;width: auto;height: auto;}
    #sb-list .list_tbl .view,
    #sb-list .list_tbl .no{display: none;}
    #sb-list .list_tbl .date{width:50px;}
    #sb-list .list_tbl .writer{width: 70px;}
    #sb-list .list_tbl .sbj a{font-size: 13px !important;letter-spacing: -1px;}

	/* 답글 들여쓰기 */
	#sb-list .list_tbl tbody tr td.sbj.reply1{background-size: 10px auto;background-position: 7px 12px;padding-left: 22px;}
	#sb-list .list_tbl tbody tr td.sbj.reply2{background-size: 10px auto;background-position: 17px 12px;padding-left: 32px;}
	#sb-list .list_tbl tbody tr td.sbj.reply3{background-size: 10px auto;background-position: 27px 12px;padding-left: 42px;}
	#sb-list .list_tbl tbody tr td.sbj.reply4{background-size: 10px auto;background-position: 37px 12px;padding-left: 52px;}
	#sb-list .list_tbl tbody tr td.sbj.reply5{background-size: 10px auto;background-position: 47px 12px;padding-left: 62px;}
}