/* *************** COMMON *************** */

.board {padding-top: 6%;}

.board-wrap {overflow: hidden;}
.board-wrap .board_content {text-align: center;}

.board-wrap .board_tit {overflow: hidden; margin-bottom: 100px;}
.board-wrap .board_tit.list{margin-bottom: 40px;}
.board-wrap .board_tit.qna_tit {margin-bottom: 100px;}
.board-wrap .board_tit h2 {font-size: 60rem; font-weight: 500; color: #222;}
.board-wrap .board_tit span {font-size: 19rem; font-weight: 400; color: #333; margin-left: 20px;}

.board-wrap .page_Num {display: inline-block; margin: 100px 0;}
.board-wrap .page_Num strong {float: left; margin: 0 3px; width: 36px; height: 25px; text-indent: -9999px;}
.board-wrap .page_Num strong.first {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/board/paging_first.png) center center no-repeat;}
.board-wrap .page_Num strong.prev {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/board/paging_prev.png) center center no-repeat; margin-right: 20px;}
.board-wrap .page_Num strong.next {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/board/paging_next.png) center center no-repeat; margin-left: 20px;}
.board-wrap .page_Num strong.last {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/board/paging_last.png) center center no-repeat;}
.board-wrap .page_Num a {float: left; line-height: 25px; color: #999; padding: 0 5px; margin: 0 15px; font-weight: 400; font-size: 14px;}
.board-wrap .page_Num a.thisPage {border-bottom: 2px solid #222; font-weight: bold; color: #222;}

.board-wrap input[type="checkbox"] {display:none;}
.board-wrap input[type="checkbox"] + label {font-size: 20rem; font-weight: 400;}
.board-wrap input[type="checkbox"] + label strong {margin-right: 10px; display:inline-block; width: 28px; height: 28px; vertical-align:middle;
						border: 1px solid #ddd; cursor:pointer;}
.board-wrap input[type="checkbox"]:checked + label strong {
						background: #000 url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/checkicon.png) center center no-repeat;}
.board-wrap .search-box{margin-bottom: 30px; float: right;}
.board-wrap .search-box input {border-bottom: 1px solid #525252; width: 350px; height: 42px; line-height: 42px; color: #222; font-size: 15px;
			padding-right:35px; float: left; margin-right:5px;}
.board-wrap .search-box .btn_search {outline: none; background: none; float: left;}
.board-wrap .search-box .btn_search span {text-indent: -9999px; width: 42px; height: 42px; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/board/search-box-search.png) center center no-repeat; margin-left:-47px;}


@media screen and (max-width: 1920px){
	.event-list ul li {height: 34em;}
}

@media screen and (max-width: 1600px){
	.event-list ul li {height: 550px;}
}

@media screen and (max-width: 1024px){
	.board {padding-top: 100px;}
	.board-wrap .notice_view thead tr:first-child td span{font-size: 25px;}
	
	.board-wrap .search-box{width:100%;}
	.board-wrap .search-box input{width:100%;}
}

@media screen and (max-width: 970px){
	.board-wrap .board_tit,
	.board-wrap .board_tit.qna_tit {margin-bottom: 50px;}
	.board-wrap .board_tit h2 {font-size: 50px;}s
	.board-wrap .board_tit span {display: block; margin: 20px 0 0;}
	
	.board-wrap .page_Num strong {width: 24px; height: 25px;}
	.board-wrap .page_Num a {font-size: 15px; line-height: 24px; margin: 0 5px;}
	
	.board-wrap .notice_view thead tr:first-child td span{font-size:20px; font-weight:400;}
	
}
	
@media screen and (max-width: 768px){
	.board-wrap .board_tit h2 {font-size: 40px;}
}

@media screen and (max-width: 640px){
	
	.board {padding-top: 70px;}
	
	.board-wrap .board_tit h2 {font-size: 30px;}
	.board-wrap .board_tit span {font-size: 15px;}
	
	.board-wrap .page_Num strong {width: 24px; height: 25px;}
	.board-wrap .page_Num a {font-size: 15px; line-height: 24px; margin: 0 5px;}
}

/* *************** NOTICE *************** */

.board-wrap .notice_list {width: 100%; border-top: 1px solid #252525; }
.board-wrap .notice_list tbody td {height: 100px; border-bottom: 1px solid #e2e2e2; color: #000; font-weight: 400;}
.board-wrap .notice_list tbody td.number {width: 10%; text-align: center; font-size: 20rem;}
.board-wrap .notice_list tbody td.title {text-align: left; width: 80%; font-size: 22rem;}
.board-wrap .notice_list tbody td.title a {width: 100%; height: 100%; line-height: 99px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;overflow:hidden; display:block; max-width: 1278px;}
.board-wrap .notice_list tbody td.day {width: 10%; text-align: center; font-size: 18rem; color: #666;}
.board-wrap .notice_list tbody td .noti_btn {color: #fff; background: #222; padding: 12px 0; width: 50%; font-size: 14rem;}
/* 공지 아이콘 */
.board-wrap .notice_list tbody td span.icon_notice {
  display: inline-block;
  width: 23px;
  height: 21px;
  background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/board/notice.png) center center no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 6px;
  text-indent: -9999px;
}
tbody td.nodata {padding:60px 0;}
tbody td.nodata p {font-size: 20px; margin-top: 35px; color: #949494; font-weight: 300;}

.board-wrap .notice_view {width: 100%; table-layout: fixed;}
.board-wrap .notice_view thead tr:first-child td {border-top: 1px solid #252525; border-bottom: 1px solid #e2e2e2; padding: 35px 70px; font-size: 30rem; color: #000; line-height: 1.5em; white-space: normal; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.board-wrap .notice_view thead tr:first-child td span{width:88%;}
.board-wrap .notice_view thead tr:first-child td span.promotion{max-width:1247px;}
.board-wrap .notice_view thead tr td {text-align: left; border-bottom: 1px solid #e0e0e0; padding: 30px 70px; color: #525252; overflow: hidden;}
.board-wrap .notice_view thead tr .day {font-size: 18rem; display: inline-block; float: right; color: #666;}
.board-wrap .notice_view thead tr .maintext {font-size: 18rem; display: inline-block; float: left; color: #666;}
.board-wrap .notice_view thead tr .download {font-size: 17rem; font-weight: 400; color: #666; display: block; }
.board-wrap .notice_view thead tr .download a span {border-bottom: 1px solid #666; padding: 0 2px; margin-right:10px;}
.board-wrap .notice_view thead tr .download strong {margin-right: 8px; vertical-align: middle; width: 24px; height: 22px; display: inline-block; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/board/download.png) no-repeat;}

.board-wrap .notice_view tbody {text-align: left;}
.board-wrap .notice_view tbody tr td {padding: 30px 0 30px 70px; border-bottom: 1px solid #e0e0e0; font-size: 18rem; font-weight: 400; width: 50%;}
.board-wrap .notice_view tbody tr td.content {padding: 70px; color: #666; font-size: 18rem; line-height: 1.4em; font-weight: 400;}
.board-wrap .notice_view tbody tr td.content.event {text-align: center;}
.board-wrap .notice_view tbody tr td.content img {max-width: 100%;}
.board-wrap .notice_view tbody tr td strong {display: inline-block; padding-right: 15px; color: #222; font-weight: 500; vertical-align: top;}
.board-wrap .notice_view tbody tr td a {color: #666; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;overflow:hidden; display:block; width: calc(655px - 1em);display: inline-block;}
.board-wrap .notice_view tbody tr td a:hover {text-decoration: underline;}
.board-wrap .notice_view tbody tr td .board_prev {border-right: 1px solid #e0e0e0;}

.board-wrap .list-bt {display: inline-block; margin: 90px 0;}
.board-wrap .list-bt a {display: inline-block; padding: 30px 90px; border: 1px solid #888; font-weight: 600; font-size: 20rem; text-align: center;}


/* *************** FAQ *************** */

.board-wrap .faq_list {border-top: 1px solid #252525;}
.board-wrap .faq_list ul li {font-size: 22rem; width: 100%; overflow: hidden; line-height: 100px; border-bottom: 1px solid #e2e2e2; cursor: pointer; text-align: left; color: #000;}
.board-wrap .faq_list ul li .tit {padding-right:30px; display: flex; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/board/faq_open.png) right 30px center no-repeat;}
.board-wrap .faq_list ul li .mark {width: 7%; color: #000; display: inline-block; text-align: center; font-size: 30rem; vertical-align: top; font-weight: 400;}
.board-wrap .faq_list ul li .kind {width: 10%; color: #999; display: inline-block; text-align: left; font-size: 22rem;}
.board-wrap .faq_list ul li .content.faq{max-width: 90%; width: 80%; line-height:35px; padding:30px 0; display: block;}
.board-wrap .faq_list ul li .content{max-width: 90%;}
.board-wrap .faq_list ul li.open .tit {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/board/faq_close.png) right 30px center no-repeat;}
.board-wrap .faq_list .answer {display: none; line-height: 25px; background: #f9f9f9; color: #666; font-size: 16rem; padding: 70px 30px; position: relative;}



/* *************** EVENT *************** */

.event-list {width: 100%; overflow: hidden; text-align: left;}
.event-list ul {overflow: hidden;}
.event-list ul li {width: 31%; margin-right: 3.5%; margin-bottom: 5%; float: left;}
.event-list ul li.pro_nodata {margin: 0 auto; width: 100%;}
.event-list ul li:nth-child(3n) {margin-right: 0;}
.event-list ul li a {width: 100%;}
.event-list ul li a .img_wrap {width: 100%; margin-bottom: 30px;}
.event-list ul li a .img_wrap img {width: 100%;height: 366px;object-fit: cover;}
.event-list ul li a h3 {font-size: 27rem; font-weight: 600; color: #222; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.event-list ul li a p {font-size: 19rem; font-weight: 400; color: #666; margin: 15px 0; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 50px}
.event-list ul li a .day {color: #a1a1a1; font-size: 17rem; font-weight: 400;}


/* *************** QNA *************** */
.qna_box {text-align: left; font-weight: 400; margin-bottom: 80px; overflow: hidden; font-size: 18px;}
.qna_box:last-child {margin-bottom: 0;}
.qna_box h3 {font-size: 30rem; color: #333; font-weight: 600; border-bottom: 1px solid #252525; padding-bottom: 10px; margin-bottom: 30px;}
.qna_box p {font-size: 22rem; color: #000;}
.qna_box .red {color: #b50102;}

.qna_box .privacy_box {border: 1px solid #ddd; padding: 40px; margin-top: 30px; font-size: 16px;}
.qna_box .text_wrap ul {overflow: hidden; width: 100%;}
.qna_box .text_wrap ul li {float: left; width: 45%; margin-right: 10%; margin-bottom: 30px;}
.qna_box .text_wrap ul li.w100 {width: 100%; margin-right: 0;}
.qna_box .text_wrap ul li:nth-child(2n) {margin-right: 0;}
.qna_box .text_wrap ul li:last-child {margin-bottom: 0;}
.qna_box .text_wrap ul li span {width: 20%; max-width: 140px;}
.qna_box .text_wrap ul li span.radio span {width: 20px;}
.qna_box .text_wrap ul li input.text {width: 80%; border: 1px solid #ddd; padding: 10px 15px;}
.qna_box .text_wrap ul li.w100 input.text {width: 90%;}
.qna_box .text_wrap ul li em {margin: 0 5px;}
.qna_box .text_wrap ul li .radio_wrap {display: inline-block; width: 70%;}
.qna_box .text_wrap ul li .radio_wrap .radio {width: auto; margin-right: 20px; max-width: none;}
.qna_box .text_wrap ul li textarea {width: 90%; border: 1px solid #ddd; padding: 10px 15px; vertical-align: top;}

.check_wrap {overflow: hidden;}
.check_wrap p {float: left;}
.check_wrap .board-privacy-agree {float: right;}


/* *************** RULES *************** */
.board_content .rules {text-align: left; min-height: 500px;}
.board_content .rules li {margin-bottom: 15px; color: #666;}
.board_content .rules li h2 {font-size: 20rem; font-weight: 500; color: #333; margin-bottom: 10px;}
.board_content .rules li p {font-size: 18rem;}


.nodata_g {font-size: 20rem; line-height: 1.6em; border: none; padding: 60px 0; text-align: center;}
.event-list .nodata_g {margin: 0 auto !important;float: none !important;height: auto;}
.nodata_g p {margin-top: 35px; color: #949494;}
.promotion_wrap .nodata_g {padding: 120px 0;}

@media screen and (max-width: 1920px){
	.board-wrap .notice_list tbody td.title a {max-width: 1200px;}
}

@media screen and (max-width: 1800px){
	.board-wrap .notice_list tbody td.title a {max-width: 1150px;}
	.board-wrap .notice_view tbody tr td a {width: calc(600px - 1em);}
}

@media screen and (max-width: 1660px){
	.board-wrap .notice_list tbody td.title a {max-width: 1080px;}
	.board-wrap .notice_view tbody tr td a {width: calc(540px - 1em);}
}

@media screen and (max-width: 1520px){
	.board-wrap .notice_view tbody tr td a {width: calc(400px - 1em);}
	.board-wrap .notice_list tbody td.title a {max-width: 880px;}
	.qna_box .text_wrap ul li.w100 input.text,
	.qna_box .text_wrap ul li textarea {width: 82%;}
	.board-wrap .notice_list tbody td.title{max-width: 70%;}
	.board-wrap .notice_list tbody td.number{width: 17%;}
	.board-wrap .notice_list tbody td.day{width:12%;}
}

@media screen and (max-width: 1400px){
	.board-wrap .notice_list tbody td.number{width:15%;}
	.board-wrap .notice_list tbody td.title a{max-width: 870px;}
	.board-wrap .notice_list tbody td.title{width: 68%;}
	.board-wrap .notice_view tbody tr td a{width: calc(450px - 1em);}
}

@media screen and (max-width: 1300px){
	.board-wrap .notice_list tbody td.title a{max-width: 845px;}
	.board-wrap .notice_list tbody td.title{width: 50%;}
	.board-wrap .notice_view tbody tr td a{width: calc(400px - 1em);}
}

@media screen and (max-width: 1200px){
	.board-wrap .notice_list tbody td.number{width: 25%;}
	.board-wrap .notice_list tbody td.title{width: 50%;}
	.board-wrap .notice_list tbody td.day{width: 25%;}
	.board-wrap .notice_list tbody td.title a{width: 645px;}
	.board-wrap .notice_view tbody tr td a{width: calc(320px - 1em);}
}

@media screen and (max-width: 1020px){ 
	.board-wrap .notice_view tbody tr td a{width: calc(300px - 1em);}
}
@media screen and (max-width: 970px){ 
	
	.board-wrap .notice_list tbody td {height: 70px;}
	.board-wrap .notice_list tbody td.title a {line-height: 69px; max-width: 555px;}
	.board-wrap .notice_list tbody td.number {width: 15%; font-size: 16px;}
	.board-wrap .notice_list tbody td.title {width: 65%; font-size: 17px;}
	.board-wrap .notice_list tbody td.day {width: 17%; font-size: 16px;}
	.board-wrap .notice_list tbody td .noti_btn {padding: 7px 0; width: 75%; font-size: 14px;}
	
	.board-wrap .notice_view thead tr:first-child td,
	.board-wrap .notice_view thead tr td {padding: 20px 10px; font-size: 16px;}
	.board-wrap .notice_view thead tr .day {font-size: 15px;}
	.board-wrap .notice_view tbody tr td.content {padding: 30px 10px; font-size: 15px;}
	.board-wrap .notice_view thead tr .download {font-size: 15px;}
	.board-wrap .notice_view tbody tr td {font-size: 15px; padding: 20px 10px;}
	
	.board-wrap .list-bt {margin: 60px 0;}
	.board-wrap .list-bt a {padding: 20px 70px; font-size: 18px;}
	
	
	.board-wrap .faq_list ul li {line-height: 60px; font-size: 15px;}
	.board-wrap .faq_list ul li .tit {padding: 0 10px; background-position: right 10px center;}
	.board-wrap .faq_list ul li .mark {font-size: 20px;}
	.board-wrap .faq_list ul li .kind {font-size: 14px;}
	.board-wrap .faq_list ul li.open .tit {background-position: right 10px center;}
	.board-wrap .faq_list .answer {padding: 40px 10px;}
	.board-wrap .faq_list .answer .content {width: 87%;}
	.board-wrap .faq_list ul li .content.faq{padding: 10px 0; line-height: 25px;}
	
	.event-list ul li,
	.event-list ul li:nth-child(3n) {width: 49%; margin-right: 2%;}
	.event-list ul li:nth-child(2n) {margin-right: 0;}
	.event-list ul li a h3 {font-size: 25px;}
	.event-list ul li a p {font-size: 17px;}
	.event-list ul li a .day {font-size: 15px;}
	
	.qna_box {font-size: 16px;}
	.qna_box h3 {font-size: 19px; margin-bottom: 20px;}
	.qna_box .privacy_box {padding: 10px 15px; font-size: 14px;}
		
	.qna_box .text_wrap ul li {float: none; width: 100%;}
	.qna_box .text_wrap ul li .tit {vertical-align: top; padding-top: 8px;}
	.qna_box .text_wrap ul li input.text,
	.qna_box .text_wrap ul li.w100 input.text,
	.qna_box .text_wrap ul li textarea {width: 80%;}
	.qna_box .text_wrap ul li span {max-width: 75px;}
	.qna_box .text_wrap ul li .radio_wrap span {width: 24%;}
	
	.check_wrap p {font-size: 18px;}
	
	
	.board_content .rules li h2 {font-size: 18px;}
	.board_content .rules li p {font-size: 15px;}
	
	.nodata_g {font-size: 17px;}
	
	.board-wrap .notice_view tbody tr td a {width: calc(350px - 1em);}
	
	.board-wrap .faq_list ul li .content{width:70%;}
}

@media screen and (max-width: 900px){ 
	.board-wrap .notice_view tbody tr td a {width: calc(300px - 1em);}
}

@media screen and (max-width: 800px){ 
	.board-wrap .notice_list tbody td.title a{max-width: 470px;}
	.board-wrap .notice_view tbody tr td a {width: calc(250px - 1em);}
	.board-wrap .notice_list tbody td.title a{max-width: 470px;}
}

@media screen and (max-width: 768px){ 
	.board-wrap .notice_view thead tr .day{float: left;}
	.board-wrap .notice_view thead tr:first-child td span{width: 100%;}
	.board-wrap .notice_list tbody td.title a{max-width: 400px;}
	.board-wrap .board_tit span{margin-left: 0;}
	.event-list ul li a .img_wrap img, .event-list ul li a p {height: auto;}
}

@media screen and (max-width: 680px){ 
	.board-wrap .notice_view tbody tr td a {width: calc(230px - 1em);}
	.board-wrap .faq_list ul li .content.faq{width: 78%; padding: 15px 0;}
}
@media screen and (max-width: 640px){ 
	
	.board-wrap .notice_list tbody td.number {width: 23%; font-size: 15px;}
	.board-wrap .notice_list tbody td.title {width: 77%; font-size: 16px;}
	.board-wrap .notice_list tbody td.day {display: none;}
	.board-wrap .notice_list tbody td .noti_btn {padding: 7px 0; width: 75%; font-size: 12px;}
	
	.event-list ul li, .event-list ul li:nth-child(3n) {width: 100%; margin-right: 0; margin-bottom: 10%;}
	.event-list ul li a h3 {font-size: 21px;}
	.event-list ul li a p {font-size: 15px; margin: 15px 0 30px;}
	.event-list ul li a .img_wrap {margin-bottom: 15px;}
	
	.board-wrap .list-bt {margin: 40px 0;}
	.board-wrap .list-bt a {padding: 15px 55px; font-size: 16px;}
	
	.board-wrap .faq_list ul li .mark {font-size: 22px;}
	.board-wrap .faq_list ul li .kind {font-size: 15px; width: 12%;}
	.board-wrap .faq_list .answer {padding: 30px 10px; font-size: 15px;}
	.board-wrap .faq_list ul li .content.faq{width: 73%; line-height: 20px; padding:20px 0;}
	
	.qna_box .privacy_box {margin-top: 20px;}
	.qna_box .text_wrap ul li .radio_wrap {width: 78%;}
	.qna_box .text_wrap ul li .radio_wrap span {width: 20%;}
	
	.board-wrap input[type="checkbox"] + label {font-size: 15px;}
	.board-wrap input[type="checkbox"] + label strong {width: 20px; height: 20px;}
	.board-wrap input[type="checkbox"]:checked + label strong {background-size: contain;}
	
	.check_wrap p {font-size: 15px;}
	
	.board-wrap .notice_list tbody td.title a {max-width: 380px;}
	/* .board-wrap .notice_view tbody tr td a {width: calc(185px - 1em);} */
	
	.event-list ul li{height: auto;}
	
	
}

@media screen and (max-width: 570px){ 
	.board-wrap .notice_view tbody tr td a {width: calc(235px - 1em);}
}

@media screen and (max-width: 520px){ 
	.board-wrap .notice_view tbody tr td a {width: calc(200px - 1em);}
	.board-wrap .faq_list ul li .kind {width: 15%;}
}

@media screen and (max-width: 470px){ 
	.board-wrap .notice_list tbody td.title a {max-width: 270px;}
	.board-wrap .notice_view tbody tr td a {width: calc(160px - 1em);}
	.event-list ul li{height: 25em;}
	.board-wrap .search-box{float: left;}
}

@media screen and (max-width: 380px){ 
	.board-wrap .notice_view tbody tr td a {width: calc(140px - 1em);}
	.board-wrap .faq_list ul li .kind {width: 17%;}
}
@media screen and (max-width: 360px){ 
	.board-wrap .notice_list tbody td.title a {max-width: 240px;}
	/* .board-wrap .notice_view tbody tr td a {width: calc(85px - 1em);} */
	.event-list ul li{height: 25em;}

}

/* QNA */

.board-privacy {
  margin-top: 50px;
  color: #555;
  font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
}

.board-privacy-box {
  width: 100%;
  height: 230px;
  border: 1px solid #ddd;
  background: #fefefe;
  padding: 40px 50px;
  overflow-y: auto;
  font-size: 15px;
  text-align: left;
  margin-bottom: 25px;
  border-radius: 8px; /* ✅ 모서리 부드럽게 */
  line-height: 1.6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.board-privacy-agree {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

/* 기본 체크박스 숨김 */
.board-privacy input[type="checkbox"] {
  display: none;
}

/* 체크박스 스타일 */
.board-privacy input[type="checkbox"] + label {
  font-size: 16px;
  color: #333;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.board-privacy input[type="checkbox"] + label strong {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1.5px solid #bbb;
  border-radius: 6px; /* ✅ 모서리 둥글게 */
  margin-right: 10px;
  background-color: #fff;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.board-privacy input[type="checkbox"]:checked + label strong {
  background-color: #c5927e;
  background-image: url(/GyeongwonjaeByWalkerhill_common/images/homepage/board/checked.png);
  background-repeat: no-repeat;
  background-position: center;
  border-color: #c5927e;
}

/* 우측 설명 텍스트 */
.board-privacy span {
  position: absolute;
  right: 0;
  color: #c5927e;
  font-size: 14px;
  letter-spacing: -0.5px;
  margin-top: 4px;
}


/* Q&A */
.qna-write {border-top: 3px solid #26252b; border-bottom: 1px solid #cccccc;padding: 17px 0; color: #323232; font-size: 22rem;font-weight: 400;}
.qna-write.npd {padding: 0;}
.qna-write li {text-align: left; padding: 10px 2.5%; width: 100%; overflow: hidden;}
.qna-write li > .tit {float: left; display: inline-block; width: 10%; font-size: 22rem; letter-spacing: -1px; line-height: 40px;}
.qna-write li > .tit em {color: #ea072d; font-size: 22rem; vertical-align: -9px; margin-left: 2px; height: 10px; display: inline-block;}
.qna-write li > .tit label {display: inline-block; line-height: 1.5em;}
.qna-write li > .con {float: left; width: 90%;}
.qna-write li > .con p {font-size: 22rem; color: #666;}
.qna-write li > .con p.mgb {margin-bottom: 12px;}
.qna-write li > .con .text {padding-top: 8px; color: #666; line-height: 1.6;}
.qna-write li > .con .bt {min-width: 90px; text-align: center; line-height: 38px; height: 40px; font-size: 22rem;}
.qna-write li > .con .mgl {margin-left: 8px;}
.qna-write li > .con .bk {color: #222;}
.qna-write li > .con .input-bt {overflow: hidden; width: 100%;}
.qna-write li > .con .input-bt input, .qna-write li .con .input-bt .bt {float: left;}
.qna-write li > .con .input-bt input {width: calc(100% - 75px)!important; margin-right: 5px;}
.qna-write li > .con .input-bt .bt {width: 70px; min-width: 70px;}
.qna-write.join li > .tit {width: 17%;}
.qna-write.join li > .con {width: 83%;}
.qna-write.join li .not {/* color: #989797; */ font-size: 22rem; margin-left: 10px;}
.qna-write li input, .qna-write li select {font-size: 22rem; border: 1px solid #cccccc; height: 40px; padding: 0 10px;}
.qna-write li input {width: 270px;}
.qna-write li input.mgr {margin-right: 10px;}
.qna-write li input.w445 {width: 445px;}
.qna-write li .input-wrap label {margin-right: 10px; color: #666;}
.qna-write li .input-wrap.i2 input:first-child {margin-right: 5px;}
.qna-write li .mgt {margin-top: 5px;}
.qna-write li .email01 {width: 190px; margin-right: 5px;}
.qna-write li .at {text-align: center;}
.qna-write li .email02 {width: 220px;margin-left: 8px;}
.qna-write li .email03 {margin-left: 8px;}
.qna-write li select {width: 270px;}
.qna-write li.birth select {width: 130px; margin-right: 5px; background-position: right 10px center;}
.qna-write li textarea {width: 595px; border: 1px solid #cccccc; vertical-align: top; padding: 10px;}
.qna-write li input.title {width: 595px;}
.qna-write li .select-wrap {overflow: hidden; vertical-align: middle;}
.qna-write li .select-wrap.w270 {width: 270px;}
.qna-write li .select-wrap .select {float: left; width: 48.5%; margin-right: 3%;}
.qna-write li .select-wrap .select:nth-child(2n) {margin-right: 0;}
.qna-write li .select-wrap .select select {width: 100%;}
.qna-write li .people-wrap {overflow: hidden;}
.qna-write li .people-wrap .select-wrap {float: left;}
.qna-write li .people-wrap .refer {float: left; margin-left: 7px; margin-top: 10px; font-size: 22rem;}
.qna-write li .radio-wrap {}
.qna-write li .radio-wrap.mgl {margin-left: 30px;}
.qna-write li .radio-wrap .radio {margin-right: 30px;}
.qna-write li .radio-wrap .radio:last-child {margin-right: 0;}
.qna-write li .radio-wrap .radio label {color: #666;}
.qna-write li .card-wrap {width: 100%;}
.qna-write li .card-wrap .ex, .qna-write li .card-wrap .num, .qna-write li .card-wrap .btw {float: left;}
.qna-write li .card-wrap .ex {width: 75px; font-size: 22rem; line-height: 40px; color: #666;}
.qna-write li .card-wrap .num {/* width: calc(100% - 300px); */ margin-right: 10px; overflow: hidden;}
.qna-write li .card-wrap .num .input {float: left; width: calc(25% - 8px); max-width: 100px;}
.qna-write li .card-wrap .num .input:last-child {margin-right: 0;}
.qna-write li .card-wrap .num .ds {float: left; width: 16px; line-height: 40px; text-align: center;}
.qna-write li .card-wrap .btw {width: 187px; overflow: hidden;}
.qna-write li .card-wrap .btw .bt {margin-right: 7px; float: left;}
.qna-write li .card-wrap .btw .bt:last-child {margin-right: 0;}
.qna-write li .point-wrap {width: 100%; max-width: 260px; padding-top: 7px;}
.qna-write li .point-wrap .line {width: 100%; display: table; table-layout: fixed; overflow: hidden; word-break: break-all; margin-bottom: 15px;}
.qna-write li .point-wrap .line .kind {width: auto; display: table-cell; color: #222; font-size: 22rem;}
.qna-write li .point-wrap .line .point {width: 100px; display: table-cell; text-align: right; color: #d11241; font-size: 22rem; font-weight: 700;}
.qna-write li .list-style.mgt {margin-top: 25px;}
.qna-write li .list-style ul li {padding: 0!important; padding-left: 12px!important; font-size: 22rem;/*  position: relative; color: #666; text-align: left; line-height: 1.6; margin-bottom: 2px; */}
.qna-write li .list-style ul li.n {padding-left: 0!important;}
.qna-write li .name-wrap {}
.qna-write li .name-wrap .name {margin-right: 12px;}
.qna-write li .name-wrap .name:last-child {margin-right: 0;}
.qna-write li .name-wrap .lang {margin-right: 7px;}
.qna-write li .name-wrap .input input {width: 220px;}
.qna-write select {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/faq_open.png) right 10px center no-repeat;}

/* 공통 버튼 스타일 */
.send-bt a,
.send-bt button {
	margin-top: 50px;
    margin-bottom: 50px;
  display: inline-block;
  background-color: #26252b;
  color: #fff;
  font-size: 16px;
  padding: 12px 36px;
  border: none;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* hover 효과 */
.send-bt a:hover,
.send-bt button:hover {
  background-color: #444;
}

/* 모바일 대응 */
@media screen and (max-width: 768px) {
  .send-bt a,
  .send-bt button {
    width: 100%;
    font-size: 15px;
    padding: 12px 0;
  }
}

@media screen and (max-width: 1200px){
	.qna-write.join li .not {display: block; margin-top: 8px; margin-left: 0;}
}

@media screen and (max-width: 970px){
	.board-privacy-box {padding: 0 30px; font-size: 14px;}
	.board-privacy-agree .check-wrap .input {display: block; margin-right: 0; margin-bottom: 12px;}
	.board-privacy-agree .check-wrap .input:last-child {margin-bottom: 0;}
	/* .board-privacy span {position: relative; display: block; text-align: right;} */
	.qna-write li > .tit {width: 14%; font-size: 15px;}
	.qna-write li > .tit em {font-size: 22px; vertical-align: -7px;}
	.qna-write li > .con {width: 86%;}
	.qna-write li > .tit.mBlock, .qna-write li > .con.mBlock {float: none!important; width: 100%!important;}
	.qna-write.join li > .con {width: 83%;}
	.qna-write li > .con .text {font-size: 15px;}
	/* .qna-write li input {width: 38%;} */
	.qna-write li .email-wrap {overflow: hidden; width: 70%;}
	.qna-write li .email-wrap .email01, .qna-write li .email-wrap .email02, .qna-write li .email-wrap .at {float: left; margin: 0;}
	.qna-write li .email-wrap .email01 {width: 38%;}
	.qna-write li .email-wrap .at {width: 8%; line-height: 30px;}
	.qna-write li .email-wrap .email02 {width: 54%; margin-left: 0;}
	.qna-write li .email03 {width: 70%; margin-top: 8px; margin-left: 0;}
	.qna-write li textarea {width: 85%;}
	.qna-write li > .con textarea {width: 100%;}
	.qna-write li input.title {width: 85%;}	
	.qna-write li input.w445 {width: 70%;}
	.qna-write li > .con input.title {width: 100%;}
	.qna-write li .radio-wrap {display: block;}
	.qna-write li .radio-wrap.nmgt {margin-top: 0;}
	.qna-write li .radio-wrap.mgl {margin-left: 0;}	
	.qna-write li .radio-wrap.mmgt {margin-top: 8px;}
	
	.qna-write li .card-wrap {margin-top: 12px;}
	.qna-write li .card-wrap .ex {display: none;}
	.qna-write li .point-wrap .line {margin-bottom: 10px;}
	.qna-write li .point-wrap .line .kind {color: #888;}
}

@media screen and (max-width: 768px){
	
	.qna-write.join li > .tit {width: 24%;}
	.qna-write.join li > .con {width: 76%;}
	/* .qna-write.join li > .con input {width: 45%;} */
	.qna-write.join li .not {font-size: 13px;}
	.qna-write li .input-wrap input {float: left;}
	.qna-write li .input-wrap input:last-child {margin-right: 0!important;}
	.qna-write li .input-wrap.i2 input {float: left; width: 49%; margin-right: 2%;}
	.qna-write li .select-wrap {overflow: hidden; width: 100%;}
	.qna-write li .select-wrap.w270 {width: 100%;}
	.qna-write li .select-wrap select {float: left;}
	.qna-write li .select-wrap select:last-child {margin-right: 0!important;}
	.qna-write li .select-wrap.s3 select {width: 32%; margin-right: 2%;}
	
	.qna-write li > .con .data-datepicker {width: 48.5%;}
	.qna-write li > .con .data-datepicker .input {width: 100%;}
	.qna-write li > .con .data-datepicker .input input {width: 100%;}
	
	.qna-write li.birth .select-wrap select {float: left; width: 31.33%; margin-right: 3%;}
	.qna-write li.birth .select-wrap select:last-child {margin-right: 0;}
		
	.qna-write li .people-wrap {width: 100%;}
	.qna-write li .people-wrap .select-wrap .select {width: 100%; margin-bottom: 12px;}
	.qna-write li .people-wrap .refer{margin-top: 0; margin-left: 0; font-size: 13px;}
		
	.qna-write li .radio-wrap .radio label {font-size: 13px;}
	.qna-write li .card-wrap .num, .qna-write li .card-wrap .btw {display: block; float: none; width: 100%; clear: both;}
	.qna-write li .card-wrap .num {margin-right: 0;}
	.qna-write li .card-wrap .btw {margin-top: 12px;}
	
	.qna-write li .name-wrap .name {margin-right: 0; margin-bottom: 12px;}
	.qna-write li .name-wrap .name:last-child {margin-bottom: 0;}
	
	.qna-write li .list-style ul li {font-size: 13.5px;}
}

@media screen and (max-width: 640px){
	
	.qna-write {font-size: 14px; margin-top: 30px;}
	.qna-write li {padding: 10px 0;}
	.qna-write li input, .qna-write li select {height: 35px; font-size: 13px; padding: 0 6px;}
	.qna-write li > .tit {font-size: 14px; line-height: 35px;}
	.qna-write li > .tit.email {height: 65px;}
	.qna-write li > .tit em {margin-left: 0;}
	.qna-write li > .con .text {font-size: 14px; padding-top: 6px;}
	.qna-write li > .con .bt {height: 35px; line-height: 35px; font-size: 13px; min-width: 80px;}
	.qna-write li > .con #btnDup {margin-top: 8px; margin-left: 0;}
	.qna-write li.post > .con .bt {margin-top: 8px; margin-left: 0;}
	.qna-write li select {display: block; width: 100%; background-size: 12px 7px;}
	.qna-write li.birth select {display: inline-block;}
	.qna-write li input {width: 100%;}
	.qna-write li input.email01 {margin-right: 0px; width: 30%;}
	.qna-write li input.email02 {margin-left: 3px;  width: 40%;}
	.qna-write li input.w445 {width: 100%;}
	.qna-write li #selectEmail {margin-top: 2.5%;}
	.qna-write li .email-wrap {overflow: hidden; width: 100%;}
	.qna-write li .email-wrap .email01, .qna-write li .email-wrap .email02, .qna-write li .email-wrap .at {float: left;}
	.qna-write li .email-wrap .email01 {width: 35%!important;}
	.qna-write li .email-wrap .at {width: 8%; line-height: 30px; font-size: 12px;}
	.qna-write li .email-wrap .email02 {width: 57%!important; margin-left: 0;}
	.qna-write li .email03 {width: 100%; margin-top: 8px; margin-left: 0;}
	.qna-write li textarea {width: 83%;}
	.qna-write li input.title {width: 83%;}
	
	.qna-write li .radio-wrap {margin-top: 3px;}
	.qna-write li .card-wrap {margin-top: 8px;}
	.qna-write li .card-wrap .num {width: 100%;}
	.qna-write li .card-wrap .num .input {width: calc(25% - 12px); max-width: inherit;}
	.qna-write li .card-wrap .num .ds {line-height: 35px;}
	
	.qna-write li .name-wrap {width: 100%;}
	.qna-write li .name-wrap .name {width: 100%; display: table;}
	.qna-write li .name-wrap .name .lang {display: table-cell; margin-right: 0;}
	.qna-write li .name-wrap .name .input {display: table-cell;}
	.qna-write li .name-wrap .name .input input {width: 100%;}
}

@media screen and (max-width: 470px){
	.qna-write li > .con .data-datepicker {width: 100%;}
	
	.qna-write li > .tit em {font-size: 18px; vertical-align: -5px;}
	.qna-write li > .con p {font-size: 13px;}
	.qna-write.join li > .tit {width: 32%;}
	.qna-write.join li > .con {width: 68%;}
	.qna-write li > .con .mgl {margin-left: 0;}
	.qna-write li > .con input, .qna-write li .con select {width: 100%;}
	.qna-write.join li > .con input, .qna-write.join li .con select {width: 100%;}
	.qna-write li .input-wrap.i2 input:first-child {margin-top: 0;}
	.qna-write li .input-wrap.i2 input {width: 100%; float: none; margin-top: 8px; margin-right: 0;}
	.qna-write li .select-wrap.s3 select {width: 100%; float: none; margin-top: 8px; margin-right: 0;}
	.qna-write li .select-wrap select {margin-bottom: 12px;}
	.qna-write li .select-wrap select:last-child {margin-bottom: 0;}
	.qna-write li .radio-wrap.mBlock .radio {margin-right: 0; display: block;}
	
	.qna-write li .point-wrap {max-width: 100%;}
	.qna-write li .point-wrap .line .kind {font-size: 13px; color: #888;}
	.qna-write li .point-wrap .line .point {font-size: 14px;}
	
	.qna-write li.birth .select-wrap select {float: none; width: 100%; margin-right: 0;}
	
	.qna-write li input.amt {width: 68px !important;}
}

@media screen and (max-width: 400px){
	.qna-write li > .tit {width: 21%;}
	.qna-write li > .con {width: 79%;}
	.qna-write li input.email01 {width: 35%;}
	.qna-write li input.email02 {width: 40%;}
	.qna-write li textarea {width: 78%;}
	.qna-write li input.title {width: 78%;}
}

/*
* loading bar
*/
#loadingOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
  z-index: 9999;
}

.loader {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #9a5a33; /* 컬러는 원하는 대로 */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;

  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}