@import url('../../view3_sns_01/css/sns_modal.css');

.media-contents{padding-bottom:80px;margin-top:65px}
.media_sel{width:235px;height:50px;margin:0 auto 80px;border:1px solid #444}
.media_sel select{width:100%;height:100%;background:none;border:0;padding-left:20px;font-family:'NotoSansKR-Medium';font-size:16px;letter-spacing:-0.025em;color:#fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url('../img/select_arr.png') no-repeat 92% 50%;
}
.media_sel select::-ms-expand {
   display: none;
}
.media_sel option{color:#000}


.media_list li{float:left;width:540px;height:480px;margin-right:46px;margin-bottom:46px}
.media_list li:nth-child(2n){margin-right:0}
.media_list a{display:block;height:100%;border:1px solid #444;padding:30px;box-sizing:border-box}
.media_list .img_area{height:290px;margin-bottom:25px;background-size:cover;background-position: center;}
.media_list .type{font-family:'NotoSansKR-Bold';font-size:16px;letter-spacing:-0.025em;color:#fff}
.media_list .date{font-size:14px;letter-spacing:-0.025em;color:#888}
.media_txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:calc(1.5em * 2);margin-top:20px;font-family:'NotoSansKR-Regular';font-size:20px;letter-spacing:-0.025em;line-height:150%;color:#fff;text-overflow:ellipsis}
.media_list a:hover{background:#fff}
.media_list a:hover .type, .media_list a:hover .media_txt{color:#222}
.media_list a:hover .date{color:#666}

.paging{padding-top:30px}

/* contents modal */
#contentsModalContainer{overflow:hidden;position:absolute;left:50%;top:0;z-index:1000;width:1180px;height:800px;margin-left:-590px;background-color:#fff}
#contentsModalWrap{overflow:hidden;position:relative;height:100%}
#contentsContent{overflow:hidden;position:relative;width:1024px;margin:50px auto}
#contentsSpinner{position:absolute;left:50%;top:50%;margin:-55px 0 0 -15px}
.contents_modal_btns{display:none;position:absolute;top:50%;z-index:10;margin-top:-30px}
#contentsModalPrev{left:0}
#contentsModalNext{right:0}
#contentsModalX{position:absolute;right:20px;top:10px;z-index:10}