@charset "utf-8"; 

/* Colorset 설정 CSS부분 */
span.cate.gray { color:#ccc !important; }
span.cate.blue { color:#0088cc !important; }
span.cate.skyblue { color:#84accb !important; }
span.cate.green { color:#29b80a !important; }
span.cate.purple { color:#526bbe !important; }
span.cate.red { color:#fe8505 !important; }
span.cate.pink { color:#ee80c3 !important; }

.smNormal { margin:0; padding:0; list-style:none; }
.smNormal > li { border-top:1px solid #f2f2f2; }
.smNormal > li:first-child { border-top:0; }
.smNormal > li a { color:#222; text-decoration:none; display:block; padding:10px 14px; position:relative; font-size: 13px; }
.smNormal > li a:hover { text-decoration: none; }
.smNormal > li a p.title { padding:0; margin:0; width:100%; letter-spacing:-1px; box-sizing:border-box; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; font-size:1.15em; }
.smNormal > li a p.title *:not(.cate) { color: #222 !important; font-weight: normal !important; }
.smNormal > li a p.title span.cate { padding:0 6px 0 0; display:inline-block; font-size: 0.96em; }
.smNormal > li ul { padding:0; margin:0; list-style:none; overflow:hidden; }
.smNormal > li ul li { float:left; width:33.3%; padding:7px 0 0 0; color:#aaa; font-size:0.9em; }
.smNormal > li ul li i { margin:0 5px 0 0; }

.smHot > li { position: relative; padding-left: 15px; }
.smHot > li::before { display: block; position: absolute; top: 14px; left: 9px; content: '0'; color: #ff0078; font-size: 1.45em; font-style: italic; line-height: 1; }
.smHot > li:nth-child(1)::before { content: '1'; }
.smHot > li:nth-child(2)::before { content: '2'; }
.smHot > li:nth-child(3)::before { content: '3'; }
.smHot > li:nth-child(4)::before { content: '4'; }
.smHot > li:nth-child(5)::before { content: '5'; }

.smImageTitle { margin:0; padding:7px; list-style:none; overflow:hidden; }
.smImageTitle > li { width:50%; float:left; padding:7px; box-sizing:border-box; }
.smImageTitle > li .smThumb { position: relative; padding:0 0 61% 0; background:no-repeat center center; background-size:cover; }
.smImageTitle > li .smThumb::after { display: block; content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid rgba(0, 0, 0, .1); }
.smImageTitle > li .smNoThumb { background:#f9f9f9; }
.smImageTitle > li a { text-decoration:none; }
.smImageTitle > li .title { color:#222; font-size:13px; display:block; padding:5px 0 0 0; line-height:1.35em; height:2.78em; letter-spacing:-1px; }
.smImageTitle > li .title strong { display: -webkit-box; overflow: hidden; font-weight:normal; font-size:1.15em; line-height:1.32em; white-space: normal; word-wrap: break-word; -o-ellipsis-lastline:2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.smImageTitle > li .title strong .cate { padding:0 4px 0 0; font-size: 0.96em; }
.smImageTitle > li ul { padding:0; margin:0; list-style:none; overflow:hidden; }
.smImageTitle > li ul li { padding:3px 0 0 0; color:#aaa; font-size:0.9em; }
.smImageTitle > li ul li:first-child { padding:0; }
.smImageTitle > li ul li i { margin:0 5px 0 0; }

.smImageTitleContent { margin:0; padding:0; list-style:none; }
.smImageTitleContent > li { border-top:1px solid #f2f2f2; }
.smImageTitleContent > li:first-child { border-top:0; }
.smImageTitleContent > li a { text-decoration:none; padding:10px 14px; display:block; overflow:hidden; color:#222; font-size: 13px; }
.smImageTitleContent > li .smThumb { float:right; width:25%; padding:0 0 0 14px; box-sizing:border-box; }
.smImageTitleContent > li .smThumb .image { position: relative; padding:0 0 70% 0; background:#ccc; background-position:center center; background-size:cover; }
.smImageTitleContent > li .smThumb .image::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid rgba(0,0,0,.1); }
.smImageTitleContent > li .withThumb { float:left; width:75%; }
.smImageTitleContent > li .title { letter-spacing:-1px; box-sizing:border-box; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; font-size:1.15em; width:100%; display:block; padding:0 0 3px 0; }
.smImageTitleContent > li .cate { padding:0 4px 0 0; font-size: 0.96em; }
.smImageTitleContent > li .conte { display: -webkit-box; margin:0; padding:3px 0 0 0; font-size:1em; color:#a1a1a1; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.smImageTitleContent > li ul { padding:0; margin:0; list-style:none; overflow:hidden; }
.smImageTitleContent > li ul li { padding:0 0 0 5px; float:left; color:#aaa; font-size:0.9em; }
.smImageTitleContent > li ul li:first-child { padding:0; }
.smImageTitleContent > li ul li i { margin:0 5px 0 0; }

.smImageTitleContent .smTable { display: table; width: 100%; table-layout: fixed; }
.smImageTitleContent .smTable .smCol { display: table-cell; vertical-align: middle; float: none; }