@charset "UTF-8";

/* title */
.tit_area {position: relative;}
.tit_area .btn_more {width: 30px;height: 30px;display: block;background: #cccdce url('../images/ico_more.png') 50% no-repeat;position: absolute;top:0;right:0;text-indent: -9999px;}
h1.title {margin-bottom: 20px;font-size:22px;color: #3b3c40;line-height: 24px;}

.g_list {overflow: hidden;}
.g_list li {width: 25%;height: 250px;margin-top: 0 !important;float: left;position: relative;}
.g_list li a {height: 100%;display: block;}
.g_list li img {width: 100%;height: 100%;}
.g_list li .newArtcl {width: 20px;height: 20px;background-color: #6f6fb9;color: #fff;line-height: 20px;text-align: center;border-radius: 50%;display: inline-block;font-size:13px;position: absolute;top:0;right:0;}
.g_list li.recentBbsNoData {width: 100%;padding: 50px 0;font-size:20px;color: #3b3c40;line-height: 22px;font-family:'noto-regular', dotum, Arial, sans-serif;overflow: hidden;text-align: center;}


/* tablet */
@media screen and (max-width: 1200px) {
	/* title */
    .tit_area {padding: 0 30px;}
    .tit_area .btn_more {right:30px;}
}


/* mobile */
@media screen and (max-width: 768px) {
	/* title */
    .tit_area {padding: 0 15px;}
    h1.title {margin-bottom: 10px;font-size:18px;line-height: 25px;text-align: center;}
    .tit_area .btn_more {width: 25px;height: 25px;right:15px;}

	.g_list li {width: 50%;height: 125px;}
    .g_list li .newArtcl {width: 14px;height: 14px;line-height: 14px;font-size: 11px;}
    .g_list li.recentBbsNoData {font-size:15px;line-height: 18px;}
}