/* --------------------------------etc common-------------------------------- */
/*title*/
.sec_tit_wrap {width:100%}
.sub_tit {font-size:1.5rem;font-weight:700;color:#222}
/*tab*/
.sort_wrap{margin:0 0 1rem}
.sort_wrap::after{content:"";display:block;clear:both}
.sort_wrap ul{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;align-items:center;gap:1.25rem;padding:.9rem 1rem}
.sort_wrap li button{display:block;font-size:1.25rem;line-height:135%;font-weight:600;color:#222;position:relative;padding:0.5rem}
.sort_wrap li.active button::before{content:'';display:block;width:5px;height:5px;border-radius:100%;position:absolute;right:0;top:0.5rem;background-color:#0547E0}
.sort_wrap li.active button::after{content:'';display:block;width:calc(100% - 0.75rem);height:8px;position:absolute;bottom:0.5rem;left:50%;z-index:0;background-color:rgba(5,71,224,0.15);transform:translateX(-50%)}
.tab_cont >li{display:none}
.tab_cont >li.show{display:block}
/*list*/
.list li{position:relative;padding:1rem}
.list a{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;gap:2.5rem}
.list .txt_box{flex:1;display:flex;justify-content:space-between;align-items:center;gap:0.125rem 2.5rem;flex-wrap:wrap}
.list .list_cate {width:100%;color:#5372B9;font-size:1rem;line-height:135%}
.list .pin .list_title::before{content:'';display:inline-block;width:27px;height:27px;background:url(/static/images/common/ico_pin.svg) no-repeat center/contain;margin-right:6px;vertical-align:middle}
.list .list_date{display:inline-block;color:#888;font-size:1rem;font-weight:400;line-height:135%;min-width:6rem;text-align:right;float:right}
.list li:not(.no_list){position:relative;padding:1rem}
.list li:not(.no_list) a{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;gap:2.5rem}
.list li:not(.no_list) figure{width:12.5rem;height:8.75rem;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:20px;border:1px solid #EAEEF7}
.list .txt_box{flex:1;display:flex;justify-content:space-between;align-items:center;gap:0.125rem 2.5rem;flex-wrap:wrap}
.list .list_cate {width:100%;color:#5372B9;font-size:1rem;line-height:135%}
.list .list_title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#222;font-size:1.25rem;font-weight:600;line-height:135%;width:calc(100% - 8.5rem);float:left}
.list .pin .list_title::before{content:'';display:inline-block;width:27px;height:27px;background:url(/static/images/common/ico_pin.svg) no-repeat center/contain;margin-right:6px;vertical-align:middle}
.list .list_date{display:inline-block;color:#888;font-size:1rem;font-weight:400;line-height:135%;min-width:6rem;text-align:right;float:right}
/*no list*/
.no_list {padding:8.25rem 0;text-align:center}
.no_list figure{width:200px;height:200px;background-position:center;background-repeat:no-repeat;background-size:100% auto;margin:0 auto 2.5rem}
.no_list .title {font-size:2rem;color:#222;font-weight:700;line-height:140%}
.no_list .sub_tit {margin-top:0.375rem;font-size:1.25rem;color:#284FA8;font-weight:500;line-height:140%}
.no_list .btn_wrap {margin-top:3.5rem}
.no_list .btn_type_01 {max-width:unset}
.no_list .desc_wrap {width:100%;max-width:400px;margin:3.33rem auto 0;padding:2.5rem;background-color:#F5F7FB;border-radius:1.25rem;text-align:left}
.no_list .desc_tit {margin-bottom:0.625rem;font-size:1.25rem;font-weight:700;color:#222}
.no_list .desc_list li {display:flex;align-items:center;justify-content:flex-start;gap:0.25rem;line-height:135%}
.no_list .desc_list li:not(:last-child) {margin-bottom:0.375rem}
.no_list .desc_list li::before {content:'';display:block;width:2px;height:2px;background-color:#222;border-radius:100%}
.no_list .desc_list p {flex:1}
/*faq*/
.faq_list li {border-bottom:1px solid #EAEEF7}
.faq_list .que {position:relative;width:100%;padding:1.5rem 2rem;text-align:left}
.faq_list .que::after {content:"";position:absolute;right:2rem;top:50%;width:2rem;height:2rem;background:url(/static/images/etc/ico_down.svg) no-repeat center/100% auto;transform:translateY(-50%) rotate(0);transition:all 0.5s}
.faq_list .que span {font-size:1rem;line-height:135%;color:#5372B9}
.faq_list .que strong {display:block;margin-top:0.125rem;padding-right:3rem;font-size:1.25rem;color:#222;font-weight:600;line-height:135%}
.faq_list .ans {padding:2rem;background-color:#F5F7FB;font-size:1rem;line-height:135%;color:#545454;white-space:pre-line;border-top:1px solid #EAEEF7;display:none}
.faq_list li.on .que::after {transform:translateY(-50%)  rotate(180deg)}
/*select*/
.ui-selectmenu-menu .ui-menu{max-height:15rem}
.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {padding:0.5rem 0.25rem;color:#545454;font-size:1rem}
.input_wrap[data-layout="select"] .ui-selectmenu-text {font-weight:700}
/*접근성 수정*/
.list li .img {width:12.5rem;height:8.75rem;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:20px;border:1px solid #EAEEF7}
@media screen and (max-width:1024px) {
    /*tab*/
    .sort_wrap{margin:0 0 0.5rem}
    .sort_wrap ul{padding:0.5rem 0;gap:0 0.75rem}
    /*list*/
    .list li{padding:10px 8px}
    .list a{gap:1.33rem}
    .list li:not(.no_list) {padding:10px 8px}
    .list li:not(.no_list) a{gap:1.33rem}
    .list li:not(.no_list) figure{width:8.33rem;height:5.83rem;border-radius:12px}
    .list .txt_box{flex-direction:column;align-items:flex-start;gap:4px}
    .list .list_title{font-size:1.16rem;float:unset;width:100%}
    .list .pin .list_title::before{vertical-align:text-top;width:18px;height:18px;margin-right:2px}
    .list .list_date{width:100%;float:unset;text-align:left}
    /*no list*/
    .no_list figure {width:120px;height:120px}
    .no_list .title {font-size:1.625rem}
    .no_list .btn_wrap {position:absolute;left:50%;bottom:2rem;width:100%;margin-top:0;transform:translateX(-50%)}
    .no_list .btn_type_01 {width:100%}
    .no_list .desc_wrap {max-width:296px}
    /*faq*/
    .faq_list .que {padding:1.33rem 2rem}
    .faq_list .que strong {font-size:1.167rem}
    /*select*/
    .ui-selectmenu-menu .ui-menu{max-height:20rem}

    /*접근성 수정*/
    .list li .img {width:8.33rem;height:5.83rem;border-radius:12px}
}/* sm~md */
/* --------------------------------//etc common-------------------------------- */


/* --------------------------------banks sec common-------------------------------- */
.banks_sec .inner {padding-bottom:6.25rem}
.banks_sec .banner_wrap h3 {font-size:1.75rem;font-weight:700;color:#222;line-height:135%}
.banks_sec .banner_wrap p {margin-top:0.5rem;line-height:135%;word-break:keep-all}
@media screen and (max-width:1024px) {
    .banks_sec .banner_wrap h3 {font-size:1.5rem}
}/* md */
@media screen and (max-width:767px) {
    .banks_sec .inner {padding-bottom:4rem}
}/* sm */
/* --------------------------------//banks sec common-------------------------------- */


/* --------------------------------banks sec list-------------------------------- */
.banks_sec[data-layout="list"] {background-color:#f5f7fb}
.banks_sec[data-layout="list"] .banner_wrap {position:relative;margin:1.5rem 0 2.5rem;padding:4.75rem 3.5rem;background-color:#e7edfb;border-radius:1.875rem}
.banks_sec[data-layout="list"] .banner_wrap p {color:#1A378D;font-size:1rem}
.banks_sec[data-layout="list"] .banner_wrap figure {position:absolute;right:3.5rem;bottom:0;width:21.25rem;height:12.625rem;background:url(/static/images/etc/banks_list_bg.png) no-repeat center/contain}
.banks_sec[data-layout="list"] .list_wrap {display:flex;flex-wrap:wrap;gap:1rem}
.banks_sec[data-layout="list"] .list_wrap li {width:calc((100% - (1rem * 5))/6)}
.banks_sec[data-layout="list"] .list_wrap a {display:block;width:100%;padding-bottom:58%;background-size:100% auto;background-position:center;background-repeat:no-repeat;border-radius:1.875rem;box-shadow:2px 2px 10px 0px rgba(0, 64, 153, 0.08)}
@media screen and (min-width:1200.1px) {
    .banks_sec[data-layout="list"] .banner_wrap br {display:none}
}/* lg */
@media screen and (max-width:1200px) {
    .banks_sec[data-layout="list"] .banner_wrap {padding:2.75rem}
    .banks_sec[data-layout="list"] .list_wrap li {width:calc((100% - (1rem * 4))/5)}
}/* lg */
@media screen and (max-width:1024px) {
    .banks_sec[data-layout="list"] .banner_wrap figure {right:1rem}
    .banks_sec[data-layout="list"] .list_wrap li {width:calc((100% - (1rem * 3))/4)}
}/* md */
@media screen and (max-width:767px) {
    .banks_sec[data-layout="list"] .banner_wrap {padding:2.25rem 2rem}
    .banks_sec[data-layout="list"] .banner_wrap figure {display:none}
    .banks_sec[data-layout="list"] .list_wrap li {width:calc((100% - (1rem * 2))/3)}
}/* sm */
@media screen and (max-width:500px) {
    .banks_sec[data-layout="list"] .list_wrap {gap:0.667rem}
    .banks_sec[data-layout="list"] .list_wrap li {width:calc((100% - (1rem * 1))/2)}
}/* xsm */
/* --------------------------------//banks sec list-------------------------------- */


/* --------------------------------banks sec detail-------------------------------- */
.banks_sec[data-layout="detail"] .banner_wrap figure {width:100%;height:360px;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:2.5rem}
.banks_sec[data-layout="detail"] .banner_wrap .flex_wrap {display:flex;align-items:flex-start;justify-content:space-between;margin-top:2.5rem;gap:2rem}
.banks_sec[data-layout="detail"] .banner_wrap .text_wrap{flex-shrink:1}
.banks_sec[data-layout="detail"] .banner_wrap a {display:flex;align-items:center;gap:1rem;padding:1.75rem 2rem;background-color:#EFF2F9;border-radius:1.875rem;font-size:1.25rem;line-height:135%;font-weight:600;color:#222}
.banks_sec[data-layout="detail"] .banner_wrap a::before {content:"";display:block;width:32px;height:32px;background:url(/static/images/etc/banks_btn.png) no-repeat center/100% auto}
.banks_sec[data-layout="detail"] .cont_wrap {margin-top:2.5rem}
.banks_sec[data-layout="detail"] .sort_wrap {margin-bottom:1.5rem}
.banks_sec[data-layout="detail"] .sort_wrap ul {padding:0}
.banks_sec[data-layout="detail"] .no_list {padding:1.85rem 0}
.banks_sec[data-layout="detail"] .no_list figure {border-radius:0;border:0}
@media screen and (max-width:1024px) {
    .banks_sec[data-layout="detail"] .banner_wrap figure {height:inherit;aspect-ratio:36/20}
    .banks_sec[data-layout="detail"] .text_wrap {flex:1}
}/* md */
@media screen and (max-width:767px) {
    .banks_sec[data-layout="detail"] .banner_wrap .flex_wrap {flex-direction:column}
    .banks_sec[data-layout="detail"] .banner_wrap a {width:100%}
}/* sm */
@media screen and (max-width:500px) {
    .banks_sec[data-layout="detail"] {padding-bottom:60px}
    .banks_sec[data-layout="detail"] .inner {width:100%;margin:0}
    .banks_sec[data-layout="detail"] .banner_wrap {margin:0;padding:0}
    .banks_sec[data-layout="detail"] .banner_wrap figure {height:260px;border-radius:0;background-position:left center}
    .banks_sec[data-layout="detail"] .banner_wrap .flex_wrap {margin:-3rem auto 0;padding:3rem 5.56% 0;background-color:#fff;border-radius:2.5rem 2.5rem 0 0}
    .banks_sec[data-layout="detail"] .cont_wrap {padding:0 5.56%}
}/* xsm */
/* --------------------------------//banks sec detail-------------------------------- */


/* --------------------------------event-------------------------------- */
.event_sec .list_wrap {display:flex;gap:1rem;flex-wrap:wrap}
.event_sec .list_wrap li {width:calc((100% - 1rem)/2)}
.event_sec .list_wrap a {display:flex;align-items:center;justify-content:flex-start;width:100%;/* height:11.375rem */aspect-ratio: 328/130;padding:2.5rem 3.5rem;border-radius:1.875rem;background-size:cover;background-repeat:no-repeat;background-position:center right;}
.event_sec .list_wrap .txt_box {width:100%}
.event_sec .list_wrap .list_title {font-size:1.5rem;font-weight:700;color:#222;line-height:135%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.event_sec .list_wrap .list_date {margin-top:1rem;font-size:1rem;color:#222 /*웹#888*/}
/*상세*/
.board_detail_sec[data-layout="event"] {padding-bottom:5rem}
.board_detail_sec[data-layout="event"] .btn_wrap {margin-top:2rem}
.board_detail_sec[data-layout="event"] .btn_link {display:none}
.board_detail_sec[data-layout="event"] .btn_type_01 {max-width:unset}
@media screen and (max-width:1024px) {
    .event_sec .list_wrap a {padding:2rem 1.5rem}
    .event_sec .list_wrap .list_title {font-size:1.33rem}
    .board_detail_sec[data-layout="event"] .btn_wrap {display:none}
    .board_detail_sec[data-layout="event"] .btn_link {display:block;width:100%;margin-top:0.5rem}
    .board_detail_sec[data-layout="event"] .btn_link button {position:static;width:100%;max-width:unset}
}
@media screen and (max-width:620px) {
    .event_sec .list_wrap li {width:100%}
    .event_sec .list_wrap a {padding: 2rem}
}
/* --------------------------------//event-------------------------------- */


/* --------------------------------faq sec-------------------------------- */
.faq_sec .sub_tit {padding:0 0.5rem 1rem}
.faq_sec .search_box {margin-bottom:2.5rem}
.faq_sec .btn_wrap {max-width:25.5rem;margin:3.5rem auto 0}
@media screen and (max-width:1024px) {
    .faq_sec .inner {padding-bottom:9.5rem}
    .faq_sec .sub_tit {padding:1.33rem 0.5rem}
    .faq_sec .inner {width:100%}
    .faq_sec .search_box {width:88.88%;margin:0 auto 2rem}
    .faq_sec .sort_wrap {width:88.88%;margin:0 auto}
    .faq_sec .btn_wrap {width:88.88%;max-width:unset;justify-content:center}
    .faq_sec .btn_wrap li {flex:1}
    .faq_sec .btn_wrap li .btn_type_01 {width:100%}
}
/* --------------------------------//faq sec-------------------------------- */


/* --------------------------------inquiry sec-------------------------------- */
.inquiry_sec .inquiry_wrap {margin-top:1.5rem}
.inquiry_sec .inquiry_wrap >li:not(:last-child) {margin-bottom:3.5rem}
.inquiry_sec .title_wrap {margin-bottom:1.25rem;padding:0 0.5rem}
.inquiry_sec .title_wrap h3 {font-size:1.25rem;font-weight:500;line-height:135%}
.inquiry_sec .title_wrap p {margin-top:0.125rem;line-height:135%;color:#888}
.inquiry_sec .desc {margin-bottom:0.75rem; padding-left:0.5rem}
.inquiry_sec .desc li {display:flex; justify-content:flex-start; align-items:center;gap:0.25rem;font-size:1rem; color:#545454;line-height:135%;}
.inquiry_sec .desc li::before {content:''; display:block; width:2px; height:2px; border-radius:100%; background-color:#545454;}
.inquiry_sec .desc li:not(:last-child) {margin-bottom:0.375rem}
.inquiry_sec .desc p {flex:1}
.inquiry_sec .input_wrap[data-layout="checkbox"] {padding:0.75rem 1.25rem}
.inquiry_sec .btn_wrap {margin-top:3.5rem}
.inquiry_sec .status {display:inline-block;padding:0.5rem 0.625rem;color:#fff;font-size:1rem;font-weight:700;background-color:#1A378D;border-radius:12.5rem;border:1px solid #1A378D}
.inquiry_sec .status.done {border:1px solid #BFCBE5;background-color:#fff;color:#1A378D}
/*리스트*/
.inquiry_sec .inquiry_list li {border-bottom:1px solid #D5DDEF}
.inquiry_sec .inquiry_list a {display:block;width:100%;padding:1.5rem 0.5rem}
.inquiry_sec .inquiry_list .cate {display:block;color:#5372B9;font-size:1rem;line-height:135%}
.inquiry_sec .inquiry_list .flex_wrap {display:flex;gap:1.25rem;margin-bottom:1rem}
.inquiry_sec .inquiry_list .title {flex:1;font-size:1.25rem;font-weight:600;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inquiry_sec .inquiry_list .date {font-size:1rem;color:#888;line-height:135%}
/*상세*/
.inquiry_sec[data-layout="detail"] .inner {width:100%;max-width:unset;padding-bottom:0}
.inquiry_sec[data-layout="detail"] .sec_tit_wrap {width:88.88%}
.inquiry_sec .cont_wrap {padding:3.5rem 0 6.25rem}
.inquiry_sec .cont_inner {width:88.88%;max-width:1420px;margin:0 auto}
.inquiry_sec .cont_wrap .cont_title {font-size:1rem;color:#1A378D;font-weight:700}
.inquiry_sec .cont_wrap .cont_desc {margin-top:1.5rem;font-size:1rem;line-height:135%;color:#222}
.inquiry_sec .cont_wrap .img_wrap {margin-top:1rem}
.inquiry_sec .cont_wrap .date {margin-top:1.5rem;font-size:1rem;color:#545454}

#loading-overlay {
    zoom: 5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#lottie-container {
    width: 200px;
    height: 200px;
}

@media screen and (max-width:1024px) {
    .inquiry_sec .inner {padding-bottom:9.5rem}
    .inquiry_sec .desc li:not(:last-child) {margin-bottom:0.5rem}
    .inquiry_sec .input_wrap[data-layout="checkbox"] {padding:0.5rem 1rem}
    .inquiry_sec .btn_wrap {position:fixed;left:50%;bottom:0;width:100%;padding:1.25rem;background-color:#fff;border-radius:1.5rem 1.5rem 0 0;transform:translateX(-50%);box-shadow:4px 4px 20px 0px #D5DDEF}
    .inquiry_sec .btn_wrap .btn_type_01 {width:100%;max-width:unset}
    /*리스트*/
    .inquiry_sec[data-layout="list"] .inner {padding-bottom:6.25rem}
    /*상세*/
    .inquiry_sec[data-layout="detail"] .inner {padding-bottom:0}
    .inquiry_sec .cont_wrap {padding:2rem 0 3.33rem}
    .inquiry_sec .cont_wrap[data-layout="ask"] {padding-top:1.33rem}
}
/* --------------------------------//inquiry sec-------------------------------- */


.search_sec .search_box {width:100%;max-width:940px;margin:0 auto}
.search_sec .recent_wrap {width:100%;max-width:940px;margin:3.5rem auto 0}
.search_sec .title_wrap {display:flex;justify-content:space-between;align-items:center}
.search_sec .title_wrap h3 {font-size:1.25rem;font-weight:700;color:#222}
.search_sec .btn_del_all {display:block;width:7.5rem;height:3.125rem;border:1px solid #e7edfb;border-radius:1.25rem;color:#6C87C6;font-size:1rem;font-weight:700}
.search_sec .recent_list {display:flex;flex-wrap:wrap;gap:6px 4px;margin-top:1.5rem}
.search_sec .recent_list a {display:flex;gap:0.25rem;align-items:center;padding:0.5rem 0.75rem;font-weight:500;color:#1A378D;border:1px solid #e7edfb;border-radius:6.25rem}
.search_sec .recent_list a span {max-width:18em;text-overflow:ellipsis;text-wrap-mode:nowrap;overflow:hidden;line-height:1} /* 최근 검색어가 20자 이상일 경우 말줄임표 처리 */
.search_sec .recent_list .btn_del {display:block;width:16px;height:16px;background:url(/static/images/common/btn_del.png) no-repeat center/100% auto}
/*결과*/
.search_sec[data-layout="result"] .search_box {max-width:unset}
.search_sec .sort_wrap {margin:3.5rem 0}
.search_sec .sort_wrap ul {padding:0}
.search_sec .cont:not(:last-child) {margin-bottom:3.5rem}
.search_sec .cont b {font-weight:700;color:#0547E0}
.search_sec .cont_tit {display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;padding:0 0.5rem}
.search_sec .cont_tit h3 {font-size:1.25rem;color:#222;font-weight:700;line-height:135%}
.search_sec .cont_tit .btn_more {display:flex;align-items:center;gap:0.25rem;padding:0.75rem 1.5rem;border-radius:1.25rem;font-size:1rem;font-weight:700;color:#1A378D;background-color:#ebeef6}
.search_sec .cont_tit .btn_more::after {content:"";display:block;width:2rem;height:2rem;background:url(/static/images/etc/ico_more.png) no-repeat center/100% auto}
.search_sec .menu_list >li {border-bottom:1px solid #EAEEF7}
.search_sec .menu_list a {position:relative;display:block;padding:1rem 0.5rem;font-size:1.25rem;font-weight:600}
.search_sec .menu_list a::after {content:"";position:absolute;right:0;top:50%;width:24px;height:24px;background:url(/static/images/etc/ico_right_blue.png) no-repeat center/100% auto;transform:translateY(-50%)}
.search_sec .depth_list {display:flex;align-items:center}
.search_sec .depth_list li {display:flex;align-items:center}
.search_sec .depth_list li:not(:last-child)::after {content:"";display:block;width:20px;height:20px;background:url(/static/images/etc/ico_right.png) no-repeat center/100% auto}
.search_sec .depth_list li:nth-child(1) i {display:block;width:24px;height:24px;background:url(/static/images/etc/ico_home.png) no-repeat center/100% auto}
.search_sec .cont_list a {display:flex;align-items:center;gap:2.5rem;padding:0.625rem 0.5rem}
.search_sec .cont_list a figure {width:10rem;height:6.875rem;border-radius:1.25rem;border:1px solid #F5F7FB;background-size:cover;background-position:center;background-repeat:no-repeat}
.search_sec .cont_list .list_tit {flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:1.25rem;font-weight:600;line-height:135%}
@media screen and (max-width:1024px) {
    .search_sec .search_box {margin-top:0.5rem}
    .search_sec .recent_wrap {margin-top:2rem}
    .search_sec .btn_del_all {width:6.5rem;height:2.625rem}
    .search_sec .recent_list {margin-top:1.33rem}
    /*결과*/
    .search_sec[data-layout="result"] .inner {width:100%;padding-bottom:3.83rem}
    .search_sec[data-layout="result"] .search_box {width:88.88%;margin:0.5rem auto 0}
    .search_sec[data-layout="result"] .sort_wrap {width:88.88%;margin:2rem auto 2.5rem}
    .search_sec .menu_list,
    .search_sec .cont_list,
    .search_sec .cont_tit {width:88.88%;margin:0 auto}
    .search_sec .cont_tit .btn_more {padding:0.833rem 1.333rem;border-radius:1rem}
    .search_sec .cont_tit .btn_more::after {width:1.66rem;height:1.66rem}
    .search_sec .cont_list .list_tit {-webkit-line-clamp:2}
    .search_sec .no_list {padding:5rem 0}
}





/* --------------------------------service, privacy-------------------------------- */
/* 이용약관, 개인정보처리방침 페이지 */
#service_cont,
#privacy_cont{max-width:940px;margin:1.5rem auto;padding:0 1.5rem;text-align:left;line-height:160%}
#service_cont .cont_tit,
#privacy_cont .cont_tit {color:#222;font-size:1.75rem;font-weight:700;line-height:135%;border-bottom:1px solid rgba(45,84,173,0.2);padding-bottom:1rem;margin-bottom:2.5rem}
#service_cont h3,
#privacy_cont h3 {color:#222;font-size:1.25rem;font-weight:700;line-height:135%;margin-bottom:0.5rem}
#service_cont p, #service_cont .term_list section > ol, #service_cont .term_list section > ul,
#privacy_cont p, #privacy_cont .term_list section > ol, #privacy_cont .term_list section > ul{color:#222;font-size:1rem;font-weight:400;line-height:160%;word-break:keep-all;text-align:left;margin-bottom:2.5rem}
#privacy_cont section p:not(:last-child){margin-bottom: 0;}
#privacy_cont table{margin-top: 2rem;}
#service_cont p span,
#privacy_cont p span{padding-left:0.75rem;display:block}

#service_cont .term_list > section > ol,
#service_cont .term_list > section > ol > li,
#privacy_cont .term_list > section > ol,
#privacy_cont .term_list > section > ol > li{list-style: decimal;}
#service_cont .term_list > section > ol > li > ol > li,
#privacy_cont .term_list > section > ol > li > ol > li{counter-increment: num; }
#service_cont .term_list > section > ol > li > ol > li::marker,
#privacy_cont .term_list > section > ol > li > ol > li::marker{content: counter(num) ") ";}
#service_cont .term_list > section > ul > li::marker,
#privacy_cont .term_list > section ul > li::marker{content: "- ";}
#service_cont .term_list ol,
#service_cont .term_list ul,
#privacy_cont .term_list ol,
#privacy_cont .term_list ul{padding-left: 1em;}


#popup_all #service_cont p,
#popup_all #privacy_cont p {padding:0 0 0 15px}
#service_cont p > span,
#privacy_cont p > span {padding-left:15px;display:inline-block;width:100%;box-sizing:border-box}
.term-table {width:100%;margin:-1rem auto 1.5rem;border-color:transparent}
.term-table th,
.term-table td {padding:20px 16px }
.term-table tr th,
.term-table tr td{border-right-color:rgba(45,84,173,0.2);border-left-color:rgba(45,84,173,0.2)}
.term-table tr th{color:#222;font-size:1rem;font-weight:500;line-height:135%;border-top-color:rgba(45,84,173,0.2);border-bottom-color:rgba(45,84,173,0.2)}
.term-table tr td{color:#222;font-size:1rem;font-weight:400;line-height:135%;border-bottom-color:rgba(45,84,173,0.2)}
.term-table tr th:first-child,
.term-table tr td:first-child{border-left-color:transparent}
.term-table tr th:last-child ,
.term-table tr td:last-child{border-right-color:transparent}

@media screen and (max-width:1024px) {
    #service_cont,
    #privacy_cont{padding:0}
    #service_cont .cont_tit,
    #privacy_cont .cont_tit {font-size:1.5rem;margin-bottom:2rem}
    #service_cont h3,
    #privacy_cont h3{font-size:1.17rem}
    #service_cont p,
    #privacy_cont p:last-child{margin-bottom:2rem}
    #privacy_cont table{margin-top: 1rem}

    table.term-table.bmo {display: table};
    table.term-table.bmo th{border-left-color:#0000}
    table.term-table.bmo th:last-child{border-right-color:#2d54ad33}
    /*table.term-table.bmo th,table.term-table.bmo td{border-bottom-color:#0000}*/
    table.term-table.bmo td{border-left-color:#0000;}
    table.term-table.bmo tr:first-child > td {border-top-color: #2d54ad33}
    table.term-table.bmo tr:last-child > th, table.term-table.bmo tr:last-child > td {border-bottom-color: #2d54ad33}
}/* sm~md */

/* --------------------------------//service, privacy end-------------------------------- */


/* --------------------------------about page-------------------------------- */
/* 뱅크잇 소개 페이지 */
.about_sec .inner{padding:0}
.about_sec .banner_wrap{width:100%;height:31.25rem;border-radius:2.5rem;background:linear-gradient(90deg,#F5F7FB 0%,#DAE3F7 100%);position:relative;overflow:hidden}
.about_sec .banner_wrap::after{content:'';display:block;position:absolute;top:50%;right:9.36%;transform:translateY(-50%);background:url(/static/images/etc/bg_about.png) no-repeat center/100% auto;width:30.28%;padding-bottom:calc(545/430*100%);z-index:0}
.about_sec .txt_wrap{position:relative;z-index:3}
.about_sec .txt_wrap img{width:6.25rem}
.about_sec .txt_wrap h3{color:#222;font-size:2rem;font-weight:600;line-height:135%;margin:2rem 0 1rem}
.about_sec .txt_wrap p{color:#545454;font-size:1rem;font-weight:400;line-height:135%}
.about_sec .slide_wrap{width:calc(100% - 3rem);position:absolute;bottom:1.5rem;right:50%;z-index:3;transform:translateX(50%);padding:1.25rem 1rem;border-radius:1.5rem;background:#fff9;box-shadow:3px 3px 15px 0 #0040991f;backdrop-filter:blur(20px);overflow:hidden}
.about_sec .slide_wrap::after{content:'';width:13%;height:100%;background:linear-gradient(-90deg,#F5F7FB 35%,#f5f7fb00 100%);position:absolute;top:0;right:0;z-index:2}
.about_sec .slide_wrap .swiper-container{width:calc(100% - 5rem);margin:0;position:relative}
.about_sec .swiper_control_wrap{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);border-radius:100px;background:#1A378D;backdrop-filter:blur(10px);gap:0;padding:.375rem;display:flex;justify-content:center;align-items:center;z-index:3}
.about_sec .swiper_control_wrap .swiper-button-prev,
.about_sec .swiper_control_wrap .swiper-button-next{width:1.25rem;height:1.25rem;margin:0;position:relative;left:unset;top:unset;right:unset;bottom:unset}
/*.about_sec .swiper_control_wrap .swiper-button-prev{background:url(/static/images/main/swiper_nav_prev.svg) no-repeat center/cover}*/
/*.about_sec .swiper_control_wrap .swiper-button-next{background:url(/static/images/main/swiper_nav_next.svg) no-repeat center/cover}*/
/*웹x*/
.about_sec .swiper_control_wrap{gap:0.5rem}
.about_sec .swiper_control_wrap .swiper-button-prev {background:url(/static/images/temp/swiper_nav_next.svg) no-repeat center/cover;transform:scaleX(-1)}
.about_sec .swiper_control_wrap .swiper-button-next {background:url(/static/images/temp/swiper_nav_next.svg) no-repeat center/cover}
.about_sec .swiper_control_wrap .swiper-button-prev.swiper-button-disabled {background:url(/static/images/temp/swiper_nav_prev.svg) no-repeat center/cover;transform:scaleX(1);opacity:1}
.about_sec .swiper_control_wrap .swiper-button-next.swiper-button-disabled {background:url(/static/images/temp/swiper_nav_prev.svg) no-repeat center/cover;transform:scaleX(-1);opacity:1}
.about_sec .autoplay-control-wrap{margin-left:0}
.about_sec .autoplay-control-wrap button{display:block;width:1.25rem;height:1.25rem;border:0;background:transparent;cursor:pointer}
.about_sec .autoplay-control-wrap button:before{content:'';display:block;width:1.25rem;height:1.25rem}
.about_sec .autoplay-control-wrap button[aria-pressed="false"]:before{background:url(/static/images/main/swiper_stop.svg) no-repeat center/100% auto}
.about_sec .autoplay-control-wrap button[aria-pressed="true"]:before{background:url(/static/images/main/swiper_play.svg) no-repeat center/100% auto}
.about_sec .swiper-slide{position:relative}
.about_sec .slide_wrap .swiper-slide{width:auto!important;display:inline-flex;overflow:hidden;justify-content:center;align-items:center;cursor:pointer}
.about_sec .slide_wrap .swiper-slide a,
.about_sec .slide_wrap .swiper-slide img{display:block;width:auto;height:2.5rem}
.about_sec .slide_wrap .swiper-slide-duplicate {
    visibility:hidden !important;
    pointer-events:none;
}

@media screen and (min-width:767.1px) {
    .about_sec .txt_wrap{position:absolute;top:27.2%;left:7%;z-index:2}
} /* md ~ lg */
@media screen and (max-width:1024px) {
    .about_sec .slide_wrap{border-radius:1.34rem;padding:1rem}
    .about_sec .slide_wrap::after{width:22%}
    .about_sec .slide_wrap .swiper-slide a,
    .about_sec .slide_wrap .swiper-slide img{height:2.34rem}
    .about_sec .swiper_control_wrap{right:1rem}
    .about_sec .txt_wrap h3{font-size:1.67rem}
}/* sm~md */
@media screen and (max-width:767px) {
    .about_sec .banner_wrap{height:48.34rem;max-height:580px;border-radius:2.5rem;background:linear-gradient(180deg, #F5F7FB 0%, #DAE3F7 100%)}
    .about_sec .banner_wrap::after{width:100%;height:24.84rem;max-height:298px;top:unset;bottom:3.5rem;right:50%;transform:translate(50%, 0);background-size:auto 100%;padding-bottom:0}
    .about_sec .slide_wrap::after{width:40%}
    .about_sec .txt_wrap{text-align:center;margin:5.34rem auto 0}
    .about_sec .txt_wrap img{width:6.67rem}
    .about_sec .txt_wrap p + p{margin-top:6px}
}/* sm */



/* 탭 컨텐츠 영역 */
.about_sec_02{margin-top:1.5rem}
.about_sec_02 .inner{padding:0}
.about_sec_02 .tab_cont{margin-top:3.5rem}

/* 탭 1 :소개 */
.about_sec_02 .tab_cont_01 .intro{display:flex;justify-content:space-between;align-items:center;flex-direction:row}
.about_sec_02 .tab_cont_01 .intro{margin-bottom:6.25rem}
.about_sec_02 .tab_cont_01 .intro_01,
.about_sec_02 .tab_cont_01 .intro_03{padding:0 0 0 7.5rem;flex-direction:row-reverse;gap:0}
.about_sec_02 .tab_cont_01 .intro_02,
.about_sec_02 .tab_cont_01 .intro_04{padding:0;gap:10%}
.about_sec_02 .tab_cont_01 .intro .img_box{width:calc(707/1420*100%);max-width:707px}
.about_sec_02 .tab_cont_01 .img_box img{opacity:0;transform:translateY(20px);margin-bottom:-8rem}
.about_sec_02 .tab_cont_01 .intro .txt_box{display:inline-flex;justify-content:flex-start;flex-direction:column;align-items:flex-start;width:auto;max-width:460px}
.about_sec_02 .tab_cont_01 .intro_01 .txt_box,
.about_sec_02 .tab_cont_01 .intro_03 .txt_box{margin-right:auto}
.about_sec_02 .tab_cont_01 .intro_02 .txt_box,
.about_sec_02 .tab_cont_01 .intro_04 .txt_box{margin-left:auto}
.about_sec_02 .tab_cont_01 .txt_box h4{color:#222;font-size:2.375rem;font-weight:700;line-height:135%;margin-top:2rem}
.about_sec_02 .tab_cont_01 .txt_box p{color:#545454;font-size:1.25rem;font-weight:500;line-height:135%;margin-top:1rem}
.about_sec_02 .tab_cont_01 .txt_box span{color:#0547E0;font-size:1.25rem;font-weight:700;line-height:135%}
.about_sec_02 .tab_cont_01 .on .img_box img{animation:fadeIn .3s ease-in-out forwards}
.about_sec_02 .qr_wrap{background:linear-gradient(180deg,#F5F7FB 0%,#DAE3F7 100%);padding:5rem 0 6.25rem}
.about_sec_02 .qr_wrap .inner{padding:0 .5rem;display:flex;justify-content:space-between;align-items:center;max-width:940px}
.about_sec_02 .qr_wrap .qr_list{display:flex;flex-wrap:wrap}
.about_sec_02 .qr_wrap h4{color:#222;font-size:2rem;font-weight:700;line-height:135%;position:relative}
.about_sec_02 .tab_cont_01 .qr_wrap h4::before{content:'';display:block;position:absolute;top:0;left:0;transform:translate(calc(-100% - 1.25rem),calc(-100% + 2rem));width:10rem;height:10rem;background:url(/static/images/etc/ico_bankit.png) no-repeat center / 100% auto}
.about_sec_02 .tab_cont_01 .qr_wrap h4 em{color:#222 /*웹 #34AAFF*/}
.about_sec_02 .qr_wrap .link a{display:flex;align-items:center;padding:1rem 0;width:15rem;height:4.5rem;border-radius:1.25rem;background:#FFF;box-shadow:3px 3px 15px 0 #0040991f;text-align:center}
.about_sec_02 .qr_wrap .link a:first-child{margin-bottom:1rem}
.about_sec_02 .qr_wrap .link img{width:8.75rem;margin:0 auto}
.about_sec_02 .qr_wrap .qr{width:10rem;height:10rem;padding:1.5rem;border-radius:1.25rem;background:#FFF;box-shadow:3px 3px 15px 0 #0040991f;margin-left:1rem;text-align:center}
.about_sec_02 .qr_wrap .qr img{width:6.875rem}

@media screen and (max-width:1440px) {
    .about_sec_02 .tab_cont_01 .intro_01,
    .about_sec_02 .tab_cont_01 .intro_03{padding:0 0 0 4rem;gap:0}
    .about_sec_02 .tab_cont_01 .intro_02,
    .about_sec_02 .tab_cont_01 .intro_04{gap:6%}
    .about_sec_02 .tab_cont_01 .img_box img{margin-bottom:-7rem}
    .about_sec_02 .tab_cont_01 .qr_wrap h4::before{width:6rem;height:6rem;left:unset;right:0;transform:translate(calc(100% - 1rem),calc(-100% - 1rem)) scaleX(-1)}
}/* sm~md */
@media screen and (max-width:1024px) {
    .about_sec_02 .tab_cont_01 .intro{margin-bottom:4.67rem}
    .about_sec_02 .tab_cont_01 .img_box img{margin-bottom:-5.5rem}
    .about_sec_02 .tab_cont_01 .txt_box h4{font-size:1.86rem}
    .about_sec_02 .tab_cont_01 .txt_box p,
    .about_sec_02 .tab_cont_01 .txt_box span{font-size:1rem}
    .about_sec_02 .qr_wrap{background:none;padding:0 0 5.34rem;text-align:center}
    .about_sec_02 .qr_wrap .inner{background:linear-gradient(180deg,#F5F7FB 0%,#DAE3F7 100%);padding:2.67rem 2rem 2rem;border-radius:2.5rem;flex-direction:column;gap:2rem}
    .about_sec_02 .tab_cont_01 .qr_wrap{background:linear-gradient(180deg,#F5F7FB 0%,#DAE3F7 100%);padding:6rem 0 7.34rem;position:relative}
    .about_sec_02 .tab_cont_01 .qr_wrap .inner{padding:0 .5rem;display:flex;justify-content:space-between;align-items:center;background:none}
    .about_sec_02 .qr_wrap .qr{width:auto;height:auto;margin-left:0.67rem;display:inline-flex;justify-content:center;align-items:center;padding:1rem;border-radius:1rem}
    .about_sec_02 .qr_wrap h4{font-size:2.34rem}
    .about_sec_02 .qr_wrap .qr_list{width:100%;max-width:400px}
    .about_sec_02 .qr_wrap .link{flex:1;width:calc(50% - 0.67rem)}
    .about_sec_02 .qr_wrap .link img{width:9.16rem;max-width:110px}
    .about_sec_02 .qr_wrap .link a{width:100%;padding:0.84rem 0;border-radius:1rem;height:4.285rem}
    .about_sec_02 .qr_wrap .link a:first-child{margin-bottom:0.67rem}
}/* sm~md */
@media screen and (min-width:767.1px) and (max-width:1024px) {
}/* md */
@media screen and (max-width:767px) {
    .about_sec_02 .tab_cont_01 .intro_01,
    .about_sec_02 .tab_cont_01 .intro_02,
    .about_sec_02 .tab_cont_01 .intro_03,
    .about_sec_02 .tab_cont_01 .intro_04{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;gap:2.67rem}
    .about_sec_02 .tab_cont_01 .intro .img_box{width:100%;max-width:570px;margin:0 auto}
    .about_sec_02 .tab_cont_01 .img_box img{margin-bottom:-108px;margin-left:35px}
    .about_sec_02 .tab_cont_01 .intro_01 .txt_box,
    .about_sec_02 .tab_cont_01 .intro_03 .txt_box{margin-right:0}
    .about_sec_02 .tab_cont_01 .intro_02 .txt_box,
    .about_sec_02 .tab_cont_01 .intro_04 .txt_box{margin-left:0}
    .about_sec_02 .tab_cont_01 .txt_box h4{font-size:2.34rem;margin-top:1.34rem}
    .about_sec_02 .tab_cont_01 .txt_box p{font-size:1.17rem;margin-top:0.67rem}
    .about_sec_02 .tab_cont_01 .txt_box span{font-size:1.17rem}
}/* sm */


/* 탭 2 :은행권 사회공헌활동 규모 */
.about_sec_02 .tab_cont_02 {padding-bottom:6.25rem}
.about_sec_02 .graph_tit{padding:0 .5rem;display:flex;justify-content:space-between;align-items:center}
.about_sec_02 .graph_tit .left{display:flex;justify-content:flex-start;align-items:center;gap:1rem}
.about_sec_02 .graph_tit .left h4{color:#222;font-size:1.75rem;font-weight:600;line-height:135%}
.about_sec_02 .graph_tit .left span{padding:.5rem .75rem;border-radius:.875rem;background:#376CE6;color:#FFF;font-size:1.25rem;font-weight:500;line-height:135%}
.about_sec_02 .graph_tit .right p{color:#595959;text-align:right;font-size:1rem;font-weight:500;line-height:135%;display:inline-flex;justify-content:flex-start;align-items:center;gap:.25rem}
.about_sec_02 .graph_tit .right p::before{content:'';display:block;width:14px;height:14px;background:url(/static/images/etc/ico_info_gray.png) no-repeat center/100% auto}
.about_sec_02 .graph_wrap{width:100%;margin:1.25rem auto 0;border-radius:1.25rem;background:#FFF;padding:4.35rem 3.5rem 2.5rem 3.5rem;box-shadow:5px 5px 30px 2px #0040991f}
.about_sec_02 .graph_wrap ul{display:flex;justify-content:space-between;align-items:flex-end;gap:.5rem;width:100%}
.about_sec_02 .graph_wrap li{display:flex;flex-direction:column-reverse;text-align:center}
.about_sec_02 .graph_wrap li:last-child{margin-right:0}
.about_sec_02 .graph_wrap li > span{display:block}
.about_sec_02 .graph_wrap li .graph{position:relative;width:1.5rem;margin:.5rem auto;background-color:#F2F2F2;border-radius:100px}
.about_sec_02 .graph_wrap li .amount{position:absolute;top:0;right:50%;transform:translate(50%,calc(-100% - 0.5rem));text-align:center;font-size:1rem;font-weight:500;line-height:135%;color:#595959;white-space: nowrap;}
.about_sec_02 .graph_wrap li .year{text-align:center;font-size:1.25rem;font-weight:500;line-height:135%;color:#222}
.about_sec_02 .graph_wrap li:nth-child(1) .graph{height:42px}
.about_sec_02 .graph_wrap li:nth-child(2) .graph{height:54px}
.about_sec_02 .graph_wrap li:nth-child(3) .graph{height:67px}
.about_sec_02 .graph_wrap li:nth-child(4) .graph{height:70px}
.about_sec_02 .graph_wrap li:nth-child(5) .graph{height:73px}
.about_sec_02 .graph_wrap li:nth-child(6) .graph{height:91px}
.about_sec_02 .graph_wrap li:nth-child(7) .graph{height:84px}
.about_sec_02 .graph_wrap li:nth-child(8) .graph{height:70px}
.about_sec_02 .graph_wrap li:nth-child(9) .graph{height:61px}
.about_sec_02 .graph_wrap li:nth-child(10) .graph{height:54px}
.about_sec_02 .graph_wrap li:nth-child(11) .graph{height:47px}
.about_sec_02 .graph_wrap li:nth-child(12) .graph{height:91px}
.about_sec_02 .graph_wrap li:nth-child(13) .graph{height:100px}
.about_sec_02 .graph_wrap li:nth-child(14) .graph{height:135px}
.about_sec_02 .graph_wrap li:nth-child(15) .graph{height:124px}
.about_sec_02 .graph_wrap li:nth-child(16) .graph{height:118px}
.about_sec_02 .graph_wrap li:nth-child(17) .graph{height:146px}
.about_sec_02 .graph_wrap li:nth-child(18) .graph{height:169px}
.about_sec_02 .graph_wrap li:last-of-type .graph{background-color:#0547E0}
.about_sec_02 .report_wrap{display:flex;justify-content:space-between;align-items:center;width:100%;padding:3.5rem;background-color:#F5F7FB;border-radius:1.875rem;margin:6.5rem auto 0 }
.about_sec_02 .report_wrap h4{color:#222;font-size:1.75rem;font-weight:600;line-height:135%;padding:0 0.5rem}
.about_sec_02 .report_wrap .flex_wrap{display:flex;justify-content:center;align-items:center;gap:4px}
.about_sec_02 .report_wrap .select_wrap{position:relative}
.about_sec_02 .report_wrap  .input_wrap {width:12.5rem;max-width:200px;height:4rem;line-height:4rem;display: flex; align-items: center;}
.about_sec_02 .report_wrap .btn_report{width:12.5rem;max-width:200px}

@keyframes color {
    from{background-color:orange}
    to{background-color:blue}
}

@media screen and (max-width:1240px) {
    .about_sec_02 .graph_wrap{padding:3.85rem 2.5rem 2.25rem 2.5rem}
    .about_sec_02 .graph_wrap li .graph{width:1.2rem}
    .about_sec_02 .graph_wrap li .year{font-size:1rem}
    .about_sec_02 .graph_wrap li .amount{font-size:0.85rem}
}/* sm~md */
@media screen and (max-width:1024px) {
    .about_sec_02 .tab_cont{margin-top:2rem}
    .about_sec_02 .graph_tit{flex-direction:column;align-items:flex-start;gap:0.67rem}
    .about_sec_02 .graph_tit .left{gap:0.67rem}
    .about_sec_02 .graph_tit .left h4{font-size:1.5rem}
    .about_sec_02 .graph_tit .left span{font-size:1.17rem}
    .about_sec_02 .graph_wrap{margin:2rem auto 0;padding:2.67rem 2.5rem}
    .about_sec_02 .graph_wrap ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:min-content;margin:0 auto;gap:1rem}
    .about_sec_02 .graph_wrap li{flex-direction:row;gap:1.17rem;align-items:center}
    .about_sec_02 .graph_wrap li .graph{height:2rem;max-height:24px;margin:0}
    .about_sec_02 .graph_wrap li .year{font-size:1.17rem;line-height:1}
    .about_sec_02 .graph_wrap li .amount{font-size:1rem;top:50%;right:0.67rem;transform:translate(0,-50%);line-height:1}
    .about_sec_02 .graph_wrap li:last-of-type .amount{color:#fff}
    .about_sec_02 .graph_wrap li:nth-child(1) .graph{width:85px}
    .about_sec_02 .graph_wrap li:nth-child(2) .graph{width:98px}
    .about_sec_02 .graph_wrap li:nth-child(3) .graph{width:112px}
    .about_sec_02 .graph_wrap li:nth-child(4) .graph{width:114px}
    .about_sec_02 .graph_wrap li:nth-child(5) .graph{width:120px}
    .about_sec_02 .graph_wrap li:nth-child(6) .graph{width:135px}
    .about_sec_02 .graph_wrap li:nth-child(7) .graph{width:128px}
    .about_sec_02 .graph_wrap li:nth-child(8) .graph{width:115px}
    .about_sec_02 .graph_wrap li:nth-child(9) .graph{width:103px}
    .about_sec_02 .graph_wrap li:nth-child(10) .graph{width:97px}
    .about_sec_02 .graph_wrap li:nth-child(11) .graph{width:92px}
    .about_sec_02 .graph_wrap li:nth-child(12) .graph{width:131px}
    .about_sec_02 .graph_wrap li:nth-child(13) .graph{width:145px}
    .about_sec_02 .graph_wrap li:nth-child(14) .graph{width:182px}
    .about_sec_02 .graph_wrap li:nth-child(15) .graph{width:174px}
    .about_sec_02 .graph_wrap li:nth-child(16) .graph{width:165px}
    .about_sec_02 .graph_wrap li:nth-child(17) .graph{width:196px}
    .about_sec_02 .graph_wrap li:nth-child(18) .graph{width:219px}
    .about_sec_02 .report_wrap{padding:2.5rem;margin:4.67rem auto 0}
    .about_sec_02 .report_wrap h4{font-size:1.5rem;padding:0}
}/* md */
@media screen and (max-width:767px) {
    .about_sec_02 .graph_wrap ul{width:100%}
    .about_sec_02 .report_wrap{flex-direction:column;align-items:flex-start;gap:2rem;padding:0;background-color:transparent;margin:4.67rem auto 0}
}/* sm */
@media screen and (max-width:360px) {
    .about_sec_02 .graph_wrap{padding:2rem 1.8rem}
    /*.about_sec_02 .graph_wrap li{width:100%}*/
    /*.about_sec_02 .graph_wrap li:nth-child(18) .graph{width:100%;max-width:219px;flex:1}*/
}/* sm */

/* 탭 3 :캐릭터, BI */
.about_sec_02 .tab_cont_03 h4{color:#222;font-size:2rem;font-weight:700;line-height:135%}
.about_sec_02 .tab_cont_03 .intro{height:22.5rem;border-radius:40px;padding:3.25rem 8.45% 2.5rem;display:flex;justify-content:space-between;align-items:center;position:relative}
.about_sec_02 .tab_cont_03 .intro:not(:last-child){margin-bottom:2.5rem}
.about_sec_02 .tab_cont_03 .img_box{width:calc(60/142*100%);min-height:15.3rem;flex:calc(60/142*100%) 1 1;text-align:center;opacity:0;transform:translateY(20px)}
.about_sec_02 .tab_cont_03 .img_box img{margin:0 auto;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}
.about_sec_02 .tab_cont_03 .on .img_box{animation:fadeIn .3s ease-in-out forwards}
.about_sec_02 .tab_cont_03 .txt_box{width:calc(82/142*100%);flex:calc(82/142*100%) 1 1;align-self:center}
.about_sec_02 .tab_cont_03 .txt_box .cha_tit{display:flex;justify-content:flex-start;align-items:center;gap:1rem;padding:0 1rem}
.about_sec_02 .tab_cont_03 .txt_box h4{font-size:2.375rem;position:relative;z-index:1}
.about_sec_02 .tab_cont_03 .txt_box h4::after{content:'';display:block;width:calc(100% + 4px);height:1rem;position:absolute;bottom:2px;right:50%;transform:translateX(50%);z-index:-1}
.about_sec_02 .tab_cont_03 .txt_box .cha_tit span{font-size:1.25rem;font-weight:500;line-height:135%}
.about_sec_02 .tab_cont_03 .txt_box p{border-radius:30px;background:#fff9;padding:2rem 2.5rem;backdrop-filter:blur(10px);color:#545454;font-size:1rem;font-weight:400;line-height:135%;width:100%;margin:2rem auto 0;overflow:hidden}
.about_sec_02 .tab_cont_03 .txt_box p span{display:block;border-radius:14px;padding:.5rem 1rem;color:#FFF;font-size:1rem;font-weight:400;line-height:1;width:fit-content;margin-top:1rem}
.about_sec_02 .tab_cont_03 .intro_01{background:linear-gradient(90deg,#D8F7F7 0%,#B6ECEC 100%)}
.about_sec_02 .tab_cont_03 .intro_02{background:linear-gradient(90deg,#FFF6DF 0%,#F7DD9D 100%)}
.about_sec_02 .tab_cont_03 .intro_03{background:linear-gradient(90deg,#F7EDED 0%,#EEC5C5 100%)}
.about_sec_02 .tab_cont_03 .intro_04{background:linear-gradient(90deg,#FFEFE2 0%,#F9DDC5 49.5%)}
.about_sec_02 .tab_cont_03 .intro_05{background:linear-gradient(90deg,#FBFBCC 0%,#D4F0B0 100%)}
.about_sec_02 .tab_cont_03 .intro_06{background:linear-gradient(90deg,#FFEBF1 0%,#F9D1DD 100%)}
.about_sec_02 .tab_cont_03 .intro_01 .txt_box h4::after{background-color:#87DADA}
.about_sec_02 .tab_cont_03 .intro_02 .txt_box h4::after{background-color:#F5CA5F}
.about_sec_02 .tab_cont_03 .intro_03 .txt_box h4::after{background-color:#F0BABA}
.about_sec_02 .tab_cont_03 .intro_04 .txt_box h4::after{background-color:#D9B79C}
.about_sec_02 .tab_cont_03 .intro_05 .txt_box h4::after{background-color:#B0E394}
.about_sec_02 .tab_cont_03 .intro_06 .txt_box h4::after{background-color:#FBB3C9}
/*웹x*/
/*.about_sec_02 .tab_cont_03 .intro_01 .cha_tit span{color:#61B7B7}*/
/*.about_sec_02 .tab_cont_03 .intro_02 .cha_tit span{color:#F9B714}*/
/*.about_sec_02 .tab_cont_03 .intro_03 .cha_tit span{color:#E85454}*/
/*.about_sec_02 .tab_cont_03 .intro_04 .cha_tit span{color:#A2836A}*/
/*.about_sec_02 .tab_cont_03 .intro_05 .cha_tit span{color:#7AC550 }*/
/*.about_sec_02 .tab_cont_03 .intro_06 .cha_tit span{color:#FB81A6}*/
.about_sec_02 .tab_cont_03 .intro_02 .txt_box p span{background-color:#7e6016 /*웹 #F4BB2F*/ }
.about_sec_02 .tab_cont_03 .intro_03 .txt_box p span{background-color:#E85454}
.about_sec_02 .tab_cont_03 .intro_04 .txt_box p span{background-color:#A2836A}
.about_sec_02 .tab_cont_03 .intro_05 .txt_box p span{background-color:#458d1d /*웹 #7AC550*/}
.about_sec_02 .tab_cont_03 .intro_06 .txt_box p span{background-color:#892141 /*웹 #FB81A6*/}
.about_sec_02 .tab_cont_03 .intro_01 .img_box img{width:21.875rem;max-width:350px;transform:translate(50%,calc(-50% - 2.125rem))}
.about_sec_02 .tab_cont_03 .intro_02 .img_box img{width:12.375rem;max-width:198px;transform:translate(50%,calc(-50% - 1.625rem))}
.about_sec_02 .tab_cont_03 .intro_03 .img_box img{width:13.6875rem;max-width:219px;transform:translate(50%,calc(-50% - 0.5rem))}
.about_sec_02 .tab_cont_03 .intro_04 .img_box img{width:13.6875rem;max-width:219px;transform:translate(50%,calc(-50% + 1.125rem))}
.about_sec_02 .tab_cont_03 .intro_05 .img_box img{width:14.375rem;max-width:230px;transform:translate(50%,calc(-50% + 0.875rem))}
.about_sec_02 .tab_cont_03 .intro_06 .img_box img{width:15.625rem;max-width:250px;transform:translate(50%,calc(-50% - 1.5rem))}
.about_sec_02 .tab_cont_03 .bot{margin:7.5rem auto 0}
.about_sec_02 .tab_cont_03 .bi_wrap{display:flex;justify-content:space-between;align-items:flex-start;padding-left:8.4%;flex-direction:row}
.about_sec_02 .tab_cont_03 .bi_wrap .bi{width:calc(70/142*100%);max-width:700px;padding:3.5rem 1rem 2rem;border-radius:2.5rem;background:#FFF;text-align:center;box-shadow:3px 3px 15px 0 #0040991f}
.about_sec_02 .tab_cont_03 .bi_wrap .bi img{width:calc(400/700*100%);max-width:400px}
.about_sec_02 .tab_cont_03 .bi_wrap .btn_biFile{width:14.375rem;margin:2rem auto 0}
.about_sec_02 .tab_cont_03 .cha_wrap{margin:7.5rem auto 0;text-align:center}
.about_sec_02 .tab_cont_03 .cha_wrap img{width:calc(1042/1420*100%);max-width:1043px;margin:1.5rem auto 3rem}


@keyframes fadeIn {
    from{opacity:0;transform:translateY(20px)}
    to{opacity:1;transform:translateY(0)}
}

@media screen and (max-width:1280px) {
    .about_sec_02 .tab_cont_03 .intro{padding:4rem 6% 3.25rem}
    .about_sec_02 .tab_cont_03 .intro_01 .img_box img{width:calc(438/600*100%);transform:translate(50%,-50%)}
    .about_sec_02 .tab_cont_03 .intro_02 .img_box img{width:calc(248/600*100%);transform:translate(50%,-50%)}
    .about_sec_02 .tab_cont_03 .intro_03 .img_box img{width:calc(274/600*100%);transform:translate(50%,-50%)}
    .about_sec_02 .tab_cont_03 .intro_04 .img_box img{width:calc(274/600*100%);transform:translate(50%,-50%)}
    .about_sec_02 .tab_cont_03 .intro_05 .img_box img{width:calc(288/600*100%);transform:translate(50%,-50%)}
    .about_sec_02 .tab_cont_03 .intro_06 .img_box img{width:calc(313/600*100%);transform:translate(50%,-50%)}
}/* md */
@media screen and (max-width:1024px) {
    .about_sec_02 .tab_cont_03 .intro{height:auto}
    .about_sec_02 .tab_cont_03 h4{font-size:1.67rem}
    .about_sec_02 .tab_cont_03 .bot{margin:4.34rem auto 0}
    .about_sec_02 .tab_cont_03 .cha_info{margin:0 auto 5rem}
    .about_sec_02 .tab_cont_03 .cha_info p{color:#222;text-align:center;font-size:1rem;font-weight:500;line-height:135%}
    .about_sec_02 .tab_cont_03 .cha_info p b{font-size:1.17rem;font-weight:600;display:block;margin:1rem auto 0}
    .about_sec_02 .tab_cont_03 .bi_wrap{padding-left:0;flex-direction:column;gap:1.34rem;align-items:center;text-align:center}
    .about_sec_02 .tab_cont_03 .bi_wrap .bi{width:100%;max-width:500px;padding:3.84rem 1.34rem 1.34rem}
    .about_sec_02 .tab_cont_03 .bi_wrap .bi img{width:100%;max-width:208px}
    .about_sec_02 .tab_cont_03 .bi_wrap .btn_biFile{width:100%}
    .about_sec_02 .tab_cont_03 .cha_wrap{margin:4.34rem auto 2rem}
    .about_sec_02 .tab_cont_03 .cha_wrap img{width:100%;max-width:500px;margin:0 auto}
}/* sm~md */
@media screen and (min-width:767.1px) and (max-width:1024px) {
    .about_sec_02 .tab_cont_03 .txt_box p br.bmo{display:none}
}/* md */
@media screen and (max-width:767px) {
    .about_sec_02 .tab_cont_03 .intro{flex-direction:column;padding:2rem}
    .about_sec_02 .tab_cont_03 .intro:not(:last-child){margin-bottom:5rem}
    .about_sec_02 .tab_cont_03 .intro_01{background:linear-gradient(180deg,#D8F7F7 0%,#B6ECEC 100%)}
    .about_sec_02 .tab_cont_03 .intro_02{background:linear-gradient(180deg,#FFF6DF 0%,#F7DD9D 100%)}
    .about_sec_02 .tab_cont_03 .intro_03{background:linear-gradient(180deg,#F7EDED 0%,#EEC5C5 100%)}
    .about_sec_02 .tab_cont_03 .intro_04{background:linear-gradient(180deg,#FFEFE2 0%,#F9DDC5 49.5%)}
    .about_sec_02 .tab_cont_03 .intro_05{background:linear-gradient(180deg,#FBFBCC 0%,#D4F0B0 100%)}
    .about_sec_02 .tab_cont_03 .intro_06{background:linear-gradient(180deg,#FFEBF1 0%,#F9D1DD 100%)}
    .about_sec_02 .tab_cont_03 .img_box{width:100%;flex:100% 1 1;min-height:13.75rem}
    .about_sec_02 .tab_cont_03 .img_box img{position:unset;top:unset;bottom:unset;transform:unset!important}
    .about_sec_02 .tab_cont_03 .intro_01 .img_box img{width:calc(216/280*100%);max-width:216px;margin-top:-3.67rem}
    .about_sec_02 .tab_cont_03 .intro_02 .img_box img{width:calc(136/280*100%);max-width:136px;margin-top:-2.84rem}
    .about_sec_02 .tab_cont_03 .intro_03 .img_box img{width:calc(164/280*100%);max-width:164px;margin-top:-3.34rem}
    .about_sec_02 .tab_cont_03 .intro_04 .img_box img{width:calc(167/280*100%);max-width:167px;margin-top:-2.5rem}
    .about_sec_02 .tab_cont_03 .intro_05 .img_box img{width:calc(170/280*100%);max-width:170px;margin-top:-2.84rem}
    .about_sec_02 .tab_cont_03 .intro_06 .img_box img{width:calc(186/280*100%);max-width:186px;margin-top:-3.67rem}
    .about_sec_02 .tab_cont_03 .txt_box{width:100%;flex:100% 1 1;margin:1rem auto 0}
    .about_sec_02 .tab_cont_03 .txt_box .cha_tit{justify-content:center;flex-direction:column-reverse;gap:0}
    .about_sec_02 .tab_cont_03 .txt_box p{margin:1.67rem auto 0;text-align:center;padding:2rem 1.34rem;border-radius:1.67rem}
    .about_sec_02 .tab_cont_03 .txt_box p span{border-radius:.84rem;padding:.67rem .84rem;margin:1.34rem auto 0;word-break:keep-all;line-height:135%}
}/* sm */
@media (hover:hover) {
}/* hover */
/* --------------------------------//about page end-------------------------------- */