@charset "utf-8";

/* common */ 
table.fixed {table-layout: fixed;}
table th, table td {margin: 0; padding: 0;}
table .done {background:#f2f2f4;} 
.editor_area {overflow: hidden;}
.editor_area.view {padding: 10px 12px 100px; border-bottom: 1px solid #9c9c9c;}
.list_num_area{ overflow: hidden}
.list_num_area select{ float: right; width: 100px; border: 1px #ddd solid; margin-bottom: 7px;}
.t_line{ border-top: 2px #333 solid}
.non_tit_area{ text-align: center; padding: 30px 0}
.non_tit_area .non_tit{ display: inline-block; background: url("../../images/front/common/icon_info_s.png") no-repeat 0 4px; color: #222; padding-left: 30px; line-height: 2em}


/* 안내 리스트 */
.c_info_list_area{margin-bottom: 40px}
.c_info_list_area .c_info_list {width: 99.9%; border-left-width: 1px; border-left-style: solid;margin-bottom: 10px}
.c_info_list_area .c_info_list th{padding:15px; font-size: 16px;font-weight: 500; color: #333; text-align: center; vertical-align: middle; background-color:#eaeff4; border: 1px #dfdfdf solid; }
.c_info_list_area .c_info_list th.th_tit.line01{padding:6px 0;}
.c_info_list_area .c_info_list th.th_tit.line02{padding:6px 0;}
.c_info_list_area .c_info_list th strong{ display: block; font-size: 16px; margin-bottom: 3px}
.c_info_list_area .c_info_list th.bg_b{background:#eaeff4;}
.c_info_list_area .c_info_list td{font-size: 15px; border: 1px solid #dfdfdf; vertical-align: middle;padding:8px;line-height: 130%}
.c_info_list_area .c_info_list td.bg_b{background:#eaeff4;color:#333;font-weight: 500;text-align: center;}
.c_info_list_area .c_info_list .con_list{margin-bottom: 0}
.tit_yes{ display: block}
.c_info_list_area .c_info_list td.icon_td_dot{ background: url('../../images/front/common/bullet_file_list.png') no-repeat 18px 25px; padding-left: 28px!important;}

/* table list */
table.list {width: 100%;border-top: 1px solid #333;}
	table.list thead th,
	table.list tfoot th,
	table.list tfoot td,
	table.list tbody th {}
	table.list thead th.first,
	table.list tbody th.first,
	table.list tbody td.first {border-left: 0;}
	table.list thead th.last,
	table.list tbody th.last
	table.list tbody td.last {border-right: 0;}
	
	table.list thead th.first {}
	table.list thead th.last {}
	table.list thead th {padding: 13px 0px 13px; font-size: 16px; font-weight: 700; color: #222; text-align: center; vertical-align: middle; line-height: 1.4em; border-bottom: 1px solid #666;}
	table.list tbody th {font-size: 13px; font-weight: 500; color: #4d4d4d; text-align: center;}
	table.list tbody td {padding: 20px 8px; border-bottom: 1px solid #e5e5e5; border-top: 0;color: #555; text-align: center; line-height: 1.4em; vertical-align: middle;}
	
	table.list tbody td.subject {overflow: hidden; table-layout: fixed; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
	table.list tbody th.alignl,
	table.list tbody td.alignl {text-align: left;}
	table.list tbody th.alignr,
	table.list tbody td.alignr {text-align: right;}
	table.list tbody td a {font-weight: 600;color: #111;line-height: 1.5em;}
	table.list tbody td img {display: inline-block;margin-left: 5px;vertical-align: middle;}
	table.list tbody td a img {margin-right: 0;}
	table.list tbody td span.re_count {font-size:12px; font-weight: 500; color: #e86800;}
	table.list tbody td.non_search{ padding: 20px}
	table.list tbody td.non_search .non_tit{ display: inline-block; background: url("../../images/front/common/icon_info_s.png") no-repeat 0 3px; padding-left: 30px; line-height: 2em}
	table.list tbody td button.s_save_btn{ font-size: 12px; letter-spacing: -0.3px; padding: 3px 3px; background-color: #4c6bc1; border: 1px #4c6bc1 solid;}
	table.list tbody td span.icon_notics_b01{font-size: 12px;}
	table.list tbody td ul.v_list li{margin-bottom: 3px}
	table.list tbody td ul.v_list li span.icon_notics_b01{ padding:2px 5px 0 5px; font-size: 11px}
table.list tbody td .btn_go{font-size: 0.875rem;font-weight: 700;vertical-align: middle;}

	table.list tbody td.reply {padding-left: 44px; background: url("../../images/front/icon/icon_reply.png") no-repeat 8px 17px;}
	
	ul.mtable_info {overflow: hidden; margin-bottom: 5px;}
		ul.mtable_info li {float: left; list-style: none; vertical-align: middle;}
		ul.mtable_info li:before {padding: 0 8px; content:"|"; vertical-align: middle;}
		ul.mtable_info li:first-child:before {padding: 0 0; content:"";}
		ul.mtable_info li > strong {font-weight: 500; color: #4d4d4d;}
	.table_title {overflow: hidden; line-height: 1.5em;}

/* table list */
table.contents_list2 {width: 100%;}
	table.contents_list2 thead th,
	table.contents_list2 tfoot th,
	table.contents_list2 tfoot td,
	table.contents_list2 tbody th {}
	table.contents_list2 thead th.first_line,
	table.contents_list2 tbody td.first_line {border-left: 0px;}
	
	table.contents_list2 thead th {padding: 13px 0px 11px; font-size: 14px; font-weight: 500; color: #ffffff; text-align: center; vertical-align: middle; line-height: 1.4em; border-right: 1px solid #e5e5e5; background-color: #275c92; }
	
	table.contents_list2 tbody th {font-size: 13px; font-weight: 500; color: #4d4d4d; text-align: center; border-left: 1px solid #e5e5e5; background-color: #fcfcfc;}
	table.contents_list2 tbody td {padding: 9px 8px; border-bottom: 1px solid #e5e5e5; border-top: 0; border-left: 1px solid #e5e5e5;  font-size: 13px; color: #333333; text-align: center; line-height: 1.4em; vertical-align: middle;}
	table.contents_list2 tbody td.last_line {border-bottom: 1px solid #275c92;}
	table.contents_list2 tbody th.alignl,
	table.contents_list2 tbody td.alignl {text-align: left;}
	table.contents_list2 tbody th.alignr,
	table.contents_list2 tbody td.alignr {text-align: right;}
	table.contents_list2 tbody td a {color: #333333; line-height: 1.5em; text-decoration: none;}
	table.contents_list2 tbody td img {display: inline; display: inline-block; margin-right: 2px; vertical-align: top;}
	table.contents_list2 tbody td a img {margin-right: 0;}
	table.contents_list2 tbody td ul.contents_ul {overflow: hidden; margin: 5px 0 5px 20px; font-size: 13px;}
	table.contents_list2 tbody td ul.contents_ul li {list-style: none;}
	table.contents_list2 tbody td ul.contents_ul li + li {margin-top: 10px;}
	table.contents_list2 tbody td ul.contents_ul li span.li_title {display: inline-block; width: 65px; padding-right: 5px; background: url('/images/front/common/bg_view_vdt.png') no-repeat right 4px;}
	table.contents_list2 tbody td ul.list_area {overflow: hidden; margin-top: 10px; padding: 5px; border-top: 1px solid #dddddd; background-color: #eeeeee;}
	table.contents_list2 tbody td ul.list_area li {overflow: hidden; list-style: none; display: inline-block;}
	table.contents_list2 tbody td ul.list_area li + li {margin-right: 15px;}
	
/* 앨범형 */
.album_list_area {overflow: hidden;margin: 0 0 20px;padding-top: 20px;}
.album_list_area .album_list {overflow: hidden;}
.album_list_area .album_list > li {float: left; margin: 0 17px 30px;}
.album_list_area .album_list li {list-style: none;}
.album_list_area .album_list li .album {overflow: hidden; width: 235px; height: 300px;border: 1px solid #ddd;}
.album_list_area .album_list li .album .album_img_area {overflow: hidden; width: 100%px; height: 142px;background: #ddd;border: 1px #ddd solid;}
.album_list_area .album_list li .album .album_img_area img {width: 100%; height: 142px; vertical-align: top;}
.album_list_area .album_list li .album .album_txt_area {overflow: hidden;min-height: 136px;padding: 10px 20px 20px 20px;}
.album_list_area .album_list li .album .album_txt_area .album_name_area {overflow: hidden;margin-bottom: 10px;}
.album_list_area .album_list li .album .album_txt_area .album_name {font-size: 13px;}
.album_list_area .album_list li .album .album_txt_area .album_number {float: right;font-size: 13px;}
.album_list_area .album_list li .album .album_txt_area .album_title_area {overflow: hidden;height:60px;margin-bottom: 10px;color: #333;}
.album_list_area .album_list li .album .album_txt_area .album_title_area .album_title a{font-size: 16px;font-weight: 500;color: #222;line-height: 130%;}
.album_list_area .album_list li .album .album_txt_area .album_title_area .album_reply {font-size: 13px; color: #333333;}
.album_list_area .album_list li .album .album_txt_area .album_title_area .album_reply span {font-weight: 500; font-size: 13px; color: #e5350e;}
.album_list_area .album_list li .album .album_txt_area .album_file_area {overflow: hidden; height: 24px; margin-bottom: 10px;}
.album_list_area .album_list li .album .album_txt_area .album_file_area span.album_file {overflow: hidden; display: inline-block;}
	  
.album_list_area .album_list li .album .album_txt_area .album_register_area { font-size: 11px; height: 40px;}
.album_list_area .album_list li .album .album_txt_area .album_register_area ul li {color: #909090; list-style: none;}
.album_list_area .album_list li .album .album_txt_area .album_register_area ul li + li {margin-top: 5px;}
.album_list_area .album_list li .album .album_txt_area .album_register_area ul li span.register_name {background: url('/images/front/common/bg_view_vdt2.png') no-repeat right 3px;}
.album_list_area .album_list li .album .album_txt_area .album_register_area ul li span {position:relative;padding-right: 7px;font-size: 13px; color: #777;}
	
	.album_list_hor_area {overflow: hidden; border-top: 1px solid #333; border-bottom: 1px solid #333;}
	
	ul.album_list_hor {overflow: hidden;}
		ul.album_list_hor li {overflow: hidden; padding: 20px;border-top: 1px solid #e5e5e5;}
		ul.album_list_hor li.announce {background-color: #f6fcfd;}
		ul.album_list_hor li:first-child {margin-top: 0;border-top: none;}
		ul.album_list_hor li img.info_img {float: left;width: 180px;height: 130px;margin-right: 30px;margin-bottom:0; border: 1px solid #dcdcdc;background: #ddd;}
		
		.list_info {overflow: hidden;font-size: 0.98em; margin-top:10px}
			.list_info strong.title {overflow: hidden; display: block; width: 100%;color: #333;text-align: left; text-overflow: ellipsis; white-space: nowrap;margin-bottom: 20px}
			.list_info strong.title a {font-size: 16px;color: #4d4d4d;font-weight: 500;}
			.list_info p.memo {overflow: hidden; font-size: 0.96em; line-height: 1.5em;}
			.list_info dl.view {padding: 0; border-bottom: 0;}

/* 간행물 */
.album_list_area.bochur_list li .album{height: 350px;border: none!important;text-align: center}
.album_list_area.bochur_list li .album .album_img_area{display: inline-block;width: 180px;height: 245px;}
.album_list_area.bochur_list li .album .album_img_area img{width: 100%;height: 100%;}
.album_list_area.bochur_list li .album .album_txt_area{padding:20px;text-align: left}
.album_list_area.bochur_list li .album .album_txt_area .album_title_area{height: auto;}
.album_list_area.bochur_list li .album .album_txt_area .album_register_area{margin-top: 10px}

	/* mobile_list  */
	.mobile_list {overflow: hidden; border-top: 1px solid #333; border-bottom: 1px solid #e5e5e5;}		
	ul.mobile_list {overflow: hidden;border-top:none;border-bottom:none;}
		ul.mobile_list li {overflow: hidden; padding: 15px 0 11px; border-top: 1px solid #e5e5e5; list-style: none;}
		ul.mobile_list li:first-child {margin-top: 0; padding-top: 11px; border-top: none;}
		ul.mobile_list li.announce {background-color: #f6fcfd;}
		.mobile_list_info {overflow: hidden;}
			.mobile_list_info strong.title {overflow: hidden; display: block; font-size: 0.96em;color: #333333; text-align: left;}
			.mobile_list_info strong.title a {font-size: 14px;font-weight:600;color: #4d4d4d;}
			.mobile_list_info strong.title a:hover {text-decoration: underline;}
			.mobile_list_info strong.title.reply {padding-left: 40px; background: url('../../images/front/icon/icon_reply.png') no-repeat 0px -2px;}
			.mobile_list_info p.memo {overflow: hidden; font-size: 0.96em; line-height: 1.5em;}
			.mobile_list_info dl.view {padding: 0; border-bottom: 0;}

/* dl view */
.view_area {overflow: hidden;border-bottom: 1px #dcdcdc solid;}
	#contentsView h4.view_title {overflow:hidden;padding:25px 20px;font-weight: 700;font-size:1.375rem;color:#111;line-height:1.4em;border-top: 2px #333 solid;border-bottom:1px #dcdcdc solid;margin-bottom:0!important;}
	#contentsView h4.view_title span{float: left;display: inline-block;width: 80%;}
	#contentsView h4.view_title span.count_num {float: right;width: 10%;font-size: 15px;font-weight: 400;font-weight: 400;text-align: right;}
	.dl_view {overflow: hidden;}
	dl.view {overflow: hidden; padding: 10px 14px 8px; border-bottom: 1px solid #dcdcdc; color: #333333; color: #4d4d4d;}
		dl.view.top_line {border-top: 1px solid #dcdcdc;}
		dl.view > dt.vdt {float: left; display: inline-block; font-weight: 500; padding:7px 0 7px 9px; background: url('/images/front/common/bg_view_divider.png') no-repeat 0 center}
		dl.view > dt.vdt:first-child {padding-left: 0px; background: none;}
		dl.view > dt.vdt span {display: block;padding-right: 7px;margin-right: 5px;font-weight: 600;color: #222;}
		dl.view > dd.vdd {float: left; display: inline-block; margin-right: 8px;padding:7px 0 7px 9px;}
		dl.view > dd.vdd.file {overflow: hidden;width: 90%;}
		dl.view > dd.vdd input[type="file"] {display: inline-block; height: 22px;}
		dl.view > dd.vdd a {color: #333333; text-decoration: none;}
		dl.view > dd.vdd a:hover {color: #1f3662; text-decoration: underline;}
		dl.view > dd.vdd a.link {color: #0068b7; text-decoration: underline;}
		/* dl.view > dd.vdd a.download {display: block; padding: 5px 5px; margin: 2px; border: 1px solid #dcdcdc; font-size: 0.89em; letter-spacing: -0.03em;} 0516수정*/
		dl.view > dd.vdd a.download {display: block;font-size:1em; letter-spacing: -0.03em;}
		dl.view > dd.vdd a.download:hover {color: #333333; text-decoration: none;}
		dl.view > dd.vdd a.download img {display: inline-block; vertical-align: middle;}
	.view_area .editor {border-bottom: 1px #666 solid}
	
/* 자동방지등록 */
.uninsert_area{}
	
	/* answer_area */
	.answer_area {overflow: hidden; position: relative; margin-bottom: 20px;}
		.answer_title {overflow: hidden; padding: 11px 14px 10px; border-top: 2px solid #137dbf; border-bottom: 3px double #dddddd; font-weight: 500; font-size: 1.1em; line-height: 1.4em;}
		dl.answer {overflow: hidden;padding:7px 0;border-bottom: 1px solid #dddddd;font-size: 0.98em; color: #4d4d4d;}
		
		dl.answer > dt.adt {float: left; display: inline-block; padding-left: 9px; font-weight: 500; line-height: 1.5em; background: url('/images/front/common/bg_view_divider.png') no-repeat 0 4px;}
		dl.answer > dt.adt:first-child {padding-left: 0px; background: none;}
		dl.answer > dt.adt span {display: block; padding-right: 7px; margin-right: 5px; background: url('/images/front/common/bg_view_vdt.png') no-repeat right 6px;}
		dl.answer > dd.add {float: left; display: inline-block; margin-right: 8px;line-height: 1.5em;}
		dl.answer > dd.add input[type="file"] {display: inline-block; height: 22px;}
		dl.answer > dd.add a {color: #333333; text-decoration: none;}
		dl.answer > dd.add a:hover {color: #1f3662; text-decoration: underline;}
		dl.answer > dd.add a.download {display: inline-block; padding: 2px 5px; margin: 2px; border: 1px solid #dcdcdc; font-size: 0.89em; letter-spacing: -0.03em;}
		dl.answer > dd.add a.download:hover {color: #333333; text-decoration: none;}
		dl.answer > dd.add a.download img {display: block; float: left; margin-top: 2px; margin-right: 5px; vertical-align: top;}
		.answer_area .editor_area textarea.in_w100{width:99%!important;margin-top: 5px}
		
		div.question_mark {position: absolute; top: 25px; right: 20px;}

/* table write */
table.write {width: 100%; border: 0;}
	table.write tbody th.first,
	table.write tbody td.first {border-top: 2px solid #333;}
	table.write tbody th.alignc,
	table.write tbody td.alignc {text-align: center;}
	table.write tbody th {height: 50px;padding: 8px 12px 8px 15px;border-bottom: 1px solid #dbdbdb; border-left: 0;font-weight: 700; color: #111; text-align: left; line-height: 1.5em; vertical-align: middle; background-color: #f4f4f4;}
	table.write tbody td {padding: 8px 8px; border-bottom: 1px solid #dbdbdb; border-right: 0;text-align: left; vertical-align: middle; word-break: break-all;}
	table.write tbody th.th_non {padding:0!important;}
	table.write tbody td.td_non {padding:0!important;}
table.write tbody td input.input_w.in_w90.marginb5{width: 90%;margin-bottom: 5px}
table.write tbody td input.input_w.in_w20.onlyNum{width:100px}
table.write tbody td input.in_w100{width:95%;}
table.write tbody td select.in_wp150{width:250px;}
table.write tbody td select.select_w.in_wp60{width: 60px}
table.write tbody td.view_con{ padding: 30px 10px;}
table.write tbody td .text_counsel{width: 100%;border: 1px solid #d2d3d5;}
table.write textarea#contents{ border: 1px #b9b9b9 solid;}
.m_phone_area select, .m_phone_area input{border: 1px #b9b9b9 solid; padding: 2px;}

strong.color_pointr{font-size:20px;color:#f13a1b;}
#attach_file .file_area{margin-top: 5px;}
#attach_file .file_area a{margin-right:0;padding-left:0;background:none}
#attach_file .file_area button{padding:0}

/* table view */
table.view {width: 100%; border: 0;}
	table.view tbody th.first,
	table.view tbody td.first {border-top: 3px solid #275c92;}
	table.view tbody th.last,
	table.view tbody td.last {border-bottom: 1px solid #275c92;}
	table.view tbody th.alignc,
	table.view tbody td.alignc {text-align: center;}
	table.view tbody th.top_line,
	table.view tbody td.top_line {border-top: 3px solid #cfe5ef;}
	table.view tbody td.td_bg {background-color: #cfe5ef;}
	table.view tbody td ul.view_list {overflow: hidden;}
	table.view tbody td ul.view_list li {list-style: none;}
	table.view tbody td ul.view_list li + li {margin-top: 5px;}
	table.view tbody td {padding: 8px 8px; border-bottom: 1px solid #e5e5e5; border-right: 0; font-size: 13px; color: #333333; line-height: 1.4em; text-align: left; vertical-align: middle; word-break: break-all;}
	table.view tbody td span {vertical-align: middle;}
	table.view tbody td input {display: inline-block; height; 23px; text-indent: 2px;}
	table.view tbody td select {display: inline-block; height: 27px;}
	table.view tbody td a {color: #626262; text-decoration: none;}
	table.view tbody td img {display: inline-block; margin-left: 1px; margin-right: 1px; vertical-align: middle;}
	
	
/* 테이블 설명 박스 */
.explain_box {overflow: hidden; margin-bottom: 20px; padding: 20px 24px; border: 1px solid #c9c9c9;background-color: #fcfcfc;}
	.explain_box ul {overflow: hidden;}
	.explain_box ul li {padding-left: 10px; font-size: 13px; color: #4d4d4d; line-height: 1.5em; list-style: none; background: url('/images/front/common/bullet_info1.png') no-repeat 0px 7px;}
	.explain_box ul li + li {margin-top: 15px;}


/* paging */
.paging_area {overflow: hidden; width: 100%; margin-top:25px; padding: 0; font-size: 0.88em; font-weight: 500; text-align: center;}
	.paging_area img{vertical-align: middle;}
    .paging_area strong {display: inline-block; height: 27px; padding: 0 10px; font-weight: 700; color: #35509e;text-decoration:underline;line-height: 27px;vertical-align: middle; background-color: #ffffff;}
    .paging_area a {display: inline-block; height: 27px; padding: 0 6px 0; line-height: 27px; color: #777;vertical-align: middle;}
    .paging_area a u{font-weight: 700;color: #4f47b8;}
    .paging_area a:hover {color: #35509e; text-decoration: underline;}
    .paging_area a.stimg {display: inline-block; padding: 0; border: 0; text-decoration: none;}
    .paging_area a.stimg img {display: inline-block; height: 27px; border: 0; text-decoration: none; vertical-align: top;}
    .paging_area a.stimg:hover {text-decoration: none;}

/* table search */
.search_area{margin-bottom: 30px;background:#fcf9ef;border-radius: var(--border-radius-lg);}
.search_area .search_box{display: flex;align-items: center;justify-content: center;padding: 20px;}
.search_area .search_box dt{font-weight: 600;color: #222;margin: 0 20px;}
.search_area .search_box dd .search_btn_area{display: inline-block;margin-top: 0;}
.search_area .search_box dd input, .search_area .search_box dd select{border-color: #e6e3d8;}
.btn.sch {min-width: 70px;height: 38px;padding:0 10px;background-color: #fff;border: 1px #acaaa5 solid;text-align: center;line-height: 36px;vertical-align: middle}
.btn.sch span{font-size: 15px;font-weight: 600;color: #333;}

.table_count_area {overflow: hidden; margin-bottom: 10px; vertical-align: bottom;}
.count_area {font-size: 13px; text-align: left; color: #2a2d41;padding-top: 10px;}
.count_area > strong {display: inline-block; margin: 0 2px 0 1px; font-weight: 500; color: #e86800; font-size: 15px; letter-spacing: -0.08em;}
.search_box_area {display: inline-block; height: 23px; border: 1px solid #d2d2d2;}
.search_box_area input[type=text] {border: 0px; font-size: 12px; text-indent: 3px;}

/* 모니터링현황 */
.search_area.align_l{padding: 20px 30px 13px 60px;}
.search_area.align_l .form_tit{display: inline-block;width: 90px;font-weight: 500;color: #000;}
.search_area.align_l .row {height: 35px;margin-bottom: 10px;}
.search_area.align_l .row .leftSel{min-width: 100px;vertical-align: middle;margin-right: 10px;}
.search_area.align_l .row .input_search{width: 55%;}
.search_area.align_l .row .search_btn_area{display: inline-block;}
.search_area.type_write{padding: 40px 40px 30px 40px;}
.search_area.type_write .tbl_cell_group.type_s{margin-bottom: 15px;}
.search_area.type_write .tbl_cell_group.type_s th{border-left: none;border-right: none;}
.search_area.type_write .tbl_cell_group.type_s td{padding: 4px 10px;border-right: none;}
.search_area.type_write .tbl_cell_group.type_s td input, .search_area.type_write .tbl_cell_group.type_s td select{height: 32px;}
.search_area.type_write .btn.sch{min-width: 100px;}
.search_area.type02{text-align: left}
.search_area.type02 ul{ display:flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; }
.search_area.type02 li{ display:flex; align-items:center;margin:5px 0; padding:0 0.5rem;}
.search_area.type02 li .form_tit{position:relative;padding:0 .75rem 0 10px;font-weight:400;color:#333;word-break: keep-all;}
.search_area.type02 li .form_tit:before{ content:""; position:absolute; left:0; top:.5rem; width:4px; height:4px; border-radius:50%; background:#243574;}
.search_area.type02 li .search_btn_area{margin: 0 0 0 5px;}
.search_area.type02 .search_btn_area{text-align-last: center;margin-top: 5px;} 

.calendar_area{overflow: hidden;display: inline-block;margin-right: 5px;vertical-align: middle;}
.calendar_area .cal_box{position: relative;float: left;width: 130px;border: 1px #ddd solid;border-radius: 3px;}
.calendar_area .cal_box input.datepicker.hasDatepicker{height: 32px;border: none;width: 100%;background: #fff;}
.calendar_area .cal_box .ui-datepicker-trigger{position: absolute;top:8px;right:10px;cursor: pointer;}
.calendar_area .wave{float: left;padding: 7px}


/* comment_area */
.comment_area {overflow: hidden; margin-top: 50px}
	.comment_title_area {overflow: hidden; }
		.comment_title_area h5.comment_title {float: left;font-size: 15px; font-weight: 500; color: #2a2d41;}
		.comment_title_area strong.number {display: inline; display: inline-block; float: left; padding-left: 5px;}
		.comment_title_area strong.number span {display: block;font-size: 15px; font-weight: 500; color: #e5350e;}

	.commentbox_area {overflow: hidden; margin-top:5px}
	.commentbox_area .txtinput_area {overflow: hidden; position: relative;}
	.commentbox_area .txtinput_area	.txtbox {overflow: hidden; border: 1px solid #e5e5e5; border-radius: 2px; background-color: #eeeeee;}
	.commentbox_area .txtinput_area .txtbox .count_number {display: inline-block; padding-right: 10px; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; color: #333333;} 
	.commentbox_area .txtinput_area .txtbox .count_number strong {color: #333333;}
		    .txtinput_area textarea.txtinput {width: 100%; height: 70px; border: 0px; border-bottom: 1px solid #e5e5e5; resize: none;}
		 	.txtinput_area button.btn_comment_save {position: absolute; right: 0; top: 0; display: inline; width: 112px; height: 99px; border:1px solid #154475; border-radius: 2px; background-color: #275c92;}
		    .txtinput_area button.btn_comment_save span {font-size: 18px; font-weight: 500; color:#ffffff;}
	    
	    .commentbox {overflow: hidden; vertical-align: middle; background-color: #ffffff;}
	    	ul.comment_list {overflow: hidden;}
		    	ul.comment_list > li {overflow: hidden; position: relative; padding: 27px 20px 25px; border-bottom: 1px dotted #c8c8c8;font-size: 13px;}
		    	ul.comment_list > li:first-child {border-top: 0;}
		    	ul.comment_list > li .info_arae {overflow: hidden; margin-right: 25px;}
		    	ul.comment_list > li .info_arae strong.name {display: inline-block; display: inline; padding-right: 10px; font-weight: 500; color: #333333; background: url('/images/front/sub/commentbox_bar.png') no-repeat right 3px;}
		    	ul.comment_list > li .info_arae span {display: inline-block; display: inline; color: #b5b5b5;}
		    	
		    	.info_arae input[type=text].input_name {width: 120px; height: 23px; font-size: 13px; text-indent: 5px; border: 1px solid #dcdcdc;}
		    	.info_arae input[type=password].input_pass {width: 150px; height: 23px; font-size: 13px; text-indent: 5px; border: 1px solid #dcdcdc;}
		    	
		    	ul.comment_button_area {overflow: hidden; display: inline-block; vertical-align: middle;font-size: 14px;}
		    	ul.comment_button_area li {float: left; list-style: none; padding: 0 5px; background: url('/images/front/sub/comment_button_bar.png') no-repeat left 1px;}
		    	ul.comment_button_area li:first-child {background: none;}
		    	ul.comment_button_area li a {color: #535353 !important;}
		    	ul.comment_button_area li a span {color: #535353 !important;}
		    	
		    	.txt_area {overflow: hidden; padding: 1px; margin: 20px 0 0px 0;line-height: 1.5em; color: #686868;}
		    	.txt_area p {font-size: 13px; line-height: 1.5em; color: #686868;}
		    	
		    .recommentbox {overflow: hidden; margin-top: 15px; background-color: #ffffff;}
			    .recommentbox ul.comment_list {overflow: hidden;}
			    	.recommentbox ul.comment_list > li {overflow: hidden; position: relative; padding: 20px 10px 15px 44px; margin-top: 1px;font-size: 13px; border-bottom: 0px; background: url('/images/front/common/bullet_comment_reply.png') no-repeat 24px 17px #f3f7fa;}
			    	.recommentbox ul.comment_list > li .info_arae {overflow: hidden; margin-right: 25px;}
			    	.recommentbox ul.comment_list > li .info_arae strong.name {display: inline-block; display: inline; font-weight: 500; color: #444444;}
			    	.recommentbox ul.comment_list > li .info_arae span {display: inline-block; display: inline; color: #a09f9f;}
			    	
			ul.comment_list li .txtinput_area {overflow: hidden; position: relative; margin-top: 15px; background: none;}
				ul.comment_list li .txtinput_area .re_input_area {overflow: hidden; margin-right: 150px;}
				ul.comment_list li .txtinput_area .re_input_area div.input_box {width: 98%;}
				ul.comment_list li .txtinput_area .re_input_area textarea.txtinput {width: 99.8%; height: 23px; font-size: 13px; text-indent: 5px; border: 1px solid #dcdcdc; border-radius: 4px;}
				ul.comment_list li .txtinput_area .re_input_area .re_count_number {overflow: hidden; margin-top: 5px; text-align: right;font-size: 12px; color: #333333;}
				ul.comment_list li .txtinput_area .re_button_area {overflow: hidden; position: absolute; top: 0px; right: 11px;}
			
/* table list */
.contents_table {width: 100%;}
.contents_table thead th{padding:15px; font-size: 16px;font-weight: 500; color: #333; text-align: center; vertical-align: middle; background-color:#eaeff4; border: 1px #dfdfdf solid; }
.contents_table tbody th{font-size: 17px;border: 1px solid #dfdfdf;vertical-align: middle;text-align: center;background: #f3f4f9;line-height: 1.3}
.contents_table tbody td{font-size: 15px; border: 1px solid #dfdfdf; vertical-align: middle;padding:17px}
.contents_table tbody td.tit{text-align: center;}
.contents_table td > ul > li .tit_after{padding-left: 12px}
.contents_table td > ul > li{position: relative}
.contents_table td > ul > li:before{content: "";display: inline-block;position: absolute;top:7px;left:0px;width: 4px;height: 4px;background: #4a8bda}
.contents_table td > ul > li:nth-child(2){margin-top: 15px}
.contents_table td > ul > li > ul{margin-top: 5px;}
.contents_table td > ul > li > ul > li{position: relative;padding-left: 13px;line-height: 1.5}
.contents_table td > ul > li > ul > li.icon_dot{padding-left: 13px;margin-left: 13px}
.contents_table td > ul > li > ul > li.icon_dot:before{content: "";display: inline-block;position: absolute;top:9px;left:0px;width: 7px;height: 1px;background: #333}

/* FAQ */
.faqs li {padding:20px 35px;margin-bottom:10px;border: 1px #ececec solid;border-radius: 15px;}
.faqs li .tit_q{position: relative;padding: 0 35px;background: url('../../images/front/icon/icon_q.png') no-repeat 0 center #ffffff;font-size: 18px;font-weight:600;color: #333333;line-height: 140%;cursor: pointer;}
.faqs li .tit_q a{position: absolute;top:0;right:0;display:inline-block;overflow: hidden;width: 25px;height: 25px;text-indent: -9999px;}
.faqs li .tit_q a.btn_fold{background: url('../../images/front/icon/arr_down02.png') no-repeat center center;background-size: 100%;transform: rotate(180deg);}
.faqs li .tit_q a.btn_open{background: url('../../images/front/icon/arr_down02.png') no-repeat center center;background-size: 100%;}
.faqs li div:nth-child(2) {position: relative;margin-top:20px;padding: 30px 30px 30px 90px;background: url('../../images/front/icon/icon_a.png') no-repeat 40px center #f9f6e7;}
.faqs li dd .details {overflow: hidden;line-height:150%}

ul.file_list {overflow: hidden;}
	ul.file_list li {padding: 2px 0 0 10px; margin-top: 7px; line-height: 1.5em; list-style: none; background: url('/images/front/common/bullet_file_list.png') no-repeat 0 9px;}
	ul.file_list li:first-child {margin-top: 0;}
	ul.file_list li a:hover {text-decoration: underline;}
	ul.file_list li a.btn_file_delete {display: inline-block; margin-top: -2px; vertical-align: top;}
	ul.file_list li .file_list_img {overflow: hidden;}

/* contents_table */	
.contents_table .contents_list ul.no_list li .list_row .head_area {float: left; overflow: hidden; width: 90px; padding: 0 10px; line-height: 25px;}
.contents_table .contents_list ul.no_list li .list_row .head_area strong {font-size: 14px; color:#333333;}
.contents_table .contents_list ul.no_list li .list_row .body_area {overflow: hidden; line-height: 25px;}
/* 리스트검색 */
.search_area_list{border: 1px #ece1d0 solid; background-color: #f9f5ed; padding: 15px; margin-bottom: 20px; text-align: center}
.search_area_list .s_menu_tit{ font-size: 14px; font-weight: 500; color: #333; vertical-align: middle; margin-right: 10px;}
.search_area_list .input_write_area{ display: inline-block; width: 350px; margin: 0 auto;position: relative;}
.search_area_list .input_write_area input{display: inline-block; vertical-align: middle; width: 99%; min-width: 0; border: 1px #b9b9b9 solid; height: 28px; line-height: 28px}
.search_area_list .input_write_area button{position: absolute; top: 0; right: 0px; z-index: 2; border-radius: 0;}


/* 화면 해상도 width 641px 이상 1024px 이하 Design --------------------------------------*/
@media screen and (max-width: 1024px) and (min-width: 641px) {
	/* album_list */
	.list_info {margin-top: 1px;}
	.list_info strong.title {margin-bottom: 5px;}
	.list_info p.memo {height: 35px;}
	
	/* table write */
	table.write tbody td div.address_area input.in_address1[type=text] {width: 100px; border: 1px solid #d2d2d2;}
	table.write tbody td div.address_area input.in_address2[type=text] {display: block; width: 80%; margin-bottom: 5px; border: 1px solid #d2d2d2;}
	
	/* contents_table */
	.contents_table .contents_list ul.no_list li .list_row .head_area {overflow: hidden; display: block; padding: 0 10px; line-height: 25px;}
		.contents_table .contents_list ul.no_list li .list_row .head_area strong {font-size: 14px; color:#333333;}
		.contents_table .contents_list ul.no_list li .list_row .body_area {overflow: hidden; line-height: 25px;}
	/* 리스트검색 */
	.search_area_list{border: 1px #ece1d0 solid; background-color: #f9f5ed; padding: 15px; margin-bottom: 20px; text-align: center}
	.search_area_list .s_menu_tit{ font-size: 14px; font-weight: 500; color: #333; vertical-align: middle; margin-right: 10px;}
	.search_area_list .input_write_area{ display: inline-block; width: 350px; margin: 0 auto;position: relative;}
	.search_area_list .input_write_area input{display: inline-block; vertical-align: middle; width: 99%; min-width: 0; border: 1px #b9b9b9 solid; height: 28px; line-height: 28px}
	.search_area_list .input_write_area button{position: absolute; top: 0; right: 0px; z-index: 2; border-radius: 0;}
}

@media screen and (max-width:1000px){
    /* 모니터링현황 */
    .search_area.align_l{padding:20px 40px;}
    .search_area.align_l .row{height: auto;}
    .search_area.align_l .form_tit{display: block;margin-bottom: 10px;margin-top: 15px;}
    .search_area.align_l .row .input_search{width: 61%;}
    .chk_list{margin-top: 0;}
    .chk_list li{margin-right: 1rem;}
}

@media screen and (max-width:800px){
	/* table scroll */
    .tbl_list_scroll {overflow-x:scroll;}
	.tbl_list_scroll table {width:1000px;}
	
	/* dl view */
    #contentsView h4.view_title span {width: 100%!important;}
    #contentsView h4.view_title span.count_num {margin-top: 10px;}
}

/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){
	.search_area{margin-bottom:20px;}
	#juso_pop_content .search_area dl.search_box > dd.box{display: block;}
	#juso_pop_content .search_area dl.search_box > dd.box input{width:100%;margin-bottom: 3px;}
	
	/* FAQ */
	.faqs li{padding: 20px;}
	
	/* table search */
	dl.search_box {overflow: hidden;width: 100%!important;font-size: 13px; vertical-align: top;}
		dl.search_box + dl.search_box {}
		dl.search_box > dt.title {float:inherit;overflow: hidden;width: auto;padding:0;line-height:normal;margin-bottom:5px;text-align: left;margin-right:0;}
		dl.search_box > dd.box {overflow: hidden;}
		dl.search_box > dd.box label{display: none}
		dl.search_box > dd.box input.in_w50{width:100%;margin-bottom:6px}
		dl.search_box > dd.box input.in_wp_article{width:100%;}
		dl.search_box > dd.box select{width:100%;margin-bottom:6px}
		dl.search_box > dd.box #srch_date_s_year, dl.search_box > dd.box #srch_date_s_month{margin-left: 0;}
		dl.search_box > dd.box #srch_date_e_year, dl.search_box > dd.box #srch_date_e_month{margin-left: 0;}
		dl.search_box > dd.box div.search_btn_area{display:block;}
		dl.search_box > dd.box div.search_btn_area button{width: 100%}
		dl.search_box > dd.box select.in_wp_article{width: 100%}
	dl.search_box.w_center{width: 100%;}

	/* album_list */
	.album_list_hor_area {overflow: hidden; border-top: 2px solid #333; border-bottom: 2px solid #333;}
	ul.album_list_hor {overflow: hidden; padding-bottom: 20px;}
		ul.album_list_hor li {overflow: hidden; padding: 15px 20px 11px; border-top: 1px solid #e5e5e5; list-style: none;}
		ul.album_list_hor li.announce {background-color: #f6fcfd;}
		ul.album_list_hor li:first-child {margin-top: 0; padding-top: 11px; border-top: none;}
		ul.album_list_hor li img.info_img {float: none; display: block; width: 179px; height: 133px; margin: 10px auto; border: 1px solid #dcdcdc;}
		
		.list_info {overflow: hidden;font-size: 0.98em;}
			.list_info strong.title {overflow: hidden; display: block; width: 100%; font-size: 0.96em;color: #333333; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
			.list_info p.memo {overflow: hidden; font-size: 0.96em; line-height: 1.5em;}
			.list_info dl.view {padding: 0; border-bottom: 0;}
	
    /* dl view */
    #contentsView h4.view_title {padding: 15px;}
    #contentsView h4.view_title span.count_num {font-size: 13px!important;}
	
	/* comment_area */
	ul.comment_list li .txtinput_area {overflow: hidden; position: relative; margin-top: 15px; background: none;}
		ul.comment_list li .txtinput_area .re_input_area {overflow: hidden; display: block; margin-right: 5px; padding-bottom: 50px;}
		ul.comment_list li .txtinput_area .re_input_area div.input_box {width: 98%;}
		ul.comment_list li .txtinput_area .re_input_area input[type=text].txtinput {width: 99.8%; height: 23px; font-size: 13px; text-indent: 5px; border: 1px solid #dcdcdc; border-radius: 4px;}
		ul.comment_list li .txtinput_area .re_input_area .re_count_number {overflow: hidden; margin-top: 5px; text-align: right; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #333333;}
		ul.comment_list li .txtinput_area .re_button_area {overflow: hidden; position: absolute; top: 55px; right: 5px;}

		ul.comment_list > li .info_arae input[type=text].input_name {width: 90%; height: 23px; margin-bottom: 5px; font-size: 13px; text-indent: 5px; border: 1px solid #dcdcdc;}
		ul.comment_list > li .info_arae input[type=password].input_pass {width: 90%; height: 23px; font-size: 13px; text-indent: 5px; border: 1px solid #dcdcdc;}

	/* table write */
	table.write tbody td div.file_area {overflow: hidden; vertical-align: middle;}
		table.write tbody td div.file_area div.file_input_area {overflow: hidden; display: block; width: 100%; margin: 5px 0;}
		table.write tbody td div.file_area div.file_input_area input[type=text] {width: 80%; height: 23px; border: 1px solid #d2d2d2;}
		table.write tbody td div.file_area div.file_btn_area {overflow: hidden; display: block;}
		table.write tbody td div.m_phone_area {overflow: hidden;}
		table.write tbody td div.m_phone_area input[type=text] {display: inline-block; width: 34px; margin-bottom: 5px;}
		table.write tbody td div.m_phone_area select {display: inline-block; width: 45px; margin-bottom: 5px;}
		table.write tbody td div.m_phone_area span.m_phone_txt {display: block; margin-top: 10px; color: red;}
		table.write tbody td div.address_area input.in_address1[type=text] {width: 70px; border: 1px solid #d2d2d2;}
		table.write tbody td div.address_area input.in_address2[type=text] {display: block; width: 90%; margin-bottom: 5px; border: 1px solid #d2d2d2;}
		table.write tbody td input.in_w100{width:100%;}
		table.write tbody td select.in_wp150{width:100%;}
		table.write tbody td #attach_file .file_area input{width:auto;}
	
	/* table List */
	.list_table_area .list colgroup,.list_table_area .list thead th { display:none; }
	.list_table_area .list col,.list_table_area .list thead {position: absolute;top: -9999px;left: -9999px;width: 0;height: 0;text-indent: -9999px;}
	.list_table_area .list tr {display: block;width: 100%;position: relative;border-bottom: 1px solid #ddd;padding: 15px 0;max-height: 100px;}
	.list_table_area .list tr:hover {background: #f8f9fa;}
	.list_table_area .list tr td:nth-child(1) {position: absolute;top: -9999px;left: -9999px;width: 0;height: 0;text-indent: -9999px;}
	.list_table_area .list td{padding: 0 10px 0 0;border-bottom: none;}
	.list_table_area .list td.subject{display: block;width: 100%;padding: 5px 0;margin: 0 0;border-bottom:none;font-size: 15px;}
	
	/* paging */
	.paging_area > a {padding: 0 8px 0;}
	.paging_area > a:first-child {display: none;}
	.paging_area > a:last-child {display: none;}
		
	/* contents_table */
	.contents_table thead th{font-size: 14px;padding: 10px}
	.contents_table tbody th{font-size: 13px;}
	.contents_table tbody td{font-size: 13px;padding: 10px}
	.contents_table .contents_list ul.no_list li .list_row .head_area {overflow: hidden; display: block; padding: 0 10px; line-height: 25px;}
		.contents_table .contents_list ul.no_list li .list_row .head_area strong {font-size: 14px; color:#333333;}
		.contents_table .contents_list ul.no_list li .list_row .body_area {overflow: hidden; line-height: 25px;}
	
	/* 앨범형 */
	ul.album_list {overflow: hidden; text-align: center;}
	ul.album_list > li {display: inline-block; float: none; margin: 0 8px 30px;}
	ul.album_list li {list-style: none; text-align: left;}
	
	/* 리스트검색 */
	.search_area_list{border: 1px #ece1d0 solid; background-color: #f9f5ed; padding: 15px; margin-bottom: 20px;}
	.search_area_list .s_menu_tit{ display: inline-block; font-size: 13px; font-weight: 500; color: #333; vertical-align: middle; margin-bottom: 5px;}
	.search_area_list .input_write_area{ display: inline-block; width: 100%; margin: 0 auto;position: relative;}
	.search_area_list .input_write_area input{display: inline-block; vertical-align: middle; width: 99%; min-width: 0; border: 1px #b9b9b9 solid; height: 28px; line-height: 28px}
	.search_area_list .input_write_area button{position: absolute; top: 0; right: 0px; z-index: 2; border-radius: 0;}	
	
	.search_area dl.search_box {flex-direction: column; align-items: flex-start;}
    dl.search_box > dt.title {margin-left: 0px; margin-bottom: 10px;}
    dl.search_box > dd.box {display: flex; justify-content: space-between; width: 100%;}
    dl.search_box > dd.box select {width: 30%!important; margin-right: 5px;}
    dl.search_box > dd.box input.in_w50 {margin-right: 5px;}
    
	
	/* 사업공고 분야별 단가검색 관리자와 공통페이지 */
	.search_area .search_box input.in_w90{ width:100%!important; border:1px #b9b9b9 solid;}
	.search_area .search_box select.in_w40{ width:100%!important; border:1px #b9b9b9 solid; margin-bottom:3px}
	
	/* FAQ */
	dl.faqs dt{font-size:14px;padding: 15px 50px 15px 60px;background: url(../../images/front/icon/icon_q.png) no-repeat 20px 18px #ffffff;}
	dl.faqs dd{padding: 15px 30px;background: #f4f4f4;}
	dl.faqs dd img{max-width: 100%;}
	
	.c_info_list_area{overflow-x: scroll;}
	.c_info_list_area .c_info_list{width:620px;}
	.c_info_list_area .c_info_list th{font-size: 14px;}
	.c_info_list_area .c_info_list td{font-size: 13px;padding: 7px;}
	
	dl.view > dt.vdt, dl.view > dd.vdd{font-size: 13px}
    
    /* 모니터링현황 */
    .search_area.align_l{padding: 10px 15px 15px 15px;}
    .search_area.align_l .row .leftSel{width: 100%;margin-bottom: 5px;margin-left: 0;}
    .search_area.align_l .row .input_search{width: 100%;margin-bottom: 5px;margin-left: 0;}
    .search_area.align_l .row .search_btn_area{display: block;}
    .search_area.align_l .row .search_btn_area .btn.sch{width: 100%;}
    .calendar_area .cal_box{width: 150px;}
    .chk_list li{margin-bottom: 10px;}
    .search_area.type_write{padding: 20px;}
}