/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
	font-family:'Noto Sans KR', sans-serif;

}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{text-decoration:none;}
.cf:after{
	content: ""; display: block; clear: both;
}

/* 새글 스킨 (latest) */
.pic_lt{position:relative;overflow:hidden; margin: 0 auto;}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul{padding-bottom: 150px; padding: 1% 20px 3% 20px;}
.pic_lt li{float:left;width:33.333%;padding:1%; position:relative; /* margin-bottom:80px; */
	transform: translateY(80px); opacity:0;
	transition: opacity .25s .1s,transform 2s .3s cubic-bezier(0.25,0.25,0.25,1),-webkit-transform 2s .1s cubic-bezier(0.25,0.25,0.25,1);
}
.pic_lt li.in-view{
	opacity: 1;
    -webkit-transform: translateY(0px); transform: translateY(0px);}
.pic_lt li.in-view .lt_img img{transition: opacity 0.5s 0.5s, transform .3s linear; opacity: 1;}
.pic_lt li .lt_div{width:100%; overflow:hidden; position:relative; background-color:#333333;}
.pic_lt li .lt_div .text-wr{position:absolute; bottom:0; left:0; width:100%; padding:0 0 80px 50px;}
.pic_lt li .lt_div .text-wr .p1{color:#fff; font-size:1.9rem;; font-weight:normal;margin-bottom: -10px;}
.pic_lt li .lt_div .text-wr p{color:#fff; font-size:2.8rem; font-weight:bold;margin-bottom: 30px; }
.pic_lt li .lt_div .text-wr span{display:block;color:#fff; font-size:14px; font-weight:normal;}
.pic_lt li .lt_img{display:block; position:relative;}
.pic_lt li .lt_img img{width:100%;height:auto; opacity:0;}

@media screen and (min-width:1200px){
.pic_lt ul{padding:0 40px}
}

@media screen and (max-width:2000px){
.pic_lt li .lt_div .text-wr{padding:0 0 50px 30px;}
.pic_lt li .lt_div .text-wr .p1{font-size:1.4rem; margin-bottom: 5px;}
.pic_lt li .lt_div .text-wr span{font-size:1.4rem;}	

}
@media screen and (max-width:1200px){
.pic_lt{padding-top: 0;  margin-bottom:0;}
	.pic_lt ul{padding:0;}
.pic_lt li .lt_div .text-wr{padding:0 0 20px 20px;}	
.pic_lt li .lt_img img{/* opacity:1; */}
.pic_lt li:nth-child(1),.pic_lt li:nth-child(3),.pic_lt li:nth-child(4),.pic_lt li:nth-child(6){top:0px;}
.pic_lt li:nth-child(1),.pic_lt li:nth-child(3),.pic_lt li:nth-child(5){}

}


@media screen and (max-width:770px){
	
.pic_lt{padding-top: 0;  margin-bottom:0;}
.pic_lt li .lt_div .text-wr .p1{font-size:1.4rem; margin-bottom: 5px;}
.pic_lt li .lt_div .text-wr p{font-size:2.6rem; }
.pic_lt li .lt_div .text-wr span{font-size:1.2rem;}	
}

@media screen and (max-width:670px){
.pic_lt ul{padding:0;}
.pic_lt{padding-top: 0;  margin-bottom:0;}
.pic_lt li .lt_div .text-wr{padding:0 0 20px 10px;}
.pic_lt li .lt_div .text-wr p{font-size:1.8rem; }
.pic_lt li .lt_div .text-wr span{font-size:1.1rem;}	
.pic_lt li{width:50%; margin-bottom:10px;}
.pic_lt li:last-child{margin-bottom:0px;}
}

@media screen and (min-width:712x){
.pic_lt li{width:33.333%;padding:2%; opacity:1;}

}