@charset 'utf-8';

@import url('reset.css');

html, body{height:100%;}

/*layout*/
header{width:100%; height:89px;}
footer{width:100%; position:absolute; left:0; bottom:0; background-color: #eceff1; text-align: center; padding: 31px 0; font-size: 12px; color: #666666;}
footer address{margin-bottom: 5px;}

.header_wrap{width:1200px; margin:0 auto;}
.header_wrap:after{content:''; display:block; clear:both;}

header h1{float:left; margin-top:30px;}
header .util{float:right; margin-top: 10px;}
.util .user{float:left; margin-top:32px; margin-right:10px;}
a.btn_util{padding:9px 13px; color:#2b2b2b; display:inline-block; border:1px solid #cecece; border-radius:3px; background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.1) 70%, rgba(255,255,255,0.1) 100%); margin-top:22px;}


/*content*/
.wrap{border-top: 1px solid #cccccc;}
#content{height:auto; width:1200px; margin:0 auto; background-color: #434343;}
#content:after{content:''; display:block; clear:both;}

.left_area{float:left; width:180px; height:100%;}
.cont_area{float:left; width:calc(100% - 220px); min-height:655px; background-color:#f8f8f8; position:relative; padding-left:20px; padding-right:20px; padding-top:40px; padding-bottom:125px;}

/*nav*/
.left_area nav li a{padding:13px 0 13px 45px; color:#fff; font-size: 16px; display:block;}
.left_area nav li a:hover,.left_area nav li a:focus,.left_area nav li a.on{color:#f39938; text-decoration: none;}


/*title*/
.left_area h2{
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	padding: 30px 0;
}
.cont_area h3.h3_title{background:url('/images/common/h3_title.gif') no-repeat 0 2px; padding-left:13px; font-family:'NotoSansKR-Bold'; font-size:20px; line-height:100%; color:#2b2b2b; border-bottom: 1px solid #cccccc; padding-bottom: 15px;}
.cont_area h4.h4_title{background:url('/images/common/h4_title.gif') no-repeat 0 center; padding-left:14px; font-family:'NotoSansKR-Bold'; font-size:18px; line-height:100%; color:#2b2b2b; margin-bottom:20px;}

.view{
	min-height: 615px;
	background-color: #fff;
	border-top: 1px solid #f39938;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top: 30px;
}
.orange{color: #ed1c24;}

/*table*/
.table_wrap{}

/*기본테이블*/
.tb_style01{width:100%; background-color:#fff;}
.tb_style01 th{font-family: 'NotoSansKR-Bold'; padding:14px 0; text-align:center; border-bottom:1px solid #e3e4e5; border-right:1px solid #e3e4e5; background-color:#f7f7f7;}
.tb_style01 td{padding:5px 15px; line-height:160%; text-align:center; border-bottom:1px solid #e3e4e5; border-right:1px solid #e3e4e5; vertical-align:middle;}
.tb_style01.list th{padding: 12px 0; vertical-align: middle;}
.tb_style01.list td{padding: 10px 15px;}
.tb_style01 th:last-child, .tb_style01 td:last-child{border-right:0;}
.tb_style01 td.subject{text-align:left; position:relative;}
select.member{
	width: 130px;
}
.btn_area + .pagination{margin-top: 15px;}


/*상세정보테이블*/
table.tb_style03{width:100%; border-top:1px solid #999999; border-bottom:1px solid #999999; background-color:#fff;}
.tb_style03 th, .tb_style03 td{border-bottom:1px solid #cccccc; height:15px;}
.tb_style03 tr:last-child th, .tb_style03 tr:last-child td{border-bottom:0;}
.tb_style03 th{padding:14px 0 14px 28px; background-color:#f7f7f7; border-right:1px solid #cccccc; border-left:1px solid #cccccc;}
.tb_style03 tr th:first-child{border-left:0;}
.tb_style03 td{padding:14px 0 14px 20px; border-bottom:1px solid #cccccc;}
form .tb_style03 th{padding:0 0 0 28px; height:43px; line-height:43px; vertical-align:middle;}
form .tb_style03 td{padding:0 0 0 20px; height:43px; line-height:43px;}
form .tb_style03 td.textarea{padding:10px 10px 10px 20px; height:auto; line-height:100%;}
.textarea textarea{width:98%; height:80px; border:1px solid #cccccc; resize: none;}

/* pagenation */
.pagination {text-align:center; height:30px; margin-top:25px;}
.pagination a {font-family:'NotoSansKR-DemiLight'; display:inline-block; width:34px; height:34px; line-height:34px; vertical-align:middle; }
.pagination a.picon {display:inline-block; width:34px; height:34px; vertical-align:middle; margin:0 1px;}
.pagination a.on {background-color:#727171; color:#fff;}

/*btn*/
.btn_area{margin:20px 20px 0 0;}
table .btn_area{margin:0; position:absolute; right:10px; top:8px;}
a.btn{font-family: 'NotoSansKR-Medium'; color:#fff; line-height:100%; background-color:#f39938; border: 1px solid #f39938; width: 80px; padding:9px 0; text-align: center; border-radius:5px; display:inline-block;}
a.btn_gray{font-family: 'NotoSansKR-Medium'; color:#666666; line-height:100%; background-color:#f8f8f8; border: 1px solid #cccccc; box-sizing: border-box; padding:9px 28px; border-radius:5px; display:inline-block;}
a.btn_sgray{color:#666666; line-height:100%; background-color:#eeeeee; border: 1px solid #cccccc; box-sizing: border-box; width: 80px; padding:6px 0; border-radius:5px; display:inline-block;}
a.btn_darkgray{font-family: 'NotoSansKR-Medium'; color:#fff; line-height:100%; background-color:#434343; border: 1px solid #434343; padding:9px 28px; border-radius:5px; display:inline-block;}
.btn_area a + a{margin-left: 3px;}
.tabarea .btn_area {
    margin: 15px 0px 0 0;
}
.btn_gray.btn_small{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	vertical-align: middle;
	border-radius: 0;
	background-color: #727171;
	color: #fff;
	border: 1px solid #727171;
	margin-left: 5px;
	font-family: 'NotoSansKR-Regular';
}

/*tab*/
.tabarea{
	margin-top: 30px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.tab{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	background-color: #eceff1;
}
.tab li{
	float: left;
	margin-top: -1px;
	margin-bottom: -1px;
}
.tab li a{
	font-size: 16px;
	color: #000000;
	width: 120px;
	padding: 14px 0;
	display: block;
	text-align: center;
	background-color: #eceff1;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.tab li a.on{
	background-color: #fff;
	border-top: 2px solid #f39938;
	border-bottom: 0;
}
.tab_view{
	background-color: #fff;
	padding: 30px 40px 30px 40px;
	position: relative;
}
.tab_view h4{
	border-top: 1px solid #cccccc;
	padding-top: 30px;
	padding-left: 8px;
	font-family: 'NotoSansKR-Medium';
	font-size: 18px;
}
.tab_view .view{
	margin-top: 20px;
	border-top: 1px solid #f39938;
	border-left: 0;
	border-right: 0;
	min-height: 450px;
	border-bottom: 0;
}

/*게시판 상세*/
.view dt{
	background-color: #f7f7f7;
	font-family: 'NotoSansKR-Bold';
	padding: 17px 20px;
	position: relative;
	border-bottom: 1px solid #e3e4e5;
}
.view dt .date{
	font-family: 'NotoSansKR-Regular';
	float: right;
}
.view dd{
	min-height: 200px;
	padding: 20px;
	border-bottom: 1px solid #e3e4e5;
}
.file{
	display: table;
	width: 100%;
}
.file dt,.file dd{
	display: table-cell;
}
.file dt{
	font-family: 'NotoSansKR-Regular';
	width: 94px;
	background-color: #fff;
	position: relative;
	text-align: center;
	padding: 15px 0;
}
.file dt:after{
	content: '';
	display: block;
	width: 1px;
	height: 14px;
	background-color: #cccccc;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
}
.file dd{
	border-bottom: 1px solid #e3e4e5;
	min-height: auto;
	width: calc(100% - 94px);
	padding: 15px 25px;
}

.search_area{
	border-top: 1px solid #e3e4e5;
	padding-top: 27px;
	text-align: right;
	margin-bottom: -8px;
}
.search_area input{
	width: 250px;
	border: 1px solid #e3e4e5;
	box-sizing: border-box;
}
.search_area a{
	display: inline-block;
	padding: 0 43px 0 24px;
	background: #727171 url('/images/common/btn_search.png') no-repeat 54px center;
	color: #fff;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin-left: 3px;
}
.btn_file{
	width: 21px;
	height: 18px;
	font-size: 0;
	background: url('/images/common/icon_file.png') no-repeat 0 0;
	display: inline-block;
}
.tb_style01.list input[type="checkbox"]{
	width: 18px;
	height: 18px;
}

/*게시판 쓰기*/
.info{
	position: absolute;
	right: 40px;
	top: 80px;
	font-size: 12px;
	color: #666666;
}
.write{
	border-top: 1px solid #f39938;
	margin-top: 25px;
}
.write dl{
	width: 100%;
	display: table;
}
.write dt,.write dd{
	display: table-cell;
	border-bottom: 1px solid #e3e4e5;
}
.write dt{
	width: 100px;
	padding: 14px 25px;
	background-color: #f7f7f7;
	border-right: 1px solid #e3e4e5;
	vertical-align: middle;
}
.write dd{
	max-width: 715px;
	padding: 10px;
	vertical-align: middle;
	line-height: 150%;
}
.write.view dd{
	padding: 10px 20px;
}

/*입력폼*/
.wd15{width: 15px; text-align: center;}
.full{width: 80%;}
.short{width: 20%;}
.tel{width: 80px;}
.select_wrap.tel .select_element:after{
	left: 75%;
}
.lh150{line-height: 150%;}
input.title{width: 100%;}
.fileBox .fileName {display:inline-block; width: 250px; height:30px; padding-left:10px; margin-right:5px; line-height:30px; border:1px solid #e3e4e5; background-color:#fff; vertical-align:middle; box-sizing: border-box;}
.fileBox .btn_file {display:inline-block; background-color: #727171; background-image:none; color: #fff; width:100px; height:30px; font-size:14px; line-height:30px; text-align:center;vertical-align:middle;}
.fileBox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.btn_del{
	font-size: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url('/images/common/btn_del.png') no-repeat 0 0;
	margin-left: 7px;
}

/*구인구직*/
.part1{
	color: #a70000;
	border: 1px solid #a70000;
	border-radius: 15px;
	padding: 1px 12px;
	box-sizing: border-box;
	min-width: 75px;
	line-height: 100%;
}
.part2{
	color: #4694d1;
	border: 1px solid #4694d1;
	border-radius: 15px;
	padding: 1px 12px;
	box-sizing: border-box;
	min-width: 75px;
	line-height: 100%;
}
.part3{
	color: #843a9e;
	border: 1px solid #843a9e;
	border-radius: 15px;
	padding: 1px 12px;
	box-sizing: border-box;
	min-width: 75px;
	line-height: 100%;
}
.part1.small, .part2.small, .part3.small{
	min-width: auto;
}

/*modal_popup*/
.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(255,255,255) !important;
  background-color: rgba(255,255,255,0.75) !important;
  text-align: center;
}

.pop_style01{border:1px solid #e2e2e2 !important;  border-radius:0 !important; line-height: 18px; padding:25px 30px !important; -webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.24) !important; -moz-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.24) !important; box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.24) !important;}

.modal a.close-modal {
  position: absolute;
  top: 24px !important;
  right: 29px !important;
  display: block;
  width: 18px !important;
  height: 18px !important;
  text-indent: -9999px;
  background-size: auto !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('/images/common/btn_pop_close.gif') !important;
}

.pop_style01 .pop_cont{margin-top:50px;}
.pop_style01 h3 {font-family: 'NotoSansKR-Bold'; color: #2b2b2b; font-size: 20px;	line-height:100%;	margin: 0;	padding:0 0 25px 0;	border-bottom:1px solid #e2e2e2;}
.pop_style01.modal p label {float:left;	width:150px;	line-height:30px;}
.pop_style01.modal p label sub{color:#c50000; font-family:'NotoSansKR-Regular'; font-size:14px; margin-right:3px;}
.pop_style01.modal p input[type="text"],
.pop_style01.modal p input[type="password"] {height:33px; line-height:33px;	border:1px solid #e2e2e2;	width: 285px;}
.alert_txt{font-size:16px; line-height:160%; text-align:center;}


/*login*/
.loginCont{background-color: #f8f8f8; width: 100%; height: calc(100% - 180px);}
#loginWrap{width:609px; position:absolute; left:50%; top:50%; margin-top:-185px; margin-left:-304px; border:1px solid #cccccc; border-top: 4px solid #f39938;}
#loginWrap h1{margin-bottom:50px; text-align:center;}
.login_header h2{
	display: inline-block;
	font-family: 'NotoSansKR-Bold';
	font-size: 22px;
	padding: 20px 43px;
	background-color: #fff;
}
.login_form{padding: 70px 25px; background-color: #fff;}
.login_form dl{width:315px; margin: 0 auto;}
.login_form dl + dl{margin-top: 5px;}
.login_form dt, .login_form dd{display: inline-block;}
.login_form dt{width:62px; height:35px; line-height:35px;}
.login_form dd input.text{width:247px; height:35px !important; border: 1px solid #dfdfdf; box-sizing: border-box;}
a.btn_login{width: 310px; font-size:18px; line-height:100%; color:#fff; background-color:#727171; text-align: center; padding: 16px 0; border-radius: 3px; display: block; margin: 40px auto 0;}