@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(/SW_bbs/img/icon_face.gif);}
#bn1 .m2>a>.ic1{background-image:url(/SW_bbs/img/icon_band.gif);}
#bn1 .m3>a>.ic1{background-image:url(/SW_bbs/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; }


select.select{width:auto;min-width:70px;height:32px;line-height:32px;background:#fff url(/img/common/icon_arrowSelect.png) 90% 50% no-repeat;border:1px solid #d5d5d5;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 30px 0 5px; display:inline-block; margin-bottom:1px}
select.select::-ms-expand{display:none;}
.ie8 select.select, .ie9 select.select{padding:5px 5px 5px 5px;background-image:none;}




@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:5px; 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 label { display:none}
.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;}



/* 게시판 페이징 */
.paging {overflow:hidden; text-align:center; font-size:0; padding:20px 0 0 0;}
	.paging a, .paging .on {display:inline-block; width:35px; height:35px; margin-left:3px; color:#666; text-align:center; line-height:32px; border:1px solid #c3c3c3; vertical-align:top; font-size:14px; border-radius:50%}
	.paging .on {background:#424242; color:#fff; border-color:#424242; font-weight:normal;}
	.paging a.first_prev {margin-left:0; border:1px solid #c3c3c3; background:url('/images/bbs/paging_prev2.gif') center center no-repeat; text-indent:-9999px;}
	.paging a.prev {border:1px solid #c3c3c3; background:url('/images/bbs/paging_prev.gif') center center no-repeat; text-indent:-9999px;}
	.paging a.next {border:1px solid #c3c3c3; background:url('/images/bbs/paging_next.gif') center center no-repeat; text-indent:-9999px;}
	.paging a.last_next {border:1px solid #c3c3c3; background:url('/images/bbs/paging_next2.gif') center center no-repeat; text-indent:-9999px;}
	.paging a:hover {text-decoration:none; border-color:#424242;}



/* 게시판 리스트 */
.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:400; background:#f3f5f7; text-align:center;}
	.board_list tbody td {height:51px; padding:10px; color:#888; border-bottom:1px solid #dddddd; text-align:center;}
	.board_list tbody td.subject_all {text-align:left; font-size:15px; color:#333;}
	.board_list tbody td.subject a { max-width:88%; overflow:hidden;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.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;}
	
	.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:3px 8px; background:#F00; color:#fff; border-radius:5px; 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}
	.bbsView .head .tit{font-size:18px; color:#000; font-weight:500}
	.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;}
	.bbsView .view p	{ line-height: none}
	.bbsView .view .viewImg{width:100%;}
	.bbsView .file	{ border-top:1px solid #bdbdbd; padding:18px 20px; font-size:14px;}
	.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:100px; text-align:center}
	.bbsList2 .prvDiv{border-bottom:1px solid #e5e5e5}
	.bbsList2 .prvDiv .tit span{padding-left:19px; background:url('/SW_bbs/img/list_prvicon.gif') no-repeat 0 center; background-size:9px 5px;}
	.bbsList2 .nxtDiv .tit span{padding-left:19px; background:url('/SW_bbs/img/list_nxtcon.gif') no-repeat 0 center; background-size:9px 5px;}
	.bbsList2 .txt{width:600px; padding-left:30px;}
	.bbsList2 .date{width:110px; 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:bold; border-bottom:1px solid #c3c3c3; 
	border-left:1px solid #e6e6e6;  text-align:center; background:url(/SW_bbs/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; }
	.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 #f66d4b; background:#f66d4b; font-size:14px; border-radius: 3px; vertical-align:middle; }
	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 #f66d4b; background:#f66d4b;}
	
	.replyDIV input.memo_con	{ height:45px; width:92%}
	.replyDIV div				{ font-size:14px;}
	.replyDIV div.txt			{ font-size:13px; color:#999; padding-top:5px}
	.replyDIV span		{ font-size:14px !important; }
	.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:14px;}
	.replyList span.tt		{ font-size:14px; margin-top:10px; float:left; font-weight:600; color:#222;}
	.replyList span.date	{ font-size:14px; 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:291px;  float:left; margin:0 18px; margin-bottom:25px; padding-top:20px}
	.photoList a span		{display:block;}
	.photoList a strong		{display:block;}
	.photoList a .img		{width:290px; height:180px; 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}

/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/
.btnGry		{display:inline-block; background:#666; color:#fff; width:100px; height:40px; line-height:40px; text-align:center;vertical-align:middle}
.srchBt		{display:inline-block; width:79px; height:33px; background:#f66d4b; line-height:33px; color:#fff; font-size:13px; text-align:center;}
.srchBt span{padding-left:20px; background:url('/SW_bbs/img/srch_icon.png') no-repeat 0 center; background-size:15px; line-height:32px;}

.btn_Gry 			{ display:inline-block; padding:7px 25px; border:1px solid #222; background:#555; font-size:16px; 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:#333; border:1px solid #222; background:#fff;}

.btn_Pot 			{ display:inline-block; padding:7px 25px; border:1px solid #f66d4b; background:#f66d4b; font-size:16px; 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:#f66d4b; border:1px solid #f66d4b; background:#fff;}
	
	
@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_all {width:100%; margin:0;text-align:left;}
	.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;}
}

	
/* 테블릿 가로 해상도 */
@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:71%;}
	.board_top.dongyo .search_area .search {width:100%;}
	.board_top .search_area .search * {display:block; float:left; width:65%;}
	.board_top .search_area .search .btn_st {display:block; float:right; 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%;}

	.srchBt		{width:60px !important; text-align:center; margin-left:4px !important}
	.srchBt span{padding-left:10px; background:none;}
	
	
	.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%; position:relative}
		.bbsList2 .prvDiv .tit span{padding-left:12px; background:url('/SW_bbs/img/list_prvicon.gif') no-repeat 0 center; background-size:7px 4px; font-size:14px}
		.bbsList2 .nxtDiv .tit span{padding-left:12px; background:url('/SW_bbs/img/list_nxtcon.gif') no-repeat 0 center; background-size:7px 4px; font-size:14px}
		.bbsList2 .txt{padding-left:3%; padding-right:3%}
		.bbsList2 .date{width:30%;}
		
	.replyDIV input.memo_con	{ width:80%; height:45px;}
	
	.photoList{width:100%;}
	.photoList a{width:41%; 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;}
}