@charset "utf-8";
@font-face {
    font-family: 'HS-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/HS-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.board-box-wrap {
	margin-bottom:50px;
}

.border-titlebox {
	text-align:center;
	padding:84px 15px 84px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:56px;
}

.border-titlebox img {
	width:458px;
	height:123px;
}

.border-titlebox.review {
	background-image:url('/images/board-live-review-bg01_230907.png');
}

.border-titlebox.gall_news {
	background-image:url('/images/board-live-review-bg02_230907.png');
	margin-top:164px;
}

.border-titlebox-txt {
    font-family: 'HS-Regular';
	font-size:28px;
	line-height:1;
	color:#1565d1;
}

.border-titlebox-tit {
    font-family: 'HS-Regular';
	font-size:86px;
	line-height:1;
	position:relative;
	color:#ff4a8c;
}

.border-titlebox.gall_news .border-titlebox-txt,
.border-titlebox.gall_news .border-titlebox-tit {
	color:#fff;
}

.border-titlebox-dots {
	margin:20px 0 7px -259px;
	display:flex;
	justify-content: center;
	gap:58px;
}

.border-titlebox-dots span {
	display:block;
	width:14px;
	height:14px;
	background-color:#ff4a8c;
	border-radius:50%;
}

.border-titlebox.gall_news span {
	background-color:#fff;
}




.board-box-title {
	display:flex;
	justify-content: space-between;
	font-size:28px;
	font-weight:700;
	align-items: flex-end;
	margin-bottom:12px;
	color:#111;
}

.board-box-title a {
	display:block;
	width:100px;
	background-color:#ececec;
	border:1px solid #ddd;
	font-size:15px;
	border-radius:20px;
	padding:3px 0;
	text-align: center;
	font-weight:400;	
	transition: 0.3s background ease;
}

/* 블로그 리스트 */
.nation_product_wrap {
	border-top:1px solid #555;
	width:100%;
}

.napr_unit {
	position:relative;
	width:100%;
}

.napr_unit a {
	position: relative;
	display:flex;
	width:100%;
	border-bottom:1px solid #999;
	overflow:hidden;
	padding:30px 0px;
	transition:0.2s all ease;
}

.napr_unit a:hover {
	text-decoration:none;
}


.napr_img {
	position:relative;
	width:360px;
}

.napr_img img {
	width:100%;
	height:100%;
	object-fit: cover;
}

.napr_info {
	padding:20px 0px 20px 30px;
	width:calc(100% - 360px);
	position:relative;
}

.napr_title {
	font-size:24px;
	font-weight:700;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	color:#1c1c1c;
	line-height:1.2;
}

.napr_txt {
	font-size:16px;
	margin-top:10px;
	color:#666;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.napr_date {
	display:none;
	/* display:flex; */
	margin:10px 0 15px;
	position:relative;
	padding-left:21px;
}

.napr_date:before {
	position:absolute;
	left:0;
	top:3px;
	content:"";
	display:block;
	background:url('/images/prolist_calendar.svg') center center no-repeat;
	background-size:contain;
	width:15px;
	height:15px;
}

.napr_date dt {
	font-size:16px;
	font-weight:600;
	width:60px;
	color:#1c1c1c;
}

.napr_date dd {
	font-size:16px;
	font-weight:500;
}

.napr_detail {
	/* position:absolute;
	right:30px;
	bottom:30px; */
	margin-top:30px;
	background-color:#fff;
	border:1px solid #ff6820;
	color:#ff6820;
	font-size:16px;
	height:48px;
	line-height:48px;
	width:160px;
	text-align:center;
	transition:0.2s all ease;
	
}

.m_row_close {
	display:none;
}



/* 갤러리리스트 */
.movie_list_wrap {width:100%; margin:30px 0 0; display:flex; flex-wrap: wrap; gap:30px 20px;}
.movie_list_wrap:before,
.movie_list_wrap:after {display:none;}
.movie_list_wrap .movie_list_unit {width:calc((100% - 40px)/3); margin-left:0px;  padding:0 !Important;}
.pro_container {border:0; margin-bottom:0;}
.img_container {width:100%;}
.img_container a {display:block; position:relative; width:100%; padding-top:54.26%; border:1px solid #ddd;}
.img_container a:before {position:absolute; left:-2px; top:-2px; width:calc(100% + 4px); height:calc(100% + 4px); background:transparent; border:4px solid #ff6820; display:block; content:""; z-index:1; opacity:0; transition:0.2s opacity ease;}
.img_container a img {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; }
.pro_container .pro_text .pro_in_text {border:0; padding:10px 0px 0;}
.pro_container .pro_text .pro_in_text h3 {text-align:left; font-size:18px;}




/* 팝업 */
.popuplayer .popupBox {
	background-color:#fff;
	border:1px solid #999;
}

.popuplayer .popupBox a {
	display:block;
}

.popupBox {
	display:block;
}

.popuplayer .popupBox form {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding:5px;
	gap:5px;
}

.popuplayer .popupBox form input[type="checkbox"] {
	margin:0;
}

.popuplayer .popupBox form label {
	margin:0;
	font-weight:500;
}

.popuplayer01 {
	position:absolute;
	top:180px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	z-index:99;
	margin-left:141px;
}


/************************ hover ************************/
@media (hover: hover) {


	.board-box-title a:hover {
		background-color:#ff6820;
		border-color:#ff6820;
		color:#fff;
		transition: 0.3s background ease;
		text-decoration: none;
	}


	/* 블로그 리스트 */
	.napr_unit a:hover .napr_detail {
		background-color:#ff6820;
		color:#fff;
		transition:0.2s all ease;
	}


	/* 갤러리리스트 */				
	.pro_container:hover {border:0;}
	.pro_container:hover a:before {opacity:1; transition:0.2s opacity ease;}
	.pro_container:hover .pro_text .pro_in_text h3 {color:#ff6820;}


}
/************************ hover ************************/




/* 반응형 중간기기 1280px 사이즈 이하*/
@media all and (max-width:1415px){

	

}




/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	
}



/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){

	.pro_container .pro_text .pro_in_text h3 {
		display:block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow:hidden;
	}
	


}

/* 반응형 중간기기 998px 사이즈 이하*/
@media all and (max-width:998px){

	/* 팝업 */
	.popuplayer01 {
		margin-left:0;
		top:150px;
	}

	/* 전체 */
	.list-wrap {
		padding:0 15px;
	}

	.border-titlebox {
		padding:50px 15px 50px;
		margin-bottom:48px;
	}

	.border-titlebox-txt {
		font-size:24px;
	}

	.border-titlebox-tit {
		font-size:72px;
	}

	.border-titlebox-dots {
		margin-left:-225px;
		gap:51px;
	}


	/* 블로그 리스트 */
	.napr_img img {
		height:100%;
		object-fit:cover;
	}

	.napr_title {
		font-size:22px;
	}

	.napr_txt {
		font-size:16px;
	}

	.napr_air {
		position:initial;
	}

	.napr_price {
		position:initial;
		text-align:left;
		margin:10px 0 0;
	}

	.napr_unit a.modi_button {
		bottom:58px;
	}


	/* 갤러리리스트 */
	.movie_list_wrap {padding:0 0px; }
	

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	

	/* 공통 */
	.border-titlebox.gall_news {
		margin-top:80px;
	}

	.border-titlebox img {
		width:320px;
		max-width:100%;
		height:86px;
	}


	/* 블로그 리스트 */
	.napr_unit a {
		flex-wrap:wrap;
		padding:15px 0;
	}

	.napr_img {
		width:100%;
		height:auto;
	}
	
	.napr_info {
		width:100%;
		padding:15px 0px 0px;
	}

	.napr_title {
		font-size:20px;
		line-height:1.2;
		margin-bottom:3px;
	}

	.napr_txt {
		font-size:14px;
		line-height:1.2;
		margin-top:5px;
	}

	.napr_date {
		margin:4px 0 4px;
	}

	.napr_date dt {
		font-size:14px;
		width:50px;
	}
	
	.napr_date dd {
		font-size:14px;
	}

	.napr_air li {
		font-size:13px;
	}

	.napr_air li + li {
		margin-right:12px;
	}

	.napr_price {
		font-size:24px;
		color:#111;
	}

	.napr_detail {
		width:100%;
		height:38px;
		line-height:36px;
		font-size:14px;
		border:1px solid #ff6820;
		background-color:#fff;
		color:#fff;
		background-color:#ff6820;
		margin-top:15px;
	}


	.napr_unit a:hover .napr_detail {
		background-color:#ff6820;
		color:#fff;
		transition:0.2s all ease;
	}


	/* 갤러리리스트 */
	.movie_list_wrap .movie_list_unit {width:calc((100% - 20px)/2); margin-left:0px;}



}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	

	/* 팝업 */
	.popuplayer {
		width:90%;
	}

	.popuplayer img {
		width:100%;
	}

	.popuplayer01 {
		top:130px;
	}

	

	/* 공통 */
	.border-titlebox {
		padding:36px 15px 36px;
		margin-bottom:32px;
	}

	.border-titlebox img {
		width:240px;
		height:64px;
	}

	.border-titlebox-txt {
		font-size:18px;
	}

	.border-titlebox-tit {
		font-size:36px;
	}

	.border-titlebox-dots {
		margin:8px 0 4px -113px;
		gap:23px;
	}

	.border-titlebox-dots span {
		width:8px;
		height:8px;
	}

	/* 갤러리리스트 */
	.movie_list_wrap .movie_list_unit {width:100%; margin-left:0;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
	

}