@charset "utf-8";

@media all and (max-width: 768px) {
  .dim_pop .pop_in {
    width: 700px !important;
  }

  .product_class .search_area .sear {
    width: 283px !important;
  }

  .fund_type ul.class {
    margin-top: 10px !important;
  }

  .wrap_schPrd_coverage .cdt_search {
    padding: 20px 10px !important;
  }

  .wrap_schPrd_coverage .cdt_search .select {
    margin-left: 10px;
  }
}

@media all and (min-width: 769px) and (max-width: 1024px) {
  .dim_pop .pop_in {
    width: 95% !important;
  }

  .product_class .up {
    padding: 20px 10px !important;
  }

  .fund_type {
    padding-left: 26px !important;
  }

  .fund_type ul.class {
    margin-top: 10px !important;
  }

  .dim_pop .pop_in.free {
    max-width: 95%;
  }

  .wrap_schPrd_coverage .cdt_search {
    padding: 20px 10px !important;
  }

  .wrap_schPrd_coverage .cdt_search .select {
    margin-left: 10px;
  }

}


/* Common */
body.common_body {
  background-color: #f2f5fd;
}

.inner_wrap {
  margin: 0 auto;
  width: 1400px;
}


/* E20240119 */
.inner_wrap:after {
  content: '';
  display: block;
  clear: both;
}

.pc_br {
  display: block;
}


/* Button guide */
/* btns */
a[class^=btns] {
  display: inline-block;
  margin-top: 15px;
  min-width: 50px;
  border-radius: 4px;
  padding: 8px 10px;
  height: auto;
  line-height: 28px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

a[class^=btns].last {
  height: 32px !important;
  line-height: 32px !important;
}

table a[class^=btns] {
  display: inline-block;
  min-width: 50px;
  height: 24px;
  padding: 0 10px;
  line-height: 24px;
  margin-top: 0;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.btn_center {
  clear: both;
  text-align: center;
}

.btn_right {
  text-align: right;
}

.btn_right a[class^=btns]+a[class^=btns] {
  margin-left: 5px;
}

.btns_sky {
  border: 1px solid #2989d9;
  background: #5b5fe4;
}

.btns_gray {
  border: 1px solid #666e79;
  background: #747e8c;
}

.btns_darksky {
  border: 1px solid #3d5374;
  background: #3d5374;
}

.btns_bice {
  background: #0e4194;
}

.btns_white {
  border: 1px solid #ccc;
  color: #494b55 !important;
  background: #f7f7f7;
}

.btns_real_white {
  border: 1px solid #ccc;
  color: #494b55 !important;
  background: #fff;
}

.btns_real_white_sm {
  padding: 2px 10px !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #666 !important;
  font-weight: 500 !important;
  border: 1px solid #ccc;
  min-width: 35px !important;
  box-sizing: border-box;
  margin-top: 0 !important;
}

.btns_white_gray {
  border: 1px solid #929ba8;
  background: #a8b1bf;
}

.btns_skyblue {
  border: 1px solid #5b5fe4;
  background: #5b5fe4;
}

/* n_btn */
a[class^=n_btn],
label[class^=n_btn] {
  display: inline-block;
  padding: 8px 13.5px 8px 33.5px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #d4d8e0;
  color: #494b55;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 10px center;
  white-space: nowrap;
}

.n_btns_set {
  float: right;
}

.n_btn_white {
  border: 1px solid #d4d8e0;
  background: #fff;
  font-weight: 500;
  color: #494b55;
  padding: 8px 13.5px 8px 13.5px !important;
}

.n_btn_white.nobg {
  padding-left: 13.5px;
  min-width: 43px;
  text-align: center;
}

.n_btn_edt {
  background-image: url(../img/bg/btn_tbl_edt.png)
}

.n_btn_add {
  background-image: url(../img/bg/btn_tbl_add.png)
}

.n_btn_add_b {
  color: #fff !important;
  border: 1px solid #5b5fe4 !important;
  background: url(../img/bg/btn_tbl_add_b.png) 10px center no-repeat #5b5fe4 !important;
}

.n_btn_save {
  background-image: url(../img/bg/btn_tbl_save.png)
}

.n_btn_save_b {
  color: #fff !important;
  border: 1px solid #5b5fe4 !important;
  background: #5b5fe4 url(../img/bg/btn_tbl_save_wh.png ) 10px center no-repeat !important;
}

.n_btn_del {
  background-image: url(../img/bg/btn_tbl_del.png)
}

.n_btn_delete {
  background-image: url(../img/bg/btn_tbl_del.png);
}

.n_btn_file {
  background-image: url(../img/bg/btn_tbl_file.png)
}

.n_btn_rebalance {
  background-image: url(../img/bg/btn_rebalance.png)
}

.n_btn_get {
  background-image: url(../img/bg/btn_tbl_get.png)
}

.n_btn_prod {
  background-image: url(../img/bg/add_prod.gif);
}

.n_btn_excel {
  background-image: url(../img/bg/ex.png);
}

.n_btn_search {
  color: #fff !important;
  border: 1px solid #5b5fe4 !important;
  background: #5b5fe4 url(../img/bg/nbtn_search.png) 10px center no-repeat !important;
}

.n_btn_search:active {
  color: #eee
}

.n_btn_list {
  background: #fff url(../img/bg/nbtn_list.png) 10px center no-repeat;
}

.n_btn_list_b {
  color: #fff !important;
  border: 1px solid #5b5fe4 !important;
  background: url(../img/bg/nbtn_list_b.png) 10px center no-repeat #5b5fe4 !important;
}

.n_btn_list_wh {
  background-image: url(../img/bg/nbtn_list.png);
}

.n_btn_intprod {
  color: #0e4194;
  border: 1px solid #0e4194;
  background: #fff url(../img/bg/heartp.gif) 10px center no-repeat;
}

.n_btn_intdel {
  color: #0e4194;
  border: 1px solid #0e4194;
  background: #fff url(../img/bg/heartm.gif) 10px center no-repeat;
}

.n_btn_comp {
  color: #0e4194;
  border: 1px solid #0e4194;
  background: #fff url(../img/bg/vs.gif) 10px center no-repeat;
}

.n_btn_up {
  font-weight: 500;
  color: #494b55;
  border: 1px solid #d4d8e0;
  background: #fff url(../img/bg/nbtn_list_up.png) 10px center no-repeat;
}

.n_btn_down {
  font-weight: 500;
  color: #494b55;
  border: 1px solid #d4d8e0;
  background: #fff url(../img/bg/nbtn_list_down.png) 10px center no-repeat;
}

.n_btn_retry {
  border: 1px solid #0e4194 !important;
  background: url(../img/bg/resch_run.png) no-repeat 11px 5px;
  color: #0e4194 !important;
}

.n_btn_reset {
  padding: 8px 7.5px 8px 27.5px !important;
  background: url(../img/bg/re_set.png) no-repeat 7.5px 50% #fff;
  border: 1px solid #d4d8e0;
  color: #494b55 !important;
  font-size: 16px;
}

.n_btn_change {
  font-weight: 500;
  color: #494b55;
  border: 1px solid #d4d8e0;
  background: #fff url(../img/bg/nbtn_change.gif) 10px center no-repeat;
}

.n_btn_docno {
  font-weight: 500;
  color: #494b55;
  border: 1px solid #d4d8e0;
  background: #fff url(../img/bg/nbtn_doc_no.gif) 10px center no-repeat;
}

.n_btn_docok {
  font-weight: 500;
  color: #494b55;
  border: 1px solid #d4d8e0;
  background: #fff url(../img/bg/nbtn_doc_ok.gif) 10px center no-repeat;
}

.n_btn_plus {
  font-weight: 500;
  color: #494b55;
  border: 1px solid #d4d8e0;
  background: #fff url(../img/bg/nbtn_plus.gif) 10px center no-repeat;
}

.n_btn_cancel {
  border: 1px solid #d4d8e0;
  font-size: 14px;
  font-weight: 500;
  color: #494b55;
  background: url(../img/bg/btn_tbl_cancel.png) no-repeat 9px 6px;
}

.n_btn_bd {
  font-weight: 500;
  color: #494b55;
  border: 1px solid #d4d8e0;
}

.active a.n_btn_more {
  background-image: url(../img/bg/btn_arrow_close.png);
}

.active .n_btn_more:before,
.active .n_btn_more:after {
  background-color: #fff
}

.open a.n_btn_more:before {
  transform: rotate(45deg) translate(-3px, -1px);
}

.open a.n_btn_more:after {
  transform: rotate(-45deg) translate(3px, -1px);
}

/* sm_btn */
a[class^=sm_btn] {
  display: inline-block;
  min-width: 40px;
  height: 20px;
  line-height: 1.75;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
}

.sm_btn_navy {
  color: #fff;
  background: #3d5374;
}

/* etc */
.table .search_btn {
  display: inline-block;
  margin: 0;
  min-width: 30px;
  border-radius: 4px;
  padding: 3px 10px;
  height: auto;
  border: 1px solid #ccc;
  color: #494b55 !important;
  background: #f7f7f7;
  line-height: 18px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.table.table_result .search_btn {
  font-size: 13px;
}

.table .search_btn:hover,
.table .search_btn:active,
.table .search_btn:focus {
  font-weight: 600;
  opacity: 0.9;
}

.top_link ul li.admin_button a {
  display: inline-block;
  padding: 5px;
  margin-top: -3px;
  margin-left: 20px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #666e79;
  background: #747e8c;
}

.more_result {
  display: block;
  width: 30%;
  height: 40px;
  line-height: 40px;
  margin: 15px auto 0;
  text-align: center;
  font-size: 12px;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 60px;
  font-weight: 500;
}

.more_result span {
  display: inline-block;
  padding-left: 20px;
  background: url(../img/bg/arrw_d.gif) 0 center no-repeat;
}

.more_result em {
  display: inline-block;
  margin-left: 5px;
}

.more_result em i:first-child {
  color: #5b5fe4;
  font-weight: 700;
}

.text_n_btn_set {
  margin-bottom: 10px;
}

.text_n_btn_set:after {
  content: '';
  clear: both;
  display: block;
}

.text_n_btn_set p {
  float: left;
}

.text_n_btn_set .n_btns_set {
  float: right;
  margin-top: -10px;
}

.type_btn_set {
  float: left;
}

.type_btn_set a {
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  margin-left: -1px;
  font-size: 14px;
  color: #666;
  border: 1px solid #ccc;
}

.type_btn_set a.on {
  color: #fff;
  background: #5f6977;
  border: 1px solid #5f6977;
}

.type_btn_set a:first-child {
  border-radius: 3px 0 0 3px;
  margin-left: 1px;
}

.type_btn_set a:last-child {
  margin-left: -1px;
  border-radius: 0px 3px 3px 0px;
}

span.mark_bge {
  display: inline-block;
  padding: 2px 6px 2px 4px;
  margin-left: 5px;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  background: #747e8c;
}


/* drag&drop */
.draggable {
  display: inline-block;
  padding: 0;
  width: 30px;
  height: 25px;
  border-radius: 4px;
  border: 1px solid #d4d8e0;
  background-image: url(../img/bg/btn_tbl_drag.png);
  color: #494b55;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
}


/* border */
.bdn {
  border:  none !important;
}
.bdtn {
  border-top: none !important;
}

.bdrn {
  border-right: none !important;
}

.bdbn {
  border-bottom: none !important;
}

.bdln {
  border-left: none !important;
}


/* Tab */
/* 메인탭 */
.tab {
  margin-bottom: 40px;
}

.tab ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  overflow: hidden;
}

.tab ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.tab ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #232433;
  padding: 12px 0;
  height: 56px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  color: #b4b6bc;
  box-sizing: border-box;
}

.tab ul li.on a {
  color: #232433;
  border: 2px solid #232433;
  border-bottom: 0;
  font-weight: 600;
  border-radius: 8px 8px 0 0;
  border-bottom: 0;
  cursor: pointer;
}

/* 서브탭 */
.tab_in_tab_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d4d8e2;
}

.tab_in_tab_flex .tab {
  width: 40%;
}

.tab_in_tab_flex .n_btn_excel {
  text-align: left;
}

.tab_in_tab01 {
  margin-bottom: 0;
}

.tab_in_tab01 ul li a {
  position: relative;
  margin-left: calc((8px + 1px + 8px));
  border: 0 !important;
  padding: 0;
  height: auto;
  font-size: 13px;
}

.tab_in_tab01 ul li a::before {
  content: '';
  width: 1px;
  height: 90%;
  background-color: #dfd8e2;
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
}

.tab_in_tab01 ul li:first-child a {
  margin-left: 0;
}

.tab_in_tab01 ul li:first-child a::before {
  display: none;
}

.tab_in_tab02 {
  margin-bottom: 0;
}

.tab_in_tab02 ul li a {
  border: 0;
  height: 48px;
  padding: 12px 0;
  font-size: 16px;
}

.tab_in_tab02 ul li.on a {
  border: 0;
  border-bottom: 2px solid #232433;
}

/* show/hide */
.showHide {
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: all 0.3s;
}

.showHide.on {
  display: block;
  visibility: visible;
  height: auto;
  opacity: 1;
}


/* Layout */
article#content {
  height: auto;
  min-height: calc(100vh - 270px);
}

article#content.main {
  min-height: 300px;
  margin-bottom: -100px;
}

#content .content_in {
  min-height: 629px;
  min-width: 1420px
}

#content .content_in>.inner_wrap {
  padding-top: 30px;
}

#content.main .content_in {
  padding-top: 0;
}


/* header */
header#header {
  z-index: 1000;
  min-width: 1400px;
}

#header .inner_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  width: 100%;
  min-width: 1420px
}

#header .inner_wrap:after {
  display: none;
}

.head_respons {
  background-color: #203969;
}

.head_respons.type2 {
  background-color: transparent;
}

.head_respons:after {
  content: '';
  display: block;
  clear: both;
}

.head_respons h1 {
  padding-left: 3.125vw;
}

.head_respons.type2 h1 {
  padding-top: 2.448vw;
}

.head_respons h1 a {
  display: block;
  width: 132px;
  height: 22px;
}

.head_respons h1 a>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.head_respons h1 a span {
  display: inline-block;
  color: #0e4194;
  position: relative;
  top: 6px;
  left: 15px;
}

.head_change {
  flex: none;
  outline: none;
  z-index: 1000;
}

.head_change .gnb_wrap>div {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 1080px;
  transform: translateX(-50%);
}

@media screen and (max-width:1610px) {
  .head_change {
    flex: auto;
  }

  .head_change .gnb_wrap>div {
    position: relative;
    left: auto;
    transform: translateX(0);
    width: 900px;
  }
}


/* Footer */
.foot_link {
  text-align: center;
  border-bottom: 1px solid #ccc;
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.foot_link ul {
  float: left;
}

.foot_link li {
  display: inline-block;
  font-size: 14px;
}

.foot_link li a {
  display: inline-block;
  padding: 13px 18px 12px 13px;
  color: #676767;
  background: url(../img/common/head_top_line.gif) right 15px no-repeat;
  font-weight: bold;
  color: #666;
}

.foot_link li:first-child a {
  padding-left: 0;
}

.foot_link li:last-child a {
  padding-right: 0;
  background: none;
}

.foot_link .call {
  float: right;
  width: 311px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #000;
}

.foot_link .call span {
  display: inline-block;
  margin-right: 5px;
  color: #555;
  font-weight: bold;
}

.foot_link .call span a {
  display: inline-block;
  margin-top: -4px;
}

.foot_link .call span:last-child {
  margin-left: 10px;
  color: #000;
}

.foot_link .call span:last-child a {
  color: #000;
}

#footer {
  width: 100%;
  min-width: 1400px;
  box-sizing: border-box;
  margin-top: 100px;
  background: #f2f5fd;
}

#footer .inner_wrap {
  width: 1400px;
  overflow: hidden;
}

#footer .inner_wrap .footer_award {
  display: none;
  width: 311px;
  float: right;
  padding-top: 27px;
}

#footer .inner_wrap .footer_award .footer_img {
  float: left;
}

#footer .inner_wrap .footer_award .footer_txt {
  float: left;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -1px;
  padding-left: 10px;
  padding-top: 6px;
}

#footer .inner_wrap .footer_award .footer_txt p.txt01 {
  color: #93959c;
  padding-bottom: 3px;
}

#footer .inner_wrap .footer_award .footer_txt p.txt02 {
  color: #232433;
  font-weight: 500;
}

#footer .inner_wrap .address_wrap {
  float: left;
}

.address_wrap {
  overflow: hidden;
  padding: 25px 0 30px;
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 12px;
  color: #494b55;
}

.address_wrap address {
  float: left;
}

.address_wrap address .gap {
  margin: 6px 0 9px
}

.address_wrap address .gap+p {
  color: #71747c
}


/*M gnb wrap*/
.mobile_menu_top {
  display: none;
}

.m_menu {
  display: none;
}

.m_search {
  display: none;
}

.m_cart {
  display: none;
}

.m_my {
  display: none;
}

.top_link {
  position: relative;
  padding: 14px 3.125vw 14px 0
}

.top_link .welcome p {
  padding-right: 12px;
}

.top_link>ul {
  display: flex;
}

.top_link>ul:after {
  content: '';
  display: block;
  clear: both;
}

.top_link>ul li {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}

.top_link>ul>li>a {
  position: relative;
  padding: 3px 11px;
  color: #767676;
  font-size: 14px;
  line-height: 26px;
}

.top_link>ul li .login_time_p {
  position: relative;
  padding: 0 12px;
  font-size: 12px;
  line-height: 28px;
  color: rgba(255, 255, 255, .7);
}

.top_link>ul li .login_time_p:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, .6)
}

.top_link>ul>li>a.top_link_logout {
  display: block;
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 18px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
  color: rgba(255, 255, 255, .6)
}

.top_link>ul li.cart a {
  padding: 3px 25px 3px 36px;
}

.top_link>ul li.cart span {
  display: inline-block;
  position: absolute;
  left: 17px;
  top: 0;
  width: 21px;
  height: 22px;
  text-indent: -9999px;
  background: url(../img/common/scrap.png) 0 3px no-repeat;
}

.top_link>ul li.cart i {
  display: inline-block;
  position: absolute;
  left: 32px;
  top: 9px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 10px;
  z-index: 100;
  text-indent: 0px;
  background: #4ba2ef;
}

.top_link>ul li.qu,
.top_link ul li.login {
  margin-top: -2px;
}

.top_link>ul li.login a {
  padding-right: 0;
  color: #eee
}

.dim {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 50;
  background: #000;
  opacity: 0.3;
}

.gnb_all_menu {
  float: left;
  padding: 17px 5px 18px 5px;
  margin-right: 37px;
}

.gnb {
  position: relative;
  display: flex;
  margin: 0;
  width: 100%;
  z-index: 1000;
}

.gnb>li {
  position: relative;
  flex: 1;
}

.gnb>li>a {
  position: relative;
  display: block;
  box-sizing: border-box;
}

.gnb>li>a>span {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #fff;
  padding: 16px;
}

.gnb>li>a.on>span {
  color: #5b5fe4;
}

.gnb>li>a.on span:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #5b5fe4;
}

.gnb>li.cate03>a {
  letter-spacing: -0.07em;
}

.gnb .dep2 {
  display: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 56px;
  z-index: 1001;
  width: 100%;
  padding: 35px 0;
  box-sizing: border-box;
  height: auto;
  border-right: 1px solid #eee;
}

.gnb .dep2 strong a {
  display: block;
  padding: 5px 2px 5px 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  color: #232433;
}

.gnb .dep2 strong a.visit {
  background: url(../img/bg/icon_lock.png) right 10px center no-repeat;
}

.gnb .dep2 dl {
  display: block;
}

.gnb .sub_be {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 10px;
  transition: all 1
}

.gnb .sub_be dl {
  display: block;
  padding: 0 2px 0 16px;
}

.gnb .sub_be dl dd {
  display: block;
  position: relative;
}

.gnb .sub_be dl dd a {
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 0 4px 7px;
  color: #71747c;
}

.gnb .sub_be dl dd a.visit {
  background: url(../img/bg/icon_lock.png) right center no-repeat;
}

.gnb .sub_be dl dd a:after {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  content: '-';
}

.head_change .gnb_wrap>div.gnb_bg {
  position: absolute;
  left: 0;
  top: 56px;
  z-index: 0;
  width: 100%;
  transform: translate(0)
}

.head_change .gnb_wrap>div.gnb_bg.on {
  border-bottom: 1px solid #d4d8e2;
  box-shadow: 0px 6px 16px 0px #00000026;
}

.gnb_bg .inner_wrap {
  display: none;
  background: #fff;
}

.gnb_bg .gnb_slide {
  position: relative;
  float: right;
  width: 225px;
  margin-top: 18px;
  margin-right: 54px;
  visibility: visible;
}

.gnb_bg .gnb_slide li {
  text-align: center;
  padding-top: 61px;
  visibility: visible;
}

.gnb_bg .gnb_slide li.item1 {
  background: url(../img/common/item1.gif) center top no-repeat;
  background-size: 50px 53px;
}

.gnb_bg .gnb_slide li strong {
  display: inline-block;
  padding-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  color: #5b5fe4;
}

.gnb_bg .gnb_slide li span {
  display: block;
  font-size: 14px;
  color: #666;
}

.gnb_slide .bx-controls-direction a {
  display: inline-block;
  width: 14px;
  height: 26px;
  position: absolute;
  top: 70px;
  text-indent: -9999px;
  z-index: 100;
}

.gnb_slide .bx-prev {
  left: -30px;
  background: url(../img/common/gnbslide_prev.gif) 0 0 no-repeat;
}

.gnb_slide .bx-next {
  right: -30px;
  background: url(../img/common/gnbslide_next.gif) 0 0 no-repeat;
}


/* Seacrch */
.search_wrap {
  position: relative;
  float: right;
  margin-top: 13px;
  box-sizing: border-box;
}

.search_wrap button {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url(../img/common/search_btn.gif) 0 0 no-repeat;
}

.search_wrap button.on {
  background: url(../img/common/search_close.gif) 1px 1px no-repeat;
}

.search_body {
  display: none;
  position: absolute;
  right: 0;
  top: 42px;
  z-index: 100;
  width: 1400px;
  padding: 20px 0;
  background: #5b5fe4;
}

.search_body:after {
  content: '';
  clear: both;
  display: block;
}

.search_body .top {
  float: left;
  width: 50%;
  padding: 0 40px;
  box-sizing: border-box;
  text-align: center;
}

.search_body .top p {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #fff;
}

.search_body .top p input {
  float: left;
  width: 95%;
  color: #fff;
  font-size: 16px;
  outline: none;
  border: none;
  background: none;
}

.search_body .top p input:-ms-input-placeholder {
  color: #fff;
}

.search_body .top p input::-webkit-input-placeholder {
  color: #fff;
}

.search_body .top p input::-moz-placeholder {
  color: #fff;
}

.search_body .top p input::-moz-placeholder {
  color: #fff;
}

.search_body .top p a {
  float: right;
  margin-top: 10px;
}

.search_body .topic {
  float: left;
  width: 50%;
  overflow: hidden;
  padding: 0 40px;
  box-sizing: border-box;
  border-left: 1px solid #fff;
}

.search_body .topic strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.search_body .topic ul {
  overflow: hidden;
}

.search_body .topic ul li {
  float: left;
  margin-top: 10px;
  margin-right: 5px;
}

.search_body .topic ul li a {
  display: inline-block;
  padding: 4px 13px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
}


/* sub_top */
.sub_top {
  position: relative;
  overflow: hidden;
  padding-bottom: 11px;
}

.sub_top h2 {
  margin: 45px 0 10px;
  font-size: 28px;
  font-weight: 600;
  color: #232433
}

.sub_top h2 span {
  font-size: 30px;
  color: #222;
}

.sub_top h2.top_point {
  margin-bottom: 70px;
  text-align: center;
  font-size: 56px;
}

.sub_top .sub_top_dt {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #71747c
}

.sub_top ol {
  position: absolute;
  top: 10px;
  right: 0;
}

.sub_top ol li {
  float: left;
}

.sub_top ol li a {
  font-size: 15px;
  font-weight: 500;
  padding: 0 11px 0 13px;
  color: #93959c;
  background: url(../img/common/path_bg.png) 0 center no-repeat;
}

.sub_top ol li:last-child a {
  color: #232433
}

.sub_top .home a {
  display: inline-block;
  text-indent: -9999px;
  background: url(../img/common/path_home.png) 0 0 no-repeat;
}

.sub_top+.tab {
  margin-top: 25px;
}

.sub_top+.table {
  margin-top: 25px;
}

.sub_top+.cdt_search {
  margin-top: 25px;
}

.sub_top+form>.cdt_search {
  margin-top: 25px;
}

.page_search {
  position: relative;
  overflow: hidden;
  padding: 20px 0 10px
}

.page_search .text {
  float: left;
  padding: 12px 0 5px 30px;
  font-size: 14px;
  background: url(../img/bg/i.png) 0 11px no-repeat;
}

.page_search .search {
  float: right;
}

.page_search .search input {
  width: 340px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  font-size: 12px;
}

.page_search .search_btn {
  display: inline-block;
  min-width: 68px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  background: #3d5374;
  vertical-align: middle;
}

.page_search .view_num {
  float: right;
  height: 26px;
  margin-right: 5px;
  font-size: 12px;
  border: 1px solid #ccc;
}

.topic_search {
  font-size: 16px;
  padding: 36px 0 20px;
  border-bottom: 1px solid #ccc;
}

.topic_search span {
  color: #1d5799;
  font-weight: 700;
}

.topic_search span strong {
  font-weight: 700;
}

.commCd_left {
  float: left;
  margin-top: 20px;
  font-size: 17px;
  font-weight: bold;
  color: #232433;
}


/*아코디언 게시판*/
.aco .aco_title {
  position: relative;
  border-bottom: 1px solid #d3d3d3;
  background: #f4f4f4 url(../img/bg/aco_off.png) right 20px center no-repeat;
  background-size: 10px 5px;
}

.aco .aco_title.active {
  background: #f4f4f4 url(../img/bg/aco_on.png) right 20px center no-repeat;
  background-size: 10px 5px;
}

.aco li:first-child .aco_title {
  border-top: 1px solid #d3d3d3;
}

.aco .aco_title a {
  display: block;
  padding: 15px 55px 15px 51px;
  font-size: 14px;
  color: #333;
}

.aco .aco_title:after {
  display: inline-block;
  content: 'Q';
  position: absolute;
  left: 20px;
  top: 12px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background: #0e4194;
}

.aco .aco_body {
  display: none;
  position: relative;
  line-height: 21px;
  padding: 15px 55px 15px 51px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #d3d3d3;
}

.aco .aco_body span {
  position: relative;
}

.aco .aco_body span:after {
  display: inline-block;
  content: 'A';
  position: absolute;
  left: -31px;
  top: -5px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background: #5b5fe4;
}


/*페이징*/
.paging {
  position: relative;
  text-align: center;
  margin-top: 24px;
}

.paging ol,
.paging li,
.paging a {
  display: inline-block;
  border-radius: 4px;
  line-height: 32px;
  font-size: 13px;
  font-weight: 400;
  color: #767676;
  vertical-align: middle;
}

.paging ol {
  margin: 0 16px;
}

.paging>a {
  width: 32px;
  height: 32px;
  margin-top: 1px;
  text-indent: -9999px;
}

.paging ol a {
  width: 32px;
  height: 32px;
}

.paging ol li.active a {
  font-weight: 600;
  background: #f6f7fb;
  color: #232433;
}

.pprev {
  background: url(../img/btn/pprev.png) center center no-repeat;
}

.prev {
  margin-left: 5px;
  background: url(../img/btn/prev.png) center center no-repeat;
}

.next {
  margin-right: 5px;
  background: url(../img/btn/next.png) center center no-repeat;
}

.nnext {
  background: url(../img/btn/nnext.png) center center no-repeat;
}

.paging_btn {
  position: absolute;
  right: 0;
  top: 0;
}

.paging .btns_right_write {
  height: 30px;
  line-height: 30px;
  text-indent: 0;
  margin-top: 0;
}

.paging .btns_right_gray {
  height: 30px;
  line-height: 30px;
  text-indent: 0;
  margin-top: 0;
}

.btns_right_write {
  color: #fff;
  border: 1px solid #2989d9;
  background: #5b5fe4;
}

.btns_right_gray {
  color: #fff;
  border: 1px solid #58636c;
  background: #58636c;
}

.disabledbtn {
  position: relative;
  background-color: #e9ecee !important;
  border: #e9ecee !important;
  color: #b4b6bc !important;
}
.disabledbtn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
}


/* 숫자로 본 펀드 */
.cdt_search {
  padding: 15px 30px;
  border: 1px solid #ccc;
  background: #f8f8f8;
}

.cdt_search.stg {
  margin-bottom: 20px;
}

.cdt_search:after {
  content: '';
  display: block;
  clear: both;
}

.cdt_search ul {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.cdt_search.bdn {
  padding: 15px 30px 10px;
}

.cdt_search.bdn ul {
  border-bottom: none;
}

.cdt_search.bdn ul li {
  float: left;
}

.cdt_search.bdn ul li:last-child {
  text-align: right;
}

.cdt_search li:last-child strong {
  text-align: left;
}

.cdt_search.bdn ul li .btns_darksky {
  margin-top: 0;
}

.cdt_search li {
  float: left;
  width: 50%;
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  box-sizing: border-box;
}

.cdt_search li strong {
  display: inline-block;
  min-width: 40px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  color: #1d5799;
  background: url(../img/bg/dot.gif) left center no-repeat;
}

.cdt_search li label {
  margin-right: 23px;
}

.cdt_search li select {
  min-width: 80px;
  height: 24px;
  color: #333;
  font-size: 16px;
  border: 1px solid #ccc;
}

.cdt_search .input_t input {
  width: calc(100% - 140px)
}

.cdt_search .btns_darksky {
  min-width: 50px;
  margin-top: 15px;
}

.cdt_search .btns_gray {
  margin-top: 0;
}

.cdt_search.stg.center {
  text-align: center;
}

.cdt_search.stg.center .stg_search {
  display: inline-block;
  float: none;
}

.cdt_search .cal_btn {
  width: 26px;
  height: 26px;
}

.cdt_search .cal_btn img {
  width: 100%;
}

.cdt_search .btn_center {
  margin-top: 15px;
}

.cdt_search .search_area {
  text-align: center;
  margin-top: 10px;
}

.cdt_search .search_area .sear {
  display: inline-block;
  width: 529px;
  overflow: hidden;
  vertical-align: middle;
  border-bottom: 2px solid #747e8c;
  padding-bottom: 2px;
}

.cdt_search .search_area .sear.sol {
  width: 394px;
}

.cdt_search .search_area .sear input {
  float: left;
  width: 90%;
  margin-left: 10px;
  outline: none;
  border: none;
  background: none;
}

.cdt_search .search_area .sear a {
  float: right;
}


.cdt_search .stg_search {
  float: right;
}

.cdt_search .stg_search strong {
  padding-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  color: #1d5799;
  background: url(../img/bg/dot.gif) left center no-repeat;
}

.cdt_search .stg_search select {
  min-width: 80px;
  height: 30px;
  color: #333;
  font-size: 14px;
  border: 1px solid #ccc;
}

.cdt_search .stg_search button {
  margin-right: 10px;
}

.cdt_search .stg_search .btns_darksky {
  margin-top: 0px;
}

.cdt_search .stg_search input[type=text] {
  height: 30px
}

.chk_form {
  overflow: hidden;
}

.chk_form strong {
  display: inline-block;
  float: left;
  min-width: 147px;
  margin-right: 20px;
  padding-left: 10px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  color: #1d5799;
  background: url(../img/bg/dot.gif) left center no-repeat;
}

.chk_form strong a img {
  margin-top: -5px;
}

.chk_form.last {
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
}


/* 리서치인사이트 섬네일 리스트 */
.ri_list {}

.ri_list>ul>li {
  position: relative;
  padding: 15px 20px;
  border-bottom: 1px solid #ccc;
}

.ri_list>ul>li:after {
  content: '';
  display: block;
  clear: both;
}

.ri_list .ri_body {
  float: left;
}

.ri_list .ri_body .img {
  float: left;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: url(../img/bg/ri_no_img.jpg) 0 0 no-repeat;
  background-size: cover;
}

.ri_list .ri_body .img img {
  width: 197px;
  height: 132px;
}

.ri_list .ri_body .writing {
  float: left;
  width: 733px;
  padding: 0 30px;
  box-sizing: border-box;
  border-right: 1px solid #ddd;
}

.ri_list .ri_body .top {
  overflow: hidden;
  margin-bottom: 15px;
}

.ri_list .ri_body .top li {
  float: left;
  padding: 0 10px;
  font-size: 12px;
  color: #666;
  border-left: 1px solid #d7d7d7;
}

.ri_list .ri_body .top li:first-child {
  padding-left: 0;
  border: none;
}

.ri_list .ri_body .top li.cate1 {
  color: #d65d5d;
}

/* 시장뷰 */
.ri_list .ri_body .top li.cate2 {
  color: #652cd9;
}

.ri_list .ri_body .top li.cate3 {
  color: orange;
}

.ri_list .ri_body .spot a {
  display: block;
}

.ri_list .ri_body .spot strong {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  color: #1d5799;
  font-weight: 700;
  font-size: 24px;
}

.ri_list .ri_body .spot span {
  display: block;
  width: 100%;
  height: 38px;
  overflow: hidden;
  line-height: 19px;
  color: #333;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
}

.down_plus {
  margin-top: 13px;
  overflow: hidden;
  font-size: 12px;
}

.down_plus a {
  padding-top: 5px;
}

.down_plus .file {
  float: left;
  padding-left: 26px;
  color: #1d5799;
  background: url(../img/bg/ri_down.gif) 0 bottom no-repeat;
}

.down_plus .plus {
  float: right;
  color: #666;
}

.ri_list .topic {
  float: left;
  width: 178px;
  padding-left: 25px;
  margin-top: 14px;
  box-sizing: border-box;
}

.ri_list .topic strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding-left: 10px;
  padding-bottom: 5px;
  box-sizing: border-box;
}

.ri_list .topic li {
  padding-left: 18px;
  margin-top: 10px;
  font-size: 12px;
  background: url(../img/bg/topic_jum.gif) 10px center no-repeat;
}

.ri_list .topic li a {
  color: #333;
}


/* 컨텐츠 카테고리별 색상 */
.cont_typ_color01 {
  color: #d65d5d !important;
}

/* 시장뷰 */
.cont_typ_color02 {
  color: #652cd9 !important;
}

/* 펀드스토리 */
.cont_typ_color03 {
  color: #5b5fe4 !important;
}

/* 투자인사이트 */
.cont_typ_color04 {
  color: #ff6600 !important;
}

/* 교육컨텐츠 */


/* 리스트 데이터 없음 */
.list_no_data {
  padding: 50px 0;
  text-align: center;
  border: 1px solid #f1f1f1;
  background: #f8f8f8;
}

.list_no_data p {
  display: inline-block;
  height: 120px;
  line-height: 120px;
  padding-left: 140px;
  font-size: 20px;
  color: #333;
  background: url(../img/common/no_data.jpg) left top no-repeat;
}


/*view 디테일*/
.view_title {
  margin: 25px 0 10px;
  color: #5b5fe4;
  font-size: 18px;
  font-weight: 700;
}

.view_detail {
  border-top: 3px solid #5b5fe4;
}

.view_detail .top {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-bottom: 1px solid #ddd;
}

.view_detail .top:after {
  content: '';
  display: block;
  clear: both;
}

.view_detail .top .info {
  float: left;
  font-size: 12px;
  color: #666;
}

.view_detail .top .info span:first-child {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #d7d7d7;
}

.view_detail>.top>.out {
  float: right;
}

.view_detail>.top>.out>ul>li {
  position: relative;
  float: left;
  margin-left: 10px;
  margin-top: -2px;
}

.view_detail .top .out>ul>li img {
  width: 22px;
  height: 22px;
}

.view_detail .top .out>ul>li div {
  display: none;
  position: absolute;
  right: 0;
  top: 42px;
  z-index: 100;
  width: 113px;
  border: 1px solid #ddd;
  background: #f8f8f8;
}

.view_detail .top .out>ul>li div ul {
  overflow: hidden;
  padding-bottom: 15px;
}

.view_detail .top .out>ul>li div li {
  float: left;
  margin: 9px 0 0 19px
}

/* .view_detail .top .out > ul > li div:after {display:inline-block; position:absolute; z-index:110; right:0; top:-10px; content:'';  width:14px; height:10px; background:url(../img/bg/sns_box_bg.jpg) 0 0 no-repeat;} */
.view_detail .top .out>ul>li .check {
  margin-right: 0;
}

.view_detail .top .out>ul>li div img {
  width: 28px;
  height: 28px;
}

.view_detail .top .out .print {
  padding-left: 24px;
  margin-right: 10px;
  font-size: 12px;
  margin-top: 0;
  background: url(../img/bg/print.gif) 0 center no-repeat;
}

.view_detail .top .print a {
  color: #666;
}

.view_detail .top .out div {}

.view_detail .body {
  padding: 20px;
  border-bottom: 1px solid #ddd;
}

.view_detail .body:after {
  content: '';
  display: block;
  clear: both;
}

.view_detail .body .article {
  float: left;
  width: 802px;
}

.view_detail .body .title {
  display: block;
  margin-bottom: 15px;
  color: #1d5799;
  font-size: 24px;
  font-weight: 700;
}

.view_detail .body .title+p {
  color: #5b5fe4;
  font-weight: 700;
  font-size: 15px;
}

.view_detail .body p {
  color: #333;
  font-size: 14px;
  line-height: 22px;
}

.view_detail .body .article p img {
  max-width: 100%;
}

.view_detail .youtube {
  position: relative;
  margin: 20px 0;
  padding-bottom: 55.5%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.view_detail .youtube iframe,
.view_detail .youtube object,
.view_detail .youtube embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.view_detail .img {
  margin: 20px 0;
  text-align: center;
}

.view_detail .img img {
  max-width: 100%;
}

.view_detail .aside {
  position: relative;
  float: left;
  width: 268px;
  margin-left: 40px;
}

.view_detail .aside .highlight {
  margin-bottom: 15px;
  border: 1px solid #ddd;
}

.view_detail .aside .highlight strong {
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #e6e6e6;
  background: #ecf1f5;
}

.view_detail .aside .highlight p {
  padding: 15px 20px;
  font-size: 12px;
  color: #333;
}

.view_detail .aside .etc {
  border-top: 1px solid #ddd;
}

.view_detail .aside .etc li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ddd;
}

.view_detail .aside .etc li a {
  display: block;
  padding-left: 49px;
  color: #1d5799;
  font-size: 12px;
}

.view_detail .aside .etc .file a {
  background: url(../img/bg/ri_down.gif) 24px center no-repeat;
}

.view_detail .aside .etc .scr a {
  background: url(../img/bg/scr.gif) 24px center no-repeat;
}

.view_detail .aside .etc_link {
  margin-top: 15px;
}

.view_detail .aside .etc_link:after {
  content: '';
  display: block;
  clear: both;
}

.view_detail .aside .etc_link li {
  border: 1px solid #ddd;
  margin-top: -1px;
}

.view_detail .aside .etc_link strong {
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
}

.view_detail .aside .etc_link li div {
  padding: 15px 20px;
}

.view_detail .aside .etc_link li div a {
  display: block;
  padding-left: 9px;
  width: 95%;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 8px;
  font-size: 12px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: url(../img/bg/b_dot.gif) 0 center no-repeat;
}

.view_detail .aside .etc_link li div a:first-child {
  margin-top: 0;
}


/*펀드 뉴스*/
.fund_news ol {
  margin-top: 1px;
}

.fund_news ol:after {
  content: '';
  display: block;
  clear: both;
}

.fund_news ol li {
  float: left;
  width: calc(25% + 1px);
  height: 111px;
  box-sizing: border-box;
  margin-left: -1px;
  margin-top: -1px;
}

.fund_news ol li a {
  display: block;
  padding: 15px 20px;
  border: 1px solid #ddd;
}

.fund_news ol li a p:first-child {
  height: 50px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  font-size: 15px;
  color: #000;
}

.fund_news ol li a:hover {
  background: #5b5fe4;
  font-weight: 700;
}

.fund_news ol li a:hover p {
  color: #fff;
}

.fund_news ol li p:last-child {
  margin-top: 15px;
  font-size: 12px;
  color: #666;
}

.fund_news ol li p .date {
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #d7d7d7;
}

.fund_news ol li.nnew a {
  font-weight: 700;
  background: url(../img/bg/news_new.png) right 15px bottom 11px no-repeat;
}

.fund_news ol li.nnew a p:first-child {
  color: #1d5799;
}

.fund_news ol li.nnew a:hover {
  font-weight: 700;
  background: #5b5fe4 url(../img/bg/news_new_on.png) right 15px bottom 11px no-repeat;
}

.fund_news ol li.nnew a:hover p:first-child {
  color: #fff;
}

.fund_news ol li.see a {
  background: #dfe9f0;
  color: #666;
}

.fund_news ol li.see a p {
  color: #666;
}

.fund_news ol li.see a:hover {
  background: #5b5fe4;
  color: #fff;
}

.fund_news ol li.see a:hover p {
  color: #fff;
}

.fund_news ol li.see a:hover p:first-child {
  color: #fff;
}

.fund_news ol li.nnew.see a {
  background: #dfe9f0 url(../img/bg/news_new.png) right 15px bottom 11px no-repeat;
  color: #666;
}

.fund_news ol li.nnew.see a p {
  color: #666;
}

.fund_news ol li.nnew.see a:hover {
  background: #5b5fe4;
  color: #fff;
}

.fund_news ol li.nnew.see a:hover p {
  color: #fff;
}

.fund_news ol li.nnew.see a:hover p:first-child {
  color: #fff;
}


/* 게시판 댓글 */
.comment {
  padding: 10px 20px;
  margin-top: 20px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  background: #f8f8f8;
}

.comment .title {
  padding-bottom: 8px;
  color: #000;
  font-weight: 700;
  font-size: 14px;
  border-bottom: 1px solid #d7d7d7;
}

.comment .title span {
  display: inline-block;
  padding-left: 11px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: -2px;
  font-size: 14px;
  color: #5b5fe4;
  font-weight: 700;
  background: url(../img/bg/comment.gif) 0 center no-repeat;
}

.comment .comment_file {
  padding-top: 10px;
  text-align: right;
}

.comment .comment_file a {
  display: inline-block;
  font-size: 14px;
  color: #666;
  padding-left: 16px;
  margin-left: 5px;
  text-decoration: underline;
  background: url(../img/bg/filelink.png) 0 0 no-repeat;
  background-size: contain;
}

.comment .body {
  margin-top: 15px;
  font-size: 14px;
  color: #333;
  line-height: 22px;
}

.comment_body {
  font-size: 14px;
}

.commnet_btn_set a {
  margin-left: 7px;
}


/* 비디오 */
.video_wrap .page_search {
  padding: 20px 0 10px;
}

.video_wrap .video {}

.video_wrap .video:after {
  content: '';
  clear: both;
  display: block;
}

.video .movie {
  position: relative;
  float: left;
  width: 720px;
  padding-bottom: 56.2%
    /* 35.2% */
  ;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video .movie iframe,
.video .movie object,
.video .movie embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.video .text {
  float: left;
  width: 390px;
  margin-left: 40px;
}

.video .text strong {
  display: block;
  width: 100%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 26px;
  color: #fff;
  background: url(../img/bg/video_text_bg.gif) 0 0 repeat;
}

.video .text p {
  padding: 30px 20px;
  height: 335px;
  line-height: 23px;
  overflow-y: auto;
  font-size: 16px;
  color: #333;
  box-sizing: border-box;
  border-bottom: 1px solid #ececec;
  background: #f8f8f8;
}

.video_wrap .tab {
  margin-top: 10px;
}

.video_list {
  margin-top: -5px;
}

.video_list ul {
  overflow: hidden;
  /* width:calc(100% + 28px);margin-left:-28px */
}

.video_list ul li {
  position: relative;
  float: left;
  width: 370px;
  margin-top: 20px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-top: 4px solid #ddd;
}

.video_list ul li:nth-child(3n+2) {
  margin: 20px 20px 0;
}

.video_list ul li.blueline {
  border-top: 4px solid #009adf;
}

/* .video_list ul li.on:after{display:block; content:''; position:absolute; left:28px; top:0; width:calc(100% - 28px); height:100%; box-sizing:border-box; border:4px solid #747e8c;} */
.video_list ul li img {
  width: 100%;
  height: 205px;
}

.video_list ul li a {
  display: block;
  text-align: center;
}

.video_list ul li a .body {
  display: block;
  padding: 13px;
  box-sizing: border-box;
}

.video_list ul li a span span {
  display: block;
  height: 185px;
  overflow: hidden;
  box-sizing: border-box;
  background: url(../img/bg/ri_no_img.jpg) center center no-repeat;
  background-size: cover;
}

.video_list ul li a span span img {
  height: 252px;
  margin-top: -33px;
  width: 100%;
}

.video_list ul li a strong {
  height: 36px;
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #1d5799;
  text-align: left;
  font-weight: 700;
}

.video_list ul li a em {
  display: block;
  display: -webkit-box;
  height: 40px;
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  text-align: left;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.video_list .btn_box {
  display: block;
  height: 38px;
  line-height: 38px;
  text-indent: 33px;
  text-align: left;
  color: #1d5799;
  font-weight: 700;
  font-size: 12px;
  background: #f5f5f5 url(../img/bg/video_gogo.gif) 13px center no-repeat;
}

.video_list .gogo.go_btn {
  float: left;
  width: 50%;
}

.video_list .m_download_btn {
  float: right;
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 50%;
  height: 38px;
  line-height: 38px;
  text-indent: 33px;
  text-align: right;
  color: #1d5799;
  font-weight: 700;
  font-size: 12px;
  background: #f5f5f5 url('../img/bg/nbtn_list_down.png')no-repeat 80px center;
  padding-right: 13px;
  box-sizing: border-box;
}



/* 일정안내 */
.sch_guide>ul>li {
  overflow: hidden;
  padding: 15px 20px 10px;
  border-bottom: 1px solid #ccc;
}

.sch_guide>ul>li:first-child {
  border-top: 1px solid #ccc;
}

.sch_guide>ul>li:after {
  content: '';
  display: block;
  clear: both;
}

.sch_guide .date {
  float: left;
  width: 145px;
  margin-right: 30px;
  text-align: center;
}

.sch_guide .date .month {
  margin-bottom: 4px;
  font-size: 20px;
  color: #000;
  font-weight: 700;
  letter-spacing: -1px;
}

.sch_guide .date .time {
  font-size: 12px;
  color: #000;
}

.sch_guide .date .year {
  margin: -1px 0 17px;
  padding-bottom: 51px;
  font-size: 16px;
  color: #777;
  background: url(../img/bg/guide_cal.gif) center 47px no-repeat;
}

.sch_guide .date .year span {
  display: block;
  padding-bottom: 8px;
  border-bottom: 1px solid #f4f4f4;
}

.sch_guide .date strong {
  display: none;
}

.sch_guide .body {
  float: left;
  position: relative;
  width: 935px;
}

.sch_guide .body .img {
  float: left;
  display: inline-block;
  margin-right: 30px;
  width: 197px;
  height: 132px;
  border: 1px solid #e3d8ce;
  background: url(../img/bg/ri_no_img.jpg) 0 0 no-repeat;
  background-size: cover;
}

.sch_guide .body span img {
  width: 197px;
  height: 132px;
}

.sch_guide .body .text {
  display: block;
  float: left;
  width: 695px
}

.sch_guide .body strong {
  display: block;
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 700;
  color: #1d5799;
}

.sch_guide .body strong span {
  display: inline-block;
  width: auto;
  max-width: 75%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sch_guide .body strong i {
  display: inline-block;
  margin-top: -8px;
  padding-left: 10px;
  vertical-align: text-top;
}

.sch_guide .body strong i img {
  width: 15px;
  height: 15px;
}

.sch_guide .body ul li {
  overflow: hidden;
  margin-bottom: 8px;
  font-size: 12px;
  color: #000;
}

.sch_guide .body ul li em {
  float: left;
  font-weight: 700;
}

.sch_guide .body ul li p {
  float: left;
  display: -webkit-box;
  width: 450px;
  margin-left: 5px;
}

.sch_guide .body ul li:first-child p {
  height: 34px;
  line-height: 17px;
  overflow: hidden;
  margin-top: -2px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sch_guide .body .progress {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0px;
  min-width: 71px;
  padding: 3px 0 5px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
  background: #747e8c;
}

.sch_guide .body .progress.app {
  color: #fff;
  background: #5b5fe4;
}

.grp_ratio {
  overflow: hidden;
}

.grp_ratio>div {
  float: left;
  width: 48%;
  box-sizing: border-box;
}

.grp_ratio>.left {
  margin-right: 4%;
}

.grp_ratio .grp_wrap {
  padding: 25px 20px;
  height: 300px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.grp_ratio h3 {
  height: 20px;
  overflow: hidden;
}

.sm_title {
  margin-top: 25px;
  margin-bottom: 15px;
  padding-left: 17px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  background: url(../img/bg/sm_title.png) 0 center no-repeat;
}

.sm_title:after {
  content: '';
  display: block;
  clear: both;
}

.sm_title p {
  float: left;
}

.sm_title>span {
  float: right;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
}

.sm_title>span.fln {
  float: none;
}

.sm_title>span .btn_info {
  margin: -6px 24px 0 0
}

.sm_title .radio_align {
  float: right;
  margin-top: -2px;
  font-weight: 400;
}

.sm_title+.table {
  margin-top: 10px;
}

.sm_title+.sub_text {
  margin-bottom: 10px;
  color: #333;
  font-size: 14px;
}

.sm_title .txt_tit {
  margin-top: 5px;
  margin-left: 7px;
}

.total_table_result {
  margin-top: 30px;
}

.total_table_result ul {
  overflow: hidden;
  border: 1px solid #ddd;
}

.total_table_result ul li {
  float: left;
  width: 20%;
  border-left: 1px solid #ddd;
  box-sizing: border-box;
  text-align: center;
}

.total_table_result ul li strong {
  display: block;
  height: 120px;
  line-height: 120px;
  color: #1d5799;
  font-size: 28px;
  font-weight: 700;
}

.total_table_result ul li strong span {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

.total_table_result ul li p {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 700;
  border-top: 1px solid #ddd;
  background: #f8f8f8;
}

.total_table_result ul li:first-child {
  border-left: none;
}


/*시뮬레이터*/
.simul {
  margin-top: 20px;
}

.simul a.top {
  display: block;
  height: 70px;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #c2c2c2;
  background: url(../img/bg/aco_off.png) right 40px center no-repeat;
}

.simul a.top strong {
  position: relative;
  display: block;
  padding-left: 10px;
  color: #cdcdcd;
}

.simul a.top strong span {
  display: inline-block;
  letter-spacing: -5px;
  font-size: 50px;
  font-family: 'Century Gothic', CenturyGothic;
}

.simul a.top strong em {
  display: inline-block;
  position: absolute;
  left: 72px;
  top: 15px;
  font-size: 22px;
  font-weight: 700;
  line-height: 44px
}

.simul a.top strong i {
  font-weight: 400;
  font-size: 20px
}

.simul a.top strong i:before {
  content: ' - ';
}

.simul a.top.on strong {
  color: #5b5fe4;
}

.simul a.top.on+.simul_content {
  display: block;
}

.simul .step01 a.top.on {
  background: url(../img/bg/simul_step01.png) right 28px no-repeat;
}

.simul .step02 a.top.on {
  background: url(../img/bg/simul_step02.png) right center no-repeat;
}

.simul .step03 a.top.on {
  background: url(../img/bg/simul_step03.png) right center no-repeat;
}

.simul.solution .step01 a.top.on {
  background: url(../img/bg/sol_step1.gif) right 28px no-repeat;
}

.simul.solution .step02 a.top.on {
  background: url(../img/bg/sol_step2.gif) right center no-repeat;
}

.simul a.top.not {
  cursor: default;
}

.simul_content {
  display: none;
  padding: 30px 0 60px 0;
  border-bottom: 1px solid #ccc;
}

.simul .step01 .simul_content {
  padding-top: 0;
}

/* .simul_content .sm_title:first-child {margin-top:0;} */
.temp_progress {
  position: relative;
  min-height: 290px;
  margin-top: 30px;
  padding: 30px 0;
  border: 4px solid #c6d1d9;
}

.tip_box {
  position: relative;
  padding: 22px 20px;
  margin-top: 40px;
  font-size: 12px;
  border: 1px solid #b6bbc2;
  background: #f8f8f8 url(../img/bg/tip.png) 13px 14px no-repeat;
}

.tip_box .tit {
  margin-bottom: 6px;
}

.tip_box p {
  margin-left: 50px;
  font-size: 15px;
  line-height: 1.5;
}

.tip_box a {
  position: absolute;
  right: 54px;
  top: 22px;
}

.simul .img_toparea {
  padding-bottom: 12px
}

.simul .img_toparea .bg_top {
  display: none;
}

.simul .img_toparea .bg_top.on {
  display: block;
}


.temp_progress:after {
  content: '';
  clear: both;
  display: block;
}

.temp_progress .right {
  float: left;
  width: 857px;
  padding: 5px 0 0 285px;
}

.temp_progress .right .title {
  margin-bottom: 11px;
  font-size: 24px;
  color: #333;
  text-align: center
}

.temp_progress .right .title .blue {
  color: #5b5fe4;
}

.temp_progress .right .title .red {
  color: #f33939;
}

.temp_progress .right .title .ce {
  color: #71426c;
}

.temp_progress p.tip {
  overflow: hidden;
  width: 650px;
  margin: 37px 0 0 102px;
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 14px;
  color: #666;
}

.temp_progress .tip .btn_info {
  float: right;
  margin-right: 21px;
}

.blue {
  color: #5b5fe4;
}

.red {
  color: #f33939;
}

.ce {
  color: #71426c;
}

.temp_progress .right .grp {
  position: relative;
  width: 705px;
  height: 138px;
  margin-left: 78px;
  background: url(../img/bg/temp_progress.png) 0 0 no-repeat;
}

.temp_progress .right .grp:after {
  content: '';
  clear: both;
  display: block;
}

.temp_progress .right .grp ul {
  position: absolute;
  left: 82px;
  bottom: 0;
}

.temp_progress .right .grp li {
  float: left;
  margin-right: 21px;
}

.temp_progress .right .grp li:last-child {
  margin-right: 0;
}

.temp_progress .right .grp li .radio input[type="radio"]+label {
  display: inline-block;
  position: relative;
  top: 0;
  width: 55px;
  padding-left: 0;
  padding: 60px 0 44px;
  background: transparent;
  text-align: center;
  font-size: 0;
  line-height: 0;
  z-index: 1
}

.temp_progress .right .grp li .radio input[type="radio"]:focus+label {
  outline: 1px dotted #333
}

.temp_progress .right .grp li .radio input[type="radio"]:checked+label {
  background: url(../img/common/grp_radio_on.png) 50% 4px no-repeat
}

.temp_progress .right .grp li .radio input[type="radio"]+label i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
}

.temp_progress .right .txt {
  width: 650px;
  margin: 0 0 21px 93px;
}

.temp_progress .right .txt:after {
  content: '';
  clear: both;
  display: block;
}

.temp_progress .right .txt p {
  float: left;
  width: 675px;
  padding: 0 0 3px 12px;
  border-bottom: 2px solid #c6d1d9;
  font-size: 14px;
  line-height: 1.7
}

.temp_progress .left.select {
  position: absolute;
  top: 31px;
  left: 0;
  padding: 0 80px;
  border-right: 1px solid #ddd;
}

.temp_progress .left.search {
  position: absolute;
  top: 174px;
  left: 0;
  padding: 0 80px;
  border-right: 1px solid #ddd;
}

.temp_progress .left span {
  display: block;
}

.temp_progress .left span a {
  display: block;
  width: 124px;
  height: 124px;
  text-align: center;
  border-radius: 50%;
  margin: 10px 0;
  padding-top: 48px;
  font-size: 18px;
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #333;
  box-sizing: border-box;
  background: #ececec url(../img/bg/sol_circle_off.gif) center 80px no-repeat;
}

.temp_progress .left span a.on {
  color: #fff;
  background: #5b5fe4 url(../img/bg/sol_circle_on.gif) center 80px no-repeat;
}

.temp_progress.result .txt_area {
  float: left;
  padding: 61px 52px;
  text-align: center;
  border-right: 1px solid #f4f4f4;
}

.temp_progress.result .txt_area+.temp_select {
  padding: 5px 0 0 0;
}

.temp_progress.result .txt_area [class^="txt"] {
  display: block;
}

.temp_progress.result .txt_area .txt1 {
  font-size: 26px;
}

.temp_progress.result .txt_area .txt2 {
  padding-top: 5px;
  font-size: 32px;
  font-weight: 700;
  color: #5b5fe4;
}

.temp_progress.result .txt_area .txt3 {
  padding-top: 20px;
  font-size: 16px;
}

/*.temp_progress.result .temp_select .title{margin:0 0 23px 102px;}*/
/*.temp_progress.result .temp_select .txt{margin:0 0 30px 102px;}*/

/* 온도계 바 */
.simul .grp [class^="bar"] {
  position: absolute;
  width: 266px;
  height: 18px;
  top: 44px;
  left: 107px;
  background: url(../img/bg/temp_progress_bar.png) repeat-x 0 0
}

/* .simul .grp .bar0{width:0}
.simul .grp .bar1{width:90px}
.simul .grp .bar2{width: 178px;}
.simul .grp .bar3{width: 266px;}
.simul .grp .bar4{width: 354px;}
.simul .grp .bar5{width: 442px;}
.simul .grp .bar6{width: 529px;}*/

.ratio_4_6 {
  overflow: hidden;
}

.ratio_4_6>div {
  float: left;
}

.ratio_4_6>div>.in {
  box-sizing: border-box;
  border: 1px solid #ccc;
}

.ratio_4_6>.left {
  width: 330px;
  margin-right: 30px;
}

.ratio_4_6>.right>.in {
  width: 790px;
}

.ratio_4_6.temp>.left>.in {
  padding: 26px 20px 30px 20px;
}

.ratio_4_6.temp>.left>.in strong {
  display: block;
  margin-bottom: 13px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.ratio_4_6.temp>.left .bottom {
  margin-top: 20px;
  overflow: hidden;
  font-size: 14px;
}

.ratio_4_6.temp>.left .bottom p {
  float: left;
}

.ratio_4_6.temp>.left .bottom input {
  width: 58px;
  height: 24px;
  margin: 0 10px;
  line-height: 24px;
}

.ratio_4_6.temp>.left .bottom a {
  float: right;
  height: 22px;
  line-height: 22px;
  margin-top: 0;
  font-size: 12px;
  font-weight: 400;
}

.ratio_4_6.temp>.left .bottom span {
  display: block;
  padding-left: 20px;
  padding-top: 24px;
  clear: both;
  font-size: 12px;
  color: #666;
  background: url(../img/bg/i.gif) 0 bottom no-repeat;
}

.ratio_4_6.temp>.right>.in {
  width: 790px;
  height: 338px;
  padding: 26px 56px 23px 59px;
}

.ratio_4_6.best {
  margin-top: 30px;
}

.ratio_4_6.best .left {
  width: 500px
}

.ratio_4_6.best .left .in {
  height: 339px;
  padding: 15px;
}

.ratio_4_6.best .right {
  width: 620px
}

.ratio_4_6.best .right .in {
  width: 620px;
  padding: 0;
  border: none;
}

.ratio_4_6.best .left .in.rect {
  height: 347px;
  padding: 15px
}

.ratio_4_6.best .right .table.data tbody tr.top td {
  background: #f8f8f8;
  font-weight: 700;
  color: #333;
}

.ratio_4_6.best .right .table.data tbody tr td img {
  margin-top: -4px;
  padding-right: 5px;
}

.ratio_4_6.best.pop {
  margin-top: 0;
}

.ratio_4_6.best.pop .sm_title {
  margin-top: 0;
}

.ratio_4_6.best.pop .left .in {
  padding: 20px;
}

.ratio_4_6.best.pop .left .in.bestmo {
  height: 263px;
}

.ratio_4_6.best.pop .right .in {
  width: 616px;
}

.ratio_4_6.best.pop .right .in.bestmo {
  width: 40%;
}

.ratio_4_6.best.pop .right .unit {
  padding: 16px 0 10px;
  text-align: right;
}

/* .ratio_4_6.best.pop .right .in .table {margin-top:40px;} */
.ratio_4_6.best.pop>.left {
  margin-right: 20px;
}

.ratio_4_6.best.pop>.left.bestmo {
  width: 48.5%;
  margin-right: 3%;
}

.ratio_4_6.best.pop>.right.bestmo {
  width: 48.5%;
}

.ratio_4_6.best.pop>.right.bestmo .in {
  width: 100%;
}

.chat_top {
  overflow: hidden;
  margin-top: 30px;
}

.chat_top .year_btn_set {
  float: left;
}

.chat_top p {
  float: right;
  padding-top: 8px;
  font-size: 12px;
}



.year_btn_set {
  overflow: hidden;
  margin-bottom: 10px;
}

.year_btn_set li {
  float: left;
  margin-right: 6px;
}

.year_btn_set li a {
  display: inline-block;
  width: 55px;
  height: 23px;
  line-height: 23px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  color: #333;
  border: 1px solid #ccc;
}

.year_btn_set li.on a {
  color: #fff;
  border: 1px solid #666e79;
  background: #747e8c;
}

.step03_top {
  margin-bottom: 10px;
}

.step03_top:after {
  content: '';
  clear: both;
  display: block;
}

.step03_top p {
  float: left;
}

.step03_top p .check {
  margin-right: 50px;
}

.step03_top>span {
  float: right;
}

.step03_top [class^="gr_box"] {
  border: 1px solid #ccc;
  padding: 8px 14px 7px;
  margin-right: 10px;
}

.step03_top [class^="gr_box"] .radio {
  margin-right: 30px;
}

.step03_top [class^="gr_box"] .radio label {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  vertical-align: top;
}

.step03_top [class^="gr_box"] .radio:last-child {
  margin-right: 0;
}

.step03_top .gr_box1 {
  border-color: #999
}


.gage_slider_wrap {
  padding: 0 9px;
  text-align: center
}

/* .gage_slider {margin:16px auto 0; box-sizing:border-box;width:400px; height:4px; border-radius:2px;} */
.gage_slider .ui-widget-header {
  background: #a2a9b2;
}

.gage_slider .ui-state-default {
  top: -6px;
  border: none;
  background: url(../img/bg/gage_icon.png) 0 0 no-repeat;
}

.gage .current_gage {
  width: 425px;
  margin: 9px auto 0;
  overflow: hidden;
}

.gage .current_gage li {
  float: left;
  margin-left: 34.5px;
  color: #666;
  font-size: 12px;
}

.gage .current_gage li:first-child {
  margin-left: 0;
}

.gage .current_gage.new li {
  margin-left: 25px;
}

.gage .current_gage.new li:first-child {
  margin-left: 5px;
}

.ratio_5_5.temp .gage_slider_wrap {
  padding: 0 0 0 32px;
  text-align: center
}

.ratio_5_5.temp .bg_gage {
  width: 100%;
  height: 24px;
  margin: 25px 0 0 0;
  box-sizing: border-box;
  border-radius: 12px;
  border: 4px solid #ccc;
  background-color: #e6e6e6
}

.ratio_5_5.temp .gage .gage_slider_wrap .gage_slider {
  height: 16px;
  background: none;
  border: none
}

.ratio_5_5.temp .gage_slider .ui-widget-header {
  border-radius: 8px;
  background: url(../img/bg/gage_bar_temp.png) repeat 0 0;
}

.ratio_5_5.temp .gage_slider .ui-state-default {
  width: 28px;
  height: 38px;
  margin-left: -14px;
  top: -23px;
  border: none;
  background: url(../img/bg/gage_icon_temp.png) 0 0 no-repeat;
  background-size: 28px 38px
}

.ratio_5_5.temp .gage .current_gage {
  width: 425px;
  margin: 9px auto 0;
  overflow: hidden;
}

.ratio_5_5.temp .gage .current_gage li {
  float: left;
  margin-left: 34.5px;
  color: #666;
  font-size: 12px;
}

.ratio_5_5.temp .gage .current_gage li:first-child {
  margin-left: 0;
}

.ratio_5_5.temp .gage .current_gage.new li {
  margin-left: 25px;
}

.ratio_5_5.temp .gage .current_gage.new li:first-child {
  margin-left: 5px;
}





.change_return {
  padding: 27px 153px 27px 120px;
  margin-top: 20px;
  border-top: 1px solid #747e8c;
  border-bottom: 1px solid #ccc;
  background: #f8f8f8;
}

.change_return ul {
  overflow: hidden;
}

.change_return li {
  float: left;
  font-size: 22px;
}

.change_return li:last-child {
  float: right;
}

.change_return li strong {
  float: left;
  margin-right: 54px;
  line-height: 30px;
}

.change_return li strong span {
  display: block;
  color: #5b5fe4;
}

.change_return li>span {
  float: left;
  margin-top: -4px;
  text-align: center;
  font-size: 14px;
  color: #333;
}

.change_return li>span em {
  display: block;
  font-weight: 700;
  font-size: 36px;
  color: #000;
}

.change_return .unit {
  font-size: 22px;
  margin: 0;
}

.sug_pot {
  overflow: hidden;
  margin-top: 40px;
  padding: 24px 0 24px 51px;
  box-sizing: border-box;
  border-top: 1px solid #747e8c;
  border-bottom: 1px solid #ccc;
  background: #f8f8f8;
}

.sug_pot p {
  float: left;
  margin-right: 52px;
  padding: 0 33px 20px 0;
  font-size: 26px;
  color: #333;
  background: url(../img/bg/sug_p.png) right bottom no-repeat;
}

.sug_pot p strong {
  display: block;
  color: #5b5fe4;
}

.sug_pot ul {
  float: left;
}

.sug_pot ul li {
  float: left;
  height: 73px;
  padding: 0 120px 0 213px;
  margin-right: 3px;
  font-size: 14px;
  border-left: 1px solid #ddd;
}

.sug_pot ul li span {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-size: 22px;
  color: #000;
  font-weight: 700;
}

.sug_pot ul li span i {
  font-size: 32px;
}

.sug_pot ul li.first {
  background: url(../img/bg/sug_pot01.gif) 90px center no-repeat;
}

.sug_pot ul li.last {
  background: url(../img/bg/sug_pot02.gif) 90px center no-repeat;
}

.sug_pot_body {
  overflow: hidden;
  padding: 26px 39px;
  border: 1px solid #ccc;
  gap: 30px
}

.sug_pot_body .left {
  float: left;
  width: 230px;
  margin-right: 20px;
}

.sug_pot_body .left .grp {}

.sug_pot_body .right {
  float: left;
  width: 820px;
}

.sug_pot_body .title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  padding-bottom: 9px;
  border-bottom: 2px solid #747e8c;
}

.sug_pot_body .right ul {
  width: calc(100% + 60px);
  padding: 6px 10px 0 10px;
  font-size: 0;
}

.sug_pot_body .right ul li {
  display: inline-block;
  vertical-align: top;
  width: 390px;
  margin: 30px 20px 0 0;
}

.sug_pot_body .right ul li p {
  padding-bottom: 5px;
  font-size: 14px;
  color: #222;
  line-height: 1;
}

.sug_pot_body .right ul li p:after {
  content: '';
  clear: both;
  display: block;
}

.sug_pot_body .right ul li p strong {
  float: left;
  margin-left: 8px;
  font-weight: 700;
}

.sug_pot_body .right ul li p i {
  float: right;
  color: #444;
  font-weight: 700;
}

.sug_pot_body .right ul li>span {
  display: block;
  overflow: hidden;
  margin-top: 11px;
  margin-left: 5px;
  font-size: 12px;
  color: #666;
}

.sug_pot_body .right ul li span i {
  float: right;
}

.sug_pot_body .right li.t1 p {
  border: 1px solid #fa3131;
  border-width: 0 0 1px 6px
}

/* 국내주식 */
.sug_pot_body .right li.t2 p {
  border: 1px solid #0e4194;
  border-width: 0 0 1px 6px
}

/* 해외채권 선진 */
.sug_pot_body .right li.t3 p {
  border: 1px solid #c93d61;
  border-width: 0 0 1px 6px
}

/* 해외주식 선진 */
.sug_pot_body .right li.t4 p {
  border: 1px solid #8bb3f6;
  border-width: 0 0 1px 6px
}

/* 해외채권 이머징 */
.sug_pot_body .right li.t5 p {
  border: 1px solid #fb7396;
  border-width: 0 0 1px 6px
}

/* 해외주식 이머징 */
.sug_pot_body .right li.t6 p {
  border: 1px solid #71426c;
  border-width: 0 0 1px 6px
}

/* 현금성mmf */
.sug_pot_body .right li.t7 p {
  border: 1px solid #006fbd;
  border-width: 0 0 1px 6px
}

/* 국내채권 */

i[class^=rect] {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  margin-top: -1px;
  vertical-align: middle;
  box-sizing: border-box;
}

.rect01 {
  background: #478cf6;
}

/* 국내주식 */
.rect02 {
  background: #ff8900;
}

/* 해외주식(선진) */
.rect03 {
  background: #aadaae;
}

/* 해외주식(이머징) */
.rect04 {
  background: #5d9ec9;
}

/* 해외채권(선진) */
.rect05 {
  background: #fe8fd6;
}

/* 해외채권(이머징) */
.rect06 {
  background: #ff423b;
}

/* 국내채권 */
.rect07 {
  background: #93daf6;
}

/* 현금성(MMF) */







i[class^=rect] {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  margin-top: -2px;
  vertical-align: middle;
  box-sizing: border-box;
  border-radius: 2px;
}

.rect01.prod {
  background: #fa3131;
}

/* 국내주식형 */
.rect02.prod {
  background: #c93d61;
}

/* 해외주식형 */
.rect03.prod {
  background: #ff8800;
}

/* 혼합형 */
.rect04.prod {
  background: #006fbd;
}

/* 국내채권형 */
.rect05.prod {
  background: #0e4194;
}

/* 해외채권형 */
.rect06.prod {
  background: #943d8b;
}

/* MMF */
.rect07.prod {
  background: #83b300;
}

/* ETF */
.rect08.prod {
  background: #206d67;
}

/* 기타 */




i[class^=rectA] {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  margin-top: -1px;
  vertical-align: middle;
  box-sizing: border-box;
}

.rectA01 {
  background: #0000FF;
}

.rectA02 {
  background: #7B68EE;
}

.rectA03 {
  background: #80E12A;
}

.rectA04 {
  background: #2E8B57;
}

.rectA05 {
  background: #FF5675;
}

.rectA06 {
  background: #FF1493;
}

.rectA07 {
  background: #B9062F;
}

.rectA08 {
  background: #FF7F50;
}

.rectA09 {
  background: #DA70D6;
}

.rectA10 {
  background: #800080;
}






.vs_chart .grp {
  border: 1px solid #ccc;
  border-bottom: none;
}

.vs_chart .grp.bdb {
  border-bottom: 1px solid #ccc;
}

.vs_chart .grp.sm_pad {
  padding: 20px;
  .sm_title { margin-top: 0; }
}

.vs_chart .info {
  padding: 14px;
  text-align: center;
  background: #f8f8f8;
  border: 1px solid #ccc;
}

.vs_chart .info span {
  display: inline-block;
  padding-left: 28px;
  margin: 0 15px;
  font-size: 14px;
  color: #333;
}

.vs_chart .info span.first {
  background: url(../img/bg/bl.gif) 0 center no-repeat;
}

.vs_chart .info span.last {
  background: url(../img/bg/db.gif) 0 center no-repeat;
}

.vs_chart .info ul,
.vs_chart .info>div {
  text-align: center;
}

.vs_chart .info ul li,
.vs_chart .info>div>div {
  display: inline-block;
  height: auto !important;
  font-size: 13px;
}

.vs_chart .info>div#comnCdNmArr {
  /* height: 78px !important; */
}

/* 솔루션 */
.simul .userinfo {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 16px 0 14px;
  margin: 0 0 30PX;
  background-color: #dfe9f0;
  border-radius: 3px;
}

.simul .userinfo [class^="info"] {
  display: table-cell;
  height: 30px;
  border-left: 1px solid #bed4e4;
  line-height: 30px;
}

.simul .userinfo [class^="info"] strong {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #1d5799;
}

.simul .userinfo .info1 {
  padding: 0 15px 0 35px;
  border: 0;
}

.simul .userinfo .info2 {
  padding: 0 25px 0 40px;
}

.simul .userinfo .info3 {
  padding: 0 50px 0 60px;
}

.simul .userinfo .info1 strong {
  padding: 0 8px 0 49px;
  background: url(../img/bg/ico_sol_userinfo1.png) no-repeat 0 3px;
}

.simul .userinfo .info2 strong {
  padding: 0 16px 0 40px;
  background: url(../img/bg/ico_sol_userinfo2.png) no-repeat 0 2px;
}

.simul .userinfo .info3 strong {
  padding: 0 14px 0 40px;
  background: url(../img/bg/ico_sol_userinfo3.png) no-repeat 0 2px;
}

.simul .userinfo select {
  width: 170px;
  height: 24px;
  vertical-align: top;
  margin-top: 3px;
}


/* eti css 추가 */
.resolution_radio {
  position: relative;
}

.resolution_radio a {
  position: absolute;
  top: 20px;
  right: 210px;
  height: 25px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  color: #333;
  border: 1px solid #ccc;
  background: #f7f7f7;
}

.etf_btn_info {
  background: none !important;
  color: #1d5799 !important;
}

.etf_btn_info:after {
  top: 7px !important;
}

.ebi_select {
  width: 160px !important;
  margin-left: 15px;
  font-size: 13px;
}

.etf_dim_pop .pop_in.free .body {
  padding: 30px;
}

.etf_dim_pop .pop_in.free .body:after {
  height: 0;
}

.etf_dim_pop .pop_in.free .body .cus_pop01 {
  text-align: justify;
}

.etf_dim_pop .pop_in.free .body .cus_pop01 ul {
  padding-left: 10px;
  box-sizing: border-box;
}

.etf_dim_pop .pop_in.free .body .cus_pop01 ul li {
  position: relative;
  line-height: 21px;
  margin-bottom: 10px;
}

.etf_dim_pop .pop_in.free .body .cus_pop01 ul li:after {
  position: absolute;
  top: 9px;
  left: -10px;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: url("../img/bg/gray_dot.png") no-repeat;
}

.etf_dim_pop .pop_in.free .body .cus_pop01 .cus_link_btn {
  width: 190px;
  height: 38px;
  background-color: #5b5fe4;
  border: 1px solid #2989d9;
  margin: 30px auto 0;
}

.etf_dim_pop .pop_in.free .body .cus_pop01 .cus_link_btn a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
}

.temp_select_body {
  margin-top: 30px;
}

.house_plan,
.saving_plan {
  background: #f8f8f8;
}

.plan_detail {
  border: 1px solid #b6bbc2;
}

.plan_detail:after {
  content: '';
  clear: both;
  display: block;
}

.plan_detail>div {
  float: left;
  width: 50%;
  height: 223px;
  padding: 31px 0;
  box-sizing: border-box;
  border-left: 1px solid #b6bbc2;
}

.plan_detail>div:first-child {
  border-left: none;
}

.plan_detail .top,
.inp_blue {
  padding-bottom: 49px;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-weight: 700;
}

.plan_detail .top.case {
  padding-bottom: 14px;
}

.plan_detail .top input,
.inp_blue input {
  width: 74px;
  height: 24px;
  margin-top: -2px;
  margin-left: 6px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  color: #2994ed;
  border: 2px solid #81bef2;
  background: #fff;
}

.plan_detail .plan_sl_wrap {
  padding: 0 49px;
}

.plan_detail .plan_sl_wrap .age {
  text-align: left;
  margin: 10px 0 56px;
  font-weight: 700;
  font-size: 0;
  color: transparent;
}

.plan_detail .plan_sl_wrap .age span {
  float: right;
}

.plan_detail .plan_sl_wrap .age:after {
  content: '';
  clear: both;
  display: block;
}

.plan_detail .gage_slider {
  position: relative;
  width: 450px;
  height: 8px;
  margin: 0 auto;
  border-radius: 4px
}

.plan_detail .gage_slider .ui-widget-header {
  background: #5b5fe4;
}

.plan_detail .gage_slider .ui-state-default {
  top: -7.6px;
  width: 22px;
  height: 22px;
  background: url(../img/bg/gage_icon_b.png) 0 0 no-repeat;
}

.plan_detail .text span {
  display: inline-block;
  padding-left: 22px;
  font-size: 12px;
  color: #666;
  background: url(../img/bg/i.gif) 0 center no-repeat;
}

.plan_detail .text a {
  float: right;
}

.plan_detail .text:after {
  content: '';
  clear: both;
  display: block;
}

.plan_detail .unit {
  margin-left: 6px;
  font-weight: 400;
}

.plan_detail a[class^="n_btn"] {
  font-size: 12px;
}

.house_plan .final {
  padding: 30px 0;
  border: 1px solid #b6bbc2;
  border-top: none;
}

.house_plan .final strong {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #1d5799;
}

.house_plan .final ul {
  text-align: center;
  margin-top: 18px;
}

.house_plan .final ul li {
  display: inline-block;
  font-size: 14px;
  font-weight: 700
}

.house_plan .final ul li .unit {
  font-weight: 400
}

.house_plan .final ul li input[type="text"] {
  width: 80px;
  height: 24px;
  margin-top: -2px;
  margin-left: 6px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  color: #2994ed;
  border: 2px solid #81bef2;
  background: #fff;
}

.house_plan .final ul li input[type="checkbox"]+label {
  display: inline-block;
  padding-left: 32px;
  margin-top: -3px;
  font-size: 14px;
  font-weight: 700;
}

.house_plan .final ul li:first-child {
  margin-right: 140px;
}

.house_plan .final+.plan_detail {
  border-top: none
}

.house_plan .case_ul {
  width: 390px;
  margin: 0 auto 23px;
  overflow: hidden;
}

.house_plan .case_ul li {
  float: left;
}

.house_plan .case_ul li a {
  display: block;
  width: 130px;
  height: 86px;
  padding-top: 44px;
  text-align: center;
  color: #333;
  box-sizing: border-box;
  border: 1px solid #f1f1f1;
}

.house_plan .case_ul li a strong {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}

.house_plan .case_ul li a span {
  display: block;
  font-size: 12px;
  font-weight: 400;
}

.resolution_radio {
  padding: 20px 0;
  margin-top: 20px;
  border: 1px solid #b6bbc2;
  font-size: 16px;
  line-height: 25px
}

.resolution_radio strong {
  margin-left: 160px;
  font-size: 16px;
  color: #333;
  font-weight: 700;
}

.resolution_radio p {
  display: inline-block;
  margin-left: 310px;
  text-align: center;
}

.resolution_radio span img {
  margin-right: 13px;
}

.resolution_radio .radio {
  margin-right: 58px
}

.resolution_radio .radio input[type="radio"]+label {
  display: inline-block;
  padding-left: 32px;
  margin-top: -3px;
  font-size: 16px;
  font-weight: 700;
  background-position: 0 50%
}

/*투자금액선택 아이콘 case*/
.case_ul.case01 {
  background: #fff url(../img/bg/case_ul01.png) no-repeat 0 10px
}

/*은퇴*/
.case_ul.case02 {
  background: #fff url(../img/bg/case_ul02.png) no-repeat 0 10px
}

/*주택*/
.case_ul.case03 {
  background: #fff url(../img/bg/case_ul03.png) no-repeat 0 10px
}

/*결혼*/
.case_ul.case04 {
  background: #fff url(../img/bg/case_ul04.png) no-repeat 0 10px
}

/*교육*/
.case_ul.case05 {
  background: #fff url(../img/bg/case_ul05.png) no-repeat 0 10px
}

/*여행*/
.case_ul[class^="case"] .on a {
  border: 1px solid #5b5fe4;
  color: #fff;
  background-color: #5b5fe4;
  background-repeat: no-repeat;
}

.case_ul.case01 .t1.on a {
  background-image: url(../img/btn/case01-1.png);
  background-position: 49px 10px;
}

.case_ul.case01 .t2.on a {
  background-image: url(../img/btn/case01-2.png);
  background-position: 50px 9px;
}

.case_ul.case01 .t3.on a {
  background-image: url(../img/btn/case01-3.png);
  background-position: 52px 9px;
}

.case_ul.case02 .t1.on a {
  background-image: url(../img/btn/case02-1.png);
  background-position: 47px 9px;
}

.case_ul.case02 .t2.on a {
  background-image: url(../img/btn/case02-2.png);
  background-position: 46px 9px;
}

.case_ul.case02 .t3.on a {
  background-image: url(../img/btn/case02-3.png);
  background-position: 47px 9px;
}

.case_ul.case03 .t1.on a {
  background-image: url(../img/btn/case03-1.png);
  background-position: 53px 9px;
}

.case_ul.case03 .t2.on a {
  background-image: url(../img/btn/case03-2.png);
  background-position: 53px 9px;
}

.case_ul.case03 .t3.on a {
  background-image: url(../img/btn/case03-3.png);
  background-position: 51px 9px;
}

.case_ul.case04 .t1.on a {
  background-image: url(../img/btn/case04-1.png);
  background-position: 44px 10px;
}

.case_ul.case04 .t2.on a {
  background-image: url(../img/btn/case04-2.png);
  background-position: 51px 10px;
}

.case_ul.case04 .t3.on a {
  background-image: url(../img/btn/case04-3.png);
  background-position: 48px 9px;
}

.case_ul.case05 .t1.on a {
  background-image: url(../img/btn/case05-1.png);
  background-position: 49px 9px;
}

.case_ul.case05 .t2.on a {
  background-image: url(../img/btn/case05-2.png);
  background-position: 51px 9px;
}

.case_ul.case05 .t3.on a {
  background-image: url(../img/btn/case05-3.png);
  background-position: 48px 10px;
}


/*솔루션 상당 탭*/
.simul_top_tab {
  margin-bottom: 20px;
}

.simul_top_tab:after {
  content: '';
  display: block;
  clear: both;
}

.simul_top_tab li {
  float: left;
  margin-left: 20px;
}

.simul_top_tab li:first-child {
  margin-left: 0;
}

.simul_top_tab li a {
  display: block;
  position: relative;
  width: 214px;
  height: 100px;
  text-align: center;
  color: #333;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
}

.simul_top_tab li a img {
  height: 48px;
  width: auto;
  margin-top: 12px;
  margin-bottom: 10px;
}

.simul_top_tab li a span {
  display: block;
  font-size: 16px;
}

.simul_top_tab li.on a {
  background: #5b5fe4;
  border: 1px solid #5b5fe4;
}

.simul_top_tab li.on a:after {
  display: inline-block;
  position: absolute;
  left: 95px;
  bottom: -11px;
  content: '';
  width: 22px;
  height: 11px;
  background: url(../img/bg/simul_top_arrw.png) 0 0 no-repeat;
}

.simul_top_tab li.on a span {
  color: #fff;
}


/* 솔루션 -step1-2 */
.temp_search {
  text-align: center;
  color: #333;
}

.temp_search.right .tit {
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 24px;
}

.temp_search.right .txt_srch {
  padding-top: 12px;
  font-size: 16px;
  line-height: 1.5;
}

.temp_search.right .ico {
  margin-top: 27px;
  margin-left: 30px
}

.temp_search.right .btn_area {
  padding-top: 30px;
}

.temp_search.right .btn_resch {
  padding: 8px 20px 8px 44px;
  border: 1px solid #0e4194;
  background: url(../img/bg/resch_run.png) no-repeat 19px 7px;
  color: #0e4194;
}

/* 솔루션 -팝업 -투자온도조사 */
.temp_search_body {
  padding-top: 30px;
}

.temp_search_body .research_area {
  overflow: hidden;
  width: 100%;
  max-width: 1400px;
  font-size: 14px;
}

/* E20240119 */
.temp_search_body [class^="box"] {
  float: left;
  width: calc(50% - 15px);
  padding-top: 30px;
  margin-left: 30px;
  box-sizing: border-box;
}

.temp_search_body [class^="box"]:nth-child(odd) {
  margin-left: 0;
}

.temp_search_body .q_area {
  overflow: hidden;
  height: 60px;
  box-sizing: border-box;
  border-top: 2px solid #5b5fe4;
  border-right: 1px solid #ccc;
  font-weight: 700;
  background-color: #f5f5f5;
}

.temp_search_body .q_area .no {
  float: left;
  width: 38px;
  height: 100%;
  margin-right: 10px;
  background-color: #5b5fe4;
  color: #fff;
  line-height: 60px;
  text-align: center
}

.temp_search_body .q_area .txt {
  display: table;
  height: 100%;
  line-height: 1.4;
}

.temp_search_body .q_area .txt i {
  display: table-cell;
  padding-right: 40px;
  vertical-align: middle;
}

.temp_search_body .a_area {
  padding: 15px 15px 15px 30px;
  margin-top: -1px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.temp_search_body .a_area .radio {
  display: block;
  padding-top: 5px;
  line-height: 1.5;
}

.temp_search_body .a_area .radio:first-child {
  padding-top: 0;
}

.temp_search_body .box1,
.temp_search_body .box2 {
  padding-top: 0;
}

.temp_search_body [class^="box"] label {
  display: inline-block;
  background-position: 0 4px !important;
}

.temp_search_body .resolution_radio strong {
  position: relative;
  margin-left: 160px
}

.temp_search_body .resolution_radio a {
  position: absolute;
  top: -5px;
  right: -161px;
  height: 25px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  color: #333;
  border: 1px solid #ccc;
  background: #f7f7f7;
}

/* 솔루션 -step2 */
/* .noti_box{overflow:hidden;border:1px solid #ccc;}
.noti_box [class^="cont"]{float:left;}
.noti_box .cont1{width: 699px; height:100%;padding:20px;box-sizing:border-box;} */

/* 삭제된 부분 : 사용여지가 있어 확인 후 차후에 삭제 예정 */
/* .noti_box .cont1 .tit{font-size:26px;font-weight:700;}
.noti_box .cont1 .bar_rate_area{position: relative;height: 116px;background:url(../img/bg/bar_rate.png) no-repeat 50% 34px;}
.noti_box .cont1 .bar_rate_area li{position: absolute;top:58px;width: 100px;}
.noti_box .cont1 .bar_rate_area .radio{position: absolute;top:-28px;left:-7px;}
.noti_box .cont1 .bar_rate_area .lv_worst{left:121px;}
.noti_box .cont1 .bar_rate_area .lv_normal{left:336px;}
.noti_box .cont1 .bar_rate_area .lv_best{left:551px;}
.noti_box .cont1 .bar_rate_area input[type="radio"]{margin:0;}
.noti_box .cont1 .bar_rate_area input[type="radio"]+label{display:inline-block;width: 50px;padding:57px 0 0 0;background:url(../img/btn/rdo_bar_rate.png) no-repeat 50% 28px;font-size:14px;}
.noti_box .cont1 .bar_rate_area input[type="radio"]+label i{font-size:0;line-height:0;}
.noti_box .cont1 .bar_rate_area input[type="radio"]:focus+label{outline:1px dotted #333}
.noti_box .cont1 .bar_rate_area input[type="radio"]:checked+label{padding-top:58px;margin-top: -1px;background:url(../img/btn/rdo_bar_rate-on.png) no-repeat 50% 28px;}
.noti_box .cont1 .bar_rate_area .won{display:inline-block;margin:46px 0 0 -66px;} */
/* -/-삭제된부분 */
/* 삭제된 부분(2차) : 사용여지가 있어 확인 후 차후에 삭제 예정 */
/* .noti_box .summury{padding:13px 0 0 47px;}
.noti_box .table.data {table-layout:fixed;border:0;border-bottom:1px solid #c2c2c2}
.noti_box .table.data .p-color{background-color:#dfe9f0}
.noti_box .table.data [class^="ico_offset"] {display:inline-block;height:13px;padding:1px 0 0 18px;background-repeat:no-repeat;background-position:0 0;}
.noti_box .table.data .ico_offset1{background-image:url(../img/bg/ico_sol_need.png);}
.noti_box .table.data .ico_offset2{background-image:url(../img/bg/ico_sol_worst.png);}
.noti_box .table.data .ico_offset3{background-image:url(../img/bg/ico_sol_normal.png);}
.noti_box .table.data .ico_offset4{background-image:url(../img/bg/ico_sol_best.png);}
.noti_box .table.data th {background-color:#e0e0e0}
.noti_box .table.data thead th {border:1px solid #bebebe;border-right:0;border-left:1px solid #c2c2c2;}
.noti_box .table.data thead th:first-child {border-left:0;}
.noti_box .table.data tbody th {border:0;border-top:1px solid #c2c2c2;text-align:center;}
.noti_box .table.data tbody td {border:0;border-left:1px solid #c2c2c2;border-top:1px solid #c2c2c2;}

.noti_box .cont2{position: relative;width: 449px;height:290px;border-left:1px solid #ccc;background-color:#f5f5f5;box-sizing:border-box;}
.noti_box .cont2:before{position:absolute;top:53px;left:-14px;display:inline-block;width: 14px;height: 20px;background:url(../img/bg/tooltip.png) no-repeat 0 0;content:'';}
.noti_box .cont2 .align{position: absolute; top: 50%;overflow-y:auto; transform: translateY(-50%);width: 368px;max-height: 207px;padding:29px 40px;}
.noti_box .cont2 p{text-align:center;line-height:1.75;}
.noti_box .cont2 .txt1{font-size:16px;}
.noti_box .cont2 .txt2{font-size:14px; padding-top:21px;margin-top:20px;border-top:1px solid #ddd}
.noti_box .cont2 p [class^="colortype"]{font-weight:700;}
.noti_box .cont2 .btn_center{padding-top:23px;} */
/* -/-삭제된부분 */

.noti_box {
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 26px 39px;
}

.noti_box .cont1 .grp {
  display: inline-block;
  width: 750px;
  margin-right: 25px;
  vertical-align: top;
}

.noti_box .cont1 .summury {
  display: inline-block;
  width: 290px;
}

.noti_box .table.data {
  table-layout: fixed;
  border: 0;
  border-bottom: 1px solid #c2c2c2
}

.noti_box .table.data [class^="ico_offset"] {
  display: inline-block;
  height: 16px;
  padding: 1px 0 0 21px;
  background-repeat: no-repeat;
  background-position: 2px 3px;
  background-size: 14px
}

.noti_box .table.data .ico_offset1 {
  background-image: url(../img/bg/ico_sol_need.png);
  background-size: 16px;
  background-position: 0 0
}

.noti_box .table.data .ico_offset2 {
  background-image: url(../img/bg/ico_sol_worst.png);
  background-size: 12px;
}

.noti_box .table.data .ico_offset3 {
  background-image: url(../img/bg/ico_sol_normal.png);
  background-size: 12px;
}

.noti_box .table.data .ico_offset4 {
  background-image: url(../img/bg/ico_sol_best.png);
  background-size: 12px;
}

.noti_box .table.data th {
  background-color: #e0e0e0
}

.noti_box .table.data thead th {
  border: 1px solid #bebebe;
  border-right: 0;
  border-left: 1px solid #c2c2c2;
  background-color: #dfe9f0
}

.noti_box .table.data thead th:first-child {
  border-left: 0;
}

.noti_box .table.data tbody th {
  padding-left: 15px;
  border: 0;
  border-top: 1px solid #c2c2c2;
  text-align: left;
}

.noti_box .table.data tbody td {
  border: 0;
  border-left: 1px solid #c2c2c2;
  border-top: 1px solid #c2c2c2;
}

.noti_box .table.data tbody td.tar {
  text-align: right;
}

.noti_box .cont2 {
  padding: 20px;
  margin-top: 15px;
  border: 1px solid #ccc;
  border-width: 1px 0 1px;
  background-color: #f8f8f8;
}

.noti_box .cont2 p {
  padding-left: 50px;
  text-align: left;
  line-height: 1.75;
}

.noti_box .cont2 .txt1 {
  font-size: 14px;
}

.noti_box .cont2 .txt2 {
  font-size: 14px;
  margin-top: 5px;
}

.noti_box .cont2 .fc_red {
  color: #e24236;
}

.noti_box .cont2 .fc_blue {
  color: #1d5799;
}

.noti_box .cont2 p [class^="colortype"],
.noti_box .cont2 .fc_blue,
.noti_box .cont2 .fc_red {
  font-weight: 700;
}

.noti_box .cont2 .btn_center {
  padding-top: 23px;
}




.noti_box .wrap_bar_rate {
  position: relative;
}

.noti_box .bar_rate {
  position: absolute;
  top: 57px;
  left: 108px;
  width: 429px;
}

.noti_box .wrap_bar_rate .alert {
  position: absolute;
  top: 0;
  right: 25px;
  display: inline-block;
  width: 62px;
  height: 20px;
  background: url(../img/bg/bar_rate_offset.png) no-repeat 50% 0;
  font-size: 16px;
  font-weight: 700;
  color: #e24236;
  padding-top: 28px;
}

.noti_box .wrap_bar_rate .alert i {
  font-size: 0;
  line-height: 0;
}

.noti_box .noti_box .cont2 {
  width: 451px;
}

.sec1_sol_step2 {
  overflow: hidden;
  padding: 39px 30px 37px 29px;
  border: 1px solid #ccc;
}

.sec1_sol_step2 .left {
  float: left;
  position: relative;
  width: 759px;
  height: 239px;
  padding-top: 40px;
  box-sizing: border-box
}

.sec1_sol_step2 .left a {
  position: absolute;
  top: 0;
  right: 25px;
  margin: 0
}

.sec1_sol_step2 .left .in {
  width: 759px;
  height: 199px;
}

.sec1_sol_step2 .brd {
  float: left;
  width: 300px;
  margin-left: 30px;
}

.sec1_sol_step2 .brd ul:after {
  display: table;
  clear: both;
  content: '';
}

.sec1_sol_step2 .brd li {
  float: left;
  width: 150px;
  height: 107px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
}

.sec1_sol_step2 .brd .txt2 {
  width: 150px;
  margin-left: -1px;
}

.sec1_sol_step2 .brd li p {
  padding: 22px 0 3px;
  font-weight: 700;
}

.sec1_sol_step2 .brd li span {
  font-size: 30px;
}

.sec1_sol_step2 .brd table {
  margin-top: 16px;
}

.sec1_sol_step2 .brd table th {
  text-align: center
}

.sec2_sol_step2 {
  position: relative;
  overflow: hidden;
  padding: 24px 0 32px 39px;
  border: 1px solid #ccc;
  box-sizing: border-box
}

.sec2_sol_step2 .txt_area {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 318px;
  padding: 0 25px;
  font-size: 14px;
  line-height: 1.75;
  color: #222;
  text-align: left;
}

.sec2_sol_step2 .txt_area .t_point {
  font-weight: 700;
}

.sec2_sol_step2 .txt_area+a {
  position: absolute;
  bottom: 32px;
  right: 65px;
  margin: 0;
}

.sec2_sol_step2 .tit_chart {
  padding-bottom: 12px;
  font-weight: 700;
  font-size: 14px;
  color: #333;
}

.sec2_sol_step2 .in {
  width: 741px;
  height: 231px
}

.sec4_sol_step2 table a {
  color: #333;
}

.sec_bottom_step2 {
  overflow: hidden;
  padding-top: 30px;
  margin-top: 50px;
  border-top: 1px solid #ccc;
}

.sec_bottom_step2 ul {
  overflow: hidden;
  width: 100%;
}

.sec_bottom_step2 [class^="bn"] {
  display: block;
  float: left;
  width: 359px;
  height: 100px;
  padding: 20px 0 20px 100px;
  margin-right: 35px;
  color: #333;
  border: 1px solid #d3d3d3;
  box-sizing: border-box;
}

.sec_bottom_step2 [class^="bn"] .tit {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 700;
}

.sec_bottom_step2 li:nth-child(3n) [class^="bn"] {
  margin-right: 0;
}

.sec_bottom_step2 .bn1 {
  background: url(../img/bg/ico_sol_bn1.png) no-repeat 23px 25px;
}

.sec_bottom_step2 .bn2 {
  background: url(../img/bg/ico_sol_bn2.png) no-repeat 18px 25px;
}

.sec_bottom_step2 .bn3 {
  background: url(../img/bg/ico_sol_bn3.png) no-repeat 22px 25px;
}

.sec_bottom_step2 .bn4 {
  background: url(../img/bg/ico_sol_bn4.png) no-repeat 22px 28px;
}

.sec_bottom_step2 .bn5 {
  background: url(../img/bg/ico_sol_bn5.png) no-repeat 19px 26px;
}

.sec_bottom_step2 .bn6 {
  background: url(../img/bg/ico_sol_bn6.png) no-repeat 23px 28px;
}

.sec_bottom_step2 .bn7 {
  background: url(../img/bg/ico_sol_bn7.png) no-repeat 31px 27px;
}

.sec_bottom_step2 .bn8 {
  background: url(../img/bg/invest_tap_list05.png) no-repeat 26px 27px;
}

.sec_bottom_step2 .bn9 {
  background: url(../img/bg/invest_tap_list02.png) no-repeat 27px 29px;
}

.sec_bottom_step2 .bn10 {
  background: url(../img/bg/invest_tap_list01.png) no-repeat 31px 25px;
}

.sec_bottom_step2 .bn11 {
  background: url(../img/bg/invest_tap_list03.png) no-repeat 30px 29px;
}

/* 솔루션 -적립식투자 */
.saving_plan .left {
  height: 160px;
  padding: 67px 0 0 0;
}

.saving_plan .left .top {
  padding-bottom: 45px;
}

.saving_plan .right {
  height: 160px;
  padding: 31px 0 0 0;
}

.saving_plan .right .top {
  padding-bottom: 27px;
}

.saving_plan .right .plan_sl_wrap .age {
  margin-bottom: 20px;
}


/* 솔루션 팝업 */
.sol_pop01 {
  width: 300px;
}

.sol_pop01 p {
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  color: #333;
}

.sol_pop01 ul {
  overflow: hidden;
  margin-top: 25px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.sol_pop01 ul li {
  float: left;
  width: 50%;
  padding: 20px 0;
  text-align: center;
  font-size: 16px;
}

.sol_pop01 ul li strong {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
}

.sol_pop01 ul li strong i {
  font-size: 28px;
  color: #0e4194;
  font-weight: 700;
}

.sol_pop01 ul li:last-child strong i {
  color: #e24236;
}

.sol_pop02 {
  width: 100%;
  text-align: center;
}

.sol_pop02 p {
  text-align: center;
  line-height: 24px;
  margin-bottom: 25px;
  font-size: 16px;
  color: #333;
}

.sol_pop02 h3 {
  text-align: left;
  margin-top: 0;
}

.sol_pop02 table th,
.sol_pop02 table td {
  text-align: center;
}

.sol_pop03 {
  width: 500px;
}

.sol_pop03 p {
  line-height: 27px;
  font-size: 16px;
  color: #333;
}

.sol_pop03 p span {
  color: #0e4194;
}

.sol_pop03 table {
  margin-top: 25px;
}




/*솔루션 메인*/
.sol_main {
  width: 100%;
}

.sol_main_top {
  height: 441px;
  box-sizing: border-box;
  background: url(../img/bg/sol_main_bg.jpg) center 0 no-repeat;
  overflow: hidden;
}

.sol_main_top .title {
  float: left;
  margin-top: 57px;
  line-height: 30px;
  color: #fff;
  font-size: 18px;
}

.sol_main_top .title strong {
  display: block;
  margin-bottom: 35px;
  font-size: 40px;
  font-weight: 700;
}

.global_retire {
  float: right;
  width: 362px;
  margin-top: 35px;
}

.global_retire .top {
  padding: 27px 20px 17px;
  text-align: center;
  background: url(../img/bg/global_retire.png) 0 0 repeat;
}

.global_retire .top strong {
  display: block;
  margin-bottom: 10px;
  color: #ffc880;
  font-size: 20px;
  text-shadow: 1px 1px 1px #555;
}

.global_retire .top span {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  text-shadow: 1px 1px 1px #555;
}

.global_retire .body {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.7);
}

.global_retire .body ul {
  overflow: hidden;
  margin: 20px 0;
}

.global_retire .body ul li {
  float: left;
  width: 50%;
  padding: 12px 0 15px;
  text-align: center;
  color: #1d5799;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  box-sizing: border-box;
}

.global_retire .body ul li span {
  font-size: 30px;
}

.global_retire .body ul li:first-child {
  border-right: 1px solid #edefe6;
}

.global_retire .body ul li:last-child {
  border-left: 1px solid #ced1c5;
}

.global_retire .body a {
  display: inline-block;
  width: 210px;
  height: 52px;
  line-height: 52px;
  margin-bottom: 25px;
  color: #1e5bbf;
  font-size: 16px;
  font-weight: 700;
  background: url(../img/bg/global_retire_btn.png) 0 0 no-repeat;
}







.best_sol {
  padding: 40px 0;
  overflow: hidden;
  background: #e4e4e4;
}

.head_align {}

.head_align:after {
  content: '';
  clear: both;
  display: block;
}

.best_sol h3 {
  padding-left: 35px;
  font-size: 26px;
  font-weight: 700;
  background: url(../img/bg/best_sol_icon.gif) 0 center no-repeat;
}

.head_align h3 {
  float: left;
}

.head_align a.right_link {
  float: right;
  margin-top: 4px;
  padding: 5px 27px 5px 0;
  color: #333;
  background: url(../img/bg/right_link_bg.png) right center no-repeat;
}

.best_sol .body {
  overflow: hidden;
  margin-top: 15px;
}

.best_sol .body>a {
  float: left;
  margin-right: 30px;
}

.best_sol .sol_purpose {
  float: left;
  height: 250px;
}

.best_sol .sol_purpose p {
  float: left;
  width: 165px;
  height: 250px;
  line-height: 22px;
  padding: 22px 20px;
  box-sizing: border-box;
  color: #fff;
  background: url(../img/bg/sol_purpose_bg.png) 0 0 repeat;
  font-size: 16px;
}

.best_sol .sol_purpose p strong {
  display: block;
  margin-bottom: 15px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

.best_sol .sol_purpose ul {
  float: left;
  width: 592px;
  background: #fff;
}

.best_sol .sol_purpose ul li {
  float: left;
  width: 197px
}

.best_sol .sol_purpose ul li a {
  display: block;
  height: 126px;
  padding-top: 89px;
  box-sizing: border-box;
  text-align: center;
  color: #000;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  transition: all 0.3s
}

.best_sol .sol_purpose ul li:last-child {
  width: 198px;
}

.best_sol .sol_purpose ul li:last-child a {
  border-right: 1px solid #ddd;
}

.best_sol .sol_purpose ul li.list01 a {
  background: url(../img/bg/f_1.png) center 28px no-repeat;
}

.best_sol .sol_purpose ul li.list02 a {
  background: url(../img/bg/f_2.png) center 28px no-repeat;
}

.best_sol .sol_purpose ul li.list03 a {
  background: url(../img/bg/f_3.png) center 28px no-repeat;
}

.best_sol .sol_purpose ul li.list04 a {
  background: url(../img/bg/f_4.png) center 28px no-repeat;
}

.best_sol .sol_purpose ul li.list05 a {
  background: url(../img/bg/f_5.png) center 28px no-repeat;
}

.best_sol .sol_purpose ul li.list01 a:hover {
  background: url(../img/bg/f_1on.png) center 28px no-repeat;
}

.best_sol .sol_purpose ul li.list02 a:hover {
  background: url(../img/bg/f_2on.png) center 28px no-repeat;
}

.best_sol .sol_purpose ul li.list03 a:hover {
  background: url(../img/bg/f_3on.png) center 28px no-repeat;
}

.best_sol .sol_purpose ul li.list04 a:hover {
  background: url(../img/bg/f_4on.png) center 28px no-repeat;
}

.best_sol .sol_purpose ul li.list05 a:hover {
  background: url(../img/bg/f_5on.png) center 28px no-repeat;
}

.best_sol .bottom_best_sol {
  position: relative;
}

.best_sol .bottom_best_sol .bg {
  padding: 30px 40px 30px 0;
  margin-top: 30px;
  background: url(../img/bg/bottom_best_sol.png) repeat 0 0
}

.best_sol .bottom_best_sol .img_ico {
  position: absolute;
  top: 17px;
  left: 74px;
}

.best_sol .cont_bottom_best_sol {
  padding-left: 394px;
}

.best_sol .cont_bottom_best_sol .tit {
  display: inline-block;
  position: relative;
  height: 42px;
  padding: 0 20px;
  margin-bottom: 21px;
  border-radius: 21px;
  box-sizing: border-box;
  background-color: #5f6b78;
  text-align: center;
}

.best_sol .cont_bottom_best_sol .tit span {
  color: #fff;
  font-size: 21px;
  line-height: 42px
}

.best_sol .cont_bottom_best_sol .tit:after {
  display: inline-block;
  content: '';
  position: absolute;
  bottom: -10px;
  left: 19px;
  width: 12px;
  height: 11px;
  background: url(../img/bg/tail_gray.png) no-repeat 0 0;
}

.best_sol .cont_bottom_best_sol .txt {
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
}

.best_sol .cont_bottom_best_sol .txt i {
  position: relative;
  margin: 0 13px;
  border-bottom: 1px solid #fff08b;
  color: #fff08b;
  font-weight: 700
}

.best_sol .cont_bottom_best_sol .txt i:before {
  display: inline-block;
  content: '';
  width: 11px;
  height: 9px;
  background: url(../img/bg/qout_left.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  left: -12px
}

.best_sol .cont_bottom_best_sol .txt i:after {
  display: inline-block;
  content: '';
  width: 11px;
  height: 9px;
  background: url(../img/bg/qout_right.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  right: -12px
}

.best_sol .cont_bottom_best_sol .txt .commt {
  font-size: 14px
}


/* .sol_bn_list {position:absolute; width:100%; height:80px; left:0; bottom:0; }
.sol_bn_list:after {content:''; display:block; clear:both;}
.sol_bn_list li {position:relative; float:left; background:rgba(0,0,0,0.35)}
.sol_bn_list li:after {display:inline-block; position:absolute; right:0; top:20px; width:1px; height:40px; background:#797676; content:'';}
.sol_bn_list li:last-child:after {background:none;}
.sol_bn_list li.on,
.sol_bn_list li.active {background:url(../img/bg/edu_main_str.png) 0 0 repeat;}
.sol_bn_list li.on:after,
.sol_bn_list li.active:after {background:none;}

.sol_bn_list li a {display:block; width:191px; height:80px; line-height:80px; padding-left:20px; box-sizing:border-box; color:#fff;  font-size:16px;}
.sol_bn_list li:first-child a {width:195px;}

.sol_bn_list li.item01 a{background:url(../img/bg/sol_list01.png) right 20px center no-repeat;}
.sol_bn_list li.item02 a{background:url(../img/bg/sol_list02.png) right 20px center no-repeat;}
.sol_bn_list li.item03 a{background:url(../img/bg/sol_list03.png) right 20px center no-repeat;}
.sol_bn_list li.item04 a{background:url(../img/bg/sol_list04.png) right 20px center no-repeat;}
.sol_bn_list li.item05 a{background:url(../img/bg/sol_list05.png) right 20px center no-repeat;}
.sol_bn_list li.item06 a{background:url(../img/bg/sol_list06.png) right 20px center no-repeat;}

.sol_bn_view {height:250px; margin-top:25px; padding:40px 0; box-sizing:border-box; overflow:hidden; background:rgba(255,255,255,0.8);}
.sol_bn_view > div {display:none;}
.sol_bn_view > div:after {content:''; display:block; clear:both;}
.sol_bn_view p {float:left; width:380px; line-height:22px; margin-top:25px; margin-left:60px; font-size:16px; color:#333;  }
.sol_bn_view p strong {display:block; line-height:39px;  font-size:30px; margin-bottom:20px;}
.sol_bn_view p strong a{color:#5b5fe4; }
.sol_bn_view p a {display:inline-block; padding-right:120px; background:url(../img/bg/sol_view_str.png) right bottom no-repeat;}
.sol_bn_view ul {float:left;}
.sol_bn_view ul li {float:left; margin-left:40px;}
.sol_bn_view ul li:first-child {margin-left:0;}
.sol_bn_view ul li a {display:inline-block; width:170px; height:170px; padding-top:115px; box-sizing:border-box; text-align:center; border-radius:50%; color:#666; font-size:20px; transition:0.6s}
.sol_bn_view .view01 .list01 a{background:url(../img/bg/view01_01.png) center 44px no-repeat;}
.sol_bn_view .view01 .list02 a{background:url(../img/bg/view01_02.png) center 44px no-repeat;}
.sol_bn_view .view01 .list03 a{background:url(../img/bg/view01_03.png) center 44px no-repeat;}
.sol_bn_view .view01 .list01 a:hover{background:#fff url(../img/bg/view01_01.png) center 44px no-repeat;}
.sol_bn_view .view01 .list02 a:hover{background:#fff url(../img/bg/view01_02.png) center 44px no-repeat;}
.sol_bn_view .view01 .list03 a:hover{background:#fff url(../img/bg/view01_03.png) center 44px no-repeat;} */

.sol_main_slmul {
  margin-top: 40px;
}

h3.sol_simul_h3 {
  padding-left: 35px;
  font-size: 26px;
  font-weight: 700;
  background: url(../img/bg/sol_main_simul.gif) 0 center no-repeat;
}

.s_simul_list {
  overflow: hidden;
  margin-top: 15px;
}

.s_simul_list li {
  position: relative;
  float: left;
  width: 363px;
  margin-left: 30px;
  box-sizing: border-box;
}

.s_simul_list li:first-child {
  margin-left: 0;
}

.s_simul_list>li>a {
  color: #000;
}

.s_simul_list>li>a>strong {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 22px;
  box-sizing: border-box;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  background: #dfe9f0 url(../img/btn/sol_main_arrw.gif) right 10px center no-repeat;
}

.s_simul_list .text {
  padding: 20px;
  height: 107px;
  box-sizing: border-box;
  line-height: 22px;
  border-bottom: 1px solid #cad5e3;
  background: #f5f5f5;
}

.s_simul_list .text {}

.s_simul_list .feature_wrap {
  padding: 15px 20px;
  background: #f5f5f5;
  border-bottom: 5px solid #e5e5e5;
}

.s_simul_list .feature {
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
}

.s_simul_list .feature strong {
  display: block;
  margin-bottom: 7px;
  font-size: 16px;
  color: #1d5799;
}

.s_simul_list .feature span {
  display: block;
  padding-left: 10px;
  margin-top: 4px;
  color: #1d5799;
  font-size: 14px;
  background: url(../img/bg/feature.gif) 0 center no-repeat;
}

.s_simul_list .detail_move {
  position: absolute;
  right: 5px;
  top: 14px;
}









.grp_gage_right {
  position: absolute;
  right: 325px;
  top: 78px;
  width: 3px;
  height: 3px;
  background: #000;
}

.grp_gage_left {
  position: absolute;
  left: 325px;
  top: 78px;
  width: 3px;
  height: 3px;
  background: #000;
}


/* 회원가입 */
.join {
  padding-bottom: 58px;
}

.join>p:first-child {
  margin-top: 25px;
  text-align: left;
  padding-left: 9px;
}

.join>p:first-child .com {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px;
  background: url(../img/bg/com_15.gif) 0 0 no-repeat;
  font-size: 0;
  line-height: 0;
  color: transparent
}

.join table td {
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #666;
}

.join table td .btns_gray {
  margin-left: 5px;
}

.join .chk_area {
  color: #1d5799;
}

.join table .noti {
  display: inline-block;
  margin-left: 10px;
}

.join .terms_area {
  overflow: hidden;
}

.join .terms_area [class^="terms"] {
  float: left;
  margin-top: 20px
}

.join .terms_area [class^="terms"] th {
  padding: 8px 10px 6px;
  border: 1px solid #ddd;
}

.join .terms_area [class^="terms"] td {
  padding: 0 !important;
}

.join .terms_area [class^="terms"] .cont_txt {
  overflow-y: auto;
  height: 129px;
  padding: 12px 10px;
}

.join .terms_area [class^="terms"] .btns {
  padding-top: 8px;
  text-align: right;
}

.join .terms_area .terms1 {
  width: 560px;
}

.join .terms_area .terms2 {
  width: 560px;
  margin-left: 30px;
}

.join .terms_area .terms3 {
  width: 100%;
  margin-bottom: 10px;
}

.join .notice {
  padding: 20px 65px;
  margin-top: 24px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
}

.join .notice p {
  position: relative;
  font-size: 12px;
  line-height: 1.5;
  color: #333;
}

.join .notice p:before {
  position: absolute;
  top: -4px;
  left: -44px;
  width: 30px;
  height: 30px;
  background: url(../img/bg/ico_join_notice.png) no-repeat 0 0;
  background-size: 30px;
  content: '';
}


/*상품조회 팝업*/
.product_class:after {
  content: '';
  clear: both;
  display: block;
}

.product_class .up {
  padding: 20px 20px 0;
  background: #f2f5fd;
}

.product_class .up:after {
  content: '';
  clear: both;
  display: block;
}

.product_class .bul_rect {
  line-height: 31px;
}

.product_class .search_area .sear {
  display: inline-block;
  width: 413px;
  height: 30px;
  margin-right: 30px;
  overflow: hidden;
  vertical-align: middle;
  border-bottom: 2px solid #747e8c;
}

.product_class .search_area .sear.sol {
  width: 479px;
}

.product_class .search_area .sear input {
  float: left;
  width: 90%;
  margin-top: 5px;
  outline: none;
  border: none;
  background: none;
}

.product_class .search_area .sear a {
  float: right;
  margin-top: 6px;
}

.product_class .search_area .sear a img {
  width: 18px;
  height: 18px;
}

.product_class .search_area span.check {
  margin: 0 12px 0px 0;
  vertical-align: bottom;
}

.product_class .search_area .flex-wrap>span.check,
.product_class .search_area .flex-wrap>.radio {
  margin: 5px 20px 5px 0;
}

.product_class .up a[class^=btns] {
  margin-top: 15px;
}

.product_class .search_area .select-filter-list {
  padding: 20px;
  background-color: #fff;
  border-radius: 12px;
}

.product_class .up .btn_area .right { text-align: center; }

.btn_slide_area .btn_slide {
  display: inline-block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  background-color: #f2f5fd;
  text-align: right;
  color: #333;
  padding-right: 20px;
}

.btn_slide_area .txt {
  line-height: 28px;
}

.btn_slide_area [class^="aco"] {
  display: none;
  padding-right: 17px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.btn_slide_area .close .aco_close {
  display: inline;
  background-image: url(../img/bg/btn_arrow_close.png)
}

.btn_slide_area .open .aco_open {
  display: inline;
  background-image: url(../img/bg/btn_arrow_open.png)
}

.fund_type {
  margin-top: 20px;
}

.fund_type:after {
  content: '';
  display: block;
  clear: both;
}

.fund_type>strong,
.bul_rect {
  float: left;
  width: 83px;
  padding-left: 10px;
  margin-right: 0px;
  font-size: 14px;
  color: #1d5799;
  font-weight: 700;
  background: url(../img/bg/video_text_bg.gif) 0 center no-repeat;
}

.fund_type ul.class {
  position: relative;
  float: left;
  margin-top: -5px;
}

.fund_type ul.class>li {
  float: left;
  margin-right: 3px;
}

.fund_type ul.class>li:last-child {
  margin-right: 0;
}

.fund_type ul.class>li>a {
  display: block;
  min-width: 99px;
  height: 30px;
  padding: 0 10px;
  line-height: 29px;
  box-sizing: border-box;
  font-size: 12px;
  color: #333;
  text-align: center;
  border: 1px solid #ccc;
  background: #fff;
}

.fund_type ul.class.uni.etc>li>a {
  min-width: 80px;
}

.fund_type ul.class li.on a {
  position: relative;
  color: #fff;
  border: 1px solid #666e79;
  background: #747e8c;
}

.fund_type>ul.class>li.on.child>a:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: -9px;
  width: 9px;
  height: 5px;
  background: url(../img/bg/fund_type_a_bg.gif) 0 0 no-repeat;
}

.fund_type>ul.class>li.all>a {
  color: #fff !important;
  border: 1px solid #5b5fe4 !important;
  background: #5b5fe4 !important;
}

.fund_type>ul.class>li.all.on>a {
  background: #2989d9 !important;
}

.fund_type>ul.class>li>ul {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 6px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.fund_type>ul.class>li>ul li {
  float: left;
}

.fund_type ul.class li.active a {
  position: relative;
  color: #fff;
  border: 1px solid #666e79;
  background: #747e8c;
}

.fund_type .palm {
  clear: both;
  padding-top: 15px;
}

.fund_type .palm strong {
  float: left;
  width: 88px;
  padding-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  color: #1d5799;
  font-weight: 700;
  background: url(../img/bg/video_text_bg.gif) 0 center no-repeat;
}

.fund_type .palm select {
  width: auto;
  margin-top: -5px;
}

.fund_type.fill {
  margin-top: 75px;
}

.fund_type.fill strong {
  background-position: 0 8px
}

.fund_type.fill strong a {
  display: block;
}

.fund_type.fill .right {
  float: left;
  width: 847px;
}

.fund_type.fill .topper:after {
  content: '';
  clear: both;
  display: block;
}

.fund_type.fill .topper p {
  float: left;
}

.fund_type.fill ul.class {
  float: right;
}

.fund_type.fill ul.class>li {
  min-width: 60px;
}

.fund_type.fill ul.class>li a {
  min-width: 50px;
}

.fill_table {
  text-align: center;
  clear: both;
  padding-top: 10px;
}

.fill_table ul {
  overflow: hidden;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.fill_table li {
  float: left;
  width: 20%;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
}

.fill_table li:first-child {
  border-left: none;
}

.fill_table li strong {
  display: block;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  color: #333;
  border-bottom: 1px solid #ccc;
  background: #ededed;
}

.fill_table li strong .check {
  margin: 0;
}

.fill_table li strong .check input[type="checkbox"]+label {
  font-size: 12px;
}

.fill_table li>span {
  display: block;
  padding: 5px 0;
}

.fill_table li>span input[type=text] {
  width: 50px;
  height: 24px;
  text-align: center;
}

/* 펀드유형 tab */
.topSearchFundType.fund_type ul {
  display: flex;
  width: 100%;
  align-items: stretch;
}

.topSearchFundType.fund_type ul>li {
  flex: 1;
  display: block;
  margin: 0;
  float: none;
}

.topSearchFundType.fund_type ul>li>a {
  padding: 16px 7px;
  height: auto;
  font-size: 13px;
  line-height: 1.2;
  border-left: 0;
}

.topSearchFundType.fund_type ul>li.on a {}

.topSearchFundType.fund_type ul>li>a>.amount {
  font-weight: 300;
  font-size: 11px;
}

.topSearchFundType.fund_type ul>li>a>.amount:before {
  content: '('
}

.topSearchFundType.fund_type ul>li>a>.amount:after {
  content: ')'
}

.select-filter-list * {
  box-sizing: border-box;
}

.select-filter-list .row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.select-filter-list .row+.row {
  margin-top: 15px;
}

.select-filter-list .row>.tit {
  display: flex;
  align-items: center;
  width: 120px;
}

.select-filter-list .row>.tit>p {
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
}

.select-filter-list .row>.tab-wrap {
  position: relative;
  width: 920px;
}

.tab-wrap .tab-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.multiple .tab-list li {
  display: block;
}

.multiple .tab-list li:last-child {
  margin-right: 0;
}

.multiple .tab-list li input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.multiple .tab-list li input[type="checkbox"]+label {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 30px;
  background-color: #f2f4f6;
  border: 1px solid #f2f4f6;
  padding: 0 16px;
  border-radius: 24px;
  cursor: pointer;
  box-sizing: border-box;
}

.multiple .tab-list li input[type="checkbox"]+label span {
  display: block;
  height: 100%;
  color: #494b55;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

.multiple .tab-list li input[type="checkbox"]:checked+label {
  background-color: #fff;
  border-color: #5b5fe4;
}

.multiple .tab-list li input[type="checkbox"]:checked+label span {
  color: #5b5fe4;
}

.multiple .tab-list li input[type="checkbox"]:disabled+label {
  background-color: #e9ecee;
  border-color: #e9ecee;
}

.multiple .tab-list li input[type="checkbox"]:disabled+label span {
  color: #555;
}

.multiple .tab-list li input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.multiple .tab-list li input[type="radio"]+label {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 24px;
  background-color: #ddd;
  border: 1px solid #ddd;
  padding: 0 10px;
  border-radius: 12px;
  cursor: pointer;
}

.multiple .tab-list li input[type="radio"]+label span {
  display: block;
  height: 100%;
  color: #494b55;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

.multiple .tab-list li input[type="radio"]:checked+label {
  background-color: #fff;
  border-color: #5b5fe4;
}

.multiple .tab-list li input[type="radio"]:checked+label span {
  color: #5b5fe4;
}

.multiple .tab-list li input[type="radio"]:disabled+label {
  background-color: #e9ecee;
  border-color: #e9ecee;
}

.multiple .tab-list li input[type="radio"]:disabled+label span {
  color: #555;
}

.tooltipLink {
  margin-left: 2px;
  height: 26px;
  line-height: 26px;
}

.filter_dv>ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
}

.filter_dv>ul>li {
  display: inline-flex;
  align-items: center;
}

.product_class .search_area .filter_dv>ul>li span.check {
  margin-right: 5px;
}

.filter_dv>ul>li>span input[type=text] {
  width: 50px;
  height: 36px;
  border-radius: 6px;
}

.filter_dv>ul>li .check label {
  height: 24px;
  line-height: 24px;
}

/* 정렬 순서 */
.pop_wrap th .d-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.pop_wrap th .d-flex > p {
  vertical-align: middle;
}

.pop_wrap th .d-flex .txt-s {
  display: block;
  color: #71747c;
  font-size: 12px;
  white-space: nowrap;
}

.sort-btn {
  width: 16px;
  height: 16px;
  background-image: url(../../static/img/btn/sort_down.png);
  transform: rotate(180deg);
  background-size: cover;
  text-indent: -9999em;
  transition: transform 0.5s;
}
.sort-btn.active { transform: rotate(0deg); }
.sort-btn.last-clicked {
  filter: brightness(0) saturate(100%) invert(28%) sepia(85%) saturate(476%) hue-rotate(295deg) brightness(98%) contrast(96%);
}

.link { text-decoration: underline; }


/* 관심그룹선택 */
.wrap_selectgroup {
  width: 570px;
}

.wrap_selectgroup .cont_top {
  padding-bottom: 10px;
}

.wrap_selectgroup .cont_top .btn_addgroup {
  display: inline-block;
  padding: 7px 12px 8px 36px;
  border: 1px solid #0e4194;
  font-size: 14px;
  color: #1d5799;
  background: url(../img/btn/select_group.png) no-repeat 9px 7px;
}

.wrap_selectgroup .group_lst {
  overflow-y: auto;
  border-top: 2px solid #747e8c;
  max-height: 300px;
}

.wrap_selectgroup .group_lst li {
  overflow: hidden;
  height: 20px;
  padding: 13px 0 12px 10px;
  border-bottom: 1px solid #ddd;
}

.wrap_selectgroup .group_lst li span {
  display: inline-block;
}

.wrap_selectgroup .group_lst [class^="group"] .btn_area {
  float: right;
  padding-right: 25px;
}

.wrap_selectgroup .group_lst .group_chg {
  background-color: #f8f8f8;
}

.wrap_selectgroup .group_lst .group_chg .btn_area [class^="btn"] {
  background-color: #fff;
}

.wrap_selectgroup .group_lst .check.one {
  padding-top: 3px;
  margin: 0 10px 0 0;
}

.wrap_selectgroup .group_lst .part {
  display: inline-block;
  vertical-align: top;
}

.wrap_selectgroup .group_lst .btn_sort {
  position: relative;
  width: 24px;
  height: 100%;
}

.wrap_selectgroup .group_lst .btn_sort a {
  position: absolute;
  width: 9px;
  height: 6px;
  padding: 4px 10px 4px 5px;
}

.wrap_selectgroup .group_lst .btn_sort a img {
  vertical-align: top;
}

.wrap_selectgroup .group_lst .btn_up {
  top: -3px;
  left: 0;
}

.wrap_selectgroup .group_lst .btn_down {
  top: 10px;
  left: 0;
}

.wrap_selectgroup .group_lst .groupname {
  line-height: 20px;
  color: #333;
  font-weight: 700;
}

.wrap_selectgroup .group_lst .btn_wrap {
  float: right;
}

.wrap_selectgroup .group_lst .btn_area [class^="btn"] {
  display: inline-block;
  height: 20px;
  padding: 0 10px;
  margin-left: 1px;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 12px;
  line-height: 20px;
  color: #333;
  letter-spacing: -.5px;
}

.wrap_selectgroup .group_lst .btn_area .btn_del {
  padding: 0 4px
}

.wrap_selectgroup .group_lst input[type="text"] {
  width: 300px;
  height: 24px;
  margin-top: -3px;
  font-size: 12px;
}

.wrap_selectgroup .group_lst input::-webkit-input-placeholder {
  color: #999;
}

.wrap_selectgroup .group_lst input:-moz-placeholder {
  color: #999;
}

.wrap_selectgroup .tip {
  padding: 20px 25px 20px 69px;
  margin-top: 20px;
  border: 1px solid #ddd;
  background: url(../img/bg/ico_tip.png) no-repeat 15px 15px #f8f8f8;
}

.wrap_selectgroup .tip li {
  position: relative;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4;
  color: #333;
}

.wrap_selectgroup .tip li:before {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: -10px;
  width: 3px;
  height: 3px;
  background: url(../img/bg/dot.gif) no-repeat 0 0;
  content: '';
}

.wrap_selectgroup .tip li:first-child {
  margin-top: 0;
}

.wrap_selectgroup .tip li img {
  margin: -4px 10px 0 0;
}


/* 상품조회커버리지 */
.wrap_schPrd_coverage .cdt_search {
  padding: 15px 66px 15px 53px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}

.wrap_schPrd_coverage .cdt_search span {
  vertical-align: middle;
}

.wrap_schPrd_coverage .cdt_search .select {
  display: inline-block;
  position: relative;
  margin-left: 30px;
  font-weight: 700;
  color: #1d5799;
  font-size: 14px;
}

.wrap_schPrd_coverage .cdt_search .select:before {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: -10px;
  width: 3px;
  height: 3px;
  background: url(../img/bg/dot.gif) no-repeat 0 0;
  content: '';
}

.wrap_schPrd_coverage .cdt_search .select select {
  margin-left: 16px;
  height: 24px;
  font-size: 14px;
}

.wrap_schPrd_coverage .data_area .table.data {
  border-top: 0;
}

.wrap_schPrd_coverage .data_area .tbl1 {
  overflow-y: auto;
  margin-top: 10px;
  max-height: 337px;
  border-top: 2px solid #747e8c;
}

/* 상품조회 팝업 : 툴팁 */
/* .product_class_tooltip {width:570px; text-align:left; font-size:14px;}
.product_class_tooltip .dep1 {overflow:hidden;}
.product_class_tooltip .dep1  strong {float:left; color:#1d5799; font-weight:700;}
.product_class_tooltip .dep1 ul {float:left;}
.product_class_tooltip .dep1 ul li {margin-bottom:8px;}
.product_class_tooltip .dep1_subtext {margin:10px 0 12px} */

.prod_total {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
}

.prod_total span {
  color: #5b5fe4;
  font-weight: 600;
}

.fund_info {
  text-align: left;
  word-break: break-all;
}

.fund_info .in {
  position: relative;
  padding-left: 6px;
  margin: 12px 0;
}

.fund_info .in strong {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
}

.fund_info .in .etf_color {
  margin-bottom: 8px;
  color: #83b300;
  font-weight: normal;
}

.fund_info .in strong i {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
}

.fund_info .in strong i:after {
  content: '>';
  color: #333;
  position: absolute;
  left: 0;
  top: 0;
}

.fund_info .in p {
  font-size: 14px;
}

.fund_info .in p a {
  color: #333;
}

.fund_info .in p a em {
  font-size: 12px;
}

/* ETF 유형 및 등급 표기 추가 */
.fund_info .in .bedge {
  position: absolute;
  top: -2px;
  right: 0;
  font-size: 0;
}

.fund_info .in .bedge>span {
  display: inline-block;
  margin-left: 6px;
  padding: 4px;
  font-size: 11px;
  color: #fff;
  border-radius: 12px;
  background: #f76d13;
}

.fund_info .in .bedge>span:first-child {
  margin-left: 0;
}

/* class 더보기(하위클래스 활성화) */
._btnMoreClass {
  position: relative;
  display: block;
  margin: 20px 0 -11px 0;
  text-align: right;
}

._btnMoreClass a {
  display: inline-block;
  width: 92px;
  padding: 6px 30px 6px 14px;
  font-size: 12px;
  font-weight: 500;
  color: #333;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: url(../img/bg/fund_info_more.gif) 85% center no-repeat;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._btnMoreClass a:hover {
  text-decoration: underline;
  border: 1px solid #ccc;
  border-bottom: 0;
}

._btnMoreClass.on a {
  background: #eee url(../img/bg/fund_info_more_close.gif) 85% center no-repeat;
  border: 1px solid #ccc;
  border-bottom: 0;
}

._btnMoreClass ._moreClassCnt {
  color: #1d5799;
  font-weight: 600;
}

._btnMoreClass ._moreClassCnt:before {
  content: ' (';
}

._btnMoreClass ._moreClassCnt:after {
  content: ')';
}

tbody tr._moreClass {
  position: relative;
  display: none;
  height: 40px;
  background-color: #eee;
}

tbody tr._moreClass.on {
  display: table-row;
}

tbody tr._moreClass.on:hover {
  background: #eee;
}


/* 관심상품 및 컨텐츠 특정 Cell class */
.standard {
  text-align: right;
}

.standard.plus strong {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
}

.standard.plus .fluct {
  display: inline-block;
  padding-left: 12px;
  color: #333;
  background: url(../img/bg/plus.gif) 0 center no-repeat;
}

.standard.plus .per {
  display: inline-block;
  color: #f33939;
}

.standard.minus strong {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
}

.standard.minus .fluct {
  display: inline-block;
  padding-left: 12px;
  color: #333;
  background: url(../img/bg/minus.gif) 0 center no-repeat;
}

.standard.minus .per {
  display: inline-block;
  color: #5b5fe4;
}

.pluscolor {
  color: #f33939 !important;
}

.minuscolor {
  color: #5b5fe4 !important;
}

.zerocolor {
  color: #000000 !important;
}


/* 리서치 인사이트 메인 */
.research_main {}

.research_main .top {
  height: 499px;
  padding: 40px 0;
  box-sizing: border-box;
  background: url(../img/pic/ri_top_bg.jpg) center 0 no-repeat;
}

.research_main .top .in .research_main .top:after {
  content: '';
  display: block;
  clear: both;
}

.research_main .top .bn {
  float: left;
  width: 560px;
}

.research_main .top .bn p {
  color: #fff;
  font-size: 16px;
  text-shadow: 1px 1px 1px #555;
}

.research_main .top .bn p strong {
  display: block;
  margin-bottom: 25px;
  font-size: 50px;
}

.research_main .top .bn p .sub_tit {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.4;
}

.research_main .top .bn p span {
  display: block;
  line-height: 25px;
  font-weight: bold;
  letter-spacing: 0
}

.research_main .top .right_link {
  float: right;
  width: 372px;
}

.research_main .top .right_link .title {
  padding-left: 20px;
  box-sizing: border-box;
  background: url(../img/bg/sol_link_bg.gif) 0 0 repeat;
}

.research_main .top .right_link .title strong {
  display: block;
  height: 70px;
  line-height: 70px;
  padding-left: 30px;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  background: url(../img/bg/re_link_bg.png) 0 center no-repeat;
}

.research_main .right_link ul li {
  padding: 25px 20px 20px;
  background: rgba(255, 255, 255, 0.82);
}

.research_main .right_link ul li:first-child {
  border-bottom: 1px solid #b2bac0;
}

.research_main .right_link ul li p {
  overflow: hidden;
  font-size: 16px;
}

.research_main .right_link ul li p span {
  float: left;
  padding-right: 11px;
  margin-right: 10px;
  color: #5b5fe4;
  border-right: 1px solid #d7d7d7;
}

.research_main .right_link ul li p i {
  float: left;
  color: #666;
}

.research_main .right_link ul li a {
  display: block;
}

.research_main .right_link ul li a strong {
  display: block;
  margin: 11px 0;
  font-weight: 700;
  font-size: 18px;
  color: #1d5799;
}

.research_main .right_link ul li a span {
  display: block;
  width: 95%;
  height: 48px;
  line-height: 24px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  -webkit-box-orient: vertical;
  font-size: 16px;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
}


.research_news {
  padding: 30px 0;
  background: #e2e2e2;
}

.news_title {
  padding-left: 30px;
  font-size: 26px;
  font-weight: 700;
  background: url(../img/bg/news_title.png) 0 center no-repeat;
  background-size: 20px 24px;
}

.research_news ul {
  overflow: hidden;
  margin-top: -7px;
}

.research_news ul li {
  position: relative;
  float: left;
}

.research_news ul li:nth-child(3n+2) {
  margin: 0 20px
}

.research_news ul li:nth-child(1n+0) {
  margin-top: 20px;
}

.research_news ul li a {
  display: block;
  width: 370px;
  height: 170px;
  padding: 25px 28px;
  color: #000;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
}

.research_news ul li a strong {
  display: block;
  height: 45px;
  font-size: 18px;
  color: #000;
  font-weight: 700;
  line-height: 24px;
}

.research_news ul li a p.date_top {
  overflow: hidden;
  margin-bottom: 15px;
}

.research_news ul li a p.date_top span {
  float: left;
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #ccc;
}

.research_news ul li a p.date_top span:first-child {
  margin-left: 0px;
  padding-left: 0px;
  border: none;
  color: #5b5fe4;
}

.research_news ul li a p.date_top .type01 {
  color: #d65d5d !important;
}

.research_news ul li a p.date_top .type02 {
  color: #652cd9 !important;
}

.research_news ul li a p.date_top .type03 {
  color: #5b5fe4 !important;
}

.research_news ul li a p.date_top .type04 {
  color: #8bbb06 !important;
}

/*교육커리큘럼*/

.research_news ul li a p.body {
  display: block;
  width: 95%;
  height: 40px;
  margin: 8px 0;
  line-height: 20px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 14px;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
}

.research_news ul li a span {
  font-size: 12px;
  color: #666;
}

.research_news ul li .mark {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 78px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.research_news ul li .mark.market {
  background: #d95757;
}

/* 시장뷰 */
.research_news ul li .mark.invest {
  background: #5b5fe4;
}

/* 투자인사이트 */
.research_news ul li .mark.fund {
  background: #652cd9;
}

/* 펀드스토리 */

.fund_title {
  padding-left: 26px;
  margin-top: 30px;
  font-size: 26px;
  font-weight: 700;
  background: url(../img/bg/fund_title.png) 0 center no-repeat;
  background-size: 15px 24px;
}

.fund_news_list {
  margin-top: 15px;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid #47b0ec;
}

.fund_news_list li {
  position: relative;
  float: left;
  width: 25%;
  padding: 15px 20px;
  box-sizing: border-box;
  border-left: 1px solid #d3d3d3;
}

.fund_news_list li:first-child {
  border-left: none;
}

.fund_news_list li a {
  display: block;
  width: 100%;
  height: 52px;
  line-height: 26px;
  margin-bottom: 27px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  font-size: 16px;
  color: #000;
}

.fund_news_list li p {
  position: absolute;
  left: 24px;
  bottom: 15px;
  width: 100%;
  font-size: 12px;
  color: #666;
}

.fund_news_list li p i {
  padding-right: 11px;
  margin-right: 10px;
  border-right: 1px solid #d7d7d7;
}

.fund_news_list li.nnew {
  background: url(../img/bg/ico_new.png) right 15px bottom 12px no-repeat;
}


.topic_searchbox {
  height: 87px;
  padding: 27px 0 30px 329px;
  margin-top: 20px;
  font-size: 14px;
  color: #fff;
  background: url(../img/bg/topic_searchbox.gif) 0 0 no-repeat;
}

.topic_searchbox .search_link_go {
  margin-top: 20px;
}

.topic_searchbox .search_link_go select {
  float: left;
  width: 600px;
  height: 40px;
  margin-right: 10px;
  border-radius: 2px;
  border: 1px solid #fff;
  background: #fff;
}

.topic_searchbox .search_link_go a {
  float: left;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  border-radius: 2px;
  background: url(../img/bg/move_search_btn.gif) 0 0 repeat-x;
}


/*로그인*/
.login_wrap {
  margin-top: 25px;
}

.login_wrap .dummy {
  float: left;
}

.login_wrap .body {
  position: relative;
  float: left;
  width: 711px;
  height: 296px;
  padding: 30px 53px;
  box-sizing: border-box;
  background: #f5f5f5;
}

.login_wrap .body h3 {
  margin-bottom: 20px;
  color: #333;
  font-size: 32px;
}

.login_wrap .body h3 span {
  font-weight: 700;
}

.login_wrap .body h3 em {
  display: block;
  font-size: 13px;
  margin-top: 10px;
  margin-left: 2px;
}

.login_wrap dl {
  float: left;
  width: 485px;
}

.login_wrap dt {
  float: left;
  width: 85px;
  height: 30px;
  padding-top: 6px;
  box-sizing: border-box;
  vertical-align: middle;
  margin-bottom: 8px;
  font-size: 14px;
}

.login_wrap dd {
  float: left;
  width: 400px;
  margin-bottom: 8px;
}

.login_wrap dd input {
  width: 100%;
  height: 30px;
}

.login_wrap dd.lo_pw {
  position: relative;
}

.login_wrap .pw_info {
  position: absolute;
  left: 138px;
  top: 189px;
  font-size: 12px;
  color: #0e4194;
}

.login_wrap .check {
  position: absolute;
  left: 138px;
  top: 202px;
}

.login_bot_btn {
  clear: both;
  padding-top: 65px;
  padding-left: 85px;
}

.login_wrap .login_button {
  display: inline-block;
  float: left;
  width: 102px;
  height: 68px;
  margin-left: 8px;
  padding-top: 42px;
  text-align: center;
  box-sizing: border-box;
  color: #f8f8f8;
  font-size: 14px;
  border: 1px solid #2989d9;
  background: #5b5fe4 url(../img/bg/login_bg.gif) center 11px no-repeat;
}

.login_bot_btn a {
  display: inline-block;
  min-width: 74px;
  height: 24px;
  line-height: 23px;
  padding: 0 20px 0 9px;
  box-sizing: border-box;
  font-size: 12px;
  color: #666;
  border: 1px solid #ccc;
  background: #FFF url(../img/bg/b_btn_arw.png) right 10px top 8px no-repeat;
}

.login_bot_btn a.login_g_btn {
  color: #fff;
  border: 1px solid #666e79;
  background: #747e8c url(../img/bg/w_btn_arw.png) right 10px top 8px no-repeat;
}




/* 투자상품 */
.invest_product {}

.invest_top_bn {
  position: relative;
  width: 1040px;
  margin: 0 auto;
}

.invest_top_bn .slide {
  overflow: hidden;
}

.invest_top_bn .slide:after {
  display: block;
  clear: both;
  content: '';
}

.invest_top_bn .slide li {
  float: left;
  margin-right: 20px;
  padding-bottom: 11px;
}

.invest_top_bn .slide li a {
  display: inline-block;
  position: relative;
  width: 192px;
  height: 100px;
  padding-top: 72px;
  text-align: center;
  color: #666;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
}

.invest_top_bn .slide li.on a {
  position: relative;
  color: #fff;
  border: 1px solid #5b5fe4;
  background: #5b5fe4;
}

.invest_top_bn .slide li.on:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0px;
  margin-left: -11px;
  width: 22px;
  height: 11px;
  background: url(../img/bg/invest_top_bn_bg.gif) 0 0 no-repeat;
}

.invest_top_bn .slide li a img {
  position: absolute;
  left: 50%;
  top: 13px;
  transform: translateX(-50%);
}

.invest_top_bn .bx-wrapper {
  max-width: 1040px !important;
}

.invest_top_bn .bx-controls-direction a {
  display: inline-block;
  position: absolute;
  top: 20px;
  width: 29px;
  height: 55px;
  text-indent: -9999px;
}

.invest_top_bn .bx-controls-direction .bx-prev {
  left: -55px;
  background: url(../img/btn/bn_prev.gif) 0 0 no-repeat;
}

.invest_top_bn .bx-controls-direction .bx-next {
  right: -55px;
  background: url(../img/btn/bn_next.gif) 0 0 no-repeat;
}

.invest_bn_body {
  position: relative;
  margin-top: 5px;
  margin-bottom: 40px;
}

.invest_bn_body p {
  height: 240px;
  background: #c9d0da;
}

.invest_bn_body span {
  position: absolute;
  right: 20px;
  top: 20px;
}

.invest_bn_body span a {
  display: inline-block;
  margin-left: 10px;
}

.invest_product .sub_tab {
  margin-bottom: 25px;
}

.invest_product .sub_cate02 .text_n_btn_set {
  margin-top: 30px;
}


.invest_map {
  position: relative;
  width: 100%;
  height: 408px;
  box-sizing: border-box;
  margin-bottom: 20px;
  transition: 0.5s;
  border: 1px solid #747e8c;
  background: url(../img/bg/invest_12.gif) 0 0 no-repeat;
}

.invest_map ul li {
  display: inline-block;
  position: absolute;
}

.invest_map ul li a {
  display: block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  transition: .5s;
  background: url(../img/bg/default_small.png) 0 0 no-repeat;
}

.invest_map ul li a:hover,
.invest_map ul li.on a {
  transition: .5s;
  background: url(../img/bg/on_small.png) 0 0 no-repeat;
}

.invest_map ul li.big a {
  width: 75px;
  height: 75px;
  line-height: 75px;
  background: url(../img/bg/default_large.png) 0 0 no-repeat;
}

.invest_map ul li.big a:hover,
.invest_map ul li.big.on a {
  background: url(../img/bg/on_large.png) 0 0 no-repeat;
}

.invest_map .invest_01 {
  left: 281px;
  top: 78px
}

/* 아시아 */
.invest_map .invest_02 {
  left: 150px;
  top: 21px
}

/* 유럽 */
.invest_map .invest_03 {
  left: 362px;
  top: 230px;
}

/* 동남아 */
.invest_map .invest_04 {
  left: 913px;
  top: 73px;
}

/* 북미 */
.invest_map .invest_05 {
  left: 863px;
  top: 228px;
}

/* 남미 */
.invest_map .invest_06 {
  left: 449px;
  top: 86px;
}

/* 한국 */
.invest_map .invest_07 {
  left: 370px;
  top: 138px;
}

/* 중국 */
.invest_map .invest_08 {
  left: 284px;
  top: 207px;
}

/* 인도 */
.invest_map .invest_09 {
  left: 581px;
  top: 148px;
}

/* 일본 */

.invest_map .bottom {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
}

.invest_map .bottom ul {
  text-align: center;
}

.invest_map .bottom ul li {
  position: static;
  display: inline-block;
  margin: 0 5px;
}

.invest_map .bottom ul li a {
  display: inline-block;
  width: 90px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  color: #333;
  transition: .3s;
}

.invest_map .bottom ul li.invest_10 a {
  background: url(../img/bg/default_btn01.png) 0 0 no-repeat;
}

.invest_map .bottom ul li.invest_10.on a,
.invest_map .bottom ul li.invest_10 a:hover {
  color: #fff;
  background: url(../img/bg/on_btn01.png) 0 0 no-repeat;
}

.invest_map .bottom ul li.invest_11 a {
  background: url(../img/bg/default_btn02.png) 0 0 no-repeat;
}

.invest_map .bottom ul li.invest_11.on a,
.invest_map .bottom ul li.invest_11 a:hover {
  color: #fff;
  background: url(../img/bg/on_btn02.png) 0 0 no-repeat;
}



/* 투자상품 제휴사별 슬라이더 */
.invest_alliance {
  padding: 20px 45px;
  margin-bottom: 20px;
  box-sizing: border-box;
  background: #f8f8f8;
}

.invest_alliance:after {
  content: '';
  display: block;
  clear: both;
}

.invest_alliance>div:after {
  content: '';
  display: block;
  clear: both;
}

.invest_alliance strong {
  float: left;
  width: 121px;
  height: 70px;
  line-height: 70px;
  padding-left: 50px;
  box-sizing: border-box;
  color: #1d5799;
  font-size: 16px;
  font-weight: 700;
}

.invest_alliance .na strong {
  background: url(../img/bg/na.gif) 0 center no-repeat;
}

.invest_alliance .europe strong {
  background: url(../img/bg/eu.gif) 0 center no-repeat;
}

.invest_alliance .asia strong {
  background: url(../img/bg/as.gif) 0 center no-repeat;
}

.invest_alliance ul {
  margin-left: 1px;
}

.invest_alliance>div {
  margin-top: 5px;
}

.invest_alliance>div:first-child {
  margin-top: 0;
}

.invest_alliance ul:after {
  content: '';
  display: block;
  clear: both;
}

.invest_alliance li {
  position: relative;
  float: left;
  width: 178px;
  box-sizing: border-box;
  margin-left: -1px;
  border: 1px solid #ccc;
  background: #fff;
}

.invest_alliance li a {
  display: block;
  position: relative;
}

.invest_alliance ul li.on a:after,
.invest_alliance ul li a:hover:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 176px;
  height: 69px;
  box-sizing: border-box;
  border: 2px solid #747e8c;
}

.invest_alliance li a .img {
  display: block;
  height: 45px;
  line-height: 40px;
  box-sizing: border-box;
  padding: 5px;
  text-align: center;
}

.invest_alliance li a .img img {
  max-width: 166px;
  height: auto;
  max-height: 45px
}

.invest_alliance li a .text {
  display: block;
  height: 24px;
  line-height: 22px;
  text-align: center;
  color: #666;
  font-size: 12px;
}

.invest_alliance .slide {
  position: relative;
  float: left;
  width: 886px;
  padding: 0 25px
}

.invest_alliance .slide .bx-controls-direction a {
  display: inline-block;
  width: 9px;
  height: 15px;
  position: absolute;
  top: 27px;
  text-indent: -9999px;
  z-index: 100;
}

.invest_alliance .slide .bx-prev {
  left: -4px;
  background: url(../img/btn/al_prev.gif) 0 0 no-repeat;
}

.invest_alliance .slide .bx-next {
  right: -4px;
  background: url(../img/btn/al_next.gif) 0 0 no-repeat;
}

.invest_product .all_pod_search {
  margin-top: 25px;
}

.all_pod_search .up {
  margin-bottom: 0;
}

.all_pod_search .detail_combo {
  display: none;
  overflow: hidden;
  padding: 20px 40px;
  border: 1px solid #ccc;
  border-top: none;
  background: #f8f8f8;
}

.all_pod_search .detail_combo .left {
  float: left;
  width: 578px;
  margin-right: 30px;
}

.all_pod_search .detail_combo .right {
  float: left;
  width: 443px;
}

.all_pod_search .detail_combo .bottom {
  clear: both;
  border-top: 1px solid #ddd;
}

.all_pod_search .detail_combo ul:after {
  content: '';
  display: block;
  clear: both;
}

.all_pod_search .detail_combo ul li strong {
  float: left;
  width: 78px;
  padding-left: 10px;
  margin-top: 6px;
  margin-right: 10px;
  font-size: 14px;
  color: #1d5799;
  font-weight: 700;
  background: url(../img/bg/video_text_bg.gif) 0 center no-repeat;
}

.all_pod_search .combo .combo_detail_view {
  display: block;
  padding: 8px 0;
  text-align: center;
  font-size: 12px;
  color: #333;
  background: #ededed;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
}

.all_pod_search .combo .combo_detail_view span {
  display: inline-block;
  padding-right: 14px;
  background: url(../img/bg/sm_show.png) right center no-repeat;
}

.all_pod_search .combo .combo_detail_view.on span {
  background: url(../img/bg/sm_hide.png) right center no-repeat;
}

.all_pod_search .combo .detail_combo ul>li {
  float: left;
  overflow: hidden;
  margin-bottom: 10px;
}

.detail_combo>.left>ul>li:last-child {
  margin-top: 30px;
}


.all_pod_search .combo .all_stock_scroll {
  float: left;
  width: 480px;
  height: 130px;
  padding: 10px;
  overflow-y: scroll;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
}

.all_pod_search .combo .all_stock_scroll .check {
  float: left;
  width: 139px;
  margin: 2px 8px 8px 0;
  word-break: break-all;
}

.all_pod_search .combo .all_stock_scroll .check input[type="checkbox"]+label {
  display: inline-block;
  background-position: 0 1px;
}

.all_pod_search .combo .right .all_stock_scroll {
  width: 335px;
}

.all_pod_search .year_btn_set {
  float: left;
}

.all_pod_search .year_btn_set li {
  margin-bottom: 0 !important;
  background: #fff;
}

.combo_slider {}

.combo_slider>div {
  margin-bottom: 12px;
}

.combo_slider>div.combo_wrap01 {
  margin-top: 50px !important;
}

.combo_slider>div.combo_wrap02 {
  margin-bottom: 0px;
  margin-top: 40px;
}

.combo_slider>div em {
  font-size: 14px;
  font-weight: 700;
}

.combo_slider .combo_sl {
  width: 578px;
  height: 43px;
  margin-top: 15px;
  margin-left: 8px;
  padding: 0 14px;
  box-sizing: border-box;
}

.combo_slider01 {
  background: url(../img/bg/combo_slider_bg01.png) 0 -1px no-repeat;
}

.combo_slider02 {
  background: url(../img/bg/combo_slider_bg02.png) 0 -1px no-repeat;
}

.combo_slider03 {
  background: url(../img/bg/combo_slider_bg03.png) 0 -1px no-repeat;
}

.combo_align_radio {
  margin-top: 10px;
  margin-left: 16px;
}

.combo_align_radio .friend label {
  color: #5b5fe4;
}

.combo_slider .title {
  display: block;
  clear: both;
}

.combo_slider .title a {
  margin-left: 5px;
}

.combo_slider .title a img {
  margin-top: -4px;
}

.combo_slider .ui-slider-handle {
  top: -5.5px
}

.combo_slider .ui-slider-handle {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-sizing: border-box;
  background: #fff;
  border: 3px solid #000;
  text-indent: -9999px;
}

.combo_slider .ui-slider-horizontal {
  width: 100%;
  height: 43px;
  box-sizing: border-box;
  background: url(../img/bg/combo_gage_bg.jpg) 0 0 repeat-x;
}

.combo_slider .ui-widget-header {
  height: 43px;
  border: none;
  background: url(../img/bg/combo_gage.jpg) 0 0 repeat-x;
}

.combo_slider .ui-widget-content {
  border: none;
}

.total_bosu {
  float: left;
  width: 282px;
}

.total_bosu.sign {
  width: 433px;
}

.total_bosu .check {
  display: block;
  margin-bottom: 8px;
}

.total_bosu .total_bosu_sign .check {}

.total_bosu .total_bosu_sign .check label {
  display: inline-block;
  width: 195px;
}

.total_bosu .total_bosu_sign .check label img {
  float: right;
}

.total_bosu strong a {
  margin-left: 5px;
}

.total_bosu strong a img {
  margin-top: -5px;
}

.total_bosu>div {
  float: left;
}

.commsi {
  float: right;
}

.commsi p {
  margin-bottom: 20px;
}

.commsi p .check {
  margin-top: 6px;
}



/*투자상품 - 연금상품 상단 탭*/
.pension_tab {
  margin: 25px 0 28px;
}

.pension_tab ul {}

.pension_tab ul:after {
  content: '';
  display: block;
  clear: both;
}

.pension_tab li {
  position: relative;
  float: left;
  margin-left: 35px;
}

.pension_tab li:first-child {
  margin-left: 0;
}

.pension_tab li a {
  display: block;
  position: relative;
  width: 360px;
  height: 100px;
  padding: 19px 25px 0 99px;
  box-sizing: border-box;
  color: #666;
  border: 1px solid #ccc;
  transition: 0.4s
}

.pension_tab li .tit {
  display: block;
  padding-bottom: 7px;
  font-size: 16px;
  font-weight: 700;
  color: #222
}

.pension_tab li a:hover .tit,
.pension_tab li.on .tit {
  color: #fff;
  transition: 0.4s
}

.pension_tab li.on a:after {
  position: absolute;
  left: 169px;
  bottom: -11px;
  width: 22px;
  height: 11px;
  background: url(../img/bg/bg_tooltip_blue.png) no-repeat 0 0;
  content: '';
}

.pension_tab li.cate01 a {
  background: url(../img/bg/pension01_on.png) 27px 27px no-repeat;
}

.pension_tab li.cate02 a {
  background: url(../img/bg/pension02_on.png) 30px 29px no-repeat;
}

.pension_tab li.cate03 a {
  background: url(../img/bg/pension05_on.png) 30px 26px no-repeat;
}

.pension_tab li.cate01 a:hover,
.pension_tab li.cate01.on a {
  color: #fff;
  background: #5b5fe4 url(../img/bg/pension01_on.png) 27px 27px no-repeat;
  border-color: #5b5fe4
}

.pension_tab li.cate02 a:hover,
.pension_tab li.cate02.on a {
  color: #fff;
  background: #5b5fe4 url(../img/bg/pension02_on.png) 30px 29px no-repeat;
  border-color: #5b5fe4
}

.pension_tab li.cate03 a:hover,
.pension_tab li.cate03.on a {
  color: #fff;
  background: #5b5fe4 url(../img/bg/pension05_on.png) 30px 26px no-repeat;
  border-color: #5b5fe4
}


.pension_tab li.issue:after {
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 0;
  z-index: 10;
  width: 24px;
  height: 20px;
  background: url(../img/bg/prod_issue.png) 0 0 no-repeat;
  content: '';
}


/* 가입확인 & 비번찾기 */
.recruit_check {
  overflow: hidden;
  margin-top: 25px;
}

.recruit_check>div {
  float: left;
  width: 560px;
  height: 280px;
  padding: 27px 40px;
  box-sizing: border-box;
  border: 1px solid #ccc;
}

.recruit_check>div:first-child {
  margin-right: 30px;
}

.recruit_check>div h3 {
  padding-left: 42px;
  font-size: 28px;
  color: #333;
}

.recruit_check>.left h3 {
  background: url(../img/bg/recruit_check_join.gif) 0 0 no-repeat;
  background-size: 30px;
}

.recruit_check>.right h3 {
  background: url(../img/bg/recruit_check_pw.gif) 0 0 no-repeat;
  background-size: 30px;
}

.recruit_check>.pw_change h3 {
  background: url(../img/bg/pw_change.png) 0 0 no-repeat;
  background-size: 30px;
}

.recruit_check .form {
  height: 111px;
  box-sizing: border-box;
  padding: 20px 30px;
  border-bottom: 1px solid #ccc;
}

.recruit_check .form p {
  margin-top: 9px;
}

.recruit_check .form p:first-child {
  margin-top: 0;
}

.recruit_check .form p strong {
  float: left;
  margin-right: 20px;
  font-size: 14px;
  padding-top: 5px;
  color: #333;
}

.recruit_check .form p input {
  width: 332px;
  height: 30px;
  line-height: 30px;
}

.recruit_check .form p.hp {}

.recruit_check .form p.hp select {
  width: 92px;
  height: 30px;
}

.recruit_check .form p.hp input {
  width: 108px;
}

.recruit_check .pw_change {
  position: relative;
  float: none;
  overflow: hidden;
  margin: 70px auto 0 !important;
  width: 618px;
  height: auto;
  border: none;
}

.recruit_check .pw_change .form {
  height: auto;
  overflow: hidden;
}

.recruit_check .pw_change .form p strong {
  width: 119px;
}

.recruit_check .pw_change .info_t {
  position: absolute;
  left: 210px;
  top: 146px;
  width: 260px;
  font-size: 12px;
  color: #666;
}

.recruit_check .pw_change .last {
  margin-top: 49px;
}

.recruit_check .pw_change input {
  width: 338px;
}

/*회원가입 완료*/
.join_success {
  width: 845px;
  height: 362px;
  margin: 25px auto 0;
  padding-top: 189px;
  box-sizing: border-box;
  text-align: center;
  background: #f5f5f5 url(../img/bg/join_success_bg.gif) center 60px no-repeat;
}

.join_success p {
  font-size: 16px;
}

.join_success strong {
  display: block;
  font-size: 32px;
  margin-bottom: 8px;
}

.join_success strong span {
  font-weight: 700;
}

.join_success .btns_sky {
  margin-top: 30px;
}

/*퀵메뉴 검색기능*/
.inter_prod {
  margin-top: 25px;
}

.all_search_area {
  position: relative;
  margin-top: ;
}

.all_search_area>ul {
  border: 1px solid #ddd;
}

.all_search_area>ul>li {
  padding: 10px;
  border-top: 1px solid #ddd;
}

.all_search_area>ul>li:first-child {
  border-top: none;
}

.all_search_area>ul>li a {
  display: block;
  font-size: 14px;
  color: #333;
  transition: .3s
}

.all_search_area>ul>li a:hover {
  color: #5b5fe4;
  text-decoration: underline;
  transition: .3s
}

.all_search_area ol {
  position: relative;
  float: none;
  overflow: hidden;
  margin-bottom: 2px;
}

.all_search_area ol li {
  float: left;
  font-size: 11px;
  padding: 3px 12px 3px 11px;
  color: #767676;
  background: url(../img/common/path_bg.gif) 0 center no-repeat;
}

.all_search_area ol li.last01 {
  color: #d65d5d;
}

/* 시장전망 */
.all_search_area ol li.last02 {
  color: #652cd9;
}

/* 펀드스토리 */
.all_search_area ol li.last03 {
  color: #5b5fe4;
}

/* 투자인사이트 */
.all_search_area ol li.last04 {
  color: #ff6600;
}

/* 교육컨텐츠 */
.all_search_area ol li.last05 {
  color: #009197;
}

/* SERICEO */

.cate_type01 {
  color: #d65d5d !important;
}

/* 시장전망 */
.cate_type02 {
  color: #652cd9 !important;
}

/* 펀드스토리 */
.cate_type03 {
  color: #5b5fe4 !important;
}

/* 투자인사이트 */
.cate_type04 {
  color: #ff6600 !important;
}

/* 교육컨텐츠 */
.cate_type05 {
  color: #009197 !important;
}

/* SERICEO */
.all_search_area .home {
  display: inline-block;
  text-indent: -9999px;
  background: url(../img/common/path_home.gif) 0 2px no-repeat;
}

.all_search_part {
  position: absolute;
  right: 0;
  top: 4px;
  padding-right: 10px;
  color: #333;
  background: url(../img/bg/al_part_bg.png) right center no-repeat;
}

.all_search_area .more_result {
  margin-bottom: 40px;
}

.all_search_area h3 strong {
  font-size: 12px;
}

.all_search_area h3 strong i {
  color: #1d5799;
  font-weight: 700;
}

/* .투자상품 메인 */
.invest_main {}

.invest_main .top {
  height: 498px;
  padding: 40px 0;
  box-sizing: border-box;
  background: url(../img/pic/invest_top_bg.jpg) center 0 no-repeat;
}

.invest_main .top .in .invest_main .top:after {
  content: '';
  display: block;
  clear: both;
}

.invest_main .top .bn {
  float: left;
  width: 746px;
  margin-left: 40px;
}

.invest_main .top .bn p {
  color: #fff;
  font-size: 16px;
  text-shadow: 1px 1px 1px #555;
}

.invest_main .top .bn p strong {
  display: block;
  margin-bottom: 25px;
  font-size: 50px;
}

.invest_main .top .bn p span {
  display: block;
  line-height: 25px;
  font-weight: bold;
  letter-spacing: 0
}

.invest_main .top .right_link {
  float: left;
  width: 364px;
}

.invest_main .top .right_link li {
  height: 139px;
  padding: 30px 40px;
  box-sizing: border-box;
}

.invest_main .top .right_link li a {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}

.invest_main .top .right_link li a strong {
  display: block;
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 700;
}

.invest_main .top .right01 {
  background: rgba(24, 74, 155, 0.8) url(../img/bg/inves_right01.png) right 30px center no-repeat;
}

.invest_main .top .right02 {
  background: rgba(49, 92, 165, 0.8) url(../img/bg/inves_right02.png) right 30px center no-repeat;
}

.invest_main .top .right03 {
  background: rgba(24, 74, 155, 0.8) url(../img/bg/inves_right03.png) right 30px center no-repeat;
}

.invest_main_bottom {
  margin-top: 50px;
}

.invest_main_bottom .left {
  float: left;
  background: url(../img/bg/invest_bottom_bg.jpg) 0 0 repeat;
}

.invest_main_bottom .left a {
  display: block;
  width: 758px;
  height: 272px;
  padding: 40px;
  box-sizing: border-box;
  background: url(../img/bg/invest_bottom_icon.png) 91% 30px no-repeat;
}

.invest_main_bottom .left a strong {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: #333;
}

.invest_main_bottom .left a span {
  display: inline-block;
  margin-top: 53px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
}

.invest_main_bottom .right {
  float: left;
  width: 364px;
  margin-left: 28px;
  background: #f5f5f5;
}

.invest_main_bottom .right li {
  float: left;
  width: 50%;
  height: 272px;
  box-sizing: border-box;
  border: 1px solid #ccc;
}

.invest_main_bottom .right li.right01 {
  background: url(../img/bg/invest__bot_right01.png) center center no-repeat;
}

.invest_main_bottom .right li.right02 {
  margin-left: -1px;
  background: url(../img/bg/invest__bot_right02.png) center center no-repeat;
}

.invest_main_bottom .right li a {
  display: block;
  text-align: center;
  color: #333;
}

.invest_main_bottom .right li strong {
  display: block;
  margin-top: 40px;
  font-size: 22px;
  color: #000;
  font-weight: 700;
}

.invest_main_bottom .right li span {
  display: inline-block;
  margin-top: 142px;
  line-height: 20px;
  font-size: 14px;
}

/* 헤더 문의 레이어 팝*/
/**
  2017.10.20 수정
.make_inq {display:none; position:absolute; left:-361px; top:45px; z-index:1500; padding:15px 28px; border:2px solid #4ba2ef; background:#fff;}
.make_inq:after {content:''; display:inline-block; position:absolute; right:49px; top:-16px;  width:22px; height:16px; background:url(../img/bg/make_inq_gr.png) 0 0 no-repeat;}
.make_inq ul {width:377px; padding-bottom:12px; overflow:hidden; border-bottom:1px solid #ddd;}
.make_inq ul li {float:left; width:174px; height:40px; line-height:20px; padding-left:37px; box-sizing:border-box; font-size:14px;}
.make_inq ul li:first-child {border-right:1px solid #ddd; background:url(../img/bg/make_inq01.png) 0 5px no-repeat;}
.make_inq ul li:last-child {margin-left:28px; background:url(../img/bg/make_inq02.png) 0 5px no-repeat;}
.make_inq p {margin-top:12px; text-align:center; font-size:14px;}
.make_inq .this_close {display:inline-block; position:absolute; right:0; bottom:0; width:20px; height:20px; text-indent:-9999px; background:url(../img/btn/pop_x.gif) 0 0 no-repeat; background-size:20px;}
*/
.make_inq {
  display: none;
  position: absolute;
  left: -255px;
  top: 45px;
  z-index: 1500;
  padding: 15px 28px;
  border: 2px solid #4ba2ef;
  background: #fff;
}

.make_inq:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 49px;
  top: -16px;
  width: 22px;
  height: 16px;
  background: url(../img/bg/make_inq_gr.png) 0 0 no-repeat;
}

.make_inq ul {
  width: 272px;
  padding-bottom: 12px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.make_inq ul li {
  float: left;
  width: 174px;
  height: 40px;
  line-height: 20px;
  padding-left: 37px;
  box-sizing: border-box;
  font-size: 14px;
}

.make_inq ul li:first-child {
  /* border-right:1px solid #ddd; */
  background: url(../img/bg/make_inq01.png) 0 5px no-repeat;
}

.make_inq ul li:last-child {
  margin-left: 69px;
  /* background:url(../img/bg/make_inq02.png) 0 5px no-repeat; */
}

.make_inq p {
  margin-top: 12px;
  text-align: center;
  font-size: 14px;
}

.make_inq .this_close {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url(../img/btn/pop_x.gif) 0 0 no-repeat;
  background-size: 20px;
}

/*교육센터 메인*/
.edu_main {}

.edu_main .top {
  height: 465px;
  padding: 40px 0;
  box-sizing: border-box;
  text-align: center;
  background: url(../img/bg/edu_main_bg.jpg) center bottom no-repeat;
}

.edu_main .top h2 {
  font-size: 42px;
  color: #fff;
  text-shadow: 1px 1px 1px #666;
}

.edu_main .top h2+p {
  margin-top: 14px;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  text-shadow: 1px 1px 1px #666;
}

.edu_main .top ol {
  overflow: hidden;
  margin-top: 30px;
}

.edu_main .top ol li {
  float: left;
  width: 361px;
  margin-left: 30px;
}

.edu_main .top ol li:first-child {
  margin-left: 0;
}

.edu_main .top ol li strong {
  display: block;
  height: 65px;
  line-height: 65px;
  box-sizing: border-box;
  padding: 0 25px;
  font-size: 22px;
  color: #fff;
  background: url(../img/bg/edu_main_str.png) 0 0 repeat;
}

.edu_main .top ol li strong span {
  float: left;
}

.edu_main .top ol li strong i {
  float: right;
}

.edu_main .top ol li p {
  height: 160px;
  line-height: 24px;
  padding: 19px 30px 30px;
  text-align: left;
  font-size: 14px;
  box-sizing: border-box;
}

.edu_main .top ol li.list01 p {
  background: rgba(255, 255, 255, 0.9) url(../img/bg/edu_main_ol01.png) right 30px bottom 30px no-repeat;
}

.edu_main .top ol li.list02 p {
  background: rgba(255, 255, 255, 0.9) url(../img/bg/edu_main_ol02.png) right 30px bottom 30px no-repeat;
}

.edu_main .top ol li.list03 p {
  background: rgba(255, 255, 255, 0.9) url(../img/bg/edu_main_ol03.png) right 30px bottom 30px no-repeat;
}

.edu_contents {
  padding: 40px 0;
  background: #ebebeb;
}

.edu_contents h2 {
  margin-bottom: 15px;
  padding-left: 40px;
  font-size: 26px;
  font-weight: 700;
  background: url(../img/bg/edu_contents_h2.gif) 0 center no-repeat;
}

.edu_contents ul {
  overflow: hidden;
}

.edu_contents li {
  float: left;
  width: 361px;
  margin-left: 30px;
  border-bottom: 5px solid #ccc;
}

.edu_contents li:first-child {
  margin-left: 0;
}

.edu_contents li strong {
  display: block;
  height: 49px;
  line-height: 49px;
  padding: 0 20px;
  font-weight: 700;
  color: #000;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  background: #f5f5f5;
}

.edu_contents li p {
  height: 130px;
  line-height: 24px;
  padding: 25px 20px 20px;
  padding-left: 159px;
  font-size: 14px;
  box-sizing: border-box;
  color: #000;
}

.edu_contents li.list01 p {
  background: #FFF url(../img/pic/edu_contents01.jpg) 0 0 no-repeat;
}

.edu_contents li.list02 p {
  background: #FFF url(../img/pic/edu_contents02.jpg) 0 0 no-repeat;
}

.edu_contents li.list03 p {
  background: #FFF url(../img/pic/edu_contents03.jpg) 0 0 no-repeat;
}

.edu_notice {
  overflow: hidden;
  padding: 40px 0;
}

.edu_notice>.inner_wrap>div {
  float: left;
  width: 50%;
  height: 170px;
  box-sizing: border-box;
}

.edu_notice .left {
  border-right: 1px solid #ddd;
  clear: both;
}

.edu_notice .left h2 {
  margin-bottom: 25px;
  padding-left: 40px;
  font-size: 26px;
  font-weight: 700;
  background: url(../img/bg/video_h2.gif) 0 center no-repeat;
}

.edu_notice .left .video {
  float: left;
  width: 265px;
  height: 149px;
  margin-right: 30px;
}

.edu_notice .left p {
  float: left;
  width: 250px;
  line-height: 19px;
}

.edu_notice .left p strong {
  display: block;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 16px;
  color: #000;
}

.edu_notice .right {
  padding-left: 30px;
}

.edu_notice .right h2 {
  margin-bottom: 25px;
  padding-left: 40px;
  font-size: 26px;
  font-weight: 700;
  background: url(../img/bg/edu_sch_h2.gif) 0 center no-repeat;
}
}

.edu_notice .right strong {
  float: left;
  font-size: 20px;
  font-weight: 700;
}

.edu_notice .right ul {
  float: left;
  width: 99%;
}

.edu_notice .right ul li {
  overflow: hidden;
  margin-top: 10px;
}

.edu_notice .right ul li:first-child {
  margin-top: 0;
}

.edu_notice .right ul li i {
  float: left;
  width: 65px;
  height: 21px;
  line-height: 21px;
  margin-right: 8px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
}

.edu_notice .right ul li i.ok {
  background: #5b5fe4;
}

.edu_notice .right ul li i.no {
  background: #747e8c;
}

.edu_notice .right ul li p {
  float: left;
}

.edu_notice .right ul li p span {
  float: left;
  max-width: 340px;
  padding-right: 5px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 21px
}

.edu_notice .right ul li p span a {
  color: #333;
}

.edu_notice .right ul li p em img {
  margin-top: 0px;
}

.edu_notice .right ul li .date {
  float: right;
  font-size: 14px;
}

.fake_main {
  height: 2674px;
  margin-bottom: -100px;
  background: url(../img/pic/main_dummy.jpg) center 0 no-repeat;
}


/* 보고서 */
.report_info {
  height: 60px;
  line-height: 60px;
  margin-top: 20px;
  overflow: hidden;
  background: url(../img/bg/report_info_bg.gif) 0 0 repeat;
}

.report_info ul li {
  float: left;
  width: 25%;
  text-align: center;
  color: #fff;
}

.report_info ul li strong {
  display: inline-block;
  margin-right: 20px;
  padding-left: 10px;
  background: url(../img/bg/report_info_dot.gif) 0 center no-repeat;
}

.report_wrap {
  overflow: hidden;
  margin-top: 15px;
}

.report_wrap .left {
  float: left;
  width: 48%;
}

.report_wrap .left .table.data thead th {
  height: 22px;
  padding: 4px 20px 4px
}

.report_wrap .left .table.data tbody td {
  height: 22px;
  padding: 4px 20px 4px
}

.report_wrap .left .str {
  display: inline-block;
  width: 62px;
  font-weight: 700;
}

.report_wrap .left .dep1 {
  color: #1d5799;
}

.report_wrap .left .table.data tbody td.dep2 {
  padding: 4px 20px 4px 40px
}

.report_wrap .right {
  float: right;
  width: 48%;
}

.report_wrap .right .table.data thead th {
  height: 22px;
  padding: 4px 20px 4px
}

.report_wrap .right .table.data tbody td {
  height: 22px;
  padding: 4px 20px 4px
}

.report_wrap .right textarea {
  height: 202px;
}

.report_pop {
  text-align: center;
}

.report_pop .text {
  margin-bottom: 20px;
}

.report_pop .btn_center {
  margin-top: 10px;
}

.report_wrap .btns_white.btn_view_cover {
  height: 18px;
  color: #333;
  line-height: 18px;
}

.report_wrap .view_cover_area {
  display: none;
  height: 150px;
  box-sizing: border-box;
  padding: 10px;
  padding-left: 49px;
}

.report_wrap .view_cover_area [class^="cover"] {
  display: inline-block;
  position: relative;
  height: 100%;
  margin-left: 15px;
  border: 1px solid #ddd;
}

.report_wrap .view_cover_area [class^="cover"] .tit {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 17px;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  line-height: 17px;
}

.report_wrap .view_cover_area [class^="cover"] img {
  height: 130px
}



.glass_search {
  width: 600px;
  height: 30px;
  margin: 15px auto 30px;
  overflow: hidden;
  vertical-align: middle;
  border-bottom: 2px solid #5b5fe4;
}

.glass_search input {
  float: left;
  width: 90%;
  margin-top: 5px;
  outline: none;
  border: none;
  background: none;
}

.glass_search a {
  float: right;
  margin-top: 6px;
}


/* 은퇴상품 솔루션 신규 */
.retire_top {
  padding: 0 30px;
  margin-top: 25px;
  border: 1px solid #ddd;
  background: #f8f8f8;
}

.retire_top .title {
  text-align: center;
  height: 60px;
  line-height: 61px;
  border-bottom: 1px solid #ddd;
}

.retire_top .title span {
  display: inline-block;
  padding-left: 25px;
  font-size: 16px;
  background: url(../img/bg/i.png) 0 center no-repeat;
}

.retire_top {}

.retire_top table {
  width: 100%;
  margin: 15px 0;
}

.retire_top table th,
.retire_top table td {
  height: 24px;
  padding: 5px;
  vertical-align: middle;
}

.retire_top table th span {
  display: inline-block;
  padding-left: 10px;
  color: #1d5799;
  background: url(../img/bg/b_dot.gif) 0 center no-repeat;
}

.retire_top table input[type=text] {
  width: 100px;
  margin-right: 5px;
}

.retire_top table select {
  width: 100px;
  height: 24px;
  font-size: 12px;
}

.retire_bottom {
  overflow: hidden;
  padding: 0 30px;
  margin-top: -1px;
  height: 63px;
  line-height: 63px;
  border: 1px solid #ddd;
  background: #fff;
}

.retire_bottom p {
  float: left;
  font-size: 18px;
  font-weight: 700;
}

.retire_bottom a {
  float: right;
  height: 34px;
  line-height: 34px;
  margin-top: 15px;
  padding: 0 10px 0 35px;
  border-radius: 20px;
  color: #fff;
  background: #5b5fe4 url(../img/btn/search_btn.gif) 8px center no-repeat;
}


.retire_core {
  overflow: hidden;
  margin-top: 40px;
  border: 1px solid #ccc;
}

.retire_core .left {
  float: left;
  padding: 20px;
  box-sizing: border-box;
}

.retire_core .left .in {}

.retire_core .left .in .cont01 {
  background: url(../img/pic/retire_core01.png) 0 0 no-repeat;
}

.retire_core .left .in .cont02 {
  background: url(../img/pic/retire_core02.png) 0 0 no-repeat;
}

.retire_core>.left>.in>div {
  width: 648px;
  height: 331px;
}

.retire_core>.left>.in>div div {
  position: relative;
  width: 50%;
  text-align: center;
  box-sizing: border-box;
}

.retire_core>.left>.in>div div strong {
  display: block;
  margin-top: 21px;
  color: #fff;
}

.retire_core>.left>.in>div div i {
  display: block;
  margin-top: 21px;
  font-size: 16px;
}

.retire_core>.left>.in>div div i.lcolor {
  color: #1d5799;
}

.retire_core>.left>.in>div div i.rcolor {
  color: #fc1418;
}

.retire_core>.left>.in>div div .total {
  margin-top: 160px;
  font-weight: 700;
  font-size: 24px;
  text-align: right;
}

.retire_core>.left>.in>div div .total span {
  font-size: 14px;
}

.retire_core>.left>.in>div .lf {
  float: left;
  padding-left: 30px;
  padding-right: 11px;
}

.retire_core>.left>.in>div .lf .total {
  padding-right: 25px;
}

.retire_core>.left>.in>div .rf {
  float: right;
  padding-right: 45px;
}

.retire_core>.left>.in>div .rf .total {
  padding-left: 18px;
  text-align: left;
}

.retire_core>.left>.in>div .mean {
  clear: both;
  padding: 30px 47px 0 11px;
  text-align: center;
  box-sizing: border-box;
}

.retire_core>.left>.in>div .mean span {
  font-size: 22px;
  font-weight: 700;
  color: #5b5fe4;
}


.retire_core .right {
  position: relative;
  float: left;
  width: 460px;
  height: 371px;
  padding: 40px;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
  background: #f5f5f5;
}

.retire_core .right:after {
  display: inline-block;
  position: absolute;
  left: -14px;
  top: 50px;
  content: '';
  width: 14px;
  height: 18px;
  background: url(../img/bg/right_arr.png) 0 0 no-repeat;
}

.retire_core .right p {
  line-height: 22px;
}

.retire_core .right .blue {
  color: #1d5799;
}

.retire_core .right .red {
  color: #fc1418;
}

.retire_core .right .sky {
  color: #5b5fe4;
}


.retire_table>div {
  overflow: hidden;
}

.retire_table .head {
  float: left;
  width: 160px;
  padding-top: 20px;
  margin-right: 10px;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
  font-size: 20px;
  background: #f2f2f2;
}

.retire_table .in_cont {
  float: left;
  width: 980px;
}

.retire_table .table {
  width: 100%;
}

.table .bge {
  display: inline-block;
  padding: 2px 6px 2px 4px;
  margin-left: 5px;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  background: #3d5374;
}

.retire_table .tdf .table tbody tr:hover,
.retire_table .tdf .table tbody tr.best td {
  background: #e9f2f8;
  color: #1d5799;
}

.retire_table .rif .table tbody tr:hover,
.retire_table .rif .table tbody tr.best td {
  background: #f2f2f2;
  color: #fc1418;
}

.retire_table .tdf .table .bge {
  background: #3d5374;
}

.retire_table .rif .table .bge {
  background: #fc1418;
}

.retire_bot_text {
  margin-top: 10px;
}





















































/* ===대리님 여기요 ===========================*/

/* 공통 */
.unit {
  margin-left: 8px
}

h2.cont_title {
  padding-top: 40px;
  font-size: 24px;
  font-weight: 700;
  color: #5b5fe4;
}

h4.section_title {
  font-size: 15px;
  font-weight: 700;
  color: #015799;
  padding: 30px 0 10px;
}

h4.section_title:before {
  display: inline-block;
  content: '';
  width: 9px;
  height: 11px;
  margin-right: 7px;
  background: url(../img/bg/bul_section_title.png) no-repeat 0 0
}

h2.cont_title+h3.sm_title {
  margin-top: 15px
}

h3.sm_title+h4.section_title {
  padding: 10px 0 10px 0
}

.grp_outline {
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.tbl_outline {
  padding: 15px 20px 20px 20px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.tbl_outline .table_top_info {
  margin-top: 0;
}

.refer {
  overflow: hidden;
  padding: 16px 0 0 5px;
  font-size: 12px;
}

h3.sm_title+.grp_ratio h4.section_title:nth-child(-n+2) {
  padding: 10px 0 10px 0
}

.colortype1 {
  color: #01b78a !important;
}

.colortype2 {
  color: #d57b2b !important;
}

.colortype3 {
  color: #747e8c !important;
}

.box_bd_ccc {
  border: 1px solid #ccc !important;
  box-sizing: border-box;
}

/* top_info */
.table_top_info .count {
  padding-top: 15px;
}

.table_top_info [class^="btns"] {
  margin-top: 0;
}

.table_top_info_tit {
  margin: 25px 0 5px 0;
}

.table_top_info_tit:after {
  content: '';
  display: block;
  clear: both;
}

.sm_title+.table_top_info_tit {
  margin: 0;
}

.table_top_info_tit>.sm_title {
  margin: 0;
}

.table_top_info_tit>.section_title {
  padding: 10px 0 10px 0;
}

.grp_top_tit {
  overflow: hidden;
}

.grp_top_tit .year_btn_set {
  margin: 0;
  padding-top: 12px
}

.grp_top_tit .year_btn_set li:last-child {
  margin-right: 0
}

.outcome_famp .grp_top_tit .year_btn_set,
.outcome_pf .grp_top_tit .year_btn_set {
  margin: 0;
  padding-top: 28px
}

.outcome_famp .table_top_info_tit p.fr,
.outcome_pf .table_top_info_tit p.fr {
  margin-top: 10px
}

.oucome_pf .lst_top {
  padding-bottom: 14px;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
}

.lst_top .data {
  font-weight: 700;
  color: #1d5799
}

.unit_wrap {
  overflow: hidden;
}

.unit_wrap .tit {
  float: left;
}

.unit_wrap .unit {
  float: right;
  font-size: 14px;
  padding-top: 7px;
}

/* 주석 */
.footnote {
  padding-top: 5px;
  font-size: 12px;
  color: #666;
  line-height: 0;
}

.footnote li:before {
  display: inline-block;
  content: '';
  width: 13px;
  height: 17px;
  background: url(../img/bg/gray_dot.png) no-repeat 50% 12px
}

.footnote li span {
  font-weight: bold;
  color: #ff4d4d;
}

/* btn 추가 */
.cdt_search .btns_darksky {
  height: 24px;
  margin: 0;
  line-height: 24px;
}

/* 검색박스 > 조회 */
.n_btn_new {
  border: 1px solid #ccc;
  font-size: 14px;
  color: #494b55;
  background: url(../img/bg/btn_new.png) no-repeat 9px center;
}

/* 신규 */
/* 리벨런싱 */
.n_btn_save_s {
  border: 1px solid #1d5799;
  font-size: 14px;
  color: #1d5799;
  background: url(../img/bg/btn_save_s.png) no-repeat 9px 13px;
}

/* table_top 저장 */
.n_btn_add_b_mark {
  border: 1px solid #ccc;
  font-size: 14px;
  color: #494b55;
  background: url(../img/bg/btn_add_b_mark.png) no-repeat 9px 6px;
}

a[class^="btns"].type_sol {
  height: 23px;
  line-height: 25px;
  margin-top: 0;
  font-size: 12px;
  font-weight: 400;
}

.btn_select {
  display: inline-block;
  position: relative;
}

.btn_select ul {
  position: absolute;
  top: 33px;
  left: 0;
  border: 1px solid #ddd;
  background-color: #f8f8f8
}

.btn_select li {
  padding: 0 9px;
}

.btn_select li:hover {
  background-color: #ddd
}

.btn_select li:hover+li a {
  border-top: 1px solid transparent
}

.btn_select li a {
  display: inline-block;
  padding: 10px 4px 8px 23px;
  font-size: 14px;
  color: #333;
  border-top: 1px solid #ddd;
  background: url(../img/bg/dot_btn_select.gif) no-repeat 16px 17px;
}

.btn_select li:first-child a {
  border-top: 0;
}

/* .btn_select li a span:before{content:''} */
.btn_info {
  display: inline-block;
  position: relative;
  padding: 0 0 3px 0;
  background: url(../img/bg/bg_btn_info.png) repeat-x 0 100%;
  font-size: 14px;
  color: #222
}

.btn_info:after {
  display: inline-block;
  position: absolute;
  top: 1px;
  right: -21px;
  content: '';
  width: 16px;
  height: 16px;
  background: url(../img/bg/ico_btn_info.png) no-repeat 0 0;
}


/* 검색박스-임시 */
.cdt_search.type1 strong {
  padding-left: 10px;
  margin-right: 30px;
  vertical-align: middle;
  color: #1d5799;
  background: url(../img/bg/dot.gif) no-repeat left center;
  font-weight: 700;
}

.cdt_search.type1 select {
  width: 160px;
  height: 26px
}

.cdt_search.type1 input {
  width: 240px;
}

.cdt_search .btns_sky {
  margin: 0 0 0 20px;
  font-weight: 400;
}

.cdt_search .suggest_area {
  display: inline-block;
  vertical-align: top
}

.cdt_search .suggest_area strong {
  vertical-align: inherit;
  margin-right: 18px
}

.cdt_search .suggest_area .lst_keyword {
  display: inline-block;
  border: 0
}

.cdt_search .suggest_area .lst_keyword li {
  float: none;
  width: initial;
  box-sizing: initial;
  vertical-align: top;
}

.cdt_search .suggest_area .lst_keyword li a {
  display: block;
  padding: 0 15px 0 14px;
  color: #333
}

.cdt_search .suggest_area .keyword {
  display: inline-block;
  width: auto;
  height: 26px;
  margin: 0 0 0 2px;
  border: 1px solid #959595;
  border-radius: 26px;
  color: #333;
  font-size: 14px;
  line-height: 26px;
}


/* 팝업 -솔루션 step02 알림: 필요수익률 Worst-Normal-Best */
.noti_box_pop {
  padding: 0 !important;
}

.noti_box_pop .noti_box {
  margin: 0;
  border: 0;
}

.
/* noti_box_pop .t_point{color:#e24236;font-weight:700;}
.noti_box_pop .wrap_bar_rate{position: relative;}
.noti_box_pop .wrap_bar_rate .alert{position: absolute;top:57px;right:25px;display:inline-block;width: 62px;height: 20px;background:url(../img/bg/bar_rate_alert.png) no-repeat 0 0;font-size:16px;font-weight:700;color:#e24236;padding:28px 0 0 25px;}
.noti_box_pop .wrap_bar_rate .alert i{font-size:0;line-height:0;}
.noti_box_pop .noti_box .cont2{width: 451px;} */

/* 지원센터 -관리계좌현황 */
.manageAcc_rpt .cdt_search strong {
  margin: 30px;
}

.manageAcc_rpt .cdt_search select {
  margin-right: 10px;
}

.manageAcc_rpt .cdt_search input {
  margin-right: 10px;
}

.manageAcc_rpt .tip_box {
  background: #f8f8f8 url(../img/bg/tip2.png) 20px 21px no-repeat;
}

.manageAcc_rpt .tip_box p {
  margin-left: 50px;
}

/* 지원센터 -커버리지관리 */
.manageCoverage .cdt_search {
  padding: 15px 66px 15px 53px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}

.manageCoverage .cdt_search span {
  vertical-align: middle;
}

.manageCoverage .cdt_search .select {
  display: inline-block;
  position: relative;
  margin-left: 30px;
  font-weight: 700;
  color: #1d5799;
  font-size: 14px;
}

.manageCoverage .cdt_search .select:before {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: -10px;
  width: 3px;
  height: 3px;
  background: url(../img/bg/dot.gif) no-repeat 0 0;
  content: '';
}

.manageCoverage .cdt_search .select select {
  margin-left: 16px;
  font-size: 14px;
}

.manageCoverage .cdt_search .btns_darksky {
  height: 30px;
  margin: 0 0 0 10px;
  line-height: 30px;
}

/* 지원센터 -FA MP 구성관리 */
.manageFamp .table.data2 th {
  text-align: center
}

.manageFamp .table.data2 input {
  width: 100%
}

.manageFamp .table.data2 [class^="btn_tr"] {
  margin-left: 10px;
}

.manageFamp .table.data2 .in_btns input {
  width: calc(100% - 57px)
}

.manageFamp .table.data2 .in_unit input {
  width: calc(100% - 19px)
}

.manageFamp .table.data2 .btns_gray {
  margin-left: 4px;
}

.manageFamp .tbl_prod_info input {
  width: 100%;
}

/* 팝업 -벤치마크조회 */
.pop_sch_benchmark .cdt_search .btn_center {
  padding-top: 15px;
  border-top: 1px solid #ddd
}

.pop_sch_benchmark .cdt_search select+strong {
  margin-left: 50px
}

.pop_sch_benchmark .cdt_search table {
  width: 80%;
  margin-left: 64px
}

.pop_sch_benchmark .cdt_search table th {
  padding: 8px 0 6px 80px
}

.pop_sch_benchmark .cdt_search table td {
  padding: 8px 0 6px
}

.pop_sch_benchmark .cdt_search select,
.pop_sch_benchmark .cdt_search input {
  width: 100%;
}

.pop_sch_benchmark .n_btn_add_b_mark {
  margin-top: 25px
}

/* 지원센터 -성과현황 공통 (FAMP, 계좌포트폴리오) */
.wrap[class*="outcome"] .grp_ratio .grp_wrap {
  min-height: 300px;
  height: auto;
}

.wrap[class*="outcome"] .sug_pot_body {
  padding: 0;
  border: 0;
}

.wrap[class*="outcome"] .sug_pot_body ul {
  overflow: hidden;
  width: calc(100% + 25px);
}

.wrap[class*="outcome"] .sug_pot_body ul li {
  display: inline-block;
  width: 240px;
  margin: 25px 25px 0 0;
  vertical-align: top
}

.wrap[class*="outcome"] .sug_pot_body ul li a {
  color: #333;
}

.wrap[class*="outcome"] .sug_pot_body ul li p {
  padding-bottom: 8px;
  font-size: 16px;
  color: #222;
}

.wrap[class*="outcome"] .sug_pot_body ul li p:after {
  content: '';
  clear: both;
  display: block;
}

.wrap[class*="outcome"] .sug_pot_body ul li p strong {
  float: left;
  font-weight: 700;
}

.wrap[class*="outcome"] .sug_pot_body ul li p i {
  float: right;
  margin-top: 2px;
}

.wrap[class*="outcome"] .sug_pot_body ul li>span {
  display: block;
  overflow: hidden;
  margin-top: 12px;
  font-size: 14px;
  color: #666;
  word-break: break-all
}

.wrap[class*="outcome"] .sug_pot_body ul li span i {
  float: right;
}

.wrap[class*="outcome"] .sug_pot_body li.t1 p {
  border-bottom: 1px solid #fa3131;
}

.wrap[class*="outcome"] .sug_pot_body li.t2 p {
  border-bottom: 1px solid #0e4194;
}

.wrap[class*="outcome"] .sug_pot_body li.t3 p {
  border-bottom: 1px solid #c93d61;
}

.wrap[class*="outcome"] .sug_pot_body li.t4 p {
  border-bottom: 1px solid #8bb3f6;
}

.wrap[class*="outcome"] .sug_pot_body li.t5 p {
  border-bottom: 1px solid #fb7396;
}

.wrap[class*="outcome"] .sug_pot_body li.t6 p {
  border-bottom: 1px solid #71426c;
}

.wrap[class*="outcome"] .sug_pot_body li.t7 p {
  border-bottom: 1px solid #006fbd;
}

.wrap[class*="outcome"] .table.data.prod tbody td {
  padding: 10px 0.5%;
}


.wrap[class*="outcome"] .sug_pot_body.prod li.t1 p {
  border: 1px solid #fa3131;
  border-width: 0 0 1px 6px
}

/* 국내주식형 */
.wrap[class*="outcome"] .sug_pot_body.prod li.t2 p {
  border: 1px solid #c93d61;
  border-width: 0 0 1px 6px
}

/* 해외주식형 */
.wrap[class*="outcome"] .sug_pot_body.prod li.t3 p {
  border: 1px solid #ff8800;
  border-width: 0 0 1px 6px
}

/* 혼합형 */
.wrap[class*="outcome"] .sug_pot_body.prod li.t4 p {
  border: 1px solid #006fbd;
  border-width: 0 0 1px 6px
}

/* 국내채권형 */

.wrap[class*="outcome"] .sug_pot_body.prod li.t5 p {
  border: 1px solid #0e4194;
  border-width: 0 0 1px 6px
}

/* 해외채권형 */
.wrap[class*="outcome"] .sug_pot_body.prod li.t6 p {
  border: 1px solid #943d8b;
  border-width: 0 0 1px 6px
}

/* MMF */
.wrap[class*="outcome"] .sug_pot_body.prod li.t7 p {
  border: 1px solid #83b300;
  border-width: 0 0 1px 6px
}

/* ETF */
.wrap[class*="outcome"] .sug_pot_body.prod li.t8 p {
  border: 1px solid #206d67;
  border-width: 0 0 1px 6px
}

/* 기타 */
.wrap[class*="outcome"] .sug_pot_body.prod li.t9 p {
  border: 1px solid #206d67;
  border-width: 0 0 1px 6px
}

/* 기타 */
.wrap[class*="outcome"] .sug_pot_body.prod li p strong {
  display: inline-block;
  margin-left: 5px;
}




/* 지원센터 -계좌포트폴리오 성과현황 */
.outcome_pf .cdt_search select+strong {
  margin-left: 50px
}

.outcome_pf .table_bottom_txt {
  font-size: 12px;
  padding-left: 5px;
  margin-top: 10px;
  line-height: 1.5;
  color: ;
}

/* 지원센터 -FA정보관리 */
.manageInfo .box_pic {
  display: inline-block;
  float: left;
  overflow: hidden;
  position: relative;
  width: 130px;
  height: 140px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.manageInfo .box_pic a {
  display: block
}

.manageInfo .box_pic .del_cont {
  display: none
}

.manageInfo .box_pic.del a:hover .del_cont {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 45px;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}


/* 지원센터 -판매사 안내 */
.contact_seller .cdt_search select+strong {
  margin-left: 50px;
}

.contact_seller .tab {
  padding-top: 25px;
}

.contact_seller .tab_cont .box_area {
  overflow: hidden;
  ;
  margin-left: -30px;
  padding-top: 5px
}

.contact_seller .tab_cont .box {
  float: left;
  width: calc(20% - 25px);
  margin: 30px 0 0 25px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.contact_seller .tab_cont .logo {
  position: relative;
  overflow: hidden;
  height: 68px;
}

.contact_seller .tab_cont .logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contact_seller .tab_cont .cont {
  height: 126px;
  padding: 25px 0 22px;
  border-top: 1px solid #ccc;
  background-color: #f8f8f8
}

.contact_seller .tab_cont .txt_area {
  text-align: center
}

.contact_seller .tab_cont .txt_area .seller {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.contact_seller .tab_cont .txt_area .url {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: #5b5fe4;
  text-decoration: underline
}

.contact_seller .tab_cont .txt_area .tel {
  margin-top: 2px;
  font-size: 16px;
  color: #333;
}

.contact_seller .tab_cont .btn_view_prod {
  display: inline-block;
  padding: 8px 11px;
  margin-top: 17px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 14px;
  color: #333;
}

/* 투자상품 -펀드비교 */
.comp_fund .select_fund,
.comp_fund .summury_fund {
  overflow: hidden;
  margin-top: 40px;
  border-top: 2px solid #747e8c
}

.comp_fund .select_fund [class^="fund"] {
  float: left;
  width: 382px;
  height: 225px;
  margin: -1px 0 0 -1px;
  padding-top: 263px;
  border: 1px solid #ddd;
  background: url(../img/bg/add_fund.png) no-repeat 161px 172px;
  font-size: 20px;
  color: #767676;
  text-align: center;
}

.comp_fund .select_fund .on[class^="fund"] {
  background: url(../img/bg/add_fund_on.png) no-repeat 161px 172px;
  color: #000
}

.comp_fund .select_fund .fund1 {
  margin-left: 0
}

.comp_fund .wrap_box {
  overflow: hidden;
}

.comp_fund .box {
  float: left;
  width: 322px;
  margin: -1px 0 0 -1px;
  border: 1px solid #ddd;
}

.comp_fund .box:first-child {
  margin-left: 0;
}

.comp_fund .summury_fund .box {
  width: 382px;
}

.comp_fund .summury_fund .top {
  position: relative;
  height: 91px;
  padding: 23px 10px 23px 20px;
  border-bottom: 1px solid #747e8c;
  background-color: #dfe9f0;
  box-sizing: border-box;
}

.comp_fund .summury_fund .top .tit {
  width: 270px;
  font-size: 18px;
  color: #1d5799;
  line-height: 1.2;
  word-break: break-all;
}

.comp_fund .summury_fund .top .btn_area {
  overflow: hidden;
  position: absolute;
  top: 46px;
  right: 10px;
}

.comp_fund .summury_fund .top .btn_area [class^="btn"] {
  float: left;
  padding: 4px 9px;
  margin-left: 3px;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  background-color: #747e8c
}

.comp_fund .summury_fund .top .btn_area .btn_close {
  padding: 11px;
  background: #747e8c url(../img/btn/del.png) no-repeat 50% 50%;
  font-size: 0;
  line-height: 0;
}

.comp_fund .summury_fund .cont {
  padding: 25px 20px;
}

.comp_fund .summury_fund .cont [class^="ctg"]:before {
  display: inline-block;
  width: 4px;
  margin-top: 2px;
  height: 16px;
  content: '';
}

.comp_fund .summury_fund .cont [class^="ctg"] strong {
  padding-left: 8px;
  font-weight: 700;
  font-size: 16px;
  vertical-align: top;
}

.comp_fund .summury_fund .cont [class^="ctg"] span {
  margin-left: 10px;
  font-size: 16px;
  vertical-align: top;
}

.comp_fund .summury_fund .cont [class^="ctg"] span:before {
  display: inline-block;
  content: ' > ';
  font-size: 12px;
  color: #999;
  vertical-align: top;
  margin: 2px 8px 0 0;
}

.comp_fund .summury_fund .cont .summury {
  margin-top: 8px;
  ;
  font-size: 14px
}

.comp_fund .summury_fund .cont .summury dt {
  padding: 9px 0 9px 16px;
  border-bottom: 1px dashed #ccc;
  background: url(../img/bg/gray_dot.png) no-repeat 7px center;
  font-weight: 700;
}

.comp_fund .summury_fund .cont .summury dd {
  float: right;
  margin-top: -26px;
}

.comp_fund .summury_fund .btn_fund_add {
  display: block;
  height: 118px;
  padding-top: 171px;
  background: url(../img/bg/add_fund.png) no-repeat 162px 80px;
  font-size: 20px;
  color: #767676;
  text-align: center;
}

.comp_fund .sm_title {
  padding: 15px 0 15px 32px;
  margin: -1px 0 0 0;
  border: 1px solid #ddd;
  background: #f8f8f8 url(../img/bg/sm_title.png) 15px center no-repeat;
}

.comp_fund .sm_title span {
  float: inherit;
  padding-left: 10px;
}

.comp_fund h4 {
  padding: 10px 0 10px 30px;
  margin-top: -1px;
  border: 1px solid #ccc;
  font-size: 16px;
  font-weight: 700;
}

.comp_fund .progress .box {
  padding: 20px 30px;
}

.comp_fund .progress .in {
  height: 240px;
}

.comp_fund .outcome .box {
  padding: 20px 30px;
}

.comp_fund .risk_anal .box {
  padding: 20px 30px;
}

.comp_fund .asset_anal .box {
  padding: 20px 30px;
}

.comp_fund .invest_style .box {
  min-height: 181px;
  padding: 20px 30px;
}

.comp_fund .invest_style .cont_ivtstyle {
  float: left;
  width: 50%;
  border: 1px solid #ddd;
  border-width: 0 0 1px 1px;
  box-sizing: border-box
}

.comp_fund .invest_style .cont_ivtstyle:first-child {
  border-left: 0;
}

.comp_fund .invest_style .cont_ivtstyle .top {
  padding: 12px 0 11px 16px;
  border: 1px solid #ddd;
  border-width: 1px 0 1px 0;
  background-color: #ededed;
  text-align: left;
  font-size: 12px
}

.comp_fund .invest_style .cont_ivtstyle .top span {
  font-size: 14px;
  color: #1d5799;
  font-weight: 700
}

.comp_fund .invest_style .cont_ivtstyle .cont_grid {
  padding: 5px 0 17px;
  text-align: center;
}

.comp_fund .invest_style .cont_ivtstyle .manage_style_table {
  transform: translateX(16px)
}

.comp_fund .invest_style .cont_ivtstyle .manage_style_table th {
  font-size: 12px;
  color: #666
}

.comp_fund .invest_style thead th span {
  font-size: 14px;
  color: #1d5799;
  font-weight: 700;
}

.comp_fund .invest_style tbody td {
  height: 100px;
  padding: 20px 30px;
}

.comp_fund .invest_style tbody td div {
  width: 100%
}

.comp_fund .invest_style .manage_style_table tbody th {
  font-weight: 400
}

.comp_fund .invest_style .manage_style_table tbody td {
  height: inherit;
  padding: inherit;
}

.comp_fund .industry_top5 .box {
  padding: 20px 30px;
}

.comp_fund .industry_top5 .in {
  height: 148px
}

.comp_fund .stock_top5 .box {
  padding: 9px 30px 20px;
}

.comp_fund .stock_top5 .table_top {
  overflow: hidden;
  margin-bottom: 5px;
}

.comp_fund .stock_top5 tbody td {
  padding-left: 15px;
  padding-right: 15px
}

.comp_fund .cost .box {
  padding: 20px 30px;
  font-size: 14px;
  line-height: 1.7;
  min-height: 233px;
}

.comp_fund .cost .tit {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 6px;
}

.comp_fund .cost .num {
  display: inline-block;
  margin-left: 8px;
  min-width: 25px
}

.comp_fund .cost .fee_area {
  overflow: hidden;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #ccc
}

.comp_fund .cost .fee_area .fee1 {
  float: left;
  width: 40%;
  box-sizing: border-box;
}

.comp_fund .cost .fee_area .fee2 {
  float: left;
  width: 60%;
  box-sizing: border-box;
  padding-left: 14px;
  border-left: 1px solid #ccc
}

.comp_fund .cost .pay_area ul {
  overflow: hidden;
}

.comp_fund .cost .pay_area ul li {
  float: left;
  margin-right: 40px;
}

.comp_fund .cont_title span {
  display: inline-block;
  font-size: 16px;
  color: #333;
  vertical-align: top;
  padding: 5px 0 0 15px;
  font-weight: 400;
}

.comp_fund .grp {
  margin-top: 20px;
}

.comp_fund .grp .remark_area {
  padding-left: 148px;
}

.comp_fund .grp .remark {
  padding-bottom: 8px;
  line-height: 1;
}

.comp_fund .grp .remark [class^="rect"] {
  margin-right: 9px;
}

.comp_fund .grp .remark .rect1 {
  background-color: #ff4800
}

.comp_fund .grp .remark .rect2 {
  background-color: #035aa3
}

.comp_fund .grp .remark .rect3 {
  background-color: #1b9e01
}

.comp_fund .year_rate {
  margin-top: 5px;
}

.comp_fund .year_rate th {
  line-height: 1.5;
}

.comp_fund .year_rate td span {
  display: block;
  color: #333;
  font-size: 12px;
}

.comp_fund table.type1 {
  table-layout: fixed;
  border-top: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
}

.comp_fund table.type1 thead th {
  border: 1px solid #ddd;
  border-right: 0;
  background-color: #ededed;
  font-weight: 400;
  white-space: nowrap;
}

.comp_fund table.type1 thead tr:first-child th:first-child {
  border-left: 0;
}

.comp_fund table.type1 tbody td {
  border: 0;
  border-left: 1px solid #ddd;
}

.comp_fund table.type1 tbody td:first-child {
  border: 0;
}

.comp_fund table.type1 tbody.tar td {
  padding-right: 15px;
}

.comp_fund table.type1 tbody.tar td.tac {
  padding-right: 0;
}

.comp_fund table.type001 thead tr:first-child th:first-child {
  font-weight: bold;
}

.comp_fund table.type001 thead tr:first-child th:first-child span {
  font-size: 12px;
  color: #999;
}

.comp_fund table.type001 tbody tr:first-child td {
  position: relative;
}

.comp_fund table.type001 tbody tr:first-child td strong {
  display: block;
  font-weight: bold;
  position: absolute;
  top: 12px;
  left: 15px;
}

.comp_fund table.type001 tbody tr:first-child td span:first-child {
  display: block;
  width: 150px;
  border-bottom: 1px solid #333;
  margin-left: 100px;
}

.comp_fund table.type001 tbody tr:first-child td span:last-child {
  margin-left: 38px;
}

.comp_fund table.type001 tbody tr:first-child td p.r_text {
  position: absolute;
  top: 12px;
  right: 43px
}



/* 투자상품 -펀드비교 -상품 유형별 컬러 */
.comp_fund .summury_fund .cont .ctg_1 {
  color: #fa3131
}

/* 국내주식형 */
.comp_fund .summury_fund .cont .ctg_1:before {
  background-color: #fa3131;
}

.comp_fund .summury_fund .cont .ctg_2 {
  color: #c93d61
}

/* 해외주식형 */
.comp_fund .summury_fund .cont .ctg_2:before {
  background-color: #c93d61;
}

.comp_fund .summury_fund .cont .ctg_3 {
  color: #ff8800
}

/* 혼합형 */
.comp_fund .summury_fund .cont .ctg_3:before {
  background-color: #ff8800;
}

.comp_fund .summury_fund .cont .ctg_4 {
  color: #006fbd
}

/* 국내채권형 */
.comp_fund .summury_fund .cont .ctg_4:before {
  background-color: #006fbd;
}

.comp_fund .summury_fund .cont .ctg_5 {
  color: #0e4194
}

/* 해외채권형 */
.comp_fund .summury_fund .cont .ctg_5:before {
  background-color: #0e4194;
}

.comp_fund .summury_fund .cont .ctg_6 {
  color: #943d8b
}

/* MMF */
.comp_fund .summury_fund .cont .ctg_6:before {
  background-color: #943d8b;
}

.comp_fund .summury_fund .cont .ctg_7 {
  color: #83b300
}

/* ETF */
.comp_fund .summury_fund .cont .ctg_7:before {
  background-color: #83b300;
}

.comp_fund .summury_fund .cont .ctg_8 {
  color: #206d67
}

/* 기타 */
.comp_fund .summury_fund .cont .ctg_8:before {
  background-color: #206d67;
}


.fund_info.cate01 .in {
  border-left: 4px solid #fa3131;
}

/* 국내주식형 */
.fund_info.cate01 .in strong {
  color: #fa3131;
}

.fund_info.cate02 .in {
  border-left: 4px solid #c93d61;
}

/* 해외주식형 */
.fund_info.cate02 .in strong {
  color: #c93d61;
}

.fund_info.cate03 .in {
  border-left: 4px solid #ff8800;
}

/* 혼합형 */
.fund_info.cate03 .in strong {
  color: #ff8800;
}

.fund_info.cate04 .in {
  border-left: 4px solid #006fbd;
}

/* 국내채권형 */
.fund_info.cate04 .in strong {
  color: #006fbd;
}

.fund_info.cate05 .in {
  border-left: 4px solid #0e4194;
}

/* 해외채권형 */
.fund_info.cate05 .in strong {
  color: #0e4194;
}

.fund_info.cate06 .in {
  border-left: 4px solid #943d8b;
}

/* MMF */
.fund_info.cate06 .in strong {
  color: #943d8b;
}

.fund_info.cate07 .in {
  border-left: 4px solid #83b300;
}

/* ETF */
.fund_info.cate07 .in strong {
  color: #83b300;
}

.fund_info.cate08 .in {
  border-left: 4px solid #206d67;
}

/* 기타 */
.fund_info.cate08 .in strong {
  color: #206d67;
}


/* ETF 랭킹관리 > 유형 순서정렬  */
.dragDiv {
  gap: 120px;
}

.dragDiv .dragDiv1,
.dragDiv .dragDiv2 {
  text-align: center;
  flex: 1;
}

.dragDiv .dragDiv_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.dragDiv .dragDiv_top>p {
  font-size: 16px;
  font-weight: 600;
}

.dragDiv .dragDiv_list li {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 8px;
  border: 1px solid #ddd;
  padding: 6px 4px;
  box-sizing: border-box;
  border-radius: 6px;
  white-space: nowrap;
  background-color: #fff;
}

.dragDiv .dragDiv_list li:hover {
  background-color: #f2f5fd;
  border: 1px solid #5b5fe4;
}

.dragDiv .dragDiv_list li .draggable {
  border: 0;
  background-color: transparent;
}

.dragDiv .dragDiv_list li .btns_real_white_sm {
  margin-left: auto;
  background-color: #fff;
}

.dragDiv .dragDiv_list li .btns_real_white_sm:hover {
  text-decoration: underline;
}


/* 통계현황 */
.pageclassStatus .section-wrap {
  margin-bottom: 80px;
}

.pageclassStatus .section-wrap:last-child {
  margin-bottom: 0;
}

.pageclassStatus .section-wrap>ul>li:last-child {
  margin-bottom: 0;
}

.pageclassStatus .section-wrap>ul>li {
  margin-bottom: 40px;
}

.pageclassStatus .inner {
  padding: 30px;
}

.pageclassStatus .contents_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 34px;
}

.pageclassStatus .header_left {
  display: flex;
  align-items: center;
  gap: 20px;
}

.pageclassStatus .mid_tit {
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  height: 32px;
}
.pageclassStatus .mid_tit em  { 
  font-size: 14px;
}

.pageclassStatus .sub_tit {
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.pageclassStatus .desc_tit {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #93959c;
}

.pageclassStatus .flex-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.pageclassStatus .flex-wrap .right,
.pageclassStatus .flex-wrap .left {
  flex: 1;
}

.pageclassStatus .flex-wrap .right {
  text-align: right;
}

.pageclassStatus .flex-wrap.ratio7_3 .left {
  position: relative;
  flex: 0 0 73%;
  width: 73%;
}

.pageclassStatus .item_box {
  display: flex;
  align-items: center;
  gap: 50px;
  background: #f4f6f9;
  padding: 24px;
  border-radius: 8px;
}

.pageclassStatus .item_box>dl {
  flex: 1;
}

.pageclassStatus .item_box>dl:nth-child(2) {
  position: relative;
}

.pageclassStatus .item_box>dl:nth-child(2)::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -24px;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background: #d4d8e2;
}

.pageclassStatus .item_box>dl .tit {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 12px;
}

.pageclassStatus .item_box>dl .num {
  position: relative;
  width: fit-content;
  font-size: 24px;
  font-weight: 600;
  padding-left: 20px;
  margin-left: auto;
  color: #232433;
}

.pageclassStatus .item_box>dl .num::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0;
  height: 0;
}

.pageclassStatus .item_box>dl .num.plus::before {
  border-bottom: 9px solid #f14e4e;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.pageclassStatus .item_box>dl .num.minus::before {
  border-top: 9px solid #336aff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.pageclassStatus .line_box {
  border: 1px solid #d4d8e2;
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: 16px;
}

.pageclassStatus .line_box .chart_wrap {
  margin-bottom: 40px;
}

.pageclassStatus .line_box table thead tr th {
  color: #71747c;
}

.pageclassStatus .line_box table thead tr:first-child th {
  color: #232433;
  font-weight: 600;
}

.pageclassStatus .bg_box {
  border-bottom: 1px solid #d4d8e2;
  padding: 30px;
  box-sizing: border-box;
}

.pageclassStatus .bg_box .header_left {
  gap: 60px;
}

.pageclassStatus .bg_box .flex_bx>ul>li+li {
  margin-top: 20px;
}

.pageclassStatus .bg_box .btn_area {
  position: relative;
  padding-left: 40px;
  margin-left: 40px;
}

.pageclassStatus .bg_box .btn_area::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: #d4d8e2;
}

.pageclassStatus .bg_box .n_btn_search {
  height: 40px;
  padding: 20px 50px 0px 64px;
  background: #5b5fe4 url(../img/bg/nbtn_search.png) 42px 21px no-repeat !important
}

.pageclassStatus .addTag {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 1000px;
}

.pageclassStatus .addTag>li {
  position: relative;
  display: inline-flex;
  background-color: #f2f4f9;
  border: 1px solid #f2f4f9;
  padding: 8px 16px;
  margin: 0;
  border-radius: 24px;
  max-width: 140px;
}

.pageclassStatus .addTag>li+li {
  margin-top: 0;
}

.pageclassStatus .addTag>li .tagLabel {
  display: inline-block;
  color: #232433;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  padding-right: 8px;
}

.pageclassStatus .addTag>li .tagLabel::before {
  display: none;
}

.pageclassStatus .addTag>li .tagLabel::after {
  display: none;
}

.pageclassStatus .addTag>li .tagDelete {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(../img/bg/btn_tbl_add.png) no-repeat center;
  transform: rotate(-45deg);
  margin-top: -3px;
}

.pageclassStatus .addTag>li:hover .tagLabel {
  text-decoration: underline;
}

.pageclassStatus .addTag.table_type>li {
  max-width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 10px 16px;
}

.pageclassStatus .addTag.table_type>li .tagLabel {
  overflow: visible;
}

.pageclassStatus select,
input[type="text"] {
  border-color: #d4d8e2;
  border-radius: 3px;
  width: auto;
  height: 36px;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  padding-right: 4px;
  cursor: pointer;
}

.pageclassStatus .table.data {
  margin: 10px 0 0 0;
}

.pageclassStatus .swiper-basic {
  position: relative;
  overflow: hidden;
}

.pageclassStatus .swiper-basic .table.over tbody tr.active td,
.pageclassStatus .swiper-basic .table.over tbody tr.active th {
  color: #494b55;
  font-weight: 600;
  background-color: #e7fbff;
}

.pageclassStatus .swiper-button-prev,
.pageclassStatus .swiper-button-next {
  top: 57%;
  width: 40px;
  height: 40px;
  border: 1px solid #d4d8e2;
  border-radius: 100%;
  background: #fff;
}

.pageclassStatus .swiper-button-prev {
  left: -20px;
}

.pageclassStatus .swiper-button-next {
  right: -20px;
}

.pageclassStatus .swiper-button-prev::after,
.pageclassStatus .swiper-button-next::after {
  font-size: unset;
  color: #494b55;
  font-weight: 800;
}

.pageclassStatus .swiper-button-prev.swiper-button-disabled,
.pageclassStatus .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}

.pageclassStatus .swiper-button-prev.swiper-button-disabled::after,
.pageclassStatus .swiper-button-next.swiper-button-disabled::after {
  color: #ddd;
}


/* 통계현황 > chart */
.multiLine_chart {
  position: relative;
  width: 100%;
  height: 430px;
}

/* tooltip */
.multiLine_chart-tooltip {
  padding: 5px 0;
}

.multiLine_chart-tooltip li {
  position: relative;
  width: 100%;
  margin: 5px 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.multiLine_chart-tooltip li:first-child {
  font-weight: 700;
  padding-bottom: 0.5rem;
}

.multiLine_chart-tooltip li::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  transform: translate3d(0, -50%, 0);
}

.multiLine_chart-tooltip li>span {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  margin-right: 10px;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.multiLine_chart-tooltip li>strong {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  margin-left: auto;
  text-align: right;
}

/* legend */
.chart_legend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.chart_legend>li {
  position: relative;
  color: #71747c;
  font-size: 14px;
  padding-left: 24px;
  margin-right: 40px;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.chart_legend>li:last-child {
  margin-right: 0;
}

.chart_legend>li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

.chart_legend>li:nth-child(1)::before {
  background-color: #73dc4e;
}

.chart_legend>li:nth-child(2)::before {
  background-color: #26c1f8;
}

.chart_legend>li:nth-child(3)::before {
  background-color: #a56cff;
}

.chart_legend>li:nth-child(4)::before {
  background-color: #ff5890;
}

.chart_legend>li:nth-child(5)::before {
  background-color: #f9d659;
}

.chart_legend>li:nth-child(6)::before {
  background-color: #fea655;
}

.chart_legend>li:nth-child(7)::before {
  background-color: #a281ff;
}

.chart_legend>li:nth-child(8)::before {
  background-color: #b9c6d8;
}



/* 투자상품 -펀드비교 -평가등급(태극기) */
.comp_fund .summury_fund .cont .summury [class^="rate"] {
  width: 61px;
  height: 11px;
  margin-top: -23px;
  font-size: 0;
  line-height: 0;
}

.comp_fund .summury_fund .cont .summury .rate_1 {
  background: url(../img/bg/zeroin1.png) no-repeat 0 0;
}

.comp_fund .summury_fund .cont .summury .rate_2 {
  background: url(../img/bg/zeroin2.png) no-repeat 0 0;
}

.comp_fund .summury_fund .cont .summury .rate_3 {
  background: url(../img/bg/zeroin3.png) no-repeat 0 0;
}

.comp_fund .summury_fund .cont .summury .rate_4 {
  background: url(../img/bg/zeroin4.png) no-repeat 0 0;
}

.comp_fund .summury_fund .cont .summury .rate_5 {
  background: url(../img/bg/zeroin5.png) no-repeat 0 0;
}

.comp_fund .summury_fund .cont .summury .rate_0 {
  background: url(../img/bg/zeroin0.png) no-repeat 0 0;
}

/* 투자상품 -펀드비교 -투자위험 등급 */
.comp_fund .summury_fund .cont .summury [class^="risk"] {
  padding-left: 80px;
}

.comp_fund .summury_fund .cont .summury .risk_1 {
  background: url(../img/bg/risk1.png) no-repeat 0 center;
}

.comp_fund .summury_fund .cont .summury .risk_2 {
  background: url(../img/bg/risk2.png) no-repeat 0 center;
}

.comp_fund .summury_fund .cont .summury .risk_3 {
  background: url(../img/bg/risk3.png) no-repeat 0 center;
}

.comp_fund .summury_fund .cont .summury .risk_4 {
  background: url(../img/bg/risk4.png) no-repeat 0 center;
}

.comp_fund .summury_fund .cont .summury .risk_5 {
  background: url(../img/bg/risk5.png) no-repeat 0 center;
}

.comp_fund .summury_fund .cont .summury .risk_6 {
  background: url(../img/bg/risk6.png) no-repeat 0 center;
}

/* 교육 -일정안내 */
.edu_schedule .btn_right {
  padding-top: 20px;
}

.edu_schedule .lst_schedule {
  padding: 30px 40px;
  margin-top: 5px;
  border: 1px solid #c7c7c7;
  border-width: 1px 0 1px 0;
  background-color: #f5f5f5;
}

.edu_schedule .lst_schedule .schd {
  overflow: hidden;
}

.edu_schedule .lst_schedule .del_line.cont_area {
  border: 0;
  padding-left: 67px
}

.edu_schedule .lst_schedule .date {
  position: relative;
  float: left;
  width: 190px;
  height: 61px;
  font-size: 24px;
  vertical-align: top;
}

.edu_schedule .lst_schedule .date em {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 145px;
  padding-left: 25px;
  background: url(../img/common/bul_hyphen.png) no-repeat 0 50%;
}

.edu_schedule .lst_schedule [class^="state"] {
  float: left;
  position: relative;
  width: 56px;
  height: 56px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.edu_schedule .lst_schedule [class^="state"] em {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  margin-left: 1px;
  word-break: break-all;
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 13px;
}

.edu_schedule .lst_schedule .state_able {
  border-color: #5b5fe4;
  background-color: #5b5fe4;
}

.edu_schedule .lst_schedule .state_close {
  color: #5b5fe4;
  background-color: #fff
}

.edu_schedule .lst_schedule .state_end {
  border-color: #a3a3a3;
  background-color: #b0b0b0;
}

.edu_schedule .lst_schedule .cont_area {
  float: left;
  margin-left: -30px;
  padding: 0 0 15px 67px;
  border-left: 1px solid #ccc;
}

.edu_schedule .lst_schedule .cont {
  position: relative;
  width: 782px;
  padding: 22px 18px 24px 18px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  box-sizing: border-box;
}

.edu_schedule .lst_schedule .cont:before {
  position: absolute;
  top: 15px;
  left: -17px;
  width: 17px;
  height: 21px;
  background: url(../img/bg/tooltip_edu.png) no-repeat 0 50%;
  content: '';
}

.edu_schedule .lst_schedule .tit_area {
  overflow: hidden;
}

.edu_schedule .lst_schedule .tit {
  float: left;
  overflow: hidden;
  max-width: 600px;
  font-size: 18px;
  padding-right: 10px;
  color: #1d5799;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}

.edu_schedule .lst_schedule .ico_new {
  display: block;
  vertical-align: top;
}

.edu_schedule .lst_schedule .txt {
  padding-top: 8px;
  font-size: 14px;
  color: #666;
  line-height: 1.3
}

.edu_schedule .lst_schedule .detail {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-top: 14px;
  font-size: 14px;
  color: #333;
}

.edu_schedule .lst_schedule .time {
  display: table-cell;
  width: 225px;
  padding-right: 20px
}

.edu_schedule .lst_schedule .time em {
  padding-left: 25px;
  background: url(../img/bg/ico_edu_time.png) no-repeat 0 50%;
}

.edu_schedule .lst_schedule .place {
  display: table-cell;
  border-left: 1px solid #ccc;
  text-align: center;
}

.edu_schedule .lst_schedule .place em {
  padding-left: 25px;
  background: url(../img/bg/ico_edu_place.png) no-repeat 0 50%;
}

.edu_schedule .lst_schedule .person {
  display: table-cell;
  width: 150px;
  padding-left: 25px;
  border-left: 1px solid #ccc;
  text-align: center;
}

.edu_schedule .lst_schedule .person em {
  padding-left: 25px;
  background: url(../img/bg/ico_edu_person.png) no-repeat 0 50%;
}

/* 이용약관 */
.terms {
  width: 1050px;
  font-size: 14px;
  line-height: 1.7;
  word-spacing: -.5px;
}

.terms>p {
  padding: 2px 0;
  overflow: hidden;
}

.terms .row {
  overflow: hidden;
}

.terms .row>p {
  padding-left: 35px;
}

.terms .sm_title {
  margin-top: 34px;
  font-size: 18px;
}

.terms .tit_jo {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #015799;
  padding: 17px 0 8px;
}

.terms .t_normal {
  font-size: 14px;
  font-weight: 400;
  color: #333;
}

.terms .sm_title+.tit_jo {
  padding-top: 7px;
}

.terms [class^="bul"] {
  display: block;
  float: left;
}

.terms .bul_num_dot {
  width: 22px;
}

.terms .bul_num_circle {
  width: 18px;
  padding-left: 22px
}

.terms .bul_circle {
  width: 15px;
  padding-top: 1px;
  padding-left: 3px
}

.terms .bul_num_dot+.bul_num_circle {
  padding-left: 0;
}

.terms>div>ul {
  padding-left: 35px;
}

.terms>div>ul>li>ul {
  padding-left: 19px;
}

.terms ul.dash_li>li {
  background: url(../img/bg/blt_terms_line1.png) left 11px no-repeat;
  padding-left: 10px;
}

/* Research & Insight -Topic */
.rni_topic .cdt_search {
  padding: 13px 0 20px;
  margin-top: 40px
}

.rni_topic .cdt_search .stg_search {
  padding-top: 22px;
}

.rni_topic .cdt_search strong {
  font-size: 16px;
  line-height: 26px
}

.rni_topic h3.sm_title {
  margin: 37px 0 20px;
}

/* Research & Insight -팝업 -Topic더보기 */
.pop_moretopic {
  width: 530px !important
}

.pop_moretopic h3.sm_title {
  margin-top: 18px;
  margin-bottom: 18px
}

.pop_moretopic h3:first-child {
  margin-top: 0;
}

.pop_moretopic .ico_keyword {
  display: inline-block;
  height: 26px;
  margin: 0 0 10px 2px;
  border: 1px solid #959595;
  border-radius: 26px;
  font-size: 14px;
  line-height: 26px;
}

.pop_moretopic .ico_keyword a {
  display: block;
  padding: 0 15px 0 14px;
  color: #333;
}

.pop_moretopic .sec_topic {
  overflow: hidden;
  padding: 22px 0 10px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
}

.pop_moretopic .sm_title+.sec_topic {
  padding-top: 0;
}

.pop_moretopic .sec_topic:last-child {
  border: 0;
}

.pop_moretopic .sec_topic .tit {
  float: left;
  padding: 0 14px 0 15px;
  margin-right: 10px;
  font-weight: 700;
  background-color: #747e8c;
  border: none;
  color: #fff;
}

.pop_moretopic .sec_topic .tit.type2 {
  padding: 0 6px;
}

.pop_moretopic .sec_topic .section {
  overflow: hidden;
  display: block;
}

.pop_moretopic .sec_topic .section li {
  display: inline-block;
}

.pop_moretopic .sec_topic .section li:after {
  display: inline-block;
  content: '/';
  padding: 0 0 0 3px;
  vertical-align: middle;
}

.pop_moretopic .sec_topic .section li:last-child:after {
  content: none
}

.pop_moretopic .sec_topic .section a {
  display: inline-block;
  color: #333;
  line-height: 26px
}

/* 솔루션 추가 수정사항 */
.simul .box_btns_next {
  overflow: hidden;
  position: relative;
  padding: 22px 0 25px;
  margin-top: 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: url(../img/bg/bg_btns_next.png) repeat-x 0 100%
}

.simul .box_btns_next .txt {
  padding-left: 50px;
  font-size: 20px;
}

.simul .box_btns_next .btn_next {
  position: absolute;
  top: 0;
  right: 0;
  width: 381px;
  height: 100%;
  padding-top: 22px;
  box-sizing: border-box;
  border-left: 1px solid #2989d9;
  background: #5b5fe4 url(../img/bg/bg_btns_btnnext.png) repeat-x 0 100%;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center
}

.simul .box_btns_next .btn_next span {
  padding-left: 15px
}

.simul .box_btns_next .btn_next img {
  vertical-align: top;
  margin: -3px 0 0 45px;
}

.simul .box_btns_next .btn_area {
  float: right;
  margin-right: 49px
}

.simul .box_btns_next .btn_area [class^="btn_"] {
  padding: 6px 24px;
  box-sizing: border-box;
  border: 1px solid #5b5fe4;
  border-radius: 17px;
  color: #5b5fe4;
  font-size: 16px;
  line-height: 23px
}

.simul .box_btns_next .btn_area [class^="btn_"]:hover {
  border-color: #5b5fe4;
  background-color: #5b5fe4;
  color: #fff
}

.simul .box_btns_next .btn_area .btn_prt {
  margin-left: 6px
}

.simul .box_btns_next.type2 .btn_next {
  border-left: 1px solid #ccc;
  background: #f5f5f5 url(../img/bg/bg_btns_next.png) repeat-x 0 100%;
  color: #222
}

/* 시뮬레이터 추가 수정사항 */
.ratio_5_5 {
  overflow: hidden;
}

.ratio_5_5>div {
  float: left;
}

.ratio_5_5>div>.in {
  box-sizing: border-box;
  border: 1px solid #ccc;
}

.ratio_5_5>.left {
  width: calc(50% - 15px);
  margin-right: 30px
}

.ratio_5_5>.right {
  width: calc(50% - 15px);
}

.ratio_5_5>.right .firstComm {
  display: block;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.ratio_5_5.temp>.left>.in {
  padding: 30px 20px 41px
}

.ratio_5_5.temp .in>.txt_area {
  overflow: hidden;
  padding: 0 10px;
  border-bottom: 1px solid #ddd;
}

.ratio_5_5.temp .in>.txt_area .info {
  float: right;
}

.ratio_5_5.temp .in>.txt_area strong {
  float: left;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
}

.ratio_5_5.temp .in>.txt_area em {
  margin-left: 20px;
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
  color: #666;
}

.ratio_5_5.temp>.left>.in em i {
  font-weight: 400;
}

.ratio_5_5.temp>.left .grp {
  text-align: center;
}

.ratio_5_5.temp>.left .bottom {
  position: relative;
  width: 300px;
  box-sizing: border-box;
  font-size: 24px;
  padding: 26px 49px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #dfe4eb;
  border-radius: 2px;
  background: url(../img/bg/temp_area.png) repeat 0 0
}

.ratio_5_5.temp>.left .bottom>p {
  padding-left: 28px;
  background: url(../img/bg/temp_area_ico.png) no-repeat 0 50%;
}

.ratio_5_5.temp>.left .bottom input {
  display: inline-block;
  width: 46px;
  height: 30px;
  border: 0;
  background-color: transparent;
  font-size: 30px;
  line-height: 1;
  text-align: right
}

.ratio_5_5.temp>.left .bottom label {
  font-size: 20px
}

/* .ratio_5_5.temp > .left .bottom a {position:absolute;top:22px;left:305px;height: 22px; line-height: 22px; margin-top: 0; font-size: 12px; font-weight: 400;}
.ratio_5_5.temp > .left .bottom span {display:block; padding-left:20px; margin-left:129px;clear:both; font-size:12px; color:#666; background:url(../img/bg/i.gif) 0 bottom no-repeat;} */
.ratio_5_5.temp>.right>.in {
  width: 100%;
  padding: 30px 36px 20px
}

.ratio_5_5.temp .summury {
  overflow: hidden;
  padding: 20px 46px;
  border: 1px solid #ddd;
  border-top: 0;
  background-color: #f8f8f8;
}

.ratio_5_5.temp .left .summury {
  padding: 20px 30px
}

.ratio_5_5.temp .summury dt {
  float: left;
  margin-top: 4px;
  line-height: 1;
  text-align: center;
  font-size: 20px;
  color: #272727
}

.ratio_5_5.temp .summury dt span {
  display: block;
  padding-bottom: 8px
}

.ratio_5_5.temp .summury dd {
  float: right;
  text-align: center;
  color: #000
}

.ratio_5_5.temp .summury dd .t1 {
  font-size: 16px
}

.ratio_5_5.temp .summury dd .t2 {
  display: block;
  font-size: 32px
}

.ratio_5_5.temp .summury dd .t3 {
  color: #333;
  font-size: 14px
}

.ratio_5_5.temp .summury dd .unit {
  font-size: 22px;
}

/* 시뮬레이션 추추가 수정사항 */
.ratio_5_5.v2>.left {
  width: 455px;
  margin-right: 40px;
  box-sizing: border-box;
}

.ratio_5_5.v2>.right {
  width: 655px;
  box-sizing: border-box;
}

.ratio_5_5.temp .gage {
  padding: 0 10px
}

.ratio_5_5.temp .gage .tit {
  color: #666;
  font-size: 18px;
  font-weight: 700;
}

.ratio_5_5.temp .gage .txt {
  color: #363636;
  font-size: 14px;
  font-weight: 400;
}

.ratio_5_5.temp .gage .txt i:before {
  display: inline-block;
  content: '';
  width: 14px;
  height: 19px;
  margin: 2px 3px 0;
  background: url(../img/bg/gage_icon_temp.png) 0 0 no-repeat;
  background-size: 14px 19px;
  vertical-align: top;
}

.ratio_5_5.temp .gage .tit:before {
  display: inline-block;
  content: '';
  width: 11px;
  height: 10px;
  margin-top: 6px;
  margin-right: 5px;
  background: url(../img/bg/bul_gae_tit.png) no-repeat 0 0;
  vertical-align: top;
}

.ratio_5_5.temp .gage .gage_slider_wrap {
  /* overflow:hidden; */
}

.ratio_5_5.temp .gage .gage_slider_wrap .num {
  float: left;
  width: 49px;
  height: auto;
  padding: 0;
  margin-top: 12px;
  border: 0;
  font-size: 30px;
  font-weight: 700;
  color: #f33b3b;
  text-align: right;
}

.ratio_5_5.temp .gage .gage_slider_wrap .num+span {
  float: left;
  margin: 16px 0 0 7px;
  font-size: 24px;
  color: #666;
  font-weight: 400;
}


.ratio_5_5.best {
  margin-top: 30px;
}

/* .ratio_5_5.best .left {width:calc(50% - 15px);margin-right:30px}
.ratio_5_5.best .right {width:calc(50% - 15px);} */
.ratio_5_5.best .left .in {
  height: 339px;
  padding: 15px;
}

.ratio_5_5.best .right .in {
  padding: 0;
  border: none;
}

.ratio_5_5.best .right .table.data tbody td:nth-last-child(3),
.ratio_5_5.best .right .table.data tbody td:nth-last-child(2),
.ratio_5_5.best .right .table.data tbody td:nth-last-child(1) {
  background: #f8f8f8;
  font-weight: 700;
  color: #1d5799;
}

.sug_pot_body.style1 .left {
  width: 500px;
}

.sug_pot_body.style1 .right {
  width: 550px;
}

.sug_pot_body.style1 .right ul li {
  width: 530px;
}

.ratio_46 {
  padding: 26px 39px;
  box-sizing: border-box;
  border: 1px solid #ccc;
}

.ratio_46 {
  overflow: hidden;
}

.ratio_46>div {
  float: left;
}

.ratio_46>.left {
  width: 531px;
  margin-right: 20px
}

.ratio_46>.right {
  width: 550px
}

.ratio_46.sug_pf .left {
  margin-left: -31px;
}

.ratio_46.sug_pf .table {
  table-layout: fixed;
}

.ratio_46.sug_pf .table tbody img {
  float: left;
  margin: -1px 6px 0 0;
}

.ratio_46.sug_pf .table .ico_star {
  float: none;
  margin-top: -3px
}

.ratio_46.sug_pf .table tbody td {
  padding: 4px 9px 4px;
  word-break: break-all
}

.ratio_46.sug_pf .table tbody img+span {
  display: block;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.4;
}


/* bx-slider 눈금 */
.gage_slider.range-80_100:after {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: -14px;
  width: 476px;
  height: 26px;
  content: '';
  background: url(../img/bg/gage_range-80_100.png) no-repeat 0 0
}

.gage_slider.range-20_80:after {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: -16px;
  width: 476px;
  height: 26px;
  content: '';
  background: url(../img/bg/gage_range-20_80.png) no-repeat 0 0
}

.gage_slider.range-50_70:after {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: -15px;
  width: 475px;
  height: 26px;
  content: '';
  background: url(../img/bg/gage_range-50_70.png) no-repeat 0 0
}

.gage_slider.range-1_10:after {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: -14px;
  width: 475px;
  height: 26px;
  content: '';
  background: url(../img/bg/gage_range-1_10.png) no-repeat 0 0
}

.gage_slider.range-1_20:after {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: -14px;
  width: 475px;
  height: 26px;
  content: '';
  background: url(../img/bg/gage_range-1_20.png) no-repeat 0 0
}

/* research & insight -숫자로 본 펀드시장 -tab:수탁고증감현황 */
.table.dep_style1 .dep1 {
  background-color: inherit !important;
}

.table.dep_style1 .dep1.end_line td {
  border-bottom: 1px solid #747e8c
}

.table.dep_style1 .dep1 td {
  color: #000 !important;
  font-size: 16px;
}

.table.dep_style1 .dep1 td:first-child {
  padding-left: 20px;
}

.table.dep_style1 .dep2 td {
  ;
  background-color: #f8f8f8;
}

.table.dep_style1 .dep2 td:first-child {
  padding-left: 30px;
  color: #1d5799
}

.table.dep_style1 .dep2.fc_bk td:first-child {
  color: #333
}

.table.dep_style1 .dep3 td {
  ;
  background-color: #fff;
}

.table.dep_style1 .dep3 td:first-child {
  padding-left: 30px;
}

.table.dep_style1 .dep4 td {
  ;
  background-color: #fff;
}

.table.dep_style1 .dep4 td:first-child {
  padding-left: 30px;
}

/* 팝업 -메일 전송하기 */
.pop_mail .pop_in {
  width: 800px;
}

.pop_mail .tit {
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0 0 5px 17px;
  border-bottom: 1px solid #5b5fe4;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  background: url(../img/bg/sm_title.png) 0 4px no-repeat;
}

.pop_mail .sender .tit {
  margin-top: 0;
}

.pop_mail .body {
  max-height: 650px;
}

.pop_mail .mailContBody {
  overflow-x: hidden;
  width: 100%;
  height: 400px;
  margin-top: -15px;
  border-bottom: 1px solid #5b5fe4;
}

.pop_mail .mailContBody .btn_area {
  margin-bottom: 10px;
  margin-right: 5px;
}

.pop_mail .mailContBody .btn_area a {
  cursor: pointer;
}

.pop_mail .mailContBody table {
  width: 98%;
  margin-left: 10px;
}

.pop_mail .tit_mail_lbl {
  display: table-cell;
  vertical-align: middle;
}

.pop_mail .tit_mail_input {
  display: table-cell;
  width: 100%;
  padding-left: 10px;
}

.pop_mail .tit_mail_input input {
  width: 98%;
  border: 0;
  font-size: 16px;
  font-weight: 700;
}

.pop_mail .sub_tit {
  margin: 10px 0px 10px 15px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
}

.pop_mail .sub_tit>span {
  margin-top: 7px;
}

.pop_mail .cont_area input[readonly] {
  background: rgb(245, 245, 245);
}

.pop_mail .cont_area textarea[readonly] {
  background: rgb(245, 245, 245);
}

.pop_mail .cont_area {
  padding-left: 15px;
  overflow: hidden;
  display: inline;
}

.pop_mail .cont_area .inp_mail {
  display: block;
  padding-bottom: 15px;
}

.pop_mail .cont_area .inp_mail input {
  width: 98%;
  border: 0;
  border-bottom: 1px solid #ddd;
}

.pop_mail .cont_area .inp_mail label {
  display: inline-block;
  width: 50px;
  vertical-align: bottom;
}

.pop_mail .cont_area .inp_mail iframe {
  width: 98%;
  margin-left: 10px;
}

.pop_mail .cont_area .t_area label {
  vertical-align: top;
}

.pop_mail .cont_area textarea {
  width: 98%;
  border: 1px solid #ddd;
}

.pop_mail .cont_area .inp_top_area .inp_mail {
  float: left;
  width: 50%;
}

.pop_mail .cont_area .inp_top_area .inp_mail input {}

.pop_mail .email_section li textarea {
  display: inline-block;
  width: 98px;
  height: 24px;
  line-height: 24px;
  border: none;
  overflow: hidden;
  font-size: 12px;
  padding: 0;
}

.pop_mail .email_section li textarea.comp {
  width: auto !important;
}

.email_section {
  float: left;
  width: 1000px;
  border: 1px solid #ddd;
}

.email_section ul {
  overflow: hidden;
}

.email_section li {
  float: left;
  margin: 2px 0 2px 5px;
}

.email_section li span {
  display: none;
  float: left;
  height: 22px;
  line-height: 21px;
  margin-top: 2px;
  padding: 0 12px 0 5px;
  font-size: 12px;
}

.email_section li input {
  width: 60px;
  border: none;
}

.email_section li a {
  display: none;
  width: 8px;
  height: 7px;
  margin-top: 5px;
  margin-right: 5px;
}

.email_section li.ok a,
.email_section li.no a {
  display: inline-block;
}

.email_section li.no {
  display: inline-block;
  color: #d77965;
  background: #fde3de;
}

.email_section li.ok {
  display: inline-block;
  color: #333;
  background: #e5f3ff;
}

.email_section li.no a {
  background: url(../img/bg/e_no_del.png) 0 0 no-repeat;
}

.email_section li.ok a {
  background: url(../img/bg/e_ok_del.png) 0 0 no-repeat;
}

.cont_mail_form textarea {
  width: 1000px;
  height: 48px;
  line-height: 24px;
  max-height: 100px;
  padding: 0 10px;
}

.cont_mail_form p {
  margin: 8px 0 0 50px;
}

/* 팝업 -회원탈퇴 */
.pop_leave .notibox {
  padding: 10px 15px 20px;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  line-height: 1.5;
  font-size: 14px;
  text-align: center;
}

.pop_leave .notibox p {
  padding-top: 10px
}

.pop_leave .inp_area {
  padding-top: 20px;
}

.pop_leave .inp_area .inp_mail {
  display: block;
  padding-bottom: 15px;
}

.pop_leave .inp_area .inp_mail input {
  width: 360px;
  border: 0;
  border-bottom: 1px solid #ddd
}

.pop_leave .inp_area .inp_mail label {
  display: inline-block;
  width: 50px;
  vertical-align: bottom;
}

/* 투자상품 서브메인 20170627 수정본 */
.invest_main.v2 .top {
  height: 460px;
  padding: 0;
  background: url(../img/pic/invest_v2_top_bg.jpg) no-repeat 50% 50%/cover;
}

.invest_main.v2 .top .txt_area {
  padding-top: 60px;
  color: #fff;
  text-align: center;
}

.invest_main.v2 .top .txt_area span {
  display: block
}

.invest_main.v2 .top .tit {
  font-size: 40px;
  padding-bottom: 25px;
}

.invest_main.v2 .top .s_tit {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}

.invest_main.v2 .top .lst_area {
  width: 630px;
  padding-top: 60px;
  margin: 0 auto;
}

.invest_main.v2 .top .lst_bn_wrap {
  height: 140px;
}

.invest_main.v2 .top .lst_area li {
  float: left;
  display: table;
  padding-left: 10px
}

.invest_main.v2 .top .lst_area .obj {
  display: table-cell;
  width: 140px;
  height: 140px;
  padding: 0 5px;
  box-sizing: border-box;
  border-radius: 70px;
  background: rgba(24, 74, 155, 0.75);
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 20px;
}

.invest_main.v2 .top .lst_area .obj:hover {
  background: #fff url(../img/bg/invest_top_arr_hover.png) no-repeat 50% 96px;
  color: #000;
  font-weight: 700;
  border: 3px solid #184a9b;
}

.invest_main.v2 .top .bx-wrapper {
  position: relative;
}

.invest_main.v2 .top .bx-controls .bx-prev {
  position: absolute;
  top: 50%;
  left: -66px;
  width: 35px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/bg/invest_top_arr_left.png) no-repeat 0 0;
  font-size: 0;
  color: transparent;
  line-height: 0
}

.invest_main.v2 .top .bx-controls .bx-next {
  position: absolute;
  top: 50%;
  right: -77px;
  width: 35px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/bg/invest_top_arr_right.png) no-repeat 0 0;
  font-size: 0;
  color: transparent;
  line-height: 0
}

.invest_main.v2 .sec_1 {
  height: 371px;
  box-sizing: border-box;
  background: url(../img/bg/invest_sec1.png) repeat-X 0 0;
}

.invest_main.v2 .sec_1 .inner_wrap {
  padding: 40px;
}

.invest_main.v2 .sec_1 .tit_area span {
  display: block
}

.invest_main.v2 .sec_1 .tit_area .tit {
  padding-left: 36px;
  margin-bottom: 19px;
  background: url(../img/bg/inv_m_sec1_tit.png) no-repeat 0 50%;
  font-size: 26px;
  font-weight: 700
}

.invest_main.v2 .sec_1 .tit_area .s_tit {
  font-size: 16px;
  font-weight: 700;
}

.invest_main.v2 .sec_1 .cont_area {
  overflow: hidden;
  padding-top: 35px;
}

.invest_main.v2 .sec_1 .cont_area [class^="cont_"] {
  float: left;
  width: 50%;
  text-align: center;
  box-sizing: border-box;
}

.invest_main.v2 .sec_1 .cont_area [class^="cont_"] dt {
  display: inline-block;
  padding-right: 24px;
  margin-bottom: 10px;
  font-size: 26px;
}

.invest_main.v2 .sec_1 .cont_area [class^="cont_"] dd {
  color: #666;
  padding-bottom: 40px;
}

.invest_main.v2 .sec_1 .cont_area .cont_1 {
  color: #5b5fe4
}

.invest_main.v2 .sec_1 .cont_area .cont_1 dt {
  background: url(../img/bg/inv_m_arr_sky.png) no-repeat 100% 50%;
}

.invest_main.v2 .sec_1 .cont_area .cont_2 {
  border-left: 1px solid #ccc;
  color: #1d5799
}

.invest_main.v2 .sec_1 .cont_area .cont_2 dt {
  background: url(../img/bg/inv_m_arr_blue.png) no-repeat 100% 50%;
}

.invest_main.v2 .sec_1 .cont_area ul {
  display: inline-block;
  overflow: hidden;
  margin: 0 auto;
}

.invest_main.v2 .sec_1 .cont_area li {
  display: table;
  float: left;
  position: relative;
  width: 95px;
  height: 100px;
  padding-top: 50px;
  box-sizing: border-box;
}

.invest_main.v2 .sec_1 .cont_area li i {
  display: table-cell;
  vertical-align: middle
}

.invest_main.v2 .sec_1 .cont_area li img {
  position: absolute;
  text-outline: ;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}

.invest_main.v2 .sec_1 .cont_area .cont_1 li {
  margin-left: 60px
}

.invest_main.v2 .sec_1 .cont_area .cont_1 li:first-child {
  margin-left: 0
}

.invest_main.v2 .sec_1 .cont_area .cont_2 li {
  margin-left: 28px
}

.invest_main.v2 .sec_1 .cont_area .cont_2 li:first-child {
  margin-left: 0
}

.invest_main.v2 .sec_2 .inner_wrap {
  overflow: hidden;
  padding: 40px 0 60px;
}

.invest_main.v2 .sec_2 .cont_1 {
  float: left;
  overflow: hidden;
  width: 559px;
  margin-right: 31px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}

.invest_main.v2 .sec_2 .cont_1 .tit_box {
  float: left;
  width: 164px;
  height: 191px;
  box-sizing: border-box;
  padding: 20px 24px;
  background: url(../img/bg/inv_m_sec2_pic1.png) no-repeat 0 0/cover;
  font-size: 22px;
  font-weight: 700;
  line-heighT: 1.3;
  color: #fff
}

.invest_main.v2 .sec_2 .cont_1 .lst_link {
  display: block;
  overflow: hidden;
  padding: 0 25px
}

.invest_main.v2 .sec_2 .cont_1 .lst_link li {
  height: 95px;
  border-top: 1px solid #ddd;
  margin-top: -1px;
  line-height: 1;
}

.invest_main.v2 .sec_2 .cont_1 .lst_link li .obj {
  display: block
}

.invest_main.v2 .sec_2 .cont_1 .lst_link li .tit {
  display: inline-block;
  padding-right: 25px;
  margin: 24px 0 15px;
  background: url(../img/bg/inv_m_arr_blue.png) no-repeat 100% 50%;
  color: #1d5799;
  font-size: 18px;
  font-weight: 700;
}

.invest_main.v2 .sec_2 .cont_1 .lst_link li .txt {
  display: block;
  font-size: 14px;
  color: #333;
}

.invest_main.v2 .sec_2 .cont_2 {
  overflow: hidden;
}

.invest_main.v2 .sec_2 .cont_2 .box_bn {
  display: inline-block;
  width: 275px;
  height: 193px;
  box-sizing: border-box;
  padding-left: 25px;
}

.invest_main.v2 .sec_2 .cont_2 .box_bn span {
  display: block;
}

.invest_main.v2 .sec_2 .cont_2 .box_bn .tit {
  margin: 25px 20px 0 0;
  font-size: 25px;
  color: #fff;
  background: url(../img/bg/inv_m_arr_white.png) no-repeat 100% 50%;
}

.invest_main.v2 .sec_2 .cont_2 .box_bn .txt {
  height: 70px;
  margin-top: 27px;
  color: #fff;
  line-height: 1.5
}

.invest_main.v2 .sec_2 .cont_2 .type1 {
  margin-right: 6px;
  background: url(../img/bg/issue_p01.gif) repeat 0 0
}

.invest_main.v2 .sec_2 .cont_2 .type2 {
  background: url(../img/bg/issue_p02.gif) repeat 0 0
}

.invest_main.v2 .sec_2 .cont_2 .type1 .txt {
  padding: 0 15px 0 66px;
  background: url(../img/bg/inv_m_sec2_ico_1.png) no-repeat 0 5px
}

.invest_main.v2 .sec_2 .cont_2 .type2 .txt {
  padding: 0 15px 0 73px;
  background: url(../img/bg/inv_m_sec2_ico_2.png) no-repeat 0 5px
}

/* fa현황 -admin 페이지 활용 */
.cdt_search.admin_bdn {
  padding: 15px 145px 15px 30px;
  position: relative;
  margin-bottom: 15px;
}

.cdt_search.admin_bdn ul {
  border-bottom: none;
}

.cdt_search.admin_bdn ul li {
  height: auto;
}

.cdt_search.admin_bdn ul li.wid100P {
  width: 100% !important;
}

.cdt_search.admin_bdn li strong {
  width: 92px;
  min-width: 92px;
  background-position: left 14px;
}

.cdt_search.admin_bdn li select {
  width: 65%;
  font-size: 12px;
}

.cdt_search.admin_bdn li.wid100P select {
  width: 15%;
}

.cdt_search.admin_bdn .input_t input {
  color: #333;
  width: 65%;
}

.cdt_search.admin_bdn .input_t li.wid100P input {
  width: 65%;
  margin-left: 10px;
}

.cdt_search.admin_bdn>a.btns_darksky {
  position: absolute;
  bottom: 23px;
  right: 30px;
  height: 22px;
  line-height: 22px;
}

.cdt_search.admin_bdn.search_area {
  position: relative;
  border: none;
  padding: 0;
  background: none;
}

/* 컴플라이언스 -주의사항  */
.noti_compliance .box_comp {
  margin-top: 50px;
  border-top: 1px solid #1d5799;
}

.noti_compliance .top {
  border-bottom: 1px solid #ddd;
}

.noti_compliance .top .tit {
  height: 46px;
  padding-left: 45px;
  background: url(../img/bg/noti_comp.png) no-repeat 15px 50%;
  line-height: 46px;
  font-size: 16px;
  color: #000;
  font-weight: 700;
}

.noti_compliance .cont_compliance {
  padding: 20px 25px 10px;
  border-bottom: 1px solid #ddd
}

.noti_compliance .cont_compliance li {
  overflow: hidden;
  margin-bottom: 7px;
}

.noti_compliance .cont_compliance li:before {
  content: '';
  float: left;
  width: 3px;
  height: 19px;
  margin-right: 17px;
  background: url(../img/bg/dot_noti_comp.png) no-repeat 0 50%;
}

.noti_compliance .cont_compliance li span {
  display: block;
  overflow: hidden;
  color: #444;
  font-size: 12px;
  line-height: 1.6;
}

.noti_compliance .t_point {
  border-bottom: 1px solid #333;
  font-weight: 700;
}

/* ===과장님 여기요 ===========================*/
.product_class select {
  width: 320px;
  height: 28px;
}

a.btns_linght_gray {
  background: #f7f7f7;
  min-width: auto;
  padding: 0 14px;
  line-height: 26px;
  height: 26px;
  border: #ccc 1px solid;
  color: #333 !important;
  margin: 0 0 0 2px;
  font-weight: normal;
}

.product_detail {
  margin-top: 10px;
  padding: 20px 0 0;
  border-top: #747e8c 2px solid;
}

.product_top {
  border-left: 4px solid;
  position: relative;
}

.product_type {
  font-size: 14px;
  color: #666;
}

.product_type .type1 {
  color: #5b5fe4;
}

.product_type .type2 {
  background: url(../img/common/blt_gray_line_1_10.png) left center no-repeat;
  padding-left: 11px;
  margin-left: 10px;
}

.product_top.ctg_1 {
  border-left-color: #fa3131
}

/* 국내주식형 */
.product_top.ctg_1 .product_type .type1 {
  color: #fa3131
}

.product_top.ctg_2 {
  border-left-color: #c93d61
}

/* 해외주식형 */
.product_top.ctg_2 .product_type .type1 {
  color: #c93d61
}

.product_top.ctg_3 {
  border-left-color: #ff8800
}

/* 혼합형 */
.product_top.ctg_3 .product_type .type1 {
  color: #ff8800
}

.product_top.ctg_4 {
  border-left-color: #006fbd
}

/* 국내채권형 */
.product_top.ctg_4 .product_type .type1 {
  color: #006fbd
}

.product_top.ctg_5 {
  border-left-color: #0e4194
}

/* 해외채권형 */
.product_top.ctg_5 .product_type .type1 {
  color: #0e4194
}

.product_top.ctg_6 {
  border-left-color: #943d8b
}

/* MMF */
.product_top.ctg_6 .product_type .type1 {
  color: #943d8b
}

.product_top.ctg_7 {
  border-left-color: #83b300
}

/* ETF */
.product_top.ctg_7 .product_type .type1 {
  color: #83b300
}

.product_top.ctg_8 {
  border-left-color: #206d67
}

/* 기타 */
.product_top.ctg_8 .product_type .type1 {
  color: #206d67
}



.product_tit {
  font-size: 28px;
  letter-spacing: -1px;
  margin-top: 8px;
}

.product_tit span {
  font-size: 16px;
  color: #666;
  margin-left: 6px;
}

.product_btn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px;
  overflow: hidden;
}

.product_btn>a {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #e5e7e9;
  background-position: center center;
  background-repeat: no-repeat;
  border: #dde0e3 1px solid;
  box-sizing: border-box;
  margin-left: 8px;
}

.product_btn>a:first-child {
  margin-left: 0;
}

.btn_attention {
  background-image: url(../img/common/scrap_1_off.png);
  background-position: center 1px;
}

.btn_attention.on {
  background-image: url(../img/common/scrap_1_on.png);
  background-position: center 7px;
}

.btn_compare {
  background-image: url(../img/common/compare.png);
}

.product_detail .type_btn_set {
  float: none;
  overflow: hidden;
  margin-top: 19px;
}

.product_cont>div {
  display: none;
  margin-top: 10px;
}

.product_cont>div:first-child {
  display: block;
}

.sum_up_area {
  border-bottom: #747e8c 1px solid;
  padding-bottom: 14px;
}

.sum_up_type1,
.sum_up_type2 {
  display: table;
  width: 100%;
  border-bottom: #ddd 1px solid;
}

.sum_up {
  display: table-row;
}

.sum_up>li {
  display: table-cell;
  padding: 17px 0;
  width: 20%;
  height: 100%;
  border-top: #ddd 1px solid;
}

.sum_up>li>div {
  border-left: #ddd 1px solid;
  padding: 0 10px 0 20px;
  height: 100%;
}

.sum_up>li:first-child>div {
  border-left: none;
}

.sum_up_cont_top {
  font-size: 14px;
  color: #666;
}

.sum_up_cont_mid {
  font-size: 22px;
  color: #222;
  margin-top: 10px;
}

.sum_up_cont_bot {
  font-size: 16px;
  color: #333;
  margin-top: 10px;
}

.sum_up_cont_bot>span {
  display: inline-block;
}

.sum_up_type2 .sum_up_cont_top {
  font-size: 14px;
  color: #666;
  margin-top: 18px;
}

.sum_up_type2 .sum_up_cont_top:first-child {
  margin-top: 0;
}

.sum_up_type2 .sum_up_cont_mid {
  margin-top: 8px;
}

.sum_up_type2 .sum_up_cont_bot {
  margin-top: 6px;
}

.sum_up_type2 .fz16 {
  font-size: 16px;
}

.plus>span {
  color: #f33939;
}

.minus>span {
  color: #5b5fe4;
}

.ico_plus {
  background: url(../img/bg/plus.gif) left center no-repeat;
  padding-left: 13px;
}

.ico_minus {
  background: url(../img/bg/minus.gif) left center no-repeat;
  padding-left: 13px;
}

.sum_up [class^="rate"] {
  width: 103px;
  height: 19px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
}

.sum_up .rate_1 {
  background: url(../img/bg/zeroin1_b.png) no-repeat 0 0;
}

.sum_up .rate_2 {
  background: url(../img/bg/zeroin2_b.png) no-repeat 0 0;
}

.sum_up .rate_3 {
  background: url(../img/bg/zeroin3_b.png) no-repeat 0 0;
}

.sum_up .rate_4 {
  background: url(../img/bg/zeroin4_b.png) no-repeat 0 0;
}

.sum_up .rate_5 {
  background: url(../img/bg/zeroin5_b.png) no-repeat 0 0;
}

.sum_up .rate_0 {
  background: url(../img/bg/zeroin0_b.png) no-repeat 0 0;
}

.sum_up [class^="risk"] {
  width: 116px;
  height: 13px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
}

.sum_up .risk_1 {
  background: url(../img/bg/risk1_b.png) no-repeat 0 center;
}

.sum_up .risk_2 {
  background: url(../img/bg/risk2_b.png) no-repeat 0 center;
}

.sum_up .risk_3 {
  background: url(../img/bg/risk3_b.png) no-repeat 0 center;
}

.sum_up .risk_4 {
  background: url(../img/bg/risk4_b.png) no-repeat 0 center;
}

.sum_up .risk_5 {
  background: url(../img/bg/risk5_b.png) no-repeat 0 center;
}

.sum_up .risk_6 {
  background: url(../img/bg/risk6_b.png) no-repeat 0 center;
}

.sum_up_btn_pdf {
  position: relative;
  margin-top: 15px;
  padding-left: 6px;
}

.sum_up_btn_pdf>a {
  font-size: 16px;
  color: #333;
  background: url(../img/btn/pdf_down.gif) left center no-repeat;
  padding-left: 26px;
  height: 18px;
  display: inline-block;
  margin-left: 30px;
}

.sum_up_btn_pdf>a.summary_report {
  background: url(../img/btn/report_down.gif) left center no-repeat;
}

.sum_up_btn_pdf>a:first-child {
  margin-left: 0;
}

.sum_up_btn_pdf>a>span {
  display: inline-block;
  border-bottom: #595959 1px solid;
}

.sum_up_btn_pdf>div {
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 18px;
}

.fund_manager {
  border: #ddd 1px solid;
  height: 322px;
  overflow: hidden;
}

.fund_manager>div {
  float: left;
}

.fund_manager .vis img {
  width: 702px;
  height: 322px;
}

.fund_manager_infor {
  width: 445px;
  height: 100%;
  background: #f8f8f8;
  box-sizing: border-box;
  border-left: #ddd 1px solid;
}

.fund_manager_infor>div {
  padding: 15px 19px;
}

.fund_manager_infor>div .fund_manager_photo_name {
  overflow: hidden;
}

.fund_manager_infor>div .fund_manager_photo_name>div {
  float: left;
}

.fund_manager_infor>div .fund_manager_photo_name>div:first-child {
  overflow: hidden;
  margin-right: 24px;
}

.fund_manager_infor>div .manager_photo {
  position: relative;
  width: 108px;
  height: 150px;
}

.fund_manager_infor>div .manager_photo img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%
}

.fund_manager_infor>div .manager_name>p {
  color: #747e8c;
  font-size: 14px;
  margin-top: 12px;
}

.fund_manager_infor>div .manager_name>p:first-child {
  color: #666;
  font-size: 16px;
  margin-top: 0;
  vertical-align: bottom;
}

.fund_manager_infor>div .manager_name>p:first-child>a {
  color: #222;
  font-size: 24px;
  vertical-align: bottom;
}

.fund_manager_main_fund {
  margin-top: 30px;
}

.fund_manager_main_fund>p {
  font-size: 16px;
  color: #1d5799;
  padding-bottom: 4px;
  border-bottom: #ddd 1px dashed;
}

.fund_manager_main_fund>ul>li {
  font-size: 12px;
  color: #666;
  margin-top: 10px;
  word-break: break-all;
}

.fund_story {
  position: relative;
}

.fund_story>.vis,
.fund_story>.vis>* {
  width: 1400px;
  height: auto;
}

/* E20240119 */
.fund_story>.btn {
  position: absolute;
  top: 20px;
  right: 20px;
  overflow: hidden;
}

.fund_story>.btn>span {
  overflow: hidden;
}

.fund_story>.btn>span>a {
  float: left;
  margin-left: 20px;
}

.fund_story>.btn>span>a:first-child {
  margin-left: 0;
}

.product_detail_col_2 {
  margin-top: 40px;
}

.product_detail_col_2:after {
  content: '';
  clear: both;
  display: block;
}

.product_detail_col_2>div {
  float: right;
  width: 228px;
}

.product_detail_col_2>div:first-child {
  float: left;
  width: 880px;
}

.product_detail_col_2 .grp1 {
  text-align: right;
  height: 300px;
  margin-top: 18px;
}

.product_detail_col_2 .year_rate {
  width: 855px;
  margin-top: 5px;
}

.txtRight {
  text-align: right;
  font-size: 14px;
  color: #666;
  margin-top: 20px;
}

.table.data .rank {
  color: #333 !important;
  display: block;
  margin-top: 3px;
}

.col_2_half {
  overflow: hidden;
  margin: 50px 0;
}

.col_2_half>div {
  float: right;
  width: 425px;
}

.col_2_half>div:first-child {
  float: left;
  width: 395px;
}

.col_2_half>p {
  text-align: right;
  padding-top: 10px;
  clear: both
}

.product_detail_col_2 .grp2 {
  height: 236px;
  margin-top: 11px;
}

.product_detail_col_2 .grp3 {
  height: 270px;
  margin-top: 17px;
}

.product_detail_col_2 .grp4 {
  height: 200px;
  text-align: center;
}

.product_detail_col_2 .comp_fund table.type1 th {
  padding: 5px 13px 3px;
}

.product_detail_col_2 .comp_fund table.type1 td {
  padding: 8px 13px 6px;
}

.product_detail_col_2 .comp_fund table.type1 td {
  text-align: right;
  border-top: #ddd 1px solid !important;
}

.product_detail_col_2 .comp_fund table.type1 tbody.lineH42 td {
  height: 42px;
  line-height: 1.6em;
}

.product_detail_col_2 .comp_fund table.type1 td.name {
  text-align: left !important;
  color: #1d5799;
}

.product_detail_col_2 .comp_fund table.type1 td.tac {
  text-align: center;
}

.product_detail_col_2 .comp_fund table.type1 .lineH24 tr>* {
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 20221222 jungih 말줄임표 추가 */
.invest_importance_map {
  border: #747e8c 2px solid;
}

.invest_importance_map_top {
  position: relative;
  height: 358px;
  background: url(../img/common/invest_importance_map.png) left top no-repeat;
}

.invest_importance_map_top>div {
  position: absolute;
  background: #fff;
  color: #666;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
}

.invest_importance_map_top>div>span {
  display: inline-block;
  line-height: 1.3em;
  vertical-align: middle;
  letter-spacing: -1px;
}

.invest_importance_map_top>div>span>span {
  display: block;
}

.circle_1 {
  border-radius: 40px;
  width: 85px;
  height: 85px;
  font-size: 18px;
  line-height: 79px;
}

.circle_1>span>span {
  font-size: 20px;
}

.circle_2 {
  border: #b14c6d 3px solid;
  border-radius: 35px;
  width: 70px;
  height: 70px;
  font-size: 14px;
  line-height: 64px;
}

.circle_2>span>span {
  font-size: 14px;
  color: #b14c6d;
}

.circle_3 {
  border: #b14c6d 3px solid;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  font-size: 10px;
  line-height: 44px;
}

.circle_3>span>span {
  font-size: 14px;
  color: #b14c6d;
}

.invest_importance_map_top>.country_1 {
  border: #575db5 3px solid;
  top: 53px;
  left: 570px;
}

.invest_importance_map_top>.country_1>span>span {
  color: #575db5;
}

.invest_importance_map_top>.country_2 {
  border: #d61a77 3px solid;
  top: 210px;
  left: 711px;
}

.invest_importance_map_top>.country_2>span>span {
  color: #d61a77;
}

.invest_importance_map_top>.country_3 {
  border: #039749 3px solid;
  top: 58px;
  left: 107px;
}

.invest_importance_map_top>.country_3>span>span {
  color: #039749;
}

.invest_importance_map_top>.country_4 {
  border: #b14c6d 3px solid;
  top: 169px;
  left: 191px;
}

.invest_importance_map_top>.country_4>span>span {
  color: #b14c6d;
}

.invest_importance_map_top>.country_5 {
  border: #007a9a 3px solid;
  top: 242px;
  left: 448px;
}

.invest_importance_map_top>.country_5>span>span {
  color: #007a9a;
}

.invest_importance_map_top>.country_6 {
  border: #e46b00 3px solid;
  top: 210px;
  left: 42px;
}

.invest_importance_map_top>.country_6>span>span {
  color: #e46b00;
}

.invest_importance_map_top>.country_7 {
  border: #7a3f80 3px solid;
  top: 27px;
  left: 340px;
}

.invest_importance_map_top>.country_7>span>span {
  color: #7a3f80;
}

.invest_importance_map_top>.country_8 {
  border: #2295f6 3px solid;
  top: 96px;
  left: 711px;
}

.invest_importance_map_top>.country_8>span>span {
  color: #2295f6;
}

.invest_importance_map_top>.country_9 {
  border: #021fdd 3px solid;
  top: 91px;
  left: 201px;
}

.invest_importance_map_top>.country_9>span>span {
  color: #021fdd;
}

.product_detail_col_2 .grp5 {
  height: 423px;
  text-align: center;
  margin-top: 23px;
}

.product_detail_col_2 .grp6 {
  height: 304px;
  text-align: center;
  margin-top: 18px;
}

.invest_importance_map_bottom {
  background: #f8f8f8;
  padding: 17px 30px;
  border-top: #ccc 1px solid;
}

.invest_importance_map_bottom ul {
  overflow: hidden;
}

.invest_importance_map_bottom ul li {
  font-size: 14px;
  color: #333;
  float: left;
  margin-left: 30px;
}

.invest_importance_map_bottom ul li:first-child {
  margin-left: 0;
}

.invest_importance_map_bottom ul li span {
  color: #1d5799;
  margin-right: 5px;
}

.product_detail_col_2 .right .tit {
  font-size: 18px;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  line-height: 38px;
  padding: 0 20px;
  margin-top: 20px;
}

.product_detail_col_2 .right div:first-child .tit {
  margin-top: 0;
}

.inside_report {
  padding: 0 19px;
}

.inside_report_vis {
  border: #ddd 1px solid;
  width: 188px;
  height: 126px;
  margin-top: 20px;
}

.inside_report_vis img {
  width: 100%;
  height: 100%;
}

.inside_report_infor>p {
  font-size: 14px;
  color: #666;
}

.inside_report_infor>p.inside_report_name {
  font-size: 16px;
  color: #333;
  margin-top: 10px;
}

.inside_report_infor>p.inside_report_topic {
  color: #1d5799;
  margin-top: 13px;
}

.inside_report_infor>p.inside_report_topic_word {
  margin-top: 8px;
  line-height: 1.4em;
}

.inside_report_topic_word a {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 5px;
  color: #333;
  border-radius: 20px;
  font-size: 12px;
  border: 1px solid #ccc;
  background: #fff;
}

.side_ul {
  padding: 0 19px;
  margin-top: 20px;
}

.side_ul li {
  background: url(../img/common/ico_document.png) left center no-repeat;
  padding-left: 20px;
  margin-top: 11px;
}

.side_ul li a {
  color: #333;
}

.side_ul li:first-child {
  margin-top: 0;
}

.same_type_fund>div {
  border-bottom: #ddd 1px solid;
  margin-top: 19px;
  padding: 0 20px 19px;
}

.same_type_fund_top {
  border-left: #000 4px solid;
  padding-left: 6px;
}

.same_type_fund_top p {
  line-height: 1.4em;
  font-size: 14px;
  word-break: break-all;
}

.same_type_fund_top .change {
  font-size: 12px;
  margin-bottom: 3px;
}

.same_type_fund_bot {
  margin-top: 17px;
  padding-left: 10px;
}

.same_type_fund_bot li {
  margin-top: 7px;
}

.same_type_fund_bot li:first-child {
  margin-top: 0;
}

.same_type_fund_bot dl {
  overflow: hidden;
}

.same_type_fund_bot dl>* {
  float: left;
}

.same_type_fund_bot dl>dt {
  width: 45px;
}

.same_type_fund_bot .ico {
  margin-left: 5px;
  padding-left: 13px;
}

.same_type_fund_top.ctg_1 {
  border-left-color: #fa3131
}

/* 국내주식형 */
.same_type_fund_top.ctg_1 .col_change {
  color: #fa3131
}

.same_type_fund_top.ctg_2 {
  border-left-color: #c93d61
}

/* 해외주식형 */
.same_type_fund_top.ctg_2 .col_change {
  color: #c93d61
}

.same_type_fund_top.ctg_3 {
  border-left-color: #ff8800
}

/* 혼합형 */
.same_type_fund_top.ctg_3 .col_change {
  color: #ff8800
}

.same_type_fund_top.ctg_4 {
  border-left-color: #006fbd
}

/* 국내채권형 */
.same_type_fund_top.ctg_4 .col_change {
  color: #006fbd
}

.same_type_fund_top.ctg_5 {
  border-left-color: #0e4194
}

/* 해외채권형 */
.same_type_fund_top.ctg_5 .col_change {
  color: #0e4194
}

.same_type_fund_top.ctg_6 {
  border-left-color: #943d8b
}

/* MMF */
.same_type_fund_top.ctg_6 .col_change {
  color: #943d8b
}

.same_type_fund_top.ctg_7 {
  border-left-color: #83b300
}

/* ETF */
.same_type_fund_top.ctg_7 .col_change {
  color: #83b300
}

.same_type_fund_top.ctg_8 {
  border-left-color: #206d67
}

/* 기타 */
.same_type_fund_top.ctg_8 .col_change {
  color: #206d67
}



.same_type_fund_bot.plus .col_change {
  color: #f33939;
}

.same_type_fund_bot.plus .ico {
  background: url(../img/bg/plus.gif) left center no-repeat;
}

.same_type_fund_bot.minus .col_change {
  color: #5b5fe4;
}

.same_type_fund_bot.minus .ico {
  background: url(../img/bg/minus.gif) left center no-repeat;
}

.same_type_fund_bot .red {
  color: #f33939 !important;
}

.same_type_fund_bot .blue {
  color: #5b5fe4 !important;
}

.fund_invest_pay {
  min-height: 218px;
  display: table;
  width: 100%;
  margin-bottom: 50px;
}

.fund_invest_pay>ul {
  display: table-row;
}

.fund_invest_pay>ul>li {
  display: table-cell;
  width: 70px;
  text-align: center;
  height: 100%;
  vertical-align: middle;
}

.fund_invest_pay>ul>li>div {
  height: 100%;
  position: relative;
}

.fund_invest_pay>ul>li>div>p {
  color: #fff;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.fund_invest_pay>ul>li>div>div {
  height: 100%;
  border: #ccc 1px solid;
  border-top: none;
}

.fund_invest_pay>ul>li.con1,
.fund_invest_pay>ul>li.con2 {
  width: 160px;
  vertical-align: top;
}

.fund_invest_pay>ul>li.con3 {
  width: 420px;
  vertical-align: top;
}

.fund_invest_pay>ul>li.con1>div>p {
  background: #5b5fe4;
}

.fund_invest_pay>ul>li.con2>div>p {
  background: #747e8c;
}

.fund_invest_pay>ul>li.con3>div>p {
  background: #0e4194;
}

.fund_invest_pay_li {
  padding: 60px 0 22px;
}

.fund_invest_pay_li>p {
  font-size: 16px;
  color: #222;
  min-height: 38px;
}

.con1 .fund_invest_pay_li>p {
  color: #5b5fe4
}

.con3 .fund_invest_pay_li>p {
  color: #1d5799;
}

.fund_invest_pay_li>ul {
  margin-top: 12px;
}

.fund_invest_pay_li>ul>li {
  font-size: 14px;
  color: #666;
  margin-top: 7px;
}

.fund_invest_pay_li>ul>li:first-child {
  margin-top: 0;
}

.fund_invest_pay_li .operation_list {
  width: 124px;
  margin: 0 auto;
  padding-top: 12px;
}

.fund_invest_pay_li .operation_list {
  text-align: left;
}

.fund_invest_pay_li .operation_list li span {
  display: inline-block;
  width: 60px;
  padding-left: 8px;
}

.col_2_half2 {
  overflow: hidden;
  position: relative;
}

.col_2_half2>div {
  float: right;
  width: 50%;
  box-sizing: border-box;
}

.col_2_half2>div:first-child {
  float: left;
}

.col_2_half2>div.line {
  float: none;
  width: 1px;
  height: 68%;
  background: #ccc;
  position: absolute;
  top: 60px;
  left: 50%;
}

.col_2_half_in {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.col_2_half_in .grp5 {
  margin-top: 0;
}

.col_2_half_in .grp6 {
  margin-top: 0;
}

.col_2_half_in .chart_small div {
  margin: 0 auto;
}

//211029 etf 업종별 보유비중 TOP 그래프 정렬 추가
.buy_sell_process_area {
  overflow: hidden;
}

.buy_sell_process_area>div {
  float: left;
  width: 50%;
}

.buy_sell_process ul {
  overflow: hidden;
  width: 350px;
  margin: 30px auto 0;
  background: url(../img/bg/dot_process.png) center 33px no-repeat;
}

.buy_sell_process ul li {
  text-align: center;
  width: 70px;
  float: left;
  margin-left: 70px;
}

.buy_sell_process ul li:first-child {
  margin-left: 0;
}

.buy_sell_process ul li>div {
  font-size: 14px;
  color: #666;
  border-radius: 35px;
  background: #e5e7e9;
  width: 70px;
  height: 70px;
  line-height: 70px;
}

.buy_sell_process.buy ul li:first-child>div {
  background: #5b5fe4;
  color: #fff;
}

.buy_sell_process.sell ul li:first-child>div {
  background: #0e4194;
  color: #fff;
}

.buy_sell_process ul li>div>span {
  line-height: 1.3em;
  vertical-align: middle;
  display: inline-block
}

.buy_sell_process ul li>p {
  font-size: 13px;
  color: #333;
  margin-top: 10px;
}

.buy_sell_process.buy ul li>p>span {
  display: inline-block;
  color: #0e4194;
  font-weight: 700;
  font-size: 16px;
}

.buy_sell_process.sell ul li>p>span {
  display: inline-block;
  color: #0e4194;
  font-weight: 700;
  font-size: 16px;
}

.box_gray {
  background: #f8f8f8;
  padding: 17px 19px;
  border: #ddd 1px solid;
  margin-top: 50px;
}

.box_gray .tit {
  font-size: 16px;
  color: #333;
  background: url(../img/common/ico_list.png) left 3px no-repeat;
  padding: 0 0 11px 22px;
  border-bottom: #d7d7d7 1px solid;
  margin-bottom: 14px;
}

.box_gray .tit span {
  color: #1d5799;
}

.box_gray .cont_txt {
  font-size: 14px;
  color: #333;
  line-height: 1.5em;
}

.manage_style_area {
  overflow: hidden;
  margin-top: 20px;
}

.manage_style_area>div {
  float: left;
}

.manage_style_area>.left {
  border-right: #ddd 1px solid;
  padding-left: 20px;
  width: 158px;
}

.manage_style_area>.left p {
  font-size: 12px;
  color: #333;
  margin-top: 6px;
}

.manage_style_area>.left .name {
  font-size: 16px;
  color: #1d5799;
  margin-top: 0;
}

.manage_style_area>.left .date {
  font-size: 12px;
  margin-top: 4px;
}

.manage_style_table {
  margin-top: 6px;
  border-spacing: 3px;
  border-collapse: inherit;
}

.manage_style_table th,
.manage_style_table td {
  text-align: center;
  height: 24px;
  width: 24px;
}

.manage_style_table th:first-child {
  width: 35px;
}

.manage_style_table td {
  background: url(../img/bg/manage_style.png) left top repeat;
}

.manage_style_table td.selection {
  background: #666;
  color: #fff;
}

.manage_style_area>.right {
  padding: 20px 0 0 50px;
  width: 650px;
}

.manage_style_list {
  margin-top: 20px;
  overflow: hidden;
}

.manage_style_list li {
  margin-left: 11px;
  float: left;
  width: 55px;
}

.manage_style_list li:first-child {
  margin-left: 0;
}

.manage_style_list li div>* {
  margin-top: 15px;
  text-align: center;
}

.manage_style_list li div>*:first-child {
  margin-top: 0;
}

.manage_style_vis {
  height: 48px;
}

.w590 {
  width: 590px !important;
}

.pop_fund_manager_name {
  overflow: hidden;
  border-bottom: #ccc 1px solid;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.pop_fund_manager_name>* {
  vertical-align: bottom;
  display: inline-block;
}

.pop_fund_manager_name>p {
  font-size: 24px;
  color: #222;
}

.pop_fund_manager_name>div {
  font-size: 16px;
  color: #666;
  margin-left: 15px;
}

.pop_fund_manager_name>div>span {
  vertical-align: bottom;
  margin-left: 11px;
  background: url(../img/bg/pop_fund_infor_line.png) left center no-repeat;
  padding-left: 11px;
}

.pop_fund_manager_name>div>span:first-child {
  margin-left: 0;
  background: none;
  padding-left: 0;
}

.pop_fund_manager_info {
  overflow: hidden;
  margin-bottom: 40px;
}

.pop_fund_manager_info>div {
  float: right;
  overflow: hidden;
}

.pop_fund_manager_info>div:first-child {
  overflow: hidden;
  float: left;
  width: 108px;
  height: 150px;
}

.pop_fund_manager_info>.vis,
.pop_fund_manager_info>.career>div {
  overflow: hidden;
}

.pop_fund_manager_info>.vis {
  position: relative;
}

.pop_fund_manager_info>.vis img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%
}

.pop_fund_manager_info>.career>div>div {
  float: left;
  width: 187px;
  text-align: center;
  margin-left: 20px;
}

.pop_fund_manager_info>.career>div>div:first-child {
  margin-left: 0;
}

.pop_fund_manager_info>.career>div>div>p {
  line-height: 34px;
  border-bottom: #ccc 1px solid;
  font-size: 14px;
  color: #666;
}

.pop_fund_manager_info>.career>div>div>p:first-child {
  line-height: 80px;
  font-size: 16px;
  color: #747e8c;
}

.pop_fund_manager_info>.career>div>div>p:first-child>span {
  font-size: 34px;
  color: #0e4194;
  margin-right: 8px;
}

.pop_fund_manager_record {
  padding-left: 6px;
  margin-bottom: 30px;
}

.pop_fund_manager_record li {
  margin-top: 12px;
  background: url(../img/bg/b_dot.gif) left center no-repeat;
  padding-left: 13px;
}

.pop_fund_manager_record li:first-child {
  margin-top: 0;
}

.pop_fund_manager_record dl {
  overflow: hidden;
}

.pop_fund_manager_record dl>* {
  float: left;
}

.pop_fund_manager_record dt {
  font-size: 16px;
  color: #1d5799;
  width: 118px;
}

.pop_fund_manager_record dd {
  font-size: 16px;
  color: #333;
}

.pop_fund_manager.comp_fund table.type1 td {
  padding-left: 13px;
  padding-right: 13px
}

.pop_fund_manager.comp_fund table.type1 td {
  text-align: right;
  border-top: #ddd 1px solid !important;
}

.pop_fund_manager.comp_fund table.type1 td.name {
  text-align: left !important;
}

.verT {
  vertical-align: top;
}

.ml4 {
  margin-left: 4px;
}

.ml8 {
  margin-left: 8px;
}

.mr0 { margin-right: 0; }

.mr5 {
  margin-right: 5px;
}

.mt0 {
  margin-top: 0;
}

.mt20 {
  margin-top: 20px;
}

.d-flex {
  display: flex;
  &.a-center { align-items: center; }
  &.j-center { justify-content: center; }
  &.gap { gap: 4px; }
}

/* 임시 비밀번호 */
.blue_line_box {
  border: #dfe9f0 5px solid;
  text-align: center;
  padding: 32px;
}

.blue_line_box>p {
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #305ca3;
}

.gray_line_box_top2 {
  border: #ccc 1px solid;
  border-top-width: 2px;
  padding: 27px 39px;
  margin-top: 20px;
}

.gray_line_box_top2 .top {
  font-size: 18px;
  color: #333;
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  padding: 0 0 0 50px;
  background: url(../img/bg/ico_lock.png) 10px center no-repeat;
  line-height: 28px;
}

.gray_line_box_top2 .top span {
  color: #5b5fe4;
  font-weight: 700;
}

.gray_line_box_top2 .bot {
  border-top: #ddd 1px solid;
  margin-top: 25px;
  padding-top: 25px;
}

.gray_line_box_top2 .bot p {
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 16px;
  color: #333;
  line-height: 1.5em;
  margin-top: 25px;
}

.gray_line_box_top2 .bot p:first-child {
  margin-top: 0;
}

.gray_line_box_top2 .bot p>span {
  color: #1d5799;
  font-weight: 700;
}

.gray_line_box_top2 .bot p>strong {
  font-weight: 700;
}

/* 로딩 중 */
/* .loading_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  z-index: 2000;
}

.loading {
  width: 100px;
  height: 75px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -38px 0 0 -50px;
}

.loading>img {
  width: 100%;
}

.dim_loading {
  position: relative;
  overflow: hidden;
}

.loading_area {
  display: none
}

.loading_area.on {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 300px;
  background: rgba(255, 255, 255, 0.6);
  z-index: 2000;
} */



.origin {
  width: 500px;
  text-align: left;
}

.origin .tip {
  margin-bottom: 15px;
  margin-top: -20px;
}

.origin ul li {
  position: relative;
  padding-left: 10px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
}

.origin ul li:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '-';
}

.origin ul li strong {
  font-weight: 700;
}

.origin strong.tit {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
}

.origin .fw {
  color: #000;
}

.origin .ori_btn {
  display: inline-block;
  margin-top: -3px;
  text-decoration: underline;
  color: #0e4194;
}

.pred_thema .check label.fz13 {
  vertical-align: inherit;
}







/*

@media(max-width : 1168px){

    .inner_wrap {width:100%;}

}


@media(max-width : 1024px){


    header#header {min-width:100%;}
    article#content {min-width:100%; min-height:300px;}
    footer#footer {min-width:100%;}
    #footer .inner_wrap {box-sizing:border-box; padding:0 10px;}
    .address_wrap {padding:30px 0 32px;}

    .inner_wrap{width:100%;}

    Common
    .pc_br {display:none;}
    body.fixed {position:fixed;}
    .more_result {height:38px; line-height:38px; font-size:16px;}
    a[class^=btns] {min-width:70px; height:35px; line-height:35px; margin-top:30px; font-size:16px;}


    .gnb_all_menu {display:none;}
    .head_respons {position:relative; padding-top:0; background:#fff;}
    .head_respons h1 {padding:20px 0; margin-bottom:0; text-align:center;}
    .head_respons h1 a {width:260px; height:42px; background:url(../img/common/m_logo.jpg) 0 0 no-repeat; }
    .head_change {display:none; position:fixed; left:-100%; top:0; z-index:100; width:90%; overflow:hidden; height:100%; background:#fff;}
    .m_menu {display:inline-block; position:absolute; left:30px; top:29px;  width:30px; height:24px; background:url(../img/common/m_menu.gif) 0 0 no-repeat; background-size:cover;}
    .m_search {display:inline-block; position:absolute; left:90px; top:29px;  width:25px; height:24px; background:url(../img/common/m_search.gif) 0 0 no-repeat; background-size:cover;}
    .m_cart {display:inline-block; position:absolute; right:86px; top:25px;  width:32px; height:28px; background:url(../img/common/m_cart.gif) 0 0 no-repeat; background-size:cover;}
    .m_cart i {display:inline-block; position:absolute; left:15px; top:13px; width:20px; height:20px; line-height:20px; border-radius:50%; text-align:center; color:#fff; font-size:12px; text-indent:-1px; background:#4ba2ef; background-size:cover;}
    .m_my {display:inline-block; position:absolute; right:31px; top:25px;  width:24px; height:28px; background:url(../img/common/m_my.gif) 0 0 no-repeat;}

    .mobile_menu_btn {display:inline-block; position:absolute; left:4.4%; top:50%; margin-top:-12px;}
    .search_wrap {display:none;}
    .mobile_menu_top {display:block;}
    .top_link {display:none;}

    .mobile_menu_top {position:relative; height:82px; padding:0 30px; border-bottom:1px solid #2f86ce; background:#2c8dde;}
    .mobile_menu_top .menu_close {position:absolute; left:30px; top:28px;}
    .mobile_menu_top > div {position:absolute; right:10px; top:28px;}
    .mobile_menu_top > div a {float:left; padding:0 20px 0 24px; color:#fff; font-size:22px;}
    .mobile_menu_top > div .cs {background:url(../img/common/m_cs.gif) 0 center no-repeat;}
    .mobile_menu_top > div .m_login {padding-left:44px; background:url(../img/common/m_login.gif) 20px center no-repeat; border-left:1px solid #2880ca;}

    .gnb_wrap {overflow-x:hidden; overflow-y:auto; width:calc(100% + 18px);  background:#5b5fe4;}
    .gnb_wrap > div {overflow:hidden;}
    .gnb {float:none;}
    .gnb > li {float:none;}
    .gnb > li > a {display:block; padding:30px 0 30px 4.6%; color:#fff; font-size:30px; font-weight:400; border-bottom:2px solid #3c90d6; background:#5b5fe4 url(../img/common/m_gnb_off.png) right 56px center no-repeat;}
    .gnb > li > a.on {background:#5b5fe4 url(../img/common/m_gnb_on.png) right 56px center no-repeat;}
    .gnb > li:first-child > a {padding-left:4.6%;}
    .gnb > li > a > span {padding:0;}
    .gnb > li.cate06 > a {background:#5b5fe4;}
    .gnb > li.cate06 > a.on {background:#5b5fe4;}
    .gnb .dep2 {position:static; height:auto; padding:0;}
    .gnb .dep2 dl {position:relative; display:block; padding:0; overflow:hidden; background:#fff;}
    .gnb .dep2 dd {float:left; width:50%; box-sizing:border-box; border-bottom:1px solid #f4f4f4;}
    .gnb .dep2 dd:nth-child(odd) {padding-left:9.15%;}
    .gnb .dep2 dd:nth-child(even) {padding-right:9.15%;}
    .gnb .dep2 dd:last-child {border-bottom:none;}
    .gnb .dep2 dd a{display:block; padding:24px 0 24px 14px; font-size:22px; color:#222; background:url(../img/bg/dot.gif) 0 center no-repeat;}
    .gnb .dep2 strong a {padding:30px 0 30px 7.7%; font-size:26px; border-bottom:1px solid #dbe1e5; background:#dfe9f0;}


    탭
    .tab {margin-bottom:20px;}
    .tab ul li a {height:48px; line-height:48px; font-size:16px;}

    .sub_top {border-bottom:none;}
    .sub_top ol {display:none;}

    .page_search {padding-top:10px;}
    .page_search .search input {width:240px;}

    .topic_search {font-size:14px; margin-bottom:20px;}


    .ri_list > ul > li {padding:20px 0;}
    .ri_list > ul > li:first-child {padding-top:0;}
    .ri_list .ri_body .img {width:213px; height:144px; box-sizing:border-box;}
    .ri_list .ri_body .img img {width:100%; height:auto;}
    .ri_list .ri_body .writing {width:calc(100% - 213px); padding:0 15px; padding-right:0; box-sizing:border-box; border-right:none;}
    .ri_list .ri_body .top {margin-bottom:12px;}
    .ri_list .ri_body .top li {font-size:14px;}
    .ri_list .ri_body .spot strong {width:95%; margin-bottom:13px; font-size:21px; white-space:nowrap; text-overflow:ellipsis}
    .ri_list .ri_body .spot span {height:46px; line-height:23px; font-size:14px;}
    .ri_list .topic {position:absolute; left:0px; bottom:21px; width:100%; padding-left:227px;}
    .ri_list .topic strong {float:left; width:69px; height:19px; line-height:19px; padding-left:0; text-align:center; border:none; font-size:12px; text-indent:-4px; background:url(../img/bg/topic_str.gif) 0 0 no-repeat;}
    .ri_list .topic ul {float:left;}
    .ri_list .topic ul li {float:left; margin-top:0;  height:19px; line-height:19px; padding-left:13px; font-size:12px; background-size:2px; background-position:8px center;}

    .down_plus {display:none;}

    view 디테일
    .view_title {margin-top:25px; font-size:20px;}
    .view_detail .top {position:relative; padding:0 10px;}
    .view_detail .body {padding:30px 0;}
    .view_detail .body .article {width:65%;}
    .view_detail .body .title {font-size:20px;}
    .view_detail .body p {font-size:14px;}
    .view_detail .img {padding:40px 10px 20px; margin:20px 0;}
    .view_detail .top .out .print {display:none;}

    .view_detail .aside {float:right; width:30%; margin-left:0;}
    .view_detail .aside .highlight strong {height:40px; line-height:40px; padding-left:15px; font-size:16px;}
    .view_detail .aside .highlight p {padding:12px; font-size:13px;}
    .view_detail .aside .etc li a {padding-left:39px; font-size:14px;}
    .view_detail .aside .etc .file a {background-position:15px center;}
    .view_detail .aside .etc .scr a {background-position:15px center;}
    .view_detail .aside .etc_link strong {height:40px; line-height:40px; padding-left:15px; font-size:16px;}
    .view_detail .aside .etc_link li div {padding:12px}
    .view_detail .aside .etc_link li div a {font-size:13px; background-size:2px;}


    펀드 뉴스
    .fund_news ol li {padding:17px 20px 19px; width:calc(33.333333% + 1px)}
    .fund_news ol li p:first-child {font-size:16px;}
    .fund_news ol li p:last-child {margin-top:40px; font-size:14px;}

    댓글
    .comment {padding:25px; margin-top:25px;}
    .comment .body {font-size:14px;}

    비디오
    .video .movie {float:none; padding-bottom:43.2%; margin:0 auto;}
    .video .text {float:none; width:100%; margin-left:0; margin-top:20px;}
    .video .text strong {height:55px; line-height:55px; font-size:20px;}
    .video .text p {height:auto; max-height:120px; padding:20px 15px; font-size:14px;}
    .video_list ul li {width:33.33333%; padding:0 10px}
    .video_list ul li img {width:100%; height:auto;}
    .video_list ul li a strong {height:45px; line-height:45px; font-size:14px;}
    .video_wrap .page_search {padding-top:20px}

    일정안내
    .sch_guide > ul > li {position:relative; padding:20px 0 27px;}
    .sch_guide .body ul li:first-child em {height:38px; line-height:19px;}
    .sch_guide .body ul li p {width:auto}
    .sch_guide .body ul li:first-child p {width:calc(100% - 178px); height:38px; line-height:19px;}
    .sch_guide .date {position:absolute; left:0; bottom:26px; width:100%; padding-left:272px; box-sizing:border-box; height:auto; margin-right:0; text-align:left;}
    .sch_guide .date p {float:left;}
    .sch_guide .date .year {margin:0; padding-bottom:0; font-size:14px; color:#000; background:none;}
    .sch_guide .date strong {display:inline-block; float:left; font-size:14px; font-weight:700;}
    .sch_guide .date .year span{margin-left:5px; display:inline-block; padding:0; font-weight:400; border-bottom:none;}
    .sch_guide .date .month {margin-left:10px; font-size:14px; letter-spacing:0; font-weight:400;}
    .sch_guide .date .time {margin-left:10px; font-size:14px;}
    .sch_guide .body {width:100%;}
    .sch_guide .body ul li {font-size:14px; margin-bottom:7px;}
    .sch_guide .body .text {width:calc(100% - 272px)}
    .sch_guide .body .img {width:250px; height:168px; margin-right:20px;}
    .sch_guide .body strong {margin-bottom:5px; font-size:20px;}
    .sch_guide .body strong i {margin-top:-6px;}
    .sch_guide .body .progress {top:0}


    리스트 데이터 없음
    .list_no_data {padding:40px 0}
    .list_no_data p {display:inline-block; height:100px; line-height:100px; padding-left:120px; font-size:18px; background-size:100px;}

    .radio_align
    .sm_title .radio_align span {margin-right:5px;}


}

@media(max-width : 940px) {
    .page_search .text {width:340px; padding-top:0; background-position:0 0;}
}


큰 모바일
@media(max-width : 767px) {

    footer#footer {position:relative;}
    #footer .inner_wrap {padding:0 10px}
    .foot_link ul {float:none;}
    .foot_link .call {position:absolute; left:10px; top:50px; height:34px; line-height:34px; font-size:14px;}
    .foot_link .call span:last-child {margin-left:2px;}
    .address_wrap {padding:48px 0 50px;}

    Common
    .more_result {height:35px; line-height:35px; font-size:14px;}
    .more_result span {padding-left:17px; background-size:9px 5px;}
    a[class^=btns] {min-width:64px; height:32px; line-height:32px; margin-top:20px; font-size:14px;}

    .head_respons h1 {padding:15px 0}
    .head_respons h1 a {width:182px; height:31.4px; background-size:100%;}

    .mobile_menu_btn {width:23px; height:17px; margin-top:-9px;}
    .mobile_menu_top {height:61px; padding:0 15px}
    .mobile_menu_top .menu_close {width:24px; height:24px; top:19px}
    .mobile_menu_top .menu_close img {width:100%; height:auto;}
    .mobile_menu_top > div {top:19px;}
    .mobile_menu_top > div a {font-size:18px;}
    .m_menu {left:4.6%; top:20px; width:28px; height:24px; background-size:contain;}
    .m_search {left:90px; top:29px; width:25px; height:24px; background-size:contain;}
    .m_cart {right:13%; top:18px; width:27px; height:23px; background-size:contain;}
    .m_cart i {left:11px; top:7px; width:19px; height:19px; line-height:19px;}
    .m_my {right:4.6%; top:19px; width:19px; height:23px; background-size:contain;}
    .gnb > li > a {padding:20px 0 20px 4.6%; font-size:20px; border-bottom:1px solid #3c90d6; background:#5b5fe4 url(../img/common/m_gnb_off.png) 90% center no-repeat; background-size:9px 19px;}
    .gnb > li > a.on {background:#5b5fe4 url(../img/common/m_gnb_on.png) 90% center no-repeat; background-size:19px 10px;}
    .gnb .dep2 strong a {padding:20px 0 20px 7.7%; font-size:18px;}
    .gnb .dep2 dd a {padding:17px 0 17px 10px; font-size:16px;}


    탭
    .tab ul {background:#5b5fe4;}
    .tab ul li a {height:40px; line-height:40px; font-size:14px; color:#fff; border:none; background:none;}
    .tab ul li a span {display:inline-block; padding:0 5px;}
    .tab ul li.on a {color:#fff; border:none; background:none;}
    .tab ul li.on a span {background:#5b5fe4 url(../img/bg/tab_line_m.gif) 0 100% repeat-x;}

    .tab.ea {position:relative;}
    .tab.ea div {position:relative; overflow:hidden; overflow-x:auto; background:#5b5fe4; -webkit-overflow-scrolling:touch;}
    .tab.ea:before {content:''; display:inline-block; position:absolute; left:0; top:0; z-index:20; width:20px; height:40px; background:url(../img/bg/fade_l.png) 0 0 no-repeat; background-size:22px 40px;}
    .tab.ea:after {content:''; display:inline-block; position:absolute; right:0; top:0;  z-index:20; width:20px; height:40px; background:url(../img/bg/fade_r.png) 0 0 no-repeat; background-size:22px 40px;}
    .tab.ea ul {display:block; padding:0 22px; margin:0 auto;}
    .tab.ea ul:after {content:''; display:block; clear:both;}
    .tab.ea ul li {display:block; float:left; width:auto; padding:0 15px; transform: translateZ(0);}


    .sub_top h2 {font-size:30px;}
    .sub_top h2 span{font-size:20px;}

    .page_search {padding-top:0;}
    .page_search .text {float:none; width:100%; line-height:20px; box-sizing:border-box;  font-size:14px; background-position:0 0;}
    .page_search .search {float:none; margin-top:15px;}
    .page_search .search input {width:calc(100% - 71px); height:35px; font-size:14px;}
    .page_search .search_btn {min-width:67px; height:35px; line-height:35px; font-size:14px;}
    .page_search .view_num {display:none;}

    .topic_search {font-size:13px; padding:13px 0 10px;}


    .aco .aco_title {background-position:right 20px center; background-size:12px 5px;}
    .aco .aco_title.active {background-position:right 20px center; background-size:12px 5px;}
    .aco .aco_title a {padding:20px 35px 17px 50px; font-size:14px;}
    .aco .aco_title:after {left:12px; top:17px; width:25px; height:25px; line-height:25px; font-size:14px; font-weight:700; text-indent:-1px;}
    .aco .aco_body {font-size:14px; padding:15px 18px 15px 50px;}
    .aco .aco_body span:after {left:-38px; top:-4px; width:25px; height:25px; line-height:25px;  font-size:14px; font-weight:700;}

    .paging {margin-top:30px;}
    .paging ol, .paging li, .paging a {line-height:28px;}
    .paging ol {margin:0 8px;}
    .paging > a {width:28px; height:28px;}
    .paging ol a {width:28px; height:28px;}
    .paging a {background-size:28px;}
    .prev {margin-left:3px;}
    .next {margin-right:3px;}
    .paging_btn {position:static; right:0; top:0; text-align:right;}
    .paging .btns_right_write {min-width:65px; height:32px; line-height:32px; text-indent:0; margin-top:20px;}


    .ri_list > ul > li {padding:20px 0 55px}
    .ri_list .ri_body .writing {width:100%; padding:0}
    .ri_list .ri_body .img {display:none;}
    .ri_list .ri_body .top li {font-size:13px;}
    .ri_list .ri_body .spot strong {font-size:18px;}
    .ri_list .ri_body .spot span {font-size:13px; height:35px; line-height:19px; -webkit-line-clamp:2;}
    .ri_list .topic {padding-left:0; bottom:19px}
    .ri_list .topic .last {display:none;}


    view 디테일
    .view_detail .top {height:43px; line-height:43px;}
    .view_detail .top .info {font-size:14px;}
    .view_detail .top .out {position:absolute; right:0; top:-55px;}
    .view_detail .body {border-bottom:none; padding-bottom:0;}
    .view_detail .body .article {float:none; width:100%;}
    .view_detail .aside {float:none; width:100%; margin-top:20px;}
    .view_detail .aside .highlight {display:none;}
    .view_detail .aside .etc {border-bottom:1px solid #ddd; border-top:none;}
    .view_detail .aside .etc ul {overflow:hidden;}
    .view_detail .aside .etc ul li {border:none;}
    .view_detail .aside .etc .file {float:right;}
    .view_detail .aside .etc .scr {float:left;}
    .view_detail .aside .etc .scr a {padding-left:24px; background-position:2px center;}
    .view_detail .aside .etc_link li.topic div {overflow:hidden; padding-bottom:3px;}
    .view_detail .aside .etc_link li.topic div a {float:left; width:50%; margin-top:0; margin-bottom:10px;}
    .view_detail .aside .etc_link li div a.last {display:none;}

    펀드 뉴스
    .fund_news ol li {width:calc(50% + 1px); padding:12px 10px 14px}
    .fund_news ol li p:first-child {font-size:16px;}
    .fund_news ol li p:last-child {margin-top:48px; font-size:14px; text-align:right;}

    댓글
    .comment {padding:15px; margin-top:20px;}
    .comment .body {font-size:14px;}
    .comment .comment_file a {padding-left:12px; font-size:14px; background-size:8px 15px;}
    .commnet_btn_set a {margin-left:2px;}
    .commnet_btn_set a:first-child {margin-left:0;}

    비디오
    .video_list {margin-top:-15px;}
    .video_list ul li {width:50%; margin-top:16px; padding:0 5px;border-bottom:none;}
    .video .text strong {font-size:18px;}

    일정안내
    .sch_guide > ul > li {padding:20px 0 37px}
    .sch_guide .date {padding-left:0; bottom:14px}
    .sch_guide .body .img {display:none;}
    .sch_guide .body .text {width:100%;}
    .sch_guide .body strong {margin-bottom:10px;}
    .sch_guide .body ul li:first-child p {width:calc(100% - 41px)}

    리스트 데이터 없음
    .list_no_data {padding:40px 0 40px;}
    .list_no_data p {display:inline-block; height:70px; line-height:70px; padding-left:90px; background-size:70px;}


}

@media(max-width:480px) {
    .video_list ul li a strong {font-size:13px;}
    .video .movie {padding-bottom:56.2%;}

    .sch_guide > ul > li {padding:40px 0 60px}
    .sch_guide .date {height:40px;}
    .sch_guide .date {padding-left:0; bottom:18px}
    .sch_guide .body .progress {left:0; right:inherit; top:-30px; min-width:58px; font-size:12px;}

    리스트 데이터 없음
    .list_no_data {padding:30px 0 30px;}
    .list_no_data p {display:inline-block; height:60px; line-height:60px; padding-left:80px; font-size:16px; background-size:60px;}

}


아이폰6 이하
@media(max-width : 375px) {
    .sub_top h2 {font-size:24px;}
    .ri_list .topic .last {display:none;}

    .view_detail .top .out li {margin-left:8px;}

    .fund_news ol li {width:calc(100%); height:140px; margin-left:0;}
    .fund_news ol li p:last-child {margin-top:17px;}
    .mobile_menu_top .menu_close {width:18px; height:18px; right:20px;}
    .segment_mob ul li {font-size:14px;}

    .video_list ul li {width:100%; margin-top:10px;}
    .video_list ul li strong {height:40px; line-height:40px; font-size:16px;}

    .sch_guide .date strong {height:40px;}

    .head_respons h1 a {width:145px; height:25.4px;}
    .mobile_menu_btn {width:23px; height:17px; margin-top:-9px;}
    .mobile_menu_top {height:55px; line-height:55px; padding:0 15px}
    .mobile_menu_top > div {top:0}
    .mobile_menu_top > div a {font-size:14px;}
    .mobile_menu_top > div .cs {background-position:5px center;}
    .mobile_menu_top > div .m_login {background-position:24px  center;}
    .mobile_menu_top .menu_close {top:0;}
    .m_menu {left:4.6%; top:19px; width:22px; height:18px;}
    .m_cart {right:13%; top:17px; width:22px; height:18px;}
    .m_cart i {left:8px; top:6px; width:16px; height:16px; line-height:16px; font-size:10px; text-indent:0}
    .m_my {right:4.6%; top:17px; width:15px; height:18px;}

}

기본 모바일 (갤럭시, LG, 소니 등)
@media(max-width : 360px){
    .video_list ul li a strong {font-size:14px;}
}

아이폰5s 이하
@media(max-width : 320px){
    .head_respons h1 a {width:130px; height:21px;}
    .mobile_menu_top {height:51px; line-height:51px;}
} */































































































#ss_header {
  display: block;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#ss_header:after {
  display: block;
  content: '';
  clear: both;
}

#ss_header>.in {
  transition: all 0.5s;
  background: rgba(255, 255, 255, 0.7);
}

/* 서브페이지에서의 header */
#ss_header.sub {
  position: relative;
}

#ss_header.sub .ss_head_body .in {
  border-bottom: 1px solid #0e4194;
}

#ss_header.sub>.in {
  background: #fff;
  min-width: 1400px;
}

.ss_head_top {
  max-width: 1400px;
  margin: 0 auto 15px;
  padding-top: 15px;
}

/* E20240119 */
.ss_head_top:after {
  content: '';
  display: block;
  clear: both;
}

.ss_head_top h1 {
  position: relative;
  float: left;
  font-size: 18px;
  color: #0e4194;
  vertical-align: middle;
}

.ss_head_top h1 span {
  display: inline-block;
  position: absolute;
  left: 272px;
  top: 16px;
  width: 200px;
  font-size: 14px;
  padding-left: 12px;
  border-left: 1px solid #0e4194;
}

.ss_head_top h1 a {
  color: #222;
}

.ss_head_top ul.top_link {
  float: right;
  margin-top: 13px;
}

.ss_head_top ul.top_link>li {
  float: left;
  margin-right: 16px;
  padding-right: 16px;
  background: url(../img/common/ss_head_line.png) right center no-repeat;
}

.ss_head_top ul.top_link>li:last-child {
  background: none;
  margin-right: 0;
  padding-right: 0;
}

.ss_head_top ul.top_link>li>a {
  display: inline-block;
  color: #333;
}

.ss_head_top ul.top_link li.name {
  color: #000;
}

.ss_head_top ul.top_link li.name span {
  color: #0e4194;
}

.ss_head_top ul.top_link li.top_call a {
  width: 24px;
  height: 21px;
  background: url(../img/common/icon_inquiry.png) 0 0 no-repeat;
}

.ss_head_top ul.top_link li.top_my {
  background: none;
}

.ss_head_top ul.top_link li.top_my a {
  width: 18px;
  height: 19px;
  margin-right: 7px;
  text-indent: -9999px;
  background: url(../img/common/icon_login.png) 0 0 no-repeat;
  background-size: 18px 19px;
}

.ss_head_top ul.top_link li.top_scrap {
  position: relative;
  padding-right: 20px;
}

.ss_head_top ul.top_link li.top_scrap a {
  width: 21px;
  height: 19px;
  text-indent: -9999px;
  background: url(../img/common/top_scrap.png) 0 0 no-repeat;
  background-size: 21px 19px;
}

.ss_head_top ul.top_link li.top_scrap a i {
  display: inline-block;
  position: absolute;
  left: 11px;
  top: 6px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 10px;
  background: #0e4194;
  text-indent: -1px;
}


.ss_head_body {}

.ss_head_body .in {
  transition: all 0.5s;
  /* border-bottom:1px solid #0e4194; */
}

.ss_head_body .ss_head_func {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}

/* E20240119 */
.ss_head_body .ss_head_func .ss_topic {
  overflow: hidden;
  height: 96px;
}

.ss_head_gnb {
  margin-left: 81px;
}

.ss_head_gnb ul:after {
  content: '';
  display: block;
  clear: both;
}

.ss_head_gnb_inner>li {
  position: relative;
  float: left;
  margin-left: 30px;
}

.ss_head_gnb_inner>li:first-child {
  margin-left: 0px;
}

.ss_head_gnb_inner>li>a {
  display: inline-block;
  height: 52px;
  line-height: 52px;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  box-sizing: border-box;
}

.ss_head_gnb_inner>li.on:after {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-left: 1px solid #105d99;
}

.ss_head_gnb_inner>li.on:before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-right: 1px solid #105d99;
}

.ss_head_gnb_inner>li.on>a {
  color: #105d99;
  box-sizing: border-box;
  background: #FFF url(../img/bg/ss_dep_line.gif) 0 0 repeat-x;
}

.ss_head_gnb_inner>li.on>a:after {
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  bottom: -1px;
  width: calc(100% - 2px);
  border-bottom: 1px solid #fff;
  z-index: 300;
}

.ss_head_gnb_inner>li:last-child.on a {
  background: none;
  color: #000;
}

.ss_head_gnb_inner>li:last-child.on>a:after {
  display: none;
}


.inner_dep {
  display: none;
  position: absolute;
  left: 0;
  top: 52px;
  z-index: 100;
  padding: 10px 0;
  border: 1px solid #105d99;
  background: #fff;
}

.inner_dep>strong {
  display: none;
}

.gnb_dep2>li>a {
  display: block;
  padding: 8px 21px;
  font-size: 16px;
  color: #000;
}

.gnb_dep2 a.login_chk {
  background: url(../img/bg/login_check.png) right 12px center no-repeat;
}

.gnb_dep2 a.login_chk:hover {
  background: #105d99 url(../img/bg/login_check_on.png) right 12px center no-repeat;
}

.gnb_dep2>li>a:hover {
  background: #105d99;
  color: #fff;
}

.no_link {
  cursor: default !important;
  color: #000 !important;
  background: none !important;
}

/* .gnb_dep2 .position {margin-top:12px;} */


.gnb_dep3 {}

.gnb_dep3>li>a {
  position: relative;
  display: block;
  padding: 4px 28px 4px 35px;
  font-size: 13px;
  color: #444;
}

.gnb_dep3>li>a:after {
  position: absolute;
  left: 27px;
  top: 4px;
  content: '·';
  display: inline-block;
}

.gnb_dep3>li>a:hover {
  background: #105d99;
  color: #fff;
}




/*2018-03-20 gnb 영역 수정*/
/*.ss_head_gnb_inner>li>.inner_dep{min-width:200px;}*/


.gnb01 .gnb_dep2 {
  width: 205px;
}

/* 메뉴가 박스밖으로 삐져나오는 현상으로 수정 20180906 */
/* .gnb01 .gnb_dep2 > li:last-child{margin-top:12px;} */

.gnb02 .gnb_dep2 {
  width: 184px
}

.gnb03 .gnb_dep2 {
  width: 200px;
}

.gnb04 .gnb_dep2 {
  width: 180px;
}

.gnb05 .gnb_dep2 {
  width: 140px;
}

.gnb06 .gnb_dep2 {
  width: 310px;
}

.gnb06>.inner_dep>.gnb_dep2>li {
  float: left;
  width: 50%;
}

.gnb06>.inner_dep>.gnb_dep2>li {
  width: 50%;
  height: 150px;
}

.gnb06>.inner_dep>.gnb_dep2>li:nth-child(3) {
  height: 100px;
  padding-right: 0;
}

.gnb06>.inner_dep>.gnb_dep2>li:nth-child(4) {
  height: 100px;
}

.gnb06>.inner_dep>.gnb_dep2>li:nth-child(5) {
  height: 35px;
}


.gnb06.on>a.no_link,
.gnb06>a.no_link:hover {
  cursor: default !important;
  color: #105d99 !important;
  background: #FFF url(../img/bg/ss_dep_line.gif) 0 0 repeat-x !important;
}



.none {
  display: none;
}



.all_menu a {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 51px;
  height: 48px;
  text-indent: -9999px;
  background: url(../img/btn/ss_gnb_all.png) 0 0 no-repeat;
}

.all_menu.on a {
  background: url(../img/btn/ss_gnb_all_close.png) 0 0 no-repeat;
}

.ss_head_search {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 4px;
}

.ss_head_search>a {
  display: inline-block;
  width: 51px;
  height: 48px;
  text-indent: -9999px;
  background: url(../img/common/all_search.png) 23px 9px no-repeat;
}

.ss_head_search.on>a {
  background: url(../img/btn/ss_gnb_all_close.png) 0 0 no-repeat;
}

.ss_search_body {
  display: none;
  position: absolute;
  left: 0;
  top: 53px;
  z-index: 100;
  width: 100%;
  background: #fff;
}

.ss_search_body .target_search {
  margin: 40px 0 30px;
  border-bottom: 1px solid #000;
}

.ss_search_body .target_search:after {
  content: '';
  display: block;
  clear: both;
}

.ss_search_body input {
  float: left;
  width: calc(100% - 30px);
  border: none;
  outline: none;
  font-size: 16px;
}

.ss_search_body a {
  float: right;
}

.ss_search_body a img {
  position: relative;
  top: -5px;
}

.ss_search_body .ss_topic:after {
  content: '';
  display: block;
  clear: both;
}

.ss_search_body .ss_topic strong {
  float: left;
  width: 118px;
  height: 106px;
  padding-left: 30px;
  margin-right: 20px;
  font-size: 19px;
  color: #000;
  font-weight: 700;
}

.ss_search_body .ss_topic ul li {
  float: left;
  margin-bottom: 10px;
}

.ss_search_body .ss_topic ul li a {
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 24px;
  margin-right: 10px;
  color: #3378c1;
  font-size: 13px;
  border: 1px solid #c1d6ec;
  background: #fff;
}

.ss_search_body .ss_topic ul li.on a {
  color: #fff;
  font-size: 13px;
  border: 1px solid #105d99;
  background: #105d99;
}


#ss_header.change {
  transition: all 0.5s;
}

#ss_header.change>.in {
  transition: all 0.5s;
  background: #fff;
}

#ss_header.change .ss_head_body .in {
  transition: all 0.5s;
  /* box-shadow: 1px 4px 9px #ddd; */
  border-bottom: 1px solid #0e4194;
}

#ss_header.change {}

.ss_head_gnb_inner>li:last-child.on:before,
.ss_head_gnb_inner>li:last-child.on:after,
.ss_head_gnb_inner>li:last-child.on a:after {
  display: none;
}


.ss_head_body.all_mode .inner_dep {
  display: block;
  border: none;
  padding: 0;
  top: 79px;
}

.ss_head_body.all_mode .inner_dep strong {
  display: block;
  font-size: 17px;
  color: #105d99;
  font-weight: 700;
  padding-bottom: 10px;
  padding-left: 18px;
  margin-bottom: 10px;
  border-bottom: 2px solid #4a7aa9;
}


.ss_head_body.all_mode .pos1 {
  margin-top: -33px;
}

.ss_head_body.all_mode .position {
  margin-top: 9px;
}


.ss_head_body.all_mode .gnb_dep2>li>a {
  box-sizing: border-box;
}

.ss_head_body.all_mode .gnb01 .gnb_dep2 {
  width: 180px;
}

.ss_head_body.all_mode.eft_include_menu .gnb01 .inner_dep {
  left: -70px
}

.ss_head_body.all_mode .gnb01 .inner_dep {
  left: -70px
}

.ss_head_body.all_mode .gnb02 .gnb_dep2 {
  width: 199px;
}

.ss_head_body.all_mode.eft_include_menu .gnb02 .inner_dep {
  left: 5px
}

.ss_head_body.all_mode .gnb02 .inner_dep {
  left: 5px
}

/**ETF 메뉴 */
.ss_head_body.all_mode .gnb03 .gnb_dep2 {
  width: 180px;
}

.ss_head_body.all_mode.eft_include_menu .gnb03 .inner_dep {
  left: 82px
}

.ss_head_body.all_mode .gnb03 .inner_dep {
  left: 82px
}

.ss_head_body.all_mode .gnb04 .gnb_dep2 {
  width: 179px;
}

.ss_head_body.all_mode.eft_include_menu .gnb04 .inner_dep {
  left: 120px
}

.ss_head_body.all_mode .gnb04 .inner_dep {
  left: 80px
}

.ss_head_body.all_mode .gnb05 .gnb_dep2 {
  width: 119px;
}

.ss_head_body.all_mode.eft_include_menu .gnb05 .inner_dep {
  left: 114px
}

.ss_head_body.all_mode .gnb05 .inner_dep {
  left: 68px
}


.ss_head_body.all_mode .gnb06 .gnb_dep2 {
  width: 310px;
}

.ss_head_body.all_mode.eft_include_menu .gnb06 .inner_dep {
  left: 110px
}

.ss_head_body.all_mode .gnb06 .inner_dep {
  left: 60px
}

.ss_head_body.all_mode .gnb06>.inner_dep>.gnb_dep2>li {
  width: 50%;
  height: 150px;
}

.ss_head_body.all_mode .gnb06>.inner_dep>.gnb_dep2>li:nth-child(3) {
  height: 100px;
  padding-right: 0;
}

.ss_head_body.all_mode .gnb06>.inner_dep>.gnb_dep2>li:nth-child(4) {
  height: 100px;
}

.ss_head_body.all_mode .gnb06>.inner_dep>.gnb_dep2>li:nth-child(5) {
  height: 35px;
}

.all_menu_bg {
  position: absolute;
  width: 100%;
  height: 375px;
  border-bottom: 1px solid #105d99;
  background: #fff;
}

.all_search_bg {
  position: absolute;
  width: 100%;
  height: 204px;
  border-bottom: 1px solid #105d99;
  background: #fff;
}

.quick_call {
  position: relative;
}













#main #content .content_in {
  padding-top: 0;
}

.main_visual {
  position: relative;
  min-width: 1400px
}

/* E20240119 */
.main_visual ul {}

.main_visual ul li {
  height: 680px;
  overflow: hidden;
  box-sizing: border-box;
}

.visual_inner {
  width: 1400px;
  margin: 220px auto 0;
}

/* E20240119 */
.visual_inner:after {
  content: '';
  display: block;
  clear: both
}

.visual_inner .left {
  float: left;
}

.visual_inner .right {
  float: right;
  margin-top: -40px;
}

.main_visual ul li.visual01 {
  background: url(../img/main/visual01.jpg) center 0 no-repeat;
}

.main_visual ul li.visual02 {
  background: url(../img/main/visual02.jpg) center 0 no-repeat;
}

.main_visual ul li.visual03 {
  background: url(../img/main/visual03.jpg) center 0 no-repeat;
}

.main_visual ul li.visual04 {
  background: url(../img/main/visual04.jpg) center 0 no-repeat;
}

.main_visual ul li .text {
  width: 600px;
  color: #fff;
  text-shadow: 1px 1px 1px #555;
}

.main_visual ul li .text a {
  display: block;
  color: #fff;
}

.main_visual ul li .text strong {
  display: block;
}

.main_visual ul li .text1 {
  margin-bottom: 20px;
  font-size: 28px;
}

.main_visual ul li .text1 strong {
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 700;
}

.main_visual ul li .text2 {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 26px;
}

.main_visual ul li .text2 strong {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
}

.main_visual ul li .side {
  width: 340px;
  height: 360px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  background: url(../img/bg/side_bg.png) 0 0 repeat;
}

.main_visual ul li .side strong {
  display: block;
  margin: 30px 0 25px;
  line-height: 40px;
  font-weight: bold;
  font-size: 30px;
}

.main_visual ul li .side p {
  line-height: 28px;
  font-size: 18px;
}

.main_visual ul li .side .side_btn {
  display: inline-block;
  width: 170px;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  color: #1e5bbf;
  font-weight: 700;
  background: url(../img/bg/side_btn.png) 0 0 no-repeat;
}



.visual_inner .global_retire .body {
  padding: 0 25px;
  background: url(../img/bg/global_retire.png) 0 0 repeat;
}

.visual_inner .global_retire .body ul {
  margin-top: 0;
  border-top: 1px solid #fff;
}

.visual_inner .global_retire .body li {
  height: auto;
  margin-top: 20px;
  color: #fff;
}



.main_visual .bx-pager {
  position: absolute;
  left: 50%;
  bottom: 35px;
  z-index: 100;
}

.main_visual .bx-pager .bx-pager-item {
  float: left;
  margin: 0 5px;
}

.main_visual .bx-pager .bx-pager-item a {
  display: inline-block;
  width: 12px;
  height: 12px;
  transition: all 0.5s;
  background: #fff;
  border-radius: 6px;
  text-indent: -9999px;
}

.main_visual .bx-pager .bx-pager-item a.active {
  transition: all 0.5s;
  width: 50px;
  border-radius: 6px;
}


.main_port {
  padding: 40px 0;
  text-align: center;
  background: #fff;
}

.main_port .top {
  margin-bottom: 40px;
  color: #000;
  font-size: 30px;
}

.main_port .port_tab {
  width: 600px;
  margin: 0 auto;
  overflow: hidden;
}

.main_port .port_tab li {
  float: left;
  width: 50%;
}

.main_port .port_tab li a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #000;
  background: #dbdbdb;
  transition: all 0.5s
}

.main_port .port_tab li.on a {
  font-weight: 700;
  color: #fff;
  background: #0e4194;
  transition: all 0.5s ease
}

.main_port .port_tab li.on a span {
  display: inline-block;
  padding-right: 37px;
  background: url(../img/bg/port_tab_v.png) right center no-repeat;
}

.port_body>div {
  display: none;
  position: relative;
}

.main_port .port_text {
  width: 600px;
  height: 182px;
  margin: 40px auto 0;
  overflow: hidden;
}

.main_port .port_text>li {
  display: none;
  position: relative;
  height: 192px
}

.main_port .port_text>li>a {
  display: block;
}

.main_port .port_text strong {
  display: block;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 700;
  color: #000;
}

.main_port .port_text strong img {
  margin-left: 15px;
}

.main_port .port_text p {
  font-size: 18px;
  line-height: 30px;
  color: #000;
}

.main_port .port_btn {
  overflow: hidden;
  margin-top: 30px;
  text-align: center;
}

.main_port .port_btn li {
  display: inline-block;
  margin-left: 62px;
}

.main_port .port_btn li:first-child {
  margin-left: 0;
}

.main_port .port_btn li a {
  display: inline-block;
  width: 180px;
  height: 220px;
  padding-top: 196px;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.3s;
  color: #939393;
  font-size: 20px;
}

.port_sub_link {
  text-align: center;
  margin-top: 18px;
}

.port_sub_link li {
  display: inline-block;
  margin: 0 3px;
}

.port_sub_link li a {
  display: block;
  width: 90px;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  text-align: center;
  color: #666;
  box-sizing: border-box;
  border-radius: 20px;
  background: #e9e9e9;
  border: 1px solid #b3b3b3;
}

.port_sub_link li a:hover {
  color: #fff;
  border: 1px solid #0e4194;
  background: #0e4194;
}

.main_port .port_btn li a:hover {
  transition: all 0.3s;
  color: #000;
}

.main_port .port_btn li a.on {
  font-weight: 700;
}

.main_port .port_btn .case01 a {
  background: url(../img/bg/port_sol03.png) 0 0 no-repeat;
}

.main_port .port_btn .case02 a {
  background: url(../img/bg/port_sol04.png) 0 0 no-repeat;
}

.main_port .port_btn .case03 a {
  background: url(../img/bg/port_sol05.png) 0 0 no-repeat;
}

.main_port .port_btn .case04 a {
  background: url(../img/bg/port_sol06.png) 0 0 no-repeat;
}

.main_port .port_btn .case05 a {
  background: url(../img/bg/port_sol01.png) 0 0 no-repeat;
}

.main_port .port_btn .case06 a {
  background: url(../img/bg/port_sol02.png) 0 0 no-repeat;
}


.main_port .port_simul .port_btn {
  margin: 25px auto 0;
}

.main_port .port_simul .port_text p {
  margin-top: 35px;
}

.main_port .port_btn .case01.on a {
  background: url(../img/bg/port_sol03_on.png) 0 0 no-repeat;
}

.main_port .port_btn .case02.on a {
  background: url(../img/bg/port_sol04_on.png) 0 0 no-repeat;
}

.main_port .port_btn .case03.on a {
  background: url(../img/bg/port_sol05_on.png) 0 0 no-repeat;
}

.main_port .port_btn .case04.on a {
  background: url(../img/bg/port_sol06_on.png) 0 0 no-repeat;
}

.main_port .port_btn .case05.on a {
  background: url(../img/bg/port_sol01_on.png) 0 0 no-repeat;
}

.main_port .port_btn .case06.on a {
  background: url(../img/bg/port_sol02_on.png) 0 0 no-repeat;
}



.main_port .port_simul .port_btn li a {
  width: 155px;
  height: 225px;
  padding-top: 170px;
}

.main_port .port_simul .port_btn .case01 a {
  background: url(../img/bg/port_si01.png) 0 0 no-repeat;
}

.main_port .port_simul .port_btn .case02 a {
  background: url(../img/bg/port_si02.png) 0 0 no-repeat;
}

.main_port .port_simul .port_btn .case03 a {
  background: url(../img/bg/port_si03.png) 0 0 no-repeat;
}

.main_port .port_simul .port_btn .case01.on a {
  background: url(../img/bg/port_si01_on.png) 0 0 no-repeat;
}

.main_port .port_simul .port_btn .case02.on a {
  background: url(../img/bg/port_si02_on.png) 0 0 no-repeat;
}

.main_port .port_simul .port_btn .case03.on a {
  background: url(../img/bg/port_si03_on.png) 0 0 no-repeat;
}


.best_product {
  height: 679px;
  padding: 60px 0;
  box-sizing: border-box;
  text-align: center;
  background: url(../img/pic/best_product_bg.jpg) center 0 no-repeat;
}

.best_product .title {
  margin-top: 170px;
  color: #fff;
  font-size: 21px;
  line-height: 36px;
}

.best_product .title strong {
  font-weight: 700;
}

.best_product .top {
  margin-bottom: 90px;
  color: #fff;
  font-size: 30px;
}

.best_product .product {
  text-align: center;
  color: #fff;
}

.best_product .port_text {
  width: 450px;
  height: 156px;
  margin: 40px auto 0;
  overflow: hidden;
}

.best_product .port_text li {
  position: relative;
}

.best_product .port_text strong {
  display: block;
  margin-bottom: 25px;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}

.best_product .port_text p {
  font-size: 18px;
  line-height: 31px;
  color: #fff;
}

.best_port_btn {
  text-align: center;
  margin-top: 75px;
}

.best_port_btn li {
  display: inline-block;
  position: relative;
  margin: 0 15px;
}

.best_port_btn li a {
  display: block;
  width: 250px;
  height: 205px;
  text-align: center;
}

.best_port_btn li span {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  text-shadow: 1px 1px 1px #222;
}

.best_port_btn li a strong {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 180px;
  line-height: 26px;
  padding: 15px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 16px;
  text-shadow: 1px 1px 1px #222;
}

/* .best_port_btn li a:hover span {bottom:39px; text-shadow:none; display:none;} */
.best_port_btn li a:hover strong {
  display: block;
}

.best_port_btn .case01 strong {
  padding-top: 40px;
}

.best_port_btn .case02 strong {
  padding-top: 40px;
}

.best_port_btn .case04 strong {
  padding-top: 40px;
}

.best_port_btn .case01 a {
  background: url(../img/pic/best_port_btn01.png) 0 0 no-repeat;
}

.best_port_btn .case02 a {
  background: url(../img/pic/best_port_btn02.png) 0 0 no-repeat;
}

.best_port_btn .case03 a {
  background: url(../img/pic/best_port_btn03.png) 0 0 no-repeat;
}

.best_port_btn .case04 a {
  background: url(../img/pic/best_port_btn04.png) 0 0 no-repeat;
}

/* .best_port_btn .case01 a:hover{background:url(../img/bg/best_port_btn01_on.jpg) 0 0 no-repeat;} */
/* .best_port_btn .case02 a:hover{background:url(../img/bg/best_port_btn02_on.jpg) 0 0 no-repeat;} */
/* .best_port_btn .case03 a:hover{background:url(../img/bg/best_port_btn03_on.jpg) 0 0 no-repeat;} */
/* .best_port_btn .case04 a:hover{background:url(../img/bg/best_port_btn04_on.jpg) 0 0 no-repeat;} */


.main_fa {
  min-width: 1400px;
  padding: 30px 0;
  background: url(../img/bg/fa_bg.png) 0 0 repeat;
}

.main_fa .title {
  text-align: center;
  color: #fff;
  font-size: 30px;
}

.main_fa .top {
  margin-bottom: 70px;
  text-align: center;
  font-size: 30px;
  color: #0e4194;
}

.main_fa ul.fa_list {
  overflow: hidden;
  text-align: center;
}

.main_fa ul.fa_list li {
  float: left;
  width: 250px;
  height: 245px;
  line-height: 28px;
  padding-top: 155px;
  box-sizing: border-box;
  margin: 0 10px;
  font-size: 18px;
}

.main_fa ul.fa_list .case01 {
  background: url(../img/bg/main_fa_list01.png) center 0 no-repeat;
}

.main_fa ul.fa_list .case02 {
  background: url(../img/bg/main_fa_list02.png) center 0 no-repeat;
}

.main_fa ul.fa_list .case03 {
  background: url(../img/bg/main_fa_list03.png) center 0 no-repeat;
}

.main_fa ul.fa_list .case04 {
  background: url(../img/bg/main_fa_list04.png) center 0 no-repeat;
}

.program_info {
  width: 1400px;
  margin: 30px auto 0;
  padding: 38px 54px;
  box-sizing: border-box;
  overflow: hidden;
}

.program_info .spot {
  float: left;
  width: 498px;
  height: 172px;
  padding: 32px 0 0 205px;
  box-sizing: border-box;
  background: url(../img/bg/program_info_gd.png) 0 0 no-repeat;
}

.program_info .spot strong {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}

.program_info .spot p {
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
}

.program_info .sch {
  position: relative;
  float: left;
  width: 490px;
  margin: 0 0 0 50px;
  text-align: center;
}

.program_info .sch strong {
  display: inline-block;
  padding-bottom: 15px;
  font-size: 28px;
  color: #faca57;
  font-weight: 700;
  border-bottom: 3px solid #fff;
}

.program_info .sch p {
  margin-top: 15px;
  color: #faca57;
  font-size: 18px;
}

.program_info .sch p:first-child {
  font-size: 20px;
}


.program_info .sch .bx-pager {
  position: absolute;
  left: 42%;
  bottom: -33px;
  z-index: 100;
}

.program_info .sch .bx-pager .bx-pager-item {
  float: left;
  margin: 0 5px;
}

.program_info .sch .bx-pager .bx-pager-item a {
  display: inline-block;
  width: 12px;
  height: 12px;
  transition: all 0.5s;
  background: #fff;
  border-radius: 6px;
  text-indent: -9999px;
}

.program_info .sch .bx-pager .bx-pager-item a.active {
  transition: all 0.5s;
  width: 50px;
  border-radius: 6px;
  background: #faca57;
}


.main_rebal {
  padding: 45px 0;
}

.main_rebal .title {
  text-align: center;
  color: #000;
  font-size: 30px;
}

.main_rebal .sub_title {
  margin-top: 35px;
  text-align: center;
  color: #000;
  font-size: 22px;
  line-height: 30px;
}

.main_rebal .sub_title span {
  display: block;
  color: #0e4194;
}

.rebalancing {
  position: relative;
  height: 281px;
  margin: 40px 0 20px;
  background: url(../img/bg/rebalancing.png) 0 0 no-repeat;
}

.rebalancing li {
  position: absolute;
  top: 109px
}

.rebalancing a {}

.rebalancing .l0 {
  left: 373px;
  top: 72px;
}

.rebalancing .l1 {
  left: 38px;
}

.rebalancing .l2 {
  left: 144px;
}

.rebalancing .l3 {
  left: 250px;
}

.rebalancing .r0 {
  right: 367px;
  top: 72px;
}

.rebalancing .r1 {
  right: 250px;
}

.rebalancing .r2 {
  right: 144px;
}

.rebalancing .r3 {
  right: 38px;
}



.error_page {
  margin-top: 150px;
  padding-top: 250px;
  text-align: center;
  background: url(../img/common/error_page.png) center 0 no-repeat;
}

.error_page p {
  text-align: center;
}

.error_page p strong {
  font-size: 32px;
  color: #333;
}

.error_page p span {
  display: block;
  margin: 25px 0;
  line-height: 26px;
  font-size: 18px;
  color: #666;
}

/* 어드민에서 가져온 팝업 */
.pop_wrap .sub_top.admin_top {
  padding: 0;
  border: 0;
}

/*2018-03-20 etf  포커스 메인 css 작업*/
/* .etf_main {margin-top: -110px;} */
.etf_main .content_in {
  min-height: 725px !important;
}

.etf_main .content_in>.inner_wrap {
  padding-top: 138px;
}

.etf_main .content_in {
  width: 100%;
  position: relative;
}

.etf_main .content_in .main_visual {
  height: 210px;
  z-index: -1;
}

.etf_main .content_in .main_visual ul>li {
  height: auto;
}

.etf_main .content_in .main_visual ul>li.visual01 {
  width: 100%;
  height: 210px;
  background: url(../img/pic/etf_main01.png) center center no-repeat;
  background-size: cover;
}

.etf_main .content_in .main_visual ul>li.visual01:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

.etf_main .content_in .main_visual ul>li.visual01 .visual_inner {
  position: relative;
  width: 1740px;
  margin: 138px auto 0;
}

.etf_main .content_in .etf_tab {
  position: absolute;
  top: 33px;
  left: 50%;
  width: 300px;
  height: 41px;
  margin-left: -150px;
}

.etf_main .content_in .etf_tab ul {
  width: 100%;
  height: 41px;
  overflow: hidden;
  background: url(../img/common/eft_tab01.png) no-repeat;
}

.etf_main .content_in .etf_tab ul li {
  width: 50%;
  height: 100%;
  float: left;
}

.etf_main .content_in .etf_tab ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 41px;
  color: #889ac0;
  letter-spacing: -1.5px;
  font-weight: bold;
}

.etf_main .content_in .etf_tab ul li a.on {
  color: #333;
}

.etf_main .content_in .kos_tab {
  width: 1740px;
  margin: -110px auto 0;
  overflow: hidden;
}

.etf_main .content_in .kos_tab ul {
  width: 1165px;
  height: 120px;
  float: left;
}

.etf_main .content_in .kos_tab ul:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

.etf_main .content_in .kos_tab ul li {
  position: relative;
  width: 160px;
  height: 110px;
  float: left;
  margin-right: 5px;
}

.etf_main .content_in .kos_tab ul li a {
  display: block;
  width: 100%;
  height: 110px;
  padding: 14px 16px;
  box-sizing: border-box;
  color: #fff;
  background-color: rgba(30, 47, 74, 0.9);
}

.etf_main .content_in .kos_tab ul li a .kos_title {
  width: 100%;
  height: 30px;
  color: #bebebe;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: -0.8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
}

.etf_main .content_in .kos_tab ul li a .kos_index {
  font-size: 28px;
  font-weight: bold;
  margin-top: 5px;
}

.etf_main .content_in .kos_tab ul li a .kos_ver {
  font-size: 12px;
  margin-top: 2px;
}

.etf_main .content_in .kos_tab ul li.kos_up a .kos_ver .ico {
  display: inline-block;
  width: 12px;
  height: 7px;
  background: url(../img/common/kos_up.png) no-repeat;
}

.etf_main .content_in .kos_tab ul li.kos_up a .kos_ver .num {
  color: #ff6557;
}

.etf_main .content_in .kos_tab ul li.kos_up a.on {
  background-color: #e53f39;
}

.etf_main .content_in .kos_tab ul li.kos_up a.on .kos_title {
  color: #ffb8b8;
}

.etf_main .content_in .kos_tab ul li.kos_up a.on:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  content: "";
  width: 19px;
  height: 10px;
  background: url(../img/common/kos_red.png) no-repeat;
}

.etf_main .content_in .kos_tab ul li.kos_up a.on .kos_ver .ico {
  background: url(../img/common/kos_up_on.png) no-repeat;
}

.etf_main .content_in .kos_tab ul li.kos_up a.on .kos_ver .num {
  color: #ffccb2;
}

.etf_main .content_in .kos_tab ul li.kos_down a .kos_ver .ico {
  display: inline-block;
  width: 12px;
  height: 7px;
  background: url(../img/common/kos_down.png) no-repeat;
}

.etf_main .content_in .kos_tab ul li.kos_down a .kos_ver .num {
  color: #57c7ff;
}

.etf_main .content_in .kos_tab ul li.kos_down a.on {
  background-color: #3b71c7;
}

.etf_main .content_in .kos_tab ul li.kos_down a.on .kos_title {
  color: #b2ccff;
}

.etf_main .content_in .kos_tab ul li.kos_down a.on .kos_ver .ico {
  background: url(../img/common/kos_down_on.png) no-repeat;
}

.etf_main .content_in .kos_tab ul li.kos_down a.on:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  content: "";
  width: 19px;
  height: 10px;
  background: url(../img/common/kos_blue.png) no-repeat;
}

.etf_main .content_in .kos_tab .kos_banner {
  width: 560px;
  float: right;
}

.etf_main .content_in .kos_tab .kos_banner a {
  display: block;
  width: 100%;
  height: 100%;
}

.etf_main .content_in .kos_tab .kos_banner a img {
  display: block;
  width: 100%;
  height: 100%;
}

.etf_main .main_con {
  width: 100%;
  padding-bottom: 100px;
}

.etf_main .main_con .inner_wrap {
  width: 1740px;
  margin: 50px auto 0;
}

.etf_main .main_con .inner_wrap .kos_con_wrap {
  width: 100%;
  background-color: #fff;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul {
  width: 100%;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li {
  width: 100%;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner {
  position: relative;
  width: 100%;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner .inform_right {
  position: absolute;
  top: -45px;
  right: 0;
  overflow: hidden;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner .inform_right p {
  position: relative;
  float: left;
  font-size: 12px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner .inform_right p.ir01 {
  height: 45px;
  color: #999999;
  padding: 0 15px 0px 20px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner .inform_right p.ir01:after {
  content: "|";
  display: inline-block;
  margin-left: 15px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner .inform_right p.ir01 span.bg {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../img/common/time_icon01.png") no-repeat;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner .inform_right p.ir01 span.case02 {
  display: none;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner .inform_right p.ir01 span.icon {
  display: inline-block;
  background-color: #999;
  color: #fff;
  padding: 1px 3px;
  letter-spacing: -0.5px;
  border-radius: 3px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner .inform_right p.ir01 span.sub_txt {
  display: block;
  position: absolute;
  top: 18px;
  left: 18px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner .inform_right p.ir02 a {
  color: #333333;
  padding-left: 15px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner .inform_right p.ir02 span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 16px;
  background: url("../img/common/time_icon02.png") no-repeat;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul {
  width: 100%;
  overflow: hidden;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li {
  float: left;
  width: 560px;
  height: 517px;
  border-top: 4px solid #333333;
  /*border-bottom:4px solid #333333;*/
  margin-right: 30px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li:nth-child(3n) {
  margin-right: 0;
}

/*.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.mrl30{margin:0 30px;}*/
.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 {
  padding-top: 30px;
  box-sizing: border-box;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_txt .txt01 {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  letter-spacing: -1.5px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_txt .num01 {
  font-size: 60px;
  color: #333;
  font-weight: bold;
  letter-spacing: -1.5px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_txt .num02 {
  padding-left: 10px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_txt .num02.up .ico {
  display: inline-block;
  width: 19px;
  height: 11px;
  background: url(../img/common/kos_up01.png) no-repeat;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_txt .num02.up .num {
  font-size: 20px;
  color: #ff1500;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_txt .num02.down .ico {
  display: inline-block;
  width: 19px;
  height: 11px;
  background: url(../img/common/kos_down01.png) no-repeat;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_txt .num02.down .num {
  font-size: 20px;
  color: #5b5fe4;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_txt .txt02 {
  display: block;
  font-size: 12px;
  color: #999999;
  letter-spacing: -1px;
  margin-top: 15px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_stab {
  margin-top: 30px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_stab ul {
  width: 100%;
  overflow: hidden;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_stab ul li {
  float: left;
  border-top: none;
  border-bottom: none;
  width: 65px;
  height: 30px;
  border: 1px solid #bababa;
  border-radius: 20px;
  margin-right: 6px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_stab ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #333;
  text-align: center;
  line-height: 28px;
  letter-spacing: -1px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_stab ul li.on {
  background-color: #444;
  color: #fff;
  border: 1px solid #444;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_stab ul li.on a {
  color: #fff;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_scon ul li {
  width: 100%;
  height: 266px;
  border-top: none;
  border-bottom: none;
  margin-top: 25px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_scon ul li .scon_top {
  width: 100%;
  height: 183px;
  border-bottom: 1px solid #333;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_scon ul li .scon_bottom {
  width: 100%;
  height: 83px;
  overflow: hidden;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_scon ul li .scon_bottom .sb_left {
  width: 100px;
  height: 100%;
  float: left;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_scon ul li .scon_bottom .sb_right {
  width: 460px;
  height: 100%;
  float: left;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kt_data_none span.dn {
  display: block;
  height: 90px;
  text-align: center;
  background-color: #f8f8f8;
  margin: 5px 0;
  line-height: 90px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_scon .kt_data_none02 .scon_top {
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #ccc;
  line-height: 180px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list01 .kos_scon .kt_data_none02 .scon_bottom {
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #ccc;
  line-height: 80px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list02 .kos_chart>ul>li {
  height: 431px;
  border-bottom: none;
  border-top: none;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list {
  padding-top: 30px;
  box-sizing: border-box;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title {
  position: relative;
  margin-bottom: 27px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title .kct01 {
  font-size: 16px;
  color: #333;
  letter-spacing: -1px;
  font-weight: bold;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title .kct01>span {
  font-size: 12px;
  color: #999;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title .kct01 a {
  font-size: 16px;
  color: #999;
  letter-spacing: -1px;
  font-weight: bold;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title .kct01 a>span {
  font-size: 12px;
  color: #999;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title .kct02>span {
  font-size: 12px;
  color: #999;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title .kct02 a {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #999;
  letter-spacing: -1px;
  border-left: 1px solid #999;
  margin-left: 13px;
  padding-left: 20px;
  line-height: 15px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title .kct02 a>span {
  font-size: 12px;
  color: #999;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title .kct01 a.on {
  color: #333;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title .kct02 a.on {
  color: #333;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title .more_link {
  position: absolute;
  top: 0;
  right: 0;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart_title .more_link a {
  display: block;
  width: 100%;
  height: 100%;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list .kos_chart {
  width: 100%;
  height: 431px;
  /*background-color:#eee;*/
}

/*.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.line_sec{border-top:none;height:321px;}*/
.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.line_sec .kos_chart {
  height: 241px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap .kos_chart .table.data {
  font-size: 14px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap .kos_chart .table.data tbody tr.on {
  background-color: #eee;
  font-weight: bold;
}

.etf_main .main_con .inner_wrap .kos_con_wrap .kos_chart .table.data tbody td em {
  width: 189px;
  height: 30px;
  overflow: hidden;
  text-align: left;
  line-height: 30px;
  display: inline-block;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
}

.etf_main .main_con .inner_wrap .kos_con_wrap .kos_chart .table.data tbody td a {
  line-height: 30px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap .kos_chart .table+.table {
  margin-top: 0 !important;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 {
  position: relative;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 ul li {
  height: 321px;
  border-top: none;
  border-bottom: none;
  padding-top: 48px;
  box-sizing: border-box;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-wrapper {
  height: 290px !important;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-wrapper .bx-viewport {
  height: 292px !important;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls {
  position: absolute;
  top: 40px;
  right: 0;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls .bx-pager {
  overflow: hidden;
  padding-right: 20px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls .bx-pager .bx-pager-item {
  float: left;
  margin-left: 6px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls .bx-pager .bx-pager-item a {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #cccccc;
  text-indent: -9999em;
  font-size: 0;
  transition: all 0.5s;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls .bx-pager .bx-pager-item a.active {
  background-color: #5b5fe4;
  transition: all 0.5s;
  width: 30px;
  border-radius: 6px;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls .bx-controls-auto {
  position: absolute;
  top: -2px;
  right: 0;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls .bx-controls-auto a.bx-start {
  display: block;
  width: 14px;
  height: 14px;
  background: url(../img/common/slider_play_btn.png) no-repeat;
  font-size: 0;
  text-indent: -9999em;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls .bx-controls-auto a.bx-stop {
  display: block;
  width: 14px;
  height: 14px;
  background: url(../img/common/slider_stop_btn.png) no-repeat;
  font-size: 0;
  text-indent: -9999em;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls .bx-controls-auto a.bx-start.active {
  display: none;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls .bx-controls-auto a.bx-start.active .bx-stop {
  display: block;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls .bx-controls-auto a.bx-stop.active {
  display: none;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 .bx-controls .bx-controls-auto a.bx-stop.active .bx-start {
  display: block;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li.kcon_list12 a {
  display: block;
  width: auto;
  height: 100%;
}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li.kos_con01 {}

.etf_main .main_con .inner_wrap .kos_con_wrap ul li.kos_con02 {}

/*media query*/
@media all and (max-width: 1762px) {
  .etf_main .content_in .kos_tab {
    width: auto;
  }

  .etf_main .content_in .kos_tab ul {
    float: none;
    margin: 0 auto;
    width: 1400px;
  }

  .etf_main .content_in .kos_tab ul li:last-child {
    margin-right: 0;
  }

  .etf_main .content_in .kos_tab .kos_banner {
    display: none;
  }

  .etf_main .main_con .inner_wrap {
    width: 1400px;
  }

  .etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner {
    position: relative;
    width: 100%;
  }

  .etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner>ul>li:nth-child(3n) {
    margin-right: 30px;
  }

  .etf_main .main_con .inner_wrap .kos_con_wrap ul li .kos_inner ul li:nth-child(2n) {
    margin-right: 0px;
  }
}

.etf_main .content_in {
  position: relative;
}

.etf_main .content_in .main_visual ul>li.visual02 {
  background: url(../img/pic/etf_main02.png) center 0 no-repeat;
}

.etf_main .content_in .etf_tab02 ul {
  background: url(../img/common/eft_tab02.png) no-repeat;
}

.etf_main .content_in .list_tab {
  position: absolute;
  top: 160px;
  left: 50%;
  width: 1400px;
  height: 50px;
  margin: 0 auto;
  margin-left: -575px;
}

.etf_main .content_in .list_tab ul {
  width: 100%;
  height: 50px;
  overflow: hidden;
}

.etf_main .content_in .list_tab ul li {
  float: left;
  height: 50px;
  margin-right: 2px;
  background-color: #304058;
}

.etf_main .content_in .list_tab ul li:last-child {
  margin-right: 0;
}

.etf_main .content_in .list_tab ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 50px;
  padding: 0 31.25px;
  box-sizing: border-box;
}

.etf_main .content_in .list_tab ul li.on {
  background-color: #fff;
}

.etf_main .content_in .list_tab ul li.on a {
  color: #304058;
  font-weight: bold;
}

.etf_main .main_con02 {
  height: auto;
  padding-bottom: 100px;
}

.etf_main .main_con02 .inner_wrap {
  width: 1400px;
  margin: 20px auto 0;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li {
  display: inline-block;
  width: 1400px;
  margin: 0 auto;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top {
  position: relative;
  width: 100%;
  height: 80px;
  margin-bottom: 48px;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .list_sub_tab01>ul {
  width: 100%;
  height: 80px;
  overflow: hidden;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .list_sub_tab01>ul>li {
  position: relative;
  float: left;
  width: 118px;
  height: 78px;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .list_sub_tab01>ul>li a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
  color: #666666;
  background-color: #fff;
  text-align: center;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .list_sub_tab01>ul>li a.on {
  background-color: #5b5fe4;
  border: 1px solid #5b5fe4;
  color: #fff;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .list_sub_tab01>ul>li a span {
  position: absolute;
  bottom: 7px;
  left: 0;
  width: 120px;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .top_banner {
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .top_banner ul {
  width: 100%;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .top_banner>ul>div.slick-list {
  width: 500px;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_sub_con01 ul li {
  width: 100%;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap .cdt_search {
  margin-bottom: 30px;
}

.wrap .top_btn {
  position: fixed;
  right: 1%;
  bottom: 50px;
  display: none;
  z-index: 999;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .top_banner .slick-dots {
  position: absolute;
  top: 60px;
  right: 10px;
  width: 100px;
  overflow: hidden;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .top_banner .slick-dots li {
  float: left;
  margin-left: 6px;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .top_banner .slick-dots li button {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  text-indent: -9999em;
  font-size: 0;
  transition: all 0.5s;
}

.etf_main .main_con02 .inner_wrap .list_con_wrap>ul>li .list_con_top .top_banner .slick-dots li.slick-active button {
  background-color: #5b5fe4;
  transition: all 0.5s;
  width: 30px;
  border-radius: 6px;
}

/* 2018-03-20 ETF 디테일*/
.etf_product_detail .product_top.ctg_5.ctg_etf_5 .product_type .type1 {
  color: #83b300 !important
}

.etf_product_detail .product_top.ctg_5.ctg_etf_5 {
  border-left-color: #83b300 !important
}

.etf_product_detail .product_top.ctg_5.ctg_etf_5 .product_tit span {
  font-size: 18px;
  color: #666;
}

.etf_product_detail .type_btn_set a {
  display: block;
  padding: 0;
  width: 103px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}

.etf_product_detail .product_cont .sum_up_area {
  border-bottom: 0;
  padding-bottom: 0;
}

.etf_product_detail .product_cont .sum_up_area .sum_up_btn_pdf {
  padding-bottom: 15px;
  border-bottom: 1px solid #747e8c;
}

.etf_product_detail .product_cont .sum_up_area .sum_up_btn_pdf div {
  right: 0;
  font-size: 13px;
  color: #999;
}

.etf_product_detail .product_cont .sum_up_type1 .sum_up>li {
  border-right: 1px solid #ddd;
}

.etf_product_detail .product_cont .sum_up_type1 .sum_up>li:first-child {
  border-left: 1px solid #ddd;
}

.etf_product_detail .product_cont .sum_up_type1 .sum_up>li>div {
  border-left: none;
}

.product_detail_col_2.etf_pdcol_2 {
  margin-top: 60px;
}

.product_detail_col_2.etf_pdcol_2 .tab {
  margin-bottom: 40px;
}

.product_detail_col_2.etf_pdcol_2 .tab ul li a {
  height: 40px;
  line-height: 38px;
  font-size: 14px;
}

.etf_dclc .col_left_con1 .rate_grap_wrap {
  width: 100%;
  border: 1px solid #cccccc;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt {
  width: 100%;
  background-color: #f8f8f8;
  padding: 20px 40px 25px 40px;
  box-sizing: border-box;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .rate_txt_title {
  position: relative;
  display: inline-block;
  color: #1d5799;
  font-size: 14px;
  font-weight: bold;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .rate_txt_title:after {
  position: absolute;
  top: 6px;
  left: -10px;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: url('../img/common/list_dot.png') no-repeat left center;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .rate_txt_title02 {
  padding-top: 4px;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .rate_txt_title02:after {
  top: 10px;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .rate_txt_box {
  display: inline-block;
  padding-left: 20px;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .rate_txt_box input {
  width: 130px;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .rate_txt_box button {
  width: 26px;
  height: 24px;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .rate_txt_box button img {
  display: block;
  width: 100%;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .rate_check_btn {
  display: inline-block;
  width: 88px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  margin-left: 18px;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .rate_check_btn a {
  display: block;
  width: 100%;
  color: #fff;
  background-color: #3d5374;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt ul li:first-child {
  margin-bottom: 15px;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt ul li:last-child {
  position: relative;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .chat_top {
  position: absolute;
  top: 0;
  left: 75px;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .chat_top .year_btn_set li a {
  width: 58px;
  height: 24px;
  line-height: 23px;
  font-size: 14px;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .chat_top .year_btn_set li:last-child a {
  width: 79px;
}

/*.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .chat_top .year_btn_set02{margin-left:15px;}*/
.etf_dclc .col_left_con1 .rate_grap_wrap .rate_txt .chat_top .year_btn_set02 li a {
  width: 79px;
}

.etf_dclc .col_left_con1 .rate_grap_wrap .rate_grap {
  width: 100%;
  height: 288px;
}

.etf_dclc .col_left_con1 .rate_grap02 {
  width: 100%;
  height: 160px;
  /*background-color:#eee;*/
  /*border-top:2px solid #747e8c;*/
}

.etf_dclc .col_left_con1 .sm_title {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 16px;
}

.etf_dclc .col_left_con1 .sm_title span {
  font-size: 13px;
  color: #999;
}

.etf_dclc .col_left_con1 .col_2_half {
  margin: 0;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap03 {
  width: 100%;
  height: 360px;
  /*background-color:#eee;*/
  /*border-top:2px solid #747e8c;*/
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap03 table.table.data tbody td {
  word-break: normal;
}

/*2018-01-24 i??i??*/
.etf_dclc .col_left_con1 .col_2_half .rate_grap04 {
  width: 100%;
  height: 328px;
  /*border:1px solid #ccc;*/
  box-sizing: border-box;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap05 {
  width: 100%;
  height: 200px;
  /*background-color:#eee;*/
  /*border-top:2px solid #747e8c;*/
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap06 {
  width: 100%;
  height: 200px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap06 ul li:first-child {
  height: 130px;
  background-color: #f8f8f8;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  padding-top: 45px;
  box-sizing: border-box;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap06 ul li:first-child span {
  display: block;
  color: #999;
  font-size: 13px;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap06 ul li:last-child {
  position: relative;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  padding-top: 10px;
  box-sizing: border-box;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap06 ul li:last-child strong {
  display: block;
  font-weight: bold;
  position: absolute;
  top: 22px;
  left: 15px;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap06 ul li:last-child p {
  width: 150px;
  margin-left: 113px;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap06 ul li:last-child p span:first-child {
  border-bottom: 1px solid #555;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap06 ul li:last-child span {
  display: block;
  font-weight: normal;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap06 ul li:last-child p.r_text {
  position: absolute;
  top: 22px;
  right: 144px;
  width: 10px;
  margin-left: 0;
  font-weight: normal;
}

/* 2018-03-07 i¶”e°? */
.etf_dclc .col_left_con2 .sm_title {
  margin-bottom: 20px;
  font-size: 18px;
}

.etf_dclc .col_left_con2 .sm_title span {
  font-size: 13px;
  color: #999;
}

.etf_dclc .col_left_con2 .rate_grap07 {
  width: 100%;
  height: 440px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.etf_dclc .col_left_con2 .rate_grap08 {
  width: 100%;
  height: 440px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.etf_dclc .col_left_con2 .pdf_wrap {
  width: 100%;
  border-top: 1px solid #cccccc;
}

.etf_dclc .col_left_con2 .pdf_wrap ul {
  margin-bottom: 20px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:first-child {
  position: relative;
  width: 100%;
  height: 70px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:first-child p.pdf_txt {
  font-size: 14px;
  color: #666;
  line-height: 68px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:first-child p span {
  font-size: 22px;
  font-weight: bold;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:first-child p em.p01 {
  font-size: 22px;
  color: #222;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:first-child p em.p02 {
  font-size: 13px;
  color: #999;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:first-child p.pdf_btn01 {
  position: absolute;
  top: 20px;
  left: 286px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:first-child p.pdf_btn01 a {
  display: block;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #333;
  padding: 6px 12px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:first-child p.pdf_btn02 {
  position: absolute;
  top: 20px;
  right: 0;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:first-child p.pdf_btn02 a {
  display: block;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #333;
  padding: 6px 12px 6px 30px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:first-child p.pdf_btn02 a span {
  position: absolute;
  top: 6px;
  left: 7px;
  display: block;
  width: 18px;
  height: 18px;
  background: url("../img/common/pdf_btn.png") no-repeat;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:last-child {
  height: 70px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:last-child div {
  width: 316px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 19px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:last-child div p {
  float: left;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:last-child div p.rate_txt_title {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #1d5799;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 7px;
  padding-right: 20px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:last-child div p.rate_txt_title:after {
  position: absolute;
  top: 15px;
  left: 0px;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: url('../img/common/list_dot.png') no-repeat left center;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:last-child div p.rate_txt_box {
  display: inline-block;
  padding-top: 4px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:last-child div p.rate_txt_box input {
  width: 120px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:last-child div p.rate_txt_box button {
  display: inline-block;
  width: 35px;
  height: 24px;
  padding-right: 10px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:last-child div p.rate_txt_box button img {
  display: block;
  width: 100%;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:last-child div p.rate_check_btn {
  display: inline-block;
  width: 88px;
  height: 24px;
  background-color: #3d5374;
  line-height: 24px;
  margin-top: 4px;
}

.etf_dclc .col_left_con2 .pdf_wrap ul li:last-child div p.rate_check_btn a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}

.etf_dclc .col_left_con2 .pdf_wrap .rate_grap09 {
  width: 100%;
  /*height:920px;background-color:#eee;*/
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap04 tbody.tar tr td {
  position: relative;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap04 tbody.tar tr td .chart_txt {
  position: absolute;
  top: 0;
  left: 0;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap04 tbody.tar tr td .chart_txt p {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap04 tbody.tar tr td .chart_txt p.ctxt01 {
  top: 85px;
  left: 76px;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap04 tbody.tar tr td .chart_txt p.ctxt02 {
  top: 85px;
  left: 186px;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap04 tbody.tar tr td .chart_txt p.ctxt03 {
  top: 50px;
  left: 0px;
  width: 295px;
  text-align: center;
  color: #f33b3b;
}

.etf_dclc .col_left_con1 .col_2_half .rate_grap04 tbody.tar tr td .highcharts-container {
  margin: 0 auto !important;
}

.etf_fund_story .fund_box_wrap .inner_fund {
  width: 100%;
  height: 270px;
  overflow: hidden;
  border: 1px solid #cccccc;
}

.etf_fund_story .fund_box_wrap .inner_fund>li {
  position: relative;
  float: left;
}

.etf_fund_story .fund_box_wrap .inner_fund>li.fund01 .fund_img {
  width: 440px;
  height: 270px;
}

/*.etf_fund_story .fund_box_wrap .inner_fund >li.fund01 .fund_img.blue{background:url('../img/pic/fund_img01.png') no-repeat;}
.etf_fund_story .fund_box_wrap .inner_fund >li.fund01 .fund_img.red{background:url('../img/pic/fund_img02.png') no-repeat;}*/
.etf_fund_story .fund_box_wrap .inner_fund>li.fund01 .fund_txt {
  position: absolute;
  top: 45px;
  left: 45px;
  width: 350px;
  margin-right: 45px;
  font-size: 42px;
  color: #fff;
  font-weight: bold;
}

.etf_fund_story .fund_box_wrap .inner_fund>li.fund01 .fund_txt p {
  width: 350px;
  word-wrap: break-word;
  word-break: keep-all;
}

.etf_fund_story .fund_box_wrap .inner_fund>li.fund02 {
  float: right;
  width: 710px;
  height: 272px;
  overflow-y: scroll;
  padding: 30px 40px;
  box-sizing: border-box;
}

.etf_fund_story .fund_box_wrap .inner_fund>li.fund02 p.txt01 {
  font-size: 18px;
  color: #222;
  font-weight: bold;
  margin-bottom: 28px;
  line-height: 24px;
}

.etf_fund_story .fund_box_wrap .inner_fund>li.fund02 p.txt02 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.etf_fund_story .fund_box_wrap .inner_fund>li.fund02 p.txt02.blue {
  color: #5b5fe4;
}

/*i?¼e°?i??i’?*/
.etf_fund_story .fund_box_wrap .inner_fund>li.fund02 p.txt02.red {
  color: #f33939;
}

/*i½”e?±i?¤i??i’?*/
.etf_fund_story .fund_box_wrap .inner_fund>li.fund02 p.txt03 {
  font-size: 14px;
  color: #333;
  line-height: 20px;
}

.etf_fund_story .fund_box_wrap .inner_fund>li.fund02 p.txt03 span {
  display: inline-block;
  width: 595px;
  vertical-align: top;
  text-align: justify;
}

.etf_fund_story .sum_up_btn_pdf {
  padding-bottom: 25px;
  border-bottom: 1px solid #747e8c;
}

.etf_fund_story .sum_up_btn_pdf div {
  right: 0;
  font-size: 13px;
  color: #999;
}

/* 2018-03-20 수익률계산기 영역*/
.etf_content_in .inner_wrap .simul {
  margin-top: 40px;
}

.etf_content_in .inner_wrap .simul .img_toparea {
  padding-bottom: 30px;
}

.etf_content_in .inner_wrap .simul.solution .step01 {
  position: relative;
}

.etf_content_in .inner_wrap .simul.solution .step01 a.top.on {
  background: url('../img/bg/simul_step01.png') no-repeat right 28px;
  border-bottom: 1px solid #47b0ec;
}

.etf_content_in .inner_wrap .simul.solution .step02 a.top.on {
  background: url('../img/bg/simul_step02.png') no-repeat right 28px;
  border-bottom: 1px solid #47b0ec;
}

.etf_content_in .inner_wrap .simul.solution .step03 a.top.on {
  background: url('../img/bg/simul_step03.png') no-repeat right 28px;
  border-bottom: 1px solid #47b0ec;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content>p {
  position: relative;
  text-align: center;
  margin: 30px auto;
  color: #333;
  font-size: 16px;
  padding-left: 40px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content>p span {
  position: absolute;
  top: 0;
  left: 383px;
  display: block;
  width: 21px;
  height: 21px;
  background: url('../img/bg/i.png') no-repeat left center;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01 {
  position: relative;
  width: 100%;
  height: 460px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li {
  position: absolute;
  top: 0;
  left: 0;
  width: 572px;
  height: 430px;
  border: 2px solid #b6bac3;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li.cs_01 {
  background: url("../img/bg/cs_bg01.png") no-repeat;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li.cs_02 {
  left: 574px;
  background: url("../img/bg/cs_bg02.png") no-repeat;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li.on {
  border: 2px solid #0e4194;
  z-index: 100;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li p.step01_title {
  position: absolute;
  top: -2px;
  left: 50%;
  width: 240px;
  height: 30px;
  margin-left: -120px;
  background-color: #0e4194;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-align: center;
  line-height: 28px;
  color: #a4d7f4;
  font-weight: bold;
  font-size: 12px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li p.step01_title span {
  color: #fff;
  font-size: 14px;
  margin-left: 10px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li ul.step01_txt {
  margin-top: 165px;
  padding-left: 50px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li ul.step01_txt li {
  position: relative;
  font-size: 14px;
  color: #333;
  padding-bottom: 5px;
  line-height: 21px
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li ul.step01_txt li:before {
  position: absolute;
  top: 9px;
  left: -10px;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: url("../img/bg/b_dot.gif") no-repeat;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li ul.step01_txt li span {
  color: #1d5799;
  font-weight: bold;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date {
  width: 100%;
  background-color: #f2f2f2;
  padding: 25px 97px;
  box-sizing: border-box;
  margin-top: 17px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date>ul>li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date>ul>li:last-child {
  margin-bottom: 0;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date ul li p.rate_txt_title {
  float: left;
  position: relative;
  font-size: 14px;
  color: #1d5799;
  font-weight: bold;
  padding: 5px 0 0 23px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date ul li p.rate_txt_title span {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background: url('../img/common/step01_icon01.png') no-repeat;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date ul li .rate_txt_box {
  float: right;
  width: 286px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date ul li .rate_txt_box input {
  width: 105px;
  height: 30px;
  font-size: 14px;
  text-align: center;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date ul li .rate_txt_box button {
  width: 26px;
  height: 24px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date ul li .rate_txt_box button img {
  display: block;
  width: 100%;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date ul li .chat_top .year_btn_set li {
  background-color: #fff;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date ul li .chat_top .year_btn_set li a {
  width: 58px;
  height: 28px;
  line-height: 26px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date ul li .chat_top .year_btn_set li:last-child {
  margin-right: 0;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date01 ul li p.rate_txt_title span {
  background: url('../img/common/step01_icon02.png') no-repeat;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date01 ul li .chat_top .year_btn_set li a {
  width: 70px;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date01 ul li .rate_txt_box input {
  width: 282px;
  text-align: right;
}

.etf_content_in .inner_wrap .simul.solution .step01 .simul_content .cal_step01_wrap .cal_step01>li .step01_date01 {
  margin-top: 38px;
}

.etf_content_in .inner_wrap .simul.solution .step02 {
  position: relative;
}

.etf_content_in .inner_wrap .simul.solution .step02 .simul_content>p {
  position: relative;
  text-align: center;
  /*margin:30px auto;*/
  color: #333;
  font-size: 16px;
  padding-left: 40px;
}

.etf_content_in .inner_wrap .simul.solution .step02 .simul_content>p span {
  position: absolute;
  top: 0;
  left: 373px;
  display: block;
  width: 21px;
  height: 21px;
  background: url('../img/bg/i.png') no-repeat left center;
}

.etf_content_in .inner_wrap .simul.solution .step02 .simul_content .cal_step02_wrap {
  width: 100%;
  background: url('../img/common/dotted_bg.png') repeat-x left bottom;
}

.etf_content_in .inner_wrap .simul.solution .step02 .simul_content .cal_step02_wrap ul.cal_step02 {
  width: 100%;
  padding: 25px 40px;
  box-sizing: border-box;
  border-top: 1px solid #cccccc;
  margin-top: 30px;
}

.etf_content_in .inner_wrap .simul.solution .step02 .simul_content .cal_step02_wrap ul.cal_step02>li {
  position: relative;
  width: 100%;
  line-height: 21px;
}

.etf_content_in .inner_wrap .simul.solution .step02 .simul_content .cal_step02_wrap ul.cal_step02>li:before {
  position: absolute;
  top: 9px;
  left: -10px;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: url("../img/bg/b_dot.gif") no-repeat;
}

.etf_content_in .inner_wrap .simul.solution .step02 .simul_content .cal_step02_wrap ul.cal_step02>li span {
  color: #1d5799;
  font-weight: bold;
}

.etf_content_in .inner_wrap .simul.solution .step02 .simul_content .chart_box {
  width: 100%;
  /*height:580px;background-color:#eee;*/
  margin-top: 60px;
}

/*2018-01-24 수정*/

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content>p {
  position: relative;
  text-align: center;
  /*margin:30px auto;*/
  color: #333;
  font-size: 16px;
  padding-left: 40px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content>p span {
  position: absolute;
  top: 0;
  left: 433px;
  display: block;
  width: 21px;
  height: 21px;
  background: url('../img/bg/i.png') no-repeat left center;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .box_btns_next .btn_next img {
  margin: 0;
  margin-right: 15px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .box_btns_next .btn_next span {
  padding-left: 0;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap {}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap ul.cal_step03_top {
  width: 100%;
  border-top: 1px solid #747e8c;
  border-bottom: 1px solid #dddddd;
  margin-top: 30px;
  background: url('../img/bg/cal_step03_icon01.png') no-repeat 50px 25px;
  background-color: #f8f8f8;
  overflow: hidden;
  padding: 28px 0 28px 180px;
  box-sizing: border-box;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap ul.cal_step03_top li {
  float: left;
  border-right: 1px solid #ddd;
  padding: 10px 40px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap ul.cal_step03_top li:last-child {
  border-right: none;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap ul.cal_step03_top li em {
  font-size: 20px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap ul.cal_step03_top li em>p.cal_num {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap ul.cal_step03_top li>p {
  font-size: 14px;
  color: #333;
  margin-top: 5px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap ul.cal_step03_bottom {
  padding: 30px 40px;
  border-bottom: 1px solid #ccc;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap ul.cal_step03_bottom>li {
  position: relative;
  width: 100%;
  line-height: 21px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap ul.cal_step03_bottom>li:first-child {
  margin-bottom: 5px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap ul.cal_step03_bottom>li:before {
  position: absolute;
  top: 9px;
  left: -10px;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: url("../img/bg/b_dot.gif") no-repeat;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .cal_step03_wrap ul.cal_step03_bottom>li span {
  color: #1d5799;
  font-weight: bold;
}

.etf_content_in .inner_wrap .simul.solution .etf_content_in .inner_wrap .simul.solution .step03 .simul_content .chart_box_wrap ul li .col_2_half {
  margin: 35px 0;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .chart_box_wrap ul li .col_2_half div {
  float: left;
  width: 554px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .chart_box_wrap ul li .col_2_half div:first-child {
  margin-right: 40px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .chart_box_wrap ul li .col_2_half div .rate_grap01 {
  width: 100%;
  height: 318px;
  border: 1px solid #ccc;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .chart_box_wrap ul li .col_2_half div .rate_txt {
  width: 554px;
  font-size: 12px;
  color: #666;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .chart_box_wrap ul li .col_2_half div .rate_txt ul {
  padding: 18px 0 0 10px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .chart_box_wrap ul li .col_2_half div .rate_txt ul>li {
  position: relative;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .chart_box_wrap ul li .col_2_half div .rate_txt ul>li {
  margin-bottom: 5px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .chart_box_wrap ul li .col_2_half div .rate_txt ul>li:before {
  position: absolute;
  top: 6px;
  left: -10px;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: url("../img/bg/gray_dot.png") no-repeat;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .chart_box_wrap ul li .col_2_half div .rate_grap02 {
  width: 100%;
  height: 318px;
  border: 1px solid #ccc;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .caution_txt {
  width: 100%;
  border: 1px solid #b6bbc2;
  background-color: #f8f8f8;
  padding: 30px 40px;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
  line-height: 21px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .caution_txt p {
  background: url("../img/bg/i_blue.png") no-repeat 0px 3px;
  padding-left: 25px;
}

.etf_content_in .inner_wrap .simul.solution .step03 .simul_content .caution_txt span {
  color: #1d5799;
  font-weight: bold;
}

.etf_content_in .inner_wrap .simul a.top {
  background: url(../img/bg/aco_off.png) 1107px 31px no-repeat;
}

.etf_content_in .inner_wrap .simul.solution .step01 a.top .off_box {
  position: absolute;
  top: 24px;
  right: 95px;
}

.etf_content_in .inner_wrap .simul.solution .step01 a.top .off_box ul {
  overflow: hidden;
}

.etf_content_in .inner_wrap .simul.solution .step01 a.top .off_box ul li {
  float: left;
}

.etf_content_in .inner_wrap .simul.solution .step01 a.top .off_box ul li p {
  display: inline-block;
  font-size: 14px;
}

.etf_content_in .inner_wrap .simul.solution .step01 a.top .off_box ul li p.date_title {
  width: 90px;
  height: 22px;
  border-radius: 15px;
  color: #fff;
  font-weight: bold;
  line-height: 21px;
  padding-left: 26px;
  box-sizing: border-box;
  margin-right: 5px;
  background: url("../img/bg/date_icon01.png")no-repeat 1px 1px;
  background-color: #747e8c;
}

.etf_content_in .inner_wrap .simul.solution .step01 a.top .off_box ul li p.date_box {
  color: #666;
  font-weight: bold;
}

.etf_content_in .inner_wrap .simul.solution .step01 a.top .off_box ul li p.sum_title {
  width: 111px;
  height: 22px;
  border-radius: 15px;
  color: #fff;
  font-weight: bold;
  line-height: 21px;
  padding-left: 29px;
  box-sizing: border-box;
  margin: 0 5px 0 20px;
  background: url("../img/bg/sum_icon01.png")no-repeat 1px 1px;
  background-color: #747e8c;
}

.etf_content_in .inner_wrap .simul.solution .step01 a.top .off_box ul li p.sum01 {
  color: #666;
  font-weight: bold;
}

.etf_content_in .inner_wrap .simul.solution .step01 a.top.on .off_box {
  display: none;
}

.etf_content_in .inner_wrap .simul.solution .step02 a.top .off_box02 {
  display: none;
  position: absolute;
  top: 58px;
  left: 0;
  width: 100%;
  height: 240px;
  background-color: #ddd;
}

.etf_content_in .inner_wrap .simul.solution .step02 a.top .off_box02.block {
  display: block;
}

.etf_content_in .inner_wrap .simul.solution .step02 a.top .off_box02.block .step03 {
  margin-top: 240px;
}

/*.etf_content_in .inner_wrap .simul.solution .step02 a.top .off_box02.block .step02>a{padding-bottom:298px;}*/
.eft_dim_pop02 .prod_total {
  margin-top: 30px;
}

.etf_data_area01 {
  margin: -28px 0 10px 0;
}


/* 2018-03-20 상단 삼성생명 로고추가*/
.ss_head_top h1 a.headlogteg_r {
  padding-left: 30px;
}

.ss_head_top h1 a.headlogteg_l {
  position: relative;
  padding-right: 30px;
}

.ss_head_top h1 a.headlogteg_l:after {
  content: "|";
  color: #999;
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0px;
  font-weight: normal;
}

/* 2018-03-20 삼성생명 메인 right box 영역_layout.css*/
.visual_inner .right .right_box_wrap {
  margin-top: 20px;
}

.visual_inner .right .right_box_wrap ul {
  overflow: hidden;
  width: 490px;
}

.visual_inner .right .right_box_wrap ul li {
  position: relative;
  float: left;
  width: 240px;
  height: 180px;
  padding: 20px;
}

.visual_inner .right .right_box_wrap ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.visual_inner .right .right_box_wrap ul li a p {
  font-size: 22px;
  color: #70cfff;
  font-weight: bold;
}

.visual_inner .right .right_box_wrap ul li a span {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  color: #fff;
  line-height: 20px;
}

.visual_inner .right .right_box_wrap ul li a span.link {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
}

.visual_inner .right .right_box_wrap ul li.right_box01 {
  background: url('../img/common/right_box01.png') no-repeat;
  margin-right: 10px;
  margin-bottom: 10px;
}

.visual_inner .right .right_box_wrap ul li.right_box02 {
  background: url('../img/common/right_box02.png') no-repeat;
  margin-bottom: 10px;
}

.visual_inner .right .right_box_wrap ul li.right_box02 p {
  color: #f5dc62;
}

.visual_inner .right .right_box_wrap ul li.right_box03 {
  background: url('../img/common/right_box03.png') no-repeat;
  margin-right: 10px;
}

.visual_inner .right .right_box_wrap ul li.right_box03 p {
  color: #f5dc62;
}

.visual_inner .right .right_box_wrap ul li.right_box04 {
  background: url('../img/common/right_box04.png') no-repeat;
}

.best_product {
  background: url(../img/pic/best_product_bg01.jpg)center 0 no-repeat;
}

.best_product .title {
  margin-top: 110px;
}

.best_port_btn li {
  margin: 0 13px;
}

.best_port_btn li a {
  width: 245px;
  height: 225px
}

.best_port_btn li:first-child {
  margin-left: 0;
}

.best_port_btn li:last-child {
  margin-right: 0;
}

.best_port_btn .case02 a {
  background: url(../img/pic/main_best_img01.png) 0 0 no-repeat;
}

.best_port_btn .case01 a {
  background: url(../img/pic/main_best_img02.png) 0 0 no-repeat;
}

.best_port_btn .case04 a {
  background: url(../img/pic/main_best_img03.png) 0 0 no-repeat;
}

.best_port_btn .case03 a {
  background: url(../img/pic/main_best_img04.png) 0 0 no-repeat;
}

.best_port_btn li a:hover {
  background-position: 0px -225px;
}

.best_port_btn li a:hover span {
  color: #fff;
}

.best_port_btn li span {
  display: block;
  position: absolute;
  left: 0;
  bottom: 35px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #000;
  font-size: 20px;
  text-shadow: none;
  font-weight: bold;
}

/* s: 20210309 추가 */
.check_agree {
  margin: 15px 0;
  margin: 1.071rem 0;
  text-align: center;
}

.check_agree .user_check_wrap .check_state {
  border: none !important;
  background-color: transparent;
  margin-right: 0 !important;
}

.check_agree .user_check_wrap {
  display: inline-block;
}

.check_agree .user_check_wrap+.user_check_wrap {
  margin-left: 2.142rem;
}

.check_agree .user_check_wrap input:checked~.check_state {
  background-color: transparent;
}

.check_agree .user_check_wrap input:checked~.check_state .checkmark:before,
.check_agree .user_check_wrap input:checked~.check_state .checkmark:after {
  background-color: #2940ad;
}

.check_agree .user_check_wrap input:checked~.text_item {
  color: #222;
}

.check_agree .user_check_wrap .checkmark:before,
.check_agree .user_check_wrap .checkmark:after {
  background-color: #888;
}

.check_agree .user_check_wrap+.user_check_wrap {
  margin-left: 50px;
  margin-left: 2.142rem;
}

.checkmark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  width: 0.714rem;
  height: 5px;
  height: 0.357rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkmark:before,
.checkmark:after {
  position: absolute;
  content: '';
  background-color: black;
}

.checkmark:after {
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
}

.checkmark:before {
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
}

.checkmark.bold:after {
  width: 2px;
}

.checkmark.bold:before {
  height: 2px;
}

.item_check_wrap .check_state {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 21px;
  width: 1.5rem;
  height: 21px;
  height: 1.5rem;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  text-indent: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.item_check_wrap .check_state.square {
  border-radius: 0;
}

.item_check_wrap .check_state.lg {
  width: 32px;
  width: 2.286rem;
  height: 32px;
  height: 2.286rem;
}

.item_check_wrap .check_state.lg .checkmark {
  width: 14px;
  width: 1rem;
  height: 6px;
  height: 0.429rem;
}

.item_check_wrap .check_state .checkmark {
  vertical-align: middle;
  margin-top: -0.48vw;
}

.item_check_wrap .check_state .checkmark:before,
.item_check_wrap .check_state .checkmark:after {
  background-color: transparent;
}

.check_agree .user_check_wrap input:checked~.check_state .checkmark:before,
.check_agree .user_check_wrap input:checked~.check_state .checkmark:after {
  background-color: #007aff;
}

.check_agree .user_check_wrap input:checked~.text_item {
  color: #222;
}

.check_agree .user_check_wrap .checkmark:before,
.check_agree .user_check_wrap .checkmark:after {
  background-color: #888;
}

.check_agree .user_check_wrap+.user_check_wrap {
  margin-left: 50px;
  margin-left: 2.142rem;
}

.blind {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}

/* e: 20210309 추가 */

.fund_info_p {
  margin-bottom: 5px;
}

.fund_info .in p {
  display: inline-block;
  word-break: keep-all;
}

.fund_info .fund_info_span {
  background: #606b7b;
  border-radius: 5px;
  color: white;
  font-size: 11px;
  padding: 4px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 5px;
}

.fund_info_span a {
  color: white !important;
}


/* 로그인 */
.dv_login_form {
  margin: 0 auto;
  padding: 48px;
  width: 452px;
  background-color: #fff;
}

.dl_login_form {
  display: block;
  border: 1px solid #d4d8e2;
  border-radius: 6px;
  padding: 16px 16px 8px
}

.dl_login_form+.dl_login_form {
  margin-top: 16px;
}

.dl_login_form label {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  color: #232433
}

.dl_login_form input {
  border: none;
  outline: 0;
  padding: 11px 0;
  width: 100%;
  height: 52px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.dl_login_form :-ms-input-placeholder {
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #b4b6bc;
}

.dl_login_form ::-webkit-input-placeholder {
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #b4b6bc;
}

.dl_login_form ::-moz-placeholder {
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #b4b6bc;
}

.dl_login_form ::placeholder {
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #b4b6bc;
}

.login_chk_cont {
  margin: 40px 0;
}

.login_chk_cont .check {
  margin-right: 38px;
}

.login_chk_cont .check label:focus {
  outline: 2px solid #000;
}

.login_chk_cont .check input[type="checkbox"]+label {
  padding-left: 28px;
  font-size: 16px;
  font-weight: 500;
  color: #71747c;
}

.login_chk_cont .check input[type="checkbox"]:checked+label {
  background-image: url(../img/common/check_on_common.png);
}

button.btn_lg {
  display: block;
  width: 100%;
  border-radius: 6px;
  padding: 14px;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  background-color: #e9ecee;
  color: #b4b6bc
}

button.btn_lg.active {
  background-color: #5a56e1;
  color: #fff
}

.dt_login {
  margin: 45px 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #71747c;
}

.login_alert {
  font-size: 16px;
  line-height: 1.5;
  color: #ff0000;
  margin-bottom: 30px;
}


/* addInputUl */
.addInputUl>li {
  display: block;
}

.addInputUl>li+li {
  margin-top: 7px;
}

.addInputUl_bx {
  position: relative;
  display: inline-block;
  width: 518px;
}

.addInputUl_bx ul>li {
  display: flex;
}

.addInputUl_bx ul>li+li {
  margin-top: 7px;
}

.addInputUl_bx .addSelectBt {
  position: absolute;
  right: 0;
  bottom: 0;
}

.table.data tbody td .addInputUl a[class^=n_btn].n_btn_del {
  margin-left: 8px;
}

.table.data tbody td .fit_input.num {
  width: 437px;
}

.table.data tbody td .addInputUl_bx a[class^=n_btn] {
  margin-left: 8px;
}

.flex_bx>.n_btn_file,
.flex_bx>a.n_btn_del {
  width: 100px;
}


/* addfileUl */
.addfileUl_bx {
  position: relative;
  width: 55%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.addfileUl_bx ul>li:first-child {
  display: block;
}

.addfileUl_bx ul>li+li {
  margin-top: 7px;
}

.addfileUl_bx .removefileBt {
  display: none;
}

.addfileUl {
  flex: 0 0 88.5%;
}

.addfileUl .tb_file_bx {
  display: inline-flex;
  width: 100%;
}

.addfileUl .tb_file_bx a[class^=n_btn],
.addfileUl .tb_file_bx label[class^=n_btn] {
  white-space: nowrap;
}


/* Tag */
.addTag>li {
  margin: 7px 0 0 7px;
  padding-right: 4px;
  display: inline-block;
  width: auto;
}

.addTag>li .tagLabel {
  position: relative;
}

.addTag>li .tagLabel::before {
  content: '#';
}

.addTag>li .tagLabel::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  text-indent: -100em;
  background: url(../img/btn/btn_cancel.png) no-repeat center #d4d8e2;
  background-size: 8px auto;
  margin-left: 5px;
}


/* range */
.range-wrap {
  position: relative;
  margin: 40px 30px;
  padding: 0;
  width: 90%;
}

.range-wrap .ui-widget-content.slider-range {
  width: 100%;
  height: 12px;
  border-radius: 6px;
  position: relative;
  border: none;
  background: none;
  background-color: #f2f4f6;
}

.range-wrap .slider-range .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 7px;
  display: block;
  border: 0;
  background-position: 0 0;
  top: 0;
  height: 100%;
  background: linear-gradient(90deg, #519bff 0%, #0d6ef0 100%);
}

.range-wrap .slider-range .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -12px;
  border: 1px solid #d4d8e2;
  background-color: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1490196078);
  border-radius: 50%;
}

.range-wrap .marking {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 4px;
  z-index: 1;
}

.range-wrap .marking>span {
  width: 1px;
  height: 4px;
  background-color: #fff;
  position: absolute;
}

/* // range-wrap-03 */
.range-wrap.range-wrap-03 .marking span:nth-child(1) {
  left: 33.333%;
  margin-left: 6px;
}

.range-wrap.range-wrap-03 .marking span:nth-child(2) {
  left: 66.666%;
  margin-left: 2px;
}

/* // range-wrap-05 */
.range-wrap.range-wrap-05 .marking span:nth-child(1) {
  left: 20%;
  margin-left: 6px;
}

.range-wrap.range-wrap-05 .marking span:nth-child(2) {
  left: 40%;
  margin-left: 2px;
}

.range-wrap.range-wrap-05 .marking span:nth-child(3) {
  left: 60%;
  margin-left: -4px;
}

.range-wrap.range-wrap-05 .marking span:nth-child(4) {
  left: 80%;
  margin-left: -8px;
}

.range-wrap .labels {
  position: relative;
  top: 21px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 1;
}

.range-wrap .labels>span {
  color: #93959c;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  position: absolute;
  transform: translateX(-50%);
}

.range-wrap .labels>span:first-child {
  left: 0%;
}

.range-wrap .labels>span:last-child {
  right: 0%;
  transform: translateX(50%);
}

/* // range-wrap-03 */
.range-wrap.range-wrap-03 .labels>span:nth-child(2) {
  left: 33.333%;
  margin-left: 6px;
  text-align: center;
}

.range-wrap.range-wrap-03 .labels>span:nth-child(3) {
  left: 66.666%;
  margin-left: 2px;
  text-align: center;
}

/* // range-wrap-05 */
.range-wrap.range-wrap-05 .labels>span:nth-child(2) {
  left: 20%;
  margin-left: 6px;
  text-align: center;
}

.range-wrap.range-wrap-05 .labels>span:nth-child(3) {
  left: 40%;
  margin-left: 2px;
  text-align: center;
}

.range-wrap.range-wrap-05 .labels>span:nth-child(4) {
  left: 60%;
  margin-left: -4px;
  text-align: center;
}

.range-wrap.range-wrap-05 .labels>span:nth-child(5) {
  left: 80%;
  margin-left: -8px;
  text-align: center;
}

.classListTit {
  position: relative;
}

.classListTit a.n_btn_more {
  position: absolute;
  top: -3px;
  right: 0;
  padding: 2px 28.5px 2px 8.5px;
  font-size: 12px;
}

.table.table_result>tbody>tr>td .btns_real_white {
  padding: 2px 10px;
  font-size: 12px;
  line-height: 18px;
  color: #666;
  font-weight: 500;
}

.topSearchBox {
  position: relative;
  padding: 0 0 20px;
}

.topSearchBox .check_tab {
  position: absolute;
  left: 0;
}

.topSearchBox .search_cont {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border: 1px solid #d4d8e2;
  border-radius: 6px;
  width: 500px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
}

.topSearchBox .search_cont input {
  border: none;
  outline: 0;
  width: 450px;
  font-size: 14px;
  line-height: 32px;
  font-weight: 500;
  font-family: "Pretendard Variable", Pretendard, system-ui, Roboto, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.topSearchBox .search_cont .search_btn {
  display: block;
  width: 30px;
  text-align: center;
}

.infoP {
  margin-top: 10px;
  font-size: 12px;
  color: red;
}


/* 상품조회 팝업 > 상품 리스트 */
.prd-name {
  font-size: 16px;
  font-weight: bold;
}

.product-smr {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.product-code {
  color: #71747c;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  margin-right: 10px;
  padding-right: 10px;
}

.product-tag {
  display: flex;
  gap: 6px;
  position: relative;
}

.product-tag > span:first-child { position: relative; }

.product-tag > span:first-child:before {
  content: "";
  width: 1px;
  height: 11px;
  background-color: #d4d8e2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -12px;
}

.product-tag .type {
  color: #004096;
  font-size: 11px;
  line-height: 18px;
  font-weight: 500;
  height: 18px;
  padding: 0 6px;
  background-color: #fff;
  border: 1px solid #d4d8e2;
  border-radius: 3px;
  white-space: nowrap;
}

.product-tag .type.annuity01 {
  color: #0055c7 !important;
  background-color: #e1e7ff;
  border-color: #e1e7ff;
}

.product-tag .type.annuity02 {
  color: #2280e2 !important;
  background-color: #dbecff;
  border-color: #dbecff;
}

.product-info [class^=prd-grade] {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  position: relative;
  padding-left: 12px;
}

.product-info [class^=prd-grade]::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0
}

.prd-grade01 {
  color: #f14e4e
}

.prd-grade01::before {
  background-color: #f14e4e
}

.prd-grade01::after {
  content: "1등급(매우 높은 위험)"
}

.prd-grade02 {
  color: #f37d10
}

.prd-grade02::before {
  background-color: #f37d10
}

.prd-grade02::after {
  content: "2등급(높은 위험)"
}

.prd-grade03 {
  color: #0dab5f
}

.prd-grade03::before {
  background-color: #0dab5f
}

.prd-grade03::after {
  content: "3등급(다소 높은 위험)"
}

.prd-grade04 {
  color: #336aff
}

.prd-grade04::before {
  background-color: #336aff
}

.prd-grade04::after {
  content: "4등급(보통 위험)"
}

.prd-grade05 {
  color: #004096
}

.prd-grade05::before {
  background-color: #004096
}

.prd-grade05::after {
  content: "5등급(낮은 위험)"
}

.prd-grade06 {
  color: #5b45dc
}

.prd-grade06::before {
  background-color: #5b45dc
}

.prd-grade06::after {
  content: "6등급(매우 낮은 위험)"
}

/* unactive : td,th 색상변경방지 */
.table.over.unactive tbody tr.active th,
.table.over.unactive tbody tr.active td,
.table.table_result.unactive tbody tr.active th,
.table.table_result.unactive tbody tr.active td {
  color: #272833 !important;
  background: rgba(242, 240, 246, 0.55) !important;
}

.table.over tbody tr.unactive {
  cursor: default;
}

.table.over tbody tr.unactive.active th,
.table.over tbody tr.unactive.active td,
.table.over tbody tr.unactive.active th:hover,
.table.over tbody tr.unactive.active td:hover {
  color: #272833 !important;
  background: #f2f0f6;
}


/* 툴팁 */
.tooltip-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}

.tooltip-wrap .title {
  line-height: 1;
}

.tooltip-wrap .tit>p {
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
}

.tooltip {
  position: relative;
  display: flex;
  align-items: center;
}

.tooltip .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../../static/img/btn/fill.png') no-repeat center center / cover;
  cursor: pointer;
}

.tooltip-msg {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 27px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px;
  border: 1px solid #5b5fe4;
  border-radius: 6px;
  background-color: #fff;
  min-width: 215px;
}

.tooltip-msg.on {
  display: block;
}

.tooltip-msg::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(315deg);
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-top: 1px solid #5b5fe4;
  border-right: 1px solid #5b5fe4;
}

.tooltip-msg.left {
  transform: translateX(0);
  left: -15px;
}

.tooltip-msg.left::before {
  transform: rotate(315deg);
  left: 16px;
}

.tooltip-msg.right {
  left: auto;
  transform: translateX(0);
  right: -16px;
}

.tooltip-msg.right::before {
  transform: rotate(315deg);
  left: auto;
  right: 16px;
}

.tooltip-msg .close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 16px;
  height: 16px;
  background-image: url('../../static/img/btn/btn_close.png');
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -9999em;
}

.tooltip-msg .msg-title {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 20px 0 0;
}

.tooltip-msg .msg-desc {
  margin-top: 8px;
  color: #71747c;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  word-break: break-all;
}


/* ETF랭킹 (관리자 미리보기용) */
.section-title {
  background-color: #f2f5fd;
  padding: 100px 0;
	text-align: center;
}

.section-title .headline {
  color: #232423;
  font-size: 48px;
  font-weight: 600;
}

.pageClassTrend .lanking {
  width: 1488px;
  background-color: #fff;
  padding: 0 0 16px;
  margin: 0 auto;
}

.pageClassTrend .lanking .rd-top .rd-filter {
  border: 1px solid #dee1f0;
  border-radius: 6px;
  padding: 24px 32px;
}

.pageClassTrend .lanking .multiple .tab-list li input[type="checkbox"]+label span {
  font-size: 14px;
}

.pageClassTrend .lanking .rd-cont {
  margin-top: 45px;
}

.pageClassTrend .lanking .rd-cont .rd-cont-title {
  color: #71747c;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 16px;
}

.pageClassTrend .lanking .rd-cont .rd-cont-title strong {
  color: #232433;
  font-weight: 600;
}

.pageClassTrend .lanking .rd-cont .rd-cont-list {
  border: 1px solid #dee1f0;
  border-radius: 6px;
  padding: 32px 40px;
}

.pageClassTrend .lanking .rd-cont .rd-cont-list .rd-cont-item:not(:first-child) {
  margin-top: 32px;
}

.pageClassTrend .lanking .rd-cont .rd-cont-list .rd-cont-item .rd-cont-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.pageClassTrend .lanking .rd-cont .rd-cont-list .rd-cont-item .rd-cont-top dt {
  font-size: 20px;
  font-weight: 600;
}

.pageClassTrend .lanking .rd-cont .rd-cont-list .rd-cont-item .rd-cont-top dd {
  color: #71747c;
  font-size: 15px;
}

.pageClassTrend .lanking .rd-cont table .rank {
  padding-top: 40px;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: top center;
}

.pageClassTrend .lanking .rd-cont table .rank.first { background-image: url('../../static/img/common/prd_card_rank_01.png'); }
.pageClassTrend .lanking .rd-cont table .rank.second { background-image: url('../../static/img/common/prd_card_rank_02.png'); }
.pageClassTrend .lanking .rd-cont table .rank.third { background-image: url('../../static/img/common/prd_card_rank_03.png'); }

.pageClassTrend .lanking .rd-cont table span.data {
  position: relative;
  margin: 0 2px;
  line-height: .8;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
}

.pageClassTrend .lanking .rd-cont table span.data.plus,
.pageClassTrend .lanking .rd-cont table span.data.minus {
  padding-left: 16px;
}

.pageClassTrend .lanking .rd-cont table span.data.plus::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 5px;
  border-bottom: 7px solid #f14e4e;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.pageClassTrend .lanking .rd-cont table span.data.minus::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 6px;
  border-top: 7px solid #507aff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}


.pageClassTrend .lanking .product-info {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.pageClassTrend .lanking .product-smr {
  display: flex;
  align-items: flex-start;
  margin-bottom: 4px;
}

.pageClassTrend .lanking .product-info .product-smr .product-code {
  color: #93959c;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.pageClassTrend .lanking .product-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  position: relative;
}

.pageClassTrend .lanking .prd-name {
  position: relative;
  color: #232433;
  font-size: 18px;
  font-weight: 500;
  line-height: 2.52rem;
}

.pageClassTrend .lanking .prd-name > a {
  width: 100%;
  color: inherit;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  word-break: break-all;
}

.pageClassTrend .lanking .prd-name .text-blue {
  color: #006af9 !important;
}

.pageClassTrend .lanking input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}