@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800');

input[type="submit"]{ height: 38px; line-height: 38px; font-size: 16px; }
input[type="text"],
input[type="password"]{ height: 38px; line-height: 38px; font-size: 16px; border: 1px solid #ccc; text-indent: 10px; }
input[type="checkbox"]{ width: 17px; height: 17px; -webkit-appearance: checkbox; cursor: pointer; }
select{ padding: 0 0 0 5px; min-width: 100px; 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: 17px; }
td{ font-size: 17px; }
strong{ font-weight: 500; }

a{ text-decoration: none; }
a, input, select{ -webkit-box-sizing: inherit; box-sizing: inherit; -webkit-border-radius: 0; -webkit-appearance: none; }

/* error body 시작 */
.error_wrapper{ width: 100%; text-align: center; }
.error_wrapper .msg{ margin: 40px auto 30px; font-weight: 700; font-size: 18px; }
.error_wrapper fieldset{ margin: 0 auto; padding: 20px; width: 40%; min-width: 450px; border: 1px solid #ccc; }
.error_wrapper fieldset input[type="password"]{ padding: 0; }
.error_wrapper fieldset input[type="submit"]{ cursor: pointer; }
/* error body 끝 */

.boardtopbox{ float: left; margin: 0 auto; width: 100%; font-family: "Noto Sans KR", "돋움", dotum, sans-serif; }
.labelhidden{ display: none; }


.pdfobject-container { height:1300px;}


/* 버튼 */
.btnbox{ float: left; width: 100%; text-align: right; margin: 20px 0; }
.btnbox input[type="submit"]{ height: 38px; 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: #333; border: 1px solid #dfdfdf; border-bottom: 1px solid #c4c4c4; background: #fff; }
.btn-default:hover	{ color: #333; font-weight: 400; background: linear-gradient(#ffffff, #f5f5f5); }
.btn_apply			{ color: #fff; border: 1px solid #141414; border-bottom: 1px solid #000000; background: #141414; }
.btn_apply:hover	{ color: #fff; font-weight: 400; border: 1px solid #414141; border-bottom: 1px solid #000000; background: #414141; }
.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; }

/* list */
.recruitment-wrap{margin:40px 0 30px;}
.recruitment-wrap .selectbox-wrap{width:390px; float:left;}
.recruitment-wrap ul{overflow:hidden; text-align: right;}
.recruitment-wrap ul li{display:inline-block;}
.recruitment-wrap ul li a,.recruitment-wrap ul li input{display:inline-block; float:left; border:1px solid #e8550a; background-color:transparent; height:60px; line-height:60px; color:#e8550a; margin-left:4px; padding:0 10px; font-weight:500; font-size:16px; box-sizing: border-box;}
.recruitment-wrap ul li a span{padding:0 10px;}
.recruitment-wrap ul li img { width:17px; height:17px;}
.recruitmentpdf-view{text-align:center;}
.divSelectWrap{text-align: left;    position: relative;    top: 0px;    float: left;    width: 230px;    margin-right: 10px;    box-sizing: border-box;     color:#333333 ;  background:url(../img/selecticondown.png) no-repeat 220px center;  cursor:pointer; position:relative;  width: 390px;line-height:60px; height:60px; box-sizing:border-box}
.divSelectWrap:before{width: 1px;    height: 25px;    background: rgba(204,204,204,1);    position: absolute;    content: '';    right: 60px;    top: 20px;}
.divSelectText{ background:url(../img/nicearr.png) no-repeat 95% center ; font-size:16px; padding-left:20px;  border: 1px solid #CCC; box-sizing: border-box; color: #2f2f2f;    font-weight: 500;}
.selectboxUl{border:1px solid #d9d9d9; background:rgba(255,255,255,1) url(../img/selecticonup.png) no-repeat 200px 20px; padding:11px 15px 0 0px; position:absolute; top:60px; width: 100%; text-align: left !important;   box-sizing: border-box; display: none; z-index:10;}
.selectboxUl li{font-size:16px; padding-left:20px; cursor:pointer; width: 100%;}



/* write */
.page_write					{ position:relative; width: 100%; border-top:1px solid #393939; margin-bottom: 20px; text-align:left;}
.page_write input[type="checkbox"]{ margin-left: 5px; }
.page_write .subject		{ display: inline-block; width: 100%; padding: 15px 0; border-bottom: 1px solid #dfdfdf; }
.page_write .subject label	{ float: left; margin-right: 5px; width: 10%; height: 38px; line-height: 38px; 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 select{ border: 1px solid #ccc; cursor: pointer; }

.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: 500; }
.page_write .nomember input	{ width: 100px; border: 1px solid #a9a9a9; vertical-align: middle; }
.page_write .nomember strong{ display: inline-block; margin-right: 2px; padding: 0 8px; line-height: 38px; font-size: 16px; letter-spacing: 1px; background: #fad2d2; border: 1px solid #b99b9b; vertical-align: middle; }
.page_write .nomember p.inname input{ border: 1px solid #eaeaea; }

.page_write .writememo { text-align:left; padding:30px 0;}
/* 파일첨부 */
.thume						{ position:relative;  width:100%; margin-top:0; background-color:#F7F8F9; border-top:2px solid #F2F4F5; border-bottom:2px solid #F2F4F5;}
.guide						{ position:relative; padding:0 15px 10px 15px; font-size:13px; padding-left: 25px; text-indent: -8px; }
.insert						{ overflow:hidden;margin:20px;}
.insert ul					{ float:left; width:100%; margin-bottom:10px;}
.insert ul li				{ margin-bottom:5px; width:50%; float:left;}
.insert ul li span{ display: inline-block; font-size: 80%; color: #7000ff; }
.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: 23%; line-height: 38px; text-align: center; color: #999; font-size: 80%; letter-spacing: 0; vertical-align: middle; color: #fff; background-color: #555; border-color: #444; border-radius: .25em; cursor: pointer; }
.insert label:hover{ background-color: #000000; }
.insert .upload-name		{ display: inline-block; width: 70%; height: 36px; line-height: 36px; font-size: inherit;font-family: inherit; vertical-align: middle; background-color: #fff; border: 1px solid #b1b1b1; border-bottom-color: #d8d8d8; border-radius: .25em; -webkit-appearance: none;-moz-appearance: none; appearance: none; }




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

	.boardtopbox{ /*width: 96%;*/ }
	.boardtopbox img{ width: auto; }
	input[type="submit"],
	input[type="text"],
	input[type="password"]{ height: 28px !important; line-height: 28px !important; text-indent: 3px; box-sizing: border-box; }
	select{ height: 28px; line-height: 28px; font-size: 100%; box-sizing: border-box; }
	

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


	/* 파일첨부 */
	.insert ul li{ width: 100%; }
	.insert label { width: 25%; line-height: 30px; letter-spacing: -1px; }
	.insert .upload-name { width: 73%; height: 28px; line-height: 28px; }

	/* view */
	.page_view .subject{ float: left; width: 100%; padding: 10px 0; font-size: 16px; }
	.page_view .subject span{ margin-left: 8px; }
	.page_view .subject .catetxt{ margin-right: 8px; padding: 0 6px; line-height: 22px; font-size: 12px; font-weight: 400; }
	.page_view .datestat ul{ margin: 12px 12px 30px; font-size: 90%; }
	.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; }
	.allfile span span{ display: none; }

	/* write */
	.page_write .subject{ padding: 5px 0; }
	.page_write .subject label{ width: 20%; font-size: 100%; height: 26px; line-height: 26px; }
	.page_write .subject input{ width: 75.3%; }
	.page_write .noticheck label{ font-size: 100%; vertical-align: middle;}
	.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%; }


}