@charset "utf-8";

/* 공통 */
.board_wrap					{ position:relative; margin:4em auto 7em;}
.board_wrap .total				{ float:left; margin-top:.9em; font-family:'Spoqa Han Sans', sans-serif; font-size:1.1em; color:#000; }
.board_wrap .total strong	{ font-weight:400;}
.board_wrap .left				{ text-align:left; }
.board_wrap .right			{ text-align:right; }
.board_wrap .center			{ text-align:center;}

/* 버튼 */
.board_wrap .inline_btn		{ margin:1.5rem 0 3rem;}
.board_wrap .inline_btn li + li	{ margin-left:.5rem}
.board_wrap .btn				{ height:45px; padding:0 2em; font-size:16.5px; line-height:43px; }

/* input */
.board_wrap input[type="text"]			{ height:35px; padding:1em; background:#f3f4f5; border-radius:0}
.board_wrap .input_inline li					{ display:inline-block; *display:inline; color:#343d48; *zoom:1}
.board_wrap .input_inline li + li			{ margin-left:1em}

/* 상단검색 */
.search_area						{ float:right; position:relative; overflow:hidden; margin:0 0 20px; text-align:right; font-size:0;}
.search_area select					{ width:100px; height:40px; padding: 0 0 0 10px; color:#666; background-size:8px; border:1px solid #dbdee1; }
.search_area select+select			{ margin-left:5px;}
.search_area .textarea				{ position:relative; display:inline-block; *display:inline; width:250px; height:40px; margin-left:5px; padding-right:39px; background:#fff; *zoom:1}
.search_area .textarea input		{ width:100%; height:40px; padding:0 5px; color:#666; line-height:38px; -webkit-appearance:none; appearance:none; border:1px solid #dbdee1; border-radius:0}
.search_area .textarea button		{ position:absolute; display:inline-block; *display:inline; right:0; top:0; width:40px; height:40px; overflow:hidden; font-size:18px; color:#fff; background:#343d48; border-radius:0; *zoom:1}

@media screen and (max-width:768px){
	/* 버튼 */
	.board_wrap .inline_btn li + li	{ margin-left:.2rem}
	.board_wrap .btn				{ height:35px; padding:0 1em; font-size:14.5px; line-height:33px; }
}

@media screen and (max-width:600px){
	/* 공통 */
	.board_wrap .total		{ float:none; margin:0 0 .5em; font-size:1em;}

	/* 상단검색 */
	.search_area							{ float:none; padding:1.5rem 0; text-align:center; background:#f9f9f9; }
	.search_area select				{ width:auto; height:35px; margin-bottom:.2em; padding-right:30px; margin-right:3px;}
	.search_area .textarea			{ width:60%; height:35px; padding-right:35px; margin-left:0}
	.search_area .textarea input		{ height:35px; line-height:33px; }
	.search_area .textarea button	{ width:35px; height:35px; }
}
@media screen and (max-width:500px){
	/* 버튼 */
	.board_wrap .inline_btn		{ margin:1rem 0 0;}
}

@media screen and (max-width:420px){
	/* 버튼 */
	.board_wrap .btn				{ font-size:13.5px;  }
}

/*------------------------- 글쓰기/보기 ----------------------------*/
/* 글보기 */
.bbs_view									{ width:100%; margin-bottom:3em; border-collapse:collapse; }
.bbs_view .title								{ padding:.8em .5em; font-size:1.3em; color:#2e3235; line-height:1.5; font-weight:700; text-align:center; border-top:solid 2px #192125; border-bottom:solid 1px #efefef;}
.bbs_view .write_info						{ padding:1.1em .5em; text-align:center; background:#f7f7f8;}
.bbs_view .write_info li 					{ display:inline-block; *display:inline; *zoom:1} 
.bbs_view .write_info li strong 			{ color:#000; font-weight:500; padding-right:8px; } 
.bbs_view .write_info li span 			{ color:#787878; } 
.bbs_view .write_info li ~ li 				{ position:relative; padding-left:1em; margin-left:.8em; } 
.bbs_view .write_info li ~ li::before 	{ position:absolute; display:block; left:0; top:.25em; width:1px; height:.95em; background-color:#ddd; content: ''; }
.bbs_view tbody tr th,
.bbs_view tbody tr td				{ padding:1em .7em; text-align:center; border-bottom:solid 1px #efefef;}
.bbs_view tbody tr th					{ background:#f5f5f5; color:#2e3235;}
.bbs_view .contxt						{ padding:1em 0; line-height:initial; text-align:initial}
.bbs_view .img_area					{ text-align:center;}
.bbs_view .img_area img			{ display:block; margin:.3em auto}
.bbs_view tbody td img				{ max-width:100%; height:auto !important}
.bbs_view .file .icon-file				{ display:inline-block; *display:inline; margin-right:5px; vertical-align:middle; color:#ff8155; *zoom:1}
.bbs_view .file a						{ color:#787878}


/* 글쓰기 */
.bbs_write					{ width:100%; margin-bottom:3em; border-collapse:collapse; }
.bbs_write tbody			{ border-top:solid 2px #192125; }
.bbs_write tbody th,
.bbs_write tbody td		{ line-height:1.5; padding:.8em 1em; border:0; border-bottom:solid 1px #efefef;}
.bbs_write tbody th		{ background:#f5f5f6; color:#646b73; text-align:center; }
.bbs_write input[type="text"],
.bbs_write select			{ padding:.3em;}
.bbs_write input[type="file"]	{ display:block; padding:.3em 0; width:100%}
.bbs_write .input_full				{ width:100%}
.bbs_write label+label			{ margin-left:1em}
.bbs_write select					{ height:40px; padding: 0 2em 0 10px; color:#666; background-size:8px; border:1px solid #dbdee1; border-radius:5px; }


@media screen and (max-width:800px){
	/* 글쓰기 */
	.bbs_write input[type="text"],
	.bbs_write select			{ width:100%;}
}

@media screen and (max-width:768px){
	.bbs_view,
	.bbs_write				{ margin-bottom:2em}

	/* 글보기 */
	.bbs_view tbody th						{ padding:1em 0 0; text-align:left; background:none; border-bottom:0}
	.bbs_view tbody td						{ padding:.5em 0 1em}
	.bbs_view .write_info li ~ li				{ padding-left:.6em; margin-left:.4em}
	.bbs_view .write_info li span			{ color:#646b73}
	.bbs_view tbody td #writeContents	{ padding:0}
	.bbs_view tbody,
	.bbs_view tr,
	.bbs_view th,
	.bbs_view td,
	/* 글쓰기 */
	.bbs_write tbody,
	.bbs_write tr,
	.bbs_write th,
	.bbs_write td				{ display:block;}
	.bbs_view tbody tr th,
	.bbs_write tbody th		{ padding:1em 0 0; text-align:left; background:none; border-bottom:0}
	.bbs_view tbody tr td,
	.bbs_write tbody td		{ padding:.5em 0 1em}
}

@media screen and (max-width:600px){
	/* 글보기 */
	.bbs_view .title			{ font-size:1.25em; }
	.bbs_view .title,	
	.bbs_view .write_info	{ padding:.7em; }
}

@media screen and (max-width:420px){
	/* 글보기 */
	.bbs_view .title			{ font-size:1.15em; }
}





/*------------------------- 보드별 ----------------------------*/
/* 일반게시판 */
.bbs_list							{ width:100%; border-collapse:collapse; }
.bbs_list thead th				{ padding:1em .7em; color:#343d48; line-height:1.4; font-weight:700; text-align:center; border-top:solid 2px #343d48; border-bottom:solid 1px #dadcde;}
.bbs_list tbody th,
.bbs_list tbody td				{ padding:1em .7em; text-align:center; border-bottom:solid 1px #efefef;}
.bbs_list tbody th				{ color:#343d48;}
.bbs_list tbody tr:hover		{ background:#f7f7f8;}
.bbs_list tbody .title			{ text-align:left; font-size:1.05em; letter-spacing:-.05em; word-break:break-all; *zoom:1}
.bbs_list tbody .title::after	{ display:block; clear:both; content:""}
.bbs_list tbody .title a		{ float:left; height:1.42em; max-width:calc(100% - 3em); overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.bbs_list td span.notice		{ display: inline-block; padding:0 .6em; font-size:.9em; color:#fff; line-height:1.7; letter-spacing:-.05em; vertical-align:text-bottom; background:#ff8155; border-radius:40px; *zoom:1}
.bbs_list .icon-lock				{ display:inline-block; *display:inline; margin:.2em 0  0 3px; color:#a5abb1; font-size:1.05em; vertical-align:top; *zoom:1}
.bbs_list .icon-file				{ color:#ff8054; font-size:1.3em;}

.bbs_list .reply .title			{ position:relative; padding-left:1.8em; }
.bbs_list .reply .title::before	{ content:"ㄴ";  position:absolute; left:.3em; top:.9em; font-size:1.13em; font-weight:300; color:#a5b5c7; }


@media screen and (max-width:768px){
	.m_none						{ display:none}

	/* 일반게시판 */
	.bbs_list						{ border-top:solid 2px #2e3235;}
	.bbs_list thead,
	.bbs_list colgroup			{ display:none;}
	.bbs_list tbody,
	.bbs_list tr,
	.bbs_list th,
	.bbs_list td					{ display:block;}
	.bbs_list tbody th,
	.bbs_list tbody td			{ border-bottom:none; text-align:left; padding:0;}
	.bbs_list tbody tr			{ padding:.9em 0; border-bottom:solid 1px #dadcde;}
	.bbs_list tbody .title		{ margin:2px 0 5px; font-size:1.1em; font-weight:500; }
	.bbs_list tbody .title .notice	 { line-height:1.5; font-size:.8em; vertical-align: bottom;}
	.bbs_list tbody .date		{ position:relative; display:inline-block; *display:inline; padding-left:7px; color:#909090; *zoom:1}
	.bbs_list tbody .date::before { position:absolute; top:.3em; left:2px; height:.8em; width:1px; background:#dadcde; content:""}
	.bbs_list tbody .writer	{ display:inline-block; *display:inline; *zoom:1}

	.bbs_list .reply						{ padding-left:1.5em}
	.bbs_list .reply .title				{ padding-left:0}
	.bbs_list .reply .title::before		{ top:-.1em; left:-1.2em}
}

            
			
			
/* 이용안내 */
.bbs_view .board_guide							{ max-width:80%; margin:0 auto }		
.bbs_view .board_guide strong.txt      			{ display:inline-block; width:100%; position:relative; margin:0 auto; padding:15px 15px 50px 15px; font-size:1.25em; font-weight:500;  }   
.bbs_view .board_guide strong.txt:before		{ position:absolute; left:50%; width:1px; height:30px; background:rgba(0,0,0,0.2); content:''; bottom:0; left:50%; }      
.bbs_view .board_guide p.tit					{ display:block; text-align:left; font-size:1.5em; font-weight:bold; margin-bottom:.5em; letter-spacing:-.08em; padding-left:1em; position:relative}   
.bbs_view .board_guide p.tit:before				{ position:absolute; left:0; top:.35em; width:.5em; height:.5em; background:#000; content:''; }        
.bbs_view .board_guide .dt      				{ display:block; }
.bbs_view .board_guide .dt li					{ float:none; text-align:left }
.bbs_view .board_guide .dt li p					{ display:block; padding:5px 0 5px 15px; position:relative; font-size:1.15em; font-weight:400; color:rgba(0,0,0,.7); }
.bbs_view .board_guide .dt li p:before			{ position:absolute; left:0; top:.9em; width:3px; height:3px; background:#000; content:'' }
.bbs_view .board_guide .dt li span				{ display:block; padding-left:30px; position:relative; font-size:1em; font-weight:400; color:rgba(0,0,0,.5); }
.bbs_view .board_guide .dt li span:before		{ position:absolute; left:18px; top:.65em; width:8px; height:1px; background:rgba(0,0,0,.5); content:'' }
.bbs_view .board_guide .border					{ display:block; position:relative; margin-top:15px; border-top:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1); }
.bbs_view .board_guide .border li				{ float:left; width:20%; text-align:left; position:relative; padding:15px; min-height:7em; border-right:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
.bbs_view .board_guide .border li p				{ position:absolute; left:15px; top:50%; transform:translateY(-50%); }
.bbs_view .board_guide .border li .num			{ display:block; font-size:2em; font-weight:bold; color:rgba(247,93,20,0.4); }
.bbs_view .board_guide .border li .txt			{ display:block; font-size:1.2em; margin-top:.25em }     
@media screen and (max-width:1468px){	  
	.bbs_view .board_guide						{ max-width:100%;  }	
}
@media screen and (max-width:1068px){	  
	.bbs_view .board_guide .border li			{width: 33.333%;}
}
@media screen and (max-width:668px){	  
	.bbs_view .board_guide .border li			{ float:inherit; width:100%;}
}