@charset "UTF-8";

/* common */
.common-board{font-weight:300;font-size:15px;color:#555;}
.common-board a{color:#333;}
.board-float-l{float:left;}
.board-float-r{float:right;}
.board-float-wrap:after{content:"";display:block;clear:both;}
.board-pc-hide{display:none;}
tr.deleted, tr.deleted * { text-decoration: line-through !important; color: #999999 !important;}
.board-display-ib{display:inline-block;}

/* 뉴스레터 목록(list) */
.btn-wrap{padding: 60px 0 60px 0;text-align:center;} 

.b-inner-box{margin:0 auto;max-width:1365px;}
.b-list-newsletter{background-color:rgba(163, 111, 0, .15);}

.b-list-newsletter .b-list-cate{border-top:1px solid #000;background-color:#fff;overflow-x:auto;}
.b-list-newsletter .b-list-cate ul{display:flex;justify-content:space-around;padding:1.25rem 0;box-sizing:border-box;white-space:nowrap;}
.b-list-newsletter .b-list-cate ul > li{display:inline-block;margin:0 0.625rem 0 0;}
.b-list-newsletter .b-list-cate ul > li:last-of-type{margin:0;}
.b-list-newsletter .b-list-cate ul > li > a{display:inline-block;font-family:'Noto Sans KR';font-size:1.1875rem;font-weight:500;color:#222;line-height:1;}
.b-list-newsletter .b-list-cate ul > li > a::after{content:'';display:block;margin:0.625rem auto 0;width:8px;height:8px;border-radius:50%;background-color:#D9D9D9;}
.b-list-newsletter .b-list-cate ul > li > a > span{display:inline-block;padding:0.625rem 1.25rem;border-radius:20px;background-color:#fff;}
.b-list-newsletter .b-list-cate ul > li.active > a > span{background-color:#A00E15;color:#fff;}
.b-list-newsletter .b-list-cate ul > li.active > a::after{background-color:#A00E15;}
.b-list-newsletter .b-list-cate ul > li.active .mini-board-content{display:block;}
.b-list-newsletter .b-list-cate ul > li:hover > a > span{background-color:#A00E15;color:#fff;}
.b-list-newsletter .b-list-cate ul > li:hover > a::after{background-color:#A00E15;}
.b-list-newsletter .b-list-cate ul > li:hover .mini-board-content{display:block;}

.b-list-newsletter .b-list-con-box{position:relative;;border-top:1px solid #000;}
.b-list-newsletter .b-list-con-box::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000;}
.b-list-newsletter .b-list-con-box ul{display:flex;flex-wrap:wrap;border-right:1px solid #000;border-left:1px solid #000;box-sizing:border-box;overflow:hidden;}
.b-list-newsletter .b-list-con-box ul > li{width:25%;border-bottom:1px solid #000;border-right:1px solid #000;box-sizing:border-box;position:relative;}
.b-list-newsletter .b-list-con-box ul > li:hover{background-color:#fff;}
.b-list-newsletter .b-news-list-img{/*height:225px;*/aspect-ratio:16/9;}
.b-list-newsletter .b-news-list-img img{width:100%;height:100%;object-fit:cover;-webkit-filter: grayscale(100%);filter:grayscale(100%);}
.b-list-newsletter .b-list-con-box ul > li:hover .b-news-list-img img{-webkit-filter: grayscale(0);filter:grayscale(0);}
.b-list-newsletter .b-news-list-txt{padding:1.4375rem 2.1875rem;box-sizing:border-box;}
.b-list-newsletter .b-news-list-txt .b-news-txt{display:-webkit-box;min-height:3.375rem;font-size:1.1875rem;font-weight:600;color:#2C2B26;line-height:1.6875rem;word-wrap: break-word;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow: ellipsis;overflow: hidden;}
.b-list-newsletter .b-news-list-txt .b-news-etc-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1.5625rem 0 0;}
.b-list-newsletter .b-news-list-txt .b-news-etc-box .b-news-date{font-size:1rem;font-weight:400;color:#2C2B26;line-height:1;}
.b-list-newsletter .b-news-list-txt .b-news-etc-box .b-news-cate{padding:0.5rem 0.9375rem;border-radius:15px;background-color:#ABABAB;font-size:0.875rem;font-weight:500;color:#fff;line-height:1;box-sizing:border-box;}
.b-list-newsletter .b-news-list-txt .b-news-etc-box .b-news-cate.other{background-color:#787878;}

/* 뉴스레터 상세보기(view) */
.b-view-newsletter{color:#000;}
.b-view-newsletter .b-progress-box{display:none;position:fixed;top:0;left:0;z-index:10;padding:0.75rem;width:100%;border-top:1px solid #000;border-bottom:1px solid #000;background-color:#fff;box-sizing:border-box;}
.b-view-newsletter.progress .b-progress-box{display:block;}
.b-view-newsletter .b-progress-box .b-progress-bar{content:'';position:absolute;top:0;left:0;width:0;height:100%;background-color:#F6AC19;transition:width 0.2s;}
.b-view-newsletter .b-progress-box .b-title{position:relative;font-weight:700;font-size:1.375rem;line-height:1.6875rem;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.b-view-newsletter .b-top-box{border-bottom:1px solid #000;}
.b-view-newsletter .b-top-box > div{margin:0 auto;padding:3.125rem 0;max-width:1365px;text-align:center;}
.b-view-newsletter .b-top-box .b-cate{padding:0 0 3.125rem;}
.b-view-newsletter .b-top-box .b-cate span{display:inline-block;padding:12px 0;min-width:100px;background-color:#F6AC19;border-radius:40px;font-weight:600;font-size:1.0625rem;line-height:1;}
.b-view-newsletter .b-top-box .b-title{padding:0 0 3.125rem;font-weight:700;font-size:2.25rem;line-height: 2.563rem;}
.b-view-newsletter .b-top-box .b-date{font-size:1.375rem;line-height:1;}
.b-view-newsletter .b-con-box{margin:0 auto;padding:3.125rem 0;max-width:1365px;}
.b-view-newsletter .b-con-inner-box{margin:0 auto;max-width:640px;}
.b-view-newsletter .b-news-con-box > div, .b-view-newsletter .b-news-con-box > p{margin:0 0 1.875rem;}
.b-view-newsletter .b-con-box .b-img-box > img{max-width:100%;}
.b-view-newsletter .b-con-box .b-img-box .b-img-guide{margin-top:0.75rem;font-size:1rem;color:#666;line-height:1.3125rem;}
.b-view-newsletter .b-con-box .b-slo{font-size:1.75rem;line-height:2.0625rem;text-align:center;}
.b-view-newsletter .b-con-box .b-con-title{font-weight:700;font-size:1.375rem;color:#A00E15;line-height:1.6875rem;text-align:center;}
.b-view-newsletter .b-con-box .b-txt{font-size:1rem;line-height:1.75rem;}
.b-view-newsletter .b-con-box .b-info-box{padding:2.3125rem 1.875rem;border:1px solid rgba(0,0,0,0.2);border-radius:6px;box-sizing:border-box;}
.b-view-newsletter .b-con-box .b-info-title{padding:0 0 2.1875rem;font-weight:700;font-size:1.125rem;line-height:1.4375rem;}
.b-view-newsletter .b-con-box .b-info-ul > li{position:relative;padding: 0 0 6px 20px;font-size:1rem;line-height:1.3125rem;}
.b-view-newsletter .b-con-box .b-info-ul > li:last-of-type{padding-bottom:0;}
.b-view-newsletter .b-con-box .b-info-ul > li:before{content:'';position:absolute;top:8px;left: 6px;width:3px;height:3px;background-color:#000;border-radius:3px;}
.b-view-newsletter .b-con-box .b-news-btn-box > a{display:block;padding:1.0625rem 1.25rem;border:1px dashed transparent;background-color:#000;border-radius:56px;text-align:center;box-sizing:border-box;}
.b-view-newsletter .b-con-box .b-news-btn-box > a:hover{border-color:#fff;}
.b-view-newsletter .b-con-box .b-news-btn-box > a > span{display:inline-block;font-weight:700;font-size:14px;color:#fff;line-height:1;}
.b-view-newsletter .b-con-box .b-news-btn-box > a:hover > span{text-decoration:underline;}
.b-view-newsletter .b-con-box .b-news-btn-box > a > span:after{content:'';display:inline-block;margin:0 0 0 10px;width:24px;height:24px;background:url(/_res/service/news/img/board/ico-newsletter-chk.png) no-repeat 0 0/100%;vertical-align:middle;}

.b-view-newsletter .b-subscribe-popup-box{display:none;position:fixed;top:50%;left:50%;z-index:50;width:90vw;max-width:750px;max-height:90vh;background-color:#fff;transform:translate(-50%, -50%);}
.b-view-newsletter .b-subscribe-popup-box .b-subscribe-form-box{padding:2.25rem 2.25rem 1.875rem;border:1px solid #000;box-shadow:2px 2px 10px rgba(0,0,0,0.2);}
.b-view-newsletter .b-subscribe-popup-box .b-subscribe-form-box .b-title-box{padding:0 0 2.25rem;text-align:center;}
.b-view-newsletter .b-subscribe-popup-box .b-subscribe-form-box .b-title-box > p{word-break:keep-all;}
.b-view-newsletter .b-subscribe-popup-box .b-subscribe-form-box .b-title-box .b-title{margin:0 0 1rem;padding:0 0 1rem;border-bottom:1px solid #000;font-weight:700;font-size:1.5rem;line-height:1.813rem;}
.b-view-newsletter .b-subscribe-popup-box .b-subscribe-form-box .b-title-box .b-txt{font-size:1.25rem;line-height:1.563rem;}
.b-view-newsletter .b-subscribe-popup-box .b-subscribe-form-box .b-close-subscribe-popup{position:absolute;top:1rem;right:1.25rem;width:20px;height:20px;border:none;background:#fff url(/_res/service/news/img/board/ico-btn-pop-close.png) no-repeat 0 0/100%;cursor:pointer;}
.b-view-newsletter .b-subscribe-popup-box .b-subscribe-form-box .subscribe-box input{width:100%;}
.b-view-newsletter .b-subscribe-popup-box .b-subscribe-form-box .subscribe-box .news-letter-btn{width:100%;}

/* 페이징 */
.b-paging01{background-color:rgba(163, 111, 0, .15);}
.b-paging01 .b-paging-wrap ul{padding:3.25rem 0 4.25rem;text-align:center;}
.b-paging01 .b-paging-wrap ul li{display:inline-block;margin:1rem 1.875rem 0 0;vertical-align:middle;}
.b-paging01 .b-paging-wrap ul li.first{margin:1rem 2.5rem 0 0;}
.b-paging01 .b-paging-wrap ul li.prev{margin:1rem 2.5rem 0 0;}
.b-paging01 .b-paging-wrap ul li.next{margin:1rem 0 0 0.625rem;}
.b-paging01 .b-paging-wrap ul li.last{margin:1rem 0 0 2.5rem;}
.b-paging01 .b-paging-wrap ul li a{display:block;position:relative;font-weight:600;font-size:1.125rem;color:#222;line-height:1;box-sizing:border-box;}
.b-paging01 .b-paging-wrap ul li.first a{width:13px;height:10px;background:url(../img/board/btn-first-page.png) no-repeat center;}
.b-paging01 .b-paging-wrap ul li.prev a{width:7px;height:10px;background:url(../img/board/btn-prev-page.png) no-repeat center;}
.b-paging01 .b-paging-wrap ul li.next a{width:7px;height:10px;background:url(../img/board/btn-next-page.png) no-repeat center;}
.b-paging01 .b-paging-wrap ul li.last a{width:13px;height:10px;background:url(../img/board/btn-last-page.png) no-repeat center;}
.b-paging01 .b-paging-wrap ul li.pager-off{display:none;}
.b-paging01 .b-paging-wrap ul li:not(.pager) a.active::after,
.b-paging01 .b-paging-wrap ul li:not(.pager) a:hover::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#000;}


/*검색 결과*/
.b-search-result-box{padding:1.5rem 0;border-top:1px solid #000;background-color:rgba(163, 111, 0, .15);}
.b-search-result-box .search-keyword{font-size:1.5rem;font-weight:700;color:#000;line-height:2.375rem;word-break:keep-all;}
.b-search-result-box .search-keyword .keyword{color:#A00E15;}
.b-search-result-box .search-result{padding:0.625rem 0 0;font-size:14px;font-weight:400;color:#3A3A3A;line-height:19px;word-break:keep-all;}
.b-search-result-box .search-result .result{}

/* 버튼 */
.btn-wrap:after{content:"";display:block;clear:both;}
.btn-wrap{padding: 60px 0 60px 0;text-align:center;} 
.btn-wrap li{text-align: center;display:inline-block;margin:0 0 0 16px;vertical-align:middle;}
button.btn{padding:0;border:none;font-size:18px;background-color:#fff;}
button.btn:hover{cursor:pointer;}
button.btn03{min-width:90px;border:1px solid #333;font-size:13px;}
.btn-wrap .btn{display:inline-block;padding:9px 10px 10px;min-width:154px;font-size:18px;text-align:center;box-sizing:border-box;border-radius:0;line-height:1;vertical-align:middle;}
.btn-wrap .btn01{background-color:#333;color:#fff !important;font-family:inherit;}
.btn-wrap .btn02{border:1px solid #333;color:#333;padding:8px 10px 9px;}
.btn-wrap .btn03{border:1px solid #b4c8db;color:#084a87;}

@media screen and (min-width:1025px){
	/* 뉴스레터 목록(list) */
	.b-list-newsletter .b-list-con-box ul > li:nth-of-type(4n){border-right:none;}
	.b-list-newsletter .b-list-con-box ul > li:nth-of-type(n+9){border-bottom:none;}
}


@media screen and (max-width:1024px) {
	.b-top-box, .b-view-newsletter .b-con-inner-box{padding:0 16px;}

	/* 뉴스레터 목록(list) */
	.b-inner-box{padding:0 16px;box-sizing:border-box;}
	.b-list-newsletter .b-list-cate ul{justify-content:space-between;}
	.b-list-newsletter .b-list-cate ul > li > a > span{padding:0.625rem 1rem;}
	.b-list-newsletter .b-list-con-box ul > li{width:50%;}
	.b-list-newsletter .b-list-con-box ul > li:nth-of-type(2n){border-right:none;}
	.b-list-newsletter .b-list-con-box ul > li:nth-of-type(n+11){border-bottom:none;}

	/* 페이징 */
	.b-paging01{padding:0 16px;box-sizing:border-box;}
}

@media screen and (max-width:768px) {
	/* common */
	.common-board{box-sizing:border-box;}
	.adm-chk label{font-size:15px;}
	.board-mobile-hide{display:none !important;}
	.board-pc-hide{display:block;}
	.col-m-hide{width:0px !important;}
	.board-table thead th.no-pd-m{padding:0 !important;}
	.board-table tbody td.no-pd-m{padding:0 !important;}

	/* 뉴스레터 목록(list) */
	.b-list-newsletter .b-news-list-txt{padding:1rem;}

	/* 뉴스레터 상세보기(view) */
	.b-view-newsletter .b-top-box > div{padding:2.5rem 0;}
	.b-view-newsletter .b-top-box .b-cate{padding:0 0 2.5rem;}
	.b-view-newsletter .b-top-box .b-title{padding:0 0 2.5rem;font-size:1.714rem;line-height:2.071rem;}
	.b-view-newsletter .b-top-box .b-date{font-size:1.286rem;}
	.b-view-newsletter .b-con-box .b-slo{font-size:1.571rem;}
	
	.b-view-newsletter .b-subscribe-popup-box .b-subscribe-form-box .subscribe-box .info-chk-box > ul{padding:0;}
	
	/* 페이징 */
	.b-paging01 .b-paging-wrap ul{padding:1.428rem 0 2.428rem}
}

@media screen and (max-width:480px){
	/* 뉴스레터 목록(list) */
	.b-list-newsletter .b-list-con-box ul > li:nth-of-type(n){width:100%;border-right:none;border-bottom:1px solid #000;}
	.b-list-newsletter .b-list-con-box ul > li:nth-of-type(n+11){border-bottom:none;}
}