@charset "UTF-8";
/* 믹스인 추가 이종원 */
/*********************************************************************************
	금융상품
*********************************************************************************/
/* 나의투자성향 */
.invest-propensity-wrap {
  position: relative;
  margin: 0 -18px;
  padding: 9px;
  text-align: center;
}

.invest-propensity-wrap strong {
  display: inline-block;
  font-weight: 400;
}

.invest-propensity-wrap.grade01 {
  background-color: rgba(220, 0, 4, 0.12);
}

.invest-propensity-wrap.grade01 strong {
  color: #ed2b03;
}

.invest-propensity-wrap.grade02 {
  background-color: rgba(255, 108, 0, 0.12);
}

.invest-propensity-wrap.grade02 strong {
  color: #ff6c00;
}

.invest-propensity-wrap.grade03 {
  background-color: rgba(65, 173, 0, 0.12);
}

.invest-propensity-wrap.grade03 strong {
  color: #41ad00;
}

.invest-propensity-wrap.grade04 {
  background-color: rgba(11, 89, 0, 0.12);
}

.invest-propensity-wrap.grade04 strong {
  color: #0b5900;
}

.invest-propensity-wrap.grade05 {
  background-color: rgba(129, 18, 188, 0.12);
}

.invest-propensity-wrap.grade05 strong {
  color: #8112bc;
}

.invest-propensity-wrap .tooltip-wrap .tooltip-box .tooltip-head .tit {
  color: #111;
}

/* 금융상품 배너 */
.finance-banner-box {
  margin: 40px 0 0;
}

.finance-banner-box .fund-banner img {
  display: block;
  width: 100%;
}

/* 펀드상품 추천 banner 슬라이드 */
.recommend-fund-wrap {
  margin: 0 -18px;
}

.recommend-fund-wrap .private-equity-fund {
  padding: 20px 18px;
  background: url("../images/common/bg-recommend-fund.png") no-repeat center bottom;
  background-size: cover;
}

.recommend-fund-wrap .private-equity-fund .tit {
  display: block;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
}

.recommend-fund-wrap .private-equity-fund .tit span {
  font-weight: 700;
}

.recommend-fund-wrap .private-equity-fund .custom-swiper-wrap {
  margin: 15px 0 0;
}

.recommend-fund-wrap .private-equity-fund .custom-swiper-wrap .swiper-wrapper .swiper-slide {
  width: auto;
  height: auto;
}

.recommend-fund-wrap .private-equity-fund .custom-swiper-wrap .swiper-wrapper .swiper-slide:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  clear: both;
}

.recommend-fund-wrap .private-equity-fund .custom-swiper-wrap .swiper-wrapper .item-fund-case {
  display: block;
  float: left;
  width: 37.5vw;
  height: 100%;
}

.recommend-fund-wrap .private-equity-fund .custom-swiper-wrap .swiper-wrapper .item-fund-case .item-fund {
  display: block;
  position: relative;
  height: 100%;
  padding: 10px 15px 34px;
  text-align: left;
  border-radius: 10px;
  background-color: #fff;
}

.recommend-fund-wrap .private-equity-fund .custom-swiper-wrap .swiper-wrapper .item-fund-case .item-fund span {
  display: block;
  height: 100%;
}

.recommend-fund-wrap .private-equity-fund .custom-swiper-wrap .swiper-wrapper .item-fund-case .item-fund:after {
  display: block;
  content: "";
  position: absolute;
  right: 15px;
  bottom: 10px;
  width: 15px;
  height: 19px;
  background: url("../images/icon/icon-btn-app02.png") no-repeat right center;
  background-size: auto 19px;
}

.recommend-fund-wrap .private-equity-fund .custom-swiper-wrap .swiper-wrapper .item-fund-case + .item-fund-case {
  margin: 0 0 0 7px;
}

.recommend-fund-wrap .fund-category-box {
  min-height: 221px;
  padding: 20px 18px;
  background-color: #f7f7f7;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap {
  margin: 15px 0 0;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-box {
  margin: 0 62px 0 0;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-wrapper .swiper-slide {
  width: auto;
  height: auto;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-wrapper .swiper-slide:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  clear: both;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-wrapper .swiper-slide .item-category {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  height: 100%;
  padding: 25px 20px 25px 85px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.08);
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-wrapper .swiper-slide .item-category .inner {
  width: 100%;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-wrapper .swiper-slide .item-category .inner strong {
  display: block;
  line-height: 26px;
  font-size: 18px;
  font-weight: 400;
  color: #777;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-wrapper .swiper-slide .item-category .inner .desc {
  color: #777;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-wrapper .swiper-slide .item-category .item-img {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -32px;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  opacity: .3;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-wrapper .swiper-slide .item-category .item-img img {
  display: inline-block;
  width: 100%;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-wrapper .swiper-slide.swiper-slide-active .item-category {
  border: 1px solid #1e75d6;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-wrapper .swiper-slide.swiper-slide-active .item-category .inner strong {
  color: #1e75d6;
}

.recommend-fund-wrap .fund-category-box .custom-swiper-wrap .swiper-wrapper .swiper-slide.swiper-slide-active .item-category .item-img {
  opacity: 1;
}

.recommend-fund-wrap .fund-category-box.fixed {
  position: fixed;
  top: 56px;
  left: 0;
  right: 0;
  transition: top .7s ease;
  z-index: 50;
}

.recommend-fund-wrap .fund-category-box.fixed.hide {
  top: -100%;
}

.recommend-fund-wrap:first-child {
  margin: -30px -18px 0;
}

/* 비교하기 sticky bar */
.sticky-compare-wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 165;
}

.sticky-compare-wrap .sticky-compare-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}

.sticky-compare-wrap .sticky-compare-head .tit {
  display: block;
}

.sticky-compare-wrap .sticky-compare-head .tit .btn-compare-open {
  position: relative;
  width: 100%;
  height: 48px;
  padding: 0 40px 0 18px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  background-color: #1e75d6;
}

.sticky-compare-wrap .sticky-compare-head .tit .btn-compare-open em {
  display: inline-block;
  height: 18px;
  padding: 0 6px;
  margin: 0 0 0 5px;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  border-radius: 9px;
  background-color: #181949;
  vertical-align: 2px;
}

.sticky-compare-wrap .sticky-compare-head .tit .btn-compare-open:after {
  display: block;
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 17px;
  height: 11px;
  background-image: url("../images/common/btn-arrow-compare.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 17px auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.sticky-compare-wrap .sticky-compare-head .tit .btn-compare-open.active:after {
  background-position: center bottom;
}

.sticky-compare-wrap .sticky-compare-body {
  display: none;
}

.sticky-compare-wrap .sticky-compare-body .sticky-compare-content {
  overflow-y: auto;
  overflow-x: hidden;
}

.sticky-compare-wrap .compare-fund-list li {
  border-top: 1px solid #e7e7e7;
}

.sticky-compare-wrap .compare-fund-list li:first-child {
  border-top: none;
}

.sticky-compare-wrap .compare-item {
  position: relative;
}

.sticky-compare-wrap .compare-item .fund-item {
  display: block;
  width: 100%;
  padding: 15px 58px 15px 18px;
  line-height: 22px;
  font-weight: 400;
  text-align: left;
}

.sticky-compare-wrap .compare-item .del {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 52px;
  background: url("../images/common/btn-del02.png") no-repeat center;
  background-size: 20px auto;
}

.sticky-compare-wrap .btn-compare-case .btn-compare {
  width: 100%;
  height: 54px;
  font-size: 18px;
  color: #fff;
  background-color: #181949;
}

/* 비교하기 상품선택 */
.compare-select-wrap {
  padding: 60px 0 0;
}

.compare-select-wrap .inner-compare-select {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 57px 18px 0;
  background: #fff url("../images/common/bg-compare-popup.png") no-repeat center bottom;
  background-size: 70px auto;
  z-index: 5;
  transition: top .7s ease;
}

.compare-select-wrap .inner-compare-select .compare-select-case {
  position: relative;
  width: calc(50% - 35px);
}

.compare-select-wrap .inner-compare-select .compare-select-case .btn-compare-select {
  position: relative;
  padding: 23px 0;
}

.compare-select-wrap .inner-compare-select .compare-select-case .btn-compare-select span {
  display: -webkit-box;
  overflow: hidden;
  line-height: 22px;
  font-size: 18px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
}

.compare-select-wrap .inner-compare-select .compare-select-case .btn-compare-select span:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 10px;
  width: 10px;
  height: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.compare-select-wrap .inner-compare-select .compare-select-case .btn-compare-select.blue span {
  color: #1e75d6;
}

.compare-select-wrap .inner-compare-select .compare-select-case .btn-compare-select.blue span:after {
  background-image: url("../images/common/btn-compare-select-blue.png");
}

.compare-select-wrap .inner-compare-select .compare-select-case .btn-compare-select.orange span {
  color: #ff6000;
}

.compare-select-wrap .inner-compare-select .compare-select-case .btn-compare-select.orange span:after {
  background-image: url("../images/common/btn-compare-select-orange.png");
}

.compare-select-wrap .inner-compare-select .compare-select-case .btn-compare-select.green span {
  color: #67b732;
}

.compare-select-wrap .inner-compare-select .compare-select-case .btn-compare-select.green span:after {
  background-image: url("../images/common/btn-compare-select-green.png");
}

.compare-select-wrap .inner-compare-select .compare-select-case .btn-compare-select.purple span {
  color: #ec16e5;
}

.compare-select-wrap .inner-compare-select .compare-select-case .btn-compare-select.purple span:after {
  background-image: url("../images/common/btn-compare-select-purple.png");
}

.compare-select-wrap .inner-compare-select .compare-select-case .compare-select-opt {
  display: none;
  position: absolute;
  left: -18px;
  right: 0;
  top: 100%;
  border: 1px solid #c2c2c2;
  background-color: #fff;
}

.compare-select-wrap .inner-compare-select .compare-select-case .compare-select-opt ul li {
  border-top: 1px solid #e7e7e7;
}

.compare-select-wrap .inner-compare-select .compare-select-case .compare-select-opt ul li .opt {
  padding: 11px 15px;
  text-align: left;
}

.compare-select-wrap .inner-compare-select .compare-select-case .compare-select-opt ul li .opt span {
  display: -webkit-box;
  overflow: hidden;
  line-height: 24px;
  font-size: 16px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.compare-select-wrap .inner-compare-select .compare-select-case .compare-select-opt ul li .opt.blue span {
  color: #1e75d6;
}

.compare-select-wrap .inner-compare-select .compare-select-case .compare-select-opt ul li .opt.orange span {
  color: #ff6000;
}

.compare-select-wrap .inner-compare-select .compare-select-case .compare-select-opt ul li .opt.green span {
  color: #67b732;
}

.compare-select-wrap .inner-compare-select .compare-select-case .compare-select-opt ul li .opt.purple span {
  color: #ec16e5;
}

.compare-select-wrap .inner-compare-select .compare-select-case .compare-select-opt ul li:first-child {
  border-top: none;
}

.compare-select-wrap .inner-compare-select .compare-select-case:nth-child(2) .compare-select-opt {
  left: 0;
  right: -18px;
}

.compare-select-wrap .inner-compare-select:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  height: 13px;
  background: url("../images/common/shadow-compare-sticky.png") repeat-x left center;
  background-size: auto 100%;
}

.compare-select-wrap .inner-compare-select.t0 {
  top: -57px;
}

/* 비교하기 상품정보 */
.compare-info-wrap > ul > li {
  border-bottom: 1px solid #e7e7e7;
}

.compare-info-wrap .compare-info-case {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
}

.compare-info-wrap .compare-info-case .compare-info-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: calc(50% + 35px);
  padding: 0;
}

.compare-info-wrap .compare-info-case .compare-info-item .tit {
  display: block;
  position: relative;
  width: 70px;
  padding: 11px 0;
  line-height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  text-align: center;
}

.compare-info-wrap .compare-info-case .compare-info-item .txt {
  width: calc(100% - 70px);
  padding: 9px 0 9px 14px;
}

.compare-info-wrap .compare-info-case .compare-info-item .txt .bull-txt {
  line-height: 26px;
  font-size: 20px;
  color: #dc0004;
}

.compare-info-wrap .compare-info-case .compare-info-item .txt .bear-txt {
  line-height: 26px;
  font-size: 20px;
  color: #1e75d6;
}

.compare-info-wrap .compare-info-case .compare-info-item .txt .line.blue em {
  background: linear-gradient(to top, rgba(26, 182, 255, 0.4) 30%, transparent 30%) !important;
}

.compare-info-wrap .compare-info-case .compare-info-item .txt .line.orange em {
  background: linear-gradient(to top, rgba(255, 159, 23, 0.4) 30%, transparent 30%) !important;
}

.compare-info-wrap .compare-info-case .compare-info-item .txt .line.green em {
  background: linear-gradient(to top, rgba(121, 197, 71, 0.4) 30%, transparent 30%) !important;
}

.compare-info-wrap .compare-info-case .compare-info-item .txt .line.purple em {
  background: linear-gradient(to top, rgba(255, 130, 251, 0.4) 30%, transparent 30%) !important;
}

.compare-info-wrap .compare-info-case .compare-info-item:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 70px;
  background-color: #f7f7f7;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.compare-info-wrap .compare-info-case .compare-info-item:first-child {
  display: block;
  width: calc(50% - 35px);
  padding: 9px 14px 9px 0;
  text-align: right;
}

.compare-info-wrap .compare-info-case .compare-info-item:first-child .tit {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  width: 0;
  height: 0;
  margin: -1px;
  border: 0;
  padding: 0;
}

.compare-info-wrap .compare-info-case .compare-info-item:first-child .tit th, .compare-info-wrap .compare-info-case .compare-info-item:first-child .tit td {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  font-size: 0 !important;
  padding: 0 !important;
}

.compare-info-wrap .compare-info-case .compare-info-item:first-child .txt {
  width: 100%;
}

.compare-info-wrap .compare-info-case .compare-info-item:first-child:before {
  display: none;
}

/* 금융상품 그래프영역 */
.finance-graph-wrap {
  margin: 20px 0 0;
}

.finance-graph-wrap:first-child {
  margin: 0;
}

.top-box + .finance-graph-wrap {
  margin: 10px 0 0;
}

/* 펀드상세정보 */
.fund-detail-info-wrap .inner-detail-info {
  position: relative;
}

.fund-detail-info-wrap .btn-share02 {
  position: absolute;
  right: 0;
  top: -10px;
}

.fund-detail-info-wrap .flag-box {
  margin: 0 0 10px;
}

.fund-detail-info-wrap .name-case .tit {
  line-height: 28px;
  font-size: 22px;
  font-weight: 400;
}

.fund-detail-info-wrap .opt-case {
  margin: 5px 0 0;
}

.fund-detail-info-wrap .opt-case span {
  display: inline-block;
  position: relative;
  font-size: 13px;
  color: #777;
}

.fund-detail-info-wrap .opt-case span + span {
  margin: 0 0 0 13px;
}

.fund-detail-info-wrap .opt-case span + span:after {
  display: block;
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.fund-detail-info-wrap .fund-price-case {
  margin: 5px 0 0;
}

.fund-detail-info-wrap .fund-price-case .price {
  display: block;
  line-height: 32px;
  font-size: 28px;
  text-align: right;
  color: #dc0004;
}

.fund-detail-info-wrap .fund-price-case .price span {
  display: none;
}

.fund-detail-info-wrap .fund-price-case .price em {
  font-size: 16px;
}

.fund-detail-info-wrap .fund-price-case .txt {
  display: block;
  line-height: 18px;
  font-size: 13px;
  color: #777;
  text-align: right;
}

.fund-detail-info-wrap .profits-ratio-case {
  margin: 5px 0 0;
}

.fund-detail-info-wrap .profits-ratio-case .ratio {
  display: block;
  line-height: 32px;
  font-size: 28px;
  text-align: right;
}

.fund-detail-info-wrap .profits-ratio-case .ratio.bull {
  color: #dc0004;
}

.fund-detail-info-wrap .profits-ratio-case .ratio.bear {
  color: #1e75d6;
}

.fund-detail-info-wrap .profits-ratio-case .ratio .unit {
  display: inline-block;
  font-size: 16px;
}

.fund-detail-info-wrap .profits-ratio-case .ratio-type {
  display: block;
  line-height: 18px;
  font-size: 13px;
  text-align: right;
}

.fund-detail-info-wrap .fund-summary {
  margin: 20px 0 0;
  padding: 15px 20px;
  color: #777;
  background-color: #f7f7f7;
}

.fund-detail-info-wrap .fund-guide-download {
  overflow: hidden;
  margin: 20px 0 0;
}

.fund-detail-info-wrap .fund-guide-download > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin: -8px 0 0;
}

.fund-detail-info-wrap .fund-guide-download > ul > li {
  width: calc(50% - 4px);
  margin: 8px 0 0;
}

.fund-detail-info-wrap .fund-guide-download .btn-download {
  width: 100%;
  border: 1px solid #c2c2c2;
  border-radius: 2px;
}

.fund-detail-info-wrap .fund-guide-download .btn-download span {
  display: block;
  padding: 10px 12px 10px 34px;
}

.fund-detail-info-wrap .fund-guide-download .btn-download span:before {
  left: 12px;
  top: 10px;
}

.fund-detail-info-wrap .fund-buy-box {
  margin: 20px 0 0;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 72px 110px 15px 18px;
  background-color: #181949;
  z-index: 19;
  transition: top .7s ease;
  transition-delay: 0.1s;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .name-case .tit {
  display: block;
  overflow: hidden;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .profits-ratio-case {
  position: absolute;
  top: 72px;
  right: 18px;
  margin: 0;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .profits-ratio-case .ratio {
  line-height: 24px;
  font-size: 16px;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .profits-ratio-case .ratio-type {
  display: none;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .fund-price-case {
  position: absolute;
  top: 72px;
  right: 18px;
  margin: 0;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .fund-price-case .price {
  line-height: 24px;
  font-size: 18px;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .fund-price-case .price span {
  display: inline-block;
  font-size: 14px;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .fund-price-case .price em {
  font-size: 18px;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .fund-price-case .txt {
  display: none;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .btn-share02 {
  display: none;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .flag-box {
  display: none;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .opt-case {
  display: none;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .fund-summary {
  display: none;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .fund-summary-info {
  display: none;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .fund-guide-download {
  display: none;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed .fund-buy-box {
  display: none;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed.t0 {
  top: -57px;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.fixed:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  height: 13px;
  background: url("../images/common/shadow-compare-sticky.png") repeat-x left center;
  background-size: auto 100%;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.type02.fixed {
  padding: 72px 18px 15px 18px;
}

.fund-detail-info-wrap.type-sticky .inner-detail-info.type02.fixed .profits-ratio-case {
  display: none;
}

/* 가입현황 안내 */
.fund-purchase-box {
  margin: 10px 0 0;
  padding: 20px 0;
  text-align: center;
  background-color: #edf4fc;
}

.fund-purchase-box .tit-desc {
  line-height: 24px;
  font-size: 16px;
}

.fund-purchase-box .fund-rank-desc {
  display: -webkit-flex;
  display: flex;
  margin: 20px 0 0;
}

.fund-purchase-box .fund-rank-desc .fund-rank-item {
  -webkit-flex: 1;
          flex: 1;
  line-heighT: 24px;
  font-size: 20px;
}

.fund-purchase-box .fund-rank-desc .fund-rank-item .tit {
  display: block;
  margin: 0 0 3px;
  font-size: 13px;
  color: #777;
}

.fund-purchase-box .fund-rank-desc .fund-rank-item + .fund-rank-item {
  border-left: 1px solid #cfd9e5;
}

/* 상품상세 투자포인트 어드민 관리 이미지영역 */
.img-invest-box {
  margin: 10px 0 0;
  border: 1px solid #e1e1e1;
}

.img-invest-box img {
  max-width: 100%;
}

/* 전문가 상담 */
.professional-counseling-box [class^="item-professional-counseling"] {
  margin: 20px 0 0;
  padding: 20px 0;
  text-align: center;
  border: 1px solid #e7e7e7;
}

.professional-counseling-box [class^="item-professional-counseling"] .desc-counseling {
  line-height: 24px;
  font-size: 16px;
}

.professional-counseling-box [class^="item-professional-counseling"] .desc-contact {
  margin: 15px 0 0;
  line-height: 26px;
  font-size: 18px;
  color: #dc0400;
}

.professional-counseling-box [class^="item-professional-counseling"] .desc-biz-hours {
  margin: 15px 0 -20px;
  padding: 9px 0;
  color: #dc0400;
  background-color: #f7f7f7;
}

.professional-counseling-box [class^="item-professional-counseling"]:first-child {
  margin: 0;
}

.professional-counseling-box [class^="item-professional-counseling"]:before {
  display: block;
  content: "";
  width: 69px;
  height: 69px;
  margin: 0 auto 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.professional-counseling-box .item-professional-counseling01:before {
  background-image: url("../images/icon/icon-professional-counseling01.png");
}

.professional-counseling-box .item-professional-counseling02:before {
  background-image: url("../images/icon/icon-professional-counseling02.png");
}

.professional-counseling-box .item-professional-counseling03:before {
  background-image: url("../images/icon/icon-professional-counseling03.png");
}


/* 텍스트 컬러 */
.main_color_01{color:#172b43 !important;}
.main_color_02{color:#1e75d6 !important;}
.main_color_03{color:#dc0004 !important;}
.main_color_04{color:#435367 !important;}

.point_color_01{color:#ee137b !important;}
.point_color_02{color:#4c9144 !important;}

.point_title{color:#111 !important;}
.point_disabled{color:#aaa !important;}
.point_guide{color:#777 !important;}
.point_error{color:#dc0004 !important;}
.point_confirm{color:#1e75d6 !important;}
.point_top{color:#dc0004 !important;}
.point_bottom{color:#1e75d6 !important;}

.form_error_01{color:#fff1f1 !important;}
.form_error_02{color:#ff3950 !important;}


/* 백그라운드 컬러 */
.form_txt_bg_01{background-color:#b7b7b7 !important;}
.form_txt_bg_02{background-color:#bbb !important;}
.form_txt_bg_03{background-color:#ededed !important;}

/* Guide -Padding , Margin 추가 */
.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
.pl55 {padding-left: 55px !important;}
.pl60 {padding-left: 60px !important;}

.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pr55 {padding-right: 55px !important;}
.pr60 {padding-right: 60px !important;}

.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}

.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb55 {padding-bottom: 55px !important;}
.pb60 {padding-bottom: 60px !important;}

.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}

.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}