@CHARSET "UTF-8";
/*body{font-family: 'Nanum Gothic','Noto Sans KR'}*/
.mgb5{
	margin-bottom: 5px;
}
.mgb10{
	margin-bottom: 10px;
}
.mgb20{
	margin-bottom: 20px;
}
.mgb30{
	margin-bottom: 30px;
}
.mgt10{
	margin-top:10px;
}
.mgr5{
	margin-right: 5px;
}
.mgr10{
	margin-right: 10px;
}

.navBottom{border-bottom: 1px #dfdfdf solid; margin-bottom: 20px}
a{text-decoration:none;color: #000000}
a:hover{text-decoration:none;color: #000000}

/*메인 화면*/
.thumnailWrap{width:100px;height: 100px;float: left;overflow: hidden;position: relative;margin-right: 20px}
.thumnail{position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    width: 100%;}

.postListWrap{border-bottom: 1px solid #dfdfdf;padding: 20px 10px;}
.postListWrap a h2{font-size: 17px;line-height: 23px;font-weight: 600;
    display: inline-block;
    display: -webkit-box;
    position : relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height : calc(1em * 1.3 * 2);
    -webkit-box-orient: vertical;
    word-break:break-all;
}
.postListWrap a:visited{color: #5b5b5b}
.ellipsis{
width: auto;
/*max-width: 100px;*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

/*내비게이션*/
.navSiteName{margin-bottom: 10px}
.siteBar{margin-top: 20px;margin-bottom: 10px}
.siteName{font-weight: 600;font-size: 18px;}

.ellipsis2line{ /* 2줄 말줄임 (IE Croosbrowser)*/
    font-size: 14px;
    display: inline-block;
    display: -webkit-box;
    position : relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height : calc(1em * 1.5 * 2);
    -webkit-box-orient: vertical;
    word-break:break-all;
    }
/* .ellipsis3line:after
{
    content    : '...';
    text-align : right;
    bottom     : 0;
    right      : 0;
    width      : 20px;
    display    : block;
    position   : absolute;
    height     : calc(1em * 1.5);
    background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
} */
/* 포스트 내부 */
.postHeader{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #dfdfdf;}
.postTitle{font-size: 26px; font-weight: 700}
.regDate{color:#878787; font-size: 12px}
.postImgWrap{margin-bottom: 10px;padding: 10px;}
.postArticle{margin-bottom: 20px}
.postContent{margin-bottom: 20px}
.postLinkBox{margin: 10px 0}
.postLinkWrap{max-width: 500px;margin: 0 auto;height: 102px;border: 1px solid #dfdfdf;}
.postLinkInfo{padding: 15px;height: 100%;}
.postLinkTitle{font-weight: 600;}
.postLinkDesc{font-size: 14px;color: #acacac;margin-bottom: 5px;}
.postLinkLink{font-size: 12px;color: #4d83d5;font-weight: 600;}
.adWrap{margin-top: 10px;margin-bottom: 10px;}

/* 포스트 이전글 다음글 */
.postNextPrevHeader{border-bottom: 1px solid #dfdfdf;padding: 10px 0px;margin-bottom: 10px;}
.postNextPrevHeader span{font-size: 14px;font-weight: 600}
.postNextPrevSiteTitle{color:#98a2d9}
.thumnailPostNextPrevWrap{width:75px;height: 75px;float: left;overflow: hidden;position: relative;margin-right: 20px;}
.postNextPrevListWrap{border-bottom: 1px solid #dfdfdf;padding: 10px 10px;margin-bottom: 10px}
.postNextPrevListWrap a h2{font-size: 14px; line-height: 22px;font-weight: 600;display: inline-block;display: -webkit-box;position : relative;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;height : calc(1em * 0.7 * 2);-webkit-box-orient: vertical;word-break:break-all;}
.postNextPrevListWrap a:visited{color: #5b5b5b}
.postNextPrevListWrap .ellipsis2line{font-size: 13px;
    display: inline-block;
    display: -webkit-box;
    position : relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height : calc(1em * 1.4 * 2);
    -webkit-box-orient: vertical;
    word-break:break-all;}

/*푸터*/
footer{padding: 10px 0 10px; border-top: 1px #dfdfdf solid}
.footerComment{color: #343a40}
.copyright{color: #222222; font-size: 13px}
.copyright a{color: #4d83d5}
.support{color: #222222; font-size: 12px; text-align: right;}
.support a{color:#4d83d5}