@charset "utf-8";
/* board css */
/* 게시판공통 */

#board_view img { border: none;width:100% !important; vertical-align: top;max-width:100%;position:relative;margin:0 auto;text-align:center;display:block}

/* border_info */
#border_info{width:100%;height:auto;line-height:32px}
	#border_info p{color:#666;font-weight:bold;font-size:12px;letter-spacing:-1px}
	span.star{font-weight:700;color:#e6224c;padding:0 2px}

/* 카테고리 */
#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:15px;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:0 6px 12px 6px;box-sizing:border-box;border-bottom:1px solid #ccc;float:left;width:100%;margin-top:10px;margin-bottom:10px}
	#board_search .board_search_date{float:left;padding-right:10px}
	#board_search .board_search_form{text-align:center}
	#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}

/* 페이지 */

#paginate_complex{text-align:center;height:30px}
	p.btn_page a{width:30px; height:30px; border:1px solid #d4d4d4; margin-left:5px; padding:6px 12px 6px 12px; font:bold 14px/16px "Nanum Gothic"; color:#333;}
	p.btn_page a:hover{background:#baaea4;border:1px solid #bca78f; font:bold 14px/16px "Nanum Gothic"; color:#fff}
	p.btn_page span.on{background:#8d7f6a;border:1px solid #746249;margin-left: 5px;padding:6px 12px 6px 12px;font: bold 14px/16px "Nanum Gothic";color: #fff;}
	p.btn_page a.next_back{width:30px;height:30px;background:#fff;border:1px solid #d4d4d4;margin-left:5px}
	p.btn_page a.first_back{width:30px;height:30px;background:#fff;border:1px solid #d4d4d4;margin-left:5px}
	p.btn_page a img{margin-top:5px }




/* 카운트 수 */
#list_total_count{padding-bottom:8px;font-size:13px;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}
/* span.button3 input{padding:8px 15px;background:#375481;border:1px solid #1b417b;color:#fff;height:35px} */

/* .button a{padding:7px 15px;border:1px solid #6d94ba;color:#666}
.button input{padding:7px 15px;border:1px solid #6d94ba;color:#666;background:#fff;font-size:15px} */



/* board_basic */
#board_wrap{width:100%;height:auto;overflow:hidden}
#board_basic{width:1060px;margin:0 auto;padding-top:40px}
/* 일반형_리스트 */
#board_list table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:16px;border-bottom:1px solid #ddd}
	#board_list thead{height:55px;background:#fff;border-top:2px solid #3b476c;border-bottom:2px solid #ddd}
	#board_list thead th{line-height:55px;color:#333;border-left:none;font-weight:500;background:#fff;color:#000;position:relative;font-size:15px}
	#board_list thead th:before{content:'';display:block;position:absolute;left:0;top:19px;width:1px;height:15px;background:#9299aa}
	#board_list thead th a{font-size:10px;color:#666;font-family:'taoma'}
	#board_list thead th a:hover{text-decoration:none;color:#4dce00}
	#board_list tbody tr{color:#666}
	#board_list tbody tr a{color:#333}
	#board_list tbody td{border-left:1px dotted #d8d8d8;line-height:38px;border-bottom:1px dotted #d8d8d8;letter-spacing:-.02em;text-align:center;padding:4px 8px;height:40px;min-height:40px;font-size:13px;font-weight:400}
	#board_list tbody td .num_notice{font-weight:700;color:#fff;background:#3b476c;margin:0 auto;font-size:11px}
	#board_list tbody td .title a{display:block;width:auto;float:left;padding-right:5px;line-height:19px;font-size:15px;font-weight:300}
	#board_list tbody td .notice{font-weight:bold}
	#board_list tbody td .notice a{color:#000 !important}
	#board_list tbody td .reply{padding-left:10px}
	#board_list tbody td.txt_l{text-align:left !important}
	#board_list tbody td a{color:#666}
	#board_list tbody td img{vertical-align:middle}
	#board_list th:first-child,#board_list td:first-child{border-left: none;}

.wd40px{width:40px !important}
.wd50px{width:50px !important}
.wd65px{width:65px !important}
.wd100px{width:100px !important}
.wd180px{width:180px !important}
.wd10per{width:10%}
.wd15per{width:15%}
.wd20per{width:20%}
.wd30per{width:30%}
.wd40per{width:40%}


/* #board_search .board_search_form .select_type{height:35px !important} */

/* 웹진형_리스트 */
#board_list_webzin{width:100%;height:auto}
	#board_list_webzin ul{padding:10px 0;width:99%}
	#board_list_webzin li{position:relative;padding:25px 0;margin:0 0 -1px 0;border:1px solid #eee;border-left:0;border-right:0;vertical-align:top;*zoom:1}
	#board_list_webzin li:after{display:block;clear:both;content:""}
	#board_list_webzin a{text-decoration:none;cursor:pointer}
	#board_list_webzin a strong{display:inline-block;margin:3px 0 4px 0;color:#333;font-size:21px;font-weight:400;letter-spacing:-1px;line-height:28px}
	#board_list_webzin a:hover strong,
	#board_list_webzin a:active strong,
	#board_list_webzin a:focus strong{text-decoration:underline}
	#board_list_webzin .thumb{display:inline-block;float:left;margin:0 45px 0 0;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666;overflow:hidden;width:232px}
	#board_list_webzin .thumb img{display:block;border:0;width:100%;height:130px}
	#board_list_webzin span.date{width:100%;display:block;font-size:13px;padding:0 0 3px 0}
	#board_list_webzin p{margin:0;line-height:23px;color:#767676;font-size:15px;display:block;overflow:hidden;height:67px}
	
/*  포토형_리스트 */
#board_list_photo{width:100%;height:auto;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding-top:10px}
	#board_list_photo ul{display:block;margin:0 auto;overflow:hidden}
	#board_list_photo li{display:inline-block;float:left;padding:5px 5px 30px 5px;width:23.5%;box-sizing: border-box;margin:0 5px}
	#board_list_photo li a{display:block;float:left;width:100%;color:#222}
/* 	#board_list_photo li a dl{text-align:center} */
	#board_list_photo li a dt{width:100%;height:150px;overflow:hidden;display:block;margin-bottom:10px;box-sizing: border-box;border:1px solid #ddd}
	#board_list_photo li a dt img{width:100%;height:100%}
	#board_list_photo li a dd{color:#000;font-size:13px;line-height:16px;padding-bottom:3px;font-size:15px !important}
	#board_list_photo li a dd.title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:17px !important;line-height:24px;font-weight:400}
	#board_list_photo li a:hover{font-weight:700;color:#333;text-decoration:none}
	#board_list_photo li a dd.date{font-size:11px;color:#777}
	#board_list_photo li.no_data{width:100%; text-align:center}

/* 질문과답변_리스트 */
#board_list_faq{font-size:13px;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:6px 10px;color:#fff;letter-spacing:-1px;font-size:12px;font-family:'Nanum Gothic';border-radius:4px;cursor:pointer;behavior: url(/pages/headquarter/js/PIE.htc);}
	#board_list_faq .faq_top button:hover{background:#485158}
	#board_list_faq .q{margin:2px 0;border:1px dotted #ccc;background:#fff;display:block;float:left;width:100%;box-sizing:border-box;padding:5px 0;border-radius: 10px}
	#board_list_faq .q:hover{border:2px dotted #666}
	#board_list_faq .q a.trigger{display:block;padding:13px 15px;background:#fff;font-weight:bold;color:#555;text-align:left;text-decoration:none !important;font-size:13px;letter-spacing:-1px}
	#board_list_faq .hide .q a.trigger{font-weight:normal;background:none}
	#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}
	#board_list_faq .a{margin:0;padding:10px 25px;line-height:1.5;letter-spacing:-1px;color:#777;background:#fff;float:left;border-radius: 10px;box-sizing:border-box;width:100%;border:1px solid #ddd;margin-bottom:25px}
	#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_book {width:100%;height:auto;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding-top:30px}
	#board_list_book ul {margin:0 1%}
	#board_list_book li {float:left;width:19.7%;text-align:center;margin-bottom:30px}
	#board_list_book li dl dt {background:url("/pages/headquarter/img/board/bg_book.png") left top no-repeat;width:113px;height:142px;margin:0 auto}
	#board_list_book li dl dt span {padding:2px 0 0 2px;width:103px;height:138px; display:block; overflow:hidden}
	#board_list_book li dl dt span img {width:100%;height:100%}
	#board_list_book li dl dd.title {width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#555;margin:0 auto;padding-top:10px}
	#board_list_book li dl dd.title a {color:#333}
	#board_list_book li dl dd.date {color:#777;font-size:11px}

/* 게시판_뷰 (베이직타입) */
#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:15px;letter-spacing:-1px;text-align:left}
	#board_view tbody tr{color:#222}
	#board_view tbody tr a{color:#666}
	#board_view tbody th{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;color:#000;background:#f3f3f3;font-weight:700;padding:12px}
	#board_view tbody td{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;letter-spacing:-.02em;padding:12px 10px;line-height:22px}
	#board_view tbody td .board_view_contents{padding:10px 0}
	#board_view tbody td span.date_size{font-size:11px;padding-left:5px;color:#596ba4;font-weight:bold}
	#board_view .leftcell{border-left:none !important}
	#board_view .rightcell{border-right:none !important}

/* 댓글/코멘트 */
.comment_top{width:100%;padding:15px;box-sizing:border-box;border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:20px}
.comment_top .btn_list{width:100%;text-align:right;margin-top:10px}
.board_comment { background-color: #fff; border: 1px solid #ddd; margin: 25px 0 20px; padding: 10px; 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:13px !important; }
.board_comment ul.reply li dl dd span {display: block;font-size: 11px; }
#bc_subject{width:100%}
.editable{overflow-y:auto;width: 100%;height: 100px;padding: 5px;background-color:white}


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

/* 게시판_라이트 (베이직타입) */
#board_write{margin-bottom:20px;width:99.9%;clear:both;border-top:2px solid #3b476c}
#board_write img{width: 100% !important;}
	#board_write table{width:100%;height:auto;border-collapse:collapse;border-width:0;letter-spacing:-1px;text-align:left}
	#board_write tbody tr{color:#666}
	#board_write tbody tr a{color:#666;line-height:16px}
	#board_write tbody th{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;color:#333;background:#f5f5f5;font-weight:500;padding:12px 13px 12px 13px }
	#board_write tbody td{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;letter-spacing:-.02em;padding:12px 13px;line-height:16px}
	#board_write tbody td .f_alert{letter-spacing:-.02em;padding-left:3px;font-size:14px;font-weight:300}
	#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{font-size:12px;letter-spacing:-1px}
	#board_write th:first-child,#board_write td:first-child{border-left: none;}
	
	/* 첨부파일 영역 */
	#board_write div.bbs_file_ctl {width:100%; text-align:center;}
	
/* 웹에디터의 답변시 원본글 처리 */
blockquote.bbs_blockquot {
	padding-right: 0px; padding-left: 5px; margin-left: 5px; border-left: #000000 2px solid; margin-right: 0px
}

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

#board_basic{width:100%}
.search_keyword{width:40%}
	/* 카테고리 */
	#board_category ul.title_box{border-left:none}
	#board_category ul.title_box li{width:50%}
	#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;behavior: url(/pages/headquarter/js/PIE.htc);}
	#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 table{font-size:13px}
	#board_list tbody td{padding:6px 10px;height:28px;min-height:28px}
	#board_list .t_num, #board_list .t_user, #board_list .t_hit, #board_list .t_file{display:none}

	/* 웹진형_리스트 */
	 #board_list_webzin .thumb{display:block;float:none;overflow:hidden;width:100%;height:auto;margin:10px auto}
	 #board_list_webzin p{padding-top:5px;font-size:14px}
	#board_list_webzin a strong{font-size:17px;padding:0;margin:10px 0 4px 0}
	#board_list_webzin .thumb img{height:auto}
	#board_list_webzin li{padding:25px 15px}
	  /*  포토형_리스트 */
	#board_list_photo li{width:100%}
	#board_list_photo li a dt{height:auto}
	#board_list_photo li a dd.title{min-width:280px}

	/*  북형_리스트 */
	#board_list_book ul {margin:0 5%}
	#board_list_book li {float:left;width:49.4%;text-align:center;margin-bottom:15px}

	/* 게시판_라이트 (베이직타입) */
	#board_write tbody th{width: 100%;display: block;box-sizing: border-box;padding: 13px;overflow: hidden;border:0}
	#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_view tbody th{width: 100%;float:left;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%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;text-align:center;margin-bottom:10px}
	#board_search .board_search_form{float:none}
	#paginate_complex{text-align:center;height:50px}	
	p.btn_page a{padding:5px 10px 6px 10px}
	
}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {

#board_basic{width:100%}
	/* 카테고리 */
	#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;behavior: url(/pages/headquarter/js/PIE.htc);}
	#board_category ul.title_box li h4 a.on{border-bottom:1px solid #d8d8d8; color:#41a2a8; background:#fff ;}
	
	/* 일반형_리스트 */
	 #board_list .t_num, #board_list .t_hit, #board_list .t_file{display:none}

	 /*  포토형_리스트 */
	#board_list_photo li{width:48%}
	#board_list_photo li a dt{height:200px}
	#board_list_photo li a dd.title{width:290px}

	 /* 페이지 */
	#paginate_complex{text-align:center;height:50px}
	
	/* 웹진형_리스트 */
	#board_list_webzin .thumb{width:200px;height:100%}
	#board_list_webzin a strong{width:55%;font-size:20px}
	#board_list_webzin p{font-size:14px}
}

/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {

#board_basic{width:100%}
	/*  포토형_리스트 */
		#board_list_photo li{width:23.5%}
		#board_list_photo li a dt img{-webkit-transition: all 0.6s;-moz-transition: all 0.6s;	-o-transition: all 0.6s;transition: all 0.6s	}
		#board_list_photo li a dt img:hover{-webkit-transform: translate3d(0, 0, 0);-webkit-perspective: 0;-webkit-backface-visibility: hidden;	-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1) rotate(0.1deg);opacity: 0.9}
		#board_list_photo li a dd.title{width:180px}
	
	/* 웹진형_리스트 */
	#board_list_webzin a strong{width:55%}
}	

/****** Desktop Wide Device ******/
@media screen and (min-width:1151px){
	#board_list_photo li a dt img{-webkit-transition: all 0.6s;-moz-transition: all 0.6s;	-o-transition: all 0.6s;transition: all 0.6s	}
	#board_list_photo li a dt img:hover{-webkit-transform: translate3d(0, 0, 0);-webkit-perspective: 0;-webkit-backface-visibility: hidden;	-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1) rotate(0.1deg);opacity: 0.9}

}

/* 개인정보 수집동의 박스*/

.h5_butt2{font-size:17px;font-weight:800;line-height:20px;color:#444;letter-spacing:-1px;padding-left:15px}
.agree_cont_box{padding-top:10px}
.agree_cont_box .agree_cont{border:2px solid #ddd;padding:20px;margin:20px 0;border-radius:3px}
.agree_cont_box .agree_cont section{height:140px;overflow-y:scroll;padding:0 20px 0 0}
.agree_cont_box .agree_cont section h4{font-size:15px;letter-spacing:-1px;padding:10px 0 10px 0}
.agree_cont_box .agree_cont section h5{font-size:14px;letter-spacing:-1px;padding:10px 0 10px 0}

.agree_check{width:100%;height:40px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;line-height:40px;background:#5872a5 ;text-align:center;display:block}
.agree_check input.i_check{top:5px;position:relative;border:1px solid #000;width:20px;height:20px}
.agree_check label{padding-left:10px;cursor:pointer;letter-spacing:-1px;color:#fff;font-weight:700}
.agree_check label:hover{color:#ffd837}
.agree_cont_box2 ul{text-align:center;width:100%;border-top:1px solid #ddd;padding-top:20px;margin-top:20px}
.agree_cont_box2 li{display:inline}