@charset "utf-8";

/* 새글 스킨 (latest) */
.main_bannerbox {position:relative;width:100%;background:#fff}

.main_bannerbox ul {font-size:0;}
.main_bannerbox li {font-size:12px;display:inline-block;vertical-align:middle;width:25%;}
.main_bannerbox li a {position:relative;display:block;width:auto;padding-bottom:100%;margin:10px;border:1px solid #e5e5e5;box-shadow:0 5px 5px rgba(0,0,0,.1);border-radius:10px;overflow:hidden;}
.main_bannerbox li .textbox {position:absolute;z-index:1;}
.main_bannerbox li .textbox h3 {color:#fff;font-size:24px;white-space:pre-line;font-family:'Noto serif KR';line-height:1.4;}

.main_bannerbox .empty_li {line-height:102px;color:#fff;text-align:center;padding:0}
.main_bannerbox .empty_li:before {background:none;padding:0}

.main_bannerbox .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.main_bannerbox .lt_more {position:absolute;top:11px;right:10px;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.main_bannerbox .lt_more:hover {color:#777}

.main_bannerbox .adminbtn {position:absolute;z-index:100;top:50%;left:10px;transform:translateY(-50%);border-top-right-radius:10px;border-bottom-right-radius:10px;;background:#0CBEB3 url('./img/setup.png') center center / 50% no-repeat;padding:25px;transition:all 1s cubic-bezier(0.85, 0, 0.15, 1);-webkit-transition:all 1s cubic-bezier(0.85, 0, 0.15, 1);} /* opacity:0;visibility:hidden; */
/* .main_bannerbox;;nlnnnl:hover .adminbtn {visibility:visible;opacity:1;} */

@media all and (max-width:768px){

	.main_bannerbox li .textbox h3 {font-size:2.3vw;}

}

@media all and (max-width:480px){

	.main_bannerbox li .textbox h3 {font-size:4vw;}
	.main_bannerbox li {width:50%;}

}