@charset "utf-8";


/*-----------------------------------------------------------------------------------------------------------
공통css
-----------------------------------------------------------------------------------------------------------*/

.blind{position:absolute !important;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;/* opacity:0;filter:alpha(opacity=0); ☆Naver */}
	*+html .blind{height:0;}
	caption.blind{position:relative;}
	
#bn1{float:right;position:relative;height:30px;margin:5px 0 1.333em;line-height:1.333;letter-spacing:-1px;}
#bn1 ul{float:left;}
#bn1 li{float:left;}
#bn1 a{float:left;}
#bn1 a>.ic1{float:left;width:30px;height:30px;margin:0 5px 0 0;
	background:url() no-repeat center center;background-size:contain;
	overflow:hidden;text-indent:-9999px;cursor:pointer;}
#bn1 .m1>a>.ic1{background-image:url(/board/img/icon_face.gif);}
#bn1 .m2>a>.ic1{background-image:url(/board/img/icon_band.gif);}
#bn1 .m3>a>.ic1{background-image:url(/board/img/icon_kakao.gif);}

.red {color:#F00 !important;}
img	 { vertical-align:middle !important}

/* Form 요소들 기본 */
input::placeholder {color:#999; font-weight:300;}
textarea.textarea {padding:2px 5px; border:1px solid #d4d4d4;}
select.select {height:42px; padding:0 30px 0 7px; border:1px solid #d4d4d4; background:#fff url('/bbs/img/ico_arr_down.png') right 10px top 50% no-repeat; -webkit-appearance:none; background-size:12px auto;}
select.select::-ms-expand {display:none;}
:root select.select{padding:0 0 0 5px \9;}
input.text {height:42px; padding:0 7px; border:1px solid #d4d4d4; box-sizing:border-box}
input.num {width:60px;}
input.checkbox {width:15px; height:15px; margin:0 3px 1px 0; vertical-align:middle;}
input.radio {width:15px; height:15px; margin:0 3px 1px 0; padding:0; vertical-align:middle;}
input.disable {height:42px; padding:0 7px; border:1px solid #d4d4d4; background:#f2f2f2; color:#666;}
input.text:hover,
select.select:hover,
textarea.textarea:hover,
span.format > button:hover {border:1px solid #424242; outline:none}
input.text:focus,
select.select:focus,
textarea.textarea:focus,
span.format > button:focus {border:1px solid #8695bb; outline:none}
input:disabled, select:disabled, input:readonly, select:readonly {border-color:rgba(0, 0, 0, 0.06) !important; background:rgba(0, 0, 0, 0.04); color:#999;}
button:disabled {opacity:0.4; cursor:default;}
.readonly, .disabled {border-color:rgba(0, 0, 0, 0.06) !important; background:rgba(0, 0, 0, 0.04); color:#999; cursor:default !important; }

@media all and (max-width:620px) {
	input.text , select.select, input.disable {height:38px;}
}


/* 버튼 스타일 */
.btn_st {display:inline-block; height:42px; position:relative; margin-bottom:3px; padding:0 15px; line-height:42px; vertical-align:middle; cursor:pointer; background:#fff; color:#333; border:1px solid rgba(0,0,0,0.2); font-size:14px; font-weight:normal}
.btn_st:hover {background:#f0f0f0; text-decoration:none;}
.btn_st.tiny {height:32px; padding:0 6px; font-size:13px; line-height:31px;}
.btn_st.tiny_s {height:30px; padding:0 6px; font-size:12px; line-height:29px;}

.btn_area {padding-top:20px;}
.btn_area:after {display:block; clear:both; content:'';}

@media all and (max-width:620px) {
	.btn_area {padding-top:8px;}
	.btn_st, .btn_site, .btn_down {height:38px; line-height:38px;}
}

/* 버튼 색상 */
.btn_navy {background:#3f61b2; color:#fff;} /* 포인트색상 */
.btn_navy:hover {background:#2e4d96;}
.btn_orange {background:#e77e00; color:#fff} /* 포인트색상 */
.btn_orange:hover {background:#ca6e00}
.btn_dpnavy {background:#295391; color:#fff} /* 서브색상 */
.btn_dpnavy:hover {background:#1d447d}
.btn_dpbk {background:#353c47; color:#fff} /* 서브색상 */
.btn_dpbk:hover {background:#111}
.btn_red {background:#d23a3a; color:#fff;}
.btn_blue {background:#007dbd; color:#fff;}
.btn_mint {background:#3cd19f; color:#fff;}
.btn_mint:hover {box-shadow:inset 0 -3px 0 rgba(0,0,0,0.25);}
.btn_darkgray {background:#363636; color:#fff;}
.btn_lightgray {background:#eee; color:#333; }
.btn_gray {background:#dedede; color:#333;}
.btn_grayblue {background:#b1b1b9; color:#fff;}
.btn_bluegray {background:#464a55; color:#fff;}
.btn_bluegray:hover {background:#3d4049;}
.btn_violet {border:1px solid #8b89b7; background:#e8e8f4; color:#390a51;}

/*-----------------------------------------------------------------------------------------------------------
게시판css
-----------------------------------------------------------------------------------------------------------*/

/* 게시판 검색 */
.board_top {position:relative; margin-bottom:20px; padding:12px 20px; border:1px solid #d3d7dd; background:#fff; box-shadow:0 2px 0 #f3f3f3;}
.board_top:after {display:block; clear:both; content:'';}
.board_top .total_area {float:left; padding-top:12px; font-size:15px;}
.board_top .total_area i {color:#666;}
.board_top .search_area {float:right;}
.board_top .search_area * { vertical-align:top;}
.board_top .search_area > * {display:inline-block;}
.board_top .search_area select { padding:3px 10px; height:32px}

.state_date {float:left; padding-top:10px;}
.state_date > strong{font-size:20px; color:#000;}
.state_date > strong i {font-size:22px; font-weight:normal; position:relative; top:2px; margin-right:5px;}


/* 게시판 리스트 */
.board_list {width:100%; border-top:2px solid #575757; border-bottom:1px solid #949494;}
	.board_list thead th {padding:15px 6px; border-bottom:1px solid #dddddd; font-weight:500; background:#f3f5f7; text-align:center;border-right:1px solid #ddd;}
	.board_list tbody td {height:51px; padding:10px; color:#888; border-bottom:1px solid #dddddd; text-align:center; border-right:1px solid #ddd;}
	.board_list tbody th {border-right:1px solid #ddd;}
	.board_list tbody td.subject {text-align:left; font-size:15px; color:#333;}
	.board_list tbody td.subject a {display:inline-block; max-width:88%; overflow:hidden; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
	.board_list tbody td.subject a i {margin-right:4px;}
	.board_list tbody td.subject strong{ font-weight:500}
	.board_list tbody td.no_list {padding:40px 0; border-top:1px solid #333333; border-bottom:1px solid #d9d9d9; text-align:center;}
	.board_list tbody td.subject.answer a em {position:relative; display:inline-block; padding:0 5px 0 23px; color:#fb822e; font-weight:500;}
	.board_list tbody td.subject.answer a em:before {position:absolute; top:0; left:5px; width:13px; height:13px; background:url('/images/bbs/ico_re.png') 0 0 no-repeat; content:"";}
	.board_list tbody td.divide {color:#3b6db7;}
	span.cnt_cmt {display:inline-block; margin-left:5px; color:#007dbd; vertical-align:middle;}	
	.board_list thead th:last-child,.board_list tbody th:last-child,.board_list tbody td:last-child	{ border-right:0 }
	.board_list tbody tr td span.stxt		{display:block;  font-size:13px; color:#888; padding-top:5px; line-height:1.6}
	
	.table.list thead tr th {padding:15px 6px; border:none; border-bottom:1px solid #dddddd; font-weight:bold; background:#f3f5f7; text-align:center;}
	.table.list tbody tr td {height:51px; padding:10px; color:#888; border:none; border-bottom:1px solid #dddddd; text-align:center;}
	.table.list tbody tr td.subject {text-align:left; color:#333;}
	.table.list tbody tr td.subject a {display:inline-block; max-width:95%; overflow:hidden; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
	.noticeTxt	{ padding:0 8px; background:#F00; color:#fff; margin-right:10px; font-size:14px;}
	
	
/* 상세페이지 */
.bbsView{position:relative; border-top:2px solid #333; border-bottom:1px solid #bdbdbd}
	.bbsView .head{padding:18px 20px; border-bottom:1px solid #bdbdbd; height:50px; background:#f8f8f8}
	.bbsView .head .tit{font-size:16px; color:#333;}
	.bbsView .head .txt{font-size:13px; color:#777; margin-top:10px; float:left}
	.bbsView .head .txt .bar{color:#ddd; margin:0 6px}
	.bbsView .view	{padding:40px 20px; line-height:180%}
	.bbsView .view .viewImg{width:100%;}
	.bbsView .file	{ border-top:1px solid #bdbdbd; padding:18px 20px; font-size:13px;}
	.bbsView .file .bar{color:#ddd; margin:0 6px}


.bbsList2{border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd}
	.bbsList2 div{width:100%; overflow:hidden; padding:15px 0}
	.bbsList2 p{float:left}
	.bbsList2 .tit{width:15%; text-align:center}
	.bbsList2 .prvDiv{border-bottom:1px solid #e5e5e5}
	.bbsList2 .prvDiv .tit span{padding-left:19px; position:relative;}
	.bbsList2 .prvDiv .tit span:before{ position:absolute; content:''; background:url(/common/img/com_img.png) -177px -90px; width:11px; height:10px; top:6px; left:0;}
	.bbsList2 .nxtDiv .tit span{padding-left:19px; position:relative;}
	.bbsList2 .nxtDiv .tit span:before{ position:absolute; content:''; background:url(/common/img/com_img.png) -177px -114px; width:11px; height:10px; top:6px; left:0;}
	.bbsList2 .txt{width:70%; padding-left:30px; box-sizing:border-box}
	.bbsList2 .date{width:15%; text-align:center}



/* 게시판 */
table, div { border-collapse: collapse; }
	table { border-collapse: collapse; border-spacing: 0; width:100%; }
	table {width:100%; background-color:#fff;}
	table [class*="tbl_"] {margin:0;}
	table thead th {vertical-align:middle;}

.tbl_auto table {table-layout:auto !important;}
.tbl_fixed table {table-layout:fixed !important;}
	[class*="tbl_"].te_center tbody th,
	[class*="tbl_"].te_center tbody td {text-align:center;} 
	[class*="tbl_"] .scroll {overflow-x:hidden; overflow-y:auto; height:248px; border-bottom:1px solid #e6e6e6; background-color:#f9f9f9; }
	[class*="tbl_"] {margin-bottom:10px;}

.tbl_admin {border-top:2px solid #000;  margin-top:8px; clear:both}
	.tbl_admin table {table-layout:fixed;}
	.tbl_admin thead th {height:22px; padding:10px 0 10px; line-height:1.4em; background-color:#f9f9f9; color:#000; font-weight:500; border-bottom:1px solid #c3c3c3; 
	border-left:1px solid #e6e6e6;  text-align:center; background:url(/board/img/bbs_bg.gif)}
	.tbl_admin thead th:first-child {border-left:0 none;}
	.tbl_admin tbody th,.tbl_admin tbody td {height:20px; padding:10px 10px 10px; }
	.tbl_admin tbody th {text-align:left; background-color: #f9f9f9; color:#000; border-bottom:1px solid #e6e6e6; font-weight:500 }
	.tbl_admin tbody td {border:1px solid #e6e6e6; border-right:0 none;}
	.tbl_admin tbody tr:first-child td {border-top:0 none;}

	.ie9 .tbl_admin thead th {height:21px; padding-top:6px;}
	.ie9 .tbl_admin tbody th,.ie9 .tbl_admin tbody td {height:19px; padding-top:8px;}
	
	.tbl_admin tbody td:first-child {border-left:0 none; }

	.tb_edi		{ width:100%; border-collapse:collapse;	border-spacing:0; text-align:left;}
	.tb_edi th,.tb_edi td,.tb_edi tbody th,.tb_edi tbody td	{ padding:0; margin:0; height:auto !important; border-right:none !important }

/* 댓글 */
.replyDIV		{border:1px solid #bdbdbd; background:#f2f2f2; padding:15px;}
	.btn_reply 		{ display:inline-block; padding:18px 20px; border:1px solid #005aab; background:#005aab; font-size:14px; border-radius: 3px; vertical-align:middle; font-family:'NanumSquareB';}
	a.btn_reply,input.btn_reply,button.btn_reply					{ color:#fff;}
	a:hover.btn_reply,input:hover.btn_reply,button:hover.btn_reply	{ color:#fff; border:1px solid #00386b; background:#00386b;}
	
	.replyDIV input.memo_con	{ width:1080px; height:45px;}
	.replyDIV div				{ font-size:12px;}
	.replyDIV div.txt			{ font-size:12px; color:#999; padding-top:5px}
	.replyDIV .bar{color:#ddd; margin:0 6px}

.replyList		{ clear:both; border-top:2px solid #333;}
	.replyList ul li		{ width:100%; padding:15px 0 20px 0; border-bottom:1px solid #e5e5e5; overflow:hidden; font-size:13px;}
	.replyList span.tt		{ font-size:13px; margin-top:10px; float:left; font-weight:600; color:#222;}
	.replyList span.date	{ font-size:12px; margin:10px 0 0 15px; float:left;  color:#777;}
	.replyList span.re_del	{ float:left; margin-left:5px; padding-top:10px}
	.replyList .bar		{color:#ddd; margin:0 6px}
	.replyList .txt2	{ clear:both; padding-top:10px; font-size:13px;}


.photoList				{width:100%; overflow:hidden; border-bottom:1px solid #bdbdbd}
	.photoList a		{display:block; width:285px; height:210px; float:left; margin:0 7px 25px;}
	.photoList a span		{display:block;}
	.photoList a strong		{display:block;font-weight:500}
	.photoList a .img		{width:100%; height:150px; overflow:hidden; border:1px solid #ddd;}
	.photoList a .tit		{font-size:15px; color:#555; margin-top:10px}

	.photoList a .txt		{font-size:13px; color:#777; margin-top:5px; overflow:hidden}
	.photoList a .txt span		{float:left}
	.photoList a .txt span.bar	{color:#ddd; margin:0 10px; float:left}
	.list_no				{ clear:both; border-top:2px solid #333; height:100px; line-height:100px; text-align:center; font-size:14px}
	.list_no2				{ height:60px; line-height:60px; text-align:center; font-size:14px}



/*-----------------------------------------------------------------------------------------------------------
page
-----------------------------------------------------------------------------------------------------------*/
/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
	.pg {display:inline-block}
	.pg_page, .pg_current {color:#9f9f9f;display:inline-block;float:left;padding: 0 13px;line-height:30px;text-decoration: none;border: 1px solid #ddd;margin-left:-1px;font-size:0.75em}
	.pg a:focus, .pg a:hover {background-color:#f3f3f3}
	.pg a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
	.pg a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
	.pg_page 	{background:#fff;text-decoration:none}
	.pg_start 	{background:url(/html/board/img/page_1.png) 50% 50% no-repeat #fff;width:32px;text-indent:-999px;overflow:hidden; padding:0}
	.pg_prev 	{background:url(/html/board/img/page_2.png) 50% 50% no-repeat #fff;width:32px;text-indent:-999px;overflow:hidden; padding:0}
	.pg_next 	{background:url(/html/board/img/page_3.png) 50% 50% no-repeat #fff;width:32px;text-indent:-999px;overflow:hidden; padding:0}
	.pg_end 	{background:url(/html/board/img/page_4.png) 50% 50% no-repeat #fff;width:32px;text-indent:-999px;overflow:hidden; padding:0}
	.pg_current {display:inline-block;background:#333;color:#fff;font-weight:normal}	




/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/
.btnGry		{display:inline-block; background:#666; color:#fff; width:100px; height:33px; line-height:33px; text-align:center;vertical-align:middle; border-radius: 3px;}
.srchBt		{display:inline-block; width:79px; height:33px; background:#005aab; line-height:33px; color:#fff; font-size:13px; text-align:center; border-radius: 3px;}
.srchBt span{ position:relative; padding-left:20px;  line-height:32px;}
.srchBt span:before	{ position:absolute; content:''; top:3px; left:0; width:15px; height:16px;background:url('/common/img/com_img.png'); background-position:-236px -21px }

.btn_Gry 			{ display:inline-block; padding:7px 20px; border:1px solid #555; background:#555; font-size:14px; border-radius: 3px; vertical-align:middle;}
	a.btn_Gry,input.btn_Gry,button.btn_Gry					{ color:#fff;}
	a:hover.btn_Gry,input:hover.btn_Gry,button:hover.btn_Gry	{ color:#fff; border:1px solid #222; background:#222;}

.btn_Pot 			{ display:inline-block; padding:7px 20px; border:1px solid #005aab; background:#005aab; font-size:14px;border-radius: 3px; vertical-align:middle;}
	a.btn_Pot,input.btn_Pot,button.btn_Pot					{ color:#fff;}
	a:hover.btn_Pot,input:hover.btn_Pot,button:hover.btn_Pot{ color:#fff; border:1px solid #00386b; background:#00386b;}
	
	
@media all and (max-width:1024px) {
	/* 게시판 리스트 */
	.board_list, .board_list tbody, .board_list tbody tr, .board_list tbody td {display:block;}
	.board_list thead th {display:none;}
	.board_list tbody tr {position:relative; display:block; padding:10px 6px; border-bottom:1px solid #dddddd;}
	.board_list tbody tr:last-child {border-bottom:none;}
	.board_list tbody td {display:inline-block; height:auto; margin-right:10px; padding:5px 0; border-bottom:none;}
	.board_list tbody td.subject {width:100%; margin:0;}
	.board_list tbody td.subject a {font-weight:bold;}
	.board_list tbody td.num {display:none;}
	.board_list tbody td.writer {color:#000;}
	.board_list tbody td.divide {color:#000;}
	.board_list tbody td.no_list {width:100%; border:none; margin:0;}
	.board_list tbody td.notice {display:none;}
	.board_list tbody th,.board_list tbody td	{ border-right:none}
}

	
/* 테블릿 가로 해상도 */
@media all and (max-width:1199px) {	

	.bbsView .addFile{position:absolute; bottom:23px; left:0; width:75%;}
	.bbsView .head{padding:12px 3%;}
	.bbsView .head .tit{font-size:14px;}
	.bbsView .head .txt{font-size:12px;}
	.bbsView .view{padding:20px 3%; font-size:13px}
	.bbsView .view .viewImg{width:100%;}

	.bbsList2 .tit{width:10%;}
	.bbsList2 .txt{width:72%; padding-left:3%;}
	.bbsList2 .date{width:15%; text-align:center}
	
	.replyDIV input.memo_con	{ width:87%; height:45px;}
}

/* 모바일 해상도 */
@media all and (max-width:800px) {	

	/* 게시판 검색 */
	.board_top {padding:15px 10px; margin-bottom:10px;}
	.board_top .total_area {float:none; padding-top:0; padding-bottom:5px;}
	.board_top .search_area {float:none; overflow:hidden;}
	.board_top .search_area .category {display:block; float:left; width:28%;}
	.board_top .search_area .category * {width:100%;}
	.board_top .search_area .search {display:block; float:right; width:85%;}
	.board_top.dongyo .search_area .search {width:100%;}
	.board_top .search_area .search * {}
	.board_top .search_area .search input	{ width:35%}
	.board_top .search_area .search .btn_st {display:block; float:left; width:60px;}
	.board_top .search_area .divide, .board_top .search_area .result {display:block; padding-bottom:5px;}
	.board_top .search_area .divide .select, .board_top .search_area .result .select {width:100%;}

	.state_date {float:none; padding-top:0; padding-bottom:4px;}
	.state_date > strong{font-size:16px; }

	/* 게시판 리스트 */
	.board_list tbody td.subject a {max-width:85%}
	
	.bbsView .file a img	{ width:auto}
	.bbsView .view p img	{ width:100%}
	.bbsView .view img		{ width:100%}
	
	.listSrch{padding:12px 0;}
		.listSrch select{width:20%;}
		.listSrch input{width:30%;}
		.listSrch select.type2{width:60%;}
		.listSrch strong{font-size:13px}
		.listSrch .btnGry{font-size:13px; padding:8px 2% 7px;}

	.bbsList2 div{padding:12px 0;}
		.bbsList2 .tit{width:20%;}
		.bbsList2 .prvDiv .tit span{padding-left:12px;}
		.bbsList2 .nxtDiv .tit span{padding-left:12px;}
		.bbsList2 .txt{padding-left:3%; padding-right:3%}
		.bbsList2 .date{ display:none}
		
	.replyDIV input.memo_con	{ width:80%; height:45px;}
	
	.photoList{width:100%;}
	.photoList a{width:27%; height:auto; margin:0 3% 25px; float:left; }
	.photoList a .img{width:100%; height:auto; overflow:hidden}
	.photoList a .img img{width:100%; height:auto;}
	.photoList a .tit{font-size:15px; color:#555; margin-top:10px}
	.photoList a .txt{font-size:13px; color:#777; margin-top:5px; overflow:hidden}
	.photoList a .txt span{float:left}
	.photoList a .txt span.bar{color:#ddd; margin:0 10px;}
	.photoList .addFile{position:absolute; bottom:23px; left:0; width:75%;}
	
	.tb_edi th img,.tb_edi td img,.tb_edi tbody th img,.tb_edi tbody td img	{ width:auto}
	
}

/* 모바일 해상도2 */
@media all and (max-width:680px) {	

	.replyDIV input.memo_con	{ width:70%; height:45px;}
}