@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;margin-bottom:20px;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 {padding:10px 0}
.lat li {position:relative;line-height:18px;border-bottom:1px solid #e5ecee;margin-bottom:10px}
.lat li a {line-height:24px;font-weight:bold;font-size:1.2em;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%}
.img_left { 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}

.bestr { padding:0px 10px; background:#08b3de; color:#fff; vertical-align:unset; margin-right:5px; font-size:18px; }

#latest_review { width:100%; display:inline-block; padding:100px 0px; background:#f9f9f9}
#latest_review .wrap { width:100%; text-align:left; max-width:1200px; margin:0 auto; position:relative;}
#latest_review .wrap h1 { font-size:36px; color:#444; font-weight:350; letter-spacing:-2px; line-height:40px; padding-left:36px;}
#latest_review .wrap h2 { position:relative; display:inline-block; font-size:16px; color:#08b3de; font-weight:400; letter-spacing:4px; line-height:24px; padding-left:36px; padding-bottom:5px;}
#latest_review .wrap > h2:after { content:''; left:0; margin-left:0px; top:4px; width:12px; background:#08b3de; height:65px; position:absolute;}
#latest_review .wrap ul { display:flex; flex-wrap:wrap; flex-direction: row; margin-top:60px; width:100%; }
#latest_review .wrap ul li { width: calc(50% - 10px);text-align:left; float:left; margin-bottom:20px; background:#fff; margin-right:20px; border-radius:5px; border:1px solid #e1e1e1; padding:20px 40px; }
#latest_review .wrap ul li:nth-child(2n) { margin-right:0; }
#latest_review .wrap ul li > ul { width:auto; margin:0; margin-left:-15px; display:inline-block; vertical-align:top;}
#latest_review .wrap ul li > img { vertical-align:middle; }
#latest_review .wrap ul li ul > h1 { font-size:20px; text-align:left; display:block; vertical-align:top; margin-bottom:0;}
#latest_review .wrap ul li ul > h1 > img { vertical-align:unser; margin-left:5px;}
#latest_review .wrap ul li ul > h1 > img:nth-last-child(1) { margin-left:10px; }
#latest_review .wrap ul li ul > h1 strong { color:#f1c40f; margin-left:5px;}
#latest_review .wrap ul li ul > h2 { font-size:24px; color:#000; letter-spacing:-1px; padding-bottom:0; line-height:40px;}
#latest_review .wrap ul li ul > h3 { font-size:14px; color:#999; font-weight:350; display:inline-block; margin-left:5px; letter-spacing:0px; padding-bottom:0;}
#latest_review .wrap h4 { background:#08b3de; color:#fff; font-size:18px; position:absolute; top:30px; left:320px; padding:10px 40px; border-radius:5px;} 

.mobile_only { display:none; }

@media all and (max-width: 768px) {
.pc_only { display:none; }
.mobile_only { display:inline-block; }
#latest_review .wrap { text-align:center; }
#latest_review .wrap h1 { font-size:7vw; padding-left:0; }
#latest_review .wrap h2 { font-size:1rem;  padding-left:0;}
#latest_review .wrap > h2:after { display:none; }
#latest_review .wrap li ul > h1 { line-height:30px; }
#latest_review .wrap ul li { width: 47%; margin-left:2%; text-align:center; float:left; margin-bottom:20px; background:#fff; margin-right:0px; border:1px solid #e1e1e1; padding:15px; }
#latest_review .wrap ul li:nth-child(2n) { margin-right:0; }
#latest_review .wrap ul li > ul { width:100%; margin:0; margin-left:0px;text-align:center; display:block; vertical-align:middle;}
#latest_review .wrap ul li > img {  vertical-align:middle; }
#latest_review .wrap ul li ul > h1 { font-size:1.3em; line-height:1.3em;text-align:center; display:block; margin-top:5px;vertical-align:top; margin-bottom:0;}
#latest_review .wrap ul li ul > h1 > img {width:15px; vertical-align:baseline; }
#latest_review .wrap ul li ul > h1 > img:nth-child(1) { margin-left:10px; }
#latest_review .wrap ul li ul > h1 strong { color:#f1c40f; margin-left:5px; letter-spacing:0;}
#latest_review .wrap ul li ul > h2 { font-size:3.8vw; color:#000; display:block;letter-spacing:-0px; margin:5px 0px; padding-bottom:0; line-height:20px;}
#latest_review .wrap ul li ul > h3 { font-size:1.5em; color:#999; font-weight:350; display:block; margin-left:0px; letter-spacing:0px; padding-bottom:0;}
#latest_review .wrap h4 { width:100%; background:#08b3de; color:#fff; border-radius:0px; position:relative; left:0; font-size:18px; display:inline-block; padding:15px 50px; margin-top:0px; } 
.bestr { width:100%; display:inline-block; margin:5px 0px; }
}