@charset 'UTF-8';

#wrap.main { background-color:#eaf3ff; }

.main-strip-banner { margin:-34px -20px 0; }
.main-strip-banner a { display:block; text-align:center; }
.main-strip-banner img { margin:0 auto; max-width:100%; }
.main-strip-banner .ban-in { position:relative; }
.main-strip-banner .ban-in .link-1, .main-strip-banner .ban-in .link-2 { position:absolute; bottom:47%; left:5%; width:44%; height:10%; }
.main-strip-banner .ban-in .link-2 { left:51%; }

.contents-main {padding:34px 20px 0;  background:url('../img/main/vis-bg.png') 0 0 no-repeat; background-size:100% auto; }
.m-title {letter-spacing:-.26px;  font-size:26px; font-weight:700; color:#222; }
.m-title-2 { font-size:22px; font-weight:700; color:#222; }
.contents-main .btn-more { position:absolute; top:2px; right:0; }

.main-fund { position:relative; }
.main-fund .btn-more { top:7px; }
.main-fund .tab-4 { margin-top:7px; }
.main-fund .tab-4 .tab-in {justify-content:space-between;  width:316px; }
.main-fund .tab-4 .tab-item { padding:0; }
.main-fund-cont { margin-top:0; }

.main-fd-list {overflow:hidden; margin:0 -20px 0 -10px;  padding:13px 0 0 0; }
.main-fd-list .fd-item { float:left; margin:0 10px 0 10px; width:300px; height:292px; }
.main-fd-list .slick-list {margin:-10px 0 -10px;  padding:10px 0 10px 10px; }
.main-fd-list .fd-item { border-radius:20px; }
.main-fd-list .fd-link { padding:30px 20px 20px 30px; }
.main-fd-list .fd-name {margin-top:14px;  font-size:28px; }
.main-fd-list .fd-des {display:block; display:-webkit-box; overflow:hidden;  margin-top:7px; height:4.5em; text-overflow:ellipsis; word-wrap:normal; word-break:normal;-webkit-line-clamp:3; -webkit-box-orient:vertical; }
.main-fd-list .fd-btns {right:16px;  bottom:20px; }

.main-theme { position:relative; margin-top:45px; }
.main-theme .theme-key-list { padding-top:15px; padding-bottom:10px; }
.main-theme .theme-key-list .tk-item {margin-right:10px;  width:120px; height:120px; font-size:13px; font-weight:500; }
.main-theme .theme-key::before, .main-theme .theme-key::after { display:none; }
.main-theme .theme-key-list .img { margin-top:18px; }

.main-fund-banner { position:relative; margin:54px -20px 0; height:200px; background:#0f64ce url('../img/main/main-fund-banner.png') top right -5px no-repeat; background-size:375px; }
.main-fund-banner .banner-info { padding:28px 0 0 30px; color:#fff; }
.main-fund-banner .banner-title { font-size:24px; font-weight:500; }
.main-fund-banner .banner-txt { margin-top:11px; font-size:11px; font-weight:300; }
.main-fund-banner .banner-btn { display:block; margin-top:17px; width:110px; height:36px; border-radius:100px; background:#00428e; text-align:center; font-size:12px; font-weight:500; line-height:36px; color:#fff; }

.main-target { position:relative; margin-top:30px; }
.main-target .target-fund::before, .main-target .target-fund::after { display:none; }
.main-target .target-list { padding-top:15px; padding-bottom:10px; }
.main-target .target-list .tg-item-link { padding:34px 30px 0 30px; white-space:normal; }
.main-target .target-list .tg-item-link video { position:absolute; right:10px; bottom:10px; display:block; width:160px; height:160px; z-index:1; }
.main-target .target-list .tg-item { width:252px; height:276px; }
.main-target .target-list .txt-2 {position:relative; margin-top:14px;  font-size:13px; z-index:2; }
.main-target .target-list li {background-color:#fff;  background-position:right 18px bottom 10px; background-size:160px; }
.main-target .target-list .txt {position:relative;  font-size:26px; line-height:1; z-index:2; }

.main-tv { position:relative; margin:10px -20px 0; padding:46px 0 60px 20px; background:#eaf3ff; }
.main-tv .btn-more { margin:46px 16px 0 0; }
.main-tv .tv-list {overflow:hidden; margin:0 0 0 -10px;  padding:18px 0 0 0; }
.main-tv .tv-list .slick-list {margin:-10px 0 -10px;  padding:10px 0 10px 10px; }
.main-tv .tv-item-link { display:block; }
.main-tv .tv-list .tv-item { float:left; margin:0 5px 0 5px; width:252px; height:237px; border-radius:12px; background-color:#fff; box-shadow:0 2px 12px 0 rgba(216, 219, 229, .5); }
.main-tv .tv-list .gd-thumb { height:142px; }
.main-tv .tv-list .gd-txt { padding:21px 20px 20px; }
.main-tv .tv-list .gd-txt em.bar::after { content:''; display:inline-block; margin:0 10px -2px; width:1px; height:15px; background:#ddd; }
.main-tv .tv-list::after { content:''; display:block; clear:both; }
.main-tv .gd-subj { font-size:16px; font-weight:300; }
.main-tv .tv-item-link { display:block; }

/* .main-strategy { position:relative; margin:10px -20px 0; padding:46px 0 30px 20px; background:#eaf3ff; }
.main-strategy .btn-more { margin:46px 16px 0 0; }
.main-strategy .stg-list { overflow:hidden; margin:0 0 0 -10px; padding:18px 0 0 0; }
.main-strategy .stg-list .slick-list { margin:-10px 0 -10px; padding:10px 0 10px 10px; }
.main-strategy .stg-item { position:relative; float:left; overflow:hidden; margin:0 5px 0 5px; width:252px; height:247px; border-radius:12px; background-color:#fff; box-shadow:0 2px 12px 0 rgba(216, 219, 229, .5); }
.main-strategy .stg-thumb { height:142px; }
.main-strategy .gd-subj { padding:18px 20px 20px; height:4em; font-size:16px; line-height:22.4px; }
.main-strategy .stg-date { position:absolute; bottom:20px; left:20px; font-size:12px; font-weight:300; line-height:18px; color:#707070; } */

.main-strategy { position:relative; margin:45px 0 20px; }
.main-strategy .stg-list-wrap { position:relative; margin:0 -20px 0 -20px; font-size:0; white-space:nowrap; }
.main-strategy .stg-list { overflow-x:auto; padding:15px 20px 10px; -webkit-overflow-scrolling:touch; }
.main-strategy .stg-item { position:relative; display:inline-block; overflow:hidden; margin-right:10px; width:252px; height:247px; border-radius:12px; background-color:#fff; box-shadow:0 2px 12px 0 rgba(216, 219, 229, .5); }
.main-strategy .stg-item:last-child { margin-right:0; }
.main-strategy .stg-thumb { height:142px; }
.main-strategy .stg-thumb img { display:block; height:100%; }
.main-strategy .gd-subj { padding:18px 20px 20px; height:4em; font-size:16px; line-height:22.4px; }
.main-strategy .stg-date { position:absolute; bottom:20px; left:20px; font-size:12px; font-weight:300; line-height:18px; color:#707070; }

.main-strategy-2 { position:relative; margin:10px -20px 0; padding:46px 0 30px 20px; background:#eaf3ff; }
.main-strategy-2 .btn-more { margin:46px 16px 0 0; }
.main-strategy-2 .stg-list { overflow:hidden; margin:0 0 0 -10px; padding:18px 0 0 0; }
.main-strategy-2 .stg-list .slick-list { margin:-10px 0 -10px; padding:10px 0 10px 10px; }
.main-strategy-2 .stg-item { position:relative; float:left; overflow:hidden; margin:0 10px; width:335px; height:302px; border-radius:12px; background-color:#fff; box-shadow:0 2px 12px 0 rgba(216, 219, 229, .5); }
.main-strategy-2 .stg-thumb { height:189px; }
.main-strategy-2 .gd-subj { padding:18px 20px 20px; height:4em; font-size:16px; line-height:22.4px; }
.main-strategy-2 .stg-date { position:absolute; bottom:20px; left:20px; font-size:12px; font-weight:300; line-height:18px; color:#707070; }


.main-news .news-link { position:relative; display:block; padding:24px 24px 80px 24px; height:100%; border-radius:12px; background:#0f64ce url('../img/main/news.png') 100% 100% no-repeat; background-size:170px auto; color:#fff; box-shadow:0 2px 12px 0 rgba(156, 169, 185, .6); }
.main-news .news-cate { display:inline-block; padding:4px 8px; border-radius:20px; background:rgba(255, 255, 255, .20); font-size:10px; font-weight:500; }
.main-news .news-txt { display:block; display:block; margin-top:8px; font-size:20px; }
.main-news .news-btn { display:block; margin-top:16px; font-size:14px; font-weight:300; line-height:22px; }
.main-news .news-btn .i-arr-3::after { margin:4px 0 0 4px; filter:brightness(10); }

.main-research { margin-top:50px; }
.main-live {margin-top:15px;  height:330px; }
.main-live .live-link {position:relative;  display:block; padding:24px 24px 80px 24px; height:100%; border-radius:12px; background:#3db6ae url('../img/main/live.png') 100% 100% no-repeat; background-size:208px auto; color:#fff; box-shadow:0 2px 12px 0 rgba(156, 169, 185, .6); }
.main-live .live-cate { display:block; font-size:13px; font-weight:500; }
.main-live .live-cate::before { margin:-4px 6px 0 0; }
.main-live .live-txt { display:block; margin-top:10px; font-size:22px; }
.main-live .live-btn { display:block; margin-top:30px; width:117px; height:42px; border-radius:42px; background:#fff; text-align:center; font-size:12px; font-weight:500; line-height:42px; color:#268d74; }
.main-live .live-date { position:absolute; right:23px; bottom:39px; display:block; width:87px; height:26px; border-radius:26px; background:rgba(34, 34, 34, .8); text-align:center; font-size:12px; line-height:26px; }

.main-rch-list-wrap { margin:20px -10px 0; }
.main-research .slick-slide { padding:10px 10px; }
.main-rch-list li { position:relative; }
.main-rch-list li + li { margin-top:16px; }
.main-rch-list .item-link { display:block; padding:24px 30px 30px 30px; width:100%; border-radius:12px; background:#fff; box-shadow:0 2px 12px 0 rgba(216, 219, 229, .6); }
.main-rch-list .subj {display:block; display:-webkit-box; visibility:visible; overflow:hidden;  margin-top:9px; height:3em; text-overflow:ellipsis; font-size:18px; font-weight:500; word-wrap:break-word; color:#222; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main-rch-list .date { display:block; margin-top:10px; font-size:12px; }

.main-notice { position:relative; margin-top:60px; padding-top:35px; border-top:solid 1px #222; }
.main-notice .btn-more, .main-announce .btn-more { margin:35px 0 0 0; }
.main-announce { position:relative; margin-top:44px; padding-top:35px; border-top:solid 1px #eaeaea; }
.main-board-list { margin-top:14px; }
.main-board-list .bd-link { display:flex; overflow:hidden; padding:5px 0 5px; font-size:13px; }
.main-board-list .bd-subj { display:inline-block; overflow:hidden; width:calc(100% - 100px); vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; color:#222; }
.main-board-list .bd-date { display:inline-block; width:100px; vertical-align:middle; text-align:right; }

.main-footer .footer-caution { display:block; margin-top:22px; color:#aaa; }
.footer-caution .dot-list > li { padding-left:1em; text-indent:-.6em; font-size:11px; line-height:19px; }
.footer-caution .dot-list > li + li { margin-top:8px; }
.footer-caution .dot-list > li::before { margin-right:6px; background-color:#aaa; }
.footer-caution .text { margin-top:14px; font-size:11px; }