/* 상황영역 */
.state_area { display:block; width:100%; margin-bottom:10px; box-sizing:border-box; overflow:hidden; }
.state_area:after { display:block; content:''; clear:both; }
.state_area .state_area_left { display:block; float:left; width:auto; height:100%; box-sizing:border-box; overflow:hidden; }
.state_area .state_area_right { display:block; float:right; width:auto; height:100%; text-align:right; box-sizing:border-box; overflow:hidden; }

/* 버튼영역 */
.btn_area { display:block; width:100%; margin-bottom:20px; box-sizing:border-box; overflow:hidden; }
.btn_area:after { display:block; content:''; clear:both; }
.btn_area .btn_area_left { display:block; float:left; width:auto; height:100%; box-sizing:border-box; overflow:hidden; }
.btn_area .btn_area_right { display:block; float:right; width:auto; height:100%; text-align:right; box-sizing:border-box; overflow:hidden; }

.btn_normal { display:inline-block; width:100px; height:30px; line-height:30px; font-size:14px; color:#fff !important; text-align:center; background:#777; border:0; border-radius:0.1em; box-sizing:border-box; }

/* 페이징 */
.page_area { display:block; width:100%; margin-bottom:20px; text-align:center; box-sizing:border-box; overflow:hidden; }
.page_area > a { display:inline-block; width:30px; height:30px; line-height:30px; font-size:14px; color:#666; font-weight:400; text-align:center; background:#fff; border:1px solid #ddd; border-radius:0.1em; box-sizing:border-box; overflow:hidden; }
.page_area > a > span { font-size:0; }
.page_area > strong { display:inline-block; width:30px; height:30px; line-height:30px; font-size:14px; color:#fff; font-weight:400; text-align:center; background:#182f4f; border:1px solid #182f4f; border-radius:0.1em; box-sizing:border-box; overflow:hidden; }
.page_area > .btn_first:before { font-family:'FontAwesome'; content:'\f100'; }
.page_area > .btn_end:before { font-family:'FontAwesome'; content:'\f101'; }
.page_area > .btn_prev:before { font-family:'FontAwesome'; content:'\f104'; }
.page_area > .btn_next:before { font-family:'FontAwesome'; content:'\f105'; }

/* 검색 */
.search_area { display:block; width:100%; padding:10px 10px; text-align:center; border:1px solid #ddd; border-left:0; border-right:0; box-sizing:border-box; overflow:hidden; }
.search_area > label { display:none; vertical-align:top; }
.search_area > select { width:100px; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; box-sizing:border-box; outline:0; vertical-align:top; }
.search_area > input[type=text] { width:300px; height:30px; line-height:30px; text-indent:5px; background:#fff; border:1px solid #ddd; box-sizing:border-box; outline:0; vertical-align:top; }
.search_area > input[type=submit] { width:70px; height:30px; line-height:30px; color:#fff; background:#182f4f; border:0; border-radius:0.1em; box-sizing:border-box; outline:0; vertical-align:top; cursor:pointer; }
@media (max-width:480px){
	.search_area > select { width:80px; }
	.search_area > input[type=text] { width:calc(100% - 160px); }
	.search_area > input[type=submit] { width:70px; }
}

/* 탭 */
.bbs_tab { position:relative; display:block; margin-bottom:20px; border-bottom:1px solid #666; overflow:hidden; }
.bbs_tab > ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.bbs_tab > ul > li { display:block; float:left; width:100px; height:40px; text-align:center; border:1px solid #666; border-left:0; border-bottom:0; box-sizing:border-box; overflow:hidden; }
.bbs_tab > ul > li:first-child { border-left:1px solid #666; }
.bbs_tab > ul > li > a { display:block; width:100%; height:100%; line-height:40px; font-size:14px; color:#333; font-weight:700; overflow:hidden; }
.bbs_tab .current > a { color:#fff; background:#666; }
@media (max-width:640px){
	.bbs_tab > ul > li { width:25%; }
}

/* div 테이블 */
.table_outline { display:block; border-top:1px solid #333; overflow:hidden; }
.div_table { display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; }
.div_table .div_tr { display:table-row; }
.div_table .div_th { display:table-cell; padding:15px 10px; font-size:13px; color:#333; font-weight:700; text-align:center; vertical-align:middle; background:#f4f4f4; border:1px solid #ddd; border-bottom:1px solid #999; border-right:0; }
.div_table .div_td { display:table-cell; padding:10px 10px; font-size:13px; color:#666; font-weight:400; text-align:center; vertical-align:middle; background:#fff; border:1px solid #ddd; border-right:0; }
.div_table .div_td a { display:block; color:#666; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.div_table .div_td a:hover { color:#333; }
.div_table .div_tr:hover .div_td { background:#f4f4f4; }
.div_table .div_th:nth-child(1) { border-left:0; }
.div_table .div_td:nth-child(1) { border-left:0; }

.td_no_data { display:block; width:100%; padding:100px 0; text-align:center; border-bottom:1px solid #ddd; overflow:hidden; }

/* 게시판 리스트 */
.bbs_normal { margin-bottom:20px; }
.bbs_normal .div_th:nth-child(1) { width:6%; }
.bbs_normal .div_th:nth-child(2) { width:54%; }
.bbs_normal .div_th:nth-child(3) { width:15%; }
.bbs_normal .div_th:nth-child(4) { width:15%; }
.bbs_normal .div_th:nth-child(5) { width:10%; }

@media(max-width:640px){
	.bbs_normal .div_table { display:block; overflow:hidden; }
	.bbs_normal .div_table .div_tr { position:relative; display:block; margin-bottom:10px; padding-bottom:30px; border:1px solid #ddd; overflow:hidden; }
	.bbs_normal .div_table .div_tr:first-child { display:none; }
	.bbs_normal .div_table .div_th { display:none !important; }
	.bbs_normal .div_table .div_td { display:block; padding:10px 10px; font-size:1em; color:#333; text-align:center; vertical-align:middle; background:#fff; border:0; }
	.bbs_normal .div_td:nth-child(1) { display:none; }
	.bbs_normal .div_td:nth-child(2) { position:relative; display:block; width:100%; height:auto; padding:10px; background:#f4f4f4; }
	.bbs_normal .div_td:nth-child(3) { position:absolute; display:block; left:10px; bottom:7px; width:auto; height:auto; margin:0; padding:0; font-size:0.8125em; color:#999; }
	.bbs_normal .div_td:nth-child(4) { position:absolute; display:block; right:50px; bottom:7px; width:auto; height:auto; margin:0; padding:0; font-size:0.8125em; color:#999; text-align:right; }
	.bbs_normal .div_td:nth-child(5) { position:absolute; display:block; right:10px; bottom:7px; width:auto; height:auto; margin:0; padding:0; font-size:0.8125em; color:#999; text-align:right; }
}

/* 게시판 리스트 */
.recruit_normal { margin-bottom:20px; }
.recruit_normal .div_th:nth-child(1) { width:6%; }
.recruit_normal .div_th:nth-child(2) { width:auto; }
.recruit_normal .div_th:nth-child(3) { width:20%; }
.recruit_normal .div_th:nth-child(4) { width:10%; }

@media(max-width:640px){
	.recruit_normal .div_table { display:block; overflow:hidden; }
	.recruit_normal .div_table .div_tr { position:relative; display:block; margin-bottom:10px; padding-bottom:30px; border:1px solid #ddd; overflow:hidden; }
	.recruit_normal .div_table .div_tr:first-child { display:none; }
	.recruit_normal .div_table .div_th { display:none !important; }
	.recruit_normal .div_table .div_td { display:block; padding:10px 10px; font-size:1em; color:#333; text-align:center; vertical-align:middle; background:#fff; border:0; }
	.recruit_normal .div_td:nth-child(1) { display:none; }
	.recruit_normal .div_td:nth-child(2) { position:relative; display:block; width:100%; height:auto; padding:10px; background:#f4f4f4; }
	.recruit_normal .div_td:nth-child(3) { position:absolute; display:block; left:10px; bottom:7px; width:auto; height:auto; margin:0; padding:0; font-size:0.8125em; color:#999; }
	.recruit_normal .div_td:nth-child(4) { position:absolute; display:block; right:50px; bottom:7px; width:auto; height:auto; margin:0; padding:0; font-size:0.8125em; color:#999; text-align:right; }
	.recruit_normal .div_td:nth-child(5) { position:absolute; display:block; right:10px; bottom:7px; width:auto; height:auto; margin:0; padding:0; font-size:0.8125em; color:#999; text-align:right; }
}

/* 게시판 글작성 */
.bbs_write { margin-bottom:20px; }
.bbs_write .div_th { width:15%; padding-left:30px; text-align:left; border:0; border-bottom:1px solid #ddd; }
.bbs_write .div_td { width:85%; text-align:left; }
.div_table .div_tr:hover .div_th { background:#f4f4f4; }
.div_table .div_tr:hover .div_td { background:#fff; }
.bbs_write input[type=text] { height:30px; line-height:30px; text-indent:5px; background:#fff; border:1px solid #ddd; box-sizing:border-box; outline:0; }
.bbs_write input[type=password] { height:30px; line-height:30px; text-indent:5px; background:#fff; border:1px solid #ddd; box-sizing:border-box; outline:0; }
.bbs_write select { height:30px; line-height:30px; background:#fff; border:1px solid #ddd; box-sizing:border-box; outline:0; }
.bbs_write textarea { width:100%; border:1px solid #ddd; box-sizing:border-box; resize:none; }

.file_add { display:block; margin-top:10px; padding:10px 10px; background:#f4f4f4; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.file_add span { display:inline-block; vertical-align:middle; }
.file_add .fa_head:before { margin-right:10px; font-family:'FontAwesome'; content:'\f1c6';  }
.file_add > a { display:inline-block !important; vertical-align:middle; }
.file_add > .btn_del { padding:2px 5px; font-size:10px; color:#fff !important; background:#b70606; border-radius:0.3em; vertical-align:middle; }

@media (max-width:480px){
	.bbs_write .div_table { display:block; }
	.bbs_write .div_table .div_tr { display:block; margin-bottom:10px; }
	.bbs_write .div_th { display:block; width:auto; border:1px solid #ddd !important; }
	.bbs_write .div_td { display:block; width:auto; border:1px solid #ddd; border-top:0; }
	.bbs_write input[type=text] { width:30%; height:30px; line-height:30px; text-indent:5px; background:#fff; border:1px solid #ddd; box-sizing:border-box; outline:0; }
	.bbs_write input[type=password] { height:30px; line-height:30px; text-indent:5px; background:#fff; border:1px solid #ddd; box-sizing:border-box; outline:0; }
	.bbs_write select { width:30%; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; box-sizing:border-box; outline:0; }
	.bbs_write textarea { width:100%; border:1px solid #ddd; box-sizing:border-box; resize:none; }

.file_add { display:block; margin-top:10px; padding:10px 10px; background:#f4f4f4; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.file_add span { display:inline-block; vertical-align:middle; }
.file_add .fa_head:before { margin-right:10px; font-family:'FontAwesome'; content:'\f1c6';  }
.file_add > a { display:inline-block !important; vertical-align:middle; }
.file_add > .btn_del { padding:2px 5px; font-size:10px; color:#fff !important; background:#b70606; border-radius:0.3em; vertical-align:middle; }
}

/* BBS 상세 페이지 */
.view_title { padding:20px 20px; font-size:14px; color:#333; background:#f4f4f4; border-bottom:1px solid #ddd; overflow:hidden; }

.view_spec { display:block; list-style:none; margin:0; padding:20px; border-bottom:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.view_spec:after { display:block; content:''; clear:both; }
.view_spec > li { display:block; float:left; margin-right:20px; box-sizing:border-box; overflow:hidden; }
.view_spec > li:nth-last-child(1) { float:right; margin:0; }
.view_spec > li span { display:inline-block; font-size:14px; vertical-align:middle; }
.view_spec > li .head { color:#333; font-weight:700; }

.view_cnt { padding:20px 20px; border-bottom:1px solid #ddd; overflow:hidden; }
.view_cnt p { line-height:1.8; }
@media (max-width:480px){
	.view_title { padding:10px; font-size:1em; }
	.view_spec { display:block; list-style:none; margin:0; padding:10px; border-bottom:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
	.view_spec:after { display:block; content:''; clear:both; }
	.view_spec > li { float:none !important; margin:0; padding:5px 0; }
	.view_cnt { padding:20px 10px; }
}

/* FAQ : 검색 */
.faq_search_box { position:relative; display:block; margin-bottom:30px; padding:40px; background:#fff; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.faq_search_box .search { height:auto; }
.faq_search_box .search .faq_ment { display:block; margin-bottom:20px; font-size:16px; font-weight:700; color:#333; }
.faq_search_box .search input[type=text] { width:50%; height:30px; line-height:30px; padding-left:5px; vertical-align:middle; background:#fff; border:1px solid #ccc; box-sizing:border-box; outline:0; }
.faq_search_box .search input[type=submit] { width:80px; height:30px; font-size:13px; color:#fff; font-weight:700; vertical-align:middle; background:#666; border:0; border-radius:3px; outline:0; cursor:pointer; }
@media (max-width:480px){
	.faq_search_box { padding:10px; }
	.faq_search_box .search .faq_ment { margin-bottom:10px; font-size:1em; }
	.faq_search_box .search input[type=text] { width:calc(100% - 90px); }
}

/* FAQ : 탭 */
.faq_box { position:relative; display:block; overflow:hidden; }

.faq_tab_box { position:relative; display:block; margin-bottom:20px; border-bottom:1px solid #666; overflow:hidden; }
.faq_tab_box > ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.faq_tab_box > ul > li { display:block; float:left; width:100px; height:40px; text-align:center; border:1px solid #666; border-left:0; border-bottom:0; box-sizing:border-box; overflow:hidden; }
.faq_tab_box > ul > li:first-child { border-left:1px solid #666; }
.faq_tab_box > ul > li > a { display:block; width:100%; height:100%; line-height:40px; font-size:14px; color:#333; font-weight:700; overflow:hidden; }
.faq_tab_box .current > a { color:#fff; background:#666; }
@media (max-width:480px){
	.faq_tab_box > ul > li { width:25%; }
}

/* FAQ : 리스트 */
.faq_list { display:block; list-style:none; margin:0; padding:0; border-top:1px solid #999; box-sizing:border-box; overflow:hidden; }
.faq_list > li { display:block; border-bottom:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.faq_list > li.nodata { height:100px; line-height:100px; font-size:14px; color:#333; text-align:center; }
.faq_list > li > a { display:block; padding:10px; font-size:14px; color:#333; box-sizing:border-box; overflow:hidden; }
.faq_list > li > a:before { margin-right:10px; font-family:'FontAwesome'; content:'\f059'; }
.faq_list > li .faq_answer_box { display:none; overflow:hidden; }
.faq_list > li .faq_answer { position:relative; display:block; padding:20px 20px 20px 30px; font-size:13px; color:#666; font-weight:400; line-height:1.5; background:#f4f4f4; border-top:1px solid #ccc; overflow:hidden; }
.faq_list > li .faq_answer:before { position:absolute; left:10px; top:20px; font-family:'FontAwesome'; font-size:15px; color:red; content:'\f14e'; }

/* 테이블 */
.table_outline { display:block; overflow:hidden; }
.horizen { table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; }
.horizen th, .horizen td { padding:10px 10px; font-size:13px; color:#666; vertical-align:middle; word-break:break-all; border:1px solid #ccc; }
.horizen th { color:#333; background:#f4f4f4; }
.horizen td { text-align:center; }

@media (max-width:480px){
	.table_outline { }
}

/* 개인정보 수집·이용 등에 대한 동의 */
.agreement_area { box-sizing:border-box; overflow:hidden; }
.agreement_area > .h4_label { margin-bottom:10px; font-size:13px; color:#666; font-weight:400; }
.agreement_area > .scroll_box { height:150px; margin-bottom:10px; padding:10px; font-size:13px; color:#666; line-height:1.8; border:1px solid #ddd; overflow:auto; }
.agreement_area > .check_box { margin-bottom:20px; padding:10px 0; text-align:right; }
.agreement_area > .check_box label { font-size:13px; color:#666; vertical-align:middle; }
.agreement_area > .check_box input[type=radio] { margin-left:20px; vertical-align:middle; }