@charset "utf-8";

/* Default */
.bg-f5 {background-color:#f5f5f5;}
.bg-f8 {background-color:#f8f8f8;}
.bg-gray5 {background-color:#f5f5f5;}
.bg-gray8 {background-color:#f8f8f8;}
.bg-purple {background-color:#312c6b;}
.section-wrap > .bg-gray8 {margin-left:-22px; margin-right:-22px; padding:32px 22px; border-radius:4px;}
.ico-text + .bg-gray8 {display:none; margin-top:48px;}
.ico-text.on + .bg-gray8 {display:block;}
.bg-navy {background-color:#37405e;}
.section.bg-navy .title20 {color:#fff;}
.section.bg-navy .text-mid {color:#888fa7;}

.white {color:#fff !important;}
.dark {color:#0f0f0f !important;}
.blue {color:#286ef1 !important;}
.red {color:#f50057 !important;}
.gray {color:#616161 !important;}
.gray8 {color:#888 !important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#bbb;}/* IE 10 + */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#bbb;}/* Webkit Browser */
input:-moz-placeholder, textarea:-moz-placeholder {color:#bbb;}/* Mozilla Firefox 4 to 18 */
input::-moz-placeholder, textarea::-moz-placeholder {color:#bbb;}/* Mozilla Firefox 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:transparent;}/* IE 10 + */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;}/* Webkit Browser */
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:transparent;}/* Mozilla Firefox 4 to 18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:transparent;}/* Mozilla Firefox 19+ */
input {appearance:none; -webkit-apperarance:none; -webkit-border-radius:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:0px; vertical-align:middle;}
textarea {width:100%; vertical-align:middle; resize:none; appearance:none; -webkit-apperarance:none; -webkit-border-radius:0;}
select {appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;}
select::-ms-expand {display:none;}
:root select {padding:0px 30px 0px 5px;}
.ie9 select {padding:5px 35px 4px 5px;background:none;}
.ie9 :root select {padding:0; font-size:0;}
input.isearch{}

/* text */
.title24 {font-family:"NotoSansBold"; font-size:24px; line-height:32px;}
.title30 {font-family:"NotoSansBold"; font-size:30px; line-height:32px;}
.title36 {font-family:"NotoSansBold"; font-size:36px; line-height:38px;}
.section > .title24:first-child {margin-top:16px;}
.title20 {font-family:"NotoSansBold"; font-size:20px; line-height:30px;}
.section > .title20:first-child {margin-top:16px;}
.title18 {font-family:"NotoSansBold"; font-size:18px; line-height:26px;}
.top-check {padding-top:40px; background:url('/mba/images/customer/ico_success.gif') no-repeat 50% 0; background-size:32px;}
.section > .title18 {padding:0 22px;}
.title18 em {font-family:"NotoSansBold";}
.title16 {font-family:"NotoSansBold"; font-size:16px; line-height:24px;}
.section-header > .title16 {padding:0 22px;}
.title14 {font-family:"NotoSansBold"; font-size:14px; line-height:22px;}
.text-big {font-family:"NotoSansBold"; font-size:16px; line-height:24px;}
.text-mid {font-size:14px; line-height:22px;}
.section .text-mid + .text-mid {margin-top:32px;}
.section-wrap .title16 + .text-mid {margin-top:16px;}
.section-wrap .text-mid + .text-mid {margin-top:32px;}
.section > .title20 + .text-mid {margin-top:8px; color:#888;}
.section > .title24 + .text-mid {margin-top:16px; color:#616161;}
.section .title16 + .text-mid {margin-top:16px; color:#616161;}
.section .title16 + .text-big, .section-wrap .title16 + .text-big {margin-top:16px; font-family:"NotoSansRegular"; color:#616161;}
.ico-text02 + .text-mid {margin-top:16px; color:#616161;}
.intro-list + .intro-list {margin-top:48px;} 

.text-small {font-size:13px; line-height:20px;}
.tbl-wrap + .text-small {margin-top:16px; color:#616161;}
.title16 + .text-small {margin-top:8px;}
.bul-list + .text-small {margin:24px -32px 0; padding:24px 32px 0 32px; border-top:1px solid #eee;}
.text-info {font-size:12px; line-height:18px;}
.title24, .title20, .title18, .title26, .title14, .text-big, .text-mid, .text-small, .text-info {word-break:keep-all;}
.point-wrap {display:block; position:relative; padding:48px 32px;}
.text-point {display:block; position:relative; padding:24px 0; font-size:15px; text-align:center; word-break:keep-all; line-height:20px;}
.text-point:before {content:''; display:block; position:absolute; top:0; left:0; width:16px; height:16px; background:url('/mba/images/product/ico_top.png') no-repeat 50% 50%; background-size:16px;}
.text-point:after {content:''; display:block; position:absolute; bottom:0; right:0; width:16px; height:16px; background:url('/mba/images/product/ico_bottom.png') no-repeat 50% 50%; background-size:16px;}

/* Bullet */
.bul-list {display:block; position:relative;}
.text-mid + .bul-list {margin-top:16px;}
.btn-toggle + .bul-list {display:none; margin-top:16px;}
.btn-toggle.active + .bul-list {display:block;}
.tbl-y + .bul-list {margin-top:12px;}
.tbl-wrap + .bul-list {margin-top:12px;}
.tab-content + .bul-list {margin-top:12px;}
.qna-list + .bul-list {margin-top:12px;}
.inp-line + .bul-list {margin-top:12px;}
.bul-list li {display:block; position:relative; padding-left:11px; font-size:12px; color:#888; line-height:18px; font-family:'NotoSansRegular'}
.bul-list li + li {margin-top:8px;}
.bul-list li:before {content:''; display:block; position:absolute; top:8px; left:0; clear:both; width:3px; height:3px; border-radius:1.5px; background-color:#9e9e9e;}
.bul-list.large li{font-size:13px;color:#616161}
.bul-list.large li:before{background-color:#616161}

.desc-list li {display:block; position:relative; padding-left:14px; font-size:12px; color:#616161; line-height:18px;}
.desc-list li + li {margin-top:4px;}
.desc-list li:before {content:'※'; display:block; position:absolute; top:0; left:0; clear:both; color:#888}


/* top5-list */
.top5-list {display:block; position:relative;}
.top5-list li {display:block; position:relative; padding:2px 66px 2px 32px;}
.top5-list li + li {margin-top:12px;}
.top5-list li:before {content:''; display:block; position:absolute; top:0; left:0; clear:both; width:24px; height:24px;}
.top5-list li:nth-child(1):before {background:url('/mba/images/product/ico_num01.png') no-repeat 50% 50%; background-size:24px;}
.top5-list li:nth-child(2):before {background:url('/mba/images/product/ico_num02.png') no-repeat 50% 50%; background-size:24px;}
.top5-list li:nth-child(3):before {background:url('/mba/images/product/ico_num03.png') no-repeat 50% 50%; background-size:24px;}
.top5-list li:nth-child(4):before {background:url('/mba/images/product/ico_num04.png') no-repeat 50% 50%; background-size:24px;}
.top5-list li:nth-child(5):before {background:url('/mba/images/product/ico_num05.png') no-repeat 50% 50%; background-size:24px;}
.top5-list li .title {display:block; display:-webkit-box; position:relative; overflow:hidden; min-height:40px; font-size:14px; color:#212121; text-overflow:ellipsis; line-height:20px; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.top5-list li .val {display:block; position:absolute; top:2px; right:0; font-size:14px; color:#616161; line-height:22px;}

/* slide-text-set */
.text-set.slide-text-set {position:absolute; top:0; left:0; width:calc(100% - 22px);}
.text-set.slide-text-set .left-set {position:absolute; top:0; left:0; width:calc(100% - 114px);}
.text-set.slide-text-set + .tab-body {margin-top:0;}

/* border */
.bor-t {border-top:6px solid #eee;}
.bor-t1 {border-top:1px solid #eee;}
.bor-b {border-bottom:6px solid #eee;}
.bor-b1 {border-bottom:1px solid #eee;}

/* outer */
.outer-r {margin-right:-10px;}
.outer-l {margin-left:-10px;}
.outer-x10 {margin-right:-10px; margin-left:-10px;}
.outer-x12 {margin-right:-12px; margin-left:-12px;}
.outer-x22 {margin-right:-22px; margin-left:-22px;}
.title16 + .outer-x22 {margin-top:16px;}
.text-mid + .outer-x22 {margin-top:32px;}
.outer-x22.in {margin-top:24px; padding:24px 22px 0 22px; border-top:1px solid #eee;}
.outer-x32 {margin-right:-32px !important; margin-left:-32px !important;}
.outer-x32.in {margin-top:24px; padding:24px 32px 0 32px; border-top:1px solid #eee;}
.outer-b:after {content:''; display:block; position:absolute; bottom:-1px; left:-32px; width:calc(100% + 54px); height:1px; background-color:#ddd;}
.outer-x2232 {margin-right:-32px !important; margin-left:-22px !important;}


/* tab */
.tab-wrap {display:block; position:relative;}
.tab-area.flex{position:fixed;top:0;background-color:#fff;z-index:10;padding-right:60px;width:100%;}
.tab-area.flex .tab-wrap{background-color:#fff;margin-top:0 !important; margin-bottom:0 !important;padding-top:24px;}
.tab-nav {display:block; position:relative; font-size:0;}
.tab-nav li {display:inline-block;}
.tab-nav li a {display:block; position:relative;}

.tab-box {max-width:100%; overflow-x:auto;}
.tab-box .tab-nav {white-space:nowrap;}
.tab-box .tab-nav li + li {margin-left:4px;}
.tab-box .tab-nav li a {display:block; height:40px; padding:0 16px; border:1px solid #ddd; font-size:13px; color:#616161; line-height:38px;}

.tab-nav li a.no-click {pointer-events:none;}
.tab-lines {position:relative; margin-left:14px; padding-bottom:8px;}
/* .tab-lines .tab-nav {white-space:nowrap;}
.tab-lines .tab-nav li {position:relative;}
.tab-lines .tab-nav li + li {margin-left:4px;}
.tab-lines .tab-nav li a {height:33px; padding:0 8px 3px; font-size:14px; color:#888; line-height:30px;}
.tab-lines .tab-nav li:after {content:''; display:block; clear:both; position:absolute; bottom:0; left:8px; width:calc(100% - 16px); height:3px; background-color:#286ef1; transform:scaleX(0); transition:0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.tab-lines .tab-nav li.active a {font-family:"NotoSansBold"; color:#286ef1;}
.tab-lines .tab-nav li.active:after {transform:scaleX(1);}
.tab-body .tab-content .tab-wrap .tab-nav {padding:0 14px;} */

.under-line {height: 3px; position: absolute; bottom: 0; margin-top:8px; background: #286ef1;} 
.tab-nav {padding: 0; margin: 0; list-style: none;}
.tab-lines .tab-nav li {position:relative; padding: 0 8px 0; opacity:1; transition: all 0.4s ease}
/* .tab-lines .tab-nav li + li {margin-left:8px;} */
/* .tab-lines .tab-nav li:hover {opacity: .7} */     
.tab-lines .tab-nav li.active a {color:#286ef1;} 
/* .tab-lines .tab-nav li:last-child {margin-right: 0} */
.tab-lines .tab-nav a {height:22px; font-size:14px; color:#9e9e9e; line-height:22px;}

.tab-xline .tab-nav li a {height:33px; padding:0 16px 3px; font-size:14px; color:#888; line-height:30px;}
.tab-xline .tab-nav li.active a {font-family:"NotoSansBold"; color:#286ef1;}
.tab-xline .tab-nav li.active a:after {content:''; display:block; clear:both; position:absolute; bottom:0; left:16px; width:calc(100% - 32px); height:3px; background-color:#286ef1;}

.tab-xfull {width:100%; border-bottom:1px solid #eee;}
.tab-xfull .tab-nav li a {height:33px; padding:0 8px 3px; font-size:14px; color:#888; line-height:30px;}
.tab-xfull .tab-nav li.active a {color:#286ef1; font-weight:bold;}
.tab-xfull .tab-nav li.active a:after {content:''; display:block; clear:both; position:absolute; bottom:0; left:8px; width:calc(100% - 16px); height:3px; background-color:#286ef1;}

.tab-xscroll {max-width:calc(100% + 64px); overflow-x:auto; margin:0 -32px; padding:0 32px; border-bottom:1px solid #eee; box-sizing:content-box;}
.tab-xscroll.no-line{border-bottom:none;overflow-y:hidden}
.tab-xscroll .tab-nav {white-space:nowrap;}
.tab-xscroll .tab-nav li{}
.tab-xscroll .tab-nav li a {height:33px; padding:0 8px 3px; font-size:14px; color:#888; line-height:30px; font-family:'NotoSansRegular'}
.tab-xscroll .tab-nav li:first-child a {padding-left:0;}
.tab-xscroll .tab-nav li:last-child {margin-right:32px;}
.tab-xscroll .tab-nav li.active a {color:#286ef1; font-weight:bold;}
.tab-xscroll .tab-nav li a:after{opacity:0; content:''; display:block; clear:both; position:absolute; bottom:0; left:8px; width:0; height:3px; background-color:#286ef1; }
.tab-xscroll .tab-nav li.active a:after {transition:all 0.4s ease;opacity:1 ;content:''; display:block; clear:both; position:absolute; bottom:0; left:8px; width:calc(100% - 16px); height:3px; background-color:#286ef1; }
.tab-xscroll .tab-nav li.active:first-child a:after {left:0; width:calc(100% - 8px);}

.tab-yline .tab-nav li a {height:24px; padding:0 8px; font-size:14px; color:#888; line-height:24px;}
.tab-yline .tab-nav li:last-child a {padding-right:0;}
.tab-yline .tab-nav li.active a {font-family:"NotoSansBold"; color:#212121;}
.tab-yline .tab-nav li + li a:before {content:''; display:block; clear:both; position:absolute; top:5px; left:0; width:1px; height:14px; background-color:#ddd;}

.tab-sort .tab-nav li{z-index:4}
.tab-sort .tab-nav li+li {}
.tab-sort .tab-nav li+li a{}
.tab-sort .tab-nav li{position:relative}
.tab-sort .tab-nav li:first-child{margin-right:-4px;}
.tab-sort .tab-nav li:first-child a{border-radius:4px;padding-right:14px;}
.tab-sort .tab-nav li a {height:28px; padding:0 10px; font-size:12px; color:#bbb; line-height:28px; background-color:#fff;box-sizing:border-box;border-radius:0px 4px 4px 0px;overflow:hidden}
.tab-sort .tab-nav li.active{z-index:5;}
.tab-sort .tab-nav li.active a {padding-right:10px;border-radius:4px;background-color:#d3e2fc;font-family:"NotoSansBold"; color:#0070fa;}
.tab-sort .tab-nav li.active + li a{padding-left:14px;}
.tab-sort .tab-nav li + li a:before {display:none;}

/*리포트 조건 검색*/
.o2today .card.report .tab-sort .tab-nav li.active a{background-color:#d3f8ca; color:#009865;}

.tab-tag{border-bottom:none}
.tab-tag li:first-child{margin-left:0}
.tab-tag li{margin-left:8px;}
.tab-tag li .tag{display:inline-block;background-color:#eee;box-sizing:border-box;border-radius:4px;overflow:hidden}
.tab-tag li .tag>a{display:inline-block;font-size:12px;color:#616161;height:28px;line-height:28px;padding:0 8px !important;}

.tab-body {display:block; position:relative;}
.tab-nav + .tab-body {margin-top:20px;}
.text-set + .tab-body {margin-top:16px;}
.tab-body .tab-content {display:none; position:relative;}
.tab-body .tab-content.active {display:block;}
.tab-select {display:none; ; margin-top:48px; padding-bottom:64px;}
.tab-select.active {display:block;}

/* table */
.tbl-wrap {display:block; position:relative; overflow-y:scroll; border-top:1px solid #212121;}
.tbl-wrap.noScroll{overflow:hidden}
.title14 + .tbl-wrap {margin-top:17px;}
.tbl-wrap.tbl-more {overflow:hidden; max-height:123px;}
.tbl-wrap .tbl {width:100%; table-layout:fixed; border-collapse:collapse; border:0; border-spacing:0;}
.tbl-wrap.tbl-more .tbl {max-height:100%;}
.tbl-wrap .tbl th {padding:10px 12px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f5f5f5; font-size:13px; color:#616161; line-height:20px; text-align:center;}
.tbl-wrap .tbl.align-c th {text-align:center;}
.tbl-wrap .tbl tr th:first-child {/* padding-left:22px; */ border-left:none;}
/* .tbl-wrap .tbl tr th:last-child {padding-right:22px;} */
.tbl-wrap .tbl td {padding:10px 12px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-family:NotoSansRegular; font-size:13px; color:#616161; line-height:20px;}
.tbl-wrap .tbl tr td:first-child {border-left:none; text-align:center;}
.tbl-wrap .tbl td.black, .tbl-wrap .black{color:#212121}
.tbl-wrap .tbl .unfirst{border-left:1px solid #ddd !important;}
.tbl-wrap .tbl tr.focus td{border-top:1px solid #212121;border-bottom:1px solid #212121 !important;}
.tbl-wrap.tbl-bg + .tbl-unit {margin-top:10px;}
.tbl-wrap.tbl-bg .tbl tr:nth-child(even) td {background-color:#f5f5f5;}
.tbl-wrap.tbl-bg .up {color:#f50057;}
.tbl-wrap.tbl-bg .down {color:#286ef1;}
.tbl-wrap.noline .tbl{border-bottom:1px solid #ddd;}
.tbl-wrap.noline .tbl tbody td, .tbl-wrap.noline .tbl tbody th{border-bottom:none;}
.tab-body.tbl-chart .tbl-wrap {height:420px;}
.tbl-wrap .tbl tr td:last-child {/* padding-right:22px; */}
.tbl-unit {display:block; position:relative; padding:0 10px; font-size:13px; color:#888; line-height:20px; text-align:right;}

.tbl-wrap.tbl-bg2{border-bottom:1px solid #dfdfdf}
.tbl-wrap.tbl-bg2 .tbl tr td {border-bottom:none}
.tbl-wrap.tbl-bg2 .tbl tr th, .tbl-wrap.tbl-bg2 .tbl tr:nth-child(even) td {background-color:#f8f8f8;}

.t_bold{font-family:"NotoSansBold" !important}
.t_normal{font-family:"NotoSansRegular" !important}

/* pd01-301w */
.pd01-301w .tbl-wrap.tbl-bg {height:auto;}

/* .tbl-wrap + .tbl-unit {margin-top:12px;} */

.tbl-y {display:block; position:relative; border-top:1px solid #212121;}
.text-small + .tbl-y {margin-top:24px;}
.tbl-y .tbl th {padding:10px 16px; border-bottom:1px solid #ddd; background-color:#f8f8f8; font-size:13px; color:#616161; line-height:20px;}
.tbl-y .tbl td {padding:10px 16px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-size:13px; color:#616161; line-height:20px;}

.tbl-noline {display:block; position:relative;}
.tbl-noline .tbl {width:100%; table-layout:fixed; border-collapse:collapse; border:0; border-spacing:0;}
.tbl-noline .tbl th {padding:4px 0; font-size:13px; color:#9e9e9e; line-height:20px; text-align:left; vertical-align:top;}
.tbl-noline .tbl td {padding:4px 0 4px 8px; font-size:13px; color:#212121; line-height:20px;}
.tbl-noline .tbl td .point {margin-left:2px; color:#ff4058;}
.tbl-noline .tbl td .star-wrap {display:block; position:relative; width:80px; height:16px; background:url('/mba/images/product/ico_star_off.png') repeat-x 0 0; background-size:16px;}
.tbl-noline .tbl td .star-wrap .star {display:block; position:absolute; top:0; left:0; height:16px; background:url('/mba/images/product/ico_star_on.png') repeat-x 0 0; background-size:16px;}
.tbl-data {display:block; position:relative;}
.tbl-data li {display:block; position:relative; font-size:13px; color:#888; line-height:20px;}

.tbl-multi .clone-head-table-wrap {width:auto;}
.tbl-multi { /*height:390px;*/ min-height:100px; max-height:390px; margin-bottom:8px; font-size:13px; color:#616161; white-space:nowrap;}
.tbl-multi.hauto{max-height:inherit; }
.tbl-multi .up {position:relative; color:#ff4058;}
.tbl-multi .down {position:relative; color:#286ef1;}
.tbl-multi th, .tbl-multi td {padding:0 22px; border-left:1px solid #ddd; color:#616161;line-height:20px}
.tbl-multi th.nbl, .tbl-multi td.nbl{border-left:none}
.tbl-multi.pad10 th, .tbl-multi.pad10 td{padding:10px 5px;}
.tbl-multi.pad0 th, .tbl-multi.pad0 td, .tbl-wrap.pad0 .tbl th, .tbl-wrap.pad0 .tbl td{padding:10px 0px;}
.tbl-multi thead {background-color:#f5f5f5;}
.tbl-multi thead tr {height:40px;}
.tbl-multi thead th {border-bottom:1px solid #ddd; font-size:13px;}
.tbl-multi thead tr:first-child th:first-child {border-left:0;}
.tbl-multi tbody {border-bottom:1px solid #ddd;}
.tbl-multi tbody th,
.tbl-multi tbody td {font-family:NotoSansRegular; font-size:13px; }
.tbl-multi tbody td.no_data{text-align:center;border-left:0;padding:40px 0}
.tbl-multi tbody tr {height:40px; text-align:right;}
.tbl-multi tbody tr:nth-child(2n) {background-color:#f5f5f5;}
.tbl-multi tbody th:first-child, .tbl-multi tbody td:first-child {border-left:0; text-align:center;}

.tbl-multi.bgLine tbody th, .tbl-multi.bgLine tbody td{border-bottom:1px solid #ddd;}
.tbl-multi.bgLine tbody tr:last-child th, .tbl-multi.bgLine tbody tr:last-child td{border-bottom:0}
.tbl-multi.bgLine tbody tr:nth-child(2n) {background:none;}
.tbl-multi.bgLine tbody th{background-color:#f5f5f5;}

.tbl-multi table {display:table;}
/* .tbl-multi::-webkit-scrollbar {width:1px; height:4px;}
.tbl-multi::-webkit-scrollbar-thumb {border:2px solid #d8d8d8; border-radius:4px;}
.tbl-multi::-webkit-scrollbar-track {background-color:#fff;} */

.tbl-align + .tbl-wrap {margin-top:12px;}
.tbl-align {display:block; position:relative;}
.blue-box + .tbl-align {margin-top:12px;}
.tbl-align .tbl {width:100%; table-layout:fixed; border-collapse:collapse; border:0; border-spacing:0;}
.tbl-align .tbl th {padding:4px 0 4px 22px; font-size:13px; color:#888; line-height:22px; text-align:left;}
.tbl-align .tbl td {padding:4px 22px 4px 0; font-size:13px; color:#212121; line-height:22px;}
.tbl-align .tbl td .val {display:inline-block; position:relative;}
.tbl-align .tbl td .val.up {color:#ff4058;}
.tbl-align .tbl td .val.down {color:#286ef1;}
/* .tbl-align .tbl td .val.up .num:before {content:'+'; display:inline-block; clear:both;}
.tbl-align .tbl td .val.down .num:before {content:'-'; display:inline-block; clear:both;} */
.tbl-popup {display:inline-block; width:16px; height:16px; margin-left:2px; background:url('/mba/images/product/ico_pop.png') no-repeat 50% 50%; background-size:16px; font-size:0; text-indent:-9999px; vertical-align:middle;}

.h-reset .no-data-text {text-align:center;}

/* page */
.paging-wrap {display:block; position:fixed; bottom:24px; left:0; width:100%; text-align:center;}
.paging-wrap .text {display:inline-block; height:24px; padding:0 12px; border-radius:12px; background-color:rgba(0,0,0,0.3); font-size:13px; color:#fff; line-height:24px;}

/* video */
.video-wrap {display:block; position:relative; padding-top:0; height:192px}
.btn-video {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:4px; background:rgba(0,0,0,0.4) url('/mba/images/product/btn_play.png') no-repeat 50% 50%; background-size:48px; font-size:0; text-indent:-9999px;}
.title16 + .video-wrap {margin-top:16px;}
.video-wrap video {display:block; position:relative; width:100%; height:100%; border-radius:4px; background-color:#000; background-size:cover; background-position:inherit}
.video-wrap video[poster]{object-fit:cover}

/* button */
.btn-date {display:inline-block; position:relative; padding-right:16px; background:url('/mba/images/product/ico_arr_bottom.png') no-repeat 100% 50%; background-size:16px; font-size:13px; line-height:24px;}
.btn-select {display:block; position:relative; width:100%; padding:8px 0 11px; border-bottom:1px solid #ddd; background:url('/mba/images/product/ico_arr_bottom.png') no-repeat 100% 50%; background-size:24px; font-size:16px; line-height:24px; text-align:left;}
.btn-select>span{display:-webkit-box;overflow:hidden;max-height:24px;font-size:16px;color:#212121;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-right:20px}
.right-set .btn-date {vertical-align:top; }
.right-set .btn-date span{font-family:'NotoSansRegular'}
.btn-toggle {display:block; position:relative; width:100%; padding-left:20px; font-family:"NotoSansBold"; font-size:13px; color:#212121; line-height:24px; text-align:left; background:url('/mba/images/product/ico_arr_bottom02.png') no-repeat 100% 50%; background-size:24px;}
.bul-list + .btn-toggle {margin-top:48px;}
.btn-toggle.active {background:url('/mba/images/product/ico_arr_top02.png') no-repeat 100% 50%; background-size:24px;}
.btn-toggle:before {content:''; display:block; position:absolute; top:4px; left:0; clear:both; width:16px; height:16px; background:url('/mba/images/product/ico_notice.png') no-repeat 0 50%; background-size:16px;}
.btn-toggle.toggle-non{background:none}
.btn-toggle.toggle-non+.bul-list{display:block}
.btn-more {display:block; position:relative; width:100%; height:48px; border:none; border-radius:4px; background-color:#eee; font-size:14px; color:#616161; line-height:48px; text-align:center;}
.tbl-more + .btn-wrap .btn-more:before {content:''; display:block; position:absolute; top:-80px; width:100%; height:80px; background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%);}
.tbl-more.active + .btn-wrap .btn-more:before {display:none;}
.con-toggle.active + .ui-toggle {margin-top:16px;}
.ui-toggle .btn-more:after {content:'더보기';}
.con-toggle + .ui-toggle .btn-more:after {content:'더보기';}
.ui-toggle.active .btn-more:after {content:'닫기'; display:block; clear:both;}
.con-toggle.active + .ui-toggle .btn-more:after {content:'닫기';}
.btn-pop {display:inline-block; width:16px; height:16px; margin-left:2px; background:url(/mba/images/product/ico_pop.png) 0 0 no-repeat; background-size:16px; text-indent:-9999px;}
.btn-gray {display:block; position:relative; width:100%; height:40px; border:none; border-radius:4px; background-color:#eee; font-size:12px; color:#616161; line-height:39px; text-align:center; box-sizing:border-box;}
.btn-gray.Large{border-radius:0px;font-size:16px;line-height:63px;height:64px}
.btn-sky {display:block; position:relative; width:100%; height:40px; border:none; border-radius:4px; background-color:#e2ecff; font-family:"NotoSansBold"; font-size:16px; color:#286ef1; line-height:39px; text-align:center; box-sizing:border-box;}
.btn-sky.Large{height:48px; line-height:47px}
.btn-sky.Large2{height:56px; line-height:55px}
.btns-blue {display:block; position:relative; width:100%; height:40px; border:none; border-radius:4px; background-color:#286ef1; font-size:12px; color:#fff; line-height:39px; text-align:center; box-sizing:border-box;}
.btnm-blue {display:block; position:relative; width:100%; height:56px; border:none; border-radius:4px; background-color:#286ef1; font-size:14px; color:#fff; line-height:55px; text-align:center; box-sizing:border-box;}
.btnm-gray {display:block; position:relative; width:100%; height:56px; border:none; border-radius:4px; background-color:#e9e9e9; font-size:14px; color:#616161; line-height:55px; text-align:center; box-sizing:border-box;}
.btn-blue {display:block; position:relative; width:100%; height:64px; background-color:#286ef1; font-family:"NotoSansBold"; font-size:16px; color:#fff; line-height:63px; text-align:center; box-sizing:border-box;}
.btn-blue:disabled {background-color:#94b7f8;}
.btn-white {display:block; position:relative; width:100%; height:64px; border-radius:4px; background-color:#fff; font-family:"NotoSansBold"; font-size:14px; color:#286ef1; line-height:63px; text-align:center; box-sizing:border-box;}
.btn-white:disabled {background-color:#eee;}
.bottom-wrap {position:fixed; bottom:0; left:0; width:100%;}
.btn-share {display:block; width:24px; height:24px; background:url('/mba/images/product/btn_share.png') 50% 50% no-repeat; background-size:24px; text-indent:-9999px; box-sizing:border-box;}
.btn-underline {font-size:13px; color:#888; line-height:20px; text-decoration:underline;}
.btn-underline02 {position:relative; padding-right:16px; background:url('/mba/images/product/ico_arr_right04.png') no-repeat 100% 50%; background-size:16px; font-size:12px; color:#212121; line-height:18px; text-decoration:underline;}
.btn-underline03 {position:relative; padding-right:16px; background:url('/mba/images/product/ico_arr_right_bk.png') no-repeat 100% 50%; background-size:16px; font-size:12px; color:#212121; line-height:18px; text-decoration:underline;}
.btn-pdf {display:block; width:24px; height:24px; background:url('/mba/images/product/btn_pdf.png') 50% 50% no-repeat; background-size:24px; text-indent:-9999px; box-sizing:border-box;}
.btn-reset {display:block; width:24px; height:24px; background:url('/mba/images/product/btn_reset2.png') 50% 50% no-repeat; background-size:24px; text-indent:-9999px; box-sizing:border-box;}
.btn-setup {display:inline-block; width:16px; height:16px; color:#fff; vertical-align:middle; margin-left:4px;  text-indent:-9999px;  background:url('/mba/images/product/btn_setup.png') right 50% no-repeat; background-size:16px;}
.btn-help{display:inline-block;  width:16px; height:16px; color:#fff; vertical-align:middle; text-indent:-9999px;  background:url('/mba/images/product/ico_help.png') right 50% no-repeat; background-size:16px;}
.btn-help.text{text-indent:0;font-size:12px;color:#888;line-height:16px;width:auto;padding-right:20px;font-weight:normal}

/* swiper */
.swiper-container {position:relative; overflow:hidden; border-radius:4px;}
.swiper-a .swiper-container {padding-bottom:30px;}
.swiper-container .swiper-wrapper {display:flex; width:100%; height:auto; display:-webkit-flex; display:-webkit-box;}
.swiper-container .swiper-pagination {position:absolute; left:0; bottom:24px; width:100%; text-align:center; z-index:10;}
.swiper-a .swiper-container .swiper-pagination {bottom:0;}
.swiper-container .swiper-pagination .swiper-pagination-bullet {display:inline-block; width:6px; height:6px; margin:0 3px; border-radius:3px; background-color:#fff;}
.swiper-a .swiper-container .swiper-pagination .swiper-pagination-bullet {background-color:#ddd; opacity:1;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active {width:18px;}
.swiper-a .swiper-container .swiper-pagination .swiper-pagination-bullet-active {background-color:#888; opacity:1;}
.swiper-container .swiper-wrapper .swiper-slide {display:flex; position:relative; border-radius:4px; text-align:center;}
.swiper-a .swiper-container .swiper-wrapper .swiper-slide {overflow:hidden; height:320px; padding-top:40px; text-align:left;}
.swiper-container .swiper-wrapper .swiper-slide img {width:100%; border-radius:4px;}
.swiper-container .swiper-wrapper .swiper-slide .swiper-text {position:absolute; top:32px; left:22px; font-family:"NotoSansBold"; font-size:24px; color:#fff; line-height:32px; text-align:left;}
.swiper-a .title16 {display:block; position:absolute; top:0; padding-left:22px;}
.swiper-a .swiper-wrapper .bg-f5 {/* height:352px;  */height:320px; margin-top:0 !important; box-sizing:border-box;}
.swiper-a .swiper-wrapper .bg-f5 .text-mid{font-family:"NotoSansLight";}
.inner02.bg-f5 {width:100%;}
.swiper-button-next {position:absolute; top:50%; right:12px; width:32px; height:32px; transform:translateY(-50%); background:url('/mba/images/product/ico_arr_right03_w.png') no-repeat 50% 50%; background-size:32px;}
.swiper-button-prev {position:absolute; top:50%; left:12px; width:32px; height:32px; transform:translateY(-50%); background:url('/mba/images/product/ico_arr_left03_w.png') no-repeat 50% 50%; background-size:32px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display:none;}

.swiper-l .swiper-wrapper {display:flex !important; position:relative; margin-bottom:24px;}
.swiper-l .swiper-pagination {bottom:0;}
.swiper-l .swiper-pagination .swiper-pagination-bullet {background-color:#ddd; opacity:1;}
.swiper-l .swiper-pagination .swiper-pagination-bullet-active {background-color:#888; opacity:1;}

.swiper-reward {padding:16px 0 32px 0; border-radius:4px; background-color:#fff;}
.swiper-reward .swiper-pagination {bottom:0;}
.swiper-reward .swiper-pagination .swiper-pagination-bullet {background-color:#ddd; opacity:1;}
.swiper-reward .swiper-pagination .swiper-pagination-bullet-active {background-color:#888; opacity:1;}

/* dateModal-wrap */
.dateModal-wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:5;}
.dateModal-wrap .date-box {display:block; position:absolute; left:0; bottom:-100%; width:100%;}
.dateModal-wrap .date-header {display:block; position:relative; height:52px; border-radius:10px 10px 0 0; background-color:#fff;}
.dateModal-wrap .date-header .title {font-size:14px; line-height:52px; text-align:center;}
.dateModal-wrap .date-body {display:block; position:relative; background-color:#fff;}
.btn-blue + .dateModal-wrap .date-body {padding:40px 32px; border-radius:10px 10px 0 0; text-align:left;}
.dateModal-wrap .date-body .radio-wrap {display:block; position:relative; height:56px;}
.dateModal-wrap .date-body .radio-wrap + .radio-wrap {border-top:1px solid #eee;}
.dateModal-wrap .date-body .radio-wrap label {display:block;}
.dateModal-wrap .date-body .radio-wrap label input {position:absolute; top:0; left:0; width:0; height:0;}
.dateModal-wrap .date-body .radio-wrap label span {position:relative; padding:0 24px; line-height:56px; display:-webkit-box;overflow:hidden;max-height:56px;color:#212121;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;}
/*.dateModal-wrap .date-body .radio-wrap label input:checked + span*/
.dateModal-wrap .date-body .radio-wrap label input.check + span{color:#286ef1;padding-right:40px}
.dateModal-wrap.account .date-body .radio-wrap label input.check  + span + small  {color:#286ef1;}
.dateModal-wrap .date-body .radio-wrap label input + span:after {content:''; display:block; position:absolute; top:50%; left:calc(100% - 48px); width:0; height:24px; margin-top:-12px; background:url('/mba/images/product/ico_check_on.png') no-repeat 0 50%; background-size:24px;}
/*.dateModal-wrap .date-body .radio-wrap label input:checked + span:after*/
.dateModal-wrap .date-body .radio-wrap label input.check + span:after {width:24px; transition:all ease-out 0.5s; -webkit-transition:all ease-out 0.5s; -moz-transition:all ease-out 0.5s; -o-transition:all ease-out 0.5s;}
.dateModal-wrap .date-box > .date-close {display:block; position:absolute; top:14px; right:24px; width:24px; height:24px; background:url('/mba/images/product/btn_exit.png') no-repeat 50% 50%; background-size:24px; font-size:0; text-indent:-9999px;}
.dateModal-wrap .date-footer {display:block; position:relative; overflow:hidden;}
.dateModal-wrap .date-footer .btn-confirm {width:100%; background-color:#286ef1; font-size:16px; line-height:64px; color:#fff;}
.dateModal-wrap .date-footer .btn-cancel {float:left; width:50%; background-color:#eee; font-size:16px; line-height:64px; color:#616161;}
.dateModal-wrap .date-footer .btn-cancel + .btn-confirm {float:left; width:50%;}


/*계좌*/
.dateModal-wrap.account .date-body {max-height:290px;overflow-y:auto}
.dateModal-wrap.account .date-body .radio-wrap{height:73px;}
.dateModal-wrap.account .date-body .radio-wrap label input + span{padding:8px 24px; line-height:36px;}
.dateModal-wrap.account .date-body .radio-wrap label input + span:after{margin-top:-3px}
.dateModal-wrap.account .date-body .radio-wrap label input + span + small{display:block; position:absolute; top:40px;left:24px; font-size:12px;}


/* appModal-wrap */
.no-drag {overflow:hidden; height:100%;}
.appModal-wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:5;}
.appModal-wrap.active {display:block;}
.appModal-wrap .app-box {display:block; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center;}
.appModal-wrap .app-box .title20 + .text-mid {margin-top:12px;}
.appModal-wrap .app-box .text-mid + .btn-wrap {margin-top:24px;}
.appModal-wrap .app-box .btn-wrap {display:block; position:relative;}
.appModal-wrap .app-box .btn-wrap .btn-app {display:inline-block; padding:0 34px; border-radius:4px; background-color:#d4e2fc; font-family:"NotoSansBold"; font-size:12px; color:#286ef1; line-height:40px;}
.app-close {display:block; position:absolute; bottom:64px; left:0; width:100%; text-align:center;}
.app-close .text {display:inline-block; padding:0 10px; font-size:12px; color:#fff; text-decoration:underline; line-height:28px;}

/* noticeModal-wrap */
.noticeModal-wrap {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:12;}
.noticeModal-wrap .notice-box {display:block; position:absolute; left:0; bottom:-100%; width:100%;}
.noticeModal-wrap .notice-body {display:block; position:relative; padding:40px 32px; border-radius:10px 10px 0 0; background-color:#fff;}
.noticeModal-wrap .notice-body .text-small {color:#616161;}
.noticeModal-wrap .notice-body .title18 + .text-small {padding-top:12px;}
.noticeModal-wrap .notice-body .text-small + .btn-wrap {margin-top:32px; text-align:left;}
.noticeModal-wrap .notice-body .btn-wrap .btn-modal {display:block; position:relative; padding:16px 22px; border:1px solid #ccc; border-radius:4px;}
.noticeModal-wrap .notice-body .btn-wrap .btn-modal:active {padding:15px 21px; border:2px solid #286ef1;}
.noticeModal-wrap .notice-body .btn-wrap .btn-modal + .btn-modal {margin-top:8px;}
.noticeModal-wrap .notice-body .btn-wrap .btn-modal .title14 {display:block; color:#606060; line-height:22px;}
.noticeModal-wrap .notice-body .btn-wrap .btn-modal:active .title14 {color:#286ef1;}
.noticeModal-wrap .notice-body .btn-wrap .btn-modal .text-info {display:block; margin-top:8px; line-height:18px;}
.noticeModal-wrap .notice-body .btn-wrap .btn-modal .text-info .black {color:#616161;}

.noticeModal-wrap .notice-footer {display:block; position:relative; overflow:hidden;}
.noticeModal-wrap .notice-footer .btn-confirm {width:100%; background-color:#286ef1; font-size:16px; line-height:64px; color:#fff;}
.noticeModal-wrap .notice-footer .btn-cancel {float:left; width:50%; background-color:#eee; font-size:16px; line-height:64px; color:#616161;}
.noticeModal-wrap .notice-footer .btn-cancel + .btn-confirm {float:left; width:50%;}

/* toast-pop-wrap */
.toast-pop-wrap {position:fixed; right:0; bottom:0; left:0; height:44px; margin:0 auto; padding:12px; border-radius:22px; background-color:#616161; text-align:center; opacity:0;animation-duration:3.7s; animation-name:toastOn; animation-fill-mode:forwards;}
.mar-blue .toast-pop-wrap {margin-bottom:64px;}
.toast-pop-wrap.active {animation-duration:3.7s; animation-name:toastOn; animation-fill-mode:forwards;}
.toast-pop-wrap .toast-text {position:absolute; top:50%; left:0; right:0; overflow:hidden; margin-top:-10px; font-size:14px; color:#fff; line-height:20px; white-space:pre;}

/* 프로모션 이벤트 pop */
.layModal-wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:5;color:#fff}
.btn-launch.active + .layModal-wrap {display:block;}
.layModal-wrap .lay-header {display:block; position:relative; padding:60px 32px 15px;}
.layModal-wrap .lay-header .title26 {font-family:"NotoSansBold";font-size:23px}
.layModal-wrap .lay-header .text {display:block;padding-top:10px;font-size:13px}
.layModal-wrap .lay-body {display:block; position:relative; overflow-y:scroll; height:calc(100% - 80px); padding:0;}
.layModal-wrap .lay-body .info-box{display:block; margin:0 auto; background:url('/mba/images/customer/img_launching_event_invest.png') no-repeat 0 0;background-size:317px auto; width:317px;height:415px}
.layModal-wrap .layModal-close {display:block; position:absolute; top:14px; right:24px; width:24px; height:24px; background:url('/mba/images/customer/btn_exit2.png') no-repeat 50% 50%; background-size:24px; font-size:0; text-indent:-9999px;}

.info-box .invest-info{display:block;padding-top:16px;margin-left:65px;margin-right:50px;}
.info-box .invest-info ul{}
.info-box .invest-info ul li{display:block; position:relative; padding-left:30px;min-height:175px;}
.info-box .invest-info ul li .num{display:block; position:absolute; top:0; left:0;}
.info-box .invest-info ul li .num>strong{display:block;font-size:18px; color:#286EF1;}
.info-box .invest-info ul li .num:before{content:'';display:inline-block;width:9px;height:9px;background:url('/mba/images/customer/ico_invest_point.png') no-repeat 0 0;background-size:9px auto;}
.info-box .invest-info ul li .invest-area{display:block;text-align:left;}
.info-box .invest-info ul li .invest-area .title-head{display:block;font-size:18px;color:#286EF1;line-height:24px;padding-top:12px}
.info-box .invest-info ul li .invest-area .text-info{display:block;color:#888;font-size:11px;padding-top:3px;line-height:16px}
.info-box .invest-info ul li .invest-area .btn-wrap{margin-top:10px;}
.info-box .invest-info ul li .invest-area .btn-wrap button{width:80%;height:44px;line-height:43px;font-size:13px;border-radius:8px}
.info-box .invest-info ul li:nth-child(2){margin-top:16px;}

.lay-body .bul-list{width:300px;margin:0 auto}


.layModal-wrap2 {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:5;color:#fff}
.layModal-wrap2.bg-non{background:none;}
.btn-mission.active + .layModal-wrap2 {display:block;}
.layModal-wrap2 .lay-body{display:block; position:absolute; left:50%; top:50%; margin-top:-214px; margin-left:-148px; width:296px; /* height:453px; */ height:428px; text-align:center;}
.layModal-wrap2 .lay-body .layModal-close, .lay-area .lay-body .layModal-close{display:block; position:absolute; top:17px; right:9px; width:24px; height:24px; background:url('/mba/images/customer/btn_exit2.png') no-repeat 50% 50%; background-size:24px; font-size:0; text-indent:-9999px;}
.lay-area.app .lay-body .layModal-close{top:4.2%;right:5%}

.app-bg{background-color:#286ef1}

.lay-area{display:block;position:relative;width:296px}
.lay-area.app{display:block;position:relative;width:100%;overflow:hidden}
.lay-area.app .btn-wrap{border-top:1px solid #538bf3}
.lay-area.app .btn-blue{height:56px;line-height:55px;font-family:"NotoSansMedium"}
.lay-area .stampBox{margin:0}

/* 찍장인 이벤트 pop */
.layModal-wrap3 {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:5;}
.btn-layer.active + .layModal-wrap3 {display:block;}
.layModal-wrap3 .lay-warp {display:block; position:relative; padding:50px 32px;}
.layModal-wrap3 .lay-warp .lay-header {display:block; position:relative; background-color:#286ef1; padding:15px 0 14px; text-align:center;}
.layModal-wrap3 .lay-warp .lay-header .title23 {display:block;margin-right:12px;font-family:"NotoSansBold";font-size:20px;line-height:25px;color:#fff}
.layModal-wrap3 .lay-warp .lay-header .text {display:block;padding-top:10px;font-size:13px}
.layModal-wrap3 .lay-warp .lay-body {background-color:#fff; display:block; position:relative; height:480px; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:35px 18px; text-align:left}
.layModal-wrap3 .lay-warp .lay-body .info-box{}
.layModal-wrap3 .lay-warp .layModal-close {display:block; z-index:6; position:absolute; top:66px; right:44px; width:24px; height:24px; background:url('/mba/images/customer/btn_exit2.png') no-repeat 50% 50%; background-size:24px; font-size:0; text-indent:-9999px;}

/* 도움말 pop */
.layhelp-wrap {display:none; position:absolute; top:35px; left:0; width:100%; height:100%; z-index:5;}
.btn-help.active + .layhelp-wrap {display:block;}
.layhelp-wrap .lay-warp {display:block; position:relative; border-radius:4px; box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.18); margin:0; overflow:hidden}
.layhelp-wrap .lay-warp .lay-header {display:block; position:relative; background-color:#fff; padding:24px 24px 10px; text-align:left;}
.layhelp-wrap .lay-warp .lay-body {background-color:#fff; display:block; position:relative; height:auto; padding:0px 24px 24px; text-align:left}
.layhelp-wrap .lay-warp .layModal-close {display:block; z-index:6; position:absolute; top:12px; right:12px; width:24px; height:24px; background:url('/mba/images/product/btn_exit.png') no-repeat 50% 50%; background-size:24px; font-size:0; text-indent:-9999px;}
.layhelp-wrap .lay-warp .bul-list{width:auto}

.stampBox{display:block;margin:0 auto;background:url('/mba/images/customer/img_stamp_bg.png') no-repeat 0 0; background-size:296px auto; width:296px; height:428px}
.stampBox li{display:block; height:151px; height:124px}
.stampBox li.htitle {height:57px;font-size:16px;line-height:56px;text-align:center;color:#fff}
.stampBox li .stamp-area{display:table;margin-left:28px;height:151px;height:124px}
.stampBox li .stamp-area .stamp-head{display:table-cell;width:153px;height:124px;height:124px;vertical-align:middle;text-align:left;}
.stampBox li .stamp-area .stamp-head .miss-tit{display:block;font-size:12px;color:#fff;opacity:0.5;font-family:"NotoSansRegular";margin-bottom:12px;}
.stampBox li .stamp-area .stamp-head .miss-txt{font-size:16px;color:#fff;font-family:"NotoSansRegular";}
.stampBox li .stamp-area .stamp-head .miss-txt>strong{margin-top:5px;display:block;font-size:23px;letter-spacing:-1px}
.stampBox li .stamp-area .stamp-cont{display:table-cell;width:115px;height:124px;vertical-align:middle}
.stampBox li .stamp-area .stamp-cont.non{background:url('/mba/images/customer/img_stamp_none.png') no-repeat 0 0; background-size:115px auto; }
.stampBox li .stamp-area .stamp-cont.non>span{display:block;width:90px;text-align:center;margin-left:0;margin-top:3px;line-height:18px;opacity:0.5;}
.stampBox li .stamp-area .stamp-cont.ing{background:url('/mba/images/customer/img_stamp_complete1.png') no-repeat 0 0; background-size:115px auto; }
.stampBox li .stamp-area .stamp-cont.ing>span{display:block;width:90px;color:#00c1a8;text-align:center;margin-left:0;margin-top:10px;line-height:16px;}
.stampBox li .stamp-area .stamp-cont.complete{background:url('/mba/images/customer/img_stamp_complete2.png') no-repeat 0 0; background-size:115px auto; }
.stampBox li .stamp-area .stamp-cont.complete>span{display:block;width:90px;color:#17448a;font-size:12px;text-align:center;margin-left:0;margin-top:10px;line-height:16px;}
.stampBox li .stamp-area .stamp-cont.complete>span+p{display:block;width:90px;margin-left:0;margin-top:0px;line-height:18px;color:#17448a;font-family:"NotoSansBold";text-align:center;letter-spacing:-1px}
.stampBox li .stamp-area .stamp-cont.pay-ok{background:url('/mba/images/customer/img_stamp_complete3.png') no-repeat 0 0; background-size:115px auto; }
.stampBox li .stamp-area .stamp-cont.pay-ok>span{display:block;width:90px;color:#286ef1;font-size:12px;text-align:center;margin-left:0;margin-top:7px;line-height:16px;}
.stampBox li .stamp-area .stamp-cont.pay-ok>span+p{display:block;width:90px;margin-left:0;margin-top:0;line-height:18px;color:#286ef1;font-family:"NotoSansBold";text-align:center;letter-spacing:-1px;}


.stampBoxFull{display:block;margin:0 auto;width:100%;position:relative}
.stampBoxFull .bg{display:block;position:relative;width:100%}
.stampBoxFull .bg img{width:100%}
.stampBoxFull ul{display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0;}
.stampBoxFull li{display:block;/* height:151px; */height:29%;width:100%;}
.stampBoxFull li.htitle {height:13.3%;font-size:16px;text-align:center;color:#fff;display:table;vertical-align: middle;}
.stampBoxFull li.htitle>span{display:table-cell;vertical-align: middle;}
.stampBoxFull li.mission03{height:28.7%}
.stampBoxFull li .stamp-area{display:table;margin-left:8%;/* height:151px; */height:100%;width: 100%;}
.stampBoxFull li .stamp-area .stamp-head{display:table-cell;width:57%;/* height:151px; */height: 100%;vertical-align:middle;text-align:left;/* margin-left: 8%; */}
.stampBoxFull li .stamp-area .stamp-head .miss-tit{display:block;font-size:12px;color:#fff;opacity:0.5;font-family:"NotoSansRegular";margin-bottom:12px;}
.stampBoxFull li .stamp-area .stamp-head .miss-txt{font-size:16px;color:#fff;font-family:"NotoSansRegular";}
.stampBoxFull li .stamp-area .stamp-head .miss-txt>strong{margin-top:5px;display:block;font-size:23px;letter-spacing:-1px;}
.stampBoxFull li .stamp-area .stamp-cont{display:table-cell;width: auto;/* height:151px; */height: 100%;vertical-align:middle;}
.stampBoxFull li .stamp-area .stamp-cont.non{background:url('/mba/images/customer/img_stamp_none.png') no-repeat 0 50%; background-size:115px auto; }
.stampBoxFull li .stamp-area .stamp-cont.non>span{display:block;width:90px;text-align:center;margin-left:0;margin-top:2%;line-height:18px;opacity:0.5;color:#fff}
.stampBoxFull li .stamp-area .stamp-cont.ing{background: url('/mba/images/customer/img_stamp_complete1.png') no-repeat 0 50%;background-size:115px auto;}
.stampBoxFull li .stamp-area .stamp-cont.ing>span{display:block;width:90px;color:#00c1a8;text-align:center;margin-left:0;margin-top:4%;line-height:16px;}
.stampBoxFull li .stamp-area .stamp-cont.complete{background: url('/mba/images/customer/img_stamp_complete2.png') no-repeat 0 50%;background-size:115px auto;}
.stampBoxFull li .stamp-area .stamp-cont.complete>span{display:block;width:90px;color:#17448a;font-size:12px;text-align:center;margin-left:0;margin-top: 5%;line-height:16px;}
.stampBoxFull li .stamp-area .stamp-cont.complete>span+p{display:block;width:90px;margin-left:0;margin-top:0px;line-height:18px;color:#17448a;font-family:"NotoSansBold";text-align:center;letter-spacing:-1px;}
.stampBoxFull li .stamp-area .stamp-cont.pay-ok{background: url('/mba/images/customer/img_stamp_complete3.png') no-repeat left 50%;background-size:115px auto;}
.stampBoxFull li .stamp-area .stamp-cont.pay-ok>span{display:block;width:90px;color:#286ef1;font-size:12px;text-align:center;margin-left:0;margin-top: 5%;line-height:16px;}
.stampBoxFull li .stamp-area .stamp-cont.pay-ok>span+p{display:block;width:90px;margin-left:0;margin-top:0;line-height:18px;color:#286ef1;font-family:"NotoSansBold";text-align:center;letter-spacing:-1px;}


 /* @media only screen and (min-device-width:340px) and (max-device-width:375px) { 	
 	.layModal-wrap .lay-header .text{padding-top:5px}
 	.layModal-wrap .lay-header .title26{font-size:21px;}
	.layModal-wrap .lay-header{padding-top:30px}
	.layModal-wrap .lay-body .info-box{height:395px}
	.section.launching .bul-list li{margin-top:4px;}
} */

@media only screen and (min-device-width:320px) and (max-device-width:340px) {
	.layModal-wrap3 .lay-warp .lay-body {height:400px}
}

@media only screen and (min-device-width:360px) and (max-device-width:375px) {
.layModal-wrap3 .lay-warp .lay-body {height:480px; padding:35px 8px}
}


@media only screen and (min-device-width:380px) and (max-device-width:414px) {
.layModal-wrap3 .lay-warp .lay-body {height:560px}
}

@media only screen and (min-device-width:340px) and (max-device-width:375px) {
	.layModal-wrap .lay-body{height:calc(100% - 140px);padding-bottom:30px}	
}

@keyframes toastOn {
	0% {bottom:0; width:48px; opacity:1;}
	9% {bottom:24px; width:calc(100% - 48px); opacity:1;}
	92% {bottom:24px; width:calc(100% - 48px); opacity:1;}
	100% {bottom:0; width:48px; opacity:0;}
}

/* btn-apply */
.btn-apply {}
.btn-apply .btn-confirm {width:100%; background-color:#286ef1; font-size:16px; color:#fff; line-height:64px;}

/* form */
.form-wrap + .form-wrap {margin-top:48px;}
.inp-line {width:100%; padding:8px 0 11px; border-bottom:1px solid #ddd; font-size:16px; color:#212121; line-height:24px;}
input.inp-line:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#bbb;}
input.inp-line::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#bbb;}
input.inp-line:-moz-placeholder, textarea:-moz-placeholder {color:#bbb;}
input.inp-line::-moz-placeholder, textarea::-moz-placeholder {color:#bbb;}
.inp-text {display:none; position:relative; margin-top:12px; font-size:12px; color:#ff4058; line-height:18px;}
.inp-data {background-color:#f8f8f8; border-radius:4px; padding:7px 0 9px; font-size:14px; color:#212121; line-height:24px; text-align:center}
.errer + .inp-text {display:block;}
.form-check, .check-wrap {display:inline-block; position:relative; vertical-align:middle;}
.form-wrap .form-check {margin-top:8px;}
.form-check + .form-check {margin-left:24px;}
.form-check label > input, .check-wrap label > input {position:absolute; left:0; top:0; width:0; height:0;}
.form-check label > input[type="radio"] + span {display:inline-block; position:relative; padding:0 0 0 32px; font-size:13px; color:#212121; line-height:24px;}
.form-check label > input[type="radio"] + span:before {content:''; display:inline-block; position:absolute; top:0; left:0; clear:both; width:24px; height:24px; background:url('/mba/images/product/ico_check02_off.png') no-repeat 50% 50%; background-size:24px;}
.form-check label > input[type="radio"]:checked + span:before, .form-check label > input[type="radio"].check + span:before {background:url('/mba/images/product/ico_check02_on.png') no-repeat 50% 50%; background-size:24px;}
.form-check label > input[type="radio"]:disabled + span:before {background:url('/mba/images/product/ico_check02_dis.png') no-repeat 50% 50%; background-size:24px;}
.form-check label > input[type="checkbox"] + span {display:inline-block; position:relative; padding:0 0 0 32px; font-size:13px; color:#212121; line-height:24px;}
.form-check label > input[type="checkbox"] + span:before {content:''; display:inline-block; position:absolute; top:0; left:0; clear:both; width:24px; height:24px; background:url('/mba/images/product/ico_check02_off.png') no-repeat 50% 50%; background-size:24px;}
.form-check label > input[type="checkbox"]:checked + span:before, .form-check label > input[type="checkbox"].check + span:before {background:url('/mba/images/product/ico_check02_on.png') no-repeat 50% 50%; background-size:24px;}
.form-check label > input[type="checkbox"]:disabled + span:before {background:url('/mba/images/product/ico_check02_dis.png') no-repeat 50% 50%; background-size:24px;}
.form-toggle-wrap + .form-toggle-wrap, .form-agree-wrap+.form-agree-wrap {margin-top:24px;} 
.form-agree-wrap .form-check {display:block;margin-top:10px;text-align:right;}
.form-check.account label > input[type="checkbox"] + span + small{display:block;font-size:13px;color:#616161;line-height:20px;padding-left:32px}
.form-check.account +.form-check.account {margin-left:0}

/* -- old -- */

/* Text(라벨, 경고, 도움말) */
.form-label,
.form-static,
.form-help,
.form-alert,
.form-text {min-height:30px; padding:4px 0; line-height:20px; vertical-align:middle;}
.form-label:first-child,
.form-static:first-child,
.form-help:first-child,
.form-alert:first-child,
.form-text:first-child {padding-left:0;}
.form-label,
span.form-static,
span.form-help,
span.form-alert,
span.form-text {display:inline-block; padding-left:5px; padding-right:5px;}
.form-text {min-width:25px; text-align:center;}
.form-required {display:inline-block;}
.form-required:before {content:'*'; position:relative; top:2px; margin-right:3px;}
.form-label + .form-required span {position:absolute; left:-999rem; top:-999rem;}

/* Control */
.form-control {height:30px; padding:0 10px; font-size:14px; line-height:28px; border:1px solid #ddd; background-color:#fff; color:#333;}
textarea.form-control {width:100%; height:auto; padding:10px; line-height:24px;}
select.form-control {padding:0px 30px 0px 5px; background:url('../../images/common/arw_select.gif') no-repeat right center #fff;}

/* File */
.form-file {display:inline-block; position:relative; overflow:hidden; vertical-align:middle;}
.form-file input[type=file] {position:absolute; top:-999em; left:-999em; width:0; height:0; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0;}

/* Property */
.form-control:disabled {background-color:#e0e0e0;}
.form-control[required] {background-color:#ffaaaa;}
.form-control[readonly] {background-color:#ffcccc;}
.form-control.emphasis {background-color:#ffffcc;}

/* Gutter */
.form-group {margin:-5px 0;}
.form-group-row {padding:5px 0;}
.input-group + .input-group {margin-left:16px;}
.input-group-row + .input-group-row {margin-top:5px;}
.form-label + .form-control,
.form-label + [class^=input-group],
.form-control + .form-control,
.form-control + .btn,
.input-group-btn + .input-group-btn {margin-left:4px;}
.form-control + .form-label {margin-left:16px}

/* Size */
.form-control,
.size-basic {width:170px;}
.size-xl {width:200px;}
.size-xxl {width:240px;}
.size-max {width:300px;}
.size-xs {width:130px;}
.size-xxs {width:100px;}
.size-min,
.size-num {width:60px;}
.size-block {width:100%;}
.size-auto {width:auto;}

/*-------------------------------------------------------------------
	Button
-------------------------------------------------------------------*/
/* Default */
button {overflow:visible; padding:0px; border:0px; font-weight:bold; cursor:pointer; background-color:transparent;}
button::-moz-focus-inner {border:0px; padding:0px;}
button span {position:relative; height:100%;}
.btn {position:relative; display:inline-block; vertical-align:middle; cursor:pointer; text-align:center; white-space:nowrap; opacity:1;}
.btn span {display:inline-block; position:relative; height:100%; }
.btn .ico {position:relative; top:-1px;}
.msie .btn .ico {top:-2px;}
.btn:hover {transition-property: background-color, color ,opacity; transition-duration:0.5s; transition-timing-function: ease-out;}

/* Common - Layout */
.btn-wrap {text-align:center;}
.btn-wrap.fixed{position:fixed;left:0;bottom:0;width:100%;z-index:4}
.btn-wrap.pos-r{position:relative}
.tbl-wrap + .btn-wrap {margin-top:20px;}
.section-temp + .btn-wrap {margin-top:12px;}
.section-temp.w180 + .btn-wrap {margin-top:32px;}
.btn-wrap:after {content:""; display:block; clear:both;}
.btn-wrap .btn-left {display:inline-block; float:left;}
.btn-wrap .btn-right {display:inline-block; float:right;}
.btn-block {width:100%;}
.btn-wrap.col2 button{width:49%;float:left}
.btn-wrap.col2 button+button{float:right}

.btn-wrap.col2-1 button{width:50%;float:left}
.btn-wrap.col2-1 button+button{float:right}

/* Common - Size */
.btn.btn-bigger {height:70px; line-height:68px; padding:0 30px; font-size:28px;}
.btn.btn-xl2 {height:55px; line-height:55px; padding:0 20px; font-size:20px;}
.btn.btn-xl {height:44px; line-height:42px; padding:0 20px; font-size:16px;}
.btn {}
.btn.btn-xs {height:35px; line-height:33px; font-size:14px;}
.btn.btn-xs2 {height:30px; line-height:28px; font-size:13px;}
.btn.btn-thin {height:24px; line-height:22px; font-size:12px;}

/* Design Sample(프로젝트 진행시 삭제) */
.btn-sample {height:40px; padding:0 10px; font-size:16px; line-height:38px; background-color:#fff; border:1px solid #ddd; border-radius:3px; color:#222}
.btn-pager {width:20px; height:20px; line-height:18px; border:1px solid #ddd;}

/* Detail */
.btn-sample.btn-fix120 {width:120px;}

/*-------------------------------------------------------------------
	Icon
-------------------------------------------------------------------*/
/* Default */
.ico {display:inline-block; vertical-align:middle; text-indent:-9999em;}
.ico-outer {display:inline-block; vertical-align:middle; text-align:center;}
.ico-outer:before {content:''; display:inline-block; position:relative; top:-1px; width:0; height:100%; vertical-align:middle;}
.ico-outer.round {border-radius:50%;}

/* Icon Design */
.ico-line-type1 {width:32px; height:32px; border:1px solid #999;}
.ico-bg-type1 {width:32px; height:32px; background:#999;}
.ico-people {width:24px; height:23px; background-position:-180px -150px;}
.ico-stamp {width:16px; height:23px; background-position:-205px -150px;}

.ico-srch {width:22px; height:21px; background-position:-55px 0;}
.ico-srch2 {width:21px; height:22px; background-position:-165px 0;}
.ico-srch3 {width:44px; height:44px; background-position:0 -400px;}
.ico-srch4 {width:20px; height:19px; background-position:-272px -194px;}
.ico-cal {width:22px; height:21px; background-position:-230px -125px;}
.ico-cal2 {width:26px; height:22px; background-position:-230px -150px;}
.ico-cal3 {width:44px; height:44px; background-position:-45px -400px;}
.ico-certificate {width:21px; height:22px; background-position:-260px -125px;}
.ico-certificate2 {width:44px; height:44px; background-position:-90px -400px;}
.ico-more {width:13px; height:13px; background-position:-34px -16px;}
.ico-facebook {width:45px; height:45px; background-position:0 -90px;}
.ico-post {width:45px; height:45px; background-position:-45px -90px;}
.ico-instar {width:45px; height:45px; background-position:-90px -90px;}
.ico-blog {width:45px; height:45px; background-position:-135px -90px;}
.ico-indang {width:35px; height:35px; background-position:0 -145px;}
.ico-fund {width:35px; height:35px; background-position:-35px -145px;}
.ico-eirb2 {width:35px; height:35px; background-position:-215px -332px;}
.ico-plus {width:27px; height:27px; background-position:-130px 0;}
.ico-info {width:23px; height:23px; background-position:-130px -50px;}
.ico-blank {width:14px; height:14px; background-position:-165px -30px;}
.ico-arrow {width:5px; height:9px; background-position:-165px -50px;}
.ico-arrow2 {width:5px; height:8px; background-position:-165px -70px;}
.ico-faqOn {width:9px; height:15px; background-position:-188px -130px;}
.ico-faqOff {width:15px; height:9px; background-position:-200px -133px;}
.ico-selectBox {width:23px; height:23px; background-position:-265px -65px;}
.ico-checked {width:65px; height:65px; background-position:-238px 0;}
.ico-checked2 {width:22px; height:22px; background-position:-240px -65px;}
.ico-close {width:19px; height:19px; background-position:-188px -80px;}
.ico-clear {width:19px; height:19px; background-position:-215px -80px;}
.ico-download {width:17px; height:13px; background-position:-210px -60px;}
.ico-home {width:11px; height:9px; background-position:-185px -355px;}
.ico-movie {width:70px; height:70px; background-position:-142px -374px;}

.ico-certify {width:128px; height:45px; background-position:0 -280px;}
.ico-paik2 {width:30px; height:30px; background-position:0 -240px;}
.ico-post2 {width:30px; height:30px; background-position:-30px -240px;}
.ico-blog2 {width:30px; height:30px; background-position:-60px -240px;}
.ico-twitter2 {width:30px; height:30px; background-position:-90px -240px;}
.ico-facebook2 {width:30px; height:30px; background-position:-120px -240px;}
.ico-instar2 {width:30px; height:30px; background-position:-150px -240px;}
.ico-youtube2 {width:30px; height:30px; background-position:-180px -240px;}

.ico-instar3 {width:18px; height:18px; background-position:-150px -330px;}
.ico-twitter3 {width:15px; height:18px; background-position:-169px -330px;}
.ico-facebook3 {width:8px; height:18px; background-position:-184px -330px;}
.ico-blog3 {width:14px; height:18px; background-position:-193px -330px;}

.ico-twitter4 {width:38px; height:38px; background-position:0 -445px;}
.ico-facebook4 {width:38px; height:38px; background-position:-45px -445px;}
.ico-mail4 {width:38px; height:38px; background-position:-90px -445px;}
.ico-kakao4 {width:38px; height:38px; background-position:-135px -445px;}
.ico-naver4 {width:38px; height:38px; background-position:-180px -445px;}
.ico-twitter4:hover,
.ico-facebook4:hover,
.ico-mail4:hover,
.ico-kakao4:hover,
.ico-naver4:hover {background-position-y:-490px;}

.ico-hosp {width:20px; height:23px; background-position:-80px -150px;}
.ico-phone {width:20px; height:23px; background-position:-101px -150px;}
.ico-tel {width:14px; height:14px; background-position:-188px -50px;}
.ico-pin {width:14px; height:23px; background-position:-121px -150px;}
.ico-doc {width:19px; height:23px; background-position:-135px -150px;}
.ico-eirb {width:24px; height:23px; background-position:-155px -150px;}

.ico-top {width:10px; height:7px; background-position:-196px -355px;}

.ico-visualHos {width:30px; height:37px; background-position:0 -190px;}
.ico-visualPhone {width:37px; height:37px; background-position:-43px -190px;}
.ico-visualPin {width:36px; height:37px; background-position:-89px -190px;}
.ico-visualDoc {width:34px; height:37px; background-position:-137px -190px;}
.ico-visualEirb {width:36px; height:37px; background-position:-182px -190px;}
.ico-visualPeople {width:38px; height:37px; background-position:-227px -190px;}

.ico-first {width:10px; height:7px; background-position:-95px -75px;}
.ico-prev {width:5px; height:7px; background-position:-106px -75px;}
.ico-next {width:5px; height:7px; background-position:-112px -75px;}
.ico-last {width:10px; height:7px; background-position:-118px -75px;}

.ico-calPrev {width:24px; height:24px; background-position:-240px -90px;}
.ico-calNext {width:24px; height:24px; background-position:-264px -90px;}
.ico-phone2 {width:32px; height:32px; background-position:-168px -276px;}
.ico-acrobat {width:26px; height:25px; background-position:-263px -149px;}
.ico-exclamation {width:17px; height:17px; background-position:-140px -303px;}

.ico-naver {width:18px; height:16px; background-position:-140px -280px;}
.ico-join {width:80px; height:80px; background-position:-215px -240px;}
.ico-print {width:20px; height:16px; background-position:-188px -30px;}

.ico-new {width:16px; height:16px; background-color:#333; border-radius:50%; text-align:center; line-height:16px; color:#fff; text-indent:0; font-style:normal; font-size:11px;}

/*-------------------------------------------------------------------
	Label
-------------------------------------------------------------------*/
/* Default */
.label {display:inline-block; background:url() 0 0 no-repeat; vertical-align:middle;}

/* Design */
.label-part {padding:3px 6px; border-radius:3px; color:#fff;}
.label-part.part1 {background-color:#369;}
.label-part.part2 {background-color:#39c;}

/*-------------------------------------------------------------------
	Badge
-------------------------------------------------------------------*/
/* Default */
.badge {display:inline-block; background:url() 0 0 no-repeat; vertical-align:top;}
.badge-wrap {position:absolute; z-index:3;}
.badge-wrap.t {top:0;}
.badge-wrap.r {right:0;}
.badge-wrap.b {bottom:0;}
.badge-wrap.l {l:0;}

/* Design */
.badge-name {}
.badge-type.name {}



/*-------------------------------------------------------------------
	Box
----------------------------------------------------------------- --*/
/* Default */
.box {position:relative;}
.box-inner,.box-header,.box-body,.box-footer {position:relative; z-index:2;}

/* Hover */
.box-hover {display:block;}
.box-hover-overlay {z-index:3;}
.box-hover-underlay {z-index:1;}
.box-hover-inner {display:table; width:100%; height:100%;}
.box-hover-body {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.box-hover-overlay,
.box-hover-underlay {position:absolute; top:0; right:0; bottom:0; left:0; opacity:0; background-color:#eee;
	transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.box-hover:hover .box-hover-overlay,
.box-hover:focus .box-hover-overlay,
.box-hover:hover .box-hover-underlay,
.box-hover:focus .box-hover-underlay {opacity:1;}

/* Design */
.box-sample {border:1px solid #ddd; border-radius:3px;}
.box-sample .box-inner {padding:0 20px; line-height:20px;}
.box-sample .box-header {padding:10px 0; border-bottom:1px solid #ddd;}
.box-sample .box-body {padding:10px 0;}
.box-sample .box-footer {padding:10px 0; border-top:1px solid #ddd;}
.box-sample.box-hover:hover .e-underlay,.box-sample.box-hover:focus .e-underlay {background-color:yellow;}
.box-sample.box-hover:hover .e-overlay,.box-sample.box-hover:focus .e-overlay {background-color:yellow;}

/* line-box */
.line-box {padding:40px 0 32px; border:1px solid #eee; border-radius:4px;}
.line-box .label-wrap {display:table; position:relative; width:100%; text-align:center;}
.line-box .label-wrap .item {display:table-cell;}
.line-box .label-wrap .item .star-con { padding:20px 0px 10px }
.line-box .label-wrap .item .star-con .star-wrap { display: block; position:relative; width:120px; height:24px; background:url('/mba/images/product/ico_star_off.png') repeat-x 0 0;  background-size:24px; margin: 0 auto; }
.line-box .label-wrap .item .star-con .star-wrap .star { width: 60%;display: block;position:absolute;top:0;left:0;height:24px;background:url('/mba/images/product/ico_star_on.png') repeat-x 0 0;background-size:24px; } 
.line-box .label-wrap.row.cols-2:after {content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background-color:#d8d8d8;}
.line-box .label-wrap .item .val {margin-top:16px; font-size:22px; line-height:38px;}
.line-box .label-wrap .item .val em {font-size:32px;}
.line-box .label-wrap .item .text-mid {margin-top:8px;}
.line-box .label-wrap .item .set {font-family:NotoSansRegular; font-size:12px; color:#212121; line-height:18px;}
.line-box .label {padding:2px 8px; border-radius:12px; font-size:12px; color:#fff; line-height:18px;}
.line-box + .tbl-unit {margin-top:12px; padding-right:10px;}

.black-label {background-color:#212121;}
.blue-label {background-color:#286ef1;}

/*-------------------------------------------------------------------
	Dropdown
-------------------------------------------------------------------*/
.dropdown {position:relative; display:inline-block; font-size:17px; color:#999; min-width:76px;}
.dropdown-val {position:relative; display:block; width:100%; padding-right:31px; text-align:left;}
.dropdown-val > span {display:block;}
.dropdown-val:after {content:''; display:inline-block; position:absolute; right:0; top:50%; width:6px; height:6px; margin-top:-3px;}
.dropdown-wrap {display:none; position:absolute; width:100%; z-index:100;}

/*-------------------------------------------------------------------
	Thumnail
-------------------------------------------------------------------*/
/* Common Layout */
.thumnail {display:block;}
.thumnail-single {text-align:center;}
.thumnail-vertical {text-align:center;}
.thumnail-vertical .thumnail-cont {padding:10px;}
.thumnail-horizontal .thumnail-img {float:left;}
.thumnail-horizontal .thumnail-cont {padding-left:170px;}

/* Common Detail */
.thumnail-img {position:relative; overflow:hidden; width:150px; height:150px; margin:auto; text-align:center;}
.thumnail-cont {position:relative;}
.thumnail-cont .define {line-height:20px;}
.thumnail-cont .define-tit {font-family:'NSB';}
.thumnail-cont .define-tit + .define-txt {margin-top:10px;}

/* Common List */
.thumnail-list {overflow:hidden;}
.thumnail-list .thumnail-img {width:100%;}
.thumnail-list .thumnail-img.size-min img {min-width:100%; min-height:100%;}
.thumnail-list .thumnail-img.size-max img {max-width:100%; max-height:100%;}

/* Content - Sample */
.thumnail-sample .row {margin:-10px -35px;}
.thumnail-sample .row .col {padding:10px 35px;}
.thumnail-sample .thumnail-img {height:100px;}

/* Content - Sample2 */
.thumnail-sample2 .row {margin:-10px -60px;}
.thumnail-sample2 .row .col {padding:10px 60px;}
.thumnail-sample2 .thumnail-img {height:150px;}

/*-------------------------------------------------------------------
	Pagination
-------------------------------------------------------------------*/
/* Default */
.pagination {position:relative; text-align:center;}
.pagination .inner {display:inline-block; position:relative; z-index:2;}
.pagination .btn-page, .pagination .btn-num {text-align:center; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}

/* Design */
.pagination {margin-top:30px;}
.pagination .btn-page, .pagination .btn-num {width:30px; height:30px; border:1px solid #ddd; border-radius:3px; background-color:#fff; line-height:28px;}
.pagination .btn-page:hover, .pagination .btn-page:focus,
.pagination .btn-num:hover, .pagination .btn-num:focus {background-color:#f0f0f0;}

/*-------------------------------------------------------------------
	Board
-------------------------------------------------------------------*/
/* board-wrap */
.board-wrap {}

/* board-search */
.board-search {border-bottom:1px solid #eee; text-align:center;}
.board-search > .inner {border:1px solid #ccc; padding:20px;}

/* board-list */
.board-search + .board-list {margin-top:30px;}
.pagination + .btn-wrap {position:relative; z-index:1; margin-top:-35px; text-align:right;}

/* 게시판상세 */
.board-view .view-header .subject-wrap {position:relative; padding:10px 50px; border-top:2px solid #444; border-bottom:1px solid #444;}
.board-view .view-header .subject-wrap .subject {font-size:23px; font-family:'NSB'; line-height:30px; text-align:center;}
.board-view .view-header .subject-wrap .btn-pager2 {position:absolute; top:50%; margin-top:-10px;}
.board-view .view-header .subject-wrap .btn-pager2.prev {left:20px;}
.board-view .view-header .subject-wrap .btn-pager2.next {right:20px;}
.board-view .view-header .define-wrap {border-bottom:1px solid #444;}
.board-view .view-header .define-wrap .define {display:table; width:100%; table-layout:fixed; border-top:1px solid #ddd;}
.board-view .view-header .define-wrap .define .tit,
.board-view .view-header .define-wrap .define .txt {display:table-cell; padding:10px 20px; vertical-align:middle;}
.board-view .view-header .define-wrap .define .tit {width:120px; font-family:'NSB';}
.board-view .view-header .define-wrap .define .txt {color:#666;}
.board-view .view-header .define-wrap .define:first-child {border-top:0;}
.board-view .view-content {padding:20px; line-height:24px; border-bottom:1px solid #444;}
.board-view .btn-wrap {margin-top:30px;}

/* 이전글다음글 */
.board-pager {margin-top:50px; border-top:1px solid #444; border-bottom:1px solid #444;}
.board-pager .define {display:table; width:100%; table-layout:fixed;}
.board-pager .define .tit,
.board-pager .define .txt {display:table-cell; padding:10px 20px; vertical-align:middle;}
.board-pager .define .tit {width:120px; font-family:'NSB';}
.board-pager .define .txt {color:#666;}

/*-------------------------------------------------------------------
	Dropdown
-------------------------------------------------------------------*/
/* Default */
.dropdown {position:relative; z-index:10;}
.dropdown-menu {display:none; position:absolute; width:100%;}
.dropdown-menu.active {display:block;}

/* Design - Sample */
.dropdown-value {padding:10px; border:1px solid #ddd;}
.dropdown-menu {padding:10px; background-color:#fff; border:1px solid #ddd;}
.dropdown-menu li {line-height:1.5;}

/*-------------------------------------------------------------------
	Accordion
-------------------------------------------------------------------*/
/* Common */
.accordion[data-toggle=sync] .accordion-body {display:none;}
.accordion[data-toggle=sync] .accordion-body.first {display:block;}
.accordion[data-init=first] .accordion-body {display:none;}
.accordion[data-init=first] .accordion-body.first {display:block;}
.accordion[data-init=hide] .accordion-body {display:none;}
.accordion[data-init=hide] .accordion-body.first {display:none;}

/* Design - Sample */
.accordion-sample {border:1px solid #ccc;}
.accordion-sample .accordion-header {padding:10px; background-color:#ffffff;}
.accordion-sample .accordion-body {padding:10px; background-color:#f0f0f0;}

/*-------------------------------------------------------------------
	Modal
-------------------------------------------------------------------*/
/* Default */
.modal {display:none; position:fixed; left:50%; top:50%; z-index:1002;}
.modal.active {display:block;}
.modal-dismiss {position:fixed; left:0; top:0; z-index:1001; width:100%; height:100%; background-color:#000; opacity:0.5;}

/* Common Layout */
.modal {background-color:#fff; min-width:300px;}
.modal-header {padding:10px; border-bottom:1px solid #ddd;}
.modal-body {min-height:100px; padding:10px;}
.modal-footer {padding:10px; border-top:1px solid #ddd; text-align:center;}

/*-------------------------------------------------------------------
	Modeless
-------------------------------------------------------------------*/
/* Default */
.modeless-wrap {display:inline-block; position:relative;}
.modeless {display:none; z-index:200; position:absolute; background-color:#fff;}
.modeless.active {display:block;}

/* Common Design  */
.modeless {padding:10px; border:1px solid #ddd;}
.modeless-header,
.modeless-body,
.modeless-footer {padding:5px;}

/*-----------------------------------------------------------------------------
   terms
-----------------------------------------------------------------------------*/
/* terms-header */
.terms-header {position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:2px solid #eee; background-color:#fff; z-index:1;}
.terms-header .terms-view.non:after{background:none}
.terms-header .terms-view:after {content:''; display:block; position:absolute; top:50%; right:24px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:24px; height:24px; background:url(/mba/images/product/ico_arr_bottom02.png) 0 0 no-repeat; background-size:24px;}
.terms-header .terms-view.active:after {background-image:url(/mba/images/product/ico_arr_top02.png);}
.terms-header .terms-view .view {display:none; overflow:hidden; height:60px; padding:0 32px; border:0 none; background-color:transparent; font-family:"NotoSansBold"; font-size:16px; text-align:left; cursor:pointer; outline:none;}
.terms-header .terms-view .view .text {display:inline-block; overflow:hidden; width:calc(100% - 32px); text-overflow:ellipsis; line-height:24px; white-space:nowrap;}
.terms-header .terms-view .view.active {display:flex;}
.terms-header .terms-select {display:none; position:absolute; top:60px; left:0; width:100%; padding-bottom:20px; background-color:#fff; box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);}
.terms-header.active .terms-select {display:block;}
.terms-header .terms-btn {display:block; width:calc(100% - 64px); height:60px; margin:0 auto; padding:0; border:0 none; border-bottom:1px solid #eee; background-color:transparent; font-family:"NotoSansBold"; font-size:16px; text-align:left; line-height:24px; cursor:pointer; outline:none;}
.terms-header .terms-btn.active {color:#286ef1;}
.bar_progress {display:block; position:fixed; top:57px; left:0; width:0; height:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; font-size:0; line-height:0; color:transparent; background:#286ef1; z-index:57;}

/* terms-content */
.terms-content {padding-top:60px; padding-bottom:64px;}
.terms-content .terms {padding:16px; font-size:13px; line-height:20px;}
.terms-content .terms .title {font-family:"NotoSansBold"; font-size:14px; color:#000; line-height:24px;}
.terms-content .terms + .terms {margin-top:48px;}
.terms {color:#9e9e9e;}


/*-----------------------------------------------------------------------------
				jquery.ui.Datepicker
-----------------------------------------------------------------------------*/
/* Datepicker.Min */
.ui-datepicker{width:17em;padding:1em;display:none;background-color:#fff;border:1px solid #eee;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}.ui-datepicker .ui-datepicker-prev{left:2px;}.ui-datepicker .ui-datepicker-next{right:2px;}.ui-datepicker .ui-datepicker-prev-hover{left:1px;}.ui-datepicker .ui-datepicker-next-hover{right:1px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%;}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;}.ui-datepicker td{border:0;padding:1px;}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}/* with multiple calendars */.ui-datepicker.ui-datepicker-multi{width:auto;}.ui-datepicker-multi .ui-datepicker-group{float:left;}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}.ui-datepicker-row-break{clear:both;width:100%;font-size:0;}/* RTL support */.ui-datepicker-rtl{direction:rtl;}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}

/* Design - Button */
.ui-datepicker-trigger {
	position:absolute; right:5px; top:50%; margin-top:-11px;
	display:inline-block; width:22px; height:21px; background:url(../../images/common/icon_sprite.png) no-repeat -230px -125px; vertical-align:middle; text-indent:-9999em;/* ico */
}
/*-----------------------------------------------------------------------------
				bxSlider
-----------------------------------------------------------------------------*/
/* Common */
.bxSlider:after {content:''; clear:both; display:block;}
.bxSlider .item {float:left; text-align:center;}
.bx-controls {text-align:center;}
.bx-controls .bx-controls-direction {display:inline-block;}
.bx-controls .bx-controls-direction .bx-prev {display:inline-block;}
.bx-controls .bx-controls-direction .bx-next {display:inline-block;}
.bx-controls .bx-controls-auto {display:inline-block;}
.bx-controls .bx-controls-auto .bx-controls-auto-item {display:inline-block;}
.bx-controls .bx-controls-auto .bx-start {display:inline-block; text-indent:-999em;}
.bx-controls .bx-controls-auto .bx-stop {display:inline-block; text-indent:-999em;}
.bx-controls .bx-controls-auto .active {display:none;}/* active인 상태이므로 active가 아닌 버튼을 보여준다. */
.bx-controls .bx-pager {display:inline-block;}
.bx-controls .bx-pager .bx-pager-item {display:inline-block; vertical-align:middle;}
.bx-controls .bx-pager .bx-pager-link {display:inline-block; text-indent:-999em; transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s;}
.bx-controls .bx-pager .bx-pager-link.active {}

/* Design - Sample */
.sample-slider1 .bx-controls-direction a {margin:0 5px;}
.sample-slider1 .bx-controls .bx-controls-auto .bx-start {background-color:#666;}
.sample-slider1 .bx-controls .bx-controls-auto .bx-stop {background-color:#222;}
.sample-slider1 .bx-controls .bx-pager {margin-top:20px;}
.sample-slider1 .bx-controls .bx-pager .bx-pager-item {margin:0 5px;}
.sample-slider1 .bx-controls .bx-pager .bx-pager-link {width:10px; height:10px; border-radius:5px; background-color:#cccccc;}
.sample-slider1 .bx-controls .bx-pager .bx-pager-link.active {width:30px; background-color:#0099cc;}

/*-----------------------------------------------------------------------------
				owlCarousel
-----------------------------------------------------------------------------*/
/* Common */
.owlCarousel {text-align:center;}
.owl-stage-outer {overflow:hidden;}
.owl-stage-outer .owl-item {float:left;}
.owl-stage-outer .owl-item a {display:block;}
.owl-dots {display:inline-block;}
.owl-dots .owl-dot {display:inline-block; cursor:pointer; transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s;}
.owl-dots .owl-dot span {display:block;}
.owl-dots .owl-dot.active {}
.owl-nav {display:inline-block;}
.owl-nav.disabled {display:none;}
.owl-nav .owl-prev {}
.owl-nav .owl-next {}
.owl-auto {display:inline-block; position:absolute;}
.owl-auto .owl-start {display:inline-block; text-indent:-999em; vertical-align:top; cursor:pointer;}
.owl-auto .owl-stop {display:inline-block; text-indent:-999em; vertical-align:top; cursor:pointer;}

/* Design - Sample */
.sample-slider1 .owl-dots {margin-top:20px;}
.sample-slider1 .owl-dots .owl-dot {width:10px; height:10px; margin:0 5px; border-radius:5px; background-color:#cccccc; text-indent:-999em;}
.sample-slider1 .owl-dots .owl-dot.active {width:30px; background-color:#0099cc;}
.sample-slider1 .owl-auto .owl-start {background-color:#666;}
.sample-slider1 .owl-auto .owl-stop {background-color:#222;}

/*-----------------------------------------------------------------------------
				FlexSlider
-----------------------------------------------------------------------------*/
/* Common */
.flexSlider {position:relative; text-align:center;}
.flexSlider .slides:after {content:''; clear:both; display:block;}
.flexSlider .slides > li {text-align:center;}
.flex-control-paging {display:inline-block; text-align:center;}
.flex-control-paging li {display:inline-block;}
.flex-control-paging li a {display:inline-block; vertical-align:middle; text-indent:-999em; transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s;}
.flex-control-paging li a.flex-active {}
.flex-direction-nav {display:inline-block;}
.flex-direction-nav li {display:inline-block;}
.flex-direction-nav .flex-prev {}
.flex-direction-nav .flex-next {}

/* Design - Sample */
.sample-slider1 .flex-control-paging {margin-top:20px;}
.sample-slider1 .flex-control-paging li {margin:0 5px;}
.sample-slider1 .flex-control-paging li a {width:10px; height:10px; border-radius:5px; background-color:#cccccc;}
.sample-slider1 .flex-control-paging li a.flex-active {width:30px; background-color:#0099cc;}
.sample-slider1 .flex-direction-nav li {margin:0 5px;}

/*-----------------------------------------------------------------------------
				Swiper 4.2.0
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
				Slick Slider
-----------------------------------------------------------------------------*/
/* Common */
.slickSlider {overflow:hidden;}
.slickSlider:after {content:''; clear:both; display:block;}
.slickSlider .item {float:left;}
.slickSlider .slick-track {position:relative; margin:0 auto;}

/*-----------------------------------------------------------------------------
				mCustomScrollbar
-----------------------------------------------------------------------------*/
/* mCustomScrollbar.min */
.mCustomScrollbar {-ms-touch-action:pinch-zoom; touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action {-ms-touch-action:auto; touch-action:auto}.mCustomScrollBox {position:relative; overflow:hidden; height:100%; max-width:100%; outline:0; direction:ltr}.mCSB_container {overflow:hidden; width:auto; height:auto}.mCSB_inside>.mCSB_container {margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container {margin-right:0; margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left:0}.mCSB_scrollTools {position:absolute; width:16px; height:auto; left:auto; top:0; right:0; bottom:0; opacity:.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools {right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {right:auto; left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {left:-26px}.mCSB_scrollTools .mCSB_draggerContainer {position:absolute; top:0; left:0; bottom:0; right:0; height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer {margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail {width:2px; height:100%; margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px}.mCSB_scrollTools .mCSB_dragger {cursor:pointer; width:100%; height:30px; z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position:relative; width:4px; height:100%; margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp {display:block; position:absolute; height:20px; width:100%; overflow:hidden; margin:0 auto; cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown {bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container {margin-right:0; margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container {min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal {width:auto; height:16px; top:auto; right:0; bottom:0; left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:2px; margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {width:30px; height:100%; left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:4px; margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {height:12px; margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {height:8px; margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {display:block; position:absolute; width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {right:0}.mCSB_container_wrapper {position:absolute; height:auto; width:auto; overflow:hidden; top:0; left:0; right:0; bottom:0; margin-right:30px; margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container {padding-right:30px; padding-bottom:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {margin-right:0; margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {margin-right:0; margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out; transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {opacity:0; filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.75); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.9); filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp {background-image:url(mCSB_buttons.png); background-repeat:no-repeat; opacity:.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp {background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown {background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft {background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight {background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover {opacity:.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active {opacity:.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {width:4px; background-color:#fff; background-color:rgba(255,255,255,.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:4px; background-color:#fff; background-color:rgba(255,255,255,.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:4px; margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {width:4px; background-color:#fff; background-color:rgba(255,255,255,.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px; background-color:#fff; background-color:rgba(255,255,255,.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:4px; margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:6px; margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff; background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:2px; margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff; background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger {height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:14px; margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {height:14px; margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width:16px; height:16px; margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {height:16px; width:16px; margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {height:4px; margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {background-color:transparent; background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {background-image:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat:repeat-y; opacity:.3; filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {height:4px; margin:6px 0; background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {background-image:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-repeat:repeat-y; background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0))); background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-repeat:repeat-x; background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0))); background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools {opacity:1; filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {width:8px; background-color:#000; background-color:rgba(0,0,0,.2); box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:8px; margin:4px 0; box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:8px; margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,.1); box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools {opacity:1; filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical {box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal {bottom:1px; box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:inset 1px 0 0 rgba(255,255,255,.4); width:12px; margin:2px; position:absolute; height:auto; top:0; bottom:0; left:0; right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {box-shadow:inset 0 1px 0 rgba(255,255,255,.4); height:12px; width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {background-color:#000; background-color:rgba(0,0,0,.05); box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools {box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {background-color:#fff; background-color:rgba(0,0,0,.05); box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {right:0; margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom:0; margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {left:0; right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.2); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.2); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {width:6px; background-color:#000; background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:6px; margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {height:12px; margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {width:12px; background-color:#000; background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px; margin:3px 5px; position:absolute; height:auto; top:0; bottom:0; left:0; right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {height:6px; margin:5px 3px; position:absolute; width:auto; top:0; bottom:0; left:0; right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:12px; margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent; border-width:1px; border-style:solid; border-color:#fff; border-color:rgba(255,255,255,.2); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {border-color:#000; border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff; background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,.9)}

/* Common */
.mCSB_scrollTools {width:6px;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background:#aaa; border-radius:3px;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background:#aaa; border-radius:3px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px; background:#aaa; border-radius:3px;}
.mCSB_scrollTools .mCSB_draggerRail {width:6px; border-radius:3px; background:#efefef;}
.mCSB_scrollTools .mCSB_draggerRail {filter:"alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #aaa; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #aaa; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #aaa; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}

/* Design - Sample */
.scroll-sample {overflow:auto; height:100px;}
.scroll-sample .scroll-inner {height:300px;}

/*-----------------------------------------------------------------------------
				chart
-----------------------------------------------------------------------------*/
/* linechart - basic */
.line-wrap {display:block; position:relative; width:100%; border-radius:4px; background-color:#f5f5f5;}
#line-graph {display:block; position:relative; z-index:1;}
.line-wrap .bg-line {width:100%; height:400px; border-radius:5px; background-color:#f5f5f5;}
.line-wrap .bg-line.bg-lock {background:transparent;}
.line-wrap .bg-line.bg-lock .highcharts-container {z-index:-1 !important; /* width:100% !important */}
/* .line-wrap .bg-line.bg-lock .highcharts-container>svg, .line-wrap .bg-line.bg-lock .highcharts-container>svg>rect, .line-wrap .bg-line.bg-lock .highcharts-container>svg #highcharts-17 rect,
.line-wrap .bg-line.bg-lock .highcharts-container>svg>text, .line-wrap .bg-line.bg-lock .highcharts-container>svg>text>tspan, .line-wrap .bg-line.bg-lock .highcharts-container>svg .highcharts-series-group, .line-wrap .bg-line.bg-lock .highcharts-container>svg .highcharts-series-group .highcharts-series{ width:100% !important}
 */
svg > text > tspan {display:none;}
.highcharts-tooltip {width:calc(100% + 16px); z-index:2}
.highcharts-tooltip > span {display:block; position:relative; padding:0 2px; background-color:#fff; z-index:2}
#rateReturnChart .highcharts-tooltip > span{min-width:100px}
#assetSection .highcharts-tooltip > span{min-width:130px} 
.highcharts-tooltip > span:before {content:''; display:block; position:absolute; top:-8px; left:-8px; clear:both; width:calc(100% + 16px); height:calc(100% + 16px); background:#fff; border:0; box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.18); border-radius:5px}
.highcharts-tooltip > span:after {content:''; display:block; clear:both; position:absolute; top:50%; width:8px; height:16px; margin-top:-8px;}
.highcharts-tooltip.arr-right > span:after {left:-16px; background:url(/mba/images/product/ico_chart_left.png) 0 0 no-repeat; background-size:8px 16px;}
.highcharts-tooltip.arr-left > span:after {right:-16px; background:url(/mba/images/product/ico_chart_right.png) 0 0 no-repeat; background-size:8px 16px;}
.highcharts-tooltip span:after {display:none;}
.highcharts-tooltip .tooltip-arrDown {position:absolute; bottom:-15px; left:0; width:16px; height:8px; background:url(/mba/images/product/ico_chart_down.png) 0 0 no-repeat; background-size:16px 8px; text-indent:-9999px;}
.highcharts-tooltip .tooltip-arrDown:before {display:none;}

.highcharts-data-labels, .highcharts-data-labels>.null{z-index:0}
.highcharts-data-labels>.null>span{top:-5px  !important}
.highcharts-data-labels .max_value{box-sizing:border-box; border-radius:20px; border:2px solid #ff4058; color:#ff4058; padding:1px 4px; background:#f5f5f5; line-height:12px;}  
.highcharts-data-labels .min_value{box-sizing:border-box; border-radius:20px; border:2px solid #286ef1; color:#286ef1; padding:1px 4px; background:#f5f5f5; line-height:12px;}

.chart-date {display:block; position:relative; font-size:10px; color:#bbb; line-height:15px; text-align:center; font-family:'NotoSansRegular'}
.chart-info {display:block; position:relative; overflow:hidden; margin:0; font-size:0;}
.chart-info.info0 {margin-top:2px;}
#rateReturnChart .chart-info .num, .chart-info.info .num{text-align:left;}
.chart-info.info .num:after {content:''; display:inline-block; clear:both; font-size:12px; color:#212121; line-height:18px;}
.chart-info.info0 .num:after {content:''; display:inline-block; clear:both; font-size:12px; color:#212121; line-height:18px;}
.chart-info.info1 .num:after {content:''; display:inline-block; clear:both; font-size:12px; color:#212121; line-height:18px;}
.chart-info.info2 .num:after {content:''; display:inline-block; clear:both; font-size:12px; color:#212121; line-height:18px;}
.chart-info .title {display:block; float:left; position:relative; width:auto; min-width:55px; max-width:200px; padding:0 6px; font-size:12px; color:#888; line-height:18px; font-family:'NotoSansRegular'}
.chart-info.info .title{min-width:72px}
.chart-info .title em {display:block; position:absolute; top:6px; left:0; width:4px; height:4px; border-radius:100%;}
.chart-info .num {display:block; font-size:12px; font-weight:bold; color:#212121; text-align:left; line-height:18px;}
.slider-wrap {display:block; position:relative; width:100%; height:32px; margin-top:-32px; box-sizing:border-box; border-bottom-right-radius:5px; border-bottom-left-radius:5px; background-color:#f5f5f5; z-index:2;}
.slider {width:calc(100% - 44px); margin: 0 auto;}
.slider-wrap .ui-widget-content {height:4px; border:none; border-radius:2px; background:#ccc;}
.slider-wrap .ui-state-default, .slider-wrap .ui-widget-content .ui-state-default, .slider-wrap .ui-widget-header .ui-state-default {width:36px; height:20px; border:none; border-radius:14px; background:#286ef1;}
.slider-wrap .ui-slider-horizontal .ui-slider-handle {top:50%; margin-top:-10px; margin-left:-18px; background:url(/mba/images/product/btn_chart_bar.png) 0 0 no-repeat; background-size:36px 20px; outline:none;}
.highcharts-axis > path {visibility:hidden;}

/* scatter chart */
.scatter-wrap {position:relative; width:100%; height:auto; padding:16px; background-color:#f5f5f5;}
.scatter-chart {width:100%; max-width:340px; height:100%; max-height:340px; margin:0 auto; background:url('/mba/images/product/bg_scatter.svg') center center no-repeat; background-size:100%; }
.scatter-chart svg > rect {fill:none;}
.scatter-chart svg {max-width:340px; max-height:340px;}
.scatter-chart .highcharts-axis {display:none;}
.scatter-chart .highcharts-tooltip {display:none;}

/* donut chart */
svg > text.highcharts-title > tspan,
svg > text.highcharts-subtitle > tspan {display:block;}
svg .highcharts-tracker {transform:translate(10px, 0);}
.donut-chart {position:relative; overflow:hidden;}
.donut-chart .highcharts-container {overflow:hidden; height:300px !important;}
.donut-chart + .txt-info {position:relative; margin-bottom:24px; padding:0px 21px 32px 34px; word-break:keep-all; border-bottom-right-radius:5px; border-bottom-left-radius:5px; background-color:#f5f5f5;}
.donut-chart + .txt-info li {position:relative; font-size:12px; color:#888; list-style:none; font-weight:normal; line-height:18px;}
.donut-chart + .txt-info li:before {content:'·'; position:absolute; top:0; left:-8px; font-size:24px;}
@media screen and (min-width:768px){
	.donut-chart + .txt-info {padding-top:10px;}
}

/* 달력 */
/* reward-date */
.calendar-box{display:block;padding-top:40px}
.calendar-date {display:block; position:relative; height:24px;margin-bottom:10px}
.calendar-date .text-mid {line-height:24px; text-align:center;}
.calendar-date .calendar-left {display:block; position:absolute; top:0; left:30px; width:24px; height:24px; background:url('/mba/images/product/ico_arr_left02.png') no-repeat 50% 50%; background-size:24px; text-indent:-9999px;}
.calendar-date .calendar-right {display:block; position:absolute; top:0; right:30px; width:24px; height:24px; background:url('/mba/images/product/ico_arr_right02.png') no-repeat 50% 50%; background-size:24px; text-indent:-9999px;}

.calendar-cont {display:block; position:relative;padding:0 25px}
.calendar-cont table.calendar{width:100%; table-layout:fixed; border-collapse:collapse; border:0; border-spacing:0;}
.calendar-cont table.calendar thead th{padding:0; font-size:14px; color:#888; height:36px; line-height:36px;}
.calendar-cont table.calendar tbody td{padding:0; height:40px;}
.calendar-cont table.calendar tbody td a{display:inline-block;font-size:14px; color:#212121; width:38px; height:38px; line-height:38px; font-family:"RobotoRegular"; }
.calendar-cont table.calendar tbody td.today a{border-radius:100%;background-color:#286ef1;color:#fff;font-weight:bold}