@font-face {
    font-family: 'DaishinM';
    src: url(fonts/DaishinM.eot);
    src: url(fonts/DaishinM.eot?#iefix) format('embedded-opentype'), url(fonts/DaishinM.woff) format('woff'), url(fonts/DaishinM.ttf) format('truetype');
}

.plus {color:#E8080C}
.minus {color:#0061a7}

/* TOP */ 
.body {background-color:#F1F3F8}
.sub {padding:6rem 0 4rem;}
.about.container-min {margin:3rem auto 1rem;}

.sub-tit {text-align:center}
.sub-tit .page_nav {display:flex; justify-content: center; align-items: center; gap:1rem;}
.sub-tit .page_nav li {font-size:.9rem; color:#555}
.sub-tit .page_nav li.inner2 {background:url(../img/depth.svg) no-repeat; font-size:0; width:16px; height:16px;}
.sub-tit .page_nav li b {color:#000;}
.sub-tit .page_nav li .home {width: 24px;}
.sub-tit h2 {font-family: 'DaishinM'; margin:.85rem 0 4rem; font-size: 3rem;}

@media(max-width: 767.98px) {
	.sub {padding:4rem 0 3rem;}
	.sub-tit h2 {margin: .85rem 0 2.5rem; font-size: 2rem;}
}


/*  서브메뉴  */
.lnb-wrap {margin:0 auto; position:relative}
.tabs--line {background-color: rgba(0,0,0,0); border-radius: 0; border-top: 1px solid #ccc; letter-spacing: -0.01em}
.tabs--line.tabs,.tabs--line.tabs--l {font-size: max(2.4rem,1.6667vw); gap: 0}
.tabs--line.tabs .tabs__item,.tabs--line.tabs--l .tabs__item {padding-right: calc(12 / 32 * 1em); padding-left: calc(12 / 32 * 1em)}
.tabs--line.tabs .tabs__item span,.tabs--line.tabs--l .tabs__item span {margin-left: calc(5 / 32 * 1em)}
.tabs--line.tabs .tabs__link,.tabs--line.tabs--l .tabs__link {padding: calc(19 / 32 * 1em)}
.tabs--line .tabs__item {position: relative}
.tabs--line .tabs__item:hover:not(.tabs--line .tabs__item.active) .tabs__link {background-color: rgba(0,0,0,0)}
.tabs--line .tabs__item .tabs__link {background-color: rgba(0,0,0,0); border-radius: 0; padding-left: 0;
 padding-right: 0; cursor:pointer;}
.tabs--line .tabs__item .tabs__text {color: #acacac; font-size:1.2222rem;}
.tabs--line .tabs__item span {margin-left: calc(5 / 32 * 1em)}
.tabs--line .tabs__item.active {font-weight: 600}
.tabs--line .tabs__item.active::after {content: ""; display: block; position: absolute; left: 0; top: -2px; width: 100%; height: 3px; background-color: #000}
.tabs--line .tabs__item.active .tabs__text {color: #111}

.tabs--fixed {display: flex}
.tabs--fixed .tabs__item {flex: 1}
.tabs--fixed.tabs--line .tabs__item {margin-right: 0}
.tabs--fixed .tabs__link {display: flex; justify-content: center}

@media(max-width: 767.98px) {
	.lnb-wrap {padding:0;}
	.tabs--line.tabs .tabs__item, .tabs--line.tabs--l .tabs__item {padding:0}
	.tabs--line.tabs, .tabs--line.tabs--l {font-size: max(1.5rem, 1.6667vw);}
	.tabs--line .tabs__item .tabs__text {font-size: 1rem;}
}


/*  ------------------- 일반페이지 --------------------   */
#about .sub-img-tit {position:relative; overflow:hidden; display:flex; flex-direction: column; justify-content: flex-end; gap:.8rem; padding:4rem; margin-bottom:2rem; height:500px; border-radius:2rem; background:url(../img/about_bg.png) center right no-repeat; background-size:cover; background-position: center; text-shadow: 0 0 5px black; color:#fff;}
#about .sub-img-tit h3 {color:#fff; font-size:2.4rem; line-height:1.2}

#philoso .sub-img-tit {position:relative; overflow:hidden; padding:7rem 4rem; margin-bottom:3rem; border-radius:2rem; background:url(../img/philoso_bg.png) center no-repeat; background-size:cover; text-align:center;}
#philoso .sub-img-tit h3 {color:#fff; font-size:2.2rem; line-height:1.2}
#philoso h4 {margin:5rem 0 2rem; font-size: 2rem; text-align:center;}
.philoso-cont {display:flex; flex-wrap: wrap; justify-content: center; gap:1%; row-gap:1rem;}
.philoso-cont li {background:#fff; border-radius:2rem; text-align:center; padding:1rem 2rem 2rem; flex:1 auto; width:31.3333%}
.philoso-cont li h5 {font-weight:700; color:#000;}
.philoso-cont li small {font-size:.87rem; color:#999; display:block; line-height: 1.2; margin-top: 5px;}

#history {position: relative; overflow: hidden; display: flex; justify-content: flex-end; width: 95%; margin: 4rem auto 2rem;}
#history .history-nav {width: 240px; margin-top: 2rem;}
#history .history-nav li {display: block; cursor:pointer; font-size:1.1rem; padding: 14px 10px; border-radius: 30px 0 0 30px; background: transparent; transition: all .2s;}
#history .history-nav li:hover {padding:14px 20px; background:#dde1e7;}
#history .history-nav li.on {background:#000; color:#fff; padding:14px 20px; font-weight:600}
#history .history-cont {width: calc(100% - 240px);}

.year_box_wrap {position:relative; overflow:hidden; background: #fff; border-radius: calc(max(1rem, 0.8334vw) * (40 / 16)); padding:4rem; min-height: 370px; display:none;}
.year_box_wrap.on {display: block;}
.year_box {display: flex; padding-bottom: 3rem; position: relative; overflow: hidden;}
.year_box:last-child {padding-bottom:0;}
.year_box:before {content: ""; position: absolute; height: calc(100%); width: 1px; background: #e6e9ef; top: 2rem; left: 144px;}
.year_box + .year_box:before {top:0;}
.year_box:last-child::before {height:2rem;}
.year_box.none:before {height:0;}
.year_box:after {border-radius: 50%; background: #e6e9ef; content: ""; width: 8px; height: 8px; position: absolute; top: 1.8rem; left: 140px;}
.year_box .year {width: 200px; font-size: 1.5rem; font-weight: 700; padding: 1rem 0;}
.year_box .text {width: calc(100% - 200px); font-size: .9rem; margin-top: .5rem;}
.year_box .text li {padding: 1rem 0; display: flex;  gap: 1.2rem; color:#888}
.year_box .text li .bolda {color:#555; font-weight: 600;}

.ceo-cont {display:flex; flex-wrap: wrap; margin-bottom: 3rem;}
.ceo-cont h3 {width:100%; margin-bottom: 1.8rem; font-size: 2.2rem; line-height: 1.4;}
.ceo-cont .ceo-txt {width: 68%; line-height: 1.6; font-size: 1rem; color: #555;}
.ceo-cont .ceo-txt p {margin-bottom:1rem;}
.ceo-cont .ceo-txt .sign {font-size:1.1rem; margin-top:3rem;}
.ceo-cont .ceo-txt .sign b {font-size:1.25rem; color:#000; display: inline-block; margin-left: 10px;}
.ceo-cont figure {width: 30%; margin-left: 2%; border-radius:2rem; background:url(../img/ceo.png) top center no-repeat; background-size:cover} 


@media(max-width: 991.98px) {
	#history {flex-direction: column; margin:0 auto;}
	#history .history-nav {width:100%;}
	#history .history-nav ul {display:flex; margin-bottom:1rem; flex-wrap:wrap;}
	#history .history-nav li {flex: 1; text-align: center; border-radius:30px;}
	#history .history-cont {width:100%}
}

@media(max-width: 767.98px) {
	#about .sub-img-tit {padding:2.5rem 3rem; margin-bottom:2rem; height:380px;}
	#about .sub-img-tit h3 {font-size:1.8rem;}
	#about .sub-img-tit h3 br {display:none;}
	#philoso .sub-img-tit {padding:3rem;}
    #philoso .sub-img-tit h3 {font-size:1.5rem;}

	.philoso-cont li {width:48%}

	#history .history-nav li, #history .history-nav li.on {padding:8px 10px;}
	.year_box_wrap {padding:1.5rem 2.5rem 2.5rem; min-height: auto;}
	.year_box {flex-direction: column; padding-bottom: 1rem;}
	.year_box:before, .year_box:after {display:none;}
	.year_box .year {width:100%; padding:1rem 0 0;}
	.year_box .text {width:100%;}
	.year_box .text li {padding: .5rem 0;}

	.ceo-cont h3 {margin: 2rem 0; font-size: 1.6rem; order: 2;}
	.ceo-cont .ceo-txt {width:100%; order: 2;}
	.ceo-cont .ceo-txt p {margin-bottom: .8rem;}
	.ceo-cont .ceo-txt .sign {margin-top: 2rem;}
	.ceo-cont figure {height: 300px; width:100%; margin-left:0; order: 1;}
}
@media(max-width: 524.98px) {
	#about .sub-img-tit {text-align: center; justify-content: center;}
	#about .sub-img-tit p {display: none;}
	.philoso-cont li {width:98%}	
	#history {width:100%}
	#history .history-nav li, #history .history-nav li.on {font-size:1rem}
}


/*  ------------------- 상품페이지 --------------------   */
/*  전체상품 & 전체검색  */
.search-wrap .search {background: #fff; padding: .5rem 1rem; border-radius: 40px; width: 80%; margin: 0 auto 2rem; box-shadow: 0 1px 6px #0000001a;}
.search-wrap .search .form-control {border:none}
.search-wrap .search .form-control:focus {outline:none;}
.search-wrap .search .search-btn {width: 3rem; height: 3rem; cursor: pointer; border-radius:50%;}
.search-wrap .search .search-btn span {background:url(../img/main_search.svg) center no-repeat; background-size:60%; font-size:0; width: 100%;height: 100%; display: block;}

.search-wrap .checking-box {background: #fff; padding: calc(clamp(1.6rem, 4.5vw, 2.2rem) * (14 / 16)); border-radius: 30px; box-shadow: 0 2px 10px #0000001a;}
.search-wrap .checking-box dl {display:flex;}
.search-wrap .checking-box dl+dl {margin-top:1rem;}
.search-wrap .checking-box dl dt {min-width:120px;color: #000; line-height: 2.2;}
.search-wrap .checking-box dl dd {display:flex; flex-wrap: wrap; gap: 6px;}
.search-wrap .checking-box dl dd label, .search-wrap .checking-box dl dd a {padding:.4rem 1.5rem; border-radius:10px; border:1px solid #ddd; font-size:.9rem;line-height: 1.4;}
.search-wrap .checking-box dl dd a:hover, .search-wrap .checking-box dl dd a:active {background:#ddd}
.search-wrap .checking-box dl dd label.on, .search-wrap .checking-box dl dd a.on {background:#000; color:#fff; border-color:#000}

.fundall-list {margin-top:3rem;}
.fund_list_date {text-align:right; font-size: .8rem; color:#999; line-height:1.8}
.fundall-list table {width: 100%; color: #222; font-size: 15px}
.fundall-list colgroup col.fund_name {width:34%}
.fundall-list colgroup col.date {width:8%}
.fundall-list colgroup col.size {width:8%}
.fundall-list colgroup col.num {width:7%}
.fundall-list thead {border-radius:20px;}
.fundall-list tr th {background: #e1e5ec; height: 80px;vertical-align: middle;line-height: 1.3em;text-align: center;border-right: 1px solid #d6d6d6;}
.fundall-list tr th span {font-size: 13px}
.fundall-list tr th.fund_name {border-radius: 20px 0 0 20px;}
.fundall-list tr th.line {border-bottom: 1px solid #d6d6d6;height: 40px; border-top-right-radius: 20px; border-bottom-right-radius: 0 !important;}
.fundall-list tr th.num {cursor: pointer;height: 40px}
.fundall-list tr td {line-height: 1.8em;padding: 25px 0;vertical-align: middle;text-align: center;border-bottom: 1px solid #ddd; font-size: 15px}
.fundall-list tr th:last-child, .fundall-list tr td:last-child {border-right: 0; border-bottom-right-radius: 20px;}
.fundall-list tr td.fund_name {display: flex; align-items: center; gap: calc(max(1rem, 0.8334vw) * (16 / 16)); flex: 1; text-align: left; padding: 25px 30px}
.fundall-list tr td.fund_name .badge_wrap {overflow: hidden;margin-bottom: 5px; display:flex;}
.fundall-list tr td.fund_name .badge_wrap span {font-size: 13px;display: inline-block;margin-left: -3px;}
.fundall-list tr td.fund_name .badge_wrap span.typea {color: #fff;line-height: 1em;padding: 5px 10px;margin:0}
.fundall-list tr td.fund_name .badge_wrap span.typeb {background: #fff;color: #333;line-height: 1em;padding: 5px 10px;border: 1px solid #ddd;}
.fundall-list tr td.fund_name .title {font-size: .99rem; line-height: 1.4; font-weight: 600;}
.fundall-list tr td.fund_name .title span {white-space: nowrap}
.fundall-list tr td span.plus {color: #df3e3e}
.fundall-list tr td span.minus {color: #0061a7}
.fundall-list tr td span.zero {color: #999}
.fundall-list tr td.fund_name .mo_date, .fundall-list tr td.fund_name .mo_change  {display: none}

.product-icon {display: inline-block; position: relative; min-width: calc(max(1rem, 0.8334vw) * (76 / 16)); height: calc(max(1rem, 0.8334vw) * (64 / 16))}
.product-icon .icon-big {position: relative; height: 100%; aspect-ratio: 1; font-size: 0; border-radius: 50%}
.product-icon .icon-big img {position: relative; height: 100%; width: auto}
.product-icon.md {min-width: calc(max(1rem, 0.8334vw) * (48 / 16)); height: calc(max(1rem, 0.8334vw) * (48 / 16))}
.product-icon.md .icon-small {width: calc(max(1rem, 0.8334vw) * (21 / 16)); width: auto; height: calc(max(1rem, 0.8334vw) * (15 / 16))}

@media screen and (max-width: 870px){/* 최소 ~ 최대 720 */
	.fundall-list {width: 100%;color: #222;margin-top:2rem}
	.fundall-list colgroup col.fund_name {width:100%};
	.fundall-list colgroup col.date, .fundall-list colgroup col.size, .fundall-list colgroup col.num {display: none}
	.fundall-list tbody {display: flex; flex-wrap: wrap; gap: 10px; flex: 1 1 auto;}
    .fundall-list tbody tr {width: calc(50% - 5px);}
    .fundall-list tr th {display: none}
	.fundall-list tr td {line-height: 1.8em;padding: 15px;vertical-align: middle;text-align: center;border-bottom: 0;border-right:0;}
	.fundall-list tr td.fund_name {flex-wrap: wrap; align-items: flex-start; text-align: left;width: 100%;padding: 20px;border: 1px solid #ddd; background: #fff; border-radius: 20px;}
	.fundall-list tr td.fund_name .badge_wrap {overflow: hidden;margin-bottom: 5px}
	.fundall-list tr td.fund_name .badge_wrap span {font-size: 11px;display: inline-block;}
	.fundall-list tr td.fund_name .badge_wrap span.typea {line-height: 1em;padding: 4px 6px;}
	.fundall-list tr td.fund_name .badge_wrap span.typeb {background: #fff;color: #999;line-height: 1em;padding: 4px 6px;border: 1px solid #ddd;border-left: 0}
	.fundall-list tr td.fund_name .title {font-size: 1.2rem;}
	.fundall-list tr td.fund_name .title span {white-space: break-spaces}
	.fundall-list tr td .plus {color: #df3e3e}
	.fundall-list tr td .minus {color: #0061a7}
	.fundall-list tr td .zero {color: #999}
	.fundall-list tr td.date, .fundall-list tr td.size, .fundall-list tr td.num {display: none}
	
	.fundall-list tr td.fund_name .mo_date {display:block;width: 100%}
	.fundall-list tr td.fund_name .mo_date .mo_date_ul {overflow: hidden;width: 100% !important}
	.fundall-list tr td.fund_name .mo_date .mo_date_ul li {display: flex; justify-content: space-between;width: 100%;}
	.fundall-list tr td.fund_name .mo_date .mo_date_ul li label {font-size: 13px;line-height: 1em;color: #333;}
	.fundall-list tr td.fund_name .mo_date .mo_date_ul li div {font-size: 15px;line-height: 1.5em}
	
	.fundall-list tr td.fund_name .mo_change {display: table;width: 100%}
	.fundall-list tr td.fund_name .mo_change .mo_change_ul {margin-top:5px; display: flex;justify-content: space-between;}
    .fundall-list tr td.fund_name .mo_change .mo_change_ul dd {font-size:1.7rem; font-weight:600}    
    .fundall-list tr td.fund_name .mo_change dt:not(.on), .fundall-list tr td.fund_name .mo_change dt:not(.on) + dd {display:none;}
	.fundall-list tr td.fund_name .mo_change .mo_change_ul li {overflow: hidden}
	.fundall-list tr td.fund_name .mo_change .mo_change_ul li .left {width: 50%;float: left;font-size:13px;color: #333;line-height: 30px}
	.fundall-list tr td.fund_name .mo_change .mo_change_ul li .right {width: 50%;float: right;text-align: right;font-size: 20px;font-weight: 400;line-height: 30px}
}

@media screen and (max-width: 600px){
	.search-wrap .checking-box dl {flex-direction: column;}
	.search-wrap .search {width:100%;}

    .fundall-list tbody tr {width:100%;}
}





/*  -------- 펀드 & ETF 상세정보 ------  */
.etf-info-tit {font-size: 1.6669rem; margin: 1rem .5%; font-weight: 500;}
.etf-info-txt {font-size: .98rem; color: #999; margin: 0 .5% 1.5rem;}


.fundt-wrap {margin:2rem auto; width:95%; background:#296CAD; border-radius:calc(max(1rem, 0.8334vw) * (40 / 16));;}
.fundt-wrap .fundt-inner {padding:4.5rem 4rem; display:flex; gap:4rem; color:#fff; align-items: center;}
.fund-tit {display:flex; flex:2; flex-direction: column; width:100%;}
.fund-tit .badge_box {display:flex; gap:5px;}
.fund-tit .badge_box li {border:1px solid #fff; padding:.2rem 1rem; font-size:14px; border-radius:5px;}
.risk1 {color:#fff; background:#ea0e00; border-color:#ea0e00 !important}
.risk2 {color:#fff; background:#ec5412; border-color:#ec5412 !important}
.risk3 {color:#fff; background:#ef6211; border-color:#ef6211 !important}
.risk4 {color:#000; background:#f1ae02; border-color:#f1ae02 !important}
.risk5 {color:#000; background:#49a62c; border-color:#49a62c !important}
.risk6 {color:#fff; background:#0d6b94; border-color:#0d6b94 !important}
.fund-tit .fund_name {color:#fff; margin:1.5rem 0 1rem; font-weight:500; line-height:1.2}
.fund-tit .overview {font-size:15px; line-height:1.4; font-weight:300;}

.fund-info {display: flex; flex-direction: column; gap:.5rem; width:40%;} 
.fund-info .class_box {}
.fund-info .class_box .class_tit {position:relative; overflow:hidden; font-size:17px; margin-bottom:2px;}
.fund-info .class_box .class_tit p:before {display:inline-block; content:""; width:23px; height:23px; background:url(../img/classtab.svg) no-repeat; margin-right:5px; vertical-align: middle;}
.file_list {display: inline-flex; align-items: center;  justify-content: space-between; position: relative; padding: calc(8 / 17 * 1em) calc(12 / 17 * 1em) calc(8 / 17 * 1em) calc(18 / 17 * 1em); z-index: 100; margin:0 1%;    width: 98%; color: inherit; text-align: left; word-break: break-all;  border: solid 1px;
border-radius: calc(15 / 20 * 1em); -webkit-border-radius: calc(15 / 20 * 1em);  background-color: #fff; border-color: #fff; -webkit-transition: all .3s cubic-bezier(0.25, 1, 0.5, 1); transition: all .3s cubic-bezier(0.25, 1, 0.5, 1); cursor: pointer;}
.file_list select {border:none; color:#555; width:100%; font-size:.9rem; cursor:pointer}

.fund-info .info_box {display: flex; flex-wrap: wrap;}
.fund-info .info_box li {padding:1rem 1.2rem .8rem; background:#fff; border-radius:calc(15 / 20 * 1em); width:48%; margin:1%; color:#777;}
.fund-info .info_box.etf li {width:98%}
.fund-info .info_box li .info-tit {font-size:13px;}
.fund-info .info_box li .info-txt {position:relative; text-align: right; color: #000; font-size: 1.4rem;  padding-top: 10px;}
.fund-info .info_box li .info-txt .info-num {position: absolute; top: -3px; right: 3px;   font-size: 13px;}
.fund-info .info_box li .info-txt small {font-size:.6em;}

@media(max-width: 1275.98px) {
	.fundt-wrap .fundt-inner {flex-direction: column;}
	.fund-info {width:100%}
}

@media screen and (max-width: 600px){
	.fundt-wrap .fundt-inner {padding:2.5rem 2rem; gap: 2rem;}
	.fund-tit .badge_box li {font-size:13px; padding:.2rem .5rem}
	.fund-tit .fund_name {margin:1rem 0 .6rem; font-size:1.7rem;}
	.fund-tit .overview {font-size:14px;}
	.fund-info .info_box li {width:98%}
	.fund-info .info_box li .info-txt {font-size:1.6rem;}
}

.fundc-container {position:relative; overflow:hidden; display:flex; justify-content: flex-end; width:95%; margin:0 auto 2rem;}
.fundc-container .fundc-nav {position:relative;}
.fundc-container aside {width:320px; transition: all .3s cubic-bezier(0.25, 1, 0.5, 1); transform: translateX(-320px); background: transparent; position: absolute;}
.fundc-container aside.fixed {position: fixed; height: calc(100vh - 320px); top: 0; margin-top: 90px;}
.fundc-container aside .fundc-nav-tit {padding-bottom: 1rem; width: 90%; border-bottom: 1px solid #D9DDE8; margin-bottom: 1rem;}
.fundc-container aside h3 {font-size: 1.4rem; word-break: normal; line-height: 1.4; margin-top: .8rem;}
.fundc-container .fundc-menu {}
.fundc-container .fundc-menu a {display:block; font-size:.95rem; padding:14px 10px; border-radius:30px 0 0 30px; background:transparent; color:#333;}
.fundc-container .fundc-menu a:hover {padding:14px 20px; background:#dde1e7;}
.fundc-container .fundc-menu a.on {background:#000; color:#fff; padding:14px 20px;}
.fundc-container .fundc-content {width: calc(100% - 320px); background: #fff;     border-radius: calc(max(1rem, 0.8334vw) * (40 / 16)); padding:calc(max(1rem, 0.8334vw) * (80 / 16)) calc(max(1rem, 0.8334vw) * (100 / 16));}
.fundc-container .fundc-content h4 {position:relative; overflow:hidden; padding:1rem 0; cursor:pointer;} 
.fundc-container .fundc-content h4 p {display:inline-block; padding-right:1rem; font-size:1.6rem;}
.fundc-container .fundc-content h4 span {display:inline-block; width: 33px; height: 15px; background: url(../img/fund_down.svg) no-repeat; background-size: contain; font-size: 0; vertical-align: middle; transform:rotate(180deg); transition: all .2s;}
.fundc-container .fundc-content h4.active span {transform:rotate(0deg);}

.func-content-sec {display: none; margin-bottom: 4rem;}
.func-content-sec.active {display: block;}
.func-content-sec .func-sec-cont h5 {font-size:1.3rem; font-weight:600; margin:3rem 0 1rem}

.func-sec-btn {padding:16px 1.5rem; background:#f5f5f5; border-radius:25px; display:flex; justify-content:space-between; align-items: center;}
.func-sec-btn dl {display:flex; align-items: center; gap:15px;}
.func-sec-btn dl dt {width: 60px; font-size: .889rem;  font-weight: 500;}
.func-sec-btn dl .sort-bar button {font-size:.9rem; border:1px solid #ddd; background:#fff; color:#000; padding:7px 15px; border-radius:10px;}
.func-sec-btn dl .sort-bar button:hover, .func-sec-btn dl .sort-bar button:focus, .func-sec-btn dl .sort-bar button.on {background:#000; color:#fff; border-color:#000;}
.func-sec-btn dl dd input {background: #fff; width: 120px; font-size: 15px; padding: 7px 10px; border-radius: 10px;
border: 1px solid #ddd; color: #999;}
.func-sec-btn dl dd .btn {background:#000; color:#fff; border-radius:10px; padding: 6px 15px; font-size: 15px;}

.rate_update {font-size: 13px; color: #aaa; text-align: right;
 padding: 1rem 0 .5rem;}

.fundc-content-sm {font-size:15px; color:#999}
.fundc-content-sm ul {padding-left:20px; margin:.8rem 0}
.fundc-content-sm ul li {list-style: disc;}

.standard .dropdown {min-width:120px;}
.standard .dropdown .dropdown-toggle {background: #fff; width: 100%; font-size: 15px; padding: 7px 10px; border-radius: 10px; border: 1px solid #ddd; color: #000; display: flex; align-items: center; justify-content: space-between;}

@media(max-width: 767.98px) {
	.func-sec-btn {padding:10px; border-radius: 18px;}
	.func-sec-btn dl .sort-bar button {padding:7px 12px;}
	.func-sec-btn dl dt {display: none;}
}

@media(max-width: 524.98px) {
	.standard .func-sec-btn dl {align-items: flex-start; gap: 5px; flex-direction: column;	width: 100%;}
	.standard .dropdown {width:100%}
}

/* 투자예상수익 */
.earning-bnr {margin-top:3rem}
.earning-bnr-box {border: 1px solid #ddd; border-radius: 30px; display: flex;}
.earning-bnr-tit {background:url(../img/icon_earning.svg) 2rem 2rem no-repeat, #000; background-size:2.4rem; color: #fff; padding: 2rem; min-width: 200px; border-radius: 30px 0 0 30px; display: flex; align-items: flex-end; position: relative;}
.earning-bnr-tit h5 {word-break: keep-all; margin: 0 !important;}
.earning-bnr-tit h5 small {color: #999; font-size: 60%; line-height: 1.2; display: block; margin-top: 6px;}

.earning-bnr-cnt {padding: 2rem;}
.earning-bnr-cnt .earning-bnr-lb {display: flex; gap: 1rem; padding-bottom: 1rem; line-height: 1.8;}
.earning-bnr-cnt .earning-bnr-lb button {width: 80px; border-bottom: 2px solid #000; line-height: 1.8; display: flex; align-items: center; justify-content: space-around;}
.earning-bnr-cnt .earning-txt {display: flex; flex-wrap: wrap;}
.earning-bnr-cnt .earning-txt dt {padding: 18px 20px 0 20px; font-size: .8889rem; font-weight:300; line-height: 1.6; color:#555; border-radius: 10px 10px 0 0; background-color: #e6e6e6;width: calc(100% / 3 - 16px); margin: 0 8px;}
.earning-bnr-cnt .earning-txt dd {padding: 5px 20px 18px 20px; font-size:.8889rem; line-height: 1.4; border-radius: 0 0 10px 10px; display: flex;  align-items: last baseline; justify-content: flex-end; gap:2px; background-color: #e6e6e6;width: calc(100% / 3 - 16px); margin: 0 8px;}
.earning-bnr-cnt .earning-txt dd strong {font-size: 1.5rem;}
.earning-bnr-cnt .earning-txt > dd:nth-of-type(1), .earning-bnr-cnt .earning-txt > dd:nth-of-type(2), .earning-bnr-cnt .earning-txt > dd:nth-of-type(3) {order:1;}

/* 자산구성현황 */
.asset .func-sec-cont {display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 1.2rem;}
.asset .func-sec-cont dt {width: 20%; margin-bottom:2rem; font-size: 1.24rem;}
.asset .func-sec-cont dd {width: 80%; margin-bottom:2rem;}
.asset .func-sec-cont .asset-donut {display: flex; align-items: center; gap: 1.5rem; flex: 1 1 auto;}
.asset .func-sec-cont .asset-tbl {width:60%}
.asset .func-sec-cont .asset-tbl td span {display:inline-block; width:14px; height:14px; vertical-align: middle; border-radius:4px; margin-right:2px;}
.asset .func-sec-cont .asset-tbl td:first-child {text-align:left; padding-left: 1rem;}

@media(max-width: 1439.98px) {
	.fundc-container aside {width:220px; transform: translateX(-220px);}
	.fundc-container .fundc-content {width: calc(100% - 220px);}
}

@media(max-width: 1275.98px) {
	.fundc-container {flex-direction: column;}
	.fundc-container aside {width:100%; transform: translateX(0);text-align:center;transition: .4s transform; position:relative;}
	.fundc-container aside.fixed {position: fixed; height: auto; left:0; margin:0; background:#fff; box-shadow: 0 1px 8px rgba(85, 85, 85, .2); z-index:4999}
	[data-scroll-dir=down] .fundc-container aside.fixed {transform: translateY(0px);}
	[data-scroll-dir=up] .fundc-container aside.fixed {transform: translateY(90px);}
	.fundc-container aside .fundc-nav-tit {display: none;}
	.fundc-container .fundc-menu {display: flex; background: #fff; border-radius: 30px;    margin-bottom: 1rem;}
	.fundc-container aside.fixed .fundc-menu {margin-bottom:0;}
	.fundc-container .fundc-menu li {flex:1; padding:1rem;}
	.fundc-container .fundc-menu a {border-radius:30px;}
	.fundc-container .fundc-content {width: 100%; padding:calc(max(1rem, 0.8334vw) * (60 / 16)) calc(max(1rem, 0.8334vw) * (80 / 16))}
}

@media(max-width: 991.98px) {
	.earning-bnr-box {flex-direction: column;}
	.earning-bnr-tit {background: url(../img/icon_earning.svg) 2rem 1.5rem no-repeat, #000; background-size: 40px; padding: 1.5rem 2rem 1.5rem 5rem; border-radius: 30px 30px 0 0;}
	.earning-bnr-tit h5 small {margin-top:3px;}
	
	.fundt-wrap {margin: 1rem auto;}
	.fundc-container {width:100%; margin:0}
	.fundc-container .fundc-menu {background: transparent;  border-radius: 0px; justify-content: center; margin-bottom: 0;}
	.fundc-container .fundc-menu li {flex:none}
	.fundc-container .fundc-content {border-radius:0;}
	.asset .func-sec-cont dt, .asset .func-sec-cont dd {width:100%}
}

@media(max-width: 767.98px) {
	.earning-bnr-cnt .earning-bnr-lb {gap: .5rem; flex-wrap: wrap; justify-content: center;}
	.earning-bnr-cnt .earning-txt > * {width:calc(100% - 16px) !important;}
	.earning-bnr-cnt .earning-txt > dd:nth-of-type(1) {order:1} .earning-bnr-cnt .earning-txt > dd:nth-of-type(2) {order:1}
	.earning-bnr-cnt .earning-txt > dt:nth-of-type(2) {order:1; margin-top:8px;}
	.earning-bnr-cnt .earning-txt > dt:nth-of-type(3), .earning-bnr-cnt .earning-txt > dt:nth-of-type(4) {order:2; margin-top:8px;}
	.earning-bnr-cnt .earning-txt > dd:nth-of-type(3), .earning-bnr-cnt .earning-txt > dd:nth-of-type(4) {order:3}

	.fundc-container .fundc-content {padding: calc(max(1rem, 0.8334vw) * (30 / 16)) calc(max(1rem, 0.8334vw) * (16 / 16));}
	.fundc-container .fundc-menu a, .fundc-container .fundc-menu a:hover, .fundc-container .fundc-menu a.on {padding:10px 15px;}
	.fundc-container .fundc-menu li {padding:.6rem;}
	[data-scroll-dir=up] .fundc-container aside.fixed {transform: translateY(60px);}

	.asset .func-sec-cont {margin-top:0;}
	.asset .func-sec-cont dt {margin-bottom:1rem}
	.asset .func-sec-cont dd:first-child {margin-bottom:4rem;}
	.asset .func-sec-cont .asset-donut {flex-direction: column; gap:0;}
	.asset .func-sec-cont .asset-tbl {width: 100%;}
}

@media(max-width: 599.98px) {
	.fundc-container aside {max-width: 100%; overflow-x: scroll; -ms-overflow-style: none;
    scrollbar-width: none;}
	.fundc-container .fundc-menu {padding: 0 1rem; width: fit-content; white-space: nowrap;}
}

/* 상품정보 */
.product-info .list-unstyled {display: flex; flex-wrap: wrap; justify-content: space-between;}
.product-info .list-unstyled li {display: flex; padding: 1.2rem .8rem; border-bottom: 1px solid #e6e6e6; gap: 2rem;}
.product-info .list-unstyled li.half {width:49%;}
.product-info .list-unstyled li.full {width:100%}
.product-info .list-unstyled li div {font-size: 16px; color: #000; font-weight: 600; min-width: 90px;}
.product-info .list-unstyled li div:before {content: ""; display:inline-block; width:3px; height:15px; background:#000; vertical-align: middle; margin-right:10px;}
.product-info .list-unstyled li p {color: #888; line-height: 1.4; font-size: 16px; font-weight: 300;}

@media(max-width: 767.98px) {
	.product-info .list-unstyled li.half {width:100%;}
}
@media(max-width: 599.98px) {
	.product-info .list-unstyled li {gap: 8px; flex-direction: column;}
}

/* 판매환매수수료 */
.func-charge-box {background: #003375; margin-top: 2rem; border-radius: 30px; padding: 1.5rem 2rem; display: flex; gap: 10px;}
.func-charge-box li {flex: 1; text-align: center;}
.func-charge-box .charge-tit {color: #fff; height: 40px; font-size: 1rem; font-weight: 700;}
.func-charge-box .charge-box {width: 100%; background: #fff; height: calc(100% - 41px); padding: 1rem; border-radius: 15px; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 1.4; font-size: 16px;}
.func-charge-box .charge-box:before {content: ""; position: absolute; top: 0; left: calc(50% - 9px);
 width: 0; height: 0; border-style: solid; border-width: 9px 9px 0px 9px; border-color: #003375 transparent transparent transparent;}
.func-charge-box .charge-box b {font-size:1rem;}

@media(max-width: 767.98px) {
	.func-charge-box {gap: 1.5rem; flex-direction: column;}
}

/* 판매사 & 다운로드 */
.fundc-link {display:flex; flex-wrap: wrap; padding-top:1rem}
.fundc-link dt {width:170px; font-size:1rem;}
.fundc-link dt:before {content:""; width:3px; height:16px; margin-top: -1px; background:#000; display:inline-block; margin-right:15px; vertical-align: middle;}
.fundc-link dt+dd {width: calc(100% - 170px);}
.fundc-link dd {width:100%; display: flex; flex-wrap: wrap; margin-bottom:2rem;}

.roundlink, .roundnext {display: inline-flex; width: 24%; margin:0 .5% 1% .5%; align-items: center; position: relative; padding: calc(max(1rem, 0.8334vw) * (12 / 16)); border: 1px solid #CDCDCD; border-radius: calc(max(1rem, 0.8334vw) * (10 / 16)); gap: 3px;}
.roundnext {width:200px;}
.roundlink:after {background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; content: ""; width: 20px; height: 20px; margin-left: auto !important;background-image: url(../img/fund-link.svg);}
.roundnext:after {background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; content: ""; width: 20px; height: 20px; margin-left: auto !important;background-image: url(../img/fund-next.svg);}
.roundlink:hover, .roundlink:active {background:#000; color:#fff; border-color:#000}
.roundlink strong, .roundnext strong {font-size: .888889rem; font-weight: 500;} 
.roundlink .roundlink__symbol, .roundnext .roundlink__symbol {width: calc(max(1rem, 0.8334vw) * (28 / 16)); height: calc(max(1rem, 0.8334vw) * (28 / 16));}
.roundlink .roundlink__txt, .roundnext .roundlink__txt {font-size: max(1.1rem, .7292vw); font-weight: 600; line-height: 1; letter-spacing: -0.01em; margin-left: calc(8 / var(--fz) * 1em);}

.roundnext.sm {width: auto; padding: 6px 5px 6px 12px; font-size: .9rem; margin-top: 5px;}
.roundnext:after {width:16px; height:16px;}
.roundnext:hover, .roundnext:active {background:#000; border-color:#000; color:#fff}
.fundc-link .roundlink:hover, .fundc-link .roundlink:active {background:#fff; color:#000}

.fundc-down {display:flex; flex-wrap: wrap; align-items: center; flex: 1; gap: calc(max(1rem, 0.8334vw) * (6 / 16));}
.fundc-down li {flex:1; }
.fundc-down li:last-child {flex:auto; width:20%}
.fundc-down .file_list {border: 1px solid #eee; padding: calc(10 / 17 * 1em) calc(12 / 17 * 1em); width: 100%; margin:0;}

.rounddown, .roundgnext {display: inline-flex; min-width:160px; width: 100%; padding:  calc(10 / 17 * 1em) calc(15 / 17 * 1em); background: #E6E6E6; border-radius: calc(max(1rem, 0.8334vw) * (10 / 16));}
.rounddown:after {background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; content: ""; width: 20px; height: 20px; margin-left: auto !important;background-image: url(../img/fund-filedw.svg);}
.roundgnext:after {background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; content: ""; width: 20px; height: 20px; margin-left: auto !important;background-image: url(../img/fund-dnext.svg);}
.rounddown strong, .roundgnext strong {font-size: .888889rem; font-weight: 500;} 
.rounddown:hover, .roundgnext:hover, .rounddown:active, .roundgnext:active {background:#d9d9d9}

@media (min-width: 1619.98px) {
	.roundlink {width: 19%;}
}

@media(max-width: 1439.98px) {
	.fundc-link {flex-direction: column; gap:10px;}
	.fundc-link dd {width:100%;}
	.fundc-down li:last-child {flex:auto; width:100%}
}
@media(max-width: 767.98px) {
	.roundlink {width: 49%;}
}



/*    추천펀드 & ETF   */
.sugg-slide {display:flex; flex-wrap: wrap;}
.sugg-slide .chart {width: 31.3333%; margin: 1rem 1%; }
.chart__wrap {display: flex; flex-direction: column; align-items: flex-start; border: 1px solid rgba(17, 17, 17, .16); border-radius: calc(max(1rem, 0.8334vw) * (30 / 16)); padding: calc(max(1rem, 0.8334vw) * (28 / 16)) calc(max(1rem, 0.8334vw) * (30 / 16)); height: 100%; background:#fff}
.chart__wrap:hover {border-color:#000}
.chart__wrap .info {display:flex;justify-content: space-between; align-items: center; width: 100%;}
.chart__wrap .info ul {display:flex;}
.chart__wrap .info ul li {padding:5px 8px; border:1px solid #ddd;font-size: 13px;
    line-height: 1.2;}
.chart__wrap .info ul li+li {border-left:none;}
.product-icon {
    display: inline-block;
    position: relative;
    width: calc(max(1rem, 0.8334vw) * (64 / 16));
    height: calc(max(1rem, 0.8334vw) * (64 / 16))
}
.product-icon.md {
    width: calc(max(1rem, 0.8334vw) * (48 / 16));
    height: calc(max(1rem, 0.8334vw) * (48 / 16));
}
.product-icon .icon-big {
    position: relative;
    height: 100%;
    aspect-ratio: 1;
    font-size: 0;
    border-radius: 50%;
}
.product-icon .icon-big img {
    position: relative;
    height: 100%;
    width: auto;
}
.chart__wrap .product-tit {
    display: block;
    margin-top: calc(15 / 21 * 1em);
    margin-bottom: calc(8 / 21 * 1em);
    word-break: break-word;
    font-size:var(--fz);
    font-weight:700;
}
.chart__wrap .product-desc {
    color: #767676;
    margin-bottom: .5em;
    font-size:var(--fz)
}
.chart__wrap .content {width: 100%; text-align: right; margin-top: calc(max(1rem, 0.8334vw) * (28 / 20));}
.chart__wrap .content dl {display: flex; flex-wrap: wrap; align-items: center;}
.chart__wrap .content dl dt,.chart__wrap .content dl dd {width: 50%; font-size:15px;}
.chart__wrap .content dl dt {text-align: left; font-weight: 400; color: #999;}
.chart__wrap .content dl dt:nth-of-type(2), .chart__wrap .content dl dd:nth-of-type(2) {margin-top: calc(5 / var(--fz) * 1em); margin-bottom: calc(10 / var(--fz) * 1em)}
.chart__wrap .content dl dd.idx {font-size:1.8rem; font-weight:600}

.fundgood-info {margin: 3rem 1rem 0;}
.fundgood-info h6 {font-size: 1.3rem; font-weight: 600; margin-bottom: .6rem;}

@media(max-width: 991.98px) {
	.sugg-slide .chart {width: 48%;}
}
@media(max-width: 767.98px) {
	.sugg-slide .chart {width: 98%;}
}



#detail-content {position:relative; height: 400px; /* 처음에 보여줄 제한 높이 */ overflow: hidden; transition: all 0.5s ease-in-out;}
#detail-content:after {position: absolute; content: ""; width: 100%; height: 100px; bottom: 0px; background: linear-gradient(0deg, #ffffff, #00000000); left: 0; opacity:1;}
#detail-content.expanded:after {opacity:0;}
#detail-content.expanded {height: auto;}
#more-btn {width:90%; margin:10px 5%; border:1px solid #ddd; border-radius:5px; padding:10px; text-align:center; }
#more-btn.hover {background:#eee;}



/*   최근 3년 분배금 지급현황   */
#divide-modal .modal-dialog {width:60%;}
.table_top {margin-bottom:12px;}
.table_top button {background: transparent; border: none; position:absolute; top:0; right:0;}


.bm_tbl2 {width: 100%;color: #222;font-size: 15px;border-top:2px solid #222;}
.bm_tbl2 thead {position: sticky;top:0;left: 0;}
.bm_tbl2 thead tr th {font-weight: 100;font-family: 'NanumSquare-B';vertical-align: middle;line-height: 1.8em;background: #f9f9f9;text-align: center;border-right: 1px solid #ddd;height: 60px;border-bottom: 1px solid #999}
.bm_tbl2 tr {border-bottom: 1px solid #ddd}
.bm_tbl2 tr td {line-height: 1.8em;height: 45px;vertical-align: middle;border-right: 1px solid #ddd}
.bm_tbl2 tr td span.plus {color: #df3e3e}
.bm_tbl2 tr td span.minus {color: #0061a7}
.bm_tbl2 tr td span.zero {color: #999}
.bm_tbl2 tr th:last-child, .bm_tbl tr th:last-child, .bm_tbl2 tr td:last-child {border-right: 0}
.bm_tbl2 tr:last-child {border-bottom: 0}

@media(max-width: 767.98px) {
	#divide-modal .modal-dialog {width:90%;}
	.bm_tbl2 {width: 600px;color: #222;font-size: 12px}
	.bm_tbl2 tr th {font-weight: 100;font-family: 'NanumSquare-B';vertical-align: middle;line-height: 1.8em;background: #f9f9f9;text-align: center;border-right: 1px solid #ddd;height: 40px;display: table-cell;border-bottom: 1px solid #999}
	.bm_tbl2 tr {border-bottom: 1px solid #ddd}
	.bm_tbl2 tr td {line-height: 1.8em;height: 35px;vertical-align: middle;border-right: 1px solid #ddd}
	.bm_tbl2 tr td span.plus {color: #df3e3e}
	.bm_tbl2 tr td span.minus {color: #0061a7}
	.bm_tbl2 tr td span.zero {color: #999}
	.bm_tbl2 tr th:last-child, .bm_tbl2 tr td:last-child, .bm_tbl tr td:last-child {border-right: 0}
	.bm_tbl2 tr:last-child {border-bottom: 0}
}


/*  ------------------- 자주묻는질문 --------------------   */
.faqbody ol	{background: #fff; border-radius: 30px;}
.faqbody ol > li {border-bottom: 1px solid #eee;}
.faqbody ol > li:last-child {border-bottom:0;}
.faqbody ol > li:last-child .text {border-radius:0 0 30px 30px;}
.faqbody ol	li .subject {display: flex; gap: 10px; align-items: center; position:relative; flex-wrap: wrap; padding:1.6rem 2rem 1.4rem;cursor: pointer;}
.faqbody ol	li .subject .q {color: #c4c9d1; font-size: 1.7rem; font-weight: 600; font-family: 'DaishinM'; line-height: 1;}
.faqbody ol	li .subject .c {border-radius: 30px; padding: 3px 10px;border: 1px solid #e0e4e9; font-size: .9rem; color: #979ca5;}
.faqbody ol	li .subject .s {font-size: 1.2rem; font-weight: 500;   color: #000;}
.faqbody ol	li .subject .m {position:absolute; right:0;}
.faqbody ol	li .text {display: none; background: #f7f7f7; padding: 1.4rem 2rem;}

.next-btn {position: absolute; right:2rem; top:50%; transform: translateY(-15px); width: 30px; height:30px; background:url(../img/slide-next.svg) center no-repeat;}

@media(max-width: 767.98px) {
	.faqbody ol	li .subject {gap: 5px;}
	.faqbody ol	li .subject .s {width: calc(100% - 30px); font-size: 1.1rem;}
}


.notice {margin:3rem auto 2rem}


/*  ------------------- 게시판 --------------------   */
.category {padding:0; background:transparent;}
.category dt {display:none;}
.category dl .sort-bar button {padding:10px 20px; font-size:1rem;}
.category dl .sort-bar button.on {background:#000; color:#fff;}
.category dl .sort-bar button:hover, .category dl .sort-bar button:focus {background:#e4e7ee; color:#000; border-color:#ddd;}

.board-top {display:flex; justify-content: space-between; align-items: flex-end; margin: .5rem 0 1rem;}
.b-search.col2 {display: flex; align-items: center; gap: 5px;}

.board01 {border-top: 2px solid #000; border-bottom: 1px solid var(--gray); width: 100%; border-spacing: 0; table-layout: fixed;}
.board01 thead th {background:#F8F8F8; border-right: 1px solid var(--gray);padding: 1rem .4rem; font-size:.88889rem; color:#000;font-weight:500; text-align:center}
.board01 thead th:last-child {border-right:none;}
.board01 tbody td {position: relative; padding: 1rem .4rem; border-bottom: 1px solid var(--gray); border-right: 1px solid var(--gray); font-size:.88889rem; color:#777; line-height:1.6; text-align: center; box-sizing: border-box; text-align:center;}
.board01 tbody td:last-child {border-right:none;}

.board01 tbody td.none {padding:8rem 0;}
.board01 tbody td.Btit {font-size:1rem; font-weight:600; text-align:left; color:#000; display: flex; gap:10px;}
.board01 tbody td.Btit .tit {display: flex; align-items: center; justify-content: flex-start; width:calc(100% - 160px)}
.board01 tbody td.Btit .tit a {max-width:calc(100% - 20px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board01 tbody td.Btit a:hover {color:var(--primary);}
.board01 tbody .label {}
.board01 tbody .Bnum {width: 80px;}
.board01 tbody .Bnoti span {min-width: 50px; text-align: center; display:inline-block; padding: 6px 10px; border: 1px solid var(--primary); border-radius: 1.4rem; font-size: .8rem; background: var(--primary); color:#fff; line-height: 1; font-weight:800}
.board01 tbody td.Bhit, .board01 tbody td.Bname, .board01 tbody td.Bnews  {width: 150px;}
.board01 tbody td.Bdate {width: 120px;}


.board02 table {width: 100%; background: #fff; border-radius: 30px;}
.board02 thead th {padding: 1.1rem; text-align: center; background: #E3E5EB; font-size: 1.1rem;}
.board02 thead th:first-child {border-top-left-radius: 30px;}
.board02 thead th:last-child {border-top-right-radius: 30px;}
.board02 tbody tr td {padding:1.3rem 1rem; border-bottom:1px solid #e9e9e9;}
.board02 tbody tr:last-child td {border-bottom:none;}
.board02 tbody td.Btit {padding-left:2rem;}
.board02 tbody td.Btit a {width: 100%; display:block; font-weight:500;}
.board02 tbody td.Bdate {width:150px;text-align: center; color: #999; font-size: .85rem;}
.board02 tbody td.Bnews {width: 100px; text-align: center; color:#2d6ec7; font-size:.85rem;}
.board02 tbody td.Bname, .board02 tbody td.Bfile {width: 100px; text-align: center;}

.icon-file {display:inline-block; width: 1.125rem; height: 1.125rem; background: url(../img/icon_file.svg) no-repeat center / 100%; text-indent: -99999px; vertical-align: middle;}


.board-view {background:#fff; border-radius:30px; overflow:hidden;}
.board-view-tit {padding:2.5rem 2.5rem 1rem; border-bottom:1px solid #eee;}
.board-view-tit h3 {font-size: 1.7rem; line-height: 1.2; margin-bottom: 5px;}
.board-view-tit span {font-size: 0.9rem; color: #999; font-weight: 300;}
.board-view-area {margin:2.5rem; overflow: hidden;}
.file_box {overflow: hidden; padding: 0 2.5rem 2.5rem}
.file_box ul li {padding: 5px 0}
.file_box ul li .file_wrap {display: table;background: #E6E6E6;color: #fff;border-radius: 5px;font-size: 14px;overflow: hidden}
.file_box ul li .file_wrap .name {display: table-cell; padding: 10px 20px 10px 35px; color: #000; background: url(../img/icon_file.svg) 10px center no-repeat; }
.file_box ul li .file_wrap .name span {font-size: 12px;}
.file_box ul li .file_wrap .button {display: table-cell; padding: 20px; background:url(../img/fund-filedw.svg) center no-repeat; }
.file_box ul li .file_wrap:hover {background-color: #dedede}
.board-bottom {text-align:center; margin-top:1.5rem;}
.board-bottom a {padding: 10px 30px; border: 1px solid #d1d1d1; display: inline-block; border-radius: 10px;}
.board-bottom a:hover, .board-bottom a:active {background:#000; color:#fff}

.subboard {padding: 3rem 2rem;}
.subboard .board-view-area {height: 600px; overflow-y: scroll; width: 100%; padding: 2rem; margin:0;}
.subboard .board-view-area::-webkit-scrollbar{background-color:transparent; width:10px;}
/* 스크롤바 막대 설정*/
.subboard .board-view-area::-webkit-scrollbar-thumb{background-color:#babac0; border-radius:16px;}
.subboard .board-view-area::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5;}
/* 스크롤바 뒷 배경 설정*/
.subboard .board-view-area::-webkit-scrollbar-track{border-radius: 10px; background-color:#f5f5f5;}
.subboard .board-view-area::-webkit-scrollbar-button {display:none;}

.subboard .body_text2 {font-size:14px; line-height:1.8em}
.subboard table {width:auto;}

@media(max-width: 1275.98px) {
	.board-view-area {overflow:auto;}
}


@media (max-width: 767.98px) {
	.board-wrap {width:100%;overflow:auto;}
    .board-wrap .board-top .total {display: none;}
	.board-wrap > table {border-collapse:collapse; width:780px;}
	.board-view-area {margin:1rem;}

	.category dl {width:100%}
	.category dl .sort-bar {width:100%; display: flex; flex-wrap: wrap;}
	.category dl .sort-bar button {width: 49%; margin: .5%;}

	.b-search.col2 {width:100%;}
	.b-search.col2 .srch-group {width: 100%; max-width: none;}

	.board02 table {border-radius:10px;}
	.board02 thead th {display: none;}
	.board02 table tbody tr {display: flex; border-bottom: 1px solid var(--gray); flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 10px 15px;}
	.board02 table tbody td {padding:0; border-bottom:none; text-align:left;}
    .board02 table tbody td.Btit {width:100%; padding: 4px 0; flex-direction: column; gap:0;}
	.board02 table tbody td.Btit .tit{width:100%;}
	.board02 table tbody td.Bname {display:none;}
	.board02 table tbody td.Bfile {width: 30px;}
	.board02 table tbody td.Bdate {width: auto; margin-right: 20px;}
	.board02 table tbody td.Bnews {width: auto; margin-right: 15px;}

	.notice {margin: 2rem auto 0rem;}

	.subboard {padding: 10px; border-radius: 10px;}
	.subboard .board-view-area {padding:1.5rem}
}


/* 페이징 */
.board-paginate {margin-top: 40px; text-align: center;}
.board-paginate ul {display:flex;flex-wrap: wrap; justify-content: center; gap: 20px;}
.board-paginate ul li a {border:2px solid transparent; display:flex;justify-content:center;align-items:center;box-sizing:border-box;}
.board-paginate ul li.pager a {display:block;width:1.333rem;height:2.333rem; line-height:2.333rem; border-radius:50%;background-repeat:no-repeat;background-position:center; font-size:0;}
.board-paginate ul li.pager.prev a {background-image: url(../img/pager_left.svg);}
.board-paginate ul li.pager.next a {background-image: url(../img/pager_right.svg);}
.board-paginate ul li:not(.pager) a {width:1.333rem;height:2.333rem;font-size:1.1111rem;line-height:1.8; font-weight:400;color:#999;}
.board-paginate ul li a.on {font-weight:600;color:#000; border-bottom:2px solid #000;}
.board-paginate ul li:hover a:not(.on) {font-weight:600; color:#000}

@media (max-width: 767.98px) {
	.board-paginate ul li.pager a {width:1rem; height:2rem;}
    .board-paginate ul li:not(.pager) a {width:1rem; height:2rem; font-size:1rem; line-height:1.6;}
}