@charset "utf-8"; 

/*-----------------------------------------------------------------------------------
	sub archive content style
	last : 2022.10.04
-----------------------------------------------------------------------------------*/

/* pc 1200이상 --------------------------------------------------------------------------------------------------------------------------------------------- */

/**메인 Main 정기간행물 2022.10.25 **/
.public-main ul{display: flex; justify-content: space-between;}
.public-main li{width:48%;}
.public-main li img{width:100%; height: 265px;}
.public-main .pub-img{border-left: 1px #c5c5c5 solid;border-right: 1px #c5c5c5 solid;border-top: 1px #c5c5c5 solid;}
.public-main .pub-tit{background-color: #184d9d;line-height: 1.3;text-align: center;padding: 17px 0;font-size: 18px;color: #fff;font-family: 'NanumSqR',sans-serif;}


/**동영상**/
.item-list .item{display: inline-block;width: calc((100% - 56px) / 3);margin-right: 24px;vertical-align: top; padding-bottom: 30px;}
.item-list .item:nth-child(3n){margin-right: 0}
.item .img-area:after {content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.2);}
.item a {display: block;border-radius: var(--border-radius);border: 1px solid #dadada; border-radius: 7px 7px 0 0;transition: all .5s;}
.item a:hover {box-shadow: 10px 10px 10px rgba(0,0,0,.08);}
.item .img-area {position: relative;height: 0;padding-top: 56.25%;border-radius: 6px 6px 0 0;overflow: hidden;box-sizing: border-box;}
.item .img-area img {position: absolute;display: block;top: 50%;left: 50%;width: 100%;max-height: 100%;transform: translate(-50%, -50%);transition: all .5s;}
.img-area span {top: 0; position: absolute;width: 100%;height: 100%;text-indent: -9999px;background: url(../images/sub/play_bg.png) no-repeat center;z-index: 1;}
.item a:hover .img-area img {transform: translate(-50%, -50%) scale(1.1);}

.txt-area{height: 120px;}
.txt-area .tit1{font-size: 1.15rem; color: #000;padding: 20px 20px 5px 20px;font-family: 'NanumSqB',sans-serif;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txt-area .tit2{font-size: 0.9rem; padding: 5px 20px 20px 20px;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.5px;height: 44px; line-height: 1.3;}


/**정기간행물 2022.10.24 **/
.public-list{display: flex;flex-wrap: wrap;}
.public-list li{background-color: #f6f6f6; padding: 2.5%; text-align: center; width: calc((94%) / 3); margin: 0 3% 3% 0;}
.public-list li:nth-child(3n){margin-right: 0}
.public-list .img-area{border: 1px #c4c4c4 solid;}
.public-list .img-area img{width: 100%; }
.public-list .info-tit{font-size: 18px;font-family: 'NanumSqR',sans-serif;color: #333;padding: 15px 0 10px 0;}
.public-list button{width:49%}

/** 이동 버튼 추가 2022.11.04 **/
.btn_mgo{padding: 3px;background: #fff;font-weight: 600;height: 30px;font-family: 'Montserrat',sans-serif;min-width: 50px;}
.btn_mgo:hover{color:#222}

@media screen and (max-width: 1000px){

	.public-main li img{height: 100%;}

	.public-list button{line-height: 22px !important; padding: 6px 8px 8px !important;}
}

@media screen and (max-width: 767px){
	.item-list .item {width: calc((100% - 28px) / 2);}
	.item-list .item:nth-child(2n){margin-right: 0}
	.item-list .item:nth-child(3),.item-list .item:nth-child(9){margin-right: 24px}

	.public-list button{width: 100%;}
	.public-list button:nth-child(2){margin-top: 2%;}

}
@media screen and (max-width: 640px){
	.item-list .item {width:100%; margin-right: 0}

	.public-list{justify-content: space-between;}
	.public-list li{width: calc((96%) / 2); margin-right: 0}
	
}

@media screen and (max-width: 480px){
	.public-main ul{display: block;}
	.public-main li{width:100%; margin-bottom: 2%;}


}