@charset "utf-8";
@import url('jquery.mCustomScrollbar.min.css');


html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; background-color:#e8edf0; }

html, body {height:100%;}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
progress { vertical-align: baseline; }
template, [hidden] { display: none; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; }
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: inherit; font-weight: bold;}
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000;}
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; height: 0;}
/* table{border-collapse:collapse; border-spacing:0} */

optgroup { font-weight: bold;}

button[disabled],
html input[disabled] {cursor: default;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
[type="checkbox"],
[type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-input-placeholder { color: inherit; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}


/* html, body,
div, h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd,
form, fieldset, input, select, label, textarea,
table, caption, thead, tfoot, tbody, tr, th, td,
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup {margin:0;padding:0;} */
.portalPage div, .portalPage h1, .portalPage h2, .portalPage h3, .portalPage h4, .portalPage h5, .portalPage h6,
.portalPage p, .portalPage ul, .portalPage ol, .portalPage li, .portalPage dl, .portalPage dt, .portalPage dd,
.portalPage thead, .portalPage tfoot, .portalPage tbody, .portalPage tr, .portalPage th, .portalPage td,
.portalPage article, .portalPage aside, .portalPage dialog, .portalPage footer, 
.portalPage header, .portalPage section, .portalPage footer, .portalPage nav, .portalPage figure, .portalPage hgroup {margin:0;padding:0;}

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
ul, li {list-style:none;}
em {font-style:normal;}
img {max-width:100%;}
table > caption {font-size:0; line-height:0; height:0;}
select {border: 1px solid #999; font-family: inherit; -webkit-appearance: none; -moz-appearance: none;appearance: none; border-radius: 0px; }
select::-ms-expand { display: none; } 

/*webfont*/
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: normal;
	src: url(./NanumGothic-Regular.eot);
	src: url(./NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	    url(./NanumGothic-Regular.woff2) format('woff2'),
	    url(./NanumGothic-Regular.woff) format('woff'),
	    /*url(./NanumGothic-Regular.ttf) format('truetype');*/
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: bold;
	src: url(./NanumGothic-Bold.eot);
	src: url(./NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	    url(./NanumGothic-Bold.woff2) format('woff2'),
	    url(./NanumGothic-Bold.woff) format('woff'),
	    /*url(./NanumGothic-Bold.ttf) format('truetype');*/
}
  
  
.MSRI2-wrapper {display:flex; align-items: stretch; overflow:hidden; min-width:1400px; min-height:100vh; max-width:100vw; }
.MSRI2-wrapper *{/* font-family: 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', sans-serif !important; */ }

.MSRI2-wrapper .lnb-wrap {position:relative; background:#143f90; width:185px; height:100%; transition :all .2s ease-in-out;}
.MSRI2-wrapper .lnb-wrap *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding: 0px; margin: 0px;}
.MSRI2-wrapper .lnb-wrap.sm {width:15px !important;}
.MSRI2-wrapper .lnb-wrap .mCSB_scrollTools {width:10px; right:0px; background:#3359aa;}
.MSRI2-wrapper .lnb-wrap .mCSB_scrollTools .mCSB_draggerRail {opacity:0;}
.MSRI2-wrapper .lnb-wrap .mCSB_inside>.mCSB_container {margin-right:0;}
.MSRI2-wrapper .lnb-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#062a5d; width:6px;}

.MSRI2-wrapper .nav-wrap {
    max-height: calc(100vh - 142px);
    overflow-y: auto;
    display: block;
}

.MSRI2-wrapper .lnb-wrap.sm .nav-wrap { display: none; }
.MSRI2-wrapper .lnb-wrap.sm .lnb-setting { display: none; }

.MSRI2-wrapper .contents-wrap {padding:20px 20px 0;}
.MSRI2-wrapper .footer {padding: 10px 25px; height:50px;}
.MSRI2-wrapper .copyright { color:#001871; font-size:10px; text-align: right; }

.MSRI2-wrapper .btn-side-lnb {position:absolute; width:13px; height:60px; top:0; right:0; font-size:0; border:none; background: #143f90;}
.MSRI2-wrapper .btn-side-lnb::after {
    content: ''; display:inline-block; vertical-align:top; width:5px; height:9px; background:url('img/lnb_icon_left.png') 0 0 no-repeat; margin-left: -3px;
    /*transition :all .3s ease-in-out;*/
 }
.MSRI2-wrapper .btn-side-lnb:hover::after{background-position-y: -9px;} 
.MSRI2-wrapper .lnb-wrap.sm .btn-side-lnb::after {background-position-x: -5px;}
 /*.MSRI2-wrapper .lnb-wrap.sm .btn-side-lnb::after {transform: rotate(-180deg);}*/


.MSRI2-wrapper .logo {height:66px; display: block;}
.MSRI2-wrapper .logo .logo-img {transition :all .2s ease-in-out; font-size:0; display:block; width:169px; height:60px; box-shadow: 1px 1px 6px 3px #072e64; background:url('img/logo.png') no-repeat; }

.MSRI2-wrapper .nav {border-right:1px solid #0c2242; border-top:1px solid #0c2242;}
.MSRI2-wrapper .nav a {display:flex; align-items: center;  width:100%; line-height:1; padding:10px 13px 10px 14px; border-bottom:1px solid #0c2242;}
.MSRI2-wrapper .nav > li > a {color:#e2e8ff; font-size:13px; font-weight:700;  }
.MSRI2-wrapper .nav > li > a::after {content:''; display:inline-block; width:8px; height:9px; background:url('img/lnb_depth_open.png') no-repeat;  margin-left:auto; }
.MSRI2-wrapper .nav > li > a.open {background:#0091d1; color:#fdff4c;}
.MSRI2-wrapper .nav > li > a.open::after {background-image:url('img/lnb_depth_closed.png');}
.MSRI2-wrapper .nav > li > ul > li > .menuSubGrp {    
	display: flex;
	align-items: center;
	width: 100%;
	line-height: 1;
	padding: 10px 13px 10px 14px;
	border-bottom: 1px solid #0c2242;
	font-size:12px; 
	color:#fdff4c; 
	background:#062a5d; 
}
.MSRI2-wrapper .nav > li > ul > li > a {font-size:12px; color:#dae0e6; background:#062a5d; }
.MSRI2-wrapper .nav > li > ul > li > a::before {content:''; background:url('img/lnb_depth_blit.png') no-repeat; width:7px; height:2px; margin-right:8px;}
.MSRI2-wrapper .nav > li > ul > li > a:hover,
.MSRI2-wrapper .nav > li > ul > li > a:focus,
.MSRI2-wrapper .nav > li > ul > li > a.selected {color:#fdff4c; background:#103d7d;}
.MSRI2-wrapper .nav > li > ul > li > a:hover::before,
.MSRI2-wrapper .nav > li > ul > li > a:focus::before,
.MSRI2-wrapper .nav > li > ul > li > a.selected::before {background-position-y: -2px;}

.MSRI2-wrapper .lnb-setting {display:flex; width:100%; align-items: stretch;}
.MSRI2-wrapper .lnb-setting .btn {border:1px solid #072e65; width:50%; background:#2d58b6; font-size:12px; color:#97aedf; line-height:1; padding:8px; text-align:center;}
.MSRI2-wrapper .lnb-setting .btn > span {color:#fff;}
.MSRI2-wrapper .lnb-setting .btn + .btn {border-left:none;}

.MSRI2-wrapper .lnb-search {color:#072e64; font-size:13px; padding:0 8px; height:30px; line-height:30px; background:#b9d3f7; border:none;}
.MSRI2-wrapper .btn-search {
	position: absolute !important;
	right: 3px !important;
	top: 2px !important;
	bottom: 2px !important;
	width: 30px;
	
	background-image: url("img/lnb_search.png");
	background-position: center center;
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0);
	
	cursor: pointer;
}

.MSRI2-wrapper .btn-deleted {
    position: absolute !important;
	right: 35px !important;
	top: 2px !important;
	bottom: 2px !important;
	width: 13px;
	
	background-image: url("icons/x.png");
	background-position: center center;
	background-size: 11px 11px;
	background-repeat: no-repeat;
	
	cursor: pointer;
}

.MSRI2-wrapper .lnb-select {padding:5px;}
.MSRI2-wrapper .lnb-select select {
    width:100%; color:#0059d1; font-size:15px; font-weight:700; border:none; padding:0 9px; height:30px;
    background:#fff url('img/lnb_icon_select.png') no-repeat 95% 50%;
}
.MSRI2-wrapper .lnb-select .form-sel-dropdown{width:100%; background:#fff;}
.MSRI2-wrapper .lnb-select .sel-txt {
    background:#fff url('img/lnb_icon_select.png') no-repeat 95% 50%;
    color:#0059d1; font-size:15px; font-weight:700; border:none; padding:0 9px; height:30px;
    overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
}
.MSRI2-wrapper .lnb-select .options {border-color:#143f90; border-top:1px solid #143f90; width:calc(100% + 2px); left:-1px; }
.MSRI2-wrapper .lnb-select .options > li > a {padding:10px; font-size:15px;}

/* .MSRI2-wrapper .lnb-wrap.sm .logo .logo-img {width:96px; background-image:url('img/logo_sm.png');}
.MSRI2-wrapper .lnb-wrap.sm .lnb-setting .btn {width:100%;}
.MSRI2-wrapper .lnb-wrap.sm .btn + .btn {border-top:none; border-left:1px solid #072e65;}
.MSRI2-wrapper .lnb-wrap.sm .lnb-select select {width:102px; padding-right:20px;}
.MSRI2-wrapper .lnb-wrap.sm .nav > li > a::after,
.MSRI2-wrapper .lnb-wrap.sm .nav > li > ul > li > a::before{display:none;}
.MSRI2-wrapper .lnb-wrap.sm .nav > li > a ,
.MSRI2-wrapper .lnb-wrap.sm .nav > li > ul > li > a {letter-spacing: -1px;}
*/
.MSRI2-wrapper .lnb-wrap.sm .lnb-select {display: none;}
.MSRI2-wrapper .lnb-wrap.sm .logo {display: none;}

.MSRI2-wrapper .aside-wrap {position:fixed !important; top:60px !important; right:-280px; transition:.3s ease-in-out;}
.MSRI2-wrapper .aside-wrap *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.MSRI2-wrapper .aside-wrap.open {right:0 !important; box-shadow: 1px 1px 13px 1px rgba(112,107,162,0.3);}
.MSRI2-wrapper .livechat-wrap {position:relative; background:#fff; width:280px; height:calc(100vh - 60px); overflow-y: auto; }
.MSRI2-wrapper .livechat-wrap .title {color:#202020; font-size:16px; font-weight:700; border-bottom:2px solid #0952ac; padding:14px 16px; line-height: 1; margin: 0;}
.MSRI2-wrapper .livechat-wrap .btn-deleted {position:absolute; top:0; right:0; width:44px; height:44px; background:url('img/icon_aside_del.png') center center no-repeat; border:none; font-size:0;}
.MSRI2-wrapper .livechat-wrap .list {margin-bottom: 30px;}
.MSRI2-wrapper .livechat-wrap .list li{border-bottom:1px solid #e9ecef;}
.MSRI2-wrapper .livechat-wrap .list li a {display:flex; align-items: center; width:100%; padding:20px 0;}
.MSRI2-wrapper .livechat-wrap .list .icon {width:40px; height: 40px; background:#0091d1; border-radius: 50%; text-align: center; line-height:40px; font-size:13px; color:#fff; font-weight: 700; margin:0 12px 0 16px;}
.MSRI2-wrapper .livechat-wrap .list .text strong,
.MSRI2-wrapper .livechat-wrap .list .text span {display:block; font-size:13px;}
.MSRI2-wrapper .livechat-wrap .list .text strong {color:#202020;}
.MSRI2-wrapper .livechat-wrap .list .text span {color:#aeb8c3; margin-top:10px;}
.MSRI2-wrapper .aside-wrap .btn-side-bar {position:absolute; top:50%; left:-28px; font-size:0; width: 28px; height:113px; background:url('img/btn_livechat.png') no-repeat; margin-top:-56.5px; border:none;}
.MSRI2-wrapper .aside-wrap .btn-side-bar:hover {background-position-x: -28px;}


.MSRI2-wrapper .header-wrap {display:flex; /*align-items: center;*/ width:100%; background:#fff; border-bottom:1px solid #b0c2d0; height:60px;}
.MSRI2-wrapper .header-wrap *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.MSRI2-wrapper .tx-member {flex:1; text-align:right; font-weight:700; color:#0091d1; font-size:14px;}
.MSRI2-wrapper .tx-member span {font-size:14px; color:#001871;}
.MSRI2-wrapper .header-wrap .f-site { border-color:#bbb; font-size:13px; color:#666674; width:182px;}

.MSRI2-wrapper .header-wrap select.f-site{ padding:7px 9px; background:#f2f3f7 url('img/bg_header_select.png') no-repeat 95% 50%;}
.MSRI2-wrapper .header-wrap .form-sel-dropdown .sel-txt {
    font-size:13px; width:182px; padding:7px 9px; border:1px solid #bbb;
    text-align:left; background:#f2f3f7 url('img/bg_header_select.png') no-repeat 95% 50%;
}
.MSRI2-wrapper .menu-sci {
    font-size:13px; margin:5px 5px;
    width: 177px !important;
}

.MSRI2-wrapper .lnb-wrap.sm .menu-sci {
    display: none;
}

.footer-button {
	background: #e3f3ff;
    border: 1px solid #b7c0df;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 13px;
    color: #1b5da1;
}
.footer-button::before {content:''; display:inline-block; vertical-align:top; font-size:0; margin-right:7px;}

.footer-button.site::before {
	background:url('img/icon_site.png') no-repeat; 
	background-position: center center;
	background-size: 16px 15px;
	width:16px; 
	height:15px;
	margin-top: 2px;}
.footer-button.doc::before {
	background:url('img/folder_open.png') no-repeat; 
	background-position: center center;
	background-size: 16px 15px;
	width:16px; 
	height:15px;
	margin-top: 2px;}

.MSRI2-wrapper .header-wrap .form-sel-dropdown .options {top:31px; z-index:3;}
.MSRI2-wrapper .header-wrap .form-sel-dropdown .options > li > a { padding:7px 9px;}

.MSRI2-wrapper .header-wrap .btn-area {font-size:0; padding-right:10px;}
.MSRI2-wrapper .header-wrap .btn-area .btn {background:#e3f3ff; border:1px solid #b7c0df; border-radius: 4px; padding:0 20px; height:36px; line-height:36px; font-size:13px; color:#1b5da1; }
.MSRI2-wrapper .header-wrap .btn-area .btn + .btn {margin-left:4px;}
.MSRI2-wrapper .header-wrap .btn-area .btn::before {content:''; display:inline-block; vertical-align:top; font-size:0; margin-right:7px;}
.MSRI2-wrapper .header-wrap .btn-area .btn.home::before {background:url('img/icon_home.png'); width:19px; height:18px; margin-top:7px;}
.MSRI2-wrapper .header-wrap .btn-area .btn.doc::before {background:url('img/folder_open.png'); width:20px; height:15px; margin-top:9px;}
.MSRI2-wrapper .header-wrap .btn-area .btn.info::before {background:url('img/icon_info.png'); width:18px; height:15px; margin-top:9px;}
.MSRI2-wrapper .header-wrap .btn-area .btn.logout::before {background:url('img/icon_logout.png'); width:17px; height:15px; margin-top:9px;}
.MSRI2-wrapper .header-wrap .btn-area .btn.site::before {background:url('img/icon_site.png'); width:21px; height:19px; margin-top:6px;}

.MSRI2-wrapper .widget-box {position:relative; }
.widget-box table {
	border-collapse: collapse;
	border-spacing: 0;
}
.MSRI2-wrapper .widget-title {background:#fff; border:1px solid #d5d5d5; border-radius:4px 4px 0 0; border-bottom-color:#e6e9eb; /*color:#202020;*/ font-size:16px; font-weight:700; line-height:1; padding:14px 20px;}
.MSRI2-wrapper .widget-contents{border:1px solid #d5d5d5; border-radius:0 0 4px 4px; border-top:none; overflow:hidden}
.MSRI2-wrapper .btn-widget-closed {
    border:none;font-size:0; width:45px; height:45px; position:absolute; top:0; right:0;
    background: url('img/icon_widget_closed.png') center center no-repeat;
}

.MSRI2-wrapper .widget-rows {display:flex; align-items: flex-start; justify-content: space-between;}
.MSRI2-wrapper .widget-rows + .widget-rows  {margin-top:20px;}
.MSRI2-wrapper .col-full:not(.rowspan) .widget-box{width:100%;}
.MSRI2-wrapper .col-half:not(.rowspan) .widget-box,
.MSRI2-wrapper .col-half.rowspan .column{width:calc(50% - 10px);}
.MSRI2-wrapper .col-half.rowspan .widget-box {width:100%;}
.MSRI2-wrapper .col-half.rowspan .widget-box + .widget-box {margin-top:20px;}
.MSRI2-wrapper .col-3:not(.rowspan) .widget-box {width:calc(33.3333% - 20px)}
.MSRI2-wrapper .col-3.colspan .widget-box {width:calc(33.3333% - 10px)}
.MSRI2-wrapper .col-3.colspan .widget-box.col2 {width:calc(66.6666% - 10px )}

.MSRI2-wrapper .main-bd-tab {display:flex; align-items: flex-start; background:#f5f7f9;border-bottom:4px solid #e0e4e8; }
.MSRI2-wrapper .main-bd-tab li a{position:relative; display:block; padding:0 20px; height:36px; line-height:36px; font-size:15px; color:#8592a1; }
.MSRI2-wrapper .main-bd-tab li a::after {content:''; position:absolute; left:0; bottom:-4px; width:100%; height:4px; }
.MSRI2-wrapper .main-bd-tab li.on a{color:#289bff; font-weight:700;}
.MSRI2-wrapper .main-bd-tab li.on a::after {background:#289bff;}

.MSRI2-wrapper .main-bd-list {background:#fff; padding:0 20px; border-bottom:1px solid #ebedf2;height:205px;overflow:auto;}
.MSRI2-wrapper .main-bd-list li {display:flex; align-items: center; justify-content: space-between;  border-bottom:1px dotted #ddd;}
.MSRI2-wrapper .main-bd-list li:last-child{border-bottom:none;}
.MSRI2-wrapper .main-bd-list li a {
    font-size:13px; color:#666;  height:40px; line-height:40px; 
    max-width:calc(100% - 100px); text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;
} 
.MSRI2-wrapper .main-bd-list li a:hover,
.MSRI2-wrapper .main-bd-list li a:focus {color:#1158af; text-decoration: underline;}
.MSRI2-wrapper .main-bd-list li .date {width:78px;color:#999; font-size:13px;}
.MSRI2-wrapper .btn-bd-all {border:none; width:100%; text-align:center; height:36px; line-height:36px; background:#f8fafb; font-size:14px; color:#8592a1;}
.MSRI2-wrapper .btn-bd-all::after {content:''; display:inline-block; vertical-align:top; width:6px; height:12px; background:url('img/icon_btn_all.png') no-repeat; margin:12px 0 0 7px;}
.MSRI2-wrapper .btn-bd-all:hover,.MSRI2-wrapper .btn-bd-all:focus {color:#0091d1;}
.MSRI2-wrapper .btn-bd-all:hover:after,.MSRI2-wrapper .btn-bd-all:focus:after {background-position-y:-12px;}

.MSRI2-wrapper .calendar {background:#6a95cc; color:#fff; font-size:13px; padding:0 30px 10px;}
.MSRI2-wrapper .c-header {font-size:0; text-align:center; padding:30px 0 20px;}
.MSRI2-wrapper .c-header .btn {display:inline-block; vertical-align:top; width:30px; height:30px; border:none; font-size:0; }
.MSRI2-wrapper .c-header .btn.prev {background:url('img/btn_c_prev.png') center center no-repeat;}
.MSRI2-wrapper .c-header .btn.next {background:url('img/btn_c_next.png') center center no-repeat;}
.MSRI2-wrapper .calendar .c-yymm {display:inline-block; vertical-align:top; font-size:30px; font-weight:900; letter-spacing: -2px; line-height:1; margin:0 15px; }
.MSRI2-wrapper .calendar table {width:100%;}
.MSRI2-wrapper .calendar th {font-weight:700;}
.MSRI2-wrapper .calendar td {text-align:center; padding:5px 0;}
.MSRI2-wrapper .calendar td span {display:inline-block; vertical-align:top; width:22px; height:22px; border-radius: 50%; line-height:22px;}
.MSRI2-wrapper .calendar td .today {background:#315cad; color:#fff;}
.MSRI2-wrapper .calendar .sun {color:#ca4733;}
.MSRI2-wrapper .calendar .sat {color:#4bdbff;}

.MSRI2-wrapper .calendar.layer {background:#fff; border:1px solid #d2d2d2; border-radius:4px; font-size:13px; color:#a9a9a9;}
.MSRI2-wrapper .calendar.layer .c-yymm {font-size:20px; letter-spacing: -1px;}
.MSRI2-wrapper .calendar.layer .c-header {padding-top:20px;}
.MSRI2-wrapper .calendar.layer .c-header .btn {width:20px; height:20px;}
.MSRI2-wrapper .calendar.layer .c-header .btn.prev {background-image:url('img/btn_c_prev_sm.png');}
.MSRI2-wrapper .calendar.layer .c-header .btn.next {background-image:url('img/btn_c_next_sm.png');}
.MSRI2-wrapper .calendar.layer .sun {color:#fd5f47;}
.MSRI2-wrapper .calendar.layer .sat {color:#12b3e9;}

.MSRI2-wrapper .btn-c-add {
    display:block; width:100%; font-size:15px; color:#fff; background:#315cad; margin-top:20px;
    font-weight:700; text-align:center; border-radius: 4px; height:40px; line-height:40px;
}
.MSRI2-wrapper .btn-c-add::before {content:''; background:url('img/btn_c_add.png') no-repeat; width:17px; height:19px; display:inline-block; vertical-align: top; margin:10px 10px 0 0;}

.MSRI2-wrapper .schedule {display:flex; width:100%; align-items: stretch;}
.MSRI2-wrapper .schedule .calendar {}

.MSRI2-wrapper .schedule-list {flex:1; background:#ffffff;}
.MSRI2-wrapper .schedule-list .list li {border-bottom:1px dotted #ddd;}
.MSRI2-wrapper .schedule-list .list li:last-child{border-bottom:none;}
.MSRI2-wrapper .schedule-list .list li > a {display:block; padding:20px 25px;  line-height:1; font-size:13px;}
.MSRI2-wrapper .schedule-list .list .title {display:block; color:#666; }
.MSRI2-wrapper .schedule-list .list .date {display:block; color:#aeb8c3; margin-top:10px;}
.MSRI2-wrapper .schedule-list .list .room {display:block; color:#0091d1; margin-top:10px;}
.MSRI2-wrapper .schedule-list .list + .btn-bd-all{border-top:1px solid #ebedf2;}

.MSRI2-wrapper .tab-btn-group {font-size:0; text-align:center; padding:13px 0;}
.MSRI2-wrapper .tab-btn-group li {display:inline-block; vertical-align: top; }
.MSRI2-wrapper .tab-btn-group li > a {
    display:block; padding:0 18px; color:#666674; font-size:15px; height:34px;
    line-height:34px; background: linear-gradient( to bottom, #f6f6f6,#e6e6e6); border:1px solid #c5c5c5; font-weight:700;
}
.MSRI2-wrapper .tab-btn-group li + li a {border-left:none;}
.MSRI2-wrapper .tab-btn-group li:first-child a{border-radius: 4px 0 0 4px;}
.MSRI2-wrapper .tab-btn-group li:last-child a{border-radius: 0 4px 4px 0;}
.MSRI2-wrapper .tab-btn-group li.on a {color:#fff; background:linear-gradient( to bottom, #32ccff,#11b2e8); border-color:#19aee0;}

.MSRI2-wrapper .card dt {font-weight: 700; font-size:15px; color:#666674;}
.MSRI2-wrapper .card dd{font-size:15px; color:#666674;}
.MSRI2-wrapper .card dd > strong{font-size:32px; font-weight:900; color:#0952ac;}
.MSRI2-wrapper .widget-contents > .col-2 {display:flex; align-items: stretch; background:#fff;}
.MSRI2-wrapper .widget-contents > .col-2 .card {text-align:center; width:50%; height:116px; }
.MSRI2-wrapper .widget-contents > .col-2 .card + .card {border-left:1px dotted #ddd;}
.MSRI2-wrapper .widget-contents > .col-2 .card dt {padding:25px 0 16px;}

.MSRI2-wrapper .e-works{background:#f5f7f9 url('img/bg_ework.png') left top repeat-x; border-radius:4px 4px 0 0; overflow:hidden;}
.MSRI2-wrapper .e-works .widget-title {background:transparent; border-bottom: none; color:#fff;}
.MSRI2-wrapper .e-works .btn-widget-closed {background-image: url('img/icon_widget_closed_w.png');}
.MSRI2-wrapper .e-works-box {display:flex; flex-wrap: wrap; padding:0 25px 25px 25px; justify-content: space-between; margin-top:72px;}
.MSRI2-wrapper .e-works-box dl {width:calc(50% - 5px); background:#fff; box-shadow: 0px 0px 8px 0px rgba(49,49,49,0.1); height:120px; font-size:15px; color:#666674;}
.MSRI2-wrapper .e-works-box dl:nth-child(n+3) {margin-top:10px;}
.MSRI2-wrapper .e-works-box dt {height:60px; line-height:60px; padding-left:16px;}
.MSRI2-wrapper .e-works-box dt::before {content:''; display:inline-block; vertical-align: top; margin-right:10px;}
.MSRI2-wrapper .e-works-box dt.wait::before {background:url('img/icon_ework01.png') no-repeat; width:22px; height:30px; margin-top:13px;}
.MSRI2-wrapper .e-works-box dt.ing::before {background:url('img/icon_ework02.png') no-repeat; width:21px; height:25px; margin-top:15px;}
.MSRI2-wrapper .e-works-box dt.return::before {background:url('img/icon_ework03.png') no-repeat; width:27px; height:26px; margin-top:15px;}
.MSRI2-wrapper .e-works-box dt.end::before {background:url('img/icon_ework04.png') no-repeat; width:26px; height:26px; margin-top:15px;}
.MSRI2-wrapper .e-works-box dd {text-align:right; padding-right:16px; padding-top:10px;}

.MSRI2-wrapper .widget-title.ezbaro {background:#fff url('img/icon_ezbaro.png') 20px center no-repeat; padding-left:74px; }

.MSRI2-wrapper .application {background:#f5f7f9; }
.MSRI2-wrapper .application .rows + .rows {border-top:1px solid #e6e9eb;}
.MSRI2-wrapper .application .rows {display:flex; align-items: center; padding:10px;}
.MSRI2-wrapper .application .title {
    color:#4c4c57; font-size:16px; height:56px; line-height:56px; padding-left:113px;
    background-repeat: no-repeat; background-position-x:45px; width:100px;
}
.MSRI2-wrapper .application .title.pay {background-image:url('img/icon_application_pay.png');}
.MSRI2-wrapper .application .title.change {background-image:url('img/icon_application_change.png');}
.MSRI2-wrapper .application .box { flex:1; background:#fff; display:flex; align-items: center; height: 80px;}
.MSRI2-wrapper .application .box dl {width:33.3333%; display:flex; align-items: center;}
.MSRI2-wrapper .application .box dl + dl {border-left:1px solid #e6e9eb;}
.MSRI2-wrapper .application .box dt {width:100px; padding-left:30px; color:#666674; font-size:15px; font-weight:700;}
.MSRI2-wrapper .application .box dd {color:#666674; font-size:15px;}
.MSRI2-wrapper .application .box dd > strong {font-size:32px; font-weight:900;  color:#0952ac;}
.MSRI2-wrapper .application .box dd > strong.skyblue {color:#0091d1;}
.MSRI2-wrapper .application .box dd > strong.orange {color:#ff9e04;}

.MSRI2-wrapper .btn-all-closed {
    width:110px; height:36px; background:#11357a; color:#fff; font-weight:700; text-align:center; 
    border-radius: 4px 4px 0 0; line-height:36px; font-size:13px;
}
.MSRI2-wrapper .btn-all-closed::after {
    content: ''; display:inline-block; vertical-align: top; width: 13px; height:13px; 
    background:url('img/icon_all_closed.png') no-repeat; margin:12px 0 0 8px;
}

.MSRI2-wrapper .tab-navigation {display:flex; align-items: center; padding:10px 0 4px;}
.MSRI2-wrapper .tab-navigation li + li::before {content:'>'; margin:0 5px;  font-size:11px; color:#777;}
.MSRI2-wrapper .tab-navigation li > a {color:#777; font-size:12px;}
.MSRI2-wrapper .tab-navigation li:last-child > a {color:#2f363e;}
.MSRI2-wrapper .tab-navigation li:first-child::before {
    content:''; display:inline-block; vertical-align: top; width:13px; height:12px; 
    background:url('img/icon_navi_home.png') no-repeat; margin:0.5px 5px 0 0;
}
.MSRI2-wrapper .tab-navigation li:first-child {margin-left:auto;}

.MSRI2-wrapper .flex-box .btn-group .form-btn.search-blue {width:100%; }


.MSRI2-wrapper .form-btn-search {
    display: inline-block; vertical-align: top; width:30px; height:26px; font-size:0;
    background:url('img/form-btn-search.png') no-repeat;
}
.MSRI2-wrapper .form-btn-search:disabled {background-position-y: -26px;}
.MSRI2-wrapper .form-btn-calendar {
    display: inline-block; vertical-align: top; width:29px; height:26px; font-size:0;
    background:url('img/form-btn-calendar.png') no-repeat;
}
.MSRI2-wrapper .form-btn-calendar.disabled,
.MSRI2-wrapper .form-btn-calendar:disabled {background-position-y:-26px;}
.MSRI2-wrapper .form-btn-plus {
    display: inline-block; vertical-align: top; width:27px; height:26px; font-size:0;
    background:url('img/form-btn-plus.png') no-repeat;
}
.MSRI2-wrapper .form-btn-minus {
    display: inline-block; vertical-align: top; width:27px; height:26px; font-size:0;
    background:url('img/form-btn-minus.png') no-repeat;
}
.MSRI2-wrapper .form-btn-drag {
    display: inline-block; vertical-align: top; width:30px; height:26px; font-size:0;
    background:url('img/form-btn-drag.png') no-repeat;
}

.MSRI2-wrapper .form-btn-excel {
    display: inline-block; vertical-align: top; width:21px; height:18px; font-size:0;
    background:url('img/form-btn-excel.png') no-repeat;
}

.MSRI2-wrapper .form-inp-base {width:100%; height:30px; padding:0 8px; line-height:30px; border:none; color:#202020;}
.MSRI2-wrapper .form-inp-base::placeholder {color:#a0a0a0;}
.MSRI2-wrapper .form-inp-base:disabled {background:#e2e3e5; color:rgba(68,68,68,0.4);}

.MSRI2-wrapper .form-sel-base {
    border:none; width:100%; height:30px; color:#202020; padding-left:8px;
    background:url('img/form_selectbox.png') no-repeat 98% 50%;
}
.MSRI2-wrapper .form-sel-base :disabled {color:rgba(32,32,32,0.6);}
.MSRI2-wrapper .form-sel-base.bd { border:1px solid #d2d2d2;}

.form-sel-dropdown {position: relative; display:inline-block; vertical-align: top;}
.form-sel-dropdown .sel-txt {border:1px solid #bbb; width:100%; text-align:left;  }
.form-sel-dropdown .options {
    position:absolute; left:0; width:100%; 
    background:#fff; border:1px solid #bbb; border-top:none; z-index:1;
}
.form-sel-dropdown .options > li > a {display:block; line-height:1; color:#666674;}
.form-sel-dropdown .options > li > a:hover {background:#ecf7ff; color:#0091d1;}

/*
.MSRI2-wrapper .tb-base .form-sel-dropdown { width:100%; background:url('img/form_selectbox.png') no-repeat 98% 50%;}
.MSRI2-wrapper .tb-base .sel-txt {border:none; height:30px; padding-left:8px; padding-right:40px;
}
.MSRI2-wrapper .tb-base .form-sel-dropdown .options {border:1px solid #bbb; top:30px; width:calc(100% + 1px);}
.MSRI2-wrapper .tb-base .form-sel-dropdown .options > li + li {border-top:1px solid #f1f1f1;}
.MSRI2-wrapper .tb-base .form-sel-dropdown .options > li > a {padding:6px 10px;}
.MSRI2-wrapper .tb-base .form-sel-dropdown .options > li > a.selected {color:#0059d1; background-color:#c7e7ff}

.MSRI2-wrapper .tb-base {width:100%; border:1px solid #d2d2d2;}
.MSRI2-wrapper .tb-base th {font-size:13px; color:#202020; background:#f2f2f2; border-bottom:1px solid #d2d2d2;}
.MSRI2-wrapper .tb-base th.bd-r {border-right: 2px solid #f97779;}
.MSRI2-wrapper .tb-base td {border-bottom:1px solid #d2d2d2; padding:0; font-size:13px; color:#202020; height:30px;}
.MSRI2-wrapper .tb-base td.bd-l {border-left:1px solid #d2d2d2;}
.MSRI2-wrapper .tb-base td.disabled {background:#e2e3e5;}
.MSRI2-wrapper .tb-base .total th,
.MSRI2-wrapper .tb-base .total td {background:#e7f1f9;}
.MSRI2-wrapper .tb-base .form-search-box,
.MSRI2-wrapper .tb-base .form-datepicker {padding-right:4px;}
.MSRI2-wrapper .tb-base .tb-tx {display:block; padding:0 8px;}

.MSRI2-wrapper .tb-base .form-datepicker .month {padding-left:10px; width:115px;}
.MSRI2-wrapper .tb-base .inp-month {width:48px; height:24px; border:1px solid #d2d2d2; text-align:center;}
.MSRI2-wrapper .tb-base td.innertb {padding:10px 8px; vertical-align: top;}
.MSRI2-wrapper .tb-base .inner-section + .inner-section {margin-top:10px;}
*/
.MSRI2-wrapper .form-search-box {display:flex; align-items: center;}
.MSRI2-wrapper .form-search-box input {flex:1; }
.MSRI2-wrapper .form-search-box .form-btn {padding:5px 10px;}

.MSRI2-wrapper .form-datepicker {display:flex; align-items: center;}
.MSRI2-wrapper .form-datepicker input {flex:1; width:auto; margin-right:2px;}
.MSRI2-wrapper .form-datepicker select {margin:0 2px; width:70px; text-align:center;}
.MSRI2-wrapper .form-datepicker .form-check {margin-left:10px;}

.MSRI2-wrapper .form-check {display:inline-block; position: relative;}
.MSRI2-wrapper .form-check input[type=checkbox] {position:absolute; top:0; left:0; width:20px; height:20px; opacity: 0; cursor: pointer;}
.MSRI2-wrapper .form-check label {font-size:0;}
.MSRI2-wrapper .form-check label span {margin-left:4px; line-height:20px; font-size:13px; color:#202020;}
.MSRI2-wrapper .form-check label::before {content:''; display:inline-block; vertical-align: top; width:20px; height:20px; background:url('img/bg_checkbox.png') no-repeat;}
.MSRI2-wrapper .form-check :checked + label::before {background-position-y: -20px;}
.MSRI2-wrapper .form-check :disabled + label::before {background-position-y: -40px;}
.MSRI2-wrapper .form-check :checked:disabled + label::before {background-position-y: -60px;}

.MSRI2-wrapper .form-radio {display:inline-block; position: relative;}
.MSRI2-wrapper .form-radio input[type=radio] {position:absolute; top:0; left:0; width:20px; height:20px; opacity: 0; cursor: pointer;}
.MSRI2-wrapper .form-radio label {font-size:0;}
.MSRI2-wrapper .form-radio label span {margin-left:4px; line-height:20px; font-size:13px; color:#202020;}
.MSRI2-wrapper .form-radio label::before {content:''; display:inline-block; vertical-align: top; width:20px; height:20px; background:url('img/bg_radio.png') no-repeat;}
.MSRI2-wrapper .form-radio :checked + label::before {background-position-y: -20px;}
.MSRI2-wrapper .form-radio :disabled + label::before {background-position-y: -40px;}
.MSRI2-wrapper .form-radio :checked:disabled + label::before {background-position-y: -60px;}

.MSRI2-wrapper .form-textarea {width:100%; padding:8px; font-size:13px; color:#202020; border:none;  resize: vertical;}

.MSRI2-wrapper .flex-box {display:flex; align-items: stretch;}
.MSRI2-wrapper .flex-box .tb-base {flex:1; margin-right:4px;}
.MSRI2-wrapper .flex-box .btn-group {width:105px; font-size:0;}
.MSRI2-wrapper .flex-box .rows {margin-top:4px;}

.MSRI2-wrapper  .form-btn-down {
    font-size:0; display:inline-block; vertical-align: top; margin-top:-1px;
    background:url('img/btn_down.png') no-repeat; width:32px; height:31px; 
}

.MSRI2-wrapper .align-l {text-align:left;}
.MSRI2-wrapper .align-c {text-align:center;}
.MSRI2-wrapper .align-r {text-align:right;}

.MSRI2-wrapper .w-full {width:100%;}
.MSRI2-wrapper .w-half {width:50%;}

.MSRI2-wrapper .scroll-box {width:calc(100% - 1px); overflow:auto; }
.MSRI2-wrapper .scroll-box.h180 {height:180px;}
.MSRI2-wrapper .scroll-box.h200 {height:200px;}
.MSRI2-wrapper .scroll-box.h250 {height:250px;}
.MSRI2-wrapper .scroll-box.h300 {height:300px;}

.MSRI2-wrapper .tx-ovf {display:block; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; max-width:100%;}
.MSRI2-wrapper .tx-ovf.w100 {width:100px;}
.MSRI2-wrapper .tx-ovf.w200 {width:200px;}
.MSRI2-wrapper .tx-ovf.w300 {width:300px;}
.MSRI2-wrapper .tx-ovf.w400 {width:400px;}
.MSRI2-wrapper .tx-ovf.w500 {width:500px;}

.MSRI2-wrapper .tb-list { border-top:2px solid #94979c; border-bottom:1px solid #ddd; white-space: nowrap; }
.MSRI2-wrapper .tb-list th {
    background:linear-gradient( to bottom,#f0f0f0, #ececec);  
    font-size:13px; color:#202020; border-right:1px solid #ddd; padding:10px; } 
.MSRI2-wrapper .tb-list th.num {width:80px;}
.MSRI2-wrapper .tb-list th:first-child{border-left:1px solid #ddd; }
.MSRI2-wrapper .tb-list td {color:#202020; font-size:13px; padding:10px; border-right:1px solid #ddd; }
.MSRI2-wrapper .tb-list td:first-child {border-left:1px solid #ddd;}
.MSRI2-wrapper .tb-list tr:nth-child(even) td {background-color:#f7f7f7;}
.MSRI2-wrapper .tb-list tr.selected td {background:#ecf7ff;}
.MSRI2-wrapper .tb-list tr:hover td,
.MSRI2-wrapper .tb-list tr:focus td {background-color:#fff7e1;}

.MSRI2-wrapper .tb-list.sum {width:100%;}
.MSRI2-wrapper .tb-list.sum tr + tr th {border-top:1px solid #fff;}
.MSRI2-wrapper .tb-list.sum tbody th {background:#fff; padding:0;}
.MSRI2-wrapper .tb-list.sum td {border-top:1px solid #ececec; border-bottom:none;}
.MSRI2-wrapper .tb-list.sum tr:first-child td {border-top:none;}
.MSRI2-wrapper .tb-list.sum tr:nth-child(even) td,
.MSRI2-wrapper .tb-list.sum tr:hover td,
.MSRI2-wrapper .tb-list.sum tr:focus td {background-color:transparent;}
.MSRI2-wrapper .tb-list.sum tr.sub-total th,
.MSRI2-wrapper .tb-list.sum tr.sub-total td {background:#e9f7ef;}
.MSRI2-wrapper .tb-list.sum tr.total th,
.MSRI2-wrapper .tb-list.sum tr.total td {background:#ecf7ff; border-top:1px solid #d2d2d2;}
.MSRI2-wrapper .tb-list.sum tr.total th {text-align:left; color:#0059d1; padding:10px;}
.MSRI2-wrapper .tb-list.sum .btn-depth {width:100%; padding:8px; color:#222; font-size:13px; text-align:left;}
.MSRI2-wrapper .tb-list.sum .btn-depth::before {
    content:''; display:inline-block; vertical-align: top; width:14px; height:14px;
    background:url('img/icon_depth.png') no-repeat; margin-right:5px;
}
.MSRI2-wrapper .tb-list.sum .btn-depth.open::before {background-position-y: -14px;}
.MSRI2-wrapper .tb-list.sum .btn-depth.depth2 {padding-left:28px;}

.MSRI2-wrapper .tb-line {width:100%; border:1px solid #d2d2d2;}
.MSRI2-wrapper .tb-line th {padding:0 20px; color:#202020; text-align:right; background:#e7f1f9; height:36px; }
.MSRI2-wrapper .tb-line th.th-tx-blue {color:#143f90; text-align:left;}
.MSRI2-wrapper .tb-line td {padding:3px 4px;}
.MSRI2-wrapper .tb-line td.bg {background:#e7f1f9;}
.MSRI2-wrapper .tb-line .form-sel-base.bd {width:100px; height:24px; border-right:none; vertical-align: middle;}
.MSRI2-wrapper .tb-line .form-sel-base.bd {background-position:100% 50%;}
.MSRI2-wrapper .tb-line .form-sel-base + .form-btn {vertical-align: middle; margin-left:5px;}
.MSRI2-wrapper .tb-line .form-btn + .form-btn {margin-left:5px;}

.MSRI2-wrapper .btn-section-wrap {text-align:center; font-size:0;}
.MSRI2-wrapper .btn-section-closed {
    display:inline-block; vertical-align: top; font-size:0; border:none; 
    background:url('img/btn_s_closed.png') no-repeat; width:61px; height:13px;
}
.MSRI2-wrapper .btn-section-wrap.top {border-bottom:1px solid #cbcbcb; margin-bottom:4px;}
.MSRI2-wrapper .btn-section-wrap.top .btn-section-closed {transform: rotate(-180deg);}

.MSRI2-wrapper .mt5 {margin-top:5px;}
.MSRI2-wrapper .mt10 {margin-top:10px;}
.MSRI2-wrapper .mt15 {margin-top:15px;}
.MSRI2-wrapper .mt20 {margin-top:20px;}
.MSRI2-wrapper .mt10 {margin-top:10px;}
.MSRI2-wrapper .mt30 {margin-top:30px;}

.MSRI2-wrapper .sh-section + .sh-section {margin-top:20px;}
.MSRI2-wrapper .tab-section-menu {display:flex; align-items: flex-start; border-bottom:2px solid #9b9ea3; margin-bottom:4px;}
.MSRI2-wrapper .tab-section-menu li a {
    display:block; border:1px solid #979797; color:#fff; font-size:14px; line-height:1; padding:8px 20px;
    background:linear-gradient( to bottom,#a3a3a3, #9b9ea3); border-radius: 2px 2px 0 0; margin-bottom:-2px;
}
.MSRI2-wrapper .tab-section-menu li + li {margin-left:3px;}
.MSRI2-wrapper .tab-section-menu li.on a {background:linear-gradient( to bottom,#33ccff, #0091d1); border-color:#19aee0;}
.MSRI2-wrapper .tab-section-menu li a.disabled {background:#c6c6c6; border-color:#c6c6c6;}


.MSRI2-index *{font-family: 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.MSRI2-index .login-wrap {position:absolute; top:0; left:0; width:100%; z-index:1; }
.MSRI2-index .login-box {width: 1022px; height:370px; background:url('img/bg_login_box.png') no-repeat; margin:20px auto 24px;}

.link-login {margin-top:16px; width:210px; color:#fff; display:flex; align-items:center; justify-content: center;}
.link-login .lk-btn {font-size:11px; font-weight:400; color:#fff; text-shadow: 2px 2px 3px rgba(0,0,0,0.4);}
.link-login .lk-btn + .lk-btn::before {content:''; display:inline-block; vertical-align: top; width:1px; height:12px; background:#fff; margin:2px 10px 0;}

.MSRI2-index .swiper-container {z-index:0;}
.MSRI2-index {width:100%; height:670px; min-width:1280px;}
.MSRI2-index .swiper-container{width:100%; height:100%; min-height:650px;}
.MSRI2-index .swiper-slide .img-bg {width:100%; height:100%; font-size:0;}
.MSRI2-index .swiper-slide .img-bg.img01 {background: url('img/bg_login_img01.png') center center no-repeat; background-size:cover;}
.MSRI2-index .swiper-slide .img-bg.img02 {background: url('img/bg_login_img02.png') center center no-repeat; background-size:cover;}
.MSRI2-index .swiper-slide .img-bg.img03 {background: url('img/bg_login_img03.png') center center no-repeat; background-size:cover;}
.MSRI2-index .swiper-slide .img-bg.img04 {background: url('img/bg_login_img04.png') center center no-repeat; background-size:cover;}
.MSRI2-index .index-contents {width:1000px; margin:0 auto;}
.MSRI2-index .copyright { color:#001871; font-size:12px; text-align:center; line-height:1;}
.MSRI2-index .flex-rows {display:flex; align-items: stretch; justify-content: center; }
.MSRI2-index .flex-cols {display:flex; align-items: flex-end; flex-direction: column; }
.MSRI2-index .index-banner {display:inline-block; vertical-align:top ; width:320px; }
.MSRI2-index .index-banner .bn {
    display:block; height:262px; background-repeat: no-repeat; background-position: 0 0;  
    padding:25px; font-size:18px; color:#f6f8fa;
 }
/*  .MSRI2-index .index-banner > div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td, article, aside, dialog, footer, header, section, footer, nav, figure, hgroup {
    margin: 0;
    padding: 0;
} */

.MSRI2-index .index-banner .bn.bg01 {background-image:url('img/bg_bnImg01.png');}
.MSRI2-index .index-banner .bn.bg02 {background-image:url('img/bg_bnImg02.png');}
.MSRI2-index .index-banner .bn.bg03 {background-image:url('img/bg_bnImg03.png');}
.MSRI2-index .index-banner .title {font-size:24px;  font-weight: 900; letter-spacing: -1px; line-height:1;}
.MSRI2-index .index-banner .txt {display:block;  font-weight: 300; margin-top:24px; line-height:1.2;font-size: 0.7em;}
.MSRI2-index .index-banner .link{display:inline-block; vertical-align: top; font-weight:700; margin-top:160px; color:#f6f8fa}
.MSRI2-index .index-banner .link::after {content:''; display:inline-block; vertical-align: top; width:36px; height:5px; background:url('img/icon_bn_ar.png') no-repeat; margin:8px 0 0 10px;}
.MSRI2-index .index-banner + div {margin-left:12px;}

.MSRI2-index .index-banner2 {display:inline-block; vertical-align:top ; width:320px; }
.MSRI2-index .index-banner2 .bn {
    display:block; height:200px; background-repeat: no-repeat; background-position: 0 0;  
    padding:25px; font-size:18px; color:#f6f8fa;
 }
.MSRI2-index .index-banner2 .bn.bg01 {background-image:url('img/bg_bnImg01.png');}
.MSRI2-index .index-banner2 .bn.bg02 {background-image:url('img/bg_bnImg02.png');}
.MSRI2-index .index-banner2 .bn.bg03 {background-image:url('img/bg_bnImg03.png');}
.MSRI2-index .index-banner2 .title {font-size:24px;  font-weight: 900; letter-spacing: -1px; line-height:1;padding-bottom: 80px;}
.MSRI2-index .index-banner2 .txt {display:block;  font-weight: 300; margin-top:24px; line-height:1.2;font-size: 0.7em;}
.MSRI2-index .index-banner2 .link{display:inline-block; vertical-align: top; font-weight:700; margin-top:10px; color:#f6f8fa}
.MSRI2-index .index-banner2 .link::after {content:''; display:inline-block; vertical-align: top; width:36px; height:5px; background:url('img/icon_bn_ar.png') no-repeat; margin:8px 0 0 10px;}
.MSRI2-index .index-banner2 + div {margin-left:12px;}

.MSRI2-index .flex-rows  + .flex-rows {margin-top:12px;}
.MSRI2-index .flex-rows .index-banner + .index-bd-wrap {flex:1; }
.MSRI2-index .flex-rows .left {width:320px;}
.MSRI2-index .flex-rows .right {flex:1; align-items: flex-start; flex-wrap: wrap; margin-left:12px;}
.MSRI2-index .flex-rows .right .index-bd-wrap {margin-bottom:12px;}
.MSRI2-index .flex-rows .right .swiper-slide a,
.MSRI2-index .flex-rows .right .swiper-slide img {display:block;}
.MSRI2-index .flex-rows .right .swiper-pagination {bottom:25px; font-size:0;}
.MSRI2-index .flex-rows .right .swiper-pagination-bullet {width:10px; height:10px; opacity:1; border:1px solid #fff; background:rgba(255,255,255,0.3); }
.MSRI2-index .flex-rows .right .swiper-pagination-bullet-active {background:#fff!important;}
.MSRI2-index .index-bd-wrap {position:relative; background:#fff; border-radius: 4px; padding:22px; border:1px solid #e7ebee; min-height:168px;}
.MSRI2-index .index-bd-wrap h3 {font-size:18px; letter-spacing: -1px; color:#55677d; font-weight:900; line-height:1; border-bottom:1px solid #e7ebee; padding-bottom:12px;}
.MSRI2-index .bd-list {margin-top:15px;height:168px;overflow:auto;}
.MSRI2-index .bd-list > li {display:flex; align-items: center; width:100%;}
.MSRI2-index .bd-list > li + li {margin-top:12px;}
.MSRI2-index .bd-list .num {color:#55677d; width:40px; font-size:14px;}
.MSRI2-index .bd-list .date {color:#374251; font-size:14px; width:90px; text-align: center;} 
.MSRI2-index .bd-list .txt {flex:1; color:#374251; font-size:14px; text-overflow:ellipsis; white-space:nowrap; max-width:470px;overflow:hidden;}
.MSRI2-index .bd-list .txt:hover,
.MSRI2-index .bd-list .txt:focus {text-decoration: underline; color:#1158af;}
.MSRI2-index .bd-list .txt2 {flex:1; color:#374251; font-size:14px; text-overflow:ellipsis; white-space:nowrap; max-width:650px;overflow:hidden;}
.MSRI2-index .bd-list .txt2:hover,
.MSRI2-index .bd-list .txt2:focus {text-decoration: underline; color:#1158af;}
.MSRI2-index .index-bd-wrap .btn-more {color:#8599a8; font-size:12px; position:absolute; top:24px; right:36px; height:17px; line-height:17px; background-color: transparent;border-style: none;}
.MSRI2-index .index-bd-wrap .btn-more::after {content:''; display:inline-block; vertical-align:top; width:17px; height:17px; background:url('img/icon_idx_more.png') no-repeat; margin-left:10px;}
.MSRI2-index .index-bd-wrap .btn-more:hover,
.MSRI2-index .index-bd-wrap .btn-more:focus {color:#1158af;}
.MSRI2-index .form-box {padding-top:100px; padding-left:500px;}
.MSRI2-index .form-box input[type=text], 
.MSRI2-index .form-box input[type=password]{
    display:block; width:210px; height:40px; border:none; border-radius: 4px; border:none;
    background:rgba(255,255,255,0.8); padding:0 15px; font-size:16px; font-weight:700; margin-bottom:20px;
    box-shadow: 2px 2px 8px 4px rgba(0,0,0,0.4);
}
.MSRI2-index .form-box input::placeholder {color:#8599a8;}
.MSRI2-index .form-box .btn-login {
    display:block; font-size:20px; border:none; border-radius: 4px; width:210px; height:40px;
    color:#fff; font-weight:900; text-align: center; background:rgba(0,24,113,0.8);
    box-shadow: 2px 2px 8px 4px rgba(0,0,0,0.4);
}
.MSRI2-index .form-box .btn-login:hover,
.MSRI2-index .form-box .btn-login:focus   {background:rgba(0,177,255,0.8);
}

.MSRI2-wrapper .popup {
    position: absolute; top:50%; left:50%; width:550px; z-index:5; transform:translate(-50%, -50%); 
    background:#0091d1; padding:0 8px 7px;
}
.MSRI2-wrapper .popup.w900 {width:900px;}
.MSRI2-wrapper .popup.w800 {width:800px;}
.MSRI2-wrapper .popup.w700 {width:700px;}
.MSRI2-wrapper .popup.w400 {width:400px;}
.MSRI2-wrapper .popup-title {font-size:15px; line-height:1; color:#fff; padding:16px 9px 17px;}
.MSRI2-wrapper .popup-contents {background:#fff; padding:12px;}
.MSRI2-wrapper .btn-popup-closed {
    font-size:0; width:48px; height:48px; position: absolute; top:0; right:0; 
    background:url('img/bg_popup_closed.png') center center no-repeat;
}
.MSRI2-wrapper .popup-footer {display:flex; align-items: center; justify-content: space-between; margin-top:10px;}
.MSRI2-wrapper .popup-footer .text-area {font-size:13px; color:#202020; }
.MSRI2-wrapper .popup-footer .btn-group {font-size:0; }
.MSRI2-wrapper .popup-footer .form-btn + .form-btn {margin-left:6px;}
.MSRI2-wrapper .no-result {display:block; padding:72px 0; text-align:center; color:#a0a0a0; font-size:13px;}

.MSRI2-wrapper .error-wrap {display:flex; align-items: center; justify-content: center; min-height:calc(100vh - 126px);}
.MSRI2-wrapper .error-wrap .title{font-size:24px; color:#666; text-align:center; font-weight:700; letter-spacing: -1px; }
.MSRI2-wrapper .code {display:block; margin:160px 0 120px; padding-left:20px; text-align:center; color:#12b3e9; font-size:64px; font-weight:900; letter-spacing: -2px; }
.MSRI2-wrapper .error-box {width:100%; background:url('img/icon_error404.png') center top no-repeat;}

.MSRI2-wrapper .icon-alert {display:inline-block; vertical-align: top; width:68px; height:68px; font-size:0;}
.MSRI2-wrapper .icon-alert.confirm {background:url('img/icon_big_confirm.png') no-repeat;}
.MSRI2-wrapper .icon-alert.error {background:url('img/icon_big_error.png') no-repeat;}
.MSRI2-wrapper .icon-alert.info {background:url('img/icon_big_information.png') no-repeat;}
.MSRI2-wrapper .icon-alert.warning {background:url('img/icon_big_warning.png') no-repeat; width:73px;}

.MSRI2-wrapper .page-title {font-size:16px; color:#202020; line-height:1.18; }
.MSRI2-wrapper .page-title::before {
    content:''; display:inline-block; vertical-align: top; margin-right:6px;
    width:20px; height:19px; background:url('img/bg_page_title.png') no-repeat; 
}
.MSRI2-wrapper .page-sub-title {font-size:14px; color:#202020; line-height:1;}
.MSRI2-wrapper .page-sub-title::before{
    content:''; display:inline-block; vertical-align: top; margin-right:5px;
    width:13px; height:13px; background:url('img/bg_page_sub_title.png') no-repeat; 
}
.MSRI2-wrapper .page-sub-title.depth {margin-left:30px;}

.MSRI2-wrapper .progress {display:flex; align-items: center;}
.MSRI2-wrapper .progress .number{font-size:20px; font-weight:700; color:#202020; letter-spacing: -2px; margin-left:10px; }
.MSRI2-wrapper .progress .progress-bar {flex:1; display:block; height:10px; border-radius: 5px; background:#ebedf3;}
.MSRI2-wrapper .progress .bar {display:block; height:10px; border-radius: 5px; background:#12b3e9; font-size:0; text-align:center;}

.MSRI2-wrapper .form-file-drag {position:relative; height:168px;}
.MSRI2-wrapper .form-file-drag .guide-txt {position:absolute; top:50%; left:50%; font-size:13px; line-height:18px; color:#a0a0a0; transform:translate(-50%, -50%);  }
.MSRI2-wrapper .form-file-drag .guide-txt::before {
    content:''; display:inline-block; vertical-align: top; margin-right:6px;  
    width:14px; height:18px; background:url('img/icon_drga_file.png') no-repeat; 
}

.MSRI2-wrapper .tb-widget {width:100%; background:#fff; }
.MSRI2-wrapper .tb-widget thead th {
    font-size:15px; color:#666674; background:#f5f7f9;
    border-bottom:1px solid #e0e4e8; padding:10px 0;
}
.MSRI2-wrapper .tb-widget td {
    font-size:13px; color:#666674; text-align:center;
     border-bottom:1px dotted #ddd; padding:15px 5px;
}
.MSRI2-wrapper .tb-widget td.title {text-align:left;}
.MSRI2-wrapper .tb-widget tr:last-child td {border-bottom:none;}
.MSRI2-wrapper .tb-widget.line td {border-right:1px solid #e0e4e8; padding-top:7px; padding-bottom:7px;}
.MSRI2-wrapper .tb-widget.line tr td:last-child {border-right:none;}

.MSRI2-wrapper .tb-widget .btn {min-width:75px; height:26px; border-radius:2px;  font-weight:bold; font-size:13px;}
.MSRI2-wrapper .tb-widget .btn.yet {background-color:#ffb504; color:#fff;}
.MSRI2-wrapper .tb-widget .btn.ing {background-color:#12b3e9; color:#fff;}
.MSRI2-wrapper .tb-widget .btn.end {background-color:#bed4e9; color:#0952ac;}

.MSRI2-wrapper .widget-box .graph-wrap {background:#fff;}

.MSRI2-wrapper .flex-boxgroup{display:flex; align-items: stretch; padding:18px; background:#fff;}
.MSRI2-wrapper .flex-boxgroup .left {display:flex; align-items: center; justify-content: center; background:#446ab0; border:1px solid #15387a; }

.MSRI2-wrapper .flex-boxgroup .right  {flex:1; margin-left:6px; display:flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;}
.MSRI2-wrapper .flex-boxgroup .blue-box {
    display:flex; align-items: center; justify-content: center; flex-wrap: wrap; line-height:1; text-align:center;
    background:#e7f1f9; border:1px solid #0091d1; min-height:90px; /* padding:20px 0; */
}
.MSRI2-wrapper .flex-boxgroup .blue-box h5 {font-size:15px; color:#666674; width:100%;  }
.MSRI2-wrapper .flex-boxgroup .blue-box p {font-size:15px; color:#0952ac; margin-top:10px;}
.MSRI2-wrapper .flex-boxgroup .blue-box p > strong {font-size:26px; font-weight:900;}
.MSRI2-wrapper .flex-boxgroup .left .blue-box {background:transparent; border:none;}
.MSRI2-wrapper .flex-boxgroup .left .blue-box h5, 
.MSRI2-wrapper .flex-boxgroup .left .blue-box p {color:#fff;}

.MSRI2-wrapper .flex-boxgroup.col-2 .left {width:calc((100% - 6px)/2)}
.MSRI2-wrapper .flex-boxgroup.col-2 .right .blue-box {width:100%;}
.MSRI2-wrapper .flex-boxgroup.col-3 .left {width:calc((100% - 12px)/3)}
.MSRI2-wrapper .flex-boxgroup.col-3 .right .blue-box {width:calc((100% - 6px)/2)}
.MSRI2-wrapper .flex-boxgroup.col-4 .left {width:calc((100% - 18px)/4)}
.MSRI2-wrapper .flex-boxgroup.col-4 .right .blue-box {width:calc((100% - 12px)/3)}
.MSRI2-wrapper .flex-boxgroup.col-5 .left {width:calc((100% - 24px)/5)}
.MSRI2-wrapper .flex-boxgroup.col-5 .right .blue-box {width:calc((100% - 18px)/4)}

.MSRI2-wrapper .flex-boxgroup.col-2 .right .blue-box:nth-child(n+2),
.MSRI2-wrapper .flex-boxgroup.col-3 .right .blue-box:nth-child(n+3),
.MSRI2-wrapper .flex-boxgroup.col-4 .right .blue-box:nth-child(n+4),
.MSRI2-wrapper .flex-boxgroup.col-5 .right .blue-box:nth-child(n+5) {margin-top:6px;}

.MSRI2-wrapper .widget-box .tab-section-menu {margin-bottom:0; }
.MSRI2-wrapper .widget-box .tab-section-menu li > a {text-align:center;}
.MSRI2-wrapper .widget-box .tab-section-menu.col-3 li {width:calc((100% - 3px)/2);}
.MSRI2-wrapper .widget-box .tab-section-menu.col-3 li {width:calc((100% - 6px)/3);}
.MSRI2-wrapper .widget-box .tab-section-menu.col-4 li {width:calc((100% - 9px)/4);}
.MSRI2-wrapper .widget-box .tab-section-menu.col-5 li {width:calc((100% - 12px)/5);}
.MSRI2-wrapper .tab-contents {background:#fff; padding:16px;}

.MSRI2-wrapper .step-wrap .title {position:relative; text-align:center; margin-bottom:20px;}
.MSRI2-wrapper .step-wrap .title h3{position:relative; color:#4c4c57; font-size:16px; display:inline-block; vertical-align:top; background:#fff; line-height:1; padding:0 8px; z-index:2;}
.MSRI2-wrapper .step-wrap .title h3 >  strong{display:block; color:#0091d1; font-size:13px; margin-bottom:6px; font-weight:900;}
.MSRI2-wrapper .step-wrap .title::after {content:''; background:#e7f1f9; width:calc(100% - 12px); height:6px; position:absolute; left:6px; bottom:3px; z-index:0;}
.MSRI2-wrapper .step-wrap {display:flex; align-items: stretch; margin:0 -6px;  }
.MSRI2-wrapper .step-wrap .col {position:relative; }
.MSRI2-wrapper .step-wrap .col + .col::before {
    content:''; width:1px; height:100%; background:#e6e9eb; position:absolute; z-index:1; top:0; left:-0.5px;
}
.MSRI2-wrapper .step-wrap .col-1 {width:11.111111%}
.MSRI2-wrapper .step-wrap .col-2 {width:22.222222%}
.MSRI2-wrapper .step-wrap .col-3 {width:33.333333%}
.MSRI2-wrapper .step-wrap .col-4 {width:44.444444%}
.MSRI2-wrapper .step-wrap .col-5 {width:55.555555%}
.MSRI2-wrapper .step-wrap .col-6 {width:66.666666%}
.MSRI2-wrapper .step-wrap .col-7 {width:77.777777%}
.MSRI2-wrapper .step-wrap .col-8 {width:88.888888%}
.MSRI2-wrapper .step-wrap .col-9 {width:99.999999%}
.MSRI2-wrapper .step-wrap .box {display:flex; }

.MSRI2-wrapper .step-wrap dl {text-align:center; padding:0 6px;}
.MSRI2-wrapper .step-wrap dt {
    color:#666674; font-size:15px; line-height:1.33; font-weight:700; 
    background:#e7f1f9; border:1px solid #0091d1; padding:13px 0; min-height:40px;
}
.MSRI2-wrapper .step-wrap dd {
    font-size:15px; color:#0952ac;  padding:5px 0;
    border:1px solid #0091d1; border-top-color:#d8e5f2; background:#bed4e9;
}
.MSRI2-wrapper .step-wrap dd > strong {font-size:26px; font-weight:900;}

.MSRI2-wrapper .step-wrap dl.on dt {background:#23c5fb; color:#fff;}
.MSRI2-wrapper .step-wrap dl.on dd {background:#1bb1ec; border-top-color:#76d0f4;}

.MSRI2-wrapper .step-wrap dt > h3 {font-size:15px; font-weight:900;}
.MSRI2-wrapper .step-wrap dd > strong {font-size:26px; font-weight:900;}
.MSRI2-wrapper .step-wrap .col-1-3 dd > strong {font-size:26px; font-weight:900; color:#BF6600;}
.MSRI2-wrapper .widget-box .widget-contents > .type1 {background:#fff!important; padding:18px;}

.MSRI2-wrapper .type {margin:-4px 0 10px;}
.MSRI2-wrapper .type > span {color:#202020; font-size:13px; font-weight:700; margin-right:8px;}
.MSRI2-wrapper .type .form-sel-base {
    display:inline-block;  width:auto; min-width:100px; height:24px; 
    border:1px solid #d2d2d2; border-right:none; background-position:100% 50%;
}

.MSRI2-wrapper .step-wrap .col-1 dl {width:100%}
.MSRI2-wrapper .step-wrap .col-2 dl {width:50%}
.MSRI2-wrapper .step-wrap .col-3 dl {width:33.333333%}
.MSRI2-wrapper .step-wrap .col-4 dl {width:25%}
.MSRI2-wrapper .step-wrap .col-5 dl {width:20%}
.MSRI2-wrapper .step-wrap .col-6 dl {width:16.666666%}
.MSRI2-wrapper .step-wrap .col-7 dl {width:14.2857%}
.MSRI2-wrapper .step-wrap .col-8 dl {width:12.5%}
.MSRI2-wrapper .step-wrap .col-9 dl {width:11.11111%}
.MSRI2-wrapper .step-wrap .col-1-3 dt {background:#FFF5D8!important; border: 1px solid #facc2e!important;}
.MSRI2-wrapper .step-wrap .col-1-3 dd {background:#FFEFBF!important; border: 1px solid #facc2e!important;}

.MSRI2-wrapper .paging {font-size:0;}
.MSRI2-wrapper .paging a {
    display:inline-block; vertical-align: top;  color:#666674; line-height:1;
     font-size:12px; font-weight: 700; border:1px solid #d2d2d2; padding:3px 8px; margin:0 2px;
 }
.MSRI2-wrapper .paging a.on {background:#12b3e9; border-color:#12b3e9; color:#fff!important;}
.MSRI2-wrapper .paging a.first,
.MSRI2-wrapper .paging a.prev,
.MSRI2-wrapper .paging a.next,
.MSRI2-wrapper .paging a.end {border-color:transparent; padding:3px 0; margin:0 4px;}
.MSRI2-wrapper .paging a > span {font-size:0;}
.MSRI2-wrapper .paging a:hover {color:#12b3e9;}
.MSRI2-wrapper .paging a.first::before,
.MSRI2-wrapper .paging a.prev::before,
.MSRI2-wrapper .paging a.next::after,
.MSRI2-wrapper .paging a.end::after {content:''; display:inline-block; vertical-align: top;  height:13px; }
.MSRI2-wrapper .paging a.first::before {background:url('img/icon_page_first.png') no-repeat; width:11px;}
.MSRI2-wrapper .paging a.prev::before {background:url('img/icon_page_prev.png') no-repeat; width:7px; margin-right:6px;}
.MSRI2-wrapper .paging a.next::after {background:url('img/icon_page_next.png') no-repeat; width:7px; margin-left:6px;}
.MSRI2-wrapper .paging a.end::after {background:url('img/icon_page_end.png') no-repeat; width:11px;}
.MSRI2-wrapper .paging a:hover.first::before,
.MSRI2-wrapper .paging a:hover.prev::before,
.MSRI2-wrapper .paging a:hover.next::after,
.MSRI2-wrapper .paging a:hover.end::after {background-position-y: -13px;}

.MSRI2-wrapper .ly-alert {
    position:fixed; top:50%; left:50%;  z-index:5; transform:translate(-50%, -50%);  background:#fff; border:5px solid #aab1bc; 
    display:flex; align-items: center; justify-content: center; padding:20px; min-width:400px; min-height:270px;
 }
.MSRI2-wrapper .ly-alert .alert-contents {text-align:center;}
.MSRI2-wrapper .ly-alert .alert-txt {font-size:13px; color:#202020; line-height:1.53; }
.MSRI2-wrapper .ly-alert .btn-area {margin-top:15px;}
.MSRI2-wrapper .ly-alert .form-btn {min-width:56px;}
.MSRI2-wrapper .btn-alert-closed {font-size:0; position:absolute; top:0px; right:0px; width:44px; height:44px; background:url('img/icon_alert_closed.png') center center no-repeat; }

.MSRI2-wrapper .tb-gLine th {position:sticky;top:0px;}
.MSRI2-wrapper .tb-gLine td {border-bottom:none; vertical-align: top; padding:12px 0;}
.MSRI2-wrapper .tb-gLine .g-step {border-left:1px solid #e6e9eb; }
.MSRI2-wrapper .tb-gLine .g-line {position:static; height:10px; background:#ebedf3;}
.MSRI2-wrapper .tb-gLine .g-step.start .g-line,
.MSRI2-wrapper .tb-gLine .line.start:not(.end){border-radius:5px 0 0 5px;}
.MSRI2-wrapper .tb-gLine .g-step.end .g-line,
.MSRI2-wrapper .tb-gLine .line.end:not(.start){border-radius:0 5px 5px 0;}
.MSRI2-wrapper .tb-gLine .line.start.end {border-radius: 5px;}
.MSRI2-wrapper .tb-gLine .g-line .line {display:block;  height:10px; background:transparent; }
.MSRI2-wrapper .tb-gLine .g-line .line.on {background:#12b3e9; margin-right:-2px;}
.MSRI2-wrapper .tb-gLine .g-line .line.on.end {margin-right:0; }

.MSRI2-wrapper .tb-gLine tbody tr:first-child td {padding-top:24px;}
.MSRI2-wrapper .tb-gLine tbody tr:last-child td {padding-bottom:24px;}

.MSRI2-wrapper .tb-gLine .g-txt {font-size:12px; color:#666674; line-height:1.4; margin-top:6px;}

/*------------------------------*/
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

:focus {
	outline: 0;
}

input:disabled, textarea:disabled {
	color:rgba(68,68,68,0.9);
}

.normal,
.normalFocused,
.normalDisabled {
  color: rgba(68,68,68) !important;
  font-size: 13px !important;
}

.normalDisabled {
  color: rgba(68,68,68,0.9) !important;
  font-size: 13px !important;
}

.menuBar {
	overflow: auto !important;
}

.mainTabBar *{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.pageHistoryLabel {
	color: #777;
    font-size: 12px;
    padding-right: 20px;
    width: auto;
}

.pageHistoryBar {
	vertical-align: middle;
	background-color: #ffffff;
	box-shadow: 0 -6px 4px 2px rgba(44,46,62,0.036);
}

.roleBaseView {
	background-image: url("logo/main_logo.png");
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 400px;
}

.pageContainer {
	background-color: #ffffff;
}

.pageNotFound {
	background-image: url("img/icon_error404.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.page {
	background-color: #ffffff;
/* 	margin-left: 25px !important; */
/* 	margin-right: 30px !important; */
	padding: 0 30px 25px 25px;
}

.page *{
	line-height: 1.18;
}

.sa-container *{
	line-height: 1.18;
}

.formHeader {
	font-size: inherit;
	border-top: 1px solid #d2d2d2;
	border-right: hidden;
	border-bottom: 1px solid #d2d2d2;
	border-left: hidden;
	
	background-color: #f2f2f2;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.formHeader-showLeftBorder {
	border-left: 1px solid #d2d2d2;
}

.formHeader-hideLeftBorder {
	border-left: hidden;
}

.formHeader-showRightBorder {
	border-right: 1px solid #d2d2d2;
}

.formHeader-hideRightBorder {
	border-right: hidden;
}

.formHeader-noBorder {
	color: #202020;
	border-top: hidden !important;
	border-right: hidden !important;
	border-bottom: hidden !important;
	border-left: hidden !important;
	
	background-color: #ededed;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.formHeaderLabel {
	color: #202020;
	font-weight: bold;
	position: absolute;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	left: 5px;
	right: 5px;
}

.roleButtonLabel {
	text-align: center;
	white-space: normal;
    word-break: break-word;
    overflow: hidden;
}

.smaller {
	font-size: smaller;
}

.line2 {
	white-space: normal;
    word-break: break-word;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.listGridTitleBar {
	color: #202020;
	font-weight: bold;
	border-top: 1px solid #d2d2d2;
	border-right: hidden;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	
	background-color: #f2f2f2;
	
/* 	text-align: center; */
	
	padding-left: 5px;
	padding-right: 5px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.listGridTitleBar-noBorder {
	color: #202020;
	font-weight: bold;
	border-top: hidden !important;
	border-right: hidden !important;
	border-bottom: hidden !important;
	border-left: hidden !important;
	
	background-color: #f2f2f2;
	
/* 	text-align: center; */
	
	padding-left: 5px;
	padding-right: 5px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.listGridTitleBar-hiddenLeftBorder {
	color: #202020;
	font-weight: bold;
	border-top: 1px solid #d2d2d2;
	border-right: hidden;
	border-bottom: 1px solid #d2d2d2;
	border-left: hidden;
	
	background-color: #f2f2f2;
	
	text-align: center;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.listGridTitleBar-showLeftBorder {
	color: #202020;
	border-top: 1px solid #d2d2d2;
	border-right: hidden;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	
	background-color: #f2f2f2;
	
	text-align: center;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.borderBox, .borderBox-showLeftBorder {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #fff;
}

.borderBox-hiddenLeftBorder {
	border-top: 1px solid #d2d2d2;
	border-left: hidden;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #fff;
}

.formHeaderLabel .icon-info {
    background: url(img/icon_btn_info.png) no-repeat;
    padding-left: 15px;
}

/* 폼아이템 */
.formItemInputUnitHolder {
	position: relative;
	width: 100%;
	height: 100%;
}

.formItemInputUnitHolder-hidden {
	position: relative;
	width: 100%;
	height: 100%;
}

.formItemPrefixLabel,
.formItemPostfixLabel {
	position: absolute;
	top: 50% !important;
	transform: translate(0%, -50%); /* (x, y)  => position */
	-ms-transform: translate(0%, -50%); /* IE 9 */
	-webkit-transform: translate(0%, -50%); /* Chrome, Safari, Opera */
}

.formItemInputUnitHolder .sciTextBox {
/* 	border-left: hidden; */
}

.formItemInputUnitHolder .gwt-TextBox {
/* 	border-left: hidden; */
}

.formItemInputUnitHolder .gwt-DateBox {
/* 	border-left: hidden; */
}

.formItemInputUnitHolder .comboBoxInput {
/* 	border-left: hidden; */
}

.formItemInputUnitHolder .unitHoldPanel {
/* 	border-left: hidden; */
}

.formItemInputUnitHolder .unitHoldPanel-disabled {
/* 	border-left: hidden; */
}

/*------------------------------*/
.defaultListItem {
	text-align: left;
	background-color: #ffffff;
	color: #202020;
	font-weight: normal;
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
	border-bottom: 1px solid #EEEEEE;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 13px;
}

.defaultListItem-selected {
	text-align: left;
	background-color: #a8c6ee;
	color: #000000;
	/* font-weight: bold; */
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
	border-bottom: 1px solid #EEEEEE;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 13px;
}

.focusState .defaultListItem {
	text-align: left;
	background-color: #cedbef;
	color: #000000;
	font-weight: normal;
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
	border-bottom: 1px solid #EEEEEE;
	padding-left: 7px;
	padding-right: 7px;
}

.defaultListItem:hover {
	text-align: left;
	background-color: #cedbef;
	color: #000000;
	font-weight: normal;
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
	border-bottom: 1px solid #EEEEEE;
	padding-left: 7px;
	padding-right: 7px;
}

.comboBoxDropButton {
	position: absolute !important;
	right: 3px !important;
	width: 28px;
	height: 25px;
	
	top:50% !important;
	transform: translate(0%, -50%); /* (x, y)  => position */
	-ms-transform: translate(0%, -50%); /* IE 9 */
	-webkit-transform: translate(0%, -50%); /* Chrome, Safari, Opera */
	background-image: url("img/form_selectbox.png");
}

.gwt-DecoratedPopupPanel {
	-webkit-box-shadow: 2px 2px 20px 2px #575757;
	box-shadow: 2px 2px 20px 2px #575757;
	z-index: 2147483646;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #ffffff;
	overflow: auto;
	overflow-x: hidden;
}

.gwt-Label {
	white-space: pre !important;
}

.gwt-HTML {
	line-height: 1.18;
}

.scrollDiv {
	overflow: auto !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.scrollDiv::-webkit-scrollbar {
	display: none;
}

.gwt-TextBox {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-width: 20px;
	padding-left: 7px;
	padding-right: 7px;
	
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
}

.gwt-TextBox:focus {
	background-color: #fffaa4;
}

.gwt-TextBox[disabled] {
	background-color: #e2e3e5;
}

.gwt-TextBox-readonly {
	background-color: #fafafa;
}

.prompt {
	color: #9f9999;
}

.gwt-SuggestBox {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-width: 20px;
	padding-left: 7px;
	padding-right: 7px;
	
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
}

.gwt-SuggestBoxPopup { 
	z-index: 2147483646;
	border: 1px solid #d2d2d2;
	background-color: white;
}

.gwt-SuggestBox:focus {
	background-color: #fffaa4;
}

.gwt-SuggestBox[disabled] {
	background-color: #e2e3e5;
}

.gwt-SuggestBox-readonly {
	background-color: #fafafa;
}

.gwt-TextArea {
	font-family: "Nanum Gothic";
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #FFFFFF;
	resize: none;
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
	padding: 7px;
	
	line-height: 2;
	overflow-y: auto;
    -ms-overflow-style:auto;
}

.dynFormTextArea {
	font-family: "Nanum Gothic";
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #FFFFFF;
	resize: none;
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;	/* For Safari                           */

	padding: 5px 7px 5px 7px !important;
	min-height: 32px;
	line-height: inherit;
	overflow-y: auto;
    -ms-overflow-style:auto;
}

.gwt-TextArea:focus,
.dynFormTextArea:focus {
	background-color: #fffaa4;
}

.gwt-TextArea[disabled],
.dynFormTextArea[disabled] {
	background-color: #e2e3e5;
}

.gwt-TextArea-readonly,
.dynFormTextArea-readonly {
	background-color: #fafafa;
}

.gwt-PasswordTextBox {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #FFFFFF;
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
	min-width: 20px;
	padding-left: 7px;
	padding-right: 7px;
}

.gwt-PasswordTextBox:focus {
	background-color: #fffaa4;
}

.gwt-PasswordTextBox[disabled] {
	background-color: #e2e3e5;
}

.gwt-PasswordTextBox-readonly {
	background-color: #fafafa;
}

.gwt-ListBox {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
	min-width: 50px;
	padding-left: 7px;
	padding-right: 7px;
}

.gwt-ListBox[disabled] {
	background-color: #e2e3e5;
}

.gwt-ListBox-readonly {
	background-color: #fafafa;
}

button { 
	background:transparent; border:none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	text-transform: none;
	-webkit-appearance: button;
	cursor: pointer;
}

.rolebutton-search:focus, 
.calendarButton:focus, 
.comboBoxDropButton:focus,
.sciSearchButton:focus,
.gwt-Button:focus { 
	outline: 2px auto #fffaa4; outline-offset: -2px;
}

.gwt-Button {
	color: #ffffff;
	font-weight: normal;
	border-style: solid;
	border-width: 3px 3px 3px 3px;
	-moz-border-image: url('img/btn_normal.png') 3 3 3 3 stretch;
	-webkit-border-image: url('img/btn_normal.png') 3 3 3 3 stretch;
	-o-border-image: url('img/btn_normal.png') 3 3 3 3 stretch;
	border-image: url('img/btn_normal.png') 3 3 3 3 fill stretch;
	cursor: pointer;
	min-width: 35px;
	padding: 1px 3px !important;
}

.rolebutton-search {
	color: #ffffff;
	border: 1px solid #19aee0;
	box-shadow: none;
	background: linear-gradient( to bottom,#33ccff, #0091d1);
	border-radius: 4px;
	cursor: pointer;
	min-width: 35px;
}

.gwt-Button[disabled] {
	-moz-border-image: url('img/btn_disabled.png') 3 3 3 3 stretch;
	-webkit-border-image: url('img/btn_disabled.png') 3 3 3 3 stretch;
	-o-border-image: url('img/btn_disabled.png') 3 3 3 3 stretch;
	border-image: url('img/btn_disabled.png') 3 3 3 3 fill stretch;
	cursor: default;
}

.rolebutton-search[disabled] {
	color: #ffffff;
	border: 1px solid #abb1bd;
	box-shadow: none;
	background: linear-gradient( to bottom,#abb1bd, #9ea6b5);
	border-radius: 4px;
	cursor: pointer;
	min-width: 35px;
}

.radioButtonInput {
	display: grid;
	min-height: 25px;
}

.radioButtonInput:focus .gwt-RadioButton input[type="radio"]:enabled + label span {
	display: inline-block;
	width:20px; height:20px; background:url('img/bg_radio.png') no-repeat;
	min-width: 20px;
	vertical-align: middle;
	margin:0 5px;
	cursor: pointer;
	background-color: #fffaa4;
}

.radioButtonInput:focus .gwt-RadioButton input[type="radio"]:checked:enabled + label span {
	background-position-y: -20px;
	background-color: #fffaa4;
}

.gwt-RadioButton  {
	vertical-align: sub;
	display: flex;
	align-items: center;
}

.gwt-RadioButton input[type="radio"] {
	display: none;
}

.gwt-RadioButton input[type="radio"] + label {
	cursor: pointer;
	word-break: break-all;
	display: flex; /* 2021-08-25 추가 by jaesoung */
}

.gwt-RadioButton input[type="radio"] + label span {
	display: inline-block;
	width:20px; height:20px; background:url('img/bg_radio.png') no-repeat;
	min-width: 20px;
	vertical-align: middle;
	margin:0 5px;
	cursor: pointer;
	box-sizing: content-box;
}

.gwt-RadioButton input[type="radio"]:checked + label span {
	background-position-y: -20px;
	box-sizing: content-box;
}

.gwt-RadioButton input[type="radio"]:disabled + label span {
	background-position-y: -40px;
	cursor: default;
	box-sizing: content-box;
}

.gwt-RadioButton input[type="radio"]:checked:disabled + label span {
	background-position-y: -60px;
	cursor: default;
	box-sizing: content-box;
}

.gwt-RadioButton input[type="radio"]:disabled + label {
	opacity: 1;
	cursor: default;
}

.gwt-DateBox {
	border: 1px solid #d2d2d2;
	background-color: #FFFFFF;
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
	padding-left: 7px;
	padding-right: 7px;
}

.gwt-DateBox[disabled] {
	background-color: #e2e3e5;
}

.gwt-DatePicker {
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	cursor: default;
}

.gwt-DatePicker td, .datePickerMonthSelector td:focus {
	outline: none;
}

.datePickerMonthSelector td:focus {
	outline: none;
}

.datePickerDays {
	width: 100%;
	background: white;
}

.datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel {
	font-size: 85%;
	text-align: center;
	padding: 4px;
	outline: none;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel, .datePickerWeekendLabel {
	background: #fff;
	padding: 0px 4px 2px;
	cursor: default;
	color: #666;
	font-size: 70%;
	font-weight: normal;
}

.datePickerDay {
	padding: 4px 7px;
	cursor: hand;
	cursor: pointer;
}

.datePickerDayIsWeekend {
	background: #f7f7f7;
}

.datePickerDayIsFiller {
	color: #999;
	font-weight: normal;
}

.datePickerDayIsValue {
	background: #d7dfe8;
}

.datePickerDayIsDisabled {
	color: #AAAAAA;
	font-style: italic;
}

.datePickerDayIsHighlighted {
	background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
	background: #d7dfe8;
}

.datePickerDayIsToday {
	padding: 3px;
	color: #0000ff;
	background: #e9e9d6;
}

.datePickerMonthSelector {
	width: 100%;
	padding: 1px 0 5px 0;
	background: #fff;
}

.datePickerPreviousButton, .datePickerNextButton,
	.datePickerPreviousYearButton, .datePickerNextYearButton {
	font-size: 120%;
	line-height: 1em;
	color: #3a6aad;
	cursor: hand;
	cursor: pointer;
	font-weight: bold;
	padding: 0px 4px;
	outline: none;
}

td.datePickerMonth, td.datePickerYear {
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 100%;
	font-weight: bold;
	color: #333;
}

.dateBoxFormatError {
	background: #ffcccc;
}

.dateBoxPopup {
	z-index: 2147483646;
}

.calendarButton {
	position: absolute;
	right: 3px;
	top: 2px;
	bottom: 2px;
	width: 29px;
	
	background-image: url("img/icon_calendar.png");
	background-position: center center;
	background-size: 29px 26px;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0);
	
	cursor: pointer;
}

.calendarButton[disabled],
.calendarButton-up-disabled {
	background-image: url("img/icon_calendar_disabled.png");
	cursor: default;
}

.checkbox-normal {
	background-image: url('img/icon_checkbox.png');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.checkbox-normal:focus {
	background-color: #fffaa4;
}

.checkbox-selected {
	background-image: url('img/icon_checkbox_selected.png');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.checkbox-selected:focus {
	background-color: #fffaa4;
}

.checkbox-normal-disabled {
	background-image: url('img/icon_checkbox_disabled.png');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: default;
}

.checkbox-selected-disabled {
	background-image: url('img/icon_checkbox_selected_disabled.png');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: default;
}

.checkboxLabel {
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.checkboxLabel-ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.comboBoxInput {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 7px;
	padding-right: 30px;
	
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
	
	cursor: pointer;
}

.comboBoxInputOnly {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 7px;
	padding-right: 7px;
	
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
	
	cursor: pointer;
}

.comboBoxInput:focus,
.comboBoxInputOnly:focus {
	background-color: #fffaa4;
}

.comboBoxInput[disabled],
.comboBoxInputOnly[disabled] {
	background-color: #e2e3e5;
}

.gwt-ToggleButton-up, .gwt-ToggleButton-up-hovering,
	.gwt-ToggleButton-up-disabled, .gwt-ToggleButton-down,
	.gwt-ToggleButton-down-hovering, .gwt-ToggleButton-down-disabled {
	margin: 0;
	text-decoration: none;
	background: url("bg/hborder.png") repeat-x 0px -27px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.gwt-ToggleButton-up, .gwt-ToggleButton-up-hovering,
	.gwt-ToggleButton-up-disabled {
	padding: 3px 5px 3px 5px;
}

.gwt-ToggleButton-up {
	border: 1px solid #bbb;
	border-bottom: 1px solid #a0a0a0;
	cursor: pointer;
}

.gwt-ToggleButton-up-hovering {
	border: 1px solid;
	border-color: #939393;
	cursor: pointer;
}

.gwt-ToggleButton-up-disabled {
	border: 1px solid #bbb;
	cursor: default;
	opacity: .5;
	zoom: 1;
	filter: alpha(opacity = 45);
}

.gwt-ToggleButton-down, .gwt-ToggleButton-down-hovering,
	.gwt-ToggleButton-down-disabled {
	padding: 4px 4px 2px 6px;
}

.gwt-ToggleButton-down {
	background-position: 0 -513px;
	border: 1px inset #666;
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-down-hovering {
	background-position: 0 -513px;
	border: 1px inset;
	border-color: #9cf #69e #69e #7af;
	cursor: pointer;
}

.gwt-ToggleButton-down-disabled {
	background-position: 0 -513px;
	border: 1px inset #ccc;
	cursor: default;
	opacity: .5;
	zoom: 1;
	filter: alpha(opacity = 45);
}

.hasRichTextToolbar {
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
}

.gwt-RichTextToolbar {
	background: #e3e8f3 url(bg/hborder.png) repeat-x 0px -2003px;
	border: 1px solid #d9d4c6;
	padding: 5px;
	margin: 0px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
	padding: 0px 1px 0px 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 1px 0px 0px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 1px 0px 0px;
	border: 1px solid #bbb;
	border-bottom: 1px solid #a0a0a0;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 1px 0px 0px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.cw-RichText {
	border: 1px solid #BBBBBB;
	border-spacing: 0px;
}

.requiredIcon {
	background-color: #f97779;
	width: 2px;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.unitHoldPanel {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #FFFFFF;
 	
 	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
}

.unitHoldPanel-disabled {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #e2e3e5;
 	
 	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
}

.labelHolder {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #ededed;
 	
 	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
}

/* SCI */
.sciTextBox {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-width: 20px;
	padding-left: 7px;
	padding-right: 35px;
	
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
	
	width: 100%;
	height: 100%;
}

.sciTextBox:focus {
	background-color: #fffaa4;
}

.sciTextBox[disabled] {
	background-color: #e2e3e5;
}

.sciTextBox-readonly {
	background-color: #fafafa;
}

.sciSearchButton,
.sciSearchButton-up,
.sciSearchButton-up-hovering,
.sciSearchButton-down-hovering {
	position: absolute !important;
	right: 3px !important;
	top: 2px !important;
	bottom: 2px !important;
	width: 30px;
	
	background-image: url("img/icon_sci_search.png");
	background-position: center center;
	background-size: 30px 26px;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0);
	
	cursor: pointer;
}

.sciSearchButton[disabled],
.sciSearchButton-up-disabled {
	background-image: url("img/icon_sci_search_disabled.png");
	cursor: default;
}

.sciDeleteButton {
	position: absolute !important;
	right: 35px !important;
	top: 2px !important;
	bottom: 2px !important;
	width: 16px;
	
	background-image: url("img/icon_aside_del.png");
	background-position: center center;
	background-size: 16px 17px;
	background-repeat: no-repeat;
	
	cursor: pointer;
}

/* 메인 탭 스타일 */
.mainTabButtonLabel {
	color: 		rgba(32,32,32,0.5);
	text-align: center;
	font-size: 14px;
	font-weight: 700;	
}

.mainTabButtonLabel-selected {
	color: 		#1b8df0;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
}

.tabCloseAllButton {
	width: 110px;
    height: 36px;
    background: #11357a;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 4px 4px 0 0;
    line-height: 36px;
    font-size: 13px;
    
	content: '';
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 13px;
    background: url(img/icon_all_closed.png) no-repeat;
    margin: 12px 0 0 8px;
}

.tabCloseButton {
	outline: none;
	border: none;
	background-image: url("icons/x.png");
	background-size: 11px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
	cursor: pointer;
}

.tabCloseButton:active {
	outline: none;
	border: none;
	background-image: url("icons/x.png");
	background-size: 11px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}

.deactiveTabButton {
	color: rgba(32,32,32,0.5);
    font-size: 14px;
    font-weight: 700;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px 4px 0 0;
    background: #c6cbce;
}

.activeTabButton {
	background: #fff;
    color: #1b8df0;
    font-size: 14px;
    font-weight: 700;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -6px 10px 2px rgba(44,46,62,0.036);
}

/* 탭 관련 */
.MSRI2-wrapper .tab-section-menu {display:flex; align-items: flex-start; border-bottom:2px solid #9b9ea3; margin-bottom:4px;}
.MSRI2-wrapper .tab-section-menu li a {
    display:block; border:1px solid #979797; color:#fff; font-size:14px; line-height:1; padding:8px 20px;
    background:linear-gradient( to bottom,#a3a3a3, #9b9ea3); border-radius: 2px 2px 0 0; margin-bottom:-2px;
}
.MSRI2-wrapper .tab-section-menu li + li {margin-left:3px;}
.MSRI2-wrapper .tab-section-menu li.on a {background:linear-gradient( to bottom,#33ccff, #0091d1); border-color:#19aee0;}
.MSRI2-wrapper .tab-section-menu li a.disabled {background:#c6c6c6; border-color:#c6c6c6;}

.normalTabBar {
	border-bottom:2px solid #9b9ea3;
	margin-bottom:4px;
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
}

.normalTabButton {
	display:block; border:1px solid #979797; color:#fff; font-size:14px; line-height:1; /* padding:8px 20px; */
    background:linear-gradient( to bottom,#a3a3a3, #9b9ea3); border-radius: 2px 2px 0 0; margin-bottom:-2px;
    
	cursor: pointer;
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
}

.normalTabButton-selected {
	display:block; border-color:#19aee0; color:#fff; font-size:14px; line-height:1; /* padding:8px 20px; */
    background:linear-gradient( to bottom,#33ccff, #0091d1); 
	
	cursor: pointer;
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
}

.normalTabButton-disabled {
	display:block; border-color:#c6c6c6; color:#fff; font-size:14px; line-height:1; /* padding:8px 20px; */
	background:#c6c6c6;
	cursor: default;
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
}

.normalTabButton-selected-disabled {
	display:block; border-color:#c6c6c6; color:#fff; font-size:14px; line-height:1; /* padding:8px 20px; */
	background:#c6c6c6;
	cursor: default;
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
}

.normalBottomTabBar {
/* 	border-top: 1px solid #1d6bbb; */
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
}

.normalBottomTabButton {
	background: #f5f5f5 ; /* Old browsers */
	background: -moz-linear-gradient(top, #acacac 0%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acacac), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #acacac 0%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #acacac 0%, #f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #acacac 0%, #f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #acacac 0%, #f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	
	cursor: pointer;
	border: 1px solid #acacac;
	
	box-sizing: border-box; /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box; /* For Firefox                          */
	-webkit-box-sizing: border-box;
	/* For Safari                           */
	
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.normalBottomTabButton-selected {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 50%, #f3f3f3 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ededed), color-stop(51%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 50%,#f3f3f3 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 50%,#f3f3f3 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 50%,#f3f3f3 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 50%,#f3f3f3 51%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	border-top: 1px solid #1d6bbb;
	border-left: 1px solid #1d6bbb;
	border-right: 1px solid #1d6bbb;
	border-bottom: hidden;
}

.normalBottomTabButton-disabled {
	background: #C5C5C5; 
	border: 1px solid #acacac;
	cursor: default;
}

.normalBottomTabButton-selected-disabled {
	background: #C5C5C5;
	border-top: 1px solid #1d6bbb;
	border-left: 1px solid #1d6bbb;
	border-right: 1px solid #1d6bbb;
	border-bottom: hidden;
	cursor: default;
}

.normalTabTitle {
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	
	padding-right: 15px;
	padding-left: 15px;
	
	position: absolute;
	top:50% !important;
	transform: translate(0%, -50%); /* (x, y)  => position */
	-ms-transform: translate(0%, -50%); /* IE 9 */
	-webkit-transform: translate(0%, -50%); /* Chrome, Safari, Opera */
}

.normalTabTitle-selected {
}

.normalTabTitle-selected-disabled {
	cursor: default;
}

.normalTabTitle-disabled {
	cursor: default;
}

/* 데이터그리드 스타일 */
.listGrid {
	border-top: hidden !important;
    border-bottom: hidden !important;
	border-left: hidden !important;
	border-right: hidden !important;
}

.treeGrid {
	border-top: 2px solid #94979c !important;
	border-bottom: 1px solid #ddd !important;
	border-left: 1px solid #ddd !important;
	border-right: 1px solid #ddd !important;
}

.lusAddCell,
.lusAddCellDark,
.lusAddCellOver,
.lusAddCellOverDark,
.lusAddCellSelected,
.lusAddCellSelectedDark,
.lusAddCellSelectedOver,
.lusAddCellSelectedOverDark,
.lusAddCellDisabled,
.lusAddCellDisabledDark {
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd; 
	color: 				#FFFFFF;
	font-weight: 		bold;
	background-color: 	#1ba0e1;
}

.lusModCell,
.lusModCellDark,
.lusModCellOver,
.lusModCellOverDark,
.lusModCellSelected,
.lusModCellSelectedDark,
.lusModCellSelectedOver,
.lusModCellSelectedOverDark,
.lusModCellDisabled,
.lusModCellDisabledDark {
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd; 
	color: 				#FFFFFF;
	font-weight: 		bold;
	background-color: 	#8cbf26;
}

.lusDelCell,
.lusDelCellDark,
.lusDelCellOver,
.lusDelCellOverDark,
.lusDelCellSelected,
.lusDelCellSelectedDark,
.lusDelCellSelectedOver,
.lusDelCellSelectedOverDark,
.lusDelCellDisabled,
.lusDelCellDisabledDark {
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd; 
	color: 				#FFFFFF;
	font-weight: 		bold;
	background-color: 	#fe0096;
}

.rowNumCol,
.rowNumColDark,
.rowNumColOver,
.rowNumColOverDark,
.rowNumColSelected,
.rowNumColSelectedDark,
.rowNumColSelectedOver,
.rowNumColSelectedOverDark,
.rowNumColDisabled,
.rowNumColDisabledDark {
	font-size: 13px;
	border-right: 1px solid #dddddd;
	border-bottom:1px solid #dddddd; 
    background-color:#f7f7f7;
	text-align: center;
}

.editGridColHeader {
	background-image: url('img/edit_gridheader_icon.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.groupNode {
	color: #202020;
	font-size: 13px;
	font-weight: bold !important;
	height: 34px;
	padding-right: 2px;
	background-color: #e9f7ef;
	border-bottom: 1px solid #cccccc !important;
	border-right:  1px solid #cccccc !important;
}

.uiListEmptyMessage {
	font-weight: bold;
	font-size: 13px;
	color: #888888;
}

.printHeader,
.gridHeaderBaseStyle,
.gridHeaderBaseStyleOver,
.gridHeaderBaseStyleFocused,
.gridHeaderBaseStyleFocusedOver,
.gridHeaderBaseStyleDown,
.gridHeaderBaseStyleFocusedDown,
.gridHeaderBaseStyleSelected,
.gridHeaderBaseStyleSelectedFocused,
.gridHeaderBaseStyleSelectedDown,
.gridHeaderBaseStyleSelectedFocusedDown,
.gridHeaderBaseStyleSelectedOver,
.gridHeaderBaseStyleSelectedFocusedOver,
.gridHeaderBaseStyleDisabled,
.gridHeaderBaseStyleSelectedDisabled {
	box-shadow: none;
    background: linear-gradient( to bottom,#f0f0f0, #ececec);
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221);
    border-style: solid none none solid;
    border-width: 1px 0px 0px 1px;
    font-size: 13px;
    font-weight: bold;
    color: #202020;
    padding: 5px;
}

.gridHeaderBarStyle {
    box-shadow: none !important;
    background: linear-gradient( to bottom,#f0f0f0, #ececec);
    top: -1px !important;
}

.listGridExcelButtonHolder {
	box-shadow: none !important;
	background-color: #f0f0f0;
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221);
    border-style: none none none solid;
    border-width: 0px 0px 0px 1px;
    padding: 5px;
}

.listGridExcelButton {
	background-image: url("img/icon_excel.png");
	background-position: center center;
	background-size: 14px 13px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.uiListCell {
	font-size: 13px;
	border-right: 1px solid #dddddd;
	border-bottom:1px solid #dddddd; 
    background-color: #f7f7f7;
}

.uiListCellInactivity,
.uiListCellDisabled {
	font-size: 13px;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd; 
  	background-color:#f4f4ec;
	color: 	#4c4c4c;
}

.uiListCellDark {
	font-size: 13px;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd; 
    background-color:#ffffff;
}

.uiListCellSelected,
.uiListCellSelectedDark {
	font-size: 13px;
	background: #87CEFA;
	border-right:1px dotted #dddddd;
	border-bottom:1px dotted #dddddd;
}

.uiListCellOver,
.uiListCellOverDark {
	font-size: 13px;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd; 
	background: #fff7e1;
}

.uiListCellSelectedOver,
.uiListCellSelectedOverDark {
	font-size: 13px;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd; 
	background: #87CEFA;
}

.htmlFieldReadOnly {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-width: 20px;
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
	
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
}

/* 첨부파일 리스트 */
.filePreviewListPart {
	background-image: url("icons/search_normal2.png");
	background-position: center center;
	background-size: 16px;
	background-repeat: no-repeat;
	background-color: #faffb5;
}

.filePreviewCell,
.filePreviewCellDark,
.filePreviewCellOver,
.filePreviewCellOverDark,
.filePreviewCellSelected,
.filePreviewCellSelectedDark,
.filePreviewCellSelectedOver,
.filePreviewCellSelectedOverDark,
.filePreviewCellDisabled,
.filePreviewCellDisabledDark {
	border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;
	background-image: url("icons/search_normal2.png");
	background-position: center center;
	background-size: 16px;
	background-repeat: no-repeat;
	background-color: #faffb5;
}

.fileListItem {
	text-align: left;
	background-color: #ffffff;
	color: #202020;
	font-weight: normal;
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
	border-bottom: 1px solid #EEEEEE;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.fileListItem-selected {
	text-align: left;
	background-color: #a8c6ee;
	color: #202020;
	font-weight: normal;
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
	border-bottom: 1px solid #EEEEEE;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.fileListItem:hover {
	text-align: left;
	background-color: #cedbef;
	color: #202020;
	font-weight: normal;
	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
	border-bottom: 1px solid #EEEEEE;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.filelist-empty-txt {position:absolute; top:50%; left:50%; font-size:13px; line-height:18px; color:#a0a0a0; transform:translate(-50%, -50%);  }
.filelist-drag-guide-txt {position:absolute; top:50%; left:50%; font-size:13px; line-height:18px; color:#a0a0a0; transform:translate(-50%, -50%);  }
.filelist-drag-guide-txt::before {
    content:''; display:inline-block; vertical-align: top; margin-right:6px;  
    width:14px; height:18px; background:url('img/icon_drga_file.png') no-repeat; 
}

/* 그리드 합계행 스타일 */
.subSummaryRowDisabled {
	font-size: 13px;
	background-color: #80A0D3;
	color: #FFFFFF;
	
	border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;
/* 	padding-left: 5px; */
/*     padding-right: 5px; */
}

.summaryRowDisabled {
	font-size: 13px;
	background-color: #4F81BD;
	color: #FFFFFF;
	
	border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;
/* 	padding-left: 5px; */
/*     padding-right: 5px; */
}

.totalSummaryRowDisabled {
	font-size: 13px;
	background-color: #ecf7ff;
	color: #FFFFFF;
	
	border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;
/* 	padding-left: 5px; */
/*     padding-right: 5px; */
}

.gridSummaryCell,
.gridSummaryCellDisabled {
	font-size: 13px;
  	background-color: #ecf7ff;
  	border-top:1px solid #d2d2d2;
  	border-bottom: hidden;
  	border-right: 1px solid #dddddd;
  	font-weight: bold !important;
/*   	padding-left: 5px; */
/*     padding-right: 5px; */
}

.uiListLayout {
	border-top: 2px solid #94979c !important;
	border-right: 1px solid #ddd !important;
	border-left: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
}

.divMiddle {
	position: absolute;
	top:50% !important;
	transform: translate(0%, -50%); /* (x, y)  => position */
	-ms-transform: translate(0%, -50%); /* IE 9 */
	-webkit-transform: translate(0%, -50%); /* Chrome, Safari, Opera */
}

.cursorGlassPopupPanel {
	cursor: wait;
	z-index: 2147483647;
	width: 100%;
	height: 100%;
}

/* 팝업 스타일 */
.windowBackground {
    background: #0091d1 !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.windowBody {
	background-color: #ffffff !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0px 0px 0px 0px !important;
	overflow: auto !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.windowBody::-webkit-scrollbar {
	display: none;
}

.windowHeader {
/* 	padding-right: 10px !important; */
}

.windowHeaderText {
	font-size: 14px !important;
    line-height: 1;
    color: #fff !important;
    padding: 16px 9px 17px !important;
}

/* 다이얼로그 스타일 */
.dialogWindowBackground {
    background: #aab1bc !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding-right: 10px !important;
    padding: 0px 0px 0px 0px !important;
}

.dialogWindowBody {
	background-color: #ffffff !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0px 0px 0px 0px !important;
}

.dialogWindowHeader {
	background-color: #ffffff !important;
	font-size: 15px !important;
    line-height: 1;
    color: #4d4d4d !important;
    top: 4px !important;
    height: 44px !important;
}

.alertWindowBody {
	background-color: #ffffff !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0px 0px 0px 0px !important;
}

.dialogWindowHeader .windowHeaderText {
	font-size: 15px !important;
    line-height: 1;
    color: #4d4d4d !important;
    padding: 16px 9px 17px !important;
}

/* 접기 버튼 */
.rtlHorExpandButton {
	transform: rotate(90deg);
	display: inline-block;
    vertical-align: top;
    font-size: 0;
    border: none;
    background: url(img/btn_s_closed.png) no-repeat;
    width: 61px;
    height: 13px;
	
	cursor: pointer;
}

.rtlHorExpandButton-down {
	transform: rotate(90deg);
	display: inline-block;
    vertical-align: top;
    font-size: 0;
    border: none;
    background: url(img/btn_s_closed.png) no-repeat;
    width: 61px;
    height: 13px;
	
	cursor: pointer;
}

.ltrHorExpandButton {
	transform: rotate(90deg);
	display: inline-block;
    vertical-align: top;
    font-size: 0;
    border: none;
    background: url(img/btn_s_open.png) no-repeat;
    width: 61px;
    height: 13px;
	
	cursor: pointer;
}

.ltrHorExpandButton-down {
	transform: rotate(90deg);
	display: inline-block;
    vertical-align: top;
    font-size: 0;
    border: none;
    background: url(img/btn_s_open.png) no-repeat;
    width: 61px;
    height: 13px;
	
	cursor: pointer;
}

.ttbVerExpandButton {
	transform: rotate(-180deg);
	display: inline-block;
    vertical-align: top;
    font-size: 0;
    border: none;
    background: url(img/btn_s_closed.png) no-repeat;
    width: 61px;
    height: 13px;
	
	cursor: pointer;
}

.ttbVerExpandButton-down {
	transform: rotate(-180deg);
	display: inline-block;
    vertical-align: top;
    font-size: 0;
    border: none;
    background: url(img/btn_s_open.png) no-repeat;
    width: 61px;
    height: 13px;
	
	cursor: pointer;
}

.bttVerExpandButton {
	display: inline-block;
    vertical-align: top;
    font-size: 0;
    border: none;
    background: url(img/btn_s_closed.png) no-repeat;
    width: 61px;
    height: 13px;
	
	cursor: pointer;
}

.bttVerExpandButton-down {
	display: inline-block;
    vertical-align: top;
    font-size: 0;
    border: none;
    background: url(img/btn_s_open.png) no-repeat;
    width: 61px;
    height: 13px;
	
	cursor: pointer;
}

.anchor {
	font-weight: bold;
   	color: #067ce8;
   	text-decoration: underline;
   	overflow:hidden;
	text-overflow: ellipsis;
	/** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
	-o-text-overflow: ellipsis; /** Opera 9 & 10 **/
	white-space: nowrap;
	
   	position: absolute;
	top:50% !important;
	transform: translate(0%, -50%); /* (x, y)  => position */
	-ms-transform: translate(0%, -50%); /* IE 9 */
	-webkit-transform: translate(0%, -50%); /* Chrome, Safari, Opera */
	
	cursor: pointer;
}

/*------ calendar style ------*/
.CalendarWidget {
	border: 1px solid #d7dbde;
}

.CalendarWidget .navbar {
	width: 100%;
	background-color: #C3D9FF;
	vertical-align: middle;
	border-bottom: 1px solid #ACA899;
}

.CalendarWidget .navbar .gwt-Button {
	padding-left: 5px;
	padding-right: 5px;
}

.CalendarWidget .weekheader {
	font-size: 10pt;
	text-align: center;
	color: #999999;
	background-color: #FFFFFF;
}

.days {
	border-bottom: 1px solid #d7dbde !important;
	background-color: #f2ecdd;
}

.sunday {
	color: #ff0000;
	border-bottom: 1px solid #d7dbde !important;
	background-color: #f2ecdd;
}

.saturday {
	color: #0000ff;
	border-bottom: 1px solid #d7dbde !important;
	background-color: #f2ecdd;
}

.CalendarWidget .cellTd {
	cursor: pointer;
}

.CalendarWidget .cellTd .dayCell {
	background-color: #FFFFFF;
}

.CalendarWidget .today .dayCell {
	background-color: #C3D9FF;
}

.CalendarWidget .day .dayCell {
/* 	border: 1px solid #C3D9FF; */
}

.CalendarWidget_table {
	margin: 0px;
	padding: 0px;
	border-collapse: inherit;
	table-layout: auto;
	min-height: 20px;
}

.CalendarWidget_table td {
	padding: 0px;
	margin: 0px;
	vertical-align: middle !important;
}

.CalendarWidget_table tr {
	padding: 0px;
	margin: 0px;
}

.TimeCalendarWidget_table {
	margin: 0px;
	padding: 0px;
	border-collapse: inherit;
	table-layout: auto;
	min-height: 20px;
}

.TimeCalendarWidget_table tr {
	padding: 0px;
	margin: 0px;
	display: flex;
}

.calendarFirstLine {
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 1px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 1px;
	-webkit-border-bottom-right-radius: 0px;
	border-top-left-radius: 1px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 0px;
}

.calendarLastLine {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 1px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 1px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 1px;
}

.calendarSingleLine {
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomleft: 1px;
	-moz-border-radius-bottomright: 1px;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-left-radius: 1px;
	-webkit-border-bottom-right-radius: 1px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
}

.timeFirstLine {
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.timeLastLine {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 1px;
	-moz-border-radius-bottomright: 1px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 1px;
	-webkit-border-bottom-right-radius: 1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
}

.timeSingleLine {
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomleft: 1px;
	-moz-border-radius-bottomright: 1px;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-left-radius: 1px;
	-webkit-border-bottom-right-radius: 1px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
}

.calendarLineLabel {
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	text-indent: 5px;
	font-weight: bold;
}

.timeLineLabel {
	font-size: 9px;
	overflow: auto;
	text-align: left;
}

.timeCell {
	background-color: #FFFFFF;
}

.dayCellDisabled {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKklEQVQIW2P8////fwYoOHv2LAMjTADEMTY2hgjAOCCFjGfOnPkPkoEBAMgpGFzrbz2mAAAAAElFTkSuQmCC) repeat;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.pastDayCellDisabled {
	background-color: #f2efef;
}

.timeCellDisabled {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKklEQVQIW2P8////fwYoOHv2LAMjTADEMTY2hgjAOCCFjGfOnPkPkoEBAMgpGFzrbz2mAAAAAElFTkSuQmCC) repeat;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.timeWeekHeader {
	font-size: 10pt;
	text-align: center;
	color: #999999;
	background-color: #FFFFFF;
	height: 16px;
}

.timeWeekDay {
	border-right: 1px solid #d7dbde;
	border-bottom: 1px solid #d7dbde !important;
	background-color: #f2ecdd;
}

.monthPrevButton {
	background-image: url("icons/b_arrow_left.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	
	width: 20px;
	height: 20px; 
	
	cursor: pointer;
}

.monthNextButton {
	background-image: url("icons/b_arrow_right.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	
	width: 20px;
	height: 20px; 
	
	cursor: pointer;
}

.monthLabel {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.monthViewerLabel {
	font-size: 16px;
	font-weight: bold;
	color: #ff8808;
	cursor: pointer;
	cursor: hand;
}

.weekViewerLabel {
	font-size: 16px;
	font-weight: bold;
	color: #ff8808;
	cursor: pointer;
	cursor: hand;
}

.calendarAddLabel {
	font-size: 10px;
}

.calendarMoreLabel {
	font-size: 8px;
	font-weight: bold;
	text-align: right;
	line-height: 8px;
	color: #00f;
}

.calendarDayLabel {
	font-size: 9px;
	text-align: right;
}

/* 컨트롤바 */
.controlbar {
	border: 1px solid #d2d2d2;
	background-color: #e7f1f9 !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.controlbar .formHeader {
	font-size: inherit;
	border-top: hidden;
	border-right: hidden;
	border-bottom: hidden;
	border-left: hidden;
	
	background-color: #e7f1f9;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.controlbar .formHeaderLabel {
	font-size: 15px;
}

/* 화면별 기타 스타일 */
.payReqDetailTitle {
	color: #202020;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #d9d4c6;
	border-right: 1px solid #d9d4c6;
	border-left: 1px solid #d9d4c6;
	border-bottom: 1px solid #C7BB9B;
	
	background-color: #E2D2D2;
}

.cover {
	position: absolute;
	border: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.cke_bottom {
    padding: 3px 8px 0px !important;
}

/*- 포털페이지 스타일 -*/
.portalPage {
	background-color: #e8edf0;
	padding: 20px;
}

.portletBody {
	top: 0px !important;
	background-color: #e8edf0 !important;
}

.portletHeader {
	margin-right: 35px;
}

.portalCalendarDays {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
}

.portalCalendarSunday {
	display: inline-block;
	color: #ca4733;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
}

.portalCalendarSaturday {
	display: inline-block;
	color: #4bdbff;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
}

.portalCalendarDayCell {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	
	vertical-align: top;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    line-height: 22px;
    
	cursor: pointer;
}

.portalCalendarDayCell-selected {
	display: inline-block;
	background: #315cad;
    color: #fff !important;
	vertical-align: top;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    line-height: 22px;
    
    cursor: pointer;
}

.portalCalendarDayCell-disabled {
	display: inline-block;
	color: #c7c7c7;
}

/* .stretchyTextArea {
	display: block;
	overflow: hidden;
	resize: vertical;
	min-height: 20px;
	position: absolute;
	top: -2000px;
  
  	font-family: "Nanum Gothic";
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 7px;
    font-size: 13px;
    line-height: 1.18;
} */

.mapDrawItemContainer {
	border: 2px solid #dddddd;
	overflow: auto;
	background-repeat: no-repeat !important;
	background-size: contain;
}

.spinnerPanel {
	position: absolute;
}

.basicLayoutStyle {
	
}

/* 첨부파일 리스트에서 파일 아이콘 */
.datFileIcon {width: 18px; background-image: url("icons/file/dat-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.emlFileIcon {width: 18px; background-image: url("icons/file/eml-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.hwpFileIcon {width: 17px; background-image: url("icons/file/hwp-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.pdfFileIcon {width: 18px; background-image: url("icons/file/pdf-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.pngFileIcon {width: 18px; background-image: url("icons/file/png-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.pptFileIcon {width: 18px; background-image: url("icons/file/ppt-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.psdFileIcon {width: 18px; background-image: url("icons/file/psd-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.rssFileIcon {width: 14px; background-image: url("icons/file/RSS-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.txtFileIcon {width: 18px; background-image: url("icons/file/txt-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.urlFileIcon {width: 17px; background-image: url("icons/file/url-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.zipFileIcon {width: 17px; background-image: url("icons/file/zip-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.docFileIcon {width: 18px; background-image: url("icons/file/doc-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}
.xlsFileIcon {width: 19px; background-image: url("icons/file/xls-icon.png");background-position: center center;background-size: 18px 18px;background-repeat: no-repeat;display:inline-block;}

/* 카운트 표시 스타일(S) */
.fomDocViewer {
    padding: 0;
    border: 1px solid #c2c2c2;
    font-size: 0 !important;
    line-height: 30px;
    color: inherit;
    box-sizing: border-box;
    cursor:pointer;
}

.fomDocViewer:hover {
      /*background-color: #f2dfdf;*/
      background-color: #ffffff;
}

.fomDocViewer .txt_state {
      font-size: 14px;
      font-weight: bold;
      line-height: 30px;
      color: #7e7e7e;
}

.fomDocViewer .viewerCount {
      font-size: 13px;
      font-weight: bold;
      color: #ff6600;
      cursor: pointer;
      padding-left:5px;
}

.fomDocViewer:active {
	color:#ffffff;
    background-color:#143f90;
}

.fomDocViewer .txt_state:visited {
	background-color:#143f90;	
}

/* 카운트 표시 스타일(E) */

/* FomDocDownload */
.gaia_rnd_tab {
    display: inline-block; box-sizing: border-box; vertical-align: bottom;
    cursor: pointer;
    padding: 5px 5px; border: 1px solid #e1e1e1;
    font-size: 16px; line-height: 22px;
    background-color: #f2f2f2;
    color: #636363;
    -webkit-transition: all 0.3s; transition: all 0.3s;
}

.gaia_rnd_tab:hover {
    background-color: #ddd;
}

.gaia_rnd_tab-selected,
.gaia_rnd_tab-selected:hover {
    border: 1px solid #003964;
    background-color: #003964;
    color: #fff;
}

.rules_title {
    font-size: 23px;
    font-weight: bolder;
    line-height: 22px;
    background-color: #d5e7ef;
    color: #003964;
}

.rules_box {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	background-color: #f9f9f9;
	box-sizing: border-box;
/* 	margin-right: 10px; */
/* 	margin-bottom: 10px; */
}

.rules_box dt {
	padding: 10px 10px;
	font-size: 16px; 
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	background-color: #475577;
	color: #fff;
}
.rules_box dd {
    padding: 15px;
    font-size: 14px; line-height: 24px;
    margin-inline-start: 0px;
    height: calc(100% - 70px);
    overflow: auto;
}
.rules_box dd a {
    position: relative;
    display: block;
    margin-bottom: 10px; padding: 0 0 0 12px;
    font-size: 14px; line-height: 16px;
    color: #3e3e3e;
}
.rules_box dd a:last-child {
    margin-bottom: 0;
}
.rules_box dd a.rules_commons {
    color: #2969b0;
}
.rules_box dd a::before {
    content: '';
    position: absolute; top: 10px; left: 0px;
    display: block;
    width: 4px; height: 4px;
    background-color: #475577;
}
.rules_box dd a:hover {
    color: #00948a;
}
.rules_box dd a .url {
    margin-left: 10px;
    padding: 0px 10px; border-radius: 15px;
    font-size: 14px; line-height: 24px;
    background-color: #2969b0;
    color: #fff;
    -webkit-transition: all 0.2s; transition: all 0.2s;
}
.rules_box dd a:hover .url {
    background-color: #00948a;
}
.rules_box dd a p {
    font-size: 14px; line-height: 24px;
}

.datagrid-repl-box {
    display:flex; align-items: center; justify-content: center; flex-wrap: wrap; line-height:1; text-align:center;
    background:#e7f1f9; border:1px solid #0091d1; min-height:90px; /* padding:20px 0; */
}

.requiredTriangleHolder {
    float: right;
}

.triangle {
	width: 0;
    height: 0;
    border-top: 6px solid #ff0000;
    border-left: 6px solid transparent;
}

.tabRequired {
	width: 0;
    height: 0;
    border-top: 8px solid #ff0000;
    border-left: 8px solid transparent;
	position: absolute;
	right: 3px;
	top: 3px;
}

.historyBarBtn {
	background: #fff08a; 
	border: 1px solid #b7c0df; 
	border-radius: 3px; 
	padding:0 2px;
	line-height:20px; 
	font-size:12px; 
	color:#1b5da1;
	margin-right: 5px;
}

.historyBarBtn::before {content:''; display:inline-block; vertical-align:top; font-size:0; margin-right:5px;}
.historyBarBtn.helpBtn::before {
	background:url('img/icon_help_s.png') no-repeat; 
	background-position: center center;
	background-size: 16px 15px;
	width:16px; 
	height:15px;
	margin-top: 3px;
}

.historyBarBtn::before {content:''; display:inline-block; vertical-align:top; font-size:0; margin-right:5px;}
.historyBarBtn.memoBtn::before {
	background:url('img/edit_gridheader_icon.png') no-repeat; 
	background-position: center center;
	background-size: 16px 15px;
	width:16px; 
	height:15px;
	margin-top: 3px;
}

.fileListRowNumCol {
	font-size: 13px;
	border-right: 1px solid #dddddd;
    background-color:#f7f7f7;
	text-align: center;
}

.mainLayout {
	overflow-x: hidden !important;
}

.menuMain,
.menuFill {
  	background: #ffffff;
}
    
.hyperLinkStyle {
	font-weight:bold;
	color:#067ce8;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}

/*--- 리액트 컴포넌트 연동 START ---*/
.InovuaReactDataGrid--theme-default-light .InovuaReactDataGrid__cell:not(.InovuaReactDataGrid__cell--no-padding), .InovuaReactDataGrid--theme-default-light .InovuaReactDataGrid__column-header__content, .InovuaReactDataGrid--theme-default-light .InovuaReactDataGrid--theme-default-light .InovuaReactDataGrid__header-group__title, .InovuaReactDataGrid--theme-default-light .InovuaReactDataGrid__locked-row-cell, .InovuaReactDataGrid--theme-default-light .InovuaReactDataGrid__nested-cell, .InovuaReactDataGrid--theme-default-light .InovuaReactDataGrid__nested-group-cell {
    padding: 0px !important;
}
.InovuaReactDataGrid__footer-row-cell {
	paddingLeft: 10 !important;
	paddingRight: 10 !important;
}

.InovuaReactDataGrid__column-header__content {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex: initial !important;
}

.MuiTooltip-popper {
	z-Index: 2147483646 !important;
}

.MuiSpeedDialIcon-root {
/* 	height: 18px !important; */
}

.MuiToggleButtonGroup-root .MuiTypography-root {
	line-height: 1 !important;
}

.MuiToggleButtonGroup-root .MuiSvgIcon-root {
	width: 20px !important;
	height: 20px !important;
}

.stepTooltip {
	background-color: #f5f5f900 !important;
	max-width: 1200px !important;
	border-radius: 0 !important;
	border: hidden !important;
}

.MuiToggleButtonGroup-root {
	padding: 6px 10px !important;
}

.MuiToggleButton-root {
	background-color: #e3f3ff !important;
	border: 1px solid #b7c0df !important;
	padding: 4px !important;
}

.MuiButtonBase-root {
	height: 36px;
}

.MuiToggleButtonGroup-root .MuiTypography-root {
	font-size: 13px;
}

.Mui-selected {
	background-color: #143f90 !important;
	color: #e2e8ff !important;
}

.Mui-selected > .MuiIconButton-root {
	color: #e2e8ff !important;
}

.MuiSnackbar-root {
	bottom: 36px !important;
}
/*--- 리액트 컴포넌트 연동 END ---*/

    
@media print {
	@page {
		size: A3;
	}
	* { -webkit-print-color-adjust: exact !important; color-adjust: exact !important; }
	
	html, body { height: auto; }
	
	div {
		line-height: 1.1;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	span {
		font-size: 13px;
	}
	
	input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
	input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
	
	textarea,
	.cke_div {
	    overflow: visible; page-break-inside: avoid;
	}
	
	.MSRI2-wrapper {
		display:flex; 
		align-items: stretch; 
		overflow: hidden !important; 
		min-width: 1000px !important; 
		max-width: 100vw !important;
	}
	
	.printTextBox {
		background-color: #ffffff;
		display: flex;
		align-items: center;
		word-break: break-all;
		min-width: 20px;
		
		border-top: 1px solid #e6f3ff !important;
		border-right: 2px solid #e6f3ff !important;
		border-bottom: 1px solid #e6f3ff !important;
		border-left: 1px solid #e6f3ff !important;
	}
	
	.printTextBox label {
		padding-left: 3px;
		padding-right: 3px;
	}
	
	.printDateBox {
		background-color: #ffffff;
		display: flex;
		align-items: center;
		word-break: break-all;
		min-width: 20px;
		border-top: 1px solid #e6f3ff !important;
		border-right: 2px solid #e6f3ff !important;
		border-bottom: 1px solid #e6f3ff !important;
		border-left: 1px solid #e6f3ff !important;
	}
	
	.printDateBox label {
		margin: auto;
	}
	
	.gwt-TextArea,
	.dynFormTextArea {
		border-style: solid !important;
		border-color: #e6f3ff !important;
		border: 2px 1px 2px 1px;
		background-color: #ffffff;
		box-sizing: border-box;
		
		resize: none;
		
		padding: 7px;
		line-height: 1.95 !important;
		overflow-y: auto;
		-ms-overflow-style: auto;
		page-break-inside: avoid;
	}
	
	.gwt-TextArea[disabled],
	.dynFormTextArea[disabled] {
	    background-color: #ffffff;
	}
	
	.comboBoxInput {
	    border-style: solid !important;
		border-color: #e6f3ff !important;
		border: 2px 1px 2px 1px;
		background-color: #ffffff;
		padding-left: 7px;
		padding-right: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
   		white-space: nowrap;
	}
	
	.comboBoxInput[disabled] {
	    background-color: #ffffff;
	}
	
	.cke_chrome {
		display: block;
		border: 1px solid #e6f3ff !important;
		padding: 10px !important;
		width: 100% !important;
		background-color: #ffffff !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		line-height: 2 !important;
	}
	
	.cke_div {
		line-height: 2 !important;
	}
	
	.listGridTitleBar {
		color: #202020;
		font-weight: bold;
		
		border: 1px hidden #ffffff !important;
		
		background-color: #e6f3ff;
		background-clip: content-box;
		
		padding-left: 1px !important;
		padding-top: 1px !important;
		padding-right: 2px !important;
		padding-bottom: 2px !important;
	}
	
	.formHeader-showLeftBorder {
		border: none !important;
	}
	
	.formHeader {
		background-color: #e6f3ff;
		background-clip: content-box;
		
		border: 1px hidden #ffffff !important;
		
		padding-left: 1px !important;
		padding-top: 1px !important;
		padding-right: 2px !important;
		padding-bottom: 2px !important;
	}
	
	.borderBox, .borderBox-showLeftBorder, .unitHoldPanel {
	    border: 1px hidden #ffffff !important;
		background-color: #f2f9ff;
	    background-clip: content-box;
	    
	    padding-left: 1px !important;
		padding-top: 1px !important;
		padding-right: 0px !important;
		padding-bottom: 0px !important;
	}
	
	.formItemInputUnitHolder,
	.unitHoldPanel-disabled {
	    position: relative;
	    width: 100%;
	    height: 100%;
	    border: 1px hidden !important;
		background-color: #f2f9ff;
	    background-clip: content-box;
	    
		padding-left: 1px !important;
		padding-top: 1px !important;
		padding-right: 0px !important;
		padding-bottom: 0px !important;
	}
	
/* 	.gwt-RadioButton input[type="radio"]:disabled + label { */
/* 		opacity: 1; */
/* 		cursor: default; */
/* 		font-size: 13px; */
/* 		font-weight: normal; */
/* 	} */
	
	/* .checkbox-normal,
	.checkbox-normal-disabled {
		background-image: url('img/icon_checkbox.png');
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
	}
	
	.checkbox-selected,
	.checkbox-selected-disabled {
		background-image: url('img/icon_checkbox_selected.png');
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
	}
	
	.checkbox-selected-disabled {
		background-image: url('img/icon_checkbox_selected_disabled.png');
		background-repeat: no-repeat;
		background-position: center center;
		cursor: default;
	} */
	
	.listTable {
		border: 1px solid #ffffff;
	}
	
	.listTable tr {
		page-break-inside: avoid;
	}
	
	.listTable td {
	    display: table-cell;
	    vertical-align: inherit;
	}
	
	.listTable table {
		display: table;
		border-collapse: collapse;
		text-indent: initial;
		border-spacing: 0px;
	}
	
	.uiListCell,
	.uiListCellDark,
	.uiListCellSelected,
	.uiListCellSelectedDark,
	.uiListCellOver,
	.uiListCellOverDark,
	.uiListCellSelectedOver,
	.uiListCellSelectedOverDark {
/* 	    font-size: 13px; */
	    border: 2px solid #ffffff !important;
	    background-color: #f2f9ff;
	}
	
	.uiListCellInactivity,
	.uiListCellDisabled {
/* 		font-size: 13px; */
	    border: 2px solid #ffffff !important;
		background-color: #f2f9ff;
	}
	
	.rowNumCol, .rowNumColDark, 
	.rowNumColOver, .rowNumColOverDark, 
	.rowNumColSelected, .rowNumColSelectedDark, 
	.rowNumColSelectedOver, .rowNumColSelectedOverDark, 
	.rowNumColDisabled, .rowNumColDisabledDark {
/* 	    font-size: 13px; */
	   	border: 2px solid #ffffff !important;
	    background-color: #f7f7f7;
	}
	
	.gridSummaryCell,
	.gridSummaryCellDisabled {
		font-size: 13px;
	  	background-color: #ecf7ff;
	  	border: 2px solid #ffffff !important;
	}
	
	.printHeader,
	.gridHeaderBaseStyle,
	.gridHeaderBaseStyleOver,
	.gridHeaderBaseStyleFocused,
	.gridHeaderBaseStyleFocusedOver,
	.gridHeaderBaseStyleDown,
	.gridHeaderBaseStyleFocusedDown,
	.gridHeaderBaseStyleSelected,
	.gridHeaderBaseStyleSelectedFocused,
	.gridHeaderBaseStyleSelectedDown,
	.gridHeaderBaseStyleSelectedFocusedDown,
	.gridHeaderBaseStyleSelectedOver,
	.gridHeaderBaseStyleSelectedFocusedOver,
	.gridHeaderBaseStyleDisabled,
	.gridHeaderBaseStyleSelectedDisabled {
		box-shadow: none;
	    background: linear-gradient( to bottom,#f0f0f0, #ececec);
	    border-color: #ffffff;
	    border-style: solid;
	    border-width: 2px;
	    font-size: 13px;
	    font-weight: bold;
	    color: #202020;
	    padding: 5px;
	}
	
	.gridHeaderBarStyle {
	    box-shadow: none !important;
	    background: #ffffff;
	    top: -1px !important;
	}
	
	.spinnerPanel {
		display: none;
	}
	
	.uiListLayout {
		border: 1px solid #ffffff !important;
		border-left: 1px solid #ffffff !important;
		border-right: 2px solid #ffffff !important;
		page-break-inside: avoid;
	}
	
	.page-title-div {
		page-break-after: avoid;
	}
	
	.basicLayoutStyle {
		page-break-inside: avoid;
	}


	
}