@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
li{list-style: none;}
a { text-decoration: none; color: #000}
img { display: block;}
fieldset { border : none}
* { box-sizing: border-box; padding: 0; margin: 0 }
table { width: 100%; border-collapse: collapse; text-align: center;}
caption{width:0;height:0;padding:0;font-size:0;opacity:0}

:root{
  font-size: 16px;
}

@media screen and (max-width: 1023px) {
  :root{
    font-size: 14px
  }
}
input[type=radio] { width:0; height: 0;} 
input[type=radio]+label { position: relative; padding-left: 21px}
input[type=radio]+label::before { content:""; position: absolute;width: 16px; height: 16px; border-radius: 50%; border: 1px solid #707070; display: inline-block; top: 50%; transform: translateY(-50%); left:0}
input[type=radio]+label::after { content:""; width: 10px; height: 10px; border-radius: 50%;  display: inline-block;  position: absolute; left:3px; top: 50%; transform: translateY(-50%)}
input[type=radio]:checked+label::before {  border-color: #1E2E55;}
input[type=radio]:checked+label::after {  background: #1E2E55;}

input[type=number] { -moz-appearance: textfield; appearance: textfield; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { margin: 0; appearance: textfield; -moz-appearance: textfield; -webkit-appearance: none; }

/* 마크 */
mark{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;font-size:.9em;line-height:1.5;padding:0 .5em;/* color:#fff; */display:inline-block;/* zoom:1; */*display:block;}
mark.must {width: 10px; position: relative; top: 6px; display: inline-block; background: url('../images/ico-mark.png') no-repeat; text-indent: -9999px;}

/* Search */
.board-search {display: inline-block; width: 100%; margin-bottom: 30px;}
.board-search .form-search { padding:20px 0;}
.board-search .tbl-search {display: flex; align-items: center; flex-direction: column; text-align: center;}
.board-search .tbl-search>* { width: 100% }
.board-search .box-title {display: inline-block; font-family: 'Noto Regular'; font-size:18px; flex-basis: 10%; color: #1E2E55}
.board-search .box-sel {position: relative; top: 0px; display: flex; line-height: 55px; margin-right: 2px; vertical-align: middle;}
.board-search .box-sel .divi_t {background: #E3E8F5; flex-basis:30%; }
.board-search .box-sel .divi {display: flex;width:100%;max-width: 320px;justify-content: center; margin: 0 auto 60px;}
.board-search .box-sel .divi input[type=radio] { width: 0; height: 0 }
.board-search .box-sel .divi button {flex-basis: 10%;line-height: 55px;text-align: center;background:#e9e9e9;color:#565656;display: inline-block; border: 0;font-size: 1rem;flex: 1;}
.board-search .box-sel .divi button.select_btn{ background:#FFF; border: 1px solid #1E2E55}
.board-search .box-sel .divi label:last-child { margin-left:4px }

.board-search .box-sel select {background: #fff url('../images/arrow-search.png') no-repeat right center; font-size: 16px; font-family: 'Noto Light'; color: #9d9d9d; border:1px solid #ccd0d7; height: 55px; min-width: 130px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board-search .box-search {display: flex;position: relative;top:0;vertical-align: middle;background: #fff;line-height: 55px;min-width: 며새;width: 100%;}
.board-search .box-search .box-option {display: flex;flex-direction: column; flex: 1;}
.board-search .box-search .box-option .group-search { display:  none;}
.board-search .box-search .box-option > div {display: flex;align-items: center;width: 100%;}
.board-search .box-search .box-option > div+div{margin-top:10px}
.board-search .box-search .box-option > div > label:first-child {margin-left: 0; }
.board-search .box-search .box-option .search-inputs {display: flex;flex-basis: 40%; }
.board-search .box-search .box-option .search-inputs input {flex-basis: 50%;}
.board-search .box-search label {font-size: 1rem;background: #E3E8F5;display: inline-block; width: 15%;flex: 0 0 auto;margin-right: 6px;}
.board-search .box-search * + label { margin-left: 6px; }
.board-search .box-search label:last-child{ margin-left: 10px}
.board-search .box-search input {position: relative;padding: 0 20px;width: 100%;height: 55px;flex-basis: 30%;background: transparent;font-family: 'Noto Light';font-size: 16px;text-indent: 10px;color: #9d9d9d;border: 1px solid #c8c8c8;}
.board-search .box-search button[type=submit] { margin-left: 10px; color: #FFF; background: #1E2E55; min-height: 55px; flex-basis: 10%; min-width: 90px; border: none;}
.board-search .box-search > div { display: flex; justify-content: space-between; margin-left: 6px}
.board-search .box-search > div:first-child{margin-left: 0 }
.board-search .box-search > div > input[type=num],.box-search > div > input[type=password] {margin: 0; flex-basis: 50%;}

.tbl-search .per_box { display: flex; height: 55px; align-items: center;  margin: 3% auto; justify-content: space-between; }
.tbl-search .per_box>div { text-align: center; line-height: 55px; }
.tbl-search .per_box>div:first-child { flex-basis: 20%; background: #e3e8f5; height: 100%; border: 1px solid #e3e8f5 }
.tbl-search .per_box>div:last-child { flex-basis: calc(80% - 6px);  height: 100%;border: 1px solid #d9d9d9;}
.tbl-search .per_box>div:last-child a { display: inline-block; width: 90px; height: 30px; background: #1E2E55; line-height: 30px; color: #FFF; border-radius: 6px; }
.tbl-search .per_box>div:last-child a:hover { border: 1px solid #1E2E55; background:#FFF; color: #000}

@media screen and (max-width: 760px) {
  .box-search > div { margin: 0}
  .board-search .box-sel .divi {max-width: calc(100% - 2px);}
  .board-search .box-search .box-option > div {flex-wrap: wrap;flex-direction: column;}
  .board-search .box-search label {margin: 0;margin-bottom: 6px;width: 100%;}
  .board-search .box-search label + input{ flex: 0 0 auto; width: 100%; }
  .board-search .box-search .box-option{ margin-bottom: 15px}
  .board-search .box-search .box-option .search-inputs { width: 100%;flex: 0 0 auto; }
  .board-search .box-search input { height: 39px; border: 1px solid #707070; border-radius: 4px; }
  .board-search .box-search { flex-direction: column; line-height: 39px; }  
  .board-search .box-search * + label { margin-top: 10px; }
  .sub_btn {margin-left: 0 !important}
  .tbl-search .per_box {flex-direction: column; height: 116px;}
  .tbl-search .per_box>div {  margin-top: 6px; border-radius: 6px; width: 100%}
  .tbl-search .per_box>div:last-child { border-width: 1px;}
  
}

.table-scroll { max-height: 276px; overflow: hidden; overflow-y: auto; }

.table_wrap { margin: 0 auto; max-width: 1280px; }

.table_wrap > div { overflow-x: auto; }
.table_wrap > div::-webkit-scrollbar-track { background-color: #F1F1F1; }
.table_wrap > div::-webkit-scrollbar { width: 4px; height: 4px; }
.table_wrap > div::-webkit-scrollbar-thumb { background-color: #1E2E55; border-radius: 4px; }
 
.myfund_table  { position: relative; table-layout: auto; width: 1280px; }
.myfund_table.mb_table{ display: none;}
.myfund_table+.myfund_table {margin: 5% auto}
.myfund_table th { min-width: 100px; background: #e3e8f5; font-weight: 400; outline: 3px solid #FFF; font-size: 1rem; font-family: 'Noto Regular'; padding: 11px; color:#232323}
.myfund_table tr { background: #EFEFEF; }
.myfund_table th:first-child { border-left: 0}
.myfund_table th:last-child { border-right: 0}
.myfund_table tbody tr:nth-child(2n+1) td { border-bottom: 1px solid #eee }
.myfund_table tbody tr:nth-child(2n) td { border-bottom: 1px solid #e2e2e2 }
.myfund_table tbody td { min-width: 100px; text-align: center; font-family: 'Noto Regular'; font-size: 1rem; padding: 11px 0; color: #232323; border-bottom: 1px solid #e2e2e2;}
.myfund_table + .myfund_table { margin-top: 3%; }
.myfund_table tr > *:first-child { width: 3%;}
.myfund_table thead th { position: sticky; top: 0; z-index: 10; }

.myfund_table.mb_table tr { display: flex; flex-direction: column;}
.myfund_table.mb_table th { width: 100% !important }

/* 체크박스 */
.myfund_table input[type=checkbox] + label { position: relative;}
.myfund_table input[type=checkbox] + label:before { content: ""; display: inline-block;  width: 16px; height: 16px; border: 1px solid #707070; background: #FFF;border-radius: 3px }
.myfund_table input[type=checkbox]:checked + label:before { background-color: #1E2E55; border-color: #1E2E55; }
.myfund_table input[type=checkbox]:checked + label:after { content: ""; width: 6px; height: 12px; border: 0 solid #FFF; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: -3px; left: 6px; bottom:0; margin: auto 0}

.recipt_btn { position: relative; margin: 10% auto;  }
.recipt_btn button { position: relative; margin: 0 auto; display: block; font-size: 1.125rem; background:#1E2E55; height: 58px; line-height: 58px; border: 1px solid #1E2E55; min-width: 180px; font-weight: 400; border-radius: 0; color: #FFF}
.recipt_btn p { text-align: center; display: none;}
@media screen and (max-width:1023px) {
  .recipt_btn { position: sticky; left: 0; }
  .recipt_btn button { display: block;}
  .recipt_btn p { display: none;}
}
@media screen and (max-width: 646px) {
  .board-search .box-search button[type=submit] { margin-left: 0 ;}
}

.hide-title { max-height: 0; overflow: hidden; }