/* Busan Bank  **************************************************/





/* 2020-11-15 : 서체추가  **************************************************/
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(font/NanumSquareL.eot);
 src: url(font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(font/NanumSquareL.woff) format('woff'),
      url(font/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(font/NanumSquareR.eot);
 src: url(font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(font/NanumSquareR.woff) format('woff'),
      url(font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(font/NanumSquareB.eot);
 src: url(font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(font/NanumSquareB.woff) format('woff'),
      url(font/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(font/NanumSquareEB.eot);
 src: url(font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(font/NanumSquareEB.woff) format('woff'),
      url(font/NanumSquareEB.ttf) format('truetype');
}
/* 2020-11-15 : 서체추가  **************************************************/





/* 2019-11-05 */
section.header-main h1.enco_h1_logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 144px;
    height: 104px;
    z-index: 2;
    background: #00338D;
}
section.header-main h1.enco_h1_logo02 {
    position: absolute;
    left: 0;
    top: 0;
    width: 144px;
    height: 104px;
    z-index: 2;
    background: #00338D;
}
section.header-main h1.enco_h1_logo03 {
    position: absolute;
    left: 0;
    top: 0;
    width: 144px;
    height: 150px;
    z-index: 2;
    background: #00338D;
}












/* 20201017 : modify */
section.header-main h1.enco_logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 144px;
    height: 105px;
    z-index: 2;
    background: #0067ac;
}

/* 2020-11-15 : modify */
.header-main .enco_logo .gnb_logo {
    display: block;
    width: 100%;
    height: 30px;
    color: #fff;
/*     font-family: "NanumSquare" !important; */
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    /* padding-left: 17px; */
/*     padding: 0.15em 0px 0px 2.7em; */
    padding: 0.15em 0px 0px 1.2em;
/*     background-image: url('../images/img_leftci.png'); */
    background-position: 10px 0;
    background-size: 33px 26px;
    background-repeat: no-repeat;
}
/* 2020-11-15 : modify */

section.header-main h1.toss_logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 144px;
    height: 80px;
    z-index: 2;
    background: #163E81;
}
section.header-main h1.toss_logo a {
    display: block;
    width: 144px;
    height: 30px;
    font-size: 0;
    margin-top: 30px;
    background: url('../images/img_toss_logo.png') center 0 no-repeat;
}

section.header-main h1.enco_h1_logo a {
    display: block;
    width: 144px;
    height: 64px;
    font-size: 0;
    margin-top: 20px;
    background: url('../images/img_enco_h1_logo.png') center 0 no-repeat;
}

section.header-main h1.enco_h1_logo02 a {
    display: block;
    width: 144px;
    height: 64px;
    font-size: 0;
    margin-top: 20px;
    background: url('../images/img_enco_h1_logo02.png') center 0 no-repeat;
}
section.header-main h1.enco_h1_logo03 a {
    display: block;
    width: 144px;
    height: 87px;
    font-size: 0;
    margin-top: 20px;
    background: url('../images/img_enco_h1_logo03.png') center 0 no-repeat;
}

section.header-main h1.enco_h1_logo a {
    display: block;
    width: 144px;
    height: 64px;
    font-size: 0;
    margin-top: 20px;
    background: url('../images/img_enco_h1_logo.png') center 0 no-repeat;
}

section.header-main .search-area {
  position: absolute;
  left: 0;
  top: 50px;
  width: 140px;
  height: 25px;
  padding: 0 10px;
  z-index: 2;
/*  background: #00338D;*/
  background: unset;
  left: 2px;
/*  border-radius: 1em;*/
}
section.header-main .search-area .search_input {
  width: 100%;
/*  border: 0px solid #e5e6ed;*/
  border-bottom: 2px solid rgba(255, 255, 255, .1);
  line-height: 26px;
  height: 26px;
  font-size: 0.9em;
  color: #fff;
  vertical-align: middle;
  text-indent: 0 !important;
  padding: 0 28px 0 0;
/*  background: #00338D;*/
}

nav.header-nav {
  position: absolute;
  top: 105px;
  right: auto;
  bottom: 0px;
  left: 0;
  width: 144px;
  background: #0067ac;
  overflow: auto;
  padding-top: 0;
  z-index: 1;
}
nav.header-nav li .uw-btn-icon span {
/*    color: #b3d0e9;*/
    color: #fff;
    font-size: 12px;
}
nav.header-nav li.logout-st:before {
  content: "";
  display: block;
  width: 134px;
  height: 1px;
  background: rgba(255, 255, 255, .1);
}

nav.header-nav .primary-menu-item.is-selected a,
nav.header-nav .primary-menu-item a:hover {
  color: #fff;
  background: #2482C5;
}

nav.side-nav {
    background: #FAFAFA;
    padding: 0 !important;
}
nav.side-nav .main-menu .-enco-ui-accordion .ux-accordion-wrap .ux-accordion .has-children a { padding: 12px 20px 12px 19px !important; }
nav.side-nav .main-menu .-enco-ui-accordion .ux-accordion-wrap .ux-accordion .has-children a:before { right: 19px !important; }
nav.side-nav .main-menu .-enco-ui-accordion .ux-accordion-wrap .ux-accordion .has-children ul li a { padding: 10px 19px !important; }
nav.side-nav .main-menu .-enco-ui-accordion .ux-accordion-wrap .ux-accordion .has-children a:hover {
    color: #666;
    background: #F2F2F2;
}
nav.side-nav .main-menu .-enco-ui-accordion .ux-accordion-wrap .ux-accordion .has-children ul li:last-child a:after {
    width: 100%;
    left: 0;
}
section .main-contents h2.uw-tt {
    color: #0067ac;
    line-height: 2.143em;
    background: #fff;
    margin-bottom: 0 !important;
    padding: 0 5px;
}
/* 2019-11-06 */

.enco_con_box {
    padding: 0 5px 10px 0;
/*     height:calc(100% - 45px); */
/*     height:calc(100% - 30px); */
/*     height:calc(100% - 40px); */
    height:calc(100% - 20px);
}

.result_grid_wrap {
    /* 2019-06-12 : Grid Layout */
    position: relative;
    overflow: hidden;
    height:100%;
}

section.header-main .search-area .uw-btn-cbr {
    position: absolute;
    top: 2px;
    right: 12px;
    width: 20px;
    height: 20px;
    background: url(../images/ico_header_sch_blue.png) 0 0 no-repeat;
/*     z-index: inherit; */
}

section #encoLnb .infinite-tab-container .infinite-tab-list li {
    width: 220px;
    max-width: 220px;
}
section #encoLnb .infinite-tab-container .infinite-tab-list li.home {
    width: 100px;
    max-width: 100px;
}
section #encoLnb .infinite-tab-container .infinite-tab-list li.on {
    color: #333;
    background: #fff;
}

.infinite_tab_nav {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    width: 63px;
    height: 36px;
}
.infinite_tab_nav:before {
    position: absolute;
    left: -1px;
    top: 50%;
    content: '';
    width: 1px;
    height: 1em;
    margin-top: -6px;
    background: #dbdcdd;
}
.infinite_tab_nav:after {
    display: block;
    content: '';
    clear: both;
}
.infinite_tab {
    float: left;
    width: 31px;
    height: 36px;
    font-size: 0;
    z-index: 100;
}
.ico_infinite_tab {
    display: inline-block;
    width: 14px;
    height: 18px;
    background-image: url(../images/icons.png) !important;
    background-size: 500px 300px !important;
}

.ico_infinite_tab.ico_left {
    background-position: 318px 0px;
}
.ico_infinite_tab.ico_left:hover {
    background-position: 318px -20px;
}
.ico_infinite_tab.ico_right {
    background-position: 320px -40px;
}
.ico_infinite_tab.ico_right:hover {
    background-position: 320px -60px;
}

.enco_wrap {
/*     height:calc(100% - 22px); */

/*     -webkit-height:calc(100% - 27px); */
/*     height:calc(100% - 200px); */
    height:calc(100% - 27px);
    display: -webkit-flex;
    display: flexbox;
    flex-direction:column;
}

.enco_bookmark { cursor: pointer; }
.ico_bookmark {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../images/icons.png) !important;
    background-size: 500px 300px !important;
    background-position: -40px -79px;
}
.ico_bookmark:hover {
    background-position: -40px -99px;
}
.ico_bookmark.check {
    background-position: -40px -119px;
}

.contents_box {
    min-height: 50px;
/*     margin-top: 5px; */
    margin-bottom : 10px;
    padding-left: 5px;
    padding-bottom : 10px;
    background: #fff;
/*    border-top: 1px solid #0092d6;*/
    border-top: 1px solid #0067ac;
/*    border-bottom: 1px solid #e5e6ed;*/
}

.contents_box .enco_con_box.paging {
    height:calc(100% - 50px);
}

h3.uw-desc {
    line-height: 50px;
    height: 50px;
    font-size: 1.25em;
    font-weight: 500;
    margin: 0 0 0 0;
    background: transparent;
    display: inline-block;
}
h4.uw-desc {
    line-height: 40px;
    width: 50%;
    height: 35px;
    font-size: 0.929em;
    font-weight: 500;
    color: #444;
    margin: 0 0 0 0;
    background: transparent;
    display: inline-block;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
}

body.ux-body .search-wrap {
  border-bottom: none;
  padding: 5px;
  background: #ffffff;
  -webkit-transition: height 0.5s linear;
  -moz-transition: height 0.5s linear;
  transition: height 0.5s linear;
}

/* 20201216 tab css 일괄 변경 - 시작 */
.newtab_wrap { background: #fff;}

.tab_hide { display: none; }

/* 탭 상위/하위탭 class */
.newtab_wrap .front_tab_box .tab_content { padding: 10px; }
.newtab_wrap .inner_tab_box .tab_content { padding: 5px; }
.newtab_wrap .front_tab_box .inner_tab_box .tab_content { padding: 0px; height:calc(100%-36px);}

.inner_tab_box {
    display: block;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}
.tab_btn_box {
    display: block;
    height: 36px;
    border-bottom: 1px solid #0067ac;
}
.tab_btn_box .tab-title {
    cursor: pointer;
    display: inline-block;
    padding: 0px 10px 0px 10px;
    min-width: 100px;
    height: 35px;
    color: #999;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 35px;
    margin-right: -3px;
    background: #fff;
}
.tab_btn_box .tab-title:hover,
.tab_btn_box .tab-title.active {
    color: #fff;
    background: #0067ac;
}

.tab_inner_btn_box .tab-title {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 0px 10px 0px 10px;
    min-width: 80px;
    height: 36px;
    color: #999;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 35px;
    margin-right: -3px;
    background: #fff;
}

.tab_inner_btn_box .tab-title:hover,
.tab_inner_btn_box .tab-title.active {
    color: #487fed;
}

.tab_inner_btn_box .tab-title.active:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 2px;
    color: #487fed;
    background: #487fed;
}

.tab-title.disabled {
    pointer-events: none;
    background-color: #f2f4f7 !important;
    color: #b1b1b1 !important;
}

.tab_content_box {
/*     height: calc(100% - 36px); */
/*  padding: 10px 0px 0px 10px;*/
/*  margin: 0px 10px 10px 0px;*/
}

.enco_con_box.tab { padding:0px 0px 10px 0px; }

.tab_content {
    height:calc(100% - 36px);
}

input[type="radio"] + .tab_content { display: none; }
input[type="radio"]:checked + .tab_content { display: block; }

/* input[type="radio"] + .tab-content { visibility: hidden; } */
/* input[type="radio"]:checked + .tab-content { visibility: visible; } */

/* 20201216 tab css 일괄 변경 - 끝 */

.tit_legend {
    color: #999;
    font-size: 13px;
    margin-left: 5px;
}

body.ux-body .table-wrap-bg {
    padding: 10px;
    background-color: #fff;
}

.winbody_box { margin-bottom: 10px; }
.winbody_box:after {
    display: block;
    content: '';
    clear: both;
}
.wing_left {
    float: left;
    width: calc(100% - 50% - 15px);
    margin-right: 10px;
}
.wing_right {
    float: right;
    width: calc(100% - 50% - 15px);
    margin-right: 10px;
    margin-left: 10px;
}

.wb_input_box { margin-bottom: 10px; }
.wb_input_box:after,
.tab_title:after,
.wingbody_type_b:after {
    display: block;
    content: '';
    clear: both;
}
.wb_input_box .inp_item_box {
    position: relative;
    display: inline-block;
    width: calc(50% - 5px);
}
.wb_input_box .inp_item_box:nth-child(2n+1) { clear: both; }
.wb_input_box .inp_item_box:nth-child(odd) {
    float: left;
    margin-right: 5px;
}
.wb_input_box .inp_item_box:nth-child(even) {
    float: right;
    margin-left: 5px;
}
.wb_input_box .inp_item_box.full_size {
    display: block;
    clear: both;
    width: 100%;
}
.wb_input_box .inp_item_box .input-wrap .uw-label {
    color: #333;
    font-size: 1em;
    font-weight: 600;
    display: block;
    line-height: 1em;
}

.label_tit {
    color: #333;
    font-size: 0.9285714286em;
    font-weight: 600;
    display: block;
    line-height: 28px;
}
.inp_box {
    height: 30px;
    line-height: 30px;
}










body.ux-body .input-wrap.asterisk > label:after {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #f21462;
    margin: 2px -6px 2px 3px;
}

.tab_body_title {}
.tab_title {
    margin-top: 20px;
    margin-bottom: -10px;
}
.tab_tit_box {
    float: left;
    width: 50%;
    line-height: 30px;
    height: 30px;
    font-size: 1.25em;
    font-weight: 500;
    margin: 0 0 0 0;
    background: transparent;
    display: inline-block;
}
.tab_tit_btnbox {
    float: right;
    width: 50%;
    line-height: 30px;
}

.wingbody_type_b {
/*     height: calc(100% - 10px); */
    height: 100%;
    width : 100%;
}
.w_body_con {
/*     min-height: 50px; */
/*     margin-top: 10px; */
    height: 100%;
    display : -webkit-flex;
    display : flexbox;
    flex-direction : column;
}
.w_body_con.left {
    float: left;
    width: calc(100% - 50% - 10px);
    margin-right: 10px;
/*     height: calc(100% - 10px); */
}
.w_body_con.right {
    float: right;
    width: calc(100% - 50% - 10px);
/*     margin-left: 10px; */
/*     height: calc(100% - 10px); */
}
.w_body_con .w_body_con_box {
/*     padding: 0 10px 0 5px; */
    background: #fff;
    border-top: 1px solid #0092d6;
    border-bottom: 1px solid #e5e6ed;
    height: 100%;
    padding-left: 5px;
}
.w_body_btn { right: 0 !important; }
.domain_gridbox {
    border-top: 1px solid #dfe3e9;
    padding: 10px 0;
}


/* enco Login **************************************************/
.enco_login_wrap {
    position: relative;
    height: 100vh;
    background: #fff;
}
.language_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: right;
    padding: 20px;
}
.language_link {
    position: relative;
    display: inline-block;
    color: #999;
    font-size: 0.929em;
    text-align: center;
    padding: 0 10px;
}
.language_link:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 8px;
    content: '';
    margin-top: -4px;
    background: #999;
}
.language_link:last-child:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    content: '';
    margin-top: -4px;
    background: #999;
}
.language_link:hover { color: #fff; }

.enco_login_inputwrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 500px;
    background: #fff;
    margin-top: -250px;
    margin-left: -250px;
    padding: 50px;
    border: 1px solid #0067ac;
}

/* 2020-11-15 : modify */
.login_title {
    display: block;
    width: 100%;
    height: 90px;
    color: #0050ff;
    font-family: "NanumSquare" !important;
    font-size: 50px;
    font-weight: 700;
    border-bottom: 1px solid #eaeaea;
    padding-left: 75px;
    background-image: url(../images/img_login_ci.png);
    background-position: 0 2px;
    background-size: 56px 47px;
    background-repeat: no-repeat;
}
/* 2020-11-15 : modify */

.login_input_box { padding-top: 20px; }
.login_input_box div label,
.login_input_box div input[type='text'],
.login_input_box div input[type='password'] {
    display: block;
    width: 100%;
}
.login_input_box div label {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 5px;
}
.login_input_box div input[type='text'],
.login_input_box div input[type='password'] {
    background: #fff;
    border: 1px solid #b4b4b4;
    padding: 13px;
    color: #333;
}
#login_input input { cursor: default !important; }
#login_input input::placeholder { color: #999; }
#login_input input::-moz-placeholder { color: #999; }
#login_input input:-ms-input-placeholder { color: #999; }

.login_btn_wrap { margin-top: 30px; }
.btn_login {
    display: block;
    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #0067ac;
}
.btn_login:hover { background: #2482C5; }

.find_userinfo_box { text-align: center; }
.find_info_txt {
    display: inline-block;
    min-width: 150px;
    color: #95d5f3;
    font-size: 0.929em;
    text-align: center;
    padding: 30px 0 0 0;
}
.find_info_txt:hover {
    color: #fff;
    text-decoration: underline;
}
/* enco Login **************************************************/





/* enco Button **************************************************/

section .uw-tool .btn-wrap.fix-r {
    position: absolute;
    right: 5px;
    top: 5px;
/*     width: 50%; ljh */
    width: 100%;

    text-align: right;
}
section .uw-tool .btn-wrap.fix-r button.uw-btn:hover { border: 1px solid #0092d6; color: #0092d6 !important; }
section .uw-tool .btn-wrap.fix-r button.uw-btn.function {
    color: #fff !important;
    padding: 0 10px;
}
.ico_btn {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
.btn_sch {
    background: url(../images/ico_btn_sch_white.png) 0 0 no-repeat;
}
.btn_reset {
    background: url(../images/ico_btn_reset.png) 0 0 no-repeat;
}

section .uw-tool .btn-wrap.fix-r button.uw-btn-b-ctr {
  border: 1px solid #0092d6;
  height: 25px;
  padding: 1px 10px 3px 10px;
  min-width: 85px;
  vertical-align: top;
  color: #0092d6; }

section .uw-tool .btn-wrap.fix-r button.uw-btn-b-ctr:hover {
    color: #228f58;
    border: 1px solid #e5e6ed;
}

.enco_txt_btn {
    height: 25px;
    padding: 1px 10px 3px 10px;
    -webkit-padding-after: 3px;
    min-width: 70px;
    vertical-align: top;
    color: #fff;
    background: #0092d6;
    margin-right: -1px;
}
.enco_txt_btn:hover { background: #0060b4; }

body.ux-body .uw-input {
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.input_inner_btn_box { position: relative; }
.inner_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 29px;
    height: 22px;
    background: url(../images/ico_inner_sch_off.png) 0 -3px no-repeat;
}
.inner_btn:not(.disabled):hover {
    background: url(../images/ico_inner_sch_on.png) 0 -3px no-repeat;
}

/* TO_DO : 2020-04-23 right_btn 異붽� (李⑥긽湲�) */
.right_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 22px;
    border:1px solid #e5e6ed;
    background-color:#FFFFFF !important;
    background-position-x: center !important;
    background-position-y: center !important;
}

/* TO_DO : 2020-04-23 i_clear 異붽� (李⑥긽湲�) */
.i_clear {
    background: url(../../resources/images/ico_input_clear_off.png) no-repeat;
}

/* TO_DO : 2020-04-23 i_clear:hover 異붽� (李⑥긽湲�) */
.i_clear:hover {
    background: url(../../resources/images/ico_input_clear_on.png) no-repeat;
}

body.ux-body .uw-input.input_inner_btn { padding-right: 20px; }

.uw-input {
    width: 100%;
    border: 1px solid #cccdd6 !important;
    border-radius: 0;
    line-height: 29px;
    height: 30px;
    font-size: 1em;
    color: #333;
    vertical-align: middle;
    text-indent: 0 !important;
    padding: 0 19px;
}
body.ux-body .uw-input:focus,
body.ux-body .uw-input:hover {
    border: 1px solid #0092d6 !important;
}
/*
body.ux-body .uw-input:focus {
    border-bottom: 1 !important;
}
*/

.uw-textarea {
    width: 100%;
    height : inherit;
    border: 1px solid #cccdd6 !important;
    font-size: 1em;
    color: #333;
    padding: 0 6px;
}

/* LEE, YOON-AH | 20200715 */
.uw-textarea-red {
    width: 100%;
    height : inherit;
    border: 1px solid #ff0000 !important;
    font-size: 1em;
    color: #f00;
}

body.ux-body .uw-textarea:focus,
body.ux-body .uw-textarea:hover {
    border: 1px solid #0092d6 !important;
}

.enco_btn_box { text-align: right; }

.ico_btn_solid {
    min-width: 60px;
    font-size: 1em;
    height: 25px;
    color: #fff;
    padding: 2px 5px 0 22px;
   border-radius: 3px 3px;
    -webkit-padding-after: 3px;
    margin-right: -1px;
    box-sizing: border-box;
/*    background-color: #0092d6;*/
    background-color: #0067ac;
    background-image: url('../images/ico_btn__solid.png');
    background-size: 25px 1000px;
    background-repeat: no-repeat;
}
.ico_btn_solid:hover {
    background-color: #2482C5;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.ico_btn_boxline {
    min-width: 60px;
    font-size: 1em;
    height: 25px;
    color: #0067ac;
    border: 1px solid #0067ac;
    border-radius: 3px 3px;
    padding: 2px 5px 0 22px;
    -webkit-padding-after: 3px;
    margin-right: -1px;
    box-sizing: border-box;
    background-color: #fff;
    background-image: url('../images/ico_btn__boxline_blue.png');
    background-size: 25px 1000px;
    background-repeat: no-repeat;
}
.ico_btn_boxline:hover {
    color: #2482C5;
    border: 1px solid #2482C5;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.txt_btn_solid {
    min-width: 60px;
    font-size: 1em;
    height: 25px;
    color: #fff;
    border-radius: 3px 3px;
/*    background: #0092d6;*/
    background: #0067ac;
    padding: 2px 10px 0 10px;
    -webkit-padding-after: 3px;
    margin-right: -1px;
    box-sizing: border-box;
}
.txt_btn_solid_widthUp{
	min-width: 90px;
    font-size: 1em;
    height: 25px;
    color: #fff;
    border-radius: 3px 3px;
/*    background: #0092d6;*/
    background: #0067ac;
    padding: 2px 10px 0 10px;
    -webkit-padding-after: 3px;
    margin-right: -1px;
    box-sizing: border-box;
}

.txt_btn_solid:hover {
    background: #2482C5;
}

.txt_btn_boxline {
    min-width: 60px;
    font-size: 1em;
    height: 25px;
    color: #0067ac;
    border-radius: 3px 3px;
    border: 1px solid #0067ac;
    padding: 2px 10px 0 10px;
    -webkit-padding-after: 3px;
    margin-right: -1px;
    box-sizing: border-box;
    background-color: #fff;
}
.txt_btn_boxline:hover {
    color: #2482C5;
    border: 1px solid #2482C5;
}





body.ux-body button.ico_btn_solid:disabled {
    background-color: #f2f4f7 !important;
    color: #c1c1c1 !important;
    border: 0 !important;
    cursor: default !important;
}
body.ux-body button.btn_disabled {
    background-image: url('../images/ico_btn__disabled.png') !important;
    background-size: 25px 1000px;
    background-repeat: no-repeat !important;
}
body.ux-body button.txt_btn_solid:disabled,
body.ux-body button.txt_btn_boxline:disabled {
    background-color: #f2f4f7 !important;
    color: #c1c1c1 !important;
    border: 1px solid #dcdde5 !important;
    cursor: default !important;
}




.ico_btn_solid.ico_exldown,
.ico_btn_boxline.ico_exldown { background-position: 0px 0px; }
.ico_btn_solid.btn_disabled.ico_exldown,
.ico_btn_boxline.btn_disabled.ico_exldown { background-position: 0px 0px !important; }

.ico_btn_solid.ico_exldown:hover,
.ico_btn_boxline.ico_exldown:hover { background-position: 0px -25px; }

.ico_btn_solid.ico_exlup,
.ico_btn_boxline.ico_exlup { background-position: 0px -50px; }
.ico_btn_solid.btn_disabled.ico_exlup,
.ico_btn_boxline.btn_disabled.ico_exlup { background-position: 0px -50px !important; }

.ico_btn_solid.ico_exlup:hover,
.ico_btn_boxline.ico_exlup:hover { background-position: 0px -75px; }

.ico_btn_solid.ico_call,
.ico_btn_boxline.ico_call { background-position: 0px -100px; }
.ico_btn_solid.btn_disabled.ico_call,
.ico_btn_boxline.btn_disabled.ico_call { background-position: 0px -100px !important; }

.ico_btn_solid.ico_call:hover,
.ico_btn_boxline.ico_call:hover { background-position: 0px -125px; }

.ico_btn_solid.ico_file,
.ico_btn_boxline.ico_file { background-position: 0px -150px; }
.ico_btn_solid.btn_disabled.ico_file,
.ico_btn_boxline.btn_disabled.ico_file { background-position: 0px -150px !important; }

.ico_btn_solid.ico_file:hover,
.ico_btn_boxline.ico_file:hover { background-position: 0px -175px; }

.ico_btn_solid.ico_download,
.ico_btn_boxline.ico_download { background-position: 0px -200px; }
.ico_btn_solid.btn_disabled.ico_download,
.ico_btn_boxline.btn_disabled.ico_download { background-position: 0px -200px !important; }

.ico_btn_solid.ico_download:hover,
.ico_btn_boxline.ico_download:hover { background-position: 0px -225px; }

.ico_btn_solid.ico_compensation,
.ico_btn_boxline.ico_compensation { background-position: 0px -250px; }
.ico_btn_solid.btn_disabled.ico_compensation,
.ico_btn_boxline.btn_disabled.ico_compensation { background-position: 0px -250px !important; }

.ico_btn_solid.ico_compensation:hover,
.ico_btn_boxline.ico_compensation:hover { background-position: 0px -275px; }

.ico_btn_solid.ico_return,
.ico_btn_boxline.ico_return { background-position: 0px -300px; }
.ico_btn_solid.btn_disabled.ico_return,
.ico_btn_boxline.btn_disabled.ico_return { background-position: 0px -300px !important; }

.ico_btn_solid.ico_return:hover,
.ico_btn_boxline.ico_return:hover { background-position: 0px -325px; }

.ico_btn_solid.ico_print,
.ico_btn_boxline.ico_print { background-position: 0px -350px; }
.ico_btn_solid.btn_disabled.ico_print,
.ico_btn_boxline.btn_disabled.ico_print { background-position: 0px -350px !important; }

.ico_btn_solid.ico_print:hover,
.ico_btn_boxline.ico_print:hover { background-position: 0px -375px; }

.ico_btn_solid.ico_del,
.ico_btn_boxline.ico_del { background-position: 0px -400px; }
.ico_btn_solid.btn_disabled.ico_del,
.ico_btn_boxline.btn_disabled.ico_del { background-position: 0px -400px !important; }

.ico_btn_solid.ico_del:hover,
.ico_btn_boxline.ico_del:hover { background-position: 0px -425px; }





.ico_btn_solid.ico_init,
.ico_btn_boxline.ico_init { background-position: 0px -450px; }
.ico_btn_solid.btn_disabled.ico_init,
.ico_btn_boxline.btn_disabled.ico_init { background-position: 0px -450px !important; }

.ico_btn_solid.ico_init:hover,
.ico_btn_boxline.ico_init:hover { background-position: 0px -475px; }

.ico_btn_solid.ico_excel,
.ico_btn_boxline.ico_excel { background-position: 0px -500px; }
.ico_btn_solid.btn_disabled.ico_excel,
.ico_btn_boxline.btn_disabled.ico_excel { background-position: 0px -500px !important; }

.ico_btn_solid.ico_excel:hover,
.ico_btn_boxline.ico_excel:hover { background-position: 0px -525px; }

.ico_btn_solid.ico_add,
.ico_btn_boxline.ico_add { background-position: 0px -550px; }
.ico_btn_solid.btn_disabled.ico_add,
.ico_btn_boxline.btn_disabled.ico_add { background-position: 0px -550px !important; }

.ico_btn_solid.ico_add:hover,
.ico_btn_boxline.ico_add:hover { background-position: 0px -575px; }

.ico_btn_solid.ico_add,
.ico_btn_boxline.ico_add { background-position: 0px -550px; }
.ico_btn_solid.btn_disabled.ico_add,
.ico_btn_boxline.btn_disabled.ico_add { background-position: 0px -550px !important; }

.ico_btn_solid.ico_add:hover,
.ico_btn_boxline.ico_add:hover { background-position: 0px -575px; }

.ico_btn_solid.ico_reg,
.ico_btn_boxline.ico_reg { background-position: 0px -600px; }
.ico_btn_solid.btn_disabled.ico_reg,
.ico_btn_boxline.btn_disabled.ico_reg { background-position: 0px -600px !important; }

.ico_btn_solid.ico_reg:hover,
.ico_btn_boxline.ico_reg:hover { background-position: 0px -625px; }

.ico_btn_solid.ico_clear,
.ico_btn_boxline.ico_clear { background-position: 0px -650px; }
.ico_btn_solid.btn_disabled.ico_clear,
.ico_btn_boxline.btn_disabled.ico_clear { background-position: 0px -650px !important; }

.ico_btn_solid.ico_clear:hover,
.ico_btn_boxline.ico_clear:hover { background-position: 0px -675px; }

.ico_btn_solid.ico_appr,
.ico_btn_boxline.ico_appr { background-position: 0px -700px; }
.ico_btn_solid.btn_disabled.ico_appr,
.ico_btn_boxline.btn_disabled.ico_appr { background-position: 0px -700px !important; }

.ico_btn_solid.ico_appr:hover,
.ico_btn_boxline.ico_appr:hover { background-position: 0px -725px; }

.ico_btn_solid.ico_cancel,
.ico_btn_boxline.ico_cancel { background-position: 0px -750px; }
.ico_btn_solid.btn_disabled.ico_cancel,
.ico_btn_boxline.btn_disabled.ico_cancel { background-position: 0px -750px !important; }

.ico_btn_solid.ico_cancel:hover,
.ico_btn_boxline.ico_cancel:hover { background-position: 0px -775px; }

.ico_btn_solid.ico_sch,
.ico_btn_boxline.ico_sch { background-position: 0px -800px; }
.ico_btn_solid.btn_disabled.ico_sch,
.ico_btn_boxline.btn_disabled.ico_sch { background-position: 0px -800px !important; }

.ico_btn_solid.ico_sch:hover,
.ico_btn_boxline.ico_sch:hover { background-position: 0px -825px; }

.ico_btn_solid.ico_save,
.ico_btn_boxline.ico_save { background-position: 0px -850px; }
.ico_btn_solid.btn_disabled.ico_save,
.ico_btn_boxline.btn_disabled.ico_save { background-position: 0px -850px !important; }

.ico_btn_solid.ico_save:hover,
.ico_btn_boxline.ico_save:hover { background-position: 0px -875px; }

.ico_btn_solid.ico_delete,
.ico_btn_boxline.ico_delete { background-position: 0px -900px; }
.ico_btn_solid.btn_disabled.ico_delete,
.ico_btn_boxline.btn_disabled.ico_delete { background-position: 0px -900px !important; }

.ico_btn_solid.ico_delete:hover,
.ico_btn_boxline.ico_delete:hover { background-position: 0px -925px; }


.ico_btn_solid.ico_mail,
.ico_btn_boxline.ico_mail { background-position: 0px -950px; }
.ico_btn_solid.btn_disabled.ico_mail,
.ico_btn_boxline.btn_disabled.ico_mail { background-position: 0px -950px !important; }

.ico_btn_solid.ico_mail:hover,
.ico_btn_boxline.ico_mail:hover { background-position: 0px -975px; }

.ico_btn_solid.ico_close,
.ico_btn_boxline.ico_close { background-position: 0px -650px; }
.ico_btn_solid.ico_close:hover,
.ico_btn_boxline.ico_close:hover { background-position: 0px -675px; }
/* 20191119 : �뜝�럥�돯占쎄껀占쎈짗占쎌굲 ************************************************************/

.enco_pagnate_wrap {
    text-align: center;
    margin: 5px 0;
}
.pagenate_quick {
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 0;
    border: 1px solid #e1e1e1;
    margin: 0 4px;
/*    vertical-align: middle;*/
    vertical-align : top;
    box-sizing: border-box;
    background-color: #fff;
    background-image: url(../images/ico_pagenate.png);
    background-repeat: no-repeat;
}
.pagenate_quick:hover {
    border: 1px solid #0092d6;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.pagenate_quick.first { background-position: 0 0; }
.pagenate_quick.first:hover { background-position: 0 -23px; }
.pagenate_quick.pre { background-position: -23px 0; }
.pagenate_quick.pre:hover { background-position: -23px -23px; }
.pagenate_quick.next { background-position: -46px 0; }
.pagenate_quick.next:hover { background-position: -46px -23px; }
.pagenate_quick.last { background-position: -69px 0; }
.pagenate_quick.last:hover { background-position: -69px -23px; }
.num_wrap {
    display: inline-block;
    line-height: 25px;
    margin: 0 20px;
    vertical-align: middle;
}
.btn_pagenum {
    display: inline-block;
    min-width: 25px;
    height: 25px;
    border: 1px solid #e1e1e1;
    font-size: 1em;
    color: #666;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box;
    padding: 0 5px;
    background-color: #fff;
}
.btn_pagenum:hover,
.btn_pagenum.on {
    color: #0092d6;
    border: 1px solid #0092d6;
    background: #fff;
}

/* enco Button **************************************************/










/* Dimed Popup **************************************************/
.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index:1000;
}

.dimed_popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    overflow-y: auto;
    box-sizing: border-box;
    background-color: #f2f4f7;
    z-index:1100;
}

.pop_header {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 16px 20px 15px 20px;
    background: #4f5251;
}
.pop_con_wrap {
/*     padding: 20px 20px 0px 20px;  */
/*     display:-webkit-flex; */
/*     display:flexbox; */
/*     flex-direction:column; */
/*     height: calc(100% - 10px); */
    height: calc(100%);
}

.pop_content_box {
    min-height: 50px;
    background: #fff;
    padding: 0 5px 5px 5px;
    border-top: 1px solid #0067ac;
    border-bottom: 1px solid #e5e6ed;
    margin-bottom: 10px;
}

.pop_content_box .enco_con_box {
    padding: 0 0 5px 0;
    height:calc(100% - 30px);
}

.pop_content_box .enco_con_box.paging {
    padding: 0 0 15px 0;
    height:calc(100% - 50px);
}

/* .pop_content_box .uw-tool.popup_tit { margin-top: -5px; } */
.tbl_box {
    display: table;
    width: 100%;
/*     padding-right: 9px; */
/*     padding-bottom: 5px; */
}

.tbl_box[id$="inputArea"] {
    padding-right: 5px;
}

.tbl_box.pop[id$="inputArea"] {
    padding-right: 0px;
}

section.pop_content_box .uw-tool .btn-wrap.fix-r {
    position: absolute;
    top: 5px;
    right:0px;
    width: 100%;
    text-align: right;
}

.pop_input-wrap {
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    height: 45px;
    padding: 10 5px 0px 5px;
    margin-top: 10px;
    vertical-align: top;
}
.pop_input-wrap:nth-child(even) { padding-left: 5px; }
.pop_input-wrap:nth-child(odd) { padding-right: 5px; }
.pop_input-wrap .uw-label {
    color: #333;
    font-size: 0.9285714286em;
    display: block;
    width: auto !important;
    line-height: 1em;
}
.pop_input-wrap.asterisk .input_st01 > label:after,
.pop_input-wrap.asterisk .input_st02 > label:after,
.pop_input-wrap.asterisk > label:after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #f21462;
  margin: 2px -6px 2px 3px;
}

.pop_btm_btn_box {
    text-align: center;
    padding: 0 0 30px 0;
}
.pop_btm_btn_box .pop_btm_btn {
    display: inline-block;
    text-align: center;
    font-size: 1em;
    padding: 5px 15px 6px 15px;
    box-sizing: border-box;
}
.pop_btm_btn_box .pop_btm_btn.solid_btn {
    color: #fff;
    background: #0092d6;
    border: 1px solid #0092d6;
}
.pop_btm_btn_box .pop_btm_btn.solid_btn:hover {
    background: #228f58;
    border: 1px solid #228f58;
}
.pop_btm_btn_box .pop_btm_btn.box_line_btn {
    color: #0092d6;
    background: #fff;
    border: 1px solid #0092d6;
}
.pop_btm_btn_box .pop_btm_btn.box_line_btn:hover {
    color: #228f58;
    border: 1px solid #228f58;
}
/* Dimed Popup **************************************************/





/* ax5UI Custom overide **************************************************/
.ax5select-display,
.input-group [data-ax5select] .ax5select-display {
    position: relative;
    z-index: 2;
    padding: 0px;
    display: block;
    height: 30px;
    font-size: 14px;
    border-radius: 0 !important;
    background-color: #fff;
    background-image: none ;
    border: 1px solid #cccdd6;
    color: #333;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ax5select-display[data-select-option-group-opened],
.input-group [data-ax5select] [data-select-option-group-opened].ax5select-display {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
}
.ax5select-option-group {
    border-radius: 0 !important;
}
.ax5select-display.default:hover:not([disabled]),
.ax5select-display.default:active:not([disabled]),
.ax5select-display.default:focus:not([disabled]),
.ax5select-display.default[data-select-option-group-opened]:not([disabled]) {
    border-color: #0092d6;
    color: #333;
    text-decoration: none;
}
.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 6.363px solid #888;
    background: transparent;
    opacity: 1;
}
.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow {
    border-bottom: 6.363px solid #0092d6 !important;
}
.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened,
.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed {
    text-align: right;
}
.form-control {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 22px !important;
    padding: 1px 6px 1px 0;
    font-size: 1em;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
/*     border: 1px solid #e5e6ed; */
    border: 1px solid #cccdd6;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-display="input"] {
    float: left;
    width: 100%;
    font-size: 1.2em;
}
.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-display="input"]:focus {
/*     outline: none; */
    font-size: 1.2em;
}
.ax5autocomplete-display.danger:hover:not([disabled]),
.ax5autocomplete-display.danger:active:not([disabled]),
.ax5autocomplete-display.danger:focus:not([disabled]),
.ax5autocomplete-display.danger[data-select-option-group-opened]:not([disabled]) {
    border-color: #0092d6;
    color: #333;
    background: #fff;
    text-decoration: none;
}
.ax5autocomplete-option-group {
    box-sizing: border-box;
    z-index: 2000;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid;
    overflow: hidden;
    background-color: #fff;
    -webkit-animation: ax-autocomplete-option-group .1s ease-out;
    -o-animation: ax-autocomplete-option-group .1s ease-out;
    animation: ax-autocomplete-option-group .1s ease-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
}
.ax5autocomplete-option-group.danger {
    border-color: #0092d6;
    color: #333;
    border-radius: 0 !important;
}
.ax5autocomplete-option-group.danger .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover,
.ax5autocomplete-option-group.danger .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover {
    background: #ebf7f7 !important;
    color: #05ac58;
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-selected-label] {
    position: relative;
    display: block;
    float: left;
    background: transparent;
    padding: 0px 3px;
    border: 1px solid transparent;
    margin: 1px 3px 1px 0;
    background-color: none !important;
    background-image: none !important;
    border: 0 !important;
    color: #444;
    border-radius: none !important;
    max-width: 100%
}

.ax5modal.line_cbr_modal .ax-modal-header {
    color: #fff;
    background: #4f5251;
}
.ax5modal.line_cbr_modal .ax-modal-header .ax-modal-header-addon a {
    color: #000;
    outline: 0
}
.ax5modal {
    -webkit-animation: ax-modal .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    -o-animation: ax-modal .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation: ax-modal .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
    box-sizing: border-box;
    background-color: #f2f4f7;

/*     border: 1px #e5e6ed !important; */
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

    z-index: 2000;
    position: fixed;
    left: 0px;
    top: 0px;
    box-sizing: content-box
}
.ax5modal .ax-modal-header {
    user-select: none;
    font-weight: 600;
    font-size: 1.286em;
    padding: 1em 15px;
    border-bottom: 1px solid transparent;

    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;

    cursor: move
}
.ax5modal .ax-modal-body {

    padding: 20px 20px 0 20px;

    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom : -3px;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 24px;
    padding: 0 5px;
}

/* ax5UI Custom overide **************************************************/





/* enco : Footer  **************************************************/
body.ux-body .hasDatepicker.uw-input-cbr.ipt-cal {
    background: #fff url(../images/icon-cal.png) right -1px no-repeat;
    background-size: auto;
}
body.ux-body .hasDatepicker.uw-input-cbr.ipt-cal:hover,
body.ux-body .hasDatepicker.uw-input-cbr.ipt-cal:checked {
  background-position: right -31px;
}
body.ux-body .hasDatepicker.uw-input-cbr.ipt-cal,
body.ux-body .hasDatepicker.uw-input-cbr.ipt-cal:hover,
.anim {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.enco_footer {
    position: relative;
    height: 30px;
}
.enco_footer .uw-util { right: 0 !important; }
.enco_footer .uw-util li { display: inline-block; }

.enco_footer .uw-util .connection_info { position: relative; }
.enco_footer .uw-util .connection_info:before {
    position: absolute;
    top: 2px;
    left: 0;
    content: '';
    width: 25px;
    height: 25px;
    margin-left: -25px;
    background: url(../images/ico_connection_info.png) 0 0 no-repeat;
}
.enco_footer .uw-util .connection_info:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: '';
    width: 1px;
    height: 7px;
    margin-top: -3px;
    background: #e2e3e9;
}

footer.footer .uw-util .uw-input-cbr {
    font-size: 1em;
    color: #333;
    vertical-align: middle;
    line-height: 30px;
    border: 0 !important;
    padding: 0 10px 0 2px;
}

/* joy | 2019-08-22 */
footer.footer .uw-bottom_msg .uw-input-cbr {
    font-size: 1em;
    color: #333;
    vertical-align: middle;
    line-height: 30px;
    border: 0 !important;
    padding: 0 10px 0 5px;
}


/* enco : Footer  **************************************************/




/* 2019-10-22 ~  **************************************************/
nav.side-nav .main-menu .-enco-ui-accordion .ux-accordion-wrap .ux-accordion .has-children.opened > a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  top: 36px;
/*   background: #373d3f; */
  background: #00338D;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: none;
}



body.ux-body .uw-input.a-left {
    height : 22px;
    font-size : 1em;
    text-align: left !important;
    line-height : 18px !important;
    padding: 3px !important;
}
body.ux-body .uw-input {
  width: 100%;
/*   border: 1px solid #e5e6ed !important; */
  border: 1px solid #cccdd6 !important;
  border-radius: 0;
  line-height: 20px;
  height: 22px;
  font-size: 1em;
  color: #333;
  vertical-align: middle;
  text-indent: 0 !important;
  padding: 0 6px;
}

.inline_input_box { margin-right: 10px; }
.inline_input_box .wb_input_box .inp_item_box .input-wrap:after {
    display: block;
    content: '';
    clear: both;
}
.inline_input_box .wb_input_box .inp_item_box .input-wrap .uw-label {
    float: left;
    width: 20%;
    height: 30px;
    margin-right: 10px;
    line-height: 30px !important;
}
.inline_input_box .wb_input_box .inp_item_box .input-wrap .col-md-6 {
    float: right;
    width: calc(100% - 20% - 15px);
}
.inline_input_box .inp_item_box .input-wrap .uw-input {
    display: inline-block;
    float: right;
    width: calc(100% - 20% - 15px);
}


.inline_input_wrap { padding: 10px 5px 10px 0; }

.tbl_inline_input {  }
.tbl_inline_input th,
.tbl_inline_input td { padding: 3px; }
.tbl_inline_input th.asterisk {
    position: absolute;
    color: #333;
    font-size: 1em;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
}
.tbl_inline_input th.asterisk:after {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #f21462;
    margin: 2px -6px 2px 3px;
}
.tbl_inline_input td .form-group { margin-bottom: 0; }

/* .tbl_box { padding: 10px 10px 10px 0; } */

.enco_tbl_write {
    font-size : 1em;
    border: 1px solid #e5e6ed;
    width : 100%;
 }
.enco_tbl_write td {
    height : 27px;
    color: #666;
    border-right: 1px solid #e5e6ed;
    border-bottom: 1px solid #e5e6ed;
/*     padding: 5px; */
}
.enco_tbl_write td.r_line_none { border-right: 0; }
.enco_tbl_write td .rowspan_item { line-height: 24px; }
.enco_tbl_write.text_c td { text-align: center; }


.tbl_box_search {
/*     margin-left : 15px; */
}
.tbl_box_search.tab{
    padding-right:9px;
}
.enco_tbl_search {
    font-size : 1em;
 }
.enco_tbl_search td {
    height : 27px;
    color: #666;
}
.enco_tbl_search td.r_line_none { border-right: 0; }
.enco_tbl_search td .rowspan_item { line-height: 24px; }
.enco_tbl_search.text_c td { text-align: center; }


.doc_title {
    color: #333 !important;
    font-size: 1.2857142857em;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}
.doc_right_title {
    color: #333 !important;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 30px;
    text-align: right;
}

.enco_tbl_write .tbl_write_th {
    font-weight: 700;
    background: #f2f5f9;
}
.enco_tbl_write .tbl_write_th_c {
    text-align: center;
    font-weight: 700;
    background: #f2f5f9;
}

.enco_tbl_write .tbl_write_th_r {
    text-align: right;
    font-weight: 700;
/*    background: #f2f5f9;*/
    background: #f2f3f7;
    padding: 0 10px 0 10px;
}

.enco_tbl_write .tbl_write_c {
    text-align: center;
    font-weight: 500;
    background: #f2f5f9;
}

.enco_tbl_write .tbl_write_r {
    text-align: right;
    font-weight: 500;
    background: #f2f5f9;
}

body.ux-body .tbl_box td.asterisk:after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #f21462;
  margin: 2px -6px 2px 3px; }

body.ux-body .tbl_box_search td.asterisk:after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #f21462;
  margin: 2px -6px 2px 3px; }



.enco_tbl_search .tbl_write_th {
    padding-left : 15px;
    font-weight: 700;
}
.enco_tbl_search .tbl_write_th_c {
    text-align: center;
    font-weight: 700;
}

.enco_tbl_search .tbl_write_th_r {
    padding: 0 10px 0 10px;
    text-align: right;
    font-weight: 700;
}


.enco_tbl_search .tbl_write_c {
    text-align: center;
    font-weight: 500;
}

.enco_tbl_search .tbl_write_r {
    text-align: right;
    font-weight: 500;
}

.tbl_bottom_text {
    font-size : 11px;
    padding: 5px;
 }
.tbl_bottom_text .b_txt {
    color: #333;
    font-weight: 700;
}
.tbl_bottom_text p {
    color: #666;
    line-height: 18px;
}

.form-group {
    margin-bottom: 0px !important;
}
.chk_box label {margin-bottom: 0px !important;}


/* 2019-10-31 */
/* 占쎈쐻占쎈윥�젆濡λ쐻占쎈윪占쎌죷 占쎈탶�⑤슣維볟뜝�럥愿� 占쎈쐻占쎈윪�얠×苡э옙瑗띰㎖猷잙쐻�뜝占� override */
.input-group-addon {
/*     padding: 2px 1em; */
    padding: 2px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0px;
}

.enco_tbl_write tr td .tbl_txt_btn {
    display: inline-block;
    font-size: 0.917em;
    height: 20px;
    padding: 1px 5px;
}
.enco_tbl_write tr td .tbl_txt_btn.solid {
    color: #fff;
    background: #0092d6;
}
.enco_tbl_write tr td .tbl_txt_btn.btn_boxline {
    color: #0092d6;
    background: #fff;
    border: 1px solid #0092d6;
}
.enco_tbl_write tr td .tbl_txt_btn.solid:hover { background: #0060b4; }
.enco_tbl_write tr td .tbl_txt_btn.btn_boxline:hover {
    color: #0060b4;
    background: #fff;
    border: 1px solid #0060b4;
}

/* 2019-10-22 ~  **************************************************/




/* 2020-01-07 : enco EXTERNAL Audit Landing **************************************************/
.ext_audit_wrap {
    overflow: hidden;
    padding-bottom: 20px;
}
.ext__top {
    position: relative;
    height: 300px;
    background-image: url(../images/img_ext_audit_top.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.ext__top .typ__text {
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    z-index: 1;
}
.ext__top .typ__text .btxt {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
}
.ext__top .typ__text .btxt .blue { color: #0092d6;}
.ext__top .typ__text .stxt {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.ext__top .right_btn_box {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 207px;
    height: 100px;
    margin-top: -50px;
    z-index: 100;
}
.ext__top .right_btn_box .manual_btn {
    display: inline-block;
    width: 100px;
    height: 100px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-right: 2px;
    padding-top: 67px;
    background-size: 42px 40px;
    background-position: center 20px;
    background-repeat: no-repeat;
}
.ext__top .right_btn_box .manual_btn:last-child { margin-right: 0; }
.ext__top .right_btn_box .manual_btn.user {
    background-image: url(../images/img_manual01.png);
    background-color: rgba(0, 166, 163, 0.5);
}
.ext__top .right_btn_box .manual_btn.movie {
    background-image: url(../images/img_manual04.png);
    background-color: rgba(0, 95, 179, 0.5);
}
.ext__top .right_btn_box .manual_btn.user:hover { background-color: rgba(0, 166, 163, 1); }
.ext__top .right_btn_box .manual_btn.movie:hover { background-color: rgba(0, 95, 179, 1); }
.ext__top .incharge_person {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    margin: 0 20px 10px 0;
    color: #fff;
    font-size: 13px;
    text-align: right;
    line-height: 20px;
}

.ext_audit_wrap .conract__report {
    border: 1px solid #e2e3e9;
    background: #fff;
    margin-top: 20px;
}

.ext_audit_wrap .conract__report .title_box {
    overflow: hidden;
    border-bottom: 1px solid #e2e3e9;
}
.ext_audit_wrap .conract__report .title_box:after {
    display: block;
    content: '';
    clear: both;
}
.ext_audit_wrap .conract__report .title {
    float: left;
    width: 80%;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 20px;
}
.ext_audit_wrap .conract__report .more_btnbox {
    float: right;
    width: 20%;
    text-align: right;
    padding: 21px 20px 0 0;
}
.ext_audit_wrap .conract__report .more_btnbox .btn_more {
    display: inline-block;
    color: #333;
    font-size: 12px;
}
.ext_audit_wrap .conract__report .more_btnbox .btn_more:hover { color: #005fb3; }


.ext_audit_wrap .conract__report .more_btnbox .btn_more .ico_morearrow {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 5px;
    background-image: url(../images/ico_morearrow.png);
    background-size: 6px 10px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.conract__report__container { padding: 20px; }
.conract__report_dashboard {
    overflow: hidden;
    background: #00a6a3;
}
.conract__report_dashboard:after {
    display: block;
    content: '';
    clear: both;
}
.conract__report_dashboard li {
    position: relative;
    float: left;
    width: 25%;
    padding: 28px 20px;
}
.conract__report_dashboard li:hover { background: #1aafac; }
.conract__report_dashboard li:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 1px;
    height: 100%;
    background: #00b6b3;
}
.conract__report_dashboard li:last-child { float: right; }
.conract__report_dashboard li:last-child:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 0;
    height: 0;
}
.conract__report_dashboard li .report_title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 18px;
}
.conract__report_dashboard li .report_count {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 18px;
    margin-top: 8px;
}





.ext_audit_wrap .public__disclosure {
    border: 1px solid #e2e3e9;
    background: #fff;
    margin-top: 20px;
}

.ext_audit_wrap .public__disclosure .title_box {
    overflow: hidden;
    border-bottom: 1px solid #e2e3e9;
}
.ext_audit_wrap .public__disclosure .title_box:after {
    display: block;
    content: '';
    clear: both;
}
.ext_audit_wrap .public__disclosure .title {
    float: left;
    width: 80%;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 20px;
}
.ext_audit_wrap .public__disclosure .more_btnbox {
    float: right;
    width: 20%;
    text-align: right;
    padding: 21px 20px 0 0;
}
.ext_audit_wrap .public__disclosure .more_btnbox .btn_more {
    display: inline-block;
    color: #333;
    font-size: 12px;
}
.ext_audit_wrap .public__disclosure .more_btnbox .btn_more:hover { color: #005fb3; }
.ext_audit_wrap .public__disclosure .more_btnbox .btn_more .ico_morearrow {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 5px;
    background-image: url(../images/ico_morearrow.png);
    background-size: 6px 10px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.lnd_tblelist_wrap { margin-top: 10px; }
.lnd_tblelist_wrap .lnd_tblelist {}
.lnd_tblelist_wrap .lnd_tblelist tr th {
    font-weight: 700;
    background: #f3f5f9;
}
.lnd_tblelist_wrap .lnd_tblelist tr th,
.lnd_tblelist_wrap .lnd_tblelist tr td {
    color: #333;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #e2e3e9;
    padding: 12px 5px 11px 5px;
}
.lnd_tblelist_wrap .lnd_tblelist tr:hover { background: #fbfcfd; }
.public__disclosure__container { padding: 20px; }

.public__disclosure_dashboard {
    overflow: hidden;
    background: #005fb3;
}
.public__disclosure_dashboard:after {
    display: block;
    content: '';
    clear: both;
}
.public__disclosure_dashboard li {
    position: relative;
    float: left;
    width: 33.333%;
    padding: 28px 20px;
}


.public__disclosure_dashboard li:hover { background: #1a6fbb; }
.public__disclosure_dashboard li:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 1px;
    height: 100%;
    background: #0072d6;
}
.public__disclosure_dashboard li:last-child { float: right; }
.public__disclosure_dashboard li:last-child:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 0;
    height: 0;
}
.public__disclosure_dashboard li .report_title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 18px;
}
.public__disclosure_dashboard li .report_count {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 18px;
    margin-top: 8px;
}





.ext_audit_wrap .dashboard_wrap {
    overflow: hidden;
    margin-top: 20px;
}
.ext_audit_wrap .dashboard_wrap:after,
.conract__report__wrap .conract__report__box:after,
.bottom__tblwrap .bottom__tbl__left .title__box:after,
.bottom__tblwrap .bottom__tbl__right .title__box:after  {
    display: block;
    content: '';
    clear: both;
}
.ext_audit_wrap .dashboard_wrap .dashboard_left {
    float: left;
    width: calc(50% - 10px);
/*     margin-right: 10px; */
}
.ext_audit_wrap .dashboard_wrap .dashboard_right {
    float: right;
    width: calc(50% - 10px);
/*     margin-left: 10px; */
}
.conract__report__wrap { background: #009592; }
.conract__report__wrap .title,
.public__disclosure__wrap .title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 20px;
}



.conract__report__wrap .conract__report__box {
    overflow: hidden;
    background: #00a6a3;
}
.conract__report__wrap .conract__report__box li,
.public__disclosure__wrap .public__disclosure__box li {
    position: relative;
    float: left;
    width: 33.333%;
    padding: 30px 0;
}
.conract__report__wrap .conract__report__box li:hover { background: #1aafac; }
.conract__report__wrap .conract__report__box li:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 1px;
    height: 100%;
    background: #00b6b3;
}
.conract__report__wrap .conract__report__box li:last-child { float: right; }
.conract__report__wrap .conract__report__box li:last-child:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 0;
    height: 100%;
    background: #00b6b3;
}
.conract__report__wrap .conract__report__box li .report_count,
.public__disclosure__wrap .public__disclosure__box li .report_count {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}
.conract__report__wrap .conract__report__box li .report_title,
.public__disclosure__wrap .public__disclosure__box .report_title {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-top: 10px;
}
.public__disclosure__wrap { background: #0055a1; }
.public__disclosure__wrap .public__disclosure__box {
    overflow: hidden;
    background: #005fb3;
}
.public__disclosure__wrap .public__disclosure__box li:hover { background: #1a6fbb; }
.public__disclosure__wrap .public__disclosure__box li:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 1px;
    height: 100%;
    background: #0072d6;
}
.public__disclosure__wrap .public__disclosure__box li:last-child { float: right; }




.bottom__tblwrap {
    overflow: hidden;
    margin-top: 20px;
}
.bottom__tblwrap .bottom__tbl__left {
    float: left;
    width: calc(50% - 10px);
/*     margin-right: 10px; */
    border: 1px solid #e2e3e9;
    background: #fff;
}

.bottom__tblwrap .bottom__tbl__left .title__box,
.bottom__tblwrap .bottom__tbl__right .title__box {
    overflow: hidden;
    border-bottom: 1px solid #e2e3e9;
}
.bottom__tblwrap .bottom__tbl__left .title__box .title,
.bottom__tblwrap .bottom__tbl__right .title__box .title {
    float: left;
    width: 80%;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 20px;
}

.bottom__tblwrap .bottom__tbl__left .title__box .more_btnbox,
.bottom__tblwrap .bottom__tbl__right .title__box .more_btnbox {
    float: right;
    width: 20%;
    text-align: right;
    padding: 21px 20px 0 0;
}
.bottom__tblwrap .bottom__tbl__left .title__box .more_btnbox .btn_more,
.bottom__tblwrap .bottom__tbl__right .title__box .more_btnbox .btn_more {
    display: inline-block;
    color: #333;
    font-size: 12px;
}
.bottom__tblwrap .bottom__tbl__left .title__box .more_btnbox .btn_more .ico_morearrow,
.bottom__tblwrap .bottom__tbl__right .title__box .more_btnbox .btn_more .ico_morearrow {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 5px;
    background-image: url(../images/ico_morearrow.png);
    background-size: 6px 10px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.bottom__tblwrap .bottom__tbl__right {
    float: right;
    width: calc(50% - 10px);
/*     margin-left: 10px; */
    border: 1px solid #e2e3e9;
    background: #fff;
}


.table__wrap {
    min-height: 490px;
    padding: 0 20px;
}
.table__wrap .lnd__tblelist { width : 100% }
.table__wrap .lnd__tblelist tr { border-bottom: 1px solid #e2e3e9; }
.table__wrap .lnd__tblelist tr:last-child { border-bottom: none; }

.table__wrap .lnd__tblelist tr td {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 0;
}
/*.table__wrap .lnd__tblelist tr td:last-child { text-align: right; }*/
.table__wrap .lnd__tblelist tr td a {
    color: #333;
    font-size: 14px;
    line-height: 22px;
}
.table__wrap .lnd__tblelist tr td a:hover {
    color: #005199;
    text-decoration: underline;
}
.table__wrap .lnd__tblelist tr.last_line td { border-bottom: 1px solid #e2e3e9; }


/* 2020-01-07 : enco EXTERNAL Audit Landing **************************************************/

/* 2020-12-16 : Toss CBR Landing **************************************************/
.hdntxt { font-size: 0; }
.tslanding_wrap {
    overflow: hidden;
/*     padding-bottom: 20px; */
}
.topvs_wrap {
    width: 100%;
    height: 173px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3f9ff+55,f3f9ff+55,ffffff+85 */
background: #f3f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f9ff 55%, #f3f9ff 55%, #ffffff 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f3f9ff 55%,#f3f9ff 55%,#ffffff 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f3f9ff 55%,#f3f9ff 55%,#ffffff 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f9ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.topvs_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.topvs_wrap .ltxt_box {
    position: relative;
    float: left;
    width: 60%;

    height: 173px;
}

.topvs_wrap .ltxt_box .top_btxt {
    position: absolute;
    left: 30px;
    display: inline-block;
    color: #000;
    font-size: 40px;
    font-weight: 800;

    -webkit-animation-name: top_btxt;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-delay: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-name: top_btxt;
    animation-duration: 0.6s;
    animation-delay: 0.3s;
    animation-fill-mode: both;
}
@keyframes top_btxt {
    from {
        top: 23px;
        opacity: 0;
    }
    to {
        top: 53px;
        opacity: 1;
    }
}

.topvs_wrap .ltxt_box .top_stxt {
    position: absolute;
    left: 30px;
    display: inline-block;
    color: #000;
    font-size: 22px;

    -webkit-animation-name: top_stxt;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-name: top_stxt;
    animation-duration: 0.8s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}
@keyframes top_stxt {
    from {
        top: 79px;
        opacity: 0;
    }
    to {
        top: 99px;
        opacity: 1;
    }
}

.topvs_wrap .ltxt_box .top_ktxt {
    position: absolute;
    left: 30px;
    display: inline-block;
    color: #000;
    font-size: 22px;

    -webkit-animation-name: top_ktxt;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-name: top_ktxt;
    animation-duration: 0.8s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}
@keyframes top_ktxt {
    from {
        top: 109px;
        opacity: 0;
    }
    to {
        top: 129px;
        opacity: 1;
    }
}

.topvs_wrap .rimg_box {
    position: relative;
    float: right;
    width: 40%;
    height: 173px;
}
.topvs_wrap .rimg_box .img_topvis_01 {
    position: absolute;
    left : 10px;
    width: 60px;
    height: 66px;

    background-image: url(../images/a_v2_left.png);
    background-size: 60px 66px;
    background-position: 0 0;
    background-repeat: no-repeat;

    -webkit-animation-name: img_topvis_01;
    -webkit-animation-duration: .8s;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-name: img_topvis_01;
    animation-duration: .8s;
    animation-delay: 1s;
    animation-fill-mode: both;
}
@keyframes img_topvis_01 {
    from {
        top: 85px;
        opacity: 0;
    }
    to {
        top: 55px;
        opacity: 1;
    }
}

.topvs_wrap .rimg_box .img_topvis_02 {
    position: absolute;
    top : 60px;
    width: 320px;
    height: 66px;

    background-image: url(../images/a_v2_right.png);
    background-size: 320px 66px;
    background-position: 0 0;
    background-repeat: no-repeat;

    -webkit-animation-name: img_topvis_02;
    -webkit-animation-duration: .8s;
    -webkit-animation-delay: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-name: img_topvis_02;
    animation-duration: .8s;
    animation-delay: 1.3s;
    animation-fill-mode: both;
}
@keyframes img_topvis_02 {
    from {
        left: 55px;
        opacity: 0;
    }
    to {
        left: 85px;
        opacity: 1;
    }
}

.topvs_wrap .rimg_box .img_topdust_01 {
    position: absolute;
    left: 0;
    width: 10px;
    height: 106px;

    background-image: url(../images/img_topdust_01.png);
    background-size: 10px 10px;
    background-position: 0 0;
    background-repeat: no-repeat;

    -webkit-animation-name: img_topdust_01;
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: both;
    animation-name: img_topdust_01;
    animation-duration: .6s;
    animation-delay: 2s;
    animation-fill-mode: both;
}
@keyframes img_topdust_01 {
    from {
        top: 57px;
        opacity: 0;
    }
    to {
        top: 77px;
        opacity: 1;
    }
}
.topvs_wrap .rimg_box .img_topdust_02 {
    position: absolute;
    left: 87px;
    width: 13px;
    height: 13px;

    background-image: url(../images/img_topdust_02.png);
    background-size: 13px 13px;
    background-position: 0 0;
    background-repeat: no-repeat;

    -webkit-animation-name: img_topdust_02;
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: 2.3s;
    -webkit-animation-fill-mode: both;
    animation-name: img_topdust_02;
    animation-duration: .6s;
    animation-delay: 2.3s;
    animation-fill-mode: both;
}
@keyframes img_topdust_02 {
    from {
        top: 0;
        opacity: 0;
    }
    to {
        top: 22px;
        opacity: 1;
    }
}
.topvs_wrap .rimg_box .img_topdust_03 {
    position: absolute;
    left: 261px;
    width: 14px;
    height: 14px;

    background-image: url(../images/img_topdust_03.png);
    background-size: 14px 14px;
    background-position: 0 0;
    background-repeat: no-repeat;

    -webkit-animation-name: img_topdust_03;
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: 2.8s;
    -webkit-animation-fill-mode: both;
    animation-name: img_topdust_03;
    animation-duration: .6s;
    animation-delay: 2.8s;
    animation-fill-mode: both;
}
@keyframes img_topdust_03 {
    from {
        top: 30px;
        opacity: 0;
    }
    to {
        top: 43px;
        opacity: 1;
    }
}


.ld_container { margin-top: 10px; }
.ld_container:after {
    display: block;
    content: '';
    clear: both;
}
.ld_container .l_prgwrap {
    overflow: hidden;
    float: left;
    width: 60%;
/*  min-width: 740px !important;*/
/*  min-width: 609px !important;*/
}
.ld_container .r_boardwrap {
    float: right;
    width: calc(40% - 10px);
/*  min-width: 618px;*/
    padding-left: 10px;
}


.prgwrap_innerbox {
    background: #fff;
    border: 1px solid #e2e3e9;
}

.prgwrap_innerbox .prgwrap_title {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 43px;
    padding: 0 15px;
    border-bottom: 1px solid #e2e3e9;
}
.prgwrap_innerbox .prg_container { padding: 20px 20px 30px 20px; }

.prg_container .prgitem_box { margin-top: 20px; }
.prg_container .prgitem_box:first-child { margin-top: 0; }
.prg_container .prgitem_box .prgitem_title { height: 30px; }
.prg_container .prgitem_box .prgitem_title span {
    display: inline-block;
    height: 30px;
    color: #333;
    font-size: 12px;
    line-height: 30px;
    padding: 0 20px;
    background: #eee;
    border-radius: 15px 15px;
}

.prg_container .prgitem_box .prgitem_finance {
    position: relative;
    height: 200px;
    margin-top: 20px;
}
.prgitem_finance .startbox {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: -28px;
    border-radius: 50%;
    background-image: url(../images/ico_startbox.png);
    background-size: 12px 14px;
    background-position: 10px center;
    background-repeat: no-repeat;
}
.prgitem_finance .startbox.ongoing { background-color: #f3b44e; }
.prgitem_finance .startbox.finish { background-color: #487fed; }

.prgitem_finance .endbox {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    border-radius: 50%;
    background-image: url(../images/ico_endbox.png);
    background-size: 14px 10px;
    background-position: center center;
    background-repeat: no-repeat;
}

.prgitem_finance .endbox.top { bottom: 50px; }
.prgitem_finance .endbox.btm { top: 35px; }
.prgitem_finance .endbox.finish { background-color: #5abf83; }
.prgitem_finance .endbox.ongoing { background-color: #f3b44e; }

.prgitem_finance .prgitem_wrap {
    position: absolute;
    top: 0;
    left: 30px;
    width: calc(100% - 60px);
    min-width: 653px;
    height: 170px;
    padding: 0 15px 0 22px;
}
.prgitem_finance .prgitem_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.prgitem_finance .prgitem_wrap .chart_box {
    position: relative;
    float: left;
    width: 16%;
    min-width: 70px;
    height: 170px;
}
.prgitem_finance .prgitem_wrap .chart_box:last-child { float: right; }
.prgitem_finance .prgitem_wrap .prgar_box {
    position: relative;
    float: left;
    width: 5%;
    min-width: 30px;
    height: 170px;
}

.prg_container .prgitem_box .prgitem_sngl {
    position: relative;
    height: 100px;
    margin-top: 20px;
}
.prgitem_sngl .startbox {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: -28px;
    border-radius: 50%;
    background-image: url(../images/ico_startbox.png);
    background-size: 12px 14px;
    background-position: 10px center;
    background-repeat: no-repeat;
}
.prgitem_sngl .startbox.ongoing { background-color: #f3b44e; }
.prgitem_sngl .startbox.finish { background-color: #487fed; }

.prgitem_sngl .endbox {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    border-radius: 50%;
    background-image: url(../images/ico_endbox.png);
    background-size: 14px 10px;
    background-position: center center;
    background-repeat: no-repeat;
}

.prgitem_sngl .endbox.top { bottom: 20px; }
.prgitem_sngl .endbox.btm { top: 35px; }
.prgitem_sngl .endbox.finish { background-color: #5abf83; }
.prgitem_sngl .endbox.ongoing { background-color: #f3b44e; }

.prgitem_sngl .prgitem_wrap {
    position: absolute;
    top: 0;
    left: 30px;
    width: calc(100% - 60px);
    min-width: 653px;
    height: 70px;
    padding: 0 15px 0 22px;
}
.prgitem_sngl .prgitem_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.prgitem_sngl .prgitem_wrap .chart_box {
    position: relative;
    float: left;
    width: 16%;
    min-width: 70px;
    height: 70px;
}
.prgitem_sngl .prgitem_wrap .chart_box:last-child { float: right; }
.prgitem_sngl .prgitem_wrap .prgar_box {
    position: relative;
    float: left;
    width: 5%;
    min-width: 30px;
    height: 70px;
}

.prgitem_sngl .prgitem_wrap .prgar_box .prgar_item {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #cbdffc;
    background-image: url(../images/ico_prgarrow.png);
    background-size: 5px 9px;
    background-position: center center;
    background-repeat: no-repeat;
}

.prgitem_wrap .chart_box .chtbox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
}
.chartbox_inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.chartbox_inner .lgdtitle {
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
}

.prgitem_wrap .chart_box .chartbox_inner .title_txt {
    position: absolute;
    width: 100%;
    height: 20px;
    color: #333;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}
.prgitem_wrap .chart_box .chartbox_inner .title_txt.top { top: -20px }
.prgitem_wrap .chart_box .chartbox_inner .title_txt.btm { bottom: -20px }

.prgitem_wrap .prgar_box .prgar_item {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #cbdffc;
    background-image: url(../images/ico_prgarrow.png);
    background-size: 5px 9px;
    background-position: center center;
    background-repeat: no-repeat;
}
.prgitem_wrap .prgar_box .prgar_item.deg_45 {
    top: 57px;
    transform: rotate(-45deg);
}
.prgitem_wrap .prgar_box .prgar_item.deg_135 {
    bottom: 57px;
    transform: rotate(45deg);
}
.prgitem_wrap .prgar_box .prgar_item.top {  top: 25px; }
.prgitem_wrap .prgar_box .prgar_item.btm {  bottom: 25px; }
.prgitem_wrap .prgar_box .prgar_item.center {  top: 75px; }

.prgitem_wrap .chart_box .chartbox_inner .chartitem {
    position: absolute;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-left: -35px;
}
.prgitem_wrap .chart_box .chartbox_inner .chartitem.top { top: 0; }
.prgitem_wrap .chart_box .chartbox_inner .chartitem.btm { bottom: 0; }

.prgitem_wrap .chart_box .chartbox_inner .lgdtxt {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 30px;
    margin-top: -15px;
    color: #666;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
}
.prgitem_wrap .chart_box .chartbox_inner .lgdtxt_sngl {
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 30px;
    margin-top: -15px;
    color: #666;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
}



.txtwrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.txtwrap.mlt {
    width: 70px;
    height: 70px;
    padding: 10px;
}
.txtwrap.sngl {
    width: 70px;
    height: 70px;
    padding: 10px;
}

.txtwrap.sngl .sngl_txt {
/*  color: #999;*/
    font-size: 13px;
    text-align: center;
    padding: 17px 0 17px 0;
}

.txtwrap.ongoing .upper,
.txtwrap.ongoing .btm { color: #999; }

.txtwrap.sngl.finish .sngl_txt { color: #333; }
.txtwrap.sngl.ongoing .sngl_txt { color: #999; }

.txtwrap .upper {
    position: relative;
    color: #333;
    font-size: 13px;
    text-align: center;
    padding: 5px 0 4px 0;
}
.txtwrap .upper:before {
    position: absolute;
    top: 25px;
    left: 0;
    content: '';
    width: 50px;
    height: 1px;
    background: #ccc;
}
.txtwrap .btm {
    height: 24px;
    color: #333;
    font-size: 13px;
    text-align: center;
    padding: 5px 0 4px 0;
}

.l_prgwrap .lboard_wrap {
    background: #fff;
    border: 1px solid #e2e3e9;
}

.l_prgwrap .lboard_wrap .title_wrap {
    position: relative;
    height: 44px;
    padding: 0 0 0 15px;
    border-bottom: 1px solid #e2e3e9;
}

.lboard_wrap .title_wrap .title_txt {
    display: inline-block;
    height: 44px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 44px;
}
.lboard_wrap .title_wrap .right_txt {
	position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 44px;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    line-height: 44px;
    padding-right : 44px;
}

.lboard_wrap .title_wrap .btn_noticemore {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    background-image: url(../images/ico_noticemore.png);
    background-size: 13px 13px;
    background-position: center center;
    background-repeat: no-repeat;
}

.r_boardwrap .rboard_wrap {
    background: #fff;
    border: 1px solid #e2e3e9;
}

.r_boardwrap .rboard_wrap .title_wrap {
    position: relative;
    height: 44px;
    padding: 0 0 0 15px;
    border-bottom: 1px solid #e2e3e9;
}
.rboard_wrap .title_wrap .title_txt {
    display: inline-block;
    height: 44px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 44px;
}
.rboard_wrap .title_wrap .btn_noticemore {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    background-image: url(../images/ico_noticemore.png);
    background-size: 13px 13px;
    background-position: center center;
    background-repeat: no-repeat;
}

.tbl_ldnotice_box {
    overflow-y: auto;
    height: 480px;
}
.tbl_ldnotice_box .tbl_ldnotice { width: 100%; }
.tbl_ldnotice_box .tbl_ldnotice tr {}
.tbl_ldnotice_box .tbl_ldnotice tr:nth-child(even) td { background: #fbfbfb; }
.tbl_ldnotice_box .tbl_ldnotice tr td {
    color: #333;
    font-size: 13px;
    padding: 15px 15px 14px 15px;
}
.tbl_ldnotice_box .tbl_ldnotice tr td.date { text-align: center; }
.tbl_ldnotice_box .tbl_ldnotice tr td a:hover { text-decoration: underline; }

.manual_wrap { margin-top: 10px; }
.manual_wrap:after {
    display: block;
    content: '';
    clear: both;
}

.manual_wrap .manual_btn {
    float: left;
    width: calc(25% - 5px);
    margin-right: 5px;
    margin-bottom: 5px;
    height: 148px;
    color: #333;
    background: #fff;
    font-size: 13.5px;
    text-align: center;
    padding-top: 69px;
    border-radius: 3px 3px 3px 3px;
    background-image: url(../images/img_me01.png);
    background-size: 27px 33px;
    background-position: center 25px;
    background-repeat: no-repeat;
}
.manual_wrap .manual_btn:hover {
    color: #fff;
    background: #73a5f8;
    background-image: url(../images/img_me01_on.png);
    background-size: 27px 33px;
    background-position: center 25px;
    background-repeat: no-repeat;
}

/* circle.css **************************************************/

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice { clip: rect(auto, auto, auto, auto); }

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
    position: absolute;
    border: 0.08em solid #487fed;
    width: 0.84em;
    height: 0.84em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    margin: 0 0.1em 0.1em 0;
    background-color: #f6f7f9;
    z-index: 0;
}
.c100 *,
.c100 *:before,
.c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.c100.center {
    float: none;
    margin: 0 auto;
}
.c100.big { font-size: 210px; }
.c100.small { font-size: 70px; }
.c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #cccccc;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.c100:after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #fff;
    width: 0.84em;
    height: 0.84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}
.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}
.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}
.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}
.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}
.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}
.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}
.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}
.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}
.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}
.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}
.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}
.c100.p13 .bar {
    -webkit-transform: rotate(46.800000000000004deg);
    -moz-transform: rotate(46.800000000000004deg);
    -ms-transform: rotate(46.800000000000004deg);
    -o-transform: rotate(46.800000000000004deg);
    transform: rotate(46.800000000000004deg);
}
.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}
.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}
.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}
.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}
.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}
.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}
.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}
.c100.p21 .bar {
    -webkit-transform: rotate(75.60000000000001deg);
    -moz-transform: rotate(75.60000000000001deg);
    -ms-transform: rotate(75.60000000000001deg);
    -o-transform: rotate(75.60000000000001deg);
    transform: rotate(75.60000000000001deg);
}
.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}
.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}
.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}
.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.c100.p26 .bar {
    -webkit-transform: rotate(93.60000000000001deg);
    -moz-transform: rotate(93.60000000000001deg);
    -ms-transform: rotate(93.60000000000001deg);
    -o-transform: rotate(93.60000000000001deg);
    transform: rotate(93.60000000000001deg);
}
.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}
.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}
.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}
.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}
.c100.p31 .bar {
    -webkit-transform: rotate(111.60000000000001deg);
    -moz-transform: rotate(111.60000000000001deg);
    -ms-transform: rotate(111.60000000000001deg);
    -o-transform: rotate(111.60000000000001deg);
    transform: rotate(111.60000000000001deg);
}
.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}
.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}
.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}
.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}
.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}
.c100.p37 .bar {
    -webkit-transform: rotate(133.20000000000002deg);
    -moz-transform: rotate(133.20000000000002deg);
    -ms-transform: rotate(133.20000000000002deg);
    -o-transform: rotate(133.20000000000002deg);
    transform: rotate(133.20000000000002deg);
}
.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}
.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}
.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}
.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}
.c100.p42 .bar {
    -webkit-transform: rotate(151.20000000000002deg);
    -moz-transform: rotate(151.20000000000002deg);
    -ms-transform: rotate(151.20000000000002deg);
    -o-transform: rotate(151.20000000000002deg);
    transform: rotate(151.20000000000002deg);
}
.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}
.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}
.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}
.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}
.c100.p47 .bar {
    -webkit-transform: rotate(169.20000000000002deg);
    -moz-transform: rotate(169.20000000000002deg);
    -ms-transform: rotate(169.20000000000002deg);
    -o-transform: rotate(169.20000000000002deg);
    transform: rotate(169.20000000000002deg);
}
.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}
.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}
.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}
.c100.p52 .bar {
    -webkit-transform: rotate(187.20000000000002deg);
    -moz-transform: rotate(187.20000000000002deg);
    -ms-transform: rotate(187.20000000000002deg);
    -o-transform: rotate(187.20000000000002deg);
    transform: rotate(187.20000000000002deg);
}
.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}
.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}
.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}
.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}
.c100.p57 .bar {
    -webkit-transform: rotate(205.20000000000002deg);
    -moz-transform: rotate(205.20000000000002deg);
    -ms-transform: rotate(205.20000000000002deg);
    -o-transform: rotate(205.20000000000002deg);
    transform: rotate(205.20000000000002deg);
}
.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}
.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}
.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}
.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}
.c100.p62 .bar {
    -webkit-transform: rotate(223.20000000000002deg);
    -moz-transform: rotate(223.20000000000002deg);
    -ms-transform: rotate(223.20000000000002deg);
    -o-transform: rotate(223.20000000000002deg);
    transform: rotate(223.20000000000002deg);
}
.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}
.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}
.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}
.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}
.c100.p67 .bar {
    -webkit-transform: rotate(241.20000000000002deg);
    -moz-transform: rotate(241.20000000000002deg);
    -ms-transform: rotate(241.20000000000002deg);
    -o-transform: rotate(241.20000000000002deg);
    transform: rotate(241.20000000000002deg);
}
.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}
.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}
.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}
.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}
.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}
.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}
.c100.p74 .bar {
    -webkit-transform: rotate(266.40000000000003deg);
    -moz-transform: rotate(266.40000000000003deg);
    -ms-transform: rotate(266.40000000000003deg);
    -o-transform: rotate(266.40000000000003deg);
    transform: rotate(266.40000000000003deg);
}
.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}
.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}
.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}
.c100.p79 .bar {
    -webkit-transform: rotate(284.40000000000003deg);
    -moz-transform: rotate(284.40000000000003deg);
    -ms-transform: rotate(284.40000000000003deg);
    -o-transform: rotate(284.40000000000003deg);
    transform: rotate(284.40000000000003deg);
}
.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}
.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}
.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}
.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}
.c100.p84 .bar {
    -webkit-transform: rotate(302.40000000000003deg);
    -moz-transform: rotate(302.40000000000003deg);
    -ms-transform: rotate(302.40000000000003deg);
    -o-transform: rotate(302.40000000000003deg);
    transform: rotate(302.40000000000003deg);
}
.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}
.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}
.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}
.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}
.c100.p89 .bar {
    -webkit-transform: rotate(320.40000000000003deg);
    -moz-transform: rotate(320.40000000000003deg);
    -ms-transform: rotate(320.40000000000003deg);
    -o-transform: rotate(320.40000000000003deg);
    transform: rotate(320.40000000000003deg);
}
.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}
.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}
.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}
.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}
.c100.p94 .bar {
    -webkit-transform: rotate(338.40000000000003deg);
    -moz-transform: rotate(338.40000000000003deg);
    -ms-transform: rotate(338.40000000000003deg);
    -o-transform: rotate(338.40000000000003deg);
    transform: rotate(338.40000000000003deg);
}
.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
}
.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}
.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}
.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}
.c100.p99 .bar {
    -webkit-transform: rotate(356.40000000000003deg);
    -moz-transform: rotate(356.40000000000003deg);
    -ms-transform: rotate(356.40000000000003deg);
    -o-transform: rotate(356.40000000000003deg);
    transform: rotate(356.40000000000003deg);
}
.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.c100:hover { cursor: default; }
.c100:hover > span {
    width: 3.33em;
    line-height: 3.33em;
    font-size: 0.3em;
    color: #307bbb;
}
.c100:hover:after {
    top: 0.04em;
    left: 0.04em;
    width: 0.92em;
    height: 0.92em;
}
.c100.dark { background-color: #777777; }
.c100.dark .bar,
.c100.dark .fill { border-color: #c6ff00 !important; }
.c100.dark > span { color: #777777; }
.c100.dark:after { background-color: #666666; }
.c100.dark:hover > span { color: #c6ff00; }

.c100.green .bar,
.c100.green .fill { border-color: #4db53c !important; }
.c100.green:hover > span { color: #4db53c; }

.c100.green.dark .bar,
.c100.green.dark .fill { border-color: #5fd400 !important; }
.c100.green.dark:hover > span { color: #5fd400; }

.c100.ongoing .bar,
.c100.ongoing .fill { border-color: #f3b44e !important; }
.c100.ongoing:hover > span { color: #f3b44e; }

.c100.ongoing.dark .bar,
.c100.ongoing.dark .fill { border-color: #e08833 !important; }
.c100.ongoing.dark:hover > span { color: #e08833; }

/* circle.css **************************************************/


/* 2020-12-16 : CBR Landing **************************************************/

/* for IE only  **************************************************/
@media screen and (min-width:0\0){

}
/* for IE only  **************************************************/