@charset "UTF-8";

.mgt-5 { margin-top:5px !important; }
.mgt-10 { margin-top:10px !important; }
.mgt-20 { margin-top:20px !important; }
.mgt-25 { margin-top:25px !important; }
.mgt-30 { margin-top:30px !important; }
.mgt-35 { margin-top:35px !important; }
.mgt-40 { margin-top:40px !important; }
.mgt-50 { margin-top:50px !important; }
.mgt-60 { margin-top:60px !important; }
.mgt-70 { margin-top:70px !important; }
.mgt-80 { margin-top:80px !important; }
.mgt-15 { margin-top:15px !important; }


/****************************** 텍스트 ******************************/
.g-title { position:relative; display:inline-block; font-family:KBFGDisplay; font-size:27px; line-height:55px; font-weight:700; transition:all 0.3s; transform-origin:right; }

.g-title-2 { font-size:12px; font-weight:300; line-height:1.5; margin:30px 0 10px; }
.g-title-3 { font-size:18px; line-height:1.5; margin:15px 0 15px; }
div.g-title-3 { display:flex; }
div.g-title-3 .title-sub-r { margin-left:auto; font-size:11px; height:26px; font-weight:300; line-height:26px; color:#999; }
div.g-title-3 .title-chk-r { margin:2px 0 -2px auto; }
.g-title-3.cmgt { margin-top:70px; }
.g-title-3.cmgt-2 { margin-top:40px; }
.g-title-4 { margin:33px 0 18px; font-size:17px; line-height:1.235; font-weight:700; }
div.g-title-5 { display:flex; }
div.g-title-5 .title-sub-r { margin-left:auto; font-size:11px; height:30px; font-weight:300; line-height:37px; color:#333; }
.g-title-5 { font-family:'KBFGDisplay'; font-size:23px; margin:47px 0 -5px; line-height:1.304; }
.g-title-5.cmgt-0 { margin-top:0; }
.g-title-5.cmgt-2 { margin-top:70px; }
.g-title-5.cmgt-3 { margin-top:57px; }
.g-title-5 em { display:block; margin-bottom:10px; font-weight:300; }
.g-title-6 { font-family:'KBFGDisplay'; font-size:25px; margin:40px 0 -5px; line-height:1.304; text-align:center; font-weight:700; }
div.g-title-7 { margin-bottom:0; }
div.g-title-7 .title-sub-r { display:block; font-size:11px; color:#333; text-align:right; }
.g-title-7 { font-size:18px; margin:42px 0 -7px; }
.g-title-8 { font-family:'KBFGDisplay'; font-size:17px; line-height:1.235; margin:19px 0 6px; }

.g-title-sub { font-family:KBFGDisplay; font-size:14px; line-height:1.4; margin:0 0 -2px; }
.g-title-sub-2 { display:block; font-size:13px; font-weight:300; color:#555; line-height:1.538; margin-bottom:-8px; }
.g-title-sub-3 { display:block; font-size:12px; line-height:1.4; font-weight:300; margin-bottom:-8px; }
.g-title-sub-4 { display:block; width:100%; font-size:13px; letter-spacing:0; margin-top:20px; line-height:1.304; }
.g-title-sub-4 li { text-indent:-0.8em; margin-left:0.8em; letter-spacing:0; }
.g-title-sub-4 li + li { margin-top:11px; }
.g-title-sub-4 .sub-txt { margin:10px 0 0 1.8em; font-size:11px; font-weight:300; }
.g-title-sub-6 { display:block; margin-top:2px; font-size:11px; color:#666; font-family:'KBFGDisplay'; text-align:center; }
.g-title-sub-7 { display:block; font-size:15px; color:#fff; font-family:'KBFGDisplay'; text-align:left; font-weight:300; }
.g-title-5 + .g-title-sub-3 { margin-top:19px; }
.g-title-3 + .g-title-sub { margin-top:-6px; }
.g-title-5 + .g-title-sub-2 { margin-top:19px; }
.g-title-5 + .g-title-sub-4 { margin-top:14px; letter-spacing:-0.025em; }

.msg-txt { font-family:KBFGDisplay; font-size:20px; font-weight:300; line-height:1.5; margin-top:15px; }

.sub-head { margin-top:37px; }
.sub-head-inner { padding:0 25px; }

.sub-title { position:relative; height:70px; padding-top:3px; }
.sub-title.ty-2 { padding-top:15px; text-align:center; }
.sub-title .menu { display:inline-block; text-align:left; }
.sub-title .menu .menu-btn { vertical-align:7px; line-height:0; padding:5px; margin-left:1px; }
.sub-title .menu .menu-list { display:none; position:absolute; left:0; top:100%; margin-top:-17px; z-index:1003; background:#fff; border:solid 1px #000;  }
.sub-title .menu .menu-list a { display:block; border-bottom:solid 1px #ddd; padding:16px 20px 14px; font-size:16px; font-weight:500; }
.sub-title .menu.dropdown-show .i-menu { transform:rotate(180deg); }

.sub-title .board-sch { position:absolute; width:30px; right:0; top:7.5px; width:10px; transition:all 0.5s; transform-origin:right; height:55px; border-radius:27.5px; border:solid 2px rgba(0,0,0,0); z-index:10; background:#fff; }
.sub-title .board-sch .fm-sch-togg { position:absolute; right:-2px; top:13px; transition:all 0.5s; z-index:20; }
.sub-title .board-sch .fm-sch { position:absolute; left:12px; top:6px; line-height:0; padding:10px; transition:all 0.1s; opacity:0; }
.sub-title .board-sch .fm-ipt { width:100%; height:55px; font-size:14px; border:none; background:transparent; opacity:0; }

.sub-title.show-sch .g-title { opacity:0; }
.sub-title.show-sch .board-sch { border:solid 2px rgba(0,0,0,1); width:100%; }
.sub-title.show-sch .board-sch .fm-sch { opacity:1; transition:all 0.5s; right:auto; }
.sub-title.show-sch .board-sch .fm-sch-togg { transform:translateX(-22px); transform-origin:right; }
.sub-title.show-sch .board-sch .i-sch { background-position:-72px 0; width:22px; height:22px; }
.sub-title.show-sch .board-sch .fm-ipt { padding:0 60px 0 53px; opacity:1; transition:all 0.5s; }
.sub-title .sub-prev { position:absolute; left:-50px; line-height:0; }
.sub-btn { position:absolute; top:-56px; right:20px; line-height:0; z-index:1003; }
.sub-btn .btn-t-4 { padding:0 10px; top:0; }

.sub-head.ty-2 { position:relative; height:215px; margin-top:0; margin-bottom:26px; }
.sub-head.ty-2 .sub-head-inner { position:absolute; left:0; right:0; top:38px; }
.sub-head.ty-2 .page-nav { position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); height:52px; }
.sub-head.ty-2 .page-nav a { position:absolute; top:0; z-index:2; font-size:12px; line-height:1; color:#888; line-height:52px; }
.sub-head.ty-2 .page-nav .page-prev { left:25px; }
.sub-head.ty-2 .page-nav .page-prev .i-arr-8::before { margin-left:0; margin-right:3px; transform:rotate(225deg); }
.sub-head.ty-2 .page-nav .page-next { right:25px; }
.sub-head.ty-2 .page-nav .page-current { display:block; text-align:center; font-family:'KBFGDisplay'; font-size:17px; line-height:52px; color:#fff; }
.sub-head.ty-2 .g-title-sub { margin-top:-4px; color:#fff; }
.sub-head.ty-2 .bg img { width:100%; height:100%; }
.sub-head.ty-2.fixed .g-title-sub, .sub-head.ty-2.fixed .g-title-sub-7 { opacity:0; }
.sub-head.ty-2:not(.fixed) .sub-head-inner .g-title { color:#fff; }
.sub-head.ty-2:not(.fixed) .i-menu { background-position:-197px -234px; }

.sub-head.fixed .sub-head-inner { position:fixed; top:0; text-align:center; margin-top:0; left:0; right:0; z-index:1004; background:#fff; }
.sub-head.fixed .sub-head-inner .g-title { transform:scale(0.8) translateY(10px); animation:none; }
.sub-head.fixed .sub-head-inner .menu-list { left:50%; transform:translate(-50%); }
.sub-head.fixed .sub-head-inner .menu { vertical-align:-9px; }
.sub-head.fixed .sub-head-inner .menu-btn { animation:none; }
.sub-head.fixed .sub-head-inner .sub-title { padding-top:0; z-index:1004; }
/*.sub-head.fixed .sub-head-inner .sub-title:only-child::before { content:''; position:absolute; left:-25px; right:-25px; bottom:-2px; height:2px; background:#000; }*/
.sub-head.fixed .sub-head-inner .sub-title::before { content:''; position:absolute; left:-25px; right:-25px; bottom:-2px; height:2px; background:#000; }
.sub-head.fixed .sub-head-inner .sub-title .sub-prev { left:0px; top:27px; }
.sub-head.fixed .sub-head-inner .sub-title .sub-prev { left:0px; top:27px; }

.board-sch-2 { position:relative; height:55px; border-radius:27.5px; border:solid 2px rgba(0,0,0,1); z-index:10; background:#fff; width:100%; }
.board-sch-2 .fm-sch { position:absolute; right:12px; top:6px; line-height:0; padding:10px; }
.board-sch-2 .fm-sch-togg { position:absolute; right:22px; top:13px; }
.board-sch-2 .i-sch { background-position:-72px 0; width:22px; height:22px; }
.board-sch-2 .fm-ipt { width:100%; height:55px; font-size:14px; border:none; background:transparent; padding:0 60px 0 23px; text-align:left; }

.ps-txt { margin-top:26px; font-size:16px; color:#666; font-weight:300; line-height:1.625; letter-spacing:-0.025em; }
.ps-txt-2 { margin-top:6px; font-size:12px; color:#555; font-weight:300; line-height:1.666; letter-spacing:-0.025em; }
.ps-txt-3 { margin-top:14px; font-size:12px; color:#888; font-weight:300; line-height:1.666; letter-spacing:-0.025em; }
.ref:last-child { margin-bottom:-60px; }
.ref { border-top:solid 15px #e5e5e5; margin:0 -25px; padding:0 25px; }
.ref.noline { border-top:none; }
.ref .title { display:block; width:100%; position:relative; font-size:17px; font-weight:500; height:62px; line-height:62px; text-align:left; }
.ref .title.i-arr-2::after { position:absolute; right:0; top:50%; margin-top:-3px; }
.ref .ref-def { color:#333; }
.ref .ref-def dt { font-size:16px; margin-top:13px; font-size:15px; text-indent:-1.2em; margin-left:1.2em; }
.ref .ref-def dd { font-weight:300; margin-top:3px; line-height:1.59; }
.ref .ref-def .ref-ex { display:block; text-indent:-1.85em; margin-left:1.85em; }
.ref .ref-list li { font-weight:300; text-indent:-0.8em; margin-left:0.8em; }
.ref .title.active.i-arr-2::after { transform:rotate(180deg); }
.ref .cont { display:none; padding:20px 0; border-top:solid 1px #ddd; }

.ref-2 { margin-top:50px; }
.ref-2 .title { font-family:KBFGDisplay; font-size:18px; padding-bottom:18px; margin-bottom:13px; border-bottom:solid 1px #000; }

/****************************** 탭 ******************************/
.tab, .tab-2 { position:relative; white-space:nowrap; font-size:0; text-align:left; line-height:52px; min-height:52px; }
.tab .swipe-cont, .tab-2 .swipe-cont, .tab .tab-in, .tab-2 .tab-in { position:relative; }
.tab { background:#000; }
.tab::before { content:''; display:block; position:absolute; left:-25px; right:-25px; height:52px; background:#000; }
.tab li { display:inline-block; vertical-align:top; }
.tab .tab-item { display:block; font-size:17px; padding:0 15px; font-family:'KBFGDisplay'; color:#888; font-weight:300; }
.tab .active .tab-item { color:#fff; font-weight:500; }
.tab li:last-child .tab-item{ padding-right:0; }
.tab li:first-child .tab-item{ padding-left:0; }
.tab.fixed .tab-in { position:fixed; left:0; top:0; right:0; z-index:100; background:#000; }

.tab-2::before { content:''; display:block; position:absolute; left:-25px; right:-25px; bottom:0; height:1px; background:#eee; }
.tab-2 li { display:inline-block; vertical-align:top; }
.tab-2 a { display:block; font-size:13px; padding:0 13px; font-family:'KBFGDisplay'; color:#666; font-weight:300; }
.tab-2 .active a { color:#000; font-weight:500; }

.tab-3.cmgt { margin-top:24px; }
.tab-3 .tab-in { display:flex; flex-wrap:wrap; background:#f8f8f8; border:solid 1px #ddd; border-width:0 1px 1px 0; }
.tab-3 li { display:inline-block; width:calc(33.333333% + 1px); margin:0 -1px -1px 0; }
.tab-3 .tab-item { display:block; position:relative; width:100%; height:37px; line-height:37px; font-weight:300; color:#555; background:#fff; cursor:pointer; font-size:12px; text-align:center; border:solid 1px #ddd; vertical-align:middle; box-sizing:border-box; }
.tab-3 .active .tab-item { background:#000; color:#fff; border-color:#000; z-index:2; }
.tab-3.ty-2 .tab-item { height:42px; line-height:42px; font-size:13px; }
.tab-3 .tab-item:disabled { background:#e5e5e5; color:#999; border-color:#ddd; }
.tab-3 .active > .tab-item:disabled { background:#999; color:#666; border-color:#999; }

.tab-4 { margin-top:-3px; }
.tab-4 li { display:inline-block; vertical-align:top; }
.tab-4 a { display:block; font-size:18px; margin-right:15px; font-family:'KBFGDisplay'; color:#999; font-weight:300; }
.tab-4 .active a { color:#111; font-weight:500; }

.tab-5 .tab-in { display:flex; flex-wrap:wrap; font-size:0; white-space:nowrap; }
.tab-5 .tab-in > li { flex:1; }
.tab-5 .tab-in > li:first-child .tab-item { border-radius:3px 0 0 3px; margin-left:0; }
.tab-5 .tab-in > li:last-child .tab-item { border-radius:0 3px 3px 0; }
.tab-5 .tab-item { display:block; position:relative; min-width:90px; height:35px; line-height:35px; font-weight:300; color:#888; background:#fff; font-size:12px; font-weight:300; text-align:center; border:solid 1px #ccc; vertical-align:middle; margin-left:-1px; box-sizing:border-box; }
.tab-5.ty-2 .tab-item { height:43px; line-height:43px; font-size:15px; }
.tab-5 .active > .tab-item { z-index:2; background:#615d56; color:#fff; font-weight:500; border-color:#615d56; }

.tab-6.cmgt { margin-top:-12px; }
.tab-6 .tab-in { display:flex; flex-wrap:wrap; line-height:0; }
.tab-6 .tab-in > li { flex:1; margin:-1px 0 -1px -1px; }
.tab-6 .tab-item { display:block; width:100%; height:40px; line-height:40px; font-weight:300; color:#555; background:#fff; font-size:14px; text-align:center; vertical-align:middle; box-sizing:border-box; border:solid 1px #ddd; }
.tab-6.ty-2 .tab-item { color:#000; font-size:13px; }
.tab-6 .active > .tab-item { position:relative; background:#000; color:#fff; border-color:#000; font-weight:500; z-index:2; }
.tab-6 > .msg { margin-bottom:13px; font-family:'KBFGText'; font-size:11px; line-height:1.54; text-align:center; }

.tab-7.ty-2 { margin:0 -26px 0; }
.tab-7 .tab-in { display:flex; flex-wrap:wrap; line-height:0; }
.tab-7 .tab-in > li { flex:1; margin:-1px 0 -1px -1px; }
.tab-7 .tab-item { display:block; height:53px; line-height:51px; color:#888; font-family:'KBFGDisplay'; background:#fff; font-size:17px; font-weight:300; text-align:center; vertical-align:middle; box-sizing:border-box; border:solid 1px #ddd; }
.tab-7 .active > .tab-item { position:relative; background:#000; color:#fff; font-weight:500; border-color:#000; z-index:2; }
.tab-7 .tab-item .count { display:inline-block; margin-left:2px; font-size:12px; }
.tab-7 .tab-in li.active .tab-item .count { color:#ffcc00; }
.contents.ty-2 > .tab-7 { margin-left:-1px; margin-right:-1px; }

.tab-8 .tab-in { display:flex; }
.tab-8 > .tab-in > li { flex:1; }
.tab-8 > .tab-in > li > .tab-item { position:relative; display:block; width:100%; height:35px; font-family:'KBFGDisplay'; font-size:12px; line-height:35px; color:#fff; overflow:hidden; background-color:rgba(0,0,0,.5); text-align:center; }
.tab-8 > .tab-in > li.active > .tab-item { background:#fff; color:#000; font-weight:700; }

.tab-9 { text-align:center; margin:16px 0 39px; }
.tab-9 li { display:inline-block; vertical-align:top; }
.tab-9 .tab-item { display:block; font-size:13px; padding:0 13px; color:#888; }
.tab-9 .active .tab-item { color:#000; font-weight:500; }
.tab-9 .active .tab-item::after { content:''; display:block; width:100%; height:2px; background:#000; }

.tab-10 { margin-right:-25px; }
.tab-10 .tab-in { display:flex; flex-wrap:wrap; line-height:0; border-bottom:2px solid #e5e5e5; }
.tab-10 .tab-in > li { flex:1; margin:-2px 0 -2px; }
.tab-10 .tab-item { display:block; width:100%; line-height:19px; padding-right:15px; font-weight:300; color:#888; font-size:16px; box-sizing:border-box; }
.tab-10 .tab-in.h-2 .tab-item { height:44px; }
.tab-10 .tab-item > .in { position:relative; display:inline-block; }
.tab-10 .tab-in.h-2 .tab-item > .in { height:38px; }
.tab-10 .tab-item > .in::before { content:''; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:#000; -webkit-transition:width 0.2s; transition:width 0.2s; }
.tab-10 .active > .tab-item { color:#000; font-weight:500; }
.tab-10 .active > .tab-item > .in::before { width:100%; }

.tab-11 { margin-top:12px; font-size:0; text-align:center; }
.tab-11 li { display:inline-block; vertical-align:top; margin-top:5px; }
.tab-11 li + li { margin-left:7px; }
.tab-11 .tab-item { display:block; padding:0 12px; font-size:14px; line-height:35px; color:#555; font-weight:300; background-color:#fff; border:1px solid #e5e5e5; border-radius:35px; }
.tab-11 .active .tab-item { color:#111; font-weight:500; border-color:#ffcc00; background-color:#ffcc00; }

.hashtag { display:block; margin-top:7px; font-size:14px; line-height:35px; text-align:center; }
.hashtag a { display:inline-block; padding:0 24px; margin:8px 3px 0; color:#000; background:#f2f2f2; border-radius:35px; }
.hashtag a + a { margin-left:4.5px; }
.hashtag .active { background:#ffcb06; }

.i-ring-arr-2 { position:relative; }
.i-ring-arr-2::after { display:inline-block; width:12px; height:12px; margin:0 0 3px 6px; border:1px solid rgba(136,136,136,.8); border-radius:12px; }
.i-ring-arr-2::before { content:''; position:absolute; right:4px; top:4px; width:0; height:0; border-style:solid; border-width:3px 0 3px 4px; border-color:transparent transparent transparent #000; }

/****************************** dot list ******************************/
.list-dot { line-height:1.7; margin:-4px 0 -5px; }
.list-dot dt { font-size:14px; margin-bottom:8px; }
.list-dot > li, .list-dot > dd { font-size:12px; font-weight:300; text-indent:-0.9em; margin-left:0.9em; margin-top:6px; }
.list-dot > li:first-child { margin-top:0 !important; }
.list-dot > li::before, .list-dot > dd::before { content:''; display:inline-block; width:3px; height:3px; background-color:#000; margin:9px 7px 0 0; vertical-align:top; border-radius:100%; }
.list-dot.cmgt { margin-top:46px; }
.list-dot.cmgt-2 { margin-top:19px; }

.list-dot-2 { line-height:1.65; }
.list-dot-2 > li, .list-dot-2 > dd { font-size:12px; font-weight:300; padding-left:0.8em; margin-top:5px; color:#333; position:relative; }
.list-dot-2 > li:first-child { margin-top:0 !important; }
.list-dot-2 > li::before, .list-dot-2 > dd::before { position:absolute; content:''; display:inline-block; left:0; top:5px; width:2px; height:2px; background-color:#333; vertical-align:top; border-radius:100%; }
.list-dot-2 li p+p, .list-dot-2 dd p+p { margin-top:5px; }
.list-dot-2.cmgt { margin-top:20px; }
.list-dot-2.cmgt-2 { margin-top:16px; }

.list-dot-3 { line-height:1.65; }
.list-dot-3 > li, .list-dot-2 > dd { font-family:KBFGDisplay; font-size:14px; font-weight:300; padding-left:0.45em; color:#333; position:relative; }
.list-dot-3 > li::before, .list-dot-2 > dd::before { position:absolute; content:''; display:inline-block; left:0; top:9px; width:2px; height:2px; background-color:#333; vertical-align:top; border-radius:100%; }

.list-dot-4 { margin:-5px 0 -6px; font-size:14px; font-weight:300; line-height:1.57; color:#111; } /* dot 관리자 연동으로 블릿은 삭제 */
.fundview-title + .list-dot-4 { margin-top:1px; }
.list-dot-4 dt { margin:25px 0 8px; font-size:15px; font-weight:500; line-height:1.6; }
.list-dot-4 > li, .list-dot-4 > dd { margin-top:6px; }
.list-dot-4 > li:first-child, .list-dot-4 > dt:first-child{ margin-top:0 !important; }

/****************************** range slider ******************************/
.range-slider { position:relative; padding:42px 0 42px; margin:0 auto; width:calc(100vw - 90px); min-height:15px; }
.range-slider::before { content:''; position:absolute; left:-10px; right:-10px; top:42px; z-index:1; height:15px; background:#eee; border-radius:7.5px; }
.range-slider .ui-slider-range { position:absolute; top:9px; height:15px; z-index:3; background:#666; }
.range-slider .ui-slider-range, .range-slider::after, .range-slider::before { top:42px; }
.range-slider .handle { position:absolute; top:39px; left:0; z-index:6; width:20px; height:20px; margin-left:-10px; background:#666; border:4px solid #fff; border-radius:20px; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); }
.range-slider .handle::after { content:''; position:absolute; left:4px; top:3px; width:0; height:0; border-style:solid; border-width:3px 4px 3px 0; border-color:transparent #fff transparent transparent; }
.range-slider .handle:first-child::after { border-width:3px 0 3px 4px; border-color:transparent transparent transparent #fff; }
.range-slider .handle .tooltip { position:absolute; left:50%; top:-42px; padding:0 12px; font-size:14px; color:#fff; line-height:25px; border:1px solid rgba(0,0,0,0.2); border-radius:29px; background:#f5f5f5; white-space:nowrap; transform:translateX(-50%); }
.range-slider .handle .tooltip::after { content:''; position:absolute; bottom:0; left:50%; margin:0 -4px -4px; width:5px; height:5px; border-style:solid; border-width:0 1px 1px 0; border-color:rgba(0,0,0,0.2); background:#fff; transform:rotate(45deg); }
.range-slider .handle + .handle .tooltip { top:auto; bottom:-42px; }
.range-slider .handle + .handle .tooltip::after { bottom:100%; margin-bottom:-2px; transform:rotate(225deg); }
.range-slider .handle.case-1 .tooltip { left:-20px; transform:translateX(0); }
.range-slider .handle.case-1 .tooltip::after { left:26px; }
.range-slider.grade-range .handle.case-6 .tooltip, .range-slider.num-range .handle.case-7 .tooltip { left:auto; right:-20px; transform:translateX(0); }
.range-slider.grade-range .handle.case-6 .tooltip::after, .range-slider.num-range .handle.case-7 .tooltip::after { left:auto; right:26px; }
.range-slider .legend { position:relative; height:15px; z-index:4; }
.range-slider .legend span { position:absolute; top:5px; left:0; width:0; height:0; font-size:0; line-height:0; white-space:nowrap; }
.range-slider .legend span::before { content:''; position:absolute; left:50%; top:0; width:5px; height:5px; background:rgba(0,0,0,0.2); border-radius:5px; transform:translateX(-50%); }
.range-slider .legend span:last-child { left:auto !important; right:0; }
.range-slider .legend span.p6-2 { left:20%; }
.range-slider .legend span.p6-3 { left:40%; }
.range-slider .legend span.p6-4 { left:60%; }
.range-slider .legend span.p6-5 { left:80%; }
.range-slider .legend span.p7-2 { left:16.66%; }
.range-slider .legend span.p7-3 { left:33.33%; }
.range-slider .legend span.p7-4 { left:50%; }
.range-slider .legend span.p7-5 { left:66.66%; }
.range-slider .legend span.p7-6 { left:83.33%; }
.range-slider .ui-slider-range {
	background: #ec0010;
	background: -moz-linear-gradient(left,  #ec0010 0%, #ec5413 20%, #f2b500 40%, #27a131 60%, #2771bc 80%, #0d2d7f 100%);
	background: -webkit-linear-gradient(left,  #ec0010 0%,#ec5413 20%,#f2b500 40%,#27a131 60%,#2771bc 80%,#0d2d7f 100%);
	background: linear-gradient(to right,  #ec0010 0%,#ec5413 20%,#f2b500 40%,#27a131 60%,#2771bc 80%,#0d2d7f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec0010', endColorstr='#0d2d7f',GradientType=1 );
	background-size:calc(100vw - 90px) 20px;
}

.range-slider.grade-range .ui-slider-range.case-2 { background-position:calc((100vw - 90px) / 5 *-1) 0; }
.range-slider.grade-range .ui-slider-range.case-3 { background-position:calc((100vw - 90px) / 5 *-2) 0; }
.range-slider.grade-range .ui-slider-range.case-4 { background-position:calc((100vw - 90px) / 5 *-3) 0; }
.range-slider.grade-range .ui-slider-range.case-5 { background-position:calc((100vw - 90px) / 5 *-4) 0; }
.range-slider.grade-range .ui-slider-range.case-6 { background-position:right 0; }

.range-slider.grade-range .handle.case-1, .range-slider.grade-range .handle.case-1 .tooltip, .range-slider.grade-range .handle.case-1 .tooltip::after { background:#ec0010; }
.range-slider.grade-range .handle.case-2, .range-slider.grade-range .handle.case-2 .tooltip, .range-slider.grade-range .handle.case-2 .tooltip::after { background-color:#ec5413; }
.range-slider.grade-range .handle.case-3, .range-slider.grade-range .handle.case-3 .tooltip, .range-slider.grade-range .handle.case-3 .tooltip::after { background-color:#f2b500; }
.range-slider.grade-range .handle.case-4, .range-slider.grade-range .handle.case-4 .tooltip, .range-slider.grade-range .handle.case-4 .tooltip::after { background-color:#27a131; }
.range-slider.grade-range .handle.case-5, .range-slider.grade-range .handle.case-5 .tooltip, .range-slider.grade-range .handle.case-5 .tooltip::after { background-color:#2771bc; }
.range-slider.grade-range .handle.case-6, .range-slider.grade-range .handle.case-6 .tooltip, .range-slider.grade-range .handle.case-6 .tooltip::after { background-color:#0d2d7f; }

.range-slider.num-range .ui-slider-range {
	background: #eee;
	background: -moz-linear-gradient(left,  #0066ff 0%, #666666 60%, #ff0000 100%);
	background: -webkit-linear-gradient(left,  #0066ff 0%, #666666 60%, #ff0000 100%);
	background: linear-gradient(to right,  #0066ff 0%, #666666 60%, #ff0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#ff0000',GradientType=1 );
	background-size:calc(100vw - 90px) 20px;
}
.range-slider .ui-slider-range.case-1 { background-position:0 0; }
.range-slider.num-range .ui-slider-range.case-2 { background-position:calc((100vw - 90px) / 6 *-1) 0; }
.range-slider.num-range .ui-slider-range.case-3 { background-position:calc((100vw - 90px) / 6 *-2) 0; }
.range-slider.num-range .ui-slider-range.case-4 { background-position:calc((100vw - 90px) / 6 *-3) 0; }
.range-slider.num-range .ui-slider-range.case-5 { background-position:calc((100vw - 90px) / 6 *-4) 0; }
.range-slider.num-range .ui-slider-range.case-6 { background-position:calc((100vw - 90px) / 6 *-5) 0; }
.range-slider.num-range .ui-slider-range.case-7 { background-position:right 0; }

.range-slider.num-range .handle.case-1, .range-slider.num-range .handle.case-1 .tooltip, .range-slider.num-range .handle.case-1 .tooltip::after { background:#0066ff; }
.range-slider.num-range .handle.case-2, .range-slider.num-range .handle.case-2 .tooltip, .range-slider.num-range .handle.case-2 .tooltip::after { background-color:#1d66d5; }
.range-slider.num-range .handle.case-3, .range-slider.num-range .handle.case-3 .tooltip, .range-slider.num-range .handle.case-3 .tooltip::after { background-color:#3966aa; }
.range-slider.num-range .handle.case-4, .range-slider.num-range .handle.case-4 .tooltip, .range-slider.num-range .handle.case-4 .tooltip::after { background-color:#55667f; }
.range-slider.num-range .handle.case-5, .range-slider.num-range .handle.case-5 .tooltip, .range-slider.num-range .handle.case-5 .tooltip::after { background-color:#7f5555; }
.range-slider.num-range .handle.case-6, .range-slider.num-range .handle.case-6 .tooltip, .range-slider.num-range .handle.case-6 .tooltip::after { background-color:#bf2a2a; }
.range-slider.num-range .handle.case-7, .range-slider.num-range .handle.case-7 .tooltip, .range-slider.num-range .handle.case-7 .tooltip::after { background-color:#ff0000; }

/****************************** CONTENTS LIST TYPE ******************************/
.list-thumb { display:flex; flex-wrap:wrap; justify-content:space-between; }
.list-thumb li { position:relative; width:calc(50% - 7px );  vertical-align:top; margin-top:38px; overflow:hidden; }
.list-thumb .item { display:block; width:100%; height:100%; }
.list-thumb .thumb { position:relative; overflow:hidden; background:#fafafa url("/static/img/common/thumb-bg.png") center center no-repeat; background-size:48px 34px; }
.list-thumb .thumb::before { content:''; display:block; padding-top:61.783439%; }
.list-thumb .cate { display:block; margin-top:18px; font-size:0; }
.list-thumb .subj { display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-family:KBFGDisplay; font-size:14px; line-height:1.4; margin:9px 0 -7px; }
.list-thumb .date { display:block; font-size:13px; color:#999; margin:18px 0 0; line-height:1; }
.list-thumb .thumb .ico-flag { position:absolute; right:7px; bottom:7px; z-index:3; }
.list-thumb .thumb img { position:absolute; width:100%; top:50%; z-index:2; transform:translateY(-50%); }
.list-thumb .thumb::after { content:''; position:absolute; display:block; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; top:0; left:0; }
.list-thumb li:first-child { width:100%; }
.list-thumb li:first-child .thumb::before { content:''; display:block; padding-top:59.0769%; }
.list-thumb li:first-child .cate { margin-top:23px; }
.list-thumb li:first-child .subj { font-size:18px; margin:9px 0 -7px; }
.list-thumb li:first-child .ico-flag { width:38px; height:29px; }
.list-thumb li:not(:first-child) .ico-txt-2 { height:18px; font-size:12px; line-height:19px; }

.list-box-ico .item { padding:25px 40px 22px 60px; border-radius:3px; border:1px solid #ddd; }
.list-box-ico .item + .item { margin-top:15px; }
.list-box-ico .item .subj { position:relative; font-size:15px; line-height:1.2; }
.list-box-ico .item .subj .ir-b::before { position:absolute; top:50%; left:-40px; transform:translateY(-50%); }
.list-box-ico .item .des { margin-top:8px; font-size:14px; font-weight:300; line-height:1.571; letter-spacing:0; }

/****************************** 게시판 리스트 ******************************/
.tb-list.line { border-top:solid 2px #000; }
.tb-list .tb-item { display:block; border-bottom:solid 1px #ddd; padding:23px 10px 22px; }
.tb-list .tb-item .ico-txt-2 { margin:3px 0 12px; }
.tb-list .tb-item .subj { display:block; font-family:KBFGDisplay; font-size:18px; line-height:1.4; font-weight:500; }
.tb-list .tb-item .info { margin-top:5px; }
.tb-list .tb-item .date { display:inline-block; font-size:13px; color:#999; line-height:1; }
.tb-list .tb-item .from { display:inline-block; font-size:13px; color:#555; line-height:1; }
.tb-list .tb-item .attach { display:inline-block; line-height:1; vertical-align:1px; }
.tb-list .tb-item .date + .attach::before,
.tb-list .tb-item .date + .from::before { content:''; display:inline-block; width:1px; height:10px; background:#eee; margin:-1px 7px 0 3px; vertical-align:middle; }
.tb-list .tb-item.ty-2 { position:relative; padding-right:40px; }
.tb-list .tb-item.ty-2 .i-detail { position:absolute; right:10px; top:50%; margin-top:-5px; }

.tb-list-2 .title { padding:25px 19px 0; }
.tb-list-2 .cont { display:none; background:#f7f7f7; padding:0 20px 25px; }
.tb-list-2 .tb-item { border:solid 1px #ddd; margin-top:15px; }
.tb-list-2 .tb-item:first-child { margin-top:0; }
.tb-list-2 .fund-name { font-size:20px; line-height:1.35; font-family:KBFGDisplay; font-weight:700; margin-top:11px; }
.tb-list-2 .info dt, .tb-list-2 .info dd { display:inline-block; line-height:24px; }
.tb-list-2 .info dt { color:#666; }
.tb-list-2 .info dd + dt { margin-left:10px; }
.tb-list-2 .info-wrap { overflow:hidden; margin-top:16px; }
.tb-list-2 .info-wrap .info { float:left; }
.tb-list-2 .info-wrap .btn-down { float:right; }
.tb-list-2 .btn-togg { width:100%; position:relative; height:49px; text-align:left; margin-top:20px; }
.tb-list-2 .btn-togg::before { content:''; display:block; position:absolute; top:0; left:-20px; right:-20px; height:49px; background:#f7f7f7; border-top:solid 1px #ddd; z-index:-1; }
.tb-list-2 .btn-togg.i-arr-2::after { position:absolute; right:0; margin-top:5px; }
.tb-list-2 .active .btn-togg.i-arr-2::after { transform:rotate(180deg); }

.tb-data { overflow:hidden; text-align:center; }
.tb-data th, .tb-data td { padding:10px 0; height:40px; border-bottom:1px solid #f7f7f7; border-right:1px solid #f7f7f7; background:#fff; font-weight:300; }
.tb-data thead th { background:#000; color:#fff; font-size:12px; }
.tb-data tbody th { background:#e5e5e5; color:#000; }
.tb-data th:last-child, .tb-data td:last-child { border-right:none; }

.tb-wrap, .tb-data-4-wrap { overflow:hidden; }
.tif-new img{width: 100%;}
.tb-data-2 { margin-left:-1px; border-bottom:1px solid #ddd; }
.tb-data-2.line-t { border-top:1px solid #ddd; }
.tb-data-2 tr { height:47px; }
.tb-data-2 th, .tb-data-2 td { position:relative; padding:10px 5px 5px; border:solid 1px #ddd; border-width:1px 0 0 1px; text-align:center; font-size:12px; color:#555; }
.tb-data-2 thead th { background:#555; color:#fff; font-weight:500; border-top-color:#000; border-left-color:#333; }
.tb-data-2 tbody th { background:#fcfcfc; color:#000; }
.tb-data-2 tbody tr { height:41px; }
.tb-data-2 tbody tr:first-child th, .tb-data-2 tbody tr:first-child td { border-top:none; }
.tb-data-2 tbody td strong { color:#000; }
.tb-data-2 .fc-5 { font-weight:500; }
.tb-data-2 .list-def li + li { margin-top:5px; }

.tb-data-3 { border:1px solid #aaa; }
.tb-data-3 thead tr { height:35px; }
.tb-data-3 tbody tr { height:30px; }
.tb-data-3 th, .tb-data-3 td { position:relative; padding:9px 7px 10px; border:solid 1px #e5e5e5; border-width:1px 0 0 1px; text-align:center; color:#000; }
.tb-data-3 th { font-size:10px; background:#fcfcfc; color:#000; border-color:#e5e5e5; }
.tb-data-3 td { font-size:11px; color:#555; }
.tb-data-3 .line-l { border-left:1px solid #aaa; }
.tb-data-3 thead tr:first-child th { border-top:1px solid #aaa; }

.tb-data-4-wrap.cmgt { margin-top:4px; }
.tb-data-4 { width:calc(100% + 1px); margin-left:-1px; border-top:solid 1px #000; }
.tb-data-4 caption { width:auto; border-bottom:solid 1px #000; margin-bottom:-1px; }
.tb-data-4 caption.show { position:relative; padding:0 0 5px; visibility:visible; font-size:10px; color:#555; font-weight:300; width:auto; height:auto; line-height:1; text-align:right; }
.tb-data-4 tr { height:41px; }
.tb-data-4 th { padding:12px 15px 11px; font-family:'KBFGDisplay'; font-size:11px; font-weight:500; border-bottom:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; background:#fcfcfc; }
.tb-data-4 td { padding:13px 15px 10px; font-size:11px; color:#000; font-weight:300; text-align:center; border-bottom:1px solid #e5e5e5; border-left:solid 1px #e5e5e5; }
.tb-data-4 td .sub-txt { color:#555; }
.tb-data-4 .sub-txt { font-size:10px; }

.board-sel { position:relative; background:#f8f8f8; padding:30px 0; }
.board-sel::before { content:''; display:block; position:absolute; top:0; left:-25px; right:-25px; height:100%; background:#f8f8f8; z-index:-1; }
.board-sel .fm-item { margin-top:24px; }
.board-sel .fm-item:first-child { margin-top:0; }

/****************************** 게시판 상세 ******************************/
.board-title { position:relative; font-size:23px; padding:0 0 28px; border-bottom:solid 2px #111; margin-top:39px; }
.board-title .title { font-family:KBFGDisplay; font-size:23px; font-weight:500; margin-top:-7px; letter-spacing:-0.03em; line-height:1.30; }
.board-title .info { font-size:12px; font-weight:300; color:#999; margin-top:14px; }
.board-title .info dt, .board-title .info dd { display:inline-block; }
.board-title .share { position:absolute; right:-8px; bottom:20px; }
.board-title .cate { display:block; margin-bottom:18px; line-height:0; }
.board-cont { font-size:15px; line-height:1.6; font-weight:300; padding:44px 0 40px; overflow:hidden; word-break:break-all; word-wrap:break-word; }
.board-cont img { max-width:100%; }
.board-comm { color:#111; margin:-40px 0 0; padding:25px 15px 20px; font-size:12px; line-height:1.67; background:#f9f9f9; border-bottom:solid 1px #ededed; font-weight:300; }
.board-txt { font-size:15px; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.board-txt p + p { margin-top:15px; }
.board-txt p, .board-txt table, .board-txt div, .board-txt span, .board-txt h1, .board-txt h2, .board-txt h3, .board-txt h4, .board-txt h5, .board-txt ul { max-width:100%; }

.board-video + .board-txt { margin-top:25px; }
.video { position:relative; height:0; padding-bottom:56.25%; overflow:hidden; }
.video .video-in { position:absolute; top:0; left:0; width:100%; height:100%; }
.video .video-in .poster img { width:100%; height:100%; }
.video .video-in video, .video .video-in iframe { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; }
.video .video-in.playing .poster { opacity:0; height:0; -webkit-transition-delay:0s, 0.6s; transition-delay:0s, 0.6s; }

.board-source { padding:17px 20px 17px; background:#f9f9f9; border-top:solid 1px #e5e5e5; overflow:hidden; word-break:break-all; word-wrap:break-word; }
.board-source .item { position:relative; display:block; font-size:12px; display:block; text-decoration:underline; margin:10px 20px 0 0; padding-left:20px; }
.board-source .i-source::before { position:absolute; left:0; margin:5px 0 0 0; }

.board-attach { padding:17px 20px 17px; background:#f9f9f9; border-top:solid 1px #e5e5e5; }
.board-attach .item { position:relative; font-size:14px; display:block; text-decoration:underline; margin:10px 20px 0 0; word-break:break-all; padding-left:20px; }
.board-attach .item .i-attach { display:block; }
.board-attach .i-attach::before { position:absolute; left:0; margin:5px 0 0 0; }
.board-attach .size { color:#555; margin-left:5px; }
.board-preview { border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; overflow:hidden; color:#111; }
.board-preview dd { position:relative; border-bottom:solid 1px #eee; line-height:61px; }
.board-preview .subj a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; padding:0 30px 0 0; }
.board-preview .subj.ir-a::after { position:absolute; right:0; top:50%; margin-top:-5px; }

.no-data { display:block; padding:120px 0 60px; font-family:KBFGDisplay; font-size:15px !important; text-align:center; color:#000; font-weight:300; }
.no-data-2 { display:block; padding:60px 0 60px; border-top:solid 1px #000; border-bottom:solid 1px #ddd; font-family:KBFGDisplay; font-size:15px !important; text-align:center; color:#000; font-weight:300; }
.no-data-3 { display:block; padding:36px 0; border:1px solid #ddd; background:#f8f8f8; font-family:KBFGDisplay; font-size:15px !important; text-align:center; color:#666; font-weight:300; }

/****************************** 마이페이지 - 로그인 ******************************/
.fm-login { margin-top:-10px; }
.fm-login dd { margin-top:20px; }
.login-btn-area { margin-top:40px; }
.login-btn-area.ty-2 { margin-top:16px; }
.login-btn-area .social { border:solid 1px #ddd; border-width:1px 0; margin:20px 0 20px; padding:20px 0;  }
.login-btn-area .btn-t-3 +.btn-t-3 { margin-top:10px; }

.login-wrap { padding-top:3px; }
.login-title { font-size:18px; margin-top:25px; }
.login-title.line-t { padding-top:20px; border-top:solid 1px #ddd; }
.login-txt { font-size:12px; font-weight:300; margin-top:2px; }

.fm-agree-group { border-top:solid 1px #000; padding:20px 0 0 0; }
.fm-agree-group .fm-item { display:block; position:relative; padding:12px 30px 12px 9px; }
.fm-agree-group .btn-view { position:absolute; display:block; right:0; top:50%; margin-top:-15px; padding:10px; line-height:0; }

/****************************** 마이페이지 - 인덱스 ******************************/
.my-info { border-bottom:solid 15px #e5e5e5; margin:0 -25px; padding:0 25px 0; text-align:center; }
.my-info .e-mail { display:block; padding:34px 0 33px; font-size:18px; border-top:solid 2px #000; }
.my-info .my-util { overflow:hidden; padding:15px 0; border-top:solid 1px #e5e5e5; }
.my-info .my-util .item { float:left; display:block; width:50%; height:30px; line-height:30px; }
.my-info .my-util .item +.item { border-left:solid 1px #e5e5e5; }

.my-list .item { position:relative; border-bottom:solid 1px #eee; padding:25px 50px 25px 10px; }
.my-list .fm-check { position:absolute; top:22px; right:10px; }
.my-list .type { font-size:12px; }
.my-list .info { font-family:'KBFGDisplay'; font-size:14px; }
.my-list .info dt { display:inline-block; color:#666; font-weight:300; }
.my-list .info dd { display:inline-block; }
.my-list .info dd + dt:before { content:''; display:inline-block; width:1px; height:13px; margin:0 10px 0 7px; vertical-align:middle; background:#bcbcbc; }
.my-list .info-2 { font-family:'KBFGDisplay'; color:#666; font-weight:300; }
.my-list .info-2 dt, .my-list .info-2 dd { display:inline-block; }
.my-list .info-3 { font-family:'KBFGDisplay'; font-size:14px; overflow:hidden; }
.my-list .info-3 dt, .my-list .info-3 dd { float:left; }
.my-list .info-3 dt { width:5em; color:#666; font-weight:300; clear:left; }
.my-list .info-3 dd { width:calc(100% - 5em); }
.my-list .list-def { font-size:14px; }
.my-list .btn { margin-top:25px; }

.my-list .investment { display:block; font-family:'KBFGDisplay'; font-size:20px; margin-top:5px; }
.my-list .investment-2 { display:block; font-family:'KBFGDisplay'; font-size:14px; }
.my-list .fund-name { font-family:'KBFGDisplay'; font-size:20px; display:block; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:7px; }

.my-fund { border-top:solid 1px #000; }
.my-fund .info-2 { margin-top:15px; }

.my-portfolio { border-top:solid 1px #000; }
.my-portfolio .info-2 { position:absolute; right:0; bottom:30px; }

.my-calc { border-bottom:solid 1px #000; padding-bottom:50px; }
.my-calc .item { border-bottom:none; padding:0; margin-top:50px; }
.my-calc .item:first-child { margin-top:0; }
.my-calc-in { border-top:solid 1px #000; }
.my-calc-in li { border-bottom:solid 1px #eee; padding:20px 50px 20px 10px; }
.my-calc .info-2 { margin-top:13px; }
.my-calc .fund-name { font-size:14px; margin-top:12px; }
.my-calc .btn { margin-left:10px; }

.my-compare { border-bottom:solid 1px #000; padding-bottom:50px; }
.my-compare .item { border-bottom:none; padding:0; margin-top:50px; }
.my-compare .item:first-child { margin-top:0; }
.my-compare-in { border-top:solid 1px #000; }
.my-compare-in li { border-bottom:solid 1px #eee; padding:20px 55px 20px 10px; }
.my-compare .info-2 { margin-top:12px; }
.my-compare .btn { margin-left:10px; }

.my-simulate { border-top:solid 1px #000; }
.my-simulate .list-def { margin-top:10px; }
.my-simulate .info-3 { margin-top:17px; }

/****************************** 01 펀드정보 - 이달의 펀드 ******************************/
.list-best .swiper-slide { position:relative; height:226px; padding:30px 25px; }
.list-best .btn-area { position:absolute; right:25px; bottom:38px; }
.list-best .btn-area button, .list-best .btn-area a { display:block; margin-top:5px; }
.list-best .btn-area button:first-child, .list-best .btn-area a:first-child { margin-top:0; }
.list-best .bg { position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; background-repeat:no-repeat; background-position:right bottom; background-size:auto 100%; }
.list-best .ico-txt-g { display:inline-block; margin-top:0; margin-bottom:7px; vertical-align:top; }
.list-best .ranking { display:inline-block; margin:0 0 0 12px; font-size:14px; font-weight:500; color:#92760d; line-height:18px; vertical-align:top; }
.list-best .fund-name { display:block; font-size:22px; font-weight:700; line-height:1.45; font-family:'KBFGDisplay'; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.list-best .fund-des { display:block; height:32px; margin-top:8px; padding-right:45px; font-size:13px; font-weight:300; opacity:0.7; line-height:1.3; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.list-best .fund-etc { margin-top:5px; padding-right:45px; }
.list-best .amount { display:block; font-size:18px; font-weight:500; }
.list-best .sources { display:block; margin-top:1px; font-size:12px; font-weight:300; line-height:17px; opacity:0.7; }
.list-best .sources small { display:block; opacity:0.856; }
.list-best .btn-cart-c-2, .list-best .btn-buy-c-2 { border-color:#000; }
.list-best .swiper-pagination { position:absolute; right:25px; top:30px; min-width:30px; padding:3px 3px 2px; font-size:11px; font-weight:300; line-height:1; color:#fff; background:rgba(0,0,0,0.6); text-align:center; border-radius:16px; }
.list-best .swiper-pagination .swiper-pagination-total { opacity:0.4; }
.list-best .swiper-pagination .swiper-pagination-total::before { content:' | '; }
.list-best .progressbar { position:absolute; left:0; right:0; top:auto; bottom:0; z-index:10; width:auto; height:3px; background:rgba(0,0,0,0.2); }
.list-best .progressbar .swiper-pagination-progressbar-fill { top:0; bottom:0; height:auto; background-color:#000; }
.list-best .item.ty-2 { color:#fff; }
.list-best .item.ty-2 .ranking { color:#ffcc00; }
.list-best .item.ty-2 .btn-cart-c-2, .list-best .item.ty-2 .btn-buy-c-2 { border-color:#fff; }
.list-best .item.ty-2 .i-cart { background-position:-96px -85px; }
.list-best .item.ty-2 .active > .i-cart { background-position:-114px -85px; }
.list-best .item.ty-2 .i-buy { background-position:-181px -236px; }

.fund-prd-list > .item { position:relative; border-bottom:1px solid #ddd; }
.fund-prd-list .link { display:block; padding:25px 80px 23px 25px; }
.fund-prd-list .ico-txt-g { margin-bottom:10px; }
.fund-prd-list .fund-name { display:block; font-size:18px; line-height:1.38; }
.fund-prd-list .fund-des { display:block; margin-top:4px; font-size:14px; line-height:1.35; color:#333; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.fund-prd-list .btn-area { position:absolute; right:25px; top:50%; margin-top:-36.5px; }
.fund-prd-list .btn-area button, .fund-prd-list .btn-area a { display:block; margin-top:5px; }
.fund-prd-list .btn-area button:first-child, .fund-prd-list .btn-area a:first-child { margin-top:0; }

/****************************** 01 펀드정보 - 펀드카테고리 ******************************/
.category-best { overflow:hidden; color:#000; padding:30px 25px; margin:0 -25px; background:#f8f8f8; border-bottom:1px solid #000; border-top:1px solid #ddd; }
.category-best .item { position:relative; display:block; width:100%; height:290px; padding:54px 20px 20px; border:solid 1px #ddd; background:#fff; }
.category-best .item .ranking { position:absolute; left:20px; top:-1px; width:29px; height:27px; padding-top:2px; font-size:13px; line-height:25px; color:#fff; font-family:KBFGDisplay; text-align:center; background:#000; }
.category-best .item .ranking::before { content:''; position:absolute; right:0; bottom:-8px; width: 0; height: 0; border-style: solid; border-width: 8px 14.5px 0 14.5px; border-color: #000 transparent transparent transparent; }
.category-best .item .ranking.ty-2 { color:#ffaa00; }
.category-best .item .fund-name { margin:9px 0; font-size:21px; line-height:27px; font-family:KBFGDisplay; display:block; display:-webkit-box; max-height:54px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.category-best .item .fund-des { font-size:13px; opacity:0.7; line-height:1.5; display:block; display:-webkit-box; max-height:3em; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.category-best .item .info { position:absolute; left:25px; bottom:37px; font-size:12px; line-height:1; }
.category-best .item .info dt { display:inline-block; }
.category-best .item .txt-line-2::after { content:''; display:block; width:100%; height:3px; background:#ffbb00; margin-top:-3px; }
.category-best .item .info dd { display:block; font-family:KBFGDisplay; font-size:20px; font-weight:bold; margin-top:9px; }
.category-best .btn-cart-c { position:absolute; right:20px; bottom:41px; z-index:2; }
.category-best .swiper-slide { width:225px; height:290px; }
.category-best .swiper-slide { margin-right:20px; }
.category-best .swiper-slide:last-child { margin-right:0; }
.category-best .swiper-pagination { position:static; margin-top:20px; }
.category-best .swiper-pagination-bullet::before { background-color:rgba(0,0,0,.2); }
.category-best .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background-color:#000; }
.list-total-wrap-2 { display:flex; margin:26px 0 11px; font-size:12px; font-weight:300; }
.list-total-wrap-2 .list-total { margin:0 0 0 auto; }
.sorting-2 { display:flex; margin-top:30px; }
.sorting-2 .fm-item { flex:1; }
.sorting-2 .fm-sel { height:40px; padding-left:15px; font-size:12px; font-weight:300; line-height:38px; }
.sorting-2 .btns { flex:none; width:110px; font-size:0; font-weight:300; padding-left:16px; }
.sorting-2 .btns li { display:inline; }
.sorting-2 .btns button { width:50%; height:40px; font-size:11px; border:1px solid #ccc; margin-left:-1px; color:#ccc; }
.sorting-2 .btns .active button { background:#000; border-color:#000; color:#fff; position:relative; }
.sorting-2 .btns .active .i-sorting-2::before { border-color:#fff; }
.sorting-2 .btns .active .i-sorting-2::after { background-color:#fff; }
.sorting-3 { display:flex; margin-bottom:25px; }
.sorting-3 .view-sort { flex:1; }
.sorting-3 .fm-item + .fm-item { margin-left:16px; }
.sorting-3 .view-sort-2 { flex:none; width:100px; margin-top:-2px; }
.sorting-3 .view-sort-2:first-child { margin-left:auto; }
.sorting-3 .fm-sel { padding-left:14px; height:35px; line-height:35px; font-size:12px; background-position:right 15px center; }

/****************************** 01 펀드정보 - 펀드찾기 ******************************/
.fund-search-cont:last-child { margin-bottom:-60px; }
.fund-search-cont.tb-list-3 .no-data-2 { border-top-width:0; }
.sch-result { background:#fafafa; border-top:solid 1px #ddd; border-bottom:solid 15px #e5e5e5; font-weight:300; text-align:center; margin:25px -25px 0; font-size:12px; font-family:'KBFGDisplay'; padding:22px 0 20px; }
.sch-result strong { font-weight:500; }
.sch-result .sch-txt { display:block; font-size:16px; text-align:center; margin:0 auto 1px; }
.sch-result .no-data { padding:10px 0; }

.popular-sch-2 { position:relative; font-size:0; margin:20px auto -10px auto; }
.popular-sch-2 .popular-sch-in { position:relative; }
.popular-sch-2 .popular-sch-in { margin:20px 0 0 0; text-align:center; }
.popular-sch-2 .item { display:inline-block; background:#f2f2f2; padding:0 24px; margin:0 10px 10px 0; font-size:14px; color:#000; font-weight:500; line-height:35px; border-radius:35px; }
.popular-sch-2 .item:first-child { margin-left:0; }

.fund-sch-btn { width:calc(100% + 50px); height:50px; border:solid 1px #ddd; border-width:1px 0; background:#f8f8f8; text-align:center; font-family:'KBFGDisplay'; font-size:12px; margin:25px -25px 0; }
.list-total-wrap { display:flex; justify-content:space-between; margin:50px 0 -3px; }
.list-total-wrap .list-total { font-size:15px; }
.list-total-wrap .list-total .count { height:16px; line-height:16px; border-radius:8px; font-size:12px; color:#fff; background:#000; font-weight:300; padding:0 5px; }
.list-total-wrap .list-date { font-weight:300; }
.sorting { display:flex; margin:15px -25px 0; overflow:hidden; }
.sorting .sort-item { flex:1; position:relative; border:solid 1px #ddd; border-width:1px 0; height:45px; text-align:left; padding-left:25px; border-left:solid 1px #ddd; margin:0 -1px 0 0; }
.sorting > .sort-item:first-child {  border-left:none; }
.sorting .sort-item .ir-a::after { position:absolute; right:25px; top:20px; }
.sorting .sort-item.active { background:#000; border:#000; color:#fff; position:relative; z-index:2; }
.sorting .sort-item.active .ir-a::before { content:''; display:block; position:absolute; top:50%; right:25px; margin-top:-1px; width:14px; height:1px; background:#fff; transform:rotate(-45deg); }
.sorting .sort-item.active .ir-a::after { content:''; display:block; position:absolute; top:50%; right:25px; margin-top:-1px; width:14px; height:1px; background:#fff; transform:rotate(45deg); }

.sort-item-cont { display:none; background:#f8f8f8; border-bottom:solid 1px #ddd; margin:0 -25px; padding:20px 25px 25px; }
.sort-item-cont > .sch-option:first-child dt { margin-top:0; }
.sort-item-cont .sch-option dt { font-size:13px; margin:18px 0 5px; }
.sort-item-cont .sch-option .chk-4-group { margin-top:-15px; }

.fund-sch-option > .sch-option:first-child dt { margin-top:0; }
.fund-sch-option .sch-option dt { font-size:15px; margin:20px 0 5px; }
.fund-sch-option .option-btn { display:flex; margin-top:25px; border-top:solid 1px #e5e5e5; padding:20px 60px 20px 50px; }
.fund-sch-option .option-btn .btn-reset { margin-left:auto; margin-right:35px; }
.fund-sch-option .option-btn .btn-open { font-family:KBFGDisplay; font-weight:300; font-size:16px; padding:0 10px; }
.fund-sch-option .option-btn .btn-open .i-arr-7::after { margin:-6px 0 0 10px; }
.fund-sch-option .option-btn.active .btn-open .i-arr-7::after  { margin-bottom:6px; transform:rotate(225deg); margin:0px 0 0 10px; }
.fund-sch-option .range { margin:0 -25px; background:#f8f8f8; border:solid 1px #eee; border-width:1px 0; padding:25px 0; }

.fund-sch-option .chk-4-group { margin-top:-10px; }
.fund-sch-option .chk-4-group + .rad-group { margin-top:20px; }

.fund-sch-list { margin:0 -25px; }
.fund-sch-list li { border-bottom:solid 1px #eee; padding:0 25px; }
.fund-sch-list li:nth-child(even) { background:#fafafa; }
.fund-sch-list .item { display:block; width:100%; height:100%; position:relative; padding:25px 50px 20px 0; }
.fund-sch-list .fm-check { position:absolute; top:22px; right:0; }
.fund-sch-list .fm-radio, .fund-sch-list .btn-select { position:absolute; top:20px; right:0; }
.fund-sch-list .fund-name { margin-top:8px; font-family:'KBFGDisplay'; font-size:18px; letter-spacing:-0.025em; }
.fund-sch-list .type { font-size:12px; }
.fund-sch-list .info { width:150px; font-size:12px; color:#333; font-weight:300; margin-top:8px; }
.fund-sch-list .info dt { width:38px; display:inline-block; margin-top:3px; }
.fund-sch-list .info dd { width:105px; display:inline-block; margin-top:3px; }
.fund-sch-list .info-2 { position:absolute; right:0; font-family:'KBFGDisplay'; color:#333; font-weight:300; text-align:right; bottom:18px; padding-left:15px; }
.fund-sch-list .info-2 dt { }
.fund-sch-list .info-2 dd { font-size:16px; font-weight:300; }
.fund-sch-list .info-2 .tooltip-wrap { position:absolute; left:0; top:0; }

.select-size { position:relative; height:160px; padding:20px 0 0; overflow:hidden; margin:10px -25px 0; }
.select-size::before { content:''; position:absolute; left:0; right:0; top:50%; z-index:1; margin-top:-12px; height:41px; background:#fafafa; border-style:solid; border-color:#eee; border-width:1px 0; }
.select-size .mask::before { content:''; position:absolute; left:0; right:0; top:0; bottom:50%; z-index:3; margin-bottom:13px; background:rgba(255,255,255,.8); border-top:2px solid #fff; }
.select-size .mask::after { content:''; position:absolute; left:0; right:0; bottom:0; top:50%; z-index:3; margin-top:31px; background:rgba(255,255,255,.8); border-bottom:2px solid #fff; }
.select-size .select-option { position:relative; height:100%; z-index:2; }
.select-size .select-option::before, .select-size .select-option::after { content:''; display:block; height:56px; }
.select-size .select-option > li { height:28px; line-height:28px; font-size:15px; color:#000; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.uipop-container, .select-size, .select-size .select-option, .select-size .select-option li {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.select-size-wrap { position:relative; overflow:hidden; margin:13px -25px 0; }
.select-size-wrap::before { content:''; position:absolute; left:0; right:0; top:50%; z-index:1; margin-top:-17px; height:37px; background:#fff; border-style:solid; border-color:#eee; border-width:1px 0; }
.select-size-wrap .select-size::before { display:none; }
.select-size.ty-2 { width:250px; margin:0 auto; height:160px; padding:13px 0; }
.select-size.ty-2 .select-option::before, .select-size.ty-2 .select-option::after { height:56px; }
.select-size.ty-2 .select-option > li { font-size:13px; }
.select-size.ty-2 .mask::before { background:rgba(248,248,248,.8); border-color:#f8f8f8; margin-bottom:17px; }
.select-size.ty-2 .mask::after { background:rgba(248,248,248,.8); border-color:#f8f8f8; margin-top:22px; }

.pe-info { font-family:'KBFGDisplay'; font-size:13px; font-weight:300; margin-top:15px; }
.pe-info dt { width:58px; display:inline-block; }
.pe-info dd { width:66px; display:inline-block; text-align:right; }

/****************************** 01 펀드정보 - 펀드상세 ******************************/
.fundview-head { position:relative; margin:0 -25px; padding:43px 15px 35px 15px; color:#fff; background-position:center 0; background-repeat:no-repeat; background-size:cover; }
.fundview-head .fund-intro { padding:0 20px 30px; }
.fundview-head .fund-intro .fund-name { margin-top:20px; font-family:'KBFGDisplay'; font-size:28px; line-height:1.21; font-weight:bold; }
.fundview-head .fund-intro .title-sub { display:block; margin-top:6px; font-family:'KBFGText'; font-size:15px; line-height:1.26; font-weight:500; }
.fundview-head .fund-intro .fund-des { margin-top:16px; font-size:13px; line-height:1.46; font-weight:300; opacity:0.7; }
.fundview-head .fund-intro > .fm-sel-layer { margin-top:33px; }
.fundview-head .ico-txt-g { display:inline-block; margin-right:7px; vertical-align:top; }
.fundview-head .btn-wrap { position:absolute; right:35px; top:35px; margin:0; padding:0; }
.fundview-head .btn-wrap .btn-txt-ico > .ir-b:before { display:block; margin:0 auto 2px; }
.fundview-head .btn-wrap .share { margin-left:20px; }
.fundview-head .fund-info { padding:17px 20px 0; background:#fff; border-radius:5px; color:#000; }
.fundview-head .fund-info .fund-exp .col { display:flex; justify-content:space-between; padding:17px 20px 0; margin:15px -20px 0; border-top:1px solid #eee; }
.fundview-head .fund-info .fund-exp > dl dt,
.fundview-head .fund-info .fund-exp > dl dd { display:inline-block; font-size:13px; text-align:left; }
.fundview-head .fund-info .fund-exp dt { font-size:13px; color:#888; text-align:center; }
.fundview-head .fund-info .fund-exp dd { font-size:14px; color:#000; text-align:center; }
.fundview-head .fund-info .fund-exp .tooltip-cont { width:auto; text-align:left; white-space:nowrap; margin-bottom:7px; }
.fundview-head .fund-util { margin-top:26px; }
.fundview-head .file-download { display:flex; margin:20px -20px 0; font-size:12px; color:#888; text-align:center; border-top:1px solid #eee; }
.fundview-head .file-download .btn-txt-ico { flex:1; padding:12px 0; }
.fundview-head .file-download .btn-txt-ico + .btn-txt-ico { border-left:1px solid #eee; }
.fundview-fix-buy { position:fixed; left:25px; right:25px; bottom:0; padding-bottom:70px; z-index:1000; display:flex; justify-content:space-between; transition:bottom 0.3s; }
.fundview-fix-buy button { width:calc(100% - 55px); height:50px; font-size:14px; color:#fff;line-height:50px; padding:0 10px; border-radius:4px; background:#172442; }
.fundview-fix-buy .cart { width:50px; }
.fundview-fix-buy.ty-2 button, .fundview-fix-buy.ty-2 a.buy { width:100%; text-align:center; }

.fundview-title { margin:32px 0 14px; font-size:17px; font-weight:bold; line-height:1; }
.fundview-title.cmgt { margin-top:75px; }
.fundview-title:first-child { margin-top:0; }
.fundview-cont + .recommend-fund { margin-top:0; }
.fundview-cont .cont { padding-top:30px; padding-bottom:50px; }
.fundview-cont .btn-area { margin-top:20px; text-align:center; }
.fundview-cont .scroll-x { margin-bottom:25px; }

.fundview-tv { margin-top:30px; text-align:right; color:#111; }
.fundview-tv .thumb { position:relative; padding-top:62.76%; overflow:hidden; background:#fafafa url("/static/img/common/thumb-bg.png") center center no-repeat; background-size:48px 34px; }
.fundview-tv .thumb::before { content:''; display:block; width:100%; height:100%; border:1px solid #ddd; z-index:-1; box-sizing:border-box; }
.fundview-tv .thumb img { position:absolute; width:100%; min-height:100%; left:50%; top:50%; transform:translate(-50%, -50%); transform-origin:left top; -webkit-transition:-webkit-transform 0.3s ease-out; transition:transform 0.3s ease-out; }
.fundview-tv .thumb .ico-flag { position:absolute; left:50%; top:50%; margin:-9px 0 0 -12px; z-index:2; }
.fundview-tv .item { display:block; text-align:left; padding-bottom:15px; border-bottom:1px solid #ddd; }
.fundview-tv .item-in + .item-in { margin-top:20px; }
.fundview-tv .subj { display:block; margin:16px 0 0; font-size:15px; }
.fundview-tv .date { display:block; margin:6px 0 0; font-size:12px; font-weight:300; opacity:0.5; }
.fundview-tv .btn-txt-ico { display:inline-block; margin:8px 0 0; font-size:12px; }
.fundview-tv .swiper-slide { width:100% !important; }
.fundview-tv .swiper-pagination { position:static; display:flex; align-items:center; justify-content:center; margin-top:45px; height:40px; }
.fundview-tv .swiper-button-next, .fundview-tv .swiper-button-prev { top:auto; bottom:0; width:40px; height:40px; opacity:.8; }
.fundview-tv .swiper-button-next { right:calc(50% - 135px); }
.fundview-tv .swiper-button-prev { left:calc(50% - 135px); }
.fundview-tv .swiper-pagination-bullet { width:9px; height:9px; background:#000 !important; opacity:.1; }
.fundview-tv .swiper-pagination-bullet::before { background:transparent; }
.fundview-tv .swiper-pagination-bullet-active { width:70px; border-radius:10px; opacity:1; }
.fundview-tv .swiper-button-prev::before, .fundview-tv .swiper-button-next::before { display:none; }

.fundview-say { position:relative; padding:20px 25px 0; border:2px solid #000; border-radius:5px; color:#111; box-shadow:3px 3px 10px 0px rgba(0,0,0,0.2); }
.fundview-say + .fundview-say { margin-top:16px; }
.fundview-say .say-version { position:absolute; right:30px; top:20px; }
.fundview-say .say-cont { max-height:88px; margin-top:14px; font-size:14px; font-weight:300; line-height:22px; overflow:hidden; }
.fundview-say .say-cont.active { max-height:none; }
.fundview-say .say-title { padding-right:100px; font-size:15px; }
.fundview-say .say-title .title-sub { display:block; margin-top:-2px; font-size:12px; color:#555; font-weight:300; }
.fundview-say .more { margin:15px -25px 0; border-top:1px solid #e5e5e5; font-size:12px; color:#333; text-align:center; }
.fundview-say .more > button { width:100%; padding:11px 0; }
.fundview-tb { border-top:solid 1px #000; color:#111; }
.fundview-tb caption.show { position:relative; padding:0 0 10px; margin-bottom:-1px; visibility:visible; font-size:14px; width:auto; height:auto; line-height:1; text-align:left; text-indent:0; border-bottom:solid 1px #000; }
.fundview-tb.ty-2 caption.show { padding-top:1px; font-size:11px; }
.fundview-tb tr { height:53px; }
.fundview-tb th { font-size:14px; font-weight:500; }
.fundview-tb td { font-size:14px; font-weight:300; }
.fundview-tb th, .fundview-tb td { padding:16px 0; border-bottom:solid 1px #eee; text-align:left; vertical-align:top; }
.pop-cont .fundview-tb tr { height:auto; }
.pop-cont .fundview-tb th, .pop-cont .fundview-tb td { font-size:12px; padding-top:15px; padding-bottom:15px; }
.pop-cont .fundview-tb.ty-2 th, .pop-cont .fundview-tb.ty-2 td { font-size:11px; padding-top:9px; padding-bottom:9px; }
.pop-cont .fundview-tb.ty-3 th, .pop-cont .fundview-tb.ty-3 td { font-size:14px; padding-top:16px; padding-bottom:15px; }
.pop-cont .fundview-tb.ty-2 th + th, .pop-cont .fundview-tb.ty-2 th + td, .pop-cont .fundview-tb.ty-2 td + td { border-left:1px solid #eee; }
.fundview-tb em { font-weight:500; }
.fundview-tb .btn-area { margin:10px 0 4px; text-align:left; }
.fundview-tb-2 { min-width:100%; width:auto; padding-bottom:15px; border-top:solid 1px #000; }
.fundview-tb-2.w-630 { width:630px; }
.fundview-tb-2 thead th { font-weight:500; border-bottom:solid 1px #e5e5e5; }
.fundview-tb-2 thead tr { height:43px; }
.fundview-tb-2 th, .fundview-tb-2 td { padding:6px 0 6px 16px; font-size:13px; color:#000; font-weight:300; text-align:left; }
.fundview-tb-2 tbody tr:last-child th, .fundview-tb-2 tr:last-child td, .fundview-tb-2 .last { padding-bottom:16px; border-bottom:solid 1px #e5e5e5;  }
.fundview-tb-2 tbody tr:first-child th, .fundview-tb-2 tr:first-child td { padding-top:16px; }
.fundview-list > li + li { margin-top:5px; }
.fundview-charge > li { position:relative; padding:25px; box-shadow:3px 3px 10px 0px rgba(0,0,0,0.2); }
.fundview-charge > li + li { margin-top:10px; }
.fundview-charge { font-size:12px; font-weight:300; }
.fundview-charge .case { font-weight:500; }
.fundview-charge .case::before { position:absolute; right:25px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.fundview-charge .val { display:block; font-size:14px; font-weight:500; }
.fundview-cont .ps-txt { margin:20px 0 0; font-size:11px; color:#888; line-height:1.36; font-weight:300; }
.fund-sale-corp { border-top:solid 1px #000; overflow:hidden; }
.fund-sale-corp .sales-def { float:left; width:50%; padding:0 15px; border-bottom:solid 1px #ddd; }
.fund-sale-corp .sales-def:first-child { border-left:0; }
.fund-sale-corp .sales-def dt { position:relative; padding:17px 0; }
.fund-sale-corp .sales-def .btn-sales { position:absolute; right:0; }
.fund-sale-corp .sales-def .list { height:56px; overflow:hidden; font-size:0; margin-left:-8px; margin-right:-8px; white-space:nowrap; }
.fund-sale-corp .sales-def .list li { display:inline-block; max-width:calc(50% + 10px); padding:0 8px; font-size:12px; font-weight:300; color:#111; text-align:center; vertical-align:top; }
.fund-sale-corp .sales-def .list .name { display:block; overflow:hidden; text-overflow:ellipsis; }
.fund-sale-corp .sales-def .list li img { display:block; margin:0 auto 4px; max-height:17px; }
.fund-sale-corp .sales-def .list li:first-child { margin-left:0; }
.fund-sale-corp .sales-def .list a { display:block; }
.fund-sale-corp .sales-def .list li:nth-child(2) ~ li { display:none; }
.fund-sale-corp .sales-def:last-child { border-left:solid 1px #ddd; }
.fund-sale-corp .sales-def:last-child dt { padding-left:5px; }
.fund-sale-corp .sales-def:last-child .list { margin-left:-3px; }
.fundview-ear { position:relative; padding:24px 25px 21px; border:2px solid #000; border-radius:5px; color:#111; box-shadow:3px 3px 10px 0px rgba(0,0,0,0.2); }
.fundview-ear .subj .fm-sel, .fundview-ear .subj .fm-ipt { height:34px; line-height:32px; margin-left:4px; margin-right:4px; }
.fundview-ear .subj { padding:0 25px 20px; margin:0 -25px 9px; text-align:center; border-bottom:1px solid #e5e5e5; }
.fundview-ear .subj .group { display:block; font-size:15px; line-height:34px; text-align:left; }
.fundview-ear .subj .group + .group { margin-top:9px; margin-bottom:20px; }
.fundview-ear .subj .btn-c-12:not(.active) { background-color:#eee; color:#888; }
.fundview-ear .result { font-size:0; }
.fundview-ear .result > li { display:inline-block; width:50%; padding-top:17px; vertical-align:top; text-align:center; }
.fundview-ear .result .name { display:block; margin-bottom:1px; font-size:12px; color:#333; }
.fundview-ear .result .value { display:inline-block; font-size:21px; color:#000; }
.fundview-ear .result .txt-line-2::after { content:''; display:block; width:100%; height:3px; background:#ffbb00; margin-top:-9px; }
.fundview-calc-def dt, .fundview-title-2 { margin:25px 0 10px; font-size:15px; color:#000; line-height:1; }
.fundview-calc-def dt.cmgt, .fundview-title-2.cmgt { margin-top:22px; }
.fundview-calc-result, .pop-layer .fundview-calc-result { margin-top:30px; padding-top:30px; border-top:1px solid #ddd; }
.fundview-add .default, .fundview-add .add { position:relative; margin-right:48px; }
.fundview-add .fm-ipt { height:43px; line-height:43px; border-radius:3px; }
.fundview-add .add { margin-top:10px; }
.fundview-add .add .fm-ipt { padding-right:50px; }
.fundview-add .fm-sch { position:absolute; top:0; right:0; width:50px; height:43px; padding-bottom:3px; }
.fundview-add .btn-del, .fundview-add .btn-add { position:absolute; top:0; right:-48px; width:43px; height:43px; padding-bottom:3px; border:1px solid #000; border-radius:3px; }
.fundview-calc-result .linechart .graph { margin-top:50px; }
.fundview-calc-result .prd > li { margin-top:10px; }
.fundview-calc-result .prd > li:first-child { margin-top:0; }
.fundview-calc-result .prd .link { position:relative; display:block; padding:0 20px 10px; border:1px solid #000; border-radius:3px; font-size:0; }
.fundview-calc-result .prd .link::before { content:''; display:inline-block; width:1px; height:95px; margin-right:-1px; vertical-align:middle; }
.fundview-calc-result .prd .mid { display:inline-block; width:100%; vertical-align:middle; }
.fundview-calc-result .prd .fund-name { padding-right:70px; font-size:16px; line-height:19px; letter-spacing:-0.025em; margin-top:11px; display:block; display:-webkit-box; max-height:38px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.fundview-calc-result .prd .info-etc { display:flex; flex-wrap:wrap; margin:-1px -20px 0; padding:13px 20px 0; border-top:1px solid #ddd; }
.fundview-calc-result .prd .info-etc > li:first-child { flex:none; width:40%; max-width:113px; }
.fundview-calc-result .prd .info-etc > li { flex:1; }
.fundview-calc-result .prd .info-etc .name { display:inline-block; margin-right:8px; color:#333; font-size:10px; font-weight:300; vertical-align:middle; }
.fundview-calc-result .prd .info-etc .val { display:inline-block; color:#111; font-size:13px; vertical-align:middle; }
.fundview-calc-result .result-nodata { margin-top:22px; padding:68px 0; color:#111; font-size:14px; text-align:center; border-top:1px solid #000; border-bottom:1px solid #eee; }

.fund-fm-def dt { font-size:15px; margin:16px 0 5px; }
.period-date.line { padding-bottom:35px; margin-bottom:30px; border-bottom:1px solid #ddd; }

.linechart { position:relative; }
.linechart .graph { position:relative; }
.linechart .graph.ty-2 { height:200px; margin-bottom:10px; }
.linechart .graph.ty-2 canvas { width:100%; height:100%; }
.linechart .graph.ty-2 .legend-custom { position:absolute; left:0; right:0; top:-29px; }
.linechart .view-set { position:relative; display:block; margin:0 0 10px auto; z-index:2; color:#666; }
.piechart.line-top, .barchart.line-top { padding-top:30px; border-top:1px solid #000; }
.piechart .graph, .barchart .graph { text-align:center; }
.barchart .graph { height:200px; }
.fundview-cont .barchart .graph { margin-left:10px; margin-right:10px; }
.piechart .graph canvas, .barchart .graph canvas { margin-left:auto; margin-right:auto; }
.piechart .chart-data, .barchart .chart-data { margin-top:30px; }
.chart-ps { color:#333; font-weight:300; }
.fundview-title + .chart-ps { margin:-26px 0 14px; line-height:1; text-align:right; }
.chart-data { border-bottom:1px solid #e5e5e5; font-size:0; }
.chart-data.line-rank { border-top:1px solid transparent; }
.chart-data.line-top { border-top:1px solid #000; }
.chart-data.ty .item { position:relative; padding:0 15px; font-size:14px; line-height:43px; border-top:1px solid #e5e5e5; }
.chart-data.col-2 .item { display:inline-block; width:50%; }
.chart-data.col-2 .item:nth-child(2n) { border-left:1px solid #e5e5e5; }
.chart-data.ty.line-rank .item:first-child { border-top-width:0; }
.chart-data.ty .item.best { z-index:2; }
.chart-data.ty .item.best::after { content:''; position:absolute; left:0; top:-1px; right:0; bottom:-1px; z-index:-1; border:1px solid #000; border-radius:3px; box-shadow: 8px 8px 10px 0px rgba(0,0,0,0.1); }
.chart-data.ty .item.best .rank::before { content:''; position:absolute; left:18px; right:18px; bottom:15px; height:3px; z-index:-1; background:#ffc31b; }
.chart-data.ty .rank { position:relative; display:inline-block; min-width:60px; margin:0 18px 0 -15px; font-size:inherit; text-align:center; }
.chart-data.ty small.rank { color:#888; }
.chart-data.ty .val { display:block; margin-top:-43px; text-align:right; }
.chart-data.ty .rank + .name + .val { padding-right:6px; }
.chart-data.ty .item[class*=point-]::before { content:''; display:inline-block; width:13px; height:13px; margin:0 10px 4px 0; border-radius:100%; vertical-align:middle; }

/****************************** 01 펀드정보 - KBSTAR ETF 소개 ******************************/
.etf-info { margin-top:42px; text-align:center; }
.etf-info img:first-child { height:44px; }
.etf-info img:last-child { height:98px; }
.etf-info .info-txt { margin:46px 0 37px; font-size:13px; line-height:1.461; letter-spacing:0; text-align:left; }
.etf-info .info-txt dt { margin-bottom:15px; font-size:17px; font-weight:bold; }

.etf-summary { margin-bottom:29px; }
.etf-summary .item { border-top:2px solid #000; }
.etf-summary .item + .item { margin-top:28px; }
.etf-summary .item .head { padding:19px 0 20px; border-bottom:1px solid #e5e5e5; text-align:center;}
.etf-summary .title { font-size:18px; line-height:1; text-align:center; font-weight:700; display:inline-block; }
.etf-summary .title .tooltip-wrap .tooltip-cont { padding:13px 15px 10px; font-size:11px; line-height:1.63; text-align:left; }
.etf-summary .des { margin-top:8px; font-size:14px; color:#666; font-weight:300; line-height:1.071; text-align:center; }
.etf-summary .list { margin-top:25px; }
.etf-summary .list dt { margin-bottom:15px; font-size:15px; line-height:1.2; }
.etf-summary .list dd { display:flex; flex:1; font-size:13px; margin-top:7px; color:#555; font-weight:300; }
.etf-summary .list dd em { flex-shrink:0; width:80px; color:#000; font-weight:500; }
.etf-summary .tooltip-cont.center::before { margin-left:35px; }
.etf-summary .tooltip-cont.center::after { margin-left:33px; }

.recommend-fund.fund-etf { padding:25px 0 40px; }
.fund-etf .slide-fund-list .swiper-slide { height:228px; }
.fund-etf .slide-fund-list .item { height:228px; padding:30px 25px 40px; border-radius:1.5px; letter-spacing:0; }
.fund-etf .slide-fund-list .item .fund-name { margin-top:12px; margin-bottom:3px; font-size:21px; line-height:1.333; }
.fund-etf .slide-fund-list .item .fund-code { position:absolute; left:25px; bottom:32px; font-weight:300; }
.fund-etf .slide-fund-list .item .fund-code em { display:block; font-size:22px; margin-top:-3px; }
.fund-etf .slide-fund-list .swiper-slide-active { color:#fff; }
.fund-etf .slide-fund-list .swiper-slide-active .rep { background:rgba(209,82,32,1); }
.fund-etf .slide-fund-list .swiper-slide-active .rep .ico-txt-4 { background:#fff; color:#d15220; }
.fund-etf .slide-fund-list .swiper-slide-active .pplr .ico-txt-4 { background:#fff; color:#1e725a; }
.fund-etf .slide-fund-list .swiper-slide-active .yellow .ico-txt-6 { background:#fff; color:#ffbc01; }
.fund-etf .slide-fund-list .swiper-slide-active .pplr { background:rgba(30,114,90,1); }
.fund-etf .slide-fund-list .swiper-slide-active .yellow { background:#ffbc01; }
.fund-etf .slide-fund-list .swiper-pagination { margin-top:19px; }

/****************************** 01 펀드정보 - 연금펀드 ******************************/
.pension-step { position:relative; width:100%; max-width:364px; margin:65px auto 0; border:2px solid #000; box-shadow:3.801px 12.432px 10px rgba(0,0,0,0.15); }
.pension-step .title { position:absolute; top:-11px; left:50%; transform:translateX(-50%); padding:0 10px; background:#fff; }
.pension-step .title img { height:22px; }
.pension-step .step-info { }
.pension-step .step-info li { position:relative; overflow:hidden; text-align:center; padding:0px 28px 70px; box-sizing:content-box; height:105px; }
.pension-step .step-info li:first-child { margin-top:48px; }
.pension-step .step-info li:last-child { padding-bottom:30px; }
.pension-step .step-info li::after { content:''; display:inline-block; width:0; height:100%; vertical-align:middle; }
.pension-step .step-info li .txt-in { display:inline-block; vertical-align:middle; }
.pension-step .step-info li .txt-in::before { content:''; display:inline-block; position:absolute; bottom:29px; left:50%; width:310px; height:310px; transform:rotate(-45deg) skew(33deg, 33deg); box-shadow:-38px 38px 25px -33px rgba(0,0,0,0.1); transform-origin:left bottom; }
.pension-step .step-info li:last-child .txt-in::before { display:none; }
.pension-step .step-info li .txt-in::after { content:''; display:inline-block; position:absolute; left:0; top:0; width:320px; height:100px; background:#fff; z-index:-1; }
.pension-step .step-info li .txt-in dt { font-size:18px; font-weight:700; }
.pension-step .step-info li .txt-in dd { margin-top:10px; font-size:14px; color:#333; letter-spacing:0; }

.pension-box { position:relative; margin:0 -25px; padding:47px 25px 60px; margin-top:50px; background:#f9f9f9; }
.pension-box .g-title-5 { margin:0; }
.pension-vanguard .img-logo img { height:24px; }
.pension-vanguard .img-map { margin:52px -25px 0; text-align:center; }
.pension-vanguard .img-map img { width:100%; }
.pension-vanguard .list-box-ico { margin-top:41px; }
.pension-vanguard .list-box-ico .item { padding:16px 20px 13px 63px; border-radius:0; }
.pension-vanguard .list-box-ico .item + .item { margin-top:-1px; }
.pension-vanguard .list-box-ico .item .subj { font-size:14px; line-height:1.428; }
.pension-vanguard .list-box-ico .item:nth-child(even) .subj .ir-b::before { top:0; transform:translateY(0); }
.pension-vanguard .img-logo img { height:24px; }

.pension-banner { position:relative; margin:24px -25px 0; text-align:left; }
.pension-banner.idv { padding:39px 25px; height:216px; background:url("/static/img/sub/bg-pension-banner.jpg") 0 0 no-repeat; z-index:-2; background-size:cover; }
.pension-banner.rtm { padding:34px 25px; height:177px; background:url("/static/img/sub/bg-pension-banner-2.jpg") 0 0 no-repeat; background-size:cover; }
.pension-banner .subj { font-size:19px; letter-spacing:-0.025em; line-height:1.47; }
.pension-banner .list li { font-size:13px; letter-spacing:0; text-indent:-0.8em; margin-left:0.8em; }
.pension-banner .list li + li { margin-top:6px; }
.pension-banner .subj .point { position:relative; }
.pension-banner .subj .point::before { content:''; position:absolute; left:0; right:0; bottom:2px; height:3px; z-index:-1; background:#ffc31b; }
.pension-banner-des { margin-top:18px; font-size:13px; }
.pension-banner-des li { text-indent:-0.8em; margin-left:0.8em; }
.pension-banner-des li + li { margin-top:6px; }

.pension-ps { font-size:11px; font-weight:300; color:#555; margin-top:11px; line-height:1.636; font-weight:300; text-indent:-1em; margin-left:1em; }
.pension-ps.cmgt { margin-top:20px; }
.pension-ps li + li { margin-top:5px; }
.pension-ps.ty-2 { margin-top:48px; margin-bottom:-30px; text-indent:-0.8em; margin-left:0.8em; }
.pension-ps-2 { margin:30px 0 35px; font-size:14px; line-height:1.428; font-weight:300; }

.pension-scroll { margin-top:10px; }
.pension-scroll .tb-data-3 { width:525px; }
.pension-scroll .tb-data-3 th, .pension-scroll .tb-data-3 td { padding:6px 5px 5px; }

.tb-top { margin:37px 0 16px; font-size:13px; letter-spacing:0; }
.tb-ps { margin-top:36px; font-size:13px; }
.tb-ps.cmgt { margin-top:24px; }
.tb-ps li { text-indent:-2em; margin-left:2em; }
.tb-ps li + li { margin-top:5px; }

/* 온국민 TDF */
.tdf-old .banner { position:relative; margin-top:27px; padding:0 100px 0 15px; height:110px; background:#ffc000; text-align:center; }
.tdf-old .banner::before { content:''; display:inline-block; width:0; height:110px; vertical-align:middle; }
.tdf-old .banner::after { content:''; position:absolute; bottom:0; right:0; display:inline-block; width:163px; height:116px; background:url("/static/img/sub/bg-pension-tdf.png") 0 0 no-repeat; background-size:163px 116px; }
.tdf-old .banner .msg { display:inline-block; font-size:16px; font-weight:700; line-height:1.562; letter-spacing:0; vertical-align:middle; }
.tdf-old .banner .msg em { font-size:25px; line-height:1; }
.tdf-old .banner-2 { padding:16px 24px; height:110px; background:#f2f2f1 url("/static/img/sub/bg-pension-tdf-2.png") 25px center no-repeat; background-size:100px 72px; border:1px solid #d2d2d2; text-align:right; }
.tdf-old .banner-2 .msg dt { font-size:16px; font-weight:700; margin-bottom:6px; }
.tdf-old .banner-2 .msg dd { font-size:11px; color:#555; line-height:15px; }
.tdf-old .txt-in { margin-top:-1px; display:flex; flex-wrap:wrap; justify-content:space-between; letter-spacing:0; }
.tdf-old .txt-in li { padding:17px 12px 33px; width:50%; font-size:12px; text-align:center; border-top:1px solid #ddd; }
.tdf-old .txt-in li:nth-child(odd) { border-right:1px solid #ddd; }
.tdf-old .txt-in li .num { font-size:30px; line-height:56px; font-family:'KBFGDisplay'; font-weight:700; }
.tdf-old .txt-in li .txt { display:block; margin-top:-5px; font-size:14px; }
.tdf-old .txt-in li .txt .source { display:block; font-size:11px; color:#666; }
.tdf-old .txt-in li .des { margin-right:3px; text-align:right; line-height:1.214; }
.tdf-old .txt-in li .des dt { margin:14px 0 10px; font-size:14px; font-weight:700; }
.tdf-old .txt-in li .des dd { margin-top:7px; margin-bottom:-16px; font-size:11px; color:#555; }

.tdf-series .series-sec { position:relative; margin:0 -25px; padding:62px 25px 60px; border-top:1px solid #e5e5e5; border-width:1px 0; }
.tdf-series .series-sec .box-in { margin-top:19px; padding:25px 20px 26px; background-color:#fff; border:1px solid #ddd; }
.tdf-series .series-sec:last-child { padding-bottom:0; }
.tdf-series .series-sec.bg { background:#fff; }
.tdf-series .g-title-5 + .series-sec { margin-top:146px; }

.series-title { position:relative; margin-top:-105px; text-align:center; height:85px; font-size:13px; }
.series-title::after { content:''; position:absolute; display:block; top:0; left:calc(50% + 0.5px); width:1px; height:100%; border-left:dashed 1px #bfbfbf; transform:translateX(-50%); }
.series-title .title-in { position:absolute; left:50%; top:50%; display:inline-block; padding:0 4px; height:33px; line-height:33px; background:linear-gradient(180deg, #f8f8f8 50%, #fff 0); transform:translate(-50%, -50%); z-index:2; }
.series-title.ty-2 { margin-top:-45px; }
.series-title.ty-2 .title-in { padding:0 10px; height:25px; line-height:25px; background:#ffc000; border:4px solid #fff; border-radius:25px; box-sizing:content-box; }
.series-title.ty-2::before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.series-title.ty-3 .title-in { background:linear-gradient(180deg, #fff 50%, #f8f8f8 0); }
.series-title.ty-4 .title-in { background:#f8f8f8; width:210px; }
.series-title .title-in::before, .series-title .title-in::after { content:''; position:absolute; display:block; width:0; height:0; left:50%; border:7px solid; transform:translateX(-50%); }
.series-title .title-in::before { top:-14px; border-color:transparent transparent #ffc000 transparent; }
.series-title .title-in::after { bottom:-14px; border-color:#ffc000 transparent transparent transparent; }
.series-title.ty-2 .title-in::before { top:-18px; }
.series-title.ty-2 .title-in::after { bottom:-18px; }

.series-sec .img-beneficiary { position:absolute; top:-111px; left:50%; transform:translateX(-50%); }
.series-sec .img-beneficiary img { height:60px; }
.series-sec .txt { font-size:16px; font-weight:700; }
.series-sec .series-des + .series-des { border-top:1px solid #e5e5e5; margin-top:57px; }
.series-sec .series-des dl { position:relative; width:100%; max-width:364px; margin:20px auto 0; }
.series-sec .series-des + .series-des dl { margin-top:25px; margin-bottom:10px; }
.series-sec .series-des dt { position:absolute; top:0; left:0; width:50%; text-align:right; padding-right:3px; }
.series-sec .series-des .img-logo { margin-top:7px; }
.series-sec .series-des .img-logo img { height:35px; }
.series-sec .series-des .img-logo-2 img { height:42px; }
.series-sec .series-des dd { padding-left:calc(50% + 20px); font-size:12px; color:#555; }

.series-sec .series-list dt { margin-top:14px; font-size:14px; font-weight:700; }
.series-sec .series-list dt + dd { margin-top:1px; }
.series-sec .series-list dd { font-size:12px; color:#555; line-height:19px; }
.series-sec .series-list dd + dt { margin-top:15px; }

.series-sec .series-color { margin-top:20px; padding:16px 0 23px;display:flex; flex-wrap:wrap; justify-content:center; background:#fff; border:1px solid #ddd; }
.series-sec .series-color li { padding-top:10px; width:50px; height:50px; margin:7px 0 0 7px; background:#313131; font-size:12px; color:#fff; line-height:1.25; text-align:center; }
.series-sec .series-color li:nth-child(1) { margin-left:0; }
.series-sec .series-color li:nth-child(2) { background:#626262; }
.series-sec .series-color li:nth-child(3) { background:#898989; }
.series-sec .series-color li:nth-child(4) { background:#1e725a; }
.series-sec .series-color li:nth-child(5) { background:#359479; }
.series-sec .series-color li:nth-child(6) { background:#bfbfbf; }
.series-sec .series-color li:nth-child(7) { background:#58ba9e; }
.series-sec .series-color li:nth-child(8), .series-sec .series-color li:nth-child(9) { background:#e7b549; }

.tdf-graph { margin-right:-25px; }
.tdf-graph img { width:100%; }

.faq-list { margin:40px -25px 0; border-top:solid 1px #000; }
.faq-list-title { display:block; position:relative; height:72px; padding:0 60px 0 25px; margin:0 0 -1px; border:solid 1px #e9e9e9; border-width:1px 0; transition: all 0.2s ease; }
.faq-list-title::before { content:''; display:inline-block; width:0; height:100%; vertical-align:middle; }
.faq-list-title .txt-in { display:inline-block; font-size:16px; line-height:1.375; font-weight:500; text-indent:-1em; margin-left:1em; vertical-align:middle; }

.faq-list-title .i-faq-view { position:absolute; right:25px; top:50%; width:14px; height:14px; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.faq-list-title .i-faq-view::before, .faq-list-title .i-faq-view::after { content:''; display:block; position:absolute; background:#282828; }
.faq-list-title .i-faq-view::before { width:2px; height:14px; left:6px; transition: all 0.2s ease; }
.faq-list-title .i-faq-view::after { width:14px; height:2px; top:6px; }
.faq-list-title.active { border-bottom:none; background:#f8f8f8; }
.faq-list-title.active .i-faq-view::after { display:none; }
.faq-list-title.active .i-faq-view::before { transform:rotate(90deg); }
.faq-list-cont { display:none; background:#f8f8f8; padding:10px 25px 41px; border-top:solid 1px #e9e9e9; }
.faq-list-cont p { font-size:13px; margin-top:10px; font-weight:300; color:#333; line-height:1.461; }
.faq-list-cont p + p { margin-top:15px; }
.faq-list-cont .point { font-size:14px; font-weight:500; line-height:1.428; color:#000; }
.faq-list-cont p > .point { line-height:inherit; }
.faq-list-cont .img-wrap { margin:30px -25px 0; text-align:center; }

.btn-tdf { display:block; width:100%; height:68px; border-radius:34px; line-height:68px; text-align:center; box-shadow:0px 3px 7.5px rgba(0,0,0,0.5); background:#000 url("/static/img/sub/bg-btn-tdf.png") 100% center no-repeat; background-size:cover; }
.btn-tdf .txt-in { position:relative; font-size:12px; color:#fff; padding-right:28px; }
.btn-tdf .txt-in::before { content:''; position:absolute; top:-3px; right:0px; display:inline-block; width:19px; height:19px; border-radius:50%; background-color:rgba(0, 0, 0, 0.2); border:1px solid #979797; vertical-align:middle; box-sizing:border-box; }
.btn-tdf .txt-in::after { content:''; position:absolute; top:4px; right:8px; width:4px; height:4px; border:1px solid #cacaca; border-width:1px 1px 0 0; transform:rotate(45deg); }

/* 온국민 TDF - 투자 포인트 */
.tdf-value-wrap { position:absolute; bottom:12px; width:100%; }
.tdf-value { display:flex; justify-content:space-between; margin:0 17px; }
.tdf-value li { font-family:KBFGDisplay; font-size:14px; color:#333; }

/* 평생소득 TIF */
.tif-graph img { width:100%; }

.tif-diff { margin-bottom:50px; }
.tif-diff .diff-list { margin-top:38px; }
.tif-diff .diff-list dt { text-indent:-0.8em; margin-left:0.8em; margin-bottom:15px; font-size:14px; line-height:1.428; }
.tif-diff .diff-list dd { padding-left:10px; text-indent:-0.8em; margin-left:1em; font-size:13px; line-height:1.461; }
.tif-diff .diff-list dd + dt { margin-top:24px; }
.tif-diff .diff-list dd + dd { margin-top:12px; }
.tif-diff .diff-list dd::before { content:''; display:inline-block; width:3px; height:3px; background-color:#000; margin:6px 7px 0 0; vertical-align:top; border-radius:100%; }
.tif-diff .sub-txt { margin-top:20px; text-indent:-0.8em; padding-left:0.8em; padding-top:15px; font-size:11px; line-height:1.590; border-top:1px solid #ddd; }

.tif-exa { margin-top:25px; }
.tif-exa .item + .item { margin-top:50px; }
.tif-exa .exa-head { position:relative; padding:15px 0 16px; border-top:2px solid #000; border-bottom:1px solid #e5e5e5; }
.tif-exa .exa-head .title { font-size:18px; }
.tif-exa .exa-head .des { display:block; margin-top:15px; color:#666; font-weight:300; line-height:1.5; }
.tif-exa .exa-head .des li + li { margin-top:8px; }
.tif-exa .exa-head .btn { position:absolute; top:14px; right:0; }
.tif-exa .exa-head .btn .btn-t-9 { height:31px; line-height:31px; padding:0 16px; }
.tif-exa .exa-img { margin-top:18px; text-align:center; }
.tif-exa .exa-img img { height:244px; }
.tif-exa .exa-img .img-cat { margin-bottom:20px; text-align:left; }
.tif-exa .exa-img .img-cat dt, .tif-exa .exa-img .img-cat dd { display:inline-block; font-size:12px; }
.tif-exa .exa-img .img-cat dt::before { content:''; display:inline-block; margin:5px 4px 0 0; width:8px; height:8px; vertical-align:top; border-radius:100%; background:#e33e3a; }
.tif-exa .exa-img .img-cat dt::after { content: ' : '; }
.tif-exa .exa-img .img-cat dd { width:calc(100% - 45px); margin-left:2px; font-weight:300; letter-spacing:-0.03em; }
.tif-exa .exa-img .img-cat dd + dt::before { background:#1e315c; }

.tb-data-2.tb-simul { margin-top:22px; border-top:1px solid; }
.tb-data-2.tb-simul tr { height:45px; }
.tb-data-2.tb-simul th { background:#555; color:#fff; border-color:#444; }
.tb-data-2.tb-simul tr:nth-child(1) td, .tb-data-2.tb-simul tr:nth-child(2) td { border-left-color:#444; }
.tb-data-2.tb-simul tr:nth-child(2) td, .tb-data-2.tb-simul tr:nth-child(3) td { border-top-color:#444; }
.tb-data-2.tb-simul tr th + td { border-left-color:#444; }
.tb-data-2.tb-simul tr:nth-child(1) th + td, .tb-data-2.tb-simul tr:nth-child(2) th + td { background:#7f776b; color:#fff; }
.tb-data-2.tb-simul tr:nth-child(1) td:last-child, .tb-data-2.tb-simul tr:nth-child(2) td:last-child { background:#6b6253; color:#fff; }
.tb-data-2.tb-simul tr.color td { background:#ffe5e5; color:#000; font-weight:700; }
.tb-data-2.tb-simul tr:nth-child(-n+5) th + td::before { content:''; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; width:100%; height:100%; border:1px dashed #e33e3a; border-width:0 1px; }
.tb-data-2.tb-simul tr:nth-child(1) th + td::before { border-width:1px 1px 0; }
.tb-data-2.tb-simul tr:nth-child(5) th + td::before { border-width:0px 1px 1px; }
.tb-data-2.tb-simul .th-bg { background:#666; }
.tb-data-2.tb-simul .tif-tag { position:absolute; top:2px; right:2px; }

.tif-simul .list { margin:14px 0 40px; }
.tif-simul .list li { font-size:11px; text-indent:-0.8em; margin-left:0.8em; line-height:1.636; }
.tif-simul .list li + li { margin-top:5px; }
.tif-simul .list li em { color:#656565; }
.tif-simul .title { font-size:18px; line-height: 1.277; }
.tif-simul .point { position:relative; }
.tif-simul .point::before { content:''; position:absolute; left:0; right:0; bottom:2px; height:5px; z-index:-1; background:#ffc31b; }
.tif-simul .tif-step { overflow:hidden; position:relative; margin-top:23px; padding:0 20px; border:1px solid; }
.tif-simul .tif-step li { position:relative; padding:15px 0 25px; border-top:1px solid #e5e5e5; text-align:center; letter-spacing:0; }
.tif-simul .tif-step li::after { content:''; position:absolute; display:block; width:0; height:0; left:50%; bottom:-25px; border:15px solid; border-color:#ffc000 transparent transparent transparent; transform:translateX(-50%); z-index:2; }
.tif-simul .tif-step li:last-child::after { display:none; }
.tif-simul .tif-step .num { margin:10px 0 -6px; display:block; font-weight:300; }
.tif-simul .tif-step .num strong { margin-right:4px; font-family:'KBFGDisplay'; font-size:25px; }
.tif-simul .tif-step .num em { display:block; margin:-4px 0 5px; color:#ec0010; }
.tif-simul .tif-step .txt { font-size:11px; color:#111; }
.tif-simul .tif-step .tif-tag { position:absolute; top:15px; right:0; }
.tif-tag { display:inline-block; width:22px; height:15px; line-height:15px; border-radius:3px; border:1px solid #b2b2b2; font-size:10px; text-align:center; }

.rpf-img { margin:40px -25px 0; text-align:center; }
.rpf-img img { height:114px; }
.rpf-img-2 { margin-top:25px; text-align:center; }
.rpf-img-2 img { height:164px; }
.rpf-img-3 { margin-top:20px; text-align:center; }
.rpf-img-3 img { height:198px; }

/* KB 온국민 TDF */
.pension-tdf-bg { padding-right:90px; min-height:142px; background:url("/static/img/sub/pension-tdf-bg.jpg") right 0 no-repeat; background-size:148px 143px; }
.pension-tdf-bg .g-title-5 { margin:20px 0 0 11px; font-weight:500; text-align:left; line-height:1.3; text-indent:-11px; font-size:20px; }
.pension-tdf-bg .g-title-5 strong.col { color:#d05a19; font-weight:700; }
.dy-info-wrap.ty-2 { min-height:auto; background-position:right top; background-size:95px 188px; }
.pension-tdf-title { font-family:'KBFGDisplay'; font-size:20px; font-weight:700; letter-spacing:-0.025em; line-height:1.8; margin-top:45px; }
.pension-tdf-stitle { font-family:'KBFGDisplay'; font-size:18px; font-weight:500; letter-spacing:-0.025em; line-height:1.8; text-align:center; }
.pension-tdf-stitle strong { font-size:25px; font-weight:500; color:#d05a19; line-height:1.2; }

/* KB 다이나믹 TDF */
.dy-info-wrap { margin-top:45px; background:url("/static/img/sub/dy-info-bg.jpg") right 56px no-repeat; background-size:106px 209px; }
.dy-info-wrap .g-title-6 { text-align:left; font-weight:700; margin:0; }
.dy-info-wrap .g-title-6.ty-2 { text-align:left; font-weight:700; font-size:17px; margin:55px 0 0; }
.dy-info-wrap .g-title-6.ty-2 strong { color:#fabe00; font-weight:700; }
.dy-check-list { margin-top:20px; font-size:16px; }
.dy-check-list li { position:relative; padding-left:20px; letter-spacing:-.03em; }
.dy-check-list li::before { content:''; position:absolute; top:5px; left:0; display:inline-block; width:21px; height:25px; background:url("/static/img/sub/dy-check-icon.png") 0 0 no-repeat; background-size:11px 13px; }
.dy-check-list li strong { font-size:20px; font-weight:700; }
.dy-check-list li strong.c-1 { color:#d05a19; }
.dy-check-list li strong.c-2 { color:#9eb92a; }
.dy-check-list li strong.c-3 { color:#76a49f; }
.dy-num-list { margin-top:5px; font-size:14px; color:#3f3a39; }
.dy-num-list li { padding-left:20px; text-indent:-20px; }
.dy-num-list .point { position:relative; }
.dy-num-list .point::before { content:''; position:absolute; left:0; right:0; bottom:2px; height:5px; z-index:-1; background:#ffc31b; }
.dy-sub-title { margin-top:35px; width:100%; height:35px; line-height:35px; font-size:18px; background-color:#e9e7e2; text-align:center; }
.dy-sub-title-2 { font-family:'KBFGDisplay'; font-size:14px; font-weight:700; letter-spacing:-0.025em; line-height:1.4; margin-top:16px; }
.dy-sub-title-2 + .dy-con-wrap { margin:0 10px; }
.ex-text { position:relative; margin-top:20px; font-size:10px; color:#555; }
.ex-text.dot, .ex-text.dot-2, .ex-text.dot-3 { padding-left:11px; }
.ex-text.dot::before, .ex-text.dot-2::before, .ex-text.dot-3::before { content:''; position:absolute; top:6px; left:0; display:inline-block; width:2px; height:2px; background-color:#666; border-radius:2px; }
.ex-text.dot-2 { color:#d05a19; }
.ex-text.dot-2::before { background-color:#d05a19; }
.ex-text.dot-3 { color:#333; }
.ex-text.dot-3::before { background-color:#333; }
.dy-title { position:relative; font-family:'KBFGDisplay'; font-size:20px; font-weight:700; letter-spacing:-0.025em; line-height:1.2; margin-top:45px; margin-bottom:25px; }
.dy-title::before { content:''; position:absolute; bottom:-8px; left:0; right:0; height:1px; width:100%; background-color:#000; }
.dy-con { margin-top:8px; font-family:'KBFGDisplay'; font-size:13px; color:#333; line-height:1.5; font-weight:300; }
.dy-con > li{ padding-left:10px; text-indent:-10px; }
.dy-con.ty-2 { font-size:14px; }
.dy-con.ty-3 { margin-left:10px; text-indent:-10px; }
.dy-con strong { font-weight:700; color:#d05a19; font-size:15px; }
.dy-con small { font-size:10px; color:#666; }
.dy-img { margin-top:20px; text-align:center; }
.dy-img img { max-width:700px; width:100%; }
.tdf-direction-list > li { text-indent:0; margin-top:5px; }

/****************************** 01 펀드정보 - KB펀드맵 ******************************/
.fund-map { display:none; margin:51px calc((100% - 294px) / 2) 0; }
.fund-map .list { overflow:visible; }
.fund-map .list::before { content:''; position:absolute; left:-50vw; right:-50vw; bottom:133px; height:4px; background:#f4b800; }
.fund-map .list .swiper-slide { width:294px; }
.fund-map .list .item { display:block; text-align:center; }
.fund-map .list .subj { display:block; margin-bottom:16px; font-size:26px; line-height:1; font-weight:bold; text-align:center; }
.fund-map .list .tag { display:inline-block; padding:0 12px; margin-bottom:9px; font-size:14px; line-height:23px; color:#f4b800; border:1px solid #f4b800; border-radius:23px; }
.fund-map .list .thumb { position:relative; display:block; margin:0 auto; overflow:hidden; text-align:center; }
.fund-map .list .thumb img { width:271px; height:271px; border-radius:100%; }
.bnt-fundmap { display:inline-block; height:60px; text-align:center; font-size:15px; color:#fff; padding:16px 30px; background:#393d4e; line-height:1; border-radius:60px; }
.bnt-fundmap .light { display:block; margin-top:6px; font-size:11px; font-weight:300; }
.bnt-fundmap .point { color:#ffcc00; }

.prd-location { position:relative; margin:0;  }
.prd-location-in { margin:0 -25px; padding:13px 25px; border-bottom:1px solid #ddd; }
.prd-location-in dt, .prd-location-in dd, .prd-location-in li { display:inline-block; vertical-align:middle; font-size:12px; }
.prd-location-in dd { color:#666; font-weight:300; }
.prd-location-in .current { color:#000; font-weight:500; margin-left:2px; }
.prd-location-in .num { display:inline-block; vertical-align:middle; margin:0 0 2px 2px; padding:0 6px; height:16px; font-size:12px; font-family:'KBFGDisplay'; border-radius:16px; background-color:#ffcc00; text-align:center; line-height:16px; font-weight:500; color:#000; }
.prd-location-in dt::after, .prd-location-in li::after { content:''; display:inline-block; vertical-align:middle; }
.prd-location-in dt::after { margin:-2px 3px 0 9px; width:1px; height:10px; background-color:#ddd; }
.prd-location-in li::after { margin:-3px 4px 0 6px; width:5px; height:5px; border:solid 1px #999; border-width:1px 1px 0 0; transform:rotate(45deg); }
.prd-location-in .current::after, .prd-location-in .num::after { display:none; }
.prd-location .chk-group { display:flex; margin:0 -25px; border-bottom:1px solid #ddd; }
.prd-location .chk-group .fm-item { flex:1; padding:11px 25px; }
.prd-location .chk-group .fm-item + .fm-item { border-left:1px solid #ddd; }
.prd-location .chk-group .fm-chk-5 + .fm-chk-i { width:100%; }

.list-prd-wrap .no-data { padding:120px 0 90px; }
.list-prd { margin:0 -25px; }
.list-prd li { border-bottom:solid 1px #eee; }
.list-prd .item { display:block; position:relative; padding:25px 25px 19px 25px; }
.list-prd .ico-txt-g { margin-bottom:7px; }
.list-prd .fund-name { display:block; font-family:'KBFGDisplay'; font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.list-prd .fund-des { display:block; max-height:38px; margin-top:6px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-size:12px; font-weight:300; color:#666; line-height:19px; letter-spacing:-0.01em; }

/****************************** 02 나만의 투자 설계 - 다이렉트 인덱싱 ******************************/
.direct .step { display:block; margin:0 auto 22px; width:146px; height:37px; border-radius:18px; text-align:center; font-size:22px; font-weight:500; color:#fff; line-height:37px; background-color:#427cff; }
.direct img { width:100%; }
.direct .step-top .title { margin-bottom:10px; font-size:19px; font-weight:700; line-height:1.3; }
.direct .step-top .stitle { font-size:15px; color:#4d4d4d; font-weight:300; line-height:1.3; }
.direct .bllet-list { margin:14px 0 30px; font-size:13px; color:#4d4d4d; font-weight:300; line-height:1.3; }
.direct .bllet-list li { text-indent:-10px; padding-left:10px; }
.direct .bllet-list li + li { margin-top:8px; }
.direct.section { padding:47px 25px 0; background:url("/static/img/sub/bg-direct.jpg") 0 bottom no-repeat; background-size:cover; }
.direct.section .title { margin:0 auto; font-size:30px; font-weight:700; text-align:center; line-height:1.2; }
.direct.section .sub-text { display:block; margin:35px auto 0; font-size:13px; color:#3e3e3e; text-align:center; }
.direct.section .direct-img { margin:43% auto 36px; }
.direct.section-2 { padding:25px 0 0; }
.direct.section-2 .title { margin-bottom:12px; font-size:13px; font-weight:700; color:#4d4d4d; }
.direct.section-3 { padding:69px 0 42px; text-align:center; }
.direct.section-3 .step-top { margin-bottom:35px; }
.direct.section-4 { margin:0 -25px; padding:25px; background-color:#f7f7f7; text-align:center; }
.direct.section-4 .step-top { margin-bottom:32px; }
.direct.section-5 { padding:25px 0 30px; text-align:center; }
.direct.section-5 .step-top { margin-bottom:39px; }
.direct.section-6 { margin:0 -25px; padding:42px 25px 57px; background-color:#f7f7f7; text-align:center; }
.direct.section-6 .step-top { margin-bottom:45px; }
.direct.section-7 { padding:57px 0 155px; }
.direct.section-7 .step-top { margin-bottom:22px; text-align:center; }
.direct.section-7 .img { display:block; margin:0 auto; }


/****************************** 02 나만의 투자 설계 - 펀드비교 ******************************/
.fund-comp-bg::before { content:''; display:block; position:absolute; top:-177px; left:-25px; right:-25px; bottom:0; background:#f8f8f8 url("/static/img/sub/bg-comp.png") 0 0 repeat-y; background-size:100% auto; z-index:-1; }
.fund-sim-sel .fund-add { height:232px; border:dashed 1px #000; border-radius:5px; text-align:center; font-family:KBFGDisplay; font-size:15px; box-shadow:0 6px 12px -6px rgba(0,0,0,0.7); background:#fff; }
.fund-sim-sel .fund-add a { display:block; width:100%; height:100%; }
.fund-sim-sel .fund-info { position:relative; height:232px; padding:25px; box-shadow:0 6px 12px -6px rgba(0,0,0,0.7); background:#fff; border-radius:5px; }
.fund-sim-sel .fund-name { display:block; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; font-size:22px; line-height:1.25; height:57px; margin-top:10px; }
.fund-sim-sel .def { height:113px; border-bottom:solid 1px #ccc; }
.fund-sim-sel .def .fund-name { height:49px; }
.fund-sim-sel .def .fund-des { font-size:14px; font-family:KBFGDisplay; line-height:1.57; display:block; display:-webkit-box; max-height:3em; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; color:#333; }
.fund-sim-sel .btn-reset-2 { position:absolute; bottom:28px; left:24px; font-size:12px; line-height:1.08; }
.fund-sim-sel .fm-sel-layer { margin-top:13px; }
.fund-sim-sel .btn-area { margin-top:20px; text-align:right; }
.fund-sim-sel .btn-area .btn-cart-c { margin-right:5px; }
.fund-sim-sel .btn-close-2 { position:absolute; right:25px; top:23px; line-height:0; }

.fund-compare-bg { position:relative; padding:15px 0 45px; margin-bottom:-25px; }
.fund-compare-bg .sub-btn { right:2.5px; }
.fund-compare-bg::before { content:''; display:block; position:absolute; top:-177px; left:-25px;; right:-25px; bottom:0; background:#f8f8f8 url("/static/img/sub/bg-comp.png") center 0 no-repeat; background-size:cover; z-index:-1; }
.fund-compare-bg .fund-info { border:solid 1px #000; }
.fund-compare .fund-info + .fund-info { margin-top:20px; }
.fund-compare .fund-add { height:92px; box-shadow:0 6px 12px -6px rgba(0,0,0,0.7); margin-top:20px; border-color:#999; }
.fund-compare .fund-add a { padding-top:30px; }
.fund-compare .i-cr-plus { position:relative; display:inline-block; width:26px; height:26px; margin:-2px 0 0 6px; background:#000; border-radius:100%; vertical-align:middle; }
.fund-compare .i-cr-plus::before { content:''; position:absolute; display:block; width:13px; height:2px; background:#fff; left:50%; top:50%; transform:translate(-50%, -50%); }
.fund-compare .i-cr-plus::after { content:''; position:absolute; display:block; width:2px; height:13px; background:#fff; left:50%; top:50%; transform:translate(-50%, -50%); }

/****************************** 02 나만의 투자 설계 - 펀드 계산기 ******************************/
.fund-calc-bg { position:relative; padding-bottom:40px; }
.fund-calc-bg::before { content:''; display:block; position:absolute; top:-177px; left:-25px; right:-25px; bottom:0; background:#f8f8f8 url("/static/img/sub/bg-calc.png") 0 0 no-repeat; background-size:100% auto; z-index:-1; }
.fund-calc-bg .tab-4 { margin-bottom:15px; }
.fund-calc { height:232px; }
.fund-calc .fund-add { height:100%; }
.fund-calc .fund-add a { padding-top:87px; }
.fund-calc .i-cr-plus { position:relative; display:block; width:29px; height:29px; margin:0 auto 18px; }
.fund-calc .i-cr-plus::before { content:''; position:absolute; display:block; width:29px; height:2px; background:#000; left:50%; top:50%; transform:translate(-50%, -50%); }
.fund-calc .i-cr-plus::after { content:''; position:absolute; display:block; width:2px; height:29px; background:#000; left:50%; top:50%; transform:translate(-50%, -50%); }

.fund-calc-case { padding-top:13px; }
.fund-calc-def dt { font-size:15px; margin:19px 0 5px; }
.fund-calc-def dd > .fm-item .fm-sel-3 { margin-top:10px; }
.calc-invest-date .calendar { line-height:0; font-size:0; }
.calc-invest-date .calendar .calendar-item { width:calc(50% - 13px); }
.calc-invest-date .rad-3-group { margin-top:10px; }
.calc-invest-price .fm-del-wrap { position:relative; }
.calc-invest-price .fm-del-wrap .fm-ipt-2 { width:100%; padding-right:60px; text-align:right; }
.calc-invest-price .fm-del-wrap.del-view .isvalonly { color:#000; }
.calc-invest-price .fm-del-wrap .isvalonly { position:absolute; right:43px; top:9px; font-size:15px; color:#999; }
.calc-invest-price .fm-del-wrap .fm-del { position:absolute; right:13px; top:21px; }
.calc-invest-price .price-sel { display:flex; justify-content:space-between; margin-top:10px; }
.calc-invest-price .price-sel .btn-price { flex:1; height:38px; font-size:13px; line-height:38px; color:#555; border:solid 1px #ccc; margin:0 -1px 0 0; }
.calc-invest-price .price-sel .btn-price:first-child { border-radius:3px 0 0 3px; }
.calc-invest-price .price-sel .btn-price:last-child { border-radius:0 3px 3px 0; margin-right:1px; }
.calc-invest-price .price-sel .btn-price:focus { background:#615d56; color:#fff; border-color:#615d56; z-index:2; }

.recommend-fund { position:relative; padding:40px 0 40px; color:#fff; background:#2a2a2a; margin:25px -25px 0; }
.recommend-fund .title { font-size:15px; color:#fff; margin-left:25px; }
.recommend-fund .no-data { font-size:15px; color:#fff; margin-left:25px; padding:0; text-align:left; }
.slide-fund-list { overflow:hidden; width:100%; color:#000; padding:0 25px; margin-top:15px; }
.slide-fund-list .item { position:relative; display:block; width:100%; height:206px; padding:25px; overflow:hidden; border-radius:3px; background:rgba(255,255,255,1); transition:background 0.3s ease-out; }
.slide-fund-list .item .fund-name { margin-bottom:3px; font-size:22px; font-family:KBFGDisplay; margin-top:7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.slide-fund-list .item .fund-des { font-size:13px; font-family:KBFGDisplay; line-height:1.5; display:block; display:-webkit-box; max-height:3em; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.slide-fund-list .item .fund-name { margin-bottom:7px; margin-top:12px; line-height:1.2; white-space:inherit; display:-webkit-box; max-height:2.4em; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.slide-fund-list .item .fund-des { max-height:1.5em; white-space:nowrap; -webkit-line-clamp:1; }
.slide-fund-list .item .info { position:absolute; right:25px; bottom:26px; font-size:12px; font-weight:300; text-align:right; color:#333; }
.slide-fund-list .item .info dd { display:block; font-family:KBFGDisplay; font-size:18px; line-height:1; margin-top:2px; }
.slide-fund-list .btn-cart-c { position:absolute; left:25px; bottom:25px; z-index:2; }
.slide-fund-list .swiper-slide { width:calc(100% - 50px; ); height:206px; }
.slide-fund-list .swiper-slide { margin-right:13px; }
.slide-fund-list .swiper-slide:last-child { margin-right:0; }
.slide-fund-list .swiper-pagination { position:static; margin-top:15px; }

/****************************** 02 나만의 투자 설계 - 펀드 계산 결과 ******************************/
.slide-guide { display:none; position:absolute; top:0; bottom:-3000px; width:100%; left:0; z-index:1001; background:rgba(0,0,0,0.8); padding-top:295px; color:#fff; text-align:center; font-size:14px; }
.slide-guide.ty-2 { padding-top:70px; }
.slide-guide .guide-txt::before { content:''; display:block; background-position:0 -208px; width:89px; height:37px; margin:0 auto 15px; }
.fund-compare-result .fm-sel-layer .sel-title { background:transparent; }
.compare-total { position:relative; z-index:1002; background:#2f4f71; margin:0 -25px 0 ; padding:32px 25px 34px; }
.compare-total .ment { font-size:14px; color:#fff; margin-bottom:20px; }
.compare-total .total-def dt { font-size:12px; font-weight:300; color:#8da9c6; }
.compare-total .total-def dd { font-size:22px; font-weight:700; color:#fff; text-decoration:underline; line-height:1; margin-top:4px; }
.compare-total .total-def-col { display:flex; justify-content:space-between; margin-top:29px; }
.compare-total .total-def-col .total-def { padding-right:10px; }
.compare-total .total-def-col .total-def dd { display:flex; font-size:13px; text-decoration:none; }
.fund-compare-result { position:relative; overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 -25px; }
.fund-compare-result .result-info:last-child .compare-info:last-child .item { padding-bottom:0; }
.fund-compare-result .result-info:last-child .compare-info:last-child .item::after { bottom:0; }
.fund-compare-result .item, .result-fund-info .item-fund { position:relative; width:calc(50% - 12.5px); flex-shrink:0; }
.fund-compare-result .item:nth-child(odd), .result-fund-info .item-fund:nth-child(odd) { background:#f8f8f8; }
.fund-compare-result .item:nth-child(even), .result-fund-info .item-fund:nth-child(even) { background:#fff; }
.fund-compare-result .result-info.bg-ty .item:nth-child(odd) { background:#fff; }
.result-fund-info { display:flex; position:relative; }
.fake { display:block; }
.result-fund-info .item-fund { padding:30px 0 65px; }
.fund-compare-result .fund-info { padding:0 25px; }
.fund-compare-result .title { position:relative; font-size:15px; margin:36px 0 4px; white-space:nowrap; margin-left:25px; margin-top:-28px; }
.fund-compare-result .fund-name { display:block; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; font-size:15px; line-height:1.25; height:36px; margin-top:12px; }
.fund-compare-result .btn-area { margin-top:35px; }
.fund-compare-result .btn-area .btn-cart-c { margin-right:5px; }
.fund-compare-result .compare-info { display:flex; position:relative; }
.fund-compare-result .item::after { content:''; position:absolute; bottom:0; display:block; left :0; right:0; height:1px; background:#ddd; }
.fund-compare-result .compare-info:first-child .item::before { content:''; position:absolute; top:0; display:block; left:0; right:0; height:1px; background:#000; z-index:2; }
.fund-compare-result .compare-info:last-child .item { padding-bottom:65px; }
.fund-compare-result .compare-info:last-child .item::after { bottom:65px; }
.fund-compare-result .compare-info.ty-2:last-child .item { padding-bottom:0px; }
.fund-compare-result .compare-info.ty-2:last-child .item::after { bottom:0; }
.fund-compare-result .item:first-child::after, .fund-compare-result .result-info .compare-info:first-child .item:first-child::before, .fund-compare-result .item:first-child .compare-sales::after { left:25px; }
.fund-compare-result .item:nth-child(3)::after, .fund-compare-result .result-info .compare-info:first-child .item:nth-child(3)::before, .fund-compare-result .item:nth-child(3) .compare-sales::after { right:25px; }
.fund-compare-result .compare-def { position:relative; }
.fund-compare-result .compare-def dt { display:block; font-size:12px; padding-top:12px; padding-left:25px; }
.fund-compare-result .compare-def dd { position:relative; font-size:14px; font-weight:300; color:#333; padding-top:2px; padding-bottom:9px; padding-left:25px; line-height:1.5; }
.fund-compare-result .compare-def .list { font-size:12px; color:#999; }

.fund-compare-result .graph-def { display:block; position:relative; padding:12px 25px 15px; text-align:center; }
.fund-compare-result .graph-def dt { display:block; font-size:12px; position:relative; }
.fund-compare-result .graph-def .btn-pe { position:absolute; right:0; }
.fund-compare-result .graph-def dd { font-size:15px; }
.fund-compare-result .graph-def .graph { width:100%; }
.compare-sales { position:relative; }
.compare-sales::after { content:''; position:absolute; top:50%; display:block; left:0; right:0; height:1px; background:#ddd; }
.sales-def { height:97px; padding:0 0 0 25px; border-left:1px solid #ddd; }
.sales-def dt { position:relative; height:43px; padding-top:12px; }
.sales-def .btn-sales { position:absolute; right:25px; }
.sales-def .list { margin-left:-5px; overflow:hidden; font-size:0; margin-left:-8px; }
.sales-def .list li { display:inline-block; max-width:50%; font-size:12px; font-weight:300; color:#111; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 8px; }
.sales-def .list li img { display:block; margin:0 auto 8px; height:15px; }
.sales-def .list li:first-child { margin-left:0; }
.sales-def .list a { display:block; }
.sales-def .list li:nth-child(2) ~ li { display:none; }

.fund-compare-result .item:only-child { width:calc(100% - 50px); background:#fff; padding:0; margin:0 25px; }
.fund-compare-result .item:only-child::before, .fund-compare-result .item:only-child::after { left:0 !important; right:0 !important; }
.fund-compare-result .item-fund:only-child { width:calc(100% - 50px); background:#fff; padding:40px 0 60px; }
.fund-compare-result .item-fund:only-child .fund-info { height:auto; position:relative; }
.fund-compare-result .item-fund:only-child .fund-name { font-size:22px; line-height:1.25; height:57px; margin-top:12px; }
.fund-compare-result .item-fund:only-child .fund-info .btn-area { position:absolute; right:25px; bottom:0; }
.fund-compare-result .item-fund:only-child .fm-sel-layer { width:58%; margin-top:10px; }
.fund-compare-result .item:only-child .compare-def { overflow:hidden; padding-top:0; padding-left:0; flex-wrap:wrap; }
.fund-compare-result .item:only-child .compare-def dt { float:left; width:25%; padding-top:0; padding-left:0; line-height:52px; }
.fund-compare-result .item:only-child .compare-def dd { float:left; width:75%; padding-top:0; padding-bottom:0; padding-left:0; line-height:52px; }
.fund-compare-result .item:only-child .compare-def .fake { display:inline-block; }
.compare-graph { position:relative; }
.fund-compare-result .graph-in .item:only-child { width:calc(50% - 25px); height:215px; padding:10px 0 65px; margin:0 0 0 25px; }
.fund-compare-result .graph-in .item:only-child .graph-def { padding:12px 10px 10px 10px; }

.fund-compare-result .result-info .graph-in:first-child .item:only-child::before { right:0; }
.fund-compare-result .graph-in-2 .item:only-child { position:absolute; top: -215px; right:0; width:calc(50% - 25px); height:75px; padding:18px 0 0 20px; border-top:solid 1px #000; border-left:solid 1px #ddd; }
.fund-compare-result .graph-in-2 .item:only-child dt, .fund-compare-result .graph-in-3 .item:only-child dt,
.fund-compare-result .graph-in-2 .item:only-child dd, .fund-compare-result .graph-in-3 .item:only-child dd { width:100%; line-height:1.7; }
.fund-compare-result .result-info .graph-in .item:only-child::after { width:200%; bottom:64px; }
.fund-compare-result .result-info .graph-in-2 .item:only-child::after { right:0; left:0; }
.fund-compare-result .result-info .graph-in-3 .item:only-child::after { display:none; }
.fund-compare-result .graph-in-3 .item:only-child { position:absolute; top: -140px; right:0; width:calc(50% - 25px); height:75px; padding:18px 0 0 20px; border-left:solid 1px #ddd; }
.fund-compare-result .item:only-child .graph-def .graph { max-width:155px; margin:0 auto; }
.fund-compare-result .item:only-child .graph-def .btn-pe { right:5px; }
.fund-compare-result .item:only-child .graph-in-2 { width:50%; height:150px; border-left:solid 1px #ddd; }
.fund-compare-result .item:only-child .graph-in-2 dt { padding-left:20px; height:35px; padding-top:17px; }
.fund-compare-result .item:only-child .graph-in-2 dd { padding-left:20px; height:40px; }
.fund-compare-result .item:only-child .compare-sales { overflow:hidden; }
.fund-compare-result .item:only-child .compare-sales .sales-def { float:left; width:50%; padding:5px 15px 15px; height:auto; }
.fund-compare-result .item:only-child .compare-sales .sales-def dt { height:47px; }
.fund-compare-result .item:only-child .compare-sales .sales-def:last-child { padding-left:20px; border-left:solid 1px #ddd; }
.fund-compare-result .item:only-child .compare-sales .sales-def .btn-sales { right:0; }
.fund-compare-result .item:only-child .compare-sales::after { display:none; }
.fund-compare-result .fund-add { height:100%; text-align:center; font-family:KBFGDisplay; font-size:15px; }
.fund-compare-result .fund-add a { display:block; width:100%; height:100%; padding-top:40px; }
.fund-compare-result .fund-add .nodata { display:block; padding:55px 20px; }
.fund-compare-result .i-cr-plus { position:relative; display:block; width:35px; height:35px; margin:0 auto 18px; border:solid 1px #000; border-radius:100%; }
.fund-compare-result .i-cr-plus::before { content:''; position:absolute; display:block; width:10px; height:2px; background:#000; left:50%; top:50%; transform:translate(-50%, -50%); }
.fund-compare-result .i-cr-plus::after { content:''; position:absolute; display:block; width:2px; height:10px; background:#000; left:50%; top:50%; transform:translate(-50%, -50%); }

.compare-ps .compare-info:last-child .item:last-child::before { content:'비교 수익률 중 가장 높은 수익률'; position:absolute; right:25px; bottom:-28px; padding-left:19px; color:#666; font-size:12px; line-height:14px; white-space:nowrap; background:url("/static/img/common/i-star.png") 0 0 no-repeat; background-size:15px 14px; }

/****************************** 02 나만의 투자 설계 - 모의투자 ******************************/
.mock-period .title { font-family:'KBFGDisplay'; font-size:17px; margin:0 0 5px; }
.mock-period .calendar { margin-bottom:8px; }
.mock-period .cal-ipt { height:40px; line-height:40px; font-size:15px; border-radius:0; }
.mock-investment { display:flex; flex-wrap:wrap; align-items:center; min-height:390px; background:#f8f8f8 url("/static/img/sub/bg-mock.png") 0 0 repeat-y; background-size:100% auto; margin:20px -25px 0; padding:50px 25px; border-top:solid 1px #000; }
.mock-investment .fund-title .ico-txt-g { display:inline-block; vertical-align:middle; margin-right:5px; }
.mock-investment .fund-info { position:relative; width:100%; padding:22px 25px 21px; box-shadow:0 6px 12px -6px rgba(0,0,0,0.7); background:#fff; border-radius:5px; border:solid 1px #000; }
.mock-investment .fund-name { display:block; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; font-size:22px; line-height:1.25; height:57px; margin-top:16px; }
.mock-investment .mock-add-in { width:100%; text-align:center; }
.mock-investment .mock-add-in .txt { display:block; margin-top:18px; font-size:12px; }
.mock-investment .mock-add { display:block; height:92px; padding-top:34px; border:dashed 1px #999; border-radius:5px; text-align:center; font-family:KBFGDisplay; font-size:15px; box-shadow:0 6px 12px -6px rgba(0,0,0,0.7); background:#fff; border-radius:5px ;}
.mock-investment .i-cr-plus { position:relative; display:inline-block; width:26px; height:26px; margin:-2px 0 0 6px; background:#000; border-radius:100%; vertical-align:middle; }
.mock-investment .i-cr-plus::before { content:''; position:absolute; display:block; width:13px; height:2px; background:#fff; left:50%; top:50%; transform:translate(-50%, -50%); }
.mock-investment .i-cr-plus::after { content:''; position:absolute; display:block; width:2px; height:13px; background:#fff; left:50%; top:50%; transform:translate(-50%, -50%); }
.mock-investment .mock-list { flex:none; width:100%; margin-bottom:20px; }
.mock-investment li:not(:first-child) { margin-top:20px; }
.mock-investment .info { border-top:solid 2px #000; display:flex; text-align:left; margin-top:15px; padding-top:16px; }
.mock-investment .info dl:nth-child(1) { width:40%; }
.mock-investment .info dl:nth-child(2) { width:45%; }
.mock-investment .info dl:nth-child(3) { width:15%; text-align:right; }
.mock-investment .info dt { display:block; font-size:12px; font-weight:300; color:#333; }
.mock-investment .info dd { display:block; font-size:13px; }
.mock-investment .btn-area { position:absolute; top:20px; right:25px; }
.mock-investment .btn-area .btn-close-2 { margin-left:6px; }
.report-info { margin-top:35px; }
.report-info .title { font-size:15px; margin-bottom:5px; }
.report-info .chk-agree { margin-top:21px; }
.report-info .chk-agree label { font-weight:300; }
.report-info .txt-line { font-size:13px; font-weight:300; display:block; margin-left:25px; }
.mock-form { width:100%; padding:11px 15px 25px; box-shadow:0 6px 12px -6px rgba(0,0,0,0.7); background:#fff; border-radius:5px; border:solid 1px #000; margin-bottom:20px; }

.sales-list dt { font-size:15px; margin:20px 0 5px; }
.sales-list dt:first-child { margin-top:-4px; }
.sales-list .list ul { display:flex; font-size:0; flex-wrap:wrap; }
.sales-list .list li { position:relative; width:25%; font-size:12px; font-weight:300; color:#111; margin:-1px -1px 0 0; }
.sales-list .list li::before { content:''; display:block; padding-bottom:100%; }
.sales-list .list li img { display:block; margin:0 auto 8px; height:15px; max-width:100%; }
.sales-list .list a { position:absolute; display:block; top:0; left:0; width:100%; height:100%; border:solid 1px #ddd; }
.sales-list .list .in { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; padding:5px 10px 0; }

/* 이메일 수신거부 */
.reject-received { padding:48px 0 0; text-align:center; }
.reject-received .btn-wrap { margin-top:16px; }
.reject-received .btn-wrap .btn-t { margin:0; }
.reject-mail .title { font-size:27px; letter-spacing:-0.025em; font-weight:300; font-family:'KBFGDisplay'; line-height:1.37; }
.reject-mail .title .point { position:relative; font-weight:700; }
.reject-mail .title .point::before { content:''; position:absolute; left:0; right:0; bottom:4px; height:3px; z-index:-1; background:#fcaf15; }
.reject-mail .confirm { margin-top:31px; font-size:12px; font-weight:300; line-height:1.5; }
.reject-mail .confirm .txt { font-size:16px; }
.reject-mail .confirm .txt strong { font-size:19px; font-weight:700; }
.reject-mail .confirm .sub-txt { margin-top:32px; }
.reject-mail .btn-t + .btn-t { margin-left:5px; }
.resend-mail { margin:40px 50px 0; border-top:1px solid #000; }
.resend-mail .title-2 { margin-top:35px; font-size:16px; }
.resend-mail .txt { margin-top:7px; font-size:12px; line-height:1.5; font-weight:300; }
.resend-mail .txt em { font-weight:500; text-decoration:underline; }
.resend-mail .btn-wrap { margin-top:36px; }
.resend-mail .btn-t-5 { width:220px; }

/****************************** 02 나만의 투자 설계 - 펀드 포트폴리오 *****************************/
.portfolio-gate { margin-top:32px; }
.portfolio-gate .title-btn-r { position:relative; }
.portfolio-gate .title-btn-r .btn-reset-2 { position:absolute; top:-86px; right:0; color:#555; font-size:12px; line-height:1.08; padding-bottom:2px; }
.portfolio-gate .title-btn-r .btn-reset-2 .in { display:inline-block; vertical-align:middle; }
.portfolio-gate .step-area { overflow:visible; }
.portfolio-gate .step-area .item { width:270px; height:391px; }
.portfolio-gate .step-area .item + .item { margin-left:20px; }
.portfolio-gate .step-area .button { display:block; position:relative; width:100%; height:100%; overflow:hidden; padding:0 35px 35px 0; text-align:left; border-radius:3px; }
.portfolio-gate .step-area .thumb { position:absolute; left:0; top:0; width:100%; height:100%; }
.portfolio-gate .info { position:relative; z-index:2; width:100%; height:100%; padding:30px; font-size:13px; line-height:1.46; color:#fff; background:#4d6d61; border-radius:2px; }
.portfolio-gate .step2 .info { background:#1b5b87; }
.portfolio-gate .step3 .info { background:#656565; }
.portfolio-gate .info .step { display:block; margin-bottom:27px; font-family:KBFGDisplay; font-size:12px; line-height:1; }
.portfolio-gate .info .subj { display:block; margin-bottom:14px; font-size:21px; line-height:1; }
.portfolio-gate .info .state { position:absolute; left:30px; bottom:30px; }
.portfolio-gate .progress { display:block; width:46px; height:46px; line-height:46px; font-size:12px; font-weight:700; overflow:hidden; text-align:center; background:url("/static/img/sub/portfolio-sprite.png") 0 0 no-repeat; background-size:auto 125px; }
.portfolio-gate .step-area .item[data-state="end"] + .item .progress { opacity:1 !important; }
.portfolio-gate .step-area .item:not([data-state="ing"]):not([data-state="end"]) .progress { text-align:left; text-indent:-999px; background-position:0 0; opacity:0.2; }
.portfolio-gate .step-area .item[data-state="ing"] .progress { background-position:-50px 0; }
.portfolio-gate .step-area .item[data-state="end"] .progress { text-align:left; text-indent:-999px; background-position:-100px 0; }
.portfolio-gate .btn-col-wrap { margin-top:60px; }

.portfolio-option { position:fixed; left:0; top:0; right:0; bottom:0; z-index:1010; color:#fff; display:none; }
.portfolio-option .btn-close { position:absolute; right:25px; top:20px; z-index:10; width:21px; height:21px; }
.portfolio-option .btn-close .i-close { top:0; width:21px; }
.portfolio-option .btn-close .i-close::before { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:100%; height:1px; background:#fff; transform:rotate(-45deg); }
.portfolio-option .btn-close .i-close::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:100%; height:1px; background:#fff; transform:rotate(45deg); }
.portfolio-option .btn-reset-2 { position:absolute; left:25px; top:23px; z-index:10; color:#fff; font-size:10px; line-height:1; }
.portfolio-option .progress { position:absolute; left:0; bottom:0; z-index:10; width:100%; }
.portfolio-option .progress::after { content:''; position:absolute; left:0; bottom:0; height:3px; background:#ffcb06; -webkit-transition:all 0.2s ease-out; transition:all 0.3s ease-out; }
.portfolio-option .progress > li { position:absolute; left:0; bottom:0; width:100%; display:none; }
.portfolio-option .progress .steps-major { position:absolute; left:0; width:0; white-space:nowrap; text-indent:-999px; overflow:hidden; }
.portfolio-option .progress .steps-sub::after { content:''; display:block; clear:both; }
.portfolio-option .progress .steps-sub li { position:relative; float:left; width:25%; height:3px; }
.portfolio-option .progress .steps-sub .name { position:absolute; right:0; bottom:14px; padding:0 5px; font-size:10px; color:#000; line-height:20px; white-space:nowrap; opacity:0; background:#ffcb06; border-radius:3px; -webkit-transition:all 0.2s ease-out; transition:all 0.3s ease-out; }
.portfolio-option .progress .steps-sub .name::after { content:''; position:absolute; right:0; bottom:-6px; width:0; height:0; border-style:solid; border-width:0 8px 8px 0; border-color:transparent #ffcb06 transparent transparent; }
.portfolio-option .progress .steps-sub > li:last-child .name { right:5px; }
.portfolio-option .progress .steps-sub .val { position:absolute; left:50%; bottom:14px; font-size:11px; line-height:1; padding-bottom:8px; opacity:0; transform:translateX(-50%); -webkit-transition:all 0.2s ease-out; transition:all 0.3s ease-out; }
.portfolio-option .progress .steps-sub .val::after { content:''; position:absolute; left:50%; bottom:0; width:3px; height:3px; margin-left:-1.5px; border-radius:3px; background:#fff; }
.portfolio-option .progress [data-state="end"]:not([data-visible]) > .val { opacity:1; }
.portfolio-option .progress [data-visible] > .name { opacity:1; }
.portfolio-option[class*=visible-1] .progress [data-step="1"], .portfolio-option[class*=visible-2] .progress [data-step="2"],
.portfolio-option[class*=visible-3] .progress [data-step="3"], .portfolio-option[class*=visible-4] .progress [data-step="4"] { display:block; }
.portfolio-option.visible-1-1 .progress::after, .portfolio-option.visible-2-1 .progress::after, .portfolio-option.visible-3-1 .progress::after { width:25%; }
.portfolio-option.visible-1-2 .progress::after, .portfolio-option.visible-2-2 .progress::after, .portfolio-option.visible-3-2 .progress::after { width:50%; }
.portfolio-option.visible-1-3 .progress::after, .portfolio-option.visible-2-3 .progress::after, .portfolio-option.visible-3-3 .progress::after { width:75%; }
.portfolio-option.visible-1-4 .progress::after, .portfolio-option.visible-2-4 .progress::after, .portfolio-option.visible-3-4 .progress::after { width:100%; }
.portfolio-option .steparea { position:absolute; left:0; top:0; width:100%; height:100%; }
.portfolio-option .steparea[data-visible] { z-index:4; }
.portfolio-option .steparea:nth-child(1) { left:0; }
.portfolio-option .steparea:nth-child(2) { left:100%; }
.portfolio-option .steparea:nth-child(3) { left:200%; }
.portfolio-option.ani .steparea { left:-100%; -webkit-transition:left 0.3s; transition:left 0.3s; }
.portfolio-option.ani .steparea[data-visible] { left:0; }
.portfolio-option.ani .steparea[data-visible] ~ .steparea { left:100%; }
.portfolio-option .steparea[data-step="1"] { background:#4d6d61; display:block; }
.portfolio-option .steparea[data-step="1"] .title { color:#d6e6e0; }
.portfolio-option .steparea[data-step="1"] .title-sub { color:#abbeb7; }
.portfolio-option .steparea[data-step="2"] { background:#1b5b87; }
.portfolio-option .steparea[data-step="2"] .title { color:#d4e0e8; }
.portfolio-option .steparea[data-step="2"] .title-sub { color:#a5c1d5; }
.portfolio-option .steparea[data-step="3"] { background:#656565; }
.portfolio-option .steparea[data-step="3"] .title { color:#ededed; }
.portfolio-option .steparea[data-step="3"] .title-sub { color:#bbbbbb; }
.portfolio-option .steparea::before { content:''; display:block; height:9.35%; }

.portfolio-option .fm-rad-etc { position:absolute; padding:0; margin:0; opacity:0; }
.portfolio-option .fm-rad-etc + .fm-rad-i { display:block; width:100%; height:100%; line-height:1.33; font-size:13px; text-align:center; border:1px solid #fff; border-radius:100%; cursor:pointer; box-sizing:border-box; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.portfolio-option .fm-rad-etc + .fm-rad-i::before { position:static; display:inline-block; width:1px; height:100%; margin-right:-1px; vertical-align:middle; opacity:0; }
.portfolio-option .fm-rad-etc + .fm-rad-i .in { display:inline-block; width:90%; vertical-align:middle; }
.portfolio-option .fm-rad-etc + .fm-rad-i small { display:block; font-size:12px; }
.portfolio-option .fm-rad-etc:checked + .fm-rad-i { color:#000; background:#ffcb06; border-color:#ffcb06 !important; }
.portfolio-option .fm-rad-etc:checked + .fm-rad-i .i-diript::before { background-position:-124px -237px; }
.portfolio-option .i-diript::before { display:block; margin:0 auto 3px; }
.portfolio-option .steparea[data-step="1"] .fm-rad-etc + .fm-rad-i { border-color:#a9bfb7; }
.portfolio-option .steparea[data-step="2"] .fm-rad-etc + .fm-rad-i { border-color:#bfcdd7; }
.portfolio-option .steparea[data-step="3"] .fm-rad-etc + .fm-rad-i { border-color:#ccc; }
.portfolio-option .fm-rad-i.risk { font-weight:700; }
.portfolio-option .fm-rad-i.risk .ir-b { display:block; font-size:18px; }
.portfolio-option .fm-rad-i.risk .ir-b::before { display:block; margin:0 auto 8px; width:59px; height:34px; background:url("/static/img/sub/portfolio-sprite.png") 999px 999px no-repeat; background-size:auto 125px; }
.portfolio-option .fm-rad-i.risk .i-risk::before { background-position:0 -51px; }
.portfolio-option .fm-rad-i.risk .i-risk-2::before { background-position:-65px -51px; }
.portfolio-option .fm-rad-i.risk .i-risk-3::before { background-position:0 -91px; }
.portfolio-option .fm-rad-i .range { display:block; margin-top:5px; font-size:11px; line-height:1; }
.portfolio-option .fm-rad-i.risk .ps { display:block; margin-top:17px !important; font-size:9px !important; opacity:0.6; }
.portfolio-option .fm-rad-i.risk .min::before { content:''; display:inline-block; margin:0 7px 0 2px; width:1px; height:10px; background:#fff; opacity:0.2; }
.portfolio-option .fm-rad-etc:checked + .fm-rad-i.risk .min::before { background:#000; }
.portfolio-option .fm-rad-i.risk .max em { color:#ff0000; }
.portfolio-option .fm-rad-i.risk .min em { color:#002aff; }
.portfolio-option .fm-rad-etc:checked + .fm-rad-i.risk .min em { color:#0066ff; }

.portfolio-option .price-input { position:absolute; left:0; right:0; top:0; z-index:-1; height:0; background:rgba(37, 69, 57, .9); opacity:0; text-align:center; -webkit-transition:z-index 0s 0.3s, height 0s 0.3s, opacity 0.3s; transition:z-index 0s 0.3s, height 0s 0.3s, opacity 0.3s; }
.portfolio-option .price-input.show { height:100%; z-index:100; opacity:1; -webkit-transition-delay:0s,0s,0s; transition-delay:0s,0s,0s; }
.portfolio-option .price-input::before { content:''; display:inline-block; width:1px; height:100%; margin-right:-6px; vertical-align:middle; }
.portfolio-option .price-input > .in { position:relative; display:inline-block; width:280px; vertical-align:middle; }
.portfolio-option .price-input .fm-item { display:block; height:60px; line-height:60px; margin:0 auto 68px; padding:0; border-bottom:4px solid rgba(255,255,255,.5); }
.portfolio-option .price-input .fm-item .fm-ipt { position:relative; display:inline-block; max-width:100%; width:auto; height:100%; overflow:hidden; padding:0 0 0 29px; font-size:30px; font-weight:700; line-height:60px; white-space:nowrap; border:0; }
.portfolio-option .price-input .fm-item .fm-ipt::before { position:absolute; left:0; bottom:21px; }
.portfolio-option .price-input .fm-item .fm-ipt.placeholder::after { content:'0'; position:absolute; left:29px; top:0; }
.portfolio-option .price-input .val { position:absolute; left:50%; bottom:75px; font-size:12px; line-height:1; opacity:0.5; transform:translateX(-50%); }
.portfolio-option .price-input .val::after { content:''; display:block; width:100%; height:2px; background:#fff; }
.portfolio-option .price-input .btn { display:inline-block; min-width:160px; height:40px; padding:0 20px; font-size:12px; line-height:40px; color:#000; border-radius:20px; border:1px solid #ffcb06; background:#ffcb06; box-shadow:0px 20px 30px rgba(0,0,0,0.25); }
.portfolio-option .price-input .btn[disabled] { border-color:transparent; background:rgba(255,255,255,.17); color:rgba(255,255,255,.24); cursor:default; }
.portfolio-option .price-input .btn:not([disabled]):hover { text-decoration:underline; }

.portfolio-option .step-name { margin-bottom:7px; font-size:14px; font-weight:300; line-height:1; text-align:center; }
.portfolio-option .options { position:relative; height:calc(90.65% - 21px); margin:0 auto; text-align:center; } /* min-height:600px; */
.portfolio-option .options > li { position:absolute; left:0; right:0; top:0; bottom:0; }
.portfolio-option .options .title { font-size:22px; font-weight:300; line-height:30px; opacity:0; transition:all 0.3s ease-out; }
.portfolio-option .options .title strong { color:#ffcb06; font-weight:700; }
.portfolio-option .options .title-sub { margin-top:16px; font-size:12px; font-weight:300; line-height:1; opacity:0; transition:all 0.3s 0.1s ease-out; }
.portfolio-option .options .fm-item { display:block; position:absolute; left:50%; top:50%; opacity:0; transform:scale(0.5); transition:all 0.3s 0.2s ease-out; }
.portfolio-option .options .fm-item .fm-rad-i { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.portfolio-option.ani .options [data-visible="true"] .fm-item { opacity:1; transform:scale(1); }
.portfolio-option .options .fm-item:nth-child(1) { transition-delay:0.2s; }
.portfolio-option .options .fm-item:nth-child(2) { transition-delay:0.22s; }
.portfolio-option .options .fm-item:nth-child(3) { transition-delay:0.28s; }
.portfolio-option .options .fm-item:nth-child(4) { transition-delay:0.3s; }
.portfolio-option .options .fm-item:nth-child(5) { transition-delay:0.31s; }
.portfolio-option .options .fm-item:nth-child(6) { transition-delay:0.34s; }
.portfolio-option .options .fm-item:nth-child(7) { transition-delay:0.38s; }
.portfolio-option .options .btnarea { position:absolute; left:0; right:0; bottom:-56px; opacity:0; text-align:center; }
.portfolio-option .options .btnarea .btn { display:inline-block; min-width:128px; height:40px; padding:0 31px; font-size:12px; line-height:40px; border-radius:40px; border:1px solid #fff; opacity:0.5; }
.portfolio-option .options .btnarea .btn[disabled] { cursor:default; }
.portfolio-option .options .btnarea .btn:not([disabled]):hover { text-decoration:underline; opacity:1; }
.portfolio-option .options .btnarea .btn.point { border-color:#ffcb06; background:#ffcb06; color:#000; opacity:1; }
.portfolio-option .options .btnarea .btn.point[disabled] { border-color:transparent; background:rgba(255,255,255,.17); color:rgba(255,255,255,.24); }
.portfolio-option .options .btnarea .btn + .btn { margin-left:5px; }
.portfolio-option .option { position:relative; height:calc(100% - 186px); max-height:0; overflow:hidden; font-size:0; }
.portfolio-option .option::before { content:''; display:inline-block; width:1px; height:100%; margin-right:-1px; vertical-align:middle; }
.portfolio-option .option::after { content:''; position:absolute; left:0; bottom:0; width:100%; height:10px; }
.portfolio-option .steparea[data-step="1"] .option::after { background: -moz-linear-gradient(top,  rgba(77,109,97,0) 0%, rgba(77,109,97,1) 100%); background: -webkit-linear-gradient(top,  rgba(77,109,97,0) 0%,rgba(77,109,97,1) 100%); background: linear-gradient(to bottom,  rgba(77,109,97,0) 0%,rgba(77,109,97,1) 100%); }
.portfolio-option .steparea[data-step="2"] .option::after { background: -moz-linear-gradient(top,  rgba(27,91,135,0) 0%, rgba(27,91,135,1) 100%); background: -webkit-linear-gradient(top,  rgba(27,91,135,0) 0%,rgba(27,91,135,1) 100%); background: linear-gradient(to bottom,  rgba(27,91,135,0) 0%,rgba(27,91,135,1) 100%); }
.portfolio-option .steparea[data-step="3"] .option::after { background: -moz-linear-gradient(top,  rgba(101,101,101,0) 0%, rgba(101,101,101,1) 100%); background: -webkit-linear-gradient(top,  rgba(101,101,101,0) 0%,rgba(101,101,101,1) 100%); background: linear-gradient(to bottom,  rgba(101,101,101,0) 0%,rgba(101,101,101,1) 100%); }

.portfolio-option .option > .in { position:relative; display:inline-block; width:100%; height:310px; vertical-align:middle; }
.portfolio-option [data-step="1"] .option { height:calc(100% - 156px); }
.portfolio-option [data-step="1-1"] .option > .in, .portfolio-option [data-step="3-1"] .option > .in, .portfolio-option [data-step="3-2"] .option > .in { height:200px; }
.portfolio-option [data-step="1-3"] .option > .in, .portfolio-option [data-step="1-4"] .option > .in { height:400px; }
.portfolio-option [data-step="2-3"] .option > .in, .portfolio-option [data-step="3-4"] .option > .in { height:350px; }

.portfolio-option .options [data-visible] { z-index:5; }
.portfolio-option .options [data-visible] .title,
.portfolio-option .options [data-visible] .title-sub { opacity:1; }
.portfolio-option .options [data-visible] .btnarea { bottom:58px; opacity:1; }
.portfolio-option [data-visible] > .option { max-height:none; overflow-y:auto; -webkit-overflow-scrolling:touch; }

.portfolio-option .options li[data-step="1-1"] .fm-item:nth-child(1) { margin-left:-80px; margin-top:-13.5px; }
.portfolio-option .options li[data-step="1-1"] .fm-item:nth-child(2) { margin-left:80px; margin-top:-13.5px; }
.portfolio-option .options li[data-step="1-2"] .fm-item:nth-child(1) { margin-left:-73.5px; margin-top:-103px; }
.portfolio-option .options li[data-step="1-2"] .fm-item:nth-child(2) { margin-left:62px; margin-top:-58.5px; }
.portfolio-option .options li[data-step="1-2"] .fm-item:nth-child(3) { margin-left:-54.5px; margin-top:38.5px; }
.portfolio-option .options li[data-step="1-2"] .fm-item:nth-child(4) { margin-left:79px; margin-top:83.5px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(1) { margin-left:-80px; margin-top:-119px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(2) { margin-left:74px; margin-top:-112px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(3) { margin-left:-1px; margin-top:-41px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(4) { margin-left:102px; margin-top:-3px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(5) { margin-left:-85px; margin-top:33px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(6) { margin-left:-64px; margin-top:142px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(7) { margin-left:43px; margin-top:101px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(1) { margin-left:-97.5px; margin-top:-128px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(2) { margin-left:66px; margin-top:-139.5px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(3) { margin-left:-12px; margin-top:-58.5px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(4) { margin-left:2.5px; margin-top:110.5px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(5) { margin-left:84.5px; margin-top:17px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(6) { margin-left:110px; margin-top:133px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(7) { margin-left:-97px; margin-top:34px; }
.portfolio-option .options li[data-step="2-1"] .fm-item:nth-child(1) { margin-left:-72.5px; margin-top:-97.5px; }
.portfolio-option .options li[data-step="2-1"] .fm-item:nth-child(2) { margin-left:61px; margin-top:-54.5px; }
.portfolio-option .options li[data-step="2-1"] .fm-item:nth-child(3) { margin-left:-55px; margin-top:42px; }
.portfolio-option .options li[data-step="2-1"] .fm-item:nth-child(4) { margin-left:75.5px; margin-top:88.5px; }
.portfolio-option .options li[data-step="2-2"] .fm-item:nth-child(1) { margin-left:-64px; margin-top:-99px; }
.portfolio-option .options li[data-step="2-2"] .fm-item:nth-child(2) { margin-left:-59px; margin-top:33.5px; }
.portfolio-option .options li[data-step="2-2"] .fm-item:nth-child(3) { margin-left:58.5px; margin-top:-45px; }
.portfolio-option .options li[data-step="2-2"] .fm-item:nth-child(4) { margin-left:57.5px; margin-top:93.5px; }
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(1) { margin-left:-91px; margin-top:99.5px; } /* 주식 외 자산군 유형의 펀드 등 */
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(2) { margin-left:15px; margin-top:51.5px; } /* 선물, 옵션 */
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(3) { margin-left:-108px; margin-top:-114.5px; } /* 국채, MMF, 채권형 펀드 */
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(4) { margin-left:-31px; margin-top:-40.5px; } /* 주식, 주식형 펀드 */
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(5) { margin-left:94px; margin-top:-74.5px; } /* 원금보장형... */
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(6) { margin-left:106.5px; margin-top:110.5px; } /* 투자 경험 없음 */
.portfolio-option .options li[data-step="2-4"] .fm-item:nth-child(1) { margin-left:-85.5px; margin-top:-99px; }
.portfolio-option .options li[data-step="2-4"] .fm-item:nth-child(2) { margin-left:-55px; margin-top:30.5px; }
.portfolio-option .options li[data-step="2-4"] .fm-item:nth-child(3) { margin-left:72.5px; margin-top:82.5px; }
.portfolio-option .options li[data-step="2-4"] .fm-item:nth-child(4) { margin-left:52.5px; margin-top:-61.5px; }
.portfolio-option .options li[data-step="3-1"] .fm-item:nth-child(1) .fm-rad-i, .portfolio-option .options li[data-step="3-2"] .fm-item:nth-child(1) { margin-left:-80px; margin-top:-13px; }
.portfolio-option .options li[data-step="3-1"] .fm-item:nth-child(2) .fm-rad-i, .portfolio-option .options li[data-step="3-2"] .fm-item:nth-child(2) { margin-left:80px; margin-top:-13px; }
.portfolio-option .options li[data-step="3-3"] .fm-item:nth-child(1) { margin-left:-11.5px; margin-top:-79px; }
.portfolio-option .options li[data-step="3-3"] .fm-item:nth-child(2) { margin-left:-62.5px; margin-top:64.5px; }
.portfolio-option .options li[data-step="3-3"] .fm-item:nth-child(3) { margin-left:77px; margin-top:39px; }
.portfolio-option .options li[data-step="3-4"] .fm-item:nth-child(1) { margin-left:22px; margin-top:-84px; }
.portfolio-option .options li[data-step="3-4"] .fm-item:nth-child(2) { margin-left:-81.5px; margin-top:43px; }
.portfolio-option .options li[data-step="3-4"] .fm-item:nth-child(3) { margin-left:82px; margin-top:71.5px; }
.portfolio-option .options li[data-step="1-1"] .fm-item:nth-child(1) .fm-rad-i { width:140px; height:140px; font-size:23px; }
.portfolio-option .options li[data-step="1-1"] .fm-item:nth-child(2) .fm-rad-i { width:140px; height:140px; font-size:23px; }
.portfolio-option .options li[data-step="1-2"] .fm-item:nth-child(1) .fm-rad-i { width:110px; height:110px; font-size:21px; }
.portfolio-option .options li[data-step="1-2"] .fm-item:nth-child(2) .fm-rad-i { width:120px; height:120px; font-size:23px; }
.portfolio-option .options li[data-step="1-2"] .fm-item:nth-child(3) .fm-rad-i { width:130px; height:130px; font-size:26px; }
.portfolio-option .options li[data-step="1-2"] .fm-item:nth-child(4) .fm-rad-i { width:110px; height:110px; font-size:21px; }
.portfolio-option .options li[data-step="1-2"] .fm-rad-etc + .fm-rad-i small { font-size:14px; margin-top:-4px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(1) .fm-rad-i { width:100px; height:100px; font-size:21px; }
.portfolio-option .options li[data-step="1-3"] .fm-rad-etc + .fm-rad-i small { font-size:14px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(2) .fm-rad-i { width:90px; height:90px; font-size:19px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(3) .fm-rad-i { width:90px; height:90px; font-size:19px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(4) .fm-rad-i { width:100px; height:100px; font-size:19px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(5) .fm-rad-i { width:110px; height:110px; font-size:19px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(6) .fm-rad-i { width:90px; height:90px; font-size:19px; }
.portfolio-option .options li[data-step="1-3"] .fm-item:nth-child(7) .fm-rad-i { width:120px; height:120px; font-size:21px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(1) .fm-rad-i { width:90px; height:90px; font-size:15px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(2) .fm-rad-i { width:90px; height:90px; font-size:15px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(3) .fm-rad-i { width:100px; height:100px; font-size:17px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(4) .fm-rad-i { width:100px; height:100px; font-size:17px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(5) .fm-rad-i { width:110px; height:110px; font-size:19px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(6) .fm-rad-i { width:90px; height:90px; font-size:15px; }
.portfolio-option .options li[data-step="1-4"] .fm-item:nth-child(7) .fm-rad-i { width:100px; height:100px; font-size:14px; }
.portfolio-option .options li[data-step="2-1"] .fm-item:nth-child(1) .fm-rad-i { width:110px; height:110px; font-size:16px; }
.portfolio-option .options li[data-step="2-1"] .fm-item:nth-child(2) .fm-rad-i { width:130px; height:130px; font-size:20px; }
.portfolio-option .options li[data-step="2-1"] .fm-item:nth-child(3) .fm-rad-i { width:120px; height:120px; font-size:18px; }
.portfolio-option .options li[data-step="2-1"] .fm-item:nth-child(4) .fm-rad-i { width:110px; height:110px; font-size:16px; }
.portfolio-option .options li[data-step="2-2"] .fm-item:nth-child(1) .fm-rad-i { width:110px; height:110px; font-size:15px; }
.portfolio-option .options li[data-step="2-2"] .fm-item:nth-child(2) .fm-rad-i { width:120px; height:120px; font-size:18px; }
.portfolio-option .options li[data-step="2-2"] .fm-item:nth-child(3) .fm-rad-i { width:130px; height:130px; font-size:20px; }
.portfolio-option .options li[data-step="2-2"] .fm-item:nth-child(4) .fm-rad-i { width:110px; height:110px; font-size:15px; }
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(1) .fm-rad-i { width:110px; height:110px; font-size:15px; } /* 주식 외 자산군 유형의 펀드 등 */
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(2) .fm-rad-i { width:90px; height:90px; font-size:13px; } /* 선물, 옵션 */
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(3) .fm-rad-i { width:100px; height:100px; font-size:13px; } /* 국채, MMF, 채권형 펀드 */
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(4) .fm-rad-i { width:90px; height:90px; font-size:13px; } /* 주식, 주식형 펀드 */
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(5) .fm-rad-i { width:130px; height:130px; font-size:15px; } /* 원금보장형... */
.portfolio-option .options li[data-step="2-3"] .fm-item:nth-child(6) .fm-rad-i { width:100px; height:100px; font-size:14px; } /* 투자 경험 없음 */
.portfolio-option .options li[data-step="2-4"] .fm-item:nth-child(1) .fm-rad-i { width:100px; height:100px; font-size:17px; }
.portfolio-option .options li[data-step="2-4"] .fm-item:nth-child(2) .fm-rad-i { width:110px; height:110px; font-size:19px; }
.portfolio-option .options li[data-step="2-4"] .fm-item:nth-child(3) .fm-rad-i { width:120px; height:120px; font-size:21px; }
.portfolio-option .options li[data-step="2-4"] .fm-item:nth-child(4) .fm-rad-i { width:130px; height:130px; font-size:23px; }
.portfolio-option .options li[data-step="3-1"] .fm-item:nth-child(1) .fm-rad-i, .portfolio-option .options li[data-step="3-2"] .fm-item:nth-child(1) .fm-rad-i { width:140px; height:140px; font-size:14px; }
.portfolio-option .options li[data-step="3-1"] .fm-item:nth-child(2) .fm-rad-i, .portfolio-option .options li[data-step="3-2"] .fm-item:nth-child(2) .fm-rad-i { width:140px; height:140px; font-size:14px; }
.portfolio-option .options li[data-step="3-3"] .fm-item:nth-child(1) .fm-rad-i { width:140px; height:140px; font-size:15px; }
.portfolio-option .options li[data-step="3-3"] .fm-item:nth-child(2) .fm-rad-i { width:130px; height:130px; font-size:14px; }
.portfolio-option .options li[data-step="3-3"] .fm-item:nth-child(3) .fm-rad-i { width:120px; height:120px; font-size:13px; }
.portfolio-option .options li[data-step="3-4"] .fm-item:nth-child(1) .fm-rad-i { width:150px; height:150px; }
.portfolio-option .options li[data-step="3-4"] .fm-item:nth-child(2) .fm-rad-i { width:150px; height:150px; }
.portfolio-option .options li[data-step="3-4"] .fm-item:nth-child(3) .fm-rad-i { width:150px; height:150px; }
@media all and (max-width:374px) {
	.portfolio-option .options .title { font-size:20px; }
}
.portfolio-result { padding:0; border-top:1px solid #000; border-bottom:1px solid #000; text-align:center; }
.portfolio-result .tendency { padding:41px 15px 34px; }
.portfolio-result .tendency dt { margin-bottom:18px; font-size:24px; line-height:1.458; }
.portfolio-result .tendency dt small { display:block; margin-bottom:14px; font-size:18px; line-height:1; }
.portfolio-result .tendency dt strong { position:relative; display:inline-block; color:#fff; margin:0 6px; }
.portfolio-result .tendency dt strong::before { content:''; position:absolute; left:-5px; right:-5px; top:0; bottom:0; z-index:-1; background:#2771bc; border-radius:3px; }
.portfolio-result .tendency dd { font-size:16px; line-height:1.625; color:#333; }
.portfolio-result .info { padding:25px 0 30px; border-top:1px solid #ccc; line-height:1; display:-webkit-box; display:-ms-flexbox; display:flex; }
.portfolio-result .info > li { -ms-flex:1; flex:1; }
.portfolio-result .info .label { display:block; font-size:9px; }
.portfolio-result .info .val { display:block; margin-top:9px; font-size:15px; }
.barchart-stack .subj { margin:35px 0 26px; font-size:15px; text-align:center; }
.barchart-stack .area { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; height:60px; text-align:center; font-size:12px; font-weight:500; color:#fff; }
.barchart-stack .area .item { position:relative; -ms-flex:none; flex:none; }
.barchart-stack .area .item:last-child { -ms-flex:auto; flex:auto; }
.barchart-stack .area .name { position:absolute; width:0; white-space:nowrap; overflow:hidden; text-indent:-999px; }
.barchart-stack .area .val { display:inline-block; white-space:nowrap; overflow:hidden; line-height:60px; }
.barchart-stack .area .item.ty-2 .val { text-indent:-999px; }
.barchart-stack .ticks { display:block; font-size:9px; opacity:0.5; line-height:1; display:-webkit-box; display:-ms-flexbox; display:flex; }
.barchart-stack .ticks .item:first-child { position:absolute; width:0; -ms-flex:none; flex:none; }
.barchart-stack .ticks .item { position:relative; width:10%; height:25px; }
.barchart-stack .ticks .num { position:absolute; right:0; -webkit-transform:translateX(50%); transform:translateX(50%); }
.barchart-stack .ticks .num::before { content:''; display:block; width:1px; height:10px; margin:0 auto; margin-bottom:5px; background:#000; opacity:0.1; }
.barchart-stack .ticks .item:last-child .num { -webkit-transform:none; transform:none; }
.barchart-stack .ticks .item:last-child .num::before { margin-right:0; }
.barchart-stack .ticks .item:first-child .num { left:0; -webkit-transform:none; transform:none; }
.barchart-stack .ticks .item:first-child .num::before { margin-left:0; }
.barchart-stack .legend { margin-top:23px; }
.barchart-stack .legend::after { content:''; display:block; clear:both; }
.barchart-stack .legend > li { position:relative; padding:17px 15px; font-size:14px; border-top:1px solid #eee; }
.barchart-stack .legend > li:first-child { border-top:0; }
.barchart-stack .legend > li::before { content:''; display:inline-block; width:14px; height:14px; margin:0 10px 4px 0; border-radius:3px; vertical-align:middle; }
.barchart-stack .legend > li:nth-child(even) { background-color:#fbfbfc; }
.barchart-stack .legend > li .btn { position:absolute; right:15px; top:50%; margin-top:-13px; height:26px; line-height:24px; font-size:12px; padding:0 6px; border:solid 1px #000; border-radius:3px; }
.barchart-stack .legend > li .name { margin-right:12px; }
.barchart-stack .legend > li .val { font-weight:700; }
.barchart-stack .area .point-1, .barchart-stack .legend > li.point-1::before { background-color:#1e315c; }
.barchart-stack .area .point-2, .barchart-stack .legend > li.point-2::before { background-color:#20636e; }
.barchart-stack .area .point-3, .barchart-stack .legend > li.point-3::before { background-color:#e33e3a; }
.barchart-stack .area .point-4, .barchart-stack .legend > li.point-4::before { background-color:#fecb09; }
.barchart-stack .area .point-5, .barchart-stack .legend > li.point-5::before { background-color:#4f6611; }
.barchart-stack .area .point-6, .barchart-stack .legend > li.point-6::before { background-color:#3f2449; }
.barchart-stack .area .point-7, .barchart-stack .legend > li.point-7::before { background-color:#504132; }
.barchart-stack .area .point-8, .barchart-stack .legend > li.point-8::before { background-color:#6c645a; }
.barchart-stack .area .point-9, .barchart-stack .legend > li.point-9::before { background-color:#7e776e; }
.barchart-stack .area .point-10, .barchart-stack .legend > li.point-10::before { background-color:#989795; }
.barchart-stack .area .point-11, .barchart-stack .legend > li.point-11::before { background-color:#b8b8b8; }
.barchart-stack .area .point-12, .barchart-stack .legend > li.point-12::before { background-color:#ccc; }
.barchart-stack .btn-col-wrap { margin-top:60px; }

/****************************** 03 투자정보 - 펀트판매사 안내 ******************************/
.sales-company { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:15px; }
.sales-company li { position:relative; width:calc(50% - 7px ); min-height:177px; vertical-align:top; border:solid 1px #ddd; margin-top:15px; overflow:hidden; padding-bottom:35px; }
.sales-company .sales-link { display:block; width:100%; }
.sales-company .sales-logo { display:flex; width:100%; text-align:center; vertical-align:middle; height:102px; font-size:0; align-items:center; justify-content:center; }
.sales-company .sales-logo img { max-width:105px; max-height:60px; }
.sales-company .sales-info { position:relative; border-top:solid 1px #eee; min-height:73px; padding:17px 0 11px 15px; }
.sales-company .name { display:block; margin-right:35px; font-family:KBFGDisplay; font-size:14px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sales-company .tel { display:block; font-size:12px; color:#999; margin-top:0px; }
.sales-company .i-home-2::after { position:absolute; right:8px; top:22px; }
.sales-company .sales-prd-link { position:absolute; display:block; bottom:0; width:100%; height:35px; font-family:KBFGDisplay; font-size:12px; font-weight:500; background:#ddd; line-height:36px; padding:0 15px; }
.sales-company .sales-prd-link .i-arr-8::before { position:absolute; right:13px; top:50%; margin-top:-3px; border-color:#000; }
.sales-company .sales-prd-link .i-arr-8::after { position:absolute; right:13px; top:50%; margin-top:-0.5px; width:14px; height:1px; background:#000; }

.sales-company-info { overflow:hidden; letter-spacing:-0.025em; margin-bottom:20px; }
.sales-company-info .title { font-family:'KBFGDisplay'; font-size:18px; line-height:1; text-align:center; border-top:solid 2px #000; border-bottom:solid 1px #ddd; padding:45px 0; }
.sales-company-info .title img { display:block; margin:0 auto; max-width:120px; margin-bottom:15px; }
.sales-company-info .info { margin-top:18px; }
.sales-company-info .info dt { width:119px; height:54px; border:solid 1px #ddd; line-height:53px; text-align:center; }
.sales-company-info .info dt, .sales-company-info .info dd { display:inline-block; font-size:14px; vertical-align:middle; margin-top:5px; }
.sales-company-info .info dd { width:calc(100% - 123px);  padding-left:17px; }
.sales-company-info .info dt .ir-b::before { margin:-4px 13px 0 0; }

.sales-prd { margin-top:30px; }
.sales-prd.cmgt, .sales-prd.cmgt li:first-child { margin-top:0; }
.sales-prd::after { content:''; display:block; clear:both; }
.sales-prd li { position:relative; width:100%; vertical-align:top; margin-top:15px; overflow:hidden; }
.sales-prd .link { display:block; width:100%; height:100%; padding:20px 64px 27px 18px; border:solid 1px #ddd; }
.sales-prd .fund-name { font-size:20px; font-weight:700; line-height:1.35; letter-spacing:-0.03em; margin-top:10px; display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.sales-prd .info { display:flex; width:245px; flex-wrap:wrap; align-items:center; margin-top:6px; }
.sales-prd .info dt { width:38px; font-size:12px; color:#666; margin-top:6px; }
.sales-prd .info dd { width:82px; margin-top:6px; }
.sales-prd .info dd:nth-child(6):last-child { width:auto; }
.sales-prd .info dd .month { margin-left:5px; }
.sales-prd .btn-cart-c { position:absolute; bottom:26px; right:20px; }

/****************************** 03. 회사소개	 ******************************/
.corp-m-head { position:relative; height:445px; padding:87px 0 0; color:#fff; overflow:hidden; text-align:center; }
.corp-m-head .txt { display:block; font-size:27px; font-family:'KBFGDisplay'; font-weight:300; animation:fade-up 1.5s ease-out .1s both; }
.corp-m-head .txt .bold { font-size:27px; }
.corp-m-head .txt-2 { display:block; font-size:14px; line-height:1.5; margin-top:12px; animation:fade-up 1.5s ease-out .3s both; }
.corp-m-head .txt-3 { display:block; font-size:13px; font-weight:300; line-height:1.55; margin-top:16px; animation:fade-up 1.5s ease-out .4s both; }

.corp-m-sec-1 { height:522px; position:relative; padding-top:47px; }
.corp-m-sec-1 .bg { position:absolute; top:0; left:-25px; right:-25px; height:100%; background:#fbb019; text-align:center; z-index:-1; }
.corp-m-sec-1 .bg img { position:absolute; height:100%; left:50%; margin-left:-250px; }

.corp-m-history { position:absolute; height:522px; bottom:19px; width:310px; left:50%; margin-left:-155px; }
.corp-m-history dl { position:absolute; bottom:0; }
.corp-m-history dl dt .in { display:block; font-weight:700; font-size:12px; line-height:1.3; transform:translateX(-50%); white-space:nowrap; text-align:center; }
.corp-m-history dl dt::after { content:''; position:absolute; display:block; width:13px; height:13px; background:#e9541d; border:solid 2px #fff; box-shadow: 2px 8px 21px 1px rgba(0,0,0,0.5); border-radius:13px; margin:0 0 -6px -6px; z-index:2; box-sizing:border-box; }
.corp-m-history dl .date { display:inline-block; font-size:11px; min-width:52px; background:#333; color:#fff; height:14px; line-height:14px; text-align:center; margin-top:6px; padding:0 2px; transform:translateX(-50%); }
.corp-m-history dl dd { line-height:0; }
.corp-m-history dl dd .line { position:relative; display:block; width:1px; transform-origin:left bottom; overflow:hidden; height:0; }
.corp-m-history dl dd .line::before { content:''; display:block; width:1px; border-left:solid 1px rgba(0,0,0,0.3); }
.corp-m-history dl dd .line::after { content:''; display:block; width:1px; border-left:dashed 1px rgba(0,0,0,0.1); }
.corp-m-history dl.y1988 { left:14px; }
.corp-m-history dl.y1988 .line { height:116px; }
.corp-m-history dl.y1988 .line::before { height:41px; }
.corp-m-history dl.y1988 .line::after { height:74px; }
.corp-m-history dl.y1988 dt::after { bottom:74px; }
.corp-m-history dl.y2008 { left:82px; }
.corp-m-history dl.y2008 .line { height:202px; }
.corp-m-history dl.y2008 .line::before { height:126px; }
.corp-m-history dl.y2008 .line::after { height:76px; }
.corp-m-history dl.y2008 dt::after { bottom:76px; }
.corp-m-history dl.y2013 { left:155px; }
.corp-m-history dl.y2013 .line { height:149px; }
.corp-m-history dl.y2013 .line::before { height:64px; }
.corp-m-history dl.y2013 .line::after { height:85px; }
.corp-m-history dl.y2013 dt::after { bottom:85px; }
.corp-m-history dl.y2016 { left:225px; }
.corp-m-history dl.y2016 .line { height:219px; }
.corp-m-history dl.y2016 .line::before { height:117px; }
.corp-m-history dl.y2016 .line::after { height:102px; }
.corp-m-history dl.y2016 dt::after { bottom:102px; }
.corp-m-history dl.y2018 { left:295px; }
.corp-m-history dl.y2018 .line { height:293px; }
.corp-m-history dl.y2018 .line::before { height:166px; }
.corp-m-history dl.y2018 .line::after { height:127px; }
.corp-m-history dl.y2018 dt::after { bottom:127px; }
.corp-m-history dl:last-child dt .in { margin-left:27px; text-align:right; transform: translatex(-100%); }
.corp-m-sec-2 { position:relative; height:620px; padding-top:47px; }
.corp-m-sec-2 .bg { position:absolute; top:0; left:-25px; right:-25px; height:100%; z-index:-1; background:#f6fafd; }
.corp-m-sec-2 .bg-2 { position:absolute; left:-25px; right:-25px; height:40px; bottom:0; z-index:6; bottom:85px; }
.corp-m-sec-2 .bg img { position:absolute; height:100%; left:50%; margin-left:-250px; bottom:75px; height:325px; }
.corp-m-sec-2 .bg-2 img { position:absolute; left:50%; margin-left:-185px; height:40px; }
.corp-m-sec-2 .txt { position:absolute; text-align:right; right:0; bottom:45px; font-size:11px; font-weight:300; color:#333;  }
.corp-m-graph { position:absolute; width:360px; left:50%; margin-left:-180px; height:370px; bottom:121px; }
.corp-m-graph .bg::before { content:''; position:absolute; right:0; top:0; width:calc(100vw + 63px); height:100%; background:#f6fafd; left:50%; transform:translateX(-50%); margin-left:120px; }
.corp-m-graph .bg::after { content:''; position:absolute; left:-194px; top:0; width:1715px; height:100%; background:url("/static/img/sub/ainvest-main-5.png") left bottom no-repeat; }
.corp-m-graph .ps { position:absolute; right:0; bottom:-97px; z-index:5; font-size:15px; font-weight:300; color:#333; }
.corp-m-graph .yaxes { position:absolute; width:100vw; left:50%; right:0; top:0; bottom:0; z-index:3; margin-left:-50vw; }
.corp-m-graph .yaxes span { position:absolute; left:0; right:0; }
.corp-m-graph .yaxes span::before { content:attr(data-label); position:absolute; left:17px; top:-4px; font-size:11px; line-height:1; color:#666; font-weight:300; }
.corp-m-graph .yaxes span::after { content:''; position:absolute; left:45px; right:40px; top:0; border-top:1px dashed #e0e1e5; }
.corp-m-graph .yaxes span.pos-1 { bottom:32px; }
.corp-m-graph .yaxes span.pos-2 { bottom:66px; }
.corp-m-graph .yaxes span.pos-3 { bottom:100px; }
.corp-m-graph .yaxes span.pos-4 { bottom:134px; }
.corp-m-graph .yaxes span.pos-5 { bottom:168px; }
.corp-m-graph .yaxes span.pos-6 { bottom:202px; }
.corp-m-graph .yaxes span.pos-7 { bottom:236px; }
.corp-m-graph .yaxes span.pos-8 { bottom:270px; }
.corp-m-graph .yaxes span.pos-9 { bottom:304px; }
.corp-m-graph .yaxes span.pos-10 { bottom:338px; }
.corp-m-graph .yaxes span.pos-10::after { border-top:1px solid #e0e1e5; }

.corp-m-graph dl { position:absolute; bottom:0; z-index:5; width:58px; }
.corp-m-graph dt { position:absolute; left:10px; right:10px; bottom:-41px; line-height:1.2; font-size:12px; color:#333; text-align:center; }
.corp-m-graph dt small { font-size:11px; }
.corp-m-graph dl.y2013 { left:23px; }
.corp-m-graph dl.y2015 { left:61px; }
.corp-m-graph dl.y2018 { left:100px; }
.corp-m-graph dl.y2020 { left:139px; }
.corp-m-graph dl.y2020-2 { left:177px; }
.corp-m-graph dl.y2021 { left:215px; }
.corp-m-graph dl.y2021-12 { left:253px; }
.corp-m-graph dl.y2024 { left:291px; }
.corp-m-graph .val img { width:58px; }
.corp-m-graph dl.y2013 .val img { height:100px; }
.corp-m-graph dl.y2015 .val img { height:134px; }
.corp-m-graph dl.y2018 .val img { height:168px; }
.corp-m-graph dl.y2020 .val img { height:202px; }
.corp-m-graph dl.y2020-2 .val img { height:236px; }
.corp-m-graph dl.y2021 .val img { height:270px; }
.corp-m-graph dl.y2021-12 .val img { height:304px; }
.corp-m-graph dl.y2024 .val img { height:338px; }
.corp-m-graph .total { display:block; text-align:center; line-height:1; font-weight:700; margin-bottom:6px; }
.corp-m-graph dl.y2015 .total { font-size:13px; }
.corp-m-graph dl.y2015 .total small { font-size:12px; }
.corp-m-graph dl.y2018 .total { font-size:14px;}
.corp-m-graph dl.y2018 .total small { font-size:12px; }
.corp-m-graph dl.y2020 .total { font-size:16px; }
.corp-m-graph dl.y2020 .total small { font-size:13px; }
.corp-m-graph dl.y2020-2 .total { font-size:18px; }
.corp-m-graph dl.y2020-2 .total small { font-size:13px; }
.corp-m-graph dl.y2021 .total { font-size:19px; }
.corp-m-graph dl.y2021 .total small { font-size:14px; }
.corp-m-graph dl.y2021-12 .total { font-size:20px; }
.corp-m-graph dl.y2021-12 .total small { font-size:15px; }
.corp-m-graph dl.y2024 .total { font-size:20px; }
.corp-m-graph dl.y2024 .total small { font-size:15px; }
.corp-m-graph dl.y2021 .total, .corp-m-graph dl.y2021-12 .total, .corp-m-graph dl.y2024 .total { margin-left:-20px; }
.corp-m-graph .val { position:relative; display:block; overflow:hidden; }

.corp-m-sec-3 { position:relative; height:549px; padding-top:47px; }
.corp-m-sec-3 .bg { position:absolute; top:0; left:-25px; right:-25px; height:100%; background:#454649; text-align:center; z-index:-1; }
.corp-m-sec-3 .bg img { position:absolute; height:410px; left:50%; margin-left:-450px; bottom:0; }
.corp-m-sec-3 .g-title-5, .corp-m-sec-3 .g-title-sub-3 { color:#fff; }
.corp-m-sec-3 .txt { font-size:14px; font-weight:300; color:#fff; margin-top:29px; }
.corp-m-sec-3 .txt .small { display:block; font-size:11px; }

/*.corp-m-map { position:absolute; width:100%; height:410px; bottom:0; }
.corp-m-map .pin { position:absolute; left:50%; top:50%; }
.corp-m-map .pin::before { content: ''; display:block; position:absolute; top:-30px; left:-11px; width:22px; height:34px; transform-origin:center bottom; background:url("/static/img/sub/corp-map-pin.png") 0 0 no-repeat; background-size:22px 34px; z-index:2; }
.corp-m-map .pin .line { content:''; display:block; position:absolute; width:135px; height:1px; background:rgba(255,255,255,1); }
.corp-m-map .pin.pos-1 .line { transform:rotate(41deg); right:2px; transform-origin:right; bottom:0; }
.corp-m-map .pin.pos-2 .line { transform:rotate(18deg); right:0; transform-origin:right; bottom:0; }
.corp-m-map .pin.pos-3 .line { transform:rotate(-23deg); right:2px; transform-origin:right; bottom:0; }
.corp-m-map .def { position:absolute; height:65px; border-radius:65px; background:#fff; font-size:14px; text-align:left; box-shadow:-7px 23px 17px rgba(0,0,0,0.3); padding:0 30px 0 53px; letter-spacing:-0.03em; } */
.corp-m-map { margin-top:50px; }
.corp-m-map .def { position:relative; height:65px; border-radius:65px; background:#fff; font-size:14px; text-align:left; box-shadow:-7px 23px 17px rgba(0,0,0,0.3); padding:0 30px 0 53px; letter-spacing:-0.03em; }
.corp-m-map .def dt { font-size:15px; padding-top:5px; }
.corp-m-map .def dd { white-space:nowrap; font-size:11px; line-height:1.3; color:#666; font-weight:300; }
.corp-m-map .def::before { content: ''; display:block; position:absolute; width:50px; height:50px; }
.corp-m-map .pin + .pin { margin-top:10px; }
.corp-m-map .pin.pos-1 .def::before { background:url("/static/img/sub/corp-main-3-2.jpg") 0 0 no-repeat; left:20px; top:20px; background-size:25px 25px; }
.corp-m-map .pin.pos-2 .def::before { background:url("/static/img/sub/corp-main-3-3.jpg") 0 0 no-repeat; left:20px; top:20px; background-size:25px 25px; }
.corp-m-map .pin.pos-3 .def::before { background:url("/static/img/sub/corp-main-3-4.jpg") 0 0 no-repeat; left:20px; top:20px; background-size:25px 25px; }
.corp-m-map .pin.pos-4 .def::before { background:url("/static/img/sub/corp-main-3-5.jpg") 0 0 no-repeat; left:20px; top:20px; background-size:25px 25px; }

/* .corp-m-map .pin.pos-1 { margin:-15px 0 0 109px; } 중국
.corp-m-map .pin.pos-1 .def { top:-107px; right:-20px; } */
/*.corp-m-map .pin.pos-2 { margin:22px 0 0 94px; }  베트남
.corp-m-map .pin.pos-2 .def { top:-45px; right:40px; } */
/* .corp-m-map .pin.pos-3 { margin:53px 0 0 86px; } 싱가포르
.corp-m-map .pin.pos-3 .def { top:24px; left:-233px; } */

.corp-m-sec-4 { margin:0 -25px -60px; padding:47px 0 65px; background:#f1f1f1; }
.value-in .bg { position:absolute; bottom:0; left:0; right:0; width:100%; text-align:center; }
.value-in .bg img { width:100%; max-width:360px; }
.value-in { width:100%; position:relative; text-align:left; margin-top:25px; }
.value-in .item { display:flex; align-items:center; }
.value-in .item:nth-child(1) { height:110px; }
.value-in .item:nth-child(2) { height:95px; }
.value-in .item:nth-child(3) { height:99px; }
.value-in .item:nth-child(4) { height:101px; }
.value-in .item:nth-child(5) { height:95px; }
.value-in dl { width:325px; padding:0 10px 0 137px; margin:0 auto; position:relative; z-index:2; }
.value-in dt { margin-top:-5px; font-size:15px; }
.value-in dd { margin-top:4px; font-size:11px; line-height:1.272; font-weight:300; color:#333; }

.award-wrap { display:none; }
.award-wrap .title { margin:28px 0 -13px; font-size:28px; line-height:1; }
.award-wrap .title-2 { padding:0 0 9px; margin:33px 0 -6px; font-size:18px; color:#000; border-bottom:1px solid #e5e5e5; }
.award-def { overflow:hidden; }
.award-def dt { float:left; font-size:14px; width:50px; clear:both; padding-top:20px; }
.award-def dd { float:right; width:calc(100% - 50px); border-bottom:dashed 1px #e5e5e5; padding:21px 0 17px 0; }
.award-def dd:last-child { border-bottom:none; }
.award-def .from { display:block; font-size:11px; color:#555; font-weight:300; }
.award-def .award { display:block; font-size:12px; margin-top:8px; line-height:1.35; }
.award-def .fund { display:block; font-size:14px; color:#002769; }

.tb-corp { border-top:solid 1px #000; font-size:13px; margin-top:34px; }
.tb-corp tr { height:50px; }
.tb-corp th, .tb-corp td { border-bottom:solid 1px #e5e5e5; text-align:left; }
.tb-corp th { font-weight:500; padding-left:13px; }
.tb-corp td { color:#555; line-height:1.55; padding:15px 0 12px; }

.tb-corp-2 { border-top:solid 1px #000; font-size:12px; margin-top:20px; text-align:center; }
.tb-corp-2 tr { height:41px; }
.tb-corp-2 th { background:#fcfcfc; border-left:solid 1px #e5e5e5; }
.tb-corp-2 th:first-child { border-left:solid 1px #fff; }
.tb-corp-2 tbody th { color:#555; }
.tb-corp-2 th { font-weight:500; border-bottom:1px solid #e5e5e5; }
.tb-corp-2 td { color:#555; line-height:1.55; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }

.corp-am { background:url("/static/img/sub/corp-2-1.jpg") calc(50% - 11px) 0 no-repeat; margin:40px -25px 0; background-size:310px 278px; }
.corp-am .am-list { width:100%; max-width:325px; margin:0 auto; }
.corp-am .am-list ul { overflow:hidden; height:288px; }
.corp-am .am-list li { float:left; width:92px; margin-top:19px; height:30.5px; clear:left; text-align:left; border-bottom:solid 1px #ddd; font-size:12px; font-weight:300; font-family:KBFGDisplay; line-height:1; }
.corp-am .am-list li:first-child { margin-top:3px; }
.corp-am .am-list li.col, .corp-am .am-list li.col ~ li { float:none; display:inline-block; margin-top:18.5px; margin-left:137px; text-align:right; }
.corp-am .am-list li.col { margin-top:28px; }
.corp-am .am-list li em { display:block; }
.corp-am .am-list li.line-h { width:95px; }
.corp-am .am-list li.line-h strong { margin-top:14px; }
.corp-am .am-list li .line-h-2 { margin-left:149px; }
.corp-am .am-list li .fs { font-size:9px; }
.corp-am .am-list li strong { display:block; margin-top:2px; font-size:14px; font-weight:500; }
.corp-am .am-info { color:#666; font-weight:300; font-size:12px; padding:0 25px; }

.corp-holder { border:solid 4px #d0cdcb; padding:20px 20px 22px; margin-top:11px; }
.g-title-5 + .corp-holder { margin-top:18px; }
.corp-holder dt img { height:22px; }
.corp-holder dd { margin-top:18px; padding-top:18px; font-size:13px; font-weight:300; line-height:1.461; border-top:solid 1px #e5e5e5; }
.corp-holder dd p + p { margin-top:7px; }

.corp-map { margin:20px -25px 0; height:299px; overflow:hidden; }
.corp-map img { width:100vw; height:100%; }
.corp-address dt, .corp-address dd { margin-top:15px; display:inline-block; font-size:14px; vertical-align:top; line-height:1.285; }
.corp-address dt { width:63px; }
.corp-address dd { width:calc(100% - 70px); font-weight:300; color:#555; }

.ceo-greeting { margin:36px -25px 0; padding:0 25px; background:url("/static/img/sub/corp-4-1.jpg") 100% 0 no-repeat; background-size:375px 350px; font-size:13px; line-height:1.4; }
.ceo-greeting .txt { font-weight:300; margin-top:19px; }
.ceo-greeting .txt.bold { font-weight:700; }
.ceo-greeting .txt:first-child + .txt { margin-top:268px; }
.ceo-greeting .sign { margin-top:42px; text-align:right; }

/* 210122 추가 ST */
.ceo-greeting.ceo-04-1 { font-size:13px; line-height:1.875; font-weight: 100; margin:0; padding: 0; background: none; }
.ceo-greeting.ceo-04-1 .inner {position: relative;}
.ceo-greeting.ceo-04-1 .txt_inner {margin-top: 30px; padding: 0 3px 0 12px;}
.ceo-greeting.ceo-04-1 .txt {line-height: 1.38; letter-spacing: normal;}
.ceo-greeting.ceo-04-1 .sign {padding: 0 13px 0 12px;}
.ceo-greeting.ceo-04-1 .inner img {width: 100%;}
.ceo-greeting.ceo-04-1 .txt:first-child + .txt {margin-top: 19px;}
.ceo-greeting.ceo-04-1 .inner .tit_inner{position: absolute; top: 0; left: 0; -webkit-transform: translate(20px, 17px); transform: translate(20px, 17px);}
.ceo-greeting.ceo-04-1 .inner h3 {font-size: 48px; font-weight: 600;}
.ceo-greeting.ceo-04-1 .txt-2 {font-size: 22px; line-height: 1.65; margin-bottom: 24px;}
.ceo-greeting.ceo-04-1 .txt-4 {font-size: 12px; font-weight: 100; line-height: 1.5;}
.ceo-greeting.ceo-04-1 .sign strong {line-height: 1.4;}
.ceo-greeting.ceo-04-1 .sign img {width: 87px;}
.ceo-greeting.ceo-04-1 .medium {font-weight: 400;}

@media screen and (min-width: 376px) {
    .bnone {display: none;}
}
/* 210122 추가 ED */
.corp-group { text-align:center; margin-top:53px; }
.corp-group dt { font-family:'KBFGDisplay'; font-weight:700; font-size:15px; }
.corp-group dd { font-size:13px; font-weight:300; margin-top:15px; }
.corp-group dd.point { font-family:'KBFGDisplay'; font-size:23px; font-weight:500; line-height:1.260; margin-top:8px; }
.corp-group dd.img { margin-top:22px; }
.corp-group dd.img img { width:100%; }

.corp-value { margin:40px -25px -60px; padding:50px 0 65px; background:#f1f1f1; }
/****************************** 04. 공지/공시 - 스튜어드십코드	 ******************************/
.stewardship { padding:42px 0 0; line-height:1.583; }
.stewardship .rule-title:first-child, .stewardship .rule-title-2:first-child { margin-top:0; }
.stewardship .rule-title { margin-top:32px; margin-bottom:13px; font-size:14px; line-height:1.5; }
.stewardship .rule-title-2 { margin-top:20px; line-height:1.5; font-weight:700; }
.stewardship .rule-title-3 { margin-top:30px; font-size:17px; font-weight:700; }
.stewardship .rule-title-2 + .rule-title-2 { margin-top:5px; font-weight:300; }
.stewardship .rule-list > li { margin-top:24px; }
.stewardship .rule-list > li .rule-in-txt, .stewardship .rule-list-2 > li .rule-in-txt { display:flex; }
.stewardship .rule-list-2 li { margin-top:9px; font-weight:300; }
.stewardship .rule-list-2 li:first-child { margin-top:7px; }
.stewardship .rule-list-3 { font-size:11px; color:#555; margin:5px 0 10px 0; font-weight:300; text-indent:-0.8em; margin-left:0.8em; }
.stewardship .rule-txt, .stewardship .rule-des { font-weight:300; }
.stewardship .rule-txt + .rule-title-2 { margin-top:13px; }
.stewardship .rule-box-list + .rule-title-2 { margin-top:16px; }
.stewardship .rule-txt p + p { margin-top:9px; }
.stewardship .rule-txt + .rule-des { margin-top:23px; margin-bottom:35px; }
.stewardship .rule-des .subj { font-weight:500; }
.stewardship .rule-des .txt { display:block; margin-top:4px; }
.stewardship .rule-des .btn { margin-top:11px; }
.stewardship .rule-des .btn-t-4 { padding:0 10px; font-weight:500; }
.stewardship .rule-link { display:block; margin:15px 0 23px; font-weight:500; text-decoration:underline; }
.stewardship .rule-link + .rule-link, .stewardship .rule-link + p { margin-top:-6px; }
.stewardship .rule-link .ir-b::before { margin-right:5px; }
.stewardship .rule-box-list { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:7px; border:1px solid #ddd; border-width:0 1px 1px 0; }
.stewardship .rule-box-list + .rule-box-list { margin-top:15px; }
.stewardship .rule-box-list li { display:block; width:35px; line-height:35px; font-size:11px; border:1px solid #ddd; border-width:1px 0 0 1px; text-align:center; }
.stewardship .rule-box-list .name, .stewardship .rule-box-list .pos { width:30%; }
.stewardship .rule-box-list .type { width:40%; }
.stewardship .rule-box-list .tel, .stewardship .rule-box-list .mail { width:50%; }
.stewardship .rule-table { margin-left:-1px; border-bottom:1px solid #e5e5e5; }
.stewardship .rule-table th, .stewardship .rule-table td { padding:8px; border:solid 1px #e5e5e5; border-width:1px 0 0 1px; text-align:center; font-size:12px; }
.stewardship .rule-table th { font-weight:500; background-color:#fcfcfc; }
.stewardship .rule-table td { font-weight:300; }
.stewardship .rule-table .ty-1 { text-align:left; }
.stewardship .rule-table .ty-2 { vertical-align:top; text-align:left; line-height:1.8; }

/****************************** 07. 푸터 - 방침 / 지침 ******************************/
.terms-sel { width:160px; margin-top:35px; }
.terms-sel-txt { padding-right:36px; }
.terms-cont { padding-top:20px; line-height:1.5; font-size:12px; overflow:hidden; }
.terms-cont .terms-title:first-child { margin-top:0; }
.terms-cont .terms-title { margin-top:27px; margin-bottom:12px; letter-spacing:-0.025em; }
.terms-cont .terms-txt, .terms-cont .terms-list { font-size:12px; font-weight:300; }
.terms-cont .terms-txt + .tb-wrap { margin-top:21px; }
.terms-cont .terms-txt p + p { margin-top:10px; }
.terms-cont .terms-list { margin-top:10px; }
.terms-cont .terms-list > li { margin-top:10px; }
.terms-cont .terms-list > li > .terms-list-2 { margin-bottom:7px; }
.terms-cont .terms-list > li > .terms-list-2 > li { margin-top:7px; }
.terms-cont .terms-list > li:not(.terms-list-2) { margin-top:0; }
.terms-cont .terms-list-2, .terms-cont .terms-list-3 { font-size:11px; font-weight:300; }
.terms-cont .terms-list-2 { margin-top:5px; }
.terms-cont .terms-list-2 > li:first-child { margin-top:0; }
.terms-cont .terms-list-2 + .terms-txt { margin-top:10px; }
.terms-cont .terms-list-3 { margin-top:5px; }
.terms-cont .terms-list-3.ty-2 { margin-left:3px; color:#555; }
.terms-cont .terms-list-2 > li > .terms-list-3 { margin-bottom:9px; }
.terms-cont .terms-title + .tb-wrap { margin-top:10px; }
.terms-cont .tb-wrap + .terms-title { margin-top:23px; }
.terms-cont .tb-wrap { margin-left:-1px; }
.terms-cont .terms-table { border-bottom:1px solid #e5e5e5; }
.terms-cont .terms-table th, .terms-cont .terms-table td { padding:7px 5px 6px; border:solid 1px #e5e5e5; border-width:1px 0 0 1px; text-align:center; font-size:12px; }
.terms-cont .terms-table th { padding:7px 5px 6px; font-weight:500; background-color:#fcfcfc; }
.terms-cont .terms-table td { font-weight:300; }
.terms-cont .terms-table.ty-2 tr:first-child td { border-top-color:#000; }
.terms-cont .terms-table.ty-2 td { padding:13px 5px 13px; color:#555; border-width:1px 0 0 0; }
.terms-cont .terms-info { margin:23px 0 17px; text-align:center; font-weight:300; }
.terms-cont .terms-info strong { display:block; }

.terms-small { line-height:1.66; margin:-18px 0 0; font-size:12px; }
.terms-small dt { margin-bottom:2px; margin-top:18px; }
.terms-small > dt::before { content:''; display:inline-block; width:3px; height:3px; background-color:#000; margin:0.7em 7px 0 0; vertical-align:top; border-radius:100%; }
.terms-small > dd { font-weight:300; padding-left:11px; }
.terms-agree { margin-top:25px; margin-bottom:-10px; }

/****************************** 07. 대체투자 ******************************/
.ainvest-m-head { position:relative; height:360px; padding:70px 0 0; color:#fff; overflow:hidden; text-align:center; }
.ainvest-m-head .title { display:block; font-size:30px; font-weight:bold; font-family:'KBFGDisplay'; animation:fade-up 1.5s ease-out .1s both; }
.ainvest-m-head .title-sub { display:block; margin-top:11px; font-size:12px; line-height:1.53; animation:fade-up 1.5s ease-out .3s both; }
.ainvest-m-head .bg, .corp-m-head .bg { position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; }
.ainvest-m-head .bg img, .corp-m-head .bg img { position:absolute; left:50%; top:50%; min-width:100%; min-height:100%; animation:img-in 2s ease-out both; }
.ainvest-m-head .smenu, .corp-m-head .smenu { position:absolute; left:0; right:0; bottom:0; display:flex; flex-wrap:wrap; font-size:0; white-space:nowrap; }
.ainvest-m-head .smenu li, .corp-m-head .smenu li { flex:1; text-align:center; border-top:1px solid rgba(255,255,255,.3); }
.ainvest-m-head .smenu li+li, .corp-m-head .smenu li+li { border-left:1px solid rgba(255,255,255,.3); }
.ainvest-m-head .smenu .btn, .corp-m-head .smenu .btn { position:relative; display:block; height:98px; text-align:center; font-size:13px; line-height:74px; animation:fade-in 1.5s ease-out .3s both; }
.ainvest-m-head .smenu .btn::after, .corp-m-head .smenu .btn::after { content:''; position:absolute; left:50%; top:50%; margin:6px 0 0 -7.5px; width:17px; height:17px; border-radius:17px; border:1px solid rgba(255,255,255,.3); background-color:rgba(0,0,0,.2); }
.ainvest-m-head .smenu .btn::before, .corp-m-head .smenu .btn::before { content:''; position:absolute; left:50%; top:50%; width:3px; height:3px; margin:13px 0 0 -1px; border:solid 1px rgba(255,255,255,.8); border-width:1px 1px 0 0; transform:rotate(45deg); transition:transform 0.2s ease-in-out; }
.ainvest-m-sec { padding:50px 25px; margin:0 -25px; }
.ainvest-m-sec.ani-visible { animation:fade-up 600ms ease-out 100ms both; }
.ainvest-m-sec.sec-business { padding:0; }
.ainvest-m-sec .title { margin:0 0 15px; font-family:'KBFGDisplay'; font-size:23px; line-height:1; }
#ainvest-m-sec-1 { background-color:#f6fafd; }

.bar-chart-static .legend { position:relative; margin:0 0 40px; }
.bar-chart-static .legend .ps { position:absolute; right:0; top:-46px; font-size:11px; color:#333; font-weight:300; line-height:1; }
.bar-chart-static .legend .point::before { content:''; display:inline-block; width:5px; height:5px; margin:0 6px 3px 0; border-radius:5px; }
.bar-chart-static .legend .point.ty-4::before { background:#000; }
.bar-chart-static .legend .point.ty-1::before { background:#fcaf15; }
.bar-chart-static .legend .point.ty-2::before { background:#4c546d; }
.bar-chart-static .legend .point.ty-3::before { background:#959595; }
.bar-chart-static .bar-area { position:relative; z-index:5; height:290px; margin:0 22px; }
.bar-chart-static .bar-area::before { content:''; position:absolute; left:-35px; right:-35px; bottom:22px; height:1px; background:#000; }
.bar-chart-static .ps { margin-top:18px; padding:0 0 0 12px; font-size:11px; line-height:19px; font-weight:300; color:#333; }
.bar-chart-static .bg { position:absolute; bottom:23px; left:-22px; right:-50px; height:257px; background:url(/static/img/sub/ainvest-main-5.png) 0 0 no-repeat; background-size:100% 257px; }
.bar-chart-static dl { position:absolute; z-index:2; bottom:23px; width:16px; margin-left:-11px; }
.bar-chart-static dt { position:absolute; left:-20px; right:-20px; bottom:-23px; line-height:1; font-size:11px; color:#333; text-align:center; }
.bar-chart-static dl:nth-of-type(1) { left:0; }
.bar-chart-static dl:nth-of-type(2) { left:12%; }
.bar-chart-static dl:nth-of-type(3) { left:25%; }
.bar-chart-static dl:nth-of-type(4) { left:37%; }
.bar-chart-static dl:nth-of-type(5) { left:49%; }
.bar-chart-static dl:nth-of-type(6) { left:62%; }
.bar-chart-static dl:nth-of-type(7) { left:75%; }
.bar-chart-static dl:nth-of-type(8) { left:87%; }
.bar-chart-static dl:nth-of-type(9) { left:100%; }
.bar-chart-static .y2015 .val { height:54px; }
.bar-chart-static .y2015 .case.ty-1 { height:6.4962px; } /* calc(54px * 0.1203) : 12.03% */
.bar-chart-static .y2015 .case.ty-2 { height:47.4984px; } /* calc(54px * 0.8796) : 87.96% */
.bar-chart-static .y2015 .case.ty-3 { height:0px; } /* calc(54px * 0) : 0% */
.bar-chart-static .y2016 .val { height:67.5px; }
.bar-chart-static .y2016 .case.ty-1 { height:11px; } /* calc(67.5px * 0.1703) : 17.03% */
.bar-chart-static .y2016 .case.ty-2 { height:54.999px; } /* calc(67.5px * 0.8148) : 81.48% */
.bar-chart-static .y2016 .case.ty-3 { height:1.998px; } /* calc(67.5px * 0.0296) : 2.96% */
.bar-chart-static .y2017 .val { height:86.5px; }
.bar-chart-static .y2017 .case.ty-1 { height:16.49555px; } /* calc(86.5px * 0.1907) : 19.07% */
.bar-chart-static .y2017 .case.ty-2 { height:63.9927px; } /* calc(86.5px * 0.7398) : 73.98% */
.bar-chart-static .y2017 .case.ty-3 { height:5.99445px; } /* calc(86.5px * 0.0693) : 6.93% */
.bar-chart-static .y2018 .val { height:116px; }
.bar-chart-static .y2018 .case.ty-1 { height:24.4992px; } /* calc(116px * 0.2112) : 21.12% */
.bar-chart-static .y2018 .case.ty-2 { height:85.9908px; } /* calc(116px * 0.7413) : 74.13% */
.bar-chart-static .y2018 .case.ty-3 { height:5.9972px; } /* calc(116px * 0.0517) : 5.17% */
.bar-chart-static .y2019 .val { height:128px; }
.bar-chart-static .y2019 .case.ty-1 { height:28.992px; } /* calc(128px * 0.2265) : 22.65% */
.bar-chart-static .y2019 .case.ty-2 { height:90.9952px; } /* calc(128px * 0.7109) : 71.09% */
.bar-chart-static .y2019 .case.ty-3 { height:8px; } /* calc(128px * 0.0625) : 6.25% */
.bar-chart-static .y2020 .val { height:137px; }
.bar-chart-static .y2020 .case.ty-1 { height:32.3731px; } /* calc(137px * 0.2363) : 23.63% */
.bar-chart-static .y2020 .case.ty-2 { height:92.1599px; } /* calc(137px * 0.6727) : 67.27% */
.bar-chart-static .y2020 .case.ty-3 { height:12.4533px; } /* calc(137px * 0.0909) : 9.09% */
.bar-chart-static .y2021 .val { height:168px; }
.bar-chart-static .y2021 .case.ty-1 { height:49.4928px; } /* calc(168px * 0.2946) : 29.46% */
.bar-chart-static .y2021 .case.ty-2 { height:101.9928px; } /* calc(168px * 0.6071) : 60.71% */
.bar-chart-static .y2021 .case.ty-3 { height:16.4976px; } /* calc(168px * 0.0982) : 9.82% */
.bar-chart-static .y2022 .val { height:240px; }
.bar-chart-static .y2022 .case.ty-1 { height:57.48px; } /* calc(240px * 0.2395) : 23.95% */
.bar-chart-static .y2022 .case.ty-2 { height:117.984px; } /* calc(240px * 0.4916) : 49.16% */
.bar-chart-static .y2022 .case.ty-3 { height:64.488px; } /* calc(240px * 0.2687) : 26.87% */
.bar-chart-static .y2023 .val { height:255px; }
.bar-chart-static .y2023 .case.ty-1 { height:60.282px; } /* calc(255px * 0.2364) : 23.64% */
.bar-chart-static .y2023 .case.ty-2 { height:175.44px; } /* calc(255px * 0.6880) : 68.80% */
.bar-chart-static .y2023 .case.ty-3 { height:19.227px; } /* calc(255px * 0.0754) : 7.54% */
.bar-chart-static .total { display:block; margin:0 -20px 10px; text-align:center; line-height:1; font-size:12px; font-weight:700; color:#ddd; -webkit-transition:all 0.3s; transition:all 0.3s; }
.bar-chart-static dl:nth-of-type(7n) .total { font-size:14px; }
.bar-chart-static dl:nth-of-type(8n) .total { margin-bottom:13px; font-size:16px; }
.bar-chart-static dl:nth-of-type(9n) .total { margin-bottom:13px; font-size:17px; }
.bar-chart-static .val { position:relative; display:block; margin:0 auto; background:#ddd; -webkit-transition:all 0.3s; transition:all 0.3s; font-size:0; }
.bar-chart-static .val::before { content:''; display:inline-block; width:1px; height:100%; vertical-align:bottom; margin-right:-1px; }
.bar-chart-static .val .in { display:inline-block; width:100%; vertical-align:bottom; }
.bar-chart-static .val .case { position:relative; display:inline-block; width:100%; -webkit-transition:all 0.3s; transition:all 0.3s; }
.bar-chart-static .val .case::after { content:attr(data-val); position:absolute; left:50%; top:-35px; z-index:5; height:26px; padding:0 7px; line-height:26px; border-radius:26px; font-size:11px; border:1px solid #000; background:#fff; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.25); transform:scale(0) translateX(-50%); transform-origin:0 50%; opacity:0; transition:opacity 0.4s, transform 0.4s cubic-bezier(0,.75,.62,1.1); }
.bar-chart-static:not(.ani-visible) .bar-area .val .case,
.bar-chart-static .bar-area:not(.visible-1):not(.visible-0) .val .case.ty-1,
.bar-chart-static .bar-area:not(.visible-2):not(.visible-0) .val .case.ty-2,
.bar-chart-static .bar-area:not(.visible-3):not(.visible-0) .val .case.ty-3 { height:0; }
.bar-chart-static .legend .active .point.ty-4::before { display:none; }
.bar-chart-static.ani-visible .bar-area.visible-0 .total { color:#000; }
.bar-chart-static.ani-visible .bar-area.visible-1 .val .case.ty-1::after,
.bar-chart-static.ani-visible .bar-area.visible-2 .val .case.ty-2::after,
.bar-chart-static.ani-visible .bar-area.visible-3 .val .case.ty-3::after { transform:scale(1) translateX(-50%); opacity:1; }
.bar-chart-static.ani-visible .bar-area.visible-0 .val .case.ty-1,
.bar-chart-static.ani-visible .bar-area.visible-1 .val .case.ty-1 { background-color:#fcaf15; }
.bar-chart-static.ani-visible .bar-area.visible-0 .val .case.ty-2,
.bar-chart-static.ani-visible .bar-area.visible-2 .val .case.ty-2 { background-color:#4c546d; }
.bar-chart-static.ani-visible .bar-area.visible-0 .val .case.ty-3,
.bar-chart-static.ani-visible .bar-area.visible-3 .val .case.ty-3 { background-color:#959595; }
.bar-chart-static .bar-area:not(.visible-1) .val .case.ty-1,
.bar-chart-static .bar-area:not(.visible-2) .val .case.ty-2,
.bar-chart-static .bar-area:not(.visible-3) .val .case.ty-3,
.bar-chart-static .bar-area:not(.visible-1) .val .case.ty-1::after,
.bar-chart-static .bar-area:not(.visible-2) .val .case.ty-2::after,
.bar-chart-static .bar-area:not(.visible-3) .val .case.ty-3::after { transition-delay:0ms !important; }
.bar-chart-static dl:nth-of-type(1) .val .case::after { transition-delay:25ms; }
.bar-chart-static dl:nth-of-type(2) .val .case::after { transition-delay:75ms; }
.bar-chart-static dl:nth-of-type(3) .val .case::after { transition-delay:125ms; }
.bar-chart-static dl:nth-of-type(4) .val .case::after { transition-delay:175ms; }
.bar-chart-static dl:nth-of-type(5) .val .case::after { transition-delay:225ms; }
.bar-chart-static dl:nth-of-type(6) .val .case::after { transition-delay:275ms; }

.history-wrap { position:relative; display:none; }
.history-title { margin:28px 0 35px; font-size:28px; line-height:1; }
.history-title .bg { display:block; max-width:100%; }
.history-title h4, .history-title h3 { margin-bottom:12px; outline:none !important; }
.history { position:relative; z-index:2; padding:0 0 0 0; font-size:14px; line-height:1.5; }
.history > dt { padding:0 0 9px; margin:25px 0 12px; font-size:18px; color:#000; border-bottom:1px solid #e5e5e5; }
.history > dt:first-child { margin-top:0; }
.history > dd { position:relative; padding-left:35px; color:#333; }
.history > dd + dd { margin-top:6px; }
.history > dd .month { display:block; margin:0 0 -1.5em -35px; }
.history > dd .text { font-weight:300; }
.history.ty-2 > dd { padding-left:55px; }
.history.ty-2 > dd .month { margin-left:-55px; }

.ainvest-m-sec.sec-business { margin-bottom:-60px; }
.ainvest-m-sec.sec-business .list .item { position:relative; height:220px; padding:43px 0 0; color:#fff; overflow:hidden; text-align:center; }
.ainvest-m-sec.sec-business .list .item::before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.ainvest-m-sec.sec-business .list .item:nth-child(1)::before { background-image:url("/static/img/sub/ainvest-main-9.jpg"); }
.ainvest-m-sec.sec-business .list .item:nth-child(2)::before { background-image:url("/static/img/sub/ainvest-main-10.jpg"); }
.ainvest-m-sec.sec-business .list .item:nth-child(3)::before { background-image:url("/static/img/sub/ainvest-main-11.jpg"); }
.ainvest-m-sec.sec-business .list dt, .ainvest-m-sec.sec-business .list dd { position:relative; z-index:2; }
.ainvest-m-sec.sec-business .list dt { margin:0 0 4px; font-family:'KBFGDisplay'; font-size:23px; }
.ainvest-m-sec.sec-business .list .text { margin:0 0 21px; font-size:12px; line-height:19px; white-space:nowrap; }
.ainvest-m-sec.sec-business .list .links .btn { display:inline-block; padding:0 16px; font-size:11px; line-height:26px; color:#fff; border:1px solid #fff; border-radius:28px; }
.ainvest-m-sec.sec-business .list .links .btn.ty-2 { color:#000; background:#fff; }

.ainvest-cont-head { margin-top:48px; margin-bottom:53px; font-family:'KBFGDisplay'; font-size:23px; line-height:1.43; text-align:center; }
.ainvest-cont-head .sub-txt { margin-top:11px; font-family:'KBFGText'; font-size:12px; color:#555;  }
.ainvest-cont-head .point { color:#fcb72b; }

.sub-head.ty-2 .bg { position:absolute; left:0; right:0; top:0; z-index:-1; height:100%; overflow:hidden; }
.sub-head.ty-2 .bg img { position:absolute; left:50%; top:50%; width:100%; min-height:215px; animation:img-in 2s ease-out both; }
.sub-head.ty-2 .g-title, .sub-head.ty-2 .menu-btn { animation:fade-in 1.5s ease-out .1s both; }
.sub-head.ty-2 .g-title-sub { animation:fade-up 1.5s ease-out .3s both; }
.sub-head.ty-2 .g-title-2 { animation:fade-in 1.5s ease-out .4s both; }
.sub-head.ty-2 .tab { animation:fade-in 1.5s ease-out .4s both; }
.sub-head.ty-2 .page-prev, .sub-head.ty-2 .page-next, .sub-head.ty-2 .page-current { animation:fade-in 1.5s ease-out .4s both; transition:opacity 0.3s ease; }
.ainvest-cont-head .msg, .ainvest-cont-head .sub-txt { animation:fade-in 1.5s ease-out .4s both; }
.ainvest-cont > dt, .ainvest-cont > dd, .ainvest-cont-2 { transform:translateY(50px); opacity:0; -webkit-transition:all 400ms 100ms; transition:all 400ms 100ms; }
.ainvest-cont.ani-visible > dt, .ainvest-cont.ani-visible > dd, .ainvest-cont-2.ani-visible { transform:translateY(0); opacity:1; }
.ainvest-cont-head.ani-visible .sub-txt, .ainvest-cont.ani-visible > dd { -webkit-transition-delay:150ms; transition-delay:150ms; }
.ainvest-cont.ani-visible > dd + dd { -webkit-transition-delay:200ms; transition-delay:200ms; }
.ainvest-cont .swiper-slide { position:relative; width:100%; height:170px; }
.ainvest-cont .swiper-slide img { position:absolute; top:50%; transform:translateY(-50%); width:100%; height:auto; }

.ainvest-cont { margin-top:-12px; font-size:13px; color:#333; }
.ainvest-cont.cmgt { margin-top:47px !important; }
.ainvest-cont + .ainvest-cont, .ainvest-cont + .ainvest-cont.ty-2 { margin-top:46px; }
.ainvest-cont > dt { position:relative; margin:0 0 7px 51px; font-family:'KBFGDisplay'; font-size:23px; color:#000; }
.ainvest-cont > dt .num { position:absolute; left:-51px; top:3px; font-size:14px; font-weight:bold; }
.ainvest-cont > dt .en { margin-top:-4px; margin-bottom:0; font-size:14px; }
.ainvest-cont > .indent { margin-left:51px; }
.ainvest-cont > dd + dd { margin-top:14px; }
.ainvest-cont > dd + dd:not(.ac) { height:170px; overflow:hidden; }
.ainvest-cont > dd { position:relative; }
.ainvest-cont > dd:not(.ac) > img { position:absolute; top:50%; transform:translateY(-50%); width:100%; height:auto; }
.ainvest-cont > dd.ac > img { max-width:100%; }
.ainvest-cont .series { position:absolute; left:50%; right:0; top:50%; margin:-188px 0 0 -78px; width:158px; white-space:nowrap; text-align:center; font-size:0; }
.ainvest-cont .series li { display:block; font-size:12px; color:#fff; line-height:36px; }
.ainvest-cont .series li + li { margin-top:2px; }
.ainvest-cont .series .name { position:relative; display:block; font-size:16px; font-weight:bold; border-top:2px solid #ffcb06; line-height:35px; }
.ainvest-cont .swiper-button-next { right:50px; }
.ainvest-cont .swiper-button-prev { left:50px; }
.ainvest-cont.ty-2 { margin-top:0; }
.ainvest-cont.ty-2 > dt { margin-left:0; margin-bottom:3px; }
.ainvest-cont.ty-2 > dt .num { position:static; left:0; top:0; display:block; margin-bottom:18px; }
.ainvest-cont.ty-2 > dd p+p { margin-top:5px; }

.ainvest-cont-2 { position:relative; }
.ainvest-cont-head + .ainvest-cont-2 { margin-top:0; }
.ainvest-cont-2 + .ainvest-cont-2 { margin-top:47px; }
.ainvest-cont-2 > .text { padding:20px 0 0; font-size:13px; line-height:1.46; border-top:2px solid #000; }
.ainvest-cont-2 .img { display:block; position:relative; overflow:hidden; }
.ainvest-cont-2 .img img { width:100%; height:auto; }
.ainvest-cont-2 dt { position:relative; margin:0 0 9px 38px; font-family:'KBFGDisplay'; font-size:23px; line-height:1; }
.ainvest-cont-2 .num { position:absolute; top:2px; left:-38px; font-size:14px; font-weight:bold; }
.ainvest-cont-2 .indent { margin-left:38px; }
.ainvest-cont-2 dd { position:relative; }
.ainvest-cont-2 dd.in-btn { padding-right:110px; min-height:2.92; }
.ainvest-cont-2 .btn { position:absolute; top:2px; right:0; }
.ainvest-cont-2 .btn .btn-t-4 { padding-left:10px; padding-right:10px; }

.ainvest-cont-2.ty-2 dt { margin-left:0; }
.ainvest-cont-2.ty-2 .num { left:auto; right:0; }
.ainvest-cont-2.ty-2 .img { height:160px; }
.ainvest-cont-2.ty-2 .img img { position:absolute; top:50%; transform:translateY(-50%); }

.ainvest-cont .swiper-button-next, .ainvest-cont-2 .swiper-button-next, .ainvest-prd .swiper-button-next { right:0; background:#000; opacity:0.6; border-radius:0; }
.ainvest-cont .swiper-button-prev, .ainvest-cont-2 .swiper-button-prev, .ainvest-prd .swiper-button-prev { left:0; background:#000; opacity:0.6; border-radius:0; }
.ainvest-cont .swiper-button-prev::before, .ainvest-cont .swiper-button-next::before,
.ainvest-cont-2 .swiper-button-prev::before, .ainvest-cont-2 .swiper-button-next::before,
.ainvest-prd .swiper-button-prev::before, .ainvest-prd .swiper-button-next::before { display:none; }
.ainvest-cont .swiper-button-prev::after, .ainvest-cont-2 .swiper-button-prev::after, .ainvest-prd .swiper-button-prev::after { margin:-4px 0 0 -1px; border-color:#fff; }
.ainvest-cont .swiper-button-next::after, .ainvest-cont-2 .swiper-button-next::after, .ainvest-prd .swiper-button-next::after { margin:-4px 0 0 -5px; border-color:#fff; }
.ainvest-cont .swiper-container-horizontal > .swiper-pagination-bullets, .ainvest-cont-2 .swiper-container-horizontal > .swiper-pagination-bullets, .ainvest-prd .swiper-container-horizontal > .swiper-pagination-bullets { bottom:15px; }
.ainvest-cont .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.ainvest-cont-2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.ainvest-prd .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px; }
.ainvest-cont-2 .swiper-pagination-bullet::before { background:rgba(0,0,0,.2); }
.ainvest-cont-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background:#000; }

.ainvest-prd { margin-top:35px; }
.ainvest-prd + .paging-more { margin-top:50px; }
.ainvest-prd .title { margin-bottom:21px; font-size:24px; }
.ainvest-prd .item { position:relative; margin-top:0; overflow:hidden; }
.ainvest-prd .item + .item { margin-top:50px; }
.ainvest-prd .subj { padding:12px 0 10px; font-family:'KBFGDisplay'; font-size:21px; line-height:1.25; }
.ainvest-prd .img, .ainvest-prd .img .swiper-slide { height:300px; text-align:center; overflow:hidden; }
.ainvest-prd .img img { position:relative; width:100%; height:auto; display:inline-block; top:50%; transform:translateY(-50%); }
.ainvest-prd .info { margin-top:0; padding-top:4px; font-size:0; border-top:2px solid #000; }
.ainvest-prd .info > li { display:inline-block; margin-top:10px; font-size:14px; line-height:24px; vertical-align:top; }
.ainvest-prd .info > li:nth-child(2) { float:right; }
.ainvest-prd .info > li.full { width:100%; }
.ainvest-prd .info .name { display:inline-block; width:55px; padding-top:1px; margin-right:7px; font-size:13px; line-height:22px; border:1px solid #e5e5e5; border-radius:3px; text-align:center; }
.ainvest-prd .swiper-pagination-bullet::before { background:#fbf9f4; box-shadow: 1px 0 8px rgba(0,0,0,0.8); }
.ainvest-prd .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background:#ffcb06; }

.map { text-align:center; margin:-16px 0 33px; }
.map > .in { position:relative; display:inline-block; margin:0 -500px; vertical-align:top; }
.map .bg { height:207px; vertical-align:top; }
.map .pin { position:absolute; left:50%; top:50%; }
.map .pin::before { content:''; position:absolute; left:0; bottom:0; margin:0 0 0 -7.5px; width:15px; height:25px; background:url("/static/img/sub/ainvest-map-pin.png") 0 0 no-repeat; background-size:cover; }
.map .pos-1 { margin-left:-148px; margin-top:-40.5px; }
.map .pos-2 { margin-left:-135.5px; margin-top:-21px; }
.map .pos-3 { margin-left:-128.5px; margin-top:7px; }
.map .pos-4 { margin-left:-96px; margin-top:46px; }
.map .pos-5 { margin-left:-93px; margin-top:74px; }
.map .pos-6 { margin-left:16.5px; margin-top:-19px; }
.map .pos-7 { margin-left:-3.5px; margin-top:-31px; }
.map .pos-8 { margin-left:38px; margin-top:1.5px; }
.map .pos-9 { margin-left:148.5px; margin-top:-13.5px; }
.map .pos-10 { margin-left:143px; margin-top:60.5px; }
.map .pos-11 { margin-left:-84px; margin-top:12.5px; }
.map .pos-12 { margin-left:-19px; margin-top:22px; }
.map .pos-13 { margin-left:-53px; margin-top:32px; }
.map .pos-14 { margin-left:-69px; margin-top:40px; }
.map .pos-15 { margin-left:-118.5px; margin-top:75px; }
.map .pos-16 { margin-left:92.5px; margin-top:-22.5px; }
.map .pos-17 { margin-left:122.5px; margin-top:0px; }
.map .pos-18 { margin-left:84px; margin-top:24.5px; }

.map-list > li { border:solid 1px #ddd; border-radius:4px; margin-top:15px; }
.map-list .title { display:flex; position:relative; border-radius:5px; width:100%; font-family:KBFGDisplay; font-size:14px; height:45px; align-items:center; }
.map-list .title .flag { width:25px; height:25px; margin:-1px 7px 0 15px; }
.map-list li .i-arr-2::after { position:absolute; right:16px; top:50%; margin:-2px; }
.map-list li.active .i-arr-2::after { transform:rotate(180deg); }
.map-list li.active { border-color:#000; }
.map-list li .cont { display:none; padding:10px 15px 8px; border-top:solid 1px #ddd; }
.map-list .legend { font-weight:500; }
.map-list .legend::after { content:''; display:inline-block; width:10px; height:10px; margin:0 3px; border-radius:10px; }
.map-list .legend.ty::after { background:#edcd8b; }
.map-list .legend.ty-2::after { background:#acc8e3; }

/****************************** 사이트맵 ******************************/
.site-map { margin:36px -25px -43px 0; }
.site-map .site-list { border-bottom:1px solid #eee; }
.site-map .site-list:last-child { border-bottom:0; }
.site-list .site-title { margin-top:43px; padding-bottom:15px; font-size:21px; font-weight:700; border-bottom:1px solid; line-height:1; letter-spacing:-0.03em; }
.site-list:first-child .site-title { margin-top:0; }
.site-list .sub-dep { display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; padding:3px 9px 35px 15px; }
.site-list .sub-dep > li { width:50%; margin-top:20px; letter-spacing:-0.03em; }
.site-list .sub-dep > li.full { width:100%; }
.site-list .sub-dep > li > a { font-size:16px; font-weight:700; color:#282828; }
.site-list .sub-dep-2 { margin:15px 0 5px 0; padding:20px 30px 19px; display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; background:#f8f8f8; }
.site-list .sub-dep-2 > li { width:50%; letter-spacing:-0.03em; }
.site-list .sub-dep-2 > li:nth-child(n+3) { margin-top:14px; }
.site-list .sub-dep-2 > li > a { font-size:14px; color:#444; }

/****************************** 세미나 신청 ******************************/
.seminar-wrap { padding:50px 25px; }
.seminar-wrap .seminar-logo img { height:23px; }
.seminar-wrap .seminar-vis { margin-top:30px; }
.seminar-wrap .seminar-vis img { width:100%; }
.seminar-wrap div.title { display:flex; }
.seminar-wrap .title .title-sub-r { margin-left:auto; font-size:11px; height:20px; font-weight:500; line-height:34px; letter-spacing:0; }
.seminar-wrap .title { font-size:18px; font-weight:700; letter-spacing:-0.025em; margin:45px 0 14px; color:#222; }
.seminar-wrap .title.cmgt { margin-top:50px; }
.seminar-wrap .fm-row { margin-top:38px; padding-top:42px; }
.seminar-wrap .fm-row + .fm-row { margin-top:0; }
.seminar-wrap .fm-row .fm-label { margin-bottom:4px; }
.seminar-wrap .fm-col { display:flex; justify-content:space-between; vertical-align:middle; }
.seminar-wrap .fm-at, .seminar-wrap .fm-hyphen { margin:0 9px; line-height:40px; }
.seminar-wrap .fm-auto-num { margin-top:9px; }
.seminar-wrap .fm-auto-num img { height:30px; }
.seminar-wrap .fm-ipt, .seminar-wrap .fm-sel { height:40px; line-height:40px; border-color:#ccc; border-radius:2px; padding:0 18px 0 9px; }
.seminar-wrap .fm-rad + .fm-rad-i:before { width:19px; height:19px; background:#fff; }
.seminar-wrap .fm-rad + .fm-rad-i:after { width:9px; height:9px; left:5px; top:5px; }
.seminar-wrap .fm-rad + .fm-rad-i { padding-left:23px; }
.seminar-wrap .fm-auto-ipt { margin-top:10px; display:block; }
.seminar-wrap .fm-msg { font-size:16px; text-align:center; color:#003ca6; line-height:24px; letter-spacing:-0.025em; }
.seminar-wrap .fm-msg + .fm-row { margin-top:0; padding-top:38px; }
.seminar-wrap .fm-email-ipt { margin-top:7px; }
.seminar-wrap .point { color:#2c4caa; }
.seminar-wrap .i-required { margin:-18px 2px 0 0; width:4px; height:4px; }
.seminar-wrap .seminar-terms { border-top:solid 1px #000; font-weight:300; padding:30px 10px 35px; }
.seminar-wrap .seminar-terms ul li { margin-top:5px; text-indent:-1.2em; margin-left:1.2em; }
.seminar-wrap .seminar-terms .txt { margin-top:26px; text-indent:-0.8em; margin-left:0.8em; }
.seminar-wrap .seminar-terms .txt-2 { font-weight:500; margin:6px 0 34px; }
.seminar-wrap .seminar-agree { background:#eee; text-align:center; padding:9px 0; }
.seminar-wrap .seminar-agree .fm-item { margin:0 19px; }
.seminar-wrap .btn-t { width:128px; }
.seminar-tb th, .seminar-tb td { font-size:13px; padding:18px 5px 14px 0; vertical-align:bottom; text-align:left; font-weight:300; border-bottom:1px solid #e5e5e5; }
.seminar-tb th {  font-weight:500; }
.seminar-tb tr:last-child th, .seminar-tb tr:last-child td { border-bottom:none; }
.seminar_01P .seminar-tb tr {border-bottom:1px solid #e5e5e5;}
.event_01P tr {border-bottom: 1px solid #e5e5e5;}

/****************************** 문의 및 건의사항 ******************************/
.suggest { margin-top:-5px; }
.suggest .g-title-2 { font-size:15px; }
.suggest .g-title-3 { margin:36px 0 9px; }
.suggest .g-title-3:first-child { margin-top:26px; }
.suggest .tb-data-2 th, .tb-data-2 td { padding:15px 0 13px; font-size:14px; }
.suggest .tb-data-2 td { padding:15px 20px 1}
.suggest .g-title-3 + .g-title-2 { margin-top:15px; }
.suggest .tb-data-2 tbody tr td { padding-left:20px; text-align:left; }

.custom-item {margin-top: 15px;}

.rgst-protected { border:1px solid #dedede; }
.rgst-protected img { max-width:100%; }

/****************************** 이벤트 ******************************/
.event-wrap { max-width:960px !important; width:100%; margin:0 auto; background:url("/static/img/event/evt-bg.jpg") 0 0 repeat-y; background-size:contain; }
.event-video { padding:0 5%; background:#fff; }
.event-video iframe { width:100%; height:100%; }
.event-video .item { width:100%; height:44vw; background-color:#f0f0f0; border-radius:25px; overflow:hidden; }
.event-video.ty-2 { background-color:#3f3d3c; }
.event-video.ty-2 .item-2 { flex:none; width:100%; border-radius:25px; height:59vw;  overflow:hidden; }
.event-video.ty-2 .iframe-wrap { border-radius:25px; border:8px solid #e7b400; overflow: hidden; }
.event-video.ty-3 { padding:1px 10vw 0; background:url("/static/img/event/241212/evt-bg.jpg") 0 0 repeat-y; background-size:contain; }
.event-video.ty-3 .item-2 { flex:none; width:100%; border-radius:12px; height:46vw; }
.event-video.ty-3 .iframe-wrap { margin:11px 0; box-shadow:5px 6px 9px rgba(0, 0, 0, 0.2); border-radius: 12px; height: 37vw; }
.event-video.ty-3 .iframe-wrap iframe { border-radius:12px; }
.event-video.ty-4 { padding:0 7vw; background:url("/static/img/event/241212/evt-bg.jpg") 0 0 repeat-y; background-size:contain; }
.event-video.ty-4 .item { width:100%; height:100%; border-radius:0; }
.event-video.ty-4 .item img { width:100%; }
.event-video .item.ty-2 { border:8px solid #e7b400; }
.event-video .item + .item, .event-video.ty-2 .item-2 + .item-2 { margin-top:3%; }
.event-link, .event-video-info { display:flex; flex-wrap:wrap; align-items:center; }
.event-link .item, .event-video-info .item { flex:none; width:50%; }
.event-link.ty-2 { background:url("/static/img/event/evt-bg-2.jpg") 0 0 repeat-y; background-size:contain;}

.event-btn { display:flex; justify-content:center; background:url('https://kbam.crea-m.com/static/img/event/250416/evt-bg.jpg') 0 0 repeat-y; background-size:contain; padding:0 6%; }
.event-btn .item { width:calc(50% - 23px); max-width:338px; height:auto; }
.event-btn .item img { width:100%; height:auto; }
.event-btn .item + .item { margin-left:8px; }
.event-btn.ty-2 { background:#fac618; }
.event-btn.ty-2 .item { width:calc(50% - 15px); max-width:376px; height:auto; }