@charset "utf-8";
/** -----------------------
  * @ 파일 : tab.css
  * @ 구분 : tab 관련 모듈
  * -----------------------
**/

.-tab{overflow:hidden;height:4rem;position:relative}
.-tab:before{content:'';display:block;width:100%;height:1px;background-color:#ebebeb;position:absolute;bottom:0}
/* .-tab+.-tab{margin-top:-1rem !important} */
.-bundle .-tab{margin:0 -2.4rem}
.-tab_menus{overflow:hidden;width:100%;height:100%}
.-tab_menus:after{content:'';display:block;clear:both}
.-tab_menu{display:table;table-layout:fixed;width:100%;height:4rem}
.-tab_item{display:table-cell;text-align:center}

.-tab_txt{display:inline-block;position:relative;padding:0 1rem;font-size:1.7rem;color:#666;line-height:4rem}
.-tab_txt:after{content:'';position:absolute;left:0;right:0;bottom:0;height:0;background:none}

.-tab_btn{display:block;padding:0 1.1rem;white-space:nowrap}
.-tab_btn.-active .-tab_txt{color:#151515;font-weight:500}
.-tab_btn.-active .-tab_txt:after{height:2px;background-color:#151515}
.-tab_btn.-disabled .-tab_txt{color:#d1d1d1}
.-tab_btn.-disabled .-tab_txt:after{height:2px;background-color:#d1d1d1}

.-tab_menus.-scroll{overflow-x:auto;-ms-overflow-style:none;}
.-tab_menus.-scroll::-webkit-scrollbar{display:none;}
.-tab_menus.-scroll .-tab_item{display:inline-block;margin-left:1rem}
.-tab_menus.-scroll .-tab_item:first-child{margin-left:2.4rem}
.-tab_menus.-scroll .-tab_item:last-child{margin-right:2.4rem}
.-tab_menus.-scroll .-tab_menu{table-layout:inherit;white-space:nowrap}
.-tab_menus.-scroll .-tab_btn{padding:0}
.-tab_menus.-align_l .-tab_btn{padding:0}
.-tab_menus.-align_l .-tab_item{margin-left:2.6rem;float:left}
.-tab_menus.-align_l .-tab_item:first-child{margin-left:2.4rem}
.-tab_menus.-align_l .-tab_item:last-child{margin-right:2.4rem}

.-tab.-depth2{height:4.5rem;background:#f5f5f5}
.-tab.-depth2 .-tab_menu{border:0}
.-tab.-depth2 .-tab_txt{padding:0 1.1rem;line-height:4.5rem;font-size:1.5rem}
.-tab.-depth2 .-tab_txt:after{content:none;}
.-tab.-depth2 .-tab_menus.-scroll .-tab_item{margin-left:0}
.-tab.-depth2 .-tab_menus.-scroll .-tab_item:first-child{margin-left:1.3rem}
.-tab.-depth2 .-tab_menus.-scroll .-tab_item:last-child{margin-right:1.3rem}
.-tab_fieldset{padding-top:2rem}

.-tab_cont .-inp_mix{border-top:1rem solid #f8f8f8}
.-tab_cont .-inp_mix .-list_item{padding:.5rem 2.4rem 2.5rem;border:0}
.-tab_cont .-inp_mix .-list_item:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;border-top:1rem solid #f8f8f8}

.-sheet_body .-tab{margin:0 -2.4rem 1.5rem}

/* =탭스타일 추가로 정의 */
/* 1depth */
.-tab.-type2{height:5rem}
.-tab.-type2 .-tab_menus{padding:0 2.4rem}
.-tab.-type2 .-tab_menu{height:5rem}
.-tab.-type2 .-tab_btn{position:relative;padding:0 .5rem}
.-tab.-type2 .-tab_txt{display:block;padding:0;color:#999;font-size:1.8rem;font-weight:500;line-height:5rem}
.-tab.-type2 .-tab_btn.-active .-tab_txt{color:#151515;font-weight:700}
/* 2depth */
.-tab.-type2.-depth2{margin-top:.4rem;padding:.9rem 0;background-color:transparent}
.-tab.-type2.-depth2:before{display:none}
.-tab.-type2.-depth2 .-tab_menus{padding:0}
.-tab.-type2.-depth2 .-tab_menus .-tab_item:first-child{margin-left:2.4rem}
.-tab.-type2.-depth2 .-tab_menus .-tab_item:last-child{margin-right:2.4rem !important}
.-tab.-type2.-depth2 .-tab_menu{height:inherit}
.-tab.-type2.-depth2 .-tab_item+.-tab_item{margin-left:.4rem}
.-tab.-type2.-depth2 .-tab_txt{padding:0 1.6rem;font-size:1.5rem;line-height:2.1}
.-tab.-type2.-depth2 .-tab_btn{position:static;padding:0}
.-tab.-type2.-depth2 .-tab_btn.-active .-tab_txt{color:#fff;background-color:#414141;border-radius:1rem}
.-tab.-type2.-depth2 .-tab_btn:after{display:none}

/* =2줄 정의 */
.-tab.-multi_line{height:6.4rem;margin:0;position:relative !important;top:auto !important}
.-tab.-multi_line .-tab_menu{height:auto;padding:0 2.4rem}
.-tab.-multi_line .-tab_item{vertical-align:middle}
.-tab.-multi_line .-tab_txt{line-height:1.27;height:6.4rem}
.-tab.-multi_line .-multi_txt{display:table;height:100%;white-space:normal}
.-tab.-multi_line .-multi_txt >em{display:table-cell;vertical-align:middle}

/* 텍스트 작게(-txt_sm) */
.-tab.-txt_sm .-tab_menu {height:auto;padding:0 2.4rem}
.-tab.-txt_sm .-tab_menu .-tab_item .-tab_btn {padding:0}
.-tab.-txt_sm .-tab_menu .-tab_item .-tab_btn .-tab_txt {display:block;padding:0;font-size:1.5rem}

/* =fixed된 탭에서 하위 2depth 처리 21.11.30 */
.-tab_depth_wrap{position:relative}
.-tab_depth_wrap.-fix .-tab{position:fixed;top:6rem;width:100%;background-color:#fff}
.-tab_depth_wrap.-fix .-tab_depth2_wrap{position:fixed;top:10rem}
.-tab_depth2_wrap{width:100%;padding-top:.4rem;background-color:#fff;z-index:2;top:10rem}
.-tab_depth2_wrap .-tab.-depth2{margin-top:0;position:static;width:auto;height:auto;top:10rem}
.-tab_depth2_wrap.-fix{position:fixed;left:0;padding-left:2.4rem}
.-tab_depth2_wrap.-fix .-tab.-depth2{top:auto}
.-bnr_mt{margin-top:9.3rem !important}

/* WDS tab scroll type */
.-tab.-nst_scroll{height:auto}
.-tab.-nst_scroll:before{background-color:#e4eaf2}
.-tab.-nst_scroll .-tab_menus.-scroll .-tab_menu{height:auto}
.-tab.-nst_scroll .-tab_item{line-height:1.6;font-size:1.7rem}
.-tab.-nst_scroll .-tab_menus.-scroll .-tab_item{margin-left:2.4rem}
.-tab.-nst_scroll .-tab_menus.-scroll .-tab_item:first-child{margin-left:2rem}
.-tab.-nst_scroll .-tab_txt{padding:1.4rem 0 1.5rem;letter-spacing:-.6px;font-weight:500;color:#848a92;line-height:1.6}
.-tab.-nst_scroll .-tab_btn.-active .-tab_txt{font-weight:700;color:#151c22}
.-tab.-nst_scroll .-tab_btn.-active .-tab_txt:after{background-color:#333a40}

/* 2022 원뱅킹 접근성 비활성화 탭영역 명도대비 수정 */
.-tab.-type2 .-tab_txt{color:#949494;}