@charset "utf-8";

/* 새글 스킨 (latest) */
.lat { width:100%; position:relative;margin-bottom:0px;background:#fff}
.lat .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.lat .lat_title a {position:relative;color:#000;display:inline-block}
.lat ul { display:inline-block !important; width:100%; margin-bottom:10px}
.lat ul > li {position:relative;line-height:18px;border-bottom:1px solid #e5ecee; }
.lat ul > li { width:100% !important; }
.lat li a {line-height:24px;font-weight:bold;font-size:18px; letter-spacing:-1px; font-weight:400; color:#666; line-height:20px;vertical-align:middle}
.lat li a:hover {color:#3a8afd}
.lat li .fa-heart {color:#ff0000}
.lat li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.lat li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.lat li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-caret-right {color:#bbb}
.lat li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}
.lat .profile_img img{border-radius:50%}
.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}
.lat .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.lat .empty_li:before {background:none;padding:0}
.lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.lat .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.lat .lt_more:hover {color:#777}


/* 팬텀디자인 최신글 css 시작 */
#phantom-list { width:100%; display:inline-block; margin:0px 0px; }
#phantom-list .wrapper { width:100%; max-width:1000px; margin:0 auto; } 
#phantom-list .wrapper > ul {/*display:flex; justify-content: space-between*/}
#phantom-list .wrapper ul > li { width:449px; height:69px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; font-size:18px; line-height:69px; padding-left:25px;}
#phantom-list .wrapper ul > li:nth-last-child(1) { margin-right:0; }
#phantom-list li h1 { font-size:16px; color:#999999; margin-bottom:5px; font-weight:400; letter-spacing:-1px;text-align: center; }
#phantom-list li h2 { font-size:30px; color:#333; font-weight:600; line-height:30px; letter-spacing:-1.5px; padding-bottom:20px; border-bottom:3px solid #000;text-align: center;}
.arrow { position:absolute; top:5px; right:0; padding:15px 20px; border:1px solid #dcdcdc; }
.arrow { padding:12px 16px; top:10px; }

/* 768px 반응형 시작 */
@media (max-width:768px) {
#phantom-list > .wrapper > ul { width:90%; padding:0 15px; display:inline-block; margin-bottom:40px; }
#phantom-list > .wrapper ul > li { width:calc(50% - 20px); float:left; }
#phantom-list > .wrapper ul > li:nth-child(1) {width:100%;}
#phantom-list li h1 { font-size:13px; color:#999999; margin-bottom:5px; font-weight:400; letter-spacing:-1px; }
#phantom-list li h2 { font-size:24px; color:#333; font-weight:600; line-height:30px; letter-spacing:-1.5px; padding-bottom:20px; border-bottom:2px solid #000;}
.marrow { padding:12px 16px; top:10px; }

}