@charset "utf-8";
/* 새글 스킨 (latest) */


.movie_box { display:flex; justify-content:space-between; align-content:center; }
.movie_box #player { width:74%; }
.movie_box #player iframe {width:100%;height:auto;}
.movie_box #player_screen {position:relative;padding-bottom:59%;height:0;overflow:hidden;max-width:100%;}
.movie_box #player_screen iframe, 
.movie_box #player_screen object, 
.movie_box #player_screen embed {position:absolute;top:0;left:0;width:100%;height:100%;}

.movie_box ul { width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center; }
.movie_box ul li {display:block;margin-bottom:10px;width:100%;height:fit-content;cursor:pointer;}
.movie_box ul li:last-of-type { margin-bottom:0; }
.movie_box ul li a { display:block; aspect-ratio:355/200; position:relative; overflow:hidden; }
.movie_box ul li a:hover{opacity: 0.7}
.movie_box ul li a img {width:100%;height:auto;top:50%;left:50%;transform:translate(-50%, -50%);position:absolute;}
.movie_box ul li a .text_box { 
    position:absolute;bottom:0;left:0;width:100%;padding:0 20px 25px;box-sizing:border-box; height:60%;
    display:flex; justify-content:flex-start; align-items:flex-end;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.movie_box ul li a .text_box p {
    color:#ffffff; font-family:'Pretendard-SemiBold'; font-size:18px;
    word-break: break-word; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.movie_box ul li .url {display:none;}

@media screen and (max-width:1000px) {
    .movie_box { flex-direction:column; justify-content:center; align-items:center; }
    .movie_box #player { width:100%; margin:0 0 10px 0; }
    .movie_box ul { width:100%;flex-direction:row;align-items:center;justify-content:space-between; }
    .movie_box ul li { width:calc( (100% - 10px*2) / 3 );margin-bottom:0; }
}
@media screen and (max-width:680px) {
    .movie_box ul {  }
    .movie_box ul li { width:calc( (100% - 5px*2) / 3 );margin-bottom:0; }
}


.photo_lt{position:relative;overflow:hidden;border: 0px solid #ececec;}
.photo_lt .lat_title { font-family: NanumGothic; letter-spacing: -1px; font-size: 19px; font-weight: 600; text-align: left; }
.photo_lt .lat_title a {color: #222;}
.photo_lt ul { display:flex; justify-content:flex-start; align-content:flex-start; }
.photo_lt li { width: calc((100% - 100px) / 3); margin-right:50px; }
.photo_lt li:last-of-type { margin-right:0; }
.photo_lt li .lt_img { display:block; overflow:hidden; position:relative; aspect-ratio:5/3; margin-bottom:16px; background-color:#d9d9d9; }
.photo_lt li .lt_img img{ width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.photo_lt li .lt_img p { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center center;
	transition: all .5s; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); }
.photo_lt li .lt_img:hover p { transform:translateX(-50%) translateY(-50%) scale(1.05); }

.photo_lt li .photo_subject {  letter-spacing:-1px; }
.photo_lt li .photo_subject .title { 
	font-size:20px; font-weight:500; color:#222222;
	word-break: break-word; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 
}
.photo_lt li .photo_subject .content { 
	font-size:18px; line-height:27px; height:54px; font-weight:300; color:#555555; overflow:hidden; text-overflow:ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:-webkit-nowrap; margin:10px 0;
}
.photo_lt li .photo_subject .date { font-size:16px; font-weight:300; color:#333333; }
.photo_lt li .fa-heart{color:#ff0000;}
.photo_lt li .fa-lock{display: inline-block;line-height: 12px;width: 12px;font-size: 0.75em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.photo_lt li .new_icon{display:inline-block;width: 12px;line-height:12px ;font-size:0.75em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.photo_lt li .hot_icon{display:inline-block;width: 12px;line-height:12px ;font-size:0.75em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.photo_lt li .fa-caret-right{color:#bbb}
.photo_lt .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.photo_lt .lt_date{display:block;margin-top:2px;color: #888;}

.photo_lt .lt_cmt{ font-size:12px; color:#666; font-family: NanumGothic;}
.photo_lt .lt_more {
	display: block;
	font-size: 17px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	color: #d97500;
	text-align: right;
}
.photo_lt .lt_more::after{
	display: inline-block;
	clear: both;
	content: '';
	width: 25px;
	height: 16px;
	vertical-align: middle;
	margin-left: 5px;
	background: url('img/more_icon.png')no-repeat center;
}


.photo_lt .text-1 { display: block; color:#000; font-size:16px; line-height: 16px; margin-bottom:12px; letter-spacing: -1px; font-weight: 500; }
.photo_lt .text-2 { display: block; float: left; color:#444; font-size:14px; line-height: 30px; letter-spacing: -1px; }
.photo_lt .logo-box { display: block; float: left; width:30px; height:30px; border-radius: 15px; border:1px solid #eee; margin-right:8px; overflow: hidden; }
.photo_lt .logo-box img { display: block; width:100%; }

.photo_lt .search_msg { color:#000; letter-spacing: -1px; font-size: 20px; line-height: 20px; margin-bottom:30px; }


@media screen and (max-width:1400px) {
    .photo_lt li { width:calc((100% - 40px) / 3); margin-right:20px; }

}
@media screen and (max-width:1200px) {
    .photo_lt li .photo_subject .title { font-size:18px; }
    .photo_lt li .photo_subject .content { font-size:14px; }
    .photo_lt li .photo_subject .date { font-size:14px; }
    .photo_lt li { width:calc((100% - 50px) / 3); margin-right:25px; }
}
@media screen and (max-width:1000px) {
    .photo_lt li .lt_img { margin-bottom:9px; }
    .photo_lt li .photo_subject .title { font-size:16px; }
    .photo_lt li .photo_subject .content { font-size:13px; line-height:17px; height:34px; }
    .photo_lt li .photo_subject .date { font-size:13px; }
    .photo_lt ul { flex-wrap:wrap; }
    .photo_lt li { width:calc((100% - 25px) / 2); }
    .photo_lt li:nth-of-type(2) { margin-right:0; }
    .photo_lt li:last-of-type { display:none; }
}
@media screen and (max-width:680px) {
    .photo_lt li .lt_img { aspect-ratio:4/3; }
    .photo_lt li .lt_img img { width:100%; height:auto; }

    .photo_lt li .photo_subject .title { font-size:16px; }
    .photo_lt li .photo_subject .content { font-size:13px; line-height:17px; height:34px; margin:2px 0; }
    .photo_lt li .photo_subject .date { font-size:13px; }
}
@media screen and (max-width:480px) {
    .photo_lt li { width:calc((100% - 15px) / 2); margin-right:15px; }
    .photo_lt li .photo_subject .title { font-size:15px; }
    .photo_lt li .photo_subject .content { font-size:12px; line-height:17px; height:17px; -webkit-line-clamp:1; margin:4px 0; }
    .photo_lt li .photo_subject .date { font-size:11px; }
}
@media screen and (max-width:370px) {
    .photo_lt li { width:100%; margin-right:0; }
    .photo_lt li:nth-of-type(2) { margin-top:20px; }
    .photo_lt li .lt_img { aspect-ratio:5/3; }
}