@charset "utf-8";
@font-face {
    font-family: 'KBIZHanmaumMyungjo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumMyungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 서브 비주얼 */
.sub_visual {
	display:block;
}
.sub_visual_cont {
	display:flex;
    justify-content: center;
    align-items: center;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.sub_visual_cont h2 {
	display:none;
	font-size: 2.5rem;
	color:#000;
	font-weight:600;
}
.sub_visual_cont img {
	width: 100%;
}

/* 서브 비주얼 미디어 쿼리*/
@media (max-width: 1200px) {
	.sub_visual {
		display:none;
	}
}

/* 서브 컨텐츠 영역 */
.sub_container {
	padding: 70px 0;
}
.sub_con {
	max-width: 1200px;
	margin: 0 auto;
}
.sub_title { 
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border-bottom:0px solid #000;
	padding-bottom: 50px;
}
.sub_title h2 { 
	font-size:2.5rem;
	font-weight: 600;
}

/* 서브 컨텐츠 영역 미디어 쿼리 */
@media (max-width: 1200px) {
	.sub_container {
		padding: 80px 0;
	}
	.sub_con {
		width: 95%;
	}
	.sub_title { 
		padding: 30px 0;
	}
}

@media (max-width: 768px) {
	.sub_title h2 { 
		font-size:2rem;
	}
}


/* 영화관람신청 */
.apply_movie {
	width: 70%;
	margin: 0 auto;
}

/* 영화관람신청 미디어 쿼리 */
@media (max-width: 1200px) {
	.apply_movie {
		width: 100%;
		margin: 0 auto;
	}
}


/* 공지사항 - 리스트 */
.notice_list_warp {  }
.notice_list_warp ul { 
	border-top: 1px solid #000;
}
.notice_list_warp li { 
	border-bottom: 1px solid #f0f0f0;
	padding: 1.25rem 0;
	display: flex;
	align-items: center;
}
.notice_list_warp li:hover { 
	background: #f5f6fa;
	font-weight: 600;
}
.notice_no { 
	width:5%;
	font-weight: 900;
	color: #444;
	font-size: 1.125rem;
	display: flex;
}
.notice_title { 
	width:75%;
	color: #000;
	font-size: 1.125rem;
	display: flex;
}
.notice_file { 
	width:10%;
	color: #4c4c4c;
	font-size: 1.25rem;
	display: flex;
	justify-content: space-evenly;
}
.notice_date { 
	width:10%;
	color: #555c;
	font-size: 1rem;
	margin-top:.3rem;
	font-weight: 200;
	display: flex;
	justify-content: flex-end;
}

/* 공지사항 - 리스트 미디어 쿼리 */
@media (max-width: 1200px) {

	.notice_no { 
		width:100%;
		display: none;
	}
	.notice_title { 
		width:75%;
		font-weight: 600;
		display: flex;
	}
	.notice_file { 
		width:10%;
		display: flex;
		justify-content: space-evenly;
	}
	.notice_date { 
		width:15%;
		display: flex;
		justify-content: flex-end;
	}
}

@media (max-width: 768px) {
	.notice_list_warp li { 
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.notice_title { 
		width:100%;
		font-weight: 600;
		display: flex;
	}
	.notice_file { 
		width:100%;
		display: none;
		justify-content: space-evenly;
	}
	.notice_date { 
		width:100%;
		display: flex;
		justify-content: flex-start;
	}
}


/* 공지사항 - 뷰 */
.notice_view_warp { 
}
.notice_viw_stitle {
 overflow:hidden;
}
.notice_viw_stitle ul {
	padding: 0;
	border-top: 1px solid #000; 
}
.notice_viw_stitle li {
	border-bottom: 1px solid #ccc; 
}
.notice_v_title {
	width: 100%;
	padding: 1rem;
	box-sizing:border-box;
	background: #f8f8f8;
	font-size: 1.5625rem;
	font-weight:600;
}
.notice_v_name {
	width: 33.333%;
	float: left;
	display: flex;
	font-size: 1.125rem;
}
.notice_v_data {
	width: 33.333%;
	float: left;
	display: flex;
	font-size: 1.125rem;
}
.notice_v_views {
	width: 33.333%;
	float: left;
	display: flex;
	font-size: 1.125rem;
}
.notice_v_file {
	width: 100%;
	box-sizing:border-box;
	background: #f8f8f8;
	display: flex;
	font-size: 1.125rem;
	align-items: center;
}
.notice_v_td_file {
	display: flex;
	flex: 8;
	padding: 1rem 0;
	box-sizing:border-box;
}
.notice_v_td_file a {
	margin-right: 1rem;
}
.notice_v_td_file a:hover {
	text-decoration: underline;
	color: #596a9e;
	cursor: pointer;
	font-weight: 600;
}
.notice_viw_view {
	margin: 0 auto;
	width: 100%;
	padding: 2rem;
	box-sizing:border-box;
	font-size: 1.125rem;
	border-bottom: 1px solid #ccc; 
}
.notice_viw_view img {
	/*width: 100%;*/
	display: block;
	margin-bottom: .5rem;
}
.notice_viw_view p.caption {
	width: 100%;
	display: block;
	margin-bottom: 1rem;
	font-size: .9375rem;
	color: #555;
}
.notice_viw_stitle div.notice_v_th {
	flex: 1;
	padding: 1rem;
	box-sizing:border-box;
	background: #f8f8f8;
	font-weight:600;
	display: flex;
	justify-content: center;
}
.notice_viw_stitle div.notice_v_td {
	flex: 2;
	padding: 1rem;
	box-sizing:border-box;
}

/* 공지사항 - 뷰 미디어 쿼리 */
@media (max-width: 768px) {
	.notice_v_title {
		font-size: 1.25rem
	}
	.notice_v_name {
		width: 100%;
		float: left;
		display: flex;
	}
	.notice_v_data {
		width: 100%;
		float: left;
		display: flex;
	}
	.notice_v_views {
		width: 100%;
		float: left;
		display: flex;
	}
	.notice_v_td_file {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: .5rem 0;
		flex: 2;
	}
	.notice_viw_view {
		padding: 1rem 0;
	}
	.notice_viw_stitle div.notice_v_th {
		padding: .5rem;
	}
	.notice_viw_stitle div.notice_v_td {
		padding: .5rem;
		box-sizing:border-box;
	}
}


/* 갤러리 - 리스트 */
.gallery_list_warp {
	width: 85%;
	border-top: 1px solid #000;
	padding: 1rem 0;
	margin: 0 auto;
}
.gallery_list_warp ul {
	overflow:hidden;
	margin: 0 auto;
}
.gallery_list_warp li {
	float: left;
	width: 30.333%;
	margin: 1.5%;
	border: 1px solid #ebecf5;
	border-radius: 5px;
}
.gallery_list_img { 
	width:100%; 
	height: 200px; 
	overflow:hidden;
	border-bottom: 1px solid #ebecf5;
	border-radius: 5px 5px 0 0 ;
	overflow: hidden; /* 이미지가 커질 때 부모 영역을 벗어나는 것을 숨깁니다. */
	display: inline-block; /* 필요에 따라 블록 또는 인라인-블록으로 설정 */
}
.gallery_list_img img { 
	width:100%; 
	height: 100%; 
	object-fit: cover;
	transition: transform 0.3s ease-in-out; /* 변환 효과에 0.3초의 부드러운 애니메이션 적용 */
	transform-origin: center center; /* 확대/축소 기준점을 이미지 중심으로 설정 */
}
.gallery_list_img:hover img {
  transform: scale(1.1); /* 마우스 호버 시 1.1배로 확대 */
}
.gallery_list_title { 
	padding: 1.25rem;
	box-sizing:border-box;
}
.gallery_lst_tit {
	height: 50px; 
	font-size: 1.125rem;
	color: #000;
	font-weight:600;
	overflow: hidden; /* 영역을 벗어나는 내용 숨기기 */
	display: -webkit-box; /* 웹킷 기반 브라우저에서 박스 모델 사용 */
	-webkit-line-clamp: 2; /* 2줄까지만 보이도록 설정 */
	-webkit-box-orient: vertical; /* 수직 방향으로 내용 정렬 */
	word-break: break-all; /* 단어가 길 경우 잘라서 줄바꿈 */
}
.gallery_lst_date {
	margin-top:1rem;
	font-size: .9375rem;
	color: #888;
}

/* 갤러리 - 리스트 미디어 쿼리 */
@media (max-width: 1200px) {
	.gallery_list_warp {
		width: 100%;
	}
	.gallery_list_warp li {
		width: 47%;
		margin: 1.5%;
	}
}

@media (max-width: 768px) {
	.gallery_list_warp li {
		width: 100%;
		margin: 3% 0;
	}
}


/* 갤러리 - 뷰 */
.gallery_view_warp { 
}
.gallery_viw_stitle {
	overflow:hidden;
}
.gallery_viw_stitle ul {
	padding: 0;
	border-top: 1px solid #000; 
}
.gallery_viw_stitle li {
	border-bottom: 1px solid #ccc; 
}
.gallery_v_title {
	width: 100%;
	padding: 1rem;
	box-sizing:border-box;
	background: #f8f8f8;
	font-size: 1.5625rem;
	font-weight:600;
}
.gallery_v_name {
	width: 33.333%;
	float: left;
	display: flex;
	font-size: 1.125rem;
}
.gallery_v_data {
	width: 33.333%;
	float: left;
	display: flex;
	font-size: 1.125rem;
}
.gallery_v_views {
	width: 33.333%;
	float: left;
	display: flex;
	font-size: 1.125rem;
}
.gallery_v_file {
	width: 100%;
	box-sizing:border-box;
	background: #f8f8f8;
	display: flex;
	font-size: 1.125rem;
	align-items: center;
}
.gallery_v_td_file {
	display: flex;
	flex: 8;
	padding: 1rem 0;
	box-sizing:border-box;
}
.gallery_v_td_file a {
	margin-right: 1rem;
}
.gallery_v_td_file a:hover {
	text-decoration: underline;
	color: #596a9e;
	cursor: pointer;
	font-weight: 600;
}
.gallery_viw_view {
	margin: 0 auto;
	width: 100%;
	padding: 2rem;
	box-sizing:border-box;
	font-size: 1.125rem;
	border-bottom: 1px solid #ccc; 
}
.gallery_viw_view img {
	width: 100%;
	display: block;
	margin-bottom: .5rem;
}
.gallery_viw_view p.caption {
	width: 100%;
	display: block;
	margin-bottom: 1rem;
	font-size: .9375rem;
	color: #555;
}
.gallery_viw_stitle div.gallery_v_th {
	flex: 1;
	padding: 1rem;
	box-sizing:border-box;
	background: #f8f8f8;
	font-weight:600;
	display: flex;
	justify-content: center;
}
.gallery_viw_stitle div.gallery_v_td {
	flex: 2;
	padding: 1rem;
	box-sizing:border-box;
}

/* 갤러리 - 뷰 미디어 쿼리 */
@media (max-width: 768px) {
	.gallery_v_title {
		font-size: 1.25rem
	}
	.gallery_v_name {
		width: 100%;
		float: left;
		display: flex;
	}
	.gallery_v_data {
		width: 100%;
		float: left;
		display: flex;
	}
	.gallery_v_views {
		width: 100%;
		float: left;
		display: flex;
	}
	.gallery_v_td_file {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: .5rem 0;
		flex: 2;
	}
	.gallery_viw_view {
		padding: 1rem 0;
	}
	.gallery_viw_stitle div.gallery_v_th {
		padding: .5rem;
	}
	.gallery_viw_stitle div.gallery_v_td {
		padding: .5rem;
	}
}



/* 후기영상 - 리스트 */
.vod_list_warp {
	width: 85%;
	border-top: 1px solid #000;
	padding: 1rem 0;
	margin: 0 auto;
}
.vod_list_warp ul {
	overflow:hidden;
	margin: 0 auto;
}
.vod_list_warp li {
	float: left;
	width: 30.333%;
	margin: 1.5%;
	border: 1px solid #ebecf5;
	border-radius: 5px;
}
.vod_list_img { 
	width:100%; 
	height: 200px; 
	overflow:hidden;
	border-bottom: 1px solid #ebecf5;
	border-radius: 5px 5px 0 0 ;
	overflow: hidden; /* 이미지가 커질 때 부모 영역을 벗어나는 것을 숨깁니다. */
	display: inline-block; /* 필요에 따라 블록 또는 인라인-블록으로 설정 */
}
.vod_list_img img { 
	width:100%; 
	height: 100%; 
	object-fit: cover;
	transition: transform 0.2s ease-in-out; /* 변환 효과에 0.3초의 부드러운 애니메이션 적용 */
	transform-origin: center center; /* 확대/축소 기준점을 이미지 중심으로 설정 */
}
.vod_list_img:hover img {
	transform: scale(1.1); /* 마우스 호버 시 1.1배로 확대 */
}
.vod_list_title { 
	padding: 1.25rem;
	box-sizing:border-box;
}
.vod_lst_tit {
	height: 50px; 
	font-size: 1.125rem;
	color: #000;
	font-weight:600;
	overflow: hidden; /* 영역을 벗어나는 내용 숨기기 */
	display: -webkit-box; /* 웹킷 기반 브라우저에서 박스 모델 사용 */
	-webkit-line-clamp: 2; /* 2줄까지만 보이도록 설정 */
	-webkit-box-orient: vertical; /* 수직 방향으로 내용 정렬 */
	word-break: break-all; /* 단어가 길 경우 잘라서 줄바꿈 */
}
.vod_lst_date {
	margin-top:1rem;
	font-size: .9375rem;
	color: #888;
}

/* 후기영상 - 리스트 미디어 쿼리 */
@media (max-width: 1200px) {
	.vod_list_warp {
		width: 100%;
	}
	.vod_list_warp li {
		width: 47%;
		margin: 1.5%;
	}
}

@media (max-width: 768px) {
	.vod_list_warp li {
		width: 100%;
		margin: 3% 0;
	}
}


/* 후기영상 - 뷰 */
.vod_view_warp { 
}
.vod_viw_stitle {
	overflow:hidden;
}
.vod_viw_stitle ul {
	padding: 0;
	border-top: 1px solid #000; 
}
.vod_viw_stitle li {
	border-bottom: 1px solid #ccc; 
}
.vod_v_title {
	width: 100%;
	padding: 1rem;
	box-sizing:border-box;
	background: #f8f8f8;
	font-size: 1.5625rem;
	font-weight:600;
}
.vod_v_name {
	width: 33.333%;
	float: left;
	display: flex;
	font-size: 1.125rem;
}
.vod_v_data {
	width: 33.333%;
	float: left;
	display: flex;
	font-size: 1.125rem;
}
.vod_v_views {
	width: 33.333%;
	float: left;
	display: flex;
	font-size: 1.125rem;
}
.vod_v_file {
	width: 100%;
	box-sizing:border-box;
	background: #f8f8f8;
	display: flex;
	font-size: 1.125rem;
	align-items: center;
}
.vod_v_td_file {
	display: flex;
	flex: 8;
	padding: 1rem 0;
	box-sizing:border-box;
}
.vod_v_td_file a {
	margin-right: 1rem;
}
.vod_v_td_file a:hover {
	text-decoration: underline;
	color: #596a9e;
	cursor: pointer;
	font-weight: 600;
}
.vod_viw_view {
	margin: 0 auto;
	width: 100%;
	padding: 2rem;
	box-sizing:border-box;
	font-size: 1.125rem;
	border-bottom: 1px solid #ccc; 
}
.vod_viw_vod {
	/* 화면 너비에 따라 크기가 변하는 부모 요소 */
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* 16:9 비율을 유지하기 위한 값 */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000; /* 로딩 중 배경색 */
	margin-bottom: 1rem;
}

.vod_viw_vod iframe {
	/* 부모 요소에 맞춰 크기를 채우는 자식 요소 */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vod_viw_view p.caption {
	width: 100%;
	display: block;
	margin-bottom: 1rem;
	font-size: .9375rem;
	color: #555;
}
.vod_viw_stitle div.vod_v_th {
	flex: 1;
	padding: 1rem;
	box-sizing:border-box;
	background: #f8f8f8;
	font-weight:600;
	display: flex;
	justify-content: center;
}
.vod_viw_stitle div.vod_v_td {
	flex: 2;
	padding: 1rem;
	box-sizing:border-box;
}

/* 후기영상 - 뷰 미디어 쿼리 */
@media (max-width: 768px) {
	.vod_v_title {
		font-size: 1.25rem
	}
	.vod_v_name {
		width: 100%;
		float: left;
		display: flex;
	}
	.vod_v_data {
		width: 100%;
		float: left;
		display: flex;
	}
	.vod_v_views {
		width: 100%;
		float: left;
		display: flex;
	}
	.vod_v_td_file {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: .5rem 0;
		flex: 2;
	}
	.vod_viw_view {
		padding: 1rem 0;
	}
	.vod_viw_stitle div.vod_v_th {
		padding: .5rem;
	}
	.vod_viw_stitle div.vod_v_td {
		padding: .5rem;
	}
}


/* 뷰페이지 버튼 */
.viw_btn_warp {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 2rem;
}
.viw_btn_warp .viw_btn1 {
	display: flex;
	align-items: center;
	padding: 1rem 2rem;
	border: 1px solid #ccc;
	background: #f8f8f8;
	border-radius:5px;
	font-size: 1.125rem;
	font-weight:400;
}

/* 뷰페이지 버튼 미디어 쿼리 */
@media (max-width: 768px) {
	.viw_btn_warp .viw_btn1 {
		padding: .3rem 1rem;
	}
}



/* OX퀴즈 */
.quiz_warp { 
	width: 1000px;
	margin : 0 auto;
}
.quiz_img_warp { 
	display: flex;
	justify-content: center;
}
.quiz_btn_warp {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3.125rem 0;
	border-bottom: 1px solid #ccc;
}
.quiz_btn_warp a.btn_o {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25%;
	font-size: 2.5rem;
	font-weight:600;
	color: #FFF;
	background: #0083df;
	border-radius:10px;
	margin-right: .6rem;
	padding: .2rem 0;
}
.quiz_btn_warp a.btn_x {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25%;
	font-size: 2.5rem;
	font-weight:600;
	color: #FFF;
	background: #323993;
	border-radius:10px;
	margin-right: .6rem;
	padding: .2rem 0;
}
.quiz_why_warp {
	text-align:center;
	font-size: 2.1875rem;
	word-break:keep-all;
	padding: 3.125rem 0 0;
	font-weight:800;
}
.quiz_info_warp {
	text-align:center;
	font-size: 1.4375rem;
	padding: 3.125rem 0;
}
.quiz_info_warp strong {
	font-weight:600;
}

/* OX퀴즈 미디어 쿼리 */
@media (max-width: 1200px) {
	.quiz_warp { 
		width: 100%;
	}
}
@media (max-width: 768px) {
	.quiz_btn_warp {
		padding: 1.25rem 0 1.25rem 0;
	}
	.quiz_btn_warp a.btn_o {
		width: 40%;
		font-size: 1.5rem;
		padding: .2rem 0;
	}
	.quiz_btn_warp a.btn_x {
		width: 40%;
		font-size: 1.5rem;
		padding: .2rem 0;
	}
	.quiz_why_warp {
		text-align:center;
		font-size: 1.25rem;
		padding: 1.25rem 0 0;
	}
	.quiz_info_warp {
		font-size: 1.125rem;
		padding: 1.25rem 0;
	}
}



/* 설문조사 */
.survey_warp {
	width: 70%;
	margin: 0 auto;
}
.survey_tb {
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 0px solid #ccc;
}
.survey_tb ul {
}
.survey_tb li {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
	border-bottom: 1px solid #f0f0f0;
	padding: 1.875rem 0;
}
.survey_th {
	padding: 0 0 1rem;
	box-sizing: border-box;
	font-size: 1.25rem;
	font-weight: 600;
}
.survey_th span {
	font-size: .9375rem;
	font-weight: 400;
}
.survey_td {
	width:100%;
	font-size: 1.125rem;
}
.survey_tb input {
	background: #FFF;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.survey_tb input::placeholder { 
    color: #ccc;
}
.survey_tb input.survey_neme {
	width:100%;
}
.survey_tb textarea {
	padding: .5rem;
	width:100%;
	height: 100px;
	border-radius: 8px;
	border: 1px solid #ccc;
}
.survey_tb textarea::placeholder { 
    color: #ccc;
}
.survey_item {
	display: flex;
	align-items: center;
}
.survey_item label {
	margin: 0 0 0 5px;
	font-size: 1.125rem;
}

/* 설문조사 미디어 쿼리 */
@media (max-width: 1200px) {
	.survey_warp {
		width: 100%;
	}
	.survey_tb input {
		width:100%;
	}
}
@media (max-width: 768px) {
	.survey_tb {
		border-bottom: 1px solid #ccc;
	}
	.survey_tb li {
		border-bottom: 0px solid #f0f0f0;
		padding: 1rem 0;
		box-sizing: border-box;
	}
	.survey_th {
		font-size: 1.125rem;
		padding: 0 0 .3rem;
		box-sizing: border-box;
	}
	.survey_tb input {
		width:100%;
	}
	.survey_th span {
		display:block;
	}
}



/* 댓글이벤트 */
.comment_warp {
	width: 1000px;
	margin: 0 auto;
}
.comment_img_warp {
	width: 100%;
	border-bottom: 2px solid #323993;
}
.comment_img_warp img {
	width: 100%;
}
.comment_info_warp {
	padding: 1.25rem;
	box-sizing: border-box;
}
.comment_comn_warp {
	border-top: 2px solid #323993;
}
.comment_comn_warp ul {
	overflow:hidden;
}
.comment_comn_warp li {
	padding: 1.25rem;
	box-sizing: border-box;
	border-bottom: 1px dotted #ddd;
	background: #f8f8f8;
}
.comn_name { 
	font-size: 1.125rem;
	color: #000;
	font-weight: 800;
}
.comn_name span { 
	font-size: .9375rem;
	color: #888;
	font-weight: 600;
}
.comn_detail { 
	margin-top: .3rem;
	font-size: 1rem;
	color: #000;
	word-break:keep-all;
}
.comment_tb {
	width:100%;
}
.comment_tb ul {
}
.comment_tb li {
	padding: .5rem 0;
	box-sizing: border-box;
	display: flex;
}
.comment_th { 
	flex:1;
	font-size: 1.25rem;
	font-weight: 600;
}
.comment_td {
	flex:5;
	font-size: 1.125rem;
}
.comment_tb input.comment_neme {
	width: 30%;
}
.comment_tb input {
    background: #FFF;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.comment_tb input::placeholder { 
    color: #ccc;
}
.comment_tb textarea {
    padding: .5rem;
    width: 100%;
    height: 100px;
    border-radius: 8px;
	border: 1px solid #ccc;
}
.comment_tb textarea::placeholder { 
    color: #ccc;
}

/* 댓글이벤트 미디어 쿼리 */
@media (max-width: 1200px) {
	.comment_warp {
		width: 100%;
	}
	.comment_tb input.comment_neme {
		width: 50%;
	}
}
@media (max-width: 768px) {
	.comment_info_warp {
		padding: 0 0 2rem 0;
	}
	.comment_tb li {
		display: flex;
		flex-direction: column;
	}
	.comment_tb input.comment_neme {
		width: 100%;
	}
	.comment_th { 
		flex:1;
	}
	.comment_td {
		flex:1;
	}
}



/* 공동선언문 */
.signature_warp {
	width: 850px;
	margin: 0 auto;
	border: 2px solid #7c4a26;
}
.signature_img_warp {
	width: 100%;
}
.signature_img_warp img {
	width: 100%;
}
.signature_info {
	padding: 0 3.125rem;
	box-sizing: border-box;
}
.sig_title {
	font-family: 'KBIZHanmaumMyungjo';
	font-size: 2.0625rem;
	color: #855734;
	font-weight:600;
	text-align:center;
	margin-bottom: 2.5rem;
	word-break:keep-all;
}
.sig_txt {
	font-family: 'KBIZHanmaumMyungjo';
	font-size: 1.0625rem;
	line-height: 1.875rem;
	font-weight:600;
	color: #333;
	word-break:keep-all;
}
.sig_txt span {
	color: #000;
}
.sig_date {
	font-family: 'KBIZHanmaumMyungjo';
	font-size: 1.4375rem;
	color: #000;
	font-weight:600;
	text-align:center;
	margin: 3.75rem 0 2.5rem 0;
}
.signature_tb {
	border-top: 1px solid #000;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}
.signature_tb ul {
	overflow:hidden;
	border-bottom: 0px solid #ccc;
}
.signature_tb li {
	padding: 1.25rem;
	box-sizing: border-box;
	display: flex;
	border-bottom: 1px solid #ccc;
}
.signature_th {
	flex: 1;
	font-size: 1.25rem;
	font-weight: 600;
}
.signature_td {
	flex: 4;
	font-size: 1.125rem;
}
.signature_colspan {
	width: 100%;
	font-size: 1.25rem;
	font-weight: 600;
	display: flex;
	flex-direction: column;
}
.signature_item {
	display: flex;
	align-items: center;
	line-height: 2.5rem;
}
.signature_neme {
	width: 50%;
}
.signature_region {
	width: 50%;
}
.signature_tb input {
    background: #FFF;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.signature_tb input::placeholder { 
    color: #ccc;
}
.signature_tb label {
    margin: 0 0 0 5px;
    font-size: 1.125rem;
}
.signature_btn_warp { 
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 1.25rem;
}
.signature_btn_warp a.sig_btn1  { 
	width:40%;
	font-size: 1.25rem;
	font-weight:600;
	margin-right: .5rem;
	padding: 1rem;
	background: #845633;
	color: #FFF;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.signature_btn_warp a.sig_btn2  { 
	width:40%;
	font-size: 1.25rem;
	font-weight:600;
	margin-right: .3rem;
	padding: 1rem;
	background: #9c8146;
	color: #FFF;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mo_br {
	display:none;
}

/* 공동선언문 미디어 쿼리 */
@media (max-width: 1200px) {
	.signature_warp {
		width: 100%;
	}
	.signature_neme {
		width: 50%;
	}
	.signature_region {
		width: 50%;
	}
}
@media (max-width: 768px) {
	.signature_info {
		padding: 0 1.125rem;
		box-sizing: border-box;
	}
	.sig_title {
		font-size: 1.25rem;
		margin-bottom: 1rem;
	}
	.signature_tb ul {
		border-bottom: 1px solid #ccc;
	}
	.signature_tb li {
		padding: 1.25rem 0;
		display: flex;
		flex-direction: column;
		border-bottom: 0px solid #ccc;
	}
	.signature_th {
		flex: 1;
		font-size: 1.125rem;
	}
	.signature_td {
		flex: 1;
	}
	.signature_colspan {
		display: flex;
	}
	.signature_tb label {
		font-size: 1.125rem;
	}
	.pc_br {
		display:none;
	}
	.signature_neme {
		width: 100%;
	}
	.signature_region {
		width: 100%;
	}
	.signature_btn_warp a.sig_btn1  { 
		width:48%;
		font-size: 1.125rem;
		letter-spacing:-1px;
	}
	.signature_btn_warp a.sig_btn2  { 
		width:48%;
		font-size: 1.125rem;
		letter-spacing:-1px;
	}
	.sig_date {
		margin: 1.75rem 0 1.5rem 0;
		font-size: 1.25rem;
	}
}


/* 공동선언문 하단 */
.signature_tb_warp {
	width: 850px;
	margin: 5rem auto 0;
}
.signature_tb_warp ul {
	overflow:hidden;
	padding: 2% 0; 
}
.signature_tb_warp li {
	width: 19%;
	margin: .5%;
	float: left;
	overflow:hidden;
}
.ddiv {
	width: 100%;
	padding: 10px;
	background: #f2eeea;
	border-radius:8px;
	font-size: 0.9375rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ddiv span {
	font-weight:600;
	margin-right: 4px;
}
.signature_tit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1rem;
	border-bottom: 1px solid #000;
}
.sgn_l {
	font-size: 1.25rem;
    font-weight: 600;
    color: #000;
}
.sgn_r {
	font-size: 1.125rem;
	color: #000;
}
.sgn_r span {
	font-weight: 600;
}

/* 공동선언문 하단 미디어 쿼리 */
@media (max-width: 1200px) {
	.signature_tb_warp {
		width: 100%;
	}
	.signature_tb_warp li {
		width: 32.333%;
	}
}
@media (max-width: 768px) {
	.signature_tit {
		padding-bottom: .5rem;
	}
	.signature_tb_warp li {
		width: 49%;
	}
}



/* 페이징 */
.pageing {
	margin-top: 3.125rem;
	box-sizing: border-box;
	display: flex;
}
.pageing ul {
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
    align-items: center;
}
.pageing li {
	width: 2.5rem;
	margin: 0 .2rem;
	display: flex;
	justify-content: space-evenly;
}
.pageing li a:hover {
	text-decoration: underline;
	color: #596a9e;
	cursor: pointer;
	font-weight: 600;
}
.pageing li.pageOn {
	text-decoration: underline;
	color: #596a9e;
	cursor: pointer;
	font-weight: 600;
}

/* 페이징 미디어 쿼리 */
@media (max-width: 768px) {
	.pageing {
		margin-top: 1.25rem;
	}
	.pageing li {
		width: 1.7rem;
	}
}