@charset "UTF-8";
/* Hidden */
.hidden {position: absolute; top: -9999px; left: -9999px;}

/* 목록 */

#_lnkNews .linkNewsList > li { margin-bottom:20px; }

#_lnkNews .linkNewsWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
#_lnkNews .linkNewsWrap:not(:first-child) { padding:20px 0; border-bottom:1px solid #dfdfdf; }
#_lnkNews .linkNewsWrap .item.img { flex:0 0 20%; }
#_lnkNews .linkNewsWrap .item.img img { width:306px; height:230px; }
#_lnkNews .linkNewsWrap .item.cont { flex:0 0 79%; margin-left:1%; border-left:1px solid #dfdfdf; padding-left:15px; }
#_lnkNews .linkNewsWrap .item.cont .tit { font-size:24px; font-family:'Noto Medium'; }
#_lnkNews .linkNewsWrap .item.cont .subTit { font-size:22px; color:#009c88; font-family:'Noto Regular'; padding-top:5px; }
#_lnkNews .linkNewsWrap .item.cont .contInfo { color:#afafaf; padding-top:10px; font-size:16px; font-style:italic; }
#_lnkNews .linkNewsWrap .item.cont .contInfo .div { padding:0 10px; }
#_lnkNews .linkNewsWrap .item.cont { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:stretch; }
#_lnkNews .linkNewsWrap .item.cont .contInfo { flex-grow:1; display:flex; flex-direction:row; align-items:flex-end; }
#_lnkNews ._paging { padding-top:20px; }
@media all and (max-width:1024px) {
	#_lnkNews .linkNewsWrap .item.img { flex-basis:30%; }
	#_lnkNews .linkNewsWrap .item.cont { flex-basis:69%; }
	#_lnkNews .linkNewsWrap .item.cont .tit { font-size:20px; }
	#_lnkNews .linkNewsWrap .item.cont .subTit { font-size:18px; }
}
@media all and (max-width:768px) {
	#_lnkNews .linkNewsWrap .item.img { flex-basis:100%; }
	#_lnkNews .linkNewsWrap .item.img img { width:100%; height:100%; }
	#_lnkNews .linkNewsWrap .item.cont { flex-basis:100%; border-left:0; margin-left:0; padding-left:0; padding-top:10px; }
	#_lnkNews .linkNewsWrap .item.cont .contInfo { justify-content:flex-end; }
}

/* 뷰 */
#_lnkNews .titWrap { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:stretch; }
#_lnkNews .titWrap .item { flex:1 0 100%; }
#_lnkNews .titWrap .item.tit { font-size:26px; font-family:'Noto Medium'; text-align:center; }
#_lnkNews .titWrap .item.cont { padding:30px 0; font-size:16px; color:#afafaf; font-style:italic; border-bottom:1px solid #dfdfdf; text-align:right; }
#_lnkNews .viewWrap .subTit { font-size:24px; color:#009c88; font-family:'Noto Regular'; padding:30px 0; text-align:center;  }
#_lnkNews .viewWrap .img { width:90%; margin:0 auto; }
#_lnkNews .btnWrap { text-align:center; padding-top:30px; }
#_lnkNews .btnWrap .btn-deco { color:#fff; display:inline-block; cursor:pointer; font-size:16px; height:50px; line-height:48px; text-align:center; padding:0 35px; margin:0 5px; border-radius:100px; font-family:'Noto DemiLight'; }
#_lnkNews .btnWrap .color2 { background:#0067c3; border:1px solid #0067c3; }
@media all and (max-width:768px) {
	#_lnkNews .titWrap .item.tit { font-size:22px; }
	#_lnkNews .viewWrap .subTit { font-size:20px; }
}

/* 앨범형 목록 */
#_lnkNews .yearWrap { text-align:right; margin-bottom:30px; }
#_lnkNews .yearWrap select { background:url("/sites/style_guide/images/common/bul_select.png") no-repeat right center; padding:0 40px 0 10px; }
#_lnkNews .yearWrap select { display:inline-block; box-sizing:border-box; font-size:18px; font-family:'Noto Regular'; height:50px; border:1px solid #ddd; appearance:none; }
#_lnkNews .thumbWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; width:100%; }
#_lnkNews .thumbWrap .item { flex:0 0 25%; border-bottom:1px solid #efefef; padding-bottom:20px; margin-bottom:40px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
#_lnkNews .thumbWrap .item .imgWrap{ width:95%; cursor:pointer; }
#_lnkNews .thumbWrap .item:nth-child(4n-2), 
#_lnkNews .thumbWrap .item:nth-child(4n-1) { justify-content:center; }
#_lnkNews .thumbWrap .item:nth-child(4n) { justify-content:flex-end; }
#_lnkNews .thumbWrap .item .imgWrap .tit { text-align:center; padding:5px 0; font-family:'Noto Medium'; color:#000; }
@media all and (max-width:768px) {
	#_lnkNews .thumbWrap .item:nth-child(4n-2), 
	#_lnkNews .thumbWrap .item:nth-child(4n-1) { justify-content:unset; }
	#_lnkNews .thumbWrap .item:nth-child(4n) { justify-content:unset; }
	#_lnkNews .thumbWrap .item { flex-basis:50%; }	
	#_lnkNews .thumbWrap .item:nth-child(even) { justify-content:flex-end; }
}
@media all and (max-width:450px) {
	#_lnkNews .thumbWrap .item:nth-child(even) { justify-content:unset; }
	#_lnkNews .thumbWrap .item {flex-basis:100%; }
	#_lnkNews .thumbWrap .item .imgWrap { width:100%; }
}

/*
.modalBox { position: relative; top: 50%; left: 50%; transform:translate(-50%, -20%); background-color: #ffffff; width:90%; height:90%; text-align: center; }
.modalBox img { width: 100%; }
.modalBox p { color: #ffffff; background-color: #000; font-size: 2rem; padding: .2rem; }
*/

#simplemodal-overlay { background-color:#000; }

/*
#simplemodal-container { height:auto; } 
.modal { display:none; width:100%; height:100vh; background-color:rgba(0, 0, 0, 0.3); margin:0 auto; }
.modal button { position: absolute; top:3rem; right:3rem; background:transparent; border:0; color: #ffffff; font-size: 3rem; }
#modal_content{display:none; margin:50 auto; width:200px; height:100px; background:blue; color:#fff; }
*/