@charset "utf-8";
@import url('./font.css');

/* Common style  */
.w5 {width:5%!important;min-width:70px;}
.w10 {width:10%!important;min-width:140px;}
.w15 {width:15%!important;}
.w20 {width:20%!important;}
.w25 {width:25%!important;}
.w30 {width:30%!important;}
.w35 {width:35%!important;}
.w40 {width:40%!important;}
.w45 {width:45%!important;}
.w50 {width:50%!important;}
.w55 {width:55%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w70 {width:70%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.w85 {width:85%!important;}
.w90 {width:90%!important;}
.w95 {width:95%!important;}
.w100 {width:100%!important;}

.h30 {height:30px!important;min-height:30px!important;}
.h40 {height:40px!important;min-height:40px!important;}
.h50 {height:50px!important;min-height:50px!important;}
.h100 {height:100px!important;min-height:100px!important;}

.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}

.mb0 {margin-bottom:0px!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}

.ml10 {margin-left:10px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.ml40 {margin-left:40px!important;}
.ml50 {margin-left:50px!important;}

.mr10 {margin-right:10px!important;}
.mr20 {margin-right:20px!important;}
.mr30 {margin-right:30px!important;}
.mr40 {margin-right:40px!important;}
.mr50 {margin-right:50px!important;}

.bold {font-weight:bold!important;}
.underline {text-decoration:underline;text-underline-position:under;}
.pColor01 {color:#7E57C2;font-weight:700;text-decoration:underline;text-underline-position:under;}
.bg01 {background-color:#7E57C2;color:#fff;}
.bg02 {background-color:#604191;color:#fff;}
.bg03 {background-color:#F0F0FF;color:#7E57C2;}
.bg04 {background-color:#003883;color:#fff;}
.bg05 {background-color:#79D9FA;color:#fff;}
.bg06 {background-color:#FF6D63;color:#fff;}

.alignC {display:flex;}
.alignR {text-align:right;}
.alignL {text-align:left;}
.tCenter {text-align:center;justify-content:space-around;}
.tRight {text-align:right;}
.tLeft {text-align:left;}
.moneyRight {justify-content: right;}

.noLine {border:0;}
.noLineT {border-top:0;}
.noLineB {border-bottom:0;}
.noLineL {border-left:0;}
.noLineR {border-right:0;}

.hideItem {display:none;}
.blind{visibility:hidden;left:-9999em;margin:0;padding:0;font-size:0;line-height:0;width:0;height:0;overflow:hidden}

body {font-size:16px;background:#F4F5F9;}
#wrap {display:flex;color:#495057;justify-content: space-between;align-items: stretch;min-width:1536px;}
.gnb {position: absolute;width:80px;background:#7E57C2;height: 100vh;}
.contWrap {display:block;width: calc(100% - 176px);align-items: start;align-content: space-between;padding: 0 15px;transition: all 0.5s ease;min-height:100vh} /* 241004 수정 */
.sidebar.close + .contWrap {width: calc(100% - 80px);}
.subCont { display:block;}
#screenTabs {min-width:1536px;}
.tabs-panel-wrap {padding-bottom:5px;}

.emphasis {position:relative;}
.emphasis .txt{text-indent:-9999999em;}
.emphasis:before {content:"*";position:absolute;top: -6px;left:4px;color:#FF6D63;}

/* IBSheet Style*/
.panelTable {display:inline-block;position:relative;width:100%;}
.panelTable.tableList > div {display:inline-block;height:350px;}

/* main */
.mainWrap {display: flex;padding:15px 0 10px 0;}
.mainCont {width:45%;}
.mainCont:last-child {width:55%;margin: 0 0 0 15px;}
.mainInner {border:1px solid #DEE2E6;border-radius: 10px;background-color:#fff;margin-bottom:15px;padding:15px 20px;}
[class^="infoTb"] {border-radius: 10px;background:#F1F0FF;padding:10px 20px;}
.mainInner:last-child {margin-bottom:0;}
.mainInner.mainGraph01 {height: 430px;}
/* .mainInner.mainGraph01 .infoTb03 {padding: 10px 0 20px 0;} */ /* 241122 강동표 수정  */
.mainInner.mainGraph02 {height: 320px;}
.mainInner.graphInfo {position:relative;height:270px;}
.infoWrap02 .infoTb03 li {width:100%;}
.graphInfo .graphBt {display:inline-block;width:54px;height:48px;border-radius:8px;text-indent:-9999em;border:1px solid #DEE2E6;font-size:1px;overflow:hidden;}
.graphInfo li,
.graphInfo li.active {display: inline-block;}
.graphInfo li.active .graphBt {border:1px solid #7E57C2;}
.graphInfo .mainTabCon {margin-top: -50px;text-align: right;}
.graphInfo li .tabInner {position:absolute;width: calc(100% - 40px);margin:15px 35px 0 20px;left:0;height: 200px;z-index:1;}
.graphBt.stPie {background:transparent url("../img/common/ico_maintab_graph01.png") no-repeat center;}
.active .graphBt.stPie {background:#7E57C2 url("../img/common/ico_maintab_graph01_o.png") no-repeat center;}
.graphBt.stChart {background:transparent url("../img/common/ico_maintab_graph02.png") no-repeat center;}
.active .graphBt.stChart {background:#7E57C2 url("../img/common/ico_maintab_graph02_o.png") no-repeat center;}
.graphBt.stPhone {background:transparent url("../img/common/ico_maintab_graph03.png") no-repeat center;}
.active .graphBt.stPhone {background:#7E57C2 url("../img/common/ico_maintab_graph03_o.png") no-repeat center;}
.graphBt.stMail {background:transparent url("../img/common/ico_maintab_graph04.png") no-repeat center;}
.active .graphBt.stMail {background:#7E57C2 url("../img/common/ico_maintab_graph04_o.png") no-repeat center;}
.graphBt.stSetting {background:transparent url("../img/common/ico_maintab_graph05.png") no-repeat center;}
.active .graphBt.stSetting {background:#7E57C2 url("../img/common/ico_maintab_graph05_o.png") no-repeat center;}
.graphBt.stAlarm {background:transparent url("../img/common/ico_maintab_graph06.png") no-repeat center;}
.active .graphBt.stAlarm {background:#7E57C2 url("../img/common/ico_maintab_graph06_o.png") no-repeat center;}
.graphBt.stNotice {background:transparent url("../img/common/ico_maintab_graph07.png") no-repeat center;}
.active .graphBt.stNotice {background:#7E57C2 url("../img/common/ico_maintab_graph07_o.png") no-repeat center;}

.graphPieWrap {display: flex;justify-content: space-between;align-items: flex-start; padding:40px 0;}
.graphPieWrap .graph-pie {display:inline-block;width: 30%;}
.graphPieWrap .graphPieData {display:inline-block;width:70%; margin:15px 0;}
.graphPieWrap .graphPieData .infoTb03 {padding:0; justify-content: space-evenly;}
.graphPieWrap .graphPieData .infoTb03 li {width:100%;padding:0 5px;}
.selectChkWrap {display: flex;flex-direction: row;justify-content: space-between;}
.selectChkWrap .selectDate {display:inline-block;width:240px;height:40px;line-height: 36px;border:1px solid #DEE2E6;font-size:15px;color:#495057;border-radius:8px;text-align:center;}
.selectChkWrap .selectDate label {text-indent:-9999em;font-size:1px;position: absolute;top: -9999px;}
.selectChkWrap .chkDate {display:inline-block;}
[class^="infoTb"] li {display: flex;justify-content: space-between;align-items: center;}
[class^="infoTb"] li:last-child .infoTh {margin-bottom:0;}
[class^="infoTb"] .infoTh {font-size:14px;color:#7E57C2;margin-bottom: 5px;}
[class^="infoTb"] .infoTd {font-size:14px;font-weight:700;color:#7E57C2;line-height:1.4;}
[class^="infoTb"] .infoTit {font-size:14px;margin-bottom: 5px;color:#7E57C2;}
[class^="infoTb"] .infoCon {display: flex;font-size:22px;color:#495057;font-weight: 700;align-items: center;justify-content: center;}
[class^="infoTb"] .price {font-size:28px;letter-spacing: -0.06em;font-weight:700;}
[class^="infoTb"] .data {font-size:16px;font-weight:700;}
.percentInfo .tit {display:inline-block;font-size:14px;color:#7E57C2;padding-left:20px;font-weight:400;} 
.percentInfo .percentage {display:inline-block;vertical-align: middle;font-size:20px;line-height: 20px;color:#495057;font-weight:700;white-space: pre;} 
.percentInfo .infoTb03 {align-items:flex-start;}
.percentInfo .infoTit {position:relative;display: flex;justify-content: space-around;align-items: center;}
.percentInfo .infoCon {text-align:right;justify-content:flex-end;}
.percentInfo .infoCon .price {font-size:20px;}
.percentInfo .infoCon .amount {font-size:16px;font-weight:400;}
.percentInfo .infoTit::before {content:"";position: absolute;width:10px;height:10px;top: 50%;margin-top: -5px;left: 10px;border-radius: 100%;}
.percentInfo.color01 .infoTit::before {background-color:#B6B5EA;} 
.percentInfo.color02 .infoTit::before {background-color:#003883;} 
.percentInfo.color03 .infoTit::before {background-color:#79D9FA;} 
.amount {font-size:18px;line-height:18px;}
.infoTb01 {display: flex;border-radius:0;background:transparent;padding: 0;align-items: flex-start;justify-content: flex-start;}
.infoTb01 li {display:inline-block;color:#343A40;font-size:22px;padding:0 20px;}
.infoTb02 {display:flex;justify-content: space-between;}
.infoTb02 li {display: inline-block;}
.infoTb02 .infoAddress {width:65%;}
.infoTb03 {display: flex;border-radius:0px;background:transparent;padding:5px 10px;align-items: stretch;justify-content: center;margin:10px 0;}
.infoTb03 .price {font-size:28px;margin-right:5px;}
.infoTb03 .amount {font-size:22px;}
.infoTb03 li {position:relative;display:inline-block;width: auto;text-align: center;padding: 0 20px;}
.infoTb03 li:after {content:"";position: absolute;width:1px;height:100%;display:inline-block;background:#DEE2E6;top:0;right: 0;}
.infoTb03 li:last-child:after {width:0;}
.infoTb04 li {display:flex;align-items: center;} 
.infoTb04 .price {font-size:24px;}
.infoTb04 {padding:10px 20px}

.mainNotice {position:relative;width:100%;height:230px;background-color: transparent;border: 0;border-radius: 0;padding: 0;}
.mainNotice li.active h3.title a {color:#343A40}
.mainNotice h3.title a {display:block;color:#94979D;cursor:pointer;}
.mainNotice .tabInner {position:absolute;width:100%;top: 30px;left:0;}
.mainNotice li:first-child .tabInner {display:block;}
.mainNotice li {margin-right:20px;}
.mainNotice li:last-child {margin-right:0;}
.mainNotice li .tabInner {display:none;}
.mainNotice .moreBtn {position:absolute;top:0;right:0;font-size:16px;}
.mainNotice .moreBtn a {position:relative;display: block;padding-right: 20px;}
.mainNotice .moreBtn a:after {content:"";position: absolute;transform:rotate(135deg);display:block;margin: 0;width: 4px;height: 4px;border-top: 1px solid #000;border-left: 1px solid #000;top: 10px;right: 10px;}
.mainNotice li {display: inline-block;}
.mainNotice table {width:100%;}

.mainNoticeList {text-align:center;font-size:14px;line-height:14px;}
.mainNoticeList .noTh ul {display: inline-flex;width:100%;height:30px;background:#E9EEF4;font-weight:700;align-items: center;justify-content: space-between;}
.mainNoticeList .noTd ul {display: inline-flex;width:100%;height:30px;background:#fff;border-bottom:1px solid #DEE2E6;align-items: center;justify-content: space-between;}
.mainNoticeList li {margin: 0;padding: 0 10px;}
.mainNoticeList .noTd ul:hover {color:#7E57C2;transition: all 0.5s ease;}
.mainNoticeList .noTd li {text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:1;-webkit-box-orient: vertical;white-space:nowrap;height:22px;}

input[type='radio'] {-webkit-appearance: none;  -moz-appearance: none;  appearance: none;  width:16px; height:16px;  border-radius:100%; outline:5px;  cursor: pointer;border:3px solid #fff; background-color: #fff;box-shadow: 0 0 0 1px #DEE2E6;vertical-align:middle;}
input[type='radio']:checked {background-color: #7E57C2; outline:5px;  border: 3px solid #fff;  box-shadow: 0 0 0 1px #7E57C2;}
.agreeRdo label {position:relative;display:inline-block;padding:0 5px 0 0;vertical-align:middle;}

.inputSelect {position: relative;margin: 0 5px 0 0;}
.btnSelect {min-width:120px;font-size: 14px;height:45px;line-height: 14px;background:#fff url('../img/common/ico_arrow_down.png') no-repeat right 10px center;border:1px solid #DEE2E6;border-radius:8px;cursor: pointer;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding:0 10px;}
.btnSelect:hover,
.btnSelect:focus {outline: 2px solid #7E57C2;}

.mainInner .tabSubCont,
.mainInner .tabContent.on {margin-top:0;}
.tabSubCont,.tabContent {display:none;}
.tabSubCont.on,.tabContent.on {display:block;position:relative;}
.mainTabCon {padding: 0 0 0 10px;}

/* graph style */
.graph-bar {width:100%!important;}
.panel-white {width:100%;}
.panel-white .tlt {display:flex;justify-content: space-between;color:#343A40;font-size:16px;font-weight:700;padding:5px 0;}

/* gnb style */
.sidebar {position:relative;width:176px;background: #7E57C2;border-radius:0 10px 10px 0;box-shadow: 10px 8px 13px 0px rgb(0 0 0 / 15%);min-height:100%;transition: all 0.3s ease;} /* 241016 수정 */
.sidebar h1.logo {width:132px;height:35px;background:url('../img/common/img_logo_2.png') no-repeat;margin:38px 0 10px 14px;/*transition: all 0.3s ease;*/ }
.sidebar h1.logo a {display:block;width:100%;height:100%;text-indent: -9999em;}
.sidebar .menuBtn {position: absolute;  width: 30px;  height: 30px;  background: none; justify-content: flex-start;  align-items: center;  padding: 0;top:41px;right:0;}
.sidebar .menuBtn .menuIco {display: inline-block; background:url('../img/common/ico_menu_open.png') no-repeat center; width: 30px; height: 30px; transform: rotate(-180deg);background-size: 6px auto;}
.sidebar .menuBtn .menuName {font-size: 1px; width: 1px; height: 1px; text-indent: -1111em;}
.sidebar .nav {margin:0 10px;}
.sidebar .nav > li {position:relative;}
.sidebar .nav > li .icoLink {display:flex;height:58px;align-items:center;}
.sidebar .nav > li a {display:inline-block;width:100%;height:38px;color:#fff;line-height:38px;padding-left:18px;justify-content: flex-start;align-items: center;} 
.sidebar .nav li.logout:hover a {height:38px;border-radius:10px;color:#fff;background:#5E4192;background-position: 125px 9px;}  /* 241016 */
.sidebar .nav li.active a,
.sidebar .nav li:hover a {height:38px;border-radius:10px;color:#fff;background:#5E4192 url('../img/common/ico_menu_arr.png') no-repeat;background-position: 125px 9px;} 

.sidebar .nav li a .menuName {
  position: absolute;
  display: inline-block;
  opacity: 1;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  /* margin: -4px 0 0 23px; */
  top: 17px;
  left: 41px;
  transition: all 0.3s ease;
}
.sidebar.close .nav li a .menuName {/* margin:15px 0 0 30px; */opacity: 0;}
/* .sidebar.close .nav li a .menuName {opacity: 0;pointer-events: none;text-indent:-999999em;font-size:1px;color:transparent;} */
.sidebar .nav li .menuIco {
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 18px auto;
  margin: 10px 0 0 -7px;
}

/* 241016 수정 */
.sidebar .nav li:hover .menuIco {display:inline-block;width:18px;height:18px;background-size:18px auto;}
.sidebar .nav li .ico00 {background: url('../img/common/ico_menu_00.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li .ico01 {background: url('../img/common/ico_menu_01.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li .ico02 {background:url('../img/common/ico_menu_02.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li .ico03 {background:url('../img/common/ico_menu_03.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li .ico04 {background:url('../img/common/ico_menu_04.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li .ico05 {background:url('../img/common/ico_menu_05.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li .ico06 {background:url('../img/common/ico_menu_06.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li .ico07 {background:url('../img/common/ico_menu_07.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li .ico08 {background:url('../img/common/ico_menu_08.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li .ico09 {background:url('../img/common/ico_menu_09.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li .ico10 {background:url('../img/common/ico_menu_10.png') no-repeat center;background-size:auto 18px;left:25px;}
.sidebar .nav li .ico11 {background:url('../img/common/ico_menu_11.png') no-repeat center;background-size:auto 18px;left:25px;}
.sidebar .nav li.active .ico01 {background: url('../img/common/ico_menu_01_o.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li.active .ico02 {background:url('../img/common/ico_menu_02_o.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li.active .ico03 {background:url('../img/common/ico_menu_03_o.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li.active .ico04 {background:url('../img/common/ico_menu_04_o.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li.active .ico05 {background:url('../img/common/ico_menu_05_o.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li.active .ico06 {background:url('../img/common/ico_menu_06_o.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li.active .ico07 {background:url('../img/common/ico_menu_07_o.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li.active .ico08 {background:url('../img/common/ico_menu_08_o.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li.active .ico09 {background:url('../img/common/ico_menu_09_o.png') no-repeat center;background-size:18px auto;left:25px;}
.sidebar .nav li.active .ico10 {background:url('../img/common/ico_menu_10_o.png') no-repeat center;background-size:auto 18px;left:25px;}
.sidebar .nav li.active .ico11 {background:url('../img/common/ico_menu_11.png') no-repeat center;background-size:auto 18px;left:25px;}
.sidebar .myInfo {border-top:1px solid #5E4AA1;margin-top:10px;}
.sidebar .favorite {border-bottom:1px solid #5E4AA1;padding-bottom:10px;margin-bottom:10px!important;}

.sidebar .nav .showMenu .subMenu {display: block;}
.sidebar .nav .subMenu {position: absolute;display:none;opacity: 0;width:200px;height:1px;z-index:0;left:100%;}
.sidebar .nav .subMenu .inner {padding-left:15px;}
.sidebar .nav .subMenu li {position:relative;display: block;margin-bottom:0;}
.sidebar .nav .subMenu li:last-child a {margin-bottom:0;}
.sidebar .nav .subMenu li a:before {position: absolute;content:"";display: inline-block;width:2px;height:2px;border-radius:100%;background: #fff;top: 50%;margin-top: -2px;left: 0;font-size:14px;}
.sidebar .nav .subMenu li a {position: relative;display: inline-block;width:auto;height:26px;line-height:26px;color: #fff;font-size:14px;padding:0 12px;font-weight:400;white-space: nowrap;border-radius:0;background:none;margin-bottom:12px;}
 .sidebar .nav .subMenu li a:hover {font-weight:700;color:#fff;border-bottom:1px solid #fff;opacity:1; }
.sidebar .nav li.active .subMenu,
.sidebar .nav li .subMenu.active {opacity:1;display:block;top: 0;opacity: 1; z-index:10;height:auto;}
.sidebar .nav .subMenu .menuName {display: none;background: #604191;border-top-right-radius:10px;border-top-left-radius:10px;color:#fff;padding: 20px 20px 15px 20px;font-size:14px;}
.sidebar .nav > li .subMenu ul {display: block;margin-top: -10px;background: #604191;margin-top: 0;border-radius:10px;padding:20px 20px;border-top:0;}

.sidebar.close {width:80px;}
.sidebar.close .menuBtn .menuIco {transform: rotate(180deg);transform: scaleY(-1);}
.sidebar.close h1.logo {width: 100%;height:52px;background: url('../img/common/img_logo.png') no-repeat center;margin: 23px 0 10px 0;}
.sidebar.close .nav {margin:-2px 0 0 0;width:80px;}
.sidebar.close .nav .subMenu .menuName{display:block; }
.sidebar.close .nav li .subMenu ul {padding: 15px 20px 20px 20px;border-top-right-radius: 0;border-top-left-radius: 0;border-top: 1px solid #7E57C2;}
.sidebar.close .nav li {margin-bottom:0;}
.sidebar.close .nav li .icoLink {position: relative;display: block;margin:0;text-align:right;}
.sidebar.close .nav li .menuIco,
.sidebar.close .nav li:hover .menuIco {position:absolute;width:18px;height:18px;} 
.sidebar.close .nav > li i {position:absolute;display:inline-block;width:18px;height:18px;color: #fff;display: block;top:20px;margin:0;z-index:2;} /* 241016 */
.sidebar.close .nav > li .icoLink .ico01 {background:url('../img/common/ico_menu_01.png') no-repeat center;background-size:auto 18px}
.sidebar.close .nav > li .icoLink .ico02 {background:url('../img/common/ico_menu_02.png') no-repeat center;background-size:auto 18px}
.sidebar.close .nav > li .icoLink .ico03 {background:url('../img/common/ico_menu_03.png') no-repeat center;background-size:auto 18px}
.sidebar.close .nav > li .icoLink .ico04 {background:url('../img/common/ico_menu_04.png') no-repeat center;background-size:auto 18px;}
.sidebar.close .nav > li .icoLink .ico05 {background:url('../img/common/ico_menu_05.png') no-repeat center;background-size:auto 18px;}
.sidebar.close .nav > li .icoLink .ico06 {background:url('../img/common/ico_menu_06.png') no-repeat center;background-size:auto 18px;}
.sidebar.close .nav > li .icoLink .ico07 {background:url('../img/common/ico_menu_07.png') no-repeat center;background-size:auto 18px}
.sidebar.close .nav > li .icoLink .ico08 {background:url('../img/common/ico_menu_08.png') no-repeat center;background-size:18px auto;}
.sidebar.close .nav > li .icoLink .ico09 {background:url('../img/common/ico_menu_09.png') no-repeat center; background-size:auto 18px}
.sidebar.close .nav > li .icoLink .ico10 {background:url('../img/common/ico_menu_10.png') no-repeat center; background-size:auto 18px}

.sidebar.close .nav > li.active .icoLink .ico01,
.sidebar.close .nav > li:hover .icoLink .ico01 {background:url('../img/common/ico_menu_01_o.png') no-repeat center;background-size:auto 18px}
.sidebar.close .nav > li.active .icoLink .ico02,
.sidebar.close .nav > li:hover .icoLink .ico02 {background:url('../img/common/ico_menu_02_o.png') no-repeat center;background-size:auto 18px}
.sidebar.close .nav > li.activer .icoLink .ico03,
.sidebar.close .nav > li:hover .icoLink .ico03 {background:url('../img/common/ico_menu_03_o.png') no-repeat center;background-size:auto 18px}
.sidebar.close .nav > li.active .icoLink .ico04,
.sidebar.close .nav > li:hover .icoLink .ico04 {background:url('../img/common/ico_menu_04_o.png') no-repeat center;background-size:auto 18px;}
.sidebar.close .nav > li.active .icoLink .ico05,
.sidebar.close .nav > li:hover .icoLink .ico05 {background:url('../img/common/ico_menu_05_o.png') no-repeat center;background-size:auto 18px;}
.sidebar.close .nav > li.active .icoLink .ico06,
.sidebar.close .nav > li:hover .icoLink .ico06 {background:url('../img/common/ico_menu_06_o.png') no-repeat center;background-size:auto 18px}
.sidebar.close .nav > li.active .icoLink .ico07,
.sidebar.close .nav > li:hover .icoLink .ico07 {background:url('../img/common/ico_menu_07_o.png') no-repeat center;background-size:auto 18px}
.sidebar.close .nav > li.active .icoLink .ico08,
.sidebar.close .nav > li:hover .icoLink .ico08 {background:url('../img/common/ico_menu_08_o.png') no-repeat center;background-size:18px auto}
.sidebar.close .nav > li.active .icoLink .ico09,
.sidebar.close .nav > li:hover .icoLink .ico09 {background:url('../img/common/ico_menu_09_o.png') no-repeat center; background-size:auto 18px}
.sidebar.close .nav > li.active .icoLink .ico10,
.sidebar.close .nav > li:hover .icoLink .ico10 {background:url('../img/common/ico_menu_10_o.png') no-repeat center; background-size:auto 18px}
.sidebar.close .nav > li .icoLink a {position:relative;text-decoration: none;display:inline-block;width:100%;height:58px;margin-left: 3px;}
.sidebar.close .nav > li .icoLink a:after {content:"";position:absolute;width:3px;height:58px;top:0;right:3px;transition: all 0.5s ease;} /* 241016 */
.sidebar.close .nav > li:hover .icoLink a:after {width: 76px;height:58px;background:#5E4192;border-radius:20px 0 0 20px;border-right:1px solid #79D9FA;padding:0;}
.sidebar.close .nav > li.active .icoLink a,
.sidebar.close .nav > li:hover .icoLink a {background:transparent;} 

/* footer style */
.footer {width:100%;min-width:1536px;display:flex;justify-content: space-between;align-items: center; border-top:1px solid #DEE2E6;} /* 241004 수정 */
.footer .ft-info {line-height: 20px;}
.footer .ft-info li {display:inline-block;margin-right:10px;color:#495057;font-size:14px;text-wrap: wrap;}
.footer .tf-link {display: flex;margin: 10px 0;align-items: center;}
.footer .tf-link li {display:inline-block;margin-right:10px;white-space: pre;}
.footer .tf-link li:last-child {margin-right:0;}
.footer .tf-link li .btn {display: inline-block;width:auto;height:32px;line-height:28px;border:1px solid #DBDFE3;background:transparent;text-align:center;border-radius:8px;box-sizing:border-box;padding:0 15px;color:#495057;font-size:0;}
.footer .tf-link li .btn .txt {font-size:14px;line-height:14px;}

/* 거래내역 */
.switchBtn {display: inline-block;margin:0 10px;}
.switchBtn li {display: inline-block;}
.switchBtn li a {position:relative;display:inline-block;vertical-align:middle;width:54px;height:24px;line-height:22px;background:#fff;border-radius:3px;cursor:pointer;font-size:14px;text-align:center;color:#495057;border:1px solid #DEE2E6;font-size:16px;font-weight:400;color:#B7B5EA;}
.switchBtn li.on a {background-color:#7E57C2;color:#fff;border:0;;}

.disabled {background:#F5F5F5;}
.disabled input[type=text], .disabled input[type=password], .disabled input[type=number] {color:#999C9E!important;}
tr:last-child .textBox {margin-bottom:0;}
.textBox {position: relative;display:inline-flex;width: 100%;align-items: center;color:#162D56;height:36px;border-radius:8px;border:1px solid #DEE2E6;margin-left:0;padding:0;font-size:12px;}
.textBox2 {position: relative;display:flex;width: 100%;align-items: center;color:#162D56;margin-left:0;padding:0;font-size:12px;justify-content:center;}

.textBox .agreeRdo {padding:0 10px;}
.textBox .agreeRdo label {padding:0 10px 0 0;}

.textBox input[type=text]:focus-visible, 
.textBox input[type=tel]:focus-visible, 
.textBox input[type=email]:focus-visible, 
.textBox input[type=password]:focus-visible, 
.textBox select:focus-visible, 
.textBox textarea:focus-visible, 
.textBox input[type=number]:focus-visible {border-radius:8px!important;}

.textBox .num {text-align:right;}
.last .textBox{margin-bottom:0;}
.textBox:nth-child(1n+2) {margin-left:5px;}
.textBox input[type=text], 
.textBox input[type=tel], 
.textBox input[type=email], 
.textBox input[type=password], 
.textBox input[type=number] {display: block;height:36px;line-height:36px;border: 0;border-radius:0;width:100%;color: #495057;font-size:14px;background-color:transparent;padding:5px 10px;}
.textBox select.select {display: block;height:26px;border: 0;width: 100%;color: #495057;font-size:14px;background:url('../img/common/ico_arrow_down.png') no-repeat right 12px center;padding:0 10px;margin: 2px 0 2px 0;}
.textBox.inputCont.st2 {min-height:76px;}
.textBox.inputCont.st2 textarea::placeholder {color:#D3D7DF;line-height:66px;}
.textBox.inputCont textarea {height:100%;line-height:24px;border: 0;border-radius:0;width:100%;color: #495057;font-size:14px;padding:5px 10px;background-color:transparent;overflow:hidden;}
.textBox.inputCont textarea::placeholder {color:#D3D7DF;} /* 241004 수정 A-010000A.html 한줄 메모 깨짐 */
.textBox select.select {display: block;height:36px;border: 0;width: 100%;color: #495057;font-size:14px;background:url('../img/common/ico_arrow_down.png') no-repeat right 12px center;padding:5px 10px;margin: 2px 0 2px 0;}
.textBox .titText {position: relative;width: 95px;min-width: 95px;font-size:12px;word-wrap: normal;color:#162D56;white-space:normal;line-height: 16px;vertical-align: middle;margin-left:10px;}
.textBox .conText {font-size:14px;padding:0 10px;}
.textBox2 .conText {font-size:14px;}
.titText::after{position:absolute;top:50%;right:4px;content:"";display:block;width:1px;height: 20px;background:#DEE2E6;margin-top:-8px;}
.textBox.type2 {width: 50%;border-radius: 8px 0 0 8px;}
.textBox.type2:last-child {border-radius: 0 8px 8px 0;margin-left: -2px;border-left:0} /* 241016 */
.textBox .titText2 {position: relative;width: 95px;min-width: 95px;font-size:12px;word-wrap: normal;color:#162D56;white-space:normal;line-height: 16px;vertical-align: middle;margin-left:10px;}
.titText2::after{position:absolute;top:50%;right:4px;content:"";display:block;width:1px;height: 60px;background:#DEE2E6;margin-top:-30px;}

.textBox input[type='date'] {width:100%;border: none;position: relative;display:inline-block;font-size:12px;border:0; background: url('../img/common/ico_calendar.png') no-repeat right 10px center;cursor:pointer;padding:0 10px;}
.textBox input[type='date']::-webkit-calendar-picker-indicator {position: absolute;left: 0;top: 0;width: 100%; height: 100%;  background: transparent; color: transparent;cursor: pointer;}
.textBox input[type='date']::before {content: attr(placeholder);width: 100%; height: 100%;}
.textBox input[type='date']:valid::before {display: none; }

.infoBox {display:flex;border-bottom:1px solid #DEE2E6;justify-content: space-between;font-size:14px;margin:0 5px;}
.infoBox .infoName {color:#7E57C2;height: 44px;line-height: 44px;}
.infoBox .infoData {text-align: right;height: 44px;line-height: 44px;}

/* 매출관리 > 캘린더 */
.calendarInfo {display:inline-block; width:100%;}
/* .sectionCalendar {display: flex; margin:30px 0; align-items: stretch; justify-content: space-around;} */
.sectionCalendar {margin-top:30px; margin-right:10px; align-items: stretch;}
.sectionCalendar .calendarHeader {display:flex;justify-content: space-between;align-items: flex-start;}
.sectionCalendar .calendarHeader .btnArea {margin-top:-20px;}
.sectionCalendar .calendarHeader .btnArea .sBtn.stLine {min-width:62px;}
.sectionCalendar .calendarMonth {position:relative;width:24%;margin:0 auto;text-align:center;} 
.sectionCalendar .calendarMonth .calendarYear {display:inline;font-size:18px;font-weight:700;margin:0 auto;}
.sectionCalendar .calendarMonth .calendarPrev {position:absolute;top:5px;left:0;width:18px;height:18px;background:url('../img/common/btn_ico_calendar_prev.png') no-repeat;}
.sectionCalendar .calendarMonth .calendarNext {position:absolute;top:5px;right:0;width:18px;height:18px;background:url('../img/common/btn_ico_calendar_next.png') no-repeat;}
.sectionCalendar .calendarMonth .txt {font-size:1px;text-indent:-99999em;}
.sectionCalendar .calendarTopBar {display:block;width:100%;box-sizing: border-box;font-size: 0;}
.sectionCalendar .calendarTopBar .topBarDays {display:inline-block;width:12.5%;background:#E6F0F8;font-size:14px;text-align:center;height:40px;line-height:40px;border-width:1px 1px 1px 0;border-color:#BDD9F0;border-style:solid;}
.sectionCalendar .calendarDaysInfo {min-width:330px;border:1px solid #DEE2E6;border-radius:10px;padding:15px 25px;background:#fff;;margin-left:25px;}
.sectionCalendar .calendarDaysInfo li {display: flex;font-size:12px;border-top: 1px dashed #DEE2E6;padding:6px 0;justify-content: flex-start;} 
.sectionCalendar .calendarDaysInfo li:first-of-type {border-top:0;}
.sectionCalendar .calendarDaysInfo .name {display:inline-block;width:108px;padding-left:5px;font-size:12px;color:#003883;} 
.sectionCalendar .calendarDaysInfo .info {display:inline-block;width:calc(100% - 108px);font-size:12px;} 
.calendarDays .topBarDays:nth-child(1) {color:#FF6D63;}
.calendarDays .topBarDays:nth-child(7) {color:#0047FF;}
.calendarWeek {font-size:0;border-left:1px solid #DEE2E6;}
.calendarWeek .calendarDay {display:inline-block;width:12.5%;background:#fff;border-color:#DEE2E6;border-style:solid;border-width:0 1px 1px 0;height:100px;}
.calendarWeek .calendarDay .calendarDate {padding:10px 0 0 15px;}
.calendarWeek .calendarDay .calendarDate .num {font-size:16px;font-weight:700;}
.calendarWeek .calendarDay .calendarDate .txt {font-size:12px;font-weight:400;}
.calendarWeek .calendarDay.inactive {opacity:.45;}
.calendarWeek .calendarDay.inactive .calendarDate .num {font-weight:400;}
.calendarWeek .calendarDay .calendarTask {display: flex;  font-size: 12px; text-align: right; margin: 10px 10px 10px 0;justify-content: flex-end; flex-direction: column;align-content: flex-end;}
.calendarWeek .calendarDay:nth-child(8n) {background:#F5FAFF;}
.calendarWeek .calendarDay:nth-child(8n-1) .calendarDate {color:#0047FF;}
.calendarWeek .calendarDay:nth-child(8n+1) .calendarDate {color:#FF6D63;}
.calendarTask .icon {position:relative;display:inline-block;height:15px;}
.calendarTask .icon:before {position:relative;content: "";display: inline-block; width: 15px; height: 15px; padding-bottom:1px; vertical-align:text-bottom;}
.calendarTask .icon .num {width:70%;letter-spacing:-0.04em;}
.calendarTask .creditCard:before {background:url('../img/common/ico_calendar_credit.png') no-repeat; background-size:contain;}
.calendarTask .account:before {background:url('../img/common/ico_calendar_account.png') no-repeat; background-size:contain;}
.calendarTask .payAmount:before {background:url('../img/common/ico_calendar_amount.png') no-repeat; background-size:contain;}
.calendarTask .checkCard:before {background:url('../img/common/ico_calendar_card.png') no-repeat; background-size:contain;}
.calendarTask .checkCard .txt {color:#FF6D63;font-size:9px;}
.calendarTask .txt {margin-right:5px;}
.calendarTask .creditCard .txt {color:#7E57C2;font-size:12px;}
.calendarTask .account .txt {color:#FF6D63;font-size:12px;}
.calendarTask .payAmount .txt {color:#4F78E2;font-size:12px;}
.calendarTotal .calendarTopBar {border-top:0;}
.calendarTotal .calendarTopBar .topBarDays:last-of-type {font-weight:700;}
.calendarTotal .calendarDay {height:auto;background:#F5FAFF;}
.calendarTotal .calendarDay:nth-child(8n) {background:#E1EEFE;}

/* Button Common Style */
.btnWrap {display:flex;justify-content:space-between;margin-top:10px;}
.btnWrap ul {display: flex;width:100%;margin-bottom:10px;}
.btnWrap ul li {margin-right:5px;}
.btnWrap ul:last-of-type {margin-bottom:0;}
.btnWrap ul li:last-of-type {margin-right:0;}
.btnWrap.alignR {justify-content:flex-end;}
.btnWrap.alignL {justify-content:flex-start;}
.btnWrap.alignC {justify-content:center;}
.btnArea .btn {position:relative;display:inline-block;min-width: 95px;width: auto;border-radius:10px;background-color:#7E57C2;margin:0 5px;cursor:pointer;font-size:0;border:1px solid #7E57C2;transition: all 0.5s ease;}
.btnArea .btn .txt {width:100%;padding: 0 10px;height:40px;line-height:38px;font-size:13px;font-weight:400;color:#fff;text-align:center;}
.inputInnerBtn:hover,
.btnArea .btn:hover {background-color:#604191;transition: all 0.5s ease;}
.btnArea .btn:active{ background:#7E57C2;border:1px solid #F0F0FF;transition: all 0.5s ease;}
.btnArea .btn:only-child {margin:0;} 
.btnArea .btn:last-child {margin:0 0 0 5px;} /* 240414 */
.btnArea .stLine {background:transparent;color:#7E57C2;text-align:center;font-weight:400;border:1px solid #7E57C2;}
.btnArea .stLine .txt {color:#7E57C2;}
.btnArea .stLine:hover {background-color:#7E57C2;transition: all 0.5s ease;color:#fff;border:1px solid #7E57C2;}
.btnArea .stLine:hover .txt {color:#fff;}
.btnArea .stLine:active {background-color:#fff;border:1px solid #fff;background: #604191; transition: all 0.5s ease;}
.gridSt .btn {min-width:155px;}

.selectBt input[type="radio"],.selectBt input[type="radio"]:checked {display:none;}
.selectBt input[type="radio"] + span {position:relative;display:inline-block;vertical-align:middle;width:115px;height:48px;line-height:48px;border-radius:8px;cursor:pointer;font-size:14px;text-align:center;color:#495057;border:1px solid #DEE2E6;}
.selectBt input[type="radio"]:checked + span {color:#fff;background:#7E57C2;}
.selectBt.st2 input[type="radio"] + span {width:62px;height:40px;line-height:36px;}
.selectBt.st2 input[type="radio"]:checked + span {background:transparent;border:1px solid #7E57C2;color:#7E57C2;}
.sBtn {height:32px;border-radius:5px;background:#7E57C2;padding:0 10px;font-size:0;border:1px solid #7E57C2;}

.sBtn:hover {background-color: #604191;transition: all 0.5s ease;}
.sBtn:active {background: #7E57C2;border: 1px solid #F0F0FF;transition: all 0.5s ease;}
.sBtn .txt {font-size:12px;font-weight:400;line-height: 16px;color:#fff;}
.sBtn.stLine {background:#fff;padding:0 10px;font-size: 0;}
.sBtn.stLine .txt {color:#7E57C2;}
.sBtn[class*="ico"] {position: absolute;width:30px;height:30px;top:1px;right: 0;border:0;}
.btn[class*="ico"] {display:inline-block;width:44px;height:40px;border-radius:8px;border:1px solid #6C78CF;background-color:#C3D0F3;vertical-align: middle;cursor:pointer;text-indent:-99999em;transition: all 0.5s ease;}
.sBtn[class*="ico"] .txt,
.btn[class*="ico"] .txt {width:1px;height:1px;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}
.sBtn.icoSearch {background: url('../img/common/ico_search.png') no-repeat right 10px center}
.sBtn.icoCalendar {background:url('../img/common/ico_calendar.png') no-repeat right 10px center;}
.sBtn.icoDelete {background:url('../img/common/ico_delete.png') no-repeat right 10px center;}

.btn.filterBtn {display:inline-block;width:44px;height:40px;border-radius:8px;border:1px solid #6C78CF;background:#C3D0F3;vertical-align: middle;}
.btn.icoSearch {min-width:95px;background-color:#7E57C2;border:1px solid #7E57C2;}
.btn.icoSearch .txt {width:100%;height:40px;position:relative;display:block;text-indent: 0;font-size:13px;line-height: 38px;color:#fff;top: 0;left: 0;}
.btn.noIco {width:auto;background:#C3D0F3;min-width:70px;border-radius:8px;color:#162D56;font-size:13px;font-weight:400;border:1px solid #6C78CF;line-height:36px;text-indent:0;padding:0 5px;}
.btn.icoFold {background:#C3D0F3 url('../img/common/btn_ico_fold.png') 50% 50% no-repeat;}
.btn.icoCollapse {background:#CBD7F7 url('../img/common/ico_btn_collapse.png') 50% 50% no-repeat;}
.btn.icoDownload {background:#C3D0F3 url('../img/common/btn_ico_download.png') 50% 50% no-repeat;}
.btn.icoPrint {background:#C3D0F3 url('../img/common/btn_ico_print.png') 50% 50% no-repeat;}
.btn.icoRepeat {background:#C3D0F3 url('../img/common/btn_ico_repeat.png') 50% 50% no-repeat;}
.btn.icoCalendar {background:#C3D0F3 url('../img/common/btn_ico_calendar.png') 50% 50% no-repeat;}
.btn.icoRefresh {background:#7E57C2 url('../img/common/btn_ico_refresh.png') 50% 50% no-repeat;border:1px solid #7E57C2;}
.btn.icoCalendar {background:#C3D0F3 url('../img/common/btn_ico_calendar.png') 50% 50% no-repeat;} 
.btn.icoAdd {width:24px;height:24px;background:transparent url('../img/common/ico_add.png') 50% 50% no-repeat;border-radius: 0;border: 0;}
.btn.icoLink {width: 22px;height: 22px;border:0;background:url('../img/common/btn_ico_link.png') no-repeat center;padding: 0;min-width: 21px;border-radius: 0;vertical-align: top;}
.btn.icoFavorite{display:none}
.btn.icoFavorite + label {display:inline-block;border-radius:8px;border:1px solid #6C78CF;background:#C3D0F3;vertical-align: middle;cursor:pointer;width:32px;height:24px;background:#0089CF url('../img/common/btn_ico_favorite.png') 50% 50% no-repeat;vertical-align:top;border:0;text-indent:-999999em;}
.btn.icoFavorite:checked + label {width:32px;height:24px;background:#0089CF url('../img/common/btn_ico_favorite_o.png') 50% 50% no-repeat;vertical-align:top;border:0;}
.btn.icoNew {width:auto;min-width:70px;padding:0 5px;background:#7E57C2;border:1px solid #55C8EF;color:#162D56;font-size:13px;font-weight:400;border:1px solid #7E57C2;color:#fff;line-height:36px;text-indent:0;}
.btn.icoIncrease,
.btn.icoExpend {background: #CBD7F7 url('../img/common/ico_btn_open_bottom.png') 50% 6px no-repeat;border:1px solid #8084D0;}
.btn.icoIncrease .num,
.btn.icoExpend .num {display:block;padding-top: 15px;font-size:10px;font-weight:700;text-indent:0;color:#162D56;}
.btn.icoCollapse {background:#CBD7F7 url('../img/common/ico_btn_collapse.png') 50% 50% no-repeat;vertical-align:top;}
.btn.basic {width:200px;height:56px;background:#7E57C2;border-radius:8px;font-size:16px;color:#fff;}
.btn.text {display: inline-block;min-width: 44px;height:22px;border-radius:8px; border: 1px solid #6C78CF; background: #C3D0F3; vertical-align: middle;  font-size: 10px; font-weight: 700;padding:0 5px;line-height:18px;}
.icoCheckGreen {content: url('../img/common/ico_check_o_green.svg'); height:30px; width:12px; margin-right: 5px;}
.icoCheckRed {content: url('../img/common/ico_check_x_red.svg'); height:30px; width:12px; margin-right: 5px;}
.icoEye {position: absolute; background: url('../img/common/ico_eye.png') no-repeat; height:20px; width:25px; cursor:pointer; right:3px;}

.btn.noIco:hover,
.btn[class*="ico"]:hover,
.btn.text:hover  {background-color:#F0F0FF;transition: all 0.5s ease;}
.btn.noIco:active,
.btn[class*="ico"]:active,
.btn.text:active {background-color:#C3D0F3 ;transition: all 0.5s ease;}
.btn.icoNew:hover,
.btn.icoRefresh:hover,
.btn.icoSearch:hover {background-color:#604191;transition: all 0.5s ease;border:1px solid #F0F0FF;}
.btn.icoNew:active,
.btn.icoRefresh:active,
.btn.icoSearch:active {background-color:#7E57C2;transition: all 0.5s ease;border:1px solid #F0F0FF}
.btn.icoHelp,
.btn.icoHelp:hover, 
.btn.icoHelp:active {width:32px;height:24px;background-color:#4F78E2;background-image:url('../img/common/btn_ico_help.png');background-repeat:no-repeat;background-position:center;vertical-align:top;}

.tit {font-weight:700;font-size:16px;color:#343A40}
.sectionTitle {display: flex;justify-content: space-between;align-items:flex-end;margin: 10px 0 5px 0;}
.sectionTitle .title,
.sectionTitle h3.title {display:flex;color:#343A40;font-size:16px;font-weight:700;align-items: center;}
.sectionTitle .date {font-size:14px;}
.sectionTitle .amount {font-size:16px;}
.sectionTitle .currentAmt,
.sectionTitle .resultAmt {margin:0 0 3px 0;}
.sectionTitle .selectbox {margin:-1px 0 -6px 0;}
.sectionTitle .select {display: inline-block;height:34px;min-width:255px;color: #495057;font-size:14px;background: #fff url('../img/common/ico_arrow_down.png') no-repeat right 10px center;padding: 0 20px;border-radius:8px;border:1px solid #DEE2E6}
.unit {position:relative;display: inline-block;font-size:14px;font-weight:400;line-height:12px;padding-left: 20px;}
.unit:before {position:absolute;content:"";display: inline-block;width:1px;height:100%;background:#343A40;margin-left: -10px;top:1px}
.selectDate input[type='date'] {border: none;position: relative;display:inline-block;font-size:16px;border:0; background: url('../img/common/ico_calendar.png') no-repeat right 0 center / 16px auto;}
.selectDate input[type='date']::-webkit-calendar-picker-indicator {position: absolute;left: 0;top: 0;width: 100%; height: 100%;  background: transparent; color: transparent;cursor: pointer;}
.selectDate input[type='date']::before {content: attr(placeholder);width: 100%; height: 100%;}
.selectDate input[type='date']:valid::before {display: none; }
.selectDate .datepicker {width:40%;height:100%;border-radius:0;border:0;vertical-align:top;padding:0;background-position:right center;}

/* Login style */
.innerBx {display:flex;align-items: center;height: 100vh;flex-direction: column;justify-content: center;}
.container {display:flex;align-items: center;flex-direction: column;}
.loginWrap {align-items: center!important;height: 100vh;flex-direction: column;overflow-x:hidden;background:#fff;}
.loginWrap .logo {width:242px;height:79px;background:url('../img/common/logo.png') no-repeat;text-indent:-9999em;}
.loginWrap .footer {display: block;width: 100%;border-top: 1px solid #DEE2E6;font-size:16px;color:#999C9E;text-align: center;padding:20px 0;}
.loginCommon {position:relative;border-radius:16px;background:#fff;margin: 28px 0 35px 0;padding:40px 60px;width: 568px;border:1px solid #DEE2E6;box-shadow: rgba(149, 157, 165, 0.2) 0px 20px 24px;}
.loginCommon .headerTab {background: #fff;margin: -41px 0 40px -61px; width: calc(100% + 122px);  border-bottom: 0;padding:0;}
.loginCommon .headerTab >.ui-tabs-nav {background:#fff;}
.loginCommon .headerTab >.ui-tabs-nav li {width: 50%;height: 52px;border-color:#DEE2E6;background:#efefef;padding:0;}
.loginCommon .headerTab >.ui-tabs-nav .ui-state-active {background: #fff;}
.loginCommon .headerTab >.ui-tabs-nav .ui-state-active a {width:auto;color:#7E57C2;}
.loginCommon .headerTab >.ui-tabs-nav a {width:100%;max-width:100%;font-size:20px;line-height:48px;color:#999999;}
.loginCommon .btnWrap ul li {width:100%;}
.loginCommon .loginInputBx label {width:1px;height:1px;font-size:1px;text-indent:-9999em;}
.loginCommon .loginCheck {display: flex;justify-content: space-between; align-items: center;}
.loginCommon .loginSaveId {padding-left:30px;}
.loginCommon .inputSaveId {display:none;}
.loginCommon .inputSaveId + label:before {content:"";position:absolute;display:inline-block;width:24px;height:24px;margin-left:-30px;border:1px solid #7E57C2;}
.loginCommon .inputSaveId:checked + label:before {background: url('../img/common/ico_popup_check_o.png') no-repeat center; background-size: 18px;}
.loginCommon .findIdPw {display: block;margin-top:20px;} /* 241015 */
.loginCommon .findIdPw ul {text-align:right;font-size:0;}
.loginCommon .findIdPw li {position: relative;display:inline-block;}
.loginCommon .findIdPw li:after {position:absolute;content:"";width:1px;height:13px;background:#495057;top: 50%;margin-top: -6px;right: 0;}
.loginCommon .findIdPw li:last-child:after {display:none;}
.loginCommon .findIdPw li a {font-size:16px;color:#495057;margin: 0 15px;}
.loginCommon .findIdPw li:last-child a {margin:0 0 0 15px;}
.txtNoice {padding:20px 0;text-align:center;}
input.txtInput,input[type=text].txtInput, input[type=password].txtInput, input[type=number].txtInput {border:1px solid #D3D7DF;border-radius:8px;height:56px;line-height:56px;font-size:20px;padding:0 15px;border-radius:8px;}
.loginCommon h2 {position: relative;font-size:36px;color:#212529;}
.loginCommon h3 {font-size:22px;color:#212529;font-weight:normal;margin:0;}
.findIcon,
.loginIcon,
.pwIcon {padding-left:40px;}
.findIcon:before,
.loginIcon:before,
.pwIcon:before {position: absolute;content:"";display:inline-block;vertical-align: top;width:42px;height:42px;top: 6px;left: -43px;margin-left: 40px;}
.loginIcon:before {background:url('../img/common/ico_login.png') no-repeat;}
.findIcon:before {background:url('../img/common/ico_find.png') no-repeat;}
.pwIcon:before {background:url('../img/common/ico_pw.png') no-repeat;}
.findIcon + .loginTxt,
.loginIcon + .loginTxt,
.pwIcon + .loginTxt {padding:0 8px;}
.emailTxt {font-size:18px;color:#212529;font-weight:normal;}
.loginInputBx {position:relative;display:grid;margin:15px 0;}
.inputLongWrap {margin:50px 0 0 0;}
.inputInner {position:relative;display: flex;margin:15px 0 0 0;justify-content: space-between;}
.inputInner input::-webkit-input-placeholder {font-size:14px;font-weight:400;}
.inputInner .txtInput {width:100%;} 
.time {position:absolute;top:15px;right:15px;color:#FF6D63;text-align:right;}
.time .num {vertical-align:top;}
.findNotice {color:#FF6D63;}
.doneInner {width:100%;background:#EBEBFF;border-radius:8px;margin:20px 0;padding:25px;text-align:center;font-size:22px;height:225px;}
.doneInner:before {content:"";display:inline-block;width:134px;height:133px;background:url('../img/common/img_done_member.png') 50% 50% no-repeat;}

.bt01 {display:block;background:#7E57C2;border-radius:8px;width:100%;height:62px;line-height:62px;color:#fff;text-align:center;font-weight:700;font-size:20px;transition: all 0.5s ease;}
.bt01:hover {background-color:#604191;transition: all 0.5s ease;}
.bt01:active,
.inputInnerBtn:active { background:#7E57C2;border:1px solid #F0F0FF;transition: all 0.5s ease;}
.bt02 {display:block;background:#fff;border-radius:8px;width:100%;height:62px;line-height:56px;color:#7E57C2;text-align:center;font-weight:700;font-size:20px;border:1px solid #7E57C2;transition: all 0.5s ease;}
.bt02:hover {background-color:#7E57C2;transition: all 0.5s ease;color:#fff;border:1px solid #7E57C2;}
.bt02:active {background-color:#fff;border:1px solid #fff;background: #604191; transition: all 0.5s ease;}
.timeReset:hover,
.timeReset:active {background:#fff url('../img/common/ico_reset.png') 50% 50% no-repeat;border:1px solid #7E57C2;}
.timeReset {display:block;border-radius:8px;width:90px;height:62px;line-height:56px;color:#7E57C2;text-align:center;font-weight:700;font-size:20px;border:1px solid #7E57C2;background:#fff url('../img/common/ico_reset.png') 50% 50% no-repeat;font-size:1px;text-indent:-9999em;}
.btnLogin {display:block;background:#fff;border-radius:8px;width:100%;color:#495057;text-align:center;font-weight:400;font-size:16px;margin-top:40px;}
.codeReset li:last-of-type {max-width:90px;}
.inputInnerBtn {position: absolute;display:block;width: 70px;background:#7E57C2;border-radius: 0 8px 8px 0;height: 56px;line-height: 56px;color:#fff;text-align:center;font-weight:400;font-size:20px;margin-left: 0;right: 0;}

.selectBt li {display:inline-block;}
.selectBt > .item .btnTab {position:relative;display:inline-block;vertical-align:middle;width:115px;height:48px;line-height:48px;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;text-align:center;color:#495057;border:1px solid #DEE2E6;}
.selectBt > .item.on .btnTab {color:#fff;background:#7E57C2;border:1px solid #7E57C2;}

/* 가맹점 관리 */
.filterListWrap {position:relative;display:flex;justify-content:space-between;border:1px solid #DEE2E6;border-radius:5px;padding:10px;margin-bottom:10px;}
.filterList {margin:-5px 0;}
.filterList li {float: left;display: inline-block;color: #7E57C2;background-color: #fff;padding: 0 20px;border-radius: 50px;height: 44px;margin:5px 10px 5px 0;line-height: 40px;}
.filterList .name {font-size:14px;padding:0 2px;font-weight:bold;}
.filterList .data {font-size:14px;padding:0 2px;}
.filterWrap {position:relative;border:1px solid #DEE2E6;border-radius:5px;padding:10px;}
.filterSearch {display: flex;justify-content: space-between;align-items:flex-start;}
.filterSearch.moreList {display:none;border-top:1px solid #DEE2E6;padding-top:10px;margin-top:10px;}
.filterSearch.moreList .sectionFilter .tit {min-width:90px;}
.filterSearch.moreList .sectionFilter .select {width:100%;min-height:40px;}
.filterSearch.moreList .sectionFilter .tbl-type01 {width:100%;}
.filterSearch.moreList .sectionFilter > ul > li:first-child:nth-last-child(4),
.filterSearch.moreList .sectionFilter > ul > li {width: 25%;} 
.filterSearch .selectbox, 
.filterSearch .select, 
.filterSearch .filterInput, 
.filterSearch .sectionFilter > ul > li input[type=text] {width:100%;height:100%;margin: 0;}
.filterSearch .filterInput .text {width:100%;margin: 0;background-color:#fff!important;}  
.moreAddWrap {position:absolute;bottom:-36px;left:50%;margin-left:-36px;width:73px;height:38px;}
.moreAddWrap .moreAdd {display:inline-block;width:73px;height:38px;font-size:1px;text-indent:-999999em;background:url('../img/common/btn_search_more.png') no-repeat;}
.moreAddWrap .moreAdd.on {background:url('../img/common/btn_search_more_o.png') no-repeat;}
.filterInput {position:relative;} 
.selectbox.time,
.filterInput.time {position:initial;width:48px;} /* 241016 */

.selectbox.time .select {min-width:auto;}
.filterInput .sBtn[class*="ico"] {top: 7px;}
.filterInput .sBtn.icoSearch {display: inline-block; width: 25px; min-width: auto; background: url('../img/common/ico_search.png') no-repeat right 5px center; background-size: 20px;  margin-left: -25px;  border: 1px solid #DEE2E6; border-radius: 0;  height: 100%;  vertical-align: top;  top: 0;  border: 0;}
.filterInput .text {width:120px;height:40px;line-height:40px;background-color:#fff;border:1px solid #DEE2E6;border-radius:8px;font-size: 14px;}
.filterInput .text:read-only {color:#999C9E;border:1px solid #D3D7DF;background:#f5f5f5;}
.filterInput .text:focus::placeholder {color:#495057}
.filterInput.price {position:relative;}
.filterInput.price .text {padding: 5px 20px 5px 5px;text-align:right;}
.filterInput.price .txt {position:absolute;top: 50%;right: 5px;margin-top: -12px;font-size:14px;}
.symbol {margin:0 5px;}
.btnGroup ul > li {display: table-cell;padding: 0 5px;vertical-align:bottom;}
.btnGroup ul > li:last-child,
.filterWrap > ul > li:last-child {margin-left:5px;}
.sectionFilter {width:100%;margin-right: 0;} /* 241008 수정 */
.sectionFilter .agreeRdo label {font-size:14px;padding:0 5px;}
.sectionFilter .agreeRdo .titText::after {display:none;}
.sectionFilter > ul {display:inline-flex;width:100%;margin-bottom:10px;min-height:40px;}
.filterSearch .sectionFilter tr:last-child .inputWrap,
.filterSearch:first-child .sectionFilter .inputWrap {margin-bottom:0;} 
.sectionFilter > ul:last-child {margin-bottom:0}
.sectionFilter > ul > li {display:inline-block;width:25%;margin-right:20px;} /* 241014 */
.sectionFilter > ul > li:last-child {margin-right:0;} /* 241016 */
.sectionFilter > ul > li:first-child:nth-last-child(3), 
.sectionFilter > ul > li:first-child:nth-last-child(3)~li {width:32%;}
.sectionFilter > ul > li:first-child:nth-last-child(2), 
.sectionFilter > ul > li:first-child:nth-last-child(2)~li {width:100%;}
.sectionFilter > ul > li .inputWrap div:nth-child(n+1) {margin-left:5px;}
.sectionFilter > ul > li .inputWrap .symbol + div:nth-child(n+1) {margin-left:0;}
.sectionFilter > ul > li .filterInput:only-child,
.sectionFilter > ul > li .inputWrap div:first-of-type {margin-left:0;}   

.sectionFilter > ul > li:only-child {width: 100%; }
.sectionFilter .inputWrap {justify-content:flex-start;height:100%;}
.sectionFilter .tit {display: inline-table;min-width:65px;font-size:14px;line-height:16px;font-weight:400;margin: 0 5px;}
.sectionFilter .tit > label {text-wrap:balance;line-height: 1.4;vertical-align: top;}
.sectionFilter .selectbox {display:inline-block;}
.sectionFilter .select,
.sectionBtn .select {display: inline-block;height:100%;min-width:70px;color: #495057;font-size:14px;background: #fff url('../img/common/ico_arrow_down.png') no-repeat right 10px center;padding:0 20px 0 10px;border-radius:8px;border:1px solid #DEE2E6} /* 241007 수정 */
.sectionFilter .inputTxt {display: inline-block;height:40px;min-width:260px;color: #495057;font-size: 16px;background: #fff;padding: 0 20px;margin: 0 10px;border-radius:8px;border:1px solid #DEE2E6}

.inputWrap .filterCheckBtn {display:none;}
.inputWrap .filterCheckBtn + .tit label:after {content:""; display:inline-block; vertical-align:middle; width:24px;height:24px; background-color:#ffffff; border:1px solid #D3D7DF; margin-left:10px;}
.inputWrap .filterCheckBtn:checked + .tit label:after {background: url('../img/common/ico_popup_check_o.png') no-repeat center; background-color:#ffffff; background-size: 18px; border:1px solid #7E57C2;}

.btnCheck {max-width:980px;}
.btnCheck li {display:inline-block;margin:2px 5px 2px 0;}
.btnCheck li:last-of-type {margin:2px 0;}
.btnCheck input[type="radio"],
.btnCheck input[type="radio"]:checked,
.btnCheck input[type="checkbox"],
.btnCheck input[type="checkbox"]:checked {display:none;}
.btnCheck input[type="radio"] + label,
.btnCheck input[type="checkbox"] + label {position:relative;display:inline-block;vertical-align:middle;min-width: 65px;height:32px;line-height:28px;background:#fff;border-radius:8px;cursor:pointer;font-size:12px;text-align:center;color:#7E57C2;border:1px solid #7E57C2;padding: 0 10px;}
.btnCheck input[type="radio"]:checked + label,
.btnCheck input[type="checkbox"]:checked + label {color:#fff;background:#7E57C2;}
.btnCheck.st2 {display: inline-block;height: 100%;}
.btnCheck.st2 ul {height:100%;}
.btnCheck.st2 li {position:relative;margin:0;height:100%;}
.btnCheck.st2 li:last-of-type {margin:0;}
.btnCheck.st2 input[type="radio"] + label, 
.btnCheck.st2 input[type="checkbox"] + label {height:100%;line-height:auto;line-height:36px;color:#999C9E
;border:1px solid #DEE2E6;}
.btnCheck.st2 input[type="radio"]:checked + label,
.btnCheck.st2 input[type="checkbox"]:checked + label {color:#7E57C2;border:1px solid #7E57C2;background:#fff;}
.h30 .btnCheck input[type="radio"] + label,
.h30 .btnCheck input[type="checkbox"] + label {line-height:26px;}
.h50 .btnCheck input[type="radio"] + label,
.h50 .btnCheck input[type="checkbox"] + label {line-height:46px;}

.graphSelect .btnCheck {display:inline-block;max-width:auto;}
.graphSelect .btnCheck input[type="checkbox"] + label {height:32px;}
.graphSelect .selectbox {display:inline-block;}
.graphSelect .select {display: inline-block;height:32px;min-width:70px;color: #495057;font-size:14px;background: #fff url('../img/common/ico_arrow_down.png') no-repeat right 4px center;padding:0 20px 0 10px;border-radius:8px;border:1px solid #DEE2E6}

.sectionBtn {display:block;white-space: nowrap;text-align: right;}
.sectionBtn ul {display:flex;}
.sectionBtn ul li {display:inline-block;margin-left:5px;}

/* 사용자 관리 버튼 수직배치*/
.verticalBtnBox {height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }

.filterWrap input[type="date"]::-webkit-calendar-picker-indicator,
.filterWrap input[type="date"]::-webkit-inner-spin-button {display:none;}
.filterWrap input[type='date'] {position:relative;display: inline-block;height:45px;color: #495057;font-size: 16px;background: #fff;padding: 0 10px;;border-radius:8px;border:1px solid #DEE2E6;}

.sectionGrid .headWrap {display: flex;justify-content: space-between;margin-top:20px;}
.filterWrap .IBSPMainTable {background:transparent;}
.sectionInfo {display:inline-block;}/* 241010 수정 */
.sectionInfo > .sectionWide:nth-child(1), 
.sectionInfo > .sectionSmall:nth-child(1) {margin-right:20px;} /* 241016 */
.sectionInfo > div:last-child {margin-right:0;}
.section {float:left;width:100%;}/* 241010 수정 */
/* .sectionInfo .section:last-child {margin-top:20px;} */ /* 241114 수정 */
.sectionWide {float:left;width:calc(60% - 20px);}/* 241010 수정 */
.sectionSmall {float:left;width:40%;}/* 241010 수정 */
.sectionWide .sectionTitle, 
.sectionSmall .sectionTitle {height:26px;}
.sectionHalf {display:inline-block;width:calc(50% - 7px);overflow:hidden;} /* 241016 */
.sectionInfo > .sectionHalf:first-child {margin-right:5px;}/* 241016 */
.sectionInfo > .sectionHalf:last-child {margin-left:5px;}/* 241016 */
.infoTable {width:100%; overflow:auto;}
.secInputInfo {background:#fff;border-radius:10px;border:1px solid #7E57C2;padding:15px;margin-bottom:20px;}
.secInputInfo:last-child {margin-bottom:0;}
.secInputInfo .infoTb03 .infoCon .infoTit {font-size:16px;}
.secInputInfo .infoTb03 .infoCon .data {display:block;font-weight:400;word-wrap: break-word;width: 100%;}

.secInputInfo.st2 .textBox {border:0;border-radius:0;height:30px;margin-bottom:0;} /* 241016 */
.secInputInfo.st2 .textBox.stLine {position: relative;display:inline-flex;width: calc(100% - 10px);align-items: center;color:#162D56;border-radius:8px;border:1px solid #DEE2E6;margin-left:0;font-size:12px;margin:5px;}
.last .textBox {margin-bottom:0;}
.secInputInfo.st2 .textBox .titText {text-align:left;}
.secInputInfo.st2 .lineSt2 .textBox .titText {text-align:left;}
.secInputInfo.st2 .textBox .titText.nolineR::after,
.secInputInfo.st2 .lineSt2 .textBox .titText::after {display:none;}
.secInputInfo.st2 .select {display: block;width:calc(100% - 10px);height:34px;border: 0;color: #495057;font-size:14px;background:url('../img/common/ico_arrow_down.png') no-repeat right 12px;padding:5px;margin:0;border:1px solid #DEE2E6;border-radius:8px;margin:5px;}
.secInputInfo.st2 .textBox .titText::after {height:18px;}
.secInputInfo.st2 .memo {height:70px;}
.secInputInfo.st2 .memo .conText {overflow:auto;white-space:normal;text-overflow: unset;height:45px;}
.secInputInfo.st2 .tbl-type01 th,
.secInputInfo.st2 .tbl-type01 td {  border-bottom: 1px solid #DEE2E6; border-right: 1px solid #DEE2E6; padding-right: 0; padding-bottom: 0; vertical-align: middle;height:24px;line-height:26px;}/* 241016 */
.secInputInfo.st2 .tbl-type01 .lineTop {border-top:1px solid #DEE2E6;}
.secInputInfo.st2 .tbl-type01 td:last-child {border-right:0;padding-bottom:0;}
.secInputInfo.st2 .tbl-type01 td.last {border-right:1px solid #DEE2E6;padding:5px;}
.secInputInfo.st2.noline td {border-width:0 0 1px 0;}
.secInputInfo.st2.noline tr:last-child td {border-width:0}

.secInputInfo.st3 {padding:0;border:1px solid #DEE2E6;border-radius:5px;overflow:hidden;margin-bottom:10px;border-top:0;}
.secInputInfo.st3 th {background:#E9EEF4;text-align:left;padding: 3px 10px;font-weight:700;font-size:14px;height:32px;}
.secInputInfo.st3 td {border-right:1px solid #DEE2E6;border-top:1px solid #DEE2E6;margin-right:0;padding-right:0;height:27px;padding-bottom:0;}
.secInputInfo.st3 tr:last-child td {border-bottom:0px;}
.secInputInfo.st3 td:last-child {border-right:0;}
.secInputInfo.st3 .sText {font-size:10px;color:#999C9E;font-weight:400;}
.secInputInfo.st3 .textBox {border:0;margin:0;height:100%;}
.secInputInfo.st3 .conText {white-space:normal;}


/* 매출전표 전용 */
#saleslip_cont{width:420px; height:1000px; padding:35px 10px 10px; position:relative;
			   -webkit-print-color-adjust: exact !important;
			   color-adjust: exact !important;}

#saleslip_cont .saleslip_continner1{background:url(../img/common/saleslip_cc.png) no-repeat; background-size:400px 925px; height:925px; padding:60px 43px 0}
#saleslip_cont .saleslip_continner2{background:url(../img/common/saleslip_va.png) no-repeat; background-size:400px 925px; height:925px; padding:60px 43px 0}

.secInputInfo.st4 {padding:0;border:1px solid #DEE2E6;border-radius:5px;overflow:hidden;margin-bottom:5px;border-top:0;}
.secInputInfo.st4 th.infoTitle {background:#C3D0F3;text-align:center;padding: 3px 10px;font-weight:700;font-size:12px;height:25px;}
.secInputInfo.st4 th {background:#E9EEF4;text-align:center;padding: 3px 0;font-weight:400;font-size:12px;height:25px;}
.secInputInfo.st4 td {border-right:1px solid #DEE2E6;border-top:1px solid #DEE2E6;margin-right:0;padding-right:0;height:20px;padding-bottom:0;}
.secInputInfo.st4 tr:last-child td {border-bottom:0px;}
.secInputInfo.st4 td:last-child {border-right:0;}
.secInputInfo.st4 .sText {font-size:10px;color:#999C9E;font-weight:400;}
.secInputInfo.st4 .textBox {border:0;margin:0;height:100%;}
.secInputInfo.st4 .conText {font-size:12px;white-space:normal;}

/* 241205 : 주소 영역  2X2칸 */
.addrBox {padding: 5px; border: 1px solid #DEE2E6;}
.addrBox .firstTr {top: -2px;}
.addrBox .tdBorder {border-bottom: none !important;}

.textLong {height:100%!important;}
.textLong .titText::after {height: 92px;margin-top: -45px;}

.inputWrap {display:flex;width: 100%;height:100%;align-items: center;justify-content: space-between;}
.tbl-type01 {width:100%;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;white-space:nowrap;table-layout: fixed;}
.tbl-type01 th,
.tbl-type01 td {font-size:12px;color:#162D56;padding:2px;line-height:36px;} /* 241010 수정 */
.tbl-type01 td.h30 {height:35px!important;min-height:35px!important;}
.tbl-type01 td.h40 {height:45px!important;min-height:45px!important;}
.tbl-type01 td.h50 {height:55px!important;min-height:55px!important;}
.tbl-type01 td .conText {display:block;width:100%;overflow:hidden;white-space : nowrap;text-overflow: ellipsis;}
.tbl-type01 .lineSt2 {position:relative;border-right:0!important;}
.tbl-type01 .lineSt2:after {content:"";position:absolute;width:1px;height: 50%;top: 24%;right:0;background: #DEE2E6;}
.tbl-type01 tr.last td,
.tbl-type01 tr td.nolineB {border-bottom:0;}
.tbl-type02 {width:100%;;font-size:14px; table-layout:fixed;}
.tbl-type02 th {background-color:#E9EEF4;font-weight:700;border-right:1px solid #CDD7E4;border-bottom:1px solid #CDD7E4;height:25px;vertical-align: middle;}
.tbl-type02 .noBg {background:none;}
.tbl-type02 td {background-color:#fff;text-align:center;height:25px;vertical-align: middle;border-right:1px solid #E9EEF4;border-bottom:1px solid #E9EEF4;overflow:hidden;white-space : nowrap; text-overflow: ellipsis;}
.tbl-type02 th:last-child,
.tbl-type02 td:last-child {border-right:0;}

/* modal */
.dim.active {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);overflow:hidden;z-index:9;}
.modalWrap {display:none;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:9;}
.btnClose {display:block;position:absolute;top:18px;right:18px;width:32px;height:32px;border:none;background:url('../img/common/ico_btn_close.png') center center no-repeat;color:transparent;font-size:0;-webkit-tap-highlight-color:rgba(255,255,255,0);}
.modal {position:fixed;background-color:#fff;width: 80%;left: 50%;top:45%;background-color: #fff; padding:40px 20px; z-index: 10; transform:translate(-50%, -50%); margin-top:25px;}
.modal .filterWrap .sectionFilter .tit {min-width:50px;} /* 241016 K-070000.html 꺠짐 수정 */
.stRadius {border-radius:10px;}
.modal.contentSizeL {width:1400px;}
.modal.contentSizeM {width:830px;}
.modal.contentSizeS {width:575px;border-radius:10px;}
.modal-md {position:fixed;background-color:#fff;width: 80%;left: 50%;top:50%;background-color: #fff; padding:0 20px; z-index: 10; transform:translate(-50%, -50%); height:100%;}
.modal-md.contentSizeL {width:1400px;}
.modal-md.contentSizeM {width:830px;}
.modal-md.contentSizeS {width:575px;border-radius:10px;}
.modal .filterWrap {margin-bottom:10px;}
.modal .sectionGrid {margin-top:10px;}
.modal .btnArea .btn {min-width:95px;}
.modal .btnGroup {width: 100%;}
.modal .btnGroup ul {display: flex; width: 100%;justify-content: flex-end;}
.modalTit {margin: 0 0 20px;font-weight:700;font-size:16px;border-bottom:1px solid #7E57C2;padding-bottom: 10px;line-height:16px;}
.modalCont {margin:0;}
.modalCont .sectionInfo {display:flex;justify-content: space-between;align-items:stretch;margin-bottom:20px;}/* 241014 추가 */
.modalCont input[type=number].txtInput {font-size:14px;}
.modalCont .txtInput::placeholder {font-size:20px;line-height:56px;}
.modalCont .inputInnerBtn {font-size:16px;}
.modalCont .noticeText {font-size:14px;margin-top:10px;}
.modalCont .noticeText li {font-size:10px;font-weight: 300;color:#495057;font-size: 11px;margin-bottom:2px;}
.modalCont .tbl-type01 {width:100%;}
/* 241015 비밀번호바꾸기 팝업 추가 */
.modalCont .popChangePW {min-height:300px;padding-bottom:10px;}
.modalCont .popChangePW li:first-child {margin:40px 0 60px 0;}
.modalCont .popChangePW .inputPassword {display: flex;align-content: center;align-items:flex-start;margin-bottom:30px;}
.modalCont .popChangePW .labelPassword {width: 25%;height:40px;font-weight: 700;line-height:40px;}
.modalCont .popChangePW .areaPW {position: relative;width: 70%;} /* 241016 */
.modalCont .popChangePW .txtInput {width: 100%;height: 40px;line-height: 40px;font-size: 14px;}
.modalCont .popChangePW .txtInput::placeholder {font-size: 14px;}
.modalCont .popChangePW .noticeText1 {margin-top:20px;font-size:14px;color:#FF6D63;}
.modalCont .popChangePW .noticeText2 {margin-top:20px;font-size:14px;color:#078C24;}
.modalCont .popChangePW .eyes {position: absolute;top: 9px;right: 9px;width: 21px;height: 21px;background: url('../img/common/ico_eye.png') no-repeat;font-size: 1px;text-indent: -999999em;cursor:pointer;}
.modalCont .popChangePW input[type="password"]::-ms-reveal,
.modalCont .popChangePW input[type="password"]::-ms-clear {display: none;}
/* 250205 거래취소 팝업  */
.modal2 {position:fixed;background-color:#fff;width: 100%;left: 50%;top:45%;background-color: #fff; z-index: 10; transform:translate(-50%, -50%); margin-top:25px;}
.modalCont .popSaleCancel {margin-bottom:20px;}
/* 매출관리 리포트 */
.sectionWrap.sectionReport .secInputInfo {border:1px solid #DEE2E6;border-radius: 10px;background-color:#fff;margin-bottom:0;padding:15px 20px;overflow:hidden;height:auto;}
.sectionWrap.sectionReport .sectionInfo {width:100%;margin-bottom:10px;} /* 241016 */
.sectionWrap.sectionReport .infoTb03 li {min-width:200px;padding:0 20px;}
.sectionWrap.sectionReport .infoTb03 li:first-child:nth-last-child(4), 
.sectionWrap.sectionReport .infoTb03 li:first-child:nth-last-child(4)~li {min-width:120px;padding:0 20px;}
.sectionWrap.sectionReport .infoTb03 .amount {font-size:14px;font-weight:400;}
.sectionWrap.sectionReport .infoTb04 {min-width:350px;}
.reportIcoIncrease {content: url('../img/common/ico_increase.svg'); height:30px; width:10px;}
.reportIcoDecrease {content: url('../img/common/ico_decrease.svg'); height:30px; width:10px;}
.gridLegendBox {border: 1px solid #7E57C2; border-radius: 10px; background-color: #ffffff; display:flex; align-items: center; padding: 4px 10px 4px 10px; margin-top:5px; width:fit-content; position:absolute; right:0px;}
.gridLegendCaption {font-size:14px; font-weight:400;}
.gridLegendIcon {width: 15px; height: 15px; border: 1px solid #7E57C2; margin-right:5px;}

/* .sectionWrap.sectionReport .sectionHalf:nth-child(1) {margin-right:10px;} */
.sectionWrap.sectionReport .percentTotal {display:flex;justify-content: flex-end;}
.sectionWrap .secInputInfo.graphArea {height:410px;}
.sectionInfo.reportInfoList .infoTb03 {display: flex;justify-content: space-evenly;margin: 0;padding:0;}
/*.sectionInfo.reportInfoList .infoTb03 li {padding: 0;width:100%;display: flex;align-items: center;flex-direction: column;justify-content: flex-start;height: 80px;}*/
.sectionInfo.reportInfoList .infoTb03 li {padding: 0;width:100%;display: flex;align-items: center;flex-direction: column;justify-content: flex-start;}
.secInputInfo .pieArea {display:flex;justify-content:space-between;}
.secInputInfo .pieArea .graph-pie {width:65%;}
.secInputInfo .pieArea .graphPieData {min-width:20%;}
.secInputInfo .pieArea .graphPieData .infoTb03 {display: flex;flex-direction:column; margin:0;padding: 0;}
.secInputInfo .pieArea .graphPieData .infoTb03 li {display: block;  min-width: auto;padding: 0 0 10px 0;margin-bottom:10px;border-bottom:1px solid #DEE2E6;}
.secInputInfo .pieArea .graphPieData .infoTb03 li:last-child {border-bottom:0;margin-bottom:0;padding:0;}
.secInputInfo .pieArea .graphPieData .infoTb03 li:after {display:none;}
.secInputInfo .pieArea .graphPieData .infoTb03 .percentInfo .tit {font-size:16px;padding-left:0;color:#3734A9;}
.secInputInfo .pieArea .graphPieData .infoTb03 .percentInfo .infoCon .price {font-size:24px;margin-right:5px;}
.secInputInfo .pieArea .graphPieData .infoTb03 .percentInfo .infoTit {justify-content:space-between;margin-bottom:0;}
.secInputInfo .pieArea .graphPieData .infoTb03 .percentInfo .percentage {font-weight: 400;font-size:18px;}
.secInputInfo .pieArea .graphPieData .infoTb03 .percentInfo .percentage .no {display: inline-block;font-size:24px;font-weight: 700;line-height:12px;vertical-align: top;}
.secInputInfo .pieArea .percentInfo.color01 .infoTit::before, 
.secInputInfo .pieArea .percentInfo.color02 .infoTit::before, 
.secInputInfo .pieArea .percentInfo.color03 .infoTit::before {display:none;}
.infoFo03 {margin-top:20px;}
.infoFo03 .infoTit {font-size:14px;margin-bottom: 5px;color:#7E57C2;}
.infoFo03 .infoCon {font-size:16px;color:#495057;}

/* button calendar */
.datepicker {position: relative;width:100%;display:inline-block;background-image:url('../img/common/ico_calendar.png');background-repeat: no-repeat;background-position:right 10px center;background-size: 16px auto;background-color:#fff;height:45px;line-height:45px;border:1px solid #DEE2E6;border-radius:8px;font-size: 14px;}
.ui-datepicker {position:absolute;background:#fff!important;border-radius:8px;box-shadow: 5px 5px 10px #ccc!important;padding:10px;z-index:4!important;}
.datepicker .ui-widget.ui-widget-content {z-index:9!important;border:0px; box-shadow: 5px 5px 10px #ccc; padding:0; background:#fff!important;}
.ui-datepicker .ui-widget-header {background: none;border: 0px;border-radius: 0px;}
.ui-datepicker .ui-datepicker-prev {left:10px;}
.ui-datepicker .ui-datepicker-next {right:10px;}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {top:2px}
.ui-datepicker .ui-datepicker-title{color: #495057; }
.ui-datepicker .ui-datepicker-prev .ui-icon {background:url('../img/common/ico_calendar_prev.png');background-repeat:no-repeat;background-position:center;}
.ui-datepicker .ui-datepicker-next .ui-icon {background:url('../img/common/ico_calendar_next.png') ;background-repeat:no-repeat;background-position:center;}
.ui-datepicker th{background :none; padding:3px;font-weight:normal;}
.ui-datepicker th span{font-size:12px;}
.ui-datepicker td{padding:3px;}
.ui-datepicker.ui-datepicker-prev::before{content:'\f0d9';color:#000; }
.ui-datepicker.ui-datepicker-next::before{content:'\f0da';color:#000; }
.ui-widget-content {border:0;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width: 70px;	border: 1px solid #DEE2E6;border-radius: 5px;	background: #fff url('../img/common/ico_arrow_down.png') no-repeat right 5px center;	font-size: 16px;font-weight: 700;padding: 0 5px;margin: 0 5px;}
.ui-datepicker select.ui-datepicker-month {width:60px}
.ui-datepicker .ui-datepicker-title {margin:0;}
.ui-datepicker .ui-state-default, 
.ui-datepicker .ui-widget-content .ui-state-default, 
.ui-datepicker .ui-widget-header .ui-state-default, 
.ui-datepicker .ui-button, html .ui-datepicker .ui-button.ui-state-disabled:hover, 
html .ui-datepicker .ui-button.ui-state-disabled:active {border:0px; background: none;text-align: center;  width: 24px;  height: 24px; line-height:18px;border-radius: 100%;padding:0; margin: 0 auto; font-size:14px; border:1px solid #fff;}
.ui-datepicker .ui-state-highlight, 
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {border:0px; background:#F4F5F9;border:1px solid #fff; color:#495057;}
.ui-state-active, .ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, a.ui-button:active, 
.ui-button:active, .ui-button.ui-state-active:hover {background: #7E57C2; color: #ffffff;border:1px solid #7E57C2;}
.ui-datepicker .ui-state-default.ui-state-hover {background: #F4F5F9;border:1px solid #F4F5F9;color:#495057;}
.ui-datepicker .ui-state-default.ui-state-active.ui-state-hover {background: #7E57C2; color: #ffffff;border:1px solid #7E57C2;}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus,
.ui-datepicker .ui-button:hover,
.ui-datepicker .ui-button:focus {	border:1px solid #7E57C2;	background: #E9EEF4;	font-weight: normal;}
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child .ui-state-active,
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child .ui-state-active{color:#fff}
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a {color: #FF6D63;}
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a {color : #79D9FA;}
/* .ui-datepicker .ui-datepicker-buttonpane button {display: none;} /* 하단 닫기 버튼 삭제 */
.ui-datepicker-current, .ui-datepicker-close {color: #7E57C2 !important; width: 40px !important; font-family: Noto Sans KR !important; font-weight:400 !important; opacity: 1 !important;}
.ui-datepicker-current.ui-state-hover, .ui-datepicker-close.ui-state-hover {border: none !important; background: none !important;}

.filterSearch .ui-datepicker {position:absolute;}
.filterSearch .ui-widget.ui-widget-content{z-index:9!important;border:0px; padding:0; background-color: #fff;}
.filterSearch .ui-widget-header{border: 0px; border-radius: 0px;}
.filterSearch .ui-widget-header .ui-icon{background: none;  }
.filterSearch .ui-datepicker-prev{text-align:center; line-height: 2em;}
.filterSearch .ui-datepicker-prev::before{ font: var(--fa-font-solid);   content:'\f0d9';   color:#fff; }
.filterSearch .ui-datepicker-next{text-align:center;  line-height: 2em;  }
.filterSearch .ui-datepicker-next::before{font: var(--fa-font-solid); content:'\f0da'; color:#fff; }
.filterSearch .ui-datepicker .ui-datepicker-title{color: #fff; }
.filterSearch .ui-datepicker .ui-datepicker-title .ui-datepicker-year{color: #79D9FA;}
.filterSearch .ui-datepicker .ui-datepicker-title .ui-datepicker-month{color: #79D9FA;}
.filterSearch .ui-datepicker th{background :#E9EEF4; }
.filterSearch .ui-datepicker th span{font-size:12px; }
.filterSearch .ui-state-default,.filterSearch .ui-widget-content .ui-state-default, .filterSearch .ui-widget-header .ui-state-default, .filterSearch .ui-button, html .filterSearch .ui-button.ui-state-disabled:hover, html .filterSearch .ui-button.ui-state-disabled:active{border:0px; background: none;text-align: center;  width: 24px;  height: 24px; line-height: 24px;border-radius: 100%;padding:0; margin: 0 auto;}
.filterSearch .ui-state-highlight, .filterSearch .ui-widget-content .ui-state-highlight, .filterSearch .ui-widget-header .ui-state-highlight{border:0px; background:#F4F5F9; }
.ui-state-active, .filterSearch .ui-widget-content .ui-state-active, .filterSearch .ui-widget-header .ui-state-active, .filterSearch a.ui-button:active, .filterSearch .ui-button:active, .filterSearch .ui-button.ui-state-active:hover{background: #7E57C2; color: #ffffff; }

/* Tab button */
.headerTab {position:relative;width: calc(100% + 15px);vertical-align: bottom;margin:0;font-size:0;padding: 5px 0 0 0;border-bottom:1px solid #7E57C2;}
.headerTab >.ui-tabs-nav {background:transparent;border: 0;border-radius: 0;padding:0;border-bottom:0;}
.headerTab >.ui-tabs-nav li {position:relative;display:inline-block;min-width:108px;height: 39px;line-height: 39px;background:#DCDAFF;border:1px solid #7E57C2;border-radius:10px 10px 0 0;text-align:center;font-size: 12px;border-bottom:none;overflow: hidden;padding: 0 0 0 10px;margin-right: 1px;cursor:pointer;margin:0;}
.headerTab >.ui-tabs-nav .ui-tabs-anchor {max-width:90px;width: calc(100% - 25px);padding:0;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:1;-webkit-box-orient: vertical;white-space:nowrap;}
.headerTab >.ui-tabs-nav a {display:inline-block;line-height: 39px;color:#282828;font-weight:500;text-align:center;}
.headerTab >.ui-tabs-nav .ui-state-active {background:#7E57C2;}
.headerTab >.ui-tabs-nav .ui-state-active a {max-width:calc(100% + 20px);color:#fff;}
.headerTab >.ui-tabs-nav .ui-icon-close {position:relative;width: 20px;height: 20px;display:inline-block;background:url('../img/common/ico_tab_delete.png') 50% 50% no-repeat;text-indent:-999999em;padding:5px;margin-right:5px;}
.headerTab >.ui-tabs-nav .ui-state-active .ui-icon-close {background:url('../img/common/ico_tab_delete_o.png') 50% 50% no-repeat} 

.ui-tabs .ui-tabs-panel {padding:0!important;}
.ui-widget.ui-widget-content {box-shadow:none;border:0;background: transparent;}
#subTabs .ui-tabs-panel {padding:0;border:0;}
#subTabs {background:none;box-shadow:0;background-color:none;}
#subTabs .ui-tabs-nav {border-bottom:1px solid #DEE2E6;margin-bottom:10px;font-size:0;background:none;padding:0;height:40px;border-width:0 0 1px 0;}
#subTabs .ui-widget-header {background:none;}
#subTabs .ui-tabs-nav li {width: auto;height: auto;display:inline-block;box-sizing:border-box;font-size:12px;margin: 0;background:none;border:0;}
#subTabs .ui-tabs-nav li a {display:inline-block; min-width:108px; height:39px;line-height:39px; font-size:15px; font-weight:400;color:#B7B5EA;text-align:center;border-bottom:none;background:#F4F5F9;padding:0;}
#subTabs .ui-tabs-nav li a:hover,
#subTabs .ui-tabs-nav .ui-state-active a {position: relative;display: inline-block;border-bottom: 2px solid #7E57C2;color:#7E57C2;cursor:pointer;
}

#subTabs .ui-tabs-nav .ui-tabs-tab.ui-tabs-active.ui-tabs-anchor {position:relative;display:inline-block;border:1px solid #7E57C2;color:#7E57C2;border-bottom: 0;}
.headerWrap {position:relative;padding:10px 0;}
.headerWrap .position li {position:relative;display:inline-block;font-weight: 400;}
.headerWrap .position li:after {content:">";display:inline-block;margin-left: 5px;}
.headerWrap .position li.home {padding-left: 28px;}
.headerWrap .position li.home:before {content:"";position:absolute;width:22px;height:22px;background:url('../img/common/ico_position.png') 50% 50% no-repeat;left: 0;}
.headerWrap .position li.last {font-weight:700; margin-left:5px;} /* 250121 margin-left 추가 */
.headerWrap .position li:last-child:after,
.headerWrap .position li.last:aFter {display:none;}
.headerWrap .position li.btn {margin-left:10px;}

/* FAQ list */
.sectionFaq {margin-top:20px;min-height:500px;}
.FaqListWrap {margin-top:50px;background:#fff;}
.FaqListWrap .faqHeader {background:#E9EEF4;}
.FaqListWrap .faqHeader ul {font-size:0;}
.FaqListWrap .faqHeader li {display:inline-block;font-size:14px;font-weight:700;color:#3C3C3C;height:44px;line-height:44px;}
.FaqListWrap .faqList {position:relative;border-bottom:1px solid #F1F3F5;}
.FaqListWrap .faqList ul {display:flex;align-items:center;width:100%;font-size:0;}
.FaqListWrap .faqList li {display:inline-block;font-size:14px;color:#495057}
.FaqListWrap .listNo {width:10%;text-align:center;}
.FaqListWrap .listName {width:10%;text-align:center;}
.FaqListWrap .listCont {width:63%;text-align:left;}
.FaqListWrap .listStat {width:10%;text-align:center;}
.FaqListWrap .listFile {width:7%;text-align:center;}
.FaqListWrap .fileClipIcon {content:"";display:inline-block;background:url('../img/common/btn_ico_clip.png') 50% 50% no-repeat;height:20px;}
.FaqListWrap .reply {position:relative;}
.FaqListWrap .reply:before {content:"";display:inline-block;background:url('../img/common/ico_reply.png') 50% 50% no-repeat;width:27px;height:27px;margin:-14px 0 -6px 0;}
.FaqListWrap .faqList .tit {display:flex;align-items:center;min-height:22px;padding:15px 0;font-size:14px;line-height:14px; font-weight: 400;}
.FaqListWrap .faqList .txtWrap {display:none;border-top:1px solid #F1F3F5;font-size:14px;line-height:1.6;}
.FaqListWrap .faqList:first-child .txtWrap {display:block;}
.FaqListWrap .faqList .btnListToggle {padding:20px;position:absolute;top:0;right:20px;font-size:0;background-color:transparent;}
.FaqListWrap .faqList .btnListToggle.on {display:block;}
.FaqListWrap .faqList .txtWrap .faqToggleLeft {display:block; text-align:center; width: 10%;}
.FaqListWrap .faqList .txtWrap .faqToggleRight {display:block; word-break:break-all; width:73.2%; padding:15px 50px 15px 0px;}
.btnslideToggle .icoArrow, .btnListToggle .icoArrow {display: inline-block;position: relative;font-size: 0;  vertical-align: middle;width:16px;height:12px;transform:rotate(90deg);}
.btnListToggle .icoArrow::before, .btnListToggle .icoArrow::after {background-color:#000;width:16px;height:1px;border-radius:5px 0 0 5px;}
.btnListToggle.on .icoArrow::before, .btnListToggle.on .icoArrow::after {background-color: #000;}
.btnslideToggle.on .icoArrow, .btnListToggle.on .icoArrow {transform:rotate(-90deg);}
.icoArrow::before, .icoArrow::after {content: "";display: block; width: 9px; height: 2px; position: absolute; top: 0; right: 0; transform: rotate(50deg);}
.icoArrow::after {top: auto; bottom: 0; transform: rotate(-50deg);}

/* 문의사항 페이징 241014 */ 
.pagination { text-align: center; margin-top: 30px;}
.pagination ul {}
.pagination li {display:inline-block;}
.pagination li a {display:inline-block;width:36px;height:36px;line-height: 36px;font-size:14px;}
.pagination li.active a {font-weight:700;color:#7E57C2;}
.pagination .arrow a {text-indent:-9999999em;}
.pagination .arrow.first {background:url("../img/common/ico_page_first.png") no-repeat center;}
.pagination .arrow.prev {background:url("../img/common/ico_page_prev.png") no-repeat center;}
.pagination .arrow.next {background:url("../img/common/ico_page_next.png") no-repeat center;}
.pagination .arrow.last {background:url("../img/common/ico_page_last.png") no-repeat center;}

/* 공지사항 241007 */
.fileboxWrap {display: flex;border: 1px solid #DEE2E6;border-radius: 5px;align-items: stretch;}
/* .sectionFilter .tit {min-width:114px;padding:0;margin:0;} */
.noTit {min-width:124px;padding:0;}
.filebox {display: flex;align-items: center;justify-content: center;}
.filebox .title {display:inline-block;line-height:34px;height:34px;font-size:14px;}
.filebox .uploadName {display: inline-block; height: 40px;  padding: 0 10px;vertical-align: middle;border: 1px solid #DEE2E6; width: 290px; height:34px;line-height:34px; color: #999C9E;border-radius:8px;}
.filebox .uploadFile {display: inline-block; width:37px;height:34px;background:#C3D0F3 url('../img/common/btn_ico_upload.png') no-repeat center;  color: #fff;  vertical-align: middle; cursor: pointer;  margin-left:10px;border:1px solid #99A1DD;border-radius:5px;text-indent:-99999em;}
.filebox .uploadAdd {display: inline-block; width:37px;height:34px;background:#C3D0F3 url('../img/common/btn_ico_add.png') no-repeat center;  color: #fff;  vertical-align: middle; cursor: pointer;  margin-left:10px;border:1px solid #99A1DD;border-radius:5px;text-indent:-99999em;}
.uploadDel {display:inline-block;width:16px;height:16px;background:url('../img/common/btn_ico_delete.png') no-repeat center;color: #fff;vertical-align:middle;cursor: pointer;  margin-left:10px;border:0;border-radius:5px;text-indent:-99999em;margin-top:-5px;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.fileboxList {display:block;width:100%;height:93px;overflow:hidden;overflow-y:scroll;border-left:1px solid #DEE2E6;padding:10px;}
/* 첨부파일 수정 241010 */
.fileboxList li {display:inline-block;margin:5px;}
.fileboxList li:last-child {margin-bottom:0;}
.fileboxList li a:before {content: "";  position: absolute;  display: inline-block;  width: 20px; height: 20px; background: url('../img/common/btn_ico_clip.png') no-repeat;top: 0;left: 0;}
.fileboxList li a {position: relative; font-size: 14px; padding-left: 24px;}
.fileUpload {border: 0px;}

/* 기타 추가된 페이지 (로딩,에러,알람,필수입력)*/
.alarmPopup.active,
.alarmPopup2.active,
.sectionLoading.active {display:block;}
.sectionLoading {display:none;position:fixed;width:84px;height:150px;top:50%;left:50%;z-index:10;margin-left:-42px;margin-top:-75px;text-align:center;z-index:9;}
.sectionLoading .txt {position:relative;z-index:10;color:#495057;font-size:22px;margin-top:-100px;}
.sectionLoading img {position:relative;z-index:10;}
.sectionLoading.type2:before {content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);overflow:hidden;z-index:9;}
.sectionLoading.type2 .txt {color:#fff;font-size:22px;margin-top:0;}
.sectionError {display: flex;width:100%;text-align:center;min-height:800px;align-content: center;flex-direction: column;align-items: center;justify-content: center;}
.sectionError .errorImg {width:225px;height:337px;background:url('../img/common/img_error_01.png') no-repeat center;margin:0 auto 45px auto ;}
.sectionError.type2 {display: flex;width:100%;text-align:center;min-height:800px;align-content: center;flex-direction: column;align-items: center;justify-content: center;border-top:28px solid #7E57C2;}
.sectionError.type2 .errorImg {width:225px;height:303px;background:url('../img/common/img_error_03.png') no-repeat center;margin:0 auto 0 auto ;}
.sectionError .errorTitle {font-size:18px;font-weight:700;}
.sectionError .errorText {font-size:14px;margin:10px 0 30px 0;}
.alarmPopup {display:none;position:fixed;top:10%;left:50%;z-index:10;margin-left:-167px;margin-top:0;width:334px;height:114px;border-radius:8px;border:1px solid #7E57C2;text-align:center;font-size:14px;background:#fff;box-shadow: 0 5px 5px 0 #DEE2E6;}
.alarmPopup.dark {background:#6d7379;color:#fff;border:1px solid #6d7379;box-shadow:none;}
.alarmPopup .imgIco01 {position:relative;}
.alarmPopup .imgIco01:before {content:"";display:block;width:28px;height:28px;background:url('../img/common/ico_alarm_01.png') no-repeat center;margin:25px auto 10px auto;transform-origin: 50% 0%; animation-name: shake; animation-duration: 2s;animation-iteration-count: infinite;  animation-delay: 0.5s;}
.alarmPopup .imgIco02 {position:relative;}
.alarmPopup .imgIco02:before {content:"";display:block;width:28px;height:28px;background:url('../img/common/ico_alarm_02.png') no-repeat center;margin:25px auto 10px auto;  transform-origin: 50% 0%; animation-name: shake; animation-duration: 2s;animation-iteration-count: infinite;  animation-delay: 0.5s;}
@keyframes shake{
  0%{transform: rotate(0deg); }    
  10%{transform: rotate(25deg);}
  20%{transform: rotate(-25deg); }
  30%{transform: rotate(30deg); }
  40%{transform: rotate(-30deg); }
  50%{transform: rotate(10deg); }
  60%{transform: rotate(-10deg); }
  70%{transform: rotate(0deg); }    
  100%{transform: rotate(0deg); }
}
.alarmPopup2 {display:none;position:fixed;top:30%;margin-top:0;left:50%;margin-left:-200px;width:400px;min-height:180px;border-radius:10px;z-index:10;text-align:center;font-size:14px;background:#fff;border:2px solid #7E57C2;box-shadow: rgba(149, 157, 165, 0.2) 0px 20px 24px;}
.alarmPopup2 .inner {position:relative;display: flex;flex-direction: column;align-items: center;justify-content: space-between;min-height:160px;margin:20px;}
.alarmPopup2 .inner .title {font-size:14px;font-weight:700; white-space: pre-line;}
.alarmPopup2 .inner .content {display:flex;flex-direction: column;justify-content: center;min-height:100px;padding:20px 0;}
.alarmPopup2 .inner .content[class*="ico"]:before {content: ""; position: absolute; display: inline-block; width:60px; height:60px;border-radius: 100%; top: -50px; left: 50%;margin-left: -30px;background-size:30%;background-position:center;background-color: #7E57C2;background-repeat:no-repeat;}
.alarmPopup2 .inner .content.ico01:before {background-image: url('../img/common/ico_popup_img01.png');}
.alarmPopup2 .inner .content.ico02:before {background-image:url('../img/common/ico_popup_img02.png');}
.alarmPopup2 .inner .content .text {font-size:14px;font-weight:400;margin:15px 0;}
.alarmPopup2 .inner .btnWrap {width:100%;margin-top:0;} 
.alarmPopup2 .inner .btnArea {width:100%;}
.alarmPopup2 .inner .btnArea .btn {width:135px;border:1px solid #7E57C2;margin:0 2px;}
.alarmPopup2 .inner .btnArea .btn .txt {height:40px;font-size:14px;font-weight:700;line-height:38px;}
.alarmPopup2 .inner .btnArea .btn:first-child:nth-last-child(3), 
.alarmPopup2 .inner .btnArea .btn:first-child:nth-last-child(3) ~ .btn {width:75px;}
.alarmPopup2 .inner .checkNotice {border-top:1px solid #DEE2E6;padding-top:20px;margin:0;align-items:center;}
.alarmPopup2 .inner .checkNotice .btnArea {width:auto;}
.alarmPopup2 .inner .check input[type=checkbox] {display: none;}
.alarmPopup2 .inner .check input[type=checkbox] + label {position: relative;  display: inline-block;  height: 26px;  background: url('../img/common/ico_popup_check.png') no-repeat left;  padding-left: 30px;}
.alarmPopup2 .inner .check input[type=checkbox]:checked + label:before {content: "";  position: absolute;  display: inline-block;  width: 26px;  height: 26px;  left: 0;  background: url('../img/common/ico_popup_check_o.png') no-repeat center;}

/* 241014 비밀번호입력 팝업 */
.alarmPopup2 .inner.stPassword {min-height:140px}
.alarmPopup2 .inner.stPassword .btn {width:75px;}  
.alarmPopup2 .inner.stPassword .btnPassword {width:100%;margin-right:10px;}
.alarmPopup2 .inner.stPassword .btnArea {width:auto;}
.noticeDetailHeader .category {position: relative;display: inline-block;vertical-align: top;height: 22px;line-height:20px;background: #fff;border-radius:5px;cursor: pointer;font-size: 10px;text-align: center;color: #7E57C2;border: 1px solid #7E57C2;padding: 0 5px;
margin-right:5px;}
.noticeDetailHeader .writeTitle .info {display:inline-block;font-weight:700;vertical-align:top;line-height:18px;height:22px;}
.noticeDetailWrap .writeInfo {border-bottom:1px solid #DEE2E6;padding-bottom:5px;}
.noticeDetailHeader .writeInfo li {display:inline-block;font-size:14px;}
.noticeDetailHeader .writeInfo li .name {position:relative;display:inline-block;font-weight:700;padding-right:10px;margin-right:10px;}
.noticeDetailHeader .writeInfo .name:after {content:"";position:absolute;display:inline-block;width:1px;height:10px;background:#495057;top:50%;margin-top:-5px;right:0;}
.noticeDetailHeader .writeInfo li .data {display:inline-block;font-weight:400;margin-right:20px;}
.noticeDetailWrap .noticeDetailContent {background:#fff;min-height:30px;padding:30px;font-size:14px;margin:20px 5px;}

.noticeDetailFooter .download {border-color: #DEE2E6;border-style: solid;border-width: 1px 0 1px 0;padding:10px 0;margin-bottom:20px;font-size:0;}
.noticeDetailFooter .download .tit {display:inline-block;width:60px;vertical-align:middle;font-size:14px;font-weight:400;}
.noticeDetailFooter .download .fileboxList {position: relative;width:calc(100% - 60px);display: inline-block;vertical-align: middle;font-size: 14px;font-weight:700;border: 0;height: auto;padding: 0;max-height:100px;overflow-y:auto;}
/* .noticeDetailFooter .download .fileboxList li {margin:0;} */
.noticeDetailFooter .pageLink li {height:32px;}
.noticeDetailFooter .pageLink .tit {display:inline-block;width:60px;font-size:14px;font-weight:400;vertical-align:top;line-height:26px;}
.noticeDetailFooter .pageLink .link {display:inline-block;font-size:16px;font-weight:700;vertical-align:top;line-height:26px;}

.noticeReplyWrap {margin-top:30px;border-top:1px solid #DEE2E6;} 
.noticeReplyWrap .headTitle {font-weight:700;padding-top:20px;}
.noticeReplyWrap .filterWrap {border:0;padding:10px 0;}
.noticeReplyWrap .noticeReplyText {display:inline-block;width:calc(100% - 2px);background:#fff;min-height:230px;padding:20px;margin-bottom:20px;margin-left:1px;margin-top:10px;font-size:14px;}
.noticeReplyWrap .noticeReplyInput {display:inline-block;width:calc(100% - 2px);background:#fff;min-height:230px;padding:20px;margin-bottom:20px;margin-left:1px;font-size:14px;}

/* login Tooltip */
.loginCommon .tooltip {position:absolute;width:auto;top: -21px;right: -32px;display:inline-block;vertical-align:middle;z-index:2;text-align:left} 
.loginCommon .tooltip .btnTip {display:block; position:relative; width:32px; height:32px; border:none; border-radius:100%; outline:0; padding:0; margin:-1px 0 0; text-indent:150%; font-size:0; line-height:0; white-space:nowrap; background:#7E57C2 url('../img/common/ico_toolip.png') 50% 50% no-repeat;vertical-align:middle; } 
.loginCommon .tooltip .content {display:none;visibility: hidden;position:absolute;top: 5px;left: 35px;width:270px;padding:25px 20px;border-radius:10px;word-break:keep-all;background-color:#7E57C2;box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px;border:0;margin:0;bottom:auto;} 
.loginCommon .tooltip.focusable:focus,
.loginCommon .tooltip:hover .content {display:block;visibility: visible;}
.loginCommon .tooltip .content > .txt {font-weight:400; font-size:14px; line-height:19px;color:#fff; } 
.loginCommon .tooltip .content > .txt ul {margin-top:15px;} 
.loginCommon .tooltip .content > .txt ul li {color:#fff;} 

/* button tooltip */
.btnTooltip {position:relative;}
.tooltipWrap {position: absolute;vertical-align: top;top: 0;left: 0;z-index:2;text-align:left;width: 100%;height:1px;text-align: left;}
.tooltipWrap .content {display:none;left:50%;width:300px;right:0;bottom:20px;padding:10px 20px 10px 20px;border:1px solid #7E57C2;word-break:keep-all;background:#fff;border-radius:3px;font-size:12px;line-height:1.2;position: absolute;font-weight: 400;color: #7E57C2;box-shadow: 5px 4px 5px 0px rgb(0 0 0 / 15%);text-indent:0;}
.tooltipWrap .content.icon {width:120px;text-align:center;}
.tooltipWrap.on .content {display:block;}
.tooltipWrap.on .btnClose {position: absolute;right:10px;top:10px;width:16px;height:16px;font-size:1px;text-indent:-99999em;background:none;}
.tooltipWrap.on .btnClose:before, 
.tooltipWrap.on .btnClose:after {position: absolute;top:2px;right:50%; content: ' ';height:12px; width: 1px; background-color: #333;}
.tooltipWrap.on .btnClose:before {transform: rotate(45deg);}
.tooltipWrap.on .btnClose:after {transform: rotate(-45deg); }
.tooltipWrap.on i.arrow {position: absolute;  top: -20px;left: 50%;margin-left: -10px; border-width: 10px; border-style: solid;  border-color: transparent transparent #7E57C2;  transform: rotate(180deg);z-index:1;}
.tooltipWrap.on i.arrow::before {position: absolute;  content: '';  top: -9px;  left: 50%; margin-left: -10px;  border-width: 10px;  border-style: solid;  border-color: transparent transparent #fff;}

.layer-tooltip {position:fixed; background:#fff; color:#7E57C2; font-size:12px; padding: 5px 10px; border-radius: 3px; margin-bottom: 8px; white-space: nowrap; font-weight:400; z-index:11;box-shadow: 5px 4px 5px 0px rgb(0 0 0 / 2%);border:1px solid #7E57C2;}

.layer-tooltip.on {display:block}
.layer-tooltip:before {content: "";border-bottom: 5px solid #fff;display: block;width: 0;height: 0;position: absolute;bottom: calc(100% - 1px);left: 50%;margin-left: -5px;z-index:1;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.layer-tooltip:after {content: "";border-bottom: 5px solid #7E57C2;display: block;width: 0;height: 0;position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-left: 5px solid transparent;border-right: 5px solid transparent;}

/* 해상도 1536x864 이하일 때, 스크롤 발생을 위한 미디어쿼리 */
@media all and (max-width:1536px){
  .infoTb03 .price,
  .infoTb04 .price {transition:all 0.3s ease;font-size:20px;}
  .percentInfo .infoCon .price {transition:all 0.3s ease;font-size:16px;}
}