@charset "utf-8";

/* 서브비주얼 */
.sub_visual.service{
	background:url(../img/review/review_bg.jpg) center center no-repeat;
	background-size: cover;
	height:600px;
	text-align:center;
	color:#333;
	font-weight:300;
}
.sub_visual.service h2{
	font-size:60px;
	font-weight:300;
	padding: 170px 0 25px 0;
}
.sub_visual.service p{
	padding-bottom:45px;
}
.sub_visual.service p span{
	font-weight:500;
}

/* 서브타이틀 */
.sib_tit {
    font-size: 40px;
    text-align: center;
    font-weight: 300;
    padding: 80px 0 50px 0;
}

@media screen and (max-width:800px){
	.sub_visual.service{height:auto;}
	.sub_visual.service h2 {
		font-size: 30px;
		font-weight: 500;
		padding: 85px 0 5px 0;
	}
	.sub_visual.service .lnb{display: none;}
}

@media screen and (max-width:800px){
	.sib_tit{font-size: 25px;font-weight: 500;padding: 40px 0 20px 0;}
}

/* 리스트 페이지 */

.tbl_head01{margin:0;}

/* 전체 글 개수보기 안보이게 */
#bo_list_total{
	display: none;
}
/* 검색 */
#bo_sch{
	text-align: right;
	margin-bottom: 20px;
}
#bo_sch select{
	width: 160px;
	height: 50px;
	border: 1px solid #bbb;
	border-right: none;
	padding-left: 25px;
}
#bo_sch select{
	background: none;
	width: 160px;
	height: 50px;
	padding-left: 25px;
	-webkit-appearance: none; /* 화살표 없애기 for chrome*/
	-moz-appearance: none;    /* 화살표 없애기 for firefox*/
	appearance: none;         /* 화살표 없애기 공통*/
	background: url(../img/review/search_arrowicon.png) top 21px right 15px no-repeat;
}
select::-ms-expand {
	display: none;            /* 화살표 없애기 for IE10, 11*/
}
#bo_sch .tab_search{
	float: right;
	display: inline-block;
	width: 400px;
	height: 50px;
	text-align: left;
	border: 1px solid #bbb;
}
#bo_sch input{
	background: none;
	width: 300px;
	border: none;
	padding: 11px 0;
	margin-left: 30px;
}
#bo_sch button{
	float: right;
	background: url(../img/review/search_icon_before.png) top 11px center no-repeat;
	width: 50px;
    height: 48px;
	font-size: 0;
	border: none;
}
#bo_sch button span{
}
#bo_sch select:focus, 
#bo_sch input:focus,
#bo_sch button:focus{
	border: none !important;
	box-shadow: none;
}

/* 게시판 공통 스타일 */
.tbl_st1 table{
	border-collapse: collapse;
	border-spacing: 0;
}
.tbl_st1 thead th{
	background: #eee;
	border-top: 2px solid #019eac;
	border-bottom: 1px solid #dbdbdb;
}
.tbl_st1 thead th.teb_box1{
	width: 10%;
}
.tbl_st1 tbody tr{
	height: 80px;
	font-weight: 300;
	border-bottom: 1px solid #dbdbdb;
}
.tbl_st1 tbody tr:last-child{
	border-bottom: 1px solid #019eac;
}
.tbl_st1 tbody .td_subject{
	text-align: left;
}
.tbl_st1 tbody .td_subject span{
	display:none;
}

.tbl_st1 tbody .td_num2, 
.tbl_st1 tbody .td_name{
	text-align: center;
}

/* 글쓰기 버튼 */
.btn_bo_user{
	float: right;
	margin-left: 30px;
}

/* 파일 첨부 */
.tbl_st1 tbody .bo_tit img{
	display:none;
	width: 20px;
	margin-left: 5px;
}

/* 댓글 css */
.tbl_st1 tbody .cnt_cmt{
	display:none;
	background: #ffc000;
	width: 25px;
	height: 25px;
	font-size: 10px;
	color: #fff;
	border-radius: 50px;
	padding: 5px 0 0 6px;
	margin-left: 10px;
}

/* 페이징 여백 */
.pg{
	margin-top: 20px;
}

/* 제목길이 유동적 미디어쿼리 */
.bo_tit a p{
      width: 1000px;
      white-space: nowrap;
      overflow: hidden; text-overflow: ellipsis;
      display:inline-block;
      float:left;
}

@media screen and (max-width:1630px){
   .bo_tit a p{
      width: 800px;
      
   }
}
@media screen and (max-width:1400px){
   .bo_tit a p{
      width:700px;
      
   }
}
@media screen and (max-width:1200px){
   .bo_tit a p{
      width:600px;

   }
}
@media screen and (max-width:1000px){
   .bo_tit a p{
      width:500px;
   }

   /* 게시판 넓이 제어 */
   .tbl_st1 thead th.teb_box1{
		width: 12%;
	}
   .tbl_st1 tbody tr td{
		padding: 10px 0;
		font-size: 15px;
   }
}
@media screen and (max-width:800px){
	.bo_tit a p{
		width:400px;
	}

	.tbl_st1 tbody .td_subject span{
		display:block;
		color: #019ead;
	}
	.tbl_st1 tbody .td_subject span.cate{
		margin-bottom: 10px;
	}
	.tbl_st1 tbody .td_subject span.advid{
		margin-top: 10px;
		text-align: right;
	}

	/* 게시판 넓이 제어 */
	.tbl_st1 thead th.teb_box1{
		display: none;
	}
	.tbl_st1 tbody tr td.td_name, .tbl_st1 tbody tr td.td_num2{
		display: none;
	}
}

/* 리스트 페이지 끝 */


/* 상세 페이지 */
/* 전체 */
#bo_v{
	margin-bottom: 140px;
}
/* 글 제목 */
.tlb_tit{
    display: block;
	font-size: 20px;
	font-weight: 500;
	border-top: 2px solid #019eac;
	border-bottom: 1px solid #dbdbdb;
    padding: 20px 30px;
}
.tlb_tit strong{	
	font-weight:400;
}

.tlb_tit span{
	display: inline-block;
	width: 85%;
}

@media screen and (max-width:1300px){
 .tlb_tit span{
	width: 80%;
	}
}

@media screen and (max-width:1000px){
 .tlb_tit span{
	width: 60%;
	}
}
@media screen and (max-width:800px){
 .tlb_tit span{
	width: 50%;
	}
}

.tlb_tit .right_tit{
	float: right;
	display: inline-block;
}
.tlb_tit .comment{
	display: inline-block;
	font-size: 20px;
	color: #555;
	font-weight: 500;
}
.tlb_tit .date_line{
	width: 1px;
	height: 20px;
    background: #dbdbdb;
	margin: 0 10px;
}
.tlb_tit .if_date{
	display: inline-block;
	font-size: 20px;
	color: #555;
	font-weight: 500;
	text-align: center;
}

/* 글내용 */
.bulletin_board_body{
	font-weight: 300;
	border-bottom: 2px solid #dbdbdb;
}
.bulletin_board_body .bulletin_board{
	margin: 40px 30px;
}
.bulletin_board p{
	word-break: normal;
}

/* 첨부파일 */
.file_com ul li{
	background: #eee;
	height: 65px;
	border-bottom: 1px solid #dbdbdb;
	padding: 19px 30px;
}
.file_com ul li:last-child{
	border-bottom: none;
}
.file_com ul li a{
	background: url(../img/review/file_clip.png) top 6px left no-repeat;
    background-size: 19px;
	font-weight: 500;
    padding-left: 30px;
}
.file_pc ul li{
	height: 70px;
	padding: 23px 30px;
}
.file_mob ul{
	display: none;
}
@media screen and (max-width:1300px) {
	.file_mob ul{
		display: block;
	}
	.file_pc ul{
		display: none;
	}
}

/* 하단버튼 수정 삭제 (관리자용) */

 .bo_v_left li:first-child a{
	background:#ffc000;
	transition:0.3s;
    color: #fff;
}
 .bo_v_left li:nth-child(2) a{
	background:#aaa;
    color: #fff;
	transition:0.3s;
}

 .bo_v_left li:first-child a:hover{
	background:#ecb304;
    color: #fff;
}
 .bo_v_left li:nth-child(2) a:hover{
	background:#888;
    color: #fff;
}

#bo_v_top{
	margin-top: 40px;
}
.bo_v_left{
	text-align: right;	margin-bottom: 30px;
}
.bo_v_left li{
	display: inline-block;
	text-align: center;
	width: 120px;
	margin: 0 5px;
}
.bo_v_left li a{
	display: block;
    width: 100%;
	color: #fff;
    font-weight: 300;
	height:44px;
	line-height:44px;
}
.bo_v_left .revise_btn{
	background: #ffc000;
	transition: 0.3s;
}
.bo_v_left .delete_btn{
	background: #aaa;
	transition: 0.3s;
}
.bo_v_left .revise_btn:hover{
	background: #ecb304;
}
.bo_v_left .delete_btn:hover{
	background: #888;
}


/* 이전 목록 다음 */
.btn_st_all{
	text-align: center;
}
/* 비주얼 텝 엑티브 설정 */
.sub_visual.service ul li:nth-child(2) {
    background: #019eae;
}
.sub_visual.service ul li:nth-child(2) a {
    color: #fff;
}
/* 전체댓글 */
.comment_tit{
	font-weight: 500;
    color: #333;
	margin: 40px 0 10px 0;
}
#bo_vc{
	font-weight: 300;
    color: #333;
	border-top: 2px solid #019eae;
	padding-top: 10px;
}
#bo_vc .comment_st{
	border-bottom: 1px solid #dbdbdb;
}
#bo_vc .comment_st header{
	padding: 10px;
	margin: 0 20px;
}
#bo_vc .comment_st header .bo_vc_hdinfo{
	font-size: 15px;
	color: #666;
	margin-left: 10px;
}
#bo_vc .comment_st .cmt_contents{
	margin: 10px 30px;
}
#bo_vc #bo_vc_empty{
	border-bottom: 1px solid #dbdbdb;
	padding: 10px 30px 20px 30px;
	margin-bottom: 20px;
}
#bo_vc .bo_vc_act{
	text-align: right;
}
#bo_vc .bo_vc_act li{
	display: inline-block;
}
#bo_vc .bo_vc_act li a{
	color:#333;
    padding:7px 25px;
    background: none;
    border:0;
	transition:0.3s;
}
#bo_vc .bo_vc_act li:nth-child(1) a,
#bo_vc .bo_vc_act li:nth-child(2) a{
	color:#fff;
	transition:0.3s;
    background:#ffc000;
}
#bo_vc .bo_vc_act li:nth-child(1) a:hover,
#bo_vc .bo_vc_act li:nth-child(2) a:hover{
    background:#ecb304;
}
#bo_vc .bo_vc_act li:nth-child(3) a{
	background: #aaa;
    color: #fff;
    transition: 0.3s
}
#bo_vc .bo_vc_act li:nth-child(3) a:hover{
	background: #888;
}
/* 댓글쓰기 */
#fviewcomment{
	margin-top: 30px;
}
#fviewcomment textarea{
	width: 100%;
	height: 120px;
	border: 1px solid #dbdbdb;
	padding: 10px 20px;
	resize: none;
}
#fviewcomment textarea:focus{
	border: 1px solid #019eae;
	box-shadow: none;
}
#fviewcomment .bo_vc_w_wr{
	background: #dbdbdb;
	height: 60px;
	padding: 10px 30px;
	margin-top: -5px;
}
#fviewcomment .bo_vc_w_wr .bo_vc_w_info{
	display: inline-block;
}
#captcha #captcha_key{
	background-image: none !important;
    width: 200px;
	font-size: 17px;
	font-weight: 300;
    color: #333;
    text-align: left;
	border-radius: 0;
    border: 1px solid #ccc;
	padding: 0 10px;
    margin-right: 10px;
}
#fviewcomment .bo_vc_w_wr .btn_confirm{
	float: right;
	display: inline-block;

}
#fviewcomment .bo_vc_w_wr #btn_submit{
	background: #019eae;
	width: 120px;
	height: 40px;
	font-weight: 300;
	margin-left: 20px;
}
#fviewcomment .bo_vc_w_wr span{
	font-size: 15px;
	font-weight: 300;
}
#fviewcomment input[type=text], 
#fviewcomment input[type=password]{
    background-image: none !important;
	width: 200px;
	border-radius: 0;
	padding: 0 10px;
}
#fviewcomment input[type=text]:focus, 
#fviewcomment input[type=password]:focus{
    border: 1px solid #019eae !important;
	box-shadow: none;
}

/* 자동등록방지 */
#captcha{
	margin-left: 20px;
}
#captcha.m_captcha #captcha_img{
    display: inline-block !important;
	border: 1px solid #ccc !important;
	width: auto !important;
	height: 40px !important;
	margin: 0 !important;
}
#captcha.m_captcha #captcha_key{
	width: 150px;
	text-align: left;
	font-size: 17px;
	font-weight: 300;
	border-radius: 0;
    border: 1px solid #ccc;
	padding: 0 10px;
}
#captcha #captcha_info{
	display: inline-block;
	font-size: 13px;
    color: #666;
    font-weight: 300;
}
#captcha.m_captcha #captcha_key:focus{
	border: 1px solid #019eae !important;
	box-shadow: none;
}
@media screen and (max-width:1630px) {
	#captcha.m_captcha audio{
		display: none;
	}
}

/* 굴쓰기 페이지 */
/* 단축키 일람 없애기 */
.cke_sc{
	display: none;
}

/* 중요 공지 설정 */
.important_settings{
	position: relative;
	background: #fff;
	font-weight: 300;
	border: 1px solid #dbdbdb;
	padding: 15px 30px;
	margin-bottom: 20px;
}
.important_settings label{
	font-weight: 300;
}
/* 체크박스 디자인 변경 */
.important_settings input[type="checkbox"] {
	position: absolute;
	width: 1px
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0
}
.important_settings input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	cusor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.important_settings input[type="checkbox"] + label:before {
	content: ' ';
	display: inline-block;
	width:	30px;
	height: 30px;
	line-height: 30px;
	margin: -2px 8px 0 0;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #cacece;
}

.important_settings input[type="checkbox"]:checked + label:before {
	background: url(../img/review/write_check.png) center center no-repeat #ffc000;
	background-size: 19px;
	text-shadow: 1px 1px white;
	border-color: #ffc000;
}
/* 체크박스 디자인 변경 끝 */
/* 작성 칸 */
.write_field{
}
.write_field .write_tit_sb{
	display: inline-block;
	width: 120px;
	color: #333;
    font-weight: 300;
    margin-bottom: 5px;
}
.write_field .write_name{
	margin-bottom: 20px;
}
.write_field .write_password{
	margin-bottom: 30px;
}
.write_field .write_password_st{
	display: inline-block;
	width: 49%;
}
.write_field .write_password_st2{
	float: right;
}
.write_field input{
	background: none;
	width: 100%;
	height: 50px;
    color: #333;
	font-weight: 300;
	border-radius: 0;
    border: 1px solid #b5b5b5;
    box-shadow: none;
	padding: 3px 20px 5px 20px; 
}
.write_field input:focus{
	background: #fff;
	border: 1px solid #019eae;
	box-shadow: none;
}
/* 제목 */
.write_tit input{
	background: none;
	height: 50px;
    color: #333;
	font-weight: 300;
	border-radius: 0;
    border: 1px solid #b5b5b5;
    box-shadow: none;
	padding: 3px 20px 5px 20px; 
	margin-bottom: 20px;
}
.write_tit input:focus{
	background: #fff;
	border: 1px solid #019eae;
	box-shadow: none;
}
/* 파일 첨부 */
.file_attachment_all{
	margin-top: 20px;
}
.file_attachment{
	background: #fff;
	border: 1px solid #dbdbdb;
	padding: 20px 30px;
	margin-top: 10px;
}
.file_attachment img{
	width: 20px;
	margin-right: 10px;
}
/* 작성 취소 */
.finish_del_btn{
	margin-top: 30px;
	margin-bottom: 140px;
}
.finish_del_btn_st{
	display: inline-block;
	width: 150px;
	height: 50px !important;
	font-weight: 300;
}
a.finish_del_btn_st{
	font-weight: 300;
	padding: 7px 0;
}
input.finish_del_btn_st{
	background: #019eae;
}
input.finish_del_btn_st:hover{
	background: #157d87;
}