@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;padding:15px 50px}
.notice h2 {margin-bottom:40px}
.notice h2 a {font-size:1.4em;color:#fff}
 
.notice li a, .notice li.empty_li {color:#2d2d2d;;padding:11px 0; font-size: 20px; display:inline-block}
.notice li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline}
.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em; text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline;     color: #ffffff;
    background: #1156a3;}
.notice .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}
.notice li.empty_li {border-bottom:0;line-height:120px}




/*공지*/
#notice{overflow: hidden; padding: 0 0 180px;  margin:100px 0 0 0;
    box-sizing: border-box;     line-height: 160%;
    letter-spacing: normal;
} 
#notice .notice_in{display:flex; max-width: 1200px;    width: 90%;    margin: 0 auto; }
#notice .notice_in > div{box-sizing:border-box; position:relative;}
#notice .notice_in .txtArea{width:35%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
#notice .notice_in .txtArea .bg{position:absolute;left:148px;top:50%;margin-top:-249px;width: 498px;height:550px; background-repeat:no-repeat; background-position:center;background-size:100% auto; z-index: -2;}
#notice .notice_in .txtArea .mTxt{    padding: 10px 0 0 0px;  }
#notice .notice_in .txtArea .btnArea{padding:60px 0 0;}
#notice .notice_in .contArea{width:65%; position: relative; z-index: 2;}
#notice .notice_in .notice{background: #fff;
    border-radius: 30px;   padding:25px 50px;box-sizing:border-box;box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.08);}
#notice .notice_in li {border-bottom:1px solid #ddd; display:flex; justify-content: space-between;}
#notice .notice_in li:last-child{border-bottom:0;}
#notice .notice_in li a{ align-items: center; padding:25px 0; box-sizing:border-box;}
#notice .notice_in li dt{padding:0 0 0 95px; width:calc(100% - 120px); box-sizing:border-box; position: relative;}
#notice .notice_in .category{ left: 0; top:-3px; z-index:2; min-width:80px; height:30px; line-height:28px; text-align:center;    box-sizing:border-box; border-radius:30px; padding:0 15px; font-size:14px; letter-spacing:-0.35pt; font-weight:600; border:1px solid #ddd ; color:#074ECB;   background:#fff; transition:all .3s linear; display: inline-block;}
#notice .notice_in li:hover dt .category{color:#fff; background:var(--main);}
#notice .notice_in .notice .lt_info .sTit{line-height:120%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; transition:all .3s linear;}
#notice .notice_in li:hover dt .sTit{color:var(--main);}
#notice .notice_in .notice .lt_date{text-align:right; width:120px;}
#notice .notice_in .notice .lt_date{display:inline-block; padding: 26px; font-size:15px;   font-weight:400;   }
#notice .notice_in .notice .lt_date:before{content:'\ebcc'; display:inline-block; margin:-2px 5px 0 0; font-size:20px; color:rgba(34,34,34,.5); vertical-align:middle; font-family: "Material Symbols Outlined";}

.mTit{    font-size: 50px;    font-weight: 400;    color: #997000;    font-family: 'GongGothicMedium';    letter-spacing: -2px;    line-height: 120%;}
.mTxt{font-size:14px;      font-weight:400; color:var(--basic); line-height:150%; letter-spacing:-0.75pt;}
.sTit{font-size:20px; font-weight:500; color:var(--black); line-height:150%; letter-spacing:-0.75pt;}
.mStit{font-size:40px; font-weight:700; color:var(--black); line-height:120%; letter-spacing:-1pt;}

@media all and (max-width:980px){
	#notice { padding: 50px 0 20px 0;        margin: 00px 0 0 0;}
#notice .notice_in .txtArea {    width: 100%;}
#notice .notice_in .contArea {    width: 100%;}
#notice .notice_in { flex-direction: column; text-align: 'center'}
 
	.notice li a, .notice li.empty_li {  font-size: 14px;  }
	
	.mTit{font-size: 35px; margin: 3px auto; }
	#notice .notice_in .txtArea .bg { position: absolute;  z-index: -2;  left: 15px;         left: 63px;
        top: 35px;}
	
	.notice_in .txtArea .btnArea {display: none;}
	#notice .notice_in .notice {    background:#ffffffed;}
	
	#notice .notice_in .category { min-width: 59px;  }
	#notice .notice_in li a {  padding: 5px 0; }
	
	#notice .notice_in .notice .lt_date { padding: 20px 0 0px 1px;}
	#notice .notice_in .notice {       padding: 17px 15px; margin: 0 0 29px 0; }
	 
	#notice .notice_in .txtArea .mTxt{    padding: 10px 0 0 0px;    margin: 2px auto 18px auto;}
	 
}
	
}