@CHARSET "UTF-8";
/* 공지사항 등의 게시판 css */
.clear {clear:both;height:0px;}
.center {text-align:center;}
#cs_right .cont_all{width:100%;	float:left; display:block }
#cs_right .cont_all .title_bar{
	width:100%;
	float:left;

	height:88px;
	/* background-image: url(../_img/service/order_img01.gif); */
	background-repeat: no-repeat;
	background-position: left top;
}

#cs_right > .cont_all > .title_bar > .title_icon {position:relative;float:left;width:72px;height:67.03px;}
#cs_right > .cont_all > .title_bar > .title {width:700px; float:right; margin-top:5px;text-align:left;}
#cs_right > .cont_all > .title_bar > .title > p {position:relative;top:10px;}
#cs_right > .cont_all > .title_bar > .title > p.img{width:100%; float:left; margin-bottom:5px}
#cs_right > .cont_all > .title_bar > .title > p.text{width:100%; float:left; font-size:12px; color:#999; line-height:16px}

#cs_right > .cont_all > .search2 { position:relative;clear:both;width:100%;border:1px #C4C4C4 solid;background:#F7F7F7;}
#cs_right > .cont_all > .search2 > .search_in2 {position:relative;clear:both;background:url(../_img/service/notice_img03.gif) no-repeat left center;margin:1em;height:36px;}
#cs_right > .cont_all > .search2 > .search_in2 > .dot_text {position:relative;display:inline-block;float:left;margin-left:60px;top:4px;font-size:1.2em;}
#cs_right > .cont_all > .search2 > .search_in2 > .dot_text > p {position:relative;top:2px;}
#cs_right > .cont_all > .search2 > .search_in2 > .input_box {position:relative;display:inline-block;float:left;margin-left:10px;top:4px;}
#cs_right > .cont_all > .search2 > .search_in2 > .input_box > p {display:inline-block;float:left;margin-left:10px;}
#cs_right > .cont_all > .search2 > .search_in2 > .input_box > p > a {margin-right:-4px;border-radius:0px !important;}

/* board view */
.boardview {position:relative;width:100%;}
.boardview th {font-weight:Bold;text-indent:10px;border-bottom:1px #DFDFDF solid;background:#FAFAFA;height:40px;}
.boardview td {padding:10px;border-bottom:1px #DFDFDF solid;}
.boardview .text {min-height:240px;vertical-align:top;}

.bbs_bottom {position:relative;}
.bbs_bottom_right {text-align:right;}

.mt20 {position:relative;margin-top:20px !important;}
.date {width:80px !important;}


.search_in_qna { position:relative;background:url(../_img/service/notice_img03.gif) no-repeat 20px center;padding-bottom:14px;}
.search_in_qna .qna_search_ul {position:relative;margin-left:80px;}
.search_in_qna .qna_search_ul li {margin-top:4px;}
.search_in_qna .qna_search_ul span {font-size:13px;font-weight:bold;}

.qna_search_ul_inlayer {position:relative;margin-top:10px;}
.qna_search_ul_inlayer > li {display:inline-block;position:relative;}

.qna_search_fields {position:relative;background: url(../_img/service/ar_icon.gif) no-repeat left center;}
.qna_search_fields span {margin-left:10px;}
.qna_search_fields .fn_searchDate {border-radius:0px !important;margin-right:-4px;text-align:center !important;width:50px;}
.qna_search_fields input {margin-left:10px;margin-right:10px;height:24px;}

.cont_text_box{	width:100%;	float:left;}
.cont_text_box_g{	width:100%;	float:left; border:1px solid #c4c4c4; background-color:#f7f7f7; padding:10px 0px; text-align:center; }
.cont_text_box_g .in01{	width:764px; background-color:#fff; margin:0px auto 10px auto; height:60px; padding:20px 0px;}
.cont_text_box_g .in01 p.text1{ color:#000; font-size:18px; float:left; margin-right:30px; margin-left:50px}
.cont_text_box_g .in01 p.text2{ color:#999999; font-size:12px; float:left; margin-right:10px;}
.cont_text_box_g .in02{	width:740px;  margin:0px auto 10px auto;}
.cont_text_box_g .in02 ul li.tel{	width:240px; float:left; height:70px; padding:10px 0px 10px 0px}
.cont_text_box_g .in02 ul li.line1{	width:1px; float:left; border-right:1px solid #ccc; height:70px}
.cont_text_box_g .in02 ul li.line2{		width:764px;  float:left; border-bottom:1px solid #ccc; height:1px}
.cont_text_box_g .in02 ul li.tel p.img{	width:70px; float:left;margin-left:5px }
.cont_text_box_g .in02 ul li.tel p.text{	width:160px; float:left; font-size:11px; text-align:left; margin-top:10px}

.noticeCategory {display: table;border-collapse: collapse;}
.noticeCategoryBtn  {width:70px;height:30px;display:table-cell;border:1px solid #dfdfdf;border-bottom: 0;background-color:#f7f7f7;padding:5px;text-align:center;color:#666;}
.noticeCategoryBtn:hover{color:black;background-color:#d6d6d6;}
.selectedBtn {background-color: #9e9e9e; color:white}
.selectedBtn:hover{background-color: #9e9e9e; color:white}

/* 2015-10-20 진선 : 공지사항 코드 추출관련 */
#html_viewer{ margin-top:200px;	position:absolute;display:block;border:1px solid gray;	width:785px;height:560px;background-color:white; }
#html_viewer #title{ font-weight:bold; }
#html_viewer #viewer_content{ border:1px solid gray;overflow:auto;width:770;height:500px;margin:5px;font-size:11px; }
#html_viewer #btn{ text-align:center; }

#up_files{display:none;}

.popup_title {
	background-color: #f3f3f3;
	text-align: left;
	font-size: small;
	padding: 2px;
}

.popup {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   text-align: center;
   display: none;
   z-index: 99999;
}

.text_area {
   text-align: center;
}

.btn_area {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 50px;
   overflow: hidden;
}

.pop-btn {
   float: left;
   width: 100%;
   height: 100%;
   font-size: 15px;
   font-weight: bold;
   border: 0;
   background: #432e19;
   cursor: pointer;
}

.pop-btn.no {
   color:#fdf001;
   cursor: pointer;
}

.popup_dimmed {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: #000;
   opacity: 0.3;
}

.popup_wrap {
   display: table;
   table-layout: fixed;
   width: 100%;
   height: 100%;
}

.popup_inner {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
}

.popup_layer {
   position: relative;
   display: inline-block;
   width: 360px;
   padding-bottom: 50px;
   background: #fff;
   z-index: 10;
}