@charset "utf-8";

/* 기업정신건강연구소_뉴스레터 */
.newsletter_wrap{position:relative;display:flex;justify-content:space-between;margin-bottom:50px;}
.newsletter_wrap dl{display: flex;flex-direction: column;width:270px;text-align:center;transition:.5s;}
.newsletter_wrap dl dt{width:270px;height:380px;margin:0 auto;border:1px solid #d5d5d5;border-radius:15px;overflow:hidden;box-sizing:border-box;}
.newsletter_wrap dl dt img{width:100%;height:100%;object-fit:fill;}
.newsletter_wrap dl dd .eng{display:none;font-size:1.4rem;color: #9f9f9f;}
.newsletter_wrap dl dd .public{margin:10px 0 5px;font-size:1.8rem;font-weight:600;color:#014099;}
.newsletter_wrap dl dd .title{margin-bottom:10px;font-size:2.5rem;font-weight:700;}
.newsletter_wrap dl dd .txt{font-size:1.6rem;color:#9f9f9f;}
.newsletter_wrap dl dd a{display:block;margin-top:10px;padding:15px 0;background:#000;border-radius: 10px;color:#fff;font-weight:600;transition:.1s;}
.newsletter_wrap .newslist{flex-shrink: 0;width:920px;}
.newsletter_wrap .newslist .list_top{display:flex;align-items:center;gap:20px;margin-bottom:20px;}
.newsletter_wrap .newslist .list_top p.tit{flex-shrink:0;font-size:2.3rem;font-weight:600;}
.newsletter_wrap .newslist .tab{height: 40px;padding:0 30px;line-height: 40px;box-sizing: border-box;}
.newsletter_wrap .newslist .tab .swiper-slide{text-align:center;color:#555;cursor:pointer;}
.newsletter_wrap .newslist .tab .swiper-slide.on{color:#000;font-weight:700;}
.newsletter_wrap .newslist .tab .swiper-button-next{right:0;}
.newsletter_wrap .newslist .tab .swiper-button-prev{left:0;}
.newsletter_wrap .newslist .tab .swiper-button-next, 
.newsletter_wrap .newslist .tab .swiper-button-prev{width:30px;height:30px;margin: 0;transform: translateY(-50%);border:1px solid #000;background:#000;border-radius:50%;box-sizing:border-box;}
.newsletter_wrap .newslist .tab .swiper-button-next::after, 
.newsletter_wrap .newslist .tab .swiper-button-prev::after{width:30px;height:30px;font-size:0;background:url(/nanum/site/builder/dir/main/img/menu20520/news_arrow_w.png)no-repeat center center / 20px auto;}
.newsletter_wrap .newslist .tab .swiper-button-prev::after{transform:rotate(-180deg);}
.newsletter_wrap .newslist .tab .swiper-button-disabled{display:none;opacity: 1;border:1px solid #d5d5d5;background:#fff;box-sizing:border-box;}
.newsletter_wrap .newslist .tab .swiper-button-disabled::after{display:none;opacity: .3;background:url(/nanum/site/builder/dir/main/img/menu20520/news_arrow_bk.png)no-repeat center;}
.newsletter_wrap .newslist .newscont{display:flex;flex-wrap:wrap;gap:20px;padding-top:30px;border-top:1px solid #e9e9e9;}
.newsletter_wrap .newslist .newscont .ln_box{position:relative;width:calc(20% - 16px);}
.newsletter_wrap .newslist .newscont .ln_box .adm_btn{display:flex;justify-content:space-between;align-items:center;padding:10px 0;}
.newsletter_wrap .newslist .newscont .ln_box .adm_btn .btn_modify{padding:3px 10px;border:1px solid #e5e5e5;border-radius:5px;text-align:center;font-size:1.4rem;font-weight:700;}
.newsletter_wrap .newslist .newscont .listnews{position:Relative;display:block;height:235px;border:1px solid #d5d5d5;border-radius:15px;overflow:hidden;box-sizing:border-box;transition:.2s;}
.newsletter_wrap .newslist .newscont .listnews::before{opacity:0;z-index: 2;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);}
.newsletter_wrap .newslist .newscont .listnews::after{opacity: 0;z-index: 2;content:'본문보기';position: absolute;bottom: 50%;left: 50%;width: 100%;font-weight: 700;color: #fff;text-align: center;transform: translate(-50%,50%) translate3d(0,100%,0);transition: .3s;}
.newsletter_wrap .newslist .newscont .listnews span{z-index:1;position:absolute;right: 7px;top: 7px;padding: 5px 15px;background: rgba(0,0,0,0.2);border-radius: 10px;font-size: 1.4rem;color: #fff;letter-spacing: 0;backdrop-filter: blur(3px);-webkit-backdrop-filter:blur(3px);}
.newsletter_wrap .newslist .newscont .listnews img{width:100%;height:100%;object-fit:fill;transition:.2s;font-size:0;}

/* View */
#board .table_bview .title{padding:15px 20px;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;font-size:1.9rem;line-height:1.5;font-weight:700;text-align:center;}
#board .table_bview .info{display:flex;padding:15px 20px;border-bottom:1px solid #e5e5e5;}
#board .table_bview .info dl{display:inline-flex;position:relative;font-size:1.5rem;line-height:1.5;}
#board .table_bview .info dl:nth-child(n+2){margin-left:20px;padding-left:20px;}
#board .table_bview .info dl:nth-child(n+2):before{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;margin-top:-8px;background:#d5d5d5;}
#board .table_bview .info dt{margin-right:10px;font-weight:600;color:#333;}
#board .table_bview .info dd{color:#555;}
#board .table_bview .info dd .size{font-size:1.2rem;color:#888;}
#board .table_bview .content{padding:15px 20px;border-bottom:1px solid #d5d5d5;}
#board .table_bview .content img{display:block;}
#board .table_bview .content .sns{clear:both; float:right; padding-top:20px;}
#board .table_bview .content .sns a{float:left; padding-left:3px;}
#board .table_bview .content .photodown{background-color:#336699; color:#ffffff; padding:5px;}

/* Write */
#board .table_bwrite table{width:100%;border-collapse:collapse;border-top:2px solid #222;}
#board .table_bwrite table caption{display:none;}
#board .table_bwrite tbody th{padding:10px 20px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background:#f9f9f9;font-size:1.5rem;color:#000;text-align:left;font-weight:700;}
#board .table_bwrite tbody th img{margin-right:3px;vertical-align:middle;}
#board .table_bwrite tbody td{padding:15px 10px;border-bottom:1px solid #d5d5d5;font-size:1.5rem;text-align:left;}
#board .table_bwrite tbody td input.subject{width:100%;}
#board .table_bwrite tbody td.content{margin:0;padding:5px 0;text-align:center;}
#board .table_bwrite tbody td span.text1{color:#888;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td span.eng{padding-left:0;color:#6a6a6a;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td ul.add_file_tip{margin-top:10px;}
#board .table_bwrite tbody td ul.add_file_tip li{font-size:1.3rem;line-height:1.5;font-weight:500;color:#DF0101}
#board .table_bwrite tbody td.filetable table{width:100%;border-collapse:collapse;border:none;border-top:1px solid #DEDEDE;}
#board .table_bwrite tbody td.filetable table th{padding:5px 0;border:none;border-right:1px solid #DEDEDE;background:#F6F6F6;color:#666;text-align:center;vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px;border:none;background:#fff;text-align:left;}

/*개인정보 수집 동의*/
.privacy_box{border:1px solid #d5d5d5;margin-bottom:50px;}
.privacy_box h3.tit{margin: 30px 0 0 30px;}
.privacy_box dl{padding: 25px 30px;font-size:1.7rem;color:#000;}
.privacy_box dt{font-weight:700;}
.privacy_box dt:nth-child(n+2){margin-top:15px;}
.privacy_box dd{margin-top:5px;color:#555;}
.privacy_box .agree_chk{padding:20px;border-top:1px solid #d5d5d5;}
.privacy_box .agree_chk label{font-size:1.7rem;}



/*홍보책자*/
.viewer .pdf_bx > img{border: 1px solid #e5e5e5;}
.viewer .pdf_bx p.ptit{margin: 10px 0;}
.viewer .pdf_bx a.con_btn.mint{padding: 10px 40px;color: #fff;}


/* 주소찾기 */
.post_search2{border:1px solid #CDCDCD;height:80px;margin-right:10px;margin-top:3px;overflow:auto;padding:6px;}


@media all and (max-width:1300px){
	
	/* 기업정신건강연구소_뉴스레터 */
	.newsletter_wrap #frm_list{width:100%;}
	.newsletter_wrap dl{display:none;/*width:21%;*/}
	.newsletter_wrap dl dt{width:100%;height: 315px;}
	.newsletter_wrap .newslist{width:100%;}
	.newsletter_wrap .newslist .newscont{gap:1.5vw;}
	.newsletter_wrap .newslist .newscont .ln_box{width: calc(20% - 1.2vw);}
	.newsletter_wrap .newslist .newscont .listnews{height: 210px;}
	
}

@media all and (max-width:1024px){
		/* 기업정신건강연구소_뉴스레터 */
	.newsletter_wrap .newslist{width:100%;}
	/*.newsletter_wrap .newslist .list_top{align-items: flex-start;flex-direction: column;gap: 10px;}
	.newsletter_wrap .newslist .tab{width:100%;}
	.newsletter_wrap .newslist .newscont a{width: calc(33% - 0.8vw);}*/
}

/********************모바일********************/
@media(max-width:767px){

	

	
#board .board_total_left{float:none;width:100%;margin-bottom:5px;}
#board .board_total_right{float:none;width:100%;display:flex;justify-content: flex-end;}
#board .board_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
#board .board_total_right li{display:inline-block;float:none;}

#board .board_total_left{float:none;width:100%;margin-bottom:5px;font-size:13px;}
#board .board_total_right{float:none;width:100%;}
#board .board_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
#board .board_total_right li{display:inline-block;float:none;}




/* View */
#board .table_bview table{table-layout:fixed;}
#board .table_bview tbody td.content img{display:block;width:100%;min-width:300px;}


#board .table_bview .info{padding:10px;}
#board .table_bview .info dl:nth-child(n+2){padding-left:7px;margin-left:7px;}


/*홍보책자*/
.viewer .pdf_bx a.con_btn.mint{padding: 10px 0;}

	/* 기업정신건강연구소_뉴스레터 */
	.newsletter_wrap .newslist{margin-top:20px;}
	.newsletter_wrap .newslist .newscont{gap:2vw;}
	.newsletter_wrap .newslist .newscont .ln_box{width: calc(50% - 1.1vw);}
	.newsletter_wrap .newslist .newscont .listnews{height: 350px;}
	.newsletter_wrap .newslist .newscont .listnews span{font-size:1.5rem;}
	.newsletter_wrap .newslist .list_top{gap: 10px;margin-bottom: 15px;}
	.newsletter_wrap .newslist .tab,
	.newsletter_wrap .newslist .list_top h6{margin-bottom:0;}
	.newsletter_wrap .newslist .tab .swiper-button-next, 
	.newsletter_wrap .newslist .tab .swiper-button-prev{width:25px;height:25px;}
	.newsletter_wrap .newslist .tab .swiper-button-next:after, 
	.newsletter_wrap .newslist .tab .swiper-button-prev:after{width:25px;height:25px;}

}

@media all and (max-width:450px){
	
	/* 기업정신건강연구소_뉴스레터 */
	.newsletter_wrap .newslist .newscont .listnews{height: 245px;}
}

@media all and (min-width:1025px) {
	.newsletter_wrap dl dd a:hover{background:#1065d9;}
	.newsletter_wrap .newslist .newscont .listnews:hover{border:2px solid #143e96;}
	.newsletter_wrap .newslist .newscont .listnews:hover:before{opacity:1;}
	.newsletter_wrap .newslist .newscont .listnews:hover:after{transform: translate(-50%,50%) translate3d(0,0,0);opacity: 1;}
	.newsletter_wrap .newslist .newscont .listnews:hover img{transform:scale(1.15,1.15);}

}