/* form */
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder{ color: #888; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{ height: auto; }
input[type=button],
input[type=submit]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: none; cursor: pointer; }
input[type=file]{ padding: 0 10px; line-height: 1; color: #4d4d4d; font-size: 12px; border: 1px solid #e5e5e5; background: #fff; cursor: pointer; }
input[type=text]:read-only,
input[type=password]:read-only,
input[type=tel]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=url]:read-only,
input[type=file]:read-only{ color: #4d4d4d;text-indent: 10px !important; border: 1px solid #e1e2e2; }
input[readonly],input[disabled]{ color: #4d4d4d; text-indent:10px !important; border:1px solid #e1e2e2; }
select{ padding: 0 0 0 5px; color: #333; border: 1px solid #ccc; -webkit-border-radius: 0; border-radius: 0; }
select[disabled]{color: #4d4d4d; border: 1px solid #e5e5e5; background: #f1f1f1; }
textarea{ padding: 5px 7px; -webkit-appearance:none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: none; border: 1px solid #e1e2e2; }
button, select{ text-transform: none; margin: 0; cursor: pointer; }
button{ border: 0; }

a,button,input,textarea,select,label{ outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: none; vertical-align: middle; }
input:-webkit-autofill{ -webkit-box-shadow: 0 0 0 1000px white inset!important; }
select::-ms-expand{ display: none; }

input[type="submit"]{ height: 38px; line-height: 38px; font-size: 16px; }
input[type="text"],
input[type="password"]{ padding: 0px 0px; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #ccc; text-indent: 10px; }
input[type="checkbox"]{ -webkit-appearance: checkbox; cursor: pointer; }
select{ display: block; height: 38px; line-height: 38px; font-size: 16px; background: url(../img/selecticon.png) center right 8px no-repeat; }
label{ font-size: 16px; }
th{ font-size: 16px; }
td{ font-size: 15px; }


.boardtopbox{ position: relative; margin: 0 auto; width: 1000px; font-family: 'Nanum Gothic', sans-serif; }
.labelhidden{ display: none; }

.CateGoriright{ float: left; }
.CateGoriright select{ cursor: pointer; }
.CateGoriright input{ margin-left: 1px; padding: 0 13px; color: #f5f5f5; font-size: 14px; border: 1px solid #8298ad; border-radius: 2.4px; background: linear-gradient(#8da1b5, #6b8298); cursor: pointer; }
.CateGoriright input:hover{ text-shadow: 1px 1px 2px #3f464e; background: linear-gradient(#6f859a, #5f768d); }

/* 검색 */
.searchbar			{ float: right; display: inline-block; text-align: right; margin-bottom: 0; }
.search				{ margin: 0; padding: 0; }
.search fieldset	{ margin: 0; padding: 0; border: 0; }
.search select		{ float: left; margin-right: 3px; width: 135px; border: 1px solid #ccc; vertical-align: top; }
.search .item		{ float: left; display: inline-block; position: relative; width: 400px; height: 38px; line-height: 38px; color: #333; }
.search .iLabel		{ position: absolute; top: 0; left: 5px; width: 100%; text-align: left; color: #767676; white-space: nowrap; cursor: text; }
.search .iText		{ display: inline-block; width: 400px; color: #333; border: 1px solid #ccc; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; vertical-align: top; }
.search .btnSearch	{ display: inline-block; position: absolute; top: 8px; right: 8px; }

/*버튼*/
.btnbox{ float: left; width: 100%; text-align: right; margin: 20px 0; }
.btnbox input[type="submit"]{ font-size: 14px; font-family: 'Nanum Gothic', sans-serif; }
.btn{ display: inline-block; vertical-align: top; padding: 0 25px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; letter-spacing: 0; border: 1px solid transparent; }
.btn-default{ color: #666666; border: 1px solid #dfdfdf; border-bottom: 1px solid #c4c4c4; }
.btn-default:hover{ color: #000; border: 1px solid #ccccccf; border-bottom: 1px solid #919191; }
.btn-enter{ color: #fff; background: #464e6b; border: 1px solid #036; }
.btn-enter:hover{ color: #fff; background: #000000; }
.btn-basic{ color: #fff; background: #666;border: 1px solid #555; }
.btn-basic:hover{ color: #fff; }
.btn-red{color: #fff; background: #F33; border: 1px solid #F00; }
.btn-red:hover{ color: #fff; }
.btn-right{ padding-left: 15px; padding-right: 15px; float: right; font-weight: normal; margin-bottom: 5px; }
.btnbox span input{ cursor: pointer; }
.btn_basic1{ float: left; width: auto; text-align: left; }
.btn_basic2{ float: right; width: auto; text-align: right; }

/* 페이지 */
.pagination			{ position: inherit; float: left; margin: 30px 0; width: 100%; text-align: center; }
.pagination a		{ display: inline-block; margin: 0 -0.5px; width: 40px; height: 40px; line-height: 40px; color: #666; font-size: 13px; text-align: center; vertical-align: middle; border: 1px solid #ccc; }
.pagination a:hover	{ color: #f011de; border: 1px solid #a8a8a8; border-radius: 2.5px; }
.pagination span	{ display: inline-block; margin: 0 -0.5px; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; border: 1px solid #464e6b; background: #464e6b; }
.pagination .first	{ font-size: 0px; background: url(../img/pagination_01.png) no-repeat center; }
.pagination .prev	{ font-size: 0px; background: url(../img/pagination_02.png) no-repeat center; }
.pagination .last	{ font-size: 0px; background: url(../img/pagination_04.png) no-repeat center; }
.pagination .next	{ font-size: 0px; background: url(../img/pagination_03.png) no-repeat center; }

/* write */
.page_write					{ position:relative; float:left; width:100%; border-top:1px solid #393939; margin-bottom: 20px; }
.page_write input[type="checkbox"]{ margin-left: 5px; }
.page_write .subject		{ width:100%; padding:15px 0; border-bottom:1px solid #dfdfdf; display:inline-block;}
.page_write .subject label	{ float: left; margin-right: 5px; height: 38px; line-height: 38px; width: 10%; text-align: center; border: 1px solid #e0e0e0; background: #f5f5f5; }
.page_write .subject input	{ float: left; width: 88.3%; }
.page_write .noticheck		{ float: left; width: 100%; }
.page_write .noticheck p	{ float: right; padding: 15px; }

.page_write .nomember		{ position: relative; float: left; width: 100%; padding: 10px 0 10px 0; }
.page_write .nomember p		{ float: left; }
.page_write .nomember label	{ float: left; margin-right: 10px; padding: 0 0 0 8px; line-height: 38px; font-weight: bold; }
.page_write .nomember input	{ width: 100px; border: 1px solid #a9a9a9; }
.page_write .nomember strong{ display: inline-block; margin-right: 2px; padding: 0 8px; line-height: 38px; font-size: 16px; letter-spacing: 1px; background: #fad2d2; vertical-align: middle; }
.page_write .nomember p.inname input{ border: 1px solid #eaeaea; }

/*파일첨부*/
.thume						{ position:relative; float:left; width:100%; margin-top:20px; background-color:#F7F8F9; border-top:2px solid #F2F4F5; border-bottom:2px solid #F2F4F5;}
.guide						{ position:relative; float:left; padding:0 15px 10px 15px; font-size:13px; padding-left: 25px; text-indent: -8px; }
.insert						{ margin:20px;}
.insert ul					{ float:left; width:100%; margin-bottom:10px;}
.insert ul li				{ margin-bottom:5px; width:50%; float:left;}
.insert input[type="file"]	{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.insert label				{ display: inline-block; width: 20%; padding: .45em 0; text-align: center; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; cursor: pointer; color: #fff; background-color: #555; border-color: #444; border-radius: .25em; }
.insert .upload-name		{ display: inline-block; width: 70%; padding: .42em .75em;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #fff;border: 1px solid #aaaaaa;border-bottom-color: #e2e2e2;border-radius: .25em;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

/*view*/
.page_view .titlebox{ float: left; width: 100%; }
.page_view .subject{ padding: 25px 15px 23px 15px; color: #141414; font-size: 22px; letter-spacing: -1px; font-weight: 500; border-top: 2px solid #000000; border-bottom: 1px solid #e8e8e8; background: #f5f5f5; font-family: 'Noto Sans KR', sans-serif; }
.page_view .subject .catetxt{ float: right; display: inline-block; padding: 0 10px; line-height: 32px; font-size: 15px; font-weight: bold; font-family: 'Nanum Gothic', sans-serif; border: 1px solid #dadada; background: #ffffff; border-radius: 3px; }
.page_view .datestat ul{ display: inline-block; margin: 12px; float: right; font-size: 13px; }
.page_view .datestat ul li{ float: left; }
.page_view .datestat ul li:first-child{ margin-right: 10px; padding-right: 10px; border-right: 1px solid #e8e8e8; }
.page_view .substance{ float: left; width: 100%; }
.page_view .smartOutput{ padding: 40px 15px 70px 15px; }

.snsbtn{ float: left; width: 100%; padding-bottom: 15px; text-align: right; }
.snsbtn a{ display: inline-block; margin-left: 2px; }

#file{ position: relative; float: left; width: 100%; padding: 10px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #fafafa; }
#file div:first-child{ float: left; width: 16%; }
#file div:last-child{ float: left; width: 84%; }
#file div:first-child span{ display: inline-block; margin-left: 15px; min-width: 140px; font-size: 15px; font-weight: 700; text-indent: 57px; line-height: 40px; border: 1px solid #ccc; background: url(../img/down.png) 22px 12px no-repeat; border-radius: 2px; }
.allfile span		{ float: left; display: inline-block; width: 50%; line-height: 40px; }
.allfile span img	{ vertical-align: middle; }
.allfile span a		{ display: inline-block; margin-left: 4px; line-height: 40px; color: #404040; font-size: 14px; letter-spacing: -0.5px; vertical-align: middle; }
.allfile span a:hover	{ color: #1f9bdb; }

.bottom_list{ margin-bottom: 100px; width: 100%; float: left; border-top: 1px solid #999; }
.bottom_list ul li{ float: left; width: 100%; padding: 15px 0 13px 0; border-bottom: 1px solid #ddd; overflow: hidden; }
.bottom_list ul li a{ float: left; display: block; color: #646464; overflow: hidden; }
.bottom_list ul li a strong	{ display: inline-block; margin: 0 15px 0 20px; padding-right: 20px; width: 85px; color: #333333; border-right: 1px solid #e8e8e8; }
.bottom_list ul li a:hover		{ color: #1089c7; }

/* 코멘트 */
#commentView{ float: left; position: relative; width: 100%; border-top: 2px solid #66575a; font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; letter-spacing: -0.05em; }
#commentView ul{ float: left; width: 100%; }
#commentView li{ padding: 0 0 20px 0; font-size: 14px; }
#commentView li.nocmt{ padding: 15px; }
#commentView .cominf{ float: left; width: 100%; line-height: 30px; font-size: 11px; font-weight: 400; background: #fafafa; }
#commentView .cominf dt{ float: left; }
#commentView .cominf dt span:first-child{ margin-left: 5px; padding-right: 20px; font-size: 12px; color: #396dba; font-weight: 700; }
#commentView .cominf dd{ float: right; }
#commentView .cominf dd span{ padding-left: 1px; }
#commentView .cominf dd span a{ display: inline-block; padding: 0 5px 0 4px; line-height: 16px; background: #ffffff; border: 1px solid #dcdcdc; border-radius: 2px; }
#commentView .cominf dd span a:hover{ color: #0b5feb; border: 1px solid #99d0ef; border-radius: 3px; }
#commentView .cominf dd span.cbutton{ margin-right: 5px; }
#commentView .commentTextArea{ float: left; width: 100%; }
#commentView .commentTextArea .commentText{ padding: 10px 10px 50px 15px; font-size: 13px; line-height: 1.5; letter-spacing: 0; word-wrap: break-word; word-break: keep-all; }

#commentallwrapper label{ margin: 0 5px; font-weight: bold; }
#commentallwrapper .commentwrite{ float: left; margin-top: 30px; padding: 12px 0 15px; width: 100%; border-top: 2px solid #e7e7e7; }
#commentallwrapper .commentwrite legend{ display: none; }
#commentallwrapper .commentwrite p.inname input{ border: 1px solid #eaeaea; }
#commentallwrapper .commentwriteinner{ float: left; margin-top: 30px; padding: 5px 0 15px; width: 100%; }
#commentallwrapper .commentwriteinner .commentBox{ margin-top: 10px; }

.writerinformation{ float: left; }
.regnum{ float: left; }
.regnum strong{ display: inline-block; padding: 0 8px; line-height: 38px; font-size: 16px; letter-spacing: 1px; background: #fad2d2; vertical-align: middle; }

.commentBox{ float: left; position: relative; margin: 0; padding: 0; width: 100%; }
.commentBox textarea{ float: left; width: 1130px; height: 48px; }
.commentBox .commententer { float: right; width: 50px; text-align: center; }

/* ask */
.askbox{ margin-top: 40px; width: 100%; text-align: center; }
.askbox p{ display: inline-block; margin: 0 auto; width: auto; padding: 40px; font-size: 20px; font-weight: 700; border: 1px solid #ccc; }
.askbox div{ width: 100%; padding: 40px 0 80px; }

/* basic list */
.page_list{ position: relative; float: left; width: 100%; border-top: 1px solid #393939; margin-top: 20px; }
.page_list table{ border-collapse: collapse; width: 100%; border: 0; }
.page_list table caption{ position: absolute; width: 0; height: 0; font-weight: bold; text-align: left; visibility: hidden; overflow: hidden; }
.page_list table caption em{ float: right; font-style: normal; font-weight: normal; color: #f60; }
.page_list table th{ padding: 12px 0 14px; text-align: center; border-bottom: 1px solid #dfdfdf; }
.page_list table td{ padding: 12px 12px 14px; text-align: center; border-bottom: 1px solid #dfdfdf; }
.page_list table .left{ text-align: left; letter-spacing: 0.03em; }
.page_list table .left span img{ vertical-align: middle; }
.page_list table th input{ float: left; }
.page_list table thead{ background: #f5f5f5; }
.page_list table thead th{ padding: 15px 0; border-bottom: 1px solid #dfdfdf; font-weight: bold; color: #222; }
.page_list table tfoot td{ font-weight: bold; background: #f8f8f8; }
.page_list table td a{ line-height: 1.3; }
.page_list table td a:hover{ color: #185db2; }
.page_list table td .cmtstat{ font-size: 13px; color: #0087ff; }
.page_list table th.mnom{ font-size: 13px; }
.page_list table td.mview{ color: #828282; font-size: 13px; }

/* list_photo */
.page_list_photo{ position:relative; float:left; width:100%; margin-top:20px;}
.page_list_photo ul li{ position:relative; float:left; width:33.3%; margin-bottom: 20px;}
.page_list_photo ul li img{ width:95%; height: auto; margin:0 2.5%; }
.page_list_photo ul li div{ width:auto; margin:0 2.5%;  border:1px solid #e7e7e7; padding:30px 20px; text-align:center;}
.page_list_photo ul li div strong		{ display: block; overflow: hidden; margin-bottom: 20px; font-size: 17px; font-weight: 700; height: 70px; line-height: 1.3; }
.page_list_photo ul li div p			{ overflow: hidden; margin-bottom: 10px; height: 90px; font-weight: 300; text-align: justify; font-size: 14px; line-height: 1.5 }
.page_list_photo ul li div p a		{ color: #777777; }
.page_list_photo ul li div p a:hover	{ color: #ff6600; }
.page_list_photo ul li div .wdate		{ font-size: 13px; color:#666; }


@media screen and (max-width:1024px) {

	.boardtopbox{ width: 96%; }
	.boardtopbox img{ width: auto; }
	input[type="submit"],
	input[type="text"],
	input[type="password"]{ height: 28px; line-height: 28px; }
	select{ height: 28px; line-height: 28px; font-size: 100%; }
	
	/* 검색 */
	.CateGoriright input{ font-size: 100%; }
	.searchbar{ position: relative; margin-top: 5px; width: 100%; }
	.search select{ width: 30%; float: left; }
	.search .item{ width: 70%; float: right; }
	.search .iLabel{ width: 95%; left: 12px; font-size: 100%; line-height: 28px; }
	.search .iText{ width: 98%; float: right; }
	.search .btnSearch{ top: 4px; right: 6px; }
	.search .btnSearch input[type="image"]{ width: 75%; }

	/*버튼*/
	.btnbox{ text-align: center; }
	.btnbox input[type="submit"]{ padding: 0 9px; height: 30px; line-height: 30px; font-size: 97%; }
	.btnbox a.btn{ padding: 0 9px; height: 30px; line-height: 30px; font-size: 97%; }

	/* 페이지 */
	.pagination a{ width: 25px; line-height: 25px; height: 25px; font-size: 90%; }
	.pagination span{ width: 25px; line-height: 25px; height: 25px; font-size: 90%; }
	.pagination .first{ background-size: 50% 50%; }
	.pagination .prev{ background-size: 50% 50%; }
	.pagination .last{ background-size: 50% 50%; }
	.pagination .next{ background-size: 50% 50%; }

	/*파일첨부*/
	.insert ul li{width:100%;}
	.insert label {width: 25%;}
	.insert .upload-name {width: 73%;}

	/* view */
	.page_view .subject{ float: left; width: 100%; padding: 10px 8px 10px 8px; font-size: 16px; }
	.page_view .subject .catetxt{ padding: 0 6px; line-height: 26px; font-size: 12px; font-weight: 400; }
	.page_view .datestat ul{ margin: 12px 12px 30px; }
	.page_view .smartOutput img{ max-width: 100%; min-width: 100%; height: auto; }

	.snsbtn a{ margin-left: -6px; } .snsbtn img{ width: 80%; }

	/* 첨부파일 */
	.allfile span a		{ font-size: 11px; }
	#file{ padding: 2px 0 5px 0; }
	#file div:first-child{ display: none; }
	#file div:last-child{ width: 100%; }
	#file div span{ margin: 0 10px; width: 100%; height: 25px; line-height: 25px; overflow: hidden; }
	#file div span a{ height: 25px; line-height: 25px; }

	/* 하단 리스트 */
	.bottom_list ul li{ padding: 0; width: 100%; height: 27px; line-height: 27px; }
	.bottom_list ul li  a{ width: 100%; height: 27px; line-height: 27px; font-size: 11px; letter-spacing: -1px; }
	.bottom_list ul li  a strong{ margin: 0 10px; padding-right: 10px; width: 15%; }

	/* 코멘트 */
	#commentallwrapper label{ font-size: 14px; }
	#commentallwrapper input{ width: 35%; }
	.regnum{ padding-top: 10px; }
	.regnum strong{ padding: 0 15px; line-height: 28px; font-size: 14px; }
	.commentBox textarea{ width: 85%; font-size: 16px; }
	#commentallwrapper .commentBox .commententer input{ width: auto; }

	/* write */
	.page_write .subject{ padding: 5px 0; }
	.page_write .subject label{ width: 20%; font-size: 100%; height: 28px; line-height: 28px; }
	.page_write .subject input{ width: 75.3%; }
	.page_write .noticheck label{ font-size: 100%; }
	.page_write .noticheck p{ padding: 5px; }
	.page_write .nomember{ padding-top: 5px; }
	.page_write .nomember label{ font-size: 100%; height: 28px; line-height: 28px; }
	.page_write .nomember strong{ font-size: 100%; height: 28px; line-height: 28px; }
	.page_write .nomember p:last-child{ padding-top: 5px; width: 100%; }

	/* list */
	.page_list{ margin-top: -5px; }
	.mview{ display: none; }
	th{ font-size: 100%; }
	td{ font-size: 100%; }


}