@charset "utf-8";
/* board css */
/* 게시판공통 */
#board_basic{padding:20px 0;width:100%;max-width:1560px;margin:0 auto;box-sizing:border-box}
#board_view img { border: none; vertical-align: top;max-width:100%;position:relative;margin:0 auto;text-align:center}
/* input */
.input_type{position:relative;height:37px;box-sizing:border-box;color:#666;border:1px solid #b7b7b7;background:#fff;font-size:14px;line-height:37px;padding:0 3px 0 6px;margin:2px 0;border-radius:0;box-sizing: border-box;font-family:'Noto Sans KR', 'Dotum','Gulim','Tahoma','Verdana',sans-serif}

/* select */
.select_type{position:relative;height:37px;box-sizing:border-box;color:#666;border:1px solid #b7b7b7;font-size:14px;;line-height:37px;padding:0 3px;margin:2px 0;border-radius:0;box-sizing: border-box;font-family:'Noto Sans KR', 'Dotum','Gulim','Tahoma','Verdana',sans-serif}

/* textarea */
.textarea_type{position:relative;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff;font-size:12px;font-family:'Nanum Gothic';padding:0 3px;-webkit-appearance:none;border-radius:0;box-sizing: border-box}

mark { background: #ff0; color: #000; }
/* border_info */
#border_info{width:100%;height:auto;line-height:32px}
#border_info p{color:#666;font-weight:400;font-size:15px}
span.star{font-weight:700;color:#e6224c;padding:0 2px}
.fl{float:left;}
.fr{float:right;}

/* 카테고리 */
#board_category{position:relative; overflow:hidden;margin-bottom:10px}
#board_category ul.title_box{height:42px}
#board_category ul.title_box li{float:left}
#board_category ul.title_box li h4 a{display:block; height:27px;padding:13px 25px 0 25px; font-size:13px; line-height:16px; color:#555555; font-weight:bold; border:1px solid #d8d8d8; ;border-left:1px solid #d8d8d8;background:#f5f5f5;border-radius:3px 3px 0 0;margin-right:-1px;behavior: url(/pages/headquarter/js/PIE.htc);}
#board_category ul.title_box li h4 a.on{border-bottom:1px solid #fff; color:#318BE4; background:#fff}
#board_category ul.title_box li h4 a:hover{background:#fff}

/* 검색영역 */
#board_search{clear:both;padding:0px 6px 10px 6px;box-sizing:border-box;float:right;margin-top:20px}
#board_search .board_search_date{float:left;padding-right:10px}
#board_search .board_search_form legend, #board_search .board_search_form label{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
#board_search{float:none;text-align:center}

/* 페이지 */
#paginate_complex{text-align:center;height:35px}
p.btn_page a{width:27px;height:25px;border:1px solid #d4d4d4;margin-left:5px;padding:5px 10px 6px 10px;font:bold 13px/16px "Nanum Gothic";color:#666;}
p.btn_page a:hover{background:#fff;border:1px solid #222;font:bold 13px/16px "Nanum Gothic";color:#222}
p.btn_page span.on{background:#fff;border: 1px solid #222;margin-left: 5px;padding: 5px 10px 6px 10px;font: bold 13px/16px "Nanum Gothic";color:#222;}
p.btn_page a.next_back{width:27px;height:25px;background:#fff;border:1px solid #d4d4d4;margin-left:5px}
p.btn_page a.first_back{width:27px;height:25px;background:#fff;border:1px solid #d4d4d4;margin-left:5px}
p.btn_page a img{vertical-align:baseline}
p.btn_page strong{background:#fff;color:#000;padding:0 10px 4px;margin-left:4px}



/* 카운트 수 */
#list_total_count{padding:8px 0 8px 0;font-size:17px;color:#666;clear:both;width:100%;line-height:16px}
#list_total_count span{padding-left:5px}
#list_total_count strong{color:#333}
#list_total_count a.btn_rss{padding-left:5px}

/* 게시판 버튼 */
#board_btn{width:100%;padding-bottom:20px}
span.highlight{font-weight:bold;color:#ff7200}

/* board_basic */
#board_wrap{width:100%;margin:0 auto;height:auto;overflow:hidden}

/* 질문과답변_리스트 */
#board_list_faq{font-size:16px;line-height:30px;width:100%;height:auto;overflow:hidden}
#board_list_faq ul{margin:0;padding:0;list-style:none}
#board_list_faq .faq_top{text-align:right;padding-bottom:10px}
#board_list_faq .faq_top button{
	background:#5e6971;
	border:1px solid #485158;
	text-align:center;
	padding: 11px 13px;
	color:#fff;
	letter-spacing:-1px;
	font-size: 16px;
	cursor:pointer;
	behavior: url(/pages/headquarter/js/PIE.htc);
	}
#board_list_faq .faq_top button:hover{background:#485158}
#board_list_faq .q{cursor:pointer;margin:4px 0;border:1px solid #ddd;display:block;float:left;width:100%;box-sizing:border-box;}
#board_list_faq .q:hover{border:1px solid #ddd;background:#f8f8f8 url("./img/faq_arrow.png") right top no-repeat}
#board_list_faq .q a.trigger{display:block;padding:15px 50px 15px 20px;background:#fff;font-weight:bold;color:#555;text-align:left;text-decoration:none !important;font-size:17px;letter-spacing:-1.8px}
#board_list_faq .hide .q a.trigger{font-weight:500;background:#f2f2f2 url("./img/faq_arrow.png") right top no-repeat;line-height:22px;font-size:16px}
#board_list_faq .q a.trigger:hover,
#board_list_faq .q a.trigger:active,
#board_list_faq .q a.trigger:focus{background:#fff;color:#000;font-weight:700;background:url("./img/faq_arrow.png") right top no-repeat}
#board_list_faq .q a.trigger:hover{background:url("./img/faq_arrow.png") right top no-repeat}

#board_list_faq .a{margin:0 auto;overflow:hidden;padding:20px 10px;font-size:17px;line-height:25px;letter-spacing:-1px;color:#000;background:#fff;box-sizing:border-box;
	width:100%;border-bottom:1px solid #ddd;margin-bottom:25px}
#board_list_faq .a p{padding:0 20px 0 0}
#board_list_faq .a img{text-align:center;margin:0 auto}
#board_list_faq  .title_q{font-weight:800;padding-right:5px;font-size:15px;color:#71b9c5}
#board_list_faq  .title_a{font-weight:800;padding-right:5px;font-size:15px;color:#ffae00}
#board_list_faq .a .btn_area{padding:10px 0;width:100%;display:block;text-align:right}
#board_list_faq .q input{margin-right:5px}

#board_list_faq .article.show .q a.trigger{background:#f2f2f2 url("./img/faq_arrow.png") right -56px no-repeat;color:#222;line-height:22px;}
#board_list_faq .a{}

/* 게시판_뷰 (베이직타입) */
#board_view{margin-bottom:20px;width:99.9%;clear:both;border-top:2px solid #3b476c}
#board_view table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:13px;letter-spacing:-1px;text-align:left}
#board_view tbody tr{color:#666}
/*#board_view tbody tr a{color:#666}*/
#board_view tbody tr a{color:#596ba4}
#board_view tbody th{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;color:#333;background:#fff;font-weight:700;padding-left:13px}
#board_view tbody td{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;letter-spacing:-.02em;padding:6px 10px;line-height:22px}
#board_view tbody td .board_view_contents{padding:10px 0}
.board_view_contents p img{width:73% !important;height:auto !Important}
/*#board_view tbody td span.date_size{font-size:11px;padding-left:5px;color:#596ba4;font-weight:bold}*/
#board_view tbody td span.date_size{font-size:11px;padding-left:5px;}
#board_view .leftcell{border-left:none !important}
#board_view .rightcell{border-right:none !important}

/* 댓글/코멘트 */
.comment_top{width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px}
.comment_top .btn_list{width:100%;text-align:right;margin-top:10px}
.board_comment { background-color: #fff; margin:25px 0 0px;text-align: left;box-sizing:border-box }
.board_comment dl { margin-bottom: 20px; padding: 20px 0 20px 20px; }
.board_comment dl dt { display: block; float: left; padding-bottom: 10px; width: 100px; }
.board_comment dl dd { display: block; float: left; padding-bottom: 10px; }
.board_comment fieldset {display: block; }
.board_comment fieldset div.icon {float: left;margin-top: 15px;text-align: center;width: 10%; }
.board_comment fieldset div.icon img {cursor: pointer; }
.board_comment fieldset div#icon_table {background-color: #fff;border: 1px solid #ccc;padding: 10px;position: absolute;visibility: hidden;z-index: 1; }
.board_comment fieldset div#icon_table ul {overflow: hidden;width: 300px; }
.board_comment fieldset div#icon_table ul li {float: left;margin: 3px; }
.board_comment fieldset div#icon_table ul li img { }
.board_comment fieldset div.insert {float: right;margin-bottom: 10px;overflow: hidden;width: 90%; }
.board_comment fieldset div.insert textarea {float: left;height: 46px;overflow: hidden;width: 70%; }
.board_comment fieldset div.insert input.button {float: right;height: 50px;width: 19%; }
.board_comment ul.reply {width: 100%; }
.board_comment ul.reply li {border-bottom: 1px solid #eee; }
.board_comment ul.reply li dl {margin: 5px 0;overflow: hidden;text-align: left; }
.board_comment ul.reply li dl dt {float: left;width: 20%; }
.board_comment ul.reply li dl dd {float: right;width: 80%;font-size:15px; }
.board_comment ul.reply li dl dd.subject{font-size:20px}
.board_comment ul.reply li dl dd span {display: block;font-size: 15px; }
#bc_subject{width:100%}
.editable{overflow-y:auto;width: 100%;height: 100px;padding: 5px;background-color:white}

/* 게시판 본문에 삽입되는 이미지 */
img.bbs_content_image {margin:5px 0}

/* 게시판_라이트 (베이직타입) */
#board_write{margin-bottom:20px;width:99.9%;clear:both;border-top:2px solid #000}
#board_write table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:16px;letter-spacing:-1px;text-align:left}
#board_write tbody tr a{color:#596ba4;padding-left:4px}
#board_write tbody th{border-bottom:1px solid #d9d9d9;font-weight:600;line-height:60px;padding:0 0px 0 7px}
#board_write tbody td{border-bottom:1px solid #d9d9d9;border-left:1px solid #e8e8e8;letter-spacing:-.02em;font-size:15px;padding:6px 13px;line-height:22px}
#board_write tbody td .f_alert{font-size:15px;font-weight:300;padding-left:3px;letter-spacing:0}
#board_write tbody td .board_view_contents{padding:10px 0}
#board_write .leftcell{border-left:none !important}
#board_write .rightcell{border-right:none !important}
#board_write label{letter-spacing:-1px}
#board_write th:first-child,#board_write td:first-child{border-left: none;}

/* 첨부파일 영역 */
#board_write div.bbs_file_ctl {width:100%;}

/* 웹에디터의 답변시 원본글 처리 */
blockquote.bbs_blockquot {
	padding-right: 0px; padding-left: 5px; margin-left: 5px; border-left: #000000 2px solid; margin-right: 0px
}


.board_view{padding-top:30px}
.board_view .title{font-size:28px;letter-spacing:-1px;line-height:30px;color:#000;width:100%;font-weight:400;padding-bottom:20px}
.board_view .info{letter-spacing:-.02em;padding-right:3px;width:100%;font-size:16px;text-align:right;padding-bottom:40px;border-bottom:1px solid #ddd;color:#666}
.board_view .file{width:100%;box-sizing:border-box;padding:20px;border:1px solid #ddd;margin-top:30px}
.board_view .file a{color:#008a96;border-bottom:1px dotted #009aa7;margin-right:10px;font-weight:bold}
.board_view .board_view_contents{box-sizing:border-box;padding:20px;margin:0 auto;line-height:35px;font-size:17px}

.board_view .board_view_contents img{width:100%;padding:15px 0}

/* 이전글 다음글 */
.nextPrev_list {clear: both;margin-top:9px;border-top: solid 1px #eee;border-bottom: solid 1px #eee;overflow:hidden}
.nextPrev_list li{float:left;width:100%;height:50px;line-height:48px;border-top: solid 1px #eee}
.nextPrev_list li:first-child{border-top: none}
.nextPrev_list li strong {display:block;float:left;padding: 2px 40px 2px 49px;background: url(/img/prev_next_bg.gif) left top no-repeat;width:50px;height:50px;color:#333;line-height:48px;font-size:15px}
.nextPrev_list li strong.next_list {background-position: 0 -50px}
.nextPrev_list li a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;color:#666}

/* 버튼 */
.button_type1 {
	background: #f8f8f8;
	background-image: -webkit-linear-gradient(top, #f8f8f8, #ddd);
	background-image: -moz-linear-gradient(top, #f8f8f8, #ddd);
	background-image: -ms-linear-gradient(top, #f8f8f8, #ddd);
	background-image: -o-linear-gradient(top, #f8f8f8, #ddd);
	background-image: linear-gradient(to bottom, #f8f8f8, #ddd);
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	font-family: Arial;
	color: #222;
	font-size: 14px;
	padding: 8px 20px 8px 20px;
	border: solid #ccc 1px;
	text-decoration: none;
	font-weight:700;
	display:inline-block;
	cursor:pointer
}

.button_type1:hover {
	background: #ddd;
	background-image: -webkit-linear-gradient(top, #ddd, #f8f8f8);
	background-image: -moz-linear-gradient(top, #ddd, #f8f8f8);
	background-image: -ms-linear-gradient(top, #ddd, #f8f8f8);
	background-image: -o-linear-gradient(top, #ddd, #f8f8f8);
	background-image: linear-gradient(to bottom, #ddd, #f8f8f8);
	text-decoration: none;
}



.button_type2 {
	background: #35454d;
	background-image: -webkit-linear-gradient(top, #35454d, #263238);
	background-image: -moz-linear-gradient(top, #35454d, #263238);
	background-image: -ms-linear-gradient(top, #35454d, #263238);
	background-image: -o-linear-gradient(top, #35454d, #263238);
	background-image: linear-gradient(to bottom, #35454d, #263238);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	padding: 8px 20px 8px 20px;
	border: solid #16193b 1px;
	text-decoration: none;
	box-sizing:border-box;
	display:inline-block;
	cursor:pointer

}

.button_type2:hover {
	background: #263238;
	background-image: -webkit-linear-gradient(top, #263238, #35454d);
	background-image: -moz-linear-gradient(top, #263238, #35454d);
	background-image: -ms-linear-gradient(top, #263238, #35454d);
	background-image: -o-linear-gradient(top, #263238, #35454d);
	background-image: linear-gradient(to bottom, #263238, #35454d);
	text-decoration: none;
}


.button_type3 {
	background: #00b8d4;
	background-image: -webkit-linear-gradient(top, #00b8d4, #00a8c1);
	background-image: -moz-linear-gradient(top, #00b8d4, #00a8c1);
	background-image: -ms-linear-gradient(top, #00b8d4, #00a8c1);
	background-image: -o-linear-gradient(top, #00b8d4, #00a8c1);
	background-image: linear-gradient(to bottom, #00b8d4, #00a8c1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	padding: 8px 20px 8px 20px;
	border: solid #009cb1 1px;
	text-decoration: none;
	box-sizing:border-box;
	display:inline-block;
	cursor:pointer
}

.button_type3:hover {
	background: #00a8c1;
	background-image: -webkit-linear-gradient(top, #00a8c1, #00b8d4);
	background-image: -moz-linear-gradient(top, #00a8c1, #00b8d4);
	background-image: -ms-linear-gradient(top, #00a8c1, #00b8d4);
	background-image: -o-linear-gradient(top, #00a8c1, #00b8d4);
	background-image: linear-gradient(to bottom, #00a8c1, #00b8d4);
	text-decoration: none;
}
.go_list:before{position:absolute;top:7px;left:0;width:24px;height:15px;background-position:-232px -69px;content:''}
.go_list{margin:120px 0 0px 0;display:inline-block;position:relative;background:url(./img/goback_ico.png) left center no-repeat;padding-left:38px;font-size:18px;letter-spacing:-1px;line-height:27px;color:#000}
.go_list:after{display:block;width:100%;height:1px;background-color:#000;content:''}
.go_list:hover{text-decoration:none;font-weight:500}

/****** Mobile ******/
@media screen and (max-width:690px){
	.input_type{width:150px}


	#board_basic{width:100%;padding:0 0 50px 0}

	/* 카테고리 */
	#board_category ul.title_box{border-left:none}
	#board_category ul.title_box li{width:50%}
	#board_category ul.title_box li h4 a{font-size:12px;border:1px solid #d8d8d8; border-left:1px solid #d8d8d8;margin:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;}
	#board_category ul.title_box li h4 a.on{border-bottom:1px solid #d8d8d8; color:#41a2a8; background:#fff ;}
	.board_search_date{display:none}

	/* 질문과답변_리스트 */
	#board_list_faq ul li p img{width:100% !important}
	#board_list_faq .q a.trigger{font-size:15px}

	/* 게시판_라이트 (베이직타입) */
	#board_write tbody th{width: 100%;display: block;box-sizing: border-box;padding:13px;overflow:hidden;line-height:24px}
	#board_write tbody td{width: 100%;display: block;box-sizing: border-box;border:none;padding:3px 5px}
	#board_write .input_type{width: 100%;box-sizing: border-box}
	#board_write .wfull_95{width:100% !important}
	#board_write tbody td .f_alert{font-size:14px}

	/* 게시판_뷰 (베이직타입) */
	#board_view tbody th{width: 100%;display: block;box-sizing: border-box;padding: 13px;overflow: hidden;border:0}
	#board_view tbody td{width: 100%;display: block;box-sizing: border-box;border:none;padding: 3px 5px}
	#board_view .input_type{width: 100%;box-sizing: border-box}

	/* 페이지 */
	#board_search{width:100%;padding:10px 0;text-align:center;margin-bottom:10px;margin:0}
	#board_search .board_search_form{float:none}
	#paginate_complex{text-align:center;height:50px}

	/* 댓글/코멘트 */
	.comment_top{padding:15px 0}
	/* board_basic */
	#board_wrap{width:100%}
	.board_view{width:100%}

	/* board_view */
	.board_view .title{font-size:20px;line-height:28px}
	.board_view_contents .image img{width:100%}
	.board_view .info{padding-bottom:25px;font-size:14px}
	.board_view .title{padding:0 20px 13px 20px;box-sizing:border-box}
	#bc_writer_name{width:100%}
	.board_view .board_view_contents{width:auto}


}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {
	/* 카테고리 */
	#board_category ul.title_box{border-left:none}
	#board_category ul.title_box li{width:25%}
	#board_category ul.title_box li h4 a{border:1px solid #d8d8d8; border-left:1px solid #d8d8d8;margin:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;}
	#board_category ul.title_box li h4 a.on{border-bottom:1px solid #d8d8d8; color:#41a2a8; background:#fff ;}


	/* 페이지 */
	#paginate_complex{text-align:center;height:50px}

	/* board_basic */
	#board_basic{width:100%}
	#board_wrap{width:100%}

	/* board_view */
	.board_view{width:100%}
	.board_view .title{font-size:20px;line-height:28px}
	.board_view_contents .image img{width:100%}
	.board_view .info{padding-bottom:25px;font-size:14px}
	.board_view .title{padding:0 20px 13px 20px;box-sizing:border-box}
	#bc_writer_name{width:100%}
	.board_view .board_view_contents{width:auto}

	/* 댓글/코멘트 */
	.comment_top{padding:0}
	.board_comment{padding:0}
}

/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {
	/* board_basic */
	#board_basic{width:100%}
	/* 일반형_리스트 */
	#board_list ul li a span.thumb img{width:100%;overflow:hidden}
	#board_list ul li a span.thumb{width:30%}
	#board_list ul li a .txt_wrap{width:70%}

	#board_wrap{width:100%}
	.board_view{width:100%}


}

/****** Desktop Wide Device ******/
@media screen and (min-width:1151px){
	/* board_basic */


}