@charset "utf-8";


/*-----------------------------------------------------------------------------------------------------------
공통css
-----------------------------------------------------------------------------------------------------------*/
img, fieldset{border:none; vertical-align:top}
legend, caption{display:none}
textarea, button{vertical-align:middle}
button{cursor:pointer;border:none;overflow:visible;}
input{height:24px; vertical-align:middle; background:#fff; border:1px solid #e3e3e3; font-family:'NanumSquareR', dotum,"돋움",sans-serif; color:#777;}
input,option{padding:3px}
textarea{padding:3px; vertical-align:middle; background:#fff; border:1px solid #ddd; font-family:'NanumSquareR', dotum,"돋움",sans-serif; color:#777; font-size:13px;}
.checkbox{padding:0; border:0}

a{text-decoration:none; color:#777}
a:hover, a:focus, a:active{text-decoration:none;}

.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{ display:none}
	
	

/*-----------------------------------------------------------------------------------------------------------
게시판css
-----------------------------------------------------------------------------------------------------------*/
/* 리스트 */
.bbsList{position:relative; background:url(/SW_bbs/img/table_bar.gif) repeat-x top; }
	.bbsList li{width:100%; padding:20px 0; border-bottom:1px solid #e5e5e5; overflow:hidden;}
	.bbsList li .num{width:6%; float:left; text-align:center; color:#777}
	.bbsList li .info{ width:94%; float:left; overflow:hidden;}
	.bbsList li .info .txt1{width:640px; float:left;}
	.bbsList li .info .txt1 a{color:#333; font-size:16px;}
	.bbsList li .info .txt1 img{margin-left:6px}
	.bbsList li .info .txt2{width:260px; float:left;  color:#777; text-align:right; font-size:14px}
	.bbsList li .info .txt2 .bar{margin:0 6px; color:#e5e5e5}
	.bbsList li .info .txt3{width:590px; float:left;}
	.bbsList li .info .txt3 a{padding-left:15px; font-size:15px; background:url('/SW_bbs/img/answer_icon.gif') no-repeat 0 3px; background-size:10px; }
	.bbsList li.reList	{background:#f2f2f2; padding-left:70px;}
	
	.notice_txt	{color:#fff; background:#c20f24; border-radius: 3px; padding:3px 8px;}

/* paging */
.paging {display:inline-block; vertical-align:middle; width:100%; overflow:hidden; text-align:center; font-size:0;}
	.paging a {display:inline-block; vertical-align:middle; margin:2px; padding:0px 6px; min-width:10px; height:22px; font-size:13px; color:#b7b7b7; letter-spacing:-1px; 
		line-height:22px; text-align:center;
		border:#fff solid 1px;
		background:#fff;}
	.paging a:hover {color:#e1708e;}
	.paging a.on {color:#e1708e; border:#e1708e solid 1px; background:#fff;}
	.paging a.focus {color:#fff; border:#e1708e solid 1px; background:#e1708e;}
	.paging a.focus:hover {color:#fff; border:#be1e2d solid 1px; background:#be1e2d;}

/* 리스트검색 */
.listSrch{border:1px solid #ddd; background:#f7f7f7; text-align:center; padding:15px 0;}
	.listSrch select{width:90px;}
	.listSrch select.type2{width:360px;}
	.listSrch input{width:360px;}
	.listSrch strong{color:#333; margin-right:6px}
	.listSrch .btnGry{height:auto; width:auto; padding:8px 20px 7px; line-height:18px;}

	.board_album_no	{ text-align:right}
	.listSrch label	{visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0}


/* 상세페이지 */
.bbsView{position:relative; background:url(/SW_bbs/img/table_bar.gif) repeat-x top; border-bottom:1px solid #bdbdbd}
	.bbsView .head{padding:18px 20px; border-bottom:1px solid #bdbdbd; height:50px}
	.bbsView .head .tit{font-size:20px; color:#333; font-family:'NanumSquareB'; font-weight:normal;}
	.bbsView .head .txt{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; }
	.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 #9bc71c;  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 #2cb178; background:#31b97f;  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 #2cb178; background:#2cb178;}
	
	.replyDIV input.memo_con	{ width:90%; height:45px;}
	.replyDIV div				{ }
	.replyDIV div.txt			{ font-size:13px; 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;}
	.replyDIV_pw	{ padding-right:15px}


.photoList				{width:100%; overflow:hidden; min-height:820px}
	.photoList a		{ width:210px; float:left; margin-bottom:10px;border:1px solid #ddd; height:auto; display:inline; overflow:hidden;}
	.photoList a.center		{width:210px; float:left; margin-bottom:10px;border:1px solid #ddd; height:auto; margin-right:30px; display:inline}
	.photoList a img		{width:210px; overflow:hidden;}
	.photoList a img:hover{cursor:pointer;
       transform:scale(1.1); 
       -o-transform:scale(1.1); 
       -moz-transform:scale(1.1);
       -webkit-transform:scale(1.1);

       transition: transform .35s;  
       -o-transition: transform .35s;
       -moz-transition: transform .35s;
       -webkit-transition: transform .35s;}
	   
	.photoList a .tit		{font-size:15px; color:#000; margin-top:20px; padding:0 20px; font-weight:600}
	.photoList a .txt		{font-size:13px; color:#777; overflow:hidden; padding:10px 20px 20px 20px}
	.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}

	.photoList a:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
	.photo_pc_box			{ position:absolute;width:100%;}
	.photo_list_1			{ position:absolute; top:0; width:210px;}

/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/
.btnGry		{display:inline-block; background:#666; color:#fff; width:100px; height:40px; line-height:40px; text-align:center; font-family:'NanumSquareB'; 
			font-weight:normal; vertical-align:middle}
.srchBt		{display:inline-block; width:79px; height:33px; background:#31b97f; line-height:33px; color:#fff; font-size:13px; text-align:center; font-family:'NanumSquareB';}
.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 15px; border:1px solid #222; background:#555; font-size:13px; border-radius: 3px; vertical-align:middle; font-family:'NanumSquareB';}
	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:#777;}

.btn_Pot 			{ display:inline-block; padding:7px 15px; border:1px solid #2cb178; background:#31b97f; font-size:13px; border-radius: 3px; vertical-align:middle; font-family:'NanumSquareB';}
	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 #2cb178; background:#2cb178;}
	
.kakao			{ display:none}	
	
/* 테블릿 가로 해상도 */
@media all and (max-width:1199px) {	

	.bbsList li .num{width:10%;}
	.bbsList li .info{width:90%;}
	.bbsList li .info .txt1{width:80%;}
	.bbsList li .info .txt2{width:15%;}

	.bbsView .addFile{position:absolute; bottom:23px; left:0; width:75%;}
	.bbsView .head{padding:12px 3%; height:80px}
	.bbsView .head .tit{font-size:18px;}
	.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) {	


	.bbsList li{padding:13px 0; font-size:13px;}
		.bbsList li .num{width:15%;}
		.bbsList li .info{width:85%;}
		.bbsList li .info .txt1{width:100%; float:none;}
		.bbsList li .info .txt2{display:block; width:auto; float:none; text-align:left; font-size:12px; margin-top:5px}
	
	.bbsView .file a img	{ width:auto}
	.bbsView .view p 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; background:url('/SW_bbs/img/list_prvicon.gif') no-repeat 0 center; background-size:7px 4px;}
		.bbsList2 .nxtDiv .tit span{padding-left:12px; background:url('/SW_bbs/img/list_nxtcon.gif') no-repeat 0 center; background-size:7px 4px;}
		.bbsList2 .txt{width:70%; padding-left:3%; padding-right:3%}
		.bbsList2 .date{width:30%;}
		
	.replyDIV input.memo_con	{ width:80%; height:45px;}
	.replyDIV_pw	{ clear:both}
	
	.photoList{width:100%; height:auto; min-height:700px}
	.photoList a{height:auto; margin:0}
	.photoList a.center		{height:auto; width:98% }
	.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; text-align:left}
	.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%;}

	.photo_pc_box			{ position: relative; width:100%}
	.photo_list_1			{ position:absolute; top:0; width:45%}
	
	#bn1 .m3>a>.ic1{background-image:url(/SW_bbs/img/icon_kakao.gif); display:block}
	.kakao			{display:block; float:right; margin-right:3%; margin-top:3%}	
	
	.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;}
}