@charset "utf-8";

/*-------------------------------------------------------------------
@ TEMPLATE UI : 2024.04.01 J.G.H
-------------------------------------------------------------------*/

/* 공시정보 : 공통 */
.board-area {width: 1410px; margin: 0 auto;}
.board-area .ui_tabs1 {margin-top: 58px;}
.board-area [class*="ui_boardList"] .result {align-items: center;}
.board-area [class*="ui_boardList"] .result .btnBasics {padding-top: 7px;}
/* 공시정보 : 검색 */
.tag-search {
display: flex;
align-items: center;
width: 100%;
max-width: 1410px;
margin: 90px auto 57px;
background-color: #1C3E70;
border-radius: 30px;
}
.tag-search [type="text"] {
width: 100%;
height: 60px;
padding-left: 30px;
background-color: transparent;
border-color: transparent;
color: #fff;
font-weight: 500;
font-size: 20px;
outline: none;
}
.tag-search [type="text"]::placeholder {color: rgba(255, 255, 255, 0.5);}
.tag-search [type="submit"] {
width: 34px;
height: 34px;
margin-right: 30px;
background: url('/magi/assets/images/common/btn_search02.png') no-repeat center center;
font-size: 0;
text-indent: -9999em;
line-height: 0;
}
/* 공시정보 : 게시판 목록 */
.board_data-type .small-tit + .comm_thum {margin-top: 0;}
.board_data-type table thead th {padding: 0 !important; text-align: center !important;}
.board_data-type table tbody td {
height: 145px !important;
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.board_data-type table tbody td.title a {display: block;}
.board_data-type table tbody td.title a em {
display: block;
margin: 0 0 0.9rem;
font-weight: 500;
font-size: 24px;
line-height: 3.4rem;
}
.board_data-type table tbody td .tic {
width: 76px;
height: 36px;
padding: 5px 0;
background-color: #DF6D1B;
border-radius: 6px;
color: #fff;
font-weight: 500;
}
.board_data-type table tbody td .file {
display: inline-block;
width: 18px;
height: 22px;
background: url('/magi/assets/images/common/ico_file.png') no-repeat center center;
font-size: 0;
text-indent: -9999em;
line-height: 0;
vertical-align: middle;
}
.conts-board .align-r {display: flex; justify-content: end; width: 100%;}
.round-codebox {
display: flex;
margin-top: 24px;
padding: 40px 0;
background-color: #fff;
border-radius: 24px;
}
.round-codebox li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: calc(100% / 2);
height: 100px;
border-left: 1px solid #DFE3EB;
}
.round-codebox li:first-child {border-left: 0;}
.round-codebox li * {display: block; font-weight: 500;}
.round-codebox li em {color: #8C94A3;}
.round-codebox li span {margin-top: 11px; font-size: 24px; line-height: 34px;}
.flex-box {display: flex;}
.flex-box .space,
.flex-box .between {width: calc(100% / 2);}
.flex-box .space {margin-right: 40px;}
.flex-box .between {margin-left: 40px;}
.flex-box .smaller-tit {margin-top: 80px;}
.flex-box .board_data.tetro thead th {padding-left: 0; text-align: center;}
.flex-box .board_data.tetro tbody td.num {
height: 240px;
color: #D93B3B;
font-weight: 700;
font-size: 20px;
line-height: 28px;
}
.board-area .small-tit {
margin-top: 11.8rem;
padding-left: 5.5rem;
background-repeat: no-repeat;
background-position: 0 center;
}
.board-area .small-tit.ico1 {background-image: url('/magi/assets/images/common/ico_video_42x42.png');}
.board-area .small-tit.ico2 {background-image: url('/magi/assets/images/common/ico_paper_42x42.png');}
.board-area .comm_thum {position: relative; margin: 0 0 0 -25px; padding: 6rem 0 0 0;}
.board-area .btn-more {
position: absolute;
top: -34px; right: 0;
padding-right: 2.6rem;
background: url('/magi/assets/images/common/btn_more01.png') no-repeat 100% center;
color: #1C3E70;
font-weight: 500;
font-size: 14px;
line-height: 28px;
letter-spacing: 0;
}
.board-area .comm_thum .swiper-container .swiper-button-prev,
.board-area .comm_thum .swiper-container .swiper-button-next {top: calc(50% - 60px);}

/* 공시&공지 상세 */
.board-view {width: 1410px; margin: 60px auto 0;}
.admin-editor {border-bottom: 1px solid #193D71;}
.admin-editor .flex,
.admin-editor .area {display: flex; align-items: center; padding: 24px 0; border-top: 1px solid #193D71;}
.admin-editor .area {display: block; position: relative; padding-top: 65px;}
.admin-editor .monthly {position: absolute; top: 24px; left: 0; color: #F58220; font-weight: 700; font-size: 21px; line-height: 30px;}
.admin-editor .flex .tit {margin-right: auto; font-weight: 700; font-size: 20px; line-height: 28px;}
.admin-editor .area .tit {margin: 0 0 10px; color: #193D71; font-size: 54px; line-height: 76px;}
.admin-editor .flex .days {margin-left: 20px; letter-spacing: 0;}
.admin-editor .editor {padding: 70px 0; border-top: 1px solid #D2D7E1; border-bottom: 1px solid #D2D7E1;}
.admin-editor .editor * {margin-top: 20px; font-size: 20px; line-height: 28px;}
.admin-editor .editor ol > li p,
.admin-editor .editor ol > li li,
.admin-editor .editor ul > li li {margin-left: 100px;}
.admin-editor .file-down {
display: flex;
align-items: center;
width: 100%;
height: 82px;
padding: 0 40px;
background-color: #fff;
}
.admin-editor .file-down a {
display: inline-block;
padding-left: 30px;
background: url('/magi/assets/images/common/ico_file_down.png') no-repeat 0 center;
}
.admin-editor .file-down a:hover {text-decoration: underline;}
.admin-editor .details_event * {margin: 0 !important; font-size: 0; line-height: 0;}
.admin-editor .details_event {margin: 30px auto 0; text-align: center;}
.details_event.pcHide {display: none;}

.prev-next {margin-top: 80px;}
.prev-next > li {border-top: 1px solid #D2D7E1; line-height: 0;}
.prev-next .next {border-bottom: 1px solid #D2D7E1;}
.prev-next > li > a {display: flex; padding: 30px 0;}
.prev-next > li > a em {
position: relative;
margin-right: 40px;
padding: 0 0 0 42px;
font-weight: 700;
font-size: 18px;
line-height: 26px;
}
.prev-next > li > a em::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%; left: 0;
transform: translateY(-50%);
width: 22px;
height: 22px;
background-repeat: no-repeat;
background-position: center center;
}
.prev-next > .prev a em::after {background-image: url('/magi/assets/images/common/bullt_prev_22x22.png');}
.prev-next > .next a em::after {background-image: url('/magi/assets/images/common/bullt_next_22x22.png.png');}
.prev-next > li > a p {font-size: 18px; line-height: 26px;}

/* 공시정보 : 연금저축펀드 공시 */
.data_table {display: flex;}
.data_table table {table-layout: fixed; width: auto; border-bottom: 1px solid #D2D7E1;}
.data_table .scroll table th,
.data_table .scroll table td {padding: 0 10px; border-right: 1px solid #D2D7E1;}
.data_table .scroll table th:last-child,
.data_table .scroll table td:last-child {border-right: 0;}
.data_table table th {
height: 82px;
border-top: 1px solid #193D71;
font-weight: 700;
font-size: 14px;
line-height: 20px;
white-space: nowrap;
letter-spacing: 0;
}
.data_table .scroll table thead tr:last-child th {border-top: 1px solid #D2D7E1;}
.data_table table td {
height: 144px;
padding: 0 15px;
border-top: 1px solid #D2D7E1;
text-align: center;
letter-spacing: 0;
white-space: nowrap;
}
.data_table table td.subject {padding: 0 30px; text-align: left; white-space: normal;}
.data_table table td.subject a {
font-weight: 500;
font-size: 20px;
line-height: 30px;
word-break: break-word;
}
.data_table .fixed table {width: 100%;}
.data_table .fixed table td {box-sizing: border-box;}
.data_table .fixed table th:last-child,
.data_table .fixed table td:last-child {border-right: 1px solid #D2D7E1;}
.data_table .scroll {width: 875px;}
.data_table .scroll > div {overflow: hidden; overflow-x: auto;}
.data_table .scroll table th {height: auto; padding: 10px 15px 10px;}
.data_table .scroll table .plus {color: #D93B3B;}
.data_table .scroll table .minus {color: #245DAB;}
.data_table .scroll.autoH table td {height: auto; padding: 24px 15px 23px;}

/* 공시정보 : 연금저축펀드공시 > 팝업 */
.windows-popup {
position: fixed;
top: 0; left: 0;
width: 100%;
}
.windows-popup .inConts {padding: 70px 30px 200px;}
.windows-popup .inConts h1 {max-width: 100%; font-size: 30px; line-height: 42px;}
.windows-popup .inConts h1 + .ui_tabs1 {overflow: hidden; overflow-y: auto; height: calc(100vh - 255px); margin-top: 29px; padding-right: 20px; padding-bottom: 50px;}
.windows-popup .inConts .ui_tabs1 {max-width: 100%;}
.windows-popup .inConts .ui_tabs1 > .flex {padding-left: 1px;}
.windows-popup .inConts .ui_tabs1 > .flex > .tab {width: calc(100% / 2);}
.windows-popup .inConts [class*="ui_boardList"] {max-width: 100%; border-bottom: 0;}
.windows-popup .inConts .result {align-items: center;}
.windows-popup .inConts .result .exe {margin-left: 20px; font-size: 14px;}
.windows-popup .inConts .explain {width: 1410px;}
.windows-popup .inConts .explain .list > li {margin-top: 29px; letter-spacing: 0;}
.windows-popup .inConts .explain .list > li:first-child {margin-top: 0;}
.windows-popup .inConts .explain .list > li p {margin-top: 9px; letter-spacing: 0}
.windows-popup .inConts .explain .list > li p::after {display: none;}
.windows-popup .inConts .explain .list > li ul li {
position: relative;
margin-top: 12px;
padding-left: 15px;
letter-spacing: 0
}
.windows-popup .inConts .explain .list > li ul {margin-left: 15px;}
.windows-popup .inConts .explain .list > li ul li::after {
content: '';
position: absolute;
top: 11px;
left: 0;
width: 5px;
height: 5px;
background-color: #2B2F36;
border-radius: 50%;
}
.windows-popup .tag-search {margin-top: 0;}
.windows-popup .data_table .fixed {width: 380px;}
.windows-popup .data_table .scroll {overflow-x: auto; width: calc(100vw - 380px) !important;}
.windows-popup .data_table .scroll > div {width: auto;}
.windows-popup .data_table .scroll table {width: 100% !important;}
.windows-popup [class*="board_page"] {max-width: 100%;}
.windows-popup .data_table table td.subject {padding: 0 10px;}
.windows-popup .data_table .scroll table th {padding: 10px 3px;}
.windows-popup .data_table .scroll.autoH table td {height: 72px; padding: 10px 5px; white-space: normal;}
.windows-popup .popupClose {
position: absolute;
top: 5.3rem;
right: 6.3rem;
width: 4.8rem;
height: 4.8rem;
background: url('/magi/assets/images/common/btn_close_48x48.png') no-repeat center center;
font-size: 0;
text-indent: -9999em;
line-height: 0;
}
.ui-no-data {
display: flex;
justify-content: center;
align-items: center;
height: 145px;
border-top: 1px solid #D2D7E1;
border-bottom: 1px solid #D2D7E1;
}
.ui-no-data p {font-size: 18px;}
.search-product{
  position:relative;
  height:10rem;
  margin-bottom: 100px;
}
.search-product .keyword {position: absolute; bottom: 0; left: 0;}
.search-product .keyword a {
  display: inline-block;
  margin: 0 0 0 2rem;
  color: #1C3E70;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 2.4rem;
}
#searchForm .submit-btn {
  color: #193D71;
  font-size: 14px;
  margin: 0 15px;
}