@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_lt {display:flex; justify-content:space-between;align-items: center;width:100%;height: 100vh; margin:0 auto;background: url('/images/sec02_bg.jpg') center no-repeat;}
.pic_lt .lat_title { width:35%; padding-left:8%;color:#fff}
.pic_lt .lat_title h1{font-size: 50px;font-weight: 900;color:#fff}
.pic_lt .lat_title h1 a{color:#fff}
.pic_lt .lat_title h3{font-size: 30px; font-weight: 400}
.pic_lt .lat_title p {font-size:20px; line-height:28px; color:#fff; font-weight:300; letter-spacing:0; margin:55px 0 70px;}
.pic_lt .lat_title a.moreview {font-size:16px; color:#fff; width:180px; height:45px; line-height:45px;display:block; text-align:center;border:1px solid #fff; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.pic_lt .lat_title a.moreview:hover {border-radius:10px; }
.pic_lt .swiper-container {width:75%; }
.pic_lt ul { display:flex; }
.pic_lt li {padding:0;}
.pic_lt li .lt_img {margin:0;display:block;  background:#fff; overflow:hidden}
.pic_lt li .lt_img img {width:100%;height:auto; opacity:1; -webkit-transition:ease-out 0.35s; transition:ease-out 0.35s }
.pic_lt li .lt_img img:hover {opacity:1; border-radius:30px; }
.pic_lt li.galley_li{border:1px solid #e5e5e5; }

.galley_li .txt {display:none; position:absolute; top:0px; width:100%; height:100%; text-align:center; padding-top:45%; background:rgba(0,0,0,0.5); z-index:99;border: 1px solid rgba(0,0,0,0.5);text-align: center; color:#fff !important; font-weight: 600; font-size: 20px}
.galley_li:hover .txt {display:block;}

.arrow{display: flex}
.arrow a{margin-right: 10px; text-align: center;width:50px; height: 50px; line-height: 50px; font-size: 20px; color:#fff;display: block; border:2px solid #fff;border-radius: 50px;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.arrow a:hover{width:100px; padding-left: 50px;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}


@media (max-width: 1599px){
    .pic_lt .lat_title{padding-left:3%}   
 }
@media (max-width: 1499px){
    .pic_lt .lat_title{padding-left:1%}   
    .pic_lt .lat_title h1{font-size: 40px;}
    .pic_lt .lat_title h3{font-size: 25px; }
    .pic_lt .lat_title p {font-size:18px; }
 }

@media (max-width: 1199px){
    .pic_lt{flex-direction: column; background-position: left;padding: 80px 10px 100px;height: auto}
    .pic_lt .lat_title {padding:0px 0 40px;width:100%; text-align: center; display: flex;  flex-direction: column; align-items: center;}
    .pic_lt .swiper-container {width:100%; margin: 0 10px}
    .pic_lt .lat_title h1{font-size: 35px;}
    .pic_lt .lat_title h3{font-size: 23px; }
    .pic_lt .lat_title p {margin: 25px 0 }
 }
 
@media (max-width: 969px){
    
 }

@media (max-width:639px){
    .pic_lt{padding: 30px 10px 50px;}
    .pic_lt .lat_title h1{font-size: 30px;}
    .pic_lt .lat_title h3{font-size: 20px; }
    .pic_lt .lat_title p {font-size: 16px }
 }

@media (max-width:399px){
    .pic_lt{padding: 30px 10px 30px;}
    .pic_lt .lat_title h1{font-size: 25px;}
    .pic_lt .lat_title h3{font-size: 18px; }
    .pic_lt .lat_title p {font-size: 14px;margin: 15px 0 }
    .arrow a{text-align: center;width:35px; height: 35px; line-height: 30px; font-size: 20px;}
 }
 

.pic_lt li a:hover {color:#a22121}
.pic_lt li .fa-heart {color:#ff0000}
.pic_lt 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}
.pic_lt 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}
.pic_lt 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}
.pic_lt li .fa-caret-right {color:#bbb}
.pic_lt 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}
.pic_lt 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}

.pic_lt .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.pic_lt .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.pic_lt .empty_li:before {background:none;padding:0}

.pic_lt .lt_cmt {;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.pic_lt .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.pic_lt .lt_more:hover {color:#777}