@charset "utf-8";

/*공통*/
.latest_basic {position:relative; font-size: 16px; font-weight: 100; width: 100%; clear: both;}
.latest_basic ul {width: 100%;}
.latest_basic ul:after {display: block; content:""; clear: both;}
.latest_basic ul li {float: left; text-align: center; padding: 6px 0}
.latest_basic .subject {text-align: left; font-weight: 300; letter-spacing: -1px;}
.latest_basic .subject a {margin: 0 5px 0 0 !important;}
.latest_basic .subject .latest_icon {display:inline-block; width:16px; line-height:16px; font-size:10px; color:#fff; background:#e2625a; text-align:center; border-radius:3px; margin-left:3px; font-weight:bold;vertical-align:middle; font-weight: 100}
.latest_basic .subject .latest_icon.new_icon {color:#fff; background:#e2625a; }
.latest_basic .subject .latest_icon.lock_icon {color:#777; background:#fff; font-size: 11px;}

.latest_basic .date {width: 90px; color: #777; font-size: 16px}
.latest_basic .name {width: 90px; color: #777; font-size: 16px}

.empty_li {color:#e3e3e3;padding:50px 0;}

/* 공지사항 */
.la_notice .subject {width: calc(100% - 90px);}
.la_notice .date {text-align: right}

/* 견젹문의 */
.la_request .subject {width: calc(100% - 90px);}
.la_request .name {text-align: right}

/*포트폴리오*/
.la_portfolio ul {float: left; width: 33.3%; padding: 0 15px;}
.la_portfolio ul li {clear: both; width: 100%;position: relative; z-index: 100; overflow:hidden}
.la_portfolio ul li.img img{width: 100%;}
.la_portfolio ul li.subject {padding: 7px 15px 0 5px;}
.la_portfolio ul li span {display:inline-block;background:#eaeaea;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}
.la_portfolio ul li div {position: absolute; display: block}
.la_portfolio ul li div.gall_bg {z-index: 101; width: 100%; height: 130px; bottom: 0px; left: 0px; background: linear-gradient(to top, rgba(0,0,0,0.5),  rgba(0,0,0,0))}
.la_portfolio ul li div.gall_subject {text-align: left; left: 35px; bottom: 40px; color: #fff; z-index: 102; font-size: 1.3rem; letter-spacing: -1.5px; opacity: 1; font-weight: 600;}
.la_portfolio ul li div.gall_sort {display: none; left: 35px; top: 40px; color: #fff; z-index: 102; font-size: 1.0rem; letter-spacing: -0.5px; opacity: 1; font-weight: 100;}
.la_portfolio ul li div.gall_subject .gall_con {font-size: 0.9rem; font-weight: 100; letter-spacing: -0.5px; margin: 5px 0 0 }
.la_portfolio ul li div.gall_info {display: none; position: absolute; z-index: 103; top: 0px; left: 0px; text-align: left; width: 100%; height: 100%; color: #fff;}
.la_portfolio ul li.on div.gall_info {display: block; }
.la_portfolio ul li img {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.la_portfolio ul li.on img {transform:scale(1.2)}
.la_portfolio ul li div.gall_info .subject {position: relative; font-size: 1.4rem; letter-spacing: -2px; z-index: 105; padding: 50px 20px 0 40px; font-weight: 600}
.la_portfolio ul li div.gall_info .link {position: relative; font-size: 1.0rem; z-index: 105; padding: 15px 20px 0 40px; font-weight: 100}
.la_portfolio ul li div.gall_info .cate {position: relative; font-size: 1.0rem; z-index: 105; padding: 10px 20px 0 40px; font-weight: 100}
.la_portfolio ul li div.gall_info .site {position: absolute; left: 0px; bottom: 45px; font-size: 0.8rem; z-index: 105; padding: 5px 20px 0 35px; font-weight: 100}
.la_portfolio ul li div.gall_info .site a {display: inline-block; background: #3a8afd; color: #fff; margin: 0 5px; padding: 8px 25px; text-align: center;}
.la_portfolio ul li div.gall_info .site a:first-child {background: #fff; color: #000}
.la_portfolio ul li div.gall_info .site a:nth-child(3) {background: #ffb400; color: #fff}
.la_portfolio ul li div.gall_info .bg {position: absolute; z-index: 104; top: 0px; left: 0px; color: #fff; background: #000; width: 100%; height: 100%; opacity: 0.7;}

/*제휴업체*/
.la_partners {display: flex; flex-wrap: wrap; align-items: flex-start}
.la_partners ul {width: 33.3%; padding: 0 20px; margin: 0 0 50px; display: flex; flex-direction: column; justify-content: center; align-items: center}
.la_partners ul li {width: 100%}
.la_partners ul li.img img{width: 100%; border-radius: 0}
.la_partners ul li.subject {padding: 20px 20px; width: 94%; margin: -30px 0 0; background: #fff; color: #000; font-weight: 400; border-radius: 10px 10px 0 0; }
.la_partners ul li.subject .cate {font-size: 16px; color: #ff2a00}
.la_partners ul li.subject .subj {font-size: 20px; padding: 5px 0 0; font-weight: 500; }
.la_partners ul li.subject .cont {font-size: 16px; padding: 20px 0 0; font-weight: 500; color: #777; line-height: 1.4}
.la_partners ul li.subject .tel {font-size: 14px; padding: 30px 0 0; color: #777}
.la_partners ul li.subject .tel span {display: inline-block; width: 60px}
.la_partners ul li.subject .addr {font-size: 14px; padding: 10px 0 0; color: #777}
.la_partners ul li.subject .addr span {display: inline-block; width: 60px}

@media screen and (max-width: 760px){
    .la_partners ul {width: 100%; padding: 0 10px;}
}