@charset "utf-8";

.latest_dan2 {width:50%;}
.latest_dan3 {width:33.3333333%;}
.latest_dan4 {width:25%;}
.latest_dan5 {width:20%;}
.latest_dan6 {width:16.6666666%;}
.latest_dan7 {width:14%;}
.latest_dan8 {width:12.5%;}
.latest_dan9 {width:11.1111111%;}
.latest_dan1 {width:100%;}

.latest_photo_pc {float:left;margin-left:20px}
.latest_photo { width: 100%; position: relative; padding-bottom: 60px; margin-bottom: 0;}
.latest_photo ul {display:flex;flex-wrap: wrap;margin:0 0 10px;padding:0;list-style:none}
.latest_photo li {padding:3px 0}
.latest_photo li a {display:flex;flex-direction: column;}
.latest_photo li a p {padding:0px;margin:0px;}
.latest_photo .lt_title {display:block;padding:10px 0 8px}
.latest_photo .lt_more {position:absolute;top:10px;right:0}
.latest_photo .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

.latest_photo .blind,legend{display:none;overflow:hidden;position:absolute;top:-1000em;left:0}
.latest_photo .page{font-size:.95em !important;line-height:1em !important; bottom:2rem;}
.latest_photo .page a,.page span{vertical-align: text-bottom;display: inline-block; color: #959595; font-size: 1rem; height: 30px; line-height: 28px; padding: 0 5px; min-width: 30px; text-decoration: none; border-radius: 3px;}
.latest_photo .page a:hover{text-decoration:none}
.latest_photo .page .pre{padding-right:0}
.latest_photo .page .next{padding-left:0}
.latest_photo .page .num,.page .num span{margin-left:0;padding:0}
.latest_photo .page .num span{font-weight:bold}
.latest_photo .page .num em{font-weight:bold;color:#848689}
.latest_photo .page .num .active{ color: #f6a623;}

.latest_photo .page{position: absolute; left: 50%; margin-left: -50%; width: 100%; bottom: 0; text-align: center;}
.latest_photo .page .start,
.latest_photo .page .pre,
.latest_photo .page .next,
.latest_photo .page .end{ background-position: 50% 50%; background-size: contain; background-repeat: no-repeat;}
.latest_photo .page .start{background-image:url('./img/btn_page_start.jpg');}
.latest_photo .page .pre{background-image:url('./img/btn_page_prev.jpg');}
.latest_photo .page .next{background-image:url('./img/btn_page_next.jpg');}
.latest_photo .page .end{background-image:url('./img/btn_page_end.jpg');}

.latest_photo .latest_content_photo li{  padding:.5rem; position: relative;}
.latest_photo .latest_content_photo li a:after{ content: ''; display: block; clear: both;}
.latest_photo .latest_content_photo .img_box{ width:100%;}
.latest_photo .latest_content_photo .img_box img{ width: 100%;}
.latest_photo .latest_content_photo .txt_box{font-size:.9rem;line-height:1.5em; margin:.5rem 0rem;padding:0rem;text-align:center;}

.latest_photo .latest_line strong{ margin: .5rem 0; text-overflow:ellipsis; overflow:hidden;word-break: break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.latest_photo .latest_line span{ font-size:1rem; text-overflow:ellipsis; overflow:hidden; line-height:1.6rem; height:3.2rem; word-break: break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.latest_photo .latest_more_view{ width: 27px; height: 27px; position: absolute; top:50%; right:1rem; margin-top: -13.5px;}

.latest_photo .latest_paging_wrap .latest_more{ position: absolute; top:-4rem; right:0;}

.latest_photo .con_read_more{ text-align: right; font-size: 1rem; position: relative; padding: 1rem 0 0;}
.latest_photo .con_read_more .txt{ border-bottom: 1px solid #f6a623; padding-right: 0; display: inline-block; line-height: 2rem; transition: .3s;}
.latest_photo .con_read_more .arrow{ display: block; position: absolute; bottom: -3px; right: 17px; width: 1px; height: 20px; background-color: #f6a623; transform: rotate(-45deg); opacity:0; transition: .3s;}
.latest_photo .con_read_more:hover .txt{ padding-right: 40px;}
.latest_photo .con_read_more:hover .arrow{ right: 7px; opacity:1;}

/* 매직팝업 */
.image-popup-zoom {position:relative;display:inline-block;cursor: zoom-in;}
.image-popup-zoom i {position:absolute;right:0;top:0;background:#f9f9f9;border:1px solid #ddd;padding:1em;}

@media (max-width: 840px){
	.latest_photo li {width:50%;}
}