/**** KHNP Procurement System : 20180110 PJSuny Modify ****/ @charset "utf-8"; .wrap_form input.btn_login {background:#d31144; height:55px; border:0; color:#fff; font-size:21px; font-weight:bold; cursor:pointer; width:100%; transition:background .2s} .wrap_form input.btn_login:hover {background:#940027;} .txt_hide {font-size:0;text-indent:-99999px} .divide {display:inline-block;width:1px;height:12px;background-color:#aaa;font-size:0;text-indent:-9999px;} sc-nosession-mdi {display:block;position:absolute;width:100%;height:100%;font-size:13px;} /* util toolbar */ sc-nosession-mdi .toolbar { display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row; -ms-flex-pack:start; -webkit-justify-content:flex-start; justify-content:flex-start; -ms-flex-align:center; -webkit-align-items:center; align-items:center; min-width:1240px; height:30px; background-color:#f4f4f4; padding:0 0 0 15px; vertical-align:middle; border-bottom:1px solid #d9d9d9; box_sizing:border-box; line-height:1.4em; } sc-nosession-mdi .toolbar > * {margin-left:10px;font-size:14px;color:#393939;font-size:14px;} sc-nosession-mdi .toolbar .mdiLogo {display:inline-block;width:200px;height:30px;background:url("../img/logo_khnp.png") no-repeat left center;} /* sc-nosession-mdi .toolbar .mdiLogo.buyer {background-image: url("../img/logo_buyer.png");} sc-nosession-mdi .toolbar .mdiLogo.supplier {background-image: url("../img/logo_supplier.png");} */ sc-nosession-mdi .spacer {display:block;-ms-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto;} sc-nosession-mdi .toolbar .label {height:20px;background:url(../img/mdi.png) no-repeat left -5px;padding-left:20px;font-weight:bold;letter-spacing:-1px} /* sc-nosession-mdi .toolbar .label a {height:20px;color:#393939;font-size:14px;} sc-nosession-mdi .toolbar .label span {font-weight:bold;} */ sc-nosession-mdi .timer {height:20px;background:url(../img/mdi.png) no-repeat left -35px;padding-left:20px;color:#f95319;font-weight:bold;} sc-nosession-mdi .timer:hover {} sc-nosession-mdi .timer .label_t {dispaly:inline-block;padding-right:10px;color:#393939;letter-spacing:0;letter-spacing:-1px} sc-nosession-mdi .timer span {dispaly:inline-block;padding-right:10px;} sc-nosession-mdi .timer span:last-child {padding-right:0} sc-nosession-mdi .sitemap {vertical-align:middle} sc-nosession-mdi .sitemap a:hover, sc-nosession-mdi .sitemap a:focus, sc-nosession-mdi .sitemap a:active {color:#2a5fd6} /*** sc-mdi-searchbar:사용하지않음 ***/ sc-nosession-mdi .mdi_srch {position:relative; border:1px solid #1e5784; border-radius:20px; width:300px; height:18px; line-height:18px; padding:1px 0 1px 10px;} sc-nosession-mdi .mdi_srch div {display:inline-block; float:left; vertical-align:top;} sc-nosession-mdi .mdi_srch div.wrap_input {position:relative;} sc-nosession-mdi .mdi_srch div.wrap_input [field][focused]>.field-container {box-shadow: none} sc-nosession-mdi .mdi_srch div.wrap_input sc-text-field {width:192px; vertical-align:top; background-color:transparent;} sc-nosession-mdi .mdi_srch div.wrap_input sc-text-field .field-container {border:0;display:inline-flex;} sc-nosession-mdi .mdi_srch div.wrap_input cc-auto-suggestions sc-listbox {display:none;width:200px; box-sizing:border-box; overflow-y:auto; border:1px solid #1e5784; border-top:1px solid #f1f1f1; position:absolute; top:19px; left:-5px; z-index:10;} sc-nosession-mdi .mdi_srch div.wrap_input cc-auto-suggestions .suggestions {border-bottom:1px solid #f1f1f1;width:100%;box-sizing:border-box;padding:8px 5px 8px 10px} sc-nosession-mdi .mdi_srch div.wrap_input cc-auto-suggestions .suggestions:hover {background:#f7f7f7;} sc-nosession-mdi .mdi_srch div.wrap_input cc-auto-suggestions .suggestions.active {background:#f7f7f7;} sc-nosession-mdi .mdi_srch div.wrap_input cc-auto-suggestions .suggestions a {display:inline-block; font-size:12px; font-weight:bold; color:#000; line-height:17px; box-sizing:border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:100%} sc-nosession-mdi .mdi_srch div.wrap_input cc-auto-suggestions .suggestions .sg_bc {display:inline-block;font-size:9px; font-weight:normal; color:#777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%} sc-nosession-mdi .mdi_srch div.srch_condtion {position:relative; width:90px; margin-right:5px} sc-nosession-mdi .mdi_srch div.srch_condtion a {display:inline-block; font-size:12px; font-weight:bold; color:#000; line-height:17px; width:100%; box-sizing:border-box;} sc-nosession-mdi .mdi_srch div.srch_condtion .tit_srch {padding:1px 25px 1px 5px; width:90px; background:url("../img/bul_mdi_srch.png") no-repeat center right; color:#777;} sc-nosession-mdi .mdi_srch div.srch_condtion .srch_con_list {visibility:hidden;} sc-nosession-mdi .mdi_srch div.srch_condtion ul {position:absolute; top:19px; background:#fff; width:88px; z-index:10; border:1px solid #1e5784; border-top:0;} sc-nosession-mdi .mdi_srch div.srch_condtion div a {padding:3px 5px;} sc-nosession-mdi .mdi_srch div.srch_condtion div a:hover {background:#f7f7f7; width:100%;} sc-nosession-mdi .mdi_srch div.srch_condtion:hover > div.srch_con_list {visibility:visible} /*** sc-mdi-language ***/ sc-nosession-mdi .mdi_lan {position:relative;width:70px;height:22px;line-height:20px;box-sizing:border-box;letter-spacing:-1px} sc-nosession-mdi .mdi_lan:hover, sc-nosession-mdi .mdi_lan:focus, sc-nosession-mdi .mdi_lan:active {color:#2a5fd6} sc-nosession-mdi .mdi_lan a {display:inline-block;width:100%;background:url("../img/mdi.png") no-repeat 56px -65px;text-align:left;box-sizing:border-box;} sc-nosession-mdi .mdi_lan .lan_list {visibility:hidden;-webkit-box-shadow:2px 2px 5px #bdbdbd;-moz-box-shadow:2px 2px 5px #bdbdbd;box-shadow:2px 2px 5px #bdbdbd;} sc-nosession-mdi .mdi_lan .lan_list ul {position:absolute;top:23px;left:0;width:70px;background:#fff;border:1px solid #1e5784;z-index:100000;} sc-nosession-mdi .mdi_lan .lan_list li a {width:100%;background:#fff;border-bottom:1px solid #ccc;padding:0 10px;line-height:22px;box-sizing:border-box;} sc-nosession-mdi .mdi_lan .lan_list li a:last_child {border-bottom:none;} sc-nosession-mdi .mdi_lan .lan_list li a:hover, sc-nosession-mdi .mdi_lan .lan_list li a:focus, sc-nosession-mdi .mdi_lan .lan_list li a:active {background-color:#888;color:#fff} sc-nosession-mdi .mdi_lan:hover > div.lan_list {visibility:visible} sc-nosession-mdi .lan .field-container {border:0; background:#f7f7f7; border-radius:10px;} sc-nosession-mdi .lan .field-container input {background:transparent} sc-nosession-mdi .toolbar .i18n {width:80px;} /* MDI Top Functions 2017-03-09:사용하지않음 */ #headWrap {position:relative;} #headWrap .toolbar .top_func {height:30px;} #headWrap .toolbar .top_func li {width:30px; height:30px; float:left} #headWrap .toolbar .top_func sc-button, #headWrap .toolbar .top_func smartsuite-notice #alertIcon, #headWrap .toolbar .top_func a {background:transparent url("../img/icons_func.png") no-repeat; padding:0; width:30px; height:30px;transition:background .2s; cursor:pointer} #headWrap .toolbar .top_func smartsuite-notice a, #headWrap .toolbar .top_func .info-btn, #headWrap .toolbar .top_func .logout a {display:inline-block;} #headWrap .toolbar .top_func .info-btn {background-position:6px 3px;} #headWrap .toolbar .top_func .info-btn:hover {background-position:-44px 3px;} #headWrap .toolbar .top_func .notice .num { background-color: red; color: white; position: absolute; font-size: 1px; margin-left: 13px; border-radius: 11px; width: 16px; height: 16px; text-align: center; line-height: 1.8; } #headWrap .toolbar .top_func smartsuite-notice #alertIcon{background-position:6px -46px;} #headWrap .toolbar .top_func smartsuite-notice #alertIcon:hover {background-position:-44px -46px;} #headWrap .toolbar .top_func .logout sc-button {background-position:6px -97px;} #headWrap .toolbar .top_func .logout sc-button:hover {background-position:-44px -97px;} /*** MDI Top Functions ***/ #headWrap .toolbar .top_func2 {overflow:hidden;height:30px;} #headWrap .toolbar .top_func2 li {float:left} #headWrap .toolbar .top_func2 li sc-button {display:inline-block;width:70px;height:30px;padding:5px;border-radius:0;background-color:transparent;font-size:13px;letter-spacing:-0.5px;color:#d3d9e5;text-align:center;box-sizing:border-box;margin-left: 0;} #headWrap .toolbar .top_func2 sc-button.btn_home {width:30px !important;background:#7991bb url("../img/mdi.png") no-repeat 7px -83px;} #headWrap .toolbar .top_func2 sc-button.btn_home:hover {background-color:#6680ae;color:#fff} #headWrap .toolbar .top_func2 sc-button.btn_b2 {background-color:#5a76a6;} #headWrap .toolbar .top_func2 sc-button.btn_b2:hover {background-color:#426196;color:#fff} #headWrap .toolbar .top_func2 sc-button.btn_b3 {background-color:#284370;} #headWrap .toolbar .top_func2 sc-button.btn_b3:hover {background-color:#112e5e;color:#fff} /*** Menu Bar ***/ sc-nosession-mdi .gnbBar {position:relative;width:100%;height:60px;background-color:#fff;vertical-align:middle;border-bottom:1px solid #d9d9d9} sc-nosession-mdi .gnbBar .mdiLogo {position:absolute;left:25px;top:0;width:300px;height:60px;background:url("../img/logo_kpro.png") no-repeat left center;cursor:pointer} sc-nosession-mdi sc-mdi-topmenu {display:inline-block;position:absolute;left:320px;top:0;right:0;} sc-nosession-mdi .mdiTopMenu {overflow:hidden;margin:0;padding:0;border:0;white-space:nowrap;} sc-nosession-mdi sc-mdi-topmenu img {display:none}/* img 태그 없애고 없앨것 */ sc-nosession-mdi .topMenuListDiv{position:absolute !important;left:29px;top:0;right:93px;line-height:31px;} sc-nosession-mdi sc-mdi-topmenu .mdiTopMenu > li {position:relative;display:inline-block;margin:0 25px;cursor:pointer;} sc-nosession-mdi sc-mdi-topmenu .mdiTopMenu > li span {display:inline-block;height:45px;padding:0 3px;font-size:18px;font-weight:600;padding-top:13px;color: #172e40;letter-spacing:-1px;box-sizing:border-box} sc-nosession-mdi sc-mdi-topmenu .mdiTopMenu > li:hover a span, sc-nosession-mdi sc-mdi-topmenu .mdiTopMenu > .selected a span {border-bottom:2px solid #1965c2;color:#1965c2;} /* GNB Sub Menu : sc-nosession-mdi 생략 */ sc-nosession-mdi .topSubMenuListDiv {position:absolute;left:-320px;top:-2px;} sc-nosession-mdi .topSubMenuListDiv ul {position:absolute;left:100%;min-width:190px;margin:0;background:#fff;border:1px solid #1965c2;-webkit-box-shadow:2px 2px 5px #bdbdbd;-moz-box-shadow:2px 2px 5px #bdbdbd;box-shadow:1px 1px 3px #4a4a4a;z-index:99999;} sc-nosession-mdi .topSubMenuListDiv li {padding:5px 8px;background:#fff;border-bottom:1px solid #dbdbdb;line-height:1.3em} sc-nosession-mdi .topSubMenuListDiv li:hover {background:#e8f5fa} sc-nosession-mdi .topSubMenuListDiv li:hover > a {background-color:#e8f5fa;} sc-nosession-mdi .topSubMenuListDiv li.expandable {background:url("../img/mdi.png") no-repeat 165px -397px} sc-nosession-mdi .topSubMenuListDiv li.expandable:hover {background:#e8f5fa url("../img/mdi.png") no-repeat 165px -440px;} sc-nosession-mdi .topSubMenuListDiv li.expandable:hover > a {background-color:transparent} sc-nosession-mdi .topSubMenuListDiv ul ul {border-top:1px solid #1965c2;margin-top:-6px;} sc-nosession-mdi .topSubMenuListDiv li a {display:block;width:99%;height:28px;padding:0 7px 0 16px;list-style:none;line-height:1x;background:url("../img/mdi.png") no-repeat 6px -346px;box-sizing:border-box;font-weight:500;} sc-nosession-mdi .topSubMenuListDiv li a:hover {background:url("../img/mdi.png") no-repeat 6px -346px;} sc-nosession-mdi.topSubMenuListDiv li:last-child {border-bottom:none;} sc-nosession-mdi .topSubMenuListDiv li a, sc-nosession-mdi .topSubMenuListDiv li span {display:inline-block;height:23px;color:#333;font-weight:500;font-size:14px;letter-spacing:-0.5px;line-height:1.5em;} sc-nosession-mdi .topSubMenuListDiv li a span, sc-nosession-mdi .topSubMenuListDiv li span span {display:inline;} sc-nosession-mdi .topSubMenuListDiv li ul li a {background:url("../img/mdi.png") no-repeat 7px -370px;box-sizing:border-box;} sc-nosession-mdi .topSubMenuListDiv li ul li a:hover {background:#e8f5fa url("../img/mdi.png") no-repeat 7px -370px;} sc-nosession-mdi .topSubMenuListDiv .expanded > ul > li > a > img, sc-nosession-mdi .topSubMenuListDiv > ul > li > a > img {float:right;margin-right:7px;margin-top:8px;vertical-align:middle;} /* scroll button을 계속 누르고 있을 경우 모바일에서는 Native Tooltip(복사, 붙여넣기, 전체선택 등)를 안보여주기 위한 */ sc-mdi sc-mdi-topmenu #topMenuRightScroll, sc-mdi sc-mdi-topmenu #topMenuLeftScroll, sc-mdi sc-mdi-tabbar #leftScroller, sc-mdi sc-mdi-tabbar #rightScroller {user-select:none;-webkit-user-select:none;-moz-user-select: none;-ms-user-select: none;} /* Top Menu Scroll : sc-mdi-topmenu 생략 */ sc-nosession-mdi .topMenuLeftScroll, sc-nosession-mdi .topMenuRightScroll, sc-nosession-mdi .utilAreaUp, sc-nosession-mdi .utilAreaDown {display:table;position:absolute;top:12px;width:33px;height:33px;border:1px solid #cacdd0;border-radius:3px;cursor:pointer;} sc-nosession-mdi .topMenuLeftScroll {right:84px;} sc-nosession-mdi .topMenuLeftScroll span {display:table-cell;background:#fff url("../img/mdi.png") no-repeat 12px -116px;} sc-nosession-mdi .topMenuLeftScroll span:hover {background:#dee0e4 url("../img/mdi.png") no-repeat 12px -150px;} sc-nosession-mdi .topMenuRightScroll {right:47px;} sc-nosession-mdi .topMenuRightScroll span {display:table-cell;background:#fff url("../img/mdi.png") no-repeat -20px -116px;} sc-nosession-mdi .topMenuRightScroll span:hover {background:#dee0e4 url("../img/mdi.png") no-repeat -20px -150px;} /** utilArea */ sc-nosession-mdi .utilAreaUp {right:10px;} sc-nosession-mdi .utilAreaUp span {display:table-cell;background:#fff url("../img/mdi.png") no-repeat -54px -117px;} sc-nosession-mdi .utilAreaUp span:hover {background:#dee0e4 url("../img/mdi.png") no-repeat -54px -151px;} sc-nosession-mdi .utilAreaDown {right:10px;} sc-nosession-mdi .utilAreaDown span {display:table-cell;background:#fff url("../img/mdi.png") no-repeat -90px -117px;} sc-nosession-mdi .utilAreaDown span:hover {background:#dee0e4 url("../img/mdi.png") no-repeat -90px -150px;} /* mdi manual */ sc-nosession-mdi .mdiManual { float:right } sc-nosession-mdi .mdiManual sc-button { height:15px; font-weight:bold; } sc-nosession-mdi .mdi-manual-btn { padding: 2px 10px 2px 10px; background-color: #cfdbe2; border-color: gray; border-radius: 12px; font-size: 12px; color: gray; } sc-nosession-mdi .mdi-bookmark-btn { padding: 4px 10px 0 10px; background-color: #cfdbe2; border-color: gray; border-radius: 10px; font-size: 14px; color: gray; } sc-nosession-mdi .containerWrap {display:block;position:relative;overflow:hidden;} /*** Mdi Leftmenu***/ sc-mdi-leftmenu {position:relative;display:block;float:left;} sc-mdi-leftmenu .leftWrap {width:220px;height:100%;background:#fff;border-right:1px solid #989898;border-top:1px solid #8fadb6;box-sizing:border-box} sc-mdi-leftmenu .leftTabArea {overflow:hidden;position:relative;width:100%;height:34px;background:#eff4f8;display:block;} sc-mdi-leftmenu .leftMenuTit {float:left;display:inline-block;width:100%;height:100%;padding:9px 0 0 22px;background:#719ba7;line-height:1em;} sc-mdi-leftmenu .leftMenuTit span {font-size:18px;font-weight:bold;color:#fff;} sc-mdi-leftmenu .leftCloseBtn {position:absolute;right:5px;top:7px;b} sc-mdi-leftmenu .leftCloseBtn span {display:inline-block;width:20px;height:20px;background:url("../img/mdi.png") no-repeat -30px -280px;opacity:0.5;cursor:pointer;} sc-mdi-leftmenu .leftCloseBtn span:hover {opacity:1;} sc-mdi-leftmenu .menuList {overflow-x:hidden;overflow-y:auto;height:100%;} sc-mdi-leftmenu .lnbMenu {margin:0;padding:0;} sc-mdi-leftmenu .lnbMenu li a {overflow:hidden;display:block;width:100%;height:32px;border-bottom:1px solid #cacaca;line-height:32px;background:#fff;} sc-mdi-leftmenu .lnbMenu li a span {overflow:hidden;float:left;width:88%;white-space:nowrap;text-overflow:ellipsis;padding-left:22px;color:#37393a;vertical-align:middle;font-size:14px;font-weight:bold;box-sizing:border-box} sc-mdi-leftmenu .lnbMenu li.selected a {background:#e8f5fa;font-weight:bold !important;} sc-mdi-leftmenu .lnbMenu li a:hover {background:#e8f5fa !important;} sc-mdi-leftmenu .lnbMenu li a img {float:right;margin-right:15px;margin-top:13px;vertical-align:middle;} sc-mdi-leftmenu .lnbMenu li ul.lnb2depth {margin:0;padding:0;background:#f0f4f6;border-bottom:1px solid #cacaca;} sc-mdi-leftmenu .lnbMenu li ul.lnb2depth ul {margin:0;padding:0;} sc-mdi-leftmenu .lnbMenu li ul.lnb2depth li {background:#f0f4f6;} sc-mdi-leftmenu .lnbMenu li ul.lnb2depth li a {height:20px;padding:5px 0 2px 0;margin:0;background:transparent;border-bottom:0;line-height:1;} sc-mdi-leftmenu .lnbMenu li ul.lnb2depth li a span {margin-left:22px;padding-left:10px;background:url("../img/mdi.png") no-repeat 2px -348px;font-size:14px;font-weight:bold;color:#37393a;height:100%;} sc-mdi-leftmenu .lnbMenu li ul.lnb2depth li a:hover span, sc-mdi-leftmenu .lnbMenu li ul.lnb2depth li.selected a span {color:#1f7096} sc-mdi-leftmenu .lnbMenu li ul.lnb2depth li a img {margin-right:32px;} sc-mdi-leftmenu .lnbMenu li ul.lnb2depth li ul li a {width:180px;padding-left:20px;} sc-mdi-leftmenu .lnbMenu .selected a span {background:url("../img/mdi.png") no-repeat 10px -483px;} sc-mdi-leftmenu .lnbMenu li ul.lnb2depth li.selected a span {background:url("../img/mdi.png") no-repeat 0 -538px;} sc-mdi-leftmenu .lnb-closed {display:none;} /* sc-mdi-splitter */ sc-mdi-splitter { font : normal normal normal 14px/1 FontAwesome; width : 8px; max-width : 8px; height : 100%; background-color:#dcdcdc; cursor : col-resize; position: relative; float: left; display : table; text-align:center; } sc-mdi-splitter > div { display: table-cell; vertical-align: middle; } sc-mdi-splitter > div:before { content : "\f142"; color:gray; } /*** Side bar ***/ sc-nosession-mdi .leftSplitter {width:36px;} .leftSplitter aside {position:absolute;top:0;bottom:0;width:36px;height:100%;min-height:100%;background:#b8ccd0;font-size:0;} .leftSplitter aside li {border-bottom:1px solid #e7eff1;} .leftSplitter aside li:hover {background:#4684a9} .leftSplitter aside li:nth-child(1) {background-color:#719ba7;} .leftSplitter aside li a {position:relative;display:inline-block;height:36px;width:36px;background:url("../img/mdi.png") no-repeat;} .leftSplitter aside li:nth-child(1) a {height:33px;border-bottom:1px solid #b8ccd0;border-top:1px solid #8fadb6;background-position:13px -272px;opacity:.5;} .leftSplitter aside li:hover:nth-child(1) a {opacity:1;} .leftSplitter aside li:nth-child(2) a {background-position:9px -307px} .leftSplitter aside li:nth-child(3) a {background-position:-34px -307px} .leftSplitter aside li:nth-child(4) a {background-position:5px -241px} .leftSplitter aside li:nth-child(5) a {background-position:6px -288px} .leftSplitter aside li:nth-child(6) a {background-position:6px -337px} .leftSplitter aside li.favor:before, .leftSplitter aside li.link:before {display:block;content:"";position:absolute;left:36px;border-top:7px solid transparent; border-left:7px solid #4684a9;border-bottom:7px solid transparent;z-index:11; } .leftSplitter aside li.favor:before {top:46px} .leftSplitter aside li.link:before {top:84px} .leftSplitter aside li.select {background:#4684a9} .leftSplitter aside li.select > .wrap_sb_content {visibility:visible;width:280px;} .leftSplitter aside .wrap_sb_content {visibility:hidden;overflow:hidden;position:absolute;top:0;bottom:0;left:36px;width:280px;background:#fff;border-top:1px solid #ccd1d8;padding:10px 20px;-webkit-box-shadow:2px 0 5px #bdbdbd;-moz-box-shadow:2px 0 5px #bdbdbd;box-shadow:2px 0 5px #bdbdbd;box-sizing:border-box;transition:width 0.3s ease;z-index:999} .leftSplitter aside .wrap_sb_content h2 {font-size:23px;height:30px;line-height:26px;border-bottom:1px solid #828282;color:#111;white-space:nowrap;letter-spacing:-1px;} .leftSplitter aside .wrap_sb_content ul {width:240px;} .leftSplitter aside .wrap_sb_content li {position:relative;vertical-align:middle;padding:0;background:none;} .leftSplitter aside .wrap_sb_content li a {display:inline-block;background:none;vertical-align:top;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:1} .leftSplitter aside .wrap_sb_content li a:hover {background:none} .leftSplitter aside .wrap_sb_content li:hover:before {display:none;} .leftSplitter aside .fav_content li {height:28px;border-bottom:1px solid #dbdbdb;} .leftSplitter aside .fav_content li a {width:210px;padding:6px 0;font-size:13px;color:#111;font-weight:bold;box-sizing:border-box;opacity:1} .leftSplitter aside .fav_content li a:hover {color:#d31144;text-decoration:underline;} .leftSplitter aside .fav_content li span {display:inline-block; position:absolute; right:0; width:30px; height:28px; background:url(../img/ico_sb_delete.png) no-repeat center; opacity:.5; cursor:pointer;} .leftSplitter aside .fav_content li span:hover {opacity:1;} .leftSplitter aside .link_content li {float:left;margin-top:10px;background:#fff;white-space:nowrap;} .leftSplitter aside .link_content li:nth-child(even) {margin-left:10px;} .leftSplitter aside .link_content li a {width:115px;height:90px;padding:6px 0;border:1px solid #ddd;font-size:13px;color:#111;font-weight:bold;text-align:center;box-sizing:border-box;opacity:1;} .leftSplitter aside .link_content li a:hover {border:1px solid #333;} .leftSplitter aside .link_content li a:before {display:block;margin:5px 0;color:#333;font:normal normal normal 33px/38px FontAwesome;text-align:center;} .leftSplitter aside .link_content li:nth-child(1) a:before {content : "\f029";} .leftSplitter aside .link_content li:nth-child(2) a:before {content : "\f02d";} .leftSplitter aside .link_content li:nth-child(3) a:before {content : "\f040";} .leftSplitter aside .link_content li:nth-child(4) a:before {content : "\f0ae";} /* MDITab */ sc-mdi-tabbar .mdiTabsDiv {position:relative;height:35px;border-top:1px solid #ccd1d8;border-bottom:1px solid #ccd1d8;background:#f2f2f2;box-sizing:border-box;} sc-mdi-tabbar .mdiTabsDiv .hide {display:none;} sc-mdi-tabbar .tooltip { display: block; position: absolute; background: #616161; border-radius: 2px; opacity: 0.8; font-size: 12px; color: #fff; line-height: 1; padding: 8px; z-index: 1002; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } sc-mdi-tabbar .mdiTabsDiv .tabContainer {overflow:hidden;position:absolute !important;border-left:none !important;} sc-mdi-tabbar .mdiTabsDiv .mdiTabs {min-height:35px;} /* 임의 추가 S */ sc-mdi-tabbar .mdiTabsDiv .mdiTabs ul {overflow:hidden;} sc-mdi-tabbar .mdiTabsDiv .mdiTabs ul li {float:left;} sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab {height:33px;padding:5px 25px 0 12px;background:transparent;border-right:1px solid #d5d5d5;border-radius:0;font-weight:normal;color:#54595e;font-size:14px;line-height:21px;letter-spacing:-0.5px;white-space: nowrap;} sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab:first-child {padding:5px 12px;} sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab div {position:absolute;right:0} sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab[active] {background:#a1abb6;border:none;color:#fff;font-weight:bold;} sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab img, sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab[active] img {vertical-align:middle;}/* 임의로 .sc-tab으로 변경 */ sc-mdi-tabbar sc-tabbar div.content > sc-tab:first-child {border-left:1px solid #152b3c;margin-left:0px;} sc-mdi-tabbar sc-tabbar div.content > sc-tab[active]:first-child {border-left:1px solid #152b3c;} /*** Tab Toolbar ***/ sc-mdi-tabbar .mdiTabToolbar {overflow:hidden;position:absolute;right:0;top:5px;height:23px;padding-left:0} sc-mdi-tabbar .mdiTabToolbar > sc-toolbar{height:100%;} sc-mdi-tabbar .mdiTabToolbar li {float:left;display:inline-block;width:30px;height:23px;background:transparent;border-left:1px solid #d1d4d7;cursor:pointer;} sc-mdi-tabbar .mdiTabToolbar .mdi-tools-tabList {background:url("../img/mdi.png") no-repeat 0 -219px;} sc-mdi-tabbar .mdiTabToolbar .mdi-tools-tabList:hover {background:url("../img/mdi.png") no-repeat -30px -219px;} sc-mdi-tabbar .mdiTabToolbar .mdi-tools-closeall {background:url("../img/mdi.png") no-repeat 0 -242px;} sc-mdi-tabbar .mdiTabToolbar .mdi-tools-closeall:hover {background:url("../img/mdi.png") no-repeat -30px -242px;} sc-mdi-tabbar .tabListDiv ul {position:fixed;top:125px;right:30px;width:160px;margin:0;padding:10px 15px;background:#fff;border:1px solid #222;z-index:99999;} sc-mdi-tabbar .tabListDiv ul li {line-height:1.8em;font-size:13px;font-weight:bold;} /*** Mdi Tab Scroll ***/ sc-mdi-tabbar .mdiTabsDiv .mdiTabs .scroller {display:none;} sc-mdi-tabbar .mdiTabsDiv .scroller {font: normal normal normal 22px FontAwesome;-webkit-font-smoothing:antialiased;color:#747474;text-align:center;cursor:pointer;} sc-mdi-tabbar .mdiTabsDiv .scroller:hover {color:#222} sc-mdi-tabbar .mdiTabsDiv .left-scroller:before {content:"\f104"; /* 2016.10.10 CMK */} sc-mdi-tabbar .mdiTabsDiv .right-scroller:before {content:"\f105"; /* 2016.10.10 CMK */} sc-mdi-tabbar .mdiTabsDiv .tabScrollLeft { display: table; position:absolute; left:0; height:22px; width:18px; background:#454545; opacity:.8; cursor:pointer; border-top-right-radius: 2px; border-bottom-right-radius: 2px; margin-top:3px; } sc-mdi-tabbar .mdiTabsDiv .tabScrollLeft span { display: table-cell; vertical-align: middle; font: normal normal normal 14px/16px FontAwesome; text-align: center; color:#fff; } sc-mdi-tabbar .mdiTabsDiv .tabScrollLeft span:before { content: "\f137"; } sc-mdi-tabbar .mdiTabsDiv .scroller-disabled{ /*opacity: .25!important;*/ visibility: hidden; } sc-mdi-tabbar #mdiTabToolbar sc-toolbar { background: inherit; } /*** Mdi Content ***/ sc-mdi-content {position:relative;display:block;float:left;padding:0;} sc-mdi-content > sc-pages {position:relative;background:#fff;border-top:none;box-sizing:border-box;} /*** Page Navigation ***/ sc-bc {display:block;text-align:left;height:20px;padding:10px 15px 0 12px;background:#fff;line-height:6px;font-size:12px;color:#6d6d6d;letter-spacing:-0.5px;box-sizing:border-box;} sc-bc b {font-weight:bold;} /*** Mdi Window ***/ sc-mdi-window {display:block;position:relative;padding:10px 12px;} .showOverflow {padding:0 !important}