@charset "utf-8";

/*----------------------------------- GT2 THEME  ----------------------------------------
-- 온웹(ONWEB) GT2테마에 포함된 파일입니다.
-- GT2테마는 상용테마로 구매자의 허용된 사이트 외에는 사용하실 수 없습니다.
-- Theme Name: GT2/ Maker: ONWEB
----------------------------------------------------------------------------------------*/

/* 새글 스킨 (latest) */
.onweb_g2 { position:relative; width:100%; position:relative; overflow:hidden; margin:0 auto; padding:0; text-align:justify; line-height:180%; color:#555; }

.onweb_g2 ul { width:100%; list-style:none; margin:0; padding:0; }
.onweb_g2 li { float:left; width:25%; margin:0px; padding:0px; text-align:center; margin-top:0px; }
.onweb_g2 li .lt_img_box { position:relative; padding:0px; display:block; width:100%; height:auto; background-color:#000; }
.onweb_g2 li .lt_txt_box { position:absolute; z-index:1; top:0px; width:100%; height:100%; }

.onweb_g2 li .lt_img { display:block; width:100%; max-width:100%; height:auto; border-radius:0px;}
.onweb_g2 li .lt_img { position:relative; z-index:0; background-color:#000; transition: .2s ease; transform 0.2s; opacity: 1; }

.onweb_g2 li .lt_img_box:hover .lt_img { opacity: 0.3; } 
.onweb_g2 li .lt_img_box:hover .lat_title { opacity: 1.0; }

.onweb_g2 li .lat_title { position:relative; display:inline-block; top:40%; margin:0 auto; padding:0px; width:100%; opacity: 0; transition: .2s ease; transform 0.2s; color:#FFF; font-family:"NanumSquare"; font-size:20px; text-align:center; letter-spacing:0px; overflow:hidden; white-space: nowrap;}

.onweb_g2 li .expand_bar { position:relative; display:inline-block; top:40%; margin:0 auto; padding:0px; width:30px; height:1px; background-color:transparent; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.onweb_g2 li .lt_img_box:hover .expand_bar{ -ms-transform: scaleX(3);-webkit-transform: scaleX(3); transform: scaleX(3); background-color:#FFF; } 

.onweb_g2 .lt_contents { font-size:14px; line-height:160%; padding:0 5% 0 5%; letter-spacing:0px; text-align:justify; color:#777; min-height:70px; }
.onweb_g2 .underbar1 { position:relative; margin:0 auto; padding:0px; width:100px; height:1px; background-color:#F00; margin-top:20px; margin-bottom:20px; opacity: 0.5; }
.onweb_g2 .lat_etc { font-size:12px; line-height:180%; padding:0px 0px 10px 0px; letter-spacing:0px; text-align:center; color:#999;}

@media  (max-width: 480px) {
	.onweb_g2 li { width:50%; }
	/*
	.onweb_g2 li .lt_img_box { height:auto; }
	*/
}