input, textarea, select, button {-webkit-appearance: none;  
            -moz-appearance: none;     
            appearance: none;} 
    select::-ms-expand { 
       display: none;             
    } 

/* 怨듯넻 */

.board-wrap {width: 100%; margin: 0 auto; /* padding: 60px 0 20px; */ padding-bottom: 60px; overflow: hidden; text-align: center; position: relative;}
.board-wrap .board-title {font-size: 38px; font-weight: bold; margin-bottom: 10px;}
.board-wrap .search-box {display: inline-block; /* margin-top: 40px; */ margin-bottom: 35px;}
.board-wrap .search-box select {border: 1px solid #cccccc; width: 123px; height: 42px; line-height: 42px; font-size: 15px; color: #666666;
			-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 10px; float: left; margin-right:5px;
			background: url(/Reanworld_common/images/homepage/board/search-box-select.png) 95px center no-repeat;}
.board-wrap .search-box input {border: 1px solid #cccccc; width: 273px; height: 42px; line-height: 42px; color: #666666; font-size: 15px;
			padding: 0 10px; float: left; margin-right:5px;}
.board-wrap .search-box .btn_search {outline: none; width: 50px; height: 42px; background: #3d3d3d; float: left;}
.board-wrap .search-box .btn_search span {text-indent: -9999px; width: 50px; height: 42px; background: url(/Reanworld_common/images/homepage/board/search-box-search.png) center center no-repeat;}


.board-wrap .page_Num {display: inline-block; margin-top: 40px;}
.board-wrap .page_Num strong {float: left; margin: 0 3px; width: 36px; height: 35px; display: inline-block; text-indent: -9999px;}
.board-wrap .page_Num strong.first {background: url(/Reanworld_common/images/homepage/board/paging_first.png) no-repeat;}
.board-wrap .page_Num strong.prev {background: url(/Reanworld_common/images/homepage/board/paging_prev.png) no-repeat; margin-right: 20px;}
.board-wrap .page_Num strong.next {background: url(/Reanworld_common/images/homepage/board/paging_next.png) no-repeat; margin-left: 20px;}
.board-wrap .page_Num strong.last {background: url(/Reanworld_common/images/homepage/board/paging_last.png) no-repeat;}
.board-wrap .page_Num a {float: left; width: 36px; height: 35px; display: inline-block; line-height: 32px;}
.board-wrap .page_Num a.thisPage {border: 1px solid #989898; font-weight: bold;}


@media screen and (max-width:970px){
	.board-wrap {width: 90%;}
	.board-wrap .board-title {font-size: 28px;}
		
	.board-wrap .page_Num strong {width: 25px; height: 24px; margin: 0 1px; background-size: cover !important;}
	.board-wrap .page_Num strong.prev {margin-right: 5px;}
	.board-wrap .page_Num strong.next {margin-left: 5px;}
	.board-wrap .page_Num a {width: 25px; height: 24px; font-size: 12px; line-height: 24px;}
}
	

/* 怨듭��ы빆 由ъ뒪��*/

.board-wrap .notice-list {width: 100%;}
.board-wrap .notice-list thead {border-top: 3px solid #26252b; border-bottom: 1px solid #bdbdbf;}
.board-wrap .notice-list thead th, .board-wrap .notice-list thead td {height: 55px; line-height: 55px; font-size: 17px; letter-spacing: -0.4px; color: #333333; font-weight: bold;}
.board-wrap .notice-list tbody th, .board-wrap .notice-list tbody td {height: 65px; line-height: 65px; border-bottom: 1px solid #bdbdbf; color: #666666;}
.board-wrap .notice-list tbody td.number {width: 12%;}
.board-wrap .notice-list tbody td.title {text-align: left; width: 68%; padding-left: 10px;}
.board-wrap .notice-list tbody td.day {width: 20%;}
tbody td.nodata {padding:60px 0;}
tbody td.nodata p {margin-top: 10px;}


/* 湲�낫湲�*/

.board-wrap .board-view {width: 100%; margin-top: 50px;}
.board-wrap .board-view thead tr:first-child td {border-top: 1px solid #26252b; border-bottom: 1px solid #e0e0e0; padding: 26px 30px; font-size: 22px; color: #000;}
.board-wrap .board-view thead tr td {text-align: left; border-bottom: 1px solid #e0e0e0; padding: 20px 30px; color: #525252;}
.board-wrap .board-view thead tr .day {font-size: 18px; font-weight: lighter; display: inline-block;}
.board-wrap .board-view thead tr .download {font-size: 16px; font-weight: lighter; display: inline-block; margin-left: 25px; padding-left: 30px; border-left: 1px solid #d4d3d5;}
.board-wrap .board-view thead tr .download a:hover span {text-decoration: underline;}
.board-wrap .board-view thead tr .download strong {margin-right: 8px; vertical-align: middle; width: 16px; height: 16px; display: inline-block; background: url(/Reanworld_common/images/homepage/board/download.png) no-repeat;}

.board-wrap .board-view tbody {text-align: left;}
.board-wrap .board-view tbody tr td {padding: 20px 30px; border-bottom: 1px solid #e0e0e0;}
.board-wrap .board-view tbody tr td.content {padding: 70px 30px;}
.board-wrap .board-view tbody tr td.content.event {text-align: center;}
.board-wrap .board-view tbody tr td.content.event img {max-width: 100%;}
.board-wrap .board-view tbody tr td strong {display: inline-block; padding-right: 15px;}
.board-wrap .board-view tbody tr td strong:after {content: ''; width: 1px; height: 12px; background: #e0e0e0; display: inline-block; margin-left: 20px; }
.board-wrap .board-view tbody tr td a {color: #525252}
.board-wrap .board-view tbody tr td a:hover {text-decoration: underline;}

.board-wrap .list-bt {display: inline-block; float: right; margin-top: 40px;}
.board-wrap .list-bt.nfr {float: none;}
.board-wrap .list-bt a {display: inline-block; width: 160px; height: 50px; line-height: 50px; border: 1px solid #000; font-size: 18px; text-align: center; margin-left: 10px;}
.board-wrap .write-bt {position: absolute; right: 0; bottom: 20px;}
.board-wrap .write-bt a {display: inline-block; width: 160px; height: 50px; line-height: 50px; background: #3d3d3d; color: #fff; font-size: 18px; text-align: center;}


@media screen and (max-width:970px){
	.board-wrap .search-box {margin-top: 30px; display: block;}
	.board-wrap .search-box select {width: 60px; height: 35px; line-height: 32px; background-position: 37px center; font-size: 12px; padding: 0 5px;}
	.board-wrap .search-box input {width: 50%; height: 35px; line-height: 32px; font-size: 12px; padding: 0 5px;}
	.board-wrap .search-box .btn_search {outline: none; width: 35px; height: 35px; background: #3d3d3d; float: left;}
	.board-wrap .search-box .btn_search span {text-indent: -9999px; width: 35px; height: 35px; background: url(/Reanworld_common/images/homepage/board/search-box-search.png) center center no-repeat;}

	.board-wrap .notice-list thead {display: none;}
	.board-wrap .notice-list tbody {border-top: 1px solid #26252b;}
	.board-wrap .notice-list thead th, .board-wrap .notice-list tbody td {line-height: 21px; height: 60px; font-size: 15px;}
	.board-wrap .notice-list tbody td.title {padding-left: 7px;}
	.board-wrap .notice-list tbody td.title span {display: block;}
	.board-wrap .notice-list tbody td.number {width: 10%;}
	.board-wrap .notice-list tbody td.day {display: none;}

	.board-wrap .board-view {margin-top: 30px;}	
	.board-wrap .board-view thead tr:first-child td {padding: 20px 10px; font-size: 18px;}
	.board-wrap .board-view thead tr td {padding: 15px 10px;}
	.board-wrap .board-view thead tr .day {font-size: 15px;}
	.board-wrap .board-view thead tr .download {font-size: 14px;}
	.board-wrap .board-view tbody tr td {font-size: 13px; padding: 20px 10px;}
	.board-wrap .board-view tbody tr td.content {padding: 30px 10px;}
	.board-wrap .board-view tbody tr td strong {padding-right:2px;}
	.board-wrap .board-view tbody tr td strong:after {margin-left:5px;}
	.board-wrap .list-bt {margin-top: 30px;}
	.board-wrap .list-bt a {width: 130px; height: 45px; line-height: 45px; font-size: 15px;}
}


/* FAQ */

.board-wrap .faqList {border-top: 3px solid #26252b;}
.board-wrap .faqList ul li {font-size: 16px; width: 100%; overflow: hidden; line-height: 75px; border-bottom: 1px solid #dfdfdf; cursor: pointer; text-align: left; color: #323232;}
.board-wrap .faqList ul li span {margin: 0 30px; display: block; background: url(/Reanworld_common/images/homepage/board/faq_open.png) right center no-repeat;}
.board-wrap .faqList ul li span:before {content: 'Q'; width: 30px; height: 30px; border-radius: 15px; background: #9c9c9c; color: #fff; display: inline-block;
										vertical-align: middle; line-height: 30px; text-align: center; font-size: 15px; margin-right:20px;}
.board-wrap .faqList ul li.open span {font-weight: bold; background: url(/Reanworld_common/images/homepage/board/faq_close.png) right center no-repeat;}
.board-wrap .faqList ul li.open span:before {background: #26252b;}
.board-wrap .faqList .answer {border-top: 1px solid #dfdfdf; display: none; line-height: 25px; font-size: 15px; background: #f5f5f5; color: #777; padding: 30px 70px 30px 130px; position: relative;}
.board-wrap .faqList .answer:before {content: 'A'; width: 30px; height: 30px; border-radius: 15px; border: 1px solid #26252b; color: #26252b; display: inline-block;
										vertical-align: middle; line-height: 30px; text-align: center; font-size: 15px; margin-right:20px; position: absolute; left: 80px;}


@media screen and (max-width: 768px){ 
	.board-wrap .faqList ul li {line-height: 60px; font-size: 15px;}
	.board-wrap .faqList ul li span {margin: 0 10px; background-size: 3%;}
	.board-wrap .faqList ul li.open span {background-size: 3%;}
	.board-wrap .faqList ul li span:before {margin-right: 10px; width: 24px; height: 24px; line-height: 24px; border-radius: 12px;}
	.board-wrap .faqList .answer {padding: 20px 40px 20px 60px; font-size: 13px;}
	.board-wrap .faqList .answer:before {left: 20px; width: 24px; height: 24px; line-height: 24px; border-radius: 12px;}
	
}


/*�꾨줈紐⑥뀡&�대깽�� */

.event-list {margin-top: 50px; width: 100%; overflow: hidden; text-align: left; letter-spacing: -0.5px;}
.event-list ul li {position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 2.5%; float: left; overflow: hidden; border: 1px solid #eaeaea;}
ul li.nodata_g {width: 100% !important; text-align: center !important; padding: 60px 0 !important; cursor: auto !important;}
ul li.nodata_g p {margin-top: 10px; color: #525252;}
.event-list ul li:nth-child(4n) {margin-right: 0;}
.event-list ul li a {width: 100%;}
.event-list ul li span.state {z-index: 9; position: absolute; width: 70px; height: 30px; line-height: 30px; text-align: center; background: #a60017; font-size: 13px; color: #fff;}
.event-list ul li.end img, .event-list ul li.end strong, .event-list ul li.end span.day {filter: gray; -webkit-filter: grayscale(.5); filter: grayscale(.5);
opacity: 0.3;}

.event-list ul li.end span.state {background: #454545; z-index: 9;}
.event-list ul li .event-image {position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;}
.event-list ul li .event-image img {width: auto; height: 100%; position: absolute; top: 0; left: -50%; margin-left: 50%;}
.event-list ul li .event-image span {z-index: 10; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .5; display: none;
		background: url(/Reanworld_common/images/homepage/board/image-view.png) center center no-repeat;}
.event-list ul li .event-image:hover span {display: block;}
.event-list ul li.end .event-image:hover span {display: none;}
.event-list ul li strong {padding: 25px 0; margin: 0 20px; display: block; border-bottom: 1px solid #eaeaea; color: #323232; font-size: 16.5px;}
.event-list ul li span.day {padding: 18px 0; margin: 0 20px; color: #666; font-size: 14.5px;}


/*gallery*/


.event-list.gal ul li .event-image {position: relative; width: 100%; height: 0; padding-bottom: 74.91%; overflow: hidden;}
.event-list.gal ul li strong {border-bottom: 0;}



@media screen and (max-width: 1200px){
	.event-list ul li strong {padding: 20px 0; font-size: 15px;}
	.event-list ul li span.day {padding: 15px 0; font-size: 14px;}
}

@media screen and (max-width: 1024px){
	.event-list ul li {width: 24.25%; margin-right: 1%;}
}

@media screen and (max-width: 970px){
	.event-list ul li strong {padding: 15px 0; margin: 0 12px; font-size: 14px;}
	.event-list ul li span.day {padding: 12px 0; margin: 0 12px; font-size: 13px;}
}

@media screen and (max-width: 768px){
	.event-list ul li {width: 48.5%; margin-right: 3%; margin-bottom: 3.5%;}
	.event-list ul li:nth-child(2n) {margin-right: 0;}	
}

@media screen and (max-width: 400px){
	.event-list ul li {width: 100%; margin-right: 0;  margin-bottom: 5%;}
	.event-list ul li strong {padding: 20px 0; margin: 0 20px; font-size: 15px;}
	.event-list ul li span.day {padding: 15px 0; margin: 0 20px; font-size: 14px;}
}


/* QNA */

.board-privacy {margin-top: 50px; color: #555555;}
.board-privacy-box {width: 100%; height: 230px; border: 1px solid #ccc; background: #f5f5f5; padding: 40px 50px; overflow-x: hidden; overflow-y: scroll;
					font-size: 15px; text-align: left; margin-bottom: 25px; line-height: 1.6em;}
.board-privacy-box strong {font-size: 16px; margin-bottom: 5px;}
.board-privacy-agree {width: 100%; position: relative;}
.board-privacy input[type="checkbox"] {display:none;}
.board-privacy input[type="checkbox"] + label {font-size: 16px;}
.board-privacy input[type="checkbox"] + label strong {margin-right: 10px; display:inline-block; width: 25px; height: 25px; vertical-align:middle;
						border: 1px solid #ccc; cursor:pointer;}
.board-privacy input[type="checkbox"]:checked + label strong {
						background:url(/Reanworld_common/images/homepage/board/checked.png) center center no-repeat;}
.board-privacy span {position: absolute; right: 0; color: #c5927e; font-size: 14px; letter-spacing: -1px;}

.qna-write {border-top: 3px solid #26252b; border-bottom: 1px solid #cccccc; margin-top: 50px; padding: 17px 0; color: #323232; font-size: 16px;}
.qna-write li {text-align: left; padding: 10px 2.5%; width: 100%;}
.qna-write li span {float: left; display: inline-block; width: 10%; font-size: 17px; letter-spacing: -1px; line-height: 40px;}
.qna-write li input, .qna-write li select {font-size: 15px; border: 1px solid #cccccc; height: 40px; padding: 0 10px;}
.qna-write li input {width: 270px;}
.qna-write li input.email01 {width: 190px; margin-right: 5px;}
.qna-write li input.email02 {width: 220px;margin-left: 8px;}
.qna-write li select {width: 160px; background: url(/Reanworld_common/images/homepage/board/faq_open.png) 130px center no-repeat;}
.qna-write li textarea {width: 89%; border: 1px solid #cccccc; vertical-align: top; padding: 10px;}
.qna-write li input.title {width: 89%;}

.qna-write .upload-hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.qna-write .upload-label {display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; color: #fff; vertical-align: middle; background: #3d3d3d;
						cursor: pointer; margin-left: 5px;} 
.qna-write .upload-name {display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; 
			border-bottom-color: #e2e2e2; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.board-wrap .send-bt {display: inline-block; margin-top: 40px;}
.board-wrap .send-bt a {display: inline-block; width: 160px; height: 50px; line-height: 50px; background: #3d3d3d; border: 1px solid #3d3d3d; color: #fff; font-size: 17px; font-weight: bold;}

.qna-complete {margin: 80px 0;}
.qna-complete h3 {font-size: 33px; color: #333; margin: 30px 0 15px;}
.qna-complete h3 span {color: #2a97ce;}
.qna-complete p {font-size: 17px; color: #666; line-height: 1.7em;}


@media screen and (max-width: 970px){
	.board-privacy-box {padding: 25px 30px; font-size: 14px;}
	.board-privacy span {position: relative; display: block; text-align: right;}
	.qna-write li span {width: 14%;}
	.qna-write li input {width: 38%;}
 	.qna-write li input.email01 {width: 22%;}
	.qna-write li input.email02 {width: 24%;}
	.qna-write li textarea {width: 85%;}
	.qna-write li input.title {width: 85%;}
}

@media screen and (max-width: 640px){
	.board-privacy-box {margin-bottom: 15px; padding: 18px 22px; font-size: 13px;}
	.board-privacy input[type="checkbox"] + label {font-size: 14px;}
	.board-privacy input[type="checkbox"] + label strong {width: 20px; height: 20px;}
	.board-privacy span {font-size: 12px; display: block; margin-top: 10px;}
	.board-wrap .send-bt a {width: 125px; height: 40px; line-height: 40px; font-size: 15px;}
	
	.qna-write {font-size: 14px; margin-top: 30px;}
	.qna-write li input, .qna-write li select {height: 35px;}
	.qna-write li span {font-size: 15px; line-height: 35px;}
	.qna-write li span.email {height: 65px;}
	.qna-write li select {width: 100px; font-size: 14px; display: block; margin-top: 2.5%; width: 160px;}
	.qna-write li input.email01 {margin-right: 0px; width: 30%;}
	.qna-write li input.email02 {margin-left: 3px;  width: 40%;}
	.qna-write li textarea {width: 83%;}
	.qna-write li input.title {width: 83%;}
	
	.qna-write .upload-label {height: 35px; line-height: 35px; font-size: 14px;}
	.qna-write .upload-name {height: 35px;}
	
	.qna-complete {margin: 60px 0;}
	.qna-complete h3 {font-size: 30px;}
	.qna-complete p {font-size: 16px;}
}

@media screen and (max-width: 470px){
	.qna-complete {margin: 40px 0;}
	.qna-complete h3 {font-size: 26px;}
	.qna-complete p {font-size: 15px;}
}

@media screen and (max-width: 400px){
	.qna-write li span {width: 21%;}
	.qna-write li input.email01 {width: 25%;}
	.qna-write li input.email02 {width: 30%;}
	.qna-write li textarea {width: 78%;}
	.qna-write li input.title {width: 78%;}
}