/*
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Poppins&family=Noto+Sans+KR:wght@400;700&display=swap');
@font-face {font-family:'Pretendard-Regular';src:url('/gw/includes/css/Pretendard-Regular.woff') format('woff');font-weight:400;font-style:normal;}
@import url('https://fonts.googleapis.com/css2?family=Reddit+Sans+Condensed:wght@200..900&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneo.css);

:root {
  color-scheme: only light;

  /* Light Mode Colors */
  --bg-accent: #1976D2;
  --bg-thumb: #ccc;
  --bg-thumb-hover: #aaa;
  --bg-thumb-track: #fafafa;
  --bg-th-accent: #eef;
  --bg-th: #fafafa;
  --bg-input: #fafafa;
  --bg-lightdark: #eee;
  --bg-background: #fff;
  --bg-common: #fafafa;

  --border: #e7e7e7;
  --border-accent: #0b85a1;

  --color-white: #ffffff;
  --color-font: #333;
  --color-font-hover: orange;
  --color-deepgray: #333;
  --color-darkgray: #555;
  --color-downgray: #777;
  --color-comment: #aaa;
  --color-smokegray: #ddd;
  --color-gray: #eee;
  --color-lightgray: #fafafa;
  --color-lurian: #0096c6;;
  --color-submit: #80191f;
  --color-black: #000;
  
  --tr-hover: ghostwhite;

  /* event */
  --success: #27AE60;
  --danger: deeppink;
  --placeholder: var(--color-smokegray);

  /* Border Radius */
  --radius-btn: 3px;
  --radius-basic: 5px;
  --radius-box: 10px;
  --radius-toolbox: 20px;

  /* Typography */
  --font-family: 'Kanit', 'NanumSquareNeo', 'AppleSDGothicNeo-Regular', sans-serif;
  --font-size-title: 1.6em;
  --font-size-emphasis: 1.3em;
  --font-size-enlarge: 1.05em;
  --font-size-small: 0.825em;
  --font-size-tiny: 0.7em;
  
  /* padding/margin */
  --padding-narrow: 5px;
  --padding-narrow-minus: -5px;
  --padding-basic: 10px;
  
}

html, body {border:0;margin:0;padding:0;}
html {background-color:var(--bg-background);height:100%;}
body {
  display: flex;
  flex-direction: column;
  font-family: var(--font-family);font-size:13px;line-height:120%;overflow-x:auto;overflow-y:auto;padding:0;color:var(--color-font);min-height:100vh;
  /* -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:var(--bg-thumb-track); }
::-webkit-scrollbar-thumb { background: var(--bg-thumb); }
::-webkit-scrollbar-thumb:hover { background: var(--bg-thumb-hover); }
::-webkit-scrollbar-thumb:active { background: var(--bg-thumb-hover); }
::-webkit-scrollbar-button { display: none; }

/* custom placeholder */
::-webkit-input-placeholder {color: var(--placeholder);}
::-moz-placeholder {color: var(--placeholder);}
::-moz-placeholder {color: var(--placeholder);}
::-ms-input-placeholder {color: var(--placeholder);}

/* 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: var(--font-family);}

a.btn, button, .btns a, input.submit, table.list tr {transition:background-color .2s ease-in-out;}

a, a:visited {text-decoration:none;color:var(--color-font);cursor:pointer;}
a:hover {color:var(--color-font-hover);}
a.btn {padding:4px 12px 4px 10px;color:var(--color-white);background-color:var(--color-darkgray);border-radius:var(--radius-btn);line-height: 1.8em;}
a.btn:hover {background-color:var(--color-black);}
a.btn.main {background-color:var(--danger);}
a.btn.main:hover {background-color:var(--color-black);}
a.btn.o {background-color:var(--color-downgray);padding:2px 6px;border-radius:50%;font-size:var(--font-size-small);}
a.btn.o:hover {background-color:var(--color-submit);}
a.darkorange {background-color:var(--danger);}
a.darkorange:hover {background-color: darkmagenta;}
a.darkred {background-color:var(--color-submit);}
a.darkred:hover {background-color:red;}
a.gray {background-color:var(--color-deepgray);}
a.gray:hover {background-color:var(--color-darkgray);}
a.lurian {background-color:var(--color-lurian);}
a.lurian:hover {background-color:#00789e;}
a.btn.white {background-color:var(--color-white);border:1px solid var(--border);color:var(--color-downgray);padding:3px 11px 3px 10px;}
a.btn.white:hover {background-color:var(--color-gray);}
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 var(--border);white-space:nowrap;font-weight: normal;background-color: var(--bg-th);text-align: left;}
td {padding:7px;border-bottom:1px dotted var(--border);white-space:nowrap;overflow:hidden;text-overflow:hidden;}

table.list, table.form {margin-top:var(--padding-narrow);border-top:2px solid var(--border);}
table.thinborder {border-top:1px solid var(--border);}
td.noentry, li.noentry {height:60px;text-align:center;opacity:0.3;font-size: var(--font-size-small);}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
table.detail th, .detail td {padding:var(--padding-basic);border:1px solid var(--border);}
table.detail th span {color:var(--danger);font-size:0.5em;margin-right: -9px;}

.clickable {cursor:pointer;}
.clickable:hover {color:var(--color-font-hover);}
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;}

img {object-fit: cover;}
img.inline-photo {width: 26px;height: 26px;vertical-align: middle;margin-right: var(--padding-narrow);border-radius: 50%;object-position: center 0%;}
img.inline-photo-mobile {width:46px;height: 46px;;vertical-align: middle;margin-right: var(--padding-narrow);border-radius: var(--radius-basic);}
div.contents img {max-width: calc(100% - 20px); }

table.searchbox {border:1px solid var(--border);border-collapse: separate;border-radius: 8px;border-spacing: 0;background-color:var(--color-white);margin-bottom: 6px;}
table.searchbox th, table.searchbox td {border:0;text-align:left;}
table.searchbox th {width:50px;}
table.searchbox td.fill {width:100%;}
table.searchbox td.btn {text-align:right;width:10px;background-color: var(--color-lightgray);border-radius:0 9px 9px 0;}
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 td.btn i {cursor:pointer;width:27px;vertical-align:middle;font-size:var(--font-size-emphasis);}
table.searchbox td.btn i: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:var(--padding-narrow);width:auto;}
table.searchbox label {display:inline-block;margin-right:var(--padding-basic);}
table.searchbox input {width:150px;height:32px;}
table.searchbox select {width:150px;height:32px;padding-right:30px;}

div.table-container {overflow:visible;width: 100%;position: relative;}
table.floattable {/*border-collapse: separate;*/border-spacing: 0;width: 100%;}
table.floattable thead th {position: sticky;top: 0;background-color: var(--bg-th);z-index: 20;}
table.floattable .sticky {position: sticky;left: 0;background-color: var(--bg-background);z-index: 10;}
table.floattable thead th.sticky {z-index: 30;background-color: var(--bg-th); }

ul.list li {padding:var(--padding-narrow) 0;border-bottom:1px dotted var(--border);}
ul.list li.noentry {padding-top: 30px;font-weight:normal;}

/* forms */
input, select, textarea {height:26px;padding:0 0 4px 10px;border:1px solid var(--border);border-radius:var(--radius-basic);background-color: var(--bg-input);font-family: var(--font-family);}
input[list], datalist, option {font-family: var(--font-family);}
input {width:calc(100% - var(--padding-basic));}
input:focus, select:focus, textarea:focus {outline:none;background-color: var(--bg-input);}
input:read-only {background-color:var(--color-gray);}
input.submit {
  height:45px;padding:var(--padding-narrow);border:1px solid var(--color-submit);font-size:var(--font-size-emphasis);
  cursor:pointer;background-color:var(--color-submit);color:var(--color-white);
  text-align:center;
}
input.submit:hover {background-color:var(--bg-accent);border:1px solid var(--bg-accent);}
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:var(--padding-basic);resize:vertical;}
select {height:32px;padding-right:30px;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;padding-top:20px;}
.btns a {padding:var(--padding-narrow) 30px;border-radius:var(--radius-btn);background-color:var(--danger);color:var(--color-white);margin-right:3px; white-space: nowrap; line-height: 2.7em;}
.btns a.cancel {background-color:var(--color-darkgray);}
.btns a.lurian {background-color:var(--color-lurian);}
.btns a.yellowgreen {background-color:yellowgreen;}
.btns a:hover {background-color:var(--color-black);}
.btns a.white {background-color:var(--color-white);color:var(--color-darkgray);border:1px solid var(--border);}
.btns a.white:hover {background-color:var(--color-white);}
input[type="checkbox"] {padding:0;border:0;height:14px;width:14px;vertical-align:middle;}
input[type='radio'] {width:16px;height:16px;vertical-align:bottom;margin-right:var(--padding-narrow);}

/* CUSTOM DATE PICKER */
.ui-datepicker .ui-datepicker-prev span {
  background-image: url('https://funworks-bucket.s3.ap-northeast-2.amazonaws.com/arrow_b.png') !important;
  background-position: 0 0 !important;width: 16px;height: 16px;
}
.ui-datepicker .ui-datepicker-next span {
  background-image: url('https://funworks-bucket.s3.ap-northeast-2.amazonaws.com/arrow_f.png') !important;
  background-position: 0 0 !important;width: 16px;height: 16px;
}
.ui-datepicker .ui-datepicker-title select {height: auto;font-family: var(--font-family);padding: 0 var(--padding-narrow);background-color: #00000000;}


/* decorations */
h2 {padding:22px 0px 7px 0px;width:60%;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-emphasis);}
.underline {border-bottom:1px solid var(--border);}
.dotline  {border-bottom:1px dotted var(--border);}
.emphasis {color:var(--color-submit);}
.wrapped {word-break:break-all;white-space:pre-line;}
label.emphasis:after {content:' *';color:var(--color-submit);}
.cover-all-in-progress {z-index:300;background:rgba(50, 50, 50, 0.2);position:fixed;top:0;left:0;width:100%;height:100%;}
.cover-all {z-index:300;background:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%;}
.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% - 160px);width:300px;max-width:calc(100% - 100px);
  border:1px solid var(--border);border-radius:var(--radius-btn);
  background-color:var(--color-white);text-align:left;color:var(--color-darkgray);display:none;
  padding:30px;box-shadow:0px 0px var(--padding-narrow) var(--color-smokegray);
  word-break: break-all;
  overflow-wrap: break-word;
}
.result-message button {
  position:absolute;bottom:20px;padding:var(--padding-narrow) 20px;margin-right:var(--padding-narrow);border:0;border-radius:var(--radius-btn);width:90px;cursor:pointer;
  background-color:var(--color-downgray);;color:var(--color-white);
}
.result-message button:first-child {right:114px;}
.result-message button:last-child {right:20px;}
.result-message button:hover {background-color:var(--color-deepgray);}

@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: var(--radius-toolbox);background-color:var(--color-white);text-align:center;color:var(--color-darkgray);padding:30px;line-height:var(--font-size-emphasis);}
.spinner {display: flex;justify-content: center;margin-bottom:30px;line-height:var(--font-size-emphasis);}
.spinner::after {content: "";width: 50px;height: 50px;border: 20px solid var(--border);border-top-color: #00ced1;border-radius: 50%;animation: spinning 1s ease infinite;}

.title {font-family: var(--font-family);font-size:var(--font-size-title);font-weight:700;}
span.more {float:right;margin-left:var(--padding-narrow);}
span.more a {margin-left:3px;}

span.bold {font-weight:bold;}
span.enlarge {font-size:var(--font-size-enlarge);}
span.notice_cnt {border-radius: var(--radius-toolbox);background-color:var(--danger);color:white;padding:0 var(--padding-narrow);font-size:var(--font-size-small);}

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

/* head block */
#header {padding:0;padding:4px 0;padding-top:calc(4px + env(safe-area-inset-top));position:relative;}
#header img {height:28px;}
#header span.ci {position:absolute;z-index:300;padding: var(--padding-narrow) var(--padding-basic);line-height: 2em;}
#header span.ci img {vertical-align:middle;}
#header span.ci img.burger {display:none;cursor:pointer;width:16px;height:16px;padding: 5px 5px 5px 0; margin-right: var(--padding-narrow);}
#header span.ci a.logo {font-size: 1.2em;font-weight: bold;vertical-align: middle;}
#header span.user {float:right;margin-right:var(--padding-basic);}
#header span.user img {border-radius: 50%;object-fit: cover;vertical-align: middle;height: 36px;width: 36px;margin-right: var(--padding-narrow);object-position: center 0%;}
/* navigation block */
#navigation {display:block;height:44px;}
.navigation_head {padding:var(--padding-basic) 6px;background-color:var(--color-darkgray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.navigation_mobile {
  display:none;position:absolute;top:0;
  background-color:var(--color-darkgray);
  padding:8px 15px;font-weight:700;
}
.navigation_head li.child {display:none;}
.navigation_body {
  display:none;position:absolute;z-index:200;width:calc(100% - 8px);border:1px solid var(--border);border-top:0px;background-color:var(--color-lightgray);
  padding-left:6px;
  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:var(--color-white);}
.navigation_head a:hover {color:var(--color-font-hover);}
.navigation_body ul {padding-top:var(--padding-narrow);min-height:350px;border-right:1px solid var(--border);}
.navigation_body li {height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.navigation_body li:first-child {padding-top:var(--padding-basic);}
.navigation_body li:last-child {padding-bottom:var(--padding-basic);}
.upline {border-top:1px solid var(--border);padding-top:var(--padding-narrow);}

/* contents block */
body.is-scrolled {width: fit-content;min-width: 100%;}
#container {position:relative;min-height:500px;margin-top:20px;width:calc(100% - 20px);padding:var(--padding-narrow) var(--padding-basic) 50px var(--padding-basic);}
#container>div, #container>form>div, #container>table, #container>form>table {position:relative;width:100%;margin-top: 6px;}
#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%;}
#comment-regist-block {padding: var(--padding-basic);border: 1px solid var(--border);margin: var(--padding-basic) 0;border-radius: var(--radius-basic);}

.head {padding-bottom:var(--padding-narrow);}
.location {width: calc(100% - 20px);text-align:right;font-size:var(--font-size-small);margin:-30px 0 var(--padding-basic) 0;}
.location a {color:var(--color-darkgray);}
.location a:first-child:before {
  vertical-align:bottom;
  font-family: "fontAwesome";
  content: '\e00d';
  vertical-align:middle;
  margin-right:3px;
}
.location a:not(:first-child):before {content:' / ';}

#footer {position:relative;margin-top:auto;padding:10px;width:calc(100% - 30px);border-top:1px solid var(--border);}

/* 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 var(--border);border-radius:var(--radius-box);background-color:var(--color-white);}
.popup .header {position:relative;display:block;height:40px;border-bottom:1px solid var(--border);margin-bottom:var(--padding-basic);}
.popup .header .title {position:absolute;top:var(--padding-basic);font-size:var(--font-size-emphasis);}
.popup .header .close {position:absolute;top:var(--padding-basic);right:var(--padding-basic);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:0;}
#popup .header {width:calc(100% - 40px);padding:0 20px;height:70px;border-bottom:1px solid var(--border);background-color:var(--color-gray);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-flex;max-width:50%;}
#popup .header span {position: absolute;right: var(--padding-basic);top: 30px;}
#popup .body {padding:0 20px;}
#popup table {width:100%;}
#popup .footer {position:fixed;bottom:0;border-top:1px solid var(--border);background-color:var(--color-gray);padding:20px;text-align:center;}

div.subtitle {display: flex;align-items: center;}
div.subtitle span.btn-block {margin-left: auto;margin-top: 14px;}

/* paging */
.paging {padding-top:20px;text-align:left;}
.paging a {padding:7px var(--padding-basic);border:1px solid var(--border);border-radius:var(--radius-btn);margin-right:2px;}
.paging a.on {background-color:#eee;font-weight:bold;}
.paging a.btn {padding:var(--padding-narrow) var(--padding-basic) var(--padding-narrow) var(--padding-basic);background-color:var(--color-downgray);border:1px solid var(--color-downgray);}
.paging a:hover {background-color:#d26;color:var(--color-white);border:1px solid #d62764;}

/* vertical pane */
div.left_pane, div.right_pane {display:inline-block;padding-top:var(--padding-basic);padding-bottom:50px;vertical-align:top;}
div.left_pane {height:stretch;padding-top:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--border);}
div.left_pane img {border:0px;vertical-align:middle;width:18px;height:18px;}
div.dTreeNode {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:var(--padding-narrow-minus);border-bottom:1px solid var(--border);font-size:var(--font-size-emphasis);}
div.left_pane h2 span {position:absolute;right:var(--padding-basic);}
div.left_pane p {border-top:1px solid var(--border);font-size:var(--font-size-small);}
div.btn_block {padding-top:var(--padding-basic);padding-bottom:4px;}
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:var(--padding-narrow);}
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:var(--padding-narrow);border:1px solid var(--border);border-radius:var(--radius-btn);cursor:pointer;
  padding:2px 15px;background-color:var(--color-lightgray);;
  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 {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:var(--padding-narrow);}
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 var(--border);padding:2px;background-color:var(--color-lightgray);;margin-left:var(--padding-narrow);margin-right:8px;}
.signbox {height:63px;}
span.sign {display:inline-block;padding:7px 4px;font-weight:bold;border-radius:50%;margin-bottom:var(--padding-narrow);}
span.ok {border:2px solid var(--color-submit);color:var(--color-submit);}
span.reject {border:2px solid var(--bg-accent);color:var(--bg-accent);}
span.consenter {white-space:nowrap;margin-bottom:var(--padding-narrow);}
span.SIGN2 {background-color:var(--color-submit);border-radius: var(--radius-box);padding:3px 8px;margin-left:var(--padding-narrow);margin-right:var(--padding-narrow);color:white;}
span.SIGN3 {background-color:var(--bg-accent);border-radius: var(--radius-box);padding:3px 8px;margin-left:var(--padding-narrow);margin-right:var(--padding-narrow);color:white;}
a.btnForDropFile {margin-left:var(--padding-basic);padding:2px 7px;border-radius: var(--radius-toolbox);font-size:var(--font-size-tiny);}

ul.absencelist {margin:var(--padding-basic) 0px;border-top:1px solid var(--border);padding:var(--padding-basic) 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:var(--padding-basic);font-size:var(--font-size-emphasis);}
table.subitemtitle td span.title {width:270px;}
table.subitemtitle td a {background-color:var(--danger);padding:15px;}
table.subitemtitle td {padding:0;border-bottom:0;}

.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 var(--border);padding:var(--padding-basic);}
.notification_center h2 {padding:0;margin:0;padding-bottom:var(--padding-basic);}
.notification_center li {white-space:nowrap;overflow:hidden;text-overflow:hidden;border-top:1px solid var(--border);padding:var(--padding-narrow) 0;}
.notification_center span {display:inline-block;width:80px;white-space:nowrap;overflow:hidden;text-overflow:hidden;padding-right:var(--padding-basic);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: var(--radius-toolbox);background-color:var(--danger);color:white;padding:0 7px 0 var(--padding-narrow);}
span.subbtn {display:inline-block;position:absolute;right:40px;top:3px;}
span.gbn {display:inline-block;width:250px;}

/* approval status */
span.status {border-radius:var(--radius-btn);padding:var(--padding-narrow) 8px;color:var(--color-white);font-size:var(--font-size-small);}
span.D0001 {background-color:#008000;}
span.D0002 {background-color:#800000;}
span.D0003, span.D0005 {background-color:#808080;}
span.D0004 {background-color:#000080;}
span.bullet_comment {margin-left:var(--padding-narrow);background-color:olive;color:white;padding:2px 6px;font-size:var(--font-size-small);border-radius: var(--radius-toolbox);}

/* upload file */
#dragandrophandler {
  border:1px dotted var(--border-accent);
  width:calc(100% - var(--padding-basic));
  color:#92AAB0;
  text-align:left;vertical-align:middle;
  padding:var(--padding-narrow) 0px 30px var(--padding-narrow);
  margin-bottom:var(--padding-basic);
}
#ul_attached_files {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
ul._md_attached_files_block_>li>a {white-space: normal;word-break: break-all;}


/* 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:var(--font-size-small);}
#documents li {padding:var(--padding-narrow) 0;border-top:1px dotted var(--border);}
#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 var(--border);}
.draft_content_body th {background-color:var(--color-lightgray);;width:100px;}

/* for notification */
.notification_block {
  display:none;position:absolute;z-index:500;width:420px;top:var(--padding-narrow);right:var(--padding-narrow);height:auto;
  padding:0;margin:0;border:1px solid var(--color-smokegray);border-radius:var(--padding-basic);background-color:white;
  box-shadow:0px 0px var(--padding-narrow) var(--color-smokegray);
}
i.notification {cursor:pointer;vertical-align: middle;}
i.notification:hover {animation: zigzag .4s linear 2;}

#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: var(--radius-toolbox);font-size:var(--font-size-small);}
span.currencyiso.KRW {background-color:var(--color-lurian);}

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

.body_content {margin-top:20px;margin-bottom:20px;}
.body_content table {width:100%;}
.body_content th, .body_content td {border:1px solid var(--border);padding:var(--padding-basic);}
.body_content th {background-color:var(--color-lightgray);;}

/* 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:var(--tr-hover);}
table.detail tr:hover, table.app_block tr:hover {background-color:white;}
li.simple_hide {display:none;}

/* ckeditor */
#cke_1_contents {padding:var(--padding-basic);}

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

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

div#hasnopermission {padding:120px 0;color:var(--color-comment);text-align:center;}
#persistent-fcm-toast {position: fixed;bottom: 10px;right: 10px;z-index: 99999;width: 300px;background: #fff;border-left: 5px solid var(--bg-accent);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);border-radius: 5px;padding: 15px;}
.tip {padding-top: var(--padding-narrow) !important;color:var(--color-comment);opacity:0.5;font-size:var(--font-size-small);text-align:left;white-space: normal;}

@media only screen and (min-width:768px) and (max-width:1520px) {
  body {overflow-x:auto;}
  table.searchbox li {min-width:auto;}
  table.searchbox select {width:120px;min-width:120px;}
  table.searchbox input {width:108px;min-width:108px;}
  .mobile_show_inline_table {display:inline-table;}
  .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;}
  .mobile_show_table {visibility:visible;}

  body {overflow-x:auto;}
  #header span.ci {padding:var(--padding-narrow) 0;margin-top: var(--padding-narrow);}
  #header span.ci img.burger {display:inline-block;filter: invert(100%);}
  #container, #header {min-width:320px;width:calc(100% - 20px);padding-left:var(--padding-basic);padding-right:var(--padding-basic);}
  #container {margin-top:0px;padding-top:25px;}
  #container>div, #container>form>div {padding-left:0px;width: 100%;}
  #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 {z-index: 10;margin-bottom: var(--padding-basic);}
  table.searchbox td.fill {display:none;}
  table.searchbox ul {width:100%;}
  table.searchbox li {display:block;width:100%;}
  table.searchbox label {width:60px;}
  table.searchbox select {width:calc(100% - 85px);}
  table.searchbox input  {width:calc(100% - 85px);}

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

  div.hasLineInMobile {border-bottom:0;}
  table.hasLineInMobile {border-top:1px solid var(--border);}

  table.searchbox.list {border-top:1px solid var(--border);}
  div.btn_block {padding-bottom:var(--padding-basic);border-bottom:1px solid var(--border);}
  table.app_block>colgroup>col:last-child {width:0;}
  table.app_line {margin-top:var(--padding-narrow);}
  col.app_info_th {width:70px;}

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

  #header {z-index:201;background-color:var(--color-deepgray);border-bottom:2px solid var(--color-deepgray);color:var(--color-white);}
  #header a {color:var(--color-white);}
  #header a:hover {color:var(--color-font-hover);}
  #header span.user {margin-top:7px;margin-right:0;}

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

  #navigation {
    display:none;
    position:fixed;
    top:0px;
    padding-top: calc(53px + env(safe-area-inset-top));
    bottom:0;
    height:auto;
    width:150px;
    z-index:200;
    background-color:var(--color-deepgray);
    left:0;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
  #navigation.open {transform: translateX(0);}
  #navigation a {color:var(--color-white);}
  #navigation li {white-space:nowrap;height:auto;padding:14px var(--padding-basic);border-bottom:1px solid rgba(50, 50, 50, 0.2);}
  .navigation_head {height:auto;background-color:transparent;padding-top:var(--padding-basic);min-width:0px;}
  .navigation_head ul {display:block;}
  .navigation_head>ul>li {clear:both;}
  .navigation_mobile {position:fixed;top:0px;bottom:0;height:auto;left:150px;padding-top:calc(53px + env(safe-area-inset-top) + var(--padding-basic));transform: translateX(-100%);transition: transform 0.6s ease;}
  .navigation_mobile.open {transform: translateX(0);}
  .navigation_head>ul>li, .navigation_mobile>ul>li {min-width:120px;width:auto;height:30px;margin-right:var(--padding-basic);}

  .location {display:none;}
  .upline {border-top:0;padding-top:0;}
  .title {font-size:var(--font-size-emphasis);}

  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;}

}
@media print {
  @page {size:210mm 297mm;}
  html, body, div, table {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 !important;}
  #container div:not(.form-item), #container table {margin-top:var(--padding-basic) !important;}
  .print_show {display:block;}
  h1.print_show {margin-bottom:20px;}
  #Apptbody td, .Apptbody td {width:55px;}
  col.app_info_th {min-width:70px;}
 .tip {display:none;}
}