@charset "utf-8";
@import url("fonts.css");
@import url("anyworks.css");

/******* Reset *******/
*       {padding:0;margin:0;}
html,body{width:100%;height:100%;}
body { position: relative; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
 margin: 0; padding: 0; border: 0; font-family:"Nanum Gothic", Helvetica, sans-serif; font-size:13px;letter-spacing:-0.02rem;word-break:break-all;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul, dl { list-style: none; }
iframe { border:0; vertical-align:middle; width:100%; }
legend {width:0;height:0;line-height:0;font-size:0px;float:left;position:absolute;visibility:hidden;overflow:hidden}
p {margin:0;}
pre { white-space:pre-wrap; word-break:break-all;  line-height:1.5; }
strong {font-weight:600}
address,i {font-style:normal}
button {cursor:pointer;font-family:"Nanum Gothic", Helvetica, sans-serif !important;font-weight:600 !important;white-space:nowrap;}
a {color:inherit;text-decoration:none; cursor:pointer;}

/***** form, input set *****/
button,input,select,textarea{margin:0;vertical-align:baseline;*vertical-align:middle;font-family:"Nanum Gothic", Helvetica, sans-serif; font-size:13px;}
button,input,select {display:inline-block;height:28px !important; }
button,input{*overflow:visible;line-height:normal;}
button,select{text-transform:none; padding-top:0; padding-bottom:0;}
button[disabled],html input[disabled]{cursor:default}
button,html input[type="button"],input[type="reset"],input[type="submit"]{*overflow:visible;cursor:pointer;appearance:button}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="search"]{appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{appearance:none}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;height:17px!important;}
input[type='text'],input[type='number'],input[type='email'],input[type='tel']{padding:0 5px;border:1px solid #b8b8b8;}
input[type='text']::-ms-clear,
input[type='number']::-ms-clear,
input[type='tel']::-ms-clear,
input[type='email']::-ms-clear{display:none;}
input[type='password']{padding:0;border:1px solid #b8b8b8;}
input[type='file'],input[type='text'],input[type='password'],select{vertical-align:middle;}
input[type='file']{padding:0;}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #dedede;background:#f3f3f3;color:#928881}
select{margin:0;padding:0;border:1px solid #b8b8b8;box-sizing:border-box;line-height:1; background-color: inherit; }
select::-ms-expand { display: none; /* for IE10, 11 */ display: hidden; /* 영역유지하고 싶을 때 */ }
textarea{width:100%;resize:none;border-color:#b8b8b8;padding:5px;}
img{max-width:100%;border:0;vertical-align:top;-ms-interpolation-mode:bicubic}
mark{background:none}
input[type="search"], input[type="text"],
input[type="select"], input[type="password"] { appearance: none; border-radius:2px; box-sizing:border-box;}
select, textarea { appearance: none; border-radius:2px; }
select { padding: 0 26px 0 5px!important; background:#fff url("images/select_arrow.png") no-repeat center right; }
input:focus,
select:focus,
textarea:focus { outline:none; border-color:#4096ff !important; }
input[type="text"].any-invalid, input[type="number"].any-invalid { background-color:#F00; color:#FFF; }

label { display:inline-flex; align-items:center; gap:2px; }
label input, label span { flex:none; }

/***** link *****/
a:link,a:visited {text-decoration:underline; color:#333;}
a:hover,a:active,a:focus {color:#06c; text-decoration:underline;}

/***** selector *****/
/**,*:after,*:before{box-sizing:border-box;text-rendering:optimizelegibility}*/
*::-webkit-input-placeholder,*::-moz-placeholder,::-ms-input-placeholder,input:-moz-placeholder{color:#000 !important}
::selection{background:#1f48b5;color:#fff}
::-moz-selection{background:#1f48b5;color:#fff}

/* scroll bar */
::-webkit-scrollbar { width:9px; height:9px; } /* width */
::-webkit-scrollbar-track {  background-color: transparent; } /* Track */
::-webkit-scrollbar-thumb {  background-color: #b5b5b5; border-radius:8px; } /* Handle */
::-webkit-scrollbar-thumb:hover {  background: #666; } /* Handle on hover */

.ui-jqgrid-bdiv::-webkit-scrollbar { width: 15px; height:15px !important; } /* width */
.ui-jqgrid-bdiv::-webkit-scrollbar-track {  background: transparent !important; } /* Track */
.ui-jqgrid-bdiv::-webkit-scrollbar-thumb {  background: #eee; border-radius:10px; border:solid 1px #c1c1c1; } /* Handle */
.ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover {  background: #dbdbdb; border:solid 1px #c2c2c2; } /* Handle on hover */

/***** button color *****/
.btn_color_blue {background-color:#367bf5 !important; border-color:#367bf5 !important; color:#fff !important;}
.btn_color_red {background-color:#ea3d2f !important; border-color:#ea3d2f !important; color:#fff !important;}
.btn_color_green {background-color:#2fa84f !important; border-color:#2fa84f !important; color:#fff !important;}
.btn_color_yellow {background-color:#f3aa18 !important; border-color:#f3aa18 !important; color:#fff !important;}

/***** align *****/
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.ft_left{float:left !important;}
.ft_right{float:right !important;}
.vt_md{vertical-align:middle !important}

/***** width *****/
.wd10{width:10% !important; }
.wd20{width:20% !important; }
.wd30{width:30% !important; }
.wd40{width:40% !important; }
.wd50{width:50% !important; }
.wd60{width:60% !important; }
.wd70{width:70% !important; }
.wd80{width:80% !important; }
.wd90{width:90% !important; }
.wd95{width:95% !important; }
.wd96{width:96% !important; }
.wd97{width:97% !important; }
.wd98{width:98% !important; }
.wd99{width:99% !important; }
.wd100{width:100% !important; }


/***** padding *****/
.pt1,.pt_1{padding-top:1px !important;}
.pt2,.pt_2{padding-top:2px !important;}
.pt3,.pt_3{padding-top:3px !important;}
.pt5,.pt_5{padding-top:5px !important;}
.pt10,.pt_10{padding-top:10px !important;}
.pt15,.pt_15{padding-top:15px !important;}
.pt20,.pt_20{padding-top:20px !important;}
.pt25,.pt_25{padding-top:25px !important;}
.pt30,.pt_30{padding-top:30px !important;}
.pt35,.pt_35{padding-top:35px !important;}
.pt40,.pt_40{padding-top:40px !important;}
.pt45,.pt_45{padding-top:45px !important;}
.pt50,.pt_50{padding-top:50px !important;}

.pr1,.pr_1{padding-right:1px !important;}
.pr2,.pr_2{padding-right:2px !important;}
.pr3,.pr_3{padding-right:3px !important;}
.pr5,.pr_5{padding-right:5px !important;}
.pr10,.pr_10{padding-right:10px !important;}
.pr15,.pr_15{padding-right:15px !important;}
.pr20,.pr_20{padding-right:20px !important;}
.pr25,.pr_25{padding-right:25px !important;}
.pr30,.pr_30{padding-right:30px !important;}
.pr35,.pr_35{padding-right:35px !important;}
.pr40,.pr_40{padding-right:40px !important;}
.pr45,.pr_45{padding-right:45px !important;}
.pr50,.pr_50{padding-right:50px !important;}

.pb1,.pb_1{padding-bottom:1px !important;}
.pb2,.pb_2{padding-bottom:2px !important;}
.pb3,.pb_3{padding-bottom:3px !important;}
.pb5,.pb_5{padding-bottom:5px !important;}
.pb10,.pb_10{padding-bottom:10px !important;}
.pb15,.pb_15{padding-bottom:15px !important;}
.pb20,.pb_20{padding-bottom:20px !important;}
.pb25,.pb_25{padding-bottom:25px !important;}
.pb30,.pb_30{padding-bottom:30px !important;}
.pb35,.pb_35{padding-bottom:35px !important;}
.pb40,.pb_40{padding-bottom:40px !important;}
.pb45,.pb_45{padding-bottom:45px !important;}
.pb50,.pb_50{padding-bottom:50px !important;}

.pl0,.pl_0{padding-left:0 !important;}
.pl1,.pl_1{padding-left:1px !important;}
.pl2,.pl_2{padding-left:2px !important;}
.pl3,.pl_3{padding-left:3px !important;}
.pl5,.pl_5{padding-left:5px !important;}
.pl10,.pl_10{padding-left:10px !important;}
.pl15,.pl_15{padding-left:15px !important;}
.pl20,.pl_20{padding-left:20px !important;}
.pl25,.pl_25{padding-left:25px !important;}
.pl30,.pl_30{padding-left:30px !important;}
.pl35,.pl_35{padding-left:35px !important;}
.pl40,.pl_40{padding-left:40px !important;}
.pl45,.pl_45{padding-left:45px !important;}
.pl50,.pl_50{padding-left:50px !important;}
.pl80,.pl_80{padding-left:80px !important;}

/***** margin *****/
.mt0,.mt_0{margin-top:0 !important;}
.mt1,.mt_1{margin-top:1px !important;}
.mt2,.mt_2{margin-top:2px !important;}
.mt3,.mt_3{margin-top:3px !important;}
.mt5,.mt_5{margin-top:5px !important;}
.mt10,.mt_10{margin-top:10px !important;}
.mt15,.mt_15{margin-top:15px !important;}
.mt20,.mt_20{margin-top:20px !important;}
.mt25,.mt_25{margin-top:25px !important;}
.mt30,.mt_30{margin-top:30px !important;}
.mt35,.mt_35{margin-top:35px !important;}
.mt40,.mt_40{margin-top:40px !important;}
.mt45,.mt_45{margin-top:45px !important;}
.mt50,.mt_50{margin-top:50px !important;}
.mt54,.mt_54{margin-top:54px !important;}
.mt71,.mt_71{margin-top:71px !important;}
.mt105,.mt_105{margin-top:105px !important;}

.mr1,.mr_1{margin-right:1px !important;}
.mr2,.mr_2{margin-right:2px !important;}
.mr3,.mr_3{margin-right:3px !important;}
.mr5,.mr_5{margin-right:5px !important;}
.mr10,.mr_10{margin-right:10px !important;}
.mr15,.mr_15{margin-right:15px !important;}
.mr20,.mr_20{margin-right:20px !important;}
.mr25,.mr_25{margin-right:25px !important;}
.mr30,.mr_30{margin-right:30px !important;}
.mr35,.mr_35{margin-right:35px !important;}
.mr40,.mr_40{margin-right:40px !important;}
.mr45,.mr_45{margin-right:45px !important;}
.mr50,.mr_50{margin-right:50px !important;}

.mb0,.mb_0{margin-bottom:0px !important;}
.mb1,.mb_1{margin-bottom:1px !important;}
.mb2,.mb_2{margin-bottom:2px !important;}
.mb3,.mb_3{margin-bottom:3px !important;}
.mb5,.mb_5{margin-bottom:5px !important;}
.mb10,.mb_10{margin-bottom:10px !important;}
.mb15,.mb_15{margin-bottom:15px !important;}
.mb20,.mb_20{margin-bottom:20px !important;}
.mb25,.mb_25{margin-bottom:25px !important;}
.mb30,.mb_30{margin-bottom:30px !important;}
.mb35,.mb_35{margin-bottom:35px !important;}
.mb40,.mb_40{margin-bottom:40px !important;}
.mb45,.mb_45{margin-bottom:45px !important;}
.mb50,.mb50{margin-bottom:50px !important;}

.ml0,.ml_0{margin-left:0 !important;}
.ml1,.ml_1{margin-left:1px !important;}
.ml3,.ml_2{margin-left:2px !important;}
.ml3,.ml_3{margin-left:3px !important;}
.ml5,.ml_5{margin-left:5px !important;}
.ml10,.ml_10{margin-left:10px !important;}
.ml15,.ml_15{margin-left:15px !important;}
.ml17,.ml_17{margin-left:17px !important;}
.ml18,.ml_18{margin-left:18px !important;}
.ml20,.ml_20{margin-left:20px !important;}
.ml25,.ml_25{margin-left:25px !important;}
.ml30,.ml_30{margin-left:25px !important;}
.ml35,.ml_35{margin-left:35px !important;}
.ml40,.ml_40{margin-left:40px !important;}
.ml45,.ml_45{margin-left:45px !important;}
.ml50,.ml_50{margin-left:50px !important;}

/****** loading ******/
.loading_container { width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.loader {
  height: 4px;
  width: 130px;
  --c:no-repeat linear-gradient(#8b4495 0 0);
  background: var(--c),var(--c),#ddd;
  background-size: 60% 100%;
  animation: l16 3s infinite;
}
@keyframes l16 {
  0%   {background-position:-150% 0,-150% 0}
  66%  {background-position: 250% 0,-150% 0}
  100% {background-position: 250% 0, 250% 0}
}


/***** page content css *****/
h1 { height:16px;font-size:15px; margin:0px; padding:0 0 0 10px; color:#333; font-weight:600; background:url(images/icon_title.png) no-repeat 0 0; }
h2 { font-size:13px; color:#000; font-weight:600; margin:0px; padding:10px 0px 5px 18px; background:url(images/icon_check.png) no-repeat 0px 10px; }
h2.first { padding-top:0px; background:url(images/icon_check.png) no-repeat 0px 0px; }
h2 span { display:normal; font-size:11px; color:#666; font-weight:normal; padding-left:10px; }

.buttons { text-align:right; }

.page-header {margin-bottom:10px; height:38px; background:url("images/bg_title_underline.png") repeat-x bottom; position:relative; }
.page-header h1 { float:left; margin:6px 0px 0px 0px;}
.page-header .buttons {position:absolute;top:0;right:0; display:flex; align-items:center; gap:2px;}
/*.page-header .buttons span { padding-right:5px; }*/
.page-header .buttons button,
.page-middle .buttons button,
.page-footer .buttons button { box-shadow:0 1px 2px rgba(0,0,0,0.1); }
.page-header + .ui-widget-content { border:0 !important; }
.page-middle { padding-top:10px; padding-bottom:5px; }
.page-middle.first { padding-top:0px; }
.page-middle h2 { padding-bottom:0px; display:inline-block; }
.page-footer-border { margin-top:10px; padding-top:5px; border-top:2px solid #c6cbd0; }
.page-footer { padding-top:10px; }
.page-space { padding-top:10px; }

.layout { display:table; table-layout:fixed; width:100%; }
.layout > div { display:table-cell; }
.layout > .nowrap { width:1px; white-space:nowrap; }

.space div,
.space span { padding-left:1px; padding-right:1px; }
.space td:first-child div,
.space td:first-child span,
.space2 td:first-child div,
.space2 td:first-child span { padding-left:0px; }
.space td:last-child div,
.space td:last-child span,
.space2 td:last-child div,
.space2 td:last-child span { padding-right:0px; }

.auto { table-layout:auto; }
.auto2 { table-layout:auto; width:auto; }

.layout { border:0px; border-spacing:0px; table-layout:fixed; width:100%; }
.layout > tbody > tr > td { border:none; padding:0px; }
.layout > tbody > tr > td.nowrap { width:1px; white-space:nowrap; }

.view,
.list { border:1px solid #d8d8d8; border-collapse:collapse; border-spacing:0px; table-layout:fixed; width:100%; }

.view > tbody > tr, .list > thead > tr,
.list > tbody > tr, .list > tfoot > tr { height:28px; color:#656565; }

.view > tbody > tr > th,
.list > thead > tr > th,
.list > tbody > tr > th { border:1px solid #dbdbdb; font-weight:600; text-align:center; background:#f8f8f8; line-height:1.2; }
.view > tbody > tr > td,
.list > tbody > tr > td,
.list > tfoot > tr > td { border:1px solid #dbdbdb; color:black; background-color:#FFF; padding:3px 4px 3px 4px; line-height:1.2; }
.view > tbody > tr > th { text-align:left; padding:3px 4px 3px 12px; }
.list > thead > tr > th,
.list > tbody > tr > th { text-align:center; padding:3px 4px 3px 4px; line-height:1.3; }

.view th:first-child, .view td:first-child { border-left-color:#ccc; }
.view th:last-child, view td:last-child { border-right-color:#ccc; }
.view tr:first-child th, .view tr:first-child td { border-top-color:#ccc; }
.view tr:last-child th, .view tr:last-child td { border-bottom-color:#ccc; }

.list td div,
.view td span { word-break:keep-all; word-wrap:break-word; line-height:1.3;}

.view span.require { color:#ff6600; margin-left:-9px; margin-right:0px; float:left; }
.list span.require { color:#ff6600; margin-left:0px; margin-right:1px; float:none; }

.auto { table-layout:auto; }
.auto2 { table-layout:auto; width:auto; }

span.link { color:#0267c3; cursor:pointer; }
span.link:hover { text-decoration:underline; }

/* 자사특허검색 css*/
.space_bottom { margin-bottom:5px; }
.space_top { margin-top:5px; }
.layout_uibox {
    border:#ccc 1px solid; margin-bottom:10px; padding:10px; border-radius:2px;
    box-shadow:0px 2px 1px #eee; -moz-box-shadow:0px 2px 1px #eee;
    }
.layout_ui_top { display:flex; align-items:center; justify-content:space-between; padding-bottom:5px; margin-bottom:8px; border-bottom:solid 1px #ddd;  }
.layout_ui_top h2 { display:inline-block; float:left; font-weight:600; font-size:13px; }
.page-control { display:flex; align-items:center; width:100%; height:28px; border-left:solid 1px #ddd; margin-left:8px; padding-left:4px; }
.page-control ul { display:flex; align-items:center; list-style:none; margin:0;padding:0; }
.page-control li { margin-left:5px; }
.page-control select, .page-control input[type=text] { height:22px !important; }
.grid-space { display:flex; align-items:center; width:100%; position:relative; padding:10px 0; height:auto !important;}
.grid-space .buttons { display:flex; align-items:center; gap:2px; }
.grid-space > .toggle-condition { position:absolute; top:0px; right:0px; margin-bottom:5px; border-top:none; padding-left:5px; cursor:pointer; }
.table-search-list {
    width:100%; border-style:hidden; border:solid 1px #ccc; border-collapse:collapse;
    }
.table-search-list > thead > tr > th:first-child,
.table-search-list > thead > tr > td:first-child,
.table-search-list > tbody > tr > th:first-child,
.table-search-list > tbody > tr > td:first-child { border-left-color:#ccc;  }
.table-search-list > thead > tr > th:last-child,
.table-search-list > thead > tr > td:last-child,
.table-search-list > tbody > tr > th:last-child,
.table-search-list > tbody > tr > td:last-child { border-right-color:#ccc; }
.table-search-list > tbody > tr:nth-last-child(2) td { border-bottom-color:#ccc; }
.table-search-list > thead > tr > th,
.table-search-list > thead > tr > td { height:28px; border-top:solid 1px #999fa4 !important; border:solid 1px #ddd; /*border-bottom:solid 1px #ccc;*/ background:#eee; line-height:1.1; }
.table-search-list > tbody > tr > th,
.table-search-list > tbody > tr > td { border-bottom:solid 1px #ddd;}
.table-search-list > thead > tr > th {  font-size:14px; font-weight:600; }
.table-search-list > tbody > tr > th {
    text-align:center; background:#f9f9f9; font-size:13px; color:#333; font-family: "Nanum Gothic", Arial, Helvetica, sans-serif; padding:5px;
    font-weight:600; min-height:35px;
    }
.table-search-list > tbody > tr > td { height:20px; font-size:13px; color:#4f4f4f; text-align:center;  padding:3px; }
.table-search-list > tbody > tr:hover th,
.table-search-list > tbody > tr:hover td { background-color:#edfaff; color:#0c4da2; }
.table-search-list > tbody > tr:hover td:first-child { background-color:#e3f7ff; color:#0c4da2 }
.table-search-list > tbody > tr > td:first-child { background:#f9f9f9; }
.table-search-list a {line-height:1.0; padding:2px 0; text-decoration:underline; color:#4f4f4f; }
.table-search-list tr:hover a { color:#0c4da2; }
#a_searchKeyword { color:#0267c3; }
#a_searchKeyword:hover { color:#f47722; }


/* WorkflowDetail */
.subtitle { padding-bottom:0px; margin-bottom:3px; box-shadow:0px 1px 2px #ddd; -moz-box-shadow:0px 1px 2px #ddd; }
.subtitle > .title-area {
    display:flex; align-items:center;justify-content:space-between; border:solid 1px #ccc; padding:2px 6px 2px 25px;
    background:#f7f7f7 url("images/icon_detailinfo.png") no-repeat 6px center !important; height:30px;
    }
.subtitle > .title-area > .title-text { font-weight:600; }
.subtitle .ui-button { background-color:#fff; }
.subtail { border:solid 1px #ccc; background:#f5f5f5; padding:3px 5px; }

#any_approval #div_history thead .ui-widget-header { background:#fff6ee !important; }
.ui-jqgrid .ui-jqgrid-resize-ltr { margin:0 !important; }
.ui-jqgrid .ui-jqgrid-hdiv { height:auto !important; }


/* IP관련사이트 */
.link-list { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px 20px; padding:10px; box-sizing:border-box;}
.link-item { display:flex; gap:10px; cursor:pointer; }
.link-item:hover .link-tx { color:#0267c3 !important; }
.link-item:hover .link-tx:first-child { text-decoration:underline; }
.link-item .link-logo { flex:none; }
.link-item .link-logo img { width:131px; }
.link-item .link-tit { display:flex; flex-direction:column; gap:2px; width:100%; }
.link-item .link-tit .link-tx {font-size:12px; color:#545454;}
.link-item .link-tit .link-tx:first-child { font-weight:600; font-size:13px; color:#333; }


/* multi select css */
.ui-multiselect span.ui-icon { top:3px; right:3px; }
.ui-multiselect-checkboxes label { height:auto !important; padding:0px 5px 6px 5px !important; line-height:1.0; box-sizing:border-box; }
.ui-multiselect-checkboxes label input { top:4px !important; margin-right:3px; }