@charset "utf-8";
@import url("/font/NanumBarunGothic.css");


/* table style */
.tbl_vt {width:100%; height:auto; font-size:15px;}
.tbl_vt thead th {padding:10px 0; font-weight:700; border-top:1px solid #d7d5d5; background-color:#f6f6f6;}
.tbl_vt tbody th,
.tbl_vt tbody td {padding:13px; border-top:1px solid #d7d5d5; text-align:left;vertical-align: middle;}
.tbl_vt .tx_c {text-align:center;}

.tbl_vt_tline {width:100%; height:auto; text-transform:none; margin: 15px 0 0 0;}
.tbl_vt_tline thead th {padding:14px 8px; font-weight:700; font-size:15px; border-top:2px solid #000; border-bottom:1px solid #000; border-left:1px solid #dadada; background-color:#f6f6f6;}
.tbl_vt_tline thead th:first-child {border-left:none;}
.tbl_vt_tline tbody th, 
.tbl_vt_tline tbody td {padding:10px; vertical-align:middle; font-size:13px; color:#615a5a; border-bottom:1px solid #dadada; border-left:1px solid #dadada; text-align:center; line-height: 16px;}
.tbl_vt_tline tbody th {border-left:none;}
.tbl_vt_tline tbody tr:hover {background-color:#f5efb2; cursor: pointer;}



/* color, icon */
.col_green {color:#608118; font-weight:bold;}
.col_brown {color:#803f06;  font-weight:bold;}
.ico_new {display:inline-block; background-color:#d99e20; color:#fff; padding:8px 16px 6px;}

/* link more */
.bt_more {display:block; width:32px; height:32px; font-size:0;}
.bt_more i {display:block; width:40px; height:40px; position:relative;}
.bt_more i:before, .bt_more i:after {content:''; display:block; width:12px; height:2px; background:#dadada; position:absolute; top:15px; left:10px;}
.bt_more i:after {width:2px; height:12px; top:10px; left:15px;}

/* sub title */
.sub-title {font-weight:800; font-size:37px; text-align:center; /*margin-bottom: 60px;*/}

.bo_work {width:100%; height:auto; margin-top:24px;}
.bo_work div {float:left; width:589px; min-height:290px; padding:24px 24px 6px 24px; position:relative; border:1px solid #b9b9b9; border-radius:10px; box-sizing:border-box;}
.bo_work div.box_r {float:right;}
.bo_work div table {margin-top:16px;}
.bo_work .bt_more {position:absolute; top:12px; right:24px;}

div h3{font-size:18px; font-weight:bold;}

.bo_ticket {float:left; width:100%; height:auto; padding:24px 24px 6px 24px; margin-top:24px; position:relative; border:1px solid #b9b9b9; border-radius:10px; box-sizing:border-box;}
.bo_ticket .inner {position:relative; margin-top:16px;}
.bo_ticket table {width:100%;}
.bo_ticket table thead, .bo_ticket table tbody tr {display:table; table-layout:fixed;}
.bo_ticket table thead {width:1150px;}
.bo_ticket table tbody {display:block; width:100%; height:auto; position:relative;  overflow:hidden;}
.bo_ticket table th, .bo_ticket table td {box-sizing:border-box;}
.bo_ticket table th:nth-of-type(1) {width:170px;}
.bo_ticket table th:nth-of-type(2), 
.bo_ticket table td:nth-of-type(1) {width:120px;}
.bo_ticket table th:nth-of-type(3), 
.bo_ticket table td:nth-of-type(2) {width:120px;}
.bo_ticket table th:nth-of-type(4), 
.bo_ticket table td:nth-of-type(3) {width:120px;}
.bo_ticket table th:nth-of-type(5), 
.bo_ticket table td:nth-of-type(4) {width:400px;}
.bo_ticket table th:nth-of-type(6), 
.bo_ticket table td:nth-of-type(5) {width:100px;}
.bo_ticket table th:nth-of-type(7), 
.bo_ticket table td:nth-of-type(6) {width:120px;}
.bo_ticket .bt_more {position:absolute; top:12px; right:24px;}

/* list */
.list-wrap {width:100%; height:auto; padding:28px 0; position:relative;}
.list-wrap .bo_list {margin:88px 0;}
.list-wrap .bo_list_scr{margin: 78px 0; padding-bottom:20px; overflow-x: scroll; overflow-y: hidden;  white-space: nowrap;}
.list-wrap .bo_list td {text-align:center; line-height:1.3;}
.list-wrap .bo_btns {text-align:right; margin-top:-40px;}





/* view */
.view-wrap {width:100%; height:auto; padding:30px 0;}
.view-wrap .bo_view {width:100%; height:auto; border-top:2px solid #000; margin-top:32px;}
.view-wrap .bo_view h4 {font-weight:800; font-size:30px; padding:24px 0 24px 15px;}
.view-wrap .bo_view .view_info {width:100%; height:auto; padding:24px 0 14px 15px; font-size:15px; border-top:1px solid #ddd; border-left:none; border-right:none; overflow:hidden;}
.view-wrap .bo_view .view_info ul {float:left; /*width:40%;*/ }
.view-wrap .bo_view .view_info ul li {display:inline-block; padding:0 24px 0 0; position:relative; }
.view-wrap .bo_view .view_info ul li:after {content:''; display:block; width:1px; height:16px; background-color:#ccc; position:absolute; top:0; right:10px;}
.view-wrap .bo_view .view_info ul li span {display:inline-block; color:#797979; padding-left:14px; }
.view-wrap .bo_view .view_info ul li:last-child:after {display:none;}
.view-wrap .bo_view .view_info p {float:right; width:50%; text-align:right; padding-right:3%;}
.view-wrap .bo_view .view_info ul li span.key{display:inline-block; color:#797979; /*padding:14px;*/ }

.view-wrap .bo_view .bo_contents {width:100%; height:auto; line-height:1.6; padding:32px 15px; box-sizing:border-box; font-size:16px;border-top:1px solid #ddd;}
.view-wrap .bo_view .bo_view_page {width:100%; height:auto; border-bottom:1px solid #ddd; font-size:15px;}
.view-wrap .bo_view .bo_view_page p {border-top:1px solid #ddd;}
.view-wrap .bo_view .bo_view_page p span {display:inline-block; width:128px; padding-left:14px; box-sizing:border-box;}
.view-wrap .bo_view .bo_view_page p a {display:inline-block; padding:14px 0;}
.view-wrap .bo_view .bo_view_page p i {display:inline-block; position:relative; top:13px; left:13px; height:20px; width:40px;}
.view-wrap .bo_view .bo_view_page p i:before{content:''; height:0; width:0; display:block;}
.view-wrap .bo_view .bo_view_page p .ico_arr_top:before {border:5px transparent solid; border-top-width:0; border-bottom-color:#5d5d5d;}
.view-wrap .bo_view .bo_view_page p .ico_arr_btm:before {border:5px transparent solid; border-bottom-width:0; border-top-color:#5d5d5d;}
.view-wrap .bo_btns {text-align:right; margin-top:40px;}

/* write */
.write-wrap {width:100%; height:auto; padding:48px 0;}
.write-wrap .write-frm {width:100%; height:auto; border-top:2px solid #000; margin-top:24px; text-align:center;}
.write-wrap .write-frm table {width:100%; font-size:17px;}
.write-wrap .write-frm th {border-bottom:1px solid #bababa;  background:#f8f8f8; padding:10px 0; font-size: initial; /*font-weight:800;*/ vertical-align:middle; text-transform: uppercase;}
.write-wrap .write-frm td {line-height: 20px; border-bottom:1px solid #bababa; border-right:1px solid #bababa; font-size:14px;border-left:1px solid #bababa; padding:10px 12px 10px 12px; vertical-align:middle; text-align:left;}
.write-wrap .write-frm td:last-child{border-right:none; /*line-height: 25px;*/}
.write-wrap .write-frm input[type="text"] {border:1px solid #cbcdcd; padding:2px; width:100%; box-sizing:border-box;}
.write-wrap .write-frm textarea {border:1px solid #cbcdcd; padding:8px; width:100%; height:150px; box-sizing:border-box;}
.write-wrap .write-frm select {border:1px solid #cbcdcd; padding:3px; box-sizing:border-box; font-size: initial;}
.write-wrap .write-frm button[type="submit"] {background:#303030; color:#fff; width:200px; height:60px; margin-top:48px;}
.write-wrap .write-frm button[type="button"] {color:#303030; width:200px; height:60px; margin-top:48px;border:1px solid #3b3838;}


.write-wrap .write-frm td input[type="date"] {width: 165px;background:#fff url('/image/ico_schedule.gif')  97% 50% no-repeat;border: 1px solid #ddd; padding:2px;font-size: initial;}
.write-wrap .write-frm td input[type="date"]::-webkit-inner-spin-button {display: none;}
.write-wrap .write-frm td input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;}


/* write plan*/
.write-content .inner-plan {width:100%; height:auto; margin:32px auto 0; text-align:center; /*font-size: large;*/}
.write-content .inner-plan ul {width:100%; height:auto; margin-bottom:32px;}
.write-content .inner-plan ul li {margin:7px 0; overflow:hidden; text-align:left;}
.write-content .inner-plan ul li .it{padding-top:10px;}

.write-content .inner-plan ul li input[type="date"] {background:#fff url('/image/ico_schedule.gif')  97% 50% no-repeat;border: 1px solid #ddd; padding:10px;}
.write-content .inner-plan ul li input[type="date"]::-webkit-inner-spin-button {display: none;}
.write-content .inner-plan ul li input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;}


.write-content .inner-plan ul li label {float:left; width:25%; padding:15px; box-sizing:border-box; text-align:center;}
.write-content .inner-plan button[type="submit"] {background:#303030; color:#fff; width:223px; height:70px;}
.write-content .inner-plan button[type="button"] {background:#303030; color:#fff; width:223px; height:70px;}
.write-content .inner-plan ul li select {float:left; border:1px solid #ddd; width:auto; padding:12px; box-sizing:border-box;}

/* layer write */
.layer-write {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.76);}
.write-content {background-color: #fefefe; margin: 10% auto; padding:35px; border: 1px solid #888; width: 756px; box-sizing:border-box; position:relative;}
.write-content .inner {width:100%; height:auto; margin:32px auto 0; text-align:center;}
.write-content .inner ul {width:100%; height:auto; margin-bottom:32px;font-size:initial;}
.write-content .inner ul li {margin:7px 0; overflow:hidden; text-align:left;}
.write-content .inner ul li label {float:left; width:20%; padding:12px; box-sizing:border-box; text-align:center;}
.write-content .inner ul li input[type="text"],
.write-content .inner ul li input[type="password"] {float:left; border:1px solid #ddd; width:75%; padding:8px; box-sizing:border-box;}
.write-content .inner ul li select {float:left; border:1px solid #ddd; width:auto; padding:8px; box-sizing:border-box;}
.write-content .inner button[type="submit"] {background:#303030; color:#fff; width:200px; height:60px;}
.write-content .inner button[type="button"] {background:#303030; color:#fff; width:200px; height:60px;}
.write-content .pop_bt {display:block; width:48px; height:48px; background:url("/image/bt_close.png") center no-repeat; font-size:0; position:absolute; top:-64px; right:0;}

/* search */
.bo_search {width:887px; height:auto; margin:40px auto; font-size:15px; overflow:hidden;}
.bo_search select {float:left; width:150px; height:40px; padding:10px; border:1px solid #ddd; border-radius:3px; color:#333; box-sizing:border-box;}
.bo_search p {float:right; width:733px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box;}
.bo_search p input {float:left; padding:10px; width:670px; height:38px; box-sizing:border-box; outline:none;}
.bo_search p button {float:left; display:block; width:61px; height:38px; border-radius:3px; background:#303030; color:#fff;}

/* search_ticket*/
.ti_search {width:617px; height:auto; margin:40px auto; font-size:15px; overflow:hidden;}
.ti_search select {float:left; width:150px; height:40px; padding:10px; margin-right: 10px; border:1px solid #ddd; border-radius:3px; color:#333; box-sizing:border-box;}
.ti_search p {float:left; width:300px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box;}
.ti_search p input {float:left;padding:10px;width:220px;height:38px;box-sizing:border-box;outline:none;}
.ti_search p button {float:right; display:block; width:61px; height:38px; border-radius:3px; background:#303030; color:#fff;}
.ti_search fieldset {overflow: hidden;  display: block; position: absolute;  right:178px;}


/* work plan */
.plan_box{display: block; position: absolute; right:30px; top:28px;}
.plan_box input.bt_home_btn {width: 100px; height: 35px; font-size: 14px; color: #fff; background-color:#c67809;cursor: pointer;} 
.plan_box input.bt_plan_btn {width: 100px; height: 35px; font-size: 14px; color: #fff; background-color:#8f988d; cursor: pointer;}

/* board button */
.bt_page_prev {display:block; position:absolute; top:86px; left:0;}
.bt_page_next {display:block; position:absolute; top:86px; right:0;}

.bt_write {display:block; position:absolute; top:98px; right:0; border:1px solid #ceced2; width:120px; height:40px; line-height:40px; font-size:16px; text-align:center; box-sizing:border-box;}
.bt_write:hover {background-color:#f4f4f4; text-decoration:none; color:#000}

.bt_del {position: absolute; top: 98px; left: 0; display:inline-block; width:120px; height:40px; line-height:40px; font-size:14px; text-align:center; background-color:#135970; color:#fff;}
.bt_del:hover{ color:#fff; text-decoration:none; color:#fff;}
.bt_del img {padding:0 5px 2px 0;}


.bt_down { display:block; position:absolute; top:98px; right:130px; border:1px solid #ceced2; background-color:#20b324; color:#fff;width:120px; height:40px; line-height:40px; font-size:14px; text-align:center; box-sizing:border-box;}
.bt_down:hover {background-color:#d96f20; text-decoration:none; color:#fff}

.down_start_at  display:block; position:absolute; top:98px; right:450px; border:1px solid #ceced2; width:160px; height:40px; line-height:40px; font-size:16px; text-align:center; box-sizing:border-box;}
.down_end_at {display:block; position:absolute; top:98px; right:260px; border:1px solid #ceced2; width:160px; height:40px; line-height:40px; font-size:16px; text-align:center; box-sizing:border-box;}

div.ex_search {position: absolute; top: 98px; right: 260px; display: block;}
div.ex_search input[type="date"] {width: 165px;background:#fff url('/image/ico_schedule.gif')  97% 50% no-repeat;border: 1px solid #ddd;padding:10px; font-size: initial;}
div.ex_search input[type="date"]::-webkit-inner-spin-button {display: none;}
div.ex_search input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;}


div.search_day {position: absolute; left:170px; display: block;}
div.search_day input[type="date"] {width: 165px; background:#fff url('/image/ico_schedule.gif')  97% 50% no-repeat;border: 1px solid #ddd;padding:10px; font-size: initial;}
div.search_day input[type="date"]::-webkit-inner-spin-button {display: none;}
div.search_day input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;}


/*.bt_down {display:inline-block; width:120px; height:40px; line-height:40px; font-size:14px; text-align:center; background-color:#20b324; color:#fff;}*/
/*.bt_down:hover{ color:#fff; text-decoration:none; color:#fff;}*/
/*.bt_down img {padding-right:5px;}*/

.bt_list {display:inline-block; border:1px solid #ceced2; width:120px; height:40px; line-height:40px; font-size:16px; text-align:center; box-sizing:border-box;}
.bt_list:hover {background-color:#f4f4f4; text-decoration:none; color:#000;}