@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url(https://www.funology.co.kr/nanumsquare/nanumsquareneo.css);
@import url(https://www.funology.co.kr/kopubworld/all.css);
/*
z-index rule : loading 400, page-coverd 300, popup 200~299, layer 100~199
navigation : background-color:#E73374, border-color:#be2a60
*/
html, body {border:0;margin:0;padding:0;}
html {background-color:#fff;height:100%;}
body {
  font-family:'Oswald','KoPubWorld Dotum','NanumSquareNeo','AppleSDGothicNeo-Regular';
  font-size:13px;
  line-height:120%;overflow-x:auto;overflow-y:auto;padding:0;color:#000;min-height:100%;
  /* -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; */
}
/* custom scroll */
::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-track { background-color:#efefef; }
::-webkit-scrollbar-thumb { background: #ccc; }
::-webkit-scrollbar-thumb:hover { background: #aaa; }
::-webkit-scrollbar-thumb:active { background: #aaa; }
::-webkit-scrollbar-button { display: none; }

/* custom placeholder */
::-webkit-input-placeholder {color: #ddd;}
::-moz-placeholder {color: #ddd;}
::-moz-placeholder {color: #ddd;}
::-ms-input-placeholder {color: #ddd;}

/* animation */
@keyframes rotate_loading {100% {transform:rotate(360deg);}}
@keyframes zigzag {25% {transform:rotate(30deg);} 75% {transform:rotate(-30deg);}}
@keyframes zig {50% {transform:rotate(90deg);}}

/* tags */
div,ul,li,p,h1,h2,iframe,table,th,td {margin:0;padding:0;}
img {border:0;}
iframe {width:0;height:0;overflow:hidden;border:0;}
/* editor */
ul {list-style-type:none;}
body.cke_contents_ltr ul {list-style-type:disc !important;}

p {line-height:normal;}
pre {font-family:'Reddit Sans Condensed', 'NanumSquareNeo', 'AppleSDGothicNeo-Regular', sans-serif;}

a, a:visited {text-decoration:none;color:#000;cursor:pointer;}
a:hover {color:darkorange;}
a.btn {padding:4px 12px 4px 10px;color:#fff;background-color:#555;transition:background-color .2s ease-in-out;border-radius:3px;}
a.btn:hover {background-color:#000;}
a.btn.main {background-color:darkorange;}
a.btn.main:hover {background-color:#000;}
a.btn.o {background-color:#999;padding:2px 6px;border-radius:50%;font-size:0.8em;}
a.btn.o:hover {background-color:darkred;}
a.darkorange {background-color:darkorange;}
a.darkorange:hover {background-color:#d26;}
a.darkred {background-color:darkred;}
a.darkred:hover {background-color:red;}
a.gray {background-color:gray;}
a.gray:hover {background-color:#555;}
a.lurian {background-color:#0096c6;}
a.lurian:hover {background-color:#00789e;}
a.btn.white {background-color:#fff;border:1px solid #ddd;color:#777;padding:3px 11px 3px 10px;margin-right:3px;}
a.btn.white:hover {background-color:#eee;}
a.btn.yellowgreen {background-color:yellowgreen;}
a.btn.yellowgreen:hover {background-color:olivedrab;}
a.txt {width:295px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;}

table {border-spacing:0;border:0;border-collapse:collapse;}
th {padding:7px;border-bottom:1px solid #ddd;white-space:nowrap;}
td {padding:7px;border-bottom:1px dotted #ddd;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:hidden;}

table.list, table.form {margin-top:5px;border-top:2px solid #ccc;}
table.list th, table.form th {background-color:#fafafa;}
table.thinborder {border-top:1px solid #e5e5e5;}
table .noentry {height:120px;text-align:center;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
table.detail th, .detail td {padding:10px;border:1px solid #e5e5e5;}
th span {color:darkorange;}
td a.btn {font-size:1em;}

.clickable {cursor:pointer;}
.clickable:hover {color:darkorange;}
td.txt {max-width:300px;}
td.txt a {display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
td.txt a.recent {font-weight:bold;}
td.txt a.newwindow {width:20px;}

table.searchbox {border:1px solid #eee;}
table.searchbox th, table.searchbox td {border:0;padding:3px 10px;background-color:#fcfcfc;text-align:left;}
table.searchbox th {width:50px;}
table.searchbox td.fill {width:100%;}
table.searchbox td.btn {text-align:center;}
table.searchbox td.btn img {cursor:pointer;width:27px;vertical-align:middle;}
table.searchbox td.btn img:hover {animation:zigzag .4s linear 2;}
table.searchbox a.btn {display:block;height:100%;min-height:100%;margin:0;padding:4px 11px;text-align:center;}
table.searchbox a.btn:before {vertical-align:top;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAtElEQVR4Ac3RAQYCURSG0YcQQgsIAUKAECBaQAsIEAIEaBFh0BICDEIILSCEMIAQQgghhHCCARnjpTAfwM+5uKH6oY4xEiwxQfNbpIMMcMcNcEE/FmnghAuGIQ89ZDnaioFmUHQZbTyRxEApspJ9g0MMtMW+ZF/hHAMt8Cj6EGo4Yx0DdfFCivoHkgCGISZMc+yEBAscAVeMQ2wYYIc7nthjhDlgFn4JNaSVxq5o/gNrh0r3Bk2pI3kYU/kgAAAAAElFTkSuQmCC');}
table.searchbox ul {float:left;}
table.searchbox li {display:inline-block;margin:5px;width:auto;}
table.searchbox label {display:inline-block;margin-right:10px;}
table.searchbox input {width:auto;min-width:75px;}
table.searchbox input.subject {min-width:200px;}
table.searchbox select {width:auto;min-width:120px;padding-right:30px;}

ul.list li {padding:5px 0;border-bottom:1px dotted #ddd;}

/* forms */
select {width:auto;padding-right:30px;}
input, select, textarea {height:26px;padding:0 0 0 10px;border:1px solid #bbb;background-color:#fafafc;font-family:'Reddit Sans Condensed', 'NanumSquareNeo', 'AppleSDGothicNeo-Regular', sans-serif;}
input[list], datalist, option {font-family:'Reddit Sans Condensed', 'NanumSquareNeo', 'AppleSDGothicNeo-Regular', sans-serif;}
input {width:calc(100% - 10px);height:24px;}
input:focus, select:focus, textarea:focus {outline:none;background-color:#eee;}
input.submit {
  height:45px;padding:5px;border:1px solid #80191f;font-size:1.3em;
  cursor:pointer;background-color:#80191f;color:#fff;transition:background-color .2s ease-in-out;
  text-align:center;
}
input.submit:hover {background-color:#003458;border:1px solid #003458;}
input.select {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAhElEQVQ4T+2SwQmAMAxFk010I69/Aq/dRFyirdu5QUSpUKWaIPSgmGP5/Q9ewlR5uHI//QDV8EcVARBmdt77MXcAYCCiLoTQqm5SoKgoFbkcUnqzQC53kBeKSENEB6ClfM3cLnmHbMGCMgtEvSIAvYjMMcbJUnjOqIAnpfmfH6AafL+iBXvBKRMqZ5V7AAAAAElFTkSuQmCC') no-repeat right #fafafc;}
textarea {width:calc(100% - 20px);padding:10px;resize:vertical;}
select {width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAhElEQVQ4T+2SwQmAMAxFk010I69/Aq/dRFyirdu5QUSpUKWaIPSgmGP5/Q9ewlR5uHI//QDV8EcVARBmdt77MXcAYCCiLoTQqm5SoKgoFbkcUnqzQC53kBeKSENEB6ClfM3cLnmHbMGCMgtEvSIAvYjMMcbJUnjOqIAnpfmfH6AafL+iBXvBKRMqZ5V7AAAAAElFTkSuQmCC') no-repeat right #fafafc;}
select::-ms-expand {display:none;}
.btns {text-align:center;margin-top:20px;}
.btns a {padding:5px 30px;border-radius:3px;background-color:darkorange;color:#fff;transition:background-color .2s ease-in-out;margin-right:3px;}
.btns a.cancel {background-color:#555;}
.btns a:hover {background-color:#000;}
input[type="checkbox"] {padding:0;border:0;height:14px;width:14px;}
input[type='radio'] {width:12px;height:12px;vetical-align:middle;margin-right:5px;}

/* decorations */
h2 {padding:22px 0px 7px 0px;width:60%;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.4em;letter-spacing:-1px;}
.underline {border-bottom:1px solid #ccc;}
.dotline  {border-bottom:1px dotted #eee;}
.emphasis {color:#80191f;}
.wrapped {word-break:break-all;white-space:pre-line;}
label.emphasis:after {content:' *';color:darkred;}
.cover-all-in-progress {z-index:300;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAcSURBVBhXY2RgYPgPBECKgYEJxgABJigNBAwMAM3OBv8C3YgmAAAAAElFTkSuQmCC');position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.3;}
.cover-all {z-index:300;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAcSURBVBhXY2RgYPgPBECKgYEJxgABJigNBAwMAM3OBv8C3YgmAAAAAElFTkSuQmCC');position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.5;}
.loading {z-index:400;position:absolute;top:calc(50% - 18px);left:calc(50% - 18px);animation: rotate_loading .8s linear infinite;transform-origin:50% 50%;
  width:36px;height:36px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAh0lEQVR4Ae3XgQXAMBSE4YeOlS0ySAYpOkjHK6B4hUModUivFfdzQBsfIAk3azloBulB4n8NMkgCKsFX3gLt3aEHiSr4NrE1BrYQqCfMFkiPEmFYlA5DoLQYAnXHiGsd4MQSa19jKkagNBgkRBEYOYrB8CghRoLKbjX4qu9DBhnkl+uvQDPmLnBoDai+LtB1AAAAAElFTkSuQmCC');
}
.result-message {
  z-index:405;position:absolute;top:calc(50% - 100px);left:calc(50% - 170px);width:300px;
  border:1px solid #ddd;border-radius:5px;box-shadow:2px 2px 5px 2px #ddd;
  background-color:#fff;text-align:left;color:#555;display:none;
  padding:30px;
}
.result-message button {
  position:absolute;bottom:20px;padding:5px 20px;margin-right:5px;border:0;border-radius:5px;width:90px;cursor:pointer;
  background-color:#888;color:#fff;
}
.result-message button:first-child {right:114px;background-color:#808000;}
.result-message button:last-child {right:20px;}
.result-message button:hover {background-color:#333;}

@keyframes spinning {to {transform: rotate(1turn);}}
.spinner-box {z-index:999998;position:absolute;top:calc(50% - 100px);left:calc(50% - 180px);width:300px;border:3px solid transparent;border-radius:20px;background-color:#fff;text-align:center;color:#555;padding:30px;line-height:1.3em;}
.spinner {display: flex;justify-content: center;margin-bottom:30px;line-height:1.4em;}
.spinner::after {content: "";width: 50px;height: 50px;border: 20px solid #dddddd;border-top-color: #00ced1;border-radius: 50%;animation: spinning 1s ease infinite;}

.title {
  font-family:'Reddit Sans Condensed', 'NanumSquareNeo', 'AppleSDGothicNeo-Regular', sans-serif;
  font-size:2em;letter-spacing:-1px;font-weight:700;
}
.subtitle {font-size:1.6em;letter-spacing:-2px;margin-left:4px;}
.subtitle:before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAOUlEQVR4AWOgGxgFoyAfjGkEDID4PwjT0pL8QWXJqCXBQPwbakE/XQwfNdyAdoYjQD8YDwgYBaMAAH1THjOiqtjhAAAAAElFTkSuQmCC');vertical-align:middle;}
span.more {float:right;margin-left:5px;}
span.more a {margin-left:3px;}

span.bold {font-weight:bold;}
span.enlarge {font-size:1.05em;}
span.notice_cnt {border-radius:20px;background-color:darkorange;color:white;padding:0 5px;font-size:0.9em;}


/* main blocks */
body>div, body>form>div {float:left;width:100%;margin:0;padding:0;position:relative;}

/* head block */
#header {padding:0;padding-top:10px;height:38px;position:relative;}
#header span.ci {position:absolute;z-index:300;height:36px;line-height:36px;padding-left:20px;}
#header span.ci img {vertical-align:middle;}
#header span.ci img.burger {display:none;cursor:pointer;width:16px;height:16px;margin-right:5px;}
#header span.ci img.logo {height:33px;}
#header span.user {float:right;margin-top:10px;margin-right:20px;letter-spacing:-1px;}

/* navigation block */
#navigation {display:block;height:44px;}
.navigation_head {
  padding:8px 15px;background-color:#555;height:18px;font-size:1.1em;font-weight:700;border-top:4px solid #333;
  min-width:1400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.navigation_mobile {
  display:none;position:absolute;top:0;
  background-color:#20b6e6;
  padding:8px 15px;font-size:1.1em;font-weight:700;
}
.navigation_head li.child {display:none;}
.navigation_body {
  display:none;position:absolute;z-index:200;width:100%;border:1px solid #ccc;border-top:0px;background-color:#fafafa;padding-left:10px;
  min-width:1400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.navigation_head>ul>li, .navigation_body>ul {float:left;width:120px;margin:0;padding:0 7px 0 7px;}
.navigation_head a {color:#fff;}
.navigation_head a:hover {color:orange;}
.navigation_body ul {padding-top:5px;min-height:350px;border-right:1px solid #ccc;}
.navigation_body li {height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.navigation_body li:first-child {padding-top:10px;}
.navigation_body li:last-child {padding-bottom:10px;}
.upline {border-top:1px solid #ddd;padding-top:5px;}

/* contents block */
#container {position:relative;width:100%;min-height:500px;margin-top:30px;padding:5px 0px 50px 0px;}
#container>div {position:relative;float:left;padding-left:20px;width:calc(100% - 40px);}
#container>table, #container>form>table, #container>form>div.body>table, table.searchbox, table.form {margin-left:20px;width:calc(100% - 40px);}
#container div.head {height:26px;vertical-align:top;}
#container div.head>span {height:26px;}
#container div.head>span:first-child {max-width:50%;}
div.body {margin-top:8px;}
div.body>table, #comments>table {width:100%;}

.head {padding-bottom:5px;}
.location {text-align:right;font-size:0.9em;margin:-30px 0 10px 0;}
.location a {color:#555;}
.location a:first-child:before {vertical-align:bottom;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAjUlEQVR4AWMYksAfiG0oNSQZiH8D8WewgWSCaiD+D8Sbgfg41MBkUgxgAeLJUEPmQ/k8QLwdKlZNjCEcQLwaqqEdiwWLoXKToXxMALX1MEFbEa5dDbYYDUgA8XWQAih2wGOQA0wd1GIefIocYGwERoijW0asQfPBmHKDEGz6G0TAO5jiuACBAMYUHxkAAB6mRc7KRKdCAAAAAElFTkSuQmCC');vertical-align:middle;margin-right:3px;}
.location a:not(:first-child):before {content:' / ';}

#footer {position:relative;margin-top:0;height:80px;padding:20px;width:calc(100% - 40px);border-top:1px solid #ddd;background-color:#fafafa;}

/* pop-up */
.popup {position:absolute;display:none;z-index:200;width:500px;min-height:500px;height:auto;top:calc(50% - 250px);left:calc(50% - 250px);padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#fff;}
.popup .header {position:relative;display:block;height:40px;border-bottom:1px solid #ddd;margin-bottom:10px;}
.popup .header .title {position:absolute;top:10px;font-size:1.4em;}
.popup .header .close {position:absolute;top:10px;right:10px;width:20px;height:20px;cursor:pointer;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFHElEQVRoge2aW3cTVRTHf4M+sJbLZRTFLoEyaaBE5DKB0lUu1QQQykWKn4Dm0SfoJ9B+AvUTdPrk8i1gucklCbSFYiFTWIVyzbRcVqmiYemLL7N9SNMmcTKZmaS2D/7XOiu3s8/+/8/Zc2bPPlGoM44eORIFNCAAbJ55LcAAXs+8GolTp8xa/Sm1DgDQefhwF4rSCUQpJVwNJpBApO9kf7/hx7dvAV8cOhRQ4ARwHEXxQtoeIobA9z+dPq17MfMl4PDBAycUlK/xNttuYQjS3X/mbMpNZ08CDnV0qIpCLyhRP8y8Qb7rP3uuu1ov1wIO7t+vKZBEmZdZt4dgCMTOnD+fq9TFlYAD+/Z1KdBbP2buIWCAxM7+fMFWRFUBHZ/v7VJQFoR8AYIYQOzchYv/EuEoYP+ePRoKSWV+LlZPEDAQYucvXSoR8UYlg327YwEgCTRIfoAFbUADQsPjbPakKwFNqvoD0LbgzEtVaKGgOvrENMcLPG1DaG/0syj52V+MMBEiF9PpHFRYgWDj6l5A9TBoCuibeT/fdgGEv7MTEymwWYHd7buioHiZff3y1avxOfv2XqBrHu0AyV2+OvAu2KyA2rjqW5Cwy8DUkwMD8WL77OTkSbVxlQqizYPdTGNpsLFxwpx8aiwpHiS6c4cqIkdFBBfNSA4MlpAoIDkwGBcRvYKdXsXOdOm/E6BEgFhW1KUxIlLx9g6QGhyyE6GnBodsyc9ycC/g6Kfb2wJLyow7xbJw2bT2tlbNiUx66FpcLEuf6a+nh645km9va9XEsqJuOSASLRFgiaV5WIGAiCR3tW5zFHHl+nBcROJXrg87kt/Vuk0TkaQH/4iIppQO0iJOTuwgQg6IDf4y4uuJCmDnthYNSCreM93UrICdLVuj+Lx5CeRAYkMjtzyL2NGyRQPFV74lMLcLWSK+WyGctm+NOIZTObZvjRTCJuDTrzYrQMSqseVFtEU0VyLaItos+Vr8vjknwHP42yEAHCNfNnGEIMeQ2tP0uRWwpB5NH86MVn2OBRjOjHaLJXqtPotDKFdjGOk3Rm87bpXluDF6Oy5i6TX4TJVsoy0bP/EbR/rInTFP5Mv8ekjkSpAqSyXE9BM2tZAHGLkzFvcZTumyVMJKeQ2bm2N3HclH1oe1LevD2cj6sOPudHPsrp9wMspzobSH27h56+64I3kt3KyR3ypVRJJauNlRhIh0e0jmEJFUuYCEFwFOZDavW1u0z8/d7DavW1tRRObe/ZwHAYnMvfu5EgHG+INcUfbo2CzL0jY1h2zJbGoOaSKSRCRQlj0GRCTpaOc+G+2DsueBmVXoczMDBTIb1zSVkNm4pmmOvA87t6s/+uBRwlbA7YePU24v5gKZDaGgBrAhFIzOka+/XVHrKfC1LatsCKmaCBm73xYBjLEnZqTwwbasMv1HbuqDwDsK+ROXRQUFDvyaez1V9LkyPlZXZcifdy0W9Nwzn35T/IWjgPDqlSqQYREUd4HE+MSzL8u/rFpeX9e4QkNIsrAiDBRi9yefeyuvF9C88iMNZKFEGKDEHjx74e+Ao4C1Kxo08qc0/+U1oT98PuWYrlQsr5fj9z//mnrv7bd+RFiKzHvZPQd89ejFyx6qwNcxa6hheRTEawXbLXRQeh5PTZtuOtd0Ut/04ftdwHHqE1Y60PPk5W+mF6O6/NUguHyZRv5hPoo3MQkgDejZ6VeOtdZKqIuAYgSXLwuQF6FiH2IGYGanX/mu5P2PxYR/AODvPj+9gmBWAAAAAElFTkSuQmCC');}

#popup {width:100%;margin-top:-10px;}
#popup .header {width:calc(100% - 40px);padding:0 20px;height:70px;border-bottom:1px solid #ddd;background-color:#eee;margin-bottom:20px;padding-top:20px;}
#popup .header h1 {padding:20px 0px;width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#popup .header h2 {display:inline-block;max-width:50%;}
#popup .header span {display:inline-block;float:right;margin-top:23px;margin-left:5px;}
#popup .body {padding:0 20px;}
#popup table {width:100%;}
#popup .footer {position:fixed;bottom:0;border-top:1px solid #ccc;background-color:#eee;padding:20px;text-align:center;}

/* paging */
.paging {padding-top:20px;text-align:left;}
.paging a {padding:7px 10px;border:1px solid #aaa;border-radius:2px;margin-right:2px;}
.paging a.on {background-color:#eee;font-weight:bold;}
.paging a.btn {padding:4px 10px 5px 10px;background-color:#777;border:1px solid #777;}
.paging a:hover {background-color:#d26;color:#fff;border:1px solid #d62764;}

/* vertical pane */
div.left_pane, div.right_pane {display:inline-block;float:left;padding-top:10px;padding-bottom:50px;vertical-align:top;}
div.left_pane {min-height:500px;padding-top:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #ddd;}
div.left_pane img {border:0px;vertical-align:middle;width:18px;height:18px;}
div.dTreeNode {letter-spacing:-1px;margin:0px;height:24px;white-space:nowrap}
div.dTreeNode img {border:0px;vertical-align:middle;width:24px;height:24px;}
div.dTreeNode a.nodeSel, a.node {margin-left:0px;vertical-align:middle;}
div.left_pane h2 {margin-top:-5px;border-bottom:1px solid #ddd;font-size:1.3em;}
div.left_pane h2 span {position:absolute;right:10px;}
div.left_pane p {border-top:1px solid #ddd;font-size:0.875em;}
div.btn_block {padding-top:10px;padding-bottom:4px;padding-left:20px;}
div.right_pane table {width:100%;}
div.right_pane div.btn_block {margin-left:0px;padding-left:0px;white-space:nowrap;}

/* handle for mobile mode with left_pane */
div.handle {display:inline-block;cursor:pointer;margin-right:5px;}
div.handle img {width:16px;height:16px;}

/* load sub-menu animation */
img.burger:hover, div.handle img:hover {
  content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACA0lEQVQ4T9WUTYvaUBSGj1n4ERM/wiAimLjKaqyMuS5dFN2IAyPIMF24m/ZXuJ9Ff0FBV2JdTVGm3Q6NJCjCwIBIVoqJ2ZWiFEVw8KNcS0K0dToLN3N2556X577nvSE2OHLZjsyDVwgkSTI0n89/AsDTf+KwA4ALAH5ZdTsrI4SuF4tFORqNNmq12jsAWPwLGgqFTiiKKpEkeTYYDNB0OsUGtmUC4/H4h/F4/Gk0GhFerxey2WyjWq1e7TtlGMaTy+XESqVyttlsgOf5nq7rqdls9sMEBgKBNzRNP6qqSmARLp/PB/l8/q5UKl1YXfI8/3U4HJ6vVivzmGVZUVXVtyaQpukTQRC+y7J8ul6vt0IMdjgcUCgUvpXL5Tw+43n+S7/fPzdIWOP3+yEYDBYVRbnZWZmiqABC6N4KxQKPxwOZTKbR6XRA1/Wc1Znb7QaO44q9Xm8L2wHiBjtFCD3Isswtl8s/ApsN7HY74N4KoygKwuHwjaIoxYOvjAcMw4RjsZjUbDY5vBIGGhEQBLHtXS4XpNPpW1EU308mk8OfjXGTkWm73T7FzoxcMQxHwLJssdvtmms+69AY4kwTicS9JEnmQ+E1I5HIQdhfGVpvMjIVBOGh1WpxTqcTUqnUbb1ev9zXvcihIcKZJpNJSdO0z5qmfdzPbB/+Cv82z+XzktnRV/4NAmrGFQi13XgAAAAASUVORK5CYII=');
}
img.magnify {
  width:19px;height:19px;vertical-align:middle;margin-right:5px;border:1px solid #ddd;border-radius:3px;cursor:pointer;
  padding:2px 15px;background-color:#fafafa;
  content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAB4UlEQVR42u1YzUrEMBDebv9LqSB468UiCJ4ET8JCn6KvIHj1JHgSvHrytOAT9CwsCAuCICwseBUKgrDPIBQEnQ+yEEqq3SatUTowtLTJly8zk8kko9Egg/wx8Txvdzwen5umOTcMY0n6wXSJb/iHNr0TsyxrQiQe6PWziVL7R9K0c2JZljlklZumxKqKvsDohFwURdubWK1OgQEspeTiOPbJRQvRgBRr97ZtnwRBcJTnuYn2eMc3/Ktx+QKYygiSa6YCSxRN4gpt0Fbg7qkScrCGKOg3cRPaok8Vh2HLCdJF1XJtYojFcFEJj7kUOYqjQ4H1Uon0lFbx2BitAa+UzljgETaGGjCa7aksQYahZtIUMysezHXdPVmCDIOP6ZUMwZIHU7ELMAyeYKmMYJIkWx0QfFfmYsdxDrRycU+LZKZ1mkHNqHWils4M1RIL21WbxYI+gq3uTptiQVRL+r5/3HW5NWl4PChqasmZkrqwacHKW/27grUTkqpK/jqSSs4q7NB0qzXJdbogfWp4SCoxKbidJeV+SLJta58Gv4Dr6fnMkXrDYPTtMgzDHT6WeyfZZsH9C5IUQte/eq/zE0mpKqcPkkTwRYsbsjqStMDOtLnGw4JAaUdWe4XltCI3yCCcfAGbunRSct+JegAAAABJRU5ErkJggg==');
}

/* approval */
table.app_block {width:100%;border:0;}
table.app_block>tbody>tr>td {padding:0;padding-right:0px;border:0;}
table.app_block>tbody>tr>td:last-child {padding-left:5px;}
table.app_info {width:100%;}
col.app_info_th {width:100px;}
table.app_line {table-layout:fixed;}
#Apptbody td, .Apptbody td {text-align:center;min-width:80px;}
td.linewrapped {white-space:normal;line-height:21px;min-height:18px;height:21px;}
span.wait {border:1px solid #ddd;padding:2px;background-color:#fafafa;margin-left:5px;margin-right:8px;}
.signbox {height:63px;}
span.sign {display:inline-block;width:20px;padding:8px 9px 8px 7px;font-weight:bold;border-radius:20px;margin-bottom:5px;}
span.ok {border:2px solid darkred;color:darkred;}
span.reject {border:2px solid darkblue;color:darkblue;}
span.consenter {white-space:nowrap;margin-bottom:5px;}
span.SIGN2 {background-color:darkred;border-radius:10px;padding:3px 8px;margin-left:5px;margin-right:5px;color:white;}
span.SIGN3 {background-color:darkblue;border-radius:10px;padding:3px 8px;margin-left:5px;margin-right:5px;color:white;}
a.btnForDropFile {margin-left:10px;padding:2px 7px;border-radius:20px;font-size:0.7em;}

ul.absencelist {margin:10px 0px;border-top:1px solid #eee;padding:10px 0;}
ul.absencelist li>span:first-child {font-weight:bold;}

/* table type title bar */
table.subitemtitle {margin-top:33px;border:0;height:22px;}
table.subitemtitle td span {margin-right:10px;font-size:1.4em;}
table.subitemtitle td span.title {width:270px;}
table.subitemtitle td a {background-color:darkorange;padding:15px;}
table.subitemtitle td {padding:0;border-bottom:0;}

.numeric {}
.wrap {word-break:break-all;white-space:pre-line;}

.notification_center {z-index:150;display:hidden;position:fixed;right:0;bottom:0;width:400px;background-color:#fef;border:1px solid #ddd;padding:10px;}
.notification_center h2 {padding:0;margin:0;padding-bottom:10px;}
.notification_center li {white-space:nowrap;overflow:hidden;text-overflow:hidden;border-top:1px solid #ddd;padding:5px 0;}
.notification_center span {display:inline-block;width:80px;white-space:nowrap;overflow:hidden;text-overflow:hidden;padding-right:10px;font-weight:bold;}

/* mobile or printer */
.mobile_show, .mobile_show_block {display:none;}
.mobile_show_table {visibility:collapse;}
.print_show {display:none;}

.round {border-radius:20px;background-color:#E73374;color:white;padding:0 7px 0 5px;}
span.subbtn {display:inline-block;position:absolute;right:40px;top:3px;}
span.gbn {display:inline-block;width:250px;}
span.gbn input[type='checkbox'] {vertical-align:middle;}

/* approval status */
span.status {border-radius:3px;padding:5px 8px;color:#fff;font-size:0.9em;}
span.D0001 {background-color:#008000;}
span.D0002 {background-color:#800000;}
span.D0003, span.D0005 {background-color:#808080;}
span.D0004 {background-color:#000080;}

/* upload file */
#dragandrophandler {
  border:2px dotted #0B85A1;
  width:calc(100% - 20px);
  color:#92AAB0;
  text-align:left;vertical-align:middle;
  padding:10px 10px 30px 10px;
  margin-bottom:10px;
  font-size:100%;
}
#ul_attached_files {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* for draft */
#attachfileblock li {padding:0;padding-bottom:2px;}
#attachfileblock input[type='file'], #documents li span {width:calc(100% - 160px);border:0;padding:0;}
#attachfileblock a.btn, #documents a.btn {font-size:0.9em;}
#documents li {padding:5px 0;border-top:1px dotted #ddd;}
#documents li:first-child {border:0;}
#documents li span {display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}

.draft_content_body {width:calc(100% - 40px);padding:0 20px;margin-top:20px;margin-bottom:20px;}
.draft_content_body table {width:100%;}
.draft_content_body th, .draft_content_body td {border:1px solid #eee;}
.draft_content_body th {background-color:#fafafa;width:100px;}

/* for notification */
img.notification {vertical-align:bottom;cursor:pointer;}
img.notification:hover {animation: zigzag .4s linear 2;}
.notification_block {
  display:none;position:absolute;z-index:500;width:420px;top:5px;right:5px;height:auto;
  padding:0;margin:0;border:1px solid #ddd;border-radius:10px;background-color:white;
  box-shadow:0px 0px 5px #ddd;
}

#popupCurrency {z-index:400;position:absolute;display:block;overflow-y:auto;width:200px;height:320px;background-color:white;}
span.currencyiso {background-color:#E67E22;color:white;padding:1px 6px;border-radius:20px;font-size:0.9em;}
span.currencyiso.KRW {background-color:#0096c6;}

#popupCustomer {z-index:400;position:absolute;display:block;overflow-y:auto;width:200px;height:320px;background-color:white;border:1px solid #aaa;}
#popupCustomer>ul>li {padding:5px;border-bottom:1px solid #eee;}

.body_content {margin-top:20px;margin-bottom:20px;}
.body_content table {width:100%;}
.body_content th, .body_content td {border:1px solid #ddd;padding:10px;}
.body_content th {background-color:#fafafa;}

/* word breaking for generated content by web-editor */
.content_block {word-break:break-all;white-space:normal;}

/* add 2022.01 */
table.list tr:hover {background-color:WhiteSmoke;}
table.detail tr:hover, table.app_block tr:hover {background-color:white;}
li.simple_hide {display:none;}

/* ckeditor */
#cke_1_contents {padding:10px;}

/* add 2022.09 : floattable */
div#container>div.floatThead-container {margin-left:-20px;}

#mymenu_block {
  display:none;position:absolute;z-index:600;width:280px;top:5px;right:5px;min-height:100px;height:auto;
  padding:0;margin:0;border:1px solid #ddd;border-radius:10px;background-color:white;
  box-shadow:0px 0px 5px #ddd;
}
#mymenu_block ul {padding:0 10px;}
#mymenu_block li {border-top:1px solid #ddd;padding:10px 10px;}

@media only screen and (min-width:768px) and (max-width:1520px) {
  body {overflow-x:auto;}
  table.searchbox li {min-width:auto;}
  table.searchbox label {display:none;}
  table.searchbox select {width:120px;min-width:120px;}
  table.searchbox input {width:108px;min-width:108px;}
  .tablet_hide {display:none;}
}
@media only screen and (max-width:767px) {
  .mobile_hide {display:none;}
  .mobile_show {display:inline;}
  .mobile_show_block {display:block;margin-top:3px;margin-bottom:3px;white-space:nowrap;font-size:0.9em;}
  .mobile_show_table {visibility:visible;}

  body {overflow-x:auto;}
  #header span.ci {padding:0;}
  #container, #header {min-width:320px;width:calc(100% - 20px);padding-left:10px;padding-right:10px;}
  #container {margin-top:0px;padding-top:25px;}
  #container>div.head {border-bottom:1px solid #ddd;margin-bottom:7px;width:100%;}
  #container>div {padding-left:0px;}
  #container>div.body {width:100%;}
  #container>table, #container>form>table, #container>form>div.body>table, table.searchbox, table.form {margin-left:0;width:100%;}
  #container>form>div.btn_block {padding-left:0;}
  #container>form>table.searchbox {position:absolute;z-index:10;margin-top:30px;width:calc(100% - 20px);}
  table.searchbox td.fill {display:none;}
  table.searchbox td:first-child {width:calc(100% - 50px);}
  table.searchbox td:last-child {width:50px;}
  table.searchbox ul {width:100%;}
  table.searchbox li {display:block;width:100%;}
  table.searchbox label {width:60px;}
  table.searchbox select {width:calc(100% - 80px);min-width:auto;}
  table.searchbox input  {width:calc(100% - 92px);min-width:auto;}
  table.searchbox input.subject, table.searchbox input.mobile_fill {min-width:100px;width:calc(100% - 82px);}

  table.list {border-top:0;margin-top:0;}
  table.subitemtitle {margin-top:20px;margin-bottom:6px;}

  div.hasLineInMobile {border-bottom:0;}
  table.hasLineInMobile {border-top:1px solid #ddd;}

  table.searchbox.list {border-top:1px solid #eee;}
  div.btn_block {padding-bottom:10px;border-bottom:1px solid #eee;}
  table.app_block>colgroup>col:last-child {width:0;}
  table.app_line {margin-top:5px;}

  div.left_pane {margin-top:-6px;}
  #popup>div.header {min-width:200px;}
  #popup .body {padding:0 10px;}

  #header {border-bottom:4px solid #ddd;}
  a.logo img {height:28px;margin-left:7px;}
  #header span.user {margin-top:7px;margin-right:0;}

  #container {-ms-overflow-style: none;}
  #container::-webkit-scrollbar {display:none;}

  #navigation {display:none;position:absolute;width:150px;z-index:200;background-color:#0096c6;padding:0;}
  #navigation a {color:#fff;}
  #navigation li {white-space:nowrap;height:auto;padding:10px 0px;border-bottom:1px solid #10a6d7;}
  .navigation_head {height:auto;background-color:transparent;padding-top:10px;min-width:0px;}
  .navigation_head>ul>li {clear:both;}
  .navigation_mobile {position:absolute;top:0px;border-top:4px solid #0096c6;left:150px;padding-top:10px;}
  .navigation_head>ul>li, .navigation_mobile>ul>li {min-width:120px;width:auto;height:30px;margin-right:10px;}

  .location {display:none;}
  .upline {border-top:0;padding-top:0;}
  .title {font-size:1.6em;}

  input[type="checkbox"] {height:16px;width:16px;}

  td.txt {max-width:210px;}
  td.txt a {font-weight:bold;}
  td.txt a.seen {font-weight:normal;}
  #Apptbody td, .Apptbody td {text-align:center;width:1;white-space:nowrap;}
  td.linewrapped  {height:auto;}

  span.subbtn {right:0;}

  /* for bbs */
  li.attached {display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  /* add file or document for draft */
  #attachfileblock input[type='file'], #documents li span {width:180px;}
  .notification_block {width:100%;min-height:100%;height:auto;top:0;right:0;border-radius:0;border:0;}

  /* attached image resize */
  /* p>img {max-width:100%;height:auto !important;} */

}
@media print {
  @page {size:210mm 297mm;}
  html, body, div, table {border:0 !important;margin:0 !important;padding:0 !important;width:100% !important;height:auto !important;}
  #header, #navigation, .location, #footer, #popup .header, #popup .footer, .print_hide, div.left_pane, .btn, .btn_block, .notification_block, .notification_center {display:none;}
  #container div, #container table {margin-top:10px !important;}
  .print_show {display:block;}
  h1.print_show {margin-bottom:20px;}
  #Apptbody td, .Apptbody td {width:55px;}
  col.app_info_th {min-width:70px;}
}