@charset "utf-8";

@import url('base.css');

/************************************************
	layout
************************************************/

#wrap{min-width:1280px; margin:0; overflow: hidden; height:100%; }


/* header 영역*/
#header{ position: relative; width: 100%; z-index: 3; }
#header .hd-top{ position: relative; height: 46px;}
#header h1.logo{ position: absolute; top:50%; left: 25px; margin-top: -12px; width: 100px;}
#header h1.logo a{ height: 25px; text-indent: -9999px; background: url('../images/logo.png') 50% 50% no-repeat; display: block; }
#header .utill{ position: absolute; top:12px; right:25px;}
#header .utill a{ display: inline-block; height: 24px; line-height: 24px;}
#header .utill .wel{ color:#31556a; margin-right: 16px;}
#header .utill .logout{ background-color:#31556a; color:#fff; padding: 0 10px; border-radius: 2px; }

/* 20200130 추가*/
.arrow_box { position: relative; background: #f1f8fd; border: 1px solid #c2e1f5; width: 145px; border-radius: 4px; padding: 0 0 0 10px; margin: 0 5px 0 0; color: #31556a}
.arrow_box:after, .arrow_box:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.arrow_box:after { border-color: rgba(136, 183, 213, 0); border-left-color: #f1f8fd; border-width: 5px; margin-top: -5px;}
.arrow_box:before { border-color: rgba(194, 225, 245, 0); border-left-color: #c2e0f5; border-width: 6px; margin-top: -6px;}
/* .arrow_box > span{color: #d01342;} */

.fav-bx{ position: absolute; top:0; left: 250px; right:0; background-color: #f2f2f2; border-bottom: #d9dad6 1px solid; z-index: 5;}
#wrap.lmClose .fav-bx{ left: 73px;}
.fav-bx .itm-grp{ padding: 11px 30px; }
.fav-bx .itm-grp a{ border:#dadada 1px solid; border-radius: 3px; margin: 2px 0; background-color:#fff; display: inline-block; white-space: nowrap; padding: 0 15px; line-height: 26px; height: 26px;}
.bt-fav{ position: absolute; bottom:-25px; left: 50%; width: 120px; height: 25px; margin-left: -60px; line-height: 25px; background-color: #f2f2f2; text-align: center; color: #000; border:#d9dad6 1px solid; border-top:none; border-radius: 0 0 5px 5px;}
.bt-fav::before{ content: '\f005'; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#ddab40; margin-right: 5px;}
.bt-fav::after{ content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#333; margin-left: 5px;}
.bt-fav.active::after{content: '\f077';}

footer{ position: relative; width: 100%; text-align: center; color: #8d8f96; background-color: #f8f8f8; line-height: 46px; height: 46px; font-size: 11px;}

/* container*/
#container{ position: relative; width: 100%; min-height:calc(100vh - 46px); display: table; table-layout: fixed; z-index: 1;}

#contents{ position: relative; display: table-cell; vertical-align: top; padding: 0; z-index: 1;}
.cont-wrap{ position: relative; padding: 0 25px 40px; }

.dv-loc{ position: relative; background-color: #1a4259; padding: 0; display: table; margin: 0; width:calc(100%);}
.dv-loc .inbx{ display: table-cell; text-align: left; overflow: hidden;}
.dv-loc .inbx .itm{ position: relative; display: inline-block; float: left; height: 36px; line-height: 36px; color: #90a3ae; padding: 0 10px; white-space: nowrap;}
.dv-loc .inbx .itm:hover{ background-color: #e05a5a; }
.dv-loc .inbx .itm:hover a{ color:#fff;}
.dv-loc .inbx .itm::before{ content:''; position: absolute; top:0; right: 0; background-color:#275773; display: block; width:1px; height: 36px;}
.dv-loc .inbx .itm::after{ content: ''; position: absolute; width: 100%; height: 1px; background-color:#275773; display: block; bottom: -1px; left: 0; z-index: 3;}
.dv-loc .inbx a.main{ position: relative; float: left; display: inline-block; height: 36px; line-height: 36px; color: #90a3ae; padding: 0 26px; border-right:#275773 1px solid; margin-left: -4px;}
.dv-loc .inbx a.main::after{ content: ''; position: absolute; width: 100%; height: 1px; background-color:#275773; display: block; bottom: -1px; left: 0; z-index: 3;}
.dv-loc .inbx a.x{ position: relative; display: inline-block; width: 12px; height: 12px; vertical-align: -1px; background:url('../images/ic_x.png') 50% 50% no-repeat; opacity: .5;}
.dv-loc .inbx .itm:hover a.x{ opacity: 1;}
.dv-loc .close{ display: table-cell; width: 118px; background-color:#102e40; text-align: center; vertical-align: middle;}
.dv-loc .close a{ display: inline-block; color: #fff;}
.dv-loc .close a::before{ content: '\f00d'; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px;}
.dv-loc .inbx ul > li{ position: relative; display: inline-block; float: left; height: 36px; line-height: 36px; color: #90a3ae; padding: 0 10px; white-space: nowrap;}
.dv-loc .inbx ul > li::before{ content:''; position: absolute; top:0; right: 0; background-color:#275773; display: block; width:1px; height: 36px;}
.dv-loc .inbx ul > li::after{ content: ''; position: absolute; width: 100%; height: 1px; background-color:#275773; display: block; bottom: -1px; left: 0; z-index: 3;}
.dv-loc .inbx ul > li button{ margin-left: 10px; vertical-align: -1px; width: 12px; height: 12px; display: inline-block; text-indent: -9999px; background:url('../images/ic_x.png') 50% 50% no-repeat; opacity: .5;}
.dv-loc .inbx ul > li:hover{ background-color: #e05a5a; }
.dv-loc .inbx ul > li:hover a,
.dv-loc .inbx ul > li:hover a button{ color: #fff; opacity: 1;}
.dv-loc .inbx ul > li.active a,
.dv-loc .inbx ul > li.active a button{ color: #fff; opacity: 1;}

#lm{ position: relative; z-index: 3; display: table-cell; width: 250px; height:100%; vertical-align: top; background-color:#20272f;}
#lm .bt-mn{ position: relative; display: block; width: 100%; height: 36px; background-color: #31556a; text-align: left; color: #fff; padding: 0 24px;}
#lm .bt-mn em{ position: absolute; top:50%; right: 17px; width: 12px; height: 12px; margin-top: -6px; display: block;}
#lm .bt-mn em i{ position: absolute; left: 0; display: block; width: 100%; height: 2px; background-color:#fff;}
#lm .bt-mn em i:nth-child(1){ top:1px;}
#lm .bt-mn em i:nth-child(2){ top:5px;}
#lm .bt-mn em i:nth-child(3){ top:9px;}
#wrap.lmClose #lm{ width: 73px; padding: 0; }
#wrap.lmClose #lm .bt-mn{ text-align: center;}
#wrap.lmClose #lm .bt-mn span{ display: none;}
#wrap.lmClose #lm .bt-mn em{ left: 50%; margin-left: -6px;}

.snb a{ display: block; cursor: pointer;}
.snb > li + li{ margin-top: 1px;}
.snb > li > a{ position: relative; background-color: #272e37; padding: 18px 30px; color: #c3c6ca; font-size: 13px; font-weight: 400;}
.snb > li > a > i{ margin-right: 4px; color: #fff; width: 18px; text-align: center; }
.snb > li > a::before{ content: ''; width: 5px; position: absolute; top:0; left: -5px; bottom:0; background-color: #ffc624; opacity: 0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.snb > li > a::after{ content: '\f054'; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #82888f; position: absolute; top:50%; right:20px; margin-top: -.5em;  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.snb > li.active > a,
.snb > li > a:hover{ color:#f2d071;}
.snb > li.active > a::before,
.snb > li > a:hover::before{ left: 0; opacity: 1;}
.snb > li.active > a::after{ transform: rotate(90deg);}
.snb > li > ul{ padding: 15px 0; display: none;}
.snb > li > ul > li > a{ position: relative; padding: 8px 10px 8px 67px;}
.snb > li > ul > li.hasSub > a::before{ content: ''; position: absolute; top:50%; left: 50px; margin-top: -5px; width: 10px; height: 10px; vertical-align: middle; display: inline-block; background: url('../images/ic_plus.png') 50% 50% no-repeat; opacity: .3; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.snb > li > ul > li.active > a,
.snb > li > ul > li > a:hover{ color: #fff;}
.snb > li > ul > li.active.open > a{ color: #fff;}
.snb > li > ul > li.hasSub.open > a::before{ background: url('../images/ic_minus.png') 50% 50% no-repeat; opacity: .3;}
.snb > li > ul > li.hasSub.active.open > a::before,
.snb > li > ul > li.hasSub > a:hover::before{ opacity: 1;}
.snb > li > ul > li > ul{ display: none;}
.snb > li > ul > li > ul > li > a{ padding: 7px 50px 7px 80px;}
.snb > li > ul > li > ul > li > a:hover,
.snb > li > ul > li > ul > li.active > a{ color: #fff;}

.snbClo{ display: none; }
.snbClo a{ display: block; cursor: pointer;}
.snbClo > li{ position: relative;}
.snbClo > li + li{ margin-top: 1px;}
.snbClo > li > a{ position: relative; background-color: #272e37; padding: 18px 30px; color: #c3c6ca; font-size: 13px; font-weight: 400;}
.snbClo > li > a > i{ margin-right: 4px; color: #fff; width: 18px; text-align: center; }
.snbClo > li > a::before{ content: ''; width: 5px; position: absolute; top:0; left: -5px; bottom:0; background-color: #ffc624; opacity: 0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.snbClo > li.active > a{ color:#f2d071;}
.snbClo > li.active > a::before{ left: 0; opacity: 1;}
.snbClo > li > .mdepth2{ position: absolute; top:0; left: 73px; padding: 20px; display: none;}
.snbClo > li > .mdepth2::before{ content: ''; position: absolute; top:30px; left: 13px; border-right:#272e37 8px solid; border-top:transparent 8px solid; border-bottom:transparent 8px solid;}
.snbClo > li > .mdepth2 > .inbx{ padding: 15px 20px; background-color: #272e37; width: 196px; border-radius: 3px;}
.snbClo > li > .mdepth2 > .inbx > .mdepth1{ color: #f2d071; display: block; }
.snbClo > li > .mdepth2 > .inbx > ul{ padding: 15px 0;}
.snbClo > li > .mdepth2 > .inbx > ul > li > a{ position: relative; padding: 8px 0 8px 18px;}
.snbClo > li > .mdepth2 > .inbx > ul > li > a:hover{ color: #fff;}
.snbClo > li > .mdepth2 > .inbx > ul > li.hasSub > a::before{ content: ''; position: absolute; top:50%; left: 0; margin-top: -5px; width: 10px; height: 10px; vertical-align: middle; display: inline-block; background: url('../images/ic_plus.png') 50% 50% no-repeat; opacity: .3;}
.snbClo > li > .mdepth2 > .inbx > ul > li.active.open > a{ color: #fff;}
.snbClo > li > .mdepth2 > .inbx > ul > li.hasSub.open > a::before{ background: url('../images/ic_minus.png') 50% 50% no-repeat; opacity: .3;}
.snbClo > li > .mdepth2 > .inbx > ul > li.hasSub.active.open > a::before{opacity: 1;}
.snbClo > li > .mdepth2 > .inbx > ul > li > ul{ display: none;}
.snbClo > li > .mdepth2 > .inbx > ul > li > ul > li > a{ padding: 7px 0 7px 30px;}
.snbClo > li.active > .mdepth2{ display: block;}
.snbClo > li > .mdepth2 > .inbx > ul > li > ul > li > a:hover,
.snbClo > li > .mdepth2 > .inbx > ul > li > ul > li.active > a{ color: #fff;}

#wrap.lmClose #lm .snb{ display: none;}
#wrap.lmClose #lm .snbClo{ display: block;}

.btnTop{ padding: 5px 25px; margin: 0 -25px; border-bottom: #eff3f5 1px solid;}
.btnTop::after{ content:''; display: block; clear: both;}
.btnTop .breadcrumb{ float: left;}
.breadcrumb span,
.breadcrumb strong{ position: relative; display: inline-block; line-height: 30px; font-size: 12px; color: #e05a5a;}
.breadcrumb strong{ color: #222;}
.breadcrumb > * + *{ margin-left: 4px; padding-left: 12px;}
.breadcrumb > * + *::before{ content: ''; width: 5px; height: 5px; display: inline-block; position: absolute; top:50%; left: 0; margin-top: -2px; border-top:#222 1px solid; border-right:#222 1px solid; transform: rotate(45deg);}

/* common */
.tab-content .tab-pane{ position: relative; display: none; min-height: calc(100vh - 82px);}
.tab-content .tab-pane.active{ display: block;}

/* paging */
.paging-wrap{ position:relative; clear:both; text-align:center; margin-top: 20px;}
.paging-wrap::after{ content: ''; clear: both; display: block;}
.paging-wrap .pag-sel{ width: 74px; border-radius: 0; height:24px; line-height: 24px; margin-left: 10px; background-color:#fbfbfb; border-color:#dedede;}
.paging-wrap .total{ float: right; color: #333; font-size: 12px; line-height: 24px;}
div.paging{ padding:0; margin:0; display: inline-block;}
div.paging a,
div.paging strong{ display:inline-block; width:24px; height:24px; line-height:22px; border:#eee 1px solid; color:#333; text-align:center; margin:0; vertical-align:middle;}
div.paging a:hover,
div.paging .on{ color:#fff; font-weight:400; background-color:#96abb5; border-color:#96abb5; }
div.paging .direction{ position:relative; text-indent:-9999px; border:#eee 1px solid; }
div.paging .direction:hover{ background-color:#96abb5; border:#96abb5 1px solid;}
div.paging .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-2px 0 0 0px; width:5px; height:5px; display:block; border:1px solid #333; border-top:none; border-right:none;-webkit-transform:rotate(45deg); transform:rotate(45deg); }
div.paging .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-2px 0 0 -4px; width:5px; height:5px; display:block; border:1px solid #333; border-top:none; border-right:none;-webkit-transform:rotate(45deg); transform:rotate(45deg); }
div.paging .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-2px 0 0 -2px; width:5px; height:5px; display:block; border:1px solid #333; border-top:none; border-right:none;-webkit-transform:rotate(45deg); transform:rotate(45deg); }
div.paging .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-2px 0 0 -4px; width:5px; height:5px; display:block; border:1px solid #333; border-top:none; border-right:none;-webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
div.paging .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-2px 0 0 -6px; width:5px; height:5px; display:block; border:1px solid #333; border-top:none; border-right:none;-webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
div.paging .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-2px 0 0 -2px; width:5px; height:5px; display:block; border:1px solid #333; border-top:none; border-right:none;-webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
div.paging .direction:hover:before,
div.paging .direction:hover:after{ border-color:#fff;}

/* hd-sch */
.hd-sch{ padding: 15px 25px; background-color: #eff3f5; margin: -1px -25px 0;}
.hd-sch > table{ width: 100%; border-top:#d4dde2 1px solid; border-right:#d4dde2 1px solid; background-color: #fff;}
.hd-sch > table tr th{ background-color: #e4f4fc; border-bottom:#d4dde2 1px solid; border-left:#d4dde2 1px solid; padding: 6px 10px; text-align: left; font-weight: 400;}
.hd-sch > table tr td{ border-bottom:#d4dde2 1px solid; border-left:#d4dde2 1px solid; padding: 6px; text-align: left;}
.hd-sch .brdLN{ border-left: none;}

.btn-box .sub-tit{ float: left; display: inline-block; line-height: 30px; background: url('../images/blt_dot.png') 0 50% no-repeat; padding-left: 24px; color: #1a4259; font-size: 14px;}
.btn-box .sub-txt{float: left; display: inline-block; line-height: 30px; color: #1a4259;}
.btn-box .sub-txt .select{height:30px; line-height:28px; vertical-align: top;}
.btn-box .sub-txt .btn{height:30px; line-height:30px; margin-bottom:3px;}
.btn-box > p{float:left; display:inline-block; text-align:left; font-size:12px; letter-spacing:-0.3px; line-height:27px; padding-left: 15px;}

.tit-area{ margin: 10px 0 0;}
.tit-area:first-child{ margin-top: 0;}
.tit-area::after{ content: ''; display: block; clear: both;}
.tit-area .sub-tit{ float: left; display: inline-block; line-height: 30px; background: url('../images/blt_dot.png') 0 50% no-repeat; padding-left: 24px; color: #1a4259; font-size: 14px;}
.tit-area .sub-tit > span{ font-weight: 400; font-size: .9em;}
.tit-area .sub-tit.blt4{ color: #075290;  background: url('../images/blt_dot4.png') 0 50% no-repeat; }
.tit-area .sub-tit.blt5{ color: #7e600c;  background: url('../images/blt_dot5.png') 0 50% no-repeat;}

.dv-txt{ display: inline-block; vertical-align: middle; margin-left: 15px; padding-left: 15px; position: relative; }
.dv-txt::before{ content: ''; width: 1px; height:10px; position: absolute; top:50%; left: 0; margin-top: -5px; display: block; background-color: #d4dde2;}
.dv-txt span{ display: inline-block; vertical-align: middle;}
.dv-txt .input + span{ margin-left: 10px;}

/* 21-06-30 수정 */
.scroll-bx{ position: relative; overflow-y: auto;}
.scroll-bx table.list{border: 1px solid transparent;}
.scroll-bx table.list thead th:first-child, .scroll-bx table.list tbody td:first-child{border-left:1px solid transparent;}
.scroll-bx.brd{ border:#ddd 1px solid; }
.scroll-bx2{ position: relative; padding: 10px; overflow-x: auto;}
iframe.demo{ min-height:calc(100vh - 86px);}

/* tab-wrap */
.tab-wrap{ margin-top: 20px;}

.dv-tab{ position: relative; margin-bottom: 15px; }
.dv-tab ul::before{ content: ''; display: block; height: 1px; width: 100%; background-color: #d5d5d5; position: absolute; bottom: 0; left: 0;}
.dv-tab ul::after{ content: ''; display: block; clear: both;}
.dv-tab li{ position: relative; float: left; padding: 0 17px;}
.dv-tab li:nth-child(1){ z-index: 10;}
.dv-tab li:nth-child(2){ z-index: 9;}
.dv-tab li:nth-child(3){ z-index: 8;}
.dv-tab li:nth-child(4){ z-index: 7;}
.dv-tab li:nth-child(5){ z-index: 6;}
.dv-tab li:nth-child(6){ z-index: 5;}
.dv-tab li:nth-child(7){ z-index: 4;}
.dv-tab li:nth-child(8){ z-index: 3;}
.dv-tab li:nth-child(9){ z-index: 2;}
.dv-tab li:nth-child(10){ z-index: 1;}
.dv-tab li + li{ margin-left: -17px;}
.dv-tab li a{ background-color: #e5e5e5; line-height: 35px; height: 35px; border-top:#9a988f 1px solid; border-bottom: #d5d5d5 1px solid; padding: 0 33px; display: block; color: #656250; font-weight: 600;}
.dv-tab li a::before{ content: ''; position: absolute; top:0; left: 0; width: 17px; height: 35px; display: block; background: url('../images/bg_tab.png') 0 0 no-repeat;}
.dv-tab li a::after{ content: ''; position: absolute; top:0; right: 0; width: 17px; height: 35px; display: block; background: url('../images/bg_tab.png') 100% 0 no-repeat;}
.dv-tab li.active a{ background-color: #f37362; border-color:#c95c4d; border-bottom: #c86b5e 1px solid; color: #fff;}
.dv-tab li.active a::before{ background: url('../images/bg_tab.png') 0 100% no-repeat;}
.dv-tab li.active a::after{ background: url('../images/bg_tab.png') 100% 100% no-repeat;}
.dv-tab .right{ position: absolute; top:0; right:0;}

/* table */
table.view{ width: 100%; border-top:#d4dde2 1px solid; border-right:#d4dde2 1px solid; background-color: #fff;}
table.view tbody th{ background-color:#eff3f5; border-bottom:#d4dde2 1px solid; border-left:#d4dde2 1px solid;  color: #333; padding: 10px; text-align: left;}
table.view tbody td{ border-bottom:#d4dde2 1px solid; border-left:#d4dde2 1px solid;  color: #333; padding: 6px; text-align: left;}
table.view .help-tx{ display: inline-block; margin: 0 5px;}

table.list{ width: 100%; border-top:#96abb5 1px solid; border-right:#96abb5 1px solid; background-color: #fff;}
table.list thead th{background-color: #eff3f5; border-bottom: 1px solid #d4dde2; border-left: #d4dde2 1px solid; padding: 10px; color: #333; font-weight: 600; text-align: center;}
table.list thead th:first-child{ border-left:#96abb5 1px solid;}
table.list thead tr.backTr th{background-color:#edf6ff; font-weight:normal;}
table.list tbody td{ border-bottom: #d4dde2 1px solid; border-left: #d4dde2 1px solid; padding: 8px 10px; word-break: break-word;}
table.list tbody td:first-child{ border-left:#96abb5 1px solid;}
/*table.list tbody tr:nth-child(even) td{ background-color: #fdfdfe;}*/
table.list tbody tr:last-child > td{ border-bottom:#96abb5 1px solid; }

table.list tbody tr.dp1 td{ background-color:#e6f8ff; color:#222;}
table.list tbody tr.active td{ background-color:#e4f4fc;}
table.list tbody tr.chkTr td{ background-color:#feff91 !important;}
table.list tbody tr.backTr td{background-color:#edf6ff;}
table.list tbody tr:hover > td{ background-color:#e6f8ff;}
table.list{ width: 100%; border-top:#96abb5 1px solid; border-right:#96abb5 1px solid; background-color: #fff;}
table.list .help-tx{margin: 0 20px;}

table.list.tblCs > tbody > tr{ cursor: pointer;}
table.list.tblCs .btPlus{ font-size: 1.2rem; color: #4d6d7f;}
table.list.tblCs .btMinus{ font-size: 1.2rem; color: #4d6d7f;}
table.list.tblCs .btMinus.sm{font-size:0.8rem; color:#f37362;}
table.list.tblCs .btOpen{ font-size: 1.2rem; color: #4d6d7f;}
table.list.tblCs .btOpen::before{ content: '\f055'; font-family: "Font Awesome 5 Free"; font-weight: 900; }
table.list.tblCs .btOpen.open::before{ content: '\f056';}
table.list.tblCs .btOpen.sm::before{font-size:0.8rem; color:#f37362;}


table.list.blue{ border-top:#679ecb 1px solid; border-right:#679ecb 1px solid;}
table.list.blue thead th{ background-color:#edf7ff; border-left:#b3d4f0 1px solid;}
table.list.blue thead th:first-child{ border-left:#679ecb 1px solid;}
table.list.blue tbody td:first-child{ border-left:#679ecb 1px solid;}
table.list.blue tbody tr:last-child > td{ border-bottom:#679ecb 1px solid; }

table.list.brown{ border-top:#bba469 1px solid; border-right:#bba469 1px solid;}
table.list.brown thead th{ background-color:#fffaed; border-left:#e5d5a9 1px solid;}
table.list.brown thead th:first-child{ border-left:#bba469 1px solid;}
table.list.brown tbody td:first-child{ border-left:#bba469 1px solid;}
table.list.brown tbody tr:last-child > td{ border-bottom:#bba469 1px solid; }

.grid-bx table.view{ border-top:#96abb5 1px solid; border-right:#96abb5 1px solid;}
.grid-bx table.view tbody th:first-child,
.grid-bx table.view tbody td:first-child{ border-left:#96abb5 1px solid;}
.grid-bx table.view tr:last-child th,
.grid-bx table.view tr:last-child td{ border-bottom:#96abb5 1px solid; }
.grid-bx table + table{ margin-top: -1px;}

/* scroll table */
.scroll-bx3{position: relative; width:100%; height: 242px; padding-top: 30px; border: 1px solid #96abb5;}
.scroll-bx3.long{height:741px;}
.scroll-bx3  .table-hd {position: absolute; top: 0; right: 0; left: 0; height:36px; background:#eff3f5;
          border-bottom: 1px solid #d4dde2; border-left: 1px solid #d4dde2;}
.scroll-bx3 .table-con {overflow-x: hidden; overflow-y: auto; height:100%; padding-top:6px;}
.scroll-bx3 .table-con table{cursor: default; border-collapse: separate; table-layout: auto;}
.scroll-bx3 .table-con table td{padding:6px 12px; border-bottom: 1px solid #ccc; border-left: #d4dde2 1px solid; white-space: nowrap;}
.scroll-bx3 .table-con table td.break{white-space: normal; word-break: break-all;}
.scroll-bx3 .table-con table thead th:first-child,
.scroll-bx3 .table-con table tbody td:first-child{border-left:none;}
.scroll-bx3 .table-con table tbody tr:nth-child(even) td{ background-color: #fdfdfe;}
.scroll-bx3 .table-con table tbody tr:hover td{ background-color:#e6f8ff;}
.scroll-bx3 .table-con .th-text{position: absolute; top: 0; width: inherit; line-height: 36px; border-left: 1px solid #d4dde2; white-space: nowrap;}
.scroll-bx3 .table-con table input[type=radio] + label,
.scroll-bx3 .table-con table input[type=checkbox] + label{margin-right:0;}
.scroll-bx3 .table-con table input[type=radio] + label:before,
.scroll-bx3 .table-con table input[type=checkbox] + label:before{margin-right:0;}

.table-con table tbody tr.chkTr td{background-color:#feff91 !important;}

table.list.typ01,
table.view.typ01{ border-top:#d4dde2 1px solid;}

table.list.typ02 tbody tr:hover th{cursor:default;}
table.list.typ02 tbody tr:hover td{background-color:transparent; cursor:default;}
table.list.typ02 tbody tr.back-tr td{background-color:#fff3de;}
table.list.typ03 tbody tr td:nth-child(-n+2){background-color:#edf6ff;}

/* editor */
.add-bx, .edit-bx{position:relative; width:100%; padding:30px; border: 1px solid #d4dde2;}
.editor{width:100%; padding:30px; border: 1px solid #96abb5;}


/* filebox */
.filebox{ position:relative; padding:0; width:100%; display:inline-block; vertical-align:middle;}
.filebox input[type="file"]{ position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border:0;}
.filebox label{ border-radius: 4px; padding: 0 10px;/*width:104px;*/ height:30px; line-height:30px; margin:0; text-align:center; display:inline-block; color:#fff; background-color:#4c6d80; cursor: pointer;}
.filebox .upload-name{display: block; width: 100%; color:#314ec8; padding: 0; background-color:transparent; border:none; height: 30px; line-height: 30px; opacity: 1 !important;}

.filebox + .attach-lst{ margin-top: 10px;}
.dv-grp + .attach-lst{margin-top: 15px; padding-left:5px;}
.dv-grp + .attach-lst:after{content:''; display:block; clear:both;}
.dv-grp + .attach-lst li{float:left; margin-right:25px;}
.attach-lst li{float:left; cursor: default; margin-bottom:5px; margin-left:10px;}
.attach-lst li:first-child{margin-left:0;}
.attach-lst li .btn{vertical-align: 0;}
.attach-lst li .del{ display: inline-block; color: #fff; width: 12px; height: 12px; background-color:#666; text-align: center; line-height: 11px; margin-left: 5px; font-size: .6em;}
.attach-lst li .del.typ01{line-height:12px;}
.attach-lst .download-txt{color:#5082fa;}

.attach-lst.typ01 li a:hover{cursor:pointer; text-decoration: underline;}

/* popup */
.popup{ width: 1200px; border-radius: 4px; display: none; background-color:#fff;}
.popup.pop-sm{ width: 500px;}
.popup .pop-tit{ position: relative; border-radius: 4px 4px 0 0; padding: 0 20px; background-color: #314ec8;}
.popup .pop-tit .tit{ display: inline-block; font-size: 14px; font-weight: 600; height: 36px; line-height: 36px; color:#fff;}
.popup .pop-tit .close{ position: absolute; top:50%; right:10px; width: 30px; height: 30px; margin-top: -15px; background:url('../images/ic_x2.png') 50% 50% no-repeat; text-indent: -9999px; display: block;}
.popup .pop-con{ position: relative; border-radius: 0 0 4px 4px; padding: 10px 25px 40px; background-color:#fff; }
.popup .pop-con.pop-pad{padding: 20px 25px 25px !important;}
#popUpload .filebox{ margin-bottom: 100px;}
.mailForm .hd{ padding: 0 0 0 30px; position: relative;}
.mailForm .hd i{ width: 26px; height: 26px; border:#778eee 1px solid; color:#4663dd; border-radius: 50%; text-align: center; line-height: 24px; display: block; position: absolute; top:50%; margin-top: -13px; left: 0;}
.mailForm .bd{ margin: 15px 0; padding: 15px 20px; background-color:#f8f8f8; border:#ececec 1px solid; border-radius: 2px;}
.mailForm .txt-fild{ border:#d3d6df 1px solid; border-radius: 2px; height: 300px; overflow-y: auto; margin-bottom: 20px; padding: 10px;}
.mailForm .txt-fild .textarea{ border:none; width: 100%; display: block; padding: 0; height: 275px;}
.mailForm .bd .row-bx{ margin-bottom: 10px;}

.popup .pop-con table td.radio_btn input[type=radio] + label::before{width:15px; height:15px; margin-right:0; vertical-align:-4px;}
.popup .pop-con table td.radio_btn input[type=radio] + label{margin-right: 0;}
.popup .pop-con input[type=radio] + label{ margin-right:10px;}

/* row-grp */
.row-grp{ display: flex;}
.row-grp > *{ flex: 1;}
.row-grp > .dv + .dv{ margin-left: 10px;}
.row-grp > .dv .tit-area .fr{ margin-top: 10px; }
.row-grp > .dv .sub-tit2{ color:#00aeef; font-weight: 600;margin: 10px 0 5px; display: inline-block;}
.row-grp > .dv .tit-area *{ line-height: 30px;}
.row-grp > .dv .brd{ border:#96abb5 1px solid;}
.row-grp > .dv .brd table.list{ border-top:none; border-right:none;}
.row-grp > .dv .brd table.list thead th:first-child,
.row-grp > .dv .brd table.list tbody  td:first-child{ border-left:none;}
.row-grp > .dv .brd table.list tbody tr:last-child td{ border-bottom:#d4dde2 1px solid;}
.row-grp > .dv .no-txt{ position: absolute; top:50%; left: 0; width: 100%; text-align: center; margin-top: -.5em;}
/*@media screen and (max-width: 1500px) {
   .row-grp {flex-direction: column;}
   .row-grp > .dv + .dv{ margin-left: 0 !important;}
}*/

/* grid-bx */
.grid-bx{ position: relative; margin-top: 5px; z-index: 1;}

.dv-grp{ display: flex;}
.dv-grp > *{ line-height: 22px; height: 22px; vertical-align: middle; }
.dv-grp > .dv{ flex: 1;}
.dv-grp > .dvn{ flex: none;}
/*.dv-grp .select{ vertical-align: -1px;}*/
.dv-grp .btn{ vertical-align: 1px;}

.tooltip{position:relative;}
.tooltip .btn_tool{color:#9899ab; font-size:15px;}
.tooltip a .tooltip-text{display:none; position:absolute; top:30px; left:12px; width:250px; background:rgba(0,0,0,0.8); color: #FFF; font-size:11px; line-height: 14px; text-align:left; padding: 15px; border-radius: 3px; z-index:500;}
.tooltip-text:after{content:""; position:absolute; top:-20px; left:15px; border-width:10px; border-style:solid; border-color: transparent transparent rgba(0,0,0,0.8) transparent;}
.tooltip:hover .tooltip-text{display:block;}

.jqx-grid{ border-color:#96abb5; border-top:#96abb5 2px solid;}
.jqx-grid.jqx-rc-all{ border-radius: 0;}
.jqx-grid .jqx-widget-header{ background-color:#eff3f5; border-color:#d4dde2; color: #111; font-weight: 600; font-family: 'Roboto', Arial, sans-serif; }
.jqx-grid .jqx-widget .jqx-grid-cell{ border-color:#d4dde2; font-size: 12px;}
.jqx-grid .jqx-grid-pager{ background-color:transparent;}

/* login-bx */
#loginWrap{ min-height: 100vh; background: url('../images/login_bg.jpg') 50% 50% no-repeat; background-size: cover;}
.login-bx{ width: 430px; position: absolute; top:50%; left: 50%; margin: -150px 0 0 -215px;}
.login-bx .nation{position:absolute; top:-45px; right:0;}
.login-bx .nation:after{content:''; display: block; clear:both;}
.login-bx .nation li{float:left; width:60px; padding:10px 10px; background:red;}
.login-bx .nation li a{line-height:20px;}
.login-bx .nation li .ko{display:inline-block; width:20px; height:20px; background: url('../images/ko.png');}
.login-bx .nation li .us{display:inline-block; width:20px; height:20px; background: url('../images/us.png'); background-size: cover;}
.login-bx .inbx{ width: 100%; background-color:rgba(255,255,255,.52); padding: 40px 65px; border:#fff 1px solid;}
.login-bx h1{ background: url('../images/login_logo.png') 50% 50% no-repeat; width: 185px; height: 54px; text-indent: -9999px; margin: 0 auto 24px;}
.login-bx .form-bx .input{ height: 44px; line-height: 44px; width: 100%; display: block; background-color: #8f9091; color:#fff; padding: 0 10px;}
.login-bx .form-bx .chk{ margin-top: 10px; color:#333;}
.login-bx .btLogin{ background-color:#0081ef; border-radius: 3px; display: block; width: 100%; height: 53px; text-align: center; margin-top: 12px; line-height: 53px; font-size: 18px; color:#fff;}
.login-bx .copy{ text-align: center; margin-top: 22px; color:#000; text-transform: uppercase;}

/* login-pop */
.login-pop{ position: relative; width: 440px;}
.login-pop .inbx{ width: 100%; padding: 40px 65px;}
.login-pop h1{ background: url('../images/login_logo.png') 50% 50% no-repeat; width: 185px; height: 54px; text-indent: -9999px; margin: 0 auto 24px;}
.login-pop .form-bx .input{ height: 44px; line-height: 44px; width: 100%; display: block; background-color: #8f9091; border: none; margin: 0 0 4px 0; color:#fff; padding: 0 10px;}
.login-pop .form-bx .chk{ margin-top: 10px; color:#333;}
.login-pop .btLogin{ background-color:#0081ef; border-radius: 3px; display: block; width: 100%; height: 53px; text-align: center; margin-top: 12px; line-height: 53px; font-size: 18px; color:#fff;}

/* error */
.error-wr{ width: 980px; position: absolute; top:50%; left: 50%; margin: -200px 0 0 -490px; }
.error-wr .tx01{ text-align: center; font-size: 48px; color: #d83232; font-weight: 600;}
.error-wr .tx01::before{ content:""; display: block; margin: 0 auto; width: 200px; height: 174px; background: url('../images/ic_error.png') 50% 0 no-repeat; }
.error-wr .tx02{ font-size: 26px; color: #333; text-align: center;}
.error-wr .btn-box{ margin-top: 25px;}

/* input del */
.input-del{ position: relative; display: inline-block;}
.input-del img{position: absolute; top:6px; right:8px;}

/* main */
.main-bx{ margin: 30px 0 0 0;}
.main-bx::after{ content: ''; display: block; clear: both;}
.main-bx > dl{ float: left; width: 49.5%;}
.main-bx > dl + dl{ margin-left: 1%;}
.main-bx > dl dt{display: inline-block; position: relative; font-size: 14px; font-weight: 600; height: 39px; line-height: 39px; border-radius: 15px 0 0 0; padding:0 60px 0 44px; color:#075290; background:#d3ebff url('../images/blt_dot2.png') 15px 50% no-repeat;}
.main-bx > dl dt::before{ content: ''; position: absolute; top:0; right:0; display: block; width: 38px; height: 38px; background:url('../images/blt_r1.png'); }
.main-bx > dl dd{ border-radius: 0 15px 15px 15px; padding: 20px 20px 20px 20px; background-color:#d3ebff; margin-top: -1px; }
.main-bx > dl dd .hd{ font-size: 14px; color: #000; font-weight: 600; margin-bottom: 20px;}
.main-bx > dl dd ul.date{ font-size: 14px;}
.main-bx > dl dd ul.date li span{ display: inline-block; width: 130px; color: #73818d;}
.main-bx > dl dd ul.date li strong{ display: inline-block; font-weight: 400;}
.main-bx > dl dd ul.date li + li{ margin-top: 10px;}
.main-bx > dl dd ul.date li.on *{ color: #000;}
.main-bx > dl dd ul.date li.on strong{ font-size: 26px;}
.main-bx > dl dd .inx{ margin-top: 35px;}
.main-bx > dl dd .inx::after{ content: ''; display: block; clear: both;}
.main-bx > dl dd .inx > div{ width: 49%; float: left; background-color:#fff; border:#afd1ee 1px solid; border-radius:5px; padding: 13px; display: flex;}
.main-bx > dl.brown dd .inx > div{ width: 49%; float: left; background-color:#fff; border:#e7dbb9 1px solid; border-radius:5px; padding: 13px; display: flex;}
.main-bx > dl dd .inx > div + div{ float: right;}
.main-bx > dl.brown dd .inx > div + div{ float: right;}
.main-bx > dl dd .inx .tit-tx{ flex: 1; font-weight: 600;}
.main-bx > dl dd .inx > div ul{ flex: 1; text-align: right; color:#000;}
.main-bx > dl dd .inx > div ul u{ font-weight: 600;}
.main-bx > dl.brown dt{ color:#7e600c; background:#faedc9 url('../images/blt_dot3.png') 15px 50% no-repeat;}
.main-bx > dl.brown dt::before{ background:url('../images/blt_r2.png'); }
.main-bx > dl.brown dd{ background-color:#faedc9; }

@media screen and (max-width:990px){
    .main-bx > dl{ float: none; width: 100%;}
    .main-bx > dl + dl{ margin-left: 0; margin-top: 20px;}
}

/* count */
.count-bx{position: relative; overflow: hidden; width: 100%; border-radius: 5px; background-color: #e6ebbe; padding:12px 15px 14px 15px;}
.count-bx span{display:inline-block; width:27%; font-size: 14px; text-align: center; color:#000;}
.count-bx span i{font-size:26px; padding:0 3px 0 0; color: #4a5016;}
.count-bx span a{font-size:26px; font-weight: bold; text-decoration: underline; padding: 0 0 0 5px;}
.count-bx > a{float:right; background-color: #959f48; margin-top:5px;}

/* 2020-07-27 input valuetxt 추가 */
div.value{position:relative;}
input[type=text].valuetxt{padding-right:30px !important;}
input[type=text].valuetxt01{padding-right:18px !important;}
.inputvalue{position:absolute; top:50%; right:5px; transform: translate(0,-50%);font-size:12px;}

/* 2020-07-27 Report table 추가 */
.report-wrap{border-top:1px solid #E8E8E8;}
.report-wrap .tit-box{padding:10px 0;}

.report-box{margin-bottom:10px; padding:15px; border:1px solid #E8E8E8;}
table.report{text-align:left;}
table.report tr th{padding:5px; padding-left:15px; font-size:14px; color:#0090FF; font-weight: normal;}
table.report tr th:first-child{font-weight:bold;}
table.report tr td{padding:5px 5px 10px 15px;}
table.report tr td a:hover{text-decoration: underline;}

.pop-con .mailForm .tit-box{padding-bottom:5px; font-size:12px;}
.pop-con .mailForm table.report{font-size:12px !important;}
.pop-con .mailForm table.report tr th{font-size:13px !important;}

/* 2020-07-30 소타이틀  */
.tit-area .sub-tit02{float: left; display: inline-block; line-height: 30px;
    background: url('../images/blt_dot06.png') 0 50% no-repeat; padding-left: 10px; color:#54798f; font-size: 13px;}

/* 2020-08-03 구글차트 no data */
.chart .no_data{width:135px; height:135px; border:2px solid #333; border-radius:50%;}
.chart .no_data b{display:inline-block; width:100%; line-height:125px; text-align:center;}

/* 2020-08-06 Dashboard 첫페이지 추가 */
.select-con{padding-top:100px;}
.select-con div{width:261px; height:294px; margin:0 auto; background: url('../images/search_main_img.png') no-repeat;}
.select-con p{padding-top:50px; margin-bottom:100px; font-size:18px; color:#000; text-align:center;}

/* 2020-08-12 tab active 수정 */
.dv-tab li.active{z-index:20;}
table.list .help-tx:last-child{margin-right:0;}

/* 2020-08-18 PO Entry table 수정 */
table.list.typ02 td.border01{border-bottom:#d4dde2 1px solid; border-right:#96abb5 1px solid; border-left: #d4dde2 1px solid;}
table.list.typ02 td.border02{border-right:#96abb5 1px solid;}

/* mail preview cc 수정 */
span.tx-con input.typ02{margin-left:26px;}

/* 2020-09-11 Mail CC 양식 수정 */
p.tx-tit{display:inline-block; vertical-align: top;}
p.tx-cc{display:inline-block; width:850px;}

/* 2020-11-03 파일첨부 css 추가 */
.fileframe_border {position: relative; font-size: 12px; color: #aaa; background-color:#f9f9f9;}
.fileframe_border::before {content: "Drag file here"; position: absolute;left: 50%; top: 50%; width: 200px; transform: translate(-50%,-50%); opacity: .8; -webkit-transition: all .15s ease-in; -ms-transition: all .15s ease-in; -moz-transition: all .15s ease-in; transition: all .15s ease-in;}
.fileframe li {padding: 5px 0; color: #333;}
.fileframe li .del{ display: inline-block; color: #fff; width: 12px; height: 12px; background-color:#666; text-align: center; line-height: 11px; margin-left: 5px; font-size: .6em;}

/* 2020-11-09 SO List table 추가 */
table.list th.tbth{background-color: #eff3f5; border-bottom: 1px solid #d4dde2; border-left: #d4dde2 1px solid; padding: 10px; color: #333; font-weight: 600; text-align: center;}
table.list th.tbth:first-child{ border-left:#96abb5 1px solid;}

/* 2020-12-15 Approver Setting 추가 */
.ApproverList{width:100%; margin-top:-1px; background-color:#fff; border:1px solid #96abb5;}

.ApproverList div.row{display:flex;}
.ApproverList div.row > div{flex:none; padding: 8px 10px;border-right: 1px solid #d4dde2; border-bottom:1px solid #d4dde2;}
.ApproverList div.row > div.fl1{flex:1;}
.ApproverList div.row > div:last-child{border-right: 0;}
.ApproverList div.row:last-child > div{border-bottom: 0;}

.ApproverList div.row.header{background-color:#eff3f5; height:45px; line-height:2;}
.ApproverList div.row.header.cir{background-color:#e2fdda;}
.ApproverList div.row > div.cell{width:250px; padding:10px;}

.ApproverList div.updown{width:75px;}
.ApproverList div.updown > a.btn3{display:inline-block; width:24px; height:24px; text-align:center; font-size:24px; color:#b1c4ce;}
.ApproverList div.updown > a.btn3:nth-child(2){color:#4d6d7f; float:right;}
.ApproverList div.updown > a i{vertical-align: top;}

.ApproverList input.input{vertical-align: middle;}
.ApproverList select.select{vertical-align: middle;}
.ApproverList button.btMinus{margin-right:15px; vertical-align:middle; font-size: 1.2rem; color: #4d6d7f;}
.ApproverList strong{padding-right:20px;display: inline-block;width: 70px;}
.ApproverList span.radius{padding-left:10px; border:1px solid #d4dde2; border-radius:20px; vertical-align:-1px; background-color:rgba(255,255,255,0.6);}
.ApproverList .ApL li{position:relative; display:inline-block; min-width:175px; margin-right:5px; margin-bottom:5px; padding:3px 24px 3px 8px; background-color:#ddeff9; border:1px solid #b6c9d4; border-radius:5px; text-align:left;}
.ApproverList .ApL.typ01 li{background-color:#ebebeb; border:1px solid #d3d6df;}
.ApproverList .ApL li.team{background-color:#fff;}
.ApproverList .ApL li a{position:absolute; top:3px; right:8px;}
.ApproverList div.select2-container{margin-top: -2px;}

div.table-con table td > span.wi50{display:inline-block; min-width:110px;}

/* Approval popup */
.scroll-bx02{overflow-y: auto; height: 300px; border: 1px solid #96abb5; border-left:0;}

.popup .pop-tit .bigger{position: absolute; top: 50%; right: 40px; width: 30px; height: 30px; margin-top: -15px; background: url(../images/bigger.png) 50% 50% no-repeat; text-indent: -9999px;}
.popup .pop-tit .smaller{position: absolute; top: 50%; left: 130px; width: 30px; height: 30px; margin-top: -15px; background: url(../images/smaller.png) 50% 50% no-repeat; text-indent: -9999px;}

.slick-list{border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;overflow:visible; overflow-x:hidden;text-align: left;}
.slick-prev:before, .slick-next:before{display:block; width:25px; height:25px;text-align:center; line-height:1.2; border:1px solid #999; border-radius:100%; color:#999; transition: all 0.2s;}
.slick-prev:hover:before, .slick-next:hover:before{border:1px solid #fff; background-color:#ccc; color:#fff;}
/* .slick-prev:before{position:absolute; top:0; left:-4px; font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f0d9';} */
/* .slick-next:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f0da';} */

.autoplay:after{content:''; display:block; clear:both;}
.autoplay li{float:left; height:111px; border:1px solid #eaeaea; margin-left:-1px; font-size:11px;}
.autoplay li div.bar_tit{position:relative; padding:7px; background-color:#5f7bac; color:#fff; font-size:11px;}
.autoplay li div.bar_tit.typ02{background-color:#f04692;}
.autoplay li div.bar_tit.typ03{background-color:#adafaf;}

div.bar_tit .cc{float:right; margin-top:-1px; padding:0 5px; border:1px solid #fff; font-size:10px; letter-spacing:1px; border-radius:10px; transition: all 0.2s;}
div.cc_detail{display:none; position:absolute; top:28px; right:4px; padding:9px 12px; border:1px solid #eaeaea; background-color:#fff; color:#666; z-index:1;}
div.cc_detail:before{content:''; position:absolute; top:-5px; right:12px; width:0px; height:0px; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:5px solid #fff;}
div.cc_detail b{display:block; color:#000;}

div.bar_tit .cc:hover{border:2px solid #fff; background-color:#fff; color:#333;}
div.bar_tit .cc:hover + div.cc_detail{display:block;}

.autoplay li dl{margin:5px 10px; text-align:center;}
.autoplay li dl + dl{padding-top:5px; border-top:1px solid #eaeaea;}
.autoplay li dl dt{position:relative; font-weight:600; color:#333;}
.autoplay li dl dt.name{font-size:13px;}
.autoplay li dl dt a{position:absolute; top:0; right:0;}
.autoplay li dl dd.date{font-size:10px;}

.opinion_bx{height:145px; padding:5px 15px; overflow-y:auto; background-color:#fcfcfc; border: 1px solid #d8d8d8;}
.opinion_bx li{padding:10px 0; border-top:1px solid #eaeaea;}
.opinion_bx li:first-child{border-top:0;}
.opinion_bx li span{font-size:10px; color:#999;}
.opinion_bx li span b{font-size:11px; color:#5f7bac;}
.opinion_bx li p{margin-top:5px; padding-right:15px;}

.comment_bx{margin-top:15px; padding-bottom:20px; border-bottom:1px solid #d8d8d8;}
.comment_bx b{position:relative; margin-right:12px; color:#333;}
/* .comment_bx b:after{content:''; position:absolute; top:5px; right:-6px; width:1px; height:10px; background-color:#c2c2c2;} */
.comment_bx > .dv-grp > *{height:auto;}
.comment_bx input[type=text]{height:30px; font-size:13px;}
.comment_bx textarea{margin-top: 5px;border-color: #f04692;}

/* 결재팝업 resize */
.popup.pop-sm .opinion_bx{height:100px;}

.popup.pop-sm .scroll-bx02{height:100px;}
.popup.pop-sm .ApproverList{width:890px; font-size:12px;}
.popup.pop-sm .ApproverList div.row{display:table; width:100%;}
.popup.pop-sm .ApproverList div.row > div{display:table-cell; vertical-align: middle;}
.popup.pop-sm .ApproverList button.btMinus{margin-right:2px; font-size:1rem;}
.popup.pop-sm .ApproverList strong{padding-right:0;}
.popup.pop-sm .ApproverList div.updown {width: 60px;}
.popup.pop-sm .ApproverList div.updown > a.btn3{width:20px; height:20px; vertical-align:-12px; font-size:20px;}
.popup.pop-sm .ApproverList div.row > div.cell{width:242px;}

/* 2021-01-14 결재팝업 수정 */
.popup .ApproverList{font-size:11px;}
.popup .ApproverList div.row.header{height:33px; line-height:1;}
.popup .ApproverList div.row > div{padding:3px 10px 0px 10px;min-height: 30px;}
.popup .ApproverList div select{font-size:11px;}
.popup .ApproverList div.updown > a.btn3{font-size:22px;}
.popup .ApproverList div.row > div.tit, .popup .ApproverList div.row > div.c, .popup .ApproverList div.row > div.updown {padding: 6px 10px;}
.popup .slick-track li.slick-slide dd {font-size:10px;}

/*************************************************
            EU QSP 추가
*************************************************/

/***** Quote ******/
.link{text-decoration:underline; color:#0090FF; cursor:pointer;}
input.blue{text-decoration:underline; color:#0090FF;}
input[type=radio] + label.nolab, input[type=checkbox] + label.nolab{margin-right:0;}

.matAdd{display:none; margin-top:10px; padding:6px; border:1px solid #d4dde2;}
.matAdd.open{display:block;}
.matAdd > .dv-grp > * {height: auto;}
.matAdd .addBtn{position:relative;}
.matAdd .addBtn a{position:absolute; top:50%; margin-top:-11px;}

table.list thead tr.backTr th{background-color:#edf6ff; font-weight:normal;}

table.view.typ02{border-top: #96abb5 1px solid; border-right: #96abb5 1px solid;}
table.view.typ02 tbody th{background-color:#dcf0f9;}
table.view.typ02 tbody tr th:first-child {border-left:1px solid #96abb5;}
table.view.typ02 tbody tr:last-child th, table.view.typ02 tbody tr:last-child td{border-bottom:1px solid #96abb5;}

/* scroll table ( 21-06-15 추가 ) */
.row-grp .scroll-bx3{border:none;}

.scroll-bx3.typ02 .table-hd{height:80px;}
.scroll-bx3.typ02 .table-con{margin-top:50px; padding-top: 0;}
.scroll-bx3.typ02 .table-con .th-text{height:80px; padding-top:15px; line-height:1.2; white-space: inherit;}

.scroll-bx3.typ03 .table-hd{height:60px;}
.scroll-bx3.typ03 .table-con{margin-top:30px; padding-top: 0;}
.scroll-bx3.typ03 .table-con .th-text{height:60px; padding-top:15px; line-height:1.2; white-space: inherit;}


.scroll-bx05{max-width: 100%; height: 300px; overflow: auto; border: 1px solid #96abb5;}
.scroll-bx05 table{table-layout: auto; border-top: 1px solid transparent; border-right: 1px solid transparent;}
.scroll-bx05 table th, .scroll-bx05 table td{white-space: nowrap;}
.scroll-bx05 table.list thead th:first-child{border-left: 1px solid transparent;}
.scroll-bx05 table.list tbody td:first-child{border-left: 1px solid transparent;}

/**** SO Approval (05-14 수정) *****/
table.list tbody td.ApproveList-wrap{padding:0;}
.ApproverList{width:100%; margin-top:-1px; background-color:#fff;}
.ApproverList div.row{display:flex;}
.ApproverList div.row > div{flex:none; padding: 8px 10px;border-right: 1px solid #d4dde2; border-bottom:1px solid #d4dde2;}
.ApproverList div.row > div.fl1{flex:1;}
.ApproverList div.row > div:last-child{border-right: 0;}
.ApproverList div.row:last-child > div{border-bottom: 0;}
.ApproverList div.row.header{background-color:#eff3f5; height:45px; line-height:2;}
.ApproverList div.row.header.cir{background-color:#e2fdda;}
.ApproverList div.row > div.cell{width:50px; padding:10px;}

.ApproverList div.updown{width:75px;}
.ApproverList div.updown > a.btn3{display:inline-block; width:24px; height:24px; text-align:center; font-size:24px; color:#b1c4ce;}
.ApproverList div.updown > a.btn3:nth-child(2){color:#4d6d7f; float:right;}
.ApproverList div.updown > a i{vertical-align: top;}

button.btOpen{ font-size: 1.2rem; color: #4d6d7f;}
button.btOpen::before{ content: '\f055'; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.ApproverList input.input{vertical-align: middle;}
.ApproverList button.btMinus{margin-right:15px; vertical-align:middle; font-size: 1.2rem; color: #4d6d7f;}
.ApproverList button.btPlus{ font-size: 1.2rem; color: #4d6d7f;}
.ApproverList button.btMinus.sm{font-size:0.8rem; color:#f37362; margin-right:0;}
.ApproverList button.btOpen.open::before{ content: '\f056';}
.ApproverList button.btOpen.sm::before{font-size:0.8rem; color:#f37362;}

.ApproverList strong{padding-right:20px;}
.ApproverList span.radius{padding-left:10px; border:1px solid #d4dde2; border-radius:20px; vertical-align:-1px; background-color:rgba(255,255,255,0.6);}
.ApproverList .ApL li{position:relative; display:inline-block; min-width:175px; margin-right:5px; margin-bottom:5px; padding:3px 8px; background-color:#ddeff9; border:1px solid #b6c9d4; border-radius:5px; text-align:left;}
.ApproverList .ApL.typ01 li{background-color:#ebebeb; border:1px solid #d3d6df;}
.ApproverList .ApL li.team{background-color:#fff;}
.ApproverList .ApL li a{position:absolute; top:3px; right:8px;}

div.table-con table td > span.wi50{display:inline-block; min-width:110px;}

.dv-tab.typ02 li a{padding:0 20px;}

/* Approval popup */
.scroll-bx02{overflow-y: auto; height: 300px; border: 1px solid #96abb5; border-left:0;}

.popup .pop-tit .bigger{position: absolute; top: 50%; right: 40px; width: 30px; height: 30px; margin-top: -15px; background: url(../images/bigger.png) 50% 50% no-repeat; text-indent: -9999px;}
.popup .pop-tit .smaller{position: absolute; top: 50%; left: 130px; width: 30px; height: 30px; margin-top: -15px; background: url(../images/smaller.png) 50% 50% no-repeat; text-indent: -9999px;}

.slick-list{border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;overflow:visible; overflow-x:hidden;}
.slick-prev:before, .slick-next:before{display:block; width:25px; height:25px;text-align:center; line-height:1.2; border:1px solid #999; border-radius:100%; color:#999; transition: all 0.2s;}
.slick-prev:hover:before, .slick-next:hover:before{border:1px solid #fff; background-color:#ccc; color:#fff;}
.slick-prev:before{position:absolute; top:0; left:-4px; font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f0d9';}
.slick-next:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f0da';}

.autoplay:after{content:''; display:block; clear:both;}
.autoplay li{float:left; height:111px; border:1px solid #eaeaea; margin-left:-1px; font-size:11px;}
.autoplay li div.bar_tit{position:relative; padding:7px; background-color:#5f7bac; color:#fff; font-size:10px;}
.autoplay li div.bar_tit.typ02{background-color:#f04692;}
.autoplay li div.bar_tit.typ03{background-color:#adafaf;}

div.bar_tit .cc{float:right; margin-top:-1px; padding:0 5px; border:1px solid #fff; font-size:10px; letter-spacing:1px; border-radius:10px; transition: all 0.2s;}
div.cc_detail{display:none; position:absolute; top:28px; right:4px; padding:9px 12px; border:1px solid #eaeaea; background-color:#fff; color:#666; z-index:1;}
div.cc_detail:before{content:''; position:absolute; top:-5px; right:12px; width:0px; height:0px; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:5px solid #fff;}
div.cc_detail b{display:block; color:#000;}

div.bar_tit .cc:hover{border:1px solid #fff; background-color:#fff; color:#333;}
div.bar_tit .cc:hover + div.cc_detail{display:block;}

.autoplay li dl{margin:5px 10px; text-align:center;}
.autoplay li dl + dl{padding-top:5px; border-top:1px solid #eaeaea;}
.autoplay li dl dt{position:relative; font-weight:600; color:#333;}
.autoplay li dl dt.name{font-size:13px;}
.autoplay li dl dt a{position:absolute; top:0; right:0;}
.autoplay li dl dd.date{font-size:10px;}

.opinion_bx{height:145px; padding:10px 20px; overflow-y:auto; background-color:#fcfcfc; border: 1px solid #eaeaea}
.opinion_bx li{padding:10px 0; border-top:1px solid #eaeaea;}
.opinion_bx li:first-child{border-top:0;}
.opinion_bx li span{font-size:10px; color:#999;}
.opinion_bx li span b{font-size:11px; color:#5f7bac;}
.opinion_bx li p{margin-top:5px; padding-right:15px;}

.comment_bx{margin-top:15px; padding-bottom:20px; border-bottom:1px solid #d8d8d8;}
.comment_bx b{position:relative; margin-right:12px; color:#333;}
.comment_bx > .dv-grp > *{height:auto;}
.comment_bx input[type=text]{height:30px; font-size:13px;}

.popup .ApproverList{font-size:12px; border-left: 1px solid #96abb5;
    border-top: 1px solid #96abb5;}
.popup .ApproverList div.row.header{height:33px; line-height:1;}
.popup .ApproverList div.row > div{padding:10px 10px 5px;}
.popup .ApproverList div.row > div.cell{width:140px;}
.popup .ApproverList div select{font-size:11px;}
.popup .ApproverList div.updown > a.btn3{font-size:22px;}

/* Master */
.mas-grp{display: flex;}
.mas-grp .dv{flex:1;}
.mas-grp .dvn{flex:none; line-height:22px;}
.mas-grp .btn {vertical-align: 5px;}

input[type=text].check{background:url(../images/check.png) no-repeat right center;}

table.list tbody tr td.th{background-color: #eff3f5; font-weight: 600; color: #333;}

.btn.btn-white{background:#fff; border:1px solid #aaaaaa; color:#aaaaaa; cursor: not-allowed;opacity: 0.6;}

/*************** Dashboard **************/
/* 검색없음 */
.select-con{padding-top:100px;}
.select-con div{width:261px; height:294px; margin:0 auto; background: url('../images/search_main_img.png') no-repeat;}
.select-con p{padding-top:50px; margin-bottom:100px; font-size:18px; color:#000; text-align:center;}

.border{padding:20px 25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: solid 1px #e9eaed; background-color: #fff;}
.shadow{-webkit-box-shadow:0 3px 2px 0 rgba(0, 0, 0, 0.02); -moz-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.02); box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.02);}

/* Dash- search */
.search-wrap{margin: -1px -25px 0; padding:0 25px; height:125px; background:#f3f4f7;}
.search-bx{width:581px; display:flex; margin:0 auto; padding-top:28px; position:relative;}
.search-bx select{width:100%; height:45px; border:1px solid #00a1ed; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; background-image:url(../images/blt_select2.png); background-position: 96% center; text-indent:10px; font-size: 15px; font-weight:bold; color: #333;}

.search-bx span{position:absolute; top:40px; right:60px; font-size:18px; color:#666; cursor: pointer;}
.search-bx a{width: 45px; height: 45px; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius: 0 3px 3px 0; background:#00a1ed; text-align:center; line-height:45px; font-size:18px; color:#fff;}

.search-li{display: flex; justify-content: space-around; width:500px; margin:0 auto; margin-top:19px;}
.search-li span{line-height:16px; font-size:13px; color:#333333;}
.search-li span::after{content:''; display:inline-block; margin-left: 22px; width: 1px; height: 9px; background-color: #c9c9c9;}
.search-li span:last-child:after{display: none;}
.search-li span a{margin-left:3px; line-height:16px; font-weight: 700; font-size:13px; color:#ff5a5a; text-decoration: underline;}

.search-con{display:flex; /*height:235px;*/ padding:25px 25px; margin-top:1px; background:#f3f4f7;}
.search-det{flex:1; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; border: solid 1px #e0e0e0; background: #fff;}
.search-det > b{display:block; height: 50px; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; border-radius: 20px 20px 0 0; border:1px solid #00a1ed; background:#00a1ed; font-weight: 700; font-size: 18px; text-indent:40px; line-height: 50px; color: #fff;}

.search-det .det{padding:15px;}
.search-det .det div{position:relative; padding-left:3%;}
.search-det .det div::after{content:''; position:absolute; top:-8px; right:0; width:1px; height:96px; opacity:0.08; background:#000;}
.search-det .det div:last-child::after{display:none;}
.search-det .det div ul li{line-height:25px; font-size: 13px; color: #333;}
.search-det .det div ul li a.CustNo{color:#00a1ed; font-weight:bold; text-decoration: underline;}

/* Dash - chart */
.chart{flex:none; width: 560px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; border: solid 1px #e0e0e0; background: #fff;}
.chart::after{content:''; display:block; clear:both;}
.chart > b{display:block; height: 50px; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; border-radius: 20px 20px 0 0; border:1px solid #00a1ed; background:#00a1ed; font-weight: 700; font-size: 18px; text-indent:40px; line-height: 50px; color: #fff;}
.chart-con{height: 150px; padding:15px; overflow-y: scroll; word-break: break-word;}
.chart p{font-size: 13px; line-height:1.5;}

/* Dash - list */
.da-tit-area{width:100%; margin-bottom:5px;}
.da-tit-area::after{content:''; display:block; clear:both;}
.da-tit-area h2{float:left; font-weight: 700; font-size: 15px; line-height:30px; color: #34669f;}
.da-tit-area span{float:right;}
.da-tit-area span a.btn-more{background:#00a1ed;}
.da-tit-area span a.btn-new{background:#ff5a5a;}

.second-con{display:flex;}
.second-con > div{flex:1;}

table.dash {border-collapse: separate;border-spacing: 0;width: 100%; font-size:13px;}
table.dash tr:first-child th{border-right: 0px solid #bbb;border-bottom: 1px solid #D0E5FF; padding:11px 0; color: #44576c;}
table.dash tr th,
table.dash tr td {border-right: 0px solid #bbb;border-bottom: 0px solid #D0E5FF; padding: 11px 0; color: #333; text-align:center;}
table.dash tr th:first-child,
table.dash tr td:first-child {border-left: 0px solid #bbb;}
table.dash tr th {background: #E5F1FF;border-top: 1px solid #D0E5FF;text-align: center;}
/* top-left border-radius */
table.dash tr:first-child th:first-child {border-top-left-radius: 6px;border-left: 1px solid #D0E5FF}
/* top-right border-radius */
table.dash tr:first-child th:last-child {border-top-right-radius: 6px;border-right: 1px solid #D0E5FF}
/* bottom-left border-radius */
table.dash tr:last-child td:first-child {border-bottom-left-radius: 6px;}
/* bottom-right border-radius */
table.dash tr:last-child td:last-child {border-bottom-right-radius: 6px;}

/*table.dash tbody td.b{font-weight:bold;}*/
table.dash tbody tr:nth-child(even) td{ background-color: #f7f9fa;}
table.dash tbody tr:hover > td{ background-color:#F5FAFF;}

/* Dash - toggle */
#toggle-wrap{float:right !important; margin-left: 1%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.toggle{flex:none; /*width:650px;*/ position: relative;}
.tog-tit{display:block; width:100%; height:40px; position: relative; margin-bottom:5px; padding-left:20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #d6d6d6; background:#fff; line-height:40px; font-size: 13px; font-weight: bold; color: #333; cursor:pointer;}
.toggle .tog-number{display:inline-block; width:25px; height: 19px; padding:0 3px; margin-left:5px; margin-bottom:3px; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius: 13px; border:1px solid #ff5a5a; background: #fff; line-height:16px; vertical-align:middle; text-align:center; font-size:12px; color:#ff5a5a;}

.toggle span.tog-tit:before{content: "\f107"; font-family: "Font Awesome 5 Free"; width:24px; height:24px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; border: solid 1px #e3e3e3; background: #fff; text-align:center; line-height:24px; position: absolute; top: 7px; right: 8px; color:#7d8894;}
.toggle span.tog-tit.on{background:#f3f4f7;}
.toggle span.tog-tit.on:before{content: "\f106";}
.tog-con{display:none; position:relative; padding:10px 15px; line-height:20px; font-size:13px; color:#333;}
.tog-con li{padding:2px 0;}
.tog-con i{font-size:10px; color:#464646; padding-right:10px;}
.tog-con a{display:inline-block; position:absolute; top:10px; right:0; width: 58px; height: 29px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#767676; text-align:center; line-height:29px; color:#fff;}

/* main dashboard */
.tab_list{position: relative;}
.tab_list::before{ content: ''; display: block; height: 1px; width: 100%; background-color: #d5d5d5; position: absolute; bottom: 0; left: 0;}
.tab_list::after{content: ''; display: block; clear: both;}
.tab_list li{ position: relative; float: left; padding: 0 17px;}
.tab_list li:nth-child(1){ z-index: 10;}
.tab_list li:nth-child(2){ z-index: 9;}
.tab_list li:nth-child(3){ z-index: 8;}
.tab_list li:nth-child(4){ z-index: 7;}
.tab_list li:nth-child(5){ z-index: 6;}
.tab_list li:nth-child(6){ z-index: 5;}
.tab_list li:nth-child(7){ z-index: 4;}
.tab_list li:nth-child(8){ z-index: 3;}
.tab_list li:nth-child(9){ z-index: 2;}
.tab_list li:nth-child(10){ z-index: 1;}
.tab_list li + li{ margin-left: -17px;}
.tab_list li a{ background-color: #e5e5e5; line-height: 35px; height: 35px; border-top:#9a988f 1px solid; border-bottom: #d5d5d5 1px solid; padding: 0 33px; display: block; color: #656250; font-weight: 600;}
.tab_list li a::before{content: '';position: absolute;top:0;left: 0;width: 17px;height: 35px;display: block;background: url('../images/bg_tab.png') 0 0 no-repeat;}
.tab_list li a::after{ content: ''; position: absolute; top:0; right: 0; width: 17px; height: 35px; display: block; background: url('../images/bg_tab.png') 100% 0 no-repeat;}
.tab_list li.current{z-index: 11;}
.tab_list li.current a{ background-color: #f37362; border-color:#c95c4d; border-bottom: #c86b5e 1px solid; color: #fff;}
.tab_list li.current a::before{background: url('../images/bg_tab.png') 0 100% no-repeat;}
.tab_list li.current a::after{ background: url('../images/bg_tab.png') 100% 100% no-repeat;}
.tab_list .right{ position: absolute; top:0; right:0;}

.appList_tabcont{display:none;}
.appList_tabcont.current{display:block; margin-top: 10px;}

.dailyData-bx{display: flex; background: #fff; border-radius: 5px;}
.dailyData-bx .tit{flex: none; width: 80px; padding: 34px 0; text-align: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #075290; color: #fff;}
.dailyData-bx .data-cont{flex: 1; position: relative; padding: 18px 0; text-align: center;}
.dailyData-bx .data-cont + .data-cont{border-left: 1px solid #D3EBFF;}
.dailyData-bx .data-cont strong{font-size: 18px; color: #333;}
.dailyData-bx .data-cont p{margin-top: 7px; color: #333;}

.dailyData-bx .data-cont p span.dot{position: relative; padding: 0 10px; border-right: 1px solid #868686;}
.dailyData-bx .data-cont p span.dot + span{padding: 0 10px;}
.main-bx > dl.brown .dailyData-bx .tit{background: #6F5610;}

.dailyData-bx02{padding: 14px 20px 11px; background: #fff; border-radius: 5px;}
.dailyData-bx02 strong{font-size: 14px; color: #075290;}
.daily-table{margin-top: 10px; margin-bottom: 14px;}
.daily-table thead th{padding: 11px 5px; background: #075290; font-size: 13px; color: #fff;}
.daily-table thead th:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.daily-table thead th:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.daily-table tbody td{padding: 11px 5px; border-bottom: 1px solid #D4DDE2;}
.daily-table tbody tr.total td{background: #EDF7FF;}

.main-bx > dl.brown strong{color: #6F5610;}
.main-bx > dl.brown .daily-table thead th{background: #6F5610;}
.main-bx > dl.brown .daily-table tbody tr.total td {background: #FFFAED;}

.table-scroll {position:relative; max-width:100%; overflow:hidden;}
.table-wrap {width:100%; overflow:auto;}
table.scroll{width:100%; table-layout: auto; border-top:#b3d4f0 1px solid; border-right:#b3d4f0 1px solid;}
table.scroll th, table.scroll td {white-space:nowrap;}
table.scroll th{padding:8px 10px; background-color:#edf7ff; border-left:#b3d4f0 1px solid; border-bottom: 1px solid #b3d4f0;}
table.scroll td{padding:8px 10px; border-left: 1px solid #d4dde2; border-bottom: 1px solid #d4dde2;}
table.scroll tfoot tr:last-child td{border-bottom:#b3d4f0 1px solid;}

table.scroll.clone {position:absolute; top:0; left:0; pointer-events:none;}
table.scroll.clone th, table.scroll.clone td {visibility:hidden; border-color:transparent}
table.scroll.clone tbody th {visibility:visible;}
table.scroll.clone .fixed-side {border:1px solid #b3d4f0; background:#edf7ff; visibility:visible; text-align: left;}
table.scroll.clone thead, .table.scrollclone tfoot{background:transparent;}

/* 07-02 추가 */
input[type=text].check_not{background:url(../images/check_not.png) no-repeat right center;}

/* dv-grp display:table 버전 추가 */
.dp-table{display: table;}
.dp-table > *{display: table-cell;}

/* table td 색상 추가 */
td.orange{background:#f9d7a3;}

/* 21-07-30 대시보드 수정 */
.main-bx02{display: flex; margin-top: 30px;}
.main-bx02 > div{flex: 1;}
.main-bx02 > div.scroll-bx06{margin-right: 15px;}
.main-bx02 dl dt{display: inline-block; position: relative; font-size: 14px; font-weight: 600; height: 39px; line-height: 39px; border-radius: 15px 0 0 0; padding: 0 60px 0 44px; color: #075290; background: #d3ebff url(../images/blt_dot2.png) 15px 50% no-repeat;}
.main-bx02 dl dt:before{content: ''; position: absolute; top: 0; right: 0; display: block; width: 38px; height: 38px; background: url(../images/blt_r1.png);}
.main-bx02 dl dd{border-radius: 0 15px 15px 15px; padding: 20px 20px 20px 20px; background-color: #d3ebff; margin-top: -1px;}
.main-bx02 dl.brown dt{color: #7e600c; background: #faedc9 url(../images/blt_dot3.png) 15px 50% no-repeat;}
.main-bx02 dl.brown dt:before{background: url(../images/blt_r2.png);}
.main-bx02 dl.brown dd{background-color: #faedc9;}
.main-bx02 dl.brown strong{color: #6F5610;}
.main-bx02 dl.brown .daily-table thead th{background: #6F5610;}
.main-bx02 dl.brown .daily-table tbody tr.total td {background: #FFFAED;}

.scroll-bx06{height: 250px; overflow-y: auto; border:1px solid #96abb5;}
.scroll-bx06 table.list{border-top:none; border-right:none; border-collapse: separate;}
.scroll-bx06 table.list thead th:first-child, .scroll-bx06 table.list tbody td:first-child{border-left:1px solid #d4dde2;}
.scroll-bx06 table thead th.sticky-th {position:sticky; top:-1px;}
.scroll-bx06 table thead th.sticky-th-two {position:sticky; top:36px;}
.main-bx02 .scroll-bx06 table tbody tr:hover td{background:#fff;}
.scroll-bx06 table tbody tr.total td{background: #EDF7FF;}
.scroll-bx06 table tbody tr.total:hover td{background: #EDF7FF;}
.scroll-bx06 table thead th.sticky-th-two:before{position: absolute; top: -3px; left: 0; content: ''; width: 100%; height: 1px; background: #d4dde2;}