/* --------------------------------layout-------------------------------- */
/* #contents {width:100%; padding:8rem 0}
#contents .sub_sec_01 {width:100%; margin:0 auto; text-align:center}
#contents .sub_sec_01 .inner {width:100%; margin:0 auto}
#contents .sub_sec_01 .inner::after {clear:both; display:block; content:''} */
/* --------------------------------layout end-------------------------------- */


/* --------------------------------bank list sec_01-------------------------------- */
#contents.bank_cont {padding: 4.375rem 0 0 0; }
.sub_sec_01 .inner {max-width: 980px; }
.sub_sec_01 .title_wrap {width: 100%; padding: 6.125rem 0 18.75rem 0; background-color: #DFF0FF; }
.sub_sec_01 .pag_tit {position: relative; font-size: 2.125rem; line-height: 3.25rem; text-align: left; font-weight: 600; }
.sub_sec_01 .pag_tit::after {content: ""; position: absolute; right: 0; top: 50%; width: 18rem; height: 15rem; background: url(../images/banks/banks_img_add.png) no-repeat center/100% auto; transform: translateY(-50%); }
.sub_sec_01 .bank_list_wrap {width: 92%; max-width: 980px; margin: -13.125rem auto 0; }
.sub_sec_01 .banks_list_modi {width: 100%; padding: 1.875rem; box-sizing: border-box; background-color: #ffffff; border-radius: 1.25rem; box-shadow: 0px 8px 15px rgba(112, 112, 112, 0.22); }
.sub_sec_01 .banks_list_modi ul {position: relative; display: flex; flex-wrap: wrap; gap: 0.75rem 1.5%; }
/* .sub_sec_01 .banks_list_modi ul::after {content: ""; position: absolute; right: 0; bottom: 0; width: 13%; height: 4rem; background: url(../images/banks/logo/bank_logo_add_26.png) no-repeat center/5rem auto; } */
.sub_sec_01 .banks_list_modi li {width: 13%; height: 4rem; border: 1px solid #D8D8D8; border-radius: 0.625rem; }
.sub_sec_01 .banks_list_modi li:nth-child(1) {background: url(../images/banks/logo/bank_logo_add_01.png) no-repeat center/6.3rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(2) {background: url(../images/banks/logo/bank_logo_add_02.png) no-repeat center/6rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(3) {background: url(../images/banks/logo/bank_logo_add_03.png) no-repeat center/5rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(4) {background: url(../images/banks/logo/bank_logo_add_04.png) no-repeat center/4.375rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(5) {background: url(../images/banks/logo/bank_logo_add_05.png) no-repeat center/4.125rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(6) {background: url(../images/banks/logo/bank_logo_add_06.png) no-repeat center/5rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(7) {background: url(../images/banks/logo/bank_logo_add_07.png) no-repeat center/5.45rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(8) {background: url(../images/banks/logo/bank_logo_add_08.png) no-repeat center/6.125rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(9) {background: url(../images/banks/logo/bank_logo_add_09.png) no-repeat center/3.6875rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(10) {background: url(../images/banks/logo/bank_logo_add_10.png) no-repeat center/6.5rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(11) {background: url(../images/banks/logo/bank_logo_add_11.png) no-repeat center/4.5625rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(12) {background: url(../images/banks/logo/bank_logo_add_12.png) no-repeat center/4.75rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(13) {background: url(../images/banks/logo/bank_logo_add_13.png) no-repeat center/5.75rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(14) {background: url(../images/banks/logo/bank_logo_add_14.png) no-repeat center/5rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(15) {background: url(../images/banks/logo/bank_logo_add_15.png) no-repeat center/4.625rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(16) {background: url(../images/banks/logo/bank_logo_add_16.png) no-repeat center/5.125rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(17) {background: url(../images/banks/logo/bank_logo_add_17.png) no-repeat center/5.375rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(18) {background: url(../images/banks/logo/bank_logo_add_18.png) no-repeat center/4.25rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(19) {background: url(../images/banks/logo/bank_logo_add_19.png) no-repeat center/6.125rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(20) {background: url(../images/banks/logo/bank_logo_add_20.png) no-repeat center/6.3125rem auto; }
.sub_sec_01 .banks_list_modi li:nth-child(21) {background: url(../images/banks/logo/bank_logo_add_25.png) no-repeat center/6.3125rem auto; }
.sub_sec_01 .banks_list_modi li a {display: block; width: 100%; height: 100%; }
@media screen and (max-width:1024px) {
    .sub_sec_01 .inner {max-width: 600px; }
    .sub_sec_01 .pag_tit::after {width: 12rem; height: 12rem; }
    .sub_sec_01 .bank_list_wrap {max-width: 600px; }
    .sub_sec_01 .banks_list_modi ul {gap: 0.75rem 2%; }
    .sub_sec_01 .banks_list_modi ul::after {display: none; }
    .sub_sec_01 .banks_list_modi li {width: 23%; }
}/* md */
@media screen and (max-width:600px) {
    .sub_sec_01 .inner {max-width: 290px; }
    .sub_sec_01 .title_wrap {padding: 3.333rem 0; }
    .sub_sec_01 .pag_tit {font-size: 1.333rem; line-height: 2rem; }
    .sub_sec_01 .pag_tit::after {width: 7rem; height: 7rem; transform: translateY(-50%); }    
    .sub_sec_01 .bank_list_wrap {max-width: 290px; margin-top: 2.5rem; }
    .sub_sec_01 .banks_list_modi {padding: 0px; box-shadow: none; }
    .sub_sec_01 .banks_list_modi ul {justify-content: left; }
    .sub_sec_01 .banks_list_modi ul::after {display: block; width: 32%; }
    .sub_sec_01 .banks_list_modi li {width: 32%; height: 3.5rem; border-radius: 0.417rem; }
    .sub_sec_01 .banks_list_modi li:nth-child(1) {background-size: 6.5rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(2) {background-size: 6.25rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(3) {background-size: 4.625rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(4) {background-size: 4.25rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(5) {background-size: 3.875rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(6) {background-size: 5rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(7) {background-size: 5.5rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(8) {background-size: 6.25rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(9) {background-size: 3.375rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(10) {background-size: 6.75rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(11) {background-size: 4.375rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(12) {background-size: 5.875rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(13) {background-size: 5.875rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(14) {background-size: 4.875rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(15) {background-size: 4.5rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(16) {background-size: 5.125rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(17) {background-size: 5.375rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(18) {background-size: 4rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(19) {background-size: 6.25rem auto; }
    .sub_sec_01 .banks_list_modi li:nth-child(20) {background-size: 6.125rem auto; }
}/* sm */
/* --------------------------------bank list sec_01 end-------------------------------- */


/* --------------------------------bank list sec_02-------------------------------- */
.sub_sec_02 {min-height: auto; padding-top: 4.75rem; }
/* .sub_sec_02 .inner[data-layout="wd_980"] {max-width: 980px; } */
.sub_sec_02 h2 {margin-bottom: 2rem; text-align: center; font-size: 2.25rem; }
.sub_sec_02 .btn_more {width: 100%; margin: 0px; font-weight: 500; border: 1px solid #194CB5; color: #194CB5; border-radius: 0.625rem; background-color: #fff; }
.sub_sec_02 .btn_more::after {background-image: url(../images/icon_plus_03.svg); }


.sub_sec_02 .support_sort_02 #ingType {margin-right: 1.375rem; }
@media screen and (max-width:600px) {
    /* .sub_sec_02.list_sec .inner[data-layout="wd_980"] {max-width: 290px; } */
    .sub_sec_02 h2 {font-size: 1.667rem; }
}/* xsm */
/* --------------------------------bank list sec_02 end-------------------------------- */


/* --------------------------------bank list sec_03-------------------------------- */
.sub_sec_03 {padding-bottom: 4.375rem; }
.sub_sec_03 .inner {max-width: 980px; }
.sub_sec_03 .title {font-size: 2.25rem; color: #000; font-weight: 600; text-align: center; }
.sub_sec_03 .flex_wrap {display: flex; justify-content: space-between; margin-top: 2.5rem; }
.sub_sec_03 .flex_wrap .left {width: 65%; }
.sub_sec_03 .flex_wrap .right {width: 30%; }

.sub_sec_03 .name_wrap {display: flex; align-items: flex-end; gap: 0.75rem; width: 100%; height: 1rem; margin-top: 1.5rem; }
.sub_sec_03 .flex_wrap .right img { height: 130%; }
.sub_sec_03 .name_wrap img {display: block; width: auto; height: 100%; }
.sub_sec_03 .name_wrap span {display: block; font-size: 0.75rem; color: #666; }

.sub_sec_03 .left a {display: block; width: 100%; height: 100%; }
.sub_sec_03 .left figure {position: relative; width: 100%; height: 0; padding-top: 50%; border-radius: 0.625rem; background-repeat: no-repeat; background-size: cover; background-position: center; }
.sub_sec_03 .left figure a {position: absolute; left: 0; top: 0; }
.sub_sec_03 .left h6 {width: 100%; margin-top: 1.875rem; font-size: 1.5rem; }
.sub_sec_03 .left h6 a {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sub_sec_03 .left p {width: 100%; margin-top: 1.125rem; }
.sub_sec_03 .left p a {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sub_sec_03 .right h5 {font-size: 1.5rem; color: #000; font-weight: 600; }
.sub_sec_03 .right ul {margin-top: 1.375rem; }
.sub_sec_03 .right li {}
.sub_sec_03 .right li:not(:last-child) {padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #D2D2D2; }
.sub_sec_03 .right h6 {width: 100%; font-size: 1rem; color: #000; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sub_sec_03 .right .name_wrap {align-items: center; height: 0.75rem; margin-top: 0.5rem; }
@media screen and (max-width:1024px) {
    .sub_sec_03 .inner {max-width: 600px; }
    .sub_sec_03 .flex_wrap {flex-wrap: wrap; }
    .sub_sec_03 .flex_wrap .left,
    .sub_sec_03 .flex_wrap .right {width: 100%; }
    .sub_sec_03 .flex_wrap .right {margin-top: 2.25rem; }

    .sub_sec_03 .name_wrap span {font-size: 0.938rem; }
    .sub_sec_03 .right .name_wrap {height: 0.875rem; }
}/* md */
@media screen and (max-width:600px) {
    .sub_sec_03 {padding-bottom: 2.375rem; }
    .sub_sec_03 .inner {max-width: 290px; }
}/* sm */
/* --------------------------------bank list sec_03 end-------------------------------- */


/* tab */
.list_sec li.active .tab_cont {display: block}
.list_sec .tab_wrap{width:100%;position:relative;width:100%}
.list_sec .tab_wrap >ul{display:flex}
.list_sec .tab_wrap >ul >li{width:50%}
/* .list_sec li .tab_menu {position: absolute; top: 0; display: block; width: 50%; height: 4.375rem; line-height: 4.375rem; font-size: 1.5rem; text-align: center; font-weight: 700; color: #777777; background-color: #EEEEEE; cursor: pointer} */
.list_sec li .tab_menu{display:block;width:100%;height:4.375rem;line-height:4.375rem;font-size:1.5rem;text-align:center;font-weight:700;color:#777;background-color:#EEE}
/* .list_sec li .tab_menu_01{left:0}
.list_sec li .tab_menu_02{right:0} */
.list_sec li.active .tab_menu{border:1px solid #194CB5;border-bottom:none;font-weight:700;color:#194CB5;background-color:#fff}
.list_sec .tab_cont{display:none;position:relative;width:200%;margin-top:1.875rem;z-index:10}
.list_sec li.active .tab_cont{display:block}
@media screen and (max-width:1024px) {
  .list_sec li .tab_menu{height:4rem;line-height:4rem;font-size:1.25rem}
  .list_sec li.active .tab_menu{line-height:calc(4rem - 1px)}
  .list_sec .support_sort_02{margin-top:-.5rem}
}/* sm */