@charset "utf-8";
/*color*/

/* wrap */
/*#wrap {min-width:1600px;height:100%;position:relative;overflow:hidden;}*/
#wrap {height: 100%; position:relative;overflow:hidden;}
#wrap_warning {z-index: 99999; width:100%; height:calc(100% - 40px); background-color: var(--sub-color);opacity: 0.5; position: absolute; display: none; height:0;}

/* aside */
#aside {position:fixed;top:0;left:0;width:240px;height:100%;z-index:11;background:#1E1E2D;}
#aside h1 {display:flex;align-items:center;height:50px;border-bottom:4px solid #1E1E2D;padding:0 15px;}
#aside h1 a {margin-top:8px;}
body.lnb-open #aside h1 a {width:100%; text-align:center;}
body.lnb-open #aside h1 a img.menu_ci {max-height:30px;}

/*#aside h1 img {height:100%;}*/
#aside h1 img.menu_logo {max-width:160px; max-height:30px;}
#aside h1 span {display:inline-block;width:180px;height:32px;overflow:hidden; color: #fff; font-size:20px; padding-top: 10px;}

/*#aside h1 span {display:inline-block;width:150px;height:32px; color:#fff; line-height:40px; font-size:22px;}*/
#aside .nav-menu {position:absolute;right:10px;top:10px;display:inline-block;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../images/common/ico_nav_menu.png') no-repeat 50% 50%;transition:all 0.3s;}
#aside .nav-menu:hover {background:url('../images/common/ico_nav_menu_on.png') no-repeat 50% 50%;transform:translate(-8px, 0);}
#aside .nav-menu.on {right:-32px;background:url('../images/common/ico_nav_menu.png') no-repeat 50% 50%;transform:rotate(180deg);}
#aside .nav-menu.on:hover {background:url('../images/common/ico_nav_menu_on.png') no-repeat 50% 50%;transform:rotate(180deg) translate(-8px, 0);}
@-webkit-keyframes menu-hover {
  0% {-webkit-transform:translateX(0);transform:translateX(0);}
  100% {-webkit-transform:translateX(10px);transform:translateX(10px);}
}

#aside .menu-section {position:fixed;top:0;left:0;width:240px;height:100%;background:#1E1E2D;transition:all 0.2s;}
#aside .place-sel {font-size:16px;background:#1E1E2D;border-bottom:1px solid #2a2a3c; padding:0;}
#aside .place-sel a {display:block;padding:12px 16px;color:#ADADBD;background:url('../images/common/ico_lnb_arrow.png') no-repeat right 16px top 50%;transition:all 0.3s;}
#aside .place-sel a:hover {background-color:#161623;}
#aside .lnb {padding:0 0 0 8px;height:calc(100% - 190px);overflow-x:hidden;overflow-y:auto;line-height:18px;}
#aside .lnb::-webkit-scrollbar {width:5px;height:5px;}
#aside .lnb::-webkit-scrollbar-track {background:#1E1E2D;}
#aside .lnb::-webkit-scrollbar-thumb {background:#455382;}
#aside .lnb ul {display:none;}
#aside .lnb li {position:relative;}
#aside .lnb li a {display:block;color:#ADADBD;cursor:pointer;}
#aside .lnb li a:hover {color:#fff;}
#aside .lnb > li > a {padding:10px 25px 10px 10px;font-size:15px;transition:all 0.1s;border-radius:4px 0px 0px 4px;}
#aside .lnb > li > a i {display:inline-block;width:18px;margin-right:5px;}
/*
#aside .lnb > li:nth-child(1) > a {background:url('../images/common/ico_nav1.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(2) > a {background:url('../images/common/ico_nav2.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(3) > a {background:url('../images/common/ico_nav3.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(4) > a {background:url('../images/common/ico_nav4.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(5) > a {background:url('../images/common/ico_nav5.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(6) > a {background:url('../images/common/ico_nav6.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(7) > a {background:url('../images/common/ico_nav7.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(1) > a:hover,#aside .lnb li:nth-child(1).dep-menu.active > a,#aside .lnb li:nth-child(1).dep-menu.open > a {background:var(--main-color) url('../images/common/ico_nav1_on.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(2) > a:hover,#aside .lnb li:nth-child(2).dep-menu.active > a,#aside .lnb li:nth-child(2).dep-menu.open > a {background:var(--main-color) url('../images/common/ico_nav2_on.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(3) > a:hover,#aside .lnb li:nth-child(3).dep-menu.active > a,#aside .lnb li:nth-child(3).dep-menu.open > a {background:var(--main-color) url('../images/common/ico_nav3_on.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(4) > a:hover,#aside .lnb li:nth-child(4).dep-menu.active > a,#aside .lnb li:nth-child(4).dep-menu.open > a {background:var(--main-color) url('../images/common/ico_nav4_on.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(5) > a:hover,#aside .lnb li:nth-child(5).dep-menu.active > a,#aside .lnb li:nth-child(5).dep-menu.open > a {background:var(--main-color) url('../images/common/ico_nav5_on.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(6) > a:hover,#aside .lnb li:nth-child(6).dep-menu.active > a,#aside .lnb li:nth-child(6).dep-menu.open > a {background:var(--main-color) url('../images/common/ico_nav6_on.png') no-repeat 8px 50%;}
#aside .lnb > li:nth-child(7) > a:hover,#aside .lnb li:nth-child(7).dep-menu.active > a,#aside .lnb li:nth-child(7).dep-menu.open > a {background:var(--main-color) url('../images/common/ico_nav7_on.png') no-repeat 8px 50%;}
*/
#aside .lnb > li > a:hover {background-color:#6e5b4e;}
#aside .lnb li.active > a {color:#fff;background-color:var(--main-color);}
#aside .lnb li.dep-menu:after {content:"";position:absolute;right:16px;top:17px;width:10px;height:5px;background:url('../images/common/ico_lnb_arrow.png') no-repeat 0 0;transition:all 0.5s;}
#aside .lnb li.dep-menu.open:after {background:url('../images/common/ico_lnb_arrow_on.png') no-repeat 0 0;transform:rotate(-180deg);}
#aside .lnb li.dep-menu.open > a {color:#fff;background-color:#2b2b3d;}
#aside .lnb li.dep-menu.active > a {color:#fff;background-color:var(--main-color);}
#aside .lnb > li > ul {padding:10px 10px;}
#aside .lnb li li a,#aside .lnb li li.dep-menu.active a,#aside .lnb li li.dep-menu.open a {position:relative; margin-left:0px; padding:8px 16px 8px 18px;font-size:14px;border-radius:4px;transition:all 0.3s;}
#aside .lnb li li a:hover,#aside .lnb li li.active a,#aside .lnb li li.dep-menu.active a,#aside .lnb li li.dep-menu.open a {color:#fff;background:#373749!important;}
#aside .lnb li li:hover:before,#aside .lnb li li.active:before,#aside .lnb li li.dep-menu.active:before,#aside .lnb li li.dep-menu.open:before {content:"";position:absolute;top:0;left:10px;width:2px;height:18px;background:var(--main-color);z-index:1;animation:ani-hover 1s forwards;}
#aside .lnb li li.dep-menu:after {top:14px;}
#aside .lnb li li li a,#aside .lnb li li.dep-menu.active li a,#aside .lnb li li.dep-menu.open li a {padding:8px 16px 8px 36px;font-size:13px;color:#ADADBD;background:transparent !important;}
#aside .lnb li li li a:hover,#aside .lnb li li.active li.active a,#aside .lnb li li.dep-menu.open li.active a {color:#fd6c61 !important;background:transparent !important;}
#aside .lnb li li li:hover:before,#aside .lnb li li li.active:before {content:"";position:absolute;top:14px;left:28px;width:3px;height:3px;background:var(--main-color);}
@-webkit-keyframes ani-hover {
  0% {-webkit-transform:translateY(0);transform:translateY(0);}
  40% {-webkit-transform:translateY(70%);transform:translateY(70%);}
  100% {-webkit-transform:translateY(50%);transform:translateY(50%);}
}
#aside .aside-bottom {position:absolute;bottom:0;left:0;right:0;height:140px;background:#1E1E2D;display:flex;flex-direction:column;justify-content:space-between;}
#aside .aside-bottom .guide-wrap {margin:16px;padding:6px;background:#161623;border-radius:10px;display:flex;flex-wrap:wrap;}
#aside .aside-bottom .guide-wrap a {display:block;padding:9px 10px;color:#D0D0DC;font-size:15px;background:url('../images/common/ico_arrow.png') no-repeat right 10px top 50%;}
#aside .aside-bottom .guide-wrap li {position:relative;border-radius:8px;transition:all 0.3s;width:100%;}
#aside .aside-bottom .guide-wrap li:hover {background-color:#1E1E2D;}
/*#aside .aside-bottom .guide-wrap .notify {background:url('../images/common/ico_notify.png') no-repeat 10px 50%;}*/
#aside .aside-bottom .guide-wrap .notify a {background:none;}
#aside .aside-bottom .guide-wrap .notify span {transform:translateY(-50%);display:inline-block;min-width:18px;height:18px;line-height:16px;text-align:center;font-size:10px;background:var(--main-color);border-radius:18px;}
/*#aside .aside-bottom .guide-wrap .language {background:url('../images/common/ico_language.png') no-repeat 10px 50%;}*/
#aside .aside-bottom .guide-wrap .language.on {background-color:#1E1E2D;}
#aside .aside-bottom .guide-wrap .language-sel {display:none;position:absolute;left:-5px;right:-104px;bottom:40px;padding:5px;background:#000;border-radius:10px; width:208px;}
#aside .aside-bottom .guide-wrap .language-sel a {padding:6px 15px;font-size:14px;border-radius:5px;transition:all 0.2s;background:none;}
#aside .aside-bottom .guide-wrap .language-sel a:hover {background-color:#1E1E2D;}
#aside .aside-bottom .guide-wrap .language-sel a i {margin-right:5px;}
#aside .aside-bottom .guide-wrap .config.on {background-color:#1E1E2D;}
#aside .aside-bottom .guide-wrap .config-sel {display:none;position:absolute;left:-104px;right:-5px;bottom:40px;padding:5px;background:#000;border-radius:10px;}
#aside .aside-bottom .guide-wrap .config-sel a {padding:6px 15px;font-size:14px;border-radius:5px;transition:all 0.2s;background:none;}
#aside .aside-bottom .guide-wrap .config-sel a.bold {font-weight: 700;}
#aside .aside-bottom .guide-wrap .config-sel a:hover {background-color:#1E1E2D;}
#aside .aside-bottom .guide-wrap .config-sel a i {margin-right:5px;}
#aside .aside-bottom .guide-wrap .config-sel p {margin-top: 10px; padding:5px 12px; font-size:12px; color: #D0D0DC;}
#aside .aside-bottom .guide-wrap .config-sel p a {padding:0; font-size:12px; border: none; display: inline-block;text-decoration:underline;}
/*#aside .aside-bottom .guide-wrap .guide {background:url('../images/common/ico_guide.png') no-repeat 10px 50%;}*/
#aside .aside-bottom .theme-wrap {display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;background:#232336;}
#aside .aside-bottom .theme-wrap .theme {width:88px;height:28px;color:#fff;font-size:14px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);border-radius:16px;text-align:left;padding:0 15px;background:#2A2B3A url('../images/common/ico_dark.png') no-repeat right 2px top 50%;transition:all 0.3s;}
#aside .aside-bottom .theme-wrap .theme em {display:none;}
#aside .aside-bottom .theme-wrap .theme.on {text-align:right;padding:0 20px;background:#2A2B3A url('../images/common/ico_light.png') no-repeat 2px 50%;}
#aside .aside-bottom .theme-wrap .theme.on span {display:none;}
#aside .aside-bottom .theme-wrap .theme.on em {display:inline-block;}
#aside .aside-bottom .theme-wrap .logout {position:relative;padding-right:40px;color:#fff;font-size:14px;background:url('../images/common/ico_logout.png') no-repeat right 10px top 50%;}
#aside .aside-bottom .theme-wrap .logout:before {content:"";position:absolute;top:2px;left:-19px;width:1px;height:21px;background:#2D2D3D;}

.aside-process-state {position:fixed;left:-100%;top:50px;width:240px;height:calc(100% - 50px);background:#fff;overflow:auto;z-index:20;transition:all 0.5s;background: #1E1E2D;}
.aside-process-state .list-header {display:flex;justify-content:center;align-items:center;justify-content:space-between;padding:16px 16px 10px 16px;}
.aside-process-state .list-header h3 {position:relative;font-size:16px;font-weight:bold;color:#fff;padding-left:10px;}
.aside-process-state .list-header h3:before {content:"";position:absolute;top:0;left:0;width:2px;height:16px;background:#fff;}
.aside-process-state .list-header .close {display:inline-block;width:16px;height:16px;text-indent:-999px;overflow:hidden;background:url('../images/common/ico_aside_close.png') no-repeat 50% 50%;}
.aside-process-state .list-header .all-step {position:absolute;top:16px;right:44px;display:inline-block;width:16px;height:16px;text-indent:-999px;overflow:hidden;background:url('../images/common/ico_aside_open.png') no-repeat 50% 50%;}
.aside-process-state .list-header .all-step.on {background:url('../images/common/ico_aside_open_on.png') no-repeat 50% 50%;}
.aside-process-state .list-toggle {padding:0 14px;}
.aside-process-state .list-toggle li {margin-top:8px;border-radius:8px;border:1px solid rgba(238, 238, 238, 0.15);background:#2E2E41;transition:all 0.5s;}
.aside-process-state .list-toggle li .tit {padding:12px 15px 12px 15px;cursor:pointer;background:url('../images/common/ico_toggle_arrow.png') no-repeat right 8px top 20%;}
.aside-process-state .list-toggle li.on .tit {background:url('../images/common/ico_toggle_arrow_on.png') no-repeat right 8px top 20%;}
.aside-process-state .list-toggle li .tit p {letter-spacing:-0.8px; width: calc(100% - 15px);}
.aside-process-state .list-toggle li .tit p span {display:block;color:rgba(255, 255, 255, 0.80);font-size: 15px;}
.aside-process-state .list-toggle li .tit p em {display:block;color: rgba(213, 213, 214, 0.60);font-size: 13px;}
.aside-process-state .list-toggle li.on .tit p span {color:#1E1E2D;font-weight:700;}
.aside-process-state .list-toggle li.on .tit p em {color:#1E1E2D;}
.aside-process-state .list-toggle li .tit .block-rate .rate {display:inline-block;width:100%;height:3px;border-radius:5px;background-color:#676775;overflow:hidden;}
.aside-process-state .list-toggle li .tit .block-rate .rate em {display:block;height:3px;background-color:#21CF90;}
.aside-process-state .list-toggle li .tit .block-rate .num {font-size:12px;color:#A4A4A4;text-align:right;height:18px;}
.aside-process-state .list-toggle li .tit .block-rate .num strong {color:#21CF90;font-size:18px;font-weight:400;}
.aside-process-state .list-toggle li .tit .block-rate .num em {color:#21CF90;font-size: 12px;}
.aside-process-state .list-toggle li.on .tit .block-rate .rate {background-color:#ededed;}
.aside-process-state .list-toggle li.on .tit .block-rate .num {color:#1E1E2D;}
.aside-process-state .list-toggle li .cont {display:none;padding:10px;}
.aside-process-state .list-toggle li.on {background-color:#FAFAFA;}
.aside-process-state .list-toggle li.on .cont {border-top: 1px solid #eee;}
.aside-process-state .list-toggle li .cont .state-header {display:flex;padding:6px 2px;align-items: center;background-color:#dedede;border-radius:3px;}
.aside-process-state .list-toggle li .cont .state-header div {width:calc(100%/3);color:#777;text-align: center;font-size: 12px;}
.aside-process-state .list-toggle li .cont .state-header div:last-of-type {width:40%;}
.aside-process-state .list-toggle li .cont .state-cont {display:flex;padding:6px 2px;align-items:center;margin-top:4px;border:1px solid #eee;border-radius:3px;}
.aside-process-state .list-toggle li .cont .state-cont div {position:relative;width:calc(100%/3);color:#54585A;text-align: center;font-size: 12px;}
.aside-process-state .list-toggle li .cont .state-cont div span {padding-left:2px;color:#D2AC65;}
.aside-process-state .list-toggle li .cont .state-cont div:last-of-type {width:40%;}
.aside-process-state .list-toggle li .cont .state-cont div:before {content:"";position:absolute;top:5px;left:0;width:1px;height:9px;background:#eee;}
.aside-process-state .list-toggle li .cont .state-cont div:first-of-type:before {display:none;}
.aside-explanatory-notes {position:fixed;left:-100%;top:50px;width:240px;height:calc(100% - 50px);background:#fff;overflow:auto;z-index:20;transition:all 0.5s;background: #1E1E2D;}
.aside-explanatory-notes .list-header {display:flex;justify-content:center;align-items:center;justify-content:space-between;padding:16px 16px 0 16px;}
.aside-explanatory-notes .list-header h3 {position:relative;font-size:16px;font-weight:bold;color:#fff;padding-left:10px;}
.aside-explanatory-notes .list-header h3:before {content:"";position:absolute;top:0;left:0;width:2px;height:16px;background:#fff;}
.aside-explanatory-notes .list-header .close {display:inline-block;width:16px;height:16px;text-indent:-999px;overflow:hidden;background:url('../images/common/ico_aside_close.png') no-repeat 50% 50%;}
.aside-explanatory-notes .notes-list {padding:0 14px;}
.aside-explanatory-notes .notes-list li {display:flex;align-items:center;min-height:40px;margin-top:16px;padding:8px 10px;border-radius:4px;letter-spacing:-0.75px;border:1px solid rgba(238, 238, 238, 0.15);background:#2E2E41;color:#D5D5D6;font-size:14px;line-height:1.3;}
.aside-explanatory-notes .notes-list.only-info li {min-height:0; border-radius:0;border: none;padding:0;background: none;font-size:14px;}
.aside-explanatory-notes .notes-list.only-info li.center-line {display:flex;min-height:0;margin-top:16px;padding:0;border-radius:0px;border: none; border-top:1px solid rgba(238, 238, 238, 0.15);background:none;}
.aside-explanatory-notes .notes-list.only-info li img {width:20px; height:20px;}
.aside-explanatory-notes .notes-list li img {margin-right:8px;}
.aside-explanatory-notes .notes-list li i {width:20px;height:20px;margin-right:10px; font-size:20px}
.aside-explanatory-notes .notes-list li i.ico1:before {content:"";position:absolute;top:0;left:6px;width:2px;height:14px;border-left:3px solid #877669;border-radius:3px;}
.aside-explanatory-notes .notes-list li i.ico2 {background: #eee;}

/*.aside-explanatory-notes .notes-list li i.ico2:before {content:"F";position:absolute;top:0;left:4px;color:#000;font-size:12px;font-style:normal;font-weight:bold;}
.aside-explanatory-notes .notes-list li i.ico3:before {content:"";position:absolute;top:6px;left:-1px;width:17px;height:2px;border-top:3px dotted #6730EC;border-radius:3px;}
.aside-explanatory-notes .notes-list li i.ico4:before {content:"";position:absolute;top:6px;left:-1px;width:17px;height:2px;border-top:3px solid #EC3030;border-radius:3px;}
.aside-explanatory-notes .notes-list li i.ico5:before {content:"";position:absolute;top:6px;left:-1px;width:17px;height:2px;border-top:3px solid #79EEA1;border-radius:3px;}*/
.aside-explanatory-notes .notes-list li i.ico1 {background: var(--upcomming);}
.aside-explanatory-notes .notes-list li i.ico3 {background: var(--progress3);}
.aside-explanatory-notes .notes-list li i.ico5 {background: var(--progress5);}
.aside-explanatory-notes .notes-list li i.ico9 {background: var(--progress9);}
.aside-explanatory-notes .notes-list li > span {position:relative;display:inline-block;padding-left:8px;}
.aside-explanatory-notes .notes-list li > span:before {content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#636363;}
.aside-explanatory-notes .notes-list li > span em {font-size:12px;}
.aside-explanatory-notes .notes-list.option_status li > div {position: relative;padding-left:8px;}
.aside-explanatory-notes .notes-list.option_status li > div:before {content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#636363;}

/*범례*/
.aside-explanatory-notes .mo-0 {background-color: var(--month-0); color: var(--month-0);}
.aside-explanatory-notes .mo-1 {background-color: var(--month-1); color: var(--month-1);}
.aside-explanatory-notes .mo-2 {background-color: var(--month-2); color: var(--month-2);}
.aside-explanatory-notes .mo-a {background-color: var(--month-a); color: var(--month-a);}

.aside-explanatory-notes .co-0 {background-color: #8DBAF0;}
.aside-explanatory-notes .co-1 {background-color: #FAB7B5;}
.aside-explanatory-notes .co-2 {background-color: #C19EEF;}
.aside-explanatory-notes .co-3 {background-color: #C0E86C;}

body.theme-light .aside-process-state {background:#FBFBFA;border-right:1px solid #eee;}
body.theme-light .aside-process-state .list-header {border-bottom:1px solid #eee;padding:16px;}
body.theme-light .aside-process-state .list-header h3 {color:#756457;}
body.theme-light .aside-process-state .list-header h3:before {background:#877669;}
body.theme-light .aside-process-state .list-header .close {background:url('../images/common/ico_aside_close2.png') no-repeat 50% 50%;}
body.theme-light .aside-process-state .list-header .all-step {background:url('../images/common/ico_aside_open2.png') no-repeat 50% 50%;}
body.theme-light .aside-process-state .list-header .all-step.on {background:url('../images/common/ico_aside_open2_on.png') no-repeat 50% 50%;}
body.theme-light .list-toggle {padding:0;}
body.theme-light .aside-process-state .list-toggle li {margin-top:0;border-radius:0;border-bottom:1px solid #eee;background:#fff;}
body.theme-light .aside-process-state .list-toggle li .cont .state-header {background-color:#eee;}
body.theme-light .aside-process-state .list-toggle li .tit p span {color:#000;font-weight:700;}
body.theme-light .aside-process-state .list-toggle li.on .tit p span {color:#000;}
body.theme-light .aside-process-state .list-toggle li .tit p em {color:#A4A4A4;}
body.theme-light .aside-process-state .list-toggle li.on .tit p em {color:#A4A4A4;}
body.theme-light .aside-explanatory-notes {background:#FBFBFA;border-right:1px solid #eee;}
body.theme-light .aside-explanatory-notes .list-header {border-bottom:1px solid #eee;padding:16px;}
body.theme-light .aside-explanatory-notes .list-header h3 {color:#756457;}
body.theme-light .aside-explanatory-notes .list-header h3:before {background:#877669;}
body.theme-light .aside-explanatory-notes .list-header .close {background:url('../images/common/ico_aside_close2.png') no-repeat 50% 50%;}
body.theme-light .aside-explanatory-notes .notes-list li {border:1px solid #eee;background:#fff;color:#262626;margin-top:10px;}
body.theme-light .aside-explanatory-notes .notes-list li span:before {background:#eaeaea;}
body.theme-light .aside-explanatory-notes .notes-list.only-info li {min-height:0; border-radius:0;border: none;padding:0;background: none;}
body.theme-light .aside-explanatory-notes .notes-list.only-info li.center-line {display:flex;min-height:0;margin-top:16px;padding:0;border-radius:0px;border: none; border-top:1px solid #999;background:none;}
body.theme-light #aside h1 img.menu_logo.tm-dark {display:none}
body.theme-light #aside h1 img.menu_ci.tm-dark {display:none}
body.theme-dark #aside h1 img.menu_logo.menu_logo.tm-light {display:none}
body.theme-dark #aside h1 img.menu_ci.tm-light {display:none}

/* aside fold */
body.lnb-open #aside {width:64px;}
body.lnb-open #aside .menu-section {width:64px;}
body.lnb-open #aside h1 span {width:32px;height:32px;background:url('../images/common/logo_small.png') no-repeat 50% 50%;}
body.lnb-open #aside .place-sel {display:none;}
body.lnb-open #aside .lnb {padding:0 10px;}
body.lnb-open #aside .lnb ul {display:none !important;}
body.lnb-open #aside .lnb li a span {text-indent:-9999px;display:inline-block;}
body.lnb-open #aside .lnb > li > a {text-align:center;}
body.lnb-open #aside .lnb > li > a i {font-size:18px;margin-right:0;width:14px;}
body.lnb-open #aside .lnb > li > a {padding:13px 10px;border-radius:10px;background-position:50% 50%;}
body.lnb-open #aside .lnb > li > a:hover,body.lnb-open #aside .lnb li.dep-menu.active > a,body.lnb-open #aside .lnb li.dep-menu.open > a {background-position:50% 50%;}
body.lnb-open #aside .lnb li.dep-menu:after {display:none;}
body.lnb-open #aside .lnb li.dep-menu.open:after {display:none;}
body.lnb-open #aside .aside-bottom {height:auto;}
body.lnb-open #aside .aside-bottom .guide-wrap {margin:0;padding:6px 0;background:#161623;border-radius:0;display:block;}
body.lnb-open #aside .aside-bottom .guide-wrap a {background:none;}
body.lnb-open #aside .aside-bottom .guide-wrap a em {display:none;}
body.lnb-open #aside .aside-bottom .guide-wrap a i {font-size:20px;}
body.lnb-open #aside .aside-bottom .guide-wrap li {background-position:50% 50%;width:auto;text-align:center;}
body.lnb-open #aside .aside-bottom .guide-wrap .notify span {position:absolute;right:13px;top:33%;text-indent:0;}
body.lnb-open #aside .aside-bottom .guide-wrap .language-sel {display:none !important;}
body.lnb-open #aside .aside-bottom .theme-wrap {display:block;height:auto;padding:10px;}
body.lnb-open #aside .aside-bottom .theme-wrap .theme {width:44px;}
body.lnb-open #aside .aside-bottom .theme-wrap .theme span,body.lnb-open #aside .aside-bottom .theme-wrap .theme em {display:none;}
body.lnb-open #aside .aside-bottom .theme-wrap .logout {display:block;text-indent:-9999px;margin-top:20px;}
body.lnb-open #contents {margin-left:64px;transition:all 0.5s;}
body.lnb-open .content-header {padding-left:140px;}

/* light theme */
.theme-light #aside {background:#FAFAFA;}
.theme-light #aside h1 {position:relative;height:50px;border-bottom:4px solid #f2f2f4;}
.theme-light #aside h1:after {content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#eee;}
.theme-light #aside h1 span {background:url('../images/common/logo_light.png') no-repeat 50% 50%;}
.theme-light #aside .menu-section {background:#FAFAFA;border-right:1px solid #eee;}
.theme-light #aside .place-sel {background:#fff;border-bottom:1px solid #eee;}
.theme-light #aside .place-sel a {color:#222;background:url('../images/common/ico_lnb_arrow_light.png') no-repeat right 16px top 50%;}
.theme-light #aside .place-sel a:hover {background-color:#eaeaea;}
.theme-light #aside .lnb::-webkit-scrollbar-track {background:#e8e8e8;}
.theme-light #aside .lnb::-webkit-scrollbar-thumb {background:#ccc;}
/*.theme-light #aside .lnb li a {color:#222;}*/
/*.theme-light #aside .lnb li a:hover {color:var(--main-color);}*/
/*
.theme-light #aside .lnb > li:nth-child(1) > a {background:url('../images/common/ico_nav1_light.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(2) > a {background:url('../images/common/ico_nav2_light.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(3) > a {background:url('../images/common/ico_nav3_light.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(4) > a {background:url('../images/common/ico_nav4_light.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(5) > a {background:url('../images/common/ico_nav5_light.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(6) > a {background:url('../images/common/ico_nav6_light.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(7) > a {background:url('../images/common/ico_nav7_light.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(1) > a:hover,.theme-light #aside .lnb li:nth-child(1).dep-menu.active > a,.theme-light #aside .lnb li:nth-child(1).dep-menu.open > a {background:#fff url('../images/common/ico_nav1_light_on.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(2) > a:hover,.theme-light #aside .lnb li:nth-child(2).dep-menu.active > a,.theme-light #aside .lnb li:nth-child(2).dep-menu.open > a {background:#fff url('../images/common/ico_nav2_light_on.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(3) > a:hover,.theme-light #aside .lnb li:nth-child(3).dep-menu.active > a,.theme-light #aside .lnb li:nth-child(3).dep-menu.open > a {background:#fff url('../images/common/ico_nav3_light_on.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(4) > a:hover,.theme-light #aside .lnb li:nth-child(4).dep-menu.active > a,.theme-light #aside .lnb li:nth-child(4).dep-menu.open > a {background:#fff url('../images/common/ico_nav4_light_on.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(5) > a:hover,.theme-light #aside .lnb li:nth-child(5).dep-menu.active > a,.theme-light #aside .lnb li:nth-child(5).dep-menu.open > a {background:#fff url('../images/common/ico_nav5_light_on.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(6) > a:hover,.theme-light #aside .lnb li:nth-child(6).dep-menu.active > a,.theme-light #aside .lnb li:nth-child(6).dep-menu.open > a {background:#fff url('../images/common/ico_nav6_light_on.png') no-repeat 8px 50%;}
.theme-light #aside .lnb > li:nth-child(7) > a:hover,.theme-light #aside .lnb li:nth-child(7).dep-menu.active > a,.theme-light #aside .lnb li:nth-child(7).dep-menu.open > a {background:#fff url('../images/common/ico_nav7_light_on.png') no-repeat 8px 50%;}
*/
.theme-light #aside .lnb > li > a:hover {background-color:#e96e80;}
.theme-light #aside .lnb li.dep-menu:after {background:url('../images/common/ico_lnb_arrow_light.png') no-repeat 0 0;}
.theme-light #aside .lnb li.dep-menu.open:after {background:url('../images/common/ico_lnb_arrow_light.png') no-repeat 0 0;}
.theme-light #aside .lnb li.dep-menu.open > a {color:var(--main-color);font-weight:700;background-color:#fff;}
.theme-light #aside .lnb li.dep-menu.active > a {color:#fff;font-weight:700;background-color:var(--main-color);}
.theme-light #aside .lnb li li a {color:#54585A;}
.theme-light #aside .lnb li li a:hover,.theme-light #aside .lnb li li.active a,.theme-light #aside .lnb li li.open a {color:#222;background:rgba(210, 210, 210, 0.4) !important;font-weight:700;}
.theme-light #aside .aside-bottom {background:#FAFAFA;}
.theme-light #aside .aside-bottom .guide-wrap {background:#fff;border:1px solid #F5F5F5;}
.theme-light #aside .aside-bottom .guide-wrap a {color:#222;background:url('../images/common/ico_arrow_light.png') no-repeat right 10px top 50%;}
.theme-light #aside .aside-bottom .guide-wrap li:hover {background-color:#FAFAFA;}
/*.theme-light #aside .aside-bottom .guide-wrap .notify {background:url('../images/common/ico_notify_light.png') no-repeat 10px 50%;}*/
.theme-light #aside .aside-bottom .guide-wrap .notify span {color:#fff;}
/*.theme-light #aside .aside-bottom .guide-wrap .language {background:url('../images/common/ico_language_light.png') no-repeat 10px 50%;}*/
.theme-light #aside .aside-bottom .guide-wrap .language.on {background-color:#eee;}
.theme-light #aside .aside-bottom .guide-wrap .language-sel {background:#fff;border:1px solid #ddd;}
.theme-light #aside .aside-bottom .guide-wrap .language-sel a {color:#222;background:none;}
.theme-light #aside .aside-bottom .guide-wrap .language-sel a:hover {background-color:#eee;}
.theme-light #aside .aside-bottom .guide-wrap .config.on {background-color:#eee;}
.theme-light #aside .aside-bottom .guide-wrap .config-sel {background:#f9feff;border:1px solid #e5f9fc;}
.theme-light #aside .aside-bottom .guide-wrap .config-sel a {color:#222;background:none;}
.theme-light #aside .aside-bottom .guide-wrap .config-sel a:hover {background-color:#eee;}
/*.theme-light #aside .aside-bottom .guide-wrap .guide {background:url('../images/common/ico_guide_light.png') no-repeat 10px 50%;}*/
.theme-light #aside .aside-bottom .theme-wrap {background:#FAFAFA;}
.theme-light #aside .aside-bottom .theme-wrap .logout {color:#222;background:url('../images/common/ico_logout_light.png') no-repeat right 10px top 50%;}
.theme-light #aside .aside-bottom .theme-wrap .logout:before {background:#CACACA;}
body.lnb-open.theme-light #aside .lnb > li > a {background-position:50% 50%;}
body.lnb-open.theme-light #aside .lnb > li > a:hover,body.lnb-open.theme-light #aside .lnb li.dep-menu.active > a,body.lnb-open.theme-light #aside .lnb li.dep-menu.open > a {background-position:50% 50%;}
body.lnb-open.theme-light #aside .aside-bottom .guide-wrap {background:#fff;}
body.lnb-open.theme-light #aside .aside-bottom .guide-wrap li {background-position:50% 50%;}

/* contents */
#contents {height:100%;padding:50px 0 0 0;margin-left:240px;}
#contents:after {content:"";display:block;clear:both;}
.contents-block {padding:10px;height:100%;display:flex;flex-direction:column;}
.contents-block.full {padding:10px 0 0 0;}
.contents-block .divide-line {position:relative;top:-1px;display:inline-block;width:1px;height:18px;margin:0 8px;vertical-align:middle;background:#cfd1dd;}

/* content header */
.content-header {position:fixed;top:0;left:0;right:0;height:50px;padding:0 10px 0 260px;background:#fff;line-height:20px;z-index:10;display:grid;align-items:center;justify-content:space-between; grid-template-columns: 2fr 6fr 2fr;}
.content-header:after {content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#d8d8d8;}
.content-header .menu-wrap {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content-header .menu-wrap h2 {margin-right:15px; font-size:14px;}
.content-header .menu-wrap h2 a.home {margin-right:5px; font-size:16px;}
.content-header .menu-wrap h2 .menu1 {font-size:14px; font-weight:400;}
.content-header .menu-wrap h2 .menu2 {font-size:15px; font-weight:600;display: inline-block;}
.content-header .search-wrap {text-align:center;}
.content-header .select-menu {display:inline-block; height:34px; padding:1px 10px; background:#FAFAFA; border:1px solid #eee; border-radius:30px;}
.content-header .select-menu select {width:auto;border:none; box-shadow:none;background:url('../images/common/ico_pulldown.png') no-repeat right 11px top 50%;}
.content-header .select-menu .select2-container {min-width:115px;}
.content-header .select-menu .select2-container--default .select2-selection--single {height:30px;border:0;box-shadow:none;background:transparent;}
.content-header .select-menu .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:30px;}
.content-header .select-menu .select2.first + .select2:before {display:none;}
.content-header .select-menu .select2-container .select2-selection--single .select2-selection__rendered {padding-left:10px;}
.content-header .select-menu .select2-container--default .select2-selection--single .select2-selection__arrow b {position:absolute;left:2px;top:0;width:28px;height:28px;border:0;margin:0;background:url('../images/common/ico_pulldown.png') no-repeat right 11px top 50%;}
.content-header .select-menu .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {background:url('../images/common/ico_pulldown.png') no-repeat right 9px top 50%;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.content-header .divide-line {position:relative;top:-1px;display:inline-block;width:1px;height:18px;margin:0 8px;vertical-align:middle;background:#cfd1dd;}
.content-header .select-menu button {font-size:12px; background-color: #eee; padding: 2px 6px; border: none;}
.content-header .select-menu button.active {background-color: var(--main-color); color:#fff;}
.content-header .server-badge {padding:4px 10px; color: #fff; transition:all 0.1s;border-radius:10px 0px 10px 0; background-color: #4585b2;}
.content-header .before-connection-info {color:var(--main-color); margin: 0 20px;}
.content-header .select-menu .combo-work-group-company {min-width: 200px;}
.content-header .select-menu .form-check.form-switch {display:inline-block; vertical-align: top;}
.content-header .select-menu .form-check.form-switch label {vertical-align: sub;}


.all-project-wrap {display:inline-block;height:24px;position:fixed;top:10px;right:15px;z-index:100;}
.all-project-wrap .all-project {display:inline-block; font-weight: 600;}
.all-project-wrap .cmm-user-info {display: inline-block; font-weight: 600; margin-right:30px; margin-top: 3px;}
.all-project-wrap a { vertical-align: middle;}
.all-project-wrap a.cmmBtnProjectPhoto {font-size:20px;}
.all-project-wrap a.cmmBtnProjectPhotoSetting {font-size:12px; position: absolute; left:15px; top: -5px; color:var(--main-color);}
.all-project-wrap a.cmmBtnProjectPhotoSetting:hover {color:var(--main-color);}
.all-project .line {display:block;margin:4px auto;width:18px;height:2px;background-color:#222;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.all-project:hover .line {background-color:#000;}
.all-project.active .line:nth-child(2){opacity:0;}
.all-project.active .line:nth-child(1){-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg);}
.all-project.active .line:nth-child(3){-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg);}
.all-project-view {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:1000;/*overflow-y:auto;overflow-x:hidden;*/}
.all-project-view .sitemap-header {position:relative;padding:20px;border-bottom:1px solid #ddd;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.all-project-view .sitemap-header h1 {display:inline-block;vertical-align:middle;}
.all-project-view .sitemap-header h2 {display:inline-block;font-size:20px;font-weight:500;vertical-align:middle;margin-left:20px;position:relative;top:2px;}
.all-project-view .sitemap-header .all-project.active {position:absolute;right:20px;top:20px;}
.all-project-view .sitemap-header .all-project.active .line {background-color:#000;}
.all-project-view .sitemap-content {padding:15px 0 0;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.all-project-view .bottom-info {position: absolute; bottom: 20px; text-align: center; width: 100%; font-size: 16px; color: red;}

.header-more-menu {position:absolute;top:14px;right:15px;z-index:100;}
.header-more-menu .ico {width:24px;height:24px;line-height:26px;display:inline-block;text-align:center;cursor:pointer;}
.header-more-menu .ico .bi-three-dots::before {font-size:19px;}
.header-more-menu:hover .more-list {display:block;}
.header-more-menu .ico + .more-list {min-width:124px;}

.place-search {width:800px;margin:100px auto 0;}
.place-search .search-form {position:relative;}
.place-search .search-form .form-keyword {height:40px;border:0;border-bottom:1px solid #7d818f;font-size:16px;}
.place-search .search-form .btn-place-search {position:absolute;bottom:4px;right:0;width:36px;height:36px;background:#fff;}
.place-search .search-form .btn-place-search .bi-search::before {font-size:22px;}
.place-search .place-nodata {padding:50px 0;text-align:center;font-size:16px;border-bottom:1px solid #ddd;}
.place-search .result-list {margin-top:20px;overflow:auto;height: calc(100vh - 300px);}
.place-search .result-list li {position:relative;padding:10px 10px;border-bottom:1px solid #ddd;}
.place-search .result-list li a {font-size:15px;color:#333;}
.place-search .result-list li a:hover {border-bottom:1px solid #333;font-weight:700;}
.place-search .result-list li .date {position:absolute;top:12px;right:10px;font-size:13px;color:#666;}

.footer {display:none !important;}
.datepicker {z-index:20 !important;}