@charset "UTF-8";
/* CSS Document */


/* ?�블�?*/
@media all and (min-width: 768px) and (max-width: 1024px) {
	.mhidden { display: none !important}
	.tableline.mhidden { display: none !important}
	.inline_mhhidden {display: none !important;}
	.pchidden { display: block !important}
	.inline_pchidden {display: inline-block !important;}
	.tablewrite.pchidden {display: table !important; width: 100% !important}
	.popup .tablewrite.mt30 td select { height: 34px !important}	
	.board_top .search { display: block !important; width: 100%; float: right; text-align: right}
	.board_top .msearch { display: none !important; }
	.board_top .post { padding-left: 10px; margin-bottom: 10px}
	.tablelist { display: none !important}
	.tablelist.alldevice { display: table !important}
	.mtablelist { display: block !important; width: 100%; margin: 0 auto; border-top:1px solid #74849f; border-bottom:1px solid #acb5c5; box-sizing: border-box}
	.mtablelist div { border-bottom:1px dashed #c8c8c8; font-weight:300; padding:10px 15px; min-height: 50px; color:#6f6f6f; vertical-align:middle; font-size:1.5rem; letter-spacing:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.mtablelist div:last-child { border-bottom: none}
	.mtablelist div:nth-child(2n) { background:rgba(116,132,159,0.1); }
	.mtablelist div .title {color:#00235c;}
	.mtablelist ul.list_info li { float: left; margin-top: 10px; line-height: 10px; margin-right: 5px; padding-right: 5px; border-right: 1px solid #c8c8c8; height: 10px; font-size: 1.3rem !important}
	.mtablelist ul.list_info li:last-child { border-right: none}
	.mtablelist .mainFlag { font-size:1.5rem; font-weight: 500 } 
	
	.tableview tr th { font-size:1.4rem !important; white-space:nowrap;}
	.tableview td { border-bottom:1px solid #dedede; font-weight:300; padding:5px 10px !important; color:#5a5a5a; text-align:left; vertical-align:middle; font-size:1.4rem !important; line-height:1.6; letter-spacing:0; box-sizing: border-box; }	
	.tableview td img { max-width:100% !important; margin:0 auto; display:block; }
	.attach { padding:0 !important; }
	.pageNum { margin-bottom: 30px;}
	textarea, input[type="text"], input[type="password"], select { -webkit-appearance: none; border-radius: 0; }
	
	.tablewrite { box-sizing: border-box }	
	.tablewrite input[type="text"] { box-sizing: border-box }	
	.tablewrite input[type="file"] { width: 90% !important; height: 34px;}
	.tablewrite th { width: 15% !important}
	.tablewrite td { width: 20% !important}
	.tablewrite td, .tablewrite th { font-size: 1.4rem !important; }
	.tablewrite td .height500 { height: 300px !important}
	.tableview th span.answer_date { font-size: 1.1rem !important; letter-spacing: -1px !important}
	
	.mbtn_group { float: none !important; margin: 20px auto !important; text-align: center}
	.mbtn_group button { width: 32% !important}
	
	.btngroup { width:100% !important; margin:40px auto 0 auto !important; text-align: center}
	.btngroup .btn_y { font-size:1.4rem !important; width:49% !important; } /* green ?�성?�료 */	
	.btngroup .btn_n { font-size:1.4rem !important; width:49% !important;} /* gray 취소 */	
	
	/* ?�수?�력??�� */
	.required { font-size:1.3rem !important; margin:0 0 5px 0; }
	.required i { color:#ff3232; margin-right:3px; }
	
	.mtablelist span.relation {background: url(../../images/dgtp/media_li_bg.png) no-repeat 0 7px; padding-left: 10px; color: #35445d; display: table-cell}
	
	/* ?�의???�설?�약 */
	.meet_res .tableline.mtable td { height: 20px !important}
	.meet_res .tableline.meet_table th, .meet_res .tableline.meet_table td { font-size: 1.2rem !important; padding: 3px 0 !important}
	.meet_res .tableline.meet_table td span:nth-child(2) { display: none !important}
	.meet_res .tableline.meet_table td span:nth-child(3) { display: block !important}
	.tableline.mtable.monline_table td { padding: 8px 3px !important}
	.monline_radio label { font-size: 1.3rem !important; float: left}
	.monline_radio label span { position: relative; top: -1px;}
	.radio.fl.monline_radio { margin: 0 !important; float: right !important; position: relative; top: 33px;}
	
	/* ?�의???�관?�청 */
	.meet_online .tableline.mtable.pchidden.monline_table { display: table !important; width: 100% !important}
	.meet_online .tableline.mtable.pchidden { display: table !important; width: 100% !important}
	
	/* imagelist */
	.image_list { width:calc(100% - 2px) !important; border-top: 1px solid #74849f; border-bottom:1px solid #acb5c5; padding: 25px 0 0 0 !important; display: inline-block; box-sizing: border-box !important; margin: 0 auto !important}
	.image_list li { float: left; width:23.5% !important; height: auto; margin-bottom: 2% !important; font-size:1.4rem !important; margin-right: 2% !important; display: inline-block; box-sizing: border-box}
	.image_list li:nth-child(4n) { margin-right: 0 !important; }
	.image_list li:nth-child(6n) { margin-right: 2% !important; }
	.image_list li img { width: 100% !important; height: auto !important; border: 1px solid #c8c8c8}
	.image_list li .title { font-size: 1.4rem !important; line-height: 35px; padding: 0 !important; box-sizing: border-box; width: 100% !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.image_list li .date { float: right; line-height: 32px}
	.image_list li.nodata { width: 100% !important; text-align: center; line-height: 100px; box-sizing: border-box}
	.btn01s { font-size:1.2rem !important; height:32px; padding:0 5px !important; } 
	
	.image_list2 { width: 100%}
	.image_list2 > li { float: left; width: 32% !important; margin-right: 2% !important; border-bottom:1px dashed #c8c8c8; padding-bottom: 20px !important; margin-bottom: 20px !important;}
	.image_list2 > li:nth-child(3n) { margin-right: 0 !important}
	.image_list2 > li:nth-child(4n) { margin-right: 2% !important}
	.image_list2 > li img { width: 100% !important; height: auto !important; border: 1px solid #c8c8c8}
	.image_list2 > li .title { padding: 0 !important; width: 100% !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.image_list2 .list_info { padding-left: 0 !important}
	
	.board_cont iframe { width: 100% !important; height: auto !important; min-height: 450px }
	
	/* 직원?�황 */
	.board_top .search.staff .width200 { width: 25% !important}
	.board_top .search.staff .width150 { width: 20% !important}
	.board_top .search.staff .width120 { width: 15% !important}
	.board_top .search.staff .width220 { width: 20% !important}
	
	
	/* ?�업공고 */
	.board_top .search.businesss .width100 { width: 12% !important;}	
	.board_top .search.businesss span { position: relative; top: -5px}
	.board_top .search.businesss .width150 { width: 12% !important}
	.board_top .search.businesss .width120 { width: 12% !important}
	.board_top .search.businesss .width220 { width: 12% !important}
	
	/* ?�찰공고 */
	.board_top .search.bid .width100 { width: 12% !important;}	
	.board_top .search.bid span { position: relative; top: -5px}
	.board_top .search.bid .width120 { width: 15% !important;}
	.board_top .search.bid .width150 { width: 15% !important;}
	.board_top .search.bid .width220 { width: 15% !important}
	
	/* 채용공고 */
	.board_top .search.hiring .width100 { width: 12% !important;}	
	.board_top .search.hiring span { position: relative; top: -5px}
	.board_top .search.hiring .width150 { width: 20% !important}
	.board_top .search.hiring .width120 { width: 10% !important}
	.board_top .search.hiring .width220 { width: 20% !important}
	
	.btngroup { width:100% !important; margin:40px auto 0 auto !important; text-align: center}
	.btngroup .btn_y, .btngroup .btn_r { font-size:1.4rem !important; width:49% !important; } /* green ?�성?�료 */	
	.btngroup .btn_n { font-size:1.4rem !important; width:49% !important;} /* gray 취소 */	
	
	
	.mtablelist .mtable_row.nodata { height: 100px; text-align: center !important; line-height: 100px; float: none !important }
	
	.mtablelist .mtable_row.file_bg { position: relative;}
    .mtablelist .mtable_row.file_bg:after, .mtablelist .mtable_row.file_bg::before  { content: "\f15c"; font-size: 2.5rem; color: silver; z-index: 1; position: absolute; top: 35%; right: 4% !important;  margin: -.48em -.42em; font-family: 'Font Awesome 5 Pro'}
	
	/* 부?�소�?*/
	.mtable.nth3hidden th:nth-child(2), .mtable.nth3hidden td:nth-child(2) { display: none}	
	.tableview.equip.pchidden img { max-width: 100% !important; height: auto}
	
	
	.state { padding:5px 3px !important; width: 50px !important; display: inline-block; border-radius:2px; font-size:1.2rem !important; font-weight: 200; position: relative; top: -5px; text-align: center;}
	
	/* tablelist */
	table.mtablelist { width:100% !important; border-top:1px solid #74849f; border-bottom:1px solid #acb5c5; display: table !important;}
	.mtablelist thead th { font-size:1.2rem; font-weight:400; padding:7px; background:#e9ecf0; color:#3c3c3c; border-bottom:1px solid #94a4bd; text-align:center; vertical-align:middle;}
	.mtablelist tbody tr:hover { background:rgba(116,132,159,0.1);}
	.mtablelist.nohover tr:hover {background:none !important;}
	.mtablelist.nth2center tbody tr td:nth-child(2) { text-align:center; }
	.mtablelist tr td { border-bottom:1px dashed #c8c8c8; font-weight:300; padding:5px; text-align:center; color:#6f6f6f; vertical-align:middle; font-size:1.2rem; letter-spacing:0; }
	.mtablelist tr td a, .tablelist tr td a:hover, .tablelist tr td a:visited {color:#00235c; }
	.mtablelist tr td a:hover { text-decoration:underline;}
	.mtablelist tr:last-child td { border-bottom:0 !important; }
	.mtablelist tr td.relation {background: url(../../images/dgtp/media_li_bg.png) no-repeat 18px center; padding-left: 30px;}
	.mtablelist tr .mainFlag { font-size:1.6rem; font-weight: 500 } 
	
	.btngroup.fl { text-align: left;}
	.btngroup.fr { text-align: right;}
	.btngroup.fl, .btngroup.fr { width:50% !important; margin-top: 20px !important;}
	.btngroup.fl button, .btngroup.fr button { width:40% !important; }
}

/* 모바???�로 */
@media all and (max-width: 767px) {
	.mcenter { margin: 0 auto !important; text-align: center !important; width: 100% !important; box-sizing: border-box !important}
	.popup .tablewrite.mt30 td select { height: 34px !important}
	.mhidden { display: none !important}
	.tableline.mhidden{display: none !important;}
	.inline_mhhidden { display: none !important}
	.pchidden { display: block !important}
	.inline_pchidden { display: inline-block !important}
	.tablewrite.pchidden {display: table !important; width: 100% !important}
	.board_top .search { text-align: center !important; width: 100% !important}
	.board_top .search i { margin-right: 0 !important; padding-right: 0 !important}
	/* ?�단?�식 */
	.board_top .search.notice_fo .width150 { width: 25% !important}
	.board_top .search.notice_fo .width120 { width: 20% !important}
	.board_top .search.notice_fo .width220 { width: 30% !important}	
	.board_top .search.notice_fo .btn {}
	/* ?��?기�??�식 */
	.board_top .search.notice_re .width120 { width: 30% !important}
	.board_top .search.notice_re .width220 { width: 40% !important}
	/* ?�업공고 */
	.board_top .search.businesss .width100 { width: 31.2% !important; margin-bottom: 5px;}	
	.board_top .search.businesss span { position: relative; top: -5px}
	.board_top .search.businesss i.fa-calendar-alt { color:#0093df; font-size:3rem; margin-left:3px; cursor:pointer; position: relative; top: -6px}
	.board_top .search.businesss .width150 { width: 32% !important; margin-bottom: 5px;}
	.board_top .search.businesss .width120 { width: 25% !important; margin-bottom: 5px;}
	.board_top .search.businesss .width220 { width: 70% !important}
	/* 채용공고 */
	.board_top .search.hiring .width100 { width: 32% !important; margin-bottom: 5px;}	
	.board_top .search.hiring span { position: relative; top: -5px}
	.board_top .search.hiring i.fa-calendar-alt { color:#0093df; font-size:3rem; margin-left:3px; cursor:pointer; position: relative; top: -6px}
	.board_top .search.hiring .width150 { width: 25% !important; margin-bottom: 5px;}
	.board_top .search.hiring .width120 { width: 20% !important; }
	.board_top .search.hiring .width220 { width: 30% !important}
	/* ?�찰공고 */
	.board_top .search.bid .width100 { width: 31.2% !important; margin-bottom: 5px;}	
	.board_top .search.bid span { position: relative; top: -5px}
	.board_top .search.bid i.fa-calendar-alt { color:#0093df; font-size:3rem; margin-left:3px; cursor:pointer; position: relative; top: -6px}
	.board_top .search.bid .width120 { width: 45% !important; margin-bottom: 5px;}
	.board_top .search.bid .width150 { width: 44.5% !important; margin-bottom: 5px;}
	.board_top .search.bid .width220 { width: 70% !important}
	/* 묻고?�하�?*/
	.board_top .search.qnas .width120 { width: 30% !important}
	.board_top .search.qnas .width220 { width: 40% !important}
	/* ?�론보도 */
	.board_top .search.media .width100 { width: 32% !important; margin-bottom: 5px;}	
	.board_top .search.media span { position: relative; top: -5px}
	.board_top .search.media i.fa-calendar-alt { color:#0093df; font-size:3rem; margin-left:3px; cursor:pointer; position: relative; top: -6px}
	.board_top .search.media .width120 { width: 30% !important}
	.board_top .search.media .width220 { width: 40% !important}
	/* 칼럼/기고 */
	.board_top .search.business .width100 { width: 32% !important; margin-bottom: 5px;}	
	.board_top .search.business span { position: relative; top: -5px}
	.board_top .search.business i.fa-calendar-alt { color:#0093df; font-size:3rem; margin-left:3px; cursor:pointer; position: relative; top: -6px}
	.board_top .search.business .width120 { width: 30% !important}
	.board_top .search.business .width220 { width: 40% !important}
	/* ?�보브로?�어 */
	.board_top .search.data .width120 { width: 30% !important}
	.board_top .search.data .width220 { width: 40% !important}
	/* ?�식지 */
	.board_top .search.newsletter .width120 { width: 30% !important}
	.board_top .search.newsletter .width220 { width: 40% !important}	
	/* 간행�?*/
	.board_top .search.publication .width120 { width: 30% !important}
	.board_top .search.publication .width220 { width: 40% !important}
	/* ?�보?�영??*/
	.board_top .search.movie .width120 { width: 30% !important}
	.board_top .search.movie .width220 { width: 40% !important}
	/* �?��금�?�?*/
	.board_top .search.clean02 .width120 { width: 30% !important}
	.board_top .search.clean02 .width220 { width: 40% !important}
	/* ?��?감사결과 */
	.board_top .search.clean03 .width120 { width: 30% !important}
	.board_top .search.clean03 .width220 { width: 40% !important}
	/* 공시?�료 */
	.board_top .search.disclosure .width100 { width: 18% !important}
	.board_top .search.disclosure .width200 { width: 28% !important}
	.board_top .search.disclosure .width220 { width: 30% !important}
	/* 직원?�황 */
	.board_top .search.staff .width200 { width: 50% !important; margin-bottom: 5px}
	.board_top .search.staff .width150 { width: 40% !important; margin-bottom: 5px}
	.board_top .search.staff .width120 { width: 30% !important}
	.board_top .search.staff .width220 { width: 40% !important}
	/* ?�비?�황 �??�청 */
	.board_top .search.equips .width200 { width: 28% !important}
	.board_top .search.equips .width120 { width: 18% !important}
	.board_top .search.equips .width220 { width: 30% !important}
	/* ?�의?�현??*/
	.board_top .search.meets .width260 { width: 30% !important}
	.board_top .search.meets .width220 { width: 40% !important}
	/* ?�주기업?�황 */
	.board_top .search.companys .width200 { width: 23% !important}	
	.board_top .search.companys .width220 { width: 30% !important}
	
	.board_top .post { padding-left: 10px; margin-bottom: 10px}
	.tablelist { display: none !important}	
	.tablelist.alldevice { display: table !important}
	.mtablelist { display: block !important; width: 100%; margin: 0 auto; border-top:1px solid #74849f; border-bottom:1px solid #acb5c5; box-sizing: border-box;}
	.mtablelist div { border-bottom:1px dashed #c8c8c8; font-weight:300; padding:10px 15px; min-height: 50px !important; color:#6f6f6f; vertical-align:middle; font-size:1.5rem; letter-spacing:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.mtablelist div .relation .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 98%; display: block}
	.mtablelist div:last-child { border-bottom: none}
	.mtablelist div:nth-child(2n) { background:rgba(116,132,159,0.1); }
	.mtablelist div .title {color:#00235c;}
	.mtablelist ul.list_info li { float: left; margin-top: 10px; line-height: 10px; margin-right: 5px; padding-right: 5px; border-right: 1px solid #c8c8c8; height: 10px; font-size: 1.3rem !important; }
	.mtablelist ul.list_info li:last-child { border-right: none}
	.mtablelist.m_company ul.list_info li:nth-child(2) { max-width: 40%; line-height: 14px !important; height: 14px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right:none !important; position: relative; top: -2px;}
	.mtablelist.m_company ul.list_info li:nth-child(3) { border-left: 1px solid #c8c8c8; border-right: none !important; margin-right: 4px; padding-left: 8px; }
	.mtablelist .mtable_row.nodata { height: 100px; text-align: center !important; line-height: 100px; float: none !important }
	.mtablelist .mainFlag { font-size:1.5rem; font-weight: 500 } 
	
	.mtablelist .mtable_row.file_bg { position: relative;}
    .mtablelist .mtable_row.file_bg:after, .mtablelist .mtable_row.file_bg::before  { content: "\f15c"; font-size: 2.5rem; color: silver; z-index: 1; position: absolute; top: 35%; right: 8%;  margin: -.48em -.42em; font-family: 'Font Awesome 5 Pro'}
	
	.tableview tr th { font-size:1.4rem !important; white-space:nowrap;}
	.tableview td { border-bottom:1px solid #dedede; font-weight:300; padding:5px 10px !important; color:#5a5a5a; text-align:left; vertical-align:middle; font-size:1.4rem !important; line-height:1.6; letter-spacing:0; box-sizing: border-box; }	
	.tableview td img { max-width:100% !important; margin:0 auto; display:block; }
	.attach { padding:0 !important; }
	.pageNum { margin-bottom: 30px;}
	textarea, input[type="text"], input[type="password"], select { -webkit-appearance: none; border-radius: 0; }
	
	.tablewrite { box-sizing: border-box }	
	.tablewrite input[type="text"] { box-sizing: border-box }	
	.tablewrite input[type="file"] { width: 90% !important; height: 34px;}
	.tablewrite th { width: 15% !important}
	.tablewrite td { width: 20% !important}
	.tablewrite td, .tablewrite th { font-size: 1.4rem !important; }
	.tablewrite td .height500 { height: 300px !important}
	.tableview th span.answer_date { font-size: 1.1rem !important; letter-spacing: -1px !important}
	
	.mbtn_group { float: none !important; margin: 20px auto !important; text-align: center}
	.mbtn_group button { width: 32% !important}
	
	.btngroup { width:100% !important; margin:40px auto 0 auto !important; text-align: center}
	.btngroup .btn_y, .btngroup .btn_r { font-size:1.4rem !important; width:49% !important; } /* green ?�성?�료 */	
	.btngroup .btn_n { font-size:1.4rem !important; width:49% !important;} /* gray 취소 */	
	
	/* ?�수?�력??�� */
	.required { font-size:1.3rem !important; margin:0 0 5px 0; }
	.required i { color:#ff3232; margin-right:3px; }
	
	.mtablelist span.relation {background: url(../../images/dgtp/media_li_bg.png) no-repeat 0px 7px; padding-left: 10px; color: #35445d; display: table-cell}
		
	/* imagelist */
	.image_list { width:calc(100% - 4px) !important; border-top: 1px solid #74849f; border-bottom:1px solid #acb5c5; padding: 25px 2% 0 2% !important; display: inline-block; box-sizing: border-box !important; margin: 0 auto !important}
	.image_list li { float: left; width: 45% !important; height: auto; margin-bottom: 5% !important; font-size:1.4rem !important; }
	.image_list li:nth-child(2n) { margin-right: 0 !important; float: right}
	.image_list li img { width: 100% !important; height: auto !important; border: 1px solid #c8c8c8}
	.image_list li .title { font-size: 1.4rem !important; line-height: 35px; padding: 0 !important; box-sizing: border-box; width: 100% !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.image_list li .date { float: right; line-height: 32px}
	.image_list li.nodata { width: 100% !important; text-align: center; line-height: 100px; box-sizing: border-box}
	.btn01s { font-size:1.2rem !important; height:32px; padding:0 5px !important; } 
	
	.image_list2 > li { float: left; width: 100% !important; margin-right: 0 !important; border-bottom:1px dashed #c8c8c8; padding-bottom: 20px !important; margin-bottom: 20px !important;}
	.image_list2 > li:last-child { border-bottom: none !important}
	.image_list2 > li img { width: 100% !important; height: auto !important; border: 1px solid #c8c8c8}
	.image_list2 > li .title { padding: 0 !important; width: 100% !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.image_list2 .list_info { padding-left: 0 !important}
	
	.board_cont iframe { width: 100% !important; height: auto !important; }
	
	.mbtngroup2 { position: relative; width: 100%; height: auto; }
	.mbtngroup2 button.btn05.fl.mr05 { width: 49% !important; margin-right: 2% !important; padding: 10px 0 !important; font-size: 1.2rem !important}
	.mbtngroup2 button.btn05.fl { width: 49% !important; padding: 10px 0 !important; font-size: 1.2rem !important}
	.mbtngroup2 button.btn.btn-3.fr { width: 49% !important; padding: 10px 0 !important; margin-top: 10px; margin-right: 0 !important; font-size: 1.2rem !important}
	.mbtngroup2 button.btn05.mt20 { margin-top: 0 !important; margin-bottom: 10px}
	
	.mtable th, .mtable td, .mtable tbody th { font-size: 1.2rem !important; padding: 3px !important; height: 25px !important}
	.mtable col.width100 { width: auto !important}
	.tablelist.mtable { display: table !important}
	.tablelist.mtable td { padding: 8px 0 !important}
	.tableline.mtable { width: 100% !important; display: table !important }
	
	/* ?�의???�설?�약 */
	.meet_res .tableline.mtable td { height: 20px !important}
	.meet_res .tableline.meet_table th, .meet_res .tableline.meet_table td { font-size: 1.2rem !important; padding: 3px 0 !important}
	.meet_res .tableline.meet_table td span:nth-child(2) { display: none !important}
	.meet_res .tableline.meet_table td span:nth-child(3) { display: block !important}
	.tableline.mtable.monline_table td { padding: 8px 3px !important}
	.monline_radio label { font-size: 1.3rem !important; float: left}
	.monline_radio label span { position: relative; top: -1px;}
	.radio.fl.monline_radio { margin: 0 0 10px 0 !important}	
	
	/* 부?�소�?*/
	.mtable.nth3hidden th:nth-child(3), .mtable.nth3hidden td:nth-child(3) { display: none}
	.mtable.nth3hidden th:nth-child(4), .mtable.nth3hidden td:nth-child(4) { display: none}
	
	/* ?�이??비번찾기 */
	.popup .tablewrite.mt30 td .inputText.width150 { width: 25% !important}
	.popup .tablewrite.mt30 td .select.width150 { width: 40% !important}
	
	/* ?�원가??*/
	.tablewrite.pchidden.jointable td button.btn03 { height: 34px !important}
	.tablewrite.pchidden.jointable td span.fs14 { display:block; font-size: 1.3rem !important}
	.tablewrite.pchidden.jointable td label span { position: relative; top: -2px !important; font-size: 1.2rem !important; letter-spacing: -1.5px !important}
	
	/* ?�청?�황 */
	.state { padding:2px 4px !important; width: 60px !important; font-weight: 500; font-size:1.3rem !important; text-align: center !important}
	tfoot td { background:#ffeaea; text-align:right; color:#3c3c3c; }	
	.mbtngroup { width: 100% !important; text-align: center; box-sizing: border-box; margin: 20px auto !important}
	.mbtngroup .btn_m, .mbtngroup .btn_d, .mbtngroup .btn_l { width: 32% !important; }
	
	/* 부?�행???�고 ?�담 */
	.popup .tablewrite.pchidden label span { position: relative; top: -2px !important; font-size: 1.3rem !important; letter-spacing: -1.5px !important}
	
	/* pagination */	
	.pagination-sm > li > a, .pagination-sm > li > span { font-size: 1.3rem !important;  }
	.pagination > li > a, .pagination > li > span { padding:5px 10px !important; }
	
	.btn-3 i { margin-left:0 !important; position: relative; }
	.tableview.equip.pchidden img { max-width: 100% !important; height: auto}
	
	.state { padding:5px 3px !important; width: 50px !important; display: inline-block; border-radius:2px; font-size:1.2rem !important; font-weight: 200; position: relative; top: -5px; text-align: center;}
	
	/* tablelist */
	table.mtablelist { width:100%; border-top:1px solid #74849f; border-bottom:1px solid #acb5c5; }
	.mtablelist thead th { font-size:1.2rem; font-weight:400; padding:7px; background:#e9ecf0; color:#3c3c3c; border-bottom:1px solid #94a4bd; text-align:center; vertical-align:middle;}
	.mtablelist tbody tr:hover { background:rgba(116,132,159,0.1);}
	.mtablelist.nohover tr:hover {background:none !important;}
	.mtablelist.nth2center tbody tr td:nth-child(2) { text-align:center; }
	.mtablelist tr td { border-bottom:1px dashed #c8c8c8; font-weight:300; padding:5px; text-align:center; color:#6f6f6f; vertical-align:middle; font-size:1.2rem; letter-spacing:0; }
	.mtablelist tr td a, .tablelist tr td a:hover, .tablelist tr td a:visited {color:#00235c; }
	.mtablelist tr td a:hover { text-decoration:underline;}
	.mtablelist tr:last-child td { border-bottom:0 !important; }
	.mtablelist tr td.relation {background: url(../../images/dgtp/media_li_bg.png) no-repeat 18px center; padding-left: 30px;}
	.mtablelist tr .mainFlag { font-size:1.6rem; font-weight: 500 } 
	
	.btngroup.fl { text-align: left;}
	.btngroup.fr { text-align: right;}
	.btngroup.fl, .btngroup.fr { width:50% !important; margin-top: 20px !important;}
	.btngroup.fl button, .btngroup.fr button { width:40% !important; }
}



/* 가로모??*/
@media only screen and (max-width : 768px) and ( orientation: landscape  ) {	
	.tablewrite.pchidden {display: table !important; width: 100% !important}
	.board_top .search { display: block !important; width: 100%; float: right; text-align: right}
	.board_top .msearch { display: none !important; }
	.board_top .post { padding-left: 10px; margin-bottom: 10px}
	.tablelist { display: none !important}
	.mtablelist { display: block !important; width: 100%; margin: 0 auto; border-top:1px solid #74849f; border-bottom:1px solid #acb5c5; box-sizing: border-box}
	.mtablelist div { border-bottom:1px dashed #c8c8c8; font-weight:300; padding:10px 15px; min-height: 50px; color:#6f6f6f; vertical-align:middle; font-size:1.5rem; letter-spacing:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.mtablelist div:last-child { border-bottom: none}
	.mtablelist div:nth-child(2n) { background:rgba(116,132,159,0.1); }
	.mtablelist div .title {color:#00235c;}
	.mtablelist ul.list_info li { float: left; margin-top: 10px; line-height: 10px; margin-right: 5px; padding-right: 5px; border-right: 1px solid #c8c8c8; height: 10px; font-size: 1.3rem !important}
	.mtablelist ul.list_info li:last-child { border-right: none}
	.mtablelist .mainFlag { font-size:1.5rem; font-weight: 500 } 
	
	.tableview tr th { font-size:1.4rem !important; white-space:nowrap;}
	.tableview td { border-bottom:1px solid #dedede; font-weight:300; padding:5px 10px !important; color:#5a5a5a; text-align:left; vertical-align:middle; font-size:1.4rem !important; line-height:1.6; letter-spacing:0; box-sizing: border-box; }	
	.tableview td img { max-width:100% !important; margin:0 auto; display:block; }
	.attach { padding:0 !important; }
	.pageNum { margin-bottom: 30px;}
	textarea, input[type="text"], input[type="password"], select { -webkit-appearance: none; border-radius: 0; }
	
	
	.tablewrite { box-sizing: border-box }	
	.tablewrite input[type="text"] { box-sizing: border-box }	
	.tablewrite input[type="file"] { width: 90% !important; height: 34px;}
	.tablewrite th { width: 15% !important}
	.tablewrite td { width: 20% !important}
	.tablewrite td, .tablewrite th { font-size: 1.4rem !important; }
	.tablewrite td .height500 { height: 300px !important}
	.tableview th span.answer_date { font-size: 1.1rem !important; letter-spacing: -1px !important}
	
	.mbtn_group { float: none !important; margin: 20px auto !important; text-align: center;}
	.mbtn_group button { width: 32% !important}
	
	.btngroup { width:100% !important; margin:40px auto 0 auto !important; text-align: center}
	.btngroup .btn_y { font-size:1.4rem !important; width:49% !important; } /* green ?�성?�료 */	
	.btngroup .btn_n { font-size:1.4rem !important; width:49% !important;} /* gray 취소 */	
	
	/* ?�수?�력??�� */
	.required { font-size:1.3rem !important; margin:0 0 5px 0; }
	.required i { color:#ff3232; margin-right:3px; }
	
	/* ?�의???�설?�약 */
	.meet_res .tableline.mtable td { height: 20px !important}
	.meet_res .tableline.meet_table th, .meet_res .tableline.meet_table td { font-size: 1.2rem !important; padding: 3px 0 !important}
	.meet_res .tableline.meet_table td span:nth-child(2) { display: none !important}
	.meet_res .tableline.meet_table td span:nth-child(3) { display: block !important}
	.tableline.mtable.monline_table td { padding: 8px 3px !important}
	.monline_radio label { font-size: 1.3rem !important; float: left}
	.monline_radio label span { position: relative; top: -1px;}
	.radio.fl.monline_radio { margin: 0 !important; float: right !important; position: relative; top: 33px;}
	
	/* ?�의???�관?�청 */
	.meet_online .tableline.mtable.pchidden.monline_table { display: table !important; width: 100% !important}
	.meet_online .tableline.mtable.pchidden { display: table !important; width: 100% !important}
	
	/* imagelist */
	.image_list { width:calc(100% - 2px) !important; border-top: 1px solid #74849f; border-bottom:1px solid #acb5c5; padding: 25px 0 0 0 !important; display: inline-block; box-sizing: border-box !important; margin: 0 auto !important}
	.image_list li { float: left; width:23.5% !important; height: auto; margin-bottom: 2% !important; font-size:1.4rem !important; margin-right: 2% !important; display: inline-block; box-sizing: border-box}
	.image_list li:nth-child(2n) { margin-right: 2% !important; float: left !important}
	.image_list li:nth-child(4n) { margin-right: 0 !important; }
	.image_list li:nth-child(6n) { margin-right: 2% !important; }
	.image_list li img { width: 100% !important; height: auto !important; border: 1px solid #c8c8c8}
	.image_list li .title { font-size: 1.4rem !important; line-height: 35px; padding: 0 !important; box-sizing: border-box; width: 100% !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.image_list li .date { float: right; line-height: 32px}
	.image_list li.nodata { width: 100% !important; text-align: center; line-height: 100px; box-sizing: border-box}
	.btn01s { font-size:1.2rem !important; height:32px; padding:0 5px !important; } 
	
	.image_list2 { width: 100%}
	.image_list2 > li { float: left; width: 32% !important; margin-right: 2% !important; border-bottom:1px dashed #c8c8c8; padding-bottom: 20px !important; margin-bottom: 20px !important;}
	.image_list2 > li:nth-child(3n) { margin-right: 0 !important}
	.image_list2 > li:nth-child(4n) { margin-right: 2% !important}
	.image_list2 > li img { width: 100% !important; height: auto !important; border: 1px solid #c8c8c8}
	.image_list2 > li .title { padding: 0 !important; width: 100% !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.image_list2 .list_info { padding-left: 0 !important}
	
	.board_cont iframe { width: 100% !important; height: auto !important;  min-height: 450px}
	
	/* 직원?�황 */
	.board_top .search.staff .width200 { width: 25% !important}
	.board_top .search.staff .width150 { width: 20% !important}
	.board_top .search.staff .width120 { width: 15% !important}
	.board_top .search.staff .width220 { width: 20% !important}
	
	.mtablelist .mtable_row.nodata { height: 100px; text-align: center !important; line-height: 100px; float: none !important }
	
	.mtablelist .mtable_row.file_bg { position: relative;}
    .mtablelist .mtable_row.file_bg:after, .mtablelist .mtable_row.file_bg::before  { content: "\f15c"; font-size: 2.5rem; color: silver; z-index: 1; position: absolute; top: 35%; right: 4% !important;  margin: -.48em -.42em; font-family: 'Font Awesome 5 Pro'}
	
	/* 부?�소�?*/
	.mtable.nth3hidden th:nth-child(2), .mtable.nth3hidden td:nth-child(2) { display: none}	
	
	.btngroup { width:100% !important; margin:40px auto 0 auto !important; text-align: center}
	.btngroup .btn_y { font-size:1.4rem !important; width:49% !important; } /* green ?�성?�료 */	
	.btngroup .btn_n { font-size:1.4rem !important; width:49% !important;} /* gray 취소 */	
	.tableview.equip.pchidden img { max-width: 100% !important; height: auto}
	
	/* tablelist */
	table.mtablelist { width:100%; border-top:1px solid #74849f; border-bottom:1px solid #acb5c5; }
	.mtablelist thead th { font-size:1.2rem; font-weight:400; padding:7px; background:#e9ecf0; color:#3c3c3c; border-bottom:1px solid #94a4bd; text-align:center; vertical-align:middle;}
	.mtablelist tbody tr:hover { background:rgba(116,132,159,0.1);}
	.mtablelist.nohover tr:hover {background:none !important;}
	.mtablelist.nth2center tbody tr td:nth-child(2) { text-align:center; }
	.mtablelist tr td { border-bottom:1px dashed #c8c8c8; font-weight:300; padding:5px; text-align:center; color:#6f6f6f; vertical-align:middle; font-size:1.2rem; letter-spacing:0; }
	.mtablelist tr td a, .tablelist tr td a:hover, .tablelist tr td a:visited {color:#00235c; }
	.mtablelist tr td a:hover { text-decoration:underline;}
	.mtablelist tr:last-child td { border-bottom:0 !important; }
	.mtablelist tr td.relation {background: url(../../images/dgtp/media_li_bg.png) no-repeat 18px center; padding-left: 30px;}
	.mtablelist tr .mainFlag { font-size:1.6rem; font-weight: 500 } 
	
	.btngroup.fl { text-align: left;}
	.btngroup.fr { text-align: right;}
	.btngroup.fl, .btngroup.fr { width:50% !important; margin-top: 20px !important;}
	.btngroup.fl button, .btngroup.fr button { width:40% !important; }
}

	
#frm_list{margin-top:100px}

.tablelist { display: inline-table}
.mtablelist { display: none}
.pchidden { display: none !important;}
.inline_pchidden { display: none !important;}

.mhidden { display: block;} 
.inline_mhidden  { display: inline-block;}

table.mhidden { display: table !important;} 
.tableline.mhidden { display: table}
.tablelist.mtablelist.mtable { display: table; }


/* btn */
/********************************************************************************************************
btn01(?�이�? : 검?????�폴??버튼
btn02(블루) : 문서?�성, 추�?, 변�???버튼
btn03(border?�이�? bg?�그?�이) : ?�록?�면 ??검??버튼, ?�면 ?�단 ?�폴??버튼
btn04(그린) : ?�음?�면?�어가�?버튼
btn05(?�드) : 반려, ??�� 버튼
********************************************************************************************************/
.btn-default { color: #333; background-color: #fff; border-color: #ccc;}
.btn { display:inline-block; border: none; color:#787878; cursor: pointer; padding:8px 25px; font-size:1.4rem; letter-spacing:-0.3px; text-transform: uppercase; font-weight:300; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; white-space:nowrap; vertical-align:middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius:0; }
.btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn:before, .icon-heart:after, .icon-star:after, .icon-plus:after, .icon-file:before { font-family:'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; }
.btn01 { font-size:1.4rem !important; height:36px; padding:0 13px; border:1px solid #b2bccb; vertical-align:top; transition:.2s; cursor:pointer; background:#fff; color:#627ca6; } 
.btn01:hover { background:#fff; transition:.2s; border:1px solid #60779d; color:#60779d !important; cursor:pointer; }
.btn01s { font-size:1.4rem !important; height:32px; padding:0 10px; border:1px solid #b2bccb; vertical-align:top; transition:.2s; cursor:pointer; background:#fff; color:#627ca6; } 
.btn01s:hover { background:#fff; transition:.2s; border:1px solid #60779d; color:#60779d !important; cursor:pointer; }
.btn02 { font-size:1.4rem !important; padding:8px 13px; vertical-align:top; transition:.2s; cursor:pointer; background:#22a824; color:#fff; } /* green */
.btn02:hover { background:#138b14; transition:.2s; color:#fff !important; cursor:pointer; }
.btn03 { font-size:1.4rem !important; padding:7px 13px !important; vertical-align:top; transition:.2s; cursor:pointer; background:#0093df; color:#fff; } /* blue */ 
.btn03:hover { background:#0885dc; transition:.2s; color:#fff !important; cursor:pointer; }
.btn04 { font-size:1.4rem !important; padding:8px 13px; vertical-align:top; transition:.2s; cursor:pointer; background:#7160b9; color:#fff; } /* purple */
.btn04:hover { background:#51429f; transition:.2s; color:#fff !important; cursor:pointer; }
.btn05 { font-size:1.4rem !important; padding:8px 17px 6px 17px; vertical-align:top; transition:.2s; cursor:pointer; background-image:url(../../images/dgtp/btn05_bg01.png), url(../../images/dgtp/btn05_bg02.png); background-repeat:no-repeat, repeat-x; background-position:left top, left top; background-color:#fff; color:#646464; border:1px solid #dcdcdc; border-top:0; letter-spacing:-0.3px; } 
.btn05 i { margin-left:4px; }

.btngroup { width:464px; margin:70px auto 0 auto; height:auto; }
.btn_y { font-size:1.7rem !important; font-weight:400; letter-spacing:-0.6px; width:230px; text-align:center; padding:12px 0; vertical-align:top; transition:.2s; cursor:pointer; background:#22a824; color:#fff; border:1px solid #22a824; } /* green ?�성?�료 */
.btn_y:hover { background:#138b14; transition:.2s; color:#fff !important; cursor:pointer; }

.btn_r { font-size:1.7rem !important; font-weight:400; letter-spacing:-0.6px; width:230px; text-align:center; padding:12px 0; vertical-align:top; transition:.2s; cursor:pointer; background:#fff; color:#ff3232; border:1px solid #ffadad; } /* red ??�� */
.btn_r:hover { background:#fff; transition:.2s; color:#ff3232 !important; cursor:pointer; border:1px solid #ff8b8b;}

.btn_n { font-size:1.7rem !important; font-weight:400; letter-spacing:-0.6px; width:230px; text-align:center; padding:12px 0; vertical-align:top; transition:.2s; cursor:pointer; background:#fff; color:#505050; border:1px solid #bbb; } /* gray 취소 */
.btn_n:hover { background:#fff; transition:.2s; color:#505050 !important; cursor:pointer; border-color:#787878; }
.btn_m { font-size:1.6rem !important; color:#005dba; border:1px solid #99bee3; } /* blue ?�정 */
.btn_d { font-size:1.6rem !important; color:#ff3232; border:1px solid #ffadad; } /* red ??�� */
.btn_l { font-size:1.6rem !important; color:#505050; border:1px solid #aaa; } /* black 목록 */
.btn_m, .btn_d, .btn_l { font-weight:400; letter-spacing:-0.6px; width:120px; text-align:center; padding:9px 0; vertical-align:top; transition:.2s; cursor:pointer; background:#fff; }
.btn_m:hover, .btn_d:hover, .btn_l:hover { text-decoration:underline; }


.btn-2 { background:#fff; color:#3c3c3c; border:1px solid #aaa; overflow: hidden; font-size:1.4rem; padding:0 0 0 15px; cursor:pointer; }
.btn-2 i { margin-left:10px; padding:10px 13px; color:#fff; background:#aaa; }

.btn-3 { background:#0885dc; color:#fff; overflow: hidden; }
.btn-3:hover { background: #0877c4; color:#fff; }
.btn-3:active { background: #0678c7; top: 2px; color:#fff; }
.btn-3:before { position:absolute; height:100%; left: 0; top: 0; line-height: 3; font-size: 140%; width: 60px; left: auto; right: 10px; z-index: 2; }
.btn-3:after { width: 30%; height: 200%; background: rgba(255,255,255,0.1); z-index: 1; right: 0; top: 0; margin: -5px 0 0 -5px; -webkit-transform-origin: 0 0; -webkit-transform: rotate(-20deg); -moz-transform-origin: 0 0; -moz-transform: rotate(-20deg); -ms-transform-origin: 0 0; -ms-transform: rotate(-20deg); transform-origin: 0 0; transform: rotate(-20deg); }
.btn-3:hover:after { width: 40%; }
.btn-3 i { margin-left:10px; }


.btn-4 { background:#248b1e; color:#fff; overflow: hidden; }
.btn-4:hover { background: #1d7517; color:#fff; }
.btn-4:active { background: #186b12; top: 2px; color:#fff; }
.btn-4:before { position:absolute; height:100%; left: 0; top: 0; line-height: 3; font-size: 140%; width: 60px; left: auto; right: 10px; z-index: 2; }
.btn-4:after { width: 30%; height: 200%; background: rgba(255,255,255,0.1); z-index: 1; right: 0; top: 0; margin: -5px 0 0 -5px; -webkit-transform-origin: 0 0; -webkit-transform: rotate(-20deg); -moz-transform-origin: 0 0; -moz-transform: rotate(-20deg); -ms-transform-origin: 0 0; -ms-transform: rotate(-20deg); transform-origin: 0 0; transform: rotate(-20deg); }
.btn-4:hover:after { width: 40%; }
.btn-4 i { margin-left:10px; }


.btn-5 { background:#248b1e; color:#fff; overflow: hidden; padding:15px 40px; font-size:1.6rem; }
.btn-5:hover { background: #1d7517; color:#fff; }
.btn-5:active { background: #186b12; top: 2px; color:#fff; }
.btn-5:before { position:absolute; height:100%; left: 0; top: 0; line-height: 3; font-size: 140%; width: 60px; left: auto; right: 10px; z-index: 2; }
.btn-5:after { width: 30%; height: 200%; background: rgba(255,255,255,0.1); z-index: 1; right: 0; top: 0; margin: -5px 0 0 -5px; -webkit-transform-origin: 0 0; -webkit-transform: rotate(-20deg); -moz-transform-origin: 0 0; -moz-transform: rotate(-20deg); -ms-transform-origin: 0 0; -ms-transform: rotate(-20deg); transform-origin: 0 0; transform: rotate(-20deg); }
.btn-5:hover:after { width: 40%; }
.btn-5 i { margin-left:10px; }

.3btngroup{text-align: right!important;}
.3btngroup button{width:20%!important;}


table { clear:both !important; }
table tbody tr td button { padding:5px 13px !important; }
table tbody tr td img { vertical-align:middle; position:relative; top:-1px; }

/* td ?�렬*/
.nth2left tr td:nth-child(2) { text-align:left; }
.nth3left tr td:nth-child(3) { text-align:left; }

/* ?�동줄바꿈x */
/*table thead tr th, table thead tr td, table tbody tr th, table tbody tr td { white-space:nowrap ; }*/

/* 게시??view 첨�??�일 리스??*/
.attach { padding:10px; }
.attach li a { color:#115aa3; }

/* 게시??검??*/
.board_top { font-size:1.5rem; margin:0 0 15px 0 !important; clear:both; }
.board_top .post { margin-top:10px; }
.board_top .post { }
.board_top .post li { display:inline-block; font-size:1.5rem; letter-spacing:0; }
.board_top .post li:first-child { margin-right:15px; }
.board_top .post  li span { color:#0093df; }
.board_top .search { display: block}
.board_top .search i.fa-calendar-alt { color:#0093df; font-size:2rem; margin-left:3px; cursor:pointer; position: relative; top: 2px}
.board_top .msearch { display: none}

/* ?�수?�력??�� */
.required { font-size:1.6rem; margin:0 0 5px 0; }
.required i { color:#ff3232; margin-right:3px; }

/* ?�이�?*/
.notice { color:#fff; background:#22a824; border-radius:2px; padding:1px 5px 2px 5px; font-weight:400; }
.tableview .notice, .tableview .state, .tableview .qna { margin-right:4px; text-align: center; width: auto }
.state { padding:2px 6px; width: 55px; display: inline-block; border-radius:2px; font-size:1.4rem; }
.state01 { color:#fff; background:#00afbf;}
.state02 { color:#fff; background:#b5b5b5;}
.state03 { color:#fff; background:#0076be;}
.state04 { color:#fff; background:#f58220;}
.qna { padding:2px 6px; width: 55px; display: inline-block; border-radius:2px; font-size:1.4rem; text-align: center }
.qna01 { color:#fff; background:#0093df; }
.qna02 { color:#787878; background:#e6e6e6; }
.qna03 { color:#fff; background:#22a824; }
.tablewrite  .fa-check { margin-left:3px; color:#ff3232; }
a .fa-times { color:#ff3232; cursor:pointer; padding:3px;  }

/* 첨�??�일 */
.file_input label { position:relative; cursor:pointer; display:inline-block; verticla-align:middle; overflow:hidden; width:100px; border:1px solid #c8c8c8; color:#555; text-align:center; font-size:1.3rem; height:32px; line-height:32px; transition:.2s; background:#dfe2e6; left:-5px; }
.file_input label:hover { background:#d4d7db; border:1px solid #b4b4b4; color:#555; }
.file_input label input { position:absolute; width:0; height:0 !important; overflow:hidden; }
.file_input input[type="text"] { vertical-align:middle; display:inline-block; width:250px; font-size:1.2rem !important; padding:0 10px !important; border:0; border:1px solid #c8c8c8; letter-spacing:-1px; background:#fafafa; }

/* tableline */
.tableline { width:100%; border-top:2px solid #74849f; border-bottom:1px solid #acb5c5; margin-bottom:20px; border-left:1px solid #c8c8c8; }
.tableline tr th { font-size:1.5rem; font-weight:300; padding:5px; background:#edeff3; color:#000; text-align:center; border-bottom:1px solid #94a4bd; border-top:1px solid #74849f !important; vertical-align:middle; letter-spacing:0; border-right:1px solid #c8c8c8; }
.tableline th a, .tableline th a:hover, .tableline th a:visited {color:#000 !important;}
.tableline td { border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8; font-weight:300; padding:5px 15px; color:#6f6f6f; text-align:center; vertical-align:middle; font-size:1.5rem; line-height:1.6; letter-spacing:0; background:#fff; }
.tableline td a, .tableline td a:visited, .tableline td a:hover { color:#01579b; }
.tableline td a:hover { text-decoration:underline; }
.tableline td.verticalT { vertical-align:top; }
.tableline tfoot td { background:#ffeaea; text-align:center; color:#3c3c3c; font-weight: 500}
.tableline.location a, .tableline.location a:hover, .tableline.location a:active {color:#6f6f6f !important; text-decoration: none !important}


/* tableline type02 */
.tableline02 { width:100%;border-top:2px solid #004B93; margin-bottom:20px; border-left:1px solid #c8c8c8; }
.tableline02 tr th { font-size:1.6rem; font-weight:300; padding:5px; background:#edeff3; color:#000; text-align:center; border-bottom:1px solid #94a4bd; border-top:1px solid #74849f !important; vertical-align:middle; letter-spacing:0; border-right:1px solid #c8c8c8; }
.tableline02 tr td { border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8; font-weight:300; padding:12px 20px; color:#6f6f6f; text-align:center; vertical-align:middle; font-size:1.6rem; line-height:1.6; letter-spacing:0; background:#fff; }


/* tablelist */
.tablelist { width:100%; border-top:2px solid #004B93; }
.tablelist thead th { font-size:1.5rem; font-weight:400; padding: 15px 7px; background:#F9F9F9; color:#3c3c3c; text-align:center; }
.tablelist tbody tr:hover { background:rgba(116,132,159,0.1);}
.tablelist.nohover tr:hover {background:none !important;}
.tablelist.nth2center tbody tr td:nth-child(2) { text-align:center; }
.tablelist tr td { border-bottom:1px dashed #c8c8c8; font-weight:300; padding:10px 15px; text-align:center; color:#6f6f6f; vertical-align:middle; font-size:1.5rem; letter-spacing:0; }
.tablelist tr td a, .tablelist tr td a:hover, .tablelist tr td a:visited {color:#00235c; }
.tablelist tr td a:hover { text-decoration:underline;}
.tablelist tr:last-child td { border-bottom:0 !important; }
.tablelist tr td.relation {background: url(../../images/dgtp/media_li_bg.png) no-repeat 18px center; padding-left: 30px;}
.tablelist tr .mainFlag { font-size:1.6rem; font-weight: 500 } 


/* imagelist */
.image_list { width:100%; border-top: 1px solid #74849f; border-bottom:1px solid #acb5c5; padding: 25px 10px 0 10px; display: inline-block; box-sizing: border-box}
.image_list li { float: left; width: 205px; height: auto; margin-right: 10px; margin-bottom: 25px; font-size:1.5rem; }
.image_list li:nth-child(6n) { margin-right: 0}
.image_list li img { width: 203px; height: 267px; border: 1px solid #c8c8c8}
.image_list li .title { line-height: 35px; padding: 0 5px; box-sizing: border-box; width: 203px; display: block}
.image_list li .date { float: right; line-height: 32px}
.image_list li.nodata { width: 100%; text-align: center; line-height: 100px;}


/* imagelist */
.image_list2 { width:100%; border-top: 1px solid #74849f; border-bottom:1px solid #acb5c5; padding: 25px 10px 0 10px; display: inline-block; box-sizing: border-box}
.image_list2 > li { float: left; width: 310px; height: auto; margin-right: 13px; margin-bottom: 25px; font-size:1.5rem; }
.image_list2 > li a, .image_list2 > li a:hover, .image_list2 > li a:visited {color:#00235c; }
.image_list2 > li a:hover { text-decoration:underline;}
.image_list2 > li:nth-child(4n) { margin-right: 0}
.image_list2 > li img { width: 308px; height: 173px; border: 1px solid #c8c8c8}
.image_list2 > li .title {  padding: 0 5px; box-sizing: border-box; width: 203px; display: block}
.image_list2 .list_info { float: left; width: 100%; padding-left: 5px}
.image_list2 .list_info li { float: left; margin-top: 5px; line-height: 10px; margin-right: 5px; padding-right: 5px; border-right: 1px solid #c8c8c8; height: 10px; font-size: 1.3rem !important}
.image_list2 .list_info li:last-child { border-right: none}
.image_list2 li.nodata { width: 100%; text-align: center; line-height: 100px;}


/* tableview */
.tableview { width:100%; border-top:2px solid #74849f; margin-bottom:20px; }
.tableview tr th { font-size:1.5rem; font-weight:300; padding:5px; background:#e9ecf0; color:#000; text-align:center; border-bottom:1px solid #b5b8c0; border-top:1px solid #b5b8c0 !important; vertical-align:middle; letter-spacing:0; }
.tableview tr th.viewth02 { background:#f6f7f9; }
.tableview td a, .tableview td a:hover, .tableview td a:visited {color:#002054 !important;}
.tableview td { border-bottom:1px solid #dedede; font-weight:300; padding:5px 15px; color:#5a5a5a; text-align:left; vertical-align:middle; font-size:1.5rem; line-height:1.6; letter-spacing:0; box-sizing: border-box; }
.tableview td a:hover { text-decoration:underline;}
.tableview td img { max-width:1000px; margin:0 auto; display:block; }
.tableview td.board_cont { padding:40px; }
.tableview.equip td img { width: auto; max-height: 300px !important;}


/* tablewrite */
.tablewrite { width:100%; border-top:2px solid #74849f; margin-bottom:20px; }
.tablewrite tr th { font-size:1.5rem; font-weight:300; padding:5px; background:#e9ecf0; color:#000; text-align:center; border-bottom:1px solid #b5b8c0; border-top:1px solid #b5b8c0 !important; vertical-align:middle; letter-spacing:0; }
.tablewrite tr th.viewth02 { background:#f6f7f9; }
.tablewrite th a, .tablewrite th a:hover, .tablewrite th a:visited {color:#000 !important;}
.tablewrite td { border-bottom:1px solid #dedede; font-weight:300; padding:5px 7px; color:#5a5a5a; text-align:left; vertical-align:middle; font-size:1.5rem; line-height:1.6; letter-spacing:0; box-sizing: border-box; }
.tablewrite td span { line-height:2.4; }
.tablewrite td a:hover { text-decoration:underline;}
.tablewrite td img { max-width:820px; }
.tablewrite td textarea { padding:1% !important; width:98% !important; }
.tablewrite td input[type="text"], .tablewrite td input[type="password"], .tablewrite td input[type="number"], .tablewrite td input[type="email"] { padding:0; vertical-align: middle }
.tablewrite .answer_date { display:block; color:#787878; }
.tablewrite td .fa-calendar-alt { color:#0093df; font-size:2rem; margin-left:3px; cursor:pointer;  }

/* equip_status */
.equip_status img { max-height: 120px}
.equip_view img { max-width: 323px}


/* pagination */
.pageNum { width: 100%; text-align: center; float:left; margin-top:20px;  }
.pagination { display: inline-block; padding-left:0px; /*margin: 20px 0;*/ }
.pagination > li { display: inline; }
.pagination-sm { text-align: center; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 10px; font-size: 1.4rem; display: inline-block; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding:6px 15px; margin-left: -1px;  text-decoration: none; background-color: #ffffff; border: 1px solid #ddd; color: #787878; margin-right: 5px;  transition:.2s; font-weight:300; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0px; transition:.2s}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #0093df; cursor: default; background-color: #fff; border-color: #828282; font-weight: 500; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { margin-right:0; }
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #c9c9c9; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background:#fff; border-color:#828282; color:#828282;  transition:.2s }