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

#container {overflow:hidden;}
#container::before {content:''; background:#eef1f5; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#container::after {content:'';background: #123b58;width: 240px;height: 100%;position: absolute;top: 0;left:0;border-top-right-radius: 30px;}
#container .lcontent {float:left;width: 240px;position:relative;z-index:1;}
#container .rcontent {margin-left: 240px;padding: 20px 30px 25px 40px;}
#container .rcontent #content {background:#fff;border-radius:12px;box-shadow: 0 0 10px rgb(80 80 80 / 2%);padding:20px;min-height: 610px;overflow:hidden;}

.menu_toggle {background: linear-gradient(to left, #0b2f48, #0b2f48);border-top-right-radius:4px;border-bottom-right-radius:4px;width:20px;height:50px;position:absolute;top: 123px;left: 240px;cursor:pointer;box-sizing:border-box;z-index: 1;}
.menu_toggle > span {background-position:-145px 0; width:4px; height:7px; position:absolute; top:50%; left:50%; margin-top:-3px; margin-left:-2px;}
.menu_toggle.active {left:0;}
.menu_toggle.active > span {background-position:-145px -10px;}
.snb_none #container .lcontent {display:none; padding:0px 0px 10px 0px;}
.snb_none #container .rcontent {margin-left:0;}
.snb_none #container:after {display:none;}

#container h3 {font-size:22px; position:relative; padding-left:17px;}
#container h3::before {content:'';background:#434b53;width: 5px;height:23px;position:absolute;top:5px;left:0;border-radius: 50px;}
#container h3::after {content:'';background:#47bac1;width: 5px;height:5px;position:absolute;top:5px;left:0;border-radius: 50px;}
#container h4 {font-size:16px; position:relative; padding-left:8px; color:#d74242;}
#container h4::before {content:''; background:#d74242; border-radius:50px; width:3px; height:3px; position:absolute; top:11px; left:0;}
#container h4::first-child {margin-top:0;}
#container h4 + table {margin-top:10px;}
/* 페이지 타이틀 */
.page_tits {position:relative;margin-bottom: 10px;background: #f5f7f9;border-radius: 12px;box-shadow: 0 0 10px rgb(80 80 80 / 2%);padding: 15px 20px;overflow: hidden;}
.page_tits .path {position:absolute; bottom:0; right:0; color:#444;}
.page_tits .path > span {display:inline-block; position:relative; padding-left:12px;}
.page_tits .path > span::before {content:'>'; font-family:dotum; color:#777; position:absolute; top:50%; left:0; margin-top:-7px;}
.page_tits .path > strong + span {padding-left:0;}
.page_tits .path > strong + span:before {display:none;}

/* 컨텐츠 간격 */
section {margin-top:80px;}
section:first-child, #tabmenu + section {margin-top:0;}

.tb_scroll_x{width: 100%; overflow:auto;}
.tb_scroll_x table{white-space: nowrap;}

.tb_scroll_y{height: 550px; overflow:scroll;}
.tb_scroll_y table{white-space: nowrap;}
/*  */
.container_r{float:left; margin-left:50px;}

.wr_tit{font-size: 18px;font-weight: 500;color: #222;}
.wr_tit span{padding: 2px 15px 4px;background: #123b58;color: #fff;border-radius: 50px;}

/* 탭메뉴 */
#tabmenu * {box-sizing:border-box;}
#tabmenu {font-size:0; margin:0 0 30px; position:relative; z-index:1;}
#tabmenu::after {content:''; display:block; width:100%; height:1px; background:#cfcfcf; position:absolute; bottom:0; left:0;}
#tabmenu li {display:inline-block; font-size:15px; letter-spacing:0; margin-left:-1px; margin-top:-1px; overflow:hidden; vertical-align:top; *display:inline; zoom:1;}
#tabmenu li a {display:block; font-size:14px; font-weight:500; line-height:40px; width:100%; padding:0 15px; min-width:150px; background:#f6f6f6; border:1px solid #cfcfcf; color:inherit; text-align:center; position:relative;}
#tabmenu li a.on {background:#fff; border-bottom-color:#fff; color:#f78601; z-index:1;}

/* 테이블 스타일 ------------------------------- */
.tb {width:100%;border:1px solid #dedede;margin-top: 10px;}
.tb:first-child {margin-top:0;}
.tb th, .tb td {border:1px solid #dedede;padding: 5px 5px;box-sizing:border-box;height: 43px;}
.tb th {color:#555;}

.tb_col th {border-bottom:1px solid #a2a2a2;}
.tb_col td {text-align:center;}
.tb_col thead th {background: #041d24;border-color:rgba(255,255,255,0.2);color:#fff;}
/*!*.tb_col tbody tr:nth-child(even) {background:#f6f7f8;}*! 2026-01-30 모든 행 흰색으로 요청 */
.tb_col .no_data_msg {padding:50px 0;}
.tb_col.noeven tbody tr:nth-child(even) {background:#fff;}

.tb_col2 th, .tb_col2 td{height:40px;}
.tb_col2 th {border-bottom:1px solid #a2a2a2;}
.tb_col2 th:first-child{border-left-color: #c7c7c7!important;}
.tb_col2 td {text-align:center;}
.tb_col2 thead th {background: #d6dde5;border-color: #c7c7c7;color: #323232;}
.tb_col2 .no_data_msg {padding:50px 0;}

.tb_col3 th, .tb_col3 td{height: 34px;padding: 6px 5px;font-size: 13px;}
.tb_col3 th {border-bottom:1px solid #a2a2a2;}
.tb_col3 th:first-child{border-left-color:#858585 !important;}
.tb_col3 td {text-align:center;}
.tb_col3 thead th {background: #041d24;border-color:rgba(255,255,255,0.2);color:#fff;}
.tb_col3 .no_data_msg {padding:50px 0;}
.po_c{padding:2px 5px;display: block;border-radius: 3px;font-size: 12px; font-family:'Noto Sans KR', Dotum, Arial, tahoma, Helvetica, sans-serif;}
.po_c.c1{background-color: #fff;border: 1px solid #c11818;color: #c11818;}
.po_c.c2{background-color:#fff;border: 1px solid #c5c5c5;color: #c5c5c5;}
.po_c.c3{background-color:#fff;border: 1px solid #35b4e3;color: #35b4e3;}
.po_c.c4{background-color:#fff;border: 1px solid #4035e3;color: #4035e3;}
.po_c.c5{background-color:#fff;border: 1px solid #FDD835;color: #FDD835;}
.last_line td{background-color:#f7f0e4;font-weight: bold;color: #333;}
.last_line2 td{background-color:#99FFFF;font-weight: bold;color: #333;}

.tb_row {border-top: 2px solid #041d24;}
.tb_row th, .tb_row td {padding: 6px 8px;}
.tb_row thead th{text-align:center;}
.tb_row th {background:#f6f7f8; text-align:left;}
.tb_row th.ac {text-align:center;}
.tb_row td {height:40px;}
.tb_row .btns {height: 34px;line-height: 34px;}
.tb_row.tb_topm{margin-top:10px !important;}
.tb_row.thcen th{text-align:center;}
.tb_row.tdcen td{text-align:center;}
.viewcon {min-height:100px;}
/* 게시글정보 */
.add_info {font-size:13px; font-weight:300; margin-top:10px;}
.add_info > span {position:relative; display:inline-block; padding:0 10px; color:#999;}
.add_info > span:first-child {padding-left:0;}
.add_info > span i {position:relative; display:inline-block; margin-right:3px;}
/* 첨부파일 다운로드 */
.file_down {border:1px solid #e0e0e0; border-radius:5px; overflow:hidden;}
.file_down > strong {display:block; border-bottom:1px solid #e0e0e0; color:#333; font-size:13px; font-weight:400; padding:7px 10px;}
.file_down .cont {background:#f9f9f9; padding:4px 0;}
.file_down .cont > a {display:block; padding:4px 10px; padding-left:40px; min-height:23px; font-size:13px; position:relative;}
.file_down .cont > a > span {display:inline-block; background:#aaa; width:23px; height:23px; border-radius:100%; position:absolute; top:3px; left:10px; text-align:center;}
.file_down .cont > a > span i {color:#fff; position:relative; top:2px; font-size:12px;}
/* recomchk */
.recomchk {position:relative; display:inline-block; color:#333;}
.recomchk > span {position:relative; display:inline-block;}
.recomchk input[type="checkbox"], .recomchk input[type="radio"] {position:absolute; visibility:hidden;}
.recomchk label {display:inline-block; border:1px solid #ddd; border-radius:3px; color:#999; padding:0 12px; height:40px; line-height:40px; font-size:13px; text-align:center; cursor:pointer;}
.recomchk input[type=checkbox]:checked + label, .recomchk input[type=radio]:checked + label {background:#44478e; border-color:transparent; color:#fff;}
.recomchk label i {font-size:18px;}

/* 필수입력표시 */
.es {display:inline-block; text-indent:-99999px; background-position:-65px 0; width:6px; height:7px; margin-left:3px; vertical-align:middle; position:relative; top:-2px;}
/* 필수입력항목 텍스트 */
.wr_cm_txt {text-align:right;}
.wr_cm_txt span {display:inline-block; position:relative; padding-left:10px; font-size:12px; color:#888; margin-bottom:10px;}
.wr_cm_txt span::before {background-position:-65px 0; width:6px; height:7px; position:absolute; top:5px; left:0;}

.scroll_in {display:block; max-width:100%; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;}

/* bbs_gallery type */
.bbs_gall > ul {overflow:hidden; font-size:0; letter-spacing:-5px; margin-top:-3%;}
.bbs_gall > ul > li.no_data_msg {width:100% !important; text-align:center; margin-left:0 !important; padding:50px 20px; border:0; box-shadow:none;} /* 게시글 없을때 */
.bbs_gall > ul > li {width:17.6%; margin-left:3%; margin-top:3%; border:1px solid #e0e0e0; box-shadow:0px 5px 10px rgba(0,0,0,0.07); border-radius:12px; box-sizing:border-box; overflow:hidden; display:inline-block; font-size:15px; letter-spacing:0; vertical-align:top; *display:inline; zoom:1;}
.bbs_gall > ul > li:nth-child(5n+1) {margin-left:0;}
.bbs_gall > ul > li .imgs {overflow:hidden;}
.bbs_gall > ul > li .thumb_wrap {background:#f1f1f3; transform:scale(1); -webkit-transition-duration:1.2s; -moz-transition-duration:1.2s; transition-duration:1.2s;}
.bbs_gall > ul > li .thumb_wrap:hover {transform:scale(1.1);}
.bbs_gall > ul > li .cont {margin:15px;}
.bbs_gall > ul > li .cont .cate {display:inline-block; background:#951e22; color:#fff; width:90px; height:28px; line-height:30px; text-align:center; font-size:13px;}
.bbs_gall > ul > li .cont .title {max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_gall > ul > li .cont .desc {font-size:14px; font-weight:300; margin-top:10px; line-height:1.4; height:2.8em; max-height:2.8em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

/* bbs_calendar */
#calendar_box {position:relative;}
#calendar_box .calendar_year_box {text-align:center; margin-bottom:20px;}
#calendar_box .calendar_year_box button {cursor:pointer; background:none; border:0; border-radius:8px; color:#47bac1; width:40px; font-size:27px; position:relative; margin-top:-17px;}
#calendar_box .years {font-size:36px; line-height:1.2; color:#111; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0 10px;}
#calendar_box .month_list {overflow:hidden; text-align:center; margin:15px 0;}
#calendar_box .month_list button, #calendar_box .calendar_wrap .weekdays, #calendar_box .calendar_wrap > ul.days > li .date {font-size:15px;}
#calendar_box .month_list button {cursor:pointer; border:1px solid #2a2b2b; border-radius:2px; background:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:32px; height:32px; line-height:32px; text-align:center; padding:0; margin-left:4px;}
#calendar_box .month_list button.current {border-color:#135fae; color:#135fae;}
#calendar_box .calendar_wrap {border:1px solid #c9c9c9;border-top: 2px solid #041d24;}
#calendar_box .calendar_wrap > ul {display:table; width:100%; border-top:1px solid #c9c9c9;}
#calendar_box .calendar_wrap > ul > li {display:table-cell; width:14.285714%; border-left:1px solid #c9c9c9; position:relative;}
#calendar_box .calendar_wrap > ul > li:first-child {border-left:0;}
#calendar_box .calendar_wrap .weekdays {text-align:center;border-top:0;background: #868b91;font-size:16px;color:#fff;}
#calendar_box .calendar_wrap .weekdays > li {padding:5px 0;border-color:rgba(255,255,255,0.2);}
#calendar_box .calendar_wrap > ul.days > li {height:120px; padding:5px 7px;}
#calendar_box .calendar_wrap > ul.days > li .date {font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:right;}
#calendar_box .calendar_wrap > ul.days > li:first-child .date {color:#c00;}
#calendar_box .calendar_wrap > ul.days > li:nth-child(7) .date {color:#135fae;}
#calendar_box .calendar_wrap > ul.days > li .event-container {margin-top:5px; position:relative; padding-left:7px;}
#calendar_box .calendar_wrap > ul.days > li .event-container:before {content:''; background:#0e9fdd; width:3px; height:3px; position:absolute; top:7px; left:0;}
#calendar_box .calendar_wrap > ul.days > li .date + .event-container {margin-top:0;}
#calendar_box .calendar_wrap > ul.days > li .event-container a {display:block; font-size:13px; color:#555; position:relative; max-width:100%; line-height:1.3; max-height:3.9em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
#calendar_box .calendar_wrap > ul.days > li .event-container a:hover {text-decoration:underline;}
#calendar_box .calendar_wrap > ul.days > li .event-container * {word-break:break-all;}
#calendar_box .calendar_wrap > ul.days > li .event-container .times {position:absolute; top:0; left:0;}
#calendar_box .calendar_wrap > ul.days > li .event-container .times + .desc {margin-left:40px;}
#calendar_box .calendar_wrap > ul.days > li.other-month {background:#f5f5f5;}

/* 이미지 높이값 조정 */
.thumb_wrap {overflow:hidden; position:relative;}
.thumb_wrap p {position:relative; padding-top:72.95%; overflow:hidden; width:100%;}
.thumb_wrap p span {position:absolute; top:0; left:0; right:0; bottom:0; -webkit-transform:translate(50%, 50%); -ms-transform:translate(50%, 50%); transform:translate(50%, 50%);}
.thumb_wrap img {position:absolute; top:0; left:0; width:auto; max-width:none; height:100%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

/* search ------------------------------- */
h4 + .search_box {margin-top:10px;}
.search_box:first-child {margin-top:0;}
.search_box {background: #e7e9ed;/* border:1px solid #cfcfcf; */padding:10px 20px;margin: 00;overflow:hidden;border-radius: 6px;color: #555;}
.search_box input[type="text"], .search_box select, .search_box button {height:34px;}
.search_box input[type="text"], .search_box select {width:auto;padding:4px 5px;border:1px solid #ddd;border-radius: 3px;}
.search_box input[type="text"] {width: 200px;}
.sch_group button {background: #434b53;border:0;padding:0;color:#fff;font-weight:bold;width:42px;line-height:34px;border-radius:3px;vertical-align:top;position:relative;}
.sch_group button.btn_bdr1 {background:#d74242; color:#fff;}
.search_box input#sDate {margin-right:3px !important;}
.search_box.box2{background-color: #fbfbfb;border: 2px solid #e9e9e9;}

/* paging ------------------------------- */
.paging * {box-sizing:border-box;}
.paging {text-align:center; margin:2% 0 0;}
.paging > p {display:inline-block; margin:0 4px;}
.paging > p > a, .paging > p > span {margin-left:-1px;}
.paging > p > a:first-child, .paging > p > span:first-child {margin-left:0;}
.paging a, .paging span {display:inline-block;width: 26px;height: 26px;line-height: 200%;color:#999;font-size:12px;}
.paging a:hover {background:#f7f7f7;}
.paging a.on, .paging span.on {background:#666; border-color:transparent; border-radius:4px; color:#fff;}
.paging .page_bt {text-indent:-9999px; position:relative;}
.paging .page_bt::after {background-position:-30px 0; width:6px; height:11px; position:absolute; top:50%; left:50%; margin:-5px 0 0 -3px;}
.paging .first::after {background-position:-15px 0; width:12px; margin-left:-6px;}
.paging .next::after {background-position:-40px 0;}
.paging .last::after {background-position:-49px 0; width:12px; margin-left:-6px;}
.paging .prev, .paging .last {margin-left:-1px;}

/* 댓글 */
.cm_write {margin:4% 0 15px 0;}
.cm_write input[type="text"], .cm_write input[type="password"], .cm_write textarea, .cm_list .cm_re_input textarea {padding:10px;}
.cm_write .cm_writer {margin-bottom:5px;}
.cm_write .cm_writer label {color:#111; margin-right:10px;}
.cm_write .cm_writer input:first-child {width:100px; margin-left:0;}
.cm_write .cm_writer input {width:130px; background:none; padding:5px 1%;}
.cm_write .wr_input {overflow:hidden; max-width:360px; margin-bottom:0.7%;}
.cm_write .wr_input > span {float:left; width:49%;}
.cm_write .wr_input > span + span {margin-left:2%;}
.cm_write .wr_input input {border:1px solid #ccc;}
.cm_write .cm_input {position:relative; background:#fff; border:1px solid #ccc;}
.cm_write .cm_input > span {display:block; text-align:right; position:relative;}
.cm_write .cm_input > span i {position:absolute; top:11px; left:10px; font-size:13px; color:#999;}
.cm_input textarea {width:100%; height:90px; background:#f9f9f9; border:0; border-bottom:1px solid #ccc;}
.cm_input .btns {width:76px; height:40px; line-height:38px; background:#139dc8; border-radius:0; color:#fff; padding:0; margin:0; font-size:15px; position:relative; right:-1px;}
/* 댓글리스트 */
.cm_list {border-bottom:1px solid #ddd; font-size:14px;}
.cm_list > div {overflow:hidden; border-top:1px solid #e0e0e0; padding:15px 0; position:relative;}
.cm_list > div .writer_img {display:inline-block; position:absolute; top:11px; left:0;}
.cm_list > div .writer_img img {width:30px; height:30px; border-radius:100%;}
.cm_list > div .writer {padding:0 0 0 40px;}
.cm_list > div .writer em {font-size:14px; font-style:normal; color:#222; display:inline-block; margin-right:20px;}
.cm_list > div .writer span.date {display:inline-block; font-size:13px; font-weight:300; color:#a4a5a3; position:relative; padding-left:10px; margin-left:1%;}
.cm_list > div .writer .bt {position:relative; margin-left:10px; padding-left:10px;}
.cm_list > div .writer span.date::before, .cm_list > div .writer .bt::before {content:''; display:block; background:#c4c4c4; width:1px; height:14px; position:absolute; top:3px; left:0;}
.cm_list > div .writer .bt button {display:inline-block; border:0; padding:0; background-position:-383px -81px; width:17px; height:17px; text-indent:-9999px; cursor:pointer;}
.cm_list > div .func_btns {position:absolute; top:15px; right:0;}
.cm_list > div .func_btns button {height:22px; line-height:20px; padding:0 5px; font-size:12px; background:#fff; color:#999; border:1px solid #c1c1c1;}
.cm_list > div .cont {margin-top:10px;}
.cm_list > div .cont .txt_con {line-height:1.6; margin:7px 0; color:#888; word-break:break-all;}
.cm_list > div .cont .date {color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0; display:block;}
.cm_list > div .cm_bt {display:inline-block; font-size:12px; color:#777; border:1px solid #ccc; height:22px; line-height:20px; margin-top:7px; padding:0 5px;}
.cm_list > div:first-child {border:0;}
.cm_list > div .cm_answer {position:relative; border-top:1px dashed #ddd; margin-top:15px; padding-top:15px; padding-left:25px;}
.cm_list > div .cm_answer::before {content:''; background-position:-85px 0; width:8px; height:10px; text-align:center; position:absolute; top:19px; left:10px;}
.cm_list > div .cm_answer > div {position:relative;}
.cm_list > div .cm_answer .writer_img {left:25px;}
.cm_list .cm_re_info, .cm_list .cm_re_input {margin-top:10px;}
.cm_list .cm_re_info > button {background-color:#f7f7f7; border:1px solid #ddd; border-radius:3px; color:#777; font-size:12px;}
.cm_list .cm_re_info > span {display:inline-block; position:relative; padding:0 12px; font-size:13px; color:#999;}
.cm_list .cm_re_info > span:first-child {padding-left:0;}
.cm_list .cm_re_info > span:before {content:''; background:#ccc; width:1px; height:12px; position:absolute; top:4px; left:0;}
.cm_list .cm_re_info > span:first-child::before {display:none;}
.cm_list .cm_re_input {position:relative; border:1px solid #ccc;}
.cm_list .cm_re_input span {display:block; text-align:right;}
.cm_list .cm_re_input textarea {height:50px; background:#fff; border:0; border-bottom:1px solid #eee;}
.cm_list .cm_re_input .btns {height:36px; line-height:34px;}
.cm_list .hide_view {display:none;}
.cm_list .hide_view.open {display:block;}
.cm_list .cm_none {text-align:center; color:#999; padding:25px 0; margin:50px 0; position:relative;}
/* recomchk */
.cm_list .user_comm .recomchk label {padding:0 8px; height:24px; line-height:22px; font-size:11px;}
.cm_list .user_comm .recomchk label i {font-size:11px;}
/* 평가 */
.grade_num {margin-bottom:20px; position:relative; padding-left:40px;}
.grade_num .tits {color:#333; position:absolute; top:5px; left:0;}
.grade_num .nums {font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#111;}
.grade_num .rating_star {width:142px; height:25px; background-position:0 0;}
.grade_num .rating_star_per {background-position:0 -30px;}
/* 별점평가 */
.star_score {display:inline-block; overflow:hidden; width:auto; vertical-align:top;}
.rating_star {position:relative; width:54px; height:10px; background-position:-188px -48px;}
.rating_star_per {position:absolute; top:0; left:0; height:100%; background-position:-188px -62px;}

/* input 정의 */
input[type="text"], input[type="password"], input[type="button"], input[type="image"], input[type="submit"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], select {width:100%;height: 34px;padding: 0 5px;margin-bottom:2px;}
select {padding-right:0;}
textarea {padding:10px; font-size:15px;}
input[readonly], select[readonly], textarea[readonly], .readonly, input[disabled], select[disabled], textarea[disabled], .disabled {background:#f4f4f4; border-color:#ddd;} /* 입력불가 */
.email_in input, .email_in select {width:auto;}
.addr_in input {margin:1px 0;}
.addr_in input:first-child {width:100px !important;}
.addr_in input {width:100%;}
.addr_in .btns {height: 35px;line-height: 33px;}
/* checkbox */
.chkbox_group .chkbox {margin-right:20px;}
.chkbox {position:relative;padding-left: 22px;display:inline-block;color:#333;}
.chkbox input[type="checkbox"], .chkbox i {position:absolute; top:3px; left:0px; width:15px; height:15px;}
.chkbox input[type="checkbox"] {opacity:0; cursor:pointer; z-index:5;}
.chkbox i {display:inline-block; border:1px solid #ccc; border-radius:2px; z-index:3;}
.chkbox input:checked+i {border-color:#999;}
.chkbox input:checked+i::before {background-position:-115px 0; width:10px; height:11px; position:absolute; top:50%; left:50%; margin:-5px 0 0 -5px;}
.chkbox.chkbox1{padding-left:0px;}
.chkbox.chkbox1 i{position: inherit;}
/* radio */
.radio_group {overflow:hidden;}
.radios {position:relative; display:inline-block; margin-right:15px;}
.radios input[type=radio] {position:absolute; visibility:hidden;}
.radios label {display:block; position:relative; color:#555; padding:0px; padding-left:23px; line-height:25px; z-index:2; cursor:pointer; -webkit-transition:all 0.25s linear;}
.radios .check {display:block; position:absolute; background:#fff; border:1px solid #c5c5c5; border-radius:100%; width:16px; height:16px; top:4px; left:0px; z-index:1; transition:border .25s linear; -webkit-transition:border .25s linear;}
.radios .check::before {display:block; position:absolute; content:''; border-radius:100%; width:8px; height:8px; top:4px; left:4px; margin:auto; transition:background 0.25s linear; -webkit-transition:background 0.25s linear;}
.radios input[type=radio]:checked ~ .check {border:1px solid #555; background:#fff;}
.radios input[type=radio]:checked ~ .check::before {background:#555;}
.radios input[type=radio]:checked ~ label {}
/* 첨부파일 스타일 */
.file_input {margin:2px 0; overflow:hidden; position:relative; padding-right:100px; width:70%; box-sizing:border-box;}
.file_input label {vertical-align:middle;position:absolute;top:0;right:0;cursor:pointer;border-radius:0px;display:inline-block;overflow:hidden;width:95px;height: 34px;line-height: 34px;background:#777;color:#fff;text-align:center;box-sizing:border-box;border-radius: 3px;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0; border:0;}
.file_input input[type=text] {color:#737070; background:#fff; border:1px solid #ccc;}
.file_list {max-width:none;}
.file_list > div {position:relative;}
.file_list > div > input[type=text] {max-width:300px; vertical-align:top;}
.file_list > div > button {background:linear-gradient(to bottom, #f7f7f7, #f0f0f0); border:1px solid #ccc; vertical-align:top;}
.file_list > div > button > span {position:relative; padding-left:18px;}
.file_list > div > button > span::before {width:14px; height:14px; position:absolute; top:3px; left:0;}
.file_list > div > button.del_btn {right:95px;}
.file_list > div > button.del_btn span::before {background-position:0 -27px;}
.file_list > div > button.fn_add_btn span::before {background-position:-17px -27px;}
.file_list .file_input {display:inline-block; width:350px; margin-top:0;}
/* 첨부파일 스타일_이미지 미리보기 */
.file_upload {overflow:hidden; box-sizing:border-box;}
.file_upload label {vertical-align:middle; position:absolute; top:0; right:0; cursor:pointer; border-radius:0px; display:inline-block; overflow:hidden; width:100%; height:100%;}
.file_upload label i {display:block; background:#999; width:26px; height:26px; border-radius:50px; position:absolute; bottom:0; right:0; text-indent:-9999px;}
.file_upload label i::after {background-position:-35px -27px; width:14px; height:11px; position:absolute; top:50%; left:50%; margin:-5px 0 0 -7px;}
.file_upload label input {position:absolute; width:0; height:0; overflow:hidden; padding:0; border:0;}
.file_upload input[type=text] {color:#737070; background:#f9f9f9; border:1px solid #d5d5d5; display:none;}
.file_preview {max-width:90px; margin-bottom:10px; position:relative;}
.file_preview > a {display:block;}
.file_preview .thumb_wrap {border:1px solid #eee; background:#fff; background-size:cover; border-radius:50px;}
.file_preview .thumb_wrap > p {padding-top:100%;}
/* 달력 */
.icon_cal {display:inline-block; position:relative; width:46%; max-width:120px; box-sizing:border-box;}
.icon_cal.cal2{width:100%; max-width:100%;}
.icon_cal.cal3{width:150px !important; max-width:150px;}
.icon_cal.cal4{width:30%; !important; max-width: 30%;}
.icon_cal.cal3 input{width:150px !important;}
.icon_cal.w50{max-width:50% !important;}
.icon_cal input {width:100%; padding-left:3px; padding-right:30px;}
.icon_cal img {max-width:22px; cursor:pointer; position:absolute; top:50%; right:5px; margin-top:-12px;}
.tb_cal {width:100%;}
.tb_cal input {width:100px;}
/* 달력레이어 */
.ui-widget-content {z-index:10 !important;}

/* placeholder style (placeholder는 ie10 이상에서만 적용) */
input::-webkit-input-placeholder {color:#aaa; font-weight:300;}/* Webkit */
input:-moz-input-placeholder {color:#aaa; font-weight:300;}/* moz */
input:-ms-input-placeholder {color:#aaa; font-weight:300;}/* IE10+ */
textarea::-webkit-input-placeholder {color:#aaa; font-weight:300;}
textarea:-moz-input-placeholder {color:#aaa; font-weight:300;}
textarea:-ms-input-placeholder {color:#aaa; font-weight:300;}

/* popup ------------------------------- */
#popup_wrap h2 {background:#30a0c3; padding:10px 15px; color:#fff; font-size:16px; font-weight:bold;}
#popup_wrap .btn_close {position:absolute; top:4px; right:5px;}
#popup_wrap .btn_close button {background:none; border:0; color:#fff; font-size:16px; width:24px; height:24px;}
#popup_wrap .pop_con {padding:20px;}
#popup_wrap .pop_con h3 {font-size:34px; margin-top:30px;}
#popup_wrap .pop_con h3:first-child {margin-top:0px;}

/* 레이어팝업 */
.btn_close {display:inline-block; background-color:transparent; border:0; padding:5px;}
.btn_close span {display:inline-block; font-size:27px;}
.popLayer .btn_close {position:absolute;top: 12px;right:15px;}
.overlay_t {position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; overflow:auto; padding:15px; box-sizing:border-box; background-color:rgba(0,0,0,0.6); text-align:center; z-index:99;}
.overlay_t::before {content:""; display:inline-block; height:100%; vertical-align:middle;}
.popLayer {vertical-align:middle;position:relative;z-index:100;width:100%;max-width:700px;margin:0 auto;padding: 10px 30px 20px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0px 1px 7px rgba(0,0,0,0.4);display:none;}
.popLayer.wid800{max-width:800px !important;}
.popLayer.wid1000{max-width:1000px !important;}
.popLayer.wid1100{max-width:1100px !important;}
.popLayer.wid1500{max-width:1500px !important;}
.popLayer h3 {color:#222; font-size:20px; margin-top:30px; line-height:1.3; text-align:left;}
.popLayer em {font-style:normal;}
.popLayer .pop_container {padding:15px 0;}
.popLayer .pop_container.scroll_cont {max-height:470px; overflow:auto;}
.popLayer .pop_container .btn_set {margin: 20px 0 0;}
.popLayer .pop_container .btn_set > button {height:40px; line-height:38px; font-size:15px; min-width:80px;}

/* 대시보드 */
.dash_tit{font-size: 18px;padding-bottom: 5px;margin-bottom: 10px;color: #000;font-weight: bold;border-bottom: 1px solid #ddd;}
.dash_w{width:100%;overflow: hidden;}
.dashbox{background: #fff;border-radius: 12px;/* box-shadow: 0 0 10px rgb(80 80 80 / 2%); */padding: 1.2%;overflow: hidden;}
/*.dashbox.box_l{width: 38%;float:left;margin-right:2%;}*/
/*.dashbox.box_r{width: 55%;float:left;}*/
/*.dashbox.box_l .listbox{float:left;width:48%;margin-top: 30px;margin-bottom: 0px;height: 175px;}*/
/*.dashbox.box_l .listbox.mr4{margin-right:4%;}*/
/*.dashbox.box_l .listbox .tx1{font-size: 16px;font-weight: bold;letter-spacing: -1px;color: #000;width: 100%;overflow: hidden;padding: 10px 0 0;}*/
/*.dashbox.box_l .listbox .tx1 p.t1{float:left;width:80%;}*/
/*.dashbox.box_l .listbox .tx1 p.t2{float:right;}*/
/*.dashbox.box_l .listbox p.t2 .icon1{width: 40px;height: 40px;background-color: #227fdd;display: inline-block;text-align: center;line-height: 40px;border-radius: 50%;font-size: 15px;color: #fff;margin-top: -10px;}*/
/*.dashbox.box_l .listbox p.t2 .icon2{width: 40px;height: 40px;background-color: #bb0e0e;display: inline-block;text-align: center;line-height: 40px;border-radius: 50%;font-size: 15px;color: #fff;margin-top: -10px;}*/
.dashbox.box_r{width: 55%;float:left;}
.dashbox .listbox{float:left;width:48%;margin-bottom: 0px;height: 175px;}
.dashbox .listbox.mr4{margin-right:4%;}
.dashbox .listbox .tx1{font-size: 16px;font-weight: bold;letter-spacing: -1px;color: #000;width: 100%;overflow: hidden;padding: 10px 0 0;}
.dashbox .listbox .tx1 p.t1{float:left;width:80%;}
.dashbox .listbox .tx1 p.t2{float:right;}
.dashbox .listbox p.t2 .icon1{width: 40px;height: 40px;background-color: #227fdd;display: inline-block;text-align: center;line-height: 40px;border-radius: 50%;font-size: 15px;color: #fff;margin-top: -10px;}
.dashbox .listbox p.t2 .icon2{width: 40px;height: 40px;background-color: #bb0e0e;display: inline-block;text-align: center;line-height: 40px;border-radius: 50%;font-size: 15px;color: #fff;margin-top: -10px;}

.dash_day{width:100%; overflow:hidden;}
.dash_day .day_ls{width:30%; float:left; margin-right:2%;}
.dash_day .day_ls #calendar_box .calendar_year_box{margin-bottom:6px;margin-top: 2px;}
.dash_day .day_ls #calendar_box .years{font-size:18px;}
.dash_day .day_ls #calendar_box .calendar_year_box button{width:25px; font-size:16px; margin-top: -6px;}
.dash_day .day_ls #calendar_box .calendar_wrap .weekdays{font-size:12px;}
.dash_day .day_ls #calendar_box .calendar_wrap > ul.days > li{height: 42px;padding:5px;}
.dash_day .day_wr{width:68%; float:left;}


ul.tabs{width: 100%;overflow: hidden;/* border-bottom: 1px solid#424952; */margin-bottom: 20px;}
ul.tabs li{cursor: pointer;float: left;border: 1px solid #c9c9c9;padding: 10px;font-size: 16px;min-width: 130px;text-align: center;font-weight: 500;color: #222;margin-right: 4px;/* margin-bottom: -1px; */background: #f5f5f5;color: #838383;border-radius: 3px;}
ul.tabs li.current{background-color: #424952;color: #fff;border: 1px solid #424952;}
.tab-content{ display: none;}
.tab-content.current{ display: inherit;}

.fla_l{float:left;}
.ck_tx{margin-top:12px;margin-right: 10px;}

.tb_scroll{width:100%;max-height: 474px;height: auto;overflow:auto}

.font_s th, .font_s td{font-size:12.5px; padding:10px 3px;}
.list_tit{font-size: 18px;color: #111;font-weight: bold;margin-bottom: 10px;}
.list_tit::before{content:"";display:inline-block;width:5px;height:5px;border-radius: 2px;background-color: #3e3e3e;margin-right: 6px;vertical-align: middle;}
.list_tit span{float:right; margin-left:3px;}

.con_half{width:100%; overflow:hidden;}
.con_half .half1_l{width:70%; margin-left:3%; float:left;}
.con_half .half1_r{width:27%; float:left;}
.mt0in{margin-top:0px !important;}
.mt10in{margin-top:10px !important;}

.half1_r #calendar_box .calendar_year_box{margin-bottom:6px;margin-top: 2px;}
.half1_r #calendar_box .years{font-size:18px;}
.half1_r #calendar_box .calendar_year_box button{width:25px; font-size:16px; margin-top: -6px;}
.half1_r #calendar_box .calendar_wrap .weekdays{font-size:12px;}
.half1_r #calendar_box .calendar_wrap > ul.days > li{height: 42px;padding:5px;}
.half1_r .day_wr{width:68%; float:left;}

.con_half .half2_l{width:37%; margin-right:3%; float:left;}
.con_half .half2_r{width:60%; float:left;}

.tb_mini{width:100%;}
.tb_mini th, .tb_mini td{text-align:center; padding:5px; font-size:14px;}
.in_mini{width: 30px !important;height: 25px !important;}

.c_w1{width:70px !important;}

/* 검색 table */
.search_tb{width:100%;border-bottom: 1px solid #c9cacd;}
.search_tb th, .search_tb td{color:#111;border-top: 1px solid #c9cacd;padding: 3px 5px;border-right: 1px solid #c9cacd;}
.search_tb tr th:last-child, .search_tb td:last-child{border-right:none;}
.search_tb th{text-align:left;background: #e8eaed;}
.search_tb td{ background: #fff;}
.day_td{width:100%;}
.day_td .day_1{width:45%; float:left;}
.day_td .day_2{width:10%; float:left; text-align:center; line-height:34px;}
.pop_wr{width:100%;}
.tb_aglin td{text-align:center;}
.tb_aglin td button{font-size:13px !important;}

/* 작엄일지 */
.work_top{width:100%; overflow:hidden; color:#111;}
.work_top .work_t1{float:left;width:44%;padding: 10px;border: 1px solid #8b8b8b;}
.work_top .work_t1 .tit{font-size: 20px;margin-bottom: 10px;}
.work_top .work_t1 span{margin-right: 10px;}
.work_top .work_t1 span input{width: 40px;height:28px;margin-right: 3px;}
/*.work_top .work_t2{float:left;width:20%;margin:0 2%;margin-top: 50px;}*/
.work_top .work_t2{float:left;width:20%;margin:0 2%;}
.work_top .work_t2_1{margin-top: 3%; margin-bottom:10%;}
.work_top .work_t2_1 input[readonly]{background: #fff !important;}
.work_top .work_t2 span input{width:70px;height:28px;}
.work_top .work_t3{float:left; width:29%;}
.work_tb1{width:100%; color:#111;}
.work_tb1 thead th, .work_tb1 tbody td{text-align:center;border: 1px solid #8b8b8b;}
.work_tb1 thead th{height: 32px;}
.work_tb1 tbody td{ height: 55px;}
.work_tb2{width:100%; color:#111;}
.work_tb2 tbody td{text-align:left;border: 1px solid #8b8b8b; padding:5px;}
.work_tb2 tbody td input{height:28px;}
.work_tb3{width:100%; color:#111;}
.work_tb3 thead th, .work_tb3 tbody th, .work_tb3 tbody td{text-align:center;border: 1px solid #8b8b8b;height:24px;  padding: 0px 5px;}
.work_tb3 thead th, .work_tb3 tbody th{}
.work_tb3 tbody td .t1{font-weight:500;}
.tbp1{padding:5px !important;}

.wr_titline{width:100%;}
.wr_titline p.wr_tit{display:inline-block;}
.wr_titline > span{float:right; margin-top:30px;margin-left:3px;}

.tb_row.nost{border-top:none; margin-top:0;}
.tb_row.nost thead th{border-top:none;}

input.file_c[type=file]::file-selector-button {padding:0 10px; height: 30px;  background: #fff; border: 1px solid rgb(77,77,77); border-radius: 10px; cursor: pointer;}
.viewimg{width:100%;}

.plc_view{width:100%;overflow:hidden;margin-bottom: 50px;}
.plc_view .listbox{float:left;width:48%;margin-bottom: 0px;}
.plc_view .listbox.mr4{margin-right:4%;}
.plc_view .listbox.mb4{margin-bottom:4%;}
.plc_view .listbox .tx1{font-size: 16px;font-weight: bold;letter-spacing: -1px;color: #000;width: 100%;overflow: hidden;padding: 10px 0 0;}
.plc_view .listbox .tx1 p.t1{float:left;width:80%;}
.plc_view .listbox .tx1 p.t2{float:right;}
.plc_view .listbox p.t2 .icon1{width: 40px;height: 40px;background-color: #227fdd;display: inline-block;text-align: center;line-height: 40px;border-radius: 50%;font-size: 15px;color: #fff;margin-top: -10px;}
.plc_view .listbox p.t2 .icon2{width: 40px;height: 40px;background-color: #bb0e0e;display: inline-block;text-align: center;line-height: 40px;border-radius: 50%;font-size: 15px;color: #fff;margin-top: -10px;}

.tb_line th, .tb_line td{border-bottom-color:#606060;}

.tb_wid1{width:100%; overflow:hidden;}
.tb_wid1 .wid1_1{width:37%; float:left; margin-right:3%;}
.tb_wid1 .wid1_2{width:60%; float:left;}




.col-no {
    width: 35px !important;
    min-width: 35px !important;
    max-width: 35px !important;

    padding: 0 !important;
    text-align: center;
    white-space: nowrap;
}