/*body { padding-top: 50px; padding-bottom: 20px; }*/ /* Set padding to keep content from hitting the edges */ /*.body-content { padding-left: 15px; padding-right: 15px; }*/ /* Set width on the form input elements since they"re 100% wide by default */ /*input, select, textarea { max-width: 280px; }*/ /** * 파일 업로드 관리자 관련 CSS **/ #fileManager { position: relative; width: 100%; } #fileManager .buttons { position: relative; text-align: right; margin-bottom: 3px; } #fileManager .buttons > .btn { position: relative; color: #000; background-color: #eee; border: solid 1px #aaa; font-size: 11px; line-height: 1.4em; padding: 3px 10px; } #fileManager .buttons > .file-upload { color: #fff; background-color: #337ab7; border-color: #2e6da4; } #fileManager #fileListExist { border: solid 1px #aaa; width: 100%; background-color: #fafafa; margin-bottom: 5px; } #fileListExist ul.list { font-size: 12px; margin: 10px 15px 10px 10px; padding: 0; } #fileListExist li { list-style: none; margin: 0 0 3px 0; margin-right: 15px; } #fileListExist li .file { display: inline-block; height: 22px; padding-left: 25px; background-image: url('/images/file/icn._unknown_.png'); background-repeat: no-repeat; background-position: left center; background-size: 22px 22px; line-height: 1.9em; } #fileListExist li .file:hover { background-color: #eee; } #fileListExist li .name { display: inline-block; color: #333; padding-right: 5px; cursor: pointer; text-decoration: none; } #fileListExist li .name:hover { color: #666; } #fileListExist li .size { display: inline-block; color: #888; margin-right: 5px; font-size: 0.9em; } #fileListExist li .del { display: inline-block; color: #666; margin-right: 5px; cursor: pointer; border: solid 1px #666; border-radius: 2px; line-height: 1.0em; padding: 0 1px; width: 14px; height: 15px; text-align: center; } #fileListExist li .aac { background-image: url('/images/file/icn.aac.png'); } #fileListExist li .ac3 { background-image: url('/images/file/icn.ac3.png'); } #fileListExist li .aif { background-image: url('/images/file/icn.aif.png'); } #fileListExist li .aiff { background-image: url('/images/file/icn.aiff.png'); } #fileListExist li .asa { background-image: url('/images/file/icn.asa.png'); } #fileListExist li .asax { background-image: url('/images/file/icn.asax.png'); } #fileListExist li .asf { background-image: url('/images/file/icn.asf.png'); } #fileListExist li .asx { background-image: url('/images/file/icn.asx.png'); } #fileListExist li .au { background-image: url('/images/file/icn.au.png'); } #fileListExist li .avi { background-image: url('/images/file/icn.avi.png'); } #fileListExist li .bmp { background-image: url('/images/file/icn.bmp.png'); } #fileListExist li .cab { background-image: url('/images/file/icn.cab.png'); } #fileListExist li .cer { background-image: url('/images/file/icn.cer.png'); } #fileListExist li .chm { background-image: url('/images/file/icn.chm.png'); } #fileListExist li .com { background-image: url('/images/file/icn.com.png'); } #fileListExist li .css { background-image: url('/images/file/icn.css.png'); } #fileListExist li .csv { background-image: url('/images/file/icn.csv.png'); } #fileListExist li .dat { background-image: url('/images/file/icn.dat.png'); } #fileListExist li .dbml { background-image: url('/images/file/icn.dbml.png'); } #fileListExist li .der { background-image: url('/images/file/icn.der.png'); } #fileListExist li .dic { background-image: url('/images/file/icn.dic.png'); } #fileListExist li .dll { background-image: url('/images/file/icn.dll.png'); } #fileListExist li .doc { background-image: url('/images/file/icn.doc.png'); } #fileListExist li .docx { background-image: url('/images/file/icn.docx.png'); } #fileListExist li .dot { background-image: url('/images/file/icn.dot.png'); } #fileListExist li .dotx { background-image: url('/images/file/icn.dotx.png'); } #fileListExist li .dtd { background-image: url('/images/file/icn.dtd.png'); } #fileListExist li .eml { background-image: url('/images/file/icn.eml.png'); } #fileListExist li .exe { background-image: url('/images/file/icn.exe.png'); } #fileListExist li .flac { background-image: url('/images/file/icn.flac.png'); } #fileListExist li .flv { background-image: url('/images/file/icn.flv.png'); } #fileListExist li .gif { background-image: url('/images/file/icn.gif.png'); } #fileListExist li .hlp { background-image: url('/images/file/icn.hlp.png'); } #fileListExist li .htm { background-image: url('/images/file/icn.htm.png'); } #fileListExist li .html { background-image: url('/images/file/icn.html.png'); } #fileListExist li .hwp { background-image: url('/images/file/icn.hwp.png'); } #fileListExist li .ico { background-image: url('/images/file/icn.ico.png'); } #fileListExist li .inc { background-image: url('/images/file/icn.inc.png'); } #fileListExist li .inf { background-image: url('/images/file/icn.inf.png'); } #fileListExist li .iso { background-image: url('/images/file/icn.iso.png'); } #fileListExist li .jar { background-image: url('/images/file/icn.jar.png'); } #fileListExist li .jpeg { background-image: url('/images/file/icn.jpeg.png'); } #fileListExist li .jpg { background-image: url('/images/file/icn.jpg.png'); } #fileListExist li .js { background-image: url('/images/file/icn.js.png'); } #fileListExist li .jsp { background-image: url('/images/file/icn.jsp.png'); } #fileListExist li .log { background-image: url('/images/file/icn.log.png'); } #fileListExist li .m4a { background-image: url('/images/file/icn.m4a.png'); } #fileListExist li .mht { background-image: url('/images/file/icn.mht.png'); } #fileListExist li .mid { background-image: url('/images/file/icn.mid.png'); } #fileListExist li .mkv { background-image: url('/images/file/icn.mkv.png'); } #fileListExist li .mov { background-image: url('/images/file/icn.mov.png'); } #fileListExist li .mp3 { background-image: url('/images/file/icn.mp3.png'); } #fileListExist li .mp4 { background-image: url('/images/file/icn.mp4.png'); } #fileListExist li .mpe { background-image: url('/images/file/icn.mpe.png'); } #fileListExist li .mpg { background-image: url('/images/file/icn.mpg.png'); } #fileListExist li .mpge { background-image: url('/images/file/icn.mpge.png'); } #fileListExist li .msg { background-image: url('/images/file/icn.msg.png'); } #fileListExist li .msi { background-image: url('/images/file/icn.msi.png'); } #fileListExist li .ogg { background-image: url('/images/file/icn.ogg.png'); } #fileListExist li .one { background-image: url('/images/file/icn.one.png'); } #fileListExist li .p12 { background-image: url('/images/file/icn.p12.png'); } #fileListExist li .pdf { background-image: url('/images/file/icn.pdf.png'); } #fileListExist li .png { background-image: url('/images/file/icn.png.png'); } #fileListExist li .pot { background-image: url('/images/file/icn.pot.png'); } #fileListExist li .ppa { background-image: url('/images/file/icn.ppa.png'); } #fileListExist li .pps { background-image: url('/images/file/icn.pps.png'); } #fileListExist li .ppt { background-image: url('/images/file/icn.ppt.png'); } #fileListExist li .pptx { background-image: url('/images/file/icn.pptx.png'); } #fileListExist li .pub { background-image: url('/images/file/icn.pub.png'); } #fileListExist li .rar { background-image: url('/images/file/icn.rar.png'); } #fileListExist li .rss { background-image: url('/images/file/icn.rss.png'); } #fileListExist li .rtf { background-image: url('/images/file/icn.rtf.png'); } #fileListExist li .smi { background-image: url('/images/file/icn.smi.png'); } #fileListExist li .sql { background-image: url('/images/file/icn.sql.png'); } #fileListExist li .tar { background-image: url('/images/file/icn.tar.png'); } #fileListExist li .tif { background-image: url('/images/file/icn.tif.png'); } #fileListExist li .tiff { background-image: url('/images/file/icn.tiff.png'); } #fileListExist li .txt { background-image: url('/images/file/icn.txt.png'); } #fileListExist li .war { background-image: url('/images/file/icn.war.png'); } #fileListExist li .wav { background-image: url('/images/file/icn.wav.png'); } #fileListExist li .wma { background-image: url('/images/file/icn.wma.png'); } #fileListExist li .wmv { background-image: url('/images/file/icn.wmv.png'); } #fileListExist li .wri { background-image: url('/images/file/icn.wri.png'); } #fileListExist li .wsf { background-image: url('/images/file/icn.wsf.png'); } #fileListExist li .xla { background-image: url('/images/file/icn.xla.png'); } #fileListExist li .xls { background-image: url('/images/file/icn.xls.png'); } #fileListExist li .xlsx { background-image: url('/images/file/icn.xlsx.png'); } #fileListExist li .xlt { background-image: url('/images/file/icn.xlt.png'); } #fileListExist li .xml { background-image: url('/images/file/icn.xml.png'); } #fileListExist li .xps { background-image: url('/images/file/icn.xps.png'); } #fileListExist li .xsd { background-image: url('/images/file/icn.xsd.png'); } #fileListExist li .xsl { background-image: url('/images/file/icn.xsl.png'); } #fileListExist li .xslt { background-image: url('/images/file/icn.xslt.png'); } #fileListExist li .zip { background-image: url('/images/file/icn.zip.png'); } #fileManager .fileList { width: 100%; border: solid 1px #aaa; overflow: auto; } .listTable { width: 100%; background-color: #fff; border-collapse: collapse; } .listTable thead, .listTable tbody { display: block; } .listTable tbody { overflow: auto; height: 90px; } .listTable tbody.dragover { background-color: #fafafa; } .listTable th { font-size: 12px; font-weight: normal; padding: 0; border-bottom: solid 1px #aaa; background-color: #eee; border-left: solid 1px #aaa; } .listTable th.first { border-left: none; } .listTable th > span { display: inline-block; width: 100%; border-top: solid 1px #fff; border-right: solid 1px #fafafa; border-left: solid 1px #fff; padding: 3px 2px 4px 2px; } .listTable th.last > span { border-left: solid 1px #aaa; } .listTable tr > td { font-size: 12px; padding: 6px 5px 7px 5px; } .listTable tr > td.cr { text-align: center; } .listTable tr > td.rt { text-align: right; padding-right: 7px; } .listTable tr.even > td { background-color: #f9f9f9; } .listTable tr.msg-empty { display: block; } .listTable tr.msg-empty > td { display: block; text-align: center; color: #666; font-size: 12px; height: 72px; padding: 36px; } #fileManager #file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } #fileManager #frmUpload { width: 0.1px; height: 0.1px; border: none; display: none; } #fileManager .loading { position: relative; background-color: rgba(128, 128, 128, 0.1); width: 100%; height: 116px; text-align: center; top: -116px; margin-bottom: -116px; } #fileManager .loading img { margin: 35px 0 0 -25px; } /* IE9 Hack */ @media all and (min-width:0\0) and (min-resolution:.001dpcm) { #fileManager, .listTable tbody { height: auto; } .listTable tr.msg-empty > td { height: auto; padding: 6px 5px 7px 5px; } #fileManager .loading { height: 58px; text-align: center; top: -58px; margin-bottom: -58px; } #fileManager .loading img { margin: -2px 0 0 -18px; } } /** * 메뉴 관련 CSS **/ #mnu-box { position: relative; background-color: #333; } #mnu-box > .container { position: relative; } #mnu-band { background-color: #333; height: 45px; overflow: hidden; white-space: nowrap; } /* Home */ #mnu-home { color: #fff; height: 43px; width: 120px; margin: 1px; padding: 5px 17px; float: left; position: relative; text-align: center; } #mnu-home > span { font-size: 18px; line-height: 32px; display: block; font-weight: 400; } /* 이동 */ .mnu-btn { color: #fff; height: 43px; margin: 1px; padding: 9px 15px; position: absolute; text-decoration: none; background-color: #333; z-index: 10; /*font-size: 20px; */ } .mnu-btn:hover { color: #0b01fe !important; } .mnu-btn:focus { outline: none; color: #ffd800 !important; } #mnu-left { display: none; left: 110px; border-left: solid 1px #3f3f3f; border-right: solid 1px #4f4f4f; } #mnu-right { display: none; right: 75px; border-left: solid 1px #4f4f4f; border-right: solid 1px #3f3f3f; } /* 더보기 */ /*#mnu-more { color: #fff; height: 43px; margin: 1px; padding: 14px 15px; position: absolute; text-decoration: none; right: 10px; width: 80px; text-align: center; }*/ #mnu-more { color: #fff; display: inline-block; margin: 1px; padding: 0; font-size: 14px; vertical-align: baseline; z-index: 1000; padding: 13px 20px 11px 20px; width: 80px; right: 0; position: absolute; text-decoration: none; } #mnu-more > span { display: block; } #mnu-more:hover > span { color: #0b01fe !important; } #mnu-more:focus { outline: none; } #mnu-more:focus > span { color: #0b01fe !important; } /*.mnu-more-content { min-height: 150px; margin-left: -15px; width: calc(100%); position: absolute; border: 1px solid #000; border-top: none 0; border-radius: 0 0 15px 15px; background: #fff; z-index: 1100; padding: 10px; display: none; }*/ .mnu-more-content { min-height: 100px; width: calc(100%); position: absolute; border: 1px solid #000; border-top: none 0; border-radius: 0; background: #fff; z-index: 1100; padding: 10px; display: none; } /* 메뉴 메인영역 */ #mnu-main { overflow: hidden; height: 100%; white-space: nowrap; padding-left: 1px; padding-right: 1px; display: inline-block; float: left; width: calc(100% - 180px) } /* 0-Depth 메뉴 */ #mnu-main > .mnuDepth0 { display: inline-block; margin: 1px; padding: 0; font-size: 14px; vertical-align: baseline; z-index: 1000; float: left; } #mnu-main > .mnuDepth0 > a { padding: 13px 10px 11px 10px; } #mnu-main > .mnuDepth0 > a.hasChild { padding: 13px 10px 11px 10px; text-align: left; } #mnu-main > .mnuDepth0:hover { background: #464646; } #mnu-main > .mnuDepth0:hover > a { color: #0b01fe !important; } /* 1-Depth, 2-Depth 메뉴 */ #mnu-main > .mnuDepth0 ul { position: absolute; min-width: 200px; padding: 0; margin: 0; border: 0; } #mnu-main > .mnuDepth0 ul.mnuUL0 { background: #464646; z-index: 1001; } #mnu-main > .mnuDepth0 ul.mnuUL1 { background: #505050; z-index: 1002; left: 100%; top: 0px; } /* 메뉴 관련 기타 */ #mnu-main > .mnuDepth0 > a.hasChild::after { content: "\f107"; display: inline-block; color: currentColor; font-weight: bolder; padding:0 7px; top: 15px; font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: left; } #mnu-main > .mnuDepth0 ul.mnuUL0 a.hasChild::after { content: "\f105"; position: absolute; display: inline-block; color: currentColor; font-weight: bolder; padding-left: 7px; top: 15px; right: 15px; font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: left; } #mnu-main a { color: #fff; display: inline-block; text-decoration: none; } #mnu-main a.upper { display: none; } #mnu-main a:focus { outline: none; color: #ffd800 !important; } #mnu-main li { list-style: none; text-align:left; } #mnu-main li > a { padding: 15px 20px 15px 23px; width: 100%; } #mnu-main li:hover { background: #505050; color: #0b01fe !important; } #mnu-main li:hover > a { color: #0b01fe !important; } .mnu-button { float: left !important; margin-left: 15px; margin-right: 0px !important; height: 40px; } .nav-button { color: #fff; height: 40px; font-size: 20px; padding: 6px 7px !important; } .mb0 { margin-bottom: 0px !important; } .mb20 { margin-bottom: 20px !important; } /** * Media 쿼리 **/ @media (max-width: 768px) { #mnu-box { display: none; background-color: #eaeaea; position: fixed; top: 50px; height: auto; width: 100%; } #mnu-band { background-color: transparent; margin: 0 -15px; height: calc(100vh - 50px); } #mnu-home { background-color: #fff; color: #000; width: 100%; border-bottom: solid 1px #bbb; display: block; height: 50px; padding: 11px 17px !important; } .top-block { background-color: #fff; color: #000; width: 101%; border-bottom: solid 1px #bbb; display: block; height: 50px; padding: 11px 50px 11px 17px !important; margin: 1px; text-align: center; font-size: 18px; line-height: 32px; font-weight: 400; margin-left: -1px; } #mnu-main { display: block; width: 100%; } #mnu-main > .mnuDepth0 { display: block; width: 100%; } #mnu-main > .mnuDepth0 > a { color: #000; display: block; padding: 18px 20px; } #mnu-main > .mnuDepth0 > a.hasChild { color: #000; display: block; padding: 18px 20px; } #mnu-main > .mnuDepth0:hover { background: #fafafa; } #mnu-main > .mnuDepth0:hover > a { color: #000 !important; } #mnu-main > .mnuDepth0 ul { width: 100%; } #mnu-main > .mnuDepth0 ul.mnuUL0 { background: #eaeaea; } #mnu-main > .mnuDepth0 ul.mnuUL1 { background: #eaeaea; left: auto; top: auto; } #mnu-main > .mnuDepth0 > a.hasChild::after, #mnu-main > .mnuDepth0 ul.mnuUL0 a.hasChild::after { content: "\f105"; position: static; padding: 0px; margin-top: -3px; float: right; font-size: 25px !important; } #mnu-main > .mnuDepth0 > a.hasChild.top-block::after, #mnu-main > .mnuDepth0 ul.mnuUL0 a.hasChild.top-block::after { content: none; } #mnu-main a { color: #000; display: block; } #mnu-main a.upper { display: none; float: left; width: 55px; } #mnu-main .mnuTop > a.upper { display: block; font-size: 25px; padding: 10px 20px; } #mnu-main a:focus { color: #000 !important; } #mnu-main li:hover { background: #fafafa; } #mnu-main li:hover > a { color: #000 !important; } #mnu-more, .mnu-btn { display: none !important; } .body-content { margin-top: 20px; } .navbar-brand { float: none; position: absolute; left: calc(50% - 123px); top: 3px; } #fileListExist li { list-style: none; margin: 0 0 3px 0; margin-right: 10px; display: block; } } @media (min-width: 768px) and (max-width: 992px) { .navbar-nav > li > a { padding: 15px 10px !important; } } /* @media (min-width: 992px) and (max-width: 1200px) { } @media (min-width: 1200px) { } */