@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: 14px}
.latest_basic .name {width: 90px; color: #777; font-size: 14px}

.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: 25%; padding: 0 0px;}
.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.cate {text-align: left;}
.la_portfolio ul li.cate span {padding: 5px 20px; color: #2d88ce; border: 1px solid #2d88ce; border-radius: 30px; font-size: 14px;}
.la_portfolio ul li.subject {padding: 40px 15px 10px 5px; font-size: 20px;}
.la_portfolio ul li div {position: absolute; display: block}
.la_portfolio ul li div.gall_bg {z-index: 101; width: 100%; height: 115px; 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 {display: none; 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.2rem; letter-spacing: -2px; z-index: 105; padding: 30px 20px 0 30px; font-weight: 600}
.la_portfolio ul li div.gall_info .link {position: relative; font-size: 1.0rem; z-index: 105; padding: 15px 20px 0 30px; font-weight: 100}
.la_portfolio ul li div.gall_info .cate {position: relative; font-size: 1.0rem; z-index: 105; padding: 10px 20px 0 30px; 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;}

.subcon .slick-prev:before, .subcon .slick-next:before {color: #777}

@media only screen and (max-width:1320px){
	.la_portfolio ul li div.gall_info .subject {position: relative; font-size: 1.4rem; letter-spacing: -2px; z-index: 105; padding: 20px 20px 0 25px; font-weight: 600}
	.la_portfolio ul li div.gall_info .link {position: relative; font-size: 1.0rem; z-index: 105; padding: 15px 20px 0 25px; font-weight: 100}
	.la_portfolio ul li div.gall_info .cate {position: relative; font-size: 1.0rem; z-index: 105; padding: 10px 20px 0 25px; font-weight: 100}
	.la_portfolio ul li div.gall_info .site {position: absolute; left: 0px; bottom: 30px; font-size: 0.8rem; z-index: 105; padding: 5px 20px 0 25px; 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;}
}

/*수정요청*/
.latest_modify {width: 100%;border-bottom: 1px solid #000; padding: 0 0px 15px;}
.latest_modify ul.txttl {border-top: 2px solid #000; border-bottom: 1px solid #000; text-align: center; padding: 10px 0; margin:  0 0 20px}
.latest_modify ul {display: block; width: 100%; padding: 0 0 10px}
.latest_modify ul:after {display: block; clear: both; content:""}
.latest_modify ul li {float: left; font-size: 16px; text-align: center; padding: 5px 0; font-weight: 100}
.latest_modify ul li.subject {width: calc(100% - 50%); text-align: left; font-weight: 300; padding: 5px 10px}
.latest_modify ul li.sort {width: 20%}
.latest_modify ul li.result {width: 15%}
.latest_modify ul li.name {width: 15%;}
.latest_modify ul li.result3 {width: 80px}
.latest_modify ul li.name3 {width: 120px;}

.latest_modify .empty_li {display: block; text-align: center; color: #333;}

.latest_modify.modify2 {border-bottom: none}
.latest_modify.modify2  ul li.subject {width: calc(100% - 50%);}

.latest_modify.modify3 {border-bottom: none}
.latest_modify.modify3  ul li.subject {width: calc(100% - 200px);}

@media only screen and (max-width:1320px){
	.latest_modify ul li {float: left; font-size: 14px; text-align: center; padding: 5px 0; font-weight: 100; letter-spacing: -1px}
	.latest_modify ul li.subject {width: calc(100% - 40%); text-align: left; font-weight: 300; padding: 5px 10px}
	.latest_modify ul li.sort {width: 20%}
	.latest_modify ul li.sort span {border: 1px solid #e2625a; color: #e2625a; padding: 5px 10px; border-radius: 5px; font-size: 12px}
	.latest_modify ul li.result {width: 20%}
	.latest_modify ul li.name {width: 20%;}

	.latest_modify.modify2  ul li.subject {width: calc(100% - 20%);}
	.latest_modify.modify3  ul li.subject {width: calc(100% - 200px);}
}

/*뉴스*/
.news_ul li a {position:relative; padding: 0px; background:#fff; border: 1px solid #eee}
.news_ul li a img {width: 100%;}
.news_ul li a .cate {position: absolute; top: 30px; left: 30px}
.news_ul li .no_image {position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px;}
.news_ul li span {width: 100%; max-width: 120px;}

.news_ul li .cate {display: inline-block; color: #fff; padding: 5px 15px; font-size: 14px}
.news_ul li .cate.cate1 {background: #0f64b9;}
.news_ul li .cate.cate2 {background: #55c4b0;}
.news_ul li .cate.cate3 {background: #7f66b3;}
.news_ul li .cate.cate4 {background: #00b2cc;}
.news_ul .new_date {
    background-image: none;
    background-color: #ced6e1;
}

.news_ul a:hover .new_date  {
    background-image: none !important;
}

.news_subj {height:54px; line-height:54px; background:#ced6e1 url('/images/what_arrow1.png') right 20px center no-repeat; color:rgba(0,0,0,0.5); font-size:16px; padding:0 50px 0 20px; box-sizing:border-box; transition-duration:0.3s;}