@charset "UTF-8"; @page print { margin:0; padding:0; font-size:16px; } @page { margin:10px; } .canvas-container{width:100% !important;} .upload table.fileupload-download {width:254px;} span.boldText {font-weight:bold;} .itp_control_bar {display:flow-root;} .itp_control_bar .itp_in {padding:10px !important; margin:0px !important;} .itp_control_bar .inval {border-right:1px solid #ccc; height:40px; padding-left: 0px !important;padding-right: 60px !important;} .qr_img {width:45px;} .qr_img img {width:43px;} /* COMMON */ html, body {width:100%; height:100%; overflow-y:hidden;} * {word-break: break-word;} textarea {resize:none;} a, button {outline:none !important; text-decoration:none !important;} .fix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .itp_tb {display:table; width:100%;} .itp_tr {display:table-row;} .itp_td {display:table-cell; vertical-align:middle;} .tr {text-align:right !important;} .tl {text-align:left !important;} .tc {text-align:center !important;} .itp_boardView .table-bordered {margin-bottom:0;} .itp_boardView .table-bordered > thead > tr > th {font-size:12px; font-weight:bold; color:#333; text-align:center; vertical-align:middle; background:#f1f1f1; border-bottom-width:1px;} .itp_boardView .table-bordered > tbody > tr > th {font-size:12px; font-weight:bold; color:#333; vertical-align:middle;} .itp_boardView .table-bordered > tbody > tr > td {font-size:12px; vertical-align:middle; word-break:keep-all;} .itp_boardView .table-bordered > tbody > tr > td .itp_icon {font-size:9px; margin:4px 6px 0 4px;} .itp_boardView .table-bordered > tbody > tr > td .itp_icon2 {font-size:9px; margin:4px 6px 0 10px;} .itp_boardView .table-bordered > tbody > tr > td .itp_marL {display:inline-block; margin-left:84px;} .itp_boardView .table-bordered > tbody > tr .itp_small {word-spacing:-2px; letter-spacing:-2px;} .itp_boardView .table-striped > tbody > tr.itp_bg {background:#f1f1f1;} .itp_boardView .table-striped > tbody > tr[draggable="true"] {cursor:move;} .itp_boardViewIn .table {margin-bottom:0;} .itp_boardViewIn thead > tr > th, .itp_boardViewIn tbody > tr > td {font-size:13px; text-align:center; vertical-align:middle; border-right:1px solid #ddd; height:40px;} .itp_boardViewIn thead > tr > th {font-weight:normal; border-bottom-width:1px;} .itp_boardViewIn thead > tr > th.noBor {border-right:0;} .itp_boardViewIn tbody > tr > td.noBor {border-right:0;} .itp_boardData .table-bordered {margin-bottom:0;} .itp_boardData .table-bordered > thead > tr > th {font-size:13px; font-weight:bold; color:#333; text-align:center; vertical-align:middle; background:#f1f1f1; border-bottom-width:1px;} .itp_boardData .table-bordered > tbody > tr > th {font-size:13px; font-weight:bold; color:#333; vertical-align:middle;} .itp_boardData .table-bordered > tbody > tr > td {font-size:13px; vertical-align:middle; word-break:keep-all;} .itp_boardData .table-striped > tbody > tr[draggable="true"] {cursor:move;} .itp_boardData .table-bordered > tbody > tr:hover {background:#f5f5f5;} .itp_boardData .table-bordered > tbody > tr > td.ac {text-align:center;} .itp_boardData .table-bordered > tbody > tr > td .itp_link {color:#000; text-decoration:underline; font-weight:bold; cursor:pointer;} .itp_boardData .table-bordered > tbody > tr > td .itp_del {color:#ac2925; text-decoration:underline; cursor:pointer;} .itp_boardData .table-bordered > tbody tr td.nodata {height:100px; text-align:center;} .itp_boardData.type1 .table-bordered > thead > tr > th, .itp_boardData.type1 .table-bordered > tbody > tr > td {padding:10px;} .itp_boardData.type1 .table-bordered > tbody tr.ui-sortable-handle {cursor:move;} .itp_boardData.type1 .table-bordered > tbody tr.ui-sortable-helper {display:table;} .itp_boardData.type1.dark .table-bordered > thead > tr > th {background:#9f9f9f; color:#fff;} .itp_boardData.type1 tr.off td {color: #a6a6a6 !important} .itp_boardData.type1 tr.off td * {color: #a6a6a6 !important} .itp_boardData.type1 tr.off td .itp_del {color: #ac2925 !important} .itp_overWrap {overflow:hidden; overflow-y:scroll; border:1px solid #999; height:407px;} .itp_boardViewPop .table-bordered {margin-bottom:0; border-bottom:none; border-top:none; table-layout: fixed} .itp_boardViewPop .table-bordered > thead > tr > th {font-size:12px; font-weight:bold; color:#333; text-align:center; vertical-align:middle; background:#f1f1f1; border-top:1px solid #999; border-bottom-width:1px; border-bottom-color:#999;} .itp_boardViewPop .table-bordered > tbody > tr > th {font-size:12px; font-weight:bold; color:#333; vertical-align:middle; background:#f1f1f1;} .itp_boardViewPop .table-bordered > tbody > tr > td {font-size:12px; vertical-align:middle; word-break: break-word} .itp_boardViewPop .table-bordered .noBorL {border-left:none;} .itp_boardViewPop .table-bordered .noBorR {border-right:none;} .itp_boardViewPop .table-bordered .noBorB {border-bottom:none;} .itp_boardViewPop .table-bordered .al {text-align:left;} .itp_boardViewPop .table-bordered .ac {text-align:center;} .itp_boardViewPop .table-bordered .ar {text-align:right;} .itp_boardViewPop .table-striped > tbody > tr.itp_bg {background:#f1f1f1;} .itp_boardViewPop .table-bordered .itp_grey td {color:#666; border-top:none; border-bottom:none;} .itp_boardViewPop .table-bordered .itp_more {padding-bottom:0; padding-top:5px;} .itp_boardViewPop .table-bordered .itp_pad td {padding-top:2px; vertical-align:top;} .itp_boardViewPop .table-bordered .itp_small {font-size:11px;} .itp_boardViewPop .table-bordered .itp_moreMenu td {border-bottom:none;} /* .has-error .form-control, .has-error .form-control:focus {border-color:red;} .has-error .form-control:focus {box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px red;} */ .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {margin-bottom:0px;} .has-error .help-block {font-size:12px;} /* ITP_WRAPPER */ #ITP_WRAPPER {width:100%; height:100%; min-width:1400px;} #ITP_CONTENT_WRAPPER {width:100%; height:96%;} #ITP_OVERLAY {position:fixed; display:none; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:rgba(250,250,250,.8); z-index:1060;} /* ITP_LOGIN */ #ITP_LOGIN {width:100%; height:100%; font-family: 'GmarketSansMedium'; background: url(/benter-ui/images/login_back.jpg) no-repeat center; background-size:cover;} #ITP_LOGIN .itp_head {margin:0 5%; letter-spacing:-3px; width:90%; height:40px; margin-bottom:35px; margin-top:10px; padding-left:16px;} #ITP_LOGIN .itp_bar {width:4px; height:26px; padding:0; float:left; margin:8px 7px 0 7px; font-size:27px; font-weight:100; background:#ccc;} #ITP_LOGIN .itp_logo {margin:0; padding:0; color:#000; font-size:28px; float:left; font-weight:700;} #ITP_LOGIN .itp_tit {margin:0; padding:7px 0 0 0; float:left; font-size:21px;} #ITP_LOGIN .itp_cont {width:100%; min-height:calc(100vh - 115px); padding:170px 20px 150px 20px; position:relative;} #ITP_LOGIN .itp_box_wrap {width:350px; height:600px; position:absolute; top:55%; left:50%; transform: translate(-50%, -50%);} #ITP_LOGIN .itp_bottom_gray {background:#eee; width:100%; height:65px; top:-65px; border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;} #ITP_LOGIN .itp_box {padding:20px 20px 0 20px; height:520px; margin-bottom:0; border-radius:30px; box-shadow: 0px 0px 10px #666;} #ITP_LOGIN .itp_body {padding-bottom:0;} #ITP_LOGIN .itp_box .control-label {text-align:left;} #ITP_LOGIN .itp_box .itp_lb {padding-top:7px;} #ITP_LOGIN .itp_box .itp_btn {line-height:1.8; margin:0 5%; width:90%; height:45px; padding:0;} #ITP_LOGIN .itp_box .form-group .checkbox input[type=checkbox] {margin-top:3px;} #ITP_LOGIN .itp_error {padding-top:15px; color:#a94442;} #ITP_LOGIN .itp_no_mar {margin-bottom:0 !important;} #ITP_LOGIN .itp_no_pad {padding-left:0 !important;} #ITP_LOGIN .itp_foot {background:#666; height:55px; line-height:55px; color:#fff; font-size:11px; border-top-left-radius:0; border-top-right-radius:0; margin-bottom:10px;} #ITP_LOGIN .itp_copyright {font-size:12px;} #ITP_LOGIN .itp_forgotId {width:82%;} #ITP_LOGIN .itp_forgotBtn {border-top-right-radius:4px; border-bottom-right-radius:4px;} #ITP_LOGIN .itp_login {height:50px;} #ITP_LOGIN .itp_find {margin-top:34px; font-weight:100; cursor:pointer;} #ITP_LOGIN .itp_btn_bar {margin-top:10px;} #ITP_LOGIN .itp_login_img {width:100%; padding:0 auto;} #ITP_LOGIN .itp_img{width:200px; top:35px; position: absolute; margin:0 75px;} #ITP_LOGIN .itp_login_input label {position:absolute; top:50%; left:27px; color:#adadad; transform:translateY(-50%); font-size: 12px; border: none; outline:none; transition: top .5s ease;} #ITP_LOGIN .itp_login_input {width:90%; height:40px; margin:0 5%; position:relative;} #ITP_LOGIN .itp_login_input input {width:100%; height:45px; padding:10px 10px 10px; outline:none; border-radius:7px; background:#eee; font-size: 16px;} #ITP_LOGIN .itp_login_input input:focus + label {top:15px; font-size:8px; color: #2691d9; display: none;} #ITP_LOGIN .itp_login_input input:valid + label {top:15px; font-size:8px; color: #2691d9; display: none;} #ITP_LOGIN .itp_login_input:not(:placeholder-shown) ~ label{top:0px; font-size:12px;} /* 메인화면 */ .itp_main_header { width:100%; height:60px; display:inline-block;} .itp_main_header .col_3 {background:#eee; width:26%; height:50px; display:inline-block; margin:5px 48px; border:1px solid #000; border-radius:8px;} .itp_main_header .col_3 .itp_header_label {width:160px; padding:13px 16px; font-size:17px; font-weight:700; display:inline-block;} .itp_main_header .col_3 .itp_header_result {width:auto; float: right; display:inline-block; font-size:18px; font-weight:700; color:blue; text-align: right; padding:12px;} .itp_main_header .col_4 {background:#eee; width:22%; height:50px; display:inline-block; margin:5px 11px; border-radius:8px;} .itp_main_header .col_4 .itp_header_label {width:130px; padding:13px 16px; font-size:17px; font-weight:700; display:inline-block;} .itp_main_header .col_4 .itp_header_result {width:auto; float: right; display:inline-block; font-size:18px; font-weight:700; color:blue; text-align: right; padding:12px;} #ITP_NOTE_BAR {background:#eee; width:100%; float:right; border-radius:15px;} #ITP_NOTE_BAR .itp_side_bar_header {padding-top:12px; text-align:center; font-size:17px;} #ITP_NOTE_BAR .itp_side_bar_note {padding:0 15px;} #ITP_NOTE_BAR .itp_side_bar_note label {width:15%; margin-bottom:8px;} #ITP_NOTE_BAR .itp_side_bar_note label.date {width:10%;} #ITP_NOTE_BAR .itp_side_bar_note div {position:relative; top:7px; width:74%; display:inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #ITP_MAIN_GRAPH_AREA {width:100%; height:1200px;} #ITP_MAIN_GRAPH_AREA .itp_graph_box {width:49.8%; height:400px; display:inline-block;} #ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_area {width:75%; height:400px; display:inline-block; float:right;} #ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_side {width:24%; height:400px; display:inline-block; } #ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_side select {width:88%; margin:12px; height:30px;} #ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_info_bar {width:50%; height:300px; margin:0 auto;} #ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_info_bar .itp_graph_info {margin-top:40px; padding: 24px 26px; background:#eee; width:80px; font-size:26px; height:205px; display:inline-block; border:1px solid #ccc; border-radius:15px;} /* ITP_HEADER */ #ITP_HEADER .itp_head {width:100%; height:36px; position:relative; line-height:36px; z-index:100;} #ITP_HEADER .itp_tit {margin:0; padding:0; line-height:36px; font-size:20px;} #ITP_HEADER .itp_tit span {display: inline-block; vertical-align: middle} #ITP_HEADER .itp_lt {position:absolute; top:0px; left:10px;} #ITP_HEADER .itp_rt {position:absolute; top:0px; right:20px;} #ITP_HEADER .itp_icon {float:left; padding-top:3px; margin-right:10px;} #ITP_HEADER .itp_icon i {color:#fff; font-size:20px;} #ITP_HEADER .itp_icon img.glyphicon-logo {width:120px; margin-top:-7px;} #ITP_HEADER .itp_icon i.glyphicon-user {font-size:18px;} #ITP_HEADER .itp_icon i.glyphicon-off {font-size:18px;} #ITP_HEADER .itp_user {float:left; font-size:16px; margin-left:15px;} #ITP_HEADER .itp_rt .itp_icon {margin-right:5px;} #ITP_HEADER .itp_logo {margin:0; padding:0; color:#337ab7; float:left; width:30px;} #ITP_HEADER .itp_logo img{width:30px;} #ITP_HEADER .itp_txt_brand {float:left; margin:1px; padding:0 4px; color:#fff; font-size:18px; text-decoration:none;} #ITP_HEADER .itp_sch_brand {margin:0 4px; padding:0; color:#337ab7; float:left; width:90px;} #ITP_HEADER .itp_sch_brand_del {margin:0 0px; padding:0; color:#337ab7; float:left; width:40px;} #ITP_HEADER .itp_sch_brand button{width:90px; border:1px solid #000;} #ITP_HEADER .itp_menu {float:left; border:1px solid #ddd; line-height: 26px; background:#eee;margin:4px; border-radius: 2px; padding:0 4px;} #ITP_HEADER .itp_menu a {color:#000; font-size:13px; text-decoration:none;} #ITP_HEADER .itp_out {width:70px; height:32px; float:left; border:1px solid #333; line-height: 28px; background:#fff; margin-top:3px; border-radius: 10px; padding:0 3px;} #ITP_HEADER .itp_out a {padding:8.4px; color:#000; font-size:11px; text-decoration:none;} #ITP_HEADER #ITP_TAB_BAR.itp_open_tab {width:99.9%;} /* #ITP_HEADER.itp_open_tab .itp_nav {visibility:visible;} #ITP_HEADER.itp_open_tab .itp_nav::-webkit-scrollbar{display:none;} */ #ITP_HEADER .itp_tabs {position:relative; z-index:100;} #ITP_HEADER .itp_tabs .nav-tabs {padding:4px 4px 0 4px; background:#fff;} #ITP_HEADER .itp_tabs .nav-tabs > li a {border:1px solid #ddd; background:#f5f5f5; font-size:12px; color:#333; padding:5px 13px 5px 15px; margin-right:4px; outline:none;} #ITP_HEADER .itp_tabs .nav-tabs > li a i.glyphicon-remove {font-size:10px; margin-left:4px; cursor:pointer;} #ITP_HEADER .itp_tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {background:#D6E6F3; color:#000; border:1px solid #1A3E5E; border-bottom-color:transparent;} #ITP_HEADER .itp_tabs .nav-tabs > li > a:hover {background:#D6E6F3 !important; border:1px solid #1A3E5E; border-bottom-color:transparent; color:#000;} /* ITP_SIDEBAR */ #ITP_SIDEBAR {width:0px; float:left; margin-left:-2px; height:calc(100vh - 68px); background:#ddd; transition:all .25s ease; border-style:solid; border-color:#ddd; border-width:0 1px 1px 1px;} #ITP_SIDEBAR.itp_open_nav {width:240px; height:100%;} #ITP_SIDEBAR .itp_nav {list-style:none; margin:0; padding:0; height:100%; overflow-y:scroll; overflow-x:hidden; visibility:hidden;} #ITP_SIDEBAR.itp_open_nav .itp_nav {visibility:visible;} #ITP_SIDEBAR.itp_open_nav .itp_nav::-webkit-scrollbar{display:none;} #ITP_SIDEBAR .itp_nav.panel-group .panel+.panel {margin-top:0;} #ITP_SIDEBAR .itp_nav .panel-heading {padding:0;} #ITP_SIDEBAR .itp_nav .panel-title {line-height:1.1; border-bottom:1px solid #ddd;} #ITP_SIDEBAR .itp_nav .panel-title a {font-size:16px; display:block; padding:13px 15px; color:#333;} #ITP_SIDEBAR .itp_nav .panel-title a:hover{background:#bbb; color:#fff;} #ITP_SIDEBAR .itp_nav .panel-title a .glyphicon {font-size:12px;} #ITP_SIDEBAR .itp_nav .panel-default {margin-bottom:0; border:none;} #ITP_SIDEBAR .itp_nav * {border-radius:0; border-width:1px 0 1px 0;} #ITP_SIDEBAR .itp_nav .itp_svgs_body {padding:0; border-top:0; border-bottom:1px solid #ddd;} #ITP_SIDEBAR .itp_nav .itp_svgs {list-style:none; margin:0; padding:0;} #ITP_SIDEBAR .itp_nav .itp_svg_in {position:relative; } #ITP_SIDEBAR .itp_nav_link.active { background: #efe5db; border: 1px solid #d5c0ad; color: #bb6719; } #ITP_SIDEBAR .itp_nav_link {display:block; width:100%; color:#333; padding:5px 10px 5px 17px;} #ITP_SIDEBAR .itp_nav .itp_svgs li:first-child a {padding-top:10px;} #ITP_SIDEBAR .itp_nav .itp_svgs li:last-child a {padding-bottom:10px;} #ITP_SIDEBAR .itp_nav .itp_svgs li a:hover, #ITP_SIDEBAR .itp_nav .itp_svgs li a:active {color:#000; font-weight:bold;} #ITP_SIDEBAR .itp_nav .itp_svgs li a .glyphicon {font-size:9px; float:left; margin:4px 6px 0 0;} #ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_icon {font-size:9px; float:left; margin:4px 6px 0 15px;} #ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_icon_5 {font-size:9px; float:left; margin:4px 6px 0 25px;} #ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_tt {float:left;} /* ITP_CONTAINER */ #ITP_CONTAINER_GRAPH_AREA {width:100%; height:450px;} #ITP_CONTAINER_GRAPH_AREA .itp_graph_area {border:1px solid #000; width:49.8%; height:450px; display:inline-block;} #ITP_CONTAINER {height:calc(100vh - 100px); padding:5px 8px; transition:all .25s ease; float:left; width:calc(100% - 240px); background:#eee;} #ITP_CONTAINER.itp_open_conts {padding-left:8px; width:99.9%;} #ITP_CONTAINER .itp_contents {background:transparent; height:100%;} #ITP_CONTAINER .itp_contents .itp_sec {height:100%;} #ITP_CONTAINER .itp_contents .itp_cont {display:table; width:100%; height:100%;} #ITP_CONTAINER .itp_contents .itp_seperate {display:table-cell; width:15px; background:#eee;} #ITP_CONTAINER .itp_srh_list {display:table-cell; min-width:350px; width:350px; height:100%; vertical-align:top; transition:all .25s ease;} #ITP_CONTAINER .itp_srh_list.itp_srh_list_close {min-width:28px; width:28px;} #ITP_CONTAINER .itp_srh_list .itp_hide_away {position:absolute; left:-5000%; width:28px;} #ITP_CONTAINER .itp_srh_list .itp_srh_head {padding:0 10px 0 10px; background:#536a77; height:42px; line-height:42px; color:#fff;} #ITP_CONTAINER .itp_srh_list .itp_srh_head .itp_srh_tit {font-size:15px; margin:0; padding:0; line-height:42px;} #ITP_CONTAINER .itp_srh_list .itp_srh_head .itp_srh_close, #ITP_CONTAINER .itp_srh_list .itp_srh_head .itp_srh_open {color:#fff;} #ITP_CONTAINER .itp_srh_list .itp_srh_head.itp_height_full {height:100%;} #ITP_CONTAINER .itp_srh_list .itp_lists {padding-left:5px; font-size:13px; position:relative; z-index:1;} #ITP_CONTAINER .itp_srh_list .itp_lists .list-group {height:calc(100vh - 177px); overflow-y:scroll; margin:0; border-top:1px solid #ddd;} #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item {cursor:pointer;} #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item:hover {background:#f5f5f5;} #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item.active {background:#eee; border-color:#ddd; color:#333;} #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item:first-child {border-top-left-radius:0; border-top-right-radius:0; border-top:none;} #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item:last-child {border-bottom-left-radius:0; border-bottom-right-radius:0;} #ITP_CONTAINER .itp_srh_list .itp_lists .itp_li_tb .itp_td {width:50%; padding:3px 0 3px 0;} #ITP_CONTAINER .itp_srh_list .itp_treeview {padding-left:5px; font-size:13px; position:relative; z-index:1;} #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group {height:calc(100vh - 177px); overflow-y:scroll; margin:0; border-top:1px solid #ddd;} #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item:first-child {border-top-left-radius:0; border-top-right-radius:0;} #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item:last-child {border-bottom-left-radius:0; border-bottom-right-radius:0;} #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item {cursor:pointer; color:#333; margin-bottom:0; border-top:0;} #ITP_CONTAINER .itp_srh_list .itp_treeview .indicator {width:12px; margin-right:8px;} #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item:hover {background:#f5f5f5;} #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item.active {background:#eee; border-color:#ddd; color:#333;} #ITP_CONTAINER .itp_srh_list .itp_treeview .badge {background-color:#337ab7; color:#fff;} #ITP_CONTAINER .itp_srh_list .itp_treeview ul {margin:0; padding:0; list-style:none;} #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul .list-group-item {padding-left:35px;} #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul ul .list-group-item {padding-left:54px;} #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul ul ul .list-group-item {padding-left:74px;} #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul ul ul ul .list-group-item {padding-left:94px;} #ITP_CONTAINER .itp_srh_list .itp_srh_tabs {display:table; table-layout:fixed; width:100%; margin:0; padding:0; list-style:none;} #ITP_CONTAINER .itp_srh_list .itp_srh_tabs li {display:table-cell;} #ITP_CONTAINER .itp_srh_list .itp_srh_tabs li a {display:block; white-space:nowrap; padding:.5em; background:#fff; border:1px solid #1A3E5E; text-align:center; color:#000; text-decoration:none;} #ITP_CONTAINER .itp_srh_list .itp_srh_tabs li:not(:first-child) a {border-left:none;} #ITP_CONTAINER .itp_srh_list .itp_srh_tabs li a:hover, #ITP_CONTAINER .itp_srh_list .itp_srh_tabs .active a {background:#D6E6F3;} #ITP_CONTAINER .itp_srh_list.itp_with_tab .itp_lists .list-group {height:calc(100vh - 213px);} #ITP_CONTAINER .itp_srh_list.itp_with_tab .itp_treeview .list-group {height:calc(100vh - 213px);} #ITP_CONTAINER .itp_adv_srh {width:100%; padding:8px 5px 8px 5px;} #ITP_CONTAINER .itp_adv_srh .dropdown.dropdown-lg .dropdown-menu {margin-top:-1px; padding:6px 20px; min-width:300px;} #ITP_CONTAINER .itp_adv_srh .input-group-btn .btn-group {display:flex !important; top:-3px;} #ITP_CONTAINER .itp_adv_srh .btn-group .btn {border-radius:0; margin-left:-1px;} #ITP_CONTAINER .itp_adv_srh .btn-group .btn:last-child {border-top-right-radius:4px; border-bottom-right-radius:4px; height:34px;} #ITP_CONTAINER .itp_adv_srh .btn-group .form-horizontal .btn[type="submit"] {border-top-left-radius:4px; border-bottom-left-radius:4px;} #ITP_CONTAINER .itp_adv_srh .form-horizontal .form-group {margin-left:0; margin-right:0;} #ITP_CONTAINER .itp_adv_srh .form-group .form-control:last-child {border-top-left-radius:4px; border-bottom-left-radius:4px;} #ITP_CONTAINER .itp_adv_srh .form-group .itp_date_to {background:#fff;} #ITP_CONTAINER .itp_adv_srh .form-group .date .form-control:last-child {border-top-left-radius:0px; border-bottom-left-radius:0px;} #ITP_CONTAINER .itp_adv_srh .form-group .itp_adv_chk {margin-top:5px;} #ITP_CONTAINER .itp_adv_srh .form-group .itp_adv_chk .itp_check {float:right; margin-left:10px;} #ITP_CONTAINER .itp_detail {display:table-cell; vertical-align:top; height:100%;} #ITP_CONTAINER .itp_detail .itp_det_head {padding:0 4px 0 4px; height:42px; background:#eee;} #ITP_CONTAINER .itp_detail .itp_det_head .itp_det_tit {font-size:15px; margin:0; padding:0; line-height:42px;} #ITP_CONTAINER .itp_detail .itp_det_head .itp_det_tit .glyphicon {color:#337ab7; margin-right:4px;} #ITP_CONTAINER .itp_detail .itp_det_in {padding:15px 20px 15px 20px; height:calc(100vh - 127px); overflow-y:scroll; background:#fff;} #ITP_CONTAINER .itp_detail .itp_det_in::-webkit-scrollbar{display:none;} #ITP_CONTAINER .itp_detail .itp_gird_btn {padding-right:35px; margin-top:-2px !important;} #ITP_CONTAINER .itp_detail .itp_cicon {line-height:32px; height:32px;} #ITP_CONTAINER .itp_detail .itp_cicon .btn-default {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);} #ITP_CONTAINER .itp_detail .itp_cicon .itp_store {display:inline-block; vertical-align:middle; font-size:13px; margin-right:10px;} #ITP_CONTAINER .itp_detail .itp_cicon .itp_store span {color:#000;} #ITP_CONTAINER .itp_detail .itp_det_in .itp_no_store {text-align:center; font-size:13px; border:1px solid #ddd; background:#f1f1f1; height:100px; line-height:100px;} #ITP_CONTAINER .itp_detail .itp_det_in .itp_intro_help {text-align:center; font-size:13px; border:1px solid #ddd; background:#f1f1f1; padding: 15px 0 13px 0} #ITP_CONTAINER .itp_detail .itp_det_in .itp_intro_help span {color: #a94442} #ITP_CONTAINER .itp_detail .itp_det_in .itp_stat_faq {font-size:13px; border:1px solid #ddd; background:#f1f1f1; padding: 13px 17px 13px 17px; line-height: 1.6} #ITP_CONTAINER .itp_detail .itp_det_in .itp_stat_faq span {color: #a94442} #ITP_CONTAINER .itp_detail .itp_form {width:809px;} #ITP_CONTAINER .itp_detail .box {background:#fafafa; border:1px solid #000; padding:10px; border-radius:4px; margin-left:15px; margin-bottom:30px;} #ITP_CONTAINER .itp_detail .itp_form_tit {font-size:14px; border-left:5px solid #337ab7; padding-left:10px; font-weight:bold;} #ITP_CONTAINER .itp_detail .itp_form .itp_caption {padding-top:10px; padding-bottom:25px;} #ITP_CONTAINER .itp_detail .itp_form .itp_caption label{width:100%;} #ITP_CONTAINER .itp_detail .itp_form .itp_form_sec {margin-top:50px;} #ITP_CONTAINER .itp_detail .itp_form .itp_form_sec.noMar {margin-top:0;} #ITP_CONTAINER .itp_detail .itp_form .itp_form_in {margin-top:25px; padding-left:8px;} #ITP_CONTAINER .itp_detail .itp_form .border-top {} #ITP_CONTAINER .itp_detail .itp_form .form-group {margin-bottom:10px;} #ITP_CONTAINER .itp_detail .itp_form .form-control {font-size:13px; color:#333;} #ITP_CONTAINER .itp_detail .itp_form .itp_lb {font-size:13px; padding-top:5px; font-weight:normal; padding-right:0; color:#333; position:relative;} #ITP_CONTAINER .itp_detail .itp_form .itp_ip {padding-left:0; padding-right:0; background:#fff;} #ITP_CONTAINER .itp_detail .itp_form .itp_ip_offset {padding-left:15px;} #ITP_CONTAINER .itp_detail .itp_form .itp_input {height:28px; padding:3px 9px;} #ITP_CONTAINER .itp_detail .itp_form .itp_check {margin-top:7px; margin-left:10px;} #ITP_CONTAINER .itp_detail .itp_form .itp_msg {font-size:12px; padding-top:7px;} #ITP_CONTAINER .itp_detail .itp_form .itp_word {font-size:12px; padding-top:51px; padding-left:6px;} #ITP_CONTAINER .itp_detail .itp_form .itp_line_msg {font-size:12px; position:relative;} #ITP_CONTAINER .itp_detail .itp_form .itp_line_msg .itp_line_in {position:absolute; top:6px; left:20px; display:none; width:100%;} #ITP_CONTAINER .itp_detail .itp_form select.itp_input {padding-left:4px;} #ITP_CONTAINER .itp_detail .itp_form .itp_btn {padding:4px 10px; } #ITP_CONTAINER .itp_detail .itp_form .itp_btn_dark {padding:4px 10px; color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);} #ITP_CONTAINER .itp_detail .itp_form .input-daterange .input-group-addon {padding:3px 5px;} #ITP_CONTAINER .itp_detail .itp_form .itp_date_to {background:#fff;} #ITP_CONTAINER .itp_detail .itp_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;} #ITP_CONTAINER .itp_detail .itp_form .itp_ipGrp_left .itp_input {border-top-right-radius:0; border-bottom-right-radius:0; border-right:none;} #ITP_CONTAINER .itp_detail .itp_form .itp_ipGrp_right .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;} #ITP_CONTAINER .itp_detail .itp_form .ipt_form_tit {margin-bottom:15px; font-size:14px; border-left:5px solid #337ab7; padding-left:10px;} #ITP_CONTAINER .itp_detail .itp_form .ipt_form_tit_R {margin-bottom:15px; font-size:14px; border-left:5px solid #337ab7; padding-left:10px; margin-left:-15px;} #ITP_CONTAINER .itp_detail .itp_form .itp_pad_pic {padding-left:30px; padding-right:0px;} #ITP_CONTAINER .itp_detail .itp_form .itp_pic_custom {width:68.4%;} #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_pic {padding-right:7px;} #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_pic .itp_img {display:block; border:1px solid #ccc; border-radius:4px; width:100%;} #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_btn {padding-left:0; padding-right:0;} #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_btn .btn {margin-bottom:6px; color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);} #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline {width:94.5%;} #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_pic {clear:both;} #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_btn {float:right; width:49.5%;} html:lang(en) #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_btn {width:58.5%;} #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_btn .btn {float:left; margin-left:6px;} #ITP_CONTAINER .itp_detail .itp_form .itp_chk {margin-left:20px; float:left;} #ITP_CONTAINER .itp_detail .itp_form .itp_chk:first-child {margin-left:0;} #ITP_CONTAINER .itp_detail .itp_form .itp_chk .itp_check {margin:2px 5px 0 0; float:left;} #ITP_CONTAINER .itp_detail .itp_form .itp_chk .itp_chk_lb {float:left;} #ITP_CONTAINER .itp_detail .itp_form .itp_chk .itp_chk_lb.mar {margin-right: 15px;} #ITP_CONTAINER .itp_detail .itp_form .itp_chk_list .itp_chk {float:none; margin-left:0; margin-top:-10px;} #ITP_CONTAINER .itp_detail .itp_form .itp_chk_list .itp_chk:first-child {margin-top:5px;} #ITP_CONTAINER .itp_detail .itp_form .itp_sch_btn {padding: 3px 6px;} /* 조회 버튼 */ #ITP_CONTAINER .itp_detail .itp_lg_form {padding-top:5px;} #ITP_CONTAINER .itp_detail .itp_lg_form.itp_type1 {padding-left:15px; padding-right:15px; padding-bottom:10px; } #ITP_CONTAINER .itp_detail .itp_lg_form.itp_type1 .itp_srh_border {border:1px solid #ccc; background:#fafafa; padding:15px 15px 5px 15px; border-radius:4px;} #ITP_CONTAINER .itp_detail .itp_lg_form .form-group {margin-bottom:10px;} #ITP_CONTAINER .itp_detail .itp_lg_form .form-control {font-size:13px; color:#333;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lb {font-size:13px; padding-top:5px; padding-right:0; color:#333; position:relative;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip {padding-left:0; /* margin-right:30px; */} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip_offset {padding-left:15px;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lb_offset {margin-left:7.1%;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_input {height:28px; padding:3px 9px;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_check {margin-top:7px;} #ITP_CONTAINER .itp_detail .itp_lg_form select.itp_input {padding-left:4px;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_noMar {margin-right:0;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_dual_ipL {margin-right:0;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_dual_ipL .itp_btn {border-right:0; border-top-right-radius:0; border-bottom-right-radius:0;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_dual_ipR {margin-left:-15px;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_dual_ipR .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_btn {padding:3.8px 11px; background:#fff;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_btn_dark {padding:3px 10px; margin-top:1px; color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);} #ITP_CONTAINER .itp_detail .itp_lg_form .input-daterange .input-group-addon {padding:3px 5px;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_date_to {background:#fff;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ipGrp_left {margin-right:0; padding-right:0;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ipGrp_right {margin-right:0; padding-right:0;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ipGrp_left .itp_input {border-top-right-radius:0; border-bottom-right-radius:0; border-right:none;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ipGrp_right .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;} #ITP_CONTAINER .itp_detail .itp_lg_form .checkbox-inline {padding-top:5px; font-size:13px; color:#333;} #ITP_CONTAINER .itp_detail .itp_lg_form .checkbox-inline .itp_chk {margin:3px 3px 0 0;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lg_detail .itp_ip {margin-right:0;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lg_col {padding-left:0; padding-right:0;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_store {font-size:13px; width:auto; padding:6px 0 0 0; margin-right:10px;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_store span {color:#000; display:block; max-width:296px; overflow:hidden; white-space:nowrap;} #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_sright {float:right; margin-right:0; width:55%;} #ITP_CONTAINER .itp_detail .itp_read_form {margin-bottom:0;} #ITP_CONTAINER .itp_detail .itp_read_form .itp_input {border-radius:0; border-top:0; border-left:0; border-right:0; background:none; box-shadow:none; -webkit-box-shadow:none;} #ITP_CONTAINER .itp_detail .itp_tab_wrap {width:100%; position:relative; padding:10px 15px 0 15px;} #ITP_CONTAINER .itp_detail .itp_tab_wrap .itp_tab_help {white-space:nowrap; position:absolute; top:35px; right:15px; font-size:12px;} #ITP_CONTAINER .itp_detail .itp_srh_tabs {display:table; table-layout:fixed; width:100%; margin:0; padding:0; list-style:none;} #ITP_CONTAINER .itp_detail .itp_srh_tabs li {display:table-cell;} #ITP_CONTAINER .itp_detail .itp_srh_tabs li a {display:block; white-space:nowrap; padding:1em; font-size:13px; background:#d9d9d9; border:1px solid #7f7f7f; text-align:center; color:#a6a6a6; text-decoration:none;} #ITP_CONTAINER .itp_detail .itp_srh_tabs li:not(:first-child) a {border-left:none;} #ITP_CONTAINER .itp_detail .itp_srh_tabs li a:hover, #ITP_CONTAINER .itp_detail .itp_srh_tabs .active a {background:#000; color:#fff;} #ITP_CONTAINER .itp_table.mg15 {padding:0; margin:5px 15px; box-shadow: 0px 0px 2px 1px blue;} #ITP_CONTAINER .itp_table {padding:0 15px;} #ITP_CONTAINER .itp_table .itp_grid_btn {margin-bottom:6px;} #ITP_CONTAINER .itp_table .itp_grid_btn .btn-default {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);} #ITP_CONTAINER .itp_table .itp_table_tit {font-size:13px; font-weight:bold; margin-top:22px; margin-left: 11px; } #ITP_CONTAINER .itp_tb_list {width:100%; position:relative;} #ITP_CONTAINER .itp_tb_list .itp_no_data {width:100%; text-align:center; position:absolute; top:47%; display:none;} #ITP_CONTAINER .itp_tb_list .itp_no_data.itp_noSrh {top:39%;} #ITP_CONTAINER .itp_tb_list.itp_gType1 .itp_no_data {top:52%;} #ITP_CONTAINER .itp_tb_list.itp_gType1 .itp_no_data.itp_noSrh {top:46%;} #ITP_CONTAINER .itp_tb_list.itp_gType2 .itp_no_data {top:56%;} #ITP_CONTAINER .itp_tb_list.itp_gType2 .itp_no_data.itp_noSrh {top:51%;} #ITP_CONTAINER .itp_tb_list .itp_no_data u {color:#337ab7; cursor:pointer;} #ITP_CONTAINER .itp_tb_list .itp_views {position:relative; top:10px; font-size:12px; margin-bottom:8px; display:inline-block; width:50%;} #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv {float:left; width:50%; padding-left:5px;} #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv span {float:left;} #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv em {font-style:normal;} #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_txt {margin-right:4px;} #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_num {margin-top:-1px;} #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_bar {margin:-1px 8px 0 8px;} #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_help {float:left; color:#ac2925;} #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx {float:right; width:50%;} #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx span {float:right;} #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx .shrx_bar {margin:-1px 8px 0 5px;} #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx .shrx_txt {margin-right:4px;cursor:pointer;} #ITP_CONTAINER .itp_tb_list .itp_sorts {font-size:12px; margin-bottom:8px;} #ITP_CONTAINER .itp_tb_list .itp_sorts a {font-size:11px; color:#333; float:left;} #ITP_CONTAINER .itp_tb_list .itp_sorts a.on {font-weight:bold;} #ITP_CONTAINER .itp_tb_list .itp_sorts em {float:left; font-size:9px; color:#333; padding:1px 3px 0 3px;} #ITP_CONTAINER .itp_tb_list .itp_sorts2 a {font-size:11px; color:#333; float:left;} #ITP_CONTAINER .itp_tb_list .itp_sorts2 a.on {font-weight:bold;} #ITP_CONTAINER .itp_tb_list .itp_sorts2 i {float:left; font-size:9px; color:#333; padding:1px 3px 0 3px;} #ITP_CONTAINER .itp_tree_grid .ui-jqgrid tr.ui-row-ltr td .cell-wrapper {white-space:nowrap;} #ITP_CONTAINER .itp_tb_list .itp_val {position:relative; display:block; padding-right:25px;} #ITP_CONTAINER .itp_tb_list .itp_val .itp_btn {position:absolute; top:0px; right:4px;} #ITP_CONTAINER .itp_tb_list .ui-jqgrid-bdiv button.itp_btn {padding:0 3px; font-size:10px; margin:-1px 0 0 -5px;} #ITP_CONTAINER .itp_tb_list .itp_grid_link {color:#000; font-weight:bold; text-decoration:underline; cursor:pointer;} #ITP_CONTAINER .itp_tb_list .itp_grid_link2 {color:#000; text-decoration:underline; cursor:pointer; line-height:1.5;} #ITP_CONTAINER .itp_tb_list .itp_grid_date {font-size: 12px} #ITP_CONTAINER .itp_tb_list .itp_grid_deleted {color:#ac2925; text-decoration:underline; cursor:pointer;} #ITP_CONTAINER .itp_tb_list .itp_grid_select {color:#337ab7; text-decoration:underline; cursor:pointer;} #ITP_CONTAINER .itp_tb_list .itp_grid_intro {margin-top:2px; font-size:12px; display:inline-block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;} #ITP_CONTAINER .itp_tb_list .itp_grid_popup {font-size:12px; text-decoration:underline; cursor:pointer;} #ITP_CONTAINER .itp_tb_list .itp_grid_popup_box {position:relative;} #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in {position:absolute; text-align:left; top:0px; right:33px; text-decoration:none; padding:17px 40px 15px 20px; background:#fff; border:1px solid #333;} #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in.type2 {right:24px;} #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in.type3 {top:-16px; right:76px;} #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in.type3 span {font-size:12px;} #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in span {display:block; white-space:nowrap;} #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in i {position:absolute; top:6px; right:6px; font-size:16px;} #ITP_CONTAINER .itp_tb_list .itp_grid_dc_popup_box {position:relative;} #ITP_CONTAINER .itp_tb_list .itp_grid_dc_pop_in {position:absolute; text-align:left; top:0px; left:23px; text-decoration:none; padding:17px 40px 15px 20px; background:#fff; border:1px solid #333;} #ITP_CONTAINER .itp_tb_list .itp_grid_dc_pop_in span {display:block; white-space:nowrap;} #ITP_CONTAINER .itp_tb_list .itp_grid_dc_pop_in i {position:absolute; top:6px; right:6px; font-size:16px;} #ITP_CONTAINER .itp_table_wrap .itp_half_tb {padding-left:0; padding-right:0;} #ITP_CONTAINER .itp_table_wrap .itp_thumb_grid {width:74.8%;} #ITP_CONTAINER .itp_table_wrap .itp_form_half .itp_lb {float:left; font-size:13px; padding-top:5px; color:#333; margin-right:20px;} #ITP_CONTAINER .itp_table_wrap .itp_form_half .itp_input {font-size:13px; color:#333; height:28px; padding:3px 9px;} #ITP_CONTAINER .itp_table_wrap .itp_form_half .itp_btn {padding:4px 10px; background:#fff;} #ITP_CONTAINER .itp_table_wrap .itp_grid_tit {font-size:14px; border-left:5px solid #337ab7; padding-left:10px;} #ITP_CONTAINER .itp_table_wrap .itp_grid_btns {padding-right:30px;} #ITP_CONTAINER .itp_table_wrap .itp_grid_btns .itp_btn_dark {padding:4px 10px; color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);} #ITP_CONTAINER .itp_table_wrap.itp_lg_form .itp_grid_btns {padding-right:0px;} #ITP_CONTAINER .itp_editor_area .itp_editor_cont {width:100%; height:490px; border:1px solid #ccc; display:none;} #ITP_CONTAINER .itp_card {padding-top:15px;} #ITP_CONTAINER .itp_card .itp_col {padding-left:0; padding-right:0;} #ITP_CONTAINER .itp_card .card-header {font-size:14px; padding:15px 15px; border:1px solid rgba(0,0,0,.125); border-top-left-radius:.25rem; border-top-right-radius:.25rem; background:rgba(0,0,0,.03);} #ITP_CONTAINER .itp_card .list-group-item:first-child {font-size:13px; border-top:none; border-top-left-radius:0; border-top-right-radius:0;} #ITP_CONTAINER .itp_card .card.active .card-header {background:#337ab7; color:#fff; border-color:#337ab7;} #ITP_CONTAINER .itp_card .itp_card_tb {display:table; width:100%;} #ITP_CONTAINER .itp_card .itp_card_th {display:table-cell; width:50%; text-align:left;} #ITP_CONTAINER .itp_card .itp_card_td {display:table-cell; width:50%; text-align:right;} #ITP_CONTAINER .itp_btn_upload {position:relative; overflow:hidden;} #ITP_CONTAINER .itp_txBot {vertical-align:text-bottom;} #ITP_CONTAINER .itp_btn_upload input[type=file] { position:absolute; top:0; right:0; width:100%; height:100%; margin:0; padding:0; cursor:pointer; opacity:0; outline:0; background:none; z-index:1; } #ITP_CONTAINER .itp_form.itp_type1 {padding-top:10px; width:100%;} #ITP_CONTAINER .itp_form.itp_type1 .itp_form_tit {border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; padding:13px 18px; margin:0;} #ITP_CONTAINER .itp_form.itp_type1 .itp_form_tit span.pull-left {font-size:14px; font-weight:bold;} #ITP_CONTAINER .itp_form.itp_type1 .itp_form_tit span {font-weight:normal; font-size:12px;} #ITP_CONTAINER .itp_form.itp_type1 .itp_form_tit .btn-dark {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);} #ITP_CONTAINER .itp_form.itp_type1 .itp_form_sec {margin:0; border-right:1px solid #ddd;} #ITP_CONTAINER .itp_form.itp_type1 .itp_form_in {margin:0; padding:0; display:table; width:100%;} #ITP_CONTAINER .itp_form.itp_type1 .form-group {margin:0; padding:0; display:table-row;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb, #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_ip {display:table-cell; padding:6px 18px; border-top:1px solid #ddd; float:none; vertical-align:middle; height:42px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_file img {top:8px !important; height: 80px !important; width: 100px !important; z-index:1;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_file_fix img {top:4px !important; height: 60px !important; width: 80px !important; z-index:1;} #ITP_CONTAINER .itp_form.itp_type1 .form-group.border .itp_lb, #ITP_CONTAINER .itp_form.itp_type1 .form-group.border .itp_ip {border-bottom: 1px solid #ddd;} #ITP_CONTAINER .itp_form.itp_type1 .form-group.noBor .itp_lb, #ITP_CONTAINER .itp_form.itp_type1 .form-group.noBor .itp_ip {border-top:0; padding-top:0; height:auto;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb {border-right:1px solid #ddd; border-left:1px solid #ddd; background:#f5f5f5;} #ITP_CONTAINER label b {color:darkred;} #ITP_CONTAINER h4 b {color:darkred;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb.bor {border-left:1px solid #ddd;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in {padding:0; margin-right:8px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in label {margin-top:3px; font-weight:100;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in input[type="checkbox"] {margin-top:7px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.pad {padding-right:15px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padT {padding-top:4px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padTt {padding-top:1px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padTt .btn-default {padding:4px 10px 3px 10px; background:#f1f1f1;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.mar {margin-right:4px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.mar2 {margin-right:8px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_xs_btn {width:auto;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_txt {width:auto; padding-right:15px; font-size:13px; padding-top:5px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_img {width:auto; padding-right:15px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_img img {width:100px; height:100px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_img2 {width:auto; padding-right:15px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days {font-size:12px; padding-top:3px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days span {margin-right:13px; display:inline-block; vertical-align:middle;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days span:last-child {margin-right:0;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days span em {font-style:normal; font-size:13px; display:inline-block; vertical-align:middle;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days .itp_holiday em {color:#a94442;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days .itp_day em {color:#000;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_add_btn {width:7.6%; text-align:right; padding-top:4px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_chk, #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_txt {font-size:13px; font-weight:normal; padding-right:0; color:#333; position:relative;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_chk_list {margin-bottom:-15px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_chk {padding-top:6px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_txt {margin:0;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_text {padding-left:0; font-size:13px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_help {font-size:12px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_msg.itp_xs_msg {padding-top:3px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_msg.noPad {padding-left:0;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_msg.itp_auto {width:auto;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_btnTxt {display:inline-block; vertical-align:middle; margin-right:4px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_btnTxtL {display:inline-block; vertical-align:middle; margin-right:30px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_btnTxtR {display:inline-block; vertical-align:middle; margin-left:10px; font-size:12px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .btn-dark {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_ip.itp_tbip {padding:0;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_input.cursor {cursor:pointer;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in textarea {min-height:69px;} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_thuImg {margin-right: 3px; border: solid 0.5px #bfbfbf; cursor: pointer} #ITP_CONTAINER .itp_form.itp_type1 .form-group textarea.form-control {padding: 3px 9px} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_noneSel {margin: 0; padding: 0; background: none; border: none; height: auto; opacity: 1; -webkit-appearance:none} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_noneSel::-ms-expand {display: none; margin-left: -4px} #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_noneSel option {margin: 0; padding: 0} #ITP_CONTAINER .itp_form.itp_type1 .itp_form_sec.itp_primary {margin-bottom:10px; border-left:1px solid #2e6da4; border-bottom:1px solid #2e6da4; border-right:1px solid #2e6da4;} #ITP_CONTAINER .itp_form.itp_type1 .itp_primary .itp_form_tit {border-top:1px solid #2e6da4; background:#337ab7; color:#fff;} #ITP_CONTAINER .itp_form.itp_type1 .itp_primary .form-group .itp_lb, #ITP_CONTAINER .itp_form.itp_type1 .itp_primary .form-group .itp_ip {background:#D6E6F3; color:#000;} #ITP_CONTAINER .itp_form.itp_type1 .itp_err {color:#a94442; font-size:12px;} #ITP_CONTAINER .itp_history {padding:15px; font-size:12px;} #ITP_CONTAINER .itp_history .itp_hisTit {margin-bottom:8px;} #ITP_CONTAINER .itp_history .itp_flex {float:left; border:1px solid #ddd; width:16.5%; margin-right:2px;} #ITP_CONTAINER .itp_history .itp_flex .itp_fTit {text-align:center; border-bottom:1px solid #ddd; background:#f5f5f5; line-height:35px;} #ITP_CONTAINER .itp_history .itp_flex:first-child .itp_fTit {color:#fff; background:#d9534f;} #ITP_CONTAINER .itp_history .itp_flex:last-child .itp_fTit {color:#fff; background:#337ab7;} #ITP_CONTAINER .itp_history .itp_flex:last-child {margin-right:0;} #ITP_CONTAINER .itp_history .itp_fin {padding:0 10px 10px 10px;} #ITP_CONTAINER .itp_history .itp_fin p {margin:5px 0 0 0;} #ITP_CONTAINER .itp_history .itp_fnum {text-align:center; font-size:14px; margin:15px 0 !important;} #ITP_CONTAINER .itp_history .itp_fbox {font-size:11px;} #ITP_CONTAINER .itp_history .itp_flab {float:left; width:60px; text-align:center; background:#a6a6a6; border-radius:3px; padding:1px 5px; color:#fff;} #ITP_CONTAINER .itp_history .itp_fsm {float:right; width:125px; text-align:right;} #ITP_CONTAINER .itp_intro_div {position: relative; width: 100%; overflow-x: auto; overflow-y: hidden; margin-top: 40px; height: 530px} #ITP_CONTAINER .itp_intro_list {list-style: none; text-align: center; margin: 0; padding: 0; position: absolute; top: 0; left: 0; white-space: nowrap; width: 100%} #ITP_CONTAINER .itp_intro_list li {width: 254px; font-size: 13px; display: inline-block} #ITP_CONTAINER .itp_intro_list li .itp_img {width: 100%; height: 454px; border: 1px solid #ddd; background: #f5f5f5; line-height: 454px; position: relative; cursor: pointer} #ITP_CONTAINER .itp_intro_list li .itp_img .itp_img_file {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0} #ITP_CONTAINER .itp_intro_list li .itp_save_btn {width: 100%; height: 40px; margin-top: 4px; font-size: 13px} #ITP_CONTAINER .itp_intro_list li .itp_save_del {width: 100%; height: 40px; margin-top: 4px; font-size: 13px} #ITP_CONTAINER .itp_logs {padding:15px; font-size:12px} _:-ms-fullscreen, :root .itp_logs {max-width: 1287px} #ITP_CONTAINER .itp_logs .itp_lo {margin-bottom: 15px; display: flex; justify-content: center} #ITP_CONTAINER .itp_logs .itp_flex {width: 25%; padding:0 5px 0 5px} #ITP_CONTAINER .itp_logs .itp_flex .itp_fBox {border:1.5px solid #333} #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit {text-align:center; background: rgb(109, 110, 114); line-height:35px; color: #fff; margin: 0} #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit .tt {float: left; padding-left: 25px} #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit .help {float: right; font-size: 11.5px; padding-right: 20px} #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit.blue {background: #337ab7} #ITP_CONTAINER .itp_logs .itp_flex .itp_fin {width: 100%;} #ITP_CONTAINER .itp_logs .itp_loTb {table-layout: fixed; width: 100%; border-spacing: 0} #ITP_CONTAINER .itp_logs .itp_loTb th {font-weight: normal; width: 33.33%; height: 28px; background: #f5f5f5; text-align: center} #ITP_CONTAINER .itp_logs .itp_loTb td {width: 33.33%; height: 32px; border: 1px solid #ddd; text-align: right; padding: 0 8px 0 8px; background: #fff} #ITP_CONTAINER .itp_logs .itp_loTb td:first-child {text-align: center} #ITP_CONTAINER .itp_logs .itp_loTb tr.disabled td {color: #aaa} #ITP_CONTAINER .itp_logs .itp_loTb td.ac {text-align: center} #ITP_CONTAINER .itp_logs .itp_tbAra {float: left; width: 33.33%; background: #f5f5f5} #ITP_CONTAINER .itp_logs .itp_tbAra:first-child {padding-right: 10px} #ITP_CONTAINER .itp_logs .itp_tbAra:last-child {padding-left: 10px} /* ITP_FOOTER */ #ITP_FOOTER .itp_modal {z-index:10000;} #ITP_FOOTER .itp_modal .modal-header {padding:12px 15px 12px 15px; background:#337ab7; cursor:move;} #ITP_FOOTER .itp_modal .modal-header .close {color:#fff; opacity:1;} #ITP_FOOTER .itp_modal .modal-title {font-size:16px; color:#fff;} #ITP_FOOTER .itp_modal .itp_alert_txt {font-size:15px; padding:15px 0 10px 0;} #ITP_FOOTER .itp_modal .itp_form .form-group {margin-bottom:10px;} #ITP_FOOTER .itp_modal .itp_form .form-control {font-size:13px; color:#333;} #ITP_FOOTER .itp_modal .itp_form .itp_lb {font-size:13px; padding-top:5px; padding-right:0; color:#333; position:relative;} #ITP_FOOTER .itp_modal .itp_form .itp_ip {padding-left:0; padding-right:0;} #ITP_FOOTER .itp_modal .itp_form .itp_ip_offset {padding-left:15px;} #ITP_FOOTER .itp_modal .itp_form .itp_input {height:28px; padding:3px 9px;} #ITP_FOOTER .itp_modal .itp_form .itp_check {margin-top:7px;} #ITP_FOOTER .itp_modal .itp_form select.itp_input {padding-left:4px;} #ITP_FOOTER .itp_modal .itp_form .itp_btn {padding:4px 10px; background:#fff;} #ITP_FOOTER .itp_modal .itp_form .input-daterange .input-group-addon {padding:3px 5px;} #ITP_FOOTER .itp_modal .itp_form .itp_date_to {background:#fff;} #ITP_FOOTER .itp_modal .itp_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;} #ITP_FOOTER .modal-body .itp_alt_box {display:inline-flex; border:2px solid #ccc; border-bottom:none;} #ITP_FOOTER .modal-body .itp_alt_box.border {border-bottom:1px solid #ccc;} #ITP_FOOTER .modal-body .itp_alt_box .itp_label_area {width:100px; height:40px; padding:10px; text-align:left; background:#f5f5f5;} #ITP_FOOTER .modal-body .itp_alt_box .itp_label_area label {text-align:left; min-width:80px;} #ITP_FOOTER .modal-body .itp_alt_box .itp_info_area {border-left:1px solid #ccc; width:210px;} #ITP_FOOTER .modal-body .itp_alt_box .itp_info_area div {text-align: left; width:auto; padding:10px;} #ITP_FOOTER .modal-body .error_info {margin-top:15px;} #ITP_FOOTER .modal.in .modal-dialog { -webkit-transform:translate(0, calc(50vh - 50%)); -ms-transform:translate(0, 50vh) translate(0, -50%); -o-transform:translate(0, calc(50vh - 50%)); transform:translate(0, 50vh) translate(0, -50%); } .modal-body .col-xs-12 {padding:0;} /* ITP_ASIDE */ #ITP_ASIDE .itp_modal .modal-header {padding:12px 15px 12px 15px; background:#337ab7; cursor:move;} #ITP_ASIDE .itp_modal .modal-header .close {color:#fff; opacity:1;} #ITP_ASIDE .itp_modal .modal-body label {} #ITP_ASIDE .itp_modal .modal-title {font-size:16px; color:#fff;} #ITP_ASIDE .itp_modal .itp_alert_txt {font-size:15px; padding:15px 0 10px 0;} #ITP_ASIDE .itp_modal .itp_form {padding:0 15px 0 15px;} #ITP_ASIDE .itp_modal .itp_form .form-group {display:table-row; margin-bottom:0px; height:45px; border-bottom:1px solid #aaa;} #ITP_ASIDE .itp_modal .itp_form .colspan {height:60px !important;} #ITP_ASIDE .itp_modal .itp_form .shot{height:43px !important; border-bottom:1px solid #aaa;} #ITP_ASIDE .itp_modal .itp_form .form-group.border {border-bottom:1px solid #ddd;} #ITP_ASIDE .itp_modal .itp_form .form-control {font-size:13px; color:#333;} #ITP_ASIDE .itp_modal .itp_form .sw{width:100px !important;} #ITP_ASIDE .itp_modal .itp_form .itp_lb {vertical-align:middle; float:none; display:table-cell; font-size:12px; margin:0; background:#eee; border-right:1px solid #aaa; border-left:1px solid #aaa; border-bottom:1px solid #aaa;} #ITP_ASIDE .itp_modal .itp_form .itp_lb.long{width:180px;} #ITP_ASIDE .itp_modal .itp_form .itp_lb.itp_normal {font-weight:normal; padding-left:19px;} #ITP_ASIDE .itp_modal .itp_form .itp_ip { vertical-align: middle; padding: 0px 10px; display: table-cell; float: none; border-bottom: 1px solid #aaa; height: 45px; } .fileupload-buttonbar .col-xs-12 {padding:0 15px;} /* .fileupload-downloadrow td.text-right {border:none !important;} */ /* .fileupload-downloadrow td.itp_file_info {border:none;} */ #ITP_ASIDE .itp_modal .itp_form .itp_ip.itp_pr {margin-right:0; padding-right:10px;} #ITP_ASIDE .itp_modal .itp_form .itp_ip.itp_noMar {margin-right:0; padding-right:0px;} #ITP_ASIDE .itp_modal .itp_form .itp_ip_offset {padding-left:15px;} #ITP_ASIDE .itp_modal .itp_form .itp_input {height:28px; padding:3px 9px;} #ITP_ASIDE .itp_modal .itp_form .itp_check {margin-top:7px;} #ITP_ASIDE .itp_modal .itp_form .itp_chk {margin-left:20px; float:left; font-size:13px; font-weight:normal; padding-right:0; color:#333;} #ITP_ASIDE .itp_modal .itp_form .itp_chk:first-child {margin-left:0;} #ITP_ASIDE .itp_modal .itp_form .itp_chk .itp_check {margin:2px 5px 0 0; float:left;} #ITP_ASIDE .itp_modal .itp_form .itp_err {color:#a94442; font-size:12px;} #ITP_ASIDE .itp_modal .itp_form .itp_auto {width:auto; padding-right:15px;} #ITP_ASIDE .itp_modal .itp_form select.itp_input {padding-left:4px;} #ITP_ASIDE .itp_modal .itp_form .itp_btn {padding:4px 10px; background:#fff;} #ITP_ASIDE .itp_modal .itp_form .input-daterange .input-group-addon {padding:3px 5px;} #ITP_ASIDE .itp_modal .itp_form .itp_date_to {background:#fff;} #ITP_ASIDE .itp_modal .itp_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;} #ITP_ASIDE .itp_modal .itp_form .itp_ipGrp_left .itp_input {border-top-right-radius:0; border-bottom-right-radius:0; border-right:none;} #ITP_ASIDE .itp_modal .itp_form .itp_ipGrp_right .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;} #ITP_ASIDE .itp_modal .itp_form .itp_err_msg {display: inline-block; font-size: 12px; color: #a94442; margin-left: 1px;} #ITP_ASIDE .itp_modal .itp_form_inline {margin-bottom:10px; padding:0;} #ITP_ASIDE .itp_modal .itp_form_inline .form-horizontal {margin-bottom:10px; font-size:18px;} #ITP_ASIDE .itp_modal .itp_form_inline .form-horizontal .itp_div_label {display:inline-flex; margin-left:20px;} #ITP_ASIDE .itp_modal .itp_form_inline .form-horizontal .itp_div_label label {min-width:90px;} #ITP_ASIDE .itp_modal .itp_form_inline .form-horizontal .itp_div_label span{margin:0 15px;} #ITP_ASIDE .itp_modal .itp_form_inline .form-horizontal .itp_div_label div{width:130px; text-align:right;} #ITP_ASIDE .itp_modal .itp_form_inline .itp_ip {margin-right:20px;} #ITP_ASIDE .itp_modal .itp_form_inline .itp_ip.itp_long {width:98%; margin-right:0;} #ITP_ASIDE .itp_modal .itp_form_inline .itp_ipGrp_left {margin-right:0;} #ITP_ASIDE .itp_modal .itp_form_inline .itp_ipGrp_right {margin-right:0;} #ITP_ASIDE .itp_modal .itp_form_inline .itp_btn {margin-right:15px; color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);} #ITP_ASIDE .itp_modal .itp_form_inline .itp_btn_org {padding:4px 10px; background:#fff;} #ITP_ASIDE .itp_modal .itp_form_inline .checkbox-inline {padding-top:5px; font-size:13px; color:#333;} #ITP_ASIDE .itp_modal .itp_form_inline .checkbox-inline .itp_chk {margin:3px 3px 0 0;} #ITP_ASIDE .itp_modal .itp_tb_list {padding:10px 15px 10px 15px;} #ITP_ASIDE .itp_modal .itp_tb_list {width:100%; position:relative;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_no_data {width:100%; text-align:center; position:absolute; top:51%; display:none;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_no_data.itp_noSrh {top:46%;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_no_data u {color:#337ab7; cursor:pointer;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_views {font-size:12px; margin-bottom:8px; display:none;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_views.itp_show {display:block;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv {float:left;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv span {float:left;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv em {font-style:normal;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv .shrv_txt {margin-right:4px;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv .shrv_num {margin-top:-1px;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv .shrv_bar {margin:-1px 8px 0 8px;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_list_box {font-size:13px; padding:15px; border:1px solid #ddd; background:#f1f1f1; overflow-x:hidden; overflow-y:scroll; height:150px;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_list_box .itp_no_list {text-align:center; line-height:108px;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_list_box .itp_area {display:inline-block; border:1px solid #2e6da4; background:#fff; margin:0 10px 10px 0;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_list_box .itp_area span {display:inline-block; white-space:nowrap; padding:6px 6px 0 6px; vertical-align:top;} #ITP_ASIDE .itp_modal .itp_tb_list .itp_list_box .itp_area button {border-left:1px solid #2e6da4; border-right:0; border-top:0; border-bottom:0; color:#fff; background:#337ab7; width:30px; height:31px; font-size:12px; vertical-align:top;} #ITP_ASIDE .modal.in .modal-dialog { -webkit-transform:translate(0, calc(50vh - 50%)); -ms-transform:translate(0, 50vh) translate(0, -50%); -o-transform:translate(0, calc(50vh - 50%)); transform:translate(0, 50vh) translate(0, -50%); } #ITP_ASIDE .itp_modal .itp_form.itp_type1 {padding:0; border:1px solid #aaa; border-left:none;} #ITP_ASIDE .itp_modal .itp_madal_header {padding-left:15px; border-bottom:1px solid #aaa;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_help {font-size:12px; padding-top:6px;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_txt {font-size:13px; width:auto; padding:5px 10px 0 0;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_text {font-size:13px; padding-top:5px; display:block;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_smLink {color:#000; text-decoration:underline; cursor:pointer;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.itp_add_btn {width:auto; padding:4px 0 0 0;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .btn-dark {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_msg {display: block; font-size:12px; padding-top:6px;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in {padding:0;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.mar {margin-right:4px;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.mar2 {margin-right:8px;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.itp_xs_btn {width:auto;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.itp_left_img {width:auto; padding-right:15px;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_btn_upload {position:relative; overflow:hidden;} #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_btn_upload input[type=file] { position:absolute; top:0; right:0; width:100%; height:100%; margin:0; padding:0; cursor:pointer; opacity:0; outline:0; background:none; z-index:1; } #ITP_ASIDE .lb_area{border-top:1px solid #aaa; float:left; font-size:13px; margin:0; padding:13px 12px; height:44px; background:#eee; min-width:100px; border-right:1px solid #aaa; border-left:1px solid #ccc;} #ITP_ASIDE .wish_input{border-top:1px solid #aaa; float:left; font-size:13px; margin:0; padding:4px 12px; width:280px; height:44px; min-width:100px; border-right:1px solid #aaa;} #ITP_ASIDE .bd {border-bottom:1px solid #aaa;} #ITP_ASIDE .itp_modal .itp_addr_wrap {height:220px; overflow:auto; border:1px solid #ddd;} #ITP_ASIDE .itp_modal .itp_addr_wrap .itp_addr_no {font-size:13px; line-height:218px; text-align:center; margin:0; padding:0;} #ITP_ASIDE .itp_modal .itp_addr_wrap .itp_addr_box {display:none;} #ITP_ASIDE .itp_modal .itp_addr_list {list-style:none; font-size:13px; margin:0; padding:0px 15px 15px 15px; display:table; width:100%;} #ITP_ASIDE .itp_modal .itp_addr_list li {display:table-row;} #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr, #ITP_ASIDE .itp_modal .itp_addr_list .itp_sel {display:table-cell; vertical-align:middle; padding:10px 0px 10px 0; border-bottom:1px dotted #ddd;} #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr {padding-left:2px; width:90%;} #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr span {display:block; margin-top:5px;} #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr span em {font-style:normal; margin-right:13px;} #ITP_ASIDE .itp_modal .itp_addr_list .itp_sel {text-align:right;} #ITP_ASIDE .itp_modal .itp_addr_list .itp_sel button {background:none; border:0; color:#337ab7;} #ITP_ASIDE .itp_modal .itp_show_loc {list-style:none; margin:0; padding:0;} #ITP_ASIDE .itp_modal .itp_show_loc li {cursor:pointer; margin-top:10px; height:55px; border:1px solid #ddd; background:#f1f1f1; text-align:center; display:flex; justify-content:center; flex-direction:column;} #ITP_ASIDE .itp_modal .itp_show_loc li:first-child {margin-top:0;} #ITP_ASIDE .itp_modal .itp_show_loc li.on {background:#337ab7; border:1px solid #2e6da4; color:#fff;} #ITP_ASIDE .itp_modal .itp_grid_popup_box {position:relative;} #ITP_ASIDE .itp_modal .itp_grid_pop_in {position:absolute; text-align:left; bottom:24px; left:0px; text-decoration:none; padding:17px 40px 15px 20px; background:#fff; border:1px solid #333;} #ITP_ASIDE .itp_modal .itp_grid_pop_in span {display:block; white-space:nowrap;} #ITP_ASIDE .itp_modal .itp_grid_pop_in i {position:absolute; top:6px; right:6px; font-size:16px; cursor:pointer;} #ITP_ASIDE .itp_modal .itp_photo {width: 362px; margin: 0 auto; padding-top: 10px} #ITP_ASIDE .itp_modal .itp_photo .list {list-style: none; padding: 0; margin: 0} #ITP_ASIDE .itp_modal .itp_photo .list li {float: left; width: 70px; height: 70px; border: solid 0.5px #bfbfbf; margin-left: 3px} #ITP_ASIDE .itp_modal .itp_photo .list li img {margin: 1px 0 0 1px; cursor: pointer} #ITP_ASIDE .itp_modal .itp_photo .list li:first-child {margin-left: 0} #ITP_ASIDE .itp_modal .itp_pic {width: 100%; margin: 10px 0 0 0; padding: 0; border: solid 0.5px #bfbfbf; min-height: 200px;} #ITP_ASIDE .itp_modal .itp_pic img {width: 100%; height: 100%} #ITP_ASIDE .itp_modal .itp_preview_bottom {margin-top: 5px; margin-bottom: 5px; text-align: right;} #ITP_ASIDE .itp_modal .itp_mainform {width: 100%; margin: 10px 0 0 0; padding: 0; border: solid 0.5px #bfbfbf; height: 400px; overflow-y: scroll;} #ITP_ASIDE .itp_modal .itp_lctnview {width: 100%; margin: 10px 0 0 0; padding: 0; border: solid 0.5px #bfbfbf; height: 100%; } #ITP_ASIDE .itp_modal .modal-bottom {border-top:1px solid #aaa; height:50px; display:flex;} #ITP_ASIDE .itp_modal .modal-bottom .col_3 {width:40%; hegith:50px;} #ITP_ASIDE .itp_modal .modal-bottom .col_7 {width:60%; height:50px;} #ITP_ASIDE .form-group .col_3 {width:32%;} #ITP_NOT_FOUND {width:100%; height:100%;} #ITP_NOT_FOUND .itp_head {margin-bottom:8px; letter-spacing:-1px;} #ITP_NOT_FOUND .itp_bar {margin:0; padding:0; float:left; margin:0 15px 0 15px; font-size:22px;} #ITP_NOT_FOUND .itp_logo {margin:0; padding:0; color:#337ab7; float:left;} #ITP_NOT_FOUND .itp_tit {margin:0; padding:7px 0 0 0; float:left; font-size:22px;} #ITP_NOT_FOUND .itp_cont {width:100%; min-height:calc(100vh - 115px); padding:170px 20px 150px 20px; position:relative;} #ITP_NOT_FOUND .itp_box_wrap {width:464px; height:410px; position:absolute; top:50%; left:50%; margin:-205px 0 0 -232px;} #ITP_NOT_FOUND .itp_box {padding:20px 20px 0 20px; margin-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:0;} #ITP_NOT_FOUND .itp_copyright {font-size:12px; margin-top:10px;} #ITP_NOT_FOUND .itp_thanks {font-size:12px; color:#333; margin-top:10px;} #ITP_NOT_FOUND .itp_icon {font-size:46px; float:left; margin:3px 18px 0 0;} #ITP_NOT_FOUND .itp_request {font-size:20px; float:left; font-weight:bold;} #ITP_NOT_FOUND .notfound {text-align:center; margin-top:40px;} #ITP_NOT_FOUND .notfound a {font-family:sans-serif; font-size:14px; text-decoration:none; text-transform:uppercase; background:#189cf0; display:inline-block; padding:16px 38px; border:2px solid transparent; border-radius:40px; color:#fff; font-weight:400; transition:0.2s all;} #ITP_NOT_FOUND .notfound a:hover {background-color:#fff; border-color:#189cf0; color:#189cf0;} #ITP_CONTAINER .itp_detail .itp_form_head {padding:0 4px 0 4px; height:42px; background:#f5f5f5;} #ITP_CONTAINER .itp_detail .itp_form_head .itp_form_tit {font-size:15px; margin:0; padding:0px 18px; line-height:42px; display: inline-block; background: none; border: none; } #ITP_CONTAINER .itp_detail .itp_form_head .itp_cicon {line-height:32px; height:32px; margin-top: 3px; margin-right: 3px;} #ITP_CONTAINER .itp_detail .itp_table_head {padding:0 4px 0 4px; height:42px; border:1px solid #ddd; background:#fff;} #ITP_CONTAINER .itp_detail .itp_table_head .itp_table_tit {font-size:13px; margin:0; padding:0px 13px; line-height:42px; display: inline-block; background: none; border: none; font-weight: bold; } #ITP_CONTAINER .itp_detail .itp_table_head .itp_cicon {line-height:32px; height:32px; margin-top: 3px; margin-right: 3px;} .itp_songViewIn .table {margin-bottom:0;} .itp_songViewIn thead > tr > th, .itp_boardViewIn tbody > tr > td {font-size:13px; text-align:center; vertical-align:middle; height:40px;} .itp_songViewIn thead > tr > th {font-weight:normal; border-bottom-width:1px;} .itp_songViewIn thead > tr > th.noBor {border-right:0;} .itp_songViewIn tbody > tr > td.noBor {border-right:0;} .itp_songViewIn tbody > tr > td { border-top: none; padding: 10px 18px; vertical-align: middle; } .itp_songViewIn tbody > tr > td.right_border { border-right: 1px solid #ddd; } .itp_songViewIn .ac {text-align:center;} .itp_songViewIn tbody > tr > td.fnValRow { padding: 5px 0px 0px 0px; } #ITP_POPUP .itp_pic {width: 100%; padding: 0; border: solid 0.5px #bfbfbf; min-height: 200px;} #ITP_POPUP .itp_pic img {width: 100%; height: 100%} #ITP_POPUP .itp_preview_bottom {margin-top: 5px; margin-bottom: 5px; text-align: right;} .map_image {border:1px solid #ddd; background:#f5f5f5; margin:0;} .itp_table_head .itp_input {height: 28px;} .fnNumeric {text-align: center;} .fnNumericDot {text-align: center;} /* 팝업 추가 */ #ITP_POPUP_CONTAINER .modal-body .itp_title label {font-size:3rem; text-decoration:underline; text-underline-position:under;} #ITP_POPUP_CONTAINER .modal-body .itp_title .col-1 {width:100px;} #ITP_POPUP_CONTAINER .modal-body .itp_sign {float: right;} #ITP_POPUP_CONTAINER .modal-body .itp_sign .itp_sign_header {border: 1px solid #000; width: 120px; height: 35px; padding: 8px; text-align: center;} #ITP_POPUP_CONTAINER .modal-body .itp_sign .itp_sign_area {text-align: center; padding: 7px 6px; border: 1px solid #000; border-top:none; height: 110px;} #ITP_POPUP_CONTAINER .itp_company_type {float:left; background:#eee; text-align:center; width:55px; height:168px; padding-top:40px; border:1px solid #000;} #ITP_POPUP_CONTAINER .itp_form_info .itp_company_type label {width:35px; border:none; padding:10px;} #ITP_POPUP_CONTAINER .modal-body span{margin-right:7px;} #ITP_POPUP_CONTAINER .itp_form_info label {border:1px solid #000; background:#eee; margin:0; width:120px; height:42px; padding:10px 5px 10px 10px;} #ITP_POPUP_CONTAINER .itp_form_it {border:1px solid #000; height:42px; padding-top:12px;} /* 팝업 템플릿 */ .tem_area {display:flex; border-top:1px dotted;} .tem_area .tem_type {width:20%;} .tem_area .tem_type table {width:84px; height:78px; margin:5px auto; border:2px solid #000;} .tem_area .tem_type table td {text-align:center;} .tem_area .tem_type table .right {border-right:2px solid #000;} .tem_area .tem_type table .bottom {border-bottom:2px solid #000;} .tem_area .tem_type label {width:100%; font-size:18px; text-align:center; margin-top:5px;} .tem_area .tem_type input[type="radio"] {width:20px; height:28px; display:block; margin:2px auto;} .tem_area .tem_type .fs .bottom td{font-size:10px;} /* 컨텐츠 관리 */ .display_txt {margin-bottom:20px; box-shadow: 0px 0px 2px 1px blue;} .itp_content_area {} .itp_content_area .header_area {border:1px solid #ccc; height:36px; background:#f5f5f5;} .itp_content_area .header_area .header_title {float:left; font-weight:bold; padding:9px; font-size:13px;} .itp_content_area .header_area .header_btn {float:right; margin:3px;} .itp_content_area .header_area .header_btn button {margin-right:5px;} .itp_content_area .content_table_area {position:relative; top:-3px; border:1px solid #ccc; border-top:none; border-right:none;} .itp_content_area .content_table_area .content_line {border-bottom:1px solid #ccc; display:flex; height:36px;} .itp_content_area .content_table_area .border {border-bottom:none;} .itp_content_area .content_table_area .content_line label {text-align:center; width:15%; border-right:1px solid #ccc; padding:7px 20px;} .itp_content_area .content_table_area .content_line .content_info {width:35%; border-right:1px solid #ccc; padding:4px;} .itp_content_area .content_table_area .content_line .content_info select {width:40%; margin-right:5px;} .itp_content_area .content_table_area .content_line .content_info input {width:15%; margin-right:5px;} .itp_content_area .content_table_area .content_line .content_info span {font-size:14px;} .itp_content_area .content_table_area .content_line .content_info div {font-size:14px; padding:4px;} .itp_content_area .content_grid_area { width:100%; height:350px;; background:#f5f5f5;} .sub-title {border:1px solid #ccc; height:34px; padding:7px; background:#A7ACC2; border-bottom:none;} .frm-detail {border-right:1px solid #ccc; border-top:1px solid #000;} .contents tr {height:32px;} .gray-table {background:#ccc;} .pink-table {background:#f2dcdb;} .gray-table td {height:30px;} .pink-table td {height:30px;} .bd-td td {height:30px; text-align:center; background:#fff;} .bd-td td input {width:50%; border-radius: 4px; border: 1px solid #ccc; margin:0 10px;} .bd-td td select {border-radius: 4px; border: 1px solid #ccc;} .bd-td td label {margin:0px;} .frm-detail input.frm-input { height: 28px; margin-top: 1px; } .frm-detail label.frm-label { font-size: 13px; background: #eee; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; color: #606068; padding: 10px 35px 10px 10px; width: 100%; height: 36px; margin:0; } .frm-detail .frm-text { border-bottom: 1px solid #ddd; width: 100%; height: 100%; padding: 10px 16px; background: #fff; min-height: 40px; } .frm-detail .newLine { background: #fff; border-left:1px solid #ccc; border-bottom:none !important; } .frm-detail .frm-wrap { padding: 7px 10px; background: #fff; border-bottom: 1px #ddd solid; height:36px; } /* 템플릿 추가 */ .view_tooltip:hover + .view_info {display:block !important;} .control_wrap {margin-bottom:10px; border: 1px solid #000;} .view_tooltip {width:70px; height:21px; margin:5px; text-align:center; border:1px solid; display:none;} .itp_template_area {display:flex; margin:0 15px; background:#fff;} .itp_template_area .itp_control_area {width:25%; height:0px; padding:5px; position:sticky; top:0; right:0;} .itp_template_area .itp_control_area .itp_control_header {height:32px; border-bottom:1px solid #ccc; text-align:center; background:#dce6f2;} .itp_template_area .itp_control_area .num {background:#A7ACC2;} .itp_template_area .itp_control_area .itp_control_header label {font-size:13px; padding-top:5px;} .itp_template_area .itp_control_area .itp_control_info_area {height:32px; border-bottom:1px solid #ccc; text-align:center; background:#fff;} .itp_template_area .itp_control_area .itp_control_info_area label{float:left; margin:0; height:32px; font-size:13px; background:#eee; width:24%; padding-top:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} .itp_template_area .itp_control_area .itp_control_info_area input{width:50%; float:left; margin:2px; height:26px;} .itp_template_area .itp_control_area .itp_control_info_area input[type="radio"]{margin:5px;} .itp_template_area .itp_control_area .itp_control_info_area select{width:50%; height:27px; float:left; margin:1.4px; padding:4px;} .itp_template_area .itp_control_area .itp_control_info_area div{width:15%; padding-top:7px; font-size:12px;} .itp_template_area .template_test_area {width:80%; height:500px; display:flex;} .itp_template_area .itp_table_area {width:30%; height:auto; background:#f5f5f5;} .itp_template_area .itp_table_area .itp_table_inout {height:32px; border:1px solid #ccc; border-bottom:none; text-align:center; background:#fff;} .itp_template_area .itp_table_area .itp_table_inout label{float:left;height:32px; font-size:13px; background:#eee; width:24%; padding-top:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} .itp_template_area .itp_table_area .itp_table_inout div{padding-top:5px;} .itp_template_area .itp_table_area .border {border-bottom:1px solid #ccc;} .itp_template_area .itp_color_area {display:flex ; width:38%; height:600px;} .itp_template_area .itp_color_area div {font-size:18px;} .itp_template_area .itp_color_area .test_area_1 {background:#f5f5f5; width:100%; height:450px;} .itp_template_area .itp_color_area .test_area_2 {background:#ccc; width:100%; height:150px;} .itp_template_area .itp_color_area .test_area_3 {background:skyblue; width:100%; height:600px;} /* 스크린 구성 */ .itp_screen_area {width:100%; display:flex;} .itp_screen_area input {border-radius: 4px; border: 1px solid #ccc; height: 28px;} .itp_screen_area .itp_view_screen {width:40%; height:700px; padding:10px;} .itp_screen_area .itp_view_screen .view_screen_box {border:2px solid #000; border-top:none; height:80px; text-align:center; background:#fff;} .itp_screen_area .itp_view_screen .view_screen_box.border {border-top:2px solid #000; height:490px; background:#fff;} .itp_screen_area .itp_view_screen .view_screen_box.border img{width:100%; height:486 px;} .itp_screen_area .itp_view_screen .qr_area{height:50px; background:#a0bfea; text-align:left;} .itp_screen_area .itp_view_screen .qr_area div {width:80%; height:24px; padding:5px;} .itp_screen_area .itp_view_screen .qr_area img {width:100%; height:48px;} .itp_screen_area .itp_view_screen .menu_box {display:flex;} .itp_screen_area .itp_view_screen .menu_box div {width:33.33%; border-right:2px solid #000; padding:0;} .itp_screen_area .itp_view_screen .menu_box div img {width:100%; height:78px;} .itp_screen_area .itp_view_screen .menu_box div:last-child {border-right:none;} .itp_screen_area .itp_screen_control {width:60%; height:700px;} .itp_screen_area .itp_screen_control .itp_control_header {height:40px; border:1px solid #ccc; display:flex;background:#fff;} .itp_screen_area .itp_screen_control .itp_control_header label {margin:0; width:20%; font-size:14px; text-align:center; padding-top:9px; border-right:1px solid #ccc;} .itp_screen_area .itp_screen_control .itp_control_header div {width:30%; border-right:1px solid #ccc;} .itp_screen_area .itp_screen_control .itp_control_header div:last-child {border-right:none;} .itp_screen_area .itp_screen_control .itp_control_header input{width:95%; margin:5px;} .itp_screen_area .itp_screen_control .itp_control_header select{width:95%; border: 1px solid #ccc; border-radius: 4px;height: 28px;} .itp_screen_area .itp_screen_control .itp_menu_table {} .itp_screen_area .itp_screen_control .itp_menu_table .itp_table_header {margin-top:3px; border-bottom:none; height:40px; border:1px solid #ccc; background:#f5f5f5;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_table_header div {font-weight:bold; font-size:14px; padding:10px;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_table_control {height:40px; border:1px solid #ccc; display:flex; border-top:none;background:#fff;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_menu_sd .itp_table_control {width:80%; float:right;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_menu_sd .menu {position:absolute; width:12%;background:#fff; border-right:1px solid #ccc; padding-top:148px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_menu_sd .menu div {text-align:center;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_menu_sd .itp_table_control label {text-align:left; padding-left:6px;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_menu_sd .itp_table_control .check_label {display:flex; text-align:left; width:20%; font-size:14px; padding-top:9px; border-right:1px solid #ccc;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_menu_sd .itp_table_control .check_label input[type="radio"] {margin:0 4px;; width:20px; height:20px;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_menu_sd .itp_table_control .check_label div {} .itp_screen_area .itp_screen_control .itp_menu_table .itp_table_control label {margin:0; background:#fff; width:20%; text-align:center; padding-top:10px; font-weight:100; border-right:1px solid #ccc;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_table_control .itp_table_info {display:flex;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_table_control .text_area {display:block; padding:6px; width:80%;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_table_control .text_area .itp_text_color {display:flex;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_table_control .text_area .itp_text_color div {width:30px; padding:0; margin:0 5px;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_table_control .text_area .itp_text_color div button {width:30px; padding:4px 0;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_table_control .itp_table_info input[type="radio"] {margin:0 12px; width:20px; margin-top:5px;} .itp_screen_area .itp_screen_control .itp_menu_table .itp_table_control .itp_table_info div{font-size:14px; padding-top:9px; padding-right:10px;} /* 달력 */ .calender_title {} .calender_title .calender_header {display:flex; width:100%; height:36px; background:#f5f5f5; border:1px solid #aaa; border-bottom:none;} .calender_title .calender_header .cal_btn {float:right; width:15%;} .calender_title .calender_header .cal_btn button {float:right; margin:3px; padding:4px 12px;} .calender_title .calender_header .cal_date {display:flex;} .calender_title .calender_header .cal_date .date_btn {padding:2px;} .calender_title .calender_header .cal_date .date_btn button {width:30px; height:30px; background:#dbeef4; border:1px solid blue; margin:0 3px;} .calender_title .calender_header .cal_date div {padding:8px;} .calender_title .calender_header .cal_date label{background:#dbeef4; width:100px; margin:0; padding:8px; text-align:center; border-right:1px solid #ccc;} #calendar {width: 100%;} #calendar a {color: #8e352e; text-decoration: none;} #calendar ul {list-style: none; padding: 0; margin: 0; width: 100%;} #calendar li { display: block; float: left; width: 14.342%; padding: 5px; box-sizing: border-box; border: 1px solid #ccc; margin-right: -1px; margin-bottom: -1px;} #calendar ul.weekdays {height: 27px; background: #dbeef4;} #calendar ul.weekdays li {text-align: center; text-transform: uppercase; line-height: 20px; padding:3px; font-size: 13px;} #calendar .days li {height: 110px; background:#fff;} #calendar .days li:hover {background: #d3d3d3;} #calendar .dates li {height: 110px; background:#fff;} #calendar .dates li:hover {background: #d3d3d3;} #calendar .lf_dates li {height: 110px; background:#fff;} #calendar .lf_dates li:hover {background: #d3d3d3;} #calendar .date {text-align: left; width: 100%; float: left; font-size:16px;} #calendar .event {clear: both; display: block; font-size: 13px; border-radius: 4px; line-height: 14px; text-decoration: none;} #calendar .event-desc {color: #666; margin: 3px 0 4px 0; text-decoration: underline;} #calendar .event-time {color: #666; padding-left:13px;} #calendar .other-month {background: #f5f5f5 !important; color: #666;} /* 스케쥴 관리 그리드 */ .grid_table {width:100%; text-align:center;} .grid_table .header {height:36px; background:#dbeef4;} .grid_table .tbody input {width:40%;border: 1px solid #ccc; border-radius: 4px; height: 28px;} .grid_table .tbody select {width:90%;border: 1px solid #ccc;border-radius: 4px; height: 28px;} .grid_table .tbody span {margin:0 3px;} .grid_table .tbody .content {padding:6px;} .grid_table .tbody td {height:35px; background:#fff;} .grid_table .tbody .left {text-align:left; padding:0 10px;} .grid_table .tbody td button {width:60px; padding:4px; margin:2px 10px;} /* .grid_table .check td:nth-child(5) {background:#E3F6CE;} */ .grid_table .check td {text-decoration:underline; background:#fff;} .grid_table .line td {background:#E0ECF8 !important;} /* 폼스타일 */ .form-readonly { background: #fff!important; } #ITP_MAIN_GRAPH_AREA { display: grid; height: auto; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: center; grid-column-gap: 16px; grid-row-gap: 20px; margin-top: 16px; } .itp_graph_panel .itp_graph_side { display: none; } .itp_graph_panel .itp_graph_area { width: 100%; } .itp_graph_title .itp_graph_info { font-size: 18px; color: #776; text-shadow: 2px 2px 3px rgb(255 255 255 / 20%); } .itp_graph_title { display: flex; align-items: center; margin-bottom: 20px; width: 100%; flex-direction: row; } .itp_graph_title .itp_graph_info { font-size: 20px; } .itp_graph_title select { margin-left: 16px; } /* 팝업 파일 업로드 테이블 */ .dis_table { width:100%; border: 1px solid #ccc; } .dis_table thead tr th{ border-right:1px solid #ccc; padding:10px; } .dis_table thead tr th:last-child{ border-right:none; } .dis_table tbody tr td{ text-align:center; height:38px; } .dis_table tbody tr td input{ outline:none; border:none; } /* 프린트 페이지 수정 */ .itp_print_top20 {top:20px;} #ITP_FORM_SETTING02010_NEW_AREA .fnChangeOutNo {cursor: pointer;} #ITP_FORM_SETTING02010_DETAIL_AREA .fnChangeOutNo {cursor: pointer;} /* 메인 테이블 */ .main_table {background:#8FCBE0;} .main_table td {text-align:center;} tr.color td {background:#f5f5f5;} /* 팝업박스 스타일 */ .xbox-container { position: fixed; left: 0; top: 0; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); transition: width 0.3s, height 0.3s, transform 0.3s; transition-timing-function: cubic-bezier(0.3, 1, 0.3, 1); will-change: transform, width, height; /* contain "strict" does not make overflow contents selectable */ contain: layout size; /* explicitly set text align to left fixes an issue with iframes alignment when centered */ text-align: left; /* workaround for using passive listeners */ touch-action: none; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; z-index: 5000; } .xb-header { position: absolute; left: 0; top: 0; width: 100%; height: 40px; color: #fff; background:#337ab7; overflow: hidden; border-top-right-radius: 6px; border-top-left-radius: 6px; } .xb-body { position: absolute; left: 0; right: 0; top: 40px; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; will-change: contents; background: #fff; /* when no border is set there is some thin line visible */ /* always hide top border visually */ margin-top: 0 !important; contain: strict; border: 1px solid #ccc; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .xb-title { font-family: Arial, sans-serif; font-size: 14px; padding-left: 10px; cursor: move; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xb-n { position: absolute; top: -5px; left: 0; right: 0; height: 10px; cursor: n-resize; } .xb-e { position: absolute; top: 0; right: -5px; bottom: 0; width: 10px; cursor: w-resize; } .xb-s { position: absolute; bottom: -5px; left: 0; right: 0; height: 10px; cursor: n-resize; } .xb-w { position: absolute; top: 0; left: -5px; bottom: 0; width: 10px; cursor: w-resize; } .xb-nw { position: absolute; top: -5px; left: -5px; width: 15px; height: 15px; cursor: nw-resize; } .xb-ne { position: absolute; top: -5px; right: -5px; width: 15px; height: 15px; cursor: ne-resize; } .xb-sw { position: absolute; bottom: -5px; left: -5px; width: 15px; height: 15px; cursor: ne-resize; } .xb-se { position: absolute; bottom: -5px; right: -5px; width: 15px; height: 15px; cursor: nw-resize; } .xb-icon { float: right; height: 35px; max-width: 100%; text-align: center; margin-top:3px; } .xb-icon * { display: inline-block; width: 30px; height: 100%; background-position: center; background-repeat: no-repeat; cursor: pointer; max-width: 100%; } .xb-min { background-image: url("./icons/min.svg"); background-size: 14px auto; background-position: center bottom 11px; } .xb-max { background-image: url("./icons/max.svg"); background-size: 17px auto; } .xb-close { background-image: url("./icons/close.svg"); background-size: 15px auto; } .xb-full { background-image: url("./icons/full.svg"); background-size: 16px auto; } /* .xbox-container:fullscreen{ transition: none !important; } .xbox-container:fullscreen .xb-full{ background-image: url(@minimize); } .xbox-container:fullscreen > div, .xbox-container:fullscreen .xb-title, */ .xbox-container.modalBox .xb-body ~ div, .xbox-container.modalBox .xb-title, .xbox-container.min .xb-body ~ div, .xbox-container.max .xb-body ~ div { pointer-events: none; } .xbox-container.max .xb-title { cursor: default; } .xbox-container.min .xb-full, .xbox-container.min .xb-min { display: none; } .xbox-container.min .xb-title { cursor: default; } .xbox-container.min .xb-body > * { display: none; } .max { box-shadow: none; } .max .xb-body { margin: 0 !important; } .xbox-container iframe { position: absolute; width: 100%; height: 100%; border: 0; } body.xb-drag .xbox-container { transition: none; } body.xb-drag iframe { pointer-events: none; } .xbox-container.modalBox:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: inherit; border-radius: inherit; } .xbox-container.modalBox:after { content: ''; position: absolute; top: -100vh; left: -100vw; right: -100vw; bottom: -100vh; background: #0d1117; animation: fade-in 0.2s ease-out forwards; z-index: -1; } .xbox-container.modalBox .xb-min, .xbox-container.modalBox .xb-max, .xbox-container.modalBox .xb-full { display: none; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 0.85; } } .no-animation { transition: none; } .no-shadow { box-shadow: none; } .no-header .xb-header { display: none; } .no-header .xb-body { top: 0; } .no-min .xb-min { display: none; } .no-max .xb-max { display: none; } .no-full .xb-full { display: none; } .no-close .xb-close { display: none; } .no-resize .xb-body ~ div { display: none; } .no-move:not(.min) .xb-title { pointer-events: none; } tr.row-select { background: #caaa; } tr.grid-row:hover { background: #e8e8e8 !important; } tr.grid-row:nth-child(2n) { background: #EEFFFE; } td.cell-number { text-align:right; margin-right:10px; } td.cell-center { text-align:center; } .loading-box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; width: 200px; height: 200px; border: 5px solid #aaa; margin: auto auto; } .inter-load { width: 100px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; } .rect { background: #aaa; display: inline-block; height: 60px; width: 7px; margin: 0 1px; animation: load 1.3s infinite ease-in-out; } @keyframes load { 0% { transform: scaleY(0.4); } 20% { transform: scaleY(1); } 40% { transform: scaleY(0.4); } 100% { transform: scaleY(0.4); } } .rect2 { animation-delay: -1.2s; } .rect3 { animation-delay: -1.1s; } .rect4 { animation-delay: -1s; } .rect5 { animation-delay: -0.9s; }