@charset "utf-8";

/*
[기본]
배경 margin:50px 0; padding:50px 0;
타이틀 text-align:center; font-size:25px; margin-bottom:30px;
타이틀 25px 1.563em, 제목 18px 1.125em, 내용 16px 1em
*/

/* .phoupdown_lt {min-width:1140px; margin:50px 0; padding:50px 0; background:#edf1f4; border: 1px solid #fff;} pc버전*/
.phoupdown_lt {margin:50px 0; padding:50px 0; background:#edf1f4; border: 1px solid #fff;}
.phoupdown_lt .lt_title {text-align:center; font-size:1.563em; margin-bottom:30px;}

/* .phoupdown_lt ul{margin:0 auto;max-width:1140px;padding:0 10px} pc버전*/
.phoupdown_lt ul{margin:0 auto;padding:0 10px}
.phoupdown_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
/* .phoupdown_lt li{float:left;width:25%;padding:0 20px 20px} pc버전*/
.phoupdown_lt li{float:left;width:50%;padding:0 5px 20px}
.phoupdown_lt li .lt_img{display:block;width:100%}
.phoupdown_lt li .lt_img img{vertical-align:top;width:100%;height:auto}
.phoupdown_lt li .lt_tit{font-size:1.125em;font-weight:bold;margin:10px 0;display:block;line-height:1.5em;color:#fff}
.phoupdown_lt li .lt_detail{font-size:1em;color:#ddd;line-height:1.5em}

.phoupdown_lt .empty_li  {width:100%;padding:100px 0;text-align:center;color:#aaa}    

.phoupdown_lt .card{background: white;position: relative;height:100%;display: flex;align-items: flex-end;transition: 0.4s ease-out;box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);}
.phoupdown_lt .card:before {; content: ""; position: absolute;top: 0; left: 0; display: block; width: 100%; height: 100%;;z-index: 2;transition: 0.5s;opacity: 0;
background:rgba(0,0,0,0.5);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 40%, rgba(255,255,255,0.01) 41%, rgba(0,0,0,0.64) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(255,255,255,0)), color-stop(41%, rgba(255,255,255,0.01)), color-stop(100%, rgba(0,0,0,0.64)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 40%, rgba(255,255,255,0.01) 41%, rgba(0,0,0,0.64) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 40%, rgba(255,255,255,0.01) 41%, rgba(0,0,0,0.64) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 40%, rgba(255,255,255,0.01) 41%, rgba(0,0,0,0.64) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 40%, rgba(255,255,255,0.01) 41%, rgba(0,0,0,0.64) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 )}
.phoupdown_lt .card:hover:before { opacity: 1;}
.phoupdown_lt .card:hover { -webkit-transform: translateY(20px); transform: translateY(20px);}
.phoupdown_lt .card .info {position: absolute;bottom:0;left:0;width:100%;z-index: 3; color: #fff;opacity: 0;-webkit-transform: translateY(30px); transform: translateY(30px); transition: 0.5s;padding:35px;}
.phoupdown_lt .card:hover .info {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px); }

/*
 @media (max-width: 969px){
    .phoupdown_lt{padding:80px 0}
    .phoupdown_lt h2{font-size:1.8em;margin-bottom:20px}
    .phoupdown_lt li{width:50%;}
    .phoupdown_lt .card:before{opacity:1}
    .phoupdown_lt .card .info{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);padding:9%}
 }
 */
/*
 @media (max-width: 320px){
	.phoupdown_lt {min-width:320px;}
	.phoupdown_lt ul{320px;}
 }

 @media (max-width: 768px){
	.phoupdown_lt {min-width:768px;}
	.phoupdown_lt ul{768px;}
 }



@media (min-width: 320px) {
.phoupdown_lt {min-width:320px;}
.phoupdown_lt ul{max-width:320px;}
.phoupdown_lt li{width:50%;}
}

@media (min-width: 576px) {
.phoupdown_lt {min-width:576px;}
.phoupdown_lt ul{max-width:576px;}
.phoupdown_lt li{width:25%;}
}

@media (min-width: 768px) {
.phoupdown_lt {min-width:768px;}
.phoupdown_lt ul{max-width:768px;}
.phoupdown_lt li{width:25%;}
}

@media (min-width: 992px) {
.phoupdown_lt {min-width:1140px;}
.phoupdown_lt ul{max-width:1140px;}
.phoupdown_lt li{width:25%;}
}

*/