@charset "utf-8";

/* List */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
.list-media {
    margin: 0;
}

.list-item:hover { border:2px solid #00578f; box-sizing:border-box; }
.list-item {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.list-item .img-left {
    margin-right: 15px;
}

.list-item .img-right {
    margin-left: 15px;
}

.list-item h2.media-heading {
    display: block;
    font-size: 16px;
    line-height: 22px;
	font-weight:600;
	font-family: 'Noto Sans KR', sans-serif !important;
    margin: 0px;
    padding: 0px 0px 4px;
}

.list-item .list-details {
    margin-top: 6px;
    padding: 6px 0px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

.list-item .list-details .member,
.list-item .list-details .guest {
    color: #787878 !important;
}

.list-item .list-cont {
    margin-top: 8px;
    padding: 0;
    line-height: 20px;
}

.list-item .list-cont a {
    white-space: inherit;
}

.list-item .list-sp {
    margin: 0 7px;
    color: #ddd;
    font-size: 11px;
}

.list-webzine {
    margin-top: 20px;
}

@media all and (min-width:768px) {
.list-item .img { width:204px !important; }
}

@media all and (max-width:600px) {
    .list-item .img {
        width: 160px;
        width: 40% !important;
        padding-bottom: 15px !important;
    }
    .media,
    .media-body {
        overflow: visible !important;
        padding:0 10px !important;
    }
	.tack-icon { display:none !important; }
	.sv_member { font-size:0 !important; }
	.sv_member img { width:16px; }
	.list-item .list-details {
    margin-top: 1px;
    padding: 0px !important;
    border-top:none !important;
    border-bottom: none !important;
}
.list-details { font-size:11px !important; }
.list-details i { margin-left:7px; color:rgb(85, 60, 125) !important; }

.list-item h2.media-heading {
    display: block;
    font-size: 13px !important;
	font-weight:600 !important;
    line-height: 22px;
    margin: 0px;
    padding: 0px 0px 4px;
}
.deTxt { vertical-align:-3px !important; }
.list-item .list-cont { font-size:12px; line-height:14px !important; }
}