/*웹진 갤러리*/
div.boardListContainer div.boardList table.webzine{border-top:2px solid #333;}
div.boardListContainer div.boardList table.webzine td{position:relative; color:#949493; font-size: .75rem;}
div.boardListContainer div.boardList table.webzine td.pic{}
div.boardListContainer div.boardList table.webzine td.pic a{display:block;}
div.boardListContainer div.boardList table.webzine td.pic a div.gimg{width: 100%; overflow:hidden;}
div.boardListContainer div.boardList table.webzine td.pic a div.gimg span{width:100%; padding-top: 140%;
	display: inline-block;
	-moz-transition: transform .3s ease-out; 
	-ms-transition: transform .3s ease-out;
	-o-transition: transform .3s ease-out; 
	transition: transform .3s ease-out;  
}
div.boardListContainer div.boardList table.webzine td.pic a:hover div.gimg span{-webkit-transform: scale(1.5);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
	}

div.boardListContainer div.boardList table.webzine td.pic a .shade{position: relative; display: block; width: 100%; height: 100%;}
div.boardListContainer div.boardList table.webzine td.pic a .shade:after{position: absolute; content: ""; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url("/images/default/content/webzine_go.png") no-repeat center center; background-size:12.5rem 17.5rem; opacity: 0; 
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
div.boardListContainer div.boardList table.webzine td.pic a:hover .shade:after{opacity: 1;}





div.boardListContainer div.boardList table.webzine p.subject{font-weight:500; display: inline-block;text-overflow:ellipsis; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 1; -webkit-box-orient: vertical;word-wrap:break-word; font-size: 1.2rem; color: #343434; margin-top:.5rem; }
div.boardListContainer div.boardList table.webzine p.subject strong{color: #C0C0C0; font-weight:normal; font-size:.8rem; margin-left:.2rem;}



div.boardListContainer div.boardList table.webzine td.txt{text-align:left;}
div.boardListContainer div.boardList table.webzine td.txt a{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
div.boardListContainer div.boardList table.webzine td.txt a p.subject .typ{position: relative; display: inline-block; font-size: .95rem; margin-right: 2rem; color: #fff; background: #313131; padding: .4rem 1rem;}
div.boardListContainer div.boardList table.webzine td.txt a p.subject .typ:after{position: absolute; content: ""; display: block; height: .2rem; width: 100%; left:0; top: -.2rem;background: #f6ab00;}

div.boardListContainer div.boardList table.webzine td.txt a .t_box{margin-left: 7rem; margin-top: 2rem;display: flex; justify-content: flex-start; align-items: center;}
div.boardListContainer div.boardList table.webzine td.txt a .t_box .four{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
div.boardListContainer div.boardList table.webzine td.txt a .t_box .four p{position: relative; width: 50%; padding: .75rem 2.5rem .75rem 4.5rem; font-size: .85rem;}

div.boardListContainer div.boardList table.webzine td.txt a .t_box .four p:nth-of-type(1):after{position: absolute; content: ""; display: block; height: 1px; width: 205%; left:-10%; bottom: 0; background: #dcdcdc;}
div.boardListContainer div.boardList table.webzine td.txt a .t_box .four p:nth-of-type(odd){padding-left: 3rem;}
div.boardListContainer div.boardList table.webzine td.txt a .t_box .four p span{position: absolute; left:0; font-weight: 500;}
div.boardListContainer div.boardList table.webzine td.txt a .t_box .four p span:before{position: absolute; content: ""; display: block; height: .7rem; width: .2rem; left:-.75rem; top: 50%; transform: translateY(-50%); background: #f6ab00;}

div.boardListContainer div.boardList table.webzine td.txt a .t_box .view{margin-left:2rem;}
div.boardListContainer div.boardList table.webzine td.txt a .t_box .view p.more{display: inline-block; width: 5.5rem; height: 5.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-transform: uppercase; text-align: center; border: 2px solid #f6ab00; color: #f6ab00 !important; background: #fff; border-radius: 50%; ;webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease; font-size: .85rem; font-weight: 500; letter-spacing:0; line-height: 1.2;}
div.boardListContainer div.boardList table.webzine td.txt a .t_box .view:hover p.more{background:#f6ab00; color:#fff !important; border-color:#f6ab00;}


@media (max-width: 1030px){
	
	div.boardListContainer div.boardList table colgroup col:nth-of-type(1){width: 20%;}
	div.boardListContainer div.boardList table colgroup col:nth-of-type(2){width: 80%;}

	div.boardListContainer div.boardList table.webzine td.num{display: none;}
	div.boardListContainer div.boardList table.webzine td.pic,
	div.boardListContainer div.boardList table.webzine td.txt{padding: 1rem .75rem;}
	div.boardListContainer div.boardList table.webzine td.txt a p.subject .typ {display: table-cell; margin-bottom: 1rem;}
	div.boardListContainer div.boardList table.webzine td.txt a p.subject .gap{display: block; height: 1rem;}
	div.boardListContainer div.boardList table.webzine td.txt a .t_box {margin-left: 1rem;}
}	


@media (max-width: 767px){
	div.boardListContainer div.boardList table tbody tr{padding: 1rem .5rem;}
	div.boardListContainer div.boardList table tbody tr td{display: inline-block; padding: 0 !important;}	

	div.boardListContainer div.boardList table colgroup col{width: 100%;}
	div.boardListContainer div.boardList table.webzine td.txt a .t_box .four p{width: 100%;}
	div.boardListContainer div.boardList table.webzine td.txt a .t_box .four p:nth-of-type(1):after{width: 100%; left:0;}
	div.boardListContainer div.boardList table.webzine td.txt a .t_box .four p:after{position: absolute; content: ""; display: block; height: 1px; width: 100%; left:0; bottom: 0; background: #dcdcdc;}
	div.boardListContainer div.boardList table.webzine td.txt a .t_box .four p:last-of-type:after{background: none;}	
	div.boardListContainer div.boardList table.webzine td.txt a .t_box .four p:nth-of-type(odd){padding-left: 4.5rem;}
	div.boardListContainer div.boardList table.webzine td.txt a .t_box .four p {width: 100%; padding: 1rem 1rem 1rem 4.5rem;}
	
	div.boardListContainer div.boardList table.webzine td.txt a .t_box .view{position: absolute; top:0; right:-1rem;}
	div.boardListContainer div.boardList table.webzine td.txt a .t_box .view p.more{border-radius: 0; width: 7rem; height: 2.5rem; flex-direction: row;}
	div.boardListContainer div.boardList table.webzine td.txt a .t_box .view p.more br{display: none;}
	div.boardListContainer div.boardList table.webzine td.txt a .t_box .view p.more i{display: inline-block;}
}