@charset "utf-8";

body { width:100%; height:100%; background:#ededed; }

.mb-10 { margin-bottom:10px; }
.mb-20 { margin-bottom:20px; }
.mb-30 { margin-bottom:30px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }
.btn_right { float:right; }



/* 전체 */
.sub_all_wrap { width:100%; height:100%; top:0; right:0; padding:0 0 0px; font-size:15px; line-height:21px; }
.sub_com_top { position:relative; margin:0 auto; padding:0 0 20px; text-align:center; }
.sub_com_top span { position:absolute; left:20px; top:15px; font-size:15px; }

/* 서브상단 */
.sub_cust_top { position:relative; display:block; width:100%; height:50px; background:#fff; border-bottom:1px solid #dcdcdc; text-align:center; }
.sub_cust_top h2 { text-align:center; line-height:53px; color:#333; font-size:16px; font-weight:600; }

/* 서브상단 글쓰기 페이지 */
.sub_cust_top.write a.open_sidemenu,
.sub_cust_top.write a.home_sidemenu { display:none; }
.sub_cust_top.write .btn_area { position:absolute; right:10px; top:10px; margin:0; }

/* 컨텐츠전체 */
.sub_con_wrap { position:relative; background:#ededed; overflow:auto; overscroll-behavior: contain;
/*position:absolute;*/ width:100%; top:0px; bottom:0; z-index:0; padding:10px;  }
.sub_con { position:relative; margin:0 auto; min-height:100%; }
.sub_row { border-radius:8px; background:#fff; padding:10px; margin-bottom:10px; position:relative; overflow:hidden;}
.sub_row b.row_title {
	width:70px;
	display:inline-block;
}
.sub_row .date {
	font-size:13px;
}
.sub_row_bg_light {
	background:#fafafa;
}

/* 상단메뉴 */
.subject_top { overflow:hidden; text-align:center; text-align:center; background:#fff; z-index:1; }
.subject_top div { max-width:768px; margin:0 auto; }
.subject_top ul { text-align:center; }
.subject_top li { width:50%; display:inline-block; font-size:15px; line-height:16px; font-weight:600; color:#000; float:left;}
.subject_top li a { width:100%; padding:13px 0; border:1px solid #dcdcdc; display:block; }
.subject_top li:first-child a {border-right:none;}
.subject_top .on { color:#00a7ad; border-bottom:2px solid #00a7ad; }

/* 검색창 */
.search_box { position:relative; margin:10px 0 20px; padding-left:30px; height:48px; border:3px solid #2477ba;
background:#fff url('../../images/common/icon_search.png') no-repeat 10px center; background-size: auto 50%; }
.search_box input[type=text] { width:98%; height:42px; padding:0 40px 0 10px; font-size:16px; font-weight:500; background:#fff; border:none; }
.btn_search { position:absolute; top:0; right:0; width:70px; height:42px; line-height:42px; text-align:center; color:#fff; background:#2477ba }



/* 메뉴선택 */
.select_box {overflow:hidden;}
.select_box.mtop { margin-top:20px }
.select_box.mtop2 { margin-top:10px }
.select_box div { text-align:left;display:inline-block; vertical-align:top}
.select_box input { font-size:16px }
.select_box select { vertical-align:top; height:35px; }
.select_box span { float:left; padding-top:8px; font-size:15px; margin-bottom:10px; }
.select_box .select { float:right; width:calc(100% - 120px); margin-bottom:10px;  }
.select_box .select1 { float:right; width:calc(100% - 90px); height:35px; }
.select_box .select2 { width:140px; }
.select_box .search { font-size:16px; width:calc(100% - 73px); }

.select_box .dateInp {width: calc(50% - 45px); float: left; margin: 0;}
.select_box .dateInp input {width: 100%;}
.select_box .dateInp select {width: 100%; height: 40px; line-height: 40px;}
.select_box .select.dateInp i {top: 12px;}
.select_box em.swing {float: left; font-weight: normal; line-height: 44px;padding: 0 5px;}

@media screen and (max-width:340px) {
	.select_box input { font-size:14px; }
}

/* 달력선택 */
.ax-picker-content { width:auto !important; margin-top:10px; margin-right:10px; }
.ax-picker-content-box { float:none !important; margin-bottom:10px; width:200px !important }
.ax-picker-content .ax-picker-content-box:first-child{ margin-left:10px;  }
.ax-picker-buttons { padding:0 0 5px !important; }
.ax-picker-arrow { display:none; }
.calendar-control, .calendar-control * { height:30px !important; line-height:30px !important; }
.calendar-control i { font-size:18px; line-height:0.5 !important;}

.date_box { position:relative; text-align:left; font-size:15px; line-height:24px; overflow:hidden;;}
.date_box.bot { margin-bottom:5px }
.date_box.ntop { margin-top:0 }
.date_box.nbot { margin-bottom:0 }
.date_box input[type=text] { font-weight:500; }
.date_box .input-group { display:inline-block; }
.date_box .input-group.mtop { margin-top:5px }
.date_box span { display:inline-block; vertical-align:top; margin-right:5px; color:#333; font-size:15px; font-weight:500; }
.date_box span.text_uStyle{
   box-shadow:inset 0 -7px 0 rgba(255,246,143,0.8);
   padding:0 3px
   font-weight:500;
}
.date_box span.w2 { display:inline-block; width:60px; vertical-align:top; margin-right:5px; line-height:40px; font-size:15px; font-weight:500; }
.date_box span.btn_date { position:relative; display:inline-block; width:40px; height:38px; padding:0; margin:0 5px 0 0; border:none; background:none; }
.date_box span.btn_date i { position:absolute; top:7px; left:5px; font-size:16px}

.date_line  { border-bottom:1px solid #dcdcdc; padding-bottom:5px; margin-bottom:10px; font-size:13px; font-weight:300; text-align:right; }
.date_box.date_box_holiday {background:#f0f0f0; padding:10px 15px 0; border-radius:5px; overflow:hidden;}
.select_search {
	width:100%;
	margin-top:-10px;
	text-align:center;
	position:relative;
    overflow:hidden;
}
.select_search h3 {
	line-height:1.5em;
	font-size:30px;
	font-weight:400;
	color:#000;
	font-weight:800;
	font-family:'Arial';
}
.select_search a {
	width:30px;
	height:30px;
	color:#989898;
	font-size:20px;
	display:block;
}
.select_search a.cal_left_btn {
	position:absolute;
	left:16%;
	top:10px;
}
.select_search a.cal_right_btn {
	position:absolute;
	right:16%;
	top:10px;
}
.select_search a.cal_today_btn {
	width:70px;
	height:32px;
	position:absolute;
	left:0px;
	top:3px;
	line-height:32px;
	font-size:15px;
	background:#09b9b9;
	color:#fff;
	border:1px solid #1cc5cb;
	border-radius:3px;
}

/* 하단 */
.footer { position:absolute; left:0; bottom:0; width:100%; height:30px; line-height:32px; font-size:11px; border-radius:0 0 5px 5px;
text-align:center; color:#666; background:#e8e8e8 }
.footer a.footer_customer  { font-weight:bold; color:#333 !important }

/* 그래프 */
#chart_div table td > div { position:static !important; }
#chart_div table td > div > div { position:static !important; }

/* 년도 */
.lst_year { font-weight:bold; font-size:24px; color:#000; text-align:center; margin:20px 0 }
.lst_wrap { position:relative; width:100%; }
.lst_prev { position:absolute; top:50%; left:0; display:block; border:1px solid #fff; width:30px; height:40px; line-height:42px; letter-spacing:-3px; }
.lst_next { position:absolute; top:50%; right:0; display:block; border:1px solid #fff; width:30px; height:40px; line-height:42px; letter-spacing:-3px; }
.lst_prev:hover,
.lst_next:hover { border:1px solid #e8e8e8 }
.lst_wrap .lst_guide01 { width:90%; margin:0 auto;}
.lst_wrap .lst_guide01 td { height:43px }
.lst_prev i:first-child, .lst_next i:first-child { font-weight:bold; font-size:40px; color:#999; }
.lst_prev i:last-child, .lst_next i:last-child { font-weight:bold; font-size:40px; color:#666;  }
.lst_wrap .fa-exclamation-circle { font-size:20px; color:#e10000; }
.lst_wrap .lst_guide01.td_lft .fa-exclamation-circle { margin-left:20px; }

/* 목록1 */
.lst_guide01_wrap { border:1px solid #ccc; border-top:3px solid #a4b4d4; border-radius:5px; }
.lst_guide01_wrap.view { border-top:1px solid #ccc }
.lst_guide01 {width:100%;/*  border-radius:5px; */ overflow: hidden; font-size:14px; border-top: 1px solid #dcdcdc;}
.lst_guide01 th { background:#eff2f8; text-align:center; padding:7px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; color:#14476b; font-weight:500;}
.lst_guide01.thpadding th {padding:5px;}
.lst_guide01 td { border:1px solid #ccc; 
	word-break:keep-all;}
.lst_guide01 td.tem_big { font-size:15px; }
.lst_guide01 thead th { background:#eff2f8; text-align:center; padding:7px 0; line-height:1.3;text-align:center; color:#14476b;}
.lst_guide01 th.th { background:#f5f5f5; text-align:center; padding:7px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; color:#000;}
.lst_td span { display:inline-block; width:40px}

.lst_guide01_wrap .lst_guide01 td:last-child,.lst_guide01_wrap .lst_guide01 th:last-child {border-right:none; border-left: none;}
.lst_guide01_wrap .lst_guide01 tr:last-child th {border-bottom:none;}
.lst_guide01_wrap .lst_guide01 tr:last-child td {border-bottom:none;}
.lst_guide01_wrap .lst_guide01 tbody td:first-child {border-left: none;}
.lst_guide01_wrap .lst_guide01 tbody th:first-child {border-right:1px solid #ccc; word-break: keep-all;}
.lst_guide01_wrap .lst_guide01 tbody tr:last-child th, .lst_guide01_wrap .lst_guide01 tbody tr:last-child td {border-bottom: none !important;}

.lst_guide01 .bdb_none {border-bottom: none !important;}
.lst_guide01 .bdt_none {border-top: none !important;}
.lst_guide01 .bdr_none {border-right: none !important;}
.lst_guide01 .bdl_none {border-left: none !important;}

.lst_guide01 th.bdb {border-bottom: 1px solid #ccc !important;}
.lst_guide01 th.bdt {border-top: 1px solid #ccc !important;}
.lst_guide01 th.bdr {border-right: 1px solid #ccc !important;}
.lst_guide01 th.bdl {border-left: 1px solid #ccc !important;}

.lst_guide01 td.bdb {border-bottom: 1px solid #dcdcdc !important;}
.lst_guide01 td.bdt {border-top: 1px solid #dcdcdc !important;}
.lst_guide01 td.bdr {border-right: 1px solid #dcdcdc !important;}
.lst_guide01 td.bdl {border-left: 1px solid #dcdcdc !important;}

.lst_guide01 th.bgc {background:#d2dcee; color:#1e1e1e;}

.lst_guide01.smallfont th,
.lst_guide01.smallfont td {font-size: 12px; letter-spacing: -0.5px;}

.lst_guide01.ssmallfont th {
	padding: 0px;
	font-size: 12px;
	line-height: 1.05;
}
.lst_guide01.ssmallfont td {padding: 2px 0;font-size: 12px;}

.lst_guide01 td.juk_td, .lst_guide03 td.juk_td, span.juk_td {font-weight: 500; color:#00b0b0;font-size: 16px;}
.lst_guide01 td.juk_v2, .lst_guide03 td.juk_v2 {font-weight: 500; color:#0060df;font-size: 16px;}
.lst_guide01 td.bu_td, .lst_guide03 td.bu_td, span.bu_td {font-weight: 500; color:#ff2112; font-size: 16px;}
.lst_guide01 td.bu_v2, .lst_guide03 td.bu_v2{font-weight: 500; color:#ff3535; font-size: 16px;}

.lst_guide01 th.ls05 {letter-spacing: -0.5px;}
.lst_guide01 td.ls05 {letter-spacing: -0.5px;}

.lst_guide01 th.lh12 {line-height: 1.2;}

.lst_guide01.ssmallfont th {
	padding: 0px;
	font-size: 12px;
}
.lst_guide01.ssmallfont td {padding: 2px 0;font-size: 12px;}

/*목록 운영중*/
.lst_guide01_wrap.operating { border:1px solid #ccc; border-top:3px solid #d34e4e; border-radius:5px; overflow: hidden; }
.lst_guide01_wrap.operating .lst_guide01 th { background:#ffd6d8; border-bottom:1px solid #ccc; border-right:1px solid #ccc; color:#000;}
.lst_guide01_wrap.operating .lst_guide01 td { border:1px solid #ccc;}



/* header 대각선 */
.lst_guide01 thead th.backslash { background-image:url('/images/sub/backslash.png'); background-size:100% 100%; line-height:1; text-align:left; letter-spacing:-1px; padding:5px; font-size:11px; }
.lst_guide01 thead th.backslash div { text-align:right; padding-right:5px; letter-spacing:0; }

.lst_guide01 td { background:#fff; text-align:center; padding:9px 0; border:1px solid #dcdcdc;
text-align:center; color:#000;}
.lst_guide01 a { color:#3078ab; font-size:15px; }
.lst_guide01 td b { color:#3078ab; font-weight:500; }

.lst_guide01.td_lft th,
.lst_guide01.td_lft td,
.lst_guide01 th.td_lft,
.lst_guide01 td.td_lft { text-align:left; padding:9px;}
.lst_guide01 .subject { display:inline-block; vertical-align:middle; width:500px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333 }
.lst_guide01 td.border-bottom {border-bottom:1px solid #dcdcdc!important;}

.lst_guide01.pad5 td { padding:5px }
.lst_guide01 .de_info { line-height:27px; }
.lst_guide01 td .input1 { width:100%; text-align:center; }
.lst_guide01.input td { padding:5px }
.lst_guide01.input td input[type="tel"],
.lst_guide01.input td input[type="text"] { width:100%; text-align:center; }
.lst_guide01 select { vertical-align:top }
.lst_guide01 .stxt { font-size:15px; line-height:17px; }

.lst_guide01 .btn_go { display:inline-block; width:24px; height:24px; }

.lst_guide01 .fa-chevron-right { color:#3fc3c4; }
.lst_guide01 input[type=text], .lst_guide01 input[type=tel] { width:100%; }
.lst_guide01.num input[type=tel] { width:94%; text-align:center; }

.lst_guide01 .pos { }
.lst_guide01 .pos .btn_go { display:inline-block; float:right; margin-left:5px; background:#528eb9; border-radius:3px; text-align:center }
.lst_guide01 .pos .btn_go i { font-size:11px; color:#fff }

.lst_guide01 td.note img { width:18px; vertical-align:middle; }
.lst_guide04 td.note img { width:18px; vertical-align:middle; }

	.lst_guide01 .w1 { width:130px }

@media screen and (max-width:340px) {

	.lst_guide01 .stxt { font-size:13px;}
	.lst_guide01 .w1 { width:120px }

}


.lst_guide01.milano {
	
}
.lst_guide01.milano tr {
	border-top:1px solid #ccc;
}
.lst_guide01.milano th {
	border: none;
	border-left: 1px solid #ccc;
}
.lst_guide01.milano th:first-child {
	border-left: none;
}
.lst_guide01.milano td {
	padding: 9px;
	border: none;
	border-left: 1px solid #ccc;
}
.lst_guide01.milano td:first-child {
	border-left: none;
}
.lst_guide01.milano input {width:100%;}


/* 2 */
.lst_guide02_wrap { margin-top:10px; background:#f5f5f5; padding:5px 10px 5px; border-radius:5px; }
.lst_guide02 { width:100%; }
.lst_guide02 tr { border-bottom:1px dashed #dcdcdc }
.lst_guide02 th { vertical-align:top; text-align:left; font-weight:700; color:#3078ab; padding:7px 0; }
.lst_guide02 td { text-align:left; padding:7px 0; }
.lst_guide02 td input[type=text] { width:99% }
.lst_guide02 td.t_right { text-align:right }
.lst_guide02 tr:last-child th,
.lst_guide02 tr:last-child td { border-bottom:none !important }
.lst_guide02 tr.b_last td { border-bottom:none }
.t_right span.ox_o { display:inline-block; width:30px; height:30px; line-height:30px; border-radius:100%;
text-align:center; background:#3fc3c4; color:#fff}
.t_right span.ox_x { display:inline-block; width:30px; height:30px; line-height:30px; border-radius:100%;
text-align:center; background:#999; color:#fff}

/* 3 */
.lst_guide03_wrap { margin-top:10px; background:#f4f8f0; padding:5px 10px 5px; border-radius:5px; }
.lst_guide03 { width:100%; }
.lst_guide03.pad { margin-left:3%; width:97%; }
.lst_guide03 tr { border-bottom:1px dashed #ddd }
.lst_guide03 th { text-align:left; font-weight:500; color:#295478; padding:7px 0;font-size:14px; 
	word-break:keep-all;
}
.lst_guide03.font-w th { font-weight:500; color:#555 }
.lst_guide03 td { text-align:right; padding:7px 0; color:#666;}
.lst_guide03 td input[type=text] { width:99% }
.lst_guide03 td.t_right { vertical-align:top;text-align:right }
.lst_guide03 tr:last-child { border-bottom:none !important }
.lst_guide03 .b_last { border-bottom:none !important }

/* 4 */
.lst_guide04_wrap { margin-top:10px; background:#37a29a; padding:5px 10px 5px; border-radius:5px; }
.lst_guide04 { width:100%; border:1px solid #ddd; text-align:center;}
.lst_guide04 thead th { font-weight:500; font-size:13px; background:#2ea299; color:#fff; border:1px solid #3db3aa; padding:5px 0; }
.lst_guide04 tbody th { font-weight:500; font-size:13px; color:#2ea299; border-bottom:1px solid #ddd; padding:5px 0; 
	word-break:keep-all;
}
.lst_guide04 td {padding:7px 0; border:1px solid #ddd; font-size:13px; 
	word-break:keep-all;
}
.lst_guide04 td input[type=text] { width:99% }
.lst_guide04 td.t_right { vertical-align:top;text-align:right }
.lst_guide04 tr:last-child th,
.lst_guide04 tr:last-child td { border-bottom:none !important }

/* 글쓰기 */
.write_guide01 {width:100%; border-left:1px solid #dcdcdc; font-size:18px; }
.write_guide01 th { border-top:1px solid #000; background:#eff2f8; text-align:center; padding:10px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; color:#14476b;}
.write_guide01 td { border-top:1px solid #000; background:#fff; text-align:left; padding:10px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; color:#000;}

/* 즐겨찾기 */
.btn_bookmark { border:none; cursor:pointer; display:inline-block; text-indent:-10000px; width:45px; height:26px;
background:url('../../images/sub/icon_bookmark.png') no-repeat -38px 0; background-size:auto 100%; }
.btn_bookmark.on { background-position:7px 0; }
.btn_bookmark { -webkit-tap-highlight-color:rgba(255,255,255,0); } /* 터치시 음영 없앰 */
.btn_bookmark:focus { outline: none; }

/* 팝업 */
.modal.on { display:block }
.modal { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.8); z-index:1000000; }
.modal_content { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; max-width:1400px; height:90%; border-radius:5px; background:#fff }
.modal_close { position:absolute; right:10px; top:20px; width:30px; height:30px; font-size:0; background:url('../../images/sub/icon_close_b.gif') no-repeat; z-index:2 }

.modal_content2 { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:#fff }
.modal_close2 { position:absolute; right:10px; top:30px; width:30px; height:30px; font-size:0; background:url('../../images/sub/icon_close_b.gif') no-repeat; z-index:2 }

.view_box { position:relative; padding:20px; height:100%;}
.modal_content2 .view_box { background:#f5f5f5 }
.view_tit { position:absolute; left:20px; top:23px; width:calc(100% - 40px); font-size:20px; border-bottom:1px solid #dcdcdc; padding-bottom:20px; color:#333; }
.view_con { position:absolute; left:20px; top:60px; bottom:20px; width:calc(100% - 40px); height:calc(100% - 90px);
font-size:18px; line-height:27px; padding:20px 0; color:#666; overflow:auto; }

/* 입력박스 */
.write_box textarea { width:100%; height:200px }
.big_tit { font-weight:500; font-size:15px; line-height:18px; text-align:left; overflow:hidden; }
.big_tit.ntop { margin-top:0 }
.big_tit i { vertical-align:top; font-size:18px; color:#3fc3c4; margin:0 7px 10px 0; }
.big_tit.line { border-bottom:1px solid #ccc; margin-bottom:10px; }
.big_tit .info { float:right; text-align:right; }

.small_tit { font-size:15px; font-weight:500; text-align:left; }
.small_tit i { vertical-align:top; font-size:18px; color:#24bbbc; margin:0 7px 10px 0; }

@media screen and (max-width:340px) {
	.small_tit { font-size:13px; }
	.small_tit i { font-size:16px; margin:3px 5px 10px 0; }
}

/* 입력폼 ================================================================*/
.write_form { overflow:hidden; font-size:15px; color:#666 }
.write_form li { overflow:hidden; text-align:left; }

.write_form.line { background:#fff; /*border:1px solid #3fc3c4;*/ padding:5px 10px 5px; border-radius:10px; margin-bottom:10px;}
.sub_row .write_form.line { padding:0; }
.write_form.line2 { background:#f4f8f0; padding:5px 10px 5px; border-radius:5px; }

.write_form.line li { padding-bottom:7px; border-bottom:1px dashed #ddd }
.write_form.line2 li { padding-bottom:7px; border-bottom:1px dashed #dcdcdc }

.write_form.line li:last-child { border-bottom:none; }
.write_form.line2 li:last-child { padding-bottom:0; border-bottom:none; }

.write_form.line li span { color:#295478; background:url('/images/common/haccpman_dot02.jpg') no-repeat 5px 20px; padding-left:12px;}
.write_form.line2 li span { width:80px; color:#1e8586 }
.write_form.line.has_input li span { line-height:40px;  background:url('/images/common/haccpman_dot02.jpg') no-repeat 5px 28px;}
.write_form.line.has_input li span.tit2 {line-height:20px; }
.write_form li.bor_n { border:none }
.write_form li input[type="text"],
.write_form li input[type="tel"] { width:100%; color:#333 }
.write_form li select { height:30px; }
.write_form li textarea { width:100%; height:100px; font-size:14px }

/* 왼쪽, 오른쪽 정렬 */
.write_form li.f_right_t { float:left; width:50%; padding:7px 0; height:55px; font-size:13px; }
.write_form li.clear { clear:both; }
.write_form li.fn { clear:both; border-bottom:none }
.write_form li.w_tit span { vertical-align:top; }
.write_form li.w_tit span img { width:20px; margin-right:5px; vertical-align:middle;}
.write_form li.w_tit .form2 { vertical-align:top; }
.write_form li.w_tit b { font-weight:500; color:#000; }

/* 제목 가로 */
.write_form li span { float:left; width:120px; display:inline-block; padding-top:10px; font-size:14px; font-weight:500; }

.write_form li span.fn { float:none; width:auto; padding:7px 0 5px; display:block;  }
.write_form li span.bg_none {background:none;}
.write_form li span.line { line-height:27px; }

/* 폼양식 가로 */
.write_form li .form1 { float:left; width:calc(100% - 120px); color:#666 }
.write_form li .form2 { float:left; width:calc(100% - 120px); padding-top:10px; color:#666; font-size:14px;}
.write_form li .form10 { clear:both; width:100%; color:#666 }
.write_form li .select_right {width:40%; float:right; margin-right:0; padding-right:0;}
.write_form li .select_right select {width:100%; height:35px; line-height:35px;}

/* 텍스트 가로 */
.write_form li .txt { float:right; width:78%; margin-top:20px; }
.write_form li.f_left .txt { margin-right:4%; width:68%; }
.write_form li.f_right .txt { width:68%; }

.write_form li.clear .form2 { width:86%; }
.write_form li.float-right .form2 {float:right;}
.write_form li .form2.input-group input[type="text"],
.write_form li .form2.input-group input[type="tel"] { float:left; width:100px; margin-top:-5px; margin-right:5px; }
.write_form li .form2.input-group .btn_date { float:left; margin-top:-20px; }

.write_form li .form3 { float:right; width:60%; margin-top:15px; }
.write_form li .form3 textarea { width:100%; }
.write_form li .form4 { float:right; width:78%; margin-top:22px; }
.write_form li.clear .form4 { width:86%; }

/* 폼양식 가로세분화 - 차량운행일지 */
.write_form li.f_left2 { float:left; width:57%; }
.write_form li.f_left2 span { width:23%; }
.write_form li.f_left2 span:nth-child(2n) { width:26%; }
.write_form li.f_left2 .form2 { margin-right:8%; width:40%; }

.write_form li.f_right2 { float:left; width:43%; }
.write_form li.f_right2 span { width:40%; }
.write_form li.f_right2 .form2 { width:60%; }

/* 달력선택 */
.write_form li span.btn_date { display:inline-block; width:auto; height:auto; padding:20px 0 0; margin:0; border:none; background:none; }
.write_form li span.btn_date i { vertical-align:top; margin-top:7px; font-size:16px; }

/* 파일필드 */
.filebox_wrap { border:1px solid #dcdcdc; height:150px; border-radius:5px; text-align:center }
.filebox_wrap img { width:200px; height:150px; }
.filebox label { position:relative; display:block; width:70px; height:70px; line-height:68px; margin:35px auto; border-radius:70px; background:#f2f2f2 }
.filebox label i { font-size:30px; color:#999; margin-left:18px; }
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position:absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0; }

/* 개선조치기록부 */
.write_form li .form5 textarea { float:left; width:70%; border-radius:5px 0 0 5px; overflow:auto; border:1px solid #dcdcdc; height:196px !important}
.write_form li .form5 .txt { float:left; width:70%; margin:0; border-radius:5px 0 0 5px; border:1px solid #dcdcdc; height:150px !important}
.write_form li .form5 .filebox_wrap { float:left; width:30%; height:150px; border-left:none; border-radius:0 5px 5px 0; padding:0 }
.write_form li .form5 .filebox_wrap img { width:98%; }
.write_form li .form5 .filebox_wrap [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] { height:194px; max-height:194px; margin:0 !important }



/*방충방서 점검표*/
.bugList {
	width: 100%;
	overflow: hidden;
}
.bugList > ul {
	padding: 5px;
	margin-bottom: 10px;
	border: 2px solid #a4b4d4;
	border-radius: 10px;
	/* background: #f5f5f5; */
	overflow: hidden;
}
.bugList > ul > li {
	float: left;
	padding: 0px 5px;
	font-size: 13px;
}
.bugList > ul > li.f_right {float: right;}
.bugList > ul > li.w30 {width: 30%;}
.bugList > ul > li.w40 {width: 40%;}
.bugList > ul > li.w50 {width: 50%;}
.bugList > ul > li.w60 {width: 60%;}
.bugList > ul > li.w70 {width: 70%;}
.bugList > ul > li.w100 {width: 100%;}
.bugList > ul > li.table {width: 100%; margin-top: 5px; font-size: 11px; padding: 0; background: #fff;}
.bugList > ul > li.table table {width: 100%;}
.bugList > ul > li.table th {font-weight: 500; letter-spacing: -1px; border: 1px solid #ddd; background: #eef4ff; text-align: center; line-height: 1.2;}
.bugList > ul > li.table  td { border: 1px solid #ddd; text-align: center;}
.bugList > ul > li b {font-weight: 500; color:#14476b}
.bugList > ul > li > span {float: right;}
.bugList > ul > li > span.juk {font-weight: bold; color:#00b0b0; font-size: 20px;}
.bugList > ul > li > span.bu {font-weight: bold; color:#ff423b; font-size: 20px;}
.bugList > ul > li > span.kor {font-size: 16px;}

/* ==========================================================*/

/* 서명(날인) */
.signature-pad--body { margin-bottom:10px }
.signature-pad--body canvas { width:100%; height:200px; border:1px solid #ccc; border-radius:5px; }

/* 도움말 */
.guide_box { margin:20px 0; font-size:15px; line-height:18px; border:1px solid #dcdcdc; background:#fff; padding:8px; color:#3f8ac4; text-align:left; }
.guide_txt { background:#f6f6f6; color:#3a8cc6; font-weight:400; font-size:12px; line-height:18px; padding:8px; margin-top:10px;}

.guide_list { margin-top:10px; color:#333 }
.guide_list li { padding-bottom:5px; font-size:15px; }
.guide_list li div { padding-left:15px; }
.guide_list li:before { float:left; display:block; width:15px; }
.guide_list li:nth-child(1):before {content:"1) "}
.guide_list li:nth-child(2):before {content:"2) "}
.guide_list li:nth-child(3):before {content:"3) "}
.guide_list li:nth-child(4):before {content:"4) "}
.guide_list li:nth-child(5):before {content:"5) "}
.guide_list2 { margin-top:15px; }
.guide_list2 li { padding-bottom:5px; }

@media screen and (max-width:340px) {

	.guide_box, .guide_txt { font-size:14px; line-height:16px; }
	.guide_list li { font-size:14px; }

}


/* 메뉴 */
.listmenu li a { position:relative; display:block; text-align:left; border-bottom:1px solid #dcdcdc;
font-size:16px; font-weight:600; padding:10px 10px 7px; }
.listmenu li a p { padding-top:5px; color:#999; font-size:11px; }
.listmenu li a p.left { display:inline-block; color:#000; font-size:20px; font-weight:600; margin:8px 20px 10px 0; }
.listmenu li a p.right { display:inline-block; color:#777; font-size:15px; font-weight:500; padding-top:5px; }
.listmenu li i { font-size:13px; color:#e10000; margin-left:5px; }
.listmenu li a .fa-chevron-right { position:absolute; right:10px; top:20px; color:#3fc3c4; font-size:18px;
transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease; }
.listmenu li a b { color:#e10000; font-size:20px; }

/* CCP관리 및 일1회 점검리스트 */
.listmenu.line { border-top:1px solid #dcdcdc; }
.listmenu.line li a { height:auto; margin-bottom:10px; }
.listmenu.line li a .fa-chevron-right { top:25px; transform:rotate(90deg); }

/* CCP 미 점검일지 */
.list_view_con { display:none; background:#fff; height:100%; z-index:20; padding:0 0 20px }
.listmenu.on .list_view_con { display:block; }
.listmenu.on li a { border-bottom:none; margin-bottom:0; }
.listmenu.on li a .fa-chevron-right { transform: rotate(-90deg); }

/* CCP관리1 */
.ccp_box1 { display:block; vertical-align:top; margin:0 auto 0; text-align:center; position:relative; overflow:hidden;}
.ccp_box1 #chart_div table td > div > div svg {margin-top:0px; float:left;}
.ccp_box1.left { display:inline-block; width:40%; margin-top:5px; }
.ccp_box1.left #chart_div table td > div > div svg {margin-top:0;}
.ccp_box1.d02_v #chart_div table td > div > div svg {margin-top:0;}
.ccp_box1  .chart_img {width:130px; float:left; }
.ccp_box1 .ccp_sensor {width:calc(100% - 130px); padding-top:10px; padding-left:20px; text-align:left; float:left;}
.ccp_box1 p { margin:10px 0 0 0; font-size:15px; }
.ccp_box1 span { display:inline-block; font-size:15px; }
.ccp_box1 .degree {display:block; color:#242b7b; font-weight:600; font-size:25px; padding:10px 0; }
.ccp_box1 .degree.under_tem {color:#bd0000;}
.ccp_box1 .work { display:inline-block; border-radius:3px; font-size:15px; width:80px; height:24px; line-height:24px; text-align:center; color:#fff; background:#548235 }
.ccp_box1 .check { display:inline-block; border-radius:3px; font-size:15px; width:80px; height:24px; line-height:24px; text-align:center; color:#fff; background:#c00000 }
.ccp_box1 .end { display:inline-block; border-radius:3px; font-size:15px; width:80px; height:24px; line-height:24px; text-align:center; color:#fff; background:#666; }
/*
.ccp_box1 p.battery_stat {height:15px;line-height:15px; font-size:11px; margin-top:0px; text-indent:21px; background:url('../../images/index/haccpman_icon02.png') no-repeat 82px 1px; background-size:auto 12px;}
.ccp_box1 p.battery_stat.color-red {color:#ad0000; background:url('../../images/index/haccpman_icon04.png') no-repeat 82px 1px; background-size:auto 12px;}
*/
.ccp_box1 span.battery_stat.battery_100p {height:15px;line-height:15px; font-size:11px; margin-top:0px; margin-left:-30px; text-indent:60px; background:url('../../images/index/haccpman_battery_100p.png') no-repeat center 1px; background-size:auto 12px;}
.ccp_box1 span.battery_stat.battery_80p {height:15px;line-height:15px; font-size:11px; margin-top:0px; margin-left:-30px; text-indent:60px; background:url('../../images/index/haccpman_battery_80p.png') no-repeat center 1px; background-size:auto 12px;}
.ccp_box1 span.battery_stat.battery_60p {height:15px;line-height:15px; font-size:11px; margin-top:0px; margin-left:-30px; text-indent:60px; background:url('../../images/index/haccpman_battery_60p.png') no-repeat center 1px; background-size:auto 12px;}
.ccp_box1 span.battery_stat.battery_40p {height:15px;line-height:15px; font-size:11px; margin-top:0px; margin-left:-30px; text-indent:60px; background:url('../../images/index/haccpman_battery_40p.png') no-repeat center 1px; background-size:auto 12px;}
.ccp_box1 span.battery_stat.battery_20p {height:15px;line-height:15px; font-size:11px; margin-top:0px; margin-left:-30px; text-indent:60px; background:url('../../images/index/haccpman_battery_20p.png') no-repeat center 1px; background-size:auto 12px;}
.ccp_box1 span.battery_stat.battery_0p {height:15px;line-height:15px; font-size:11px; margin-top:0px; margin-left:-30px; text-indent:60px; background:url('../../images/index/haccpman_battery_0.png') no-repeat center 1px; background-size:auto 12px;}

.ccp_box1 span.warning_icon { margin-left:5px; }
.ccp_box1 span.warning_icon img {width:15px;}

.ccp_box1 p.under {width:75px; border:1px solid #bd0000; color:#bd0000; border-radius:2px; padding:0; font-size:12px; text-align:center; margin:0; margin-right:10px; float:left;}

.ccp_box1 span.ccp_text {width:40px; background:#bd0000; color:#fff; border-radius:10px; font-size:11px;
line-height:1em; text-indent:0; padding:4px 0; text-align:center; position:absolute; top:50%; left:45px; margin-top:-12px;}
.ccp_box1 span.ccp_text.ccp_text2 {position:absolute; top:55px; left:50%; margin-left:-18px;}

.ccp_box1 .date { position:relative; text-align:left; border-bottom:1px solid #dcdcdc; padding-bottom:10px; font-size:15px; }
.ccp_box1 .refresh { position:absolute; top:0px; right:0; display:block; width:40px; height:40px; line-height:40px; text-align:center; z-index:10000 }
.ccp_box1 .refresh i { font-size:26px; color:#999; }
.ccp_box1 .refresh img {width:22px;}
.ccp_box1 .fa-refresh { transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}
.ccp_box1 em.hum {margin-right:14px;}
.ccp_box1 em.hum.hum_type1 {background:url('/images/common/haccpman_icon07.png') no-repeat 0 3px; color:#00c73c; } /* 초록 스마일 */
.ccp_box1 em.hum.hum_type2 {background:url('/images/common/haccpman_icon08.png') no-repeat 0 3px; color:#1a91f6;} /* 파랑 스마일 */
.ccp_box1 em.hum.hum_type3 {background:url('/images/common/haccpman_icon09.png') no-repeat 0 3px; color:#ff4800;} /* 주황 찡그린 */
.ccp_box1 em.hum.hum_type4 {background:url('/images/common/haccpman_icon06.png') no-repeat 0 4px; background-size:13px auto; padding-left:18px; font-size:17px;}
.ccp_box1 em.hum.hum_type5 {background:url('/images/common/haccpman_icon10.png') no-repeat 0 3px; background-size:17px auto; font-size:17px; color:#0744a8;}
.ccp_box1 em.hum.hum_type6 {background:url('/images/common/haccpman_icon11.png') no-repeat 0 3px; background-size:15px auto; font-size:17px; color:#0744a8;}


.ccp_box1 .ccp_working {
	width:120px;
	height:120px;
	line-height:120px;
	border-radius:50%;
	background:rgba(0,0,0,0.7);
	text-align:center;
	font-size:20px;
	display:block;
	position:absolute;
	left:5px;
	top:0;
	color:#fff;
	z-index:9999;
}

.sub_row .refresh { position:absolute; top:5px; right:0; display:block; width:40px; height:40px; line-height:40px; text-align:center; z-index:10000 }
.sub_row .refresh i { font-size:26px; color:#999; }
.sub_row .refresh img {width:22px;}
.sub_row .fa-refresh { transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}

/* CCP관리2 */
.ccp_box2 { display:block; vertical-align:top; margin:20px auto 20px; width:100%; }
.ccp_box2.right { float:right; margin-top:10px; vertical-align:top; width:55%; }
.ccp_box2 .graph { width:100%; margin-top:10px; }
.ccp_box2 .graph img { max-width:100%; }
.btn_s2.mod_add { width:100%; }
.btn_s2.mod_add.on { width:49%; }

@media screen and (max-width:340px) {
	.ccp_box1.left, .ccp_box2.right { width:100%; float:none; }
	.ccp_box2 { margin:10px auto 10px; }
	.ccp_box2.right { margin-top:20px; }
}

.graph-info {
	width:100%;
	border-radius:5px;
	background:#f1f1f1;
	text-align:center;
	font-size:13px;
	padding:5px 0;
	margin-top:5px;
	display:block;
}


	/*ccp 일지 newType*/
.ccpBoxList {
	overflow: hidden;
}
.boxList {
	position:relative;
   width:100%;
   border:1px solid #ddd;
   margin-bottom: 10px;
   border-radius:10px;
   padding:10px;
   font-size:15px;
   overflow:hidden;
}
.boxList:last-child {
	margin-bottom: 0;
}

.boxList input {
	height: 18px;
	width: 18px;
	float: left;
	margin: 3px 8px 0 0 !important;
}
.boxList span.boxSpan {
   line-height:20px;
   background-color:#25a6f0;
   color:#fff;
   padding:0 8px;
   border-radius:3px;
   margin-right:5px;
   font-size:13px;
   display:inline-block;
}
.boxList span.boxSpan.redBox {
	background-color:#f14112;
}
.boxList i {
   color:rgba(0,0,0,0.8);
   font-style:normal;
   font-size:16px;
}
.boxList i b {font-weight: 500;}
.boxList i em {
	display: inline-block;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
	margin-top: 1px;
}

.boxList > em {
	position: relative;	
   font-size: 18px;
   font-weight:700;
   font-family: 'NanumSquare', sans-serif;
   font-style:normal;
   padding:10px 0 8px 10px;
   display:block;
}
.boxList > em::before {
	position: absolute;
	top: 10px; left: 0;
	content: '';
	display: inline-block;
	width: 6px;
	height: 18px;
	background: #242b7b;
	border-radius: 5px;
}
.boxList p {
	margin-bottom: 5px;
	font-size: 16px;
}
.boxList p b {
	display: inline-block;
	width:80px;
	margin-right: 10px;
	font-weight: 500;
}

.boxList p b::after {
	content: ':';
	float: right;
}
.boxList span.swingLine {
   color:rgba(0,0,0,0.3);
   padding:0 5px;
}
.boxList button.printBtn {
   width: 32px;
   height:32px;
   text-align:center;
   background-color:#1e8586;
   border-radius:3px;
   border:0;
   position:absolute;
   right:10px;
   top:10px;
}
.boxList button.printBtn i {
   line-height:32px;
   font-size:18px;
   color:#fff;
}

.boxList button.printBtn.type2 {
   background-color:#f2f2f2;
}
.boxList button.printBtn.type2 i {
   color:#222;
}


/* 모니터링 일지 */
.tem_List {
}
.tem_List li {
	padding:10px 5px;
	border-bottom:1px solid #eee;
	overflow:hidden;
	position:relative;
}
.tem_List li:last-child {
	border-bottom:none;
}
.tem_List li h4 {
	font-size:16px;
	padding-bottom:4px;
}
.tem_List li h6 {
	font-size:14px;
	font-weight:500;
	background:#f1f1f1;
	border-radius:5px;
	margin-top:5px;
	padding:5px;
}
.tem_List.has_smallFont li h4 {
	width:80%;
	font-size:14px;
	font-weight:500;
	word-break:keep-all;
}
.tem_List.has_smallFont li h5 {
	width:80%;
	line-height:1.3;
	color:#555;
	font-weight:400;
}
.tem_List.has_smallFont li.text_answer h4 {
	width:100%;
	font-size:14px;
	font-weight:500;
	word-break:keep-all;
	padding-bottom:35px;
}
.tem_List.has_smallFont li h4 b {
	color:#1e2677;
	font-weight:500;
	padding-bottom:5px;
	display:block;
}
.tem_List li span {
	color:#898989;
	font-size:14px;
}
.tem_List li p {
	line-height:30px;
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-15px;
	font-size:22px;
	color:#00b0b0;
	font-weight:bold;
}
.tem_List.has_smallFont li.text_answer p {
	top:80%;
	font-size:17px;
}
.tem_List li p.has_hum {
	margin-top:-30px;
}
.tem_List li p.has_text {
	line-height:20px;
	position:absolute;
	right:10px;
	top:50%;
	/* margin-top:-20px; */
	transform:translateY(-50%);
	margin-top: 0;
	color:#898989;
	font-size:14px;
	font-weight:normal;
	text-align:right;
}
.tem_List li p.has_text b {
	color:#000;
	font-weight:500;
	display:block;
}
.tem_List li p.has_text b.inline {
	display:inline;
}
.tem_List li p.has_text b.imgAfter {
	display:inline-block;
}
.tem_List li p.has_text.min-height {
	top: 0;
	margin-top: 10px;
}
.tem_List li p.has_text.min-height span{
	height:30px;
	display:block;
}
.tem_List li p.has_text.min-height span img {
	height:22px;
	margin-top:8px;
}
.tem_List li p.has_text.line-height {
	margin-top:-40px;
}
.tem_List li p.has_text.line-height span {
	height:42px;
	display:block;
}
.tem_List li p.has_text.line-height span img {
	height:22px;
	margin-top:20px;
}
.tem_List li p .cleansing {height:24px}
.tem_List li span b {
	background:#242b7b;
	color:#fff;
	padding:0 6px;
	border-radius:3px;
	font-weight:400;
	margin-right:5px;
	display:inline-block;
}
.tem_List li.noneData {
	line-height:60px;
	text-align:center;
}
.tem_List li.tem_warning span {

}
.tem_List li.tem_warning p {
	color:#ff2112;
}
.tem_List li.fault_warning p {
	color:#ff423b;
}
.tem_List li.tem_error p {
	color:#2a2a2a;
	font-size:16px;
}
.tem_List li.process_tem p {
	color:#000;
	font-size:18px;
}
.tem_List li p.tem_arrow i {
	color:#000;
}
.listSub li {
	border-bottom: none;
	padding: 0;
	display: flex;
	align-items: center;
}
.tem_List li strong, .listSub li b {
	width:60px;
	font-weight:500;
	color:#2f3b85;
	display:inline-block;
	font-size: 14px;
}
.tem_List li strong.w90 {
	width:90px;
}
.tem_List li strong.w100 {
	width:100px;
}
.tem_List li strong.w120 {
	width:120px;
}
.tem_List li strong.machine_title {
	width:85%;
}
.tem_List li b.sunNum {
	width:70px;
	line-height:32px;
	text-align:center;
	margin-bottom:3px;
	display:inline-block;
}
.tem_List li span.big_num {
	font-size:15px;
}
.tem_List li span.big_num strong {
	width:125px;
	padding-top:8px;
}
.tem_List li span.big_num b {
	background:#f1f1f1;
	color:#000;
	padding:2px 10px;
	margin-right:0;
	font-size:17px;
}
.tem_List li.has_input {
	border-bottom:1px solid #eee;
	overflow:hidden;
}
.tem_List li.has_input h4 input {
	width:140px;
	margin-left:5px;
}
.tem_List li.has_input span b {
	width:88px;
	background:#3fc3c4;
	color:#fff;
	padding:3px 0;
	border-radius:3px;
	font-weight:400;
	margin-right:5px;
	font-size:15px;
	text-align:center;
	display:inline-block;
}
.tem_List li.has_input:last-child {
	border-bottom:none;
}
.tem_List li.has_input .input-time_l {
	float:left;
}
.tem_List li.has_input .input-time_l input {
	width:90px;
}
.tem_List li.has_input .input-tem_r {
	float:right;
}
.tem_List li.has_input .input-tem_r input {
	width:60px;
}
.tem_List li.has_checkbox {
	padding-left:34px;
}
.tem_List li.has_checkbox a.checklist-square {
    width:24px;
	height:40px;
	position:absolute;
	left:0;
	top:50%;
	padding:0;
	margin-top:-20px;
	display:block;
}
.tem_List li a.sensing {
	width:100%;
	background:#ffde00;
	color:#000;
	border-radius:4px;
	padding:1px 5px;
	margin-top:-7px;
	font-size:13px;
	text-align:center;
	display:block;
}

.tem_List p em.hum {float:right; margin-top:-5px; display:block;}
.tem_List p em.hum.hum_type1 {background:url('/images/common/haccpman_icon07.png') no-repeat 0 3px; color:#00c73c; } /* 초록 스마일 */
.tem_List p em.hum.hum_type2 {background:url('/images/common/haccpman_icon08.png') no-repeat 0 3px; color:#1a91f6;} /* 파랑 스마일 */
.tem_List p em.hum.hum_type3 {background:url('/images/common/haccpman_icon09.png') no-repeat 0 3px; color:#ff4800;} /* 주황 찡그린 */
.tem_List p em.hum.hum_type4 {background:url('/images/common/haccpman_icon06.png') no-repeat 0px 8px; background-size:10px auto; padding-left:13px; font-size:15px; color:#444;}
.tem_List p em.hum.hum_type5 {background:url('/images/common/haccpman_icon10.png') no-repeat 0 3px; background-size:17px auto; font-size:17px; color:#0744a8;}
.tem_List p em.hum.hum_type6 {background:url('/images/common/haccpman_icon11.png') no-repeat 0 3px; background-size:15px auto; font-size:17px; color:#0744a8;}


.tem_List li p span.juk_p {font-weight: bold; color:#00b0b0;font-size: 18px;}
.tem_List li p span.bu_p {font-weight: bold; color:#ff2112; font-size: 18px;}
.tem_List li p em.line {color:#999; font-size: 23px;}


.lst_guide01 .tem_List li p {
	line-height:30px;
	position:absolute;
	right: auto;
	left:50%;
	top:50%;
	margin: 0;
	transform:translate(-50%,-50%);
	font-size:22px;
	color:#00b0b0;
	font-weight:bold;
}
.lst_guide01 .tem_List.kor li p {font-size: 16px;}
.lst_guide01 .tem_List li.fault_warning p {
	color:#ff423b;
}

/* 가열기(시루) 일지 */
.heater_List {
}
.heater_List li {
	padding:10px 5px;
	border-bottom:1px solid #eee;
	overflow:hidden;
	position:relative;
}
.heater_List li:last-child {
	border-bottom:none;
}
.heater_List li h2 {
	width:calc(100% - 50px);
	line-height:40px;
	font-size:16px;
	padding:0 5px;
	color:#000;
	background:#f1f1f1;
	border-radius:5px;
	margin-bottom:5px;
	float:left;
}
@media (max-width:360px) {
	.heater_List li h2.cleanser {
		font-size:14px;
	}
}
@media (max-width:330px) {
	.heater_List li h2.cleanser {
		font-size:13px;
	}
}

.heater_List li h2 a {
	text-align:center;
	font-weight:400;
	font-size:13px;
	padding-left:10px;
	padding-right:5px;
	border-left:1px solid #ddd;
	display:block;
	float:right;
}
.heater_List li span {
	color:#242b7b;
}
.heater_List li img {
	width:40px;
	margin-top:5px;
	text-align:right;
	float:right;
}
.heater_List.manje li h2 {
	width:100%;
	line-height:45px;
	margin-bottom:10px;
}
.heater_List.manje li p.fireImg {
	text-align:center;
}
.heater_List.manje li p.fireImg img {
	width:100px;
	margin:10px auto;
	float:none;
}
.heater_List.manje li p b {
	width:160px;
}
.heater_List.manje li p i {
	line-height:20px;
	padding:0 30px 0px 10px;
}
.has_input_select { 
	width:100%;
	clear:both;
}
.has_input_select p {
	height:35px;
	line-height:35px;
	color:#555;
	font-size:14px;
	margin-bottom:3px;
	position:relative;
	clear:both;
}
.has_input_select div.maeum {
	height:35px;
	line-height:35px;
	color:#555;
	font-size:14px;
	margin-bottom:10px;
	position:relative;
	clear:both;
}
.has_input_select .has_is_Li b {
	width:90px;
	line-height:35px;
	font-weight:400;
	color:#2f2f2f;
	display:inline-block;
	float:left;
}
.has_input_select p b {
	width:135px;
	font-weight:400;
	color:#2f2f2f;
	display:inline-block;
	float:left;
}
.has_input_select p b .write_temper {width:15px; float:none; margin-left:10px;}
.has_input_select div b .write_temper {width:15px; float:none; margin-left:10px;}
.has_input_select div.maeum b {
	width:90px;
	font-weight:400;
	color:#2f2f2f;
	display:inline-block;
	float:left;
}
.has_input_select div.maeum b + input {
	width:120px; height:35px; line-height:35px; margin-right:5px;
}
.has_input_select p b.w100px {
	width:100px;
}
.has_input_select p i {
	padding-right:10px;
}
.has_input_select p strong {
	color:#000;
	font-size:20px;
}
.has_input_select .select {width:calc(100% - 90px); margin-bottom:3px; margin-right:0; float:right;}
.has_input_select p select { width:100%; }
.has_input_select p input { 
	width:calc(100% - 115px); 
	height:35px; 
	line-height:35px; 
	float:left;
	margin-right:5px;
}
.has_input_select p input.has_save_right {
	width:calc(100% - 225px);
}
.has_input_select p input.has_noTem {
	width:calc(100% - 90px);
}
.has_input_select.h08ListBox {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
}
.has_input_select.h08ListBox.last {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}
.has_input_select.h08ListBox .select { width:66.5%;}
.has_input_select.h08ListBox p input {
	width:33%;
	margin-right:0.5%;
}
.has_input_select.h08ListBox p input:last-child {
	margin-right:0;
}
.has_input_select.h08ViewBox {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
}
.has_input_select.h08ViewBox.last {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}

.has_input_select p span { width:15px; color:#2f2f2f; text-align:right; display:inline-block;}

.has_input_select.manje p {
	line-height:50px;
	clear:both;
}
.has_input_select.manje p b {
	width:110px;
}
.heater_List.manje .has_input_select.manje p b {
	width:110px;
}
.heater_List.manje .has_input_select.manje_90 p b {
	width:90px;
}
.has_input_select.manje .select {width:calc(100% - 90px); margin-bottom:3px; margin-right:0;}
.has_input_select.manje p select {
	margin-bottom:7px;
}
.has_input_select.manje p input { 
	width:calc(100% - 110px); 
	margin-top:5px;
}
.heater_List li a.save_btn {
	width:60px;
	height:35px;
	line-height:35px;
	font-size:16px;
	background:#122e78;
	color:#fff;
	text-align:center;
	border-radius:5px;
	display:block;
	float:right;
}
.heater_List li a.start_btn {
	width:100%;
	height:45px;
	line-height:45px;
	font-size:18px;
	background:#ffda10;
	color:#000;
	text-align:center;
	margin-top:10px;
	border-radius:5px;
	display:block;
}
.heater_List li a.end_btn {
	width:100%;
	height:45px;
	line-height:45px;
	font-size:18px;
	background:#333333;
	color:#fff;
	text-align:center;
	margin-top:10px;
	border-radius:5px;
	display:block;
}


/*달성군 상단일지*/
.heater_List.dalseong {border:1px solid #ccc; border-top:3px solid #a4b4d4; border-bottom:none; border-radius:8px; overflow:hidden;}
.heater_List.dalseong li {padding:0; border-bottom:1px solid #ccc}
.heater_List.dalseong li span {display:inline-block; width:50%; float:left; padding:8px; background:#eff2f8; border-right:1px solid #ccc; font-weight:500;}
.heater_List.dalseong li span.sFont {font-size:14px;}
.heater_List.dalseong li b {display:inline-block; width:50%; float:left; padding:8px;}

a.plus_btn {
	width:100%;
	height:40px;
	line-height:35px;
	margin:10px auto;
	font-size:16px;
	background:#4d5f78;
	color:#fff;
	text-align:center;
	border-radius:50px;
	display:block;
	float:none;
	clear:both;
}                                                                                                                                                                                                                                                                   
.right-btn a {
	width:100%;
	margin-top:10px;
	padding:6px 0;
	background:#eee;
	border:1px solid #ddd;
	text-align:center;
	border-radius:5px;
	display:block;
}

/* 금속검출기 */
.check_num ul {
	border:1px solid #ddd;
	border-top:2px solid #a4b4d4;
	border-radius:7px;
	margin-top:10px;
	overflow:hidden;
}
.check_num ul.mt0 {
	margin-top:0px;
}
.check_num ul li {
	width:50%;
	text-align:center;
	float:left;
}
.check_num ul li:first-child {
	border-right:1px solid #ddd;
}
.check_num.check_num_6_4 li {
	width:40%;
}
.check_num.check_num_6_4 li:first-child  {
	width:60%;
}
.check_num ul li span {
	width:100%;
	background:#eff2f8;
	border-bottom:1px solid #ddd;
	padding:5px 0;
	display:block;
}
.check_num ul li b {
	font-size:19px;
	color:#00a7ad;
	padding:10px 0;
	display:block;
}
.check_num ul li.color span {
	background:#e7f7f7!important;
}


.mr-10 {
	margin-right:7px;
}
.check_btn {
	line-height:40px;
	text-align:center;
	overflow:hidden;
}
.check_btn a.check_btn {
	width:calc(100% - 165px);
	background:#3fc3c5;
	color:#fff;
	border-radius:5px;
	font-size:14px;
	display:inline-block;
	float:right;
}
.checklist-square{
    font-size:14px;
    font-weight:500;
    background-image:url(/images/checkbox.png);
    background-size:24px 24px;
    background-position:0px 8px;
    background-repeat:no-repeat;
    padding-left:28px;
    color:#1f1f1f;
    transition:all 200ms ease;
	float:left;
}
.checklist-square-selected:hover{
}

.checklist-square-selected{
    background-image:url(/images/checkboxc.png);
    color:#1f1f1f;
    transition:all 200ms ease;
}
.check_start {
}
.check_start ul {
	overflow:hidden;
}
.check_start ul li {
	width:49%;
	margin-right:2%;
	text-align:center;
	float:left;
}
.check_start ul li:nth-child(2n) {
	margin-right:0;
}
.check_start ul li .select {
	width:100%!important;
	padding-right:0!important;
	margin-bottom:5px;
}
.check_start ul li select {
	width:100%!important;
}
.check_start ul li a {
	color:#fff;
	padding:6px 0;
	border-radius:5px;
	font-size:14px;
	display:inline-block;
}
.check_start ul li a.all_btn {
	width:32.3%;
	margin-right:2%;
	background:#242b7b;
	float:left;
}
.check_start ul li a.test_btn {
	width:65.7%;
	background:#4864c7;
	float:left;
}
.check_start ul li a.check_btn {
	width:100%;
	background:#3fc3c5;
}
.check_start ul li a.btn-color {
	width:100%;
	background:#ffda10;
	color:#000;
	padding:10px 0;
}
.check_start a.btn-color {
	width:100%;
	background:#ffda10;
	color:#000;
	padding:20px 0;
	border-radius:5px;
	font-size:18px;
	text-align:center;
	display:block;
	clear:both;
}
.check_start ul li a.btn-g {
	width:100%;
	background:#333;
	padding:10px 0;
}


/* 버튼 */
.btn_area { margin:30px 0; text-align:center; }
.rbtn { float:right; margin-bottom:5px; }
.btn_b { display:inline-block; vertical-align:top; border:none; border-radius:5px; font-size:15px; width:100px; height:40px; line-height:40px; text-align:center; }

.btn_s { display:inline-block; vertical-align:top; border:none; border-radius:5px; font-size:15px; min-width:30px; padding:0 8px;
height:40px; line-height:42px; text-align:center; }
.btn_s i { margin:0 5px 0 0 }

.btn_s2 { display:inline-block; vertical-align:top; border:none; border-radius:5px; font-size:12px;
width:49%; height:30px; line-height:32px; text-align:center; }
.btn_s2 i { margin-right:3px }
.side_page_plus { padding:0 5px }
.side_page_plus i { margin-right:3px }

/* 저장버튼 */
.btn_save { display:block; vertical-align:top; border:none; border-radius:5px; padding:0; width:30px; height:30px; line-height:30px; text-align:center; font-size:0 }
.btn_save i { margin:7px 0 0 1px; font-size:16px }

/* 달력 OK 버튼 */
.btn-default { text-transform: uppercase; border-radius:5px; font-size:15px; width:70px; height:30px; line-height:30px; border:none; background:#2477ba; color:#fff }

/* 인쇄 작은 버튼 */
.btn_ss { display:inline-block; vertical-align:top; border:none; padding:0; border-radius:31px; width:31px; height:31px; line-height:43px; font-size:0; text-align:center; }
.btn_ss i { font-size:20px; }

.btn01 { background:#999; color:#fff }
.btn02 { background:#242b7b; color:#fff } /* blue */
.btn03 { background:#1e8586; color:#fff } /* blue-green */
.btn04 { background:#d20000; color:#fff } /* red */
.btn04 i { color:#fff; font-size:15px; }

/* 결재 */
.m_stat span { display:inline-block; vertical-align:top; border:none; width:60px; padding:1px 3px 3px;font-size:14px; border-radius:3px; height:23px; line-height:21px; }
.state1 span { background:#1e8586; color:#fff }
.state2 span { background:#2477ba; color:#fff }
.state3 span { background:#999; color:#fff }
.state4 span { background:#d20000; color:#fff }
.state5 span { background:#d20000; color:#fff }

.btn_home { display:inline-block; vertical-align:top; background:#2ea299; border:none; border-radius:5px; font-size:0; width:30px; height:30px; line-height:42px;
text-align:center; }
.btn_home i { color:#fff; font-size:18px; }

/* 내용 삭제 버튼 */
.btn_delete { cursor:pointer; width:27px; height:27px; border-radius:100%; font-size:0; border:none;
background:#5baaed url('/images/sub/btn_close.png') no-repeat center; background-size:10px auto; }
.btn_delete i { font-size:32px; color:#5baaed }

/* 내용 추가 버튼 */
.btn_add { position:relative; cursor:pointer; display:inline-block; width:24px; height:24px; border-radius:100%; font-size:0; border:none; background:#5baaed; }
.btn_add span:before {position:absolute;width:14px;height:2px;left:50%;top:50%;margin-left:-7px;margin-top:-1px;
background-color:#fff;width:;height:;content:"";display:block;}
.btn_add span:after {position:absolute;width:14px;height:2px;left:50%;top:50%;margin-left:-7px;margin-top:-1px;
transform: rotate(-90deg);background-color:#fff;width:;height:;content:"";display:block;}
.btn_add span {background:none;}

/* 내용 삭제 버튼 */
.btn_minus { position:relative; cursor:pointer; display:inline-block; width:30px; height:30px; border-radius:100%; font-size:0; border:none; background:#999; }
.btn_minus span:before {position:absolute;width:14px;height:2px;left:50%;top:50%;margin-left:-7px;margin-top:-1px;
background-color:#fff;width:;height:;content:"";display:block;}
.btn_minus span {background:none;}

.lst_guide01 .btn_add,
.lst_guide01 .btn_minus { width:27px; height:27px; }

.btn_date i { font-size:27px; color:#2477ba; }
.del_line { position:relative; padding:50px 0 0; width:100%; background:url('/images/common/dotted.gif') repeat-x center 30px }
.del_line .btn_delete { position:absolute; width:37px; height:37px; right:0; top:60px;  background-size:15px auto; }

/* 하단고정 버튼 */
.bot_btn_fix {  }

/* 더보기 */
a.view_more { z-index:30; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; transition:0.5s;
display:block; width:calc(100%); height:60px; line-height:60px;
font-size:15px; text-align:center; background:#242b7b; color:#fff }
.sub_row a.view_more {
	display:block;
	width:100%;
	height:45px;
	line-height:45px;
	font-size:15px;
	text-align:center;
	background:#242b7b;
	border-radius:10px;
	color:#fff
	position:relative;
}

.bot_btn_fix_mm { position:fixed; left:0; bottom:30px; width:100%; z-index:30; }
/*.bot_btn_area { position:relative; width:100%; height:35px; margin:0 auto; }*/
.bot_btn_left { position:fixed; left:20px; bottom:20px; z-index:30; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.bot_btn_cen { position:fixed; left:0; width:100%; bottom:7px; text-align:center }
.bot_btn_rig { position:fixed; right:20px; bottom:20px; z-index:30; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.bot_btn_c { display:inline-block; vertical-align:top; border:none; border-radius:100%; width:45px; height:45px; line-height:50px;
box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); text-align:center;}
.bot_btn_left a i,
.bot_btn_cen a i { font-size:22px; }

/* 글쓰기 버튼1 */
.btn_write_new { position:fixed; right:20px; bottom:10px; display:inline-block; width:50px; height:50px; line-height:50px; border-radius:50px;
text-align:center; background: rgb(16,39,116); /* Old browsers */
background: -moz-linear-gradient(bottom,  rgba(16,39,116,1) 0%, rgba(34,88,145,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(16,39,116,1) 0%,rgba(34,88,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(16,39,116,1) 0%,rgba(34,88,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#225891', endColorstr='#102774',GradientType=0 ); /* IE6-9 */ box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3); z-index:2;
-webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.btn_write_new span:before {position:absolute;width:20px;height:4px;left:50%;top:50%;margin-left:-10px;margin-top:-2px;
background-color:#fff;width:;height:;content:"";display:block;}
.btn_write_new span:after {position:absolute;width:20px;height:4px;left:50%;top:50%;margin-left:-10px;margin-top:-2px;
transform: rotate(-90deg);background-color:#fff;width:;height:;content:"";display:block;}
.btn_write_new span {background:none;}

/* 글쓰기 버튼2 */
.btn_write { position:fixed; bottom:40px; display:inline-block; width:70px; height:70px; line-height:90px; border-radius:70px;
text-align:center; left:50%; margin-left:-35px; background: rgb(16,39,116); /* Old browsers */
background: -moz-linear-gradient(bottom,  rgba(16,39,116,1) 0%, rgba(34,88,145,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(16,39,116,1) 0%,rgba(34,88,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(16,39,116,1) 0%,rgba(34,88,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#225891', endColorstr='#102774',GradientType=0 ); /* IE6-9 */ box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3); z-index:1000;
animation: fadein .5s;-moz-animation: fadein .5s; -webkit-animation: fadein .5s; -o-animation: fadein .5s; }
.btn_write span:before {position:absolute;width:30px;height:4px;left:50%;top:50%;margin-left:-15px;margin-top:-2px;
background-color:#fff;width:;height:;content:"";display:block;}
.btn_write span:after {position:absolute;width:30px;height:4px;left:50%;top:50%;margin-left:-15px;margin-top:-2px;
transform: rotate(-90deg);background-color:#fff;width:;height:;content:"";display:block;}
.btn_write span {background:none;}

/* D02 - 개선조치기록 버튼 */
.btn_better { position:fixed; bottom:80px; display:inline-block; width:140px; height:40px; line-height:40px; border-radius:5px;
text-align:center; left:50%; margin-left:-70px; background:#01b0b0; color:#fff;}

@keyframes fadein {
    from {
        bottom:-100px;
    }
    to {
        bottom:40px;
    }
}

.btn_better2 { position:relative; bottom:80px; display:inline-block; line-height:40px; border-radius:5px;}

/* 확인 */
a.view_check { display:block; border-radius:5px; width:100%; height:40px; line-height:40px; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); margin:30px auto; font-size:15px;
text-align:center; color:#fff;
background: rgb(16,39,116); /* Old browsers */
background: -moz-linear-gradient(bottom,  rgba(16,39,116,1) 0%, rgba(34,88,145,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(16,39,116,1) 0%,rgba(34,88,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(16,39,116,1) 0%,rgba(34,88,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#225891', endColorstr='#102774',GradientType=0 ); /* IE6-9 */
}

/* 교육회의 서명 */
.sig_box { float:left; width:19%; margin-right:1%; margin-bottom:1%; border:1px solid #dcdcdc }
.sign_img { height:100px; line-height:100px; text-align:center; border-bottom:1px solid #dcdcdc}
.sign_img a { color:#797979 }
.sign_img img { width:99%; height:98px; }
.sign_info { height:30px; line-height:30px; text-align:center; }

.attendee { overflow:hidden; text-align:center; padding:5px 0 0; }
.attendee ul {border: 1px solid #e1e1e1; border-radius: 4px; display: flex;}
.attendee li { width:33.3%; /* margin-bottom:5px; */ line-height: 28px; text-align: left; border-right: 1px solid #e1e1e1; padding: 5px 8px;}
.attendee li:nth-child(3n){border-right:none;}
/* .attendee li { float:left; width:50%; margin-bottom:5px; line-height: 28px;} */
.attendee li.listName { font-weight: 500;}
/* .attendee li { float:left; width:25%; margin-bottom:5px; } */
/* .attendee.type2 { padding:5px 0 5px; }
.attendee.type2 li { float:right; width:auto;} */

.attendee_txt { overflow:hidden; padding:5px 0 0; }

.data_upload { overflow:hidden; width:100%; margin:0 auto;}
.data_upload a { float:left; display:block; /* width:49%; */ background:#fff; margin-right:2%; margin-top:1%; margin-bottom:1%;}
.data_upload a:nth-child(2n) {margin-right:0;}
.data_upload a img { max-width:100%; height:100%; border:1px solid #dcdcdc }

@media screen and (max-width:340px) {

	.data_upload a {  }

}

.sign_form_title {background:#00a7ad; color:#fff; height:50px; line-height:50px; border-radius:25px; text-align:center; margin-bottom:10px;}
.sign_form_title span {color:#fff6c3;}

.sign_btn {overflow:hidden;}
.sign_btn .btn_50p {width:49%!important; height:40px; line-height:40px; border:none; border-radius:3px; margin:0; float:left;}
.sign_btn .cencer_btn {margin-right:2%; background:#9e9e9e; color:#fff;  font-size:15px;}


/* 레이어팝업 */
.layer_wrap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000; }
.layer_bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); }
.layer_area { position:absolute; left:50%; top:50%; background:#fff}

.pop-con { width:400px; height:270px; background:#fff; border-radius:8px; }
.pop-con .pop-box .pop-title { position:relative; height:63px; background:url('/images/common/pop_tit_bg.gif') repeat; line-height:63px; text-align:left; border-radius:8px 8px 0 0; }
.pop-con .pop-box .pop-title img {position:absolute; left:15px; top:15px; }
.pop-con .pop-box .pop-title h3 {text-indent:65px; font-size:24px; color:#fff; }
.pop-con .pop-box .pop-cont { padding-top:50px; text-align:center; font-size:18px; color:#000; font-weight:bold; background:#fff; }
.pop-con .pop-box .btn_wrap { margin:40px auto 0 }
.pop-con .pop-box .btn_wrap .btn01 { display:inline-block; background:#fff; border:2px solid #24bbbc; color:#333; width:140px; height:40px; line-height:36px; border-radius:40px; }
.pop-con .pop-box .btn_wrap .btn02 { display:inline-block; background:#24bbbc; border:2px solid #24bbbc; width:140px; height:40px; line-height:36px; border-radius:40px; }
.btnp-close { position:absolute; right:20px; top:20px; width:20px; height:20px; background:url('/images/common/pop_close.png') no-repeat }



.board_box {position:relative; width:100%;}
.board_box > h3 {font-size:20px; color:#000; font-weight:400; padding-bottom:10px;}
.board_box > h5 {font-size:13px; color:#5e5e5e; font-family:Arial; font-weight:normal;}
a.board_list_btn { position:absolute; right:0px; top:2px; font-size:15px; font-weight:400; border:1px solid #dcdcdc; padding:10px 14px; border-radius:3px;}
.board_Con {padding-top:40px; font-size:16px; font-weight:300;}

/* 연간교육훈련계획 */
.year_plan {width:100%; overflow:hidden;}
.year_plan ul li {width:32%; margin-right:2%; margin-bottom:10px; border:1px solid #eee; padding:10px; box-sizing:border-box; float:left;}
.year_plan ul li:nth-child(3n) {margin-right:0;}
.year_plan ul li a {width:100%; text-align:center; display:block;}
.year_plan ul li img {width:60%; padding-bottom:10px; margin:0 auto;}
.year_plan ul li a > p {background-color:#00b0b0; color:#fff; padding:5px; border-radius:3px; font-size:13px; }



.personal {
	line-height:1.5em;
	font-size:13px;
	font-weight:300;
}
.personal h4 {
	font-size:14px;
	line-height:1.5em;
	font-weight:400;
	color:#000;
}
.personal .color { color: #00b0b0 !important; padding-bottom:10px; }


.bullets li,
.arrows li,
.arrows-2 li,
.numbers li {
  margin-bottom: 10px;
  letter-spacing:-0.5px;
	word-break:keep-all;
}

.bullets li:before {
  content: "• ";
  font-size: 14px;
  color: #333333;
  line-height: 1;
  vertical-align: middle;
}
.text_uStyle{
   box-shadow:inset 0 -7px 0 rgba(255,246,143,0.8);
   padding:0 3px
}
.arrows li:before {
  content: "▶ ";
  font-size: 7px;
  color: #333333;
  padding-right: 0.5em;
  line-height: 1;
  vertical-align: middle;
}
.arrows i {
  margin-right: 5px;
}

.arrows i,
.arrows-2 i {
  color: #333333;
}

.arrows-2 i {
  font-size: 12px;
  margin-right: 7px;
}

span.color_span {
	width:60px;
	text-align:center;
	color:#fff;
	background:#555;
	font-size:12px;
	border-radius:4px;
	display:inline-block;
}
span.color_span.color_type1 {
	color:#fff;
	background:#3773da;
}
span.color_span.color_type2 {
	color:#fff;
	background:#00afb0;
}
span.color_span.color_type3 {
	color:#fff;
	background:#f15b00;
}
span.color_span.color_type4 {
	color:#fff;
	background:#2abb67;
}
span.color_span.color_type5 {
	color:#fff;
	background:#7337cd;
}
span.color_span.color_type6 {
	color:#fff;
	background:#bd0000;
}
/*
span.color_span.color_type5 {
	color:#fff;
	background:#122d77;
}
span.color_span.color_type6 {
	color:#fff;
	background:#3773da;
}
*/
h4.row_title {
	font-size:15px;
	font-weight:500;
	padding-bottom:8px;
	background:url('/images/sub/meatsp_dot01.png') no-repeat 0 2px;
	padding-left:12px;
}
h4.row_title.line {
	border-bottom:1px solid #ccc; 
	margin-bottom:10px; 
}
h4.num_title {
	font-size:15px;
	font-weight:500;
	padding-bottom:8px;
}
h4.num_title span {
	margin-right: 5px;
	font-size: 18px;
	font-weight: bold;
	color:#3fc3c4;
}
h5.sm_title {
	position: relative;
	margin-bottom: 10px;
	padding-left:70px;
	font-size: 14px;
	font-weight: normal;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
h5.sm_title span {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 500;
}
h5.sm_title i {
	color:#3fc3c5;

}
span.table_info {
	font-size:13px;
}
.sub_row ul.date_box {
	overflow:hidden;
}
.sub_row ul.date_box li {
	padding:10px;
	font-size:16px;
}
.sub_row ul.date_box li.place {
	background:url('/images/sub/meatsp_icon08.png') no-repeat 5px center;
	background-size:20px auto;
	padding-left:30px;
}
.sub_row ul.date_box li.time {
	background:url('/images/sub/meatsp_icon01.png') no-repeat 5px center;
	background-size:20px auto;
	padding-left:30px;
}
.sub_row ul.date_box li.date {
	background:url('/images/sub/meatsp_icon06.png') no-repeat 5px center;
	background-size:20px auto;
	padding-left:30px;
}
.sub_row ul.date_box li.user {
	background:url('/images/sub/meatsp_icon09.png') no-repeat 5px center;
	background-size:20px auto;
	padding-left:30px;
}
.sub_row ul.date_box li.userCheck {
	background:url('/images/sub/meatsp_icon26.png') no-repeat 5px center;
	background-size:20px auto;
	padding-left:30px;
}
.sub_row ul.date_box li.file {
	background:url('/images/sub/meatsp_icon04.png') no-repeat 5px center;
	background-size:20px auto;
	padding-left:30px;
}
.sub_row ul.date_box li.tel {
	background:url('/images/sub/meatsp_icon24.png') no-repeat 5px center;
	background-size:20px auto;
	padding-left:30px;
}
.sub_row ul.date_box li.com {
	background:url('/images/sub/meatsp_icon17.png') no-repeat 5px center;
	background-size:20px auto;
	padding-left:30px;
}
.sub_row ul.date_box li.check {
	background:url('/images/sub/meatsp_icon04.png') no-repeat 5px center;
	background-size:20px auto;
	padding-left:30px;
}
.sub_row ul.date_box li.date span, .sub_row ul.date_box li.file span, .sub_row ul.date_box li.user span, .sub_row ul.date_box li.tel span, .sub_row ul.date_box li.com, .sub_row ul.date_box li.check, .sub_row ul.date_box li.usercheck {
	color:#000;
}
.sub_row ul.date_box li.date.has_input {
	line-height:40px;
}
.sub_row ul.date_box li.date.has_input .btn_date i {
	font-size:28px;
}
.sub_row ul.date_box li.date.has_write {
	background:url('/images/sub/meatsp_icon06.png') no-repeat 5px 13px;
	background-size:20px auto;
	padding-left:0px;
	padding-right:0;
}
.sub_row ul.date_box li.date.has_write.check {
	background:url('/images/sub/meatsp_icon18.png') no-repeat 5px 13px;
	background-size:20px auto;
}
.sub_row ul.date_box li.date.has_write.file {
	background:url('/images/sub/meatsp_icon04.png') no-repeat 5px 13px;
	background-size:20px auto;
}
.sub_row ul.date_box li.date.has_write span.write_title {
	display:block;
	text-indent:30px;
}
.sub_row ul.date_box li.date.has_write .input-group {
	width:100%;
	padding:5px 5px;
	margin-right:0;
	position:relative;
}
.sub_row ul.date_box li.date.has_write .input-group input {
	width:100%;
	text-indent:5px;
}
.sub_row ul.date_box li.date.has_write .input-group .btn_date {
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#333;
	position:absolute;
	right:1px;
	top:6px;
	display:block;
}
.sub_row ul.date_box li.date.has_write .input-group .btn_date {
	top:8px;
	right:0px;
}
.sub_row ul.date_vertical_box li {
	line-height:35px;
}
.sub_row ul.date_vertical_box li > span {
	font-size:15px;
	margin-right:12px;
	padding-left:5px;
	font-weight:400;
	display:inline-block;
	float:left;
}
.sub_row ul.date_vertical_box li input.calInput {
	border-radius:5px 0px 0px 5px;
	font-size:16px;
	float:left;
}
.sub_row ul.date_vertical_box li .btn_date {
	width:50px;
	height:40px;
	float:left;
}

.sub_row ul.warning_box {
	overflow:hidden;
}
.sub_row ul.warning_box.warning_box2 {	
	border-top:1px solid #eee;
}
.sub_row ul.warning_box li {
	width:50%;
	padding-top:65px;
	padding-bottom:10px;
	font-size:16px;
	text-align:center;
	float:left;
}
.sub_row ul.warning_box li:first-child {
	border-right:1px solid #eee;
}
.sub_row ul.warning_box li.time {
	background:url('/images/sub/meatsp_icon01.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.tem {
	background:url('/images/sub/meatsp_icon02.png') no-repeat center 20px;
	background-size:40px auto;
	color:#ff423b;
}
.sub_row ul.warning_box li.war {
	background:url('/images/sub/meatsp_icon03.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.check {
	background:url('/images/sub/meatsp_icon04.png') no-repeat center 20px;
	background-size:40px auto;
	color:#ff423b;
}
.sub_row ul.warning_box li.date {
	background:url('/images/sub/meatsp_icon06.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.truck {
	background:url('/images/sub/meatsp_icon05.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.date2 {
	/* 검사일자 */
	background:url('/images/sub/meatsp_icon10.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.date3 {
	/* 판정일자 */
	background:url('/images/sub/meatsp_icon11.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.reception {
	background:url('/images/sub/meatsp_icon13.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.P_name {
	background:url('/images/sub/meatsp_icon14.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.company {
	background:url('/images/sub/meatsp_icon19.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.date4 {
	/* 작성일자 */
	background:url('/images/sub/meatsp_icon20.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.date5 {
	/* 발생일자 */
	background:url('/images/sub/meatsp_icon21.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.user1 {
	/* 업무인계자 */
	background:url('/images/sub/meatsp_icon22.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box li.user2 {
	/* 업무인수자 */
	background:url('/images/sub/meatsp_icon23.png') no-repeat center 20px;
	background-size:40px auto;
}
.sub_row ul.warning_box .input-group {
	margin:0 auto;
}
.sub_row ul.warning_box .input-group input {
	width:90%;
}

.bottom_fix_btn {
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	overflow:hidden;
}
.bottom_fix_btn .bfb_01 {
	width:50%;
	padding:15px 0;
	text-align:center;
	background:#3fc3c4;
	color:#fff;
	float:left;
}
.bottom_fix_btn .bfb_02 {
	width:50%;
	padding:15px 0;
	text-align:center;
	background:#232c7b;
	color:#fff;
	float:left;
}

/**/
.improvement {
	font-size:14px;
	font-weight:400;
}
.improvement h4 {
	font-size:15px;
	font-weight:500;
	color:#283c82;
	padding-bottom:5px;
}
.improvement textarea {
	width:100%;
}

/* 설비이력카드 */
.accordion > .panel-content {
}
.accordion > .acc-panel > li {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


/* 가열기 */
.check_select {
	overflow:hidden;
}
.check_select span {
	line-height:35px;
	padding-right:8px;
	font-size:15px;
	color:#000;
	float:left;
}
.check_select_l {
	width:calc(100% - 120px);
	float:left;;
}
.check_select_r {
	width:110px;
	float:right;
}
.check_select_r select {
	width:44px;
}

.check_title {
	font-size:15px;
	color:#000;
	text-align:center;
	background:#f6f6f6;
	padding:15px;
	border-radius:5px;
	margin-bottom:10px;
	overflow: hidden;
}
.check_title label.labelTit {
	float: left;
	width: 60px;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 35px;
}
.check_title label.labelTit + .select {
	width: calc(100% - 60px);
	margin-right: 0;
}
.check_title .productName {
	padding-right:15px;
	color:#133ea0;
	font-weight:500;
}
.check_title .roundNum {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:17px;
	background:#3fc3c4;
	color:#fff;
	border-radius:50%;
	display:inline-block;
}

.check_title.exam {background: #fff;}
.check_title.exam .select {
	width: 50%;
	float: left;
}
.check_title.exam a.start_btn {
	display: inline-block;
	float: right;
	width: 48%;
	height: 35px;
	line-height: 35px;
	background: #ffda10;
	color:#000;
	text-align: center;
	font-weight: 500;
	border-radius: 5px;
}

.check_title.exam.type2 .select {
	width: 35%;
	float: left;
}
.check_title.exam a.start_btn {
	width: 28%;
}

.check_oven {
	text-align:center;
	overflow:hidden;
}
.check_oven h1 {
	line-height:32px;
	font-size:22px;
	text-align:center;
	padding:20px 0 10px;
	color:#000;
}
.check_oven h1 span {
	width:32px;
	height:32px;
	background:#3fc3c4;
	color:#fff;
	border-radius:50%;
	text-align:center;
	display:inline-block;
}
.check_oven h1 span.color-warning {
	background:#b61c1c;
	color:#fff!important;
}
.check_oven img {
	margin:0 auto;
}
.check_oven a {
	width:100%;
	padding:15px 0;
	border-radius:5px;
	font-size:20px;
	margin-top:10px;
	display:inline-block;
	text-align:center;
	float:left;
}
.check_oven a.start_btn {
	background:#ffda10;
	color:#000;
}
.check_oven a.oven_ing {
	background:#fb6a57;
	color:#fff;
	margin-right:2%;
	display:none;
}
.check_oven a.btn-g {
	background:#333;
	color:#fff;
}

.heater_type_tem {
	clear:both;
}
.heater_type_tem .check_num ul li {
	padding:0;
}
.heater_type_tem .check_num ul li:first-child {
	padding-bottom:5px;
}
.heater_type_tem .check_num ul li:last-child {
	padding-bottom:5px;
}
.heater_type_tem .check_num ul li span {
	width:100%;
	background:#eff2f8;
	margin-bottom:5px;
}
.heater_type_tem .check_num ul li b {
	font-size:14px;
	color:#333;
	padding:0;
	font-weight:400;
}
.heater_type_tem .check_num.w100p ul li {
	width:100%;
	border-right:0;
}

.heater_type_tem .check_num.w100p.milano ul {
	border:none;
}
.heater_type_tem .check_num.w100p.milano ul li {
	padding-bottom:10px;
	border:1px solid #ddd;
	border-top:2px solid #a4b4d4;
	border-radius:7px;
}
.heater_type_tem .check_num.w100p.milano ul li span {
	padding:8px 0;
	margin-bottom:10px;
	font-weight:500;
}
.heater_type_tem .check_num.w100p.milano ul li b {
	margin-bottom: 3px;
	font-weight:bold;
	letter-spacing:0.3px;
}
.heater_type_tem .check_num.w100p.milano ul li b:last-child{
	margin-bottom:0;
}
.heater_type_tem .check_num.w100p.milano ul li.color {
	margin-top:10px;
	border-top:2px solid #a4ccd4;
}


/* CCP D02 write */
.has_selectD {
	height:55px;
	line-height:35px;
}
.has_selectD a {
	width:30px;
	height:35px;
	margin-left:10px;
}
.has_btn {width:100%; margin-top:5px; overflow:hidden;}
.has_btn a {width:100%;  line-height:20px; border:1px solid #ddd; padding:7px 15px; border-radius:5px; display:block;
	background-color:#f6f6f6;
	background: -webkit-linear-gradient(#fff, #f6f6f6); /* For Safari */
	background: -o-linear-gradient(#fff, #f6f6f6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #f6f6f6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #f6f6f6); /* Standard syntax (must be last) */
}
.has_btn a i { font-size:13px; margin-top:-4px; float:right;}




/* 기준서관리 */
.standard_set_list li {
	overflow:hidden;
	position:relative;
}
.standard_set_list li h4 {
	width:80%;
	font-size:15px;
	font-weight:500;
	color:#000;
}
.standard_set_list li h6 {
	width:80%;
	font-size:12px;
	font-weight:400;
	color:#3d3d3d;
	background:none;
	padding:0;
}
.standard_set_list li.newSet {
}
a i.standard_fileName {
	width:15px;
	height:15px;
	line-height:15px;
	border-radius:50%;
	background:#ff0000;
	color:#fff;
	font-size:10px;
	font-style:normal;
	margin-left:5px;
	text-align:center;
	display:inline-block;
}
.standard_set_list li a.standard_fileDown {
	width:50px;
	height:32px;
	text-align:center;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
}
.standard_set_list li a.standard_fileDown img {
	width:20px;
}

.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.filebox label {
	width:85px;
	height:40px;
	line-height:36px;
	text-align:center;
	padding:0;
	margin:0;
    display: inline-block;
    color: #fff;
	font-weight:400;
	font-size:14px;
    vertical-align: middle;
    background-color: #242b7b;
    cursor: pointer;
    border: 1px solid #242b7b;
    border-radius: 5px;
	float:left;
}

/* named upload */
.filebox .upload-name {
	width:calc(100% - 90px)!important;
	display: inline-block;
	height: 40px;
	font-size:14px; 
	padding: 0 10px;
	vertical-align: middle;
	background-color: #edf5f7;
	border: 1px solid #cccccc;
	border-radius: 5px;
	float:right;

}


.file_up_hwp {
	width:100%;
	line-height:1.4;
	font-size:13px;
	padding-top:6px;
	word-break:keep-all;
	display:block;
}



/* 생산지시-순간슬라이서 외 (hac_product/P01~03) */
.productList {}
.productList ul {
	overflow:hidden;
}
.productList li {
	margin-bottom:20px;
	border:1px solid #e0e0e0;
	border-left:5px solid #b2b2b2;
	letter-spacing:-0.5px;
	border-radius:10px;
	padding:15px 20px;
	margin-bottom:10px;
}
.productList li.ing_1 {
	border-left:5px solid #2e7826;
}
.productList li.ing_2 {
	border-left:5px solid #cc0e0e;
}
.productList li h4 {
	color:#333;
	font-size:15px;
	margin-bottom:7px;
	font-weight:400;
	display:block;
}
.productList ul li b {
	color:#000;
	font-family:'Lato', sans-serif;
	font-size:24px;
	font-weight:bold;
	margin-bottom:15px;
	display:block;
}
.productList ul li button {
	width:100%;
	line-height:30px;
	border-radius:5px;
	font-size:16px;
	border:1px solid #ddd;
}
.productList ul li.ing_1 button {
	background:#2e7826;
	color:#fff;
	border:1px solid #2e7826;
}
.productList ul li.ing_2 button {
	background:#cc0e0e;
	color:#fff;
	border:1px solid #cc0e0e;
}
.productList p {
	text-align:center;
	padding:100px 0;
}


/* 차량운행일지 */
.btn-ing {
	background-color:#2f9510;
	color:#fff!important;
	padding:5px;
	border-radius:3px;
	font-size:12px;
	display:block;
}
.btn-ing i {
	margin-left:7px;
	float:left;
}
.btn-shang {
	background-color:#ff5b28;
	color:#fff!important;
	padding:5px;
	border-radius:3px;
	display:block;
}
.btn-shang i {
	margin-left:7px;
	float:left;
}
.btn-xia {
	background-color:#1e4184;
	color:#fff!important;
	padding:5px;
	border-radius:3px;
	display:block;
}
.btn-xia i {
	margin-left:7px;
	float:left;
}

p.smallFont {
	line-height:18px;
	font-size:12px;
	margin-bottom:5px;
	word-break:keep-all;
}

/* 훈연기 */
.h08_inputList {
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	position:relative;
}
#productArea div:last-child {
	border-bottom:0;
}
.h08_inputList.last {
	border-bottom:0;
}
.h08_inputList .lwrap {
	width:calc(100% - 50px);
}
.h08_inputList .lwrap p input {
	width:100%;
	margin-bottom:3px;
}
.h08_inputList .lwrap p.has3 input {
	width:33%;
	margin-right:0.5%;
}
.h08_inputList .lwrap p.has3 input:last-child {
	margin-right:0;
}
.h08_inputList input[type="button"].btn_delete {
	position:absolute;
	right:0;
	top:24px;
}
.h08_inputList.long  input[type="button"].btn_delete {
	position:absolute;
	right:0;
	top:50px;
}
.h08_inputList .lwrap.hasB p b {
	width:66px;
	line-height:35px;
	font-weight:400;
	color:#2f2f2f;
	display:inline-block;
	float:left;
}
.h08_inputList .lwrap.hasB p input {
	width:calc(100% - 66px);
	margin-bottom:3px;
}
.h08_inputList .lwrap.hasB p.has3 input {
	width:calc(33% - 22px);
	margin-right:0.5%;
}

/*자동완성*/
.ui-autocomplete {
   position: absolute;
   top: 0;
   left: 0;
   cursor: default;
}
.ui-autocomplete li {
	padding:10px;
	border:1px solid #ddd;
	border-bottom:0;
	background:#fff;
	font-size:15px;
}
.ui-autocomplete li:last-child {
	border-bottom:1px solid #ddd;
}

/* 비밀번호 변경 */
p.passInfo { padding-top:10px; }

/*품온*/
a.temper_btn {
	display:block;
	width:100%;
	height:45px;
	line-height:45px;
	margin-top:10px;
	font-size:18px;
	background:#122e78;
	color:#fff;
	text-align:center;
	border-radius:5px;
}

/*가열기 품온레이어*/
.layer_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999;}
.layer_body {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width:80%; padding: 30px; background: #fff; color:#000; border-radius: 10px; font-size: 17px; -webkit-box-shadow: 1px 1px 1px #000; -moz-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #555; text-align:center;}

.temper_body .layer_ft {overflow: hidden;}
.temper_body .layer_ft a {display:inline-block; width: 48%; height: 40px; line-height: 40px; padding: 0; margin-right: 4%; border-radius:5px; font-size:15px; color:#fff; text-align:center;}
.temper_body .layer_ft a.input-btn { background:#122e78;}
.temper_body .layer_ft a.btn-close {margin-right: 0; background:#333;}


.sign_action {
	width:80px;
	line-height:40px;
	border-radius:5px;
	text-align:center;
	position:fixed;
	bottom:20px;
	left:50%;
	margin-left:-40px;
}
.better_action {
	width:110px;
	line-height:40px;
	border-radius:5px;
	text-align:center;
	position:fixed;
	bottom:20px;
	left:50%;
	margin-left:-55px;
	background:#01b0b0;
	color:#fff;
}
.sign_action.twoBtn {
	margin-left:-113px;
}
.better_action.twoBtn {
	margin-left:-30px;
}


/*한과류*/
.heater_List.H10 li h2 {
	background: #132e78;
	color:#fff;
}
.heater_List.H10 li h2 a {color:#fff; font-weight: 500;}
.heater_List.H10 .gubunBox {
	border: 1px solid #132e78;
	border-radius: 10px;
	margin-bottom: 15px;
}

.heater10 {
	width:100%;
	border:1px solid #ddd;
	border-top:2px solid #a4b4d4;
	border-radius:7px;
	margin-bottom:7px;
	text-align:center;
	overflow:hidden;
}
.heater10 p {
	width:100%;
	background:#eff2f8;
	border-bottom:1px solid #ddd;
	padding:3px 0;
	margin:0;
	font-size: 13px;
}
.heater10 ul {
	overflow:hidden;
}
.heater10 ul li {
	height:30px;
	line-height:30px;
	border-bottom:1px solid #ddd;
	float:left;
}

.lineHeight40 .heater10 ul li {
	height:35px;
	line-height:33px;
	padding: 0;
	font-size: 14px;
}
.heater10 ul li:first-child {
	width:120px;
	border-right:1px dashed #ddd;
}
.heater10 ul li:last-child {width: calc(100% - 120px); border-bottom: 1px solid #ddd;} 


.heater10 div:last-child ul li {
	border-bottom:0;
}
.heater10 div ul li input {
	height:30px;
}

.heater10 .bg-yellow {
	background:#fff09d;
	color:#000;
}
.heater10 ul li b {
	font-size:14px;
	display:block;
}
.heater10 i {
	font-style:normal;
}

.h10Front_r p {
	background:#e7f7f7;
}
.h10Front_r .heater10 {	
	border-top:2px solid #78cecf;
}

.heater_type_tem h3{
	font-weight: bold;
    text-align: center;
    padding: 8px 0;
    border-radius: 5px;
    background: #728ec7;
    color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
}
.heater_type_tem .h10Front_r h3 {
	background:#3fb5b6;
	color:#fff;
}
.heater_type_tem h3.toggleBtn {position: relative;}
.heater_type_tem h3.toggleBtn i {position: absolute; right: 15px; top: 50%; transform:translateY(-50%); font-size: 20px;}


.has_input_select div.code0026 {
	height:35px;
	line-height:35px;
	color:#555;
	font-size:14px;
	margin-bottom:5px;
	position:relative;
	clear:both;
}
.has_input_select div.code0026 b {
	width:90px;
	font-weight:400;
	color:#2f2f2f;
	display:inline-block;
	float:left;
}
.has_input_select div.code0026 b + input {
	width:120px; height:35px; line-height:35px; margin-right:5px;
}

.heater_List li h2.w100 {width: 100%;}

.heaterInfo_H10 {width: 100%; padding: 10px 0 15px; overflow: hidden;}
.heaterInfo_H10 .option {width: calc(100% - 100px); height: 40px; line-height: 40px; float: left; color:#00b0b0 !important; font-weight: 500;}
.heaterInfo_H10 .round {width: 40px; height: 40px; line-height: 40px; margin: 0 10px; float: left; background: #333; border-radius: 50%; color:#fff; text-align: center;}
.heaterInfo_H10 .state {width: 40px; height: 40px; float: left;}

/* 금속검출기 시편검사 */
.numStep {
	width:100%;
	height:100vh;
	line-height:100vh;
	text-align:center;
	color:#ff2e2e;
	background:rgba(0,0,0,0.4);
	font-size:260px;
	/* font-family: 'Black Han Sans', sans-serif; */
	font-family: 'NanumSquare', sans-serif;
	font-weight: 800;
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:9997;
}
.errorBox {
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.9);	
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:9999;
}
.errorBox a.closeError {
	width:60px;
	height:45px;
	line-height:45px;
	font-size:20px;
	background:#000;	
	border-radius:5px;
	color:#fff;
	text-align:center;
	position:absolute;
	top:11.5%;
	right:8%;
	z-index:9999;
}
.errorNbtn {
	background:#e92c2c;
	width:90%;
	height:80vh;
	border-radius:15px;
	padding-top:40px;
	position:relative;
	top:10%;
	left:5%;
	z-index:9998;
}
.errorIcon {
	margin:0 auto;
	text-align:center;
}
.YNText {
	margin:0px 0 40px 0;
	font-size:26px;
	line-height: 1.2;
	/* font-family: 'Black Han Sans', sans-serif;*/
	font-family: 'NanumSquare', sans-serif;
	font-weight: 800;
	letter-spacing:-3px; 
	/* font-weight:normal; */
	color:#fff;
	text-align:center;
}
.yesOrNo {
	margin:40px;
	overflow:hidden;
}
.yesOrNo a {
	width:49%;
	height:50px;
	line-height:50px;
	margin-right:2%;
	font-size:28px;
	/* font-family: 'Black Han Sans', sans-serif; */
	font-family: 'NanumSquare-b', sans-serif;
	font-weight: 800;
	color:#000;
	background:#fff;
	text-align:center;
	border-radius:5px;
	display:block;
	float:left;
}
.yesOrNo a:last-child {
	margin-right:0;
	background:#ffe33c;
}


.errorBox.small {
	background:rgba(0,0,0,0.4);	
}
.errorBox.small a.closeError {
	position:absolute;
	top:12%;
	right:8%;
}
.errorBox.small .errorNbtn {
	width:94%;
	height:55vh;
	padding-top:30px;
	position:relative;
	top:10%;
	left:3%;	
	z-index:9998;
}

.errorBox.small .YNText, .errorBox.writeWhy .YNText {
	margin:0px 0 30px 0;
}
.errorBox.small .errorNbtn .errorIcon img {
	width:160px;
}
.errorBox.writeWhy .errorNbtn .errorIcon img {
	width:180px;
}

/*경고 - 배경효과*/
.errorBox .errorNbtn {	
	animation: errorNbtn 0.3s infinite alternate;
}
.errorBox .YNText {
	animation: YNText 0.3s infinite alternate;
}
@keyframes errorNbtn {
	0% { background: #ce1111; }
	100% { background: #ffffff;  }
}
@keyframes YNText {
	0% { color:#fff;}
	100% { color: #ce1111; }
}


.writeWhyError {}
.writeWhyError .inlineBox {
	width:100%;
	margin:10px auto;
	padding: 0 10px;
	overflow:hidden;
}
.writeWhyError .inlineBox .select {
	width:42%;
	height:60px;
	border-radius:5px;
	float:left;
}
.writeWhyError .inlineBox select {
	width:100%;
	height:60px;
	line-height:54px;
	font-size:18px;
	border:0;
	padding-left:5px;
	font-weight:bold;
	text-align:left;
}
.writeWhyError .inlineBox .select i {
	right:8px;
	margin-top:8px;
	font-size:25px;
}
.writeWhyError .inlineBox input {
	width:56%;
	height:60px;
	line-height:60px;
	font-size:18px;
	color:#000;
	font-weight:bold;
	float: right;
}
/* 하단 고정버튼 */
.bottomFixed {
	width:100%;
	height:50px;
	position:fixed;
	bottom:0;
	left:0;
}
.bottomFixed a {
	line-height:50px;
	font-size:26px;
	font-family: 'NanumSquare', sans-serif;
	font-weight:bold;
	text-align:center;
	display:block;
	float:left;
}

a.fixedlist /*검토요청*/ {
	width:100%;
	background:#e5e5e5;
	color:#333;
}

a.fixedRequest /*검토요청*/ {
	width:100%;
	background:#303289;
	color:#fff;
}
a.fixedPrint /* 인쇄,목록 */ {
	width:20%;
	background:#e5e5e5;
	color:#333;
}
a.fixedCompanion /*반려*/ {
	width:40%;
	background:#052d5b;
	color:#fff;
}
a.fixedCompanion.case4 {
	width:80%;
}
a.fixedReview /*검토*/ {
	width:40%;
	background:#3fc3c5;
	color:#fff;
}
a.fixedApproval/*승인*/ {
	width:50%;
	background:#3fc3c5;
	color:#fff;
}
a.fixedApproval.case4 {
	width:80%;
}
a.fixedWrite/*작성*/ {
	width:100%;
	background:#3fc3c5;
	color:#fff;
}
a.fixedSign /* 서명 */ {
	width:30%;
	background:#052d5b;
	color:#fff;
}
.bottomFixed.type2 a {
	width:50%!important;
}

/* 리스트 */
.tableStyle01 {
	width:100%;
	text-align:center;
	font-size:17px;
	font-family: 'NanumSquare', sans-serif;
}
.tableStyle01 thead th {
	padding:10px 0;
	background:#11325e;
	color:#fff;
	border-right:1px solid #1f3759;
	vertical-align:middle;
}
.tableStyle01 thead th:last-child {
	border-right:0;
}
.tableStyle01 tbody th {
	padding:15px 0;
	border-bottom:1px solid #22314a;
	border-right:1px solid #22314a;
	background:#0e2137;	
	color:#fff;
	font-size:22px;
	vertical-align:middle;
}
.tableStyle01 tbody td {
	padding:15px 5px;
	border-bottom:1px solid #22314a;
	border-right:1px solid #22314a;
	background:#0e2137;	
	color:#fff;
	font-size:22px;
	position: relative;
}
.tableStyle01.ccpCheck {
	margin-bottom:70px;
	border-right:1px solid #b8b8b8;
}
.tableStyle01.ccpCheck thead th {
	line-height:1.2;
	font-size:18px;
	font-weight:bold;
	border:1px solid #0e2137;
	padding:10px 0;
}
.tableStyle01.ccpCheck tbody td {
	padding: 15px 0;
	line-height: 1.4;
	background:#fff;
	color:#000;
	border:1px solid #b8b8b8;
	vertical-align:middle;
	font-size:20px;
	font-family: 'NanumSquare', sans-serif;
	font-weight:800;
	letter-spacing:-1px;
}
.tableStyle01.ccpCheck tbody th {
	background-color:#dae3ff;
	border:1px solid #b8b8b8;
	color:#000;
}

.tableStyle01.ccpCheck2 {
	margin-bottom:70px;
	border-right:1px solid #b8b8b8;
}
.tableStyle01.ccpCheck2 tbody th {
	line-height:1.2;
	font-size:14px;
	font-weight: 500;
	padding:3px 0;
	background-color:#dae3ff;
	border:1px solid #b8b8b8;
	color:#000;
	font-family: 'Noto Sans KR', '맑은고딕', Dotum, '돋움', sans-serif;
}
.tableStyle01.ccpCheck2 tbody th.bg {
	color:#fff;
	background: #11325e;
	border:1px solid #0e2137;
}
.tableStyle01.ccpCheck2 tbody td {
	padding: 0;
	line-height: 1.4;
	background:#fff;
	color:#000;
	border:1px solid #b8b8b8;
	vertical-align:middle;
	font-size:20px;
	font-family: 'NanumSquare', sans-serif;
	font-weight:800;
	letter-spacing:-1px;
}
.tableStyle01.ccpCheck2 tbody td img {
	max-width: 100%; 
	width: auto;
	max-height: 34px;
	display: inline-block; 
	vertical-align:middle;
}

/* 하단에서 올라오는 레이어팝업 */
.layerMask { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9;}
.layerWrap {max-width:770px; position: fixed; left: 50%; bottom: -100%; transform:translateX(-50%); width: 100%; background: #fff; z-index: 99; transition:bottom 0.4s;
	border-radius:20px 20px 0 0;
}
.layerWrap.up {bottom: 0;}
.layerTit {
	padding: 30px 30px 15px; 
	font-size: 25px; 
	font-weight:normal;
	color:#161616;
}
.layerBody {padding: 0 10px;}
.layerBtn {width: 100%; overflow: hidden;}
.layerBtn a {
	width: 50%; 
	height:70px;
	line-height:76px;
	font-size:25px;
	text-align:center;
	display: block; 
	float: left; 
}
.layerBtn.type2 a {
	width:25%;
}
.layerBtn.type2 a.btnR {
	width:50%;
}

.layerBody img.loadingDot { width:100%; }
.layerBody h3 { 
	text-align:center; 
	padding-top:25px;
}
.layerBody p.metalText { 
	text-align:center;
	color:#000; 
	font-size:20px;
	font-family: 'NanumSquare', sans-serif;
	font-weight:bold;
	margin-bottom: 5px;
}

.layerBody p.metalText_s { 
	text-align:center;
	color:#000; 
	font-size:18px;
	margin-bottom:20px;
	font-family: 'NanumSquare', sans-serif;
}
.layerBody p.metalText span {
	color:#d22929;
	font-size:26px;
	font-weight: 800;
}


/*금검기 신규*/
.tit_btnBox {
	overflow: hidden;
	text-align: right;
}
.tit_btnBox span {
	font-size: 12px;
	font-weight: normal;
	color:#000;
	line-height: 30px;
}
.tit_btnBox a {
	display: inline-block;
	padding: 0 8px;
	height: 25px;
	line-height: 25px;
	background: #728ec7;
	border-radius: 5px;
	color:#fff;
	font-weight: 500;
	font-size: 13px;
}
.tit_btnBox a.del {
	background: #999;
}
.tit_btnBox p {
	float: left;
	display: inline-block;
	
}
/* .tit_btnBox p input {
	margin: 0;
	width: 15px;
	height: 15px;
	vertical-align: middle;
}*/
.tit_btnBox p label {
	margin-top: 4px;
	margin-bottom: 0 !important;
} 

a.bf_sign, a.af_sign {
	display: block;
	margin: 0 auto;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 50%;
	font-size: 16px;
}
a.bf_sign {
	background: #14477d;
	color:#fff;
	line-height: 25px;
}
a.af_sign {
	background: #999;
	color:#fff;
}
a.bigo_o, a.bigo_x {
	display: block;
	width: 50px;
	padding: 2px 0;
	margin: 0 auto;
	border-radius: 3px;
	letter-spacing: -1px;
	font-size: 13px;
	font-weight: 500;
}
a.bigo_o {
	background: #dbdbdb;
	color:#333;
}
a.bigo_x {
	background: #14477d;
	color:#fff;
}

span.exam_juk, span.exam_bu {
	font-family: 'NanumSquare', sans-serif;
	font-weight: 800;
}
span.exam_juk {color:/* #2dc300 */#14477d !important;}
span.exam_bu {color:#f14112 !important;}

td span.ox {
	font-family: 'Montserrat';
	font-weight: 300;
	font-size: 20px;
}

.innerTable .smallfont span.exam_juk,
.innerTable .smallfont span.exam_bu,
.ssmallfont span.exam_juk,
.ssmallfont span.exam_bu {
	font-family: 'Noto Sans KR', '맑은고딕', Dotum, '돋움', sans-serif;
	font-size: 16px;
}


.metalVer1_list {
}
.metalVer1_list li {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #eff2f8;
}
.metalVer1_list li > a {
	position: absolute;
	top: 8px;
	right: 10px;
}
.metalVer1_list li p {
	padding-right: 40px;
	margin-bottom: 5px;
	color:#000;
}
.metalVer1_list li p label.label2 {
	font-size: 17px !important;
	font-weight: 500;
	padding-right: 0;
}
.metalVer1_list li p span {
	float: right;
	line-height: 25px;
}
.metalVer1_list li p span em {
	font-weight: 500;
}
.innerTable {
	width: 100%;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ddd;
}
.innerTable table {
	width: 100%;
}
.innerTable table th {
	background: #728ec7;
	color:#fff;
	border-bottom: 1px solid #ddd;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -0.5px;
}
.innerTable table th,
.innerTable table td {
	padding: 3px;
	text-align: center;
	border-left: 1px solid #ddd;
}
.innerTable table th:first-child,
.innerTable table td:first-child, .lst_guide01_wrap table td:first-child {
	border-left: none;
}

.innerTable table.smallfont th, .innerTable table.smallfont td{
	font-size: 12px;
	padding: 0px 0;
	line-height: 1.1;
}
.innerTable table.smallfont td {padding: 2px 0;}
.innerTable table.smallfont td span.ox {font-size: 16px;}
.innerTable table th.bgc {background: #5175be;}
.innerTable table.smallfont .lh12 {line-height: 1.2;}
.innerTable table.smallfont .ls05 {letter-spacing: -0.5px;}




.metalVer2_list li {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
}
.metalVer2_list li > a {
	position: absolute;
	top: 8px;
	right: 10px;
}
.metalVer2_list li p {
	padding-right: 40px;
	margin-bottom: 5px;
	color:#000;
}
.metalVer2_list li p label.label2 {
	font-size: 17px !important;
	font-weight: 500;
	padding-right: 0;
}
.metalVer2_list li p span {
	float: right;
	line-height: 25px;
}
.metalVer2_list li p span em {
	font-weight: 500;
}



/* .metalVer2_list li {
	background: #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.metalVer2_list li:last-child {margin-bottom: 0; border-bottom: none;}*/
.metalVer2_list li p {
	width: 100%;
	margin-bottom: 10px;
	line-height: 20px;
	overflow: hidden;
}
.metalVer2_list li p b {
	float: left;
	display: inline-block;
	font-weight: 500;
	color: #242b7b;
}
.metalVer2_list li p b img {width: 20px; height: auto; vertical-align: top;} 


/**/

/*작성리스트-박스형태임*/
div.add_btn {
	overflow: hidden;
	text-align: right;
}
div.add_btn .btn {
	display: inline-block;
	width: auto;
	background:#2477ba;
	color:#fff;
	text-align: center;
	border: none;
}

.writeList {
}
.writeList li.sign_comp {
	background: #f7f7f7;
}
.writeList::after {
	display: block;
	content: '';
	clear: both;
}
.writeList li {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	background: #f6f9ff;
	border: 1px solid #ddd;
	
}
.writeList li:last-child {
	margin-bottom: 0;
}
.writeList li div.listInfo {
	overflow: hidden;
	margin-bottom: 5px;
}
.writeList li div.listInfo .mr5{
	margin-right: 5px;
}
.writeList li div.listInfo .mr10{
	margin-right: 10px;
}
.writeList li div.listInfo p {
	width: 100%;
	float: left;
	overflow: hidden;
}
.writeList li div.listInfo p.w50 {
	width: 50%;
}
.writeList li div.listInfo p.w30 {
	width: 30%;
}
.writeList li div.listInfo p.w70 {
	width: 70%;
}
.writeList li div.listInfo p.w40 {
	width: 40%;
}
.writeList li div.listInfo p.w60 {
	width: 60%;
}
.writeList li div.listInfo p b {
	display: inline-block;
	float: left;
	color:#14476b;
	line-height: 25px;
	font-size: 15px;
}
.writeList li div.listInfo p span {
	display: inline-block;
	padding: 0 10px;
	float: left;
	font-size: 15px;
	line-height: 25px;
	color:#000;
	font-weight: 500;
}
.writeList li div.listInfo .w100 {width: 100%;}
.writeList li div.listInfo p span.exam_juk,
.writeList li div.listInfo p span.exam_bu {
	font-size: 16px;
	float: right;
	line-height: 30px;
	font-weight: 800;
}


.writeList p b input.chkbox1.mini + .label3.mini {
	margin-bottom: 0;
	margin-top: 5px;
	margin-right: 5px;
}
.writeList p b input.chkbox1 + .label3 {
	margin-bottom: 0;
	margin-top: 2px;
	margin-right: 5px;
}
.writeList p b input.chkbox1.mini + .label3.mini {
	width: 15px;
	height: 15px;
	background-size: 15px 30px;
}
input[type="checkbox"].chkbox1:checked.mini + label.label3.mini {
	background-position: 0 -15px;
}
.writeList table button {
	padding: 3px 8px;
	border: none;
	background:#5f5f5f;
	color:#fff;
	border-radius: 3px;
	font-size: 10px;
}
.writeList li div.listInfo p b.sfont {
	font-size: 13px;
	letter-spacing: -1px;
}
.writeList li div.listInfo p b.sfont + span {
	font-size: 13px;
}
.writeList .signWrap {
	position: relative;
	width: 100%;
}

.writeList .signWrap .lst_guide01_wrap {
	width: calc(100% - 45px);
}
.writeList .signWrap .signBtn {
	position: absolute;
	right: 0;
	top: 50%;
	transform:translateY(-50%);
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	border: none;
	background:#2477ba;
	color:#fff;
	font-size: 11px;
	box-shadow:0px 0px 5px #ddd;
	
}
.writeList .signWrap .signBtn.complet {
	background: #dadada;
	font-size: 0;
}
.writeList .signWrap .signBtn.complet::after {
	position: absolute;
	content: '\f00c';
	font-family: 'FontAwesome';
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	font-size: 20px;
	color:#2477ba;
}

.writeList .memo {
	border: 1px solid #eee;
	border-radius: 10px;
	margin-top: 5px;
	padding: 5px 10px;
	background: #fff;
}
.writeList .memo table {width: 100%;}
.writeList .memo th,
.writeList .memo td {
	font-size: 12px;
	padding:  5px 0;
	line-height: 1;
	border-bottom: 1px solid #eee;
}
.writeList .memo tr:last-child th,
.writeList .memo tr:last-child td {
	border-bottom: none;
}
.writeList .memo th {
	font-weight: 500;
	padding-right: 5px;
	color:#2477ba;
}
.writeList .memo td {
	padding-left: 5px;
}

.nodata {
	padding: 30px 0;
	border: 1px solid #ddd;
	border-radius: 10px;
	text-align: center;
}

/*모달*/
.ax5modal.danger {
	background-color: transparent;
	border: none;
	box-shadow:none;
}
.ax5modal.danger .ax-modal-header {
	background: none !important;

}
.ax5modal.danger .ax-modal-header .ax-modal-header-addon {

}
.ax5modal.danger .ax-modal-header .ax-modal-header-addon button {
	font-size: 26px;
	color:#fff;
}
.ax5modal.danger .ax-modal-body {
	border-radius: 10px;
}

/*log_v*/
.noticeBox {
	display: flex; 
	border: 1px solid #a5a5a5; 
	font-size: 0.9rem; 
	word-break: keep-all;
}
.noticeBox>li {
	width: 13%; 
	background: #f7f6db; 
	border-right: 1px solid #a5a5a5; 
	position:relative;
}
.noticeBox>ul {
	padding: 10px;
}

.fa-notice {
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%,-50%);
}
.fa-notice:before {
	content:"\f06a"; 
	color: #565555; 
	font-size: 28px;
}
.dot_before {
	list-style:none;
	position: relative; 
	margin-left: 15px;
}
.dot_before:before {
	content:"▪"; 
	position: absolute;
	left: -10px;
}
.dot_before b {
	color: #000 !important;
}
.top_type2 input, .top_type2 select, .top_type2 textarea {
	font-size: 15px; 
	color: #333;
}
.select.type2.type3 {
	width: 28%;
	margin-right: 4px;
}
.top_type2 select {
	height: 41px ! important;
}
.top_type2 textarea {
	resize: none; 
	width: 48%; 
	height: 41px; 
	overflow: hidden; 
	vertical-align: top; 
	padding: 7px;
}
.log_btn2, .btn_s.btn01.type2 {
	min-width: 67px;
}
.btn_s.btn01.type2 {
	width: 11%;
	height: 41px; 
	line-height: 41px; 
	font-size: 15px; 
}
.log_btn2 {
	width: 11%;
	display: inline-block;
	background: #696969; 
	color: #fff; 
	border-radius: 5px; 
	height: 41px; 
	text-align: center; 
	line-height: 41px; 
	float: right;
	cursor: pointer;
}    
.lst_guide01.type2 {
	font-size: 1rem; 
	width: 100%; 
	border-top: 1px solid #000; 
	border-left: 1px solid #dcdcdc; 
	line-height: 1.4;
}
.lst_guide01.type2 tbody tr td{
	text-align: center;
}
.codeWrap {
	display: none; 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 9;
}
.codeWrapBox {
	position: absolute; 
	top: 51%; 
	left: 50%; 
	transform: translate(-50%,-50%); 
	width: 100%; 
	max-width: 340px; 
	height: 88vh;
	border-radius: 10px; 
	background: #fff; 
	overflow: auto; 
	padding: 14px 15px;
}
.codeWrapBox .lst_guide01.type2 {
	font-size: 0.7rem;
}
.codeWrapBox .lst_guide01.type2 tbody tr td {
	word-break: keep-all;
}
.codeWrapBox p {
	line-height: 18px;
}
.codeWrapBox p:before{
	content:"※"
}
.codeBtnBox {
	position: absolute; 
	left: 50%; 
	transform: translateX(-50%); 
	width: 100%; 
	max-width: 340px; 
	height: 6vh; 
	top: 1%;
}
.codeBtnBox .codeClose {
	width: 50px; 
	height: 33px; 
	position: fixed; 
	top: 10px; 
	right: 0px; 
	background: #eff2f8; 
	border: none; 
	color: #333; 
	cursor: pointer; 
	border-radius: 3px; 
}
.codeBtnBox .codeClose:hover {
	background:#e1e4e9;
}

.date_top {
	width: 100%;
}
.date_top input {
	width: 49%;
}
.id_bottom {
	width: 100%;
}

/*log_l*/
.sub_row.type2 ul li:first-child {
	border-top: none;
}
.sub_row.type2 ul li {
	padding: 10px 0 10px 10px; 
	border-bottom: 1px solid #eee; 
	position: relative; 
	overflow: hidden; 
	cursor: pointer;
}
.sub_row.type2 ul li h3 {
	font-size: 13px; 
	font-weight: 500; 
	color: #000; 
	display: block;
}

/*log_p*/
.id_bottom.type2 textarea {
	width: 60%; 
}


@media (max-width: 792px){
	.date_top input {
    width: 48.8%;
	}
}
@media (max-width: 773px){
	.id_bottom.type2 textarea {
		width: 59.6%; 
	}
}
@media (max-width: 594px){
	.id_bottom.type2 textarea {
		width: 58%; 
	}
}
@media (max-width: 670px){
	.date_top input {
    width: 48%;
	}
	.select.type2.type3 {
		width: 27%;
	}
}
@media (max-width: 620px){
	.top_type2 textarea {
		width: 47%;
	}
}
@media (max-width: 600px){
	.top_type2 textarea {
		width: 45%;
	}
}
@media (max-width: 560px){
	.select.type2.type3 {
		width: 26%;
	}
	.top_type2 textarea {
		width: 43%;
	}
}
@media (max-width: 540px){
	.noticeBox {
		font-size: 0.8rem
	}
	.noticeBox>li {
		width: 20%;
	}
	.noticeBox.type2>li {
		width: 50%;
	}
	.top_type2 input, .top_type2 select, .top_type2 textarea {
		 font-size: 0.9rem;
	}
	.lst_guide01.type2 {
		font-size: 0.8rem;
	}
	.fa-notice:before {
		font-size: 24px;
	}
}
@media (max-width: 525px){
	.select.type2.type3 {
		width: 25%;
	}
}
@media (max-width: 505px){
	.select.type2.type3 {
		width: 24%;
	}
}
@media (max-width: 495px){
	.select.type2.type3 {
		width: 22%;
	}
}
@media (max-width: 473px){
	.select.type2.type3 {
		width: 21%;
	}
}
@media (max-width: 455px){
	.top_type2 textarea {
		width: 42%;
	}
}
@media (max-width: 432px){
	.top_type2 textarea {
		width: 41%;
	}
}
@media (max-width: 420px){
	.date_top input {
		width: 47.3%;
	}
	.top_type2 textarea {
		width: 40%;
	}
}
@media (max-width: 411px){
	.top_type2 textarea {
		width: 39%;
	}
}
@media (max-width: 401px){
	.top_type2 textarea {
		width: 38%;
	}
	.top_type2 input, .top_type2 select, .top_type2 textarea {
		font-size: 0.7rem;
	}
}
@media (max-width: 393px){
	.top_type2 textarea {
		width: 37%;
	}
	.id_bottom.type2 textarea {
		width: 56%;
	}
}
@media (max-width: 384px){
	.top_type2 textarea {
		width: 35%;
	}
}
@media (max-width: 368px){
	.top_type2 textarea {
		width: 34%;
	}
}
@media (max-width: 365px){
	.id_bottom.type2 textarea {
		width: 55%;
	}
}
@media (max-width: 360px){
	.top_type2 textarea {
		width: 33%;
	}
}

/* 모바일 페이지 */
/* .lst_guide01.type2 {
	border-top: 1px solid #dcdcdc;
}
@media (max-width: 520px){
	.lst_guide01.type2 colgroup col:first-child {
		width: 180px;
	}
}

@media (max-width: 400px){
	.lst_guide01.type2 colgroup col:first-child {
		width: 115px;
	}
	.lst_guide01.type2 tbody tr th {
		font-size: 12px;
	}
	.lst_guide01.type2 tbody tr td.td_lft {
		font-size: 12px;
	}
}
 */

 /* .lst_guide01.type3 */
@media (max-width:445px) {
	.lst_guide01.type3 {
		font-size: 12px;
	}
}

/* text-align: left */
.tl {
	padding: 10px !important;
    text-align: left !important;
}

/* td>li */
.monthBox {
	padding: 0 !important;
}
.monthBox li {
	width: 25%;
    float: left;
    padding: 0;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
	height: 30px;
    line-height: 30px;
}
.monthBox li:nth-child(9n), .monthBox li:nth-child(10n), .monthBox li:nth-child(11n), .monthBox li:nth-child(12n) {
	border-bottom: none;
}
.monthBox li:nth-child(4n), .monthBox li:nth-child(8n), .monthBox li:nth-child(12n) {
	border-right: none;
}

/* 서명 */
.sub_row img {
	max-width: 100%;
}

/* bg */
.monthCheck {
	background: #528eb9;
    color: #fff;
}
.lst_guide01 .bgGray >* {
    background: #f7f9fc;
}

/* 구분선 추가 */
.last02 {
	border-bottom: 3px solid #c3c3c3 !important;
}

/* 리스트 */
.lst_guide01 ul.list >li.titleText {
	margin-left: 22px;
    font-weight: 500;
    margin-bottom: 5px;
}
.lst_guide01 ul.list >li {
    margin-left: 38px;
	margin-bottom: 5px;
}

.lst_guide01 ul.list.type2 >li {
    margin-left: 23px;
	text-align:left
}
.lst_guide01 ul.list.type2 span {
    margin-left: -14px;
    font-weight: 500;
}
.lst_guide01 td.iconColor {
	color: #7b8caf;
}
.lst_guide01 ul.list.type3 li {
	display: flex;
	margin: unset;
}
.lst_guide01 ul.list.type3 li b {
	color: #000;
}
.lst_guide01 ul.list.type3 li .liLeft {
	width: 10px;
}
ul.list.type4 li {
	display: flex;
}
ul.list.type4 li >b:first-child {
	padding-right: 4px;
}
ul.list.type4 li .liRight {
	width: 67%;
}
ul.list.type5 li {
    display: flex;
    flex-flow: row;
    margin: 0!important;
}
.list.type5 li >span:first-child {
    padding-right: 5px;
    font-weight: bold!important;
    white-space: nowrap;
	padding-top: 3px;
}
.list.type5 li span {
    position: static!important;
    margin: 0!important;
    font-weight: 400!important;
}

/* 아이콘 색상 */
.fa.type2 {
	margin-right: 5px; 
    color: #7b8caf; 
}
.iconImg {
	position: relative;
    top: 4px;
	margin-right: 6px;
}

.common_menu a i {
	line-height:33px;
}
.gray_bb1 {
	border-bottom: 1px solid #ccc!important;
}
.gray_br1 {
	border-right: 1px solid #ccc!important;
}
.gray_bl1 {
	border-left: 1px solid #ccc!important;
}
.gray_bt1 {
	border-top: 1px solid #ccc!important;
}
.wb_keep {
	word-break: keep-all!important;
}
.wb_break {
	word-break: break-all!important;
}
.hasImg img {
	max-height: 200px;
	width: auto;
	height: 200px;
}
.hasImg.type2 img {
	max-height: 130px;
}
.monthBox.type2 li {
	height: 50px;
	line-height: 50px;
}
.monthBox.type3 li {
	height: 35px;
	line-height: 35px;
}

.smallText.type2 {
	position: relative;
	padding-left: 20px;
	word-break: keep-all;
}
.smallText.type2.v2 {
	display: flex;
}
.smallText.type2::before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 600;
}

.disF {
	display: flex;
}
.disB {
	display: block;
}

.smallDot {
	font-size: 15px;
    margin-bottom: 5px;
    padding-left: 15px;
    position: relative;
}
.smallDot::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #5e5e5e;
    position: absolute;
    left: 4px;
    top: 8px;
    font-weight: 600;
}

/* 대각선 */
.rotateLine {
	background-image: linear-gradient(to right bottom, transparent calc(50% - 1px), #ddd, transparent calc(50% + 1px)) !important;
	background-size: 120% 120%;
	background-position: center;
}

.sFont {
	font-size: 12px;
}