@charset "UTF-8";

/*=========================================================
  1. 레이아웃
=========================================================*/

ul.accordion_list li.no_posts {padding: 35px 35px 35px 0; border-bottom: 1px solid #dddddd;}

/*=========================================================
  2. Q&A 리스트 페이지
=========================================================*/

/*셀렉트박스*/
.h_cont_box:after {content: ""; display:block; clear:both;}
.h_cont_box > .box_container {float:right;}
.h_cont_box > .box_container:after {content:""; display:block; clear:both;}
.h_select_box {float:left; margin-right:10px;}
.h_cont_box .search_box.in_b {float:left}
.h_select_box .select_box_unit {width:240px;}
.h_select_box .select_box_unit .select_box {position:relative; width:100%; height:29px;padding:4px 40px 6px 10px; cursor: pointer;  border:1px solid #dadada;}
.h_select_box .select_box_unit .select_box .input_box {display:block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-size:13px; color:#666;}
.h_select_box .select_box_unit .select_box .input_box span.txt {font-size:13px; color:#666; height:20px; line-height: 20px;}
.h_select_box .select_box_unit .select_box .input_box i {display:block; position: absolute; right:-1px; top:-1px; width:29px; height: 29px; background:url(/wp-content/themes/postech/images/icons/icon_angel_select.png) no-repeat center center; background-color:#c90164;}
.h_select_box .select_box_unit .select_box ul.select_list {display:none; position: absolute; width:240px; top:28px; left:-1px; background:#fff; z-index: 10;}
.h_select_box .select_box_unit .select_box ul.select_list li {display:block; border:1px solid #dadada; border-top:none; width:100%}
.h_select_box .select_box_unit .select_box ul.select_list li a {display:block; height: 29px; font-size: 13px; color:#666666; padding:6px 40px 4px 10px;}
.h_select_box .select_box_unit .select_box ul.select_list li:hover a,
.h_select_box .select_box_unit .select_box ul.select_list li.active a {color:#c90164;}

/*qna 리스트 부분*/
.qna_box {margin-top:20px; margin-bottom:55px;}
.qna_box ul {border-top:2px solid #c90164;}
.qna_box ul li.qapost_li {position: relative; padding:35px 35px 35px 0; border-bottom:1px solid #dddddd;}
.qna_box ul li.qapost_li h3 {margin-bottom:3px;}
.qna_box ul li.qapost_li h3 a {font-size: 18px; color:#333;transition:color ease-out 0.1s;-webkit-transition:color ease-out 0.1s;-moz-transition:color ease-out 0.1s;-ms-transition:color ease-out 0.1s;}
.qna_box ul li.no_posts {padding:20px 0} 
.meta span {position:relative; display:inline-block; height:17px; padding-right:24px; vertical-align: middle; font-size:13px; color:#666;}
.meta span:after {content:"/"; display:block; position: absolute; top:0; right:8px; color:#e2e2e2; font-size: 13px;}
.meta span.count:after {display:none;}
.meta span.name {padding-left:19px;}
.meta span.name:before {content:""; display:block; position: absolute; top:0; left:0; background: url(/wp-content/themes/postech/images/icons/icon_name.png) no-repeat center center; width:15px; height:16px;}
.meta span.date,
.meta span.writer {padding-left:19px;}

.meta span.date:before {content:""; display:block; position: absolute; top:2px; left:0; background: url(/wp-content/themes/postech/images/icons/icon_date.png) no-repeat center center; width:14px; height:14px;}
.meta span.division {padding-left:19px;}
.meta span.division:before {content:""; display:block; position: absolute; top:1px; left:0; background: url(/wp-content/themes/postech/images/icons/icon_division.png) no-repeat center center; width:13px; height:13px;}
.meta span.writer:before {content:""; display:block; position: absolute; top:1px; left:0; background: url(/wp-content/themes/postech/images/icons/icon_user.png) no-repeat center center; width:13px; height:13px;}

.meta span.file {content:""; display:inline-block; background: url(/wp-content/themes/postech/images/icons/icon_file_list.png) no-repeat center center; width:16px; height:16px;}
.meta span.count {padding-left:25px;}
.meta span.count:before {content:""; display:block; position: absolute; top:2px; left:0; background: url(/wp-content/themes/postech/images/icons/icon_count.png) no-repeat center center; width:19px; height:12px;}
.qna_box ul li .secret {position: absolute; top: 37px; right: 0; width:30px; height:36px; background: url(/wp-content/themes/postech/images/icons/icon_lock.png) no-repeat 0 0;}
.qna_box ul li .secret {position: absolute; top: 37px; right: 0; width:30px; height:36px; background: url(/wp-content/themes/postech/images/icons/icon_lock.png) no-repeat 0 0;}
.qna_box ul li .non_secret {position: absolute; top: 37px; right: 0; width:30px; height:36px; background: url(/wp-content/themes/postech/images/icons/icon_unlock.png) no-repeat 0 0;}

/*비밀번호 입력*/
.password_area {display:inline-block; min-width:250px; margin-top:25px;}
.password_area label {display:inline-block; vertical-align: middle; font-size:13px; color:#333; margin-right:10px;}
.password_area .input_box.txt_box {position: relative; display:inline-block; vertical-align: middle; border:1px solid #dfdfdf; line-height:0; padding:6px 40px 6px 10px;}
.password_area .input_box.txt_box input {font-size: 13px; color:#666; width:100%; height:16px; line-height:16px;}
.password_area .notice {text-align: right; font-size:13px; color:#c90164; padding:5px 0; display:inline-block; vertical-align: middle;}
.password_area .btn {display:block; position: absolute; top:-1px; right:-1px;}
.password_area .btn a {display:block; width:33px; height:30px; color:#fff; background: #c90164; font-size:12px; text-align: center; line-height: 30px}

/*글쓰기 버튼*/
.f_cont_box {position: relative;}
.f_cont_box a.write_btn {display:block; width:92px; height:40px; line-height: 37px; background: #c6c6c6; font-size:14px; color:#fff; font-weight:bold; text-align: center;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.f_cont_box a.write_btn:hover {background: #c90164;}
.f_cont_box .btn_wrap {position: absolute; top:0; right: 0;}
.f_cont_box a.write_btn span {display:inline-block; vertical-align: middle;}
.f_cont_box a i {display:inline-block;; width:17px; height:19px; margin-right:5px; background:url(/wp-content/themes/postech/images/icons/icon_write.png) no-repeat 0 0; vertical-align: middle;}

/*호버*/
.qna_box ul li h3 a:hover{color:#c90164;}

/*=========================================================
  3. Q&A 상세 페이지
=========================================================*/
.qna_box.qna_unit_box {margin:6px 0 40px 0;}
.qna_box.qna_unit_box .qna_unit_box_container {border-top: 2px solid #c90164;}
.qna_box.qna_unit_box .title_box {position: relative;}
.qna_box.qna_unit_box .title_box h3 {font-size:18px; color:#666;  padding:35px 35px 35px 0; border-bottom:1px solid #dddddd;}
.qna_box.qna_unit_box .title_box .meta_box {padding:15px 0;}
.qna_box.qna_unit_box .title_box .secret {position: absolute; top: 27px; right: 0; width:30px; height:36px; background: url(/wp-content/themes/postech/images/icons/icon_lock.png) no-repeat 0 0;}
.qna_box.qna_unit_box .title_box .secret {position: absolute; top: 27px; right: 0; width:30px; height:36px; background: url(/wp-content/themes/postech/images/icons/icon_lock.png) no-repeat 0 0;}
.qna_box.qna_unit_box .title_box .non_secret {position: absolute; top: 27px; right: 0; width:30px; height:36px; background: url(/wp-content/themes/postech/images/icons/icon_unlock.png) no-repeat 0 0;}
.qna_box.qna_unit_box .desc_box .q_box {position: relative; padding:25px 0 130px 0; border-bottom:1px solid #ddd;}


.qna_box.qna_unit_box .desc_box .q_box .edit_login ul.login_unit {border-top:none;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login {position: absolute; bottom:15px; right:0; font-size:0; line-height: 0;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login .edit_login_container {position:relative;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login a {display:block; color:#666; font-size:14px; padding-left:20px;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login a:hover {color:#C90164}
.qna_box.qna_unit_box .desc_box .q_box .edit_login a.edit_btn {position: relative;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login a.edit_btn:after {content:"  "; position: absolute; top:3px; right:-13px; width:1px; height:13px; background-color:#dfdfdf;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login span.btn {display:inline-block; }
.qna_box.qna_unit_box .desc_box .q_box .single_login_box {position: absolute; top:-130px; right:0;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login .input_box.txt_box {border:1px solid #dfdfdf; line-height:0; padding:7px 10px;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login .input_box.txt_box input {font-size: 13px; color:#666; width:100%; height:16px; line-height:16px; border:none;}	
.qna_box.qna_unit_box .desc_box .q_box .edit_login .login_slat_container dl {position: relative;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login .login_slat_container dt label {font-size:14px; color:#666;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login .login_slat_container dt {position: absolute; top:5px; left:0; display:inline-block; vertical-align: middle; width:90px;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login .login_slat_container dd {display:inline-block; vertical-align: middle; min-width:230px; padding-left:75px}
.qna_box.qna_unit_box .desc_box .q_box .edit_login .login_unit_box {background:#fff;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login .login_unit_box .login_unit_container {padding:20px 139px 20px 35px;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login .login_btn {text-align: inherit; margin-top:0;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login .login_btn_box {position: absolute; right:35px;; top:50%; margin-top:-20px;}
.qna_box.qna_unit_box .desc_box .q_box .edit_login .login_unit_box ul.login_unit li:first-child {margin-bottom:10px;}



.qna_box.qna_unit_box .desc_box .a_box {position: relative; padding:42px 40px 145px; background-color:#f8f7f7}
.qna_box.qna_unit_box .desc_box .a_box:after {content: ""; display:block; position: absolute; bottom:0; right:35px; background: url(/wp-content/themes/postech/images/qna_unit_deco.png) no-repeat 0 0; width:161px; height:140px;}

/*앞글 뒷글 목록 버튼*/
.single_paging {position: relative;}
.single_paging ul:after {content:""; display:block; clear:both;}
.single_paging ul li {display:block; float:left; width:50%;}
.single_paging ul li.next_box.half {display:block; float:right; width:50%;}
.single_paging ul li.prev_box.half {display:block; float:left; width:50%;}
.single_paging ul li a {display:inline-block; width:93px; height:40px; line-height: 35px; border:1px solid #dfdfdf;text-align: center;}
.single_paging ul li span {display:inline-block; vertical-align: middle; color:#333; font-size:14px; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.single_paging ul li:hover span {color:#c90164}
.single_paging ul li i {display:inline-block; vertical-align: middle; width:8px; height:13px;}
.single_paging ul li.next_box {text-align: right;}
.single_paging ul li.next_box i {display:inline-block; margin-left:35px; background: url(/wp-content/themes/postech/images/icons/icon_paging_angle_next.png) no-repeat center center}
.single_paging ul li.prev_box i {display:inline-block; margin-right:35px; background: url(/wp-content/themes/postech/images/icons/icon_paging_angle_prev.png) no-repeat center center}
.single_paging ul li.prev_box {text-align: left;}
.single_paging .list_btn_box {position: absolute; top:0; left:50%; margin-left:-47px;}
.single_paging .list_btn_box i {display:inline-block; vertical-align: middle; width:17px; height:15px; margin-right: 8px; background:url(/wp-content/themes/postech/images/icons/icon_list_btn.png) no-repeat center center }
.single_paging .list_btn_box span {display:inline-block; vertical-align: middle;}
.single_paging .list_btn_box a {display:block; width:93px; height: 40px; background-color:#c90164;  text-align: center; line-height: 35px; color:#fff;  transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.single_paging .list_btn_box a:hover {background-color: #A0004F;}




/*=========================================================
  00. 반응형
=========================================================*/
@media screen and (max-width: 639px) and (min-width: 480px) {

	/*셀렉트 박스*/
	.h_select_box {margin-right:0; float:none;}
	.h_cont_box > .box_container {float:none;}
	.h_select_box .select_box_unit {width:100%; margin-bottom:10px;}
	.h_select_box .select_box_unit .select_box ul.select_list {width:auto; right:-1px}
	
	/*글쓰기 버튼*/
	.f_cont_box .btn_wrap {position: static; text-align: center; width:100%; margin-top:20px;}
	.f_cont_box a.write_btn {display:inline-block;}

}

@media screen and (max-width: 479px) and (min-width: 420px) {

	/*셀렉트 박스*/
	.h_select_box {margin-right:0; float:none;}
	.h_cont_box > .box_container {float:none;}
	.h_select_box .select_box_unit {width:100%; margin-bottom:10px;}
	.h_select_box .select_box_unit .select_box ul.select_list {width:auto; right:-1px}

	/*글쓰기 버튼*/
	.f_cont_box .btn_wrap {position: static; text-align: center; width:100%; margin-top:20px;}
	.f_cont_box a.write_btn {display:inline-block;}
}


@media screen and (max-width: 419px) and (min-width: 400px) {

	/*셀렉트 박스*/
	.h_select_box {margin-right:0; float:none;}
	.h_cont_box > .box_container {float:none;}
	.h_select_box .select_box_unit {width:100%; margin-bottom:10px;}
	.h_select_box .select_box_unit .select_box ul.select_list {width:auto; right:-1px}
	
	/*글쓰기 버튼*/
	.f_cont_box .btn_wrap {position: static; text-align: center; width:100%; margin-top:20px;}
	.f_cont_box a.write_btn {display:inline-block;}
}

@media screen and (max-width: 399px) and (min-width: 380px) {
	
	/*셀렉트 박스*/
	.h_select_box {margin-right:0; float:none;}
	.h_cont_box > .box_container {float:none;}
	.h_select_box .select_box_unit {width:100%; margin-bottom:10px;}
	.h_select_box .select_box_unit .select_box ul.select_list {width:auto; right:-1px}

	/*글쓰기 버튼*/
	.f_cont_box .btn_wrap {position: static; text-align: center; width:100%; margin-top:20px;}
	.f_cont_box a.write_btn {display:inline-block;}

}

@media screen and (max-width: 379px) and (min-width: 360px) {

	
	/*셀렉트 박스*/
	.h_select_box {margin-right:0; float:none;}
	.h_cont_box > .box_container {float:none;}
	.h_select_box .select_box_unit {width:100%; margin-bottom:10px;}
	.h_select_box .select_box_unit .select_box ul.select_list {width:auto; right:-1px}

	/*글쓰기 버튼*/
	.f_cont_box .btn_wrap {position: static; text-align: center; width:100%; margin-top:20px;}
	.f_cont_box a.write_btn {display:inline-block;}
}

@media screen and (max-width: 359px) {

	/*셀렉트 박스*/
	.h_select_box {margin-right:0; float:none;}
	.h_cont_box > .box_container {float:none;}
	.h_select_box .select_box_unit {width:100%; margin-bottom:10px;}
	.h_select_box .select_box_unit .select_box ul.select_list {width:auto; right:-1px}

	/*글쓰기 버튼*/
	.f_cont_box .btn_wrap {position: static; text-align: center; width:100%; margin-top:20px;}
	.f_cont_box a.write_btn {display:inline-block;}
}