@charset "utf-8";
/* board css */
/* 게시판공통 */
#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:30px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff;font-size:12px;font-family:'Nanum Gothic';line-height:28px;padding:0 3px 0 6px;margin:2px 0;border-radius:0;box-sizing: border-box}

/* select */
.select_type{position:relative;height:30px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff;font-size:12px;font-family:'Nanum Gothic';line-height:30px;padding:0 3px;margin:2px 0;border-radius:0;box-sizing: border-box}

/* 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}

/* border_info */
#border_info{width:100%;height:auto;line-height:32px}
	#border_info p{color:#57658f;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: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:15px 6px 15px 6px;border:1px dotted #ddd;box-sizing:border-box;background:#efefef;float:left;width:100%;margin-top:10px;margin-bottom:10px;border-radius:3px}
	#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:33px;padding-top:20px}
	p.btn_page a{background: #fff;border:1px solid #dddddd;padding:7px 12px 7px 12px;font: bold 12px/16px "Nanum Gothic";color: #555;box-sizing:border-box}
	p.btn_page a:hover{background:#eb1c24; color:#fff;font-weight:600}
	p.btn_page span.on{display:block;margin:0 auto;width:32px;background: #eb1c24;border: 0;padding:7px 12px 7px 12px;font: bold 12px/16px "Nanum Gothic";color: #fff;box-sizing:border-box}
	p.btn_page a.next_back{width:27px; height:25px; border:0; margin-left:5px}
	p.btn_page a.first_back{width:27px; height:25px;border:0; margin-left:5px;}
	
	p.btn_page a.next_back:hover{background:none !Important}
	p.btn_page a.first_back:hover{background:none !Important}
		p.btn_page a.next_back:hover{background:none !Important}
	p.btn_page a.first_back:hover{background:none !Important}

	p.btn_page a.next_back{width:27px; height:25px; border:0; margin-left:5px}
	p.btn_page a.first_back{width:27px; height:25px;border:0; margin-left:5px;}
*/
#paginate_complex{text-align:center;height:30px}
	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:#333;}
	p.btn_page a:hover{background:#446890;border:1px solid #3e5f83; font:bold 13px/16px "Nanum Gothic"; color:#fff}
	p.btn_page span.on{background: #446890;border:1px solid #3e5f83;margin-left: 5px;padding: 5px 10px 6px 10px;font: bold 13px/16px "Nanum Gothic";color: #fff;}
	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;}
/* 카운트 수 */
#list_total_count{padding-bottom:8px;font-size:12px;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%;height:auto;overflow:hidden}

#board_company_list{clear:both;padding:13px 0 0 0}

/* 일반형_리스트 */
#board_list table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:12px;border-bottom:1px solid #ddd}
	#board_list thead{height:37px;background:#fff;border-top:2px solid #3b476c;border-bottom:1px solid #ddd}
	#board_list thead th{line-height:37px;color:#333;border-left:1px dotted #e4e4e6}
	#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:14px;border-bottom:1px dotted #d8d8d8;letter-spacing:-.02em;text-align:center;padding:4px 8px;height:25px;min-height:25px}
	#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:13px}
	#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;}

/* 웹진형_리스트 */
#board_list_webzin{width:100%;height:auto}
	#board_list_webzin ul{padding:10px 0;width:99%}
	#board_list_webzin li{position:relative;padding:15px 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:14px}
	#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 15px 0 0;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666;overflow:hidden;width:180px;height:120px}
	#board_list_webzin .thumb img{display:block;border:0;width:100%}
	#board_list_webzin span.date{width:100%;display:block;font-size:11px;padding:0 0 3px 0}
	#board_list_webzin p{margin:0;line-height:1.4;color:#767676;font-size:13px;display:block;overflow:hidden;height:72px}

/*  포토형_리스트 */
#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 15px 5px;width:23.5%;box-sizing: border-box;margin:0 5px}
	#board_list_photo li a{display:block;float:left;width:100%}
	#board_list_photo li a dl{text-align:center}
	#board_list_photo li a dt{width:100%;height:120px;overflow:hidden;display:block;margin-bottom:5px;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:#555;font-size:13px;line-height:16px;padding-bottom:3px}
	#board_list_photo li a dd.title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}
	#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:13px;letter-spacing:-1px;text-align:left}
	#board_view tbody tr{color:#666}
	#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:#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 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 table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:13px;letter-spacing:-1px;text-align:left}
	#board_write tbody tr{color:#666}
	#board_write tbody tr a{color:#666}
	#board_write tbody th{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;color:#333;background:#eee;font-weight:normal;padding:6px 13px 0 13px }
	#board_write tbody td{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;letter-spacing:-.02em;padding:6px 13px;line-height:22px}
	#board_write tbody td .f_alert{letter-spacing:-1px;font-size:12px;padding-left:3px}
	#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_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;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:90%;height:auto;margin:10px auto}
	 #board_list_webzin p{padding-top:5px}

	  /*  포토형_리스트 */
	#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%;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}	

	
}

/****** 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;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}
}

/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {
	/*  포토형_리스트 */
		#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}

}

/****** 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}