@charset "utf-8";

/*-------------------------------------------------------------------
	@ Variables
-------------------------------------------------------------------*/
:root{
	/* --color-primary: #f04137; */
}

input[type=text]:focus::placeholder{color: transparent !important;}

/*-------------------------------------------------------------------
	@ Layout
-------------------------------------------------------------------*/

#wrap{}

/* header */
header{position: fixed; left: 0; top: 0; width: 100%; height: 60px; background: #fff; text-align: center; box-sizing: border-box; z-index: 9000;}
header::after{position: absolute; left: 0; top: 59px; width: 100%; height: 1px; background: #dfdfdf; content: ""; transition: all 0.7s ease;}
header h1{position: absolute; left: 20px; top: 18px; z-index: 20;}
header h1 a{display: block; width: 113px; height: 24px; background: url('../images/mo/common/logo.svg') left center / 100% auto no-repeat; text-indent: -9999px;}
header .tools{display: flex; position: absolute; right: 20px; top: 19px; z-index: 20;}
header .tools .btn-search{width: 24px; height: 24px; background: url('../images/mo/common/ico_search.svg') center / 24px auto no-repeat; text-indent: -9999px;}
header .tools .btn-menu{width: 24px; height: 24px; margin-left: 15px; background: url('../images/mo/common/ico_menu.svg') center / 24px auto no-repeat; text-indent: -9999px;}
header.transparent{background: none;}
header .search-box{display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: -150px; width: 100%; height: 150px; padding: 0 40px; background: #fff; z-index: 100; box-sizing: border-box; transition: all 0.4s ease;}
header .search-box .form{position: relative; width: 100%; height: 40px;}
header .search-box .form input[type=text]{width: 100%; height: 40px; padding: 0 50px 0 20px; border: 1px solid #2E2E2E; border-radius: 100px; background: #fff; color: #222; font-size: 13px; font-weight: 700; line-height: 100%; box-sizing: border-box;}
header .search-box .form input[type=text]::placeholder{color: #68737A;}
header .search-box .form input[type=text]:placeholder-shown{border-color: #F6F7FB; background: #F6F7FB;}
header .search-box .form button{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; margin-left: 16px; border-radius: 100%; background: url('../images/mo/common/ico_search_w.svg') center / 22px auto no-repeat #2E2E2E; text-indent: -9999px; color: #fff; font-size: 16px; font-weight: 500; line-height: 100%; cursor: pointer;}
header .search-box .btn-close{position: absolute; right: 16px; top: 16px; width: 28px; height: 28px; background: url('../images/mo/common/ico_close.svg') center / 16px auto no-repeat; text-indent: -9999px;}
header .all-menu{position: fixed; right: -100%; top: 0; width: 280px; height: 100%; padding: 85px 20px 45px; background: #fff; box-sizing: border-box; z-index: 10000; transition: all 0.5s ease;}
header .all-menu.on{right: 0;}
header .all-menu .nav > li{text-align: left;}
header .all-menu .nav > li + li{margin-top: 20px;}
header .all-menu .nav > li > a{display: block; padding: 10px 0; color: #2E2E2E; font-size: 18px; font-weight: 700; line-height: 120%;}
header .all-menu .nav > li:has(.depth2) > a{background: url('../images/mo/common/ico_nav_arw_b.svg') right center / 16px auto no-repeat;}
header .all-menu .nav > li > .depth2{display: none; padding-top: 10px; margin-top: 10px; border-top: 1px solid #D9D9D9;}
header .all-menu .nav > li > .depth2 ul li a{display: block; padding: 10px; color: #2E2E2E; font-size: 14px; font-weight: 500; line-height: 120%;}
header .all-menu .nav > li.on > .depth2{display: block;}
header .all-menu .nav > li.on > a{background-image: url('../images/mo/common/ico_nav_arw_t.svg');}
header .all-menu .btn-close{position: absolute; right: 15px; top: 15px; width: 28px; height: 28px; background: url('../images/mo/common/ico_close.svg') center / 18px auto no-repeat; text-indent: -9999em;}
header .dim-header{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;}
header.search-open .search-box{top: 0;}
header.menu-open .all-menu{right: 0;}
header.menu-open.transparent::after{opacity: 0.1;}
header.menu-open.transparent .dim-header{opacity: 0 !important;}

/* main */
main{position: relative;}
main.sub{padding: 95px 0;}
main.sub.pd-t0{padding-top: 60px;}
main.sub.pd-b0{padding-bottom: 0;}
main.sub .content{padding: 0 20px; margin: 0 auto;}
main.sub .content.wide{padding: 0;}

/* footer */
footer{width: 100%; padding: 35px 20px 50px; border-top: 1px solid #ddd; box-sizing: border-box;}
footer .menu{display: flex; flex-wrap: wrap;}
footer .menu li{position: relative; padding: 0 8px;}
footer .menu li::after{position: absolute; left: 0; top: 50%; width: 1px; height: 12px; margin-top: -6px; background: #b4b9bd; content: "";}
footer .menu li:first-child{padding-left: 0;}
footer .menu li:first-child::after{display: none;}
footer .menu li:nth-of-type(3){padding-left: 0;}
footer .menu li:nth-of-type(3)::after{display: none;}
footer .menu li a{display: block; color: #68737A; font-size: 13px; font-weight: 600; line-height: 21px;}
footer .related-sites{margin-top: 35px; width: 100%; height: 42px; padding: 0 20px; border: 1px solid #e1e3e4; background: url('../images/common/ico_select.svg') right 20px center / 16px auto no-repeat; color: #68737A; font-size: 12px; font-weight: 600; line-height: 100%; box-sizing: border-box;}
footer .logo{display: block; width: 112px; margin: 24px 0 14px;}
footer .addr{margin-top: 14px; color: #68737A; font-size: 12px; font-weight: 500; line-height: 160%;}
footer .approval{padding-top: 30px; margin-top: 24px; border-top: 1px solid #D9D9D9;}
footer .approval strong{display: block; font-size: 11px; font-weight: 600; line-height: 140%; color: #68737A;}
footer .approval ul{margin-top: 15px;}
footer .approval ul li{position: relative; padding-left: 10px; color: #68737A; font-size: 11px; line-height: 160%;}
footer .approval ul li::before{position: absolute; left: 0; top: 7px; width: 3px; height: 3px; border-radius: 100%; background: #68737A; content: "";}
footer .copy{margin-top: 15px; color: #68737A; font-size: 11px; line-height: 140%;}

/*-------------------------------------------------------------------
	@ Componets
-------------------------------------------------------------------*/
/* button */
.btn-wrap > div{position: relative;}
.btn-wrap > div > div:last-child{position: absolute; right: 0; top: 0;}
.btn-wrap a + a{margin-left: 3rem;}
.btn-large{display: inline-flex; padding: 0 2rem; border-radius: 0.5rem; font-size: 1.4rem; color: #fff; font-weight: 700; line-height: 4rem; box-sizing: border-box; cursor: pointer;}
.btn-primary{display: inline-flex; align-items: center; height: 7.2rem; padding: 0 4rem; background: #01AEF0; color: #FFF; font-size: 2rem; font-weight: 600; color: #fff;}
.btn-primary.arw-r{padding-right: 6.8rem; background: url('../images/common/ico_btn_arw_r.png') right 4rem center no-repeat #01AEF0;}
.btn-secondary{display: inline-flex; align-items: center; justify-content: center; min-width: 23rem; height: 7.2rem; background: #001F5B; color: #FFF; font-size: 2rem; font-weight: 600; color: #fff; box-sizing: border-box;}
.btn-secondary.outline{border: 0.1rem solid #001F5B; background: #fff; color: #001F5B;}

/* bullet */
.bul.space > li{margin-top: 1.5rem;}
.bul.space > li:first-child{margin-top: 0;}
.bul.dot > li{position: relative; padding-left: 1rem;}
.bul.dot > li::before{position: absolute; top: 0; left: 0; content: "\00B7";}
.bul.dash > li{position: relative; padding-left: 1rem;}
.bul.dash > li::before{position: absolute; top: 0; left: 0; content: "\002D"; vertical-align: middle;}
.bul.num > li{position: relative; padding-left: 1.6rem; text-indent: -1.6rem;}

/* dim */
.dim{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.dim.all{z-index: 10000;}
.dim.page{z-index: 8000;}
.dim.on{display: block;}

/* btnTop */
#btnTop{position: fixed; right: 10px; bottom: 20px; width: 40px; height: 40px; transform: translateY(20px); opacity: 0; border-radius: 100%; background: url('../images/mo/common/ico_top.svg') center no-repeat #68737A; filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.10)); text-indent: -9999em; z-index: 9000; transition: all 0.4s ease;}
#btnTop.on{transform: translateY(0); opacity: 1;}

/* custom scroll */
.mCSB_inside>.mCSB_container{margin-right: 0;}
.mCSB_scrollTools{right: 0; width: 3px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{right: 5px; width: 3px; margin: 0; border-radius: 100px; background: #BFBFBF;}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #BFBFBF;}
.mCSB_scrollTools .mCSB_draggerRail{background: #fff;}
.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom: 10px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal{height: 2px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height: 2px; margin: 0 0 0; background: #BFBFBF;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_draggerRail{display: none;}

/* board-head */
.board-head p{color: #2E2E2E; font-size: 13px; font-style: normal; font-weight: 700; line-height: 150%;}
.board-head p strong{color: #ED1B2E;}
.board-head .date{margin-bottom: 14px; color: #333; font-size: 13px; font-weight: 500; line-height: 100%; text-align: right;}

/* 일반게시판 */
.board-list .head p{color: #2E2E2E; font-size: 13px; font-style: normal; font-weight: 700; line-height: 150%;}
.board-list .head p strong{color: #ED1B2E;}
.board-list .list{margin-top: 12px; border-top: 1px solid #D3D3D3;}
.board-list .list li{padding: 15px; border-bottom: 1px solid #D3D3D3;}
.board-list .list li a{display: block;}
.board-list .list li a span{display: block; font-size: 12px; font-weight: 500; color: #666; line-height: 150%;}
.board-list .list li a strong{display: block; color: #2E2E2E; font-size: 13px; font-weight: 700; line-height: 150%;}
.board-list .list li a time{display: block; margin-top: 4px; color: #2E2E2E; font-size: 12px; font-weight: 500;}
.board-list .list.bd-t-none{border-top: 0;}
.board-list .list.bd-t-none li:nth-of-type(1){padding-top: 0;}
.tab-menu + .content > .board-list{padding-top: 10px;}
.tab-menu + .content > .board-list .list{border-top: 0;}
.tab-menu + .content > .board-list .list li:nth-of-type(1){padding-top: 0;}
.board-list .list2{margin-top: 12px;} /* 펀드상품 v1 버젼 */
.board-list .list2 li{padding: 20px; border: 1px solid #D9D9D9; border-radius: 10px;}
.board-list .list2 li + li{margin-top: 12px;}
.board-list .list2 li a{display: block;}
.board-list .list2 li a strong{display: block; color: #2E2E2E; font-size: 16px; font-weight: 700; line-height: 150%;}
.board-list .list2 li a .view{display: inline-block; position: relative; padding-right: 25px; margin-top: 12px; color: #2E2E2E; font-size: 13px; font-weight: 500; line-height: 20px;}
.board-list .list2 li a .view::after{position: absolute; right: 0; top: 0; width: 20px; height: 20px; border-radius: 100%; background: url('../images/common/ico_arw_w_r.svg') center / 12px auto no-repeat #68737A; content: "";}
.board-list .no-result{width: 100%; padding: 130px 0;}
.board-list .no-result p{padding-top: 50px; background: url('../images/common/ico_no_result.svg') center top / 40px auto no-repeat; color: #222; font-size: 16px; font-weight: 500; line-height: 150%; text-align: center;}
.board-view .head{padding-bottom: 15px; border-bottom: 1px solid #D9D9D9; }
.board-view .head .ctg{display: inline-block; padding: 0 15px; border: 1px solid #68737A; color: #68737A; font-size: 12px; font-weight: 500; line-height: 28px;}
.board-view .head .title h2{display: block; width: 100%; color: #222; font-size: 16px; font-weight: 700; line-height: 150%;}
.board-view .head .title time{display: block; margin-top: 4px; color: #2E2E2E; font-size: 12px; font-weight: 400;}
.board-view .head .ctg + .title{margin-top: 10px;}
.board-view .detail{padding: 30px 0; border-bottom: 1px solid #d9d9d9; color: #2E2E2E; font-size: 13px; font-weight: 500; line-height: 150%; word-break: break-word;}
.board-view .detail img{max-width: 100%;}
.board-view .detail table{width: 100% !important;}
.board-view .detail p{width: auto !important;}
.board-view .file{padding: 24px 0;}
.board-view .file h3{display: block; color: #000; font-size: 16px; font-weight: 500; line-height: 150%;}
.board-view .file .list{margin-top: 12px;}
.board-view .file .list li + li{margin-top: 12px;}
.board-view .file .list li a{display: block; padding: 20px 105px 20px 30px; border-radius: 20px; background: url('../images/common/ico_down.svg') right 30px center no-repeat #F6F7FB; color: #222; font-size: 12px; font-weight: 500; line-height: 150%;}
.board-bottom{padding-top: 30px; border-top: 1px solid #d9d9d9; text-align: center;}
.board-bottom a{display: inline-flex; padding: 0 40px; border-radius: 5px; background: #2E2E2E; color: #FFF; font-size: 16px; font-weight: 500; line-height: 46px;}

/* insight */
.insight-list .pin{padding: 30px 20px 40px; background: #2E2E2E;}
.insight-list .pin li + li{margin-top: 30px;}
.insight-list .pin li a{display: block;}
.insight-list .pin li a .info{width: 100%;}
.insight-list .pin li a .info strong{display: block; color: #fff; font-size: 16px; font-weight: 700; line-height: 150%;}
.insight-list .pin li a .info p{margin-top: 12px; color: #fff; font-size: 12px; font-weight: 400; line-height: 170%; opacity: 0.8; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.insight-list .pin li a .info time{display: block; margin-top: 12px; color: #fff; font-size: 12px; font-weight: 400; line-height: 100%; opacity: 0.8;}
.insight-list .pin li a .thum{position: relative; width: 100%; aspect-ratio: 320 / 195; margin-top: 20px; border-radius: 10px; overflow: hidden;}
.insight-list .pin li a .thum img{width: 100%; height: 100%; object-fit: cover; transition: all 0.7s ease;}
.insight-list .pin + .list{margin-top: 40px;}
.insight-list .list{position: relative; padding: 0 20px;}
.insight-list .list::after{position: absolute; left: 20px; top: 0; width: calc(100% - 40px); height: 1px; background: #d3d3d3; content: "";}
.insight-list .list li{padding: 24px 0; border-bottom: 1px solid #D3D3D3;}
.insight-list .list li a{display: block;}
.insight-list .list li a strong{display: block; color: #2E2E2E; font-size: 16px; font-weight: 700; line-height: 140%;}
.insight-list .list li a p{margin-top: 8px; color: #666; font-size: 12px; font-weight: 400; line-height: 170%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.insight-list .list li a time{display: block; margin-top: 8px; color: #666; font-size: 12px; font-weight: 400; line-height: 170%;}
.insight-list .list li a .thum{position: relative; width: 100%; aspect-ratio: 320 / 195; margin-top: 20px; border-radius: 10px; overflow: hidden;}
.insight-list .list li a .thum img{width: 100%; height: 100%; object-fit: cover; transition: all 0.7s ease;}
.insight-list .no-result{width: 100%; padding: 150px 0 60px; border-top: 1px solid #d3d3d3; text-align: center;}
.insight-list .no-result p{padding-top: 50px; background: url('../images/common/ico_no_result.svg') center top / 40px auto no-repeat; color: #222; font-size: 16px; font-weight: 500; line-height: 100%; text-align: center;}
.insight-list .no-result .btn-list{display: inline-flex; align-items: center; height: 46px; padding: 0 40px; margin-top: 40px; border-radius: 5px; background: #2E2E2E; color: #FFF; font-size: 16px; font-weight: 500;}
.insight-view .head{width: 100%; border-radius: 20px; background: #2e2e2e; overflow: hidden;}
.insight-view .head .info{display: flex; align-items: center; width: 100%; height: 100px; padding: 0 30px; box-sizing: border-box;}
.insight-view .head .info h2{display: block; color: #FFF; font-size: 16px; font-weight: 600; line-height: 150%;}
.insight-view .head .thum{width: 100%; height: 150px;}
.insight-view .head .thum img{width: 100%; height: 100%; object-fit: cover;}
.insight-view .meta{display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; margin-top: 40px; border-bottom: 2px solid #68737A;}
.insight-view .meta .sns{display: flex;}
.insight-view .meta .sns li a{display: block; width: 30px; height: 30px; text-indent: -9999em;}
.insight-view .meta .sns li a.btn-facebook{background: url('../images/common/ico_c_facebook.svg') center / 100% auto no-repeat;}
.insight-view .meta .sns li a.btn-x{background: url('../images/common/ico_c_x.svg') center / 100% auto no-repeat;}
.insight-view .meta .sns li a.btn-linkdin{background: url('../images/common/ico_c_linkedin.svg') center / 100% auto no-repeat;}
.insight-view .meta .sns li a.btn-email{background: url('../images/common/ico_c_email.svg') center / 100% auto no-repeat;}
.insight-view .meta .sns li + li{margin-left: 10px;}
.insight-view .meta time{color: #666; font-size: 12px; font-weight: 500; line-height: 150%;}
.insight-view .summary{padding: 20px; margin-top: 24px; background: #F6F7FB;}
.insight-view .summary .tit{width: 100%; color: #2E2E2E; font-size: 16px; font-weight: 700; line-height: 150%;}
.insight-view .summary .txt{margin-top: 8px; color: #2E2E2E; font-size: 13px; font-weight: 500; line-height: 150%;}
.insight-view .detail{margin-top: 24px; color: #2E2E2E; font-size: 13px; font-weight: 400; line-height: 180%;}
.insight-view .board-bottom{border-top: 0;}
.insight-view h3{display: block; padding-top: 30px; margin-top: 35px; border-top: 1px solid #d9d9d9; color: #000; font-size: 16px; font-weight: 500; line-height: 150%;}
.insight-related{position: relative; width: calc(100% + 20px); margin-top: 24px; overflow: hidden;}
.insight-related .swiper-slide{width: 280px; margin-right: 24px;}
.insight-related .swiper-slide:last-child{margin-right: 20px;}
.insight-related .swiper-scrollbar{position: relative; left: auto; top: auto; bottom: auto; width: calc(100% - 20px); height: 2px; margin-top: 24px; border-radius: 0; background: none; font-size: 0; line-height: 0;}
.insight-related .swiper-scrollbar::before{position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #d3d3d3; content: "";}
.insight-related .swiper-scrollbar .swiper-scrollbar-drag{display: block; height: 2px; border-radius: 0; background: #2E2E2E;}
.insight-related a{display: block;}
.insight-related a strong{display: block; color: #2E2E2E; font-size: 13px; font-weight: 700; line-height: 140%;}
.insight-related a p{margin-top: 8px; color: #666; font-size: 12px; font-weight: 400; line-height: 170%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.insight-related a time{display: block; margin-top: 8px; color: #666; font-size: 12px; font-weight: 400; line-height: 170%;}
.insight-related a .thum{position: relative; width: 100%; aspect-ratio: 280 / 170; margin-top: 20px; border-radius: 10px; overflow: hidden;}
.insight-related a .thum img{width: 100%; height: 100%; object-fit: cover;}

/* pagination */
.pagination{margin-top: 20px; text-align: center;}
.pagination ul{display: inline-flex;}
.pagination ul li .page-num{display: flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 11px; color: #666; font-size: 12px; font-weight: 400; letter-spacing: -0.24px; box-sizing: border-box;}
.pagination ul li .page-num.active{margin: 0 5px; background: #68737A; color: #fff; font-weight: 700;}
.pagination ul li .page-first{display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: url('../images/common/ico_page_first.svg') center no-repeat; text-indent: -9999em;}
.pagination ul li .page-prev{display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: url('../images/common/ico_page_prev.svg') center no-repeat; text-indent: -9999em;}
.pagination ul li .page-next{display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: url('../images/common/ico_page_next.svg') center no-repeat; text-indent: -9999em;}
.pagination ul li .page-last{display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: url('../images/common/ico_page_last.svg') center no-repeat; text-indent: -9999em;}

/* tab-menu */
.tab-menu{height: 50px;}
.tab-menu .in{padding: 0 20px; overflow: hidden; margin-bottom: 24px; background: linear-gradient(#D9D9D9, #D9D9D9) top / 100% 1px no-repeat, linear-gradient(#D9D9D9, #D9D9D9) bottom / 100% 1px no-repeat #fff;}
.tab-menu.fixed .in{position: fixed; left: 0; top: 59px; width: 100%; z-index: 5000;}
.tab-menu li{width: auto;}
.tab-menu li a,
.tab-menu li button{display: block; position: relative; height: 50px; padding: 0 20px; background: none; color: rgba(0, 0, 0, 0.50); font-size: 13px; line-height: 50px; z-index: 100;}
.tab-menu li a strong,
.tab-menu li button strong{font-weight: 400;}
.tab-menu li a.on,
.tab-menu li button.on{color: #000; font-weight: 600;}
.tab-menu li a.on::after,
.tab-menu li button.on::after{position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #ED1B2E; content: "";}
.tab-menu.type2 li{margin-left: 25px;}
.tab-menu.type2 li:first-child{margin-left: 0;}
.tab-menu.type2 li a,
.tab-menu.type2 li button{padding: 0;}
.tab-menu.type2 li a.on,
.tab-menu.type2 li button.on{color: #222;}
.tab-menu.type2 li a.on::after,
.tab-menu.type2 li button.on::after{display: none;}
.tab-menu.type2 li a.on strong,
.tab-menu.type2 li button.on strong{font-weight: 600; color: #ED1B2E;}
.tab-menu.type3 li{margin-left: 40px;}
.tab-menu.type3 li:first-child{margin-left: 0;}
.tab-menu.type3 li a,
.tab-menu.type3 li button{padding: 0;}
.tab-menu.type3 li a.on,
.tab-menu.type3 li button.on{color: #ED1B2E;}
.tab-menu.type3 li a.on::after,
.tab-menu.type3 li button.on::after{display: none;}

/* page-head */
.page-head{width: 100%; padding: 0 20px; margin-bottom: 30px; box-sizing: border-box;}
.page-head .in > div{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; margin: 0 auto;}
.page-head h2{display: block; margin-bottom: 0; color: #222; font-size: 18px; font-weight: 600; line-height: 130%;}
.page-head h2 strong{color: #ED1B2E; font-weight: 600;}
.page-head .search-box{position: relative; width: 62.5%; height: 40px; align-self: flex-end;}
.page-head .search-box input[type=text]{width: 100%; height: 40px; padding: 0 60px 0 20px; border-radius: 100px; background: #F6F7FB; color: #2E2E2E; font-size: 12px; font-weight: 400; line-height: 100%; box-sizing: border-box;}
.page-head .search-box input[type=text]::placeholder{color: #666;}
.page-head .search-box .btn-reset{position: absolute; right: 45px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border-radius: 100%; background: url('../images/mo/common/ico_del.svg') center / 10px auto no-repeat #fff; text-indent: -9999px; color: #fff;}
.page-head .search-box .btn-search{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 100%; background: url('../images/mo/common/ico_search_w.svg') center / 20px auto no-repeat #2E2E2E; text-indent: -9999px; color: #fff;}
.page-head .search-box input[type=text]:placeholder-shown + .btn-reset{display: none;}
.page-head .search-wrap{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 24px;}
.page-head .search-wrap .search-box{flex: 1; width: calc(100% - 46px);}
.page-head .btn-filter{width: 34px; height: 34px; margin-left: 12px; border-radius: 100%; background: url('../images/mo/common/ico_filter.svg') center / 16px auto no-repeat #68737A; text-indent: -9999px; color: #fff;}
.page-head.fixed .in{display: flex; align-items: center; position: fixed; left: 0; top: 0; width: 100%; height: 60px; background: #646f76; z-index: 10000;}
.page-head.fixed .in > div{align-items: center;}
.page-head.fixed h2{display: none;}
.page-head.fixed .search-wrap{padding: 0 20px; margin: 0;}
.page-head.fixed .search-box{width: 100%; height: 40px; min-height: auto;}
.page-head.fixed .search-box input[type=text]{height: 40px; padding: 0 50px 0 20px; font-size: 13px; border-color: #fff;}
.page-head.fixed .search-box .btn-search{width: 30px; height: 30px;}
.page-head.fixed .btn-filter{background-image: url('../images/mo/common/ico_filter_g.svg'); background-color: rgba(255,255, 255, 0.5);}

/* noti-box */
.noti-box{width: 100%; padding: 10px; margin: 30px 0; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; box-sizing: border-box;}
.noti-box p{color: #666; font-size: 12px; font-weight: 500; line-height: 150%;}
.noti-box p.ico-exc{padding-left: 27px; background: url('../images/common/ico_exc.svg') left top / 22px auto no-repeat;}

/*-------------------------------------------------------------------
	@ Util
-------------------------------------------------------------------*/


/*-------------------------------------------------------------------
	@ Pages
-------------------------------------------------------------------*/
/* main */
.main .visual{position: relative; width: 100%; height: 360px; padding: 126px 0 0 30px; background: url('../images/main/bg_visual.jpg') center top / cover no-repeat; box-sizing: border-box;}
.main .visual h2{display: block; color: #333; font-size: 24px; font-weight: 600; line-height: 130%;}
.main .visual h2 strong{font-weight: 600; color: #ED1C2E;}
.main .visual .search{display: flex; align-items: center; width: 260px; height: 40px; padding: 0 0px 0 20px; margin-top: 30px; border: 1px solid #ED1C2E; border-radius: 100px; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(5px); box-sizing: border-box;}
.main .visual .search input[type=text]{width: calc(100% - 40px); background: none; color: #333; font-size: 13px; font-weight: 500; line-height: 100%;}
.main .visual .search input[type=text]::placeholder{color: #333;}
.main .visual .search .btn-search{width: 40px; height: 40px; background: url('../images/mo/common/ico_search_p.svg') center / 20px auto no-repeat; text-indent: -9999em;}
.main .fund-recomm{overflow: hidden; padding: 40px 0 50px 30px; background: url('../images/mo/main/bg_fund.jpg') center / cover no-repeat;}
.main .fund-recomm h3{display: block; color: #FFF; font-size: 20px; font-weight: 700; line-height: 100%;}
.main .fund-recomm .tab{display: flex; margin: 12px 0 24px;}
.main .fund-recomm .tab li button{display: block; background: none; color: #fff; font-size: 14px; font-weight: 400; opacity: 0.5;}
.main .fund-recomm .tab li button.on{opacity: 1;}
.main .fund-recomm .tab li + li{margin-left: 14px;}
.main .fund-recomm .list{display: none;}
.main .fund-recomm .list.on{display: block;}
.main .fund-recomm .list .swiper-slide{width: 260px; margin-right: 12px;}
.main .fund-recomm .list .swiper-slide:last-child{margin-right: 0;}
.main .fund-recomm .list .swiper-slide a{display: block; position: relative; height: 230px; padding: 30px 25px 0; border-radius: 10px; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(5px); box-sizing: border-box; transition: all 0.3s ease;}
.main .fund-recomm .list .swiper-slide a .top strong{display: block; color: #FFF; font-size: 16px; font-weight: 700; line-height: 150%; transition: all 0.3s ease;}
.main .fund-recomm .list .swiper-slide a .top span{display: block; margin-top: 12px; color: #FFF; font-size: 11px; font-weight: 500; line-height: 150%; transition: all 0.3s ease;}
.main .fund-recomm .list .swiper-slide a .graph{margin-top: 10px;}
.main .fund-recomm .list .swiper-slide a .graph .ov{display: none;}
.main .fund-recomm .list .swiper-slide a .btm{position: absolute; right: 0; bottom: 30px; padding: 0 25px; box-sizing: border-box;}
.main .fund-recomm .list .swiper-slide a .btm span{display: block; color: #FFF; font-size: 14px; font-weight: 500; line-height: 1; transition: all 0.3s ease;}
.main .fund-recomm .list .swiper-slide a .btm em{display: block; margin-top: 8px; color: #FFF; font-size: 26px; font-weight: 700; line-height: 1; transition: all 0.3s ease;}
.main .fund-recomm .list .swiper-slide-active a{background: #fff;}
.main .fund-recomm .list .swiper-slide-active a .top strong{color: #000;}
.main .fund-recomm .list .swiper-slide-active a .top span{color: #666;}
.main .fund-recomm .list .swiper-slide-active a .graph img{display: none;}
.main .fund-recomm .list .swiper-slide-active a .graph img.ov{display: block;}
.main .fund-recomm .list .swiper-slide-active a .btm span{color: #666;}
.main .fund-recomm .list .swiper-slide-active a .btm em{color: #ED1B2E;}
.main .article-list ul li{padding: 40px 20px; opacity: 0;}
.main .article-list ul li a{display: block;}
.main .article-list ul li a .info{width: 100%;}
.main .article-list ul li a .info span{display: block; color: #ED1B2E; font-size: 10px; font-weight: 600; line-height: 100%;}
.main .article-list ul li a .info strong{display: block; margin-top: 12px; color: #333; font-size: 16px; font-weight: 600; line-height: 140%;}
.main .article-list ul li a .info p{margin-top: 12px; color: #666; font-size: 12px; font-weight: 400; line-height: 170%; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.main .article-list ul li a .thum{width: 100%; aspect-ratio: 320 / 210; margin-top: 24px; border-radius: 10px; overflow: hidden;}
.main .article-list ul li a .thum img{width: 100%; height: 100%; object-fit: cover;}
.main .article-list ul li.type2{background: #F6F7FB; margin-top: -150px;}
.main .article-list ul li.type3{background: #E6E8F0; margin-top: -150px;}
.main .posts{padding: 40px 20px 70px;}
.main .posts section + section{margin-top: 30px;}
.main .posts h2{display: block; color: #222; font-size: 16px; font-weight: 600; line-height: 130%;}
.main .posts .list{padding: 10px 20px; margin-top: 12px; border: 1px solid #d9d9d9; border-radius: 10px;}
.main .posts .list > li{padding: 10px 0;}
.main .posts .list > li + li{border-top: 1px solid #d9d9d9;}
.main .posts .list > li a{display: block;}
.main .posts .list > li a strong{display: block; color: #333; font-size: 14px; font-weight: 500; line-height: 130%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main .posts .list > li time{display: block; margin-top: 5px; color: #888; font-size: 12px; font-weight: 500; line-height: 130%;}


/* 회사소개 */
.company .intro{position: relative; width: 100%; height: 750px;}
.company .intro .txt{position: relative; width: 100%; padding: 36px 20px 0; margin: 0 auto; box-sizing: border-box; z-index: 10;}
.company .intro .txt h2{display: block; color: #222; font-size: 18px; font-weight: 600; line-height: 150%;}
.company .intro .txt p{margin-top: 10px; color: #666; font-size: 13px; font-weight: 500; line-height: 150%;}
.company .intro .bg{position: absolute; left: 50%; bottom: 90px; transform: translateX(-50%); overflow: hidden; width: calc(100% - 40px); height: 420px; border-radius: 10px; background: url('../images/mo/about/bg_intro.jpg') center top / cover no-repeat;}
.company .intro .bg span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0;}
.company .overview{padding: 0 20px; margin: 35px auto 95px;}
.company .overview h3{display: block; margin-top: 24px; color: #2E2E2E; font-size: 14px; font-weight: 700; line-height: 150%;}
.company .overview h3:nth-of-type(1){margin-top: 0;}
.company .overview h3 strong{color: #ED1C2E; font-weight: 700;}
.company .overview p{color: #666; font-size: 13px; font-weight: 500; line-height: 150%;}
.company .overview p strong{position: relative; font-size: 14px; color: #2E2E2E;}
.company .overview p strong.highlight{background: linear-gradient(rgba(237, 28, 46, 0.20), rgba(237, 28, 46, 0.20)) left bottom / 0 10px no-repeat; transition: all 1s;}
.company .overview p strong.highlight.on{background-size: 100% 10px;}
.company .overview h3 + p{margin-top: 6px;}
.company .overview p + p{margin-top: 6px;}
.company .overview .dia{padding-top: 60px; text-align: center;}
.company .overview .dia ul{display: inline-block; will-change: transform;}
.company .overview .dia ul li{position: relative; width: 27vh; aspect-ratio: 1/1; border-radius: 400px; box-sizing: border-box;}
.company .overview .dia ul li + li{margin-top: 20px;}
.company .overview .dia ul li .txt{display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #ED1C2E; box-sizing: border-box; opacity: 0; transform: translateY(5vh); z-index: 10;}
.company .overview .dia ul li .txt div{padding-bottom: 7vh;}
.company .overview .dia ul li .txt strong{display: block; font-size: 2.3vh; font-weight: 800; line-height: 150%;}
.company .overview .dia ul li .txt span{display: block; margin-top: 2px; text-align: center; font-size: 1.5vh; font-weight: 500; line-height: 150%;}
.company .overview .dia ul li.item1{border: 1px solid #ED1C2E; background: #FFF; transform: translateY(30vh); opacity: 0;}
.company .overview .dia ul li.item1 .txt div{background: url('../images/about/ico_dia1.svg') center bottom / 5.2vh auto no-repeat;}
.company .overview .dia ul li.item2{border: 1px solid #ED1C2E; z-index: 10;}
.company .overview .dia ul li.item2 .txt div{background: url('../images/about/ico_dia2.svg') center bottom / 5.2vh auto no-repeat; color: #fff;}
.company .overview .dia ul li.item2 .circle{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; background: #ED1C2E; transform: scale(0);}
.company .overview .dia ul li.item3{border: 1px solid #ED1C2E; background: #FFEBED; transform: translateY(-30vh); opacity: 0;}
.company .overview .dia ul li.item3 .txt div{background: url('../images/about/ico_dia3.svg') center bottom / 5.2vh auto no-repeat;}
.company .thankyou{display: flex; align-items: center; justify-content: center; height: 750px; background: url('../images/mo/about/bg_thankyou.jpg') center / cover no-repeat; will-change: transform;}
.company .thankyou p{color: #FFF; text-align: center; font-size: 18px; font-weight: 600; line-height: 150%; transform: translateY(20vw); opacity: 0;}
@media all and (min-width: 768px){
	.company .intro .bg{background-position: center;}
}

/* CEO인사말 */
.ceo .message{position: relative; height: 500px; padding: 36px 0 0 20px; background: url('../images/mo/about/bg_ceo.jpg') left top / auto 100% no-repeat #F6F7FB; box-sizing: border-box;}
.ceo .message p{color: #222; font-size: 18px; font-weight: 600; line-height: 150%;}
.ceo .message p span{display: block;  overflow: hidden;}
.ceo .message p span span{transform: translateY(25vw); transition: all 0.9s ease;}
.ceo .message p.on span span{transform: translateY(0);}
.ceo .message .photo{position: absolute; right: 7px; bottom: 0; width: 244px;}
.ceo .message .sign{margin-top: 75px;}
.ceo .message .sign span{display: block; color: #222; font-size: 13px; font-weight: 500; line-height: 150%; color: #666;}
.ceo .message .sign strong{display: block; margin-top: 10px; color: #222; font-size: 16px; font-weight: 600; line-height: 150%;}
.ceo .message .sign img{width: 106px; margin-top: 10px; mix-blend-mode: multiply;}
.ceo .overview{padding: 35px 20px 55px;}
.ceo .overview p,
.ceo .overview ul li{color: #666; font-size: 13px; font-weight: 500; line-height: 150%;}
.ceo .overview p strong{color: #2E2E2E; font-weight: 700;}
.ceo .overview p + ul{margin-top: 30px;}
.ceo .overview ul + p{margin-top: 30px;}
.ceo .profile{padding: 36px 20px 80px; background: url('../images/mo/about/bg_profile.jpg') left top / 52px auto;}
.ceo .profile section + section{margin-top: 40px;}
.ceo .profile h2{display: block; color: #FFF; font-size: 16px; font-weight: 600; line-height: 140%;}
.ceo .profile .career .list{margin-top: 12px;}
.ceo .profile .career .list > li{padding: 20px 25px; border-radius: 20px; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(5px);}
.ceo .profile .career .list > li + li{margin-top: 12px;}
.ceo .profile .career .list > li .period{display: block; width: 100%; color: #FFF; font-size: 16px; font-weight: 600; line-height: 150%;}
.ceo .profile .career .list > li ul{margin-top: 8px;}
.ceo .profile .career .list > li p,
.ceo .profile .career .list > li ul li{color: #FFF; font-size: 12px; font-weight: 500; line-height: 150%;}
.ceo .profile .edu .list{padding: 20px 25px; margin-top: 12px; border-radius: 20px; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(5px);}
.ceo .profile .edu .list > li .period{display: block; color: #FFF; font-size: 14px; font-weight: 600; line-height: 150%;}
.ceo .profile .edu .list > li + li{margin-top: 10px;}
.ceo .profile .edu .list > li ul li{color: #FFF; font-size: 12px; font-weight: 500; line-height: 150%;}
/*
.ceo .profile .edu .list{margin-top: 12px;}
.ceo .profile .edu .list > li{display: flex; padding: 58px 25px 20px; border-radius: 20px; background: url('../images/mo/about/ico_edu.svg') 25px 20px / 30px auto no-repeat rgba(255, 255, 255, 0.20); backdrop-filter: blur(5px);}
.ceo .profile .edu .list > li + li{margin-top: 12px;}
.ceo .profile .edu .list > li ul li{color: #FFF; font-size: 12px; font-weight: 500; line-height: 150%;}
*/

/* 연혁 및 수상내역 */
.history .timeline{position: relative; padding-bottom: 45px; background-color:  #F6F7FB;}
.history .timeline::before{position: absolute; right: 15px; top: 0; width: 150px; height: 55px; background: url('../images/about/bg_timeline1.svg') right top / 100% auto no-repeat; content: "";}
.history .timeline::after{position: absolute; right: 20px; bottom: 0; width: 95px; height: 60px; background: url('../images/about/bg_timeline2.svg') right bottom / 100% auto no-repeat; content: "";}
.history .timeline h2{display: block; padding: 36px 0 32px 20px; color: #222; font-size: 18px; font-weight: 600; line-height: 130%;}
.history .timeline ul{position: relative; width: 100%; height: 738px; margin: 0 auto; background: url('../images/mo/about/bg_timeline_line.svg') no-repeat;}
.history .timeline ul li + li{margin-top: 40px;}
.history .timeline ul li dl{position: relative; padding: 40px 0 0 80px; margin-left: 40px; z-index: 10;}
.history .timeline ul li dl.item5{margin-left: 20px;}
.history .timeline ul li dl.item1{margin-left: 20px;}
.history .timeline ul li dl dt{display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 80px; height: 80px; border-radius: 100px; background: #ED1B2E; color: #FFF; font-size: 16px; font-weight: 700;}
.history .timeline ul li dl dd{width: 200px; padding-left: 20px; color: #2E2E2E; font-size: 12px; font-weight: 600; line-height: 180%; box-sizing: border-box;}
.history .timeline ul li dl dd:nth-of-type(1){padding: 20px 0 0 20px; border-top: 1px dashed #68737A;}
.history .timeline ul li dl dd .logo{display: block; width: 110px; margin-top: 15px;}
.history .desc{padding: 0 20px; margin: 36px 0 30px; color: #222; font-size: 16px; font-weight: 600; line-height: 150%; box-sizing: border-box;}
.history .desc span{display: block; margin-top: 10px; color: #666; font-size: 12px; font-weight: 500; line-height: 150%;}
.history .tab-menu{margin-top: 30px;}
.history .tab-menu:nth-of-type(1){margin-top: 0;}
.history .list{padding: 0 20px; margin-top: 40px;}
.history .list li{padding: 20px 0 20px 25px; border-radius: 20px; background: #F6F7FB;}
.history .list li + li{margin-top: 12px;}
.history .list li .date{color:  #ED1B2E; font-size: 16px; font-weight: 500; line-height: 150%;}
.history .list li dl{margin-top: 12px;}
.history .list li dl dt,
.history .list li dl dd{color: #2E2E2E; font-size: 12px; font-weight: 700; line-height: 150%;}
.history .list li dl dt span{color: #666; font-size: 12px; font-weight: 500;}
.history .list li dl dt span.h-indent{display: block; padding-left: 8px; text-indent: -8px;}
.history .list li dd + dt{margin-top: 8px;}

/* 오시는길 */
.location .map{width: 100%; height: 500px;}
.location .info{margin-top: 35px;}
.location .info dt{display: block; color: #222; font-size: 13px; font-weight: 500; line-height: 150%;}
.location .info dd{margin-top: 12px; color: #666; font-size: 13px; font-weight: 500; line-height: 150%;}
.location .info dd + dt{margin-top: 30px;}

/* 개인정보처리방침 */
.policy h3{display: block; margin-top: 40px; color: #2E2E2E; font-size: 13px; font-weight: 600; line-height: 150%;}
.policy h3:first-child{margin-top: 0;}
.policy p,
.policy ul > li{color: #666; font-size: 13px; font-weight: 500; line-height: 150%;}
.policy ul.gap > li + li{margin-top: 20px;}
.policy .indent{padding-left: 16px;}
.policy table{width: 100%; margin-top: 12px; border-top: 2px solid #000;}
.policy table th,
.policy table td{padding: 14px 0; border-bottom: 1px solid #d3d3d3; color: #333; text-align: center; font-size: 13px; font-weight: 500; line-height: 150%;}
.policy table td a{vertical-align: top;}
.policy table td .tel{display: inline-block;}
.policy table thead th{background: #F6F7FB;}
.policy p + ul,
.policy ul + p,
.policy h3 + p,
.policy h3 + ul{margin-top: 12px;}
.policy p + p{margin-top: 20px;}
.policy .scroll-box{overflow-x: auto; margin-top: 12px;}
.policy .scroll-box table{width: 610px;}

/* 종합검색 */
.search-list{display: none; margin-top: 30px;}
.search-list.on{display: block;}
.search-list .head .title{display: flex; align-items: center; color: #000; font-size: 16px; font-weight: 600; line-height: 140%;}
.search-list .head .title strong{display: inline-block; margin-left: 5px; color: #ED1B2E; font-weight: 600;}
.search-list .board-list{margin-top: 10px;}
.search-list .board-list + .head{margin-top: 100px;}
.search-bottom{margin-top: 30px; text-align: center;}
.search-bottom .btn-more{display: inline-block; height: 46px; padding: 0 40px; border: 1px solid #2E2E2E; border-radius: 5px; background: none; color: #2E2E2E; font-size: 16px; font-weight: 500; line-height: 100%; box-sizing: border-box;}

/* 펀트상품 */
.search-filter{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10000;}
.search-filter.on{display: block;}
.search-filter > div{position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px 0 0; border-radius: 20px 20px 0 0; background: #fff; box-sizing: border-box;}
.search-filter > div::after{position: absolute; left: 50%; top: 10px; transform: translateX(-50%); width: 38px; height: 5px; border-radius: 100px; background: #E5E8EB; content: "";}
.search-filter .head{display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 20px 9px;}
.search-filter .head h3{display: block; color: #333; font-size: 20px; font-weight: 700; line-height: 120%;}
.search-filter .head .btn-close{width: 28px; height: 28px; background: url('../images/common/ico_close2.svg') center / 100% auto no-repeat; text-indent: -9999em;}
.search-filter .cont{max-height: calc(100svh - 130px - 100px); padding-top: 9px; background: #fff; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.search-filter .group{display: block; padding: 0 20px;}
.search-filter .group + .group{margin-top: 18px;}
.search-filter .group .title{color: #333; font-size: 14px; font-weight: 700;}
.search-filter .group .option{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px 7px; margin-top: 12px;}
.search-filter .group .option label input{position: absolute; opacity: 0; width: 0; height: 0;}
.search-filter .group .option label span{display: flex; align-items: center; justify-content: center; width: 100%; height: 36px; border: 1px solid #d9d9d9; border-radius: 5px; color: #333; font-size: 13px; font-weight: 500; cursor: pointer; box-sizing: border-box;}
.search-filter .group .option label input:checked + span{border-color: #68737A; background: #68737A; color: #fff;}
.search-filter .group .range{height: 0; padding-bottom: 25px; margin-top: -10px; visibility: hidden;}
.search-filter .group .range.on{height: auto; visibility: visible;}
.search-filter .group .range .irs--flat{width: 100%;}
.search-filter .group .range .irs--flat .irs-handle{cursor: pointer;}
.search-filter .group .range .irs--flat .irs-handle > i{display: none;}
.search-filter .group .range .irs--flat .irs-handle::after{position: absolute; left: 2px; top: -15px; width: 14px; height: 17px; margin-left: 0; background: url('../images/common/ico_handle.svg') center / 100% auto no-repeat; content: "";}
.search-filter .group .range .irs--flat .irs-min,
.search-filter .group .range .irs--flat .irs-max{display: none;}
.search-filter .group .range .irs--flat .irs-line{height: 10px; background: #fff;}
.search-filter .group .range .irs--flat .irs-line::after{position: absolute; left: 8px; top: 50%; width: calc(100% - 16px); height: 1px; background: #d9d9d9; content: "";}
.search-filter .group .range .irs--flat .irs-bar{background: none;}
.search-filter .group .range .irs--flat .irs-bar::after{position: absolute; left: 0; top: calc(50% - 2px); width: 100%; height: 2px; background: #ED1B2E; content: "";}
.search-filter .group .range .range-labels{position: relative; width: calc(100% - 16px); margin: 0 auto; padding: 0; list-style: none;}
.search-filter .group .range .range-labels li{position: absolute; transform: translateX(-50%); padding-top: 4px; color: #333; font-size: 13px; font-weight: 500; line-height: 100%; text-align: center; cursor: pointer;}
.search-filter .group .range .range-labels li:nth-child(1){left: 0%;}
.search-filter .group .range .range-labels li:nth-child(2){left: calc(100% * 1 / 6);}
.search-filter .group .range .range-labels li:nth-child(3){left: calc(100% * 2 / 6);}
.search-filter .group .range .range-labels li:nth-child(4){left: calc(100% * 3 / 6);}
.search-filter .group .range .range-labels li:nth-child(5){left: calc(100% * 4 / 6);}
.search-filter .group .range .range-labels li:nth-child(6){left: calc(100% * 5 / 6);}
.search-filter .group .range .range-labels li:nth-child(7){left: 100%;}
.search-filter .group .range .range-labels li::after{position: absolute; left: 50%; top: -14px; width: 1px; height: 9px; background: #D9D9D9; content: "";}
.search-filter .group .range .range-labels li.on::after{width: 2px; background: #ED1B2E;}
.search-filter .group .range .range-labels li.off::after{width: 2px; background: #ED1B2E;}
.search-filter .btm{display: flex; border-top: 1px solid #2e2e2e;}
.search-filter .btm .btn-reset{width: 50%; height: 53px; background: #fff; color: #333; font-size: 16px; font-weight: 700; line-height: 120%;}
.search-filter .btm .btn-reset span{display: inline-block; padding-left: 26px; background: url('../images/common/ico_reset.svg') left center / 22px auto no-repeat;}
.search-filter .btm .btn-search{width: 50%; height: 53px; background: #2E2E2E; color: #fff; font-size: 16px; font-weight: 700; line-height: 120%;}
.fund-sort{display: flex; margin-bottom: 30px; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
.fund-sort select{flex: 1; height: 48px; padding: 0 0 0 20px; border: 0; background: url('../images/common/ico_select2.svg') right 20px center / 12px auto no-repeat; box-sizing: border-box;}
.fund-sort .nice-select{flex: 1; height: 48px; padding: 0 0 0 20px; border: 0; box-sizing: border-box;}
.fund-sort .nice-select::after{right: 20px; top: 50%; width: 12px; height: 12px; border: 0; margin: 0; margin-top: -6px; background: url('../images/common/ico_select2.svg') center / 100% auto no-repeat; content: ""; transform: none;}
.fund-sort .nice-select .current{font-size: 12px; font-weight: 500; line-height: 48px;}
.fund-sort .nice-select.open::after{transform: rotate(180deg); transform-origin: center;}
.fund-sort .nice-select .list{left: -1px; width: calc(100% + 2px); margin-top: 1px; border: 1px solid #D9D9D9; border-top: 0; border-radius: 0; box-shadow: none; transform: none; box-sizing: border-box;}
.fund-sort .nice-select .list li{padding: 0 0 0 20px; font-size: 12px; font-weight: 500 !important; line-height: 45px;}
.fund-sort .order{display: flex; position: relative; padding: 0 20px;}
.fund-sort .order::before{position: absolute; left: 0; top: 50%; width: 1px; height: 20px; margin-top: -10px; background: #d9d9d9; content: "";}
.fund-sort .order .btn-low{width: auto; height: 48px; padding-right: 26px; background: url('../images/common/ico_low.svg') right 10px center / 8px auto no-repeat; color: #333; font-size: 12px; font-weight: 500; line-height: 100%; text-align: right;}
.fund-sort .order .btn-low.on{background-image: url('../images/common/ico_low_on.svg'); font-weight: 700; color: #222;}
.fund-sort .order .btn-high{width: auto; height: 48px; padding: 0 16px 0 10px; background: url('../images/common/ico_high.svg') right center / 8px auto no-repeat; color: #333; font-size: 12px; font-weight: 500; line-height: 100%; text-align: left;}
.fund-sort .order .btn-high.on{background-image: url('../images/common/ico_high_on.svg'); font-weight: 700; color: #222;}
.fund-list{margin-top: 12px;}
.fund-list > li + li{margin-top: 12px;}
.fund-list > li a{display: block; padding: 20px; border-radius: 10px; border: 1px solid #D9D9D9;}
.fund-list > li .ctg{display: flex;}
.fund-list > li .ctg li{display: flex; align-items: center; height: 22px; padding: 0 12px; border: 1px solid #68737A; color: #68737A; font-size: 11px; font-weight: 700; box-sizing: border-box;}
.fund-list > li .ctg li + li{margin-left: 4px;}
.fund-list > li .ctg li.type2{background: #EFEFEF;}
.fund-list > li .tit{display: inline-block; margin-top: 4px; color: #2E2E2E; font-size: 16px; font-weight: 700; line-height: 150%;}
.fund-list > li .info{display: flex; justify-content: space-between; align-items: center; margin-top: 12px;}
.fund-list > li .info .stats li{color: #666; font-size: 11px; font-weight: 500; line-height: 100%;}
.fund-list > li .info .stats li + li{margin-top: 6px;}
.fund-list > li .info .return{text-align: right;}
.fund-list > li .info .return span{display: block; color: #666; font-size: 11px; font-weight: 600; line-height: 100%;}
.fund-list > li .info .return em{display: block; margin-top: 4px; color: #ED1B2E; font-size: 20px; font-weight: 700; line-height: 100%;}
.fund-view .overview{padding: 36px 20px; background: url('../images/fund/bg_overview.jpg') center / cover no-repeat; box-sizing: border-box;}
.fund-view .overview h2{display: block; margin-bottom: 20px; color: #FFF; font-size: 20px; font-weight: 600; line-height: 150%; text-align: center;}
/*
.fund-view .overview select{display: block; width: 100%; height: 44px; padding: 0; padding: 0 20px; margin: 0 auto; border: 0; border-radius: 12px; background: url('../images/common/ico_select_w.svg') right 20px center / 16px auto no-repeat #3B4B56; font-size: 14px; font-weight: 600; line-height: 140%; color: #fff; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fund-view .overview select option{width: 100%; color: #000;}
*/
.fund-view .overview .nice-select{float: none; width: 100%; height: 44px; padding: 0 20px; border: 0; border-radius: 12px; background: #3B4B56; box-sizing: border-box;}
.fund-view .overview .nice-select::after{right: 20px; top: 50%; width: 16px; height: 20px; border: 0; margin: 0; margin-top: -10px; background: url('../images/common/ico_select_w.svg') center / 100% auto no-repeat; content: ""; transform: none;}
.fund-view .overview .nice-select .current{display: block; width: 100%; padding-right: 20px; font-size: 14px; font-weight: 600; line-height: 44px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.fund-view .overview .nice-select.open{border-radius: 12px 12px 0 0; background: #fff;}
.fund-view .overview .nice-select.open::after{background-image: url('../images/common/ico_select3.svg'); transform: rotate(180deg); transform-origin: center;}
.fund-view .overview .nice-select.open .current{color: #000;}
.fund-view .overview .nice-select .list{left: 0; width: 100%; max-height: 176px; overflow-y: auto; margin-top: 0; border: 0; border-radius: 0 0 12px 12px; background: #fff; box-shadow: none; transform: none; box-sizing: border-box;}
.fund-view .overview .nice-select .list .option{min-height: auto; padding: 15px 20px; background: #fff; font-size: 12px; font-weight: 600 !important; line-height: 140%; color: #000; white-space: normal; box-sizing: border-box;}
.fund-view .overview .nice-select .list .option:hover,
.fund-view .overview .nice-select .list .option.focus,
.fund-view .overview .nice-select .list .option.selected.focus{background: #F6F7FB;}
.fund-view .overview .btm{margin-top: 35px;}
.fund-view .overview .btm .info{display: flex; justify-content: space-between; width: 100%; padding: 31px 20px; border-radius: 12px; background: rgba(255, 255, 255, 0.90); backdrop-filter: blur(5px); box-sizing: border-box;}
.fund-view .overview .btm .info li{position: relative; text-align: center;}
.fund-view .overview .btm .info li .label{color: #000; font-size: 12px; font-weight: 500;}
.fund-view .overview .btm .info li .value-wrap{margin-top: 5px;}
.fund-view .overview .btm .info li .value-wrap .value{color: #000; font-size: 16px; font-weight: 700;}
.fund-view .overview .btm .info li .value-wrap .value span{font-size: 12px;}
.fund-view .overview .btm .info li .value-wrap .change{position: absolute; left: 0; bottom: -20px; width: 100%; font-size: 11px; font-weight: 500;}
.fund-view .overview .btm .info li .value-wrap .change.up{color: #ED1B2E;}
.fund-view .overview .btm .info li .value-wrap .change.down{color: #006FFF;}
.fund-view .overview .btm p{margin-top: 20px; color: #fff; font-size: 11px; font-weight: 500; line-height: 160%; opacity: 0.8;}
.fund-view .menu{height: 50px;}
.fund-view .menu ul{display: flex; justify-content: space-between; padding: 0 20px; background: #F6F7FB; box-sizing: border-box; z-index: 10;}
.fund-view .menu ul.fixed{position: fixed; left: 0; top: 60px; width: 100%;}
.fund-view .menu ul li button{position: relative; width: 100%; height: 50px; background: none; color: rgba(0, 0, 0, 0.50); font-size: 13px; font-weight: 400; text-align: center;}
.fund-view .menu ul li button.on{color: #000; font-weight: 600;}
.fund-view .menu ul li button.on::after{position: absolute; left: 0; top: calc(50% + 7px); width: 100%; height: 2px; background: #ED1B2E; content: "";}
.fund-view .detail{padding: 24px 20px 0;}
.fund-view .detail h3{display: block; margin-top: 40px; color: #000; font-size: 16px; font-weight: 600; line-height: 140%;}
.fund-view .detail h3:nth-of-type(1){margin-top: 0;}
.fund-view .detail .desc{margin-top: 24px; color: #333; font-size: 13px; font-weight: 500; line-height: 150%;}
.fund-view .detail .meta{display: flex; flex-wrap: wrap; width: 100%; margin-top: 24px; border-top: 2px solid #000;}
.fund-view .detail .meta li{width: 50%; padding: 12px 0; border-bottom: 1px solid #D3D3D3;}
.fund-view .detail .meta li dl dt{color: #888; font-size: 13px; font-weight: 500;}
.fund-view .detail .meta li dl dd{margin-top: 4px; color: #333; font-size: 13px; font-weight: 500; line-height: 150%;}
.fund-view .detail .meta li dl dd + dt{margin-top: 15px;}
.fund-view .detail .meta li.full{width: 100%;}
.fund-view .detail .fee{display: block; margin-top: 12px;}
.fund-view .detail .fee > li{padding: 30px 0; border-radius: 12px; background: #EAF4FB; text-align: center; box-sizing: border-box;}
.fund-view .detail .fee > li + li{margin-top: 8px;}
.fund-view .detail .fee > li span{display: block; color: #333; font-size: 13px; font-weight: 500;}
.fund-view .detail .fee > li strong{display: block; margin-top: 12px; color: #ED1B2E; font-size: 16px; font-weight: 600;}
.fund-view .detail .fee > li.breakdown ul{display: inline-grid; grid-template-columns: 1fr 1fr; gap: 0 20px; margin-top: 12px;}
.fund-view .detail .fee > li.breakdown ul li{color: #888; font-size: 12px; font-weight: 500; text-align: left; line-height: 140%;}
.fund-view .detail .noti{padding-left: 27px; margin-top: 16px; background: url('../images/common/ico_exc.svg') left top / 22px auto no-repeat; color: #666; font-size: 12px; font-weight: 500; line-height: 150%;}
.fund-view .detail .note{margin-top: 40px; color: #666; font-size: 11px; font-weight: 500;}
.fund-view .detail .seller{display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 10px; margin-top: 12px;}
.fund-view .detail .seller li{display: flex; align-items: center; height: 50px; padding: 0 0 0 15px; border-radius: 12px; background: #F6F7FB; color: #333; text-align: center; font-size: 13px; font-weight: 500;}
.fund-view .detail .seller li img{display: inline-block; width: 40px; mix-blend-mode: darken;}
.fund-view .detail .seller li.type2 img{margin-right: 5px;}
.fund-view .detail .head{display: flex; justify-content: space-between; align-items: center; height: auto; margin-top: 12px;}
.fund-view .detail .ref-date{color: #666; font-size: 12px; font-weight: 400;}
.fund-view .detail .head select{height: 30px; padding-right: 20px; background: url('../images/common/ico_select2.svg') right center / 14px auto no-repeat; font-size: 12px; font-weight: 500; line-height: 30px; color: #333;}
.fund-view .detail .head .nice-select{float: none; width: auto; height: 30px; padding: 0; border: 0; border-radius: 0; background: none; box-sizing: border-box;}
.fund-view .detail .head .nice-select::after{right: 0; top: 50%; width: 14px; height: 20px; border: 0; margin: 0; margin-top: -10px; background: url('../images/common/ico_select2.svg') center / 100% auto no-repeat; content: ""; transform: none;}
.fund-view .detail .head .nice-select .current{display: block; padding-right: 25px; font-size: 12px; font-weight: 500; line-height: 30px; color: #333;}
.fund-view .detail .head .nice-select.open::after{transform: rotate(180deg); transform-origin: center;}
.fund-view .detail .performance-chart{margin-top: 12px;}
.fund-view .detail table{width: 100%; min-width: 100%; margin-top: 12px; border-top: 2px solid #000; table-layout: fixed;}
.fund-view .detail table tr{border-bottom: 1px solid #d3d3d3;}
.fund-view .detail table th,
.fund-view .detail table td{padding: 18px 0; color: #222; text-align: center; font-size: 12px; font-weight: 500; line-height: 150%;}
.fund-view .detail table thead th{background: #F6F7FB;}
.fund-view .detail table tbody .txt-l{text-align: left;}
.fund-view .detail table tbody td.no{font-size: 13px; font-weight: 700; color: #EA4D4F;}
.fund-view .detail table tbody td.tit{padding: 15px; text-align: left;}
.fund-view .detail table tbody td strong{font-size: 13px;}
.fund-view .detail table tbody td time{display: block; margin-top: 4px; color: #333; font-size: 12px; font-weight: 500;}
.fund-view .detail h3 + table{margin-top: 12px;}
.fund-view .detail .scroll-box{width: calc(100% + 20px); overflow-x: auto;}
.fund-view .detail .scroll-box table{width: 560px;}
.fund-view .detail .asset{margin-top: 24px;}
.fund-view .detail .asset .chart{width: 100%;}
.fund-view .detail .asset .chart{position: relative; width: 230px; height: 230px; margin: 0 auto;}
.fund-view .detail .asset .chart .txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #333; font-size: 14px; font-weight: 700;}
.fund-view .detail .asset .info{margin-top: 25px;}
.fund-view .detail .asset .info table{margin-top: 12px;}
.fund-view .detail .asset .info table td.icon-asset{display: flex; align-items: center; padding-left: 30px; text-align: left;}
.fund-view .detail .asset .info table td.icon-asset span{display: inline-block; width: 16px; height: 16px; margin-right: 10px; border-radius: 100%; background: #000;}
.fund-view .detail .asset .info table td.icon-asset span.type1{background: #EA4D4F;}
.fund-view .detail .asset .info table td.icon-asset span.type2{background: #4D67EA;}
.fund-view .detail .asset .info table td.icon-asset span.type3{background: #EAB34D;}
.fund-view .detail .asset .info table td.icon-asset span.type4{background: #33414B;}
.fund-view .detail .asset .info table td.icon-asset span.type5{background: #D2DCE3;}
.fund-view .detail .doc{margin-top: 12px;}
.fund-view .detail .doc li + li{margin-top: 8px;}
.fund-view .detail .doc li a{display: flex; align-items: center; padding: 18px 60px 18px 20px; border-radius: 12px; background: url('../images/common/ico_down.svg') right 20px center / 20px auto no-repeat #F6F7FB; color: #333; font-size: 12px; font-weight: 500; box-sizing: border-box;}
.fund-view .caution{margin-top: 100px;}
.fund-view .caution .accordion-list{border-top: 2px solid #000;}
.fund-view .caution .accordion-list > li button{position: relative; width: 100%; height: 50px; padding: 0 15px; border-bottom: 1px solid #D3D3D3; background: #f6f7fb; color: #333; text-align: left; font-size: 12px; font-weight: 700;}
.fund-view .caution .accordion-list > li button::after{position: absolute; right: 15px; top: 50%; width: 12px; height: 22px; margin-top: -11px; background: url('../images/common/ico_accordion.svg') center / 100% auto no-repeat; content: "";}
.fund-view .caution .accordion-list > li .cont{display: none; padding: 15px 0; border-bottom: 1px solid #D3D3D3;}
.fund-view .caution .accordion-list > li .cont ul.bul li{position: relative; padding-left: 10px; color: #333; font-size: 12px; font-weight: 500; line-height: 150%;}
.fund-view .caution .accordion-list > li .cont ul.bul li::before{position: absolute; left: 0; top: 0; color: #333; font-size: 12px; font-weight: 500; line-height: 150%; content: "·";}
.fund-view .caution .accordion-list > li.on .cont{display: block;}
.fund-view .caution .accordion-list > li.on button::after{transform: rotate(180deg);}

/* ESG */
.esg .intro{position: relative; width: 100%; height: 750px;}
.esg .intro .txt{position: relative; width: 100%; padding: 36px 20px 0; margin: 0 auto; box-sizing: border-box; z-index: 10;}
.esg .intro .txt h2{display: block; color: #222; font-size: 18px; font-weight: 600; line-height: 150%;}
.esg .intro .txt p{margin-top: 10px; color: #666; font-size: 13px; font-weight: 500; line-height: 150%;}
.esg .intro .bg{position: absolute; left: 50%; bottom: 90px; transform: translateX(-50%); overflow: hidden; width: calc(100% - 40px); height: 420px; border-radius: 10px; background: url('../images/mo/esg/bg_intro.jpg') center top / cover no-repeat;}
.esg .intro .bg span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0;}
.esg h3{display: block; color: #222; font-size: 16px; font-weight: 600; line-height: 140%; will-change: transform;}
.esg .overview{margin: 35px auto 0; will-change: transform;}
.esg .overview .list{position: relative; height: 530px; margin-top: 40px; border-radius: 20px; overflow: hidden; will-change: transform;}
.esg .overview .list li{position: relative; width: 100%; height: 530px; border-radius: 20px; overflow: hidden;}
.esg .overview .list li.item1{background: url('../images/mo/esg/bg_esg1.jpg') center / cover no-repeat;}
.esg .overview .list li.item2{position: absolute; left: 0; top: 100%; background: url('../images/mo/esg/bg_esg2.jpg') center / cover no-repeat; z-index: 10;}
.esg .overview .list li.item3{position: absolute; left: 0; top: 100%; background: url('../images/mo/esg/bg_esg3.jpg') center / cover no-repeat; z-index: 20;}
.esg .overview .list li.item4{position: absolute; left: 0; top: 100%; background: url('../images/mo/esg/bg_esg4.jpg') center / cover no-repeat; z-index: 30;}
.esg .overview .list li .info{position: absolute; left: 0; top:0; width: 100%; padding: 50px 30px; box-sizing: border-box;}
.esg .overview .list li .info h4{display: block; color: #FFF; font-size: 18px; font-weight: 800; line-height: 150%;}
.esg .overview .list li .info p{margin-top: 20px; color: #FFF; font-size: 13px; font-weight: 500; line-height: 150%;}
.esg .strategy{width: calc(100% + 40px); padding: 35px 20px 40px; margin-top: 60px; margin-left: -20px; background: #68737A; box-sizing: border-box;}
.esg .strategy .desc{color: #fff; font-size: 14px; font-weight: 500; line-height: 150%;}
.esg .strategy ul{margin-top: 30px}
.esg .strategy ul li + li{margin-top: 10px;}
.esg .strategy ul li .info{padding: 30px; background: #F6F7FB;}
.esg .strategy ul li .info h4{display: block; color: #2E2E2E; font-size: 16px; font-weight: 600; line-height: 150%;}
.esg .strategy ul li .info p{padding-top: 8px; margin-top: 8px; border-top: 1px solid #D9D9D9; color: #666; font-size: 12px; font-weight: 500; line-height: 180%;}
.esg .doc{margin: 30px auto 0;}
.esg .doc .list{margin-top: 12px;}
.esg .doc .list li + li{margin-top: 12px;}
.esg .doc .list li a{display: flex; align-items: center; padding: 22px 80px 22px 30px; border-radius: 20px; background: url('../images/common/ico_down.svg') right 30px center / 22px auto no-repeat #F6F7FB; color: #333; font-size: 12px; font-weight: 500; line-height: 150%; box-sizing: border-box;}

/* 투자정보 */
.investment .overview{background: #333;}
.investment .overview > div{padding: 0 20px;}
.investment .overview .desc{position: sticky; top: 60px; padding: 35px 0 45px; color: #FFF; font-size: 18px; font-weight: 600; line-height: 150%; transition: all 0.5s ease;}
.investment .overview .desc.on{opacity: 0.2;}
.investment .overview ul{position: relative; margin-top: 0; z-index: 10;}
.investment .overview ul li .box{width: 260px;}
.investment .overview ul li .box img{border-radius: 10px; overflow: hidden; transform: translateY(80px); opacity: 0; transition: all 0.7s ease;}
.investment .overview ul li .box img.on{transform: translateY(0); opacity: 1;}
.investment .overview ul li .box .txt p{margin-top: 12px; color: #FFF; font-size: 13px; font-weight: 600; line-height: 150%; opacity: 0; transform: translateY(80px); transition: all 0.7s ease;}
.investment .overview ul li .box .txt.on p{transform: translateY(0); opacity: 1;}
.investment .overview ul li + li{margin-top: 80px;}
.investment .overview ul li:nth-child(odd) > div{margin-left: auto;}
.investment .overview .bg{position: sticky; bottom: 0; overflow: hidden;}
.investment .overview .bg div{width: 100vw; height: 100px; background: url('../images/mo/investment/bg_overview.png') left bottom 30px / auto 44px repeat-x; opacity: 0.05;}
.investment .info-box{padding: 0 0 40px;}
.investment .info-box.equity .bg{background-image: url('../images/mo/investment/bg_equity.jpg');}
.investment .info-box.bond .bg{background-image: url('../images/mo/investment/bg_bond.jpg');}
.investment .info-box .bg{height: 260px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.investment .info-box .in{padding: 0 20px;}
.investment .info-box h2{display: block; margin-top: 40px; color: #000; font-size: 18px; font-weight: 600; line-height: 140%;}
.investment .info-box ul{margin-top: 20px;}
.investment .info-box ul > li + li{margin-top: 30px;}
.investment .info-box ul > li .no{display: block; color: #2E2E2E; font-size: 13px; font-weight: 700; line-height: 150%;}
.investment .info-box ul > li p{color: #2E2E2E; font-size: 13px; font-weight: 500; line-height: 150%;}
.investment .info-box2{padding: 126px 20px;}
.investment .info-box2.qps{background: url('../images/mo/investment/bg_qps.jpg') center / cover no-repeat;}
.investment .info-box2 h2{display: block; color: #FFF; font-size: 18px; font-weight: 600; line-height: 140%;}
.investment .info-box2 ul{width: 100%; margin-top: 20px;}
.investment .info-box2 ul li{width: 100%; padding: 30px 30px 20px; border-radius: 12px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(5px); box-sizing: border-box;}
.investment .info-box2 ul li + li{margin-top: 12px;}
.investment .info-box2 ul li h3{display: block; color: #2E2E2E; font-size: 14px; font-weight: 700; line-height: 150%;}
.investment .info-box2 ul li p{margin-top: 12px; color: #2E2E2E; font-size: 13px; font-weight: 500; line-height: 150%;}

/* 에러페이지 */
.error{display: flex; align-items: center; width: 100%; height: 100%; text-align: center;}
.error > div{width: 100%;}
.error .logo img{width: 175px;}
.error h1{display: block; margin: 23px 0 16px; color: #2E2E2E; font-size: 22px; font-weight: 600; line-height: 150%;}
.error p{color: #666; font-size: 13px; font-weight: 500; line-height: 150%;}
.error .btn{margin-top: 40px;}
.error .btn a{display: flex; align-items: center; justify-content: center; width: 195px; height: 44px; margin: 0 auto; border-radius: 5px; background: #2E2E2E; color: #FFF; font-size: 14px; font-weight: 500;}
.error .btn a + a{margin-top: 8px;}