@charset "utf-8";

/***********************************************
* 한양대 리뉴얼 2016 Css My Service
***********************************************/

/*
* sub
*/

.service h4{margin-top:30px;height: 28px; line-height: 28px;font-weight: bold;font-size: 20px; letter-spacing: -0.07em;padding-bottom: 15px;padding-left: 25px;
	background: url(../../images/custom/bbs/comment_h3_icon.png) 0 0 no-repeat;}
.service .tab-dth1 > ul > li{width:50%;}
.service .bbs-board.board-list .title-wrap{display:block;width:100%;}
.service .bbs-board.board-list .title-wrap>div{box-sizing:border-box;}
.service .bbs-board.board-list .title-wrap .title-thumb{width:10%;}
.service .bbs-board.board-list .title-wrap .title-info{width:90%;}
.service .board-list.total-board-point tr td{vertical-align:middle;}
.service .view-script{word-break:break-all;}
.inp-rss-subscribe{margin-bottom:30px;}
.inp-rss-subscribe input.common-input-text{width:100%;}
.letter-wrap{display:table;width:100%;}
.letter-wrap>div{display:table-cell;vertical-align:middle;}
.letter-wrap>div.letter-title{}
.letter-wrap>div.pub-type{width:150px;text-align:center;position:relative;}
.letter-wrap>div.pub-type:after{position:absolute;top:0;right:1px;content: '|';color: #c1c1c1;}
.letter-wrap>div.pub-date{width:100px;text-align:center;}
.letter-wrap>div.pub-date.st2{width:150px;}


/***********************************************
* Reponsive Base Layout
***********************************************/
@media all and (max-width: 768px) {

.letter-wrap{display:block;width:100%;}
.letter-wrap>div{display:block;}
.letter-wrap>div.letter-title{width:100%;}
.letter-wrap>div.pub-type{display:inline-block;width:auto;padding-right:20px;margin-right:10px;}
.letter-wrap>div.pub-date,
.letter-wrap>div.pub-date.st2{display:inline-block;width:auto;padding-right:0;}
.service .bbs-board.board-list .title-wrap .title-thumb{float:none;width:100%;display:block;}
.service .bbs-board.board-list .title-wrap .title-info{float:none;width:100%;display:block;}

}

@media all and (min-width: 769px) and (max-width: 992px) {
.service .bbs-board.board-list .title-wrap .title-thumb{width:17%;}
.service .bbs-board.board-list .title-wrap .title-info{width:73%;}
.service .bbs-board .title-info p.info{height:auto;}
}

@media all and (min-width: 993px) and (max-width: 1199px) {
	
}

@media all and (min-width: 1200px) {
	
}