@charset "utf-8";

/* 특허리스트 width설정 */
#contentsList{max-width: 1400px;margin: 0 auto;}
#contentsView{max-width: 1400px;margin: 0 auto;}
.search_area{max-width: 1400px;margin: 0 auto;}

#content table.bbs_default { border-collapse: collapse; width: 100%; margin:5px 0px; border-top: 2px solid #464646;border-bottom:1px solid #999;}
#content table.bbs_default th, #content  table.bbs_default td {padding: 6px 6px 6px 10px;border: 1px solid #d9d9d9; border-right: none; }
#content table.bbs_default th { font-size:1.06em;font-weight: normal; text-align: center; background: #f8f8f8; border-bottom: 1px solid #999;}
#content table.bbs_default th:first-child{border-left:none}
#content table.bbs_default td:first-child{border-left:none}

#content table.bbs_default.view{border-top: 2px solid #666 ;}
#content table.bbs_default.view th, #content table.bbs_default.view td{text-align:left}
#content table.bbs_default.view th{padding:0 35px;width:18%;text-align:left;border-bottom: 1px solid #d9d9d9;}
#content table.bbs_default.view td{padding-left:25px}
#content table.bbs_default.view .subject{padding:10px 0 8px 10px;text-align:left;background:#fff;color:#686868;font-size:17px;}
#content table.bbs_default.view .bbs_content{padding:20px 15px;min-height:100px;text-align:left}
#content table.bbs_default.view .bbs_content img{max-width:660px;height:auto}
#content table.bbs_default.view  ul.attach{}
#content table.bbs_default.view  ul.attach li{padding-left:15px;text-align:left;}
#content table.bbs_default.view  ul.attach li .info{display:inline-block;margin-right:5px;font-size: 0.8em; font-family: tahoma;}
#content table.bbs_default.move{margin:45px 0 0;border-top:none;border-bottom: 2px solid #3c3c3c;}
#content table.bbs_default.move th {width:20%;text-align:center}
#content .answer_title{font-weight:bold}

#content table.bbs_default.view .photo_list{margin:10px 0}
#content table.bbs_default.view .photo_list li{float:left;display:inline;width:23%;margin:0 1% 10px;border:solid 1px #e9e9e9;text-align:center;}
#content table.bbs_default.view .photo_list li img{width:100%;margin-bottom:5px;font-size:0;line-height:0}
#content table.bbs_default.view .photo_list li a{margin:10px 0}
#content table.bbs_default.view .photo_list .photo_subject{display:block;margin:0 10px;height:34px;line-height:1.2em}

#content table.bbs_default.list th{font-weight:normal;color:#686868}
#content table.bbs_default.list td{text-align:center}
#content table.bbs_default.list td.subject{text-align:left;}
#content table.bbs_default.list td .ico_notice{display:inline-block;padding:1px  5px 0;line-height:1.5em;font-size:12px;color:#fff;background:#1c9dd9;border-radius:4px;}
#content table.bbs_default.list td img{vertical-align:middle}
#content table.bbs_default.list td .ico_new{margin-left:5px}
#content table.bbs_default.list img{width:auto}
#content .data_info{margin:10px 0 0;font-size:0.9em;}
#content .data_info em{display:inline-block;margin:0 5px}

#content table.bbs_default.form th, #content table.bbs_default.form td{text-align:left}
#content table.bbs_default.form th {padding:0 0 0 35px;width:20%;text-align:left;border-bottom: 1px solid #d9d9d9;}
#content table.bbs_default.form .subject{padding-left:20px;text-align:left;background:#f6f6f6;font-size:15px;}
#content table.bbs_default.form .bbs_content{padding:20px 15px;min-height:600px;text-align:left}
#content table.bbs_default.form #email{width:50%}
#content table.bbs_default.form #tel,#content table.bbs_default.form #phone{width:30%}
#content table.bbs_default.form #zip{width:20%}
#content table.bbs_default.form #title{width:97%}
#content table.bbs_default.form .addr_detail{display:inline-block;margin-right:5px;font-weight:normal;}
#content table.bbs_default.form td p{margin:5px 0 2px;font-size:0.95em;line-height:1.3em}
#content table.bbs_default.form td label{display:inline-block;margin-right:15px;}
#content table.bbs_default.form textarea{width:97%;height:150px;padding-left:7px}
#content table.bbs_default .fChot{display:inline-block;width:10px;color:#2f8bdc;}
#content table.bbs_default.form td select{min-width:100px}

#content table.bbs_default.noline{border:none}

#content table.bbs_attach { border-collapse: collapse; width: 100%; margin:0 0 10px; border-bottom: 2px solid #3c3c3c; }
#content table.bbs_attach th {width:20%; background: #f6f6f6; font-weight: normal; text-align: center; }
#content table.bbs_attach td {padding: 10px 6px 8px 10px;}
#content table.bbs_attach .i_input{position: relative; margin: 2px; padding: 3px 4px; border: 1px solid #b7b7b7;border-right-color: #e1e1e1; border-bottom-color: #e1e1e1; background: transparent; }
#content table.bbs_attach .btn_file input[type="file"]{display: block !important;position: absolute;right: 0; width: 60px !important;height: 25px !important;opacity: 0; z-index: 99;}
#content table.bbs_attach .btn_file {float:right;display:inline;}
#content table.bbs_attach .bbs_file_list img{vertical-align:middle}
.progress{display:none;width: 0%; height: 15px; padding:0;color:#fff; font-size:0.9em; background:#0099ff; text-align: center; line-height: 14px; border: 1px solid #0099ff;  }

#content  table.bbs_default td .btn.reserve{padding:2px 0 1px;width:80px;text-decoration:none;text-align:center}
#content table.bbs_default td .btn.blue{background:#197cda;color:#fff}
#content table.bbs_default td .btn.gray{background:#91949d;color:#fff}

@media only screen and (max-width:640px){
	#content table.bbs_default.list thead th{display:none;}
	#content table.bbs_default.list tbody tr{border-bottom: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;}
	#content table.bbs_default.list tbody tr:first-child{border-top: 2px solid #3c3c3c;}

	#content table.bbs_default.list tbody td{display:inline-block;padding: 3px 10px 3px; border:none;}
	#content table.bbs_default.list tbody td{text-align:left}
	#content table.bbs_default.list tbody td:first-child{display:none;background:none}
	#content table.bbs_default.list tbody td:last-child{background:none}
	#content table.bbs_default.list tbody td.subject{display:block;background:none;}
	#content table.bbs_default.list tbody td.subject a{display:inline-block;}
	#content table.bbs_default.list [data-cell-header]:before {	content: attr(data-cell-header); 	display: inline-block; }

	#content table.bbs_default.form th{display:block;width:100%;padding:3px 0 0;text-align:left;color:#000;border-bottom:none;background:none}
	#content table.bbs_default.form td{display:block;width:96%;padding:0 0 5px 4%;border:none}
	#content table.bbs_default.form #email{width:95%}
	#content table.bbs_default.form #tel,#content table.bbs_default.form #phone{width:95%}
	#content table.bbs_default.form .w100{width:80px;}
	#content table.bbs_default.form .mblock{display:block}
}

/* common */ 
/* table.fixed {table-layout: fixed;} */
table th, table td {margin: 0; padding: 0;}
.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;}
.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: 600; 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: 600;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-bottom: 1px solid #666; border-top: 2px solid #113e9f;}
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: 15px 5px;font-weight: 500; color: #222; text-align:center;vertical-align:middle;line-height:1.4em;background:#f3f7fc;border-bottom:1px #ddd solid;}
table.list tbody th {font-size: 13px; font-weight: 500; color: #4d4d4d; text-align: center;}
table.list tbody td {padding: 13px 8px; border-bottom: 1px solid #e5e5e5; border-top: 0;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-size: 17px;color: #333;line-height: 1.5em;}
table.list tbody td img {display: inline; display: inline-block; margin-right: 2px; vertical-align: middle;}
table.list tbody td a img {margin-right: 0;}
table.list tbody td span.re_count {font-size:12px; font-weight: bold; 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.reply {padding-left: 44px; background: url("../../images/front/icon/icon_reply.png") no-repeat 8px 17px;}
#juso_list tbody td a{font-size: 16px;}

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: bold; color: #4d4d4d;}
.table_title {overflow: hidden; line-height: 1.5em;}

/* table list */
.contents_list2{height: 250px;overflow-y: auto;}
.contents_list2 .list2{border-top: 2px #4c4c4c solid;}
.contents_list2 .list2 thead th {font-weight: 600;color: #333;text-align: center;padding: 10px;border-bottom: 1px solid #ebebeb;background-color: #f5f5f5;}
.contents_list2 .list2 tbody td {padding: 8px;border-bottom: 1px solid #ebebeb;text-align: center;vertical-align: middle;}

.contents_list2.type02 {width: 100%;height: 270px;border-collapse: collapse; text-align: center;border-top: 1px #777 solid;}
.contents_list2.type02 .list2 {width: 100%;table-layout: fixed;border-spacing: 0;border-collapse: collapse;border-top:none;}
.contents_list2.type02 .list2 thead th{position: sticky; top: 0;height:39px;font-weight: 300;color:#000;letter-spacing:-1px;background:#f5f6f8;border-left: 1px solid #ddd;border-bottom: 1px #ddd solid;padding: 0 10px;line-height: 39px;}
.contents_list2.type02 .list2 thead th:first-child{border-left:none;}
.contents_list2.type02 .list2 thead tr th, .contents_list2.type02 .list2 tbody tr td{box-sizing: border-box; border-bottom: 1px solid #dedede; border-right: 1px solid #ddd;}
.contents_list2.type02 .list2 tbody td{height:38px;font-size: 15px;border-bottom: 1px solid #ddd;padding: 8px;line-height: 1.3;vertical-align: top;}
.contents_list2.type02 .list2 tbody td .tit_name{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.contents_list2.type02 .list2 thead tr th:last-child, .contents_list2.type02 .list2 tbody tr td:last-child{border-right: none;}
.contents_list2.type02.tip{height: auto;overflow-y: auto;}
.contents_list2.type02.tip tbody tr td{vertical-align: middle;line-height: 1.53;}
.contents_list2.type02.tip .tit_blank{display: inline-block;width: 23px;height: 23px;background: #f1f5fa;border: 1px #cbcfd5 solid;font-size: 0;vertical-align: top;}
.contents_list2.type02.tip .tit_blank.small{width: 13px;height: 13px;vertical-align: middle;}
.contents_list2.type02.tip tbody th{font-weight: 400;color:#222;background:#f5f6f8;vertical-align: middle;border-bottom: 1px solid #ddd;}

.pop_wrap .contents_list2 .list2 thead th, .pop_wrap .contents_list2 .list2 tbody td{font-size: 15px;}

/* 앨범형 */
.album_list_area {overflow: hidden;padding-top: 20px;}
.album_list_area .album_list {overflow: hidden;}
.album_list_area .album_list > li {float: left; margin: 0 2.4% 20px 2.5%;}
.album_list_area .album_list li {list-style: none;}
.album_list_area .album_list li .album {overflow: hidden;width: 190px;min-height: 400px;}
.album_list_area .album_list li .album .album_img_area {overflow: hidden;width: 100%;height: 245px;background: #ddd;margin-bottom: 10px;}
.album_list_area .album_list li .album .album_img_area img {width: 100%; height: 245px;border: 1px solid #ddd;}
.album_list_area .album_list li .album .album_txt_area {overflow: hidden;}
.album_list_area .album_list li .album .album_txt_area .album_name_area {overflow: hidden;margin-bottom: 10px;display: none;}
.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;margin-bottom: 10px;}
.album_list_area .album_list li .album .album_txt_area .album_title_area .album_title a{font-size: 17px;font-weight:400;color: #222;line-height: 130%;letter-spacing: -0.8px;}
.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: bold; 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 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 {position:relative;padding-right: 15px;font-size: 15px; color: #777;}
.album_list_area .album_list li .album .album_txt_area .album_register_area ul li span:first-child:before{content:"";position:absolute;top:4px;right:4px;display: inline-block;width:1px;height:15px;background-color: #c2c2c2;}
.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;}

/* 간행물 */
.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 10px 7px 10px;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;font-size: 0.98em;}
.mobile_list_info strong.title {overflow: hidden; display: block; font-size: 0.96em; font-weight: normal; color: #333333; text-align: left;}
.mobile_list_info strong.title a {font-size: 14px;font-weight:500;color: #222;}
.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:20px;font-weight:400;font-size:20px;color:#222;line-height:1.4em;background-color:#f3f7fc;border-top: 2px #113e9f solid;border-bottom:1px #dcdcdc solid;margin-bottom:0!important;}
span.count_num {float: right;font-size: 15px;font-weight:300;color: #4d4d4d;}
.dl_view {overflow: hidden;}
dl.view {overflow: hidden; padding: 10px 14px 8px; border-bottom: 1px solid #dcdcdc;font-weight:300;}
dl.view.top_line {border-top: 1px solid #dcdcdc;}
dl.view > dt.vdt {float: left;display: inline-block;font-weight: 600;color:#333;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;font-weight:400; padding-right: 7px; margin-right: 5px; }
dl.view > dd.vdd {float: left; display: inline-block;font-weight:300;margin-right: 8px;padding:7px 0 7px 9px;vertical-align: middle;}
dl.view > dd.vdd.file {overflow: hidden;width: 90%;padding: 0;}
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;text-decoration: underline;padding: 4px 0;}
dl.view > dd.vdd a.download img {display: inline-block; vertical-align: middle;margin-right:5px;}
.view_area .editor {border-bottom: 1px #666 solid}
.sns_btn_area{max-width: 1400px;margin: 0 auto;text-align: right;}
.sns_btn_area a{display: inline-block;width: 32px;height: 32px;font-size: 0;margin: 0 2px 10px 2px;border-radius:50%;vertical-align: top;}

.sns_btn_area a:nth-child(1){background:url('../../images/front/icon/list_sns05.png') no-repeat center center;border: 1px #999 solid;}
.sns_btn_area a:nth-child(2){background:url('../../images/front/icon/list_sns01.png') no-repeat center center;}
.sns_btn_area a:nth-child(3){background:url('../../images/front/icon/list_sns03.png') no-repeat center center;}
.sns_btn_area a:nth-child(4){background:url('../../images/front/icon/list_sns04.png') no-repeat center center;}
	
/* answer_area */
.answer_area {overflow: hidden; position: relative; margin-bottom: 20px; padding: 16px 20px; border: 5px solid #eaeaea;}
.answer_title {overflow: hidden; padding: 11px 14px 10px; border-top: 2px solid #137dbf; border-bottom: 3px double #dddddd; font-weight: bold; font-size: 1.1em; line-height: 1.4em;}
dl.answer {overflow: hidden;padding:7px 0;font-size: 0.98em; color: #4d4d4d;}

dl.answer > dt.adt {float: left; display: inline-block; padding-left: 9px; font-weight: bold; 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; font-weight: normal; 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_area.t_line{max-width:1400px;border-top: 2px solid #113e9f;margin:0 auto;}
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: 400; color: #222; 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;}

#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}
	
/* 테이블 설명 박스 */
.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 {width: 100%; margin-top:25px;padding: 0;font-size: 0.9em;text-align: center;}
.paging_area img{vertical-align: middle;}
.paging_area strong {display: inline-block; height: 27px; padding: 0 10px; font-weight: bold; color: #35509e; line-height: 27px;vertical-align: middle; background-color: #ffffff;}
.paging_area a {display: inline-block; height: 34px; padding: 0 8px 0; line-height: 34px; color: #777;vertical-align: middle;}
.paging_area a u{font-weight: 600;color: #132e5a;}
.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: 34px; border: 0; text-decoration: none; vertical-align: top;}
.paging_area a.stimg:hover {text-decoration: none;}
.paging_area a.on{font-weight: 600;color: #132e5a;text-decoration: underline;}
.paging_area a.border_non{padding: 0 2px 0;}

/* table search */
.search_area {overflow: hidden; position: relative;padding:15px 35px; margin-bottom: 30px;background: #f5f6f8;text-align: center}
.search_txt_box {overflow: hidden; margin-bottom: 10px;}
.search_txt_box input[type=text] {width: 98.4%; border: 1px solid #b9b9b9;}
.btn.sch {height: 34px;font-size: 14px; font-weight: 300; text-align: center; line-height: 28px; color: #ffffff; background-color: #444; padding:0 13px; vertical-align: middle;border-radius: 5px;}
.btn.sch i{display:none;}

dl.search_box {overflow:hidden;display: inline-block;width: 50%;font-size:14px;vertical-align: top;}
dl.search_box + dl.search_box {margin-top: 6px;;}
dl.search_box > dt.title {display:none;float: left; width: 80px; margin-right: 10px;font-weight:600;color:#333;line-height:32px;}
dl.search_box > dd.box {overflow: hidden; min-height: 35px; font-weight: normal;margin-top: 3px;}
dl.search_box > dd.box label{display:inline-block;padding-right:10px;margin-left: 15px;vertical-align: middle;}
dl.search_box > dd.box input {height:42px;}
dl.search_box > dd.box input[type="text"] {width: 60%;height:42px;border: 1px solid #d2d3d5;margin-right:5px}
dl.search_box > dd.box input.input_day {width: 90px;margin-right: 5px;}
dl.search_box > dd.box input.input_txt1 {width: 50%;}
dl.search_box > dd.box input.input_txt2 {width: 60%;}
dl.search_box > dd.box span.txt {display: inline-block; font-weight: normal; font-size: 0.98em; color: #4d4d4d; letter-spacing: -0.04em;}
dl.search_box > dd.box select {height:42px;margin-right:5px;}
dl.search_box > dd.box select.selectbox1 {width: 25%;}
dl.search_box > dd.box div.search_btn_area {display: inline-block;}
dl.search_box > dd.box div.search_btn_area .btn.sch{width: 70px;height:42px;background:#444;font-size: 15px;border-radius: 5px;}
dl.search_box > dd.box select.in_wp_article{width:30%;margin-bottom: 5px}
dl.search_box.search_type01{width: 60%;}
dl.search_box.search_type01 .box .in_w30{width: 40%;}
dl.search_box.search_type02{width: 80%;overflow: hidden;}
dl.search_box.search_type02 dd{float: left;text-align: left;}
dl.search_box.search_type02 dd.w_type01{width: 36%;}
dl.search_box.search_type02 dd.w_type02{width: 64%;}
dl.search_box.search_type02 dd input.in_w30{width: 50%;}
dl.search_box.search_type02 dd .ui-datepicker-trigger{vertical-align: middle;}
	
.table_count_area {overflow: hidden; margin-bottom: 10px; vertical-align: bottom;}
.table_count_area .search_btn_area .btn.sch{height: 30px;}
.table_count_area .float_right .in_wp100{height: 30px;}
.count_area {font-size: 15px; text-align: left; color: #2a2d41;padding-top: 15px;}
.count_area > strong {display: inline-block; margin: 0 2px 0 1px;color: #ef504d;font-weight: 400;}
.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;}

/* 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: bold; 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: bold; color: #e5350e;}
.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: bold; 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;font-size: 11px;}
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;font-size: 12px; 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: bold; 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: 600; 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 */
dl.faqs {overflow: hidden;border-top:2px #333 solid}
dl.faqs dt, dl.faqs dd {padding: 0; margin: 0;}
dl.faqs dt {position: relative; padding: 25px 50px 25px 55px; border-bottom: 1px solid #ddd; font-size: 17px;font-weight:500;color: #333333; background: url('../../images/front/icon/icon_q.png') no-repeat 22px center #ffffff;line-height: 140%;}
dl.faqs dt:hover {cursor: pointer; text-decoration: none;}
dl.faqs dt a.btn_fold {position: absolute; width: 15px; height: 9px; top: 45%; right: 15px; background: url('../../images/front/icon/faq_minus.png') no-repeat 0px 0px #ffffff;}
dl.faqs dt a.btn_open {position: absolute; width: 15px; height: 12px;top: 45%;; right: 15px; background: url('../../images/front/icon/faq_plus.png') no-repeat 0px 0px #ffffff;}
dl.faqs .hover {text-decoration: underline;}
dl.faqs dd {position: relative; padding: 40px 40px 40px 120px; border-bottom: 1px solid #ddd; background: url('../../images/front/icon/icon_a.png') no-repeat 50px center #f5f7fa;}
dl.faqs dd .details {overflow: hidden;line-height:150%}

/* 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: 600; 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:1400px){
	dl.search_box.search_type02{width: 100%;}
	dl.search_box.search_type02 dd{float: none;text-align:center;}
	dl.search_box.search_type02 dd.w_type01{width: 100%;}
	dl.search_box.search_type02 dd.w_type02{width: 100%;}
	
	.search_area{margin:0 20px 30px 20px;}
	.table_count_area{margin:0 20px 10px 20px;}
	.list_table_area{margin:0 20px;}
	#contentsView{margin:0 20px;}
	.table_area.t_line{margin:0 20px;}
	.sns_btn_area{margin:0 20px;}
	span.count_num{float: initial;display: block;font-size: 13px;padding-top: 3px;}
	
	/* 주소창 */
	.pop_container #juso_pop_content .search_area{margin:0 0 30px 0;}
}
@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;}
	/* 리스트검색 */
	dl.search_box{width: 85%;}
	dl.search_box.search_type01{width: 100%;}
	dl.search_box.search_type01 .box .in_w30{width: 35%;}
	.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: 600; 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:800px){
	.contents_list2.type02{overflow-x: scroll;}
	.contents_list2.type02 .list2{width:900px;}
}
/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){
	.search_area{padding: 30px 20px;margin-bottom:20px;}
	.btn.sch{font-size:13px;}
	/* table search */
	dl.search_box {overflow: hidden;width: 100%;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, dl.search_box > dd.box select{width:100%!important;height: 35px!important;margin-bottom:6px;}
    dl.search_box > dd.box input.in_wp_article{width:100%;}
    dl.search_box > dd.box div.search_btn_area{display:block;}
    dl.search_box > dd.box div.search_btn_area .btn.sch{width: 100%;height: 35px;font-size: 13px;}
    dl.search_box > dd.box select.in_wp_article{width: 100%}
	dl.search_box.search_type01{width: 95%;}
	dl.search_box.search_type02 dd.box input.input_day{width: 85%!important}

	/* 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;}
	
	/* 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-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 thead th{padding: 7px 0px;font-size: 13px;}
	table.list tbody td a{font-size: 13px;line-height: 1.2em;}
    .contents_list2 .list2{font-size: 13px;}
	#contentsView h4.view_title {font-size:16px;}
	.contents_list2.type02 .list2 tbody td{font-size: 13px;}
		
	/* paging */
	.paging_area{margin-top: 0;}
	.paging_area > a {padding: 0 8px 0;}
    .paging_area > a:first-child {display: none;}
    .paging_area > a:last-child {display: none;}
    .paging_area img{width: 27px;}
		
	/* 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;}
    
    .pop_wrap .contents_list2 .list2 thead th, .pop_wrap .contents_list2 .list2 tbody td{font-size: 13px;}
	
	/* 앨범형 */
	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: 600; 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;}	
	
	/* FAQ */
	dl.faqs dt{font-size: 15px;padding: 20px 50px 20px 55px;}
	dl.faqs dd{padding:30px 40px;background: #f5f7fa;}
	
	/* 사업공고 분야별 단가검색 관리자와 공통페이지 */
	.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}
	
	.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;}
	.count_area{font-size: 13px;}
}