@charset "utf-8";

/* 새글 스킨 (latest) */
.main-notice {padding:80px 0; background:#f6f6f6;color:#111}
.main-notice .main-notice-inner{position:relative}
.main-notice > .main-notice-inner:after {content:''; clear:both; display:block;}
.main-notice > .main-notice-inner > div {float:left;}
.main-notice .title {width:210px; margin-top:15px;}
.main-notice .title .tit-first {font-size:1.5rem;font-weight:800}
.main-notice .title p {margin-top:5px; font-size:14px;color:#999}
.main-notice .main-notice-inner > a {position:absolute; z-index:1; bottom:35px; left:0; display:inline-block}
.main-notice .main-notice-inner > a .view_btn {display:inline-block; color:#396fe8; font-size:12px; padding-right:20px;}
.main-notice .notice_list {width:calc(100% - 210px);}
.main-notice .notice_list:after {content:''; clear:both; display:block;}
.main-notice .notice_list li {float:left; height:140px;}
.main-notice .notice_list li:first-child {width:50.5%;}
.main-notice .notice_list li:last-child {width:49.5%;}
.main-notice .notice_list li:after {content:''; clear:both; display:block;}
.main-notice .notice_list li .thumbimg {float:left; width:210px; min-height:140px; overflow:hidden;}
.main-notice .notice_list li .thumbimg > img {position:relative; min-width:100%; min-height:140px; left:50%; transform:translateX(-50%);}
.main-notice .notice_list li .txtbox {float:left; width:calc(100% - 230px); margin-left:20px; font-weight:300; font-size:14px; color:#7e7465; padding:10px 30px 0 0;}
.main-notice .notice_list li .txtbox strong.tit {display:block; font-size:18px; color:#111; font-weight:600; width:calc(100% - 30px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main-notice .notice_list li .txtbox p.sub {margin-top:10px; height:45px; line-height:1.7; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.main-notice .notice_list li .txtbox span.date {display:block; margin-top:15px;}

@media all and (max-width:1200px) {
	.main-notice .title {float:none; display:block; width:100%;}
	.main-notice .main-notice-inner > a {display:inline-block; width:145px; top:0; bottom:auto; right:30px; left:auto; padding:20px 20px;}
	.main-notice .notice_list {float:none; display:block; width:100%; margin-top:20px;}
}

@media all and (max-width:1000px) {
	.main-notice .notice_list li .thumbimg {width:150px;}
	.main-notice .notice_list li .txtbox {width:calc(100% - 160px); margin-left:10px;}
}

@media all and (max-width:768px) {
	.main-notice .notice_list li {float:none; display:block;}
	.main-notice .notice_list li:first-child {width:100%;}
	.main-notice .notice_list li:last-child {width:100%; margin-top:20px;}
	.main-notice .notice_list li .txtbox {width:calc(100% - 170px); margin-left:20px;}
}

@media all and (max-width:640px) {
	.main-notice {padding:40px 0 50px;}
	.main-notice .title{margin-top:0}
	.main-notice .title h3 {font-size:20px;}
	.main-notice .title p {font-size:13px; margin-top:2px;}
	.main-notice .notice_list li .txtbox {padding-top:20px;}
	.main-notice .notice_list li .txtbox strong.tit {font-size:16px;}
	.main-notice .notice_list li .txtbox p.sub {font-size:13px;}
	.main-notice .notice_list li .txtbox span.date {margin-top:10px; font-size:13px;}
	.main-notice .main-notice-inner > a{padding:0;width:auto;right:20px}
	.main-notice .main-notice-inner > a .view_btn{padding-right:0}
}
	
@media all and (max-width:480px) {
	.main-notice .main-notice-inner > a .view_btn {font-size:11px;padding:0}
	.main-notice .main-notice-inner > a .view_btn:before {top:-4px;}
	.main-notice .notice_list li {height:100px;}
	.main-notice .notice_list li:last-child {margin-top:30px;}
	.main-notice .notice_list li .thumbimg {display:none;}
	.main-notice .notice_list li .txtbox {width:100%; padding:0; margin:0;}
}