@charset "utf-8";

/* 그룹경영활동 */
.accordion_wrap.group {margin-top:48px;border-top:0}
.accordion_wrap.group .accordion_list {position:relative;padding-left:52px;padding-bottom:64px;border-bottom:0;box-sizing:border-box}
.accordion_wrap.group .accordion_list:before {content:'';display:block;position:absolute;top:24px;left:2px;width:4px;height:calc(100% - 24px);background:#ebeff5;border-radius:3px}
.accordion_wrap.group .accordion_list:after {content:'';display:block;position:absolute;top:8px;left:0;width:8px;height:8px;background:#24272d;border-radius:50%}
.accordion_wrap.group .accordion_list.active .accord_tit a .txt strong {color:#0046ff}
.accordion_wrap.group .accordion_list .accord_tit {height:180px;}
.accordion_wrap.group .accordion_list .accord_tit a {padding:0;display:flex;align-items:center;}
.accordion_wrap.group .accordion_list .accord_tit .img {display:block;width:272px;height:180px;border-radius:24px;overflow:hidden}
.accordion_wrap.group .accordion_list .accord_tit .img img {width:100%;border-radius:24px;transition:.3s;  height: 100%;object-fit: cover;}
.accordion_wrap.group .accordion_list .accord_tit .img img:hover{transform:scale(1.1);border-radius:24px;}
.accordion_wrap.group .accordion_list .accord_tit .txt {display:block;width:calc(100% - 272px);padding:0 104px 0 64px;box-sizing:border-box}
.accordion_wrap.group .accordion_list .accord_tit .txt strong {font-size:28px;line-height:38px;font-weight:700;}
.accordion_wrap.group .accordion_list .accord_tit .txt .date {display:block;font-size:18px;line-height:28px;color:#808892;font-weight:500;margin-left:0;margin-top:8px}
.accordion_wrap.group .accordion_list .accord_tit:after {right:0}
.accordion_wrap.group .accordion_list .accord_txt {padding:0 104px 0 336px;background:#fff;font-size:18px;line-height:28px;font-weight:500;word-wrap:break-word}
.accordion_wrap.group .accordion_list.last:before {display:none}
.accordion_wrap.group .accordion_list.last {padding-bottom:0}
/* 조직도 */
.og_img .pc_og_img{width: 100%;margin-top: 24px;} 
.og_img .mo_og_img{width: 100%;display:none;}
/* 연혁 */
.hislist_cont > li > span.hislist_cont_right.imgpop.screening{font-size:50px !important;}
.hisimg.screening{display:block;}
.wrap.fixed{position:fixed;width: 100%;height: 100%;overflow: hidden;touch-action:none;}
.wrap.fixed *{touch-action:none;}
.link_tabtype.his li a{line-height:28px;}
.inner.history{padding-top:0 !important;}
.sub_visual_history{position: relative;width: 100%;height: 420px;background: url("../images/about/pc_history_c06.jpg") no-repeat top center / cover;}
#chapter06 .sub_visual_history{margin-top: 0px;background-image: url("../images/about/pc_history_c06.jpg");}
#chapter05 .sub_visual_history{background-image: url("../images/about/pc_history_c05.jpg");}
#chapter04 .sub_visual_history{background-image: url("../images/about/pc_history_c04.jpg");}
#chapter03 .sub_visual_history{background-image: url("../images/about/pc_history_c03.jpg");}
#chapter02 .sub_visual_history{background-image: url("../images/about/pc_history_c02.jpg");}
#chapter01 .sub_visual_history{background-image: url("../images/about/pc_history_c01.jpg");}
.sub_visual_history .sub_inner{margin: 0 auto;  display: flex;align-items: center;justify-content: center;height: 100%;text-align: center;box-sizing: border-box;}
.sub_visual_history .sub_inner .visual_txt_wrap .history_vtit{margin-bottom: 16px;font-size: 32px;line-height: 44px;font-weight: 900;font-family: 'OneShinhan';color: #fff;}
.sub_visual_history .sub_inner .visual_txt_wrap .history_vsub{font-size: 20px;line-height: 32px;font-weight: 500;color: #fff;max-width:900px;}
section.section_h{padding-top:61px; box-sizing:border-box;}
section.section_h *{box-sizing:border-box;}
section.section_h:first-of-type{padding-top:0;}
.hislist_wrap{position:relative;z-index:10;display:flex;justify-content:space-between;height:unset;width: 100%;}
.hislist_wrap .hislist_left{position:sticky;top:0;left:0;height:fit-content;padding: 120px 0px 0 0;box-sizing: content-box;width: calc(40% - 160px); }
.hislist_wrap .hislist_tit_wrap{width: 100%;opacity:1;transition:0.4s;}
.hislist_wrap .hislist_tit_wrap .hislist_tit_sub{font-size: 20px;font-weight: 700;line-height: 32px; color:#24272D; text-align:center; transform:scale(0.8);}
.hislist_wrap .hislist_tit_wrap .hislist_title{font-size: 64px;font-weight: 700;line-height: normal; color:#24272D; text-align:center; transition:1s; transform:scale(0.8);}
.hislist_wrap .hislist_left .hislist_img_box{position:absolute;z-index:10;width:100%; margin:56px auto 0 auto; overflow:hidden;display:none;justify-content: center;align-items: flex-start;object-fit: cover;opacity:0;}
.hislist_wrap .hislist_left .hislist_img_box.on{display:flex;opacity: 1;}   
.hislist_wrap .hislist_left .hislist_img_box img{width:100%;transform:scale(1);transition:2s;border-radius: 24px;}
.hislist_wrap .hislist_right{width: 60%;height:100%;padding-left: 0px;}
.hislist_wrap .hislist_right::-webkit-scrollbar-track{border-radius:3px;background-color:#fff;}
.hislist_wrap .hislist_right::-webkit-scrollbar{width:6px;background-color:#fff}
.hislist_wrap .hislist_right::-webkit-scrollbar-thumb{border-radius:3px;background-color:#d6dbe1}
.hislist_cont{position:relative;margin-top:80px;}
.hislist_cont:first-of-type{margin-top:120px;}
.hislist_cont:last-of-type:before{display:none;}
.hislist_cont:before {content: '';display: block;top: 44px;width: 4px;position: absolute;left: -82px;height:calc(100% + 40px);background: #ebeff5;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;border-radius: 2px;}
.hislist_cont > li{display:table;margin-bottom:16px; /*width:100%;*/width:fit-content;}
.hislist_cont > li:last-child{margin-bottom:0px;}
.hislist_cont > li > span{display:table-cell;width:fit-content;font-size: 20px;font-weight: 700;line-height: 32px;color:#24272D;}
.hislist_cont > li.onblue > span{color:#0046FF;}
.hislist_cont > li > span.hislist_cont_left{width:80px;}
.hislist_cont > li > span.hislist_cont_right{font-weight:500;}
.hislist_cont > li > span.hislist_cont_right.db{padding-bottom:16px;}
.hislist_cont > li > span.hislist_cont_right.imgpop{position:relative;cursor:pointer;}
section.section_h#chapter06 .hislist_cont > li > span.hislist_cont_right.imgpop{letter-spacing: -0.3px;}
.hislist_cont > li > span.hislist_cont_right.imgpop:after {content: '';display: inline-block;position: relative;top: 4px;margin-left:8px;width: 24px;height: 24px;background: url("../images/about/history_img_icon.svg") no-repeat top center / 24px;}
.hisimg{display:none;width:200px;}
.hisimg img{width:100%;}
.hislist_img_box img.long{width: auto !important;height:100%;max-height:300px;}
.hislist_img_box img.long2{width: auto !important;height:100%;max-height:400px;}
.hislist_cont > li > span.hislist_cont_right.imgpop:hover{color:#0046FF;}
.hislist_cont > li > span.hislist_cont_right.imgpop:hover:after {background-image: url("../images/about/history_img_icon_blue.svg");}
.hislist_cont .hislist_cont_tit {position:relative;margin-bottom:32px ;width:100%;font-size: 32px;font-weight: 700;line-height: 44px; color:#24272D;border-top:1px solid #EBEFF5;}
.hislist_cont .hislist_cont_tit:after {content: '';display: block;position: absolute;top: 20px;left: -84px;width: 8px;height: 8px;background: #24272d;border-radius: 50%;}
.hislist_cont .hislist_cont_tit:first-child {padding-top:0; border:none;}
.hislist_cont > li.pbs > span.hislist_cont_right{padding-bottom:16px;}
/*CEO 프로필*/
footer.ceoprofile{background-color:#fff;}
.ceo_profile_wrap{position:relative;margin-top:80px;width:100%;height:960px;background: url("../images/about/ceo_profile.png") no-repeat top center / cover;overflow:hidden}
.ceo_profile_wrap > .inner{position:relative;margin:0px auto; width:calc(100% - 48px); max-width:1420px; height:100%;}
.ceo_profile_wrap .sign_box{position:absolute;left:0px; bottom:72px;width:170px; height:106px; background: url("../images/about/ceo_sign.png") no-repeat top center / cover;}
.ceo_profile_wrap .profile_scroll{position:absolute;right:0px; top:0px;width:560px; overflow-y: visible;-ms-overflow-style: none;height:100%;}
.ceo_profile_wrap .profile_container{width:100%;height: fit-content;padding: 40px;border-radius: 24px;border: 1px solid rgba(0, 70, 255, 0.90);background: rgba(0, 70, 255, 0.60);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);box-sizing:border-box;transform:translateX(0%);position: absolute;top: 50%;transform: translateY(-50%);}
.ceo_profile_wrap .profile_container .profile_title{width:100%;padding-bottom:24px;margin-bottom:24px;font-size: 28px;font-weight: 700;line-height: 38px; color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.40);}
.ceo_profile_wrap .profile_cont > li{display:table;}
.ceo_profile_wrap .profile_cont > li > span{display:table-cell;font-size: 20px;font-weight: 700;line-height: 32px;color:#fff;}
.ceo_profile_wrap .profile_cont > li > span.profile_cont_left{width:calc(144px + 16px);}
.ceo_profile_wrap .profile_cont > li > span.profile_cont_right{font-weight:500;padding-bottom:8px;}
.ceo_profile_wrap .profile_mo_top{display:none;}
/*CEO 인사말*/
.ceo_greetings_wrap{position:relative;margin-top:80px;width:100%;height:960px;background:url("../images/about/ceo_profile.png") no-repeat top center / cover; overflow:hidden;}
.ceo_greetings_wrap > .inner{position:relative;margin:0px auto; width:calc(100% - 48px); max-width:1420px; height:100%;}
.ceo_greetings_wrap .sign_box{position:absolute;left:0px; bottom:72px;width:170px; height:106px; background: url("../images/about/ceo_sign.png") no-repeat top center / cover;}
.ceo_greetings_wrap .greetings_scroll{position:absolute;right:0px; top:-10px;width:704px; height:100%;overflow-y: visible;-ms-overflow-style: none;}
.ceo_greetings_wrap .greetings_scroll::-webkit-scrollbar{  display:none;}
.ceo_greetings_wrap .greetings_scroll_inner{width:100%; }   
.ceo_greetings_wrap .greetings_container{width: 100%;padding: 0px;border-radius: 24px;box-sizing:border-box;        position: absolute;top: 50%;transform: translateY(-50%);}
.ceo_greetings_wrap .greetings_container .greetings_title{width:100%;margin-bottom:64px;font-family: OneShinhan;font-size: 32px;font-weight: 900;line-height: 44px; color:#fff;}
.ceo_greetings_wrap .greetings_cont > p{margin-bottom:40px;font-size: 20px;font-weight: 500;line-height: 32px;color:#fff;}
.ceo_greetings_wrap .greetings_cont > p:last-child{margin-bottom:0;}
.ceo_greetings_wrap .greetings_mo_top{display:none;}
/* 주주서신 */
.content.letter .visual_sub{margin-bottom:80px;}
.content.letter .select_wrap{width:157px}
.content.letter .cont_section{display:block}
.content.letter .cont_section + .cont_section, 
.content.letter .cont_section + .signature_wrap{margin-top:120px;}
.content.letter .main_tit, .content.letter .sub_tit{font-weight:700;}
.content.letter .main_tit, .content.letter .sub_tit, .content.letter .sub_txt, .content.letter .img_txt{display:block;color:#24272D}
.content.letter .main_tit{font-size:26px;line-height:38px}
.content.letter .main_tit_color{font-size:32px;line-height:38px;color:#005df9;font-weight: 700;margin-bottom:16px;display:block;}
.content.letter .sub_tit{font-size:24px;line-height:38px}
.content.letter .sub_txt, .content.letter .img_txt{font-weight:300;font-size:18px;line-height:28px}
.content.letter .gray_desc{color:#565B64;flex-shrink:0;}
.content.letter .black_desc{color:#24272D;flex-shrink:0;}
.content.letter .inline_txt{display:flex;align-items:center;}
.content.letter .inline_txt > p{font-weight:300;font-weight:300;font-size:16px;line-height:26px;}
.content.letter .inline_txt.ty1{justify-content:space-between;}
.content.letter .inline_txt.ty2{text-align:left;}
.content.letter .inline_txt.ty2 span + p{margin-left:8px;}
.content.letter .main_tit + .sub_txt, 
.content.letter .sub_tit1 + .sub_txt, 
.content.letter .sub_tit + .sub_txt,
.content.letter .sub_tit + img,
.content.letter .sub_txt + .sub_txt{margin-top:16px;}
.content.letter .sub_tit + .tscroll, 
.content.letter .sub_tit + .graph_list, 
.content.letter .inline_txt + .graph_list,
.content.letter .graph_list + .img_txt,
.content.letter .inline_txt + img, .content.letter .inline_txt + .tscroll{margin-top:24px;}
.content.letter .sub_txt + .sub_tit,
.content.letter .sub_txt + .inline_txt,
.content.letter .tscroll  + .inline_txt,
.content.letter .sub_txt + .graph_list,
.content.letter img + .sub_tit,
.content.letter img + .sub_txt,
.content.letter .graph_list + .sub_tit,
.content.letter .graph_list + .sub_txt,
.content.letter .tscroll + .sub_txt,
.content.letter .tscroll + .sub_tit{margin-top:56px;}
.content.letter .tscroll img, .content.letter .graph_list img, .content.letter .graph_list li{width:100%;font-size:0}
.content.letter .tbl_thead thead th.col_blue{border-bottom-color:#D6E1FF;}
.content.letter .tbl_thead tbody td.blue_bg{border-bottom-color:#D6E1FF;color:#0046FF;background-color:#E6EDFF;}
.content.letter .tbl_thead.ty2 tbody tr td:nth-child(3),
.content.letter .tbl_thead.ty2 tbody tr td:nth-child(4){text-align:left;}
.content.letter .tbl_thead.ty2 tbody td > span{display:block;}
.content.letter .tbl_thead.ty2 tbody td dl{display:flex;gap:16px;}
.content.letter .tbl_thead.ty2 tbody td dl dt{width:100%;max-width:124px;}
.content.letter .tbl_thead.ty2 colgroup col:nth-child(1) {width:200px;}
.content.letter .tbl_thead.ty2 colgroup col:nth-child(2) {width:200px;}
.content.letter .tbl_thead.ty2 colgroup col:nth-child(3) {width:440px;}
.content.letter .tbl_thead.ty2 colgroup col:nth-child(4) {width:auto;}
.content.letter .tbl_thead.ty3 tbody tr th{font-weight:700;}
.content.letter .tbl_thead.ty3 tbody tr td{text-align:right;}
.content.letter .graph_list{display:flex;flex-direction:row;justify-content:space-between;}
.content.letter .graph_list > li > div + div{margin-top:24px}
.content.letter .graph_list.ty2 li.w_none{display:none;}
.content.letter .graph_list.ty2{gap:24px;}
.content.letter .graph_list.ty2 li{display:flex;flex-direction:column;justify-content:flex-end;}
.content.letter .graph_list.ty3{gap:16px;}
.content.letter .signature_wrap{display:flex;flex-direction:column;font-size:18px;line-height:32px;}
.content.letter .signature_wrap span{color:#24272D}
.content.letter .signature_wrap .text{font-weight:500;}
.content.letter .signature_wrap .name{position:relative;font-weight:700;padding-bottom:76px}
.content.letter .signature_wrap .name::after{content:"";position:absolute;bottom:0;left:0;width:162px;height:52px;background:url(../images/about/ceo_letter_sig.png) no-repeat 0 0 / 100%;}
.content.letter .signature_wrap .text + .name{margin-top:4px;}
/* 신한네트워크 */
.content.network{position: relative;width: 100%;overflow-x: hidden;}
.content.network:before{position: absolute;content: '';width: 100vw;height: 580px;background-color: #E6EDFF;top: 170px;margin-left: calc(-50vw + 50%);}
.inner.pc_network{display: block;}
.inner.mo_network{display: none;}
.link_tab_wrap.network{margin-bottom: 56px;}
.aurora_wrap{position: absolute;width: 36.18%;top: 18px;left: 50%;margin-left: -18.09%;}
.wrap.aurora {height: 450px;border-radius: 40px;position: relative;}
.aurora-base {position: absolute;opacity: 0.7;}
.aurora-circle {position: absolute;aspect-ratio:1/1;border-radius: 50%;background-color: #fff;z-index:4;top: 50%;left: 50%;transform: translate(-50%, -50%);background-image: url(../images/common/logo.svg); background-repeat: no-repeat;background-position: center;min-width: 320px;}
.aurora-one {border-radius: 80%;width: 85%;height: 255px;background-color: #2FB3DD;z-index: 3;filter: blur(50px);top: 90px;left: 0;animation: rotate 20s linear infinite;transform:rotate(0) translate(80px) rotate(0);opacity:0.4;}
.aurora-two {border-radius: 80%;width: 85%;height: 255px;background-color: #94ABFA;filter: blur(40px);border: 1px solid #B3C8FF;top: 90px;left: 0;animation: rotate2 15s linear infinite;transform:rotate(0) translate(100px) rotate(0);}
.aurora-one.border{border: 1px dashed #4c7dff;filter: unset;background-color: unset;border-width: 1px;width: 100%;opacity:1;}
.aurora-two.border{border: 1px solid #B3C8FF;filter: unset;background-color: unset;width: 100%;z-index:3;opacity:1;}
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate2 {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.tabmenu_wrap.network{padding: 0 104px;}
.tab_wrap.netType .tabmenu_wrap .tabmenu{display: flex;flex-direction: column;width: 100%;height: 468px;flex-wrap: wrap;justify-content: center;align-content: space-between;}
.tab_wrap.netType .tabmenu > li{width:28%;max-width:312px;height:60px; background-color: #fff;border: 1px solid #b3c8ff;margin-top: 8px;border-radius: 16px;box-sizing: border-box;z-index: 9;}
.tab_wrap.netType .tabmenu > li.first{margin-top: 0px;}
.tab_wrap.netType .tabmenu > li.on{background-color: #0046FF;border:none;box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.16);} 
.tab_wrap.netType .tabmenu > li.on a span{color: #fff;} 
.tab_wrap.netType .tabmenu > li.on a span.per{color: #fff;} 
.tab_wrap.netType .tabmenu > li:hover{background-color: #0046FF;border:none;box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.16);} 
.tab_wrap.netType .tabmenu > li:hover a span{color: #fff;} 
.tab_wrap.netType .tabmenu > li:hover a span.per{color: #fff;}
.tab_wrap.netType .tabmenu a span{color: #24272D;font-weight: 500;font-size: 18px;line-height: 60px;float: left;}
.tab_wrap.netType .tabmenu a span.per{color: #0046FF;font-weight: 700;float: right;}
.tab_wrap.netType .tabmenu a{width:100%;height:100%;padding:0;display: block;padding: 0 24px;}
.tab_wrap.netType .tabmenu a::after{content: '';display: block;clear: both;}
.inner.network{margin-top: 136px;padding: 0;}
.tab_wrap.netType .tab_cont{width: 100%;display:none;}
.tab_wrap.netType .tab_cont.on{display:block;}
.tab_wrap.netType .tab_cont .tab_net .tit_wrap{display: flex;align-items: center;justify-content: space-between;}
.tab_wrap.netType .tab_cont .tab_net .net_tit{color: #24272D;font-size: 32px;font-weight: 700;line-height: 44px;margin-bottom: 12px;}
.tab_wrap.netType .tab_cont .tab_net .net_tit_sub{color: #24272d;font-size: 24px;font-weight: 700;line-height: 38px;}
.tab_wrap.netType .tab_cont .tab_net .net_tit_sub span{font-weight: 500;}
.network_net_sub_bg{position: relative;width: 100%;height:240px;background:#070818 url('../images/about/network_sub_bg.png') no-repeat bottom 0 right 122px; background-size: 504px 192px;padding: 81px 48px;box-sizing: border-box;margin-top: 56px;border-radius: 24px;transition:.5s;}
.network_net_sub_bg::after{content:'';position: absolute;z-index:10;width: 40px;height:40px;background:rgba(255,255,255,0.2) url('../images/common/view_more1.svg') no-repeat center; background-size: 15px;right: 32px;top: 32px;border-radius:50%;transition:.5s;}
.network_net_sub_bg:hover{background-size: 554px 211px;}
.network_net_sub_bg:hover::after{background-color:#0046FF;}
.network_net_sub_bg p:first-of-type{color: #fff;font-size: 28px;line-height: 38px;font-weight: 500;margin-bottom: 8px;} 
.network_net_sub_bg p:last-of-type{color: #B9C1C9;font-size: 20px;line-height: 32px;font-weight: 500;}
.network_bank_list_wrap{margin: 56px -8px 0;}
.network_bank_list_wrap .list_tit{font-size: 20px;line-height: 32px;font-weight: 700;color: #24272D;margin-left: 8px;}       
.network_bank_list_wrap .bank_list{display: flex;width: 100%;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.network_bank_list_wrap .bank_list li{width: calc((100% - 64px) / 4);margin: 23px 8px 0 ;background-color: #F3F6FB;border-radius: 24px;text-align: center;padding: 28px 16px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 120px;word-break: break-all;}
.network_bank_list_wrap .bank_list li p:first-of-type{color: #24272D;font-size: 18px;font-weight: 500;line-height: 28px;word-break: break-word;}
.network_bank_list_wrap .bank_list li p:last-of-type{color: #0046FF;font-size: 20px;font-weight: 700;line-height: 32px;}
.network_bank_list_wrap .bank_list.one{width: 100%;}
.network_bank_list_wrap .bank_list.one li{width: 100%;margin: 23px 0 0;display: flex;align-items: center;justify-content: center;}
.network_bank_list_wrap .bank_list li.add_txt p:nth-of-type(2){color: #0046FF;font-size: 20px;font-weight: 700;line-height: 32px;}
.network_bank_list_wrap .bank_list li.add_txt .refer_txt{color: #000;font-size: 12px;font-weight: 300;line-height: 18px;}
.netpart_top{margin:120px 0;}
.netpart_top .netpart_top_text{font-size: 24px;font-weight: 500;line-height: 38px;color:#24272D;}
.netpart_wrap{position:relative;display:flex; justify-content:space-between; height:unset;width:100%;}
.netpart_wrap .netpart_left{width:36.4%;height:fit-content;padding:0px 80px 0 0;box-sizing: content-box;}
.netpart_wrap .netpart_tit_wrap{width:100%;opacity:1;transition:0.4s;}
.netpart_wrap .netpart_tit_wrap .netpart_tit_sub{font-size: 20px;font-weight: 700;line-height: 32px; color:#24272D; text-align:center;}
.netpart_wrap .netpart_tit_wrap .netpart_title{font-size: 72px;font-weight: 700;line-height: normal; color:#24272D; text-align:center; }
.netpart_wrap .netpart_left .netpart_img_box{min-height:400px;margin:0 auto 0 auto; background-color:#E6F6F1;overflow:hidden;border-radius: 24px;object-fit: cover;display:flex;align-items: center;justify-content: center;/*aspect-ratio: 496/400;*/}
.netpart_wrap .netpart_left .netpart_img_box img{width:320px;}
.netpart_wrap .netpart_right{ width: 63.6%;height:100%;}
.netpart_cont{position:relative;}
.netpart_cont > li{display:table;margin-bottom:24px;}
.netpart_cont .netpart_cont_tit {position:relative;margin-bottom:32px ;width:100%;font-size: 32px;font-weight: 700;line-height: 44px; color:#24272D;}
.netpart_cont > li > span{display:table-cell;width:fit-content;color:#24272D;vertical-align: top;}
.netpart_cont > li > span.netpart_cont_left{width:80px;font-size: 28px;font-weight: 500;line-height: 38px;}
.netpart_cont > li > span.netpart_cont_right{font-size: 20px;font-weight: 500;line-height: 32px;}
/*미션 비전 가치*/
.breadcrumb.value{padding:116px 104px 0;max-width:1920px;}
.mission_wrap *{box-sizing: border-box;}
.none{display:none !important;}
.vmv_wrap {position:relative;width:100%;height: calc(100vh - 140px);overflow:hidden;}
.vmv_wrap h2{margin: 5vh auto 8vh auto;width:calc(100% - 32px); max-width:1439px;z-index:2; font-family:'OneShinhan';font-size: 32px;line-height: 44px; font-weight:900;text-align:center;}
.vmv_wrap h2 sup{vertical-align: text-top;font-size: 16px;line-height: 1.9;}
.vmv_wrap h3,
.vmv_wrap h4{font-family:'OneShinhan';text-align:center;font-weight:900; color:#fff;}
.vmv_wrap > ul {width: calc(100% - 48px);max-width: 1296px;padding: 0;margin:0% auto 0 auto;display: flex;transition: all .1s ease;border-radius: 16px;overflow: hidden;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;aspect-ratio: 1296/480;}
.vmv_wrap > ul.wide { width:100%; max-width:100%; padding-top:0px; height:100%;overflow: hidden; border-radius: 0; margin: 0 auto;  transition:0s;  animation-name:scaleUp11; animation-delay: 0s; animation-duration:.8s !important; top:0 !important;}
@keyframes scaleUp11{
    0% {padding-top:450px;height:0%;} 
    20% {} 
    40% {width: 100%;} 
    100% {padding-top:0px;height:100%;} 
}
.vmv_wrap > ul.wide .mission_tit{color: #24272D;}
.vmv_wrap > ul.wide .mission_uptxt{visibility:visible;}
.vmv_wrap > ul > li {height:100%;position:relative;display:flex; align-items:center; vertical-align:bottom;width:calc(33.3% - 8px);background-color:#fff;}
.vmv_wrap > ul > li + li{margin-left:24px;}
.vmv_wrap > ul > li {animation-name:scaleUpdd; animation-delay: 0s; animation-duration:1s !important;}
.vmv_wrap > ul > li > div {position:relative;width:100%; height:100%;border-radius:24px; margin:0px auto;overflow:hidden;}
.vmv_wrap > ul > li > div::after {content: ""; position: absolute;top: 0; right: 0; bottom: 0; left: 0; background: inherit; background-size: cover; transform-origin: center; transition: transform .3s ease-in-out;}
@keyframes scaleUpdd{
    0% {padding-top:0px; transform: scale(.5)} 
    100% {transform: scale(1)} 
}
.vmv_wrap > ul > li#top_mission > div{background: url("../images/about/mission_bg.jpg") no-repeat center / cover;}
.vmv_wrap > ul > li#top_value > div{background: url("../images/about/value_bg.jpg") no-repeat center / cover;}
.vmv_wrap > ul > li#top_vision > div{background: url("../images/about/vision_bg.jpg") no-repeat -80px 0 / cover;}
.vmv_wrap > ul > li:hover > div{cursor:pointer;}
.vmv_wrap > ul > li:hover > div::after { transform: scale(1.1);}
.vmv_wrap > ul > li.active:hover > div::after { transform: scale(1);}
.vmv_wrap > ul > li.active  .vision_upSide .vision_uptxt,
.vmv_wrap > ul > li.active  .value_upSide .value_uptxt{animation-name:upside; animation-delay: 0s;animation-duration:3s;}
.vmv_wrap > ul > li.active  .vision_upSide .vision_btmtxt,
.vmv_wrap > ul > li.active  .value_upSide .value_btmtxt,
.vmv_wrap > ul > li.active  .vision_upSide .vision_downSide,
.vmv_wrap > ul > li.active  .value_upSide .value_downSide{animation-name:upside4; animation-delay: 0s;animation-duration: .5s;}
@keyframes upside4{
    0% {opacity: 0;margin-top: 0px;} 
    100% {opacity:1;margin-top: 0px;}
}
.vmv_wrap > ul > li .mission_slideContainer{opacity:0;}
.vmv_wrap > ul > li.active .mission_slideContainer{animation-name:upside; animation-delay: 0s; animation-duration:2s; opacity:1;}
.vmv_wrap > ul > li.active#top_mission > div{background: url("../images/about/mission_bg.jpg") no-repeat center / cover; animation-duration:.5s; cursor:default;}
.vmv_wrap > ul > li.active#top_value > div{background: url("../images/about/value_bg.jpg") no-repeat center / cover;  animation-duration:1.5s;-ms-overflow-style: none; cursor:default;}
.vmv_wrap > ul > li.active#top_vision > div{cursor:default;}
.vmv_wrap > ul > li.active#top_value > div::-webkit-scrollbar{display:none;}
.vmv_wrap > ul > li.bg_go#top_vision > div{-ms-overflow-style:none;animation:backPos3_2 .5s forwards !important;}
@keyframes backPos3_2{
    100% {
        background-position : 50% 50%
    }
}
.vmv_wrap > ul > li.bg_back#top_vision > div{background-position:50% 50%;animation:backPos3_1 .5s forwards !important;}
@keyframes backPos3_1{
    100% {
        background-position : -80px 50%
    }
}
.vmv_wrap > ul > li.active#top_vision > div::-webkit-scrollbar{display:none;}
.vmv_wrap > ul > li .value_upSide{display:none;}
.vmv_wrap > ul > li.active .value_upSide{display:block;}
.vmv_wrap > ul > li .vision_upSide{display:none;}
.vmv_wrap > ul > li.active .vision_upSide{display:block;}
.vmv_wrap > ul > li .v_card_txt{display:block;}
.vmv_wrap > ul > li.active .v_card_txt{display:none;}
.vmv_wrap > ul > li .reset_btn{display:none;}
.vmv_wrap > ul > li.active .reset_btn{display:block;}
.vmv_wrap > ul > li.active#top_mission > div.mission_wrap.on{position:relative;}
.vmv_wrap > ul > li.active#top_mission > div.mission_wrap.on:before{content:"";display:block;position:absolute;top:0; left:0;z-index:1;width:100%;height:100%; background:rgba(0, 0, 0, 0.4);}
.m_slidetit .br_pc{display:block;}
.vmv_wrap .v_card_txt{height:100%;position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; z-index:10; text-align:center;font-size: 32px;line-height: 44px; font-weight:700;width:100%;}
.vmv_wrap .v_card_txt > p{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.vmv_wrap .v_card_txt .plusmore{position:absolute; bottom:32px; left:50%; transform:translateX(-50%);width:48px;height:48px;z-index:10;display:block;
border-radius:50%; background:rgba(36, 39, 45, 0.40) url("../images/about/icon__add_plus.svg") no-repeat center / 24px; backdrop-filter: blur(20px);-webkit-backdrop-filter:blur(20px);transition:.3s;}
.vmv_wrap > ul > li:hover .plusmore{background-color:blue;}

.reset_btn{position:absolute; bottom:40px; right:40px; z-index:10; }
.reset_btn button{width:149px; height:64px; border-radius:50px; padding-left:34px;background:#0046FF url("../images/about/return_arrow.svg") no-repeat left 24px center / 20px; color:#fff;font-size: 18px;line-height: 28px;font-weight:500; box-sizing: border-box;}
.scroll_btn_wrap{position:absolute; bottom:60px; left:50%;transform :translateX(-50%);z-index:10;}
.scroll_btn {display: block;width: 45px;height: 35px;margin: 0 auto;background: url(../images/about/scroll_down.png) no-repeat 0 0;background-size: 45px 35px;z-index: 3;font-size: 1px;color: transparent;animation: upDown;animation-duration: 1.5s;animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);animation-iteration-count: infinite;}
@keyframes upDown {
    0% {
        transform: translateY(20px)
    }

    50% {
        transform: translateY(0px)
    }

    100% {
        transform: translateY(20px)
    }
}
/*pagination*/
.swiper-pagination.mission{right:40px !important;}
.swiper-pagination.mission .swiper-pagination-bullet {width:8px; height:8px; background:#fff; opacity:0.4;margin:24px;}
.swiper-pagination-bullet-active{opacity:1 !important;}
.swiper-pagination.mission .swiper-pagination-bullet-active:before {content: ""; display: block; width:8px; height:8px; background:#fff; border-radius:50%;opacity:1 !important;}
.swiper-pagination.mission .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination.mission .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,24px) 0}
/*mission*/
.mission_wrap{height:-webkit-fill-available;}
.mission_wrap .mission_slideContainer{ width:100%;  height:100vh; overflow:hidden;height:-webkit-fill-available;}
.mission_wrap .mission_slideWrap{position:relative; z-index:2;width:calc(100% - 208px); margin:0px auto; }
.mission_wrap .mission_slide{display:flex;align-items: center;}
.mission_wrap img{width:100%;}
/*mslide0*/
.mission_wrap .mission_slide.mslide0{flex-direction:column;justify-content: center;}
.mission_wrap .mission_upSide {margin-top:-20%;}
.mission_wrap .mission_upSide p {text-align:center; }
.mission_wrap .mission_tit{margin-bottom: 16px;font-family:'OneShinhan'; font-weight:900;font-size:48px; line-height:66px;color:#24272D;}
.mission_wrap .mission_upSide .mission_uptxt{margin-bottom:187px; font-size: 18px;line-height: 28px;font-weight:500;color:#24272D; visibility: visible;}
.mission_wrap .mission_upSide .mission_btmtxt{ position:relative; font-size: 24px;line-height: 38px;font-weight:700;color:#EB6E47;}
.mission_wrap .mission_upSide .mission_btmtxt:after{content:""; position:absolute; top:50px; left:50%; transform:translateX(-50%);display:block; width:50vw; max-width:586px; height:138px; background: url("../images/about/mission_logo.png") no-repeat center top / contain;}
.mission_wrap .m_slidetit{font-family:'OneShinhan'; font-weight:900;font-size:32px; line-height:44px;color:#fff;}
.mission_wrap .m_slidetit_wrap{position:absolute; z-index:2;top:16vh;left:104px;display:none;}
.mission_wrap .m_slidetit_wrap.on{display:block;animation-name:misani; animation-delay: 0s; animation-duration:1s;}
@keyframes misani{
    0% {opacity: 0;} 
    100% {opacity:1;}
}
.mission_wrap .mission_slide .m_slidetit{position:absolute; z-index:2;top:16vh;font-family:'OneShinhan'; font-weight:900;font-size:32px; line-height:44px;color:#fff;}
.mission_wrap .mission_slide.mslide1 .m_slidetit{display:none;}
.mission_wrap .m_slide_l{width:50%;}
.mission_wrap .m_slide_l p{color:#fff;position:absolute;}
.mission_wrap .m_slide_tit{padding:0 0 16px 0;font-size:28px;line-height:38px;color:#fff;font-weight:700;top:calc(16vh + 252px);}
.mission_wrap .m_slide_sub{font-size:22px; line-height:32px;color:#fff;font-weight:500;top:calc(16vh + 300px);max-width:580px;}
.mission_wrap .m_slide_r{width:50%; text-align:center;}
.mission_wrap .m_slide_r > div{display:inline-block;}
.mission_wrap .r_one_box {position:relative; max-width:856px; }
.mission_wrap .r_two{max-width:736px; display:inline-block;}
.mission_wrap .m_slide_r > div.r_three{display:inline-block;padding:0;}
.mission_wrap .m_slide_l,
.mission_wrap .m_slide_r{background-color:transparent;}
.mission_wrap .mission_slide.on .m_slide_l{animation-name:upside; animation-delay: 0s; animation-duration:2s ;}
.mission_wrap .mission_slide.on .m_slide_r >div {animation-name:upside; animation-delay: 0s; animation-duration:2s;}
@keyframes upside{
    0% {opacity: 0;} 
    10% {opacity: 0;} 
    100% {opacity:1;}
}
.value_wrap .value_upSide {position: relative; padding-top:10vh; z-index: 1;}
.value_wrap .value_tit{margin-bottom:16px; font-size:48px; line-height:66px;}
.value_wrap .value_upSide .value_uptxt{margin-bottom:104px; font-size: 18px;line-height: 28px;font-weight:500;text-align:center; color:#fff;}
.value_wrap .value_upSide .value_btmtxt{ position:relative; margin: 0 auto 40px auto;font-size: 42px;line-height: 60px; font-weight:900;font-family:'OneShinhan';text-align:center; color:#fff;}
.value_wrap .value_downSide > ul{display:flex;justify-content:space-between;width: 100%;margin:0px auto;max-width: 1376px;    aspect-ratio: 1376 / 380;}
.value_wrap .value_downSide > ul > li{padding:32px;width: 31%;height: 100%;border-radius:24px;background:rgba(255,255,255,0.6) url("../images/about/value_icon1.png") no-repeat;background-size:160px 160px;background-position:right 32px bottom 10px;box-sizing:border-box;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.value_wrap .value_downSide > ul > li:nth-child(2){background-image:url("../images/about/value_icon2.png");}
.value_wrap .value_downSide > ul > li:nth-child(3){background-image:url("../images/about/value_icon3.png");}
.value_wrap .downSide_tit{margin-bottom:16px;font-size: 24px;line-height: 38px; font-weight:700;color:#0046FF;}
.value_wrap .downSide_tit.ds_blue{ color:#0083C9;}
.value_wrap .downSide_tit.ds_green{ color:#008D36;}
.value_wrap .downSide_tit.ds_orange{ color:#E8471B;}
.value_wrap .downSide_uptxt{font-size: 18px;line-height: 28px;font-weight:500;text-align:left;}
.vision_wrap .vision_upSide {position: relative; padding-top:10vh; z-index: 1;}
.vision_wrap .vision_tit{margin-bottom:16px; font-size:48px; line-height:66px;}
.vision_wrap .vision_upSide .vision_uptxt{margin-bottom:104px; font-size: 18px;line-height: 28px;font-weight:500;text-align:center; color:#fff;}
.vision_wrap .vision_upSide .vision_btmtxt{ position:relative;width:calc(100% - 64px); max-width: 560px;margin: 0 auto 40px auto;text-align:center;}
.vision_wrap .vision_upSide .vision_btmtxt img{width:100%;}
.vision_wrap .vision_downSide > ul{display:flex;justify-content:space-between;width: 100%;max-width: 1376px;margin:0px auto;  aspect-ratio: 1376 / 380;}
.vision_wrap .vision_downSide > ul > li{padding:32px;width: 31%;height: 100%;border-radius:24px;background:rgba(255,255,255,0.6) url("../images/about/vision_icon1.png") no-repeat;background-size:160px 160px;background-position:right bottom 10px;box-sizing:border-box;backdrop-filter: blur(20px);-webkit-backdrop-filter:blur(20px)}
.vision_wrap .vision_downSide > ul > li:nth-child(2){background-image:url("../images/about/vision_icon2.png");}
.vision_wrap .vision_downSide > ul > li:nth-child(3){background-image:url("../images/about/vision_icon3.png");}
.vision_wrap .downSide_tit{margin-bottom:16px;font-size: 24px;line-height: 38px; font-weight:700;color:#0046FF;}
.vision_wrap .downSide_uptxt{font-size: 18px;line-height: 28px; font-weight:500;text-align:left;}
/*오시는 길*/
.loca_wrap{display:flex; justify-content:flex-start;position:relative;margin-top:80px;}
.loca_wrap .loca_title{width:576px;font-size: 32px;font-weight: 700;line-height: 44px; color:#24272D;}
.loca_wrap .loca_title > p{position:sticky; top:120px; left:0;margin-top:120px;font-size: 32px;font-weight: 700;line-height: 44px; color:#24272D;}
.loca_wrap .loca_cont{width:848px;}
.loca_wrap .loca_cont.mapC{width:848px;margin-top:120px;}
.loca_cont > li{display:table;}
.loca_cont > li > span{display:table-cell;font-size: 20px;font-weight: 700;line-height: 32px;color:#24272D;}
.loca_cont > li > span.loca_cont_left{width:calc(128px + 16px);}
/* 2024-07-11 수정 */
.loca_cont > li > span.loca_cont_right{font-weight:500;padding-bottom:56px;}
.loca_cont > li.pbs > span.loca_cont_right{padding-bottom:16px;}
.loca_wrap.lBtm{margin-top:0;}
.loca_wrap.lBtm .loca_cont_tit {width:100%;font-size: 28px;font-weight: 700;line-height: 38px; color:#24272D; padding:56px 0 24px 0 ; border-top:1px solid #EBEFF5;}
.loca_wrap.lBtm .loca_cont_tit:first-child {padding-top:0; border:none;}
.loca_map_box{width:100%; object-fit: cover; height:560px; overflow: hidden;}
.loca_map_box .map_div{width:100%;height:560px;}
.loca_map_box img{width:100%; min-height:100%;}
/* 그룹 아이덴티티 - CI, 서체 */
.content.identity .visual_sub .img:nth-child(2){display:none;}
.box.fonts{height:auto;padding-top:0;font-weight:700;font-size:60px;line-height:88px;opacity:1;animation:none !important;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:'OneShinhan';}
.identity_wrap{position:relative;display:flex;justify-content:flex-start;justify-content:space-between;width:100%;margin-top:120px;}
.identity_wrap > .txt_wrap{display:block;position:sticky;top:120px;left:0;width:calc(100% - 992px);height:400px;text-align:left;}
.identity_wrap > span.fontsticky{position:sticky;top:120px;left:0;height:fit-content;}
.identity_wrap > span, .identity_wrap > .txt_wrap > span{font-weight:700;font-size:32px;line-height:44px;}
.identity_wrap > .txt_wrap > p{font-weight:500;font-size:18px;line-height:28px;}
.identity_wrap > .txt_wrap > span + p{margin-top:8px;}
.identity_wrap .cont_wrap > div{width:992px;letter-spacing:-0.5px;color:#24272D;}
.identity_wrap .cont_wrap > div + div{margin-top:80px;}
.identity_wrap .cont_tit{display:block;font-weight:700;font-size:28px;line-height:38px;color:#24272D;}
.identity_wrap .cont_tit2{display:block;font-weight:700;font-size:22px;line-height:32px;color:#24272D;}
.identity_wrap .cont_txt{font-weight:500;font-size:20px;line-height:32px;}
.identity_wrap .cont_tit + .cont_txt{margin-top:8px;}
.identity_wrap .cont_tit + .cont_box, 
.identity_wrap .cont_txt + .cont_box,
.identity_wrap .cont_tit + .cont_tit2, 
.identity_wrap .cont_tit2 + .cont_box{margin-top:32px;}
.identity_wrap .cont_box{position:relative;width:100%;height:100%;border-radius:24px;background-color:#F3F6FB;}
.identity_wrap .cont_box + .cont_tit{margin-top:80px;}
.identity_wrap .cont_box ul{position:relative;display:flex;width:100%;}
.identity_wrap .cont_box li{width:100%;padding:32px;box-sizing:border-box;}
.identity_wrap .cont_box .type_name{display:block;font-weight:500;font-size:20px;line-height:32px;color:#6C747E;}
.identity_wrap .cont_box .type_name.fc_white{color:#FFFFFF;}
.identity_wrap .cont_box .type_name.fc_black{color:#000000;}
.identity_wrap .cont_box .type_desc{font-weight:500;font-size:14px;line-height:22px;}
.identity_wrap .cont_box .type_name,
.identity_wrap .cont_box .type_desc{text-align:left;}
.identity_wrap .cont_box + .btn_area{margin-top:24px;}
.identity_wrap .btn_area .roundbt + .roundbt{margin-left:8px;}
.identity_wrap .fonts .cont_box.ty1{height:400px;background:url("../images/about/fonts_img.png") #F3F6FB no-repeat 50% 50% / 437px 309px;}
.identity_wrap .fonts .cont_box.ty2 ul{flex-direction:column;}
.identity_wrap .fonts .cont_box.ty2 li{height:240px;}
.identity_wrap .fonts .cont_box.ty2 li:nth-child(1){background:url("../images/about/fonts_bold.png") no-repeat 50% 50% / 686.9px 80px;}
.identity_wrap .fonts .cont_box.ty2 li:nth-child(2){background:url("../images/about/fonts_medium.png") no-repeat 50% 50% / 686.9px 80px;}
.identity_wrap .fonts .cont_box.ty2 li:nth-child(3){background:url("../images/about/fonts_light.png") no-repeat 50% 50% / 686.9px 80px;}
.identity_wrap .fonts .cont_box.ty2 li + li{border-top:1px solid #E1E6EC}
.identity_wrap .ci .cont_txt + .cont_tit, .identity_wrap .ci .btn_area + .cont_tit{margin-top:80px;}
.identity_wrap .ci .cont_box ul + ul{border-top:1px solid #E1E6EC;}
.identity_wrap .ci .cont_box li{width:calc(100% / 2);height:280px;}
.identity_wrap .ci .cont_box li + li{border-left:1px solid #E1E6EC;}
.identity_wrap .ci .cont_box.ty1{aspect-ratio: 992 / 232;background:url("../images/about/ci_concept.jpg") no-repeat center center / 100% 100%;}
.identity_wrap .ci .cont_box.ty2{height:480px;background:url("../images/about/ci_symbolmark.png") #F3F6FB no-repeat 50% 50% / 100%;}
.identity_wrap .ci .cont_box.ty3 li:nth-child(1){background:url("../images/about/ci_logo_ty1.png") no-repeat 50% 50% / 217.32px 36px;}
.identity_wrap .ci .cont_box.ty3 li:nth-child(2){background:url("../images/about/ci_logo_ty2.png") no-repeat 50% 50% / 80%;}
.identity_wrap .ci .cont_box.ty4 ul:nth-child(1) li:nth-child(1){background:url("../images/about/ci_logo_sig_ty1.png") no-repeat 50% 50% / 272.28px 47px;}
.identity_wrap .ci .cont_box.ty4 ul:nth-child(1) li:nth-child(2){background:url("../images/about/ci_logo_sig_ty2.png") no-repeat 50% 50% / 190.1px 120px;}
.identity_wrap .ci .cont_box.ty4 ul:nth-child(2) li:nth-child(1){background:url("../images/about/ci_logo_sig_ty3.png") no-repeat 50% 50% / 80%;}
.identity_wrap .ci .cont_box.ty4 ul:nth-child(2) li:nth-child(2){background:url("../images/about/ci_logo_sig_ty4.png") no-repeat 50% 50% / 179.93px 150px;}
.identity_wrap .colors .cont_box{display:flex;flex-direction:row;}
.identity_wrap .colors .cont_box + .cont_tit2{margin-top:64px;}
.identity_wrap .colors .cont_box li{display:flex;flex-direction:column;justify-content:space-between;text-align:left;}
.identity_wrap .colors .cont_box.ty1 ul{width:calc(100% / 2);}
.identity_wrap .colors .cont_box.ty1 ul:nth-child(1) li:nth-child(1){border-radius:24px 0 0 24px;color:#FFFFFF;background:#0045FF;}
.identity_wrap .colors .cont_box.ty1 ul:nth-child(2){display:flex;flex-direction:column;}
.identity_wrap .colors .cont_box.ty1 ul:nth-child(2) li{height:202px;}
.identity_wrap .colors .cont_box.ty1 ul:nth-child(2) li:nth-child(1){border-top-right-radius:24px;color:#FFFFFF;background:#000000;}
.identity_wrap .colors .cont_box.ty1 ul:nth-child(2) li:nth-child(2){border:1px solid #E1E6EC;border-bottom-right-radius:24px;color:#000000;background:#FFFFFF;}
.identity_wrap .colors .cont_box.ty2 li{width:calc(100% / 4);height:202px;}
.identity_wrap .colors .cont_box.ty2 li:nth-child(1){border-radius:24px 0 0 24px;background:#9ED0F2;}
.identity_wrap .colors .cont_box.ty2 li:nth-child(2){background:#6AADEF;}
.identity_wrap .colors .cont_box.ty2 li:nth-child(3){color:#FFFFFF;background:#4478ED;}
.identity_wrap .colors .cont_box.ty2 li:nth-child(4){border-radius:0 24px 24px 0;color:#FFFFFF;background:#0C236A;}
/* 그룹 아이덴티티 - 캐릭터 */
.inner.character{padding-bottom:120px;}
.s_tit.character{margin:120px 0 80px;}
.player{width:1136px;height:639px;margin:0 auto;}
.player .video{position:relative;padding-top:56.25%;}
.player .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.character_intro{display:flex;justify-content:center;margin:120px 0;word-break:break-word;letter-spacing:-0.5px;color:#24272D;}
.character_intro .txt1 p{max-width:443px;font-weight:700;font-size:32px;line-height:44px;}
.character_intro .txt2 p{max-width:848px;font-weight:500;font-size:20px;line-height:32px;}
.character_intro .txt2 p + p{margin-top:32px;}
.character_intro .txt1 + .txt2{margin-left:138px;}
.sh_characters{width:1136px;height:454px;margin:0 auto}
.sh_characters > img{width:100%}
.character_wrap{width:100%;overflow:hidden;}
.character_wrap > ul > li:nth-child(1){background:#A1C9FA;}
.character_wrap > ul > li:nth-child(2){background:#DACDF3;}
.character_wrap > ul > li:nth-child(3){background:#94CAFF;}
.character_wrap > ul > li:nth-child(4){background:#C8B4A5;}
.character_wrap > ul > li:nth-child(5){background:#AEB7C1;}
.character_wrap > ul > li:nth-child(6){background:#8ED6F1;}
.character_wrap > ul > li:nth-child(7){background:#FFAD67;}
.character_wrap > ul > li:nth-child(8){background:#A3C7F7;}
.character_wrap > ul > li > div{opacity:0;position:relative;display:flex;justify-items:center;align-items:center;margin:0 auto;width:100%;max-width:1424px;height:560px;letter-spacing:-0.5px;background:no-repeat left 0 / 100%;background-size:704px 560px;}
.character_wrap > ul > li:nth-of-type(even) > div{background-position:right center;transform: translate(-250px, 0);}
.character_wrap > ul > li:nth-of-type(odd) > div{background-position:left center;flex-direction:row-reverse;transform: translate(250px, 0);}
.character_wrap .active {opacity: 1 !important;transform: translate(0, 0) !important;transition:0.35s all ease-in;}
.character_wrap .character_txt{position:relative;width:560px;}
.character_wrap .character_txt span{font-family:'Pretendard', sans-serif;}
.character_wrap .character_txt .name::before{content:"";display:block;width:auto;height:56px;}
.character_wrap .character_txt .title{display:block;font-weight:700;font-size:28px;line-height:38px;text-align:left;padding-top:48px;}
.character_wrap .character_txt .text{display:block;font-weight:500;font-size:20px;line-height:32px;margin-top:16px;text-align:left;}
.character_wrap .sol{background-image:url('../images/about/character_sol.png');}
.character_wrap .moli{background-image:url('../images/about/character_moli.png');}
.character_wrap .rino{background-image:url('../images/about/character_rino.png');}
.character_wrap .shoo{background-image:url('../images/about/character_shoo.png');}
.character_wrap .doremi{background-image:url('../images/about/character_doremi.png');}
.character_wrap .lulu{background-image:url('../images/about/character_lululala.png');}
.character_wrap .pli{background-image:url('../images/about/character_pli.png');}
.character_wrap .lay{background-image:url('../images/about/character_lay.png');}
.character_wrap .sol .name::before{width:138px;background:url("../images/about/character_name_sol.png") no-repeat 0 0 / 100%;}
.character_wrap .moli .name::before{width:166px;background:url("../images/about/character_name_moli.png") no-repeat 0 0 / 100%;}
.character_wrap .rino .name::before{width:166px;background:url("../images/about/character_name_rino.png") no-repeat 0 0 / 100%;}
.character_wrap .shoo .name::before{width:174px;background:url("../images/about/character_name_shoo.png") no-repeat 0 0 / 100%;}
.character_wrap .doremi .name::before{width:316px;background:url("../images/about/character_name_doremi.png") no-repeat 0 0 / 100%;}
.character_wrap .lulu .name::before{width:362px;background:url("../images/about/character_name_lululala.png") no-repeat 0 0 / 100%;}
.character_wrap .pli .name::before{width:98px;background:url("../images/about/character_name_pli.png") no-repeat 0 0 / 100%;}
.character_wrap .lay .name::before{width:124px;background:url("../images/about/character_name_lay.png") no-repeat 0 0 / 100%;}
.character_wrap .sol .title{color:#002DAA;}
.character_wrap .moli .title{color:#7743C7;}
.character_wrap .rino .title{color:#002DAA;}
.character_wrap .shoo .title{color:#754E30;}
.character_wrap .doremi .title{color:#24272D;}
.character_wrap .lulu .title{color:#0C688A;}
.character_wrap .pli .title{color:#684114;}
.character_wrap .lay .title{color:#154079;}
/*윤리강령*/
.accordion_list .accord_txt > p{font-size: 18px;line-height: 28px; font-weight:500; color:#24272D; }
.accordion_list .accord_txt > p + p,
.accordion_list .accord_txt > p + dl{margin-top:24px;}
.accord_in_terms > dt{margin-bottom:8px;font-size: 18px;line-height: 28px; font-weight:500; color:#24272D; }
.accord_in_terms > dd{font-size: 18px;line-height: 28px; font-weight:300; color:#24272D; }
.accord_in_terms > dd + dt{margin-top:24px;}
.accord_in_terms .rule_numList >li{margin-bottom:4px;padding-left:20px; font-size: 18px;line-height: 28px; font-weight:300; color:#24272D;}
.accord_in_terms .rule_numList >li span.listBul{display:inline-block; margin-right:6px;text-indent:-20px; font-size: 18px;line-height: 28px; font-weight:300; color:#24272D;}
/*협력회사 행동규범*/
.proposal_wrap{margin-top:56px;padding:32px; width:100%; border-radius: 24px;border: 1px solid #B9C1C9; display:flex;justify-content:flex-start;box-sizing:border-box;align-items: center;}
.proposal_wrap .proposal_left{padding:0 32px 0 99px;background:url(../images/about/tell_icon.svg) no-repeat left center / 75.23px 57.59px;border-right: 1px solid #D6DBE1;}
.proposal_wrap .proposal_tit{color:#24272D;font-size: 24px;font-weight: 500;line-height: 38px; }
.proposal_wrap .proposal_right{padding-left:32px;}
.proposal_wrap .proposal_text{margin-bottom:4px;font-size: 18px; font-weight: 300; line-height: 28px; color:#565B64;}
.proposal_wrap .proposal_email{position:relative;padding-left:24px;}
.proposal_wrap .proposal_email:before {content:'';display:block;position:absolute;top:7px;left:0px; width:20px;height:15px;background:url(../images/about/email_icon.svg) no-repeat center;background-size:100%;}
.proposal_wrap .proposal_email > span{display:inline-block;font-size: 18px; font-weight: 500; line-height: 28px; color:#565B64;}
.proposal_wrap .roundbt {height:28px;font-size:12px;line-height:26px;vertical-align:top;padding: 0 16px;letter-spacing: -0.6px;box-sizing:border-box;}
.proposal_wrap .proposal_email > span + .roundbt{margin-left:8px;}
/*인권선언서*/
.human_type_in{width:100%;}
.human_type_in > p.human_txt_big{font-size: 26px;line-height: 38px; font-weight:700;color:#24272D;}
.human_type_in > p.human_txt_small{font-size: 20px;line-height: 32px;font-weight:500;color:#24272D;}
.human_type_in > p.human_txt_big + p.human_txt_small {margin-top:16px;}
.human_type_in > p.human_txt_small + p.human_txt_small {margin-top:16px;}
.human_type_in + .accordion_wrap{margin:80px 0;}
/*신한人윤리*/
.int_wrap .ethics_inner {opacity: 0; transform: translateY(100px);}
.int_wrap.on .ethics_inner {opacity: 1; transform: translateY(0); transition: all .3s;}
.int_wrap.ethics {position:relative;width:100%; margin-top: 154px; }
.int_wrap.ethics .int_wrap_inner {box-sizing:border-box;margin:0 auto} 
.int_wrap.ethics .full_img {position:sticky; top: 0; left:0;width: 100%; height: 100vh; } 
.int_wrap.ethics .full_img img {width:calc(100% - 456px);height: calc(100vh - 552px); border-radius: 24px;object-fit: cover;box-sizing: border-box;margin: 0 auto 0;transition: all .3s;border-top-left-radius:24px;border-top-right-radius:24px;}
.int_wrap.ethics.on {position:relative;width:100%;}
.int_wrap.ethics.on .full_img img {width: 100%; height: 100vh; margin-top: 0; border-radius: 0; transition: all .3s;}
.int_wrap.ethics .ethics_inner .txt_box {position:sticky;top:6%;left:8.6%;width:26%;color:#fff;text-align:left;margin-top:0; padding-top: 60px;}
.int_wrap.ethics .ethics_inner .txt_box dt {font-family:'Pretendard';font-size:20px;line-height:32px;color:#fff;font-weight:500}
.int_wrap.ethics .ethics_inner .txt_box dd {font-family:'Pretendard';font-size:32px;line-height:44px;margin-top:6px;color:#fff;font-weight:700}
.ethics_inner {position: relative; z-index: 1;display: flex; justify-content: space-between; align-items: flex-start; padding: 100px 0 160px; margin-top: -100vh;}
.ethics_inner .txt_box {position: relative;color:#fff } 
.int_wrap.ethics .scroll_list {width:992px; padding-right: 104px;}
.int_wrap.ethics .scroll_list ul{position:relative;}
.int_wrap.ethics .scroll_list ul li {position:relative;float:left;width:464px;height:520px;padding:40px;box-sizing:border-box;border-radius:24px;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px); opacity:1;transition: opacity ease 5s;}
.int_wrap.ethics .scroll_list ul li:nth-child(2n) {float:right}
.int_wrap.ethics .scroll_list ul li dt {font-size:28px;line-height: 38px;color:#fff}
.int_wrap.ethics .scroll_list ul li dd {margin-top:16px;font-size:18px;line-height:28px;color:#fff}
.int_wrap.ethics .scroll_list ul li dd span {position:relative;display:block;width:100%;padding-left:12px;box-sizing:border-box}
.int_wrap.ethics .scroll_list ul li dd span:before {content:'';display:block;position:absolute;top:13px;left:0;width:4px;height:4px;border-radius:50%;background:#fff}
.int_wrap.ethics .scroll_list ul li + li {margin-top:80px} 
.int_wrap.ethics .scroll_list ul li:nth-child(2) {margin-top:168px}
.int_wrap.ethics .scroll_list ul li.ico:after {content:'';display:block;position:absolute;right:40px;bottom:40px;width:160px;height:160px;background-size:100% 100%}
.int_wrap.ethics .scroll_list ul li.ico.ico1:after {background:url(../images/about/ethics_ico1.png) no-repeat 0 0;width:160px;height:160px;background-size:100% 100%}
.int_wrap.ethics .scroll_list ul li.ico.ico2:after {background:url(../images/about/ethics_ico2.png) no-repeat 0 0;width:160px;height:160px;background-size:100% 100%}
.int_wrap.ethics .scroll_list ul li.ico.ico3:after {background:url(../images/about/ethics_ico3.png) no-repeat 0 0;width:160px;height:160px;background-size:100% 100%}
.int_wrap.ethics .scroll_list ul li.ico.ico4:after {background:url(../images/about/ethics_ico4.png) no-repeat 0 0;width:160px;height:160px;background-size:100% 100%}
.int_wrap.ethics .scroll_list ul li.ico.ico5:after {background:url(../images/about/ethics_ico5.png) no-repeat 0 0;width:160px;height:160px;background-size:100% 100%}
.int_wrap.ethics .scroll_list ul li.ico.ico6:after {background:url(../images/about/ethics_ico6.png) no-repeat 0 0;width:160px;height:160px;background-size:100% 100%}
/*신한금융그룹소개*/
.int_wrap.intro  {width: 100%; height: calc(100vh + 500px);}
.int_wrap.intro .int_wrap_inner {width: 100%; box-sizing:border-box;margin:0 auto; }
.int_wrap.intro .full_img {position:absolute; top: -164px; width: 100%; height: 100vh; } 
.int_wrap.intro .full_img img {width:calc(100% - 456px);height: calc(100vh - 443px); border-radius: 24px;object-fit: cover;box-sizing: border-box;margin: 535px auto 0;transition: all .3s;max-width:1424px;object-position: top left;}
.int_wrap.intro.on .full_img {z-index:51}
.int_wrap.intro.on .full_img img {width: 100%; height: 100vh; margin-top: 0; border-radius: 0; transition: all .3s;max-width:100%}
.int_wrap.intro .txt_box {position: relative; display:flex;flex-direction:column;justify-content:space-between; height:calc(100vh - 164px);padding:80px 104px ;margin-top:0;box-sizing: border-box;border:0} 
.int_wrap.intro.on .txt_box {z-index: 52;border:0} 
.int_wrap.intro.on .txt_box p.tit {color: #fff; transition: color .3s;}
.int_wrap.intro .txt_box .txt {color: #fff; opacity:0; transform: translateY(100%); transition: all .3s;}
.int_wrap.intro.on .txt_box .txt {opacity:1; transform: translateY(0); transition: all .3s;}
.int_wrap.intro.on .int_wrap_in {padding:0;height:100%}
.inner.intro {padding:258px 0 160px;}
.intro_dl{position:relative;width:100%;height:592px;text-align:left;margin-top:0;border-radius:24px;overflow:hidden;}
.intro_dl .img {position:relative;top:0;z-index:-1;width:100%;height: 100%;}
.intro_dl .img img {max-width:100%;border-radius:24px;object-fit:cover;height:auto;height: 100%;}
.intro_dl .txt_box {position:absolute;top:80px;left:96px;text-align:left;margin-top:0;}
.intro_dl .txt_box dt {font-family:'OneShinhan';font-size:32px;line-height:44px;font-weight:900;} 
.intro_dl .txt_box.wh {color:#fff;}
.intro_dl .txt_box dd {font-size:22px;line-height:34px}
.intro_dl + .intro_dl  {margin-top:120px}
.intro_dl .w_none1 , .intro_dl .w_none2 {display:none}
.intro_dl.ione {opacity:0; transform: translateY(200px); transition: all .3s;}
.intro_dl.ione.on {opacity:1; transform: translateY(0); transition: all .3s;}
.intro_dl.itwo {opacity:0; transform: translateY(200px); transition: all .4s;}
.intro_dl.itwo.on {opacity:1; transform: translateY(0); transition: all .4s;}

@media screen and (max-width:1700px) {
    /*소개*/
    .int_wrap.ethics.on .txt_box dd br {display:none}
    .int_wrap.ethics.on .txt_box {left:104px}
    .int_wrap.intro .full_img img {width:calc(100% - 208px)}
    .int_wrap.ethics .full_img img {width:calc(100% - 208px)}
    /*연혁*/
    .inner.history{margin: 0 auto; }
    .link_tabtype.his li a{line-height:26px; font-size:16px;padding:0 20px;}
    .hislist_wrap .hislist_tit_wrap{width:100%;}
    .hislist_wrap .hislist_left .hislist_img_box{margin:32px auto 0 auto; }
    .hislist_wrap .hislist_left .hislist_img_box img{border-radius: 16px;}
    .hislist_wrap .hislist_left{padding:120px 0px 0 0px;}
    .hislist_cont:first-of-type {margin-top: 120px;}
    .hislist_cont:before {left: -82px;}
    .hislist_cont .hislist_cont_tit:after {left:-84px;}
    .hislist_wrap .hislist_tit_wrap .hislist_title{font-size:56px;}
    /* 그룹 아이덴티티 - 캐릭터 */
    .character_intro .txt1 p br:first-child {display:none}
    /* 그룹 아이덴티티 - CI */
    .identity_wrap > span{display:block;width:30%;}
    .identity_wrap > span, .identity_wrap > .txt_wrap{padding-right:24px;}
    .identity_wrap > .txt_wrap{width:30%;}
    .identity_wrap > .txt_wrap > p br{display:none;}
    .identity_wrap .cont_wrap{width:70%}
    .identity_wrap .cont_wrap > div{width:100%;}
}
@media screen and (max-width:1640px) {
    /*신한人윤리*/
    .int_wrap.ethics .scroll_list {width:55%}
    .int_wrap.ethics .scroll_list ul {width:100%}
    .int_wrap.ethics .scroll_list ul li {width:calc(50% - 36px);height:480px;margin-left:32px;padding:24px}
    .int_wrap.ethics .scroll_list ul li:nth-child(2) {margin-top:80px}
    .int_wrap.ethics .scroll_list ul li.ico.ico1:after {width:120px;height:120px}
    .int_wrap.ethics .scroll_list ul li.ico.ico2:after {width:120px;height:120px}
    .int_wrap.ethics .scroll_list ul li.ico.ico3:after {width:120px;height:120px}
    .int_wrap.ethics .scroll_list ul li.ico.ico4:after {width:120px;height:120px}
    .int_wrap.ethics .scroll_list ul li.ico.ico5:after {width:120px;height:120px}
    .int_wrap.ethics .scroll_list ul li.ico.ico6:after {width:120px;height:120px}
    .int_wrap.ethics .scroll_list ul li dt {font-size:24px;}
    .int_wrap.ethics .scroll_list ul li dd {font-size:16px;line-height:26px}
    .int_wrap.ethics .txt_box dt {font-size:18px;line-height:28px;}
    .int_wrap.ethics .txt_box dd {font-size:28px;line-height:38px;}
}
@media screen and (max-width: 1632px) {
    .full_wrap.intro .img{padding: 160px 104px 0;}
    .inner.intro {width:100%;max-width:100%;padding:258px 104px 160px;}
} 
@media screen and (max-width:1450px) {
    /*신한금융그룹소개*/
    .intro_dl {height:auto}
    .intro_dl .img img {width:100%;height:100%;}
}
@media screen and (max-width:1440px) and (min-width:1024px) {
    /* 그룹 아이덴티티 - 캐릭터 */
    .character_wrap > ul > li > div{max-width:1136px;background-size: 460px 367px;}
    .character_wrap li {padding:0 24px;box-sizing:border-box}
}
@media screen and (max-width:1440px) {
    /* 그룹 아이덴티티 - 캐릭터 */
    .character_wrap .character_txt{width:500px;}
    .character_wrap > ul > li > div{height:480px;}
    .accordion_wrap.group .accordion_list {padding-left:32px}
    .accordion_wrap.group .accordion_list .accord_tit .txt {padding:0 64px 0 32px;}
    .accordion_wrap.group .accordion_list .accord_tit .txt strong {font-size: 22px;line-height:32px}
    .accordion_wrap.group .accordion_list .accord_txt {padding-left:304px;font-size:16px;line-height:26px}
    .accordion_wrap.group .accordion_list .accord_tit:after {right:8px}
    /*신한금융그룹소개*/
    .inner.intro {width:100%;padding:173px 104px 120px}
    .intro_dl + .intro_dl{margin-top: 80px;}
    /*미션*/
    .breadcrumb.value{padding-left:48px; padding-right:48px;}
}
@media screen and (max-width:1400px) {
    /*협력회사 행동규범*/
    .proposal_wrap .proposal_tit{display:inline-block;min-width:180px;}
    /* 연혁 태블릿 */
    .inner.history{margin: 0 auto; }
    .hislist_wrap .hislist_left{width:calc(40% - 100px);}
    .hislist_wrap .hislist_right{width:60%;}
    .hislist_cont:before {left: -52px;}
    .hislist_cont .hislist_cont_tit:after{left:-54px;}
}
@media screen and (max-width:1300px) {
    .network_net_sub_bg{background:#070818 url('../images/about/network_sub_bg.png') no-repeat bottom 0 right 0;background-size: 504px 192px;}
    .sh_characters{width:100%;height:auto}
    .sh_characters > img{width:100%;}
    /* 신한네트워크 */
    .tabmenu_wrap.network{padding: 0 80px;}
    .aurora-circle{min-width: 70%;background-size:150px;}
    .aurora-one{left: 57px;}
    .aurora-one.border{width: 89%;height: 255px;left:19px;top: 93px;}
    .aurora-two.border{width: 89%;height: 255px;left:19px;top: 93px;}
    /*신한금융그룹소개*/
    .intro_dl .txt_box {top:48px;left:48px;}
    .intro_dl .txt_box dd {margin-top:24px}
    /* 그룹 아이덴티티 - CI, 서체 */
    .identity_wrap .cont_box li {padding:24px}
}
@media screen and (max-width:1280px) { 
    /* 그룹 아이덴티티 - 캐릭터 */
    .character_wrap .character_txt{width:500px;}
    /* 주주서신 */
    .content.letter .inline_txt.line2{display:flex;flex-direction:column;align-items:normal;}
    .content.letter .inline_txt.line2 span + p{margin-left:0;}
}
@media screen and (min-width:1024px) and (max-width:1280px) {
    /* 주주서신 */
    .content.letter .tbl_thead.ty2 colgroup col:nth-child(1),
    .content.letter .tbl_thead.ty2 colgroup col:nth-child(2){width:125px;}
    .content.letter .tbl_thead.ty2 colgroup col:nth-child(3){width:330px;}
    .content.letter .tbl_thead.ty2 colgroup col:nth-child(4){width:auto;}
}
@media screen and (max-width:1279px) { 
    .int_wrap.ethics .scroll_list {padding-right:64px}
    .int_wrap.ethics .ethics_inner .txt_box {left:64px}
    .intro_dl + .intro_dl{margin-top: 40px;}
    .inner.intro {padding: 132px 104px 120px;}
    /*미션*/
    .breadcrumb.value{padding-left:24px; padding-right:24px;}
}
@media screen and (max-width:1200px) {
    /* 그룹 아이덴티티 - CI, 서체 */
    .identity_wrap .colors .cont_box.ty2 ul{flex-direction:column;}
    .identity_wrap .colors .cont_box.ty2 li{width:100%;height:180px;}
    .identity_wrap .colors .cont_box.ty2 li:nth-child(1){border-radius:16px 16px 0 0;}
    .identity_wrap .colors .cont_box.ty2 li:nth-child(4){border-radius:0 0 16px 16px;}
    /* 그룹 아이덴티티 - 캐릭터 */
    img.ch_main {width:100%;height:auto}
    .player{width:100%;height:auto;padding:0 24px;box-sizing:border-box}
    .inner.character{padding-bottom:56px;}
    /* 신한네트워크 */
    .aurora-one.border{width: 62%;height: 290px;left:64px;top: 80px;}
    .aurora-two.border{width: 62%;height: 290px;left:64px;top: 80px;}
    /*신한금융그룹소개*/
    .intro_dl .txt_box {top:40px;left:40px;}
    .intro_dl .txt_box dt {font-size:24px;line-height:38px;padding:0}
    .intro_dl .txt_box dd {font-size:20px;line-height:32px}
    /*연혁*/
    .hislist_wrap .hislist_tit_wrap .hislist_title{font-size:40px;word-break: keep-all;}
    .hislist_wrap .hislist_tit_wrap .hislist_tit_sub{width:120%;margin-left:-10%;}
    /*주주서신*/
    .content.letter .inline_txt.ty2.long{flex-direction: column;align-items: normal;margin-bottom:0;}
    .content.letter .inline_txt.ty2.long + img{margin-top:0;}
    .content.letter .inline_txt.ty2.long span + p{margin-left:0;}
}
@media screen and (min-width:1230px) and (max-width:1580px) {
    /*CEO 인사말*/
    .ceo_greetings_wrap .greetings_scroll{width:600px; right:40px;}
    .ceo_greetings_wrap .greetings_scroll_inner{width:100%; }   
    .ceo_greetings_wrap .greetings_container{width: 100%;}
    /*CEO 프로필*/
    .ceo_profile_wrap .profile_container{ height: fit-content;}
    .ceo_profile_wrap .profile_container .profile_title{padding-bottom:24px;margin-bottom:24px;font-size: 24px;line-height: 38px;}
    .ceo_profile_wrap .profile_cont > li > span{font-size: 20px;font-weight: 700;line-height: 32px;}
}
@media screen and (min-width:1024px) and (max-width:1580px) {
    /*미션 비전 가치*/
    .br_pc{display:none;}
    .mission_wrap .mission_slideWrap{width: calc(100% - 80px);}
    .mission_wrap .m_slidetit_wrap{left:40px;}
    .mission_wrap .m_slide_l{width:30%}
    .mission_wrap .m_slide_sub{max-width:350px;}
    .mission_wrap .m_slide_r{width:70%}
    .mission_wrap .m_slide_r > div{width:90%;}
    .mission_wrap .m_slide_r > div.r_two{width:83%;}
    .mission_wrap .mission_slide {justify-content:space-between;}
    .vmv_wrap h2{font-size:28px; line-height:38px;}
    .mission_wrap .mslide3 .reset_btn{right:0;}
    .vmv_wrap > ul.wide {transform: scale(1);}
    .value_wrap .value_downSide > ul > li,
    .vision_wrap .vision_downSide > ul > li{background-size:100px;}
    .value_wrap .value_downSide > ul,
    .vision_wrap .vision_downSide > ul{height:unset;max-width: 1000px;aspect-ratio:1376 / 480;width: calc(100% - 80px);}
    /* 주주서신 */
    .content.letter .tbl_thead.ty2 colgroup col:nth-child(1) {width:140px;}
    .content.letter .tbl_thead.ty2 colgroup col:nth-child(2) {width:140px;}
    .content.letter .txt_box.ty2 colgroup col:nth-child(3) {width:380px;}
    .content.letter .tbl_thead.ty2 colgroup col:nth-child(4) {width:auto;}
    .content.letter .tbl_thead.ty2 tbody td dl{flex-direction:column;gap:0;}
    .content.letter .tbl_thead.ty2 tbody td dl + dl{margin-top:8px;}
}
@media (min-width: 1024px) and (max-width: 1440px) { 
    /* 신한네트워크 */
    .tabmenu_wrap.network{padding: 0;}
    .tab_wrap.netType .tab_cont .tab_net .net_tit{font-size: 28px;line-height: 38px;}
    .tab_wrap.netType .tab_cont .tab_net .net_tit_sub{font-size: 20px;line-height: 32px;}
    .network_bank_list_wrap .bank_list li p:first-of-type{font-size: 16px;line-height: 26px;}
    .network_bank_list_wrap .bank_list li p:last-of-type{font-size: 20px;line-height: 32px;}
    .network_net_sub_bg p:first-of-type{font-size: 24px;line-height: 38px;}
    .network_net_sub_bg p:last-of-type{font-size: 16px;line-height: 26px;}
    /* 신한인윤리 */
    .ethics_inner{padding:100px 0 120px}
}
@media screen and (min-width:1024px) and (max-width:1024px) { 
    /*미션*/
    .vmv_wrap{height:80vh;}
    .vmv_wrap h2{margin:14vh auto 8vh auto;}
    .vmv_wrap .value_wrap,
    .vmv_wrap .vision_wrap{display:flex; justify-content: center; align-items: center;}
    .vmv_wrap .vision_wrap .vision_upSide,
    .vmv_wrap .value_wrap .value_upSide{padding-top:0;}
    .vmv_wrap.wide{height:100vh;}
}
@media all and (min-device-width:1024px) and (max-device-width:1200px) and (min-device-height:1200px) { 
    /*미션*/
    .mission_wrap .m_slide_r{ margin-top: -150px;}
    .scroll_btn_wrap,.reset_btn {bottom:unset;top:80%;}
} 
@media screen and (min-width:1024px) and (max-width:1229px) {
    /* 연혁 태블릿 */
    .link_tabtype.his li a{line-height:22px; font-size:14px;padding:0 10px;}
    .hislist_wrap .hislist_left{padding-top:80px;}
    .hislist_cont:first-of-type{margin-top:80px;}
    /*인사말 및 프로필 태블릿*/
    .ceo_greetings_wrap .greetings_scroll{width:500px; right:50px;}
    .ceo_greetings_wrap .greetings_container .greetings_title{margin-bottom:64px;font-size: 28px;line-height: 38px; color:#fff;}
    .ceo_greetings_wrap .greetings_cont > p{font-size: 18px;font-weight: 500;line-height: 28px;}
    /*서체*/
    .identity_wrap .fonts .cont_box.ty2 li:nth-child(1),
    .identity_wrap .fonts .cont_box.ty2 li:nth-child(2),
    .identity_wrap .fonts .cont_box.ty2 li:nth-child(3){background-size:90%;}
    /*미션*/
    .mission_wrap .m_slide_r > div{width:90%;}
    .mission_wrap .mission_slide .m_slidetit{font-size:28px;line-height:38px;}
    .mission_wrap .m_slide_tit{font-size: 20px; line-height:32px;}
    .mission_wrap .m_slide_sub{max-width:300px;font-size: 18px; line-height:28px;}
}
/* 2024-07-12 수정 */
@media screen and (max-width:1100px) {
    .tab_wrap.netType .tabmenu a { padding: 0 12px;}
}
@media screen and (max-width:1023px) {
    /* 그룹 아이덴티티 - CI, 서체 */
    .content.identity .visual_sub img{object-position:top center;}
    .content.identity .visual_sub .img:nth-child(2){display:block;}
    .identity_wrap .cont_wrap {width:100%}
    .identity_wrap{flex-direction:column;margin-top:48px;text-align:center;}
    .box.fonts{font-size:40px;line-height:52px;}
    .identity_wrap > span.fontsticky{position:static;}
    .identity_wrap > span, .identity_wrap > .txt_wrap{padding-right:0;}
    .identity_wrap > .txt_wrap, .identity_wrap > span, .identity_wrap .cont_wrap > div{width:100%;}
    .identity_wrap > .txt_wrap, .identity_wrap > span{margin-bottom:8px;position:unset;top:unset;left:unset;height:unset;}
    .identity_wrap > .txt_wrap > span, .identity_wrap > span, .identity_wrap .cont_tit{text-align:center;font-size:20px;line-height:32px;}
    .identity_wrap > .txt_wrap > p{text-align:center;font-size:16px;line-height:26px;}
    .identity_wrap > .txt_wrap + .cont_wrap{margin-top:56px;}
    .identity_wrap .cont_tit + .cont_box, 
    .identity_wrap .cont_txt + .cont_box,
    .identity_wrap .cont_tit + .cont_tit2, 
    .identity_wrap .cont_tit2 + .cont_box{margin-top:16px;}
    .identity_wrap .cont_tit2{font-size:20px;}
    .identity_wrap .cont_txt{font-size:16px;line-height:26px;}
    .identity_wrap .cont_box{margin-top:24px;border-radius:16px;}
    .identity_wrap .cont_box + .cont_tit{margin-top:56px;}
    .identity_wrap .cont_box li{padding:16px;}
    .identity_wrap .cont_box .type_name{font-size:14px;line-height:22px;}
    .identity_wrap .cont_box .type_desc{font-size:12px;}
    .identity_wrap .fonts .cont_box.ty1{height:200px;background-size:177px 127.34px;}
    .identity_wrap .fonts .cont_box.ty2 li{height:160px;}
    .identity_wrap .fonts .cont_box.ty2 li:nth-child(1){background:url("../images/about/fonts_bold_m.png") no-repeat 50% 54px / 246px 67px;}
    .identity_wrap .fonts .cont_box.ty2 li:nth-child(2){background:url("../images/about/fonts_medium_m.png") no-repeat 50% 54px / 240px 67px;}
    .identity_wrap .fonts .cont_box.ty2 li:nth-child(3){background:url("../images/about/fonts_light_m.png") no-repeat 50% 54px / 235px 67px;}   
    .identity_wrap .btn_area{position:relative;display:flex;}
    .identity_wrap .btn_area .roundbt{width:100%;}
    /* 2024-07-11 수정 */
    .identity_wrap .cont_wrap > div + div{margin-top:56px;}
    .identity_wrap .ci .cont_txt + .cont_tit, .identity_wrap .ci .btn_area + .cont_tit{margin-top:56px;}
    .identity_wrap .ci .cont_box ul{display:block;}
    .identity_wrap .ci .cont_box li{width:100%;height:160px;}
    .identity_wrap .ci .cont_box li + li{border-top:1px solid #E1E6EC;border-left:none;}
    .identity_wrap .ci .cont_box.ty3 li:nth-child(1){background-size:169.03px 28px;}
    .identity_wrap .ci .cont_box.ty3 li:nth-child(2){background-size:262px 23.448px;}
    .identity_wrap .ci .cont_box.ty4 ul:nth-child(1) li:nth-child(1){background-size:214.35px 37px;}
    .identity_wrap .ci .cont_box.ty4 ul:nth-child(1) li:nth-child(2){background-size:126.73px 80px;}
    .identity_wrap .ci .cont_box.ty4 ul:nth-child(2) li:nth-child(1){background-size:262px 24.83px;}
    .identity_wrap .ci .cont_box.ty4 ul:nth-child(2) li:nth-child(2){background-size:105.56px 88px;}   
    .identity_wrap .colors .cont_box + .cont_tit2{margin-top:32px;}
    .identity_wrap .colors .cont_box.ty1 ul:nth-child(2) li{height:152px;}
    .identity_wrap .colors .cont_box.ty1 ul:nth-child(1) li:nth-child(1){border-radius:16px 0 0 16px;}
    .identity_wrap .colors .cont_box.ty1 ul:nth-child(2) li:nth-child(1){border-top-right-radius:16px;}
    .identity_wrap .colors .cont_box.ty1 ul:nth-child(2) li:nth-child(2){border-bottom-right-radius:16px;}
    .identity_wrap .colors .cont_box.ty2 ul{flex-direction:column;}
    .identity_wrap .colors .cont_box.ty2 li{width:100%;height:152px;}
    .identity_wrap .colors .cont_box.ty2 li:nth-child(1){border-radius:16px 16px 0 0;}
    .identity_wrap .colors .cont_box.ty2 li:nth-child(4){border-radius:0 0 16px 16px;}
    /* 그룹 아이덴티티 - 캐릭터 */
    .s_tit.character{margin:32px 0;padding:0 58px;}
    .player{padding:0;}
    img.ch_main{width:360px;height:202px;border-radius:0;}
    .character_intro{display:flex;flex-direction:column;align-items: center;margin:56px 0 16px;text-align:center;word-break:keep-all;}
    .character_intro .txt1 + .txt2{margin-left:0;margin-top:16px;}
    .character_intro .txt1 p{max-width:100%;font-size:20px;line-height:32px;}
    .character_intro .txt2 p{font-size:16px;line-height:26px;}
    .character_intro .txt2 p + p{margin-top:26px;}
    .character_wrap > ul > li{padding:0 24px;box-sizing:border-box;}
    .character_wrap > ul > li > div{align-items:normal;width:100%;height:352px;padding:0;background-size:296px 160px;background-position:center bottom 24px !important;}
    .character_wrap > ul > li:nth-of-type(even) > div{background-position:center bottom 20px !important;}
    .character_wrap .character_txt{padding:32px 0 0;width:100%;text-align:center;}
    .character_wrap .character_txt .name{display:block;width:auto;height:24px;text-align:center;}
    .character_wrap .character_txt .name::before{position:relative;display:inline-block;height:24px;}
    .character_wrap .character_txt .title{font-size:16px;line-height:26px;padding-top:16px;}
    .character_wrap .character_txt .text{font-size:14px;line-height:22px;margin-top:4px;}
    .character_wrap .character_txt .title,
    .character_wrap .character_txt .text{text-align:center;}
    .character_wrap .sol{background-image:url("../images/about/character_sol_mo.png");background-size:154px 120px;}
    .character_wrap .moli{background-image:url("../images/about/character_moli_mo.png");background-size:154px 120px;}
    .character_wrap .rino{background-image:url("../images/about/character_rino_mo.png");background-size:92px 120px;}
    .character_wrap .shoo{background-image:url("../images/about/character_shoo_mo.png");background-size:162px 120px;}
    .character_wrap .doremi{background-image:url("../images/about/character_doremi_mo.png");background-size:222px 120px;}
    .character_wrap .lulu{background-image:url("../images/about/character_lululala_mo.png");background-size:138px 120px;}
    .character_wrap .pli{background-image:url("../images/about/character_pli_mo.png");background-size:151px 120px;}
    .character_wrap .lay{background-image:url("../images/about/character_lay_mo.png");background-size:112px 120px;}
    .character_wrap .sol .name::before{width:60px;}
    .character_wrap .moli .name::before{width:74px;}
    .character_wrap .rino .name::before{width:74px;}
    .character_wrap .shoo .name::before{width:78px;}
    .character_wrap .doremi .name::before{width:140px;}
    .character_wrap .lulu .name::before{width:162px;}
    .character_wrap .pli .name::before{width:44px;}
    .character_wrap .lay .name::before{width:56px;}
    /* 그룹경영활동 */
    .accordion_wrap.group {margin-top:32px;}
    .accordion_wrap.group .accordion_list:before {width:4px;border-radius:2px}
    .accordion_wrap.group .accordion_list {padding-left:24px;padding-bottom:48px;border-bottom:0;box-sizing:border-box}
    .accordion_wrap.group .accordion_list .accord_tit {height:auto;}
    .accordion_wrap.group .accordion_list .accord_tit a {display:block;padding:0;}
    .accordion_wrap.group .accordion_list .accord_tit .img {display:block;width:100%;height:226px;}
    .accordion_wrap.group .accordion_list .accord_tit .img img {width:100%;border-radius:16px;vertical-align:top;line-height:0}
    .accordion_wrap.group .accordion_list .accord_tit .txt {display:block;width:100%;padding:0;margin-top:16px}
    .accordion_wrap.group .accordion_list .accord_tit .txt strong {display:block;width:calc(100% - 40px);font-size:18px;line-height:28px}
    .accordion_wrap.group .accordion_list .accord_tit .txt .date {display:block;font-size:14px;line-height:22px;margin-top:4px}
    .accordion_wrap.group .accordion_list .accord_tit:after {display:none}
    .accordion_wrap.group .accordion_list .accord_tit .txt {position:relative}
    .accordion_wrap.group .accordion_list .accord_tit .txt:after {content:'';position:absolute;display:block;right:0;top:0;background:url(../images/common/accor_arr.svg) no-repeat center right;width:32px;height:32px;}
    .accordion_wrap.group .accordion_list .accord_tit.active .txt:after {transform:rotate(-180deg);}
    .accordion_wrap.group .accordion_list .accord_txt {padding:16px 0 0 0;font-size:14px;line-height:22px;}
    /* 신한네트워크 파트너스 모바일*/
    .netpart_wrap{flex-direction: column;gap:16px;}
    .netpart_top{margin:32px 0 56px 0;}
    .netpart_wrap .netpart_left{width:100%;padding:0;}
    .netpart_wrap .netpart_right{width:100%;}
    .netpart_top .netpart_top_text{font-size: 16px;line-height: 26px;text-align: center;}
    .netpart_cont_tit{font-size: 20px;line-height: 32px;margin-bottom:16px;font-weight:700;text-align: center;}
    .netpart_cont .netpart_cont_tit.m_none{display:none !important;}
    .netpart_cont > li{margin-bottom:8px;}
    .netpart_cont > li > span.netpart_cont_left{width:29px;font-size: 20px;line-height: 32px;position: relative;top: -3px;}
    .netpart_cont > li > span.netpart_cont_right{font-size: 16px;line-height: 26px;}
    .netpart_wrap .netpart_left .netpart_img_box{width:100%;min-height:unset;border-radius:16px;}
    .netpart_wrap .netpart_left .netpart_img{aspect-ratio: 1.5/1;display:flex;align-items: center;justify-content: center;}
    .netpart_wrap .netpart_left .netpart_img_box img{width:300px;}
    /* 연혁 모바일 */
    .sub_visual_history{height:354px;background: url("../images/about/mo_history_c06.jpg") no-repeat top center / cover;}
    .inner.history{margin:0;padding: 0 56px 80px; }
    section.section_h{padding-top:0px;}
    .link_tabtype.his li a{line-height:24px;}
    .sub_visual_history .sub_inner{width:calc(100% - 112px);}
    .sub_visual_history .sub_inner .visual_txt_wrap .history_vtit{margin-bottom: 16px;font-size: 22px;line-height: 32px;}
    .sub_visual_history .sub_inner .visual_txt_wrap .history_vsub{font-size: 16px;line-height: 26px;}
    #chapter06 .hislist_wrap,
    #chapter05 .hislist_wrap,
    #chapter04 .hislist_wrap,
    #chapter03 .hislist_wrap,
    #chapter02 .hislist_wrap,
    #chapter01 .hislist_wrap{height:unset;}
    .hislist_wrap{flex-direction: column;}
    .hislist_wrap .hislist_left{display:none;}
    .hislist_cont{width:100%;margin-top:32px;}
    .hislist_cont:before{left:-18px;top: 34px;height:100%;}
    .hislist_cont:first-of-type{margin-top:48px;}
    .hislist_wrap .hislist_right{ width: 100%;height:fit-content; padding-left: 20px;}
    .hislist_cont .hislist_cont_tit{font-size: 20px;line-height: 32px; margin-bottom:8px;}
    .hislist_cont .hislist_cont_tit:after{top:13px;left:-20px;}
    .hislist_cont > li{display:block;width:100%;}
    .hislist_cont > li > span{display:block; width:100%;}
    .hislist_cont > li > span.m_none{display:none;}
    .hislist_cont > li > span.hislist_cont_left{font-size: 18px;line-height: 28px;margin-bottom:8px;}
    .hislist_cont > li > span.hislist_cont_right{font-size: 14px;line-height: 24px;padding-right: 25px;box-sizing: border-box;}
    .hislist_cont > li > span.m_none + .hislist_cont_right{margin-top: -10px;}
    .hislist_cont > li > span.hislist_cont_right.imgpop:after {content: '';display: block;position: absolute;top: 4px;right:0;width: 24px;height: 24px;background: url("../images/about/history_img_icon.svg") no-repeat top center / 24px;top:0px;right:-1px;}
    .hisimg{width:100%;margin-top:8px;}
    .hisimg img {width:100%;border-radius: 16px;}
    .hislist_cont > li > span.hislist_cont_right.imgpop:hover{color:#24272D;}
    .hislist_cont > li > span.hislist_cont_right.imgpop.on {color:#0046FF;}
    .hislist_cont > li > span.hislist_cont_right.imgpop:hover:after {background-image: url("../images/about/history_img_icon.svg");}
    .hislist_cont > li > span.hislist_cont_right.imgpop.on:after{background-image: url("../images/about/history_img_icon_blue.svg");}
    /*CEO 프로필 모바일*/ 
    #footer.ceoprofile{background-color:#fff;}
    .inner.ceoprofile{padding:0 0px 80px; }
    .title.ceoprofile{margin-bottom:32px;}
    .ceo_profile_wrap{position:relative;margin-top:32px;width:100%;height:fit-content;background:#0D0D0D;}
    .ceo_profile_wrap > .inner{width:100%;position:unset;}
    .ceo_profile_wrap .profile_scroll{position:relative; margin: -150% auto 0 auto;width:calc(100% - 112px); height:fit-content; top:unset; bottom:unset; overflow:unset;}
    .ceo_profile_wrap .profile_scroll_inner{width:100%; height:unset;}    
    .ceo_profile_wrap .sign_box{display:block;top:50px; left:56px;}
    .ceo_profile_wrap .profile_container{position:static; top:55%; width: 100%;height: fit-content;padding: 24px;border-radius: 16px; margin-top: 0;position:static;transform:unset;}
    .ceo_profile_wrap .profile_container .profile_title{padding-bottom:16px;margin-bottom:16px;font-size: 20px;line-height: 32px;}
    .ceo_profile_wrap .profile_cont > li{width:100%;}
    .ceo_profile_wrap .profile_cont > li > span{font-size: 16px;line-height: 26px;}
    .ceo_profile_wrap .profile_cont > li > span.profile_cont_left{min-width:96px;width:30%;}
    .ceo_profile_wrap .profile_cont > li > span.profile_cont_right{width:70%;}  
    .ceo_profile_wrap .profile_mo_top img{width:100%;opacity:0;}
    .ceo_profile_wrap .profile_mo_top {position: relative;display: inline-flex;width: 100%;margin-bottom: 48px; background: url("../images/about/ceo_profile_ta.jpg") no-repeat top center / 100%; }
    /*ceo 인사말*/
    .ceo_greetings_wrap{position:relative;margin-top:32px;width:100%;height:fit-content;background:#fff; }
    .ceo_greetings_wrap > .inner{width:100%;}
    .ceo_greetings_wrap .greetings_scroll{position:relative;width:100%; height:fit-content; top:unset; bottom:unset; overflow:unset;}
    .ceo_greetings_wrap .greetings_scroll_inner{width:100%; height:unset;}    
    .ceo_greetings_wrap .sign_box {display: block;top: -200px;bottom: unset;left: 56px;}
    .ceo_greetings_wrap .greetings_container{position:static;width: 100%; height: fit-content;padding: 0;position:static;transform:unset;}
    .ceo_greetings_wrap .greetings_container .greetings_title{margin-bottom:32px;font-size: 20px;line-height: 32px;color:#24272D;}
    .ceo_greetings_wrap .greetings_cont > p{margin-bottom:20px;font-size: 16px;line-height: 26px;color:#24272D;}
    .ceo_greetings_wrap .greetings_cont > p:last-child{margin-bottom:0;}
    .ceo_greetings_wrap .greetings_mo_top{position:relative;display:inline-flex; width:100%; margin-bottom:48px; height:480px;}
    .ceo_greetings_wrap .greetings_mo_top img{width:100%;  object-fit: cover; object-position: left 0 top -70px;}
    /* 주주서신 */
    .content.letter .visual_sub{margin-bottom:32px;}
    .content.letter .select_wrap{width:100%;margin-right:16px;}
    .content.letter .cont_section + .cont_section, .content.letter .cont_section + .signature_wrap{margin-top:56px;}
    .content.letter .main_tit{font-size:20px;line-height:32px}
    .content.letter .main_tit_color{font-size:20px;line-height:32px}
    .content.letter .sub_tit{font-size:18px;line-height:28px}       
    .content.letter .sub_txt, .content.letter .img_txt{font-size:14px;line-height:22px}
    .content.letter .sub_tit + .tbl_thead{margin-top:24px;}
    .content.letter .inline_txt.ty1{width:100%;flex-direction:column;justify-content:normal;align-items:normal;}
    .content.letter .inline_txt.ty2 > p{font-size:14px;line-height:22px;}
    .content.letter .inline_txt.ty2 span + p{margin-left:4px;}
    .content.letter .inline_txt.line2 span + p{margin-left:0;}
    .content.letter .tscroll.ty2{border-top:none}
    .content.letter .tscroll img{width:100%;min-width:770px;margin: 0 auto;}
    .content.letter .tscroll.full{overflow-x:initial;}
    .content.letter .tscroll.full .tbl_thead{width:100%;}
    .content.letter .tscroll.full .tbl_thead thead th,
    .content.letter .tscroll.full .tbl_thead tbody th,
	.content.letter .tscroll.full .tbl_thead tbody td,
	.content.letter .tscroll.full .tbl_thead.ty2 thead th, 
	.content.letter .tscroll.full .tbl_thead.ty2 tbody th, 
	.content.letter .tscroll.full .tbl_thead.ty2 tbody td{font-size:14px;}
    .content.letter .tbl_thead.ty2 colgroup col:nth-child(1) {width:130px;}
    .content.letter .tbl_thead.ty2 colgroup col:nth-child(2) {width:130px;}
    .content.letter .tbl_thead.ty2 colgroup col:nth-child(3) {width:300px;}
    .content.letter .tbl_thead.ty2 colgroup col:nth-child(4) {width:auto;}
    .content.letter .tbl_thead.ty2 tbody td dl{flex-direction:column;gap:0;}
    .content.letter .tbl_thead.ty2 tbody td dl + dl{margin-top:8px;}
    .content.letter .graph_list.ty2 li.w_none{display:block;}
    .content.letter .graph_list.ty3{gap:8px;}
    .content.letter .graph_list .inline_txt{margin-bottom:24px;}
    .content.letter .graph_list .inline_txt.m_none{display:none;}
    .content.letter .graph_list .inline_txt + img{margin-top:0px;}
    .content.letter .signature_wrap{font-size:14px;line-height:24px;}
   
    /*미션 모바일*/
    .swiper-pagination.mission{display:none;}
    .breadcrumb.value{display:none;}
    .vmv_wrap > ul{width:calc(100% - 112px); flex-direction: column; height:calc(100% - 200px); padding:0; margin-top:0;top:unset;}
    .vmv_wrap {height: 100vh; margin-top:0px;overflow:unset;}
    .vmv_wrap h2{width:calc(100% - 112px);font-size:20px; line-height:30px; margin: 93px auto 16px auto; height:auto; letter-spacing: -0.5px;}
    .vmv_wrap h2 sup{font-size: 12px;}
    .vmv_wrap > ul > li{margin-right:0;width:100%;height:33%;margin-bottom:16px;}
    .vmv_wrap > ul > li + li{margin-left:0;}
    .vmv_wrap > ul > li:first-child{height:calc(33% - 16px); min-height:calc(33% - 16px);}
    .vmv_wrap > ul > li#top_mission > div{background: url("../images/about/mission_bg.jpg") no-repeat center / cover; border-radius: 16px; overflow: hidden;}
    .vmv_wrap > ul.wide > li#top_mission > div{border-radius: 0;}
    .vmv_wrap > ul > li#top_vision > div{background: url("../images/about/vision_bg.jpg") no-repeat center / cover;}
    .vmv_wrap > ul > li#top_value > div{background: url("../images/about/value_bg.jpg") no-repeat center / cover;} 
    .vmv_wrap .v_card_txt {width:calc(100%);left: 0;transform: translateY(-50%);font-size: 20px;line-height: 32px;text-align:left;}
    .vmv_wrap .v_card_txt > p{top:50%; left:32px; transform:translateY(-50%);}
    .vmv_wrap .v_card_txt .plusmore{top: 50%;left:calc(100% - 80px);transform: translateY(-50%);width:56px;height:56px;}
    .mission_wrap .mission_slideContainer{width:100%; max-width:calc(100% - 112px);}
    .mission_wrap .mission_slideWrap{width:100%;}
    .mission_wrap .mission_upSide {padding-top: 0px;}
    .mission_wrap .mission_slide{display:flex !important; flex-direction: column;padding-top:0px;justify-content: center;}
    .mission_wrap .mission_tit{font-size:24px;margin-top: 0; line-height:38px }
    .mission_wrap .mission_upSide .mission_uptxt{margin-bottom:15vh;}
    .mission_wrap .mission_upSide .mission_btmtxt{font-size:16px; }
    .mission_wrap .mission_upSide .mission_btmtxt:after{top:46px;width:60vw;}
    .mission_wrap .m_slidetit_wrap,
    .mission_wrap .m_slidetit_wrap.on{display:none;}
    .mission_wrap.mo .mission_slide.mslide1 .m_slidetit {position:static;display:block;top:96px;width: 100%; padding: 0;font-size: 24px;line-height: 38px;text-align: center; padding-bottom:32px;}
    .mission_wrap .m_slide_l{margin-bottom:24px;}
    .mission_wrap .mslide1 .m_slide_l{margin-bottom:0;}
    .mission_wrap .m_slide_l,
    .mission_wrap .m_slide_r{width:100%;}
    .mission_wrap .m_slide_tit{padding:0;font-size: 20px;line-height: 32px;color: #fff;text-align:center;}
    .mission_wrap .m_slide_sub{font-size:16px; line-height:26px;text-align: center; font-weight:500;}
    .mission_wrap .m_slide_l p{position:static;}
    .mission_wrap .r_one_box {width:100%;max-width:500px;}
    .mission_wrap .r_two{width:100%;max-width:500px;top:0;}
    .mission_wrap .mslide3 .m_slide_r{text-align: center;}
    .mission_wrap img{max-height:50vh;object-fit: contain;}
    .mission_wrap .m_slide_r > div.r_three{padding:0; max-width:400px}
    .reset_btn{bottom:15%; right: 0px;}
    .scroll_btn_wrap {bottom:15%;left: calc(50% - 4px);}
    .scroll_btn {width: 26px;height: 20px;background-size: 26px 20px;}
    .reset_btn button{float:right;width:48px; height:48px; border-radius:50%; padding:0;background:#0046FF url("../images/about/reset_mo.svg") no-repeat center / 16px;padding-right:1px;box-sizing: content-box;}
    .value_wrap .reset_btn,
    .vision_wrap .reset_btn{position: sticky; bottom:15%; float: right;margin-right: 56px;}
    .vision_wrap .vision_tit,
    .value_wrap .value_tit {margin-bottom: 8px;font-size: 20px;line-height: 32px;}
    .vision_wrap .vision_upSide,
    .value_wrap .value_upSide {padding-bottom:10vh;}
    .vision_wrap .vision_upSide .vision_uptxt,
    .value_wrap .value_upSide .value_uptxt{margin-bottom:32px;font-size: 16px;line-height: 26px;}
    .value_wrap .value_upSide .value_btmtxt{margin-bottom:16px;font-size: 20px;line-height: 32px;}
    .vision_wrap .vision_upSide .vision_btmtxt{max-width: 396px;margin: 0 auto 20px auto;}
    .vision_wrap .vision_upSide .vision_btmtxt img{width:calc(100% - 64px);}
    .value_wrap .downSide_tit,
    .vision_wrap .downSide_tit {margin-bottom: 8px;font-size: 20px;line-height: 32px;}
    .value_wrap .downSide_uptxt,
    .vision_wrap .downSide_uptxt{font-size: 14px;line-height: 22px;}
    .value_wrap .value_downSide > ul,
    .vision_wrap .vision_downSide > ul{flex-direction: column;width:calc(100% - 112px);height: 798px;}
    .value_wrap .value_downSide > ul > li,
    .vision_wrap .vision_downSide > ul > li{width:100%;height: 100%;padding: 24px;margin-bottom:16px;background-size: 80px 80px;background-position: right 24px bottom 24px;}
    .vmv_wrap > ul > li.active > div {overflow-y: auto;}
    .vmv_wrap > ul > li > div::after{display:none;}
    .vmv_wrap > ul > li:hover .plusmore{background-color:rgba(36, 39, 45, 0.40);}
    .m_slidetit .br_pc{display:none;}
    /*오시는 길*/
    .loca_wrap{flex-direction: column;margin-top:32px}
    .loca_wrap .loca_title{width:100%;padding-bottom:16px;font-size: 20px;font-weight: 700;line-height: 32px; color:#24272D;text-align: center; }
    .loca_wrap .loca_title > p{position:unset; top:unset; left:unset;margin-top:0px;font-size: 20px;font-weight: 700;line-height: 32px; color:#24272D; }
    .loca_wrap .loca_cont{width:unset;}
    .loca_wrap .loca_cont.mapC{margin-top:0;width:unset;}
    .loca_cont > li > span{display:table-cell;font-size: 16px;line-height: 26px;color:#24272D;}
    .loca_cont > li > span.loca_cont_left{width:calc(60px + 8px);}
    .loca_cont > li > span.loca_cont_right{padding-bottom:32px;}
    .loca_cont > li.pbs > span.loca_cont_right{padding-bottom:8px;}
    .loca_wrap.lBtm .loca_cont_tit {font-size: 18px;line-height: 32px; padding:32px 0 16px 0 ;}
    .loca_wrap.lBtm .loca_cont_tit:first-child {padding-top:0; border:none;}
    .loca_map_box{margin:0px 0 56px 0; height:210px;}
    .loca_map_box .map_div{width:100%; height:210px;}
    /*윤리강령*/
    .accordion_list .accord_txt > p{font-size: 14px;line-height: 22px; }
    .accordion_list .accord_txt > p + dl{margin-top:12px;}
    .accord_in_terms > dt{margin-bottom:8px;font-size: 14px;line-height: 22px; }
    .accord_in_terms > dd{font-size: 14px;line-height: 22px; }
    .accord_in_terms > dd + dt{margin-top:24px;}
    .accord_in_terms .rule_numList >li{margin-bottom:4px;padding-left:16px; font-size: 14px;line-height: 22px;}
    .accord_in_terms .rule_numList >li span.listBul{display:inline-block; text-indent:-16px; font-size: 14px;line-height: 22px;}
    /*협력회사 행동규범*/
    .proposal_wrap{margin-top:32px; padding:16px; flex-direction: column;align-items: flex-start;}
    .proposal_wrap .proposal_left{padding:3px 12px 3px 50px;background:url(../images/about/tell_icon.svg) no-repeat left center / 38px 29px;border-right: none;}
    .proposal_wrap .proposal_tit{color:  #24272D;font-size: 14px;line-height: 22px; }
    .proposal_wrap .proposal_right{padding-left:0px;}
    .proposal_wrap .proposal_text{margin-bottom:2px;font-size: 14px; line-height: 22px;}
    .proposal_wrap .proposal_email{position:relative;padding-left:24px;}
    .proposal_wrap .proposal_email:before {content:'';display:block;position:absolute;top:5px;left:0px; width:20px;height:15px;background:url(../images/about/email_icon.svg) no-repeat center;background-size:100%;}
    .proposal_wrap .proposal_email > span{font-size: 14px; line-height: 22px;}
    .proposal_wrap .proposal_email > span + .roundbt{margin-left:0px;}
    /*인권선언서 모바일*/
    .human_type_in > p.human_txt_big{font-size: 20px; line-height: 32px;}
    .human_type_in > p.human_txt_small{font-size: 14px; line-height: 22px;}
    .human_type_in > p.human_txt_big + p.human_txt_small {margin-top:16px;}
    .human_type_in > p.human_txt_small + p.human_txt_small {margin-top:16px;}
    .human_type_in + .accordion_wrap{margin:32px 0;} 
    /*신한人윤리*/
    .int_wrap.ethics {margin-top: 80px;}
    .int_wrap.ethics .ethics_inner {display: block; padding: 72px 0 80px;}
    .int_wrap.ethics .full_img img {width: calc(100% - 112px);height: calc(100vh - 280px);}
    .int_wrap.ethics .ethics_inner .txt_box {position: static; width: 100%; margin-bottom:80px; text-align:center;opacity:1;margin-top:0}
    .int_wrap.ethics .scroll_list {top:322px;width:100%;padding-right:0}
    .int_wrap.ethics .scroll_list ul {padding:0 56px 0;box-sizing:border-box;display: inherit;}
    .int_wrap.ethics .scroll_list ul li {float:none;width:100%;height:auto;padding:24px 24px 128px ;border-radius:16px;margin-left:0}
    .int_wrap.ethics .scroll_list ul li:nth-child(2n) {margin-top:16px;float:none}
    .int_wrap.ethics .scroll_list ul li dt {font-size:18px;line-height:28px;}
    .int_wrap.ethics .scroll_list ul li dt br {display:none}
    .int_wrap.ethics .scroll_list ul li dd {margin-top:8px;font-size:14px;line-height:22px;}
    .int_wrap.ethics .scroll_list ul li dd span:before {top:9px;left:0;width:3px;height:3px;}
    .int_wrap.ethics .scroll_list ul li + li {margin-top:16px} 
    .int_wrap.ethics .scroll_list ul li.ico:after {content:'';display:block;position:absolute;right:24px;bottom:24px;width:88px;height:88px;}
    .int_wrap.ethics .scroll_list ul li.ico.ico1:after {background-size:88px 88px;width:88px;height:88px}
    .int_wrap.ethics .scroll_list ul li.ico.ico2:after {background-size:88px 88px;width:88px;height:88px}
    .int_wrap.ethics .scroll_list ul li.ico.ico3:after {background-size:88px 88px;width:88px;height:88px}
    .int_wrap.ethics .scroll_list ul li.ico.ico4:after {background-size:88px 88px;width:88px;height:88px}
    .int_wrap.ethics .scroll_list ul li.ico.ico5:after {background-size:88px 88px;width:88px;height:88px}
    .int_wrap.ethics .scroll_list ul li.ico.ico6:after {background-size:88px 88px;width:88px;height:88px}
    .int_wrap.ethics .ethics_inner .txt_box dt {font-size:16px;line-height:26px;font-weight: 500;}
    .int_wrap.ethics .ethics_inner .txt_box dd{font-size:22px;line-height:32px;margin-top:8px;font-weight: 700;}
    /*신한금융그룹소개*/
    .txt_box.intro dd {font-size:16px;line-height:26px;padding:0}
    .int_wrap.intro .full_img {position:absolute; top: 0; width: 100%; height: 100vh; } 
    .int_wrap.intro .full_img img {width:calc(100% - 112px);height: calc(100vh - 280px);border-radius: 16x;margin:176px auto 0;border-top-left-radius:16px;border-top-right-radius:16px;object-position:top left}
    .int_wrap.intro .txt_box {display: block; position: relative; height: auto; margin:32px 0 0; padding: 0; box-sizing: border-box; transition: all .3s;} 
    .int_wrap.intro.on .txt_box {margin:50vh 0 0; transform: translateY(-50%); transition: all .3s;} 
    .int_wrap.intro .int_wrap_inner {overflow: hidden; height: 100vh;}
    .int_wrap.intro .int_wrap_inner img{border-radius:16px} 
    .int_wrap.intro.social .full_img img {object-position:center center}
    .int_wrap.intro.social.on .txt_box .txt br {display:none}
    .inner.intro {padding:0 56px 80px;margin-top:-48px}
    .intro_dl{width:100%;border-radius:16px;margin:0 auto}
    .intro_dl .img img {border-radius:16px;}
    .intro_dl .txt_box {top:32px;left:32px;right:32px;}
    .intro_dl .txt_box dt {font-size:20px;line-height:32px} 
    .intro_dl .txt_box dd {font-size:16px;line-height:26px;margin-top:16px;padding:0}
    .intro_dl + .intro_dl {margin-top:32px}
    .intro_dl .w_none1  {display:block}
    .intro_dl .w_none2 {display:none}
    .intro_dl.ione {transform: translateY(50px); transition: all .3s;}
    .intro_dl.ione.on {transform: translateY(0); transition: all .3s;}
    .intro_dl.itwo {transform: translateY(50px); transition: all .4s;}
    .intro_dl.itwo.on {transform: translateY(0); transition: all .4s;}
    /* esg 사회공헌 */
    .int_wrap.intro.on .txt_box .txt{padding:0 56px;word-break: break-all;}
    .int_wrap.intro.on .txt_box .txt br {display:none}
    /* 신한네트워크 */
    .inner.pc_network{display: none;}
    .inner.mo_network{display: block;}
    .content.network:before{content: unset;}
    .accordion_wrap.network .accordion_list .accord_tit{font-size: 16px;font-weight: 500;line-height: 26px;color: #24272D;}
    .accordion_wrap.network .accordion_list .accord_tit span.per{font-weight: 700;color: #0046ff;margin-left: 8px;}
    .accordion_wrap.network .accordion_list .accord_txt{text-align: center;padding:24px 16px;}
    .accordion_wrap.network .accordion_list .accord_txt .mo_net_tit{font-size: 16px;line-height: 26px;color: #24272D;font-weight: 700;}
    .accordion_wrap.network .accordion_list .accord_txt .mo_net_tit_subtit{font-size: 18px;line-height: 28px;color: #565b64;margin: 8px 0;font-weight: 700;}
    .accordion_wrap.network .accordion_list .accord_txt .mo_net_tit_des{font-size: 16px;line-height: 26px;color: #565b64;font-weight: 500;margin-bottom: 16px;}
    .network_bank_list_wrap.mo{margin: 24px -4px 0;}
    .network_bank_list_wrap.mo .list_tit{margin-left: unset;font-size: 16px;line-height: 26px;}
    .network_bank_list_wrap.mo .bank_list.one{width: 100%;}
    .network_net_sub_bg::after{width: 32px;height:32px;background:rgba(255,255,255,0.2) url('../images/common/view_more1.svg') no-repeat center; background-size: 12px;}
    .network_bank_list_wrap.mo .bank_list.one li{width: 100%;}
    .link_tab_wrap.network{margin-bottom: 32px;}
    .network_bank_list_wrap.mo .bank_list li{width: calc((100% - 16px) / 2);margin: 8px 4px 0;background: #EBEFF5;padding: 12px 8px;height: 72px;border-radius: 16px;word-break: break-all;}
    .network_bank_list_wrap.mo .bank_list li p:first-of-type{font-size: 14px;line-height: 22px;}
    .network_bank_list_wrap.mo .bank_list li.add_txt.mo p:nth-of-type(2){color: #0046FF;font-size: 16px;font-weight: 700;line-height: 26px;}
    .network_bank_list_wrap.mo .bank_list li.add_txt.mo .refer_txt.mo{color: #000;font-size: 11px;font-weight: 300;line-height: 16px;}
    .network_bank_list_wrap .bank_list li p:last-of-type {font-size: 16px;line-height: 26px;}
    .network_net_sub_bg.mo{width: 100%;height:172px; background: #070818 url(../images/about/network_sub_bg_mo.png) no-repeat bottom 0 center;background-size: 232px 84px;padding: 19px 16px 0;text-align: left;margin-top: 16px;}
    .network_net_sub_bg p:first-of-type {font-size: 16px;line-height: 26px;}
    .network_net_sub_bg p:last-of-type{font-size: 14px;line-height: 22px;}
    .network_net_sub_bg::after{top: 19px;right: 16px;}
    .top_title_wrap.letter .top_btn {margin-left:8px}
    /* 조직도 */
    .og_img .pc_og_img{margin-top: 0px;} 
}
@media screen and (min-width:802px) and (max-width:1229px) {
    /* 주주서신 */
    .content.letter .tscroll .scroll_ico{display:none}
}
@media all  and (min-device-width:768px) and (max-device-width:1023px) and (min-device-height:1000px) { /*세로가 긴 태블릿*/
    /*미션*/
    .vmv_wrap > ul{height: calc(100% - 329px);}
    .vmv_wrap h2{max-width:450px; margin:93px auto 32px auto;}
    .mission_wrap .mission_tit,
    .mission_wrap.mo .mission_slide.mslide1 .m_slidetit,
    .mission_wrap .m_slide_tit{font-size:32px;  line-height: 44px; margin-top:-50px;}
    .mission_wrap .mslide1 .m_slide_r {height: 500px;}
    .mission_wrap .mslide2 .m_slide_r,
    .mission_wrap .mslide3 .m_slide_r{height:550px;}
} 
@media all  and (max-device-width:1023px) and (max-device-height:700px) { /*모바일 디자인에서 세로700이하 짧을 때*/
    /*미션*/
    .mission_wrap .m_slide_r > div {max-width:350px !important;}
} 
@media screen and (max-width:767px) {
    /* 조직도 */
    .og_img{max-width:430px;margin:0px auto;}
    .og_img .pc_og_img{display: none;}
    .og_img .mo_og_img{display: block;}
    /* 그룹 아이덴티티 - CI, 서체 */
    .box.fonts{font-size:22px;line-height:34px;}
    .identity_wrap .ci .cont_box.ty1{aspect-ratio:984 / 402;background:url("../images/about/ci_concept_m.jpg") no-repeat 50% 50% / 100%;}
    .identity_wrap .ci .cont_box.ty2{height:452px;background:url("../images/about/ci_symbolmark_m.png") #F3F6FB no-repeat 50% 50% / 296px 388px;} 
    /*미션*/
    .value_wrap .value_downSide > ul, .vision_wrap .vision_downSide > ul,
    .vmv_wrap > ul{width:calc(100% - 32px);}
    .vmv_wrap h2{width:calc(100% - 32px);}
    .mission_wrap .mission_slideContainer{max-width:calc(100% - 32px);}
    .value_wrap .reset_btn,
    .vision_wrap .reset_btn{margin-right: 16px;}
    .mission_wrap .mission_slide.mslide0 {padding-top:0}
    .mission_wrap .mission_slide {justify-content: flex-start;padding-top:45%}
    /*연혁*/
    .inner.history{padding: 0 16px 80px; }
    .sub_visual_history .sub_inner{width:calc(100% - 32px);}
    /*프로필*/
    .ceo_profile_wrap .profile_scroll{width:calc(100% - 32px);margin: -130% auto 0px;}
    .ceo_greetings_wrap .sign_box {display: none;}
    .ceo_profile_wrap .profile_mo_top img{opacity:1;}
    .ceo_profile_wrap .profile_mo_top {background:none; }
    .ceo_profile_wrap .sign_box{display:none}
    /*인사말*/
    .ceo_greetings_wrap .greetings_mo_top{height:auto;}
    .ceo_greetings_wrap .greetings_mo_top img{object-fit: unset; object-position: unset;}
    /*신한인윤리*/
    .full_wrap {padding:0 16px}
    .inner.intro {padding:0 16px 80px;}
    .int_wrap.intro .full_img img {width:calc(100% - 32px)}
    .int_wrap.ethics .scroll_list ul {padding:0 16px 0;}
    .int_wrap.ethics .full_img img {width: calc(100% - 32px)}
    /* esg 사회공헌 */
    .int_wrap.intro.on .txt_box .txt{padding:0 16px;}
}
@media screen and (max-width:600px) {
    /* 신한네트워크 */
    .network_bank_list_wrap.mo .bank_list li{min-height:94px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
}
@media screen and (max-width:500px) {
    .intro_dl .w_none1  {display:none}
    .intro_dl .w_none2 {display:block}
    .content.letter .tscroll.full .tbl_thead thead th, 
    .content.letter .tscroll.full .tbl_thead tbody th, 
    .content.letter .tscroll.full .tbl_thead tbody td, 
    .content.letter .tscroll.full .tbl_thead.ty2 thead th, 
    .content.letter .tscroll.full .tbl_thead.ty2 tbody th, 
    .content.letter .tscroll.full .tbl_thead.ty2 tbody td{font-size: 0.7rem;padding: 1% 0.5%;}
    .content.letter .graph_list{flex-direction:column;}
}
@media screen and (max-width:430px) {
    /*협력회사 행동규범 모바일*/
    .proposal_wrap .proposal_email > span{display:block;}
    .proposal_wrap .proposal_email > a{margin:8px 0 0 -24px;}
    .proposal_wrap .proposal_email > span + .roundbt{margin-left:-24px;}
    .intro_dl {max-width:100%}
}
@media screen and (min-width:390px) {
    /*협력회사 행동규범*/
    .br_en{display:none;}
}
@media screen and (min-width:380px) {
    /* 신한네트워크 */
    .network_bank_list_wrap.mo .bank_list li p:first-of-type{font-size: 12px;line-height: 18px;}
}