/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-family:'Nanum Gothic', sans-serif; font-size:13px; vertical-align:baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table { border-collapse:collapse; border-spacing:0; }
a, a:hover { color:#333; text-decoration:none; }

/* 팝업레이어 */
#hd_pop { position:relative; width:1000px; height:0; margin:0 auto; z-index:1000; }
#hd_pop h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
.hd_pops { position:absolute; background:#fff; border:1px solid #e9e9e9;}
.hd_pops_con {}
.hd_pops_footer { padding:10px 0; color:#fff; text-align:right; background:#000; }
.hd_pops_footer button { margin-right:5px; padding:5px 10px; color:#fff; background:#393939; border:0; }
.sound_only { position:absolute; display:inline-block !important; left:0; top:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important; }

/* 모달 레이어 정의 */
.layer_popup { display:none; margin:0; padding:0 !important; overflow:hidden !important; }
.layer_popup iframe { width:100%; height:100%; border:0; box-sizing:border-box; }

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha .captcha_box { vertical-align:top; }

/* Layout CSS */
#wrap { position:relative; min-width:1200px; margin:0 auto; box-sizing:border-box; overflow:hidden; }

#header { position:relative; max-width:1200px; height:87px; margin:0 auto; background:#fff; }
#header > h1 { position:absolute; left:0; top:0; bottom:0; height:24px; margin:auto 0; overflow:hidden; }

#gn_area { position:absolute; right:50%; top:0; width:auto; height:87px; margin-right:-600px; }
#gn_area ul { height:100%; }
#gn_area li { height:100%; }
#gn_area a { display:block; }

#gn_area .gn:after { display:block; content:''; clear:both; }
#gn_area .gn > li { position:relative; float:left; }
#gn_area .gn > li > a { line-height:87px; padding:0 45px; font-size:18px; color:#333; box-sizing:border-box; }
#gn_area .gn > li:hover > a { color:#000; font-weight:700; }

#footer { padding:30px 0; text-align:center; background:#333; border-top:1px solid #3c3c3c; box-sizing:border-box; overflow:hidden; }
.foot_btn { display:inline-block; }
.foot_btn:after { display:block; content:''; clear:both; }
.foot_btn > li { float:left; }
.foot_btn > li > a { display:block; padding:10px 10px; font-size:13px; color:#fff; line-height:2; }
.foot_btn .btn_f_privacy { color:#f39b97; }
.foot_txt { font-size:12px; color:#b4b4b4; line-height:2; }

/* Main CSS */
.main_visual { position:relative; height:727px; background:#666; overflow:hidden; }
.main_visual .btn_arrow_left { position:absolute; left:50%; top:0; bottom:0; width:auto; height:84px; margin:auto 0; margin-left:-600px; z-index:10; }
.main_visual .btn_arrow_right { position:absolute; right:50%; top:0; bottom:0; width:auto; height:84px; margin:auto 0; margin-right:-600px; z-index:10; }
.main_visual .bx-wrapper { height:100%; margin:0; }
.main_visual .bx-wrapper .bx-viewport { height:100% !important; }

.mv_slide { height:100%; }
.mv_slide > li { height:100%; }

.m_content { position:relative; height:100%; }
.m_content img { 
	position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; margin:auto auto;
}

/* Sub CSS */
.sub_visual { position:relative; height:220px; background:url('../images/sub/sub_visual_1.jpg') no-repeat center top; }
.sub_visual img { position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; margin:auto auto; }
.sub_cnt { width:auto; max-width:1200px; min-height:500px; margin:0 auto; padding:50px 0; box-sizing:border-box; overflow:hidden; }
.sub_cnt > .h2_label { margin-bottom:40px; font-size:36px; color:#333; font-weight:400; }

/* Cnt CSS */
.map_box { box-sizing:border-box; overflow:hidden; }
.map_box .map_size { width:100% !important; }

/* BBS CSS */
/* 게시판 제목 */
.h2_bbs_label { display:none; overflow:hidden; }

/* 게시판 : 카테고리 옵션 */
.category_option { box-sizing:border-box; border:1px solid red; overflow:hidden; }
.category_option > h2 { display:none; }

/* 상황 영역 */
.state_area { 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; height:100%; box-sizing:border-box; overflow:hidden; }
.state_area .state_area_right { display:block; float:right; height:100%; box-sizing:border-box; overflow:hidden; }
.state_area span { display:inline-block; margin-right:10px; font-size:14px; vertical-align:middle; }
.state_area .btns { display:inline-block; padding:3px 10px; background:#f4f4f4; border:1px solid #ddd; box-sizing:border-box; border-radius:0.2em; overflow:hidden; }

/* 체크박스 옵션 */
.checkbox_option { display:none; border:1px solid blue; overflow:hidden; }

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

/* 버튼 */
.btn_normal { display:inline-block; min-width:80px; height:30px; line-height:30px; color:#fff !important; text-decoration:none !important; text-align:center; background:#666; border:0; border-radius:3px; vertical-align:top; cursor:pointer; }

/* 검색 영역 */
.search_box { display:block; margin:20px 0 0; padding:5px; text-align:center; background:#f4f4f4; border:1px solid #ccc; border-left:0; border-right:0; overflow:hidden; }
.search_box form { margin:0; padding:0; }
.search_box legend { position:absolute; left:-9999px; }
.search_box select { width:150px; height:32px; line-height:32px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; outline:0; vertical-align:middle; }
.search_box input[type=text] { width:300px; height:32px; line-height:32px; text-indent:5px; background:#fff; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; outline:0; vertical-align:middle; }
.search_box input[type=submit] { width:70px; height:32px; line-height:32px; font-size:14px; color:#fff; text-align:center; background:#0c264a; border:0; border-radius:4px; cursor:pointer; vertical-align:middle; }

/* 게시판 리스트 테이블 */
.table_outline { display:block; margin-bottom:20px; border-top:2px solid #333; overflow:hidden; }
.table_outline > table { table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; }
.table_outline > table th, .table_outline > table td { padding:6px 10px; font-size:13px; color:#666; font-weight:400; text-align:center; border:1px solid #ccc; border-right:0; vertical-align:middle; }
.table_outline > table th { color:#333; background:#f4f4f4; border-bottom:1px solid #999; }
.table_outline > table tr th:first-child { border-left:0; }
.table_outline > table tr td:nth-child(1) { border-left:0; }
.table_outline > table caption { display:none; }

.table_outline .vertical th { border-bottom:1px solid #ccc; }
.table_outline .vertical td { text-align:left; }
.table_outline img { vertical-align:middle; }
.table_outline input[type=text] { width:auto; height:30px; line-height:30px; text-indent:5px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; }
.table_outline input[type=password] { width:auto; height:30px; line-height:30px; text-indent:5px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; }
.table_outline select { height:30px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; }
.table_outline textarea { padding:5px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; resize:none; }
.table_outline input[type=checkbox] { vertical-align:middle; }
.table_outline input[type=radio] { vertical-align:middle; }
.table_outline label { vertical-align:middle; }

/* 갤러리 게시판 리스트 */
.gallery_area { display:block; list-style:none; margin:0 0 20px; padding:0; overflow:hidden; }
.gallery_area:after { display:block; content:''; clear:both; }
.gallery_area > li { position:relative; float:left; width:23.5%; margin-right:2%; margin-bottom:20px; box-sizing:border-box; overflow:hidden; }
.gallery_area > li:nth-child(4n+4) { margin-right:0; }
.gallery_area > li:nth-child(4n+1) { clear:both; }
.gallery_area > li .box_check { position:absolute; display:block; left:0; top:0; }
.gallery_area > li .box_check input, .gallery_area > li .box_check label { vertical-align:top; }

.gallery_cnt { display:block; list-style:none; width:100%; margin:0; padding:0; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.gallery_cnt > li { display:block; text-align:center; }
.gallery_cnt > li:nth-child(2) { padding:10px 0; overflow:hidden; }
.gallery_cnt > li:nth-child(2) a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.gallery_cnt > li img { max-width:100%; }

/* 게시판 뷰 */
.view_title { display:block; padding:10px 10px; background:#f4f4f4; border:1px solid #ddd; overflow:hidden; }
.view_title h1 { font-size:15px; color:#333; font-weight:500; }

.page_info { position:relative; padding:10px 0; border-bottom:1px solid #ddd; overflow:hidden; }
.page_info > h2 { display:none; }
.page_info span { display:inline-block; vertical-align:middle; }
.page_info .p_i_box { margin-right:20px; }
.page_info .p_i_box .head {}
.page_info .p_i_box .text { color:#666; }
.page_info .fr { float:right; margin:0; }

/* 첨부파일 */
.file_area { display:block; overflow:hidden; }
.file_area > h2 { display:none; }
.file_area > ul { list-style:none; margin:0; padding:0; box-sizing:border-box; }
.file_area > ul > li { padding:10px; background:#f4f4f4; border-bottom:1px solid #ddd; }
.file_area > ul > li > span { margin-right:20px; }
.file_area > ul > li img { margin-right:10px; }

/* 링크파일 */
.link_area { display:block; overflow:hidden; }
.link_area > h2 { display:none; }
.link_area > ul { list-style:none; margin:0; padding:0; box-sizing:border-box; }
.link_area > ul > li { padding:10px; background:#f4f4f4; border-bottom:1px solid #ddd; }
.link_area > ul > li > span { margin-right:20px; }
.link_area > ul > li img { margin-right:10px; }

/* 글보기 */
.read_area { margin:20px 0; border-bottom:1px solid #ddd; overflow:hidden; }