@charset "UTF-8";

.notice_area {margin-bottom: 50px;}
.notice_area .tab_btn {font-size:0;}
.notice_area .tab_btn .btn_list {overflow: hidden;}
.notice_area .tab_btn .btn_list li {width: 50%;margin-top: 15px;float: left;position: relative;}
.notice_area .tab_btn .btn_list li button {width: 100%;background-color: rgba(0, 0, 0, 0.5);line-height: 60px;font-size:20px;color: #fff;text-align: center;}
.notice_area .tab_btn .btn_list li.active {margin-top: 0;}
.notice_area .tab_btn .btn_list li.active button {border-top:4px solid #121f2b;background-color: #fff;line-height: 71px;color: #3b3c40;font-family:'noto-regular', dotum, Arial, sans-serif;}
.notice_area .tab_btn .btn_list li .recentBbsMore {width: 60px;height: 100%;background-repeat: no-repeat;background-position: 50%;background-image: url('../images/ico_notice_plus_h.png');position: absolute;top:0;right:0;}
.notice_area .tab_btn .btn_list li.active .recentBbsMore {background-image: url('../images/ico_notice_plus_g.png');}
.notice_area .no_data {padding: 50px 0;font-size:20px;color: #3b3c40;line-height: 22px;font-family:'noto-regular', dotum, Arial, sans-serif;overflow: hidden;text-align: center;}
.notice_box {overflow: hidden;}
.notice_box > dl {width: 25%;padding: 30px;float: left;box-sizing: border-box;}
.notice_box > dl.color_1 {background-color: #ebcfa5;}
.notice_box > dl.color_2 {background-color: #fbf9f5;}
.notice_box > dl.color_3 {background-color: #dde4eb;}
.notice_box > dl.color_4 {background-color: #194a72;}
.notice_box > dl dt {margin-bottom: 35px;font-size:0;}
.notice_box > dl dt a {padding-right: 30px;margin-bottom: 10px;display: inline-block;font-size:20px;color: #3b3c40;line-height: 22px;font-family:'noto-regular', dotum, Arial, sans-serif;overflow: hidden;max-width: 100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;position: relative;}
.notice_box > dl dt .date {font-size:16px;color: #514d4a;}
.notice_box > dl dd {font-size:14px;color: #3b3c40;line-height: 24px;}
.notice_box > dl.color_4 dt a, .notice_box > dl.color_4 dt .date, .notice_box > dl.color_4 dd {color: #fff;}
.notice_area .tab_cont .tab {display: none;}
.notice_area .tab_cont .tab.active {display:block;}
.notice_area .newArtcl {width: 20px;height: 20px;margin-top: -10px;background-color: #6f6fb9;color: #fff;line-height: 20px;text-align: center;border-radius: 50%;display: inline-block;font-size:13px;position: absolute;top:50%;right:0;}

/* tablet */
@media screen and (max-width: 1200px) {
	.notice_area {margin-bottom: 30px;}
}

/* mobile */
@media screen and (max-width: 768px) {
	.notice_area {margin-bottom: 30px;}
    .notice_area .tab_btn .btn_list li {margin-top: 6px;}
    .notice_area .tab_btn .btn_list li button {line-height: 30px;font-size:13px;}
    .notice_area .tab_btn .btn_list li.active button {border-top:2px solid #121f2b;line-height: 34px;}
    .notice_area .tab_btn .btn_list li .recentBbsMore {width: 30px;}
	.notice_area .no_data {font-size:15px;line-height: 18px;}

    .notice_box > dl {width: 50%;padding: 15px;}
    .notice_box > dl dt {margin-bottom: 20px;}
    .notice_box > dl dt a {padding-right: 20px;margin-bottom: 5px;font-size:15px;line-height: 18px;}
    .notice_box > dl dt .date {font-size:12px;}
    .notice_box > dl dd {font-size:12px;line-height: 18px;}

	.notice_area .newArtcl {width: 14px;height: 14px;margin-top: -7px;line-height: 14px;font-size: 11px;}
}