@charset "utf-8";
/******************************
    기본값 설정 (app 한정)
******************************/
	html { -webkit-user-select: none; }
	body { background: #FFF; font-family: "Noto Sans KR"; font-size: 16px; font-weight: 400; color: #1C1E2A; }
	body { width: 100%; min-width: 320px; overflow-x: hidden; }
	/*body { height: 100vh; max-height: -webkit-fill-available; max-height: fill-available; }*/
	a, a:link, a:visited, a:hover, a:focus { color: #1c1e2a; }
	input[type="text"], input[type="checkbox"], input[type="radio"] { border: none; font-family: "Noto Sans KR"; }
	input::placeholder { color: #727480; }
	textarea { font-size: 14px; color: #1c1e2a; font-family: "Noto Sans KR"; }
	textarea::placeholder { color: #727480; }
	button { font-family: 'Noto Sans KR', serif; }

/************************************
    Common class
*************************************/
/*  display  */
	.hide { display: none; }
	.disNone { display: none!important; }
	.hidden { visibility: hidden; }
	.display-none { display: none; } /* script - loading에서 사용 */
	.cup { cursor: pointer; }
	.wka { word-break: keep-all; }
	
	/*  layout  */
	/*width*/
	.width_10 { width: 10%; } .width_15 { width: 15%; } .width_20 { width: 20%; } .width_25 { width: 25%; } .width_30 { width: 30%; }
	.width_35 { width: 35%; } .width_40 { width: 40%; } .width_45 { width: 45%; } .width_50 { width: 50%; } .width_55 { width: 55%; }
	.width_60 { width: 60%; } .width_65 { width: 65%; } .width_70 { width: 70%; } .width_75 { width: 75%; } .width_80 { width: 80%; }
	.width_85 { width: 85%; } .width_90 { width: 90%; } .width_95 { width: 95%; } .width_100 { width: 100%; } 
	.width_init { width: initial; } .width_fit { width: fit-content; }

	/* margin */
	.mg_0 { margin: 0; }
	.mg_5 { margin: 5px; } .mg_t5 { margin-top: 5px; } .mg_r5 { margin-right: 5px; } .mg_b5 { margin-bottom: 5px; } .mg_l5 { margin-left: 5px; }
	.mg_10 { margin: 10px; } .mg_t10 { margin-top: 10px; } .mg_r10 { margin-right: 10px; } .mg_b10 { margin-bottom: 10px; } .mg_l10 { margin-left: 10px; }
	.mg_15 { margin: 15px; } .mg_t15 { margin-top: 15px; } .mg_r15 { margin-right: 15px; } .mg_b15 { margin-bottom: 15px; } .mg_l15 { margin-left: 15px; }
	.mg_20 { margin: 20px; } .mg_t20 { margin-top: 20px; } .mg_r20 { margin-right: 20px; } .mg_b20 { margin-bottom: 20px; } .mg_l20 { margin-left: 20px; }
	.mg_30 { margin: 30px; } .mg_t30 { margin-top: 30px; } .mg_r30 { margin-right: 30px; } .mg_b30 { margin-bottom: 30px; } .mg_l30 { margin-left: 30px; }
	.mg_auto { margin: 0 auto; } .mg_l_auto { margin-left: auto; } .mg_r_auto { margin-right: auto; }
	
	/* padding */
	.pd_0 { padding: 0; }
	.pd_5 { padding: 5px; } .pd_t5 { padding-top: 5px; } .pd_r5 { padding-right: 5px; } .pd_b5 { padding-bottom: 5px; } .pd_l5 { padding-left: 5px; }
	.pd_10 { padding: 10px; } .pd_t10 { padding-top: 10px; } .pd_r10 { padding-right: 10px; } .pd_b10 { padding-bottom: 10px; } .pd_l10 { padding-left: 10px; }
	.pd_15 { padding: 15px; } .pd_t15 { padding-top: 15px; } .pd_r15 { padding-right: 15px; } .pd_b15 { padding-bottom: 15px; } .pd_l15 { padding-left: 15px; }
	.pd_20 { padding: 20px; } .pd_t20 { padding-top: 20px; } .pd_r20 { padding-right: 20px; } .pd_b20 { padding-bottom: 20px; } .pd_l20 { padding-left: 20px; }
	.pd_30 { padding: 30px; } .pd_t30 { padding-top: 30px; } .pd_r30 { padding-right: 30px; } .pd_b30 { padding-bottom: 30px; } .pd_l30 { padding-left: 30px; }
	
	/* flex */
	.flex { display: flex; }
	.flex_ali_cen { display: flex; align-items: center; } /* fl-jc */
	.flex_jus_bet { display: flex; justify-content: space-between; } /* fl-jb */
	
	.flex_around { display: flex; justify-content: space-around; align-items: center; } /* fl-a */ 
	.flex_between { display: flex; justify-content: space-between; align-items: center; } /* fl-b */
	.flex_start { display: flex; justify-content: flex-start; align-items: center; } /* fl-s */
	.flex_end { display: flex; justify-content: flex-end; align-items: center; }
	.flex_center { display: flex; justify-content: center; align-items: center; } /* fl-cc */
	
	.flex_wrap { flex-wrap: wrap; } /* fl-wp */
	.flex_shink0 { flex-shrink: 0; } /* w_fix */


	/*  font & text  */
	.txc { text-align: center; }
	.txr { text-align: right; }
	.txl { text-align: left; }
	
	.medium { font-weight: 500; }
	.bold { font-weight: 700; }
	.bolder { font-weight: 900; }
	.normal { font-weight: normal; }


	/*  text color  */
	.txt_blue01 { color: #009BFA!important; } /*메인 컬러*/
	.txt_blue02 { color: #0090E9!important; } 
	.txt_blue03 { color: #477BFF!important; } 
	.txt_blue04 { color: #0066FF!important; } 
	.txt_purple01 { color: #7F6AFF!important; } 
	.txt_mint01 { color: #00ACB6!important; }
	.txt_mint02 { color: #00C0B5!important; }
	.txt_red01 { color: #FFA2A2!important; }
	.txt_red02 { color: #FB567D!important; }
	
	.txt_orange01 { color: #FF8F00!important; }
	.txt_orange02 { color: #FFBC10!important; }
	.txt_green01 { color: #0ebe45!important; }
	.txr_indigo01 { color: #0B3878; }
	
	.txt_white01 { color: #FFF!important; }
	.txt_grey01 { color: #727480!important; }
	.txt_grey02 { color: #9396A3!important; }
	.txt_grey03 { color: #787878!important; }
	.txt_grey03 { color: #636779!important; }
	.txt_black01 { color: #1C1E2A!important; }
	.txt_black02 { color: #1F1F1F!important; }

	/* back-ground color */
	.bg_black01 { background: #1C1E2A!important; }
	.bg_white01 { background: #FFFFFF!important; }
	.bg_grey01 { background: #636779!important; }
	.bg_grey02 { background: #F1F5F8!important; }
	.bg_blue01 { background: #009BFA!important; }
	.bg_red01 { background: #FD7671!important; }


/******************************
    plug-in 또는 스크립트 관련
******************************/
	.ui-datepicker-trigger { display: none; }
	input.date_input { background: #fff url(../../images/web/input/input_calendar.png) no-repeat; background-position: 90% 50%; background-size: 16px; }
	input.date_input2 { background: #fff url(../../images/web/input/input_calendar2.png) no-repeat; background-position: 90% 50%; background-size: 16px; }
	
	
	/* wrap-lading 관련 css */
	/*로딩*/
	#loadingR { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; }
	#loadingR.display-none { display: none; }
	#autoCloseAlert { height: 0; overflow: hidden; }
	
	/* 로딩중 loading */
	
	/*화면 전체를 어둡게 합니다.*/
	.wrap-loading{ position: fixed; left:0; right:0; top:0; bottom:0; z-index:2147483645; background: rgba(0,0,0,0); /*not in ie */ filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */  }
	.mainWrap-loading{ position: fixed; left:0; right:0; top:0; bottom:0; z-index:2147483646; background:url(../images/popup/popup_bg.png);  }
	.subWrap-loading{ position: fixed; left:373px; right:44px; top:187px; bottom:64px; z-index:2147483646; background-repeat: no-repeat; background-image:url(../images/popup/popup_bg2.png);  }
	
	/*로딩 이미지*/
	.wrap-loading div{ position: fixed; top:50%; left:50%; z-index:2147483647; margin-left: -21px; margin-top: -21px; }
	
	/*감추기*/
	.display-none{ display:none; }
	
	
	/*IOS 스크롤 영역 문제*/
	.h_50 { height: calc(100% - 50px)!important; }
	.scroll_ { height: calc(100%)!important; overflow-y: auto; }
	.scroll_50 { height: calc(100% - 50px)!important; overflow-y: auto; }
	    
	.maxHeight { height: 100vh; max-height: -webkit-fill-available; max-height: fill-available; }
	
	/*자동완성리스트*/
	#autoCompleteList { position: fixed; z-index:1000; display: none; background: #fff; width: calc(100% - 32px)!important; max-height: 200px; border: 1px solid #BDBDBD; border-radius: 4px; overflow: auto; }
	#autoCompleteList > li { padding: 14px 24px; border-bottom: 1px solid #F1F5F8; }
	#autoCompleteList > li:last-child { border-bottom: none; }
	#autoCompleteList > li:hover { background: #eee; }
	#autoCompleteList > li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 	#autoCompleteList a { padding: 0 6px; margin: 2px 0; } */
	#divSearchkeySE { display: none; }
	
/******************************
    공통 모듈(전체)
******************************/
    /* frame - 화면 전체 여백 틀 */
	.screen_bg { background: #F1F5F8; padding: 0 16px; }
	.screen_nbg { background: #FFF; padding: 30px 16px; }
	.screen_bg.pd_0, .screen_nbg.pd_0 { padding: 0; }

    /*title*/
	.cmn_title { display: flex; align-items: center; margin-bottom: 12px; }
	.cmn_title .section_title { display: flex; align-items: center; gap: 4px; margin-right: auto; font-size: 18px; font-weight: bold; }
	.cmn_title .more { display: flex; align-items: center; font-size: 12px; color: #727480; }

    /*top section*/
	.cmn_section_top { background: #009BFA; min-height: 70px; color: #fff; }
	
	/*row가 1줄일 경우*/
	.cmn_section_top .section_row { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 70px; border-bottom: 1px solid #5FB8FB; padding: 20px 16px; }
	
	/*row가 2줄 이상일 경우*/
	.cmn_section_top.add_row { display: flex; flex-direction: column; gap: 14px; padding: 20px 16px; }
	.cmn_section_top.add_row .section_row { min-height: initial; padding: 0; border-bottom: none; }
	
	/*top section 내 타이포그래피(제목, 금액, 기간)*/
	.cmn_section_top .title , 
	.cmn_section_top .money, 
	.cmn_section_top .period { font-size: 18px; font-weight: bold; }
	
	/*top section 내 검색 버튼*/
	.cmn_section_top .btn_search { display: flex; justify-content: center; align-items: center; height: 30px; padding: 0 10px; gap: 4px; border: 1px solid #fff; border-radius: 4px; font-size: 18px; font-weight: bold; cursor: pointer; }
	.cmn_section_top .btn_search i { font-size: 18px; font-weight: bold; }
	
	/*top section 내 셀렉트 박스*/
	.cmn_section_top .section_row.select { position: relative; display: flex; align-items: center; }
	.cmn_section_top .section_row.select i { position: absolute; right: 16px; pointer-events: none; }
	.cmn_section_top .section_row.select select { background: none; width: 100%; height: 40px; padding: 0 12px; border: 1px solid #fff; border-radius: 8px; font-size: 18px; font-weight: bold; }
	
	.cmn_section_top .section_col { display: flex; flex-direction: column; }
	
	/*list*/
	/* 1줄만 띄울 때 사용하기로한 공통 클래스 */
	.empty_row { width: 100%; padding: 20px 0; text-align: center; font-size: 14px;}
	.empty_center { width: 100%; border-top: 1px solid #D9D9D9; padding: 90px 0; text-align: center; font-size: 14px; }
	/*common list*/
	.cmn_section_list { background: #fff; color: #1C1E2A; }
	.cmn_section_list .section_data .data_row { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 70px; padding: 20px 16px; border-bottom: 1px solid #F1F5F8; }
	.cmn_section_list .section_data .data_row .section_left { display: flex; flex-direction: column; justify-content: center; gap: 10px; } 
	.cmn_section_list .section_data .data_row .section_right { display: flex; align-items: center; }
	.cmn_section_list .section_data .data_row.empty_row { justify-content: center; }
	
	/* 총 row가 3줄 이상이고 왼쪽의 row를 top으로 올릴 떄 */
	.cmn_section_list .section_data .data_row .section_left.top { margin-bottom: auto; }
	
	/* row가 2개 이상일 경우 */
	.cmn_section_list .section_data .data_row .section_right.add_row { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 10px; }
	.cmn_section_list .data_row .section_row { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
	
	/*common list 내 공통 타이포그래피(타이틀, 설명, 금액)*/
	.cmn_section_list .title { font-size: 16px; }
	.cmn_section_list .title02 { font-size: 18px; font-weight: bold; }
	.cmn_section_list .desc { font-size: 12px; color: #727480; }
	.cmn_section_list .money01  { font-size: 18px; font-weight: bold; }
	.cmn_section_list .money02 { font-size: 14px; font-weight: bold; color: #727480; }
	
	/*common list 내 이너 타이틀*/
	.cmn_section_list .section_title { text-align: center; background: #F1F5F8; padding: 8px 0; font-size: 12px; font-weight: bold; color: #727480; }
	
	/*common list 내 오른쪽 지시 아이콘(>)*/
	.cmn_section_list .section_right i { margin-left: 4px; font-size: 18px; }
	
	/*common list 내 결과 없음 표시 시*/
	.cmn_section_list .empty_row { padding: 0; }

	/*component*/
	/* 기본 버튼 */ 
	.cmn_section_btn { display: flex; gap: 10px; font-weight: bold; color: #fff; }
	.cmn_section_btn .cmn_btn { display: flex; align-items: center; justify-content: center; background: #009BFA; width: 100%; height: 50px; border-radius: 8px; cursor: pointer; }
	.cmn_section_btn .cmn_btn.ne { background: #636779; }
	.cmn_section_btn .cmn_btn.dis { background: #D8D8D8; }
	.cmn_section_btn .cmn_btn.off, .cmn_section_btn .cmn_btn.hide { display: none; }
	.cmn_section_btn.wid7n3 .cmn_btn { width: 70%; }
	.cmn_section_btn.wid7n3 .cmn_btn.ne, .cmn_section_btn.wid7n3 .cmn_btn.dis { width: 30%; }
	
	/*  타이틀형 버튼  */
	.cmn_btn_title { display: flex; align-items: center; background: #fff; height: 60px; padding: 0 16px; border-radius: 8px; box-shadow: 0px 0px 4px rgba(160, 187,255, 0.15); cursor: pointer; }
	.cmn_btn_title .title_inner { display: flex; align-items: center; gap: 6px; margin-right: auto; font-weight: bold; }
	.cmn_btn_title .section_inner { display: flex; align-items: center; gap: 4px; margin-left: auto; }
	.cmn_btn_title .section_inner .section_txt { text-align: right; line-height: 1.1; }
	.cmn_btn_title .section_inner .section_txt .color_txt { padding-bottom: 4px; font-size: 12px; color: #6A80FF; }
	.cmn_btn_title .section_inner i { font-size: 24px; }
	
	/* mark(circle) */
	/* 장식용 일반 동그라미 */
	.cmn_mark_blue { display: inline-block; background: #2977FF; width: 10px; height: 10px; border-radius: 50%; }
	.cmn_mark_blue.cmn_mark_red { background: #FF8080; }
	
	/* 필수 표시 */
	.req { position: relative; padding-left: 10px; }
	.req:before { content: ""; position: absolute; top: 8px; left: 3px; width: 4px; height: 4px; background: #ff4f3d; border-radius: 50%; }
	
	.req_r { position: relative; padding-right: 10px; }
	.req_r:before { content: "*"; position: absolute; top: 3px; right: 3px; color: #ff4f3d }
	
	/* badge */
	.cmn_badge { background: #009BFA; width: fit-content; padding: 0px 6px 0px; border-radius: 10px; font-size: 12px; color: #fff; line-height: 1.4; font-weight: bold; }
	.cmn_badge_red01 { background: #FF8080; font-weight: bold; color: #fff; }
	.cmn_badge_red02 { background: #ffefec; font-weight: normal; color: #ee5134; }
	.cmn_badge_red03 { background: #F6E6E6; border-radius: 15px; font-weight: normal; color: #855252; }
	.cmn_badge_grey01  { background: #E1E7F1; font-weight: normal; color: #9AA9C5; } /* 개인 배지 - 색 통일 */
	.cmn_badge_blue01  { background: #D4EDFC; font-weight: normal; color: #339FE1; } /* 기업 배지 - 색 통일 */
	.cmn_badge_blue02  { background: #ebf6ff; font-weight: normal; color: #3ca8fa;; } /* 기업 배지 - 색 통일 */
	.cmn_badge_white01 { background: #FFFFFF; border: 1px solid #009BFA; color: #444444; }
	
	
	/*check_mark*/
	.check_label { padding-left: 36px; background-image: url(/images/mobile/icon/check_off01.svg); background-repeat: no-repeat;  background-position: left center; margin-right: 15px; font-weight: 700; color: #1C1E2A; line-height: 24px; }
	.check_label.dis { background-image: url(../../images/web/input/check_dis.svg); }
	.txc .check_label { margin-right: 0; }
	.check_label:last-child { margin-right: 0; }
	input[type="checkbox"]:checked + .check_label { background-image: url(/images/mobile/icon/check_on01.svg); font-weight: bold; }
	
	.check_label02 { background: url(/images/mobile/icon/check_off01.svg) no-repeat left center;  background-size: 14px; padding-left: 20px; font-size: 14px; font-weight: 500; color: #4A5E76; line-height: 14px; }
	.check_label02.dis { background-image: url(/images/web/input/check_dis.svg); }
	input[type="checkbox"]:checked + .check_label02 { background-image: url(/images/mobile/icon/check_on01.svg); font-weight: bold; }

	/*radio_mark*/
	.radio_label { background: #fff url(/images/web/input/select_bg_off02.svg) no-repeat left center; background-size: 14px; padding-left: 20px; font-size: 14px; font-weight: 500; color: #4A5E76; line-height: 14px; }
	input[type="radio"]:checked + .radio_label { background-image: url(/images/web/input/select_bg_on02.svg); font-weight: bold; }
	
	
	/* 인풋박스 */
	.cmn_input .title { display: inline-block; margin-bottom: 6px; font-size: 14px; font-weight: bold; color: #727480; }
	.cmn_input .desc, 
	.cmn_input .alert { padding-top: 6px; font-size: 12px; color: #727480; }
	.cmn_input .desc.txt_red { color: #FF2E60 !important; }
	
	
	.cmn_input .section_frame { margin-bottom: 30px; position: relative; }
	.cmn_input .section_frame .alert { display: none; position: absolute; }
	.cmn_input .section_frame .alert.on { display: block; position: absolute; }
	
	/* 셀렉트박스 */
	.cmn_select .title { display: inline-block; margin-bottom: 6px; font-size: 14px; font-weight: bold; color: #727480; }
	
	.cmn_input .section_frame.select { display: flex; justify-content: space-between; align-items: center; }
	.cmn_input .section_frame.select select { background: none; width: 100%; height: 40px; padding: 0 12px; border: 1px solid #E8EDF0; border-radius: 8px; font-size: 16px; color: #1C1E2A; }
	.cmn_input .section_frame.select select option { color: #1C1E2A; }
	.cmn_input .section_frame.select select.placeholder { color: #CDCDCD; }
	.cmn_input .section_frame.select i { position: absolute; right: 16px; font-size: 20px; color: #1C1E2A; pointer-events: none; }
	
	.cmn_input input.date_input { background: url(../../images/mobile/icon/date_input.png) no-repeat; background-position: center right; background-origin: content-box }
	.cmn_input input { width: 100%; height: 40px; padding: 0 10px; border-bottom: 1px solid #E8EDF0; font-size: 16px; color: #1C1E2A; }
	.cmn_input input:focus { border-bottom: 1px solid #1C1E2A; }
	.cmn_input input::placeholder { color: #CDCDCD; }
	.cmn_input input:disabled, 
	.cmn_input input:read-only:not(.date_input) { background: #F1F5F8; border: none; border-radius: 8px; }
	
	/* 데이트 */
	.cmn_input .type_date .tilde { font-size: 14px; color: #859AAC; }
	.cmn_input .type_date .colon { font-size: 12px; color: #4A5E76; }
	
	.cmn_input .type_date.hnh_date { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
	
	.cmn_input .type_date.hnh_time { display: flex; align-items: flex-end; gap: 6px; }
	.cmn_input .type_date.hnh_time .section_input { display: flex; width: 100%; }
	.cmn_input .type_date.hnh_time .section_input .tilde { margin: 36px 4px 0; }
	.cmn_input .type_date.hnh_time .section_input .inputWrap { display: flex; justify-content: center; align-items: center; gap: 4px; }
	.cmn_input .type_date.hnh_time .cmn_section_btn { width: fit-content; flex-shrink: 0; }
	.cmn_input .type_date.hnh_time .cmn_btn { background: #68798D; width: fit-content; height: 40px; padding: 0 8px; font-size: 14px; font-weight: normal; }
	
	.cmn_input .type_date.row_time { display: flex; flex-direction: column; gap: 16px; }
	.cmn_input .type_date.row_time .row { display: flex; align-items: center; }
	.cmn_input .type_date.row_time .row .section_left { flex-shrink: 0; width: 32.2%; }
	.cmn_input .type_date.row_time .row .section_right { display: flex; align-items: center; width: 67.8%; gap: 6px; }
	.cmn_input .type_date.row_time .row .section_right .select select { min-width: 80px; }
	.cmn_input .type_date.row_time .row .section_right .select i { right: 10px; }
	
	/* 검색 인풋박스 */
	.cmn_search_input { position: relative; }
	.cmn_search_input input { background: #FFFFFF; width: 100%; height: 50px; padding: 0 14px; border-radius: 8px; font-size: 16px; color: #1C1E2A; }
	.cmn_search_input .icon_search01 { position: absolute; top: 50%; right: 26px; font-size: 24px; font-weight: bold; color: #636779; transform: translateY(-50%); pointer-events: auto; /* pointer-events: none; */ }
	
	/* 팝업 */
	.popup_wrap { position: fixed;  background: rgba(0,0,0,0.6); top:0; left: 0; z-index: 1000; display: none; width: 100%; height: 100%; }
	.popup_wrap .popup_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; background: #fff; width: calc(100% - 40px); padding: 24px 16px; border-radius: 8px; overflow: hidden; }
	.popup_wrap .popup_inner.vc { top: 35%; left: 50%; transform: translate(-50%, -50%); }
	.popup_wrap .popup_inner.vt { top: 30px; }
	.popup_wrap.on { display: block; }
	.popup_wrap.on .popup_inner { display: block; }
		/* 팝업 */
	.popup_wrap2 { position: fixed;  background: rgba(0,0,0,0.6); top:0; left: 0; z-index: 1000; display: none; width: 100%; height: 100%; }
	.popup_wrap2 .popup_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; background: #fff; width: calc(100% - 40px); padding: 24px 16px; border-radius: 8px; overflow: hidden; }
	.popup_wrap2 .popup_inner.vc { top: 35%; left: 50%; transform: translate(-50%, -50%); }
	.popup_wrap2 .popup_inner.vt { top: 30px; }
	.popup_wrap2.on { display: block; }
	.popup_wrap2.on .popup_inner { display: block; }
	
	
/*********************************************************************
   인클루드 파일에 사용되는 스타일(모듈은 아님) 또는 일부 메뉴 한정 공통으로 사용하는 스타일
**********************************************************************/       
	/* 네비게이션 추가로 인한 컨텐츠 영역 제한 */
/* 	#contents { height: calc(100vh - 48px - 58px); } */
/* 	#contents:not(.main_modeA) > .screen_bg { height: calc(100vh - 48px - 58px); overflow: auto; } 컨텐츠 영역 높이 */
/* 	#contents > .screen_nbg { height: calc(100vh - 48px - 58px); overflow: auto; } 컨텐츠 영역 높이 */
/* 	#contents:not(.main_modeA) { height: calc(100vh - 48px - 58px); overflow: hidden; } 컨텐츠 영역 높이 */
	#contents:not(.main_modeA) { height: calc(var(--vh) - 48px - 58px); overflow: hidden; } /* 컨텐츠 영역 높이 */
/* 	#contents:not(.main_modeA, .bizMutil) { height: calc(100vh - 48px); overflow: hidden; } 컨텐츠 영역 높이 */
/* 	#contents.bizMutil { height: 100vh; overflow: hidden; } */
	#contents.bizMutil { height: calc(var(--vh)); overflow: hidden; }
	#contents > .screen_bg,
	#contents > .screen_nbg { height: 100%; overflow: auto; } /* 컨텐츠 영역 높이 */
	
	.subLayer *::-webkit-scrollbar, 
	.subLayer *::-webkit-scrollbar-thumb,
	#contents *::-webkit-scrollbar, 
	#contents *::-webkit-scrollbar-thumb, 
	#innerAlarmMenu *::-webkit-scrollbar, 
	#innerAlarmMenu *::-webkit-scrollbar-thumb { display: none; background-color: transparent; } /* 임시 스크롤바 숨김 */
	
	/*공통 헤더*/
/* 	.cmn_header { position: sticky; left: 0; top: 0; z-index: 999;  } */
	.cmn_header { display: flex; justify-content: space-between; align-items: center; background: #fff; width: 100%; height: 48px; padding: 0 16px; box-shadow: 0px 4px 4px 0px #C6CED840; }
	.cmn_header i { font-size: 24px; font-weight: bold; color: #0B3878; }
	.cmn_header .logo img { max-height: 24px; }
	
	.cmn_header .btn_wrap { gap: 16px; }
	
	/* 서브페이지_헤더 */
/* 	.cmn_header.sub { z-index: 9999; } */
	.cmn_header.sub { border-bottom: 1px solid #F1F5F8; box-shadow: none; }
	.cmn_header.sub .page_title { font-weight: bold; }
	.cmn_header.sub .top_search { display: inline-block; margin-right: 5px; }
	.cmn_header.sub .initBtn { font-size: 12px; color: #009BFA; }/* 검색필터의 초기화 버튼 */
/*     #sub_header .link img { width: 24px; } a.link img 태그 사용 시 사용하던 스타일 */

	
	/* 공통 푸터/네비게이션바 */
/* 	.cmn_footer { position: sticky; left: 0; bottom: 0; z-index: 9999; } */
	.cmn_footer { display: flex; justify-content: space-between; background: #fff; width: 100%; height: 58px; gap: 14px; padding: 0 16px; box-shadow: 4px -4px 8px 0px rgba(0, 0, 0, 0.10); }
	.cmn_footer .icon { display: flex; justify-content: center; align-items: center; width: calc((100% - 28px) / 3); height: 100%; }
	.cmn_footer .icon img { max-width: 46px; }
/* 	.cmn_footer .icon#cashmapHome img { content: url(/images/mobile/main/navIcon01.svg); } */
/* 	.cmn_footer .icon#workTalk img{ content: url(/images/mobile/main/navIcon02.svg); } */
/* 	.cmn_footer .icon#workMail img { content: url(/images/mobile/main/navIcon03.svg); } */
/* 	.cmn_footer .icon.on#cashmapHome img { content: url(/images/mobile/main/navIcon01_on.svg); } */
/* 	.cmn_footer .icon.on#workTalk img { content: url(/images/mobile/main/navIcon02_on.svg); } */
/* 	.cmn_footer .icon.on#workMail img { content: url(/images/mobile/main/navIcon03_on.svg); } */
	.cmn_footer .icon#cashmapHome img { content: url(/images/mobile/main/navIcon01_on.svg); }
	.cmn_footer .icon#workTalk img { content: url(/images/mobile/main/navIcon02_on.svg); }
	.cmn_footer .icon#workMail img { content: url(/images/mobile/main/navIcon03_on.svg); }
	.cmn_footer .icon#workMail.disable img { opacity: 0.5; }
	
	/*삼선 메뉴*/
	#innerSubMenu { position: fixed; top: 0; left: 100%; z-index: 999; width: 100vw; height: 100vh; transition: all 0.4s; }
/* 	#innerSubMenu { height: 100vh; max-height: -webkit-fill-available; max-height: fill-available; } */
	#innerSubMenu { height: calc(var(--vh)); max-height: -webkit-fill-available; max-height: fill-available; }
	#innerSubMenu.on { left: 0; }
	
	/*주소 메뉴*/
	#innerJuso { position: fixed; top: 0; left: 100%; z-index: 999; width: 100vw; height: 100vh; transition: all 0.4s; }
/* 	#innerJuso { height: 100vh; max-height: -webkit-fill-available; max-height: fill-available; } */
	#innerJuso { height: calc(var(--vh)); max-height: -webkit-fill-available; max-height: fill-available; }
	#innerJuso.on { left: 0; }
	
	/* 삼선 메뉴 */
	.subLayer { background: #fff; height: 100%; }
	/* 삼선 메뉴 중 헤더 바 + 멀티사업장 선택 */
	.subLayer .section_top { box-shadow: 0px 2px 20px 0px rgba(174, 190, 211, 0.40); }
	.subLayer .section_top .header { width: 100%; height: 48px; gap: 12px; padding: 0 16px; border-bottom: 1px solid #DADADA; }
	.subLayer .section_top .header .page_title { width: 100%; text-align: center; font-weight: 700; }
/* 	.subLayer .section_top .header .btn_wrap { gap: 16px; } */
	.subLayer .section_top .header .btn_wrap i { /* padding: 0 8px; */ font-weight: 700; color: #1C1E2A; }
/* 	.subLayer .section_top .section_tooltip, */
	.subLayer .section_top .section_mltSelect { background: #fff; padding: 20px 25px; }
/* 	.subLayer .section_top .section_tooltip p, */
	.subLayer .section_top .section_mltSelect .empty_mlt { display: flex; align-items: center; width: 100%; height: 44px; padding: 0 10px; border-radius: 8px; font-size: 16px; }
	.subLayer .section_top .section_mltSelect .empty_mlt { background: #F3F6FA; }
	.subLayer .section_top .section_mltSelect .cmn_input { position: relative; display: flex; justify-content: space-between; align-items: center; }
	.subLayer .section_top .section_mltSelect .cmn_input i { position: absolute; right: 16px; font-size: 20px; pointer-events: none; color: #C3C6D2; }
	.subLayer .section_top .section_mltSelect .select { background: #F3F6FA; width: 100%; height: 44px; padding: 0 10px 0 12px; border: none; /* border: 1px solid #C3C6D2; */ border-radius: 8px; color: #1C1E2A; }
	
/* 	.subLayer .section_top .section_tooltip { border-bottom: 4px solid #F3F6FA; } */
/* 	.subLayer .section_top .section_tooltip p { background: #FFF; text-align: center; line-height: 140%; } */

	.subLayer .section_mntg { height: calc(100% - 132px - 96px); overflow: auto; }
	.subLayer .section_mntg.favHei { height: calc(100% - 48px); }
	.subLayer .section_mntg.favHei .section_tooltip { background: #fff; padding: 20px 25px; border-bottom: 4px solid #F3F6FA; }
	.subLayer .section_mntg.favHei .section_tooltip p { background: #FFF; text-align: center; line-height: 140%; }
/* 	.subLayer .section_mntg.favHei { height: calc(100% - 132px); } */
/* 	.subLayer .section_mntg .toggle { background: #F3F6FA; } */
	.subLayer .section_mntg > .stdLi { background: #F3F6FA; }
	.subLayer .section_mntg > .stdLi img { width: 20px; /* height: 20px; */ }
	.subLayer .section_mntg > .stdLi[data-menu_id="A0000000"] img { content: url(/images/mobile/main/mainB_icon01.svg); } /* 포탈 */
	.subLayer .section_mntg > .stdLi[data-menu_id="A0000001"] img { content: url(/images/mobile/main/mainB_icon11.svg); } /* 전문가톡 */
	.subLayer .section_mntg > .stdLi[data-menu_id="A0000002"] img { content: url(/images/mobile/main/mainB_icon02.svg); } /* 출퇴근 */
	.subLayer .section_mntg > .stdLi[data-menu_id="A0000003"] img { content: url(/images/mobile/main/mainB_icon03.svg); } /* 전자결재 */
	.subLayer .section_mntg > .stdLi[data-menu_id="B0000000"] img { content: url(/images/mobile/main/mainB_icon04.svg); } /* 회계 */
	.subLayer .section_mntg > .stdLi[data-menu_id="C0000000"] img { content: url(/images/mobile/main/mainB_icon06.svg); } /* 인사 */
	.subLayer .section_mntg > .stdLi[data-menu_id="D0000000"] img { content: url(/images/mobile/main/mainB_icon09.svg); } /* 급여 */
	.subLayer .section_mntg > .stdLi[data-menu_id="E1000000"] img { content: url(/images/mobile/main/mainB_icon10.svg); } /* 매입매출 */
	.subLayer .section_mntg > .stdLi[data-menu_id="E2000000"] img { content: url(/images/mobile/main/mainB_icon12.svg); } /* 세금계산서 */
	.subLayer .section_mntg > .stdLi[data-menu_id="E3000000"] img { content: url(/images/mobile/main/mainB_icon13.svg); } /* 거래처 */
	.subLayer .section_mntg > .stdLi[data-menu_id="E5000000"] img { content: url(/images/mobile/main/mainB_icon05.svg); } /* 카매현매 */
	.subLayer .section_mntg > .stdLi[data-menu_id="S0000000"] img { content: url(/images/mobile/main/mainB_icon07.svg); } /* 공지사항 */
	.subLayer .section_mntg > .stdLi[data-menu_id="S0000009"] img { content: url(/images/mobile/main/mainB_icon08.svg); } /* 설정 */

	.subLayer .section_mntg .toggleTitle { position: relative; display: flex; justify-content: space-between; align-items: center; background: #fff; width: 100%; height: 48px; padding: 0 22px 0 16px; gap: 10px; } /* padding: 12px 16px; */
	.subLayer .section_mntg .toggleTitle p { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: bold; color: #1C1E2A; }
	.subLayer .section_mntg .toggleTitle i { font-size: 20px; color: #D8D8D8; transition: transform 0.2s ease-in-out; }
	.subLayer .section_mntg .toggleTitle.on i { color: #4148FF; transform: rotate(180deg); }
	.subLayer .section_mntg .toggleTitle.on:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 6px; height: 100%; background: #585FFF; }

	.subLayer .section_mntg .toggleSlide { display: none; }
	.subLayer .section_mntg .toggleSlide ul { padding: 8px 0; }
	.subLayer .section_mntg .toggleSlide li { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 40px; gap: 16px; padding: 0 16px 0 44px; font-size: 16px; color: #1C1E2A; }
	.subLayer .section_mntg .toggleSlide li > p { width: 100%; line-height: 30px; }
	.subLayer .section_mntg .toggleSlide .favBadge { position: relative; flex-shrink: 0; background: #CCC; width: 48px; height: 24px; border-radius: 12px; }
	.subLayer .section_mntg .toggleSlide .favBadge:after { content: ""; position: absolute; top: 3px; left: 3px; background: #fff; width: 18px; height: 18px; border-radius: 50%; transition: left 0.2s ease-in-out; }
	.subLayer .section_mntg .toggleSlide .favBadge.on { background: #17C674; }
	.subLayer .section_mntg .toggleSlide .favBadge.on:after { left: calc(100% - 21px); }

	.subLayer .section_mntg.favHei .toggleSlide { display: block; }

	.subLayer .section_info { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; height: 96px; gap: 10px; padding: 16px; font-weight: bold; }
	.subLayer .section_info p { font-size: 14px; color: #4148FF; }
	.subLayer .section_info span, .subLayer .section_info a { font-size: 12px; color: #727480; }
	
	
/* 	.subLayer .top { position: relative; z-index: 999; background: #fff; padding: 16px 25px; box-shadow: 0px 4px 4px 0px #C6CED840; } */
/* 	.subLayer .multiWrap { margin-top: 16px; } */
/* 	.subLayer .multiWrap .select { background: #F3F6FA url(../../images/mobile/icon/selectArrow.svg) no-repeat; background-position: 96% center; width: 100%; height: 44px; padding: 10px; border: none; border-radius: 8px; font-weight: bold; color: #1C1E2A; } */
/* 	.subLayer .multiWrap .select.nbg { background: #F3F6FA; } */
/* 	.subLayer .multiWrap .cmn_input { position: relative; display: flex; justify-content: space-between; align-items: center; } */
/* 	.subLayer .multiWrap .cmn_input i { position: absolute; right: 16px; font-size: 20px; pointer-events: none; color: #1C1E2A; } */
	
/* 	.subLayer .top { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; gap: 16px; } */
/* 	.subLayer .top > div { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 12px; } */
/* 	.subLayer .top > div .section_left { flex-shrink: 0; width: 70px; font-size: 14px; font-weight: bold; color: #333960; } */
/* 	.subLayer .top > div .section_right { width: 100%; } */
	
/* 	.subLayer .top > .flex_between:first-child { min-height: 28px; } */
/* 	.subLayer .section_mltSelect .cmn_input { position: relative; display: flex; justify-content: space-between; align-items: center; } */
/* 	.subLayer .section_mltSelect .cmn_input i { position: absolute; right: 16px; font-size: 20px; pointer-events: none; color: #1C1E2A; } */
/* 	.subLayer .section_mltSelect .multiWrap .select { background: #fff; width: 100%; height: 38px; padding: 0 10px 0 12px; border: 1px solid #333960; border-radius: 8px; font-weight: bold; color: #1C1E2A; } */
/* 	.subLayer .section_mltSelect .multiWrap .select.nbg { display: flex; align-items: center; background: #F3F6FA; border: 1px solid transparent; } */
/* 	.subLayer .section_modeCon .section_btn { display: flex; justify-content: space-between; align-items: center; background: #5C6C94; width: 100%; height: 38px; padding: 4px; border-radius: 60px; font-size: 14px; font-weight: bold; color: #B0BCD9; } */
/* 	.subLayer .section_modeCon .section_btn > p { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 15px; } */
/* 	.subLayer .section_modeCon .section_btn > p.on { background: #fff; color: #1C1E2A; } */
	
/* 	.subLayer .menuWrap { display: flex; height: calc(100% - 168px - 58px); } */
/* 	.subLayer .menuWrap { display: flex; height: calc(100% - 60px - 58px); } */
/* 	.subLayer .menuWrap { display: flex; height: calc(100% - 60px); } */
/* 	.subLayer .mainMenuList { background: #0B1A3D; flex-shrink: 0; overflow-y: scroll; } */
/* 	.subLayer .mainMenuList { padding: 32px 18px; color: #fff; } */
/* 	.subLayer .mainMenuList p { display: flex; align-items: center; margin-bottom: 30px; font-size: 14px; font-weight: bold; color: #fff; } */
/* 	.subLayer .mainMenuList p img { margin-right: 10px; } */
/* 	.subLayer .mainMenuList p:last-child { margin-bottom: 0; }  */
	/* icon01 = home */
/* 	.subLayer .mainMenu[data-menu_id="A0000000"] img { content: url(/images/mobile/temp/icon02.svg); } 포탈 */
/* 	.subLayer .mainMenu[data-menu_id="A0000001"] img { content: url(/images/mobile/temp/icon14.svg); } 전문가톡 */
/* 	.subLayer .mainMenu[data-menu_id="A0000002"] img { content: url(/images/mobile/temp/icon03.svg); } 출퇴근 */
/* 	.subLayer .mainMenu[data-menu_id="A0000003"] img { content: url(/images/mobile/temp/icon04.svg); } 전자결재 */
/* 	.subLayer .mainMenu[data-menu_id="B0000000"] img { content: url(/images/mobile/temp/icon05.svg); } 회계 */
/* 	.subLayer .mainMenu[data-menu_id="C0000000"] img { content: url(/images/mobile/temp/icon07.svg); } 인사 */
/* 	.subLayer .mainMenu[data-menu_id="D0000000"] img { content: url(/images/mobile/temp/icon06.svg); } 급여 */
/* 	.subLayer .mainMenu[data-menu_id="E1000000"] img { content: url(/images/mobile/temp/icon12.svg); } 매입매출 */
/* 	.subLayer .mainMenu[data-menu_id="E2000000"] img { content: url(/images/mobile/temp/icon10.svg); } 세금계산서 */
/* 	.subLayer .mainMenu[data-menu_id="E3000000"] img { content: url(/images/mobile/temp/icon11.svg); } 거래처 */
/* 	.subLayer .mainMenu[data-menu_id="E5000000"] img { content: url(/images/mobile/temp/icon13.svg); } 카매현매 */
/* 	.subLayer .mainMenu[data-menu_id="S0000000"] img { content: url(/images/mobile/temp/icon08.svg); } 공지사항 */
/* 	.subLayer .mainMenu[data-menu_id="S0000009"] img { content: url(/images/mobile/temp/icon09.svg); } 설정 */
	
/* 	.subLayer .subMenuList { position: relative; flex: 1; background: #fff; padding: 0px 20px 10px; overflow-y: scroll; } */
/* 	.subLayer .subMenuList p { padding-left: 20px; border-radius: 8px; line-height: 40px; } */
/* 	.subLayer .subMenuList p.grTitle { background-repeat: no-repeat; background-size: 14px; background-position: left center; margin-top: 8px; font-weight: bold; } */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="A0000000"] { background-image: url(/images/mobile/temp/subIcon01.svg); margin-top: 22px; } 포탈 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="A0000001"] { background-image: url(/images/mobile/temp/subIcon14.svg); } 전문가톡 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="A0000002"] { background-image: url(/images/mobile/temp/subIcon02.svg); } 출퇴근 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="A0000003"] { background-image: url(/images/mobile/temp/subIcon03.svg); } 전자결재 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="B0000000"] { background-image: url(/images/mobile/temp/subIcon04.svg); } 회계 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="C0000000"] { background-image: url(/images/mobile/temp/subIcon06.svg); } 인사 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="D0000000"] { background-image: url(/images/mobile/temp/subIcon05.svg); } 급여 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="E1000000"] { background-image: url(/images/mobile/temp/subIcon12.svg); } 매입매출 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="E2000000"] { background-image: url(/images/mobile/temp/subIcon10.svg); } 세금계산서 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="E3000000"] { background-image: url(/images/mobile/temp/subIcon11.svg); } 거래처 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="E5000000"] { background-image: url(/images/mobile/temp/subIcon13.svg); } 카매현매 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="S0000000"] { background-image: url(/images/mobile/temp/subIcon07.svg); } 공지사항 */
/* 	.subLayer .subMenuList .grTitle[data-menu_id="S0000009"] { background-image: url(/images/mobile/temp/subIcon08.svg); } 설정 */
/* 	.subLayer .subMenuList .mode { display: flex; justify-content: space-between; align-items: center; } */
/* 	.subLayer .subMenuList .mode span { font-size: 14px; color: #B0B3C3; } */

/* 	.subLayer .serviceInfo { margin-top: 30px; padding-bottom: 20px; } */
/* 	.subLayer .serviceInfo p { padding-left: 0; font-size: 14px; font-weight: bold; color: #009BFA; line-height: initial; } */
/* 	.subLayer .serviceInfo span { font-size: 12px; } */
/* 	.subLayer .serviceInfo a { font-size: 12px; } */
	


	
/*알림 레이어*/
/*     .cmn_header .notifi_Pop { position: relative; min-width: 54px; padding: 0 10px; }  */
/*     .cmn_header .notifi_Pop > i { position: relative; font-size: 22px; color: #666669; cursor: pointer; }  */
/*     .cmn_header .notifi_Pop > i.on:after { position: absolute; content: "N"; top: -3px; right: -8px; display: flex; justify-content: center; align-items: center; background: #FF3838; width: 14px; height: 14px; border: 1px solid #FFF; border-radius: 50%; font-size: 10px; color: #FFF; line-height: 1; }  */
/*     .cmn_header #alarmMenu { position: relative; padding-right: 10px; font-size: 22px; color: #666669; cursor: pointer; }  */
	.cmn_header #alarmMenu { position: relative;  /* padding: 0 5px; margin-right: 10px;  font-size: 20px; */ cursor: pointer; } 
	.cmn_header #alarmMenu.on:after { position: absolute; content: "N"; top: -3px; right: -8px; display: flex; justify-content: center; align-items: center; background: #FF3838; width: 14px; height: 14px; border: 1px solid #FFF; border-radius: 50%; font-size: 10px; color: #FFF; line-height: 1; } 
/* 	.cmn_header.sub #alarmMenu { position: relative; padding: 0 5px; margin-right: 10px; font-size: 22px; color: #0B3878; cursor: pointer; }  */

/*     #innerAlarmMenu { position: fixed; top: 48px; bottom: 0; right: 0px; z-index: 9999; display: none; width: 100%; border-top: 2px solid #EAEAEA; }  */
/*     #innerAlarmMenu.on { display: block; }  */
	#innerAlarmMenu { width: 100%; /* border-top: 2px solid #EAEAEA; */ } 
	#innerAlarmMenu.content { height: calc(100vh - 48px); overflow: hidden; } 
	#innerAlarmMenu .side { padding: 0 24px; }
	#innerAlarmMenu .frame { display: flex; justify-content: space-between; align-items: center; }
	#innerAlarmMenu .section_popwrap { position: relative; background: #F2F2F2; width: 100%; /* height: 100vh; */ } 
	#innerAlarmMenu .section_popwrap { height: 100%; overflow: auto; }
	#innerAlarmMenu .section_popwrap .section_title.frame.side { display: none; }
/*     #innerAlarmMenu .section_popwrap { position: relative; background: #F2F2F2; width: 100%; height: calc(100vh - 48px); }  */
/*     #innerAlarmMenu .section_popwrap .section_title { display: none; } */
/*     #innerAlarmMenu .section_popwrap .section_title { background: #FFF; height: 62px; border-bottom: 1px solid #EAEAEA; color: #1F1F1F; }  */
/*     #innerAlarmMenu .section_popwrap .section_title > div { gap: 20px; font-size: 18px; font-weight: bold; }  */
/*     #innerAlarmMenu .section_popwrap .section_title .noti { font-size: 14px; font-weight: normal; color: #222222; }  */
/*     #innerAlarmMenu .section_popwrap .section_title .icon_menu16 { font-size: 24px; cursor: pointer; }  */

	#innerAlarmMenu .section_popwrap .section_tab { background: #FFF; height: 50px; padding: 0; font-size: 14px; color: #1F1F1F; letter-spacing: -0.64px; }
	#innerAlarmMenu .section_popwrap .section_tab > .frame { justify-content: flex-start; gap: 6px; } 
	#innerAlarmMenu .section_popwrap .section_tab span { position: relative; width: 80px; padding: 10px 12px; text-align: center; font-weight: bold; opacity: 0.4; cursor: pointer; } 
	#innerAlarmMenu .section_popwrap .section_tab span.on { opacity: 1.0; }
	#innerAlarmMenu .section_popwrap .section_tab span.on:after { position: absolute; content: ""; left: 0; right: 0; bottom: -6px; border-bottom: 2px solid #1F1F1F; }  
	#innerAlarmMenu .section_popwrap .section_tab p { padding: 10px 20px 10px 10px; color: #184BFF; cursor: pointer; } 
	
	#innerAlarmMenu .section_popwrap .inner { display: flex; flex-direction: column; height: calc(100% - 134px); gap: 12px; padding: 20px 24px; overflow: auto; } 
	#innerAlarmMenu .section_popwrap .inner::-webkit-scrollbar {  display: none; }
	#innerAlarmMenu .section_popwrap .inner .card { position: relative; display: flex; background: #FFF; gap: 4px; padding: 14px; border-radius: 14px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); cursor: pointer; border: 1px solid transparent; transition: 0.3s; }
	#innerAlarmMenu .section_popwrap .inner .card > i { font-size: 24px; color: #33437A; } 
	#innerAlarmMenu .section_popwrap .inner .card > div { width: 100% } 
	#innerAlarmMenu .section_popwrap .inner .card .title { margin-bottom: 6px; line-height: 1; } 
	#innerAlarmMenu .section_popwrap .inner .card .title .frame { justify-content: flex-start; gap: 14px; } 
	#innerAlarmMenu .section_popwrap .inner .card .title .menu { font-size: 16px; font-weight: bold; color: #33437A; letter-spacing: -0.64px; } 
	#innerAlarmMenu .section_popwrap .inner .card .title .time { font-size: 12px; color: #BBBBBB; letter-spacing: -0.48px; } 
	#innerAlarmMenu .section_popwrap .inner .card .title > i { display: inline-block; font-size: 24px; color: #D9D9D9; transform: rotate(90deg); } 
	#innerAlarmMenu .section_popwrap .inner .card .message{ font-size: 14px; color: #1F1F1F; } 
	#innerAlarmMenu .section_popwrap .inner .card.on:after { position: absolute; content: "N"; top: -7px; left: -4px; display: flex; justify-content: center; align-items: center; background: #FF3838; width: 20px; height: 20px; border: 2px solid #F2F2F2; border-radius: 50%; font-size: 13px; color: #FFF; line-height: 2; } 
	#innerAlarmMenu .section_popwrap .inner .card.off > * { opacity: 0.4; } 
	#innerAlarmMenu .section_popwrap .inner .card:hover { background: #F2F7FA; border: 1px solid #4C5A8A; }  
	#innerAlarmMenu .section_popwrap .inner .empty { padding: 70px 0; text-align: center; font-size: 16px; } 
	#innerAlarmMenu .section_popwrap .inner .empty img { display: block; width: fit-content; margin: 0 auto; cursor: unset; } 
	#innerAlarmMenu .section_popwrap .inner .empty > div p { margin: 20px 0 34px; font-size: 20px; font-weight: bold; color: #1F1F1F; } 
	#innerAlarmMenu .section_popwrap .inner .empty a { font-weight: bold; color: #2982E8; text-decoration: solid underline #2982E8 1px; text-underline-offset: 4px; } 
	#innerAlarmMenu .section_popwrap .inner .empty > p { margin-top: 11px; color: #000; line-height: 150%; letter-spacing: -0.64px; word-wrap : break-word; word-break: keep-all; } 
	#innerAlarmMenu .section_popwrap .inner_popwrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; } 
	#innerAlarmMenu .section_popwrap .inner_popwrap.on { display: block; } 
	#innerAlarmMenu .section_popwrap .inner_popwrap > div { display: flex; align-items: flex-end; background: rgba(0, 0, 0, 0.40); height: 100%; padding: 60px 24px;  } 
	#innerAlarmMenu .section_popwrap .inner_popwrap .inner_pop { width: 100%; color: #1F1F1F; }  
	#innerAlarmMenu .section_popwrap .inner_popwrap .inner_pop ul { background: #fff; border-radius: 14px; } 
	#innerAlarmMenu .section_popwrap .inner_popwrap .inner_pop ul li { justify-content: flex-start; height: 60px; gap: 10px; padding: 0 14px; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: bold; line-height: 1; cursor: pointer; } 
	#innerAlarmMenu .section_popwrap .inner_popwrap .inner_pop ul li:last-child { border-bottom: none; }
	#innerAlarmMenu .section_popwrap .inner_popwrap .inner_pop ul li > i { font-size: 26px; } 
	#innerAlarmMenu .section_popwrap .inner_popwrap .inner_pop ul li span { margin-left: 16px; font-size: 16px; font-weight: normal; } 
	#innerAlarmMenu .section_popwrap .inner_popwrap .inner_pop .btn { justify-content: center; background: #fff; width: 100%;  height: 58px; margin-top: 8px; border-radius: 14px; font-size: 18px; font-weight: bold; cursor: pointer; } 
	
	/* 서브메뉴 알림*/
	#innerAlarmMenu .section_popwrap .bl_sq {  font-size: 17px; font-weight: bold; color: #fff; text-align: center; }
	#innerAlarmMenu .section_popwrap .span_wrap { display: none; }
	#innerAlarmMenu .section_popwrap .inner .span_wrap.on { background: #2D2D2D; border-radius: 14px; height: 58px; margin-bottom: 8px; display: flex; justify-content: center; align-items: center; position: absolute; top: 90%; left: 25%; }
	
	/* 설정 관련 추가  */
	/* 	#innerAlarmMenu .section_popwrap.set .section_title.frame { justify-content: flex-start; gap: 10px; font-size: 18px; font-weight: bold; } */
	/*     #innerAlarmMenu .section_popwrap.set .section_title.frame i { cursor: pointer; } */
	
	#innerAlarmMenu .section_popwrap.set form { height: inherit; }
	#innerAlarmMenu .section_popwrap.set .inner { /* height: calc(100% - 62px); */ height: unset; gap: 20px; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card { display: flex; flex-direction: column; gap: 14px; background: #FFF; padding: 18px; border-radius: 14px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); border: 1px solid transparent; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card:last-child { max-height: 366px; gap: 16px; overflow: auto; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card:last-child .title.frame { padding-bottom: 14px; border-bottom: 1px solid #ddd; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card .title span { font-size: 18px; font-weight: bold; color: #33437A; letter-spacing: -0.64px; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card span { font-size: 15px; font-weight: bold; color: #33437A; letter-spacing: -0.64px; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card p { padding-top: 14px; border-top: 1px solid #ddd; font-size: 14px; color: #A5A5A5; letter-spacing: -0.56px; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card .btn_act { display: flex; align-items: center; background: #D1D1D6; width: 40px; height: 20px; padding: 2px; border-radius: 16px; transition: 0.3s; cursor: pointer; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card .btn_act.on { justify-content: flex-end; background: #12B28C; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card .btn_act > div { background: #FFFFFF; width: 16px; height: 16px; border-radius: 50%; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16); transition: 0.3s; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card .section_check { display: none; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card label { cursor: pointer; background: none; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card .select_op { background-image: url(/images/web/input/alarm_check_off.svg); background-repeat: no-repeat; background-position: left center; margin-right: 12px; padding-left: 25px; background-size: 20px 18px; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card input[type="checkbox"]:checked + .select_op { background-image: url(/images/web/input/alarm_check_on.svg); }
	#innerAlarmMenu .section_popwrap.set .inner .set_card .row { display: flex; justify-content: space-between; align-items: center; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card .row > div { display: flex; align-items: flex-start; gap: 4px; line-height: 1; }
	#innerAlarmMenu .section_popwrap.set .inner .set_card .sub { position: relative; top: -2px; width: 12px; }
	

	
	/* 페이지 상단 캘린더 스타일 */
	/* slider */
	.slide_menu { position: relative; background: #F1F5F8; width: 100%; overflow: hidden; }
	.slide_menu .swiper-container { position: relative; z-index: 1; margin: 0 auto; overflow: hidden; }
	.slide_menu .swiper-container-2 { display: none; }
	.slide_menu .swiper-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
	.slide_menu .swiper-wrapper { position: relative; z-index: 1; width: 100%; height: 100%; height: 44px; }
	.slide_menu .swiper-wrapper .swiper-slide a { display: block; text-align: center; font-size: 14px; color: #9396a3; line-height: 44px; }
	.slide_menu .swiper-wrapper .swiper-slide.active a { background: #009bfa; color: #fff; }
	.slide_menu .swiper-slide { position: relative; flex-shrink: 0; width: 100%; height: 100%; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; }
	
	/* < date click >*/
	.section_ .date_section { display: flex; align-items: center; justify-content: center; gap: 20px; height: 60px; }
	.section_ .date_section > span { font-size: 16px; color: #9396A3; }
	.section_ .date_section .today { display: flex; align-items: center; justify-content: center; gap: 10px; }
	.section_ .date_section .today .bold { color: #1c1e2a; font-size: 18px; }
	
	.slide_box_wrap { width: 100%; overflow-x: auto; position: relative; -ms-overflow-style: none; border-top: 1px solid #F1F5F8; border-bottom: 1px solid #F1F5F8; } 
	.slide_box_wrap::-webkit-scrollbar { display:none; } 
	.slide_box { display: inline-flex; width: auto; white-space: nowrap; } 
	.slide_box .item { display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; width: 50px; height: 50px; font-size: 12px; } 
	.slide_box .item .num { font-size: 15px; font-weight: bold; } 
	.slide_box .item.on { background: #009bfa; color: #fff!important; } 
	.slide_box .item.dis { opacity: 0.4; } 
	.slide_box .item.sun { color: #FF6464; } 
	.slide_box .item.sat { color: #5ABAFF; } 
	
	/*main page list*/
	.mainlist_box01 .section_data { display: flex; flex-direction: column; background: #FFF; gap: 20px; padding: 20px 14px; box-shadow: 0px 0px 4px rgba(160, 187, 255, 0.15); border-radius: 8px; }
	.mainlist_box01 .data_row { display: flex; align-items: center; font-size: 14px; }
	.mainlist_box01 .data_row p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.mainlist_box01 .data_row .name { flex-shrink: 0; width: 58px; color: #5B5B5B; }
	.mainlist_box01 .data_row .document { flex: 1; margin: 0 5px; font-size: 16px; color: #1C1E2A; }
	.mainlist_box01 .data_row .date { flex-shrink: 0; margin-left: auto; color: #727480; }
	
	.mainlist_box02 { display: flex; flex-direction: column; background: #FFF; padding: 20px 14px; box-shadow: 0px 0px 4px rgba(160, 187, 255, 0.15); border-radius: 8px; }
	.mainlist_box02 .title_inner { display: flex; align-items: center; padding-bottom: 18px; border-bottom: 1px solid #727480; }
	.mainlist_box02 .title_inner .section_fixed { display: flex; align-items: center; gap: 6px; margin-right: auto; font-weight: bold; }
	.mainlist_box02 .title_inner .section_txt { text-align: right; line-height: 1.1; }
	.mainlist_box02 .title_inner .section_txt .color_txt { padding-bottom: 4px; font-size: 12px; color: #6A80FF; }
	.mainlist_box02 .title_inner .more { display: flex; align-items: center; font-size: 12px; color: #727480; margin-left: 4px; }
	.mainlist_box02 .title_inner .more i { font-size: 16px; }
	.mainlist_box02 .title_inner .more.large i { font-size: 24px; }
	.mainlist_box02 .section_data { display: flex; flex-direction: column; gap: 12px; padding-top: 14px; }
	.mainlist_box02 .section_data .data_row { display: flex; align-items: center; justify-content: space-between; font-size: 16px; color: #5B5B5B; }
	.mainlist_box02 .section_data .color_txt { font-size: 12px; color: #6A80FF; }

	
	/* main_B(출퇴근모드), 출퇴근 체크(mTimecard_sub) */
	.workSection { background: #fff; min-height: 128px; padding: 20px 16px; margin-bottom: 10px; border-radius: 8px; box-shadow: 0px 0px 4px 0px #A0BBFF26; }
	.workBtnWrap { display: flex; gap: 10px; margin-bottom: 24px; }
	.workBtn { display: flex; align-items: center; justify-content: center; flex: 1; height: 46px; border-radius: 6px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; cursor: pointer; }
	.workBtn.off { filter: grayscale(1); opacity: 0.3; }
	.workBtn.workBtn01 { background: #477BFF; }
	.workBtn.workBtn02 { background: #7F6AFF; }
	.crtTime { margin-bottom: 20px; text-align: center; }
	.crtTime p { font-size: 14px; font-weight: bold; color: #72747F; }
	.crtTime p#clock-time { font-size: 32px; color: #333; line-height: 1; }
	.recordRow .row { display: flex; align-items: center; }
	.recordRow .row .date { margin-left: 10px; padding-left: 10px; border-left: 1px solid #727480; font-size: 16px; color: #555; line-height: 14px; }
	.recordRow .row .modify { display: flex; align-items: center; justify-content: center; width: 74px; padding: 6px 10px; margin-left: auto; border: 1px solid; border-radius: 6px; text-align: center; font-size: 14px; font-weight: bold; }
	.recordRow .row .modify.off { filter: grayscale(1); opacity: 0.3; }
	.recordRow .row.type01 { margin-bottom: 12px; color: #477BFF; }
	.recordRow .row.type02 { color: #7F6AFF; }
	.recordRow .row.type01 .modify { border-color: #477BFF; }
	.recordRow .row.type02 .modify { border-color: #7F6AFF; }
	
	/* 직원관리(mEmp00010), 출퇴근 현황(mTimecard_list~mTimecard_listEmp), 근로계약서 */
	.section_onoff { display: flex; justify-content: space-between; align-items: center; background: #FFF; height: 55px; padding: 0px 26px; }
	.section_onoff .title { font-size: 15px; font-weight: bold; }
	.section_onoff .btn_wrap { position: relative; display: flex; background: #9EA7B0; width: 84px; height: 22px; border: 1px solid #9EA7B0; border-radius: 13px; }
	.section_onoff .btn_wrap .inner_bg { position: absolute; left: 0; top: 0; background: #fff; width: 50%; height: 100%; border-radius: 13px; transition: all 0.3s; }
	.section_onoff .btn_wrap label { position: relative; width: 50%; text-align: center; font-size: 11px; color: #fff; line-height: 18px; transition: all 0.5s; }
	#sResignCheckY:checked ~ .section_onoff .btn_wrap .inner_bg { left: 50%; }
	#sResignCheckN:checked ~ .section_onoff .btn_wrap .emp_type_1 { color: #009bfa; }
	#sResignCheckY:checked ~ .section_onoff .btn_wrap .emp_type_2 { color: #f00; }
	#sResignCheckY:checked ~ .searchOpt .ret_opt { display: flex; }

	/* 통장정리-상세보기(mAccount_Detail)와  카드지출 - 상세보기(mCard_Detail): 왼쪽 상태 이미지*/
	.process_type1 { display: inline-block; background: url(/images/mobile/icon/details_incomplete.png); background-size: 100% 100%; width: 40px; height: 40px; margin-right: 10px; }
	.process_type2 { display: inline-block; background: url(/images/mobile/icon/details_automatic.png); background-size: 100% 100%; width: 40px; height: 40px; margin-right: 10px; }
	.process_type3 { display: inline-block; background: url(/images/mobile/icon/details_complete.png); background-size: 100% 100%; width: 40px; height: 40px; margin-right: 10px; }       


	/* 전자문서 상세페이지 공통 css */
	.approval_sub > .screen_nbg { padding: 0; }
	.approval_sub .cmn_section_top { background: #fff; gap: 8px; color: #1C1E2A; border-bottom: 1px solid #f1f5f8; }
	.approval_sub .cmn_section_top .date { font-size: 14px; color: #9396a3; }
	.approval_sub .cmn_section_top .title { letter-spacing: -1.2px; }
	.approval_sub .cmn_section_top .docLine { font-size: 14px; color: #009bfa; letter-spacing: -0.5px; }
	
	.approval_sub .cmn_section_list .sub_title { display: flex; align-items: center; gap: 4px; margin-bottom: 8px; font-weight: 900; }
	.approval_sub .cmn_section_list .sub_title > img { width: 20px; }
	.approval_sub .cmn_section_list .section_data .data_row { display: block; padding: 12px 16px; font-size: 14px; letter-spacing: -0.5px; }
	.approval_sub .cmn_section_list .section_data .data_row:not(.view) { line-height: 1; }
	
	.approval_sub .cmn_section_list .sub_con .offList { display: flex; flex-direction: column; width: 100%; gap: 8px; }
	.approval_sub .cmn_section_list .sub_con .offList .sub_con_item { width: 100%; }
	.approval_sub .cmn_section_list .sub_con .offList .sub_con_item p:last-child { text-align: right; }
	
	.approval_sub .cmn_section_list .sub_con .table_title { font-size: 14px; font-weight: 700; line-height: 40px; background: #009bfa; color: #fff; padding: 0 10px; display: flex; justify-content: space-between; }
	.approval_sub .cmn_section_list .sub_con table { width: 100%; font-size: 12px; letter-spacing: -0.5px; line-height: 16px; margin-bottom: 10px; }
	.approval_sub .cmn_section_list .sub_con table:last-child { margin: 0; }
	.approval_sub .cmn_section_list .sub_con table td { padding: 2px 8px; height: 40px; vertical-align: middle; }
	.approval_sub .cmn_section_list .sub_con table tbody td { position: relative; border: 1px solid #f1f5f8; }
	.approval_sub .cmn_section_list .sub_con table tbody td:nth-child(odd) { font-weight: 700; width: 70px; }
	.approval_sub .cmn_section_list .sub_con table tbody td:nth-child(1) { width: 70px; }
	.approval_sub .cmn_section_list .sub_con table tbody td a { text-decoration: underline; color: #3b74ff; }
	.approval_sub .cmn_section_list .sub_con table tbody td .t { position: absolute; font-size: 10px; display: inline-block; width: 14px; height: 14px; line-height: 14px; background: #9396a3; text-align: center; color: #fff; right: 10px; top: 12px; }

	.approval_sub .cmn_section_list .document .docList,
	.approval_sub .cmn_section_list .attachments .at_list,
	.approval_sub .cmn_section_list .opinion .opi_list { display: flex; flex-direction: column; width: 100%; gap: 8px; padding-left: 20px; }
	.approval_sub .cmn_section_list .document .docList,
	.approval_sub .cmn_section_list .attachments .at_list { align-items: flex-end; }
	.approval_sub .cmn_section_list .attachments .at_list p { letter-spacing: -0.5px; color: #3b74ff; text-decoration: underline; cursor: pointer; }
	.approval_sub .cmn_section_list .opinion .opi_list { align-items: flex-start; line-height: 1.3; }
	.approval_sub .cmn_section_list .opinion .opi_list .opi_item { display: flex; letter-spacing: -0.5px; }
	.approval_sub .cmn_section_list .opinion .opi_list .opi_item div:nth-child(1) { width: 58px; font-weight: 700; }
	.approval_sub .cmn_section_list .opinion .opi_list .opi_item div:nth-child(2) { flex: 1; }
	
	.approval_sub .btn_type1, .approval .btn_type1 { background: #009bfa; border-radius: 4px; }
	.approval_sub .btn_type2, .approval .btn_type2 { background: #ff8f00; border-radius: 4px; }
	.approval_sub .btn_type3, .approval .btn_type3 { background: #9396a3; border-radius: 4px; }
	.approval_sub .comment, .approval .comment { padding: 24px 6.67vw; background: #f1f5f8; }
	.approval_sub .comment .sub_title, .approval .comment .sub_title { font-weight: 900; font-size: 15px; letter-spacing: -0.88px; margin-bottom: 8px; }
	.approval_sub .comment .sub_title img, .approval .comment .sub_title img { position: relative; width: 20px; top: -2px; margin-right: 4px; }
	.approval_sub .comment textarea, .approval .comment textarea { width: 100%; height: 80px; border: none; outline: none; padding: 10px; font-size: 14px; letter-spacing: -0.88px; resize: none; background: #fff; border-radius: 8px; }
	.approval_sub .comment textarea::placeholder, .approval .comment textarea::placeholder { font-size: 13px; color: #c4c7d3; }
	.approval_sub .comment .cmt_btn_box, .approval .comment .cmt_btn_box { display: flex; margin-top: 16px; }
	.approval_sub .comment .cmt_btn_box button, .approval .comment .cmt_btn_box button { width: 33%; height: 40px; color: #fff; font-size: 14px; letter-spacing: -0.88px; margin-right: 10px; }
	.approval_sub .comment .cmt_btn_box button:last-child, .approval .comment .cmt_btn_box button:last-child { margin-right: 0; }
	.approval_sub .cmn_section_btn { padding: 40px 20px 20px; }

	.approval .tx-canvas textarea, .approval_sub .tx-canvas textarea { height: auto; min-height: 38px; }
	
	/* 모듈 적용 전 전자문서 관련 공통 css */
/*         .approval .form_section .form_wrap select { height: 48px; } */
/*         .approval .form_section .form_wrap input[type="text"] { margin: 0 10px; width: 128px; background: #fff; border-radius: 6px; padding: 0 10px; height: 48px; } */
/*         .approval .form_section .form_wrap input[type="text"]::placeholder { color: #c4c7d3; font-size: 14px; } */
/*         .approval .view .body { border: 1px solid #f1f5f8; padding: 6px; } */
        
/*         .approvalMain { min-height: calc(100vh - 50px); background: #F1F5F8; padding: 0px 6.67vw; } */
/*         .approval .doc_section { padding-top: 30px; } */
/*         .approval .doc_section .doc_section_title { margin-bottom: 12px; font-size: 18px; font-weight: bold; } */
/*         .approval .doc_section .docType { display: flex; align-items: center; background: #fff; margin-bottom: 10px; height: 60px; padding: 0 14px; border-radius: 8px;  } */
/*         .approval .doc_section .docType:last-child { margin-bottom: 0; } */
/*         .approval .doc_section .typeNm { display: flex; align-items: center; font-size: 16px; color: #1C1E2A; font-weight: bold; margin-right: auto; }   */
/*         .approval .doc_section .typeNm img { margin-right: 4px; } */
/*         .approval .doc_section .docType .num_badge { display: inline-flex; font-size: 12px; height: 18px; padding: 0px 6px; line-height: 16px; background: #009bfa; text-align: center; color: #fff; border-radius: 10px; } */

/*         .approval_sub01_list .list_item { border-bottom: 1px solid #f1f5f8; } */
/*         .approval_sub01_list .list_item a { display: flex; width: 100%; min-height: 88px; align-items: center; } */
/*         .approval_sub01_list .list_item p { margin: 5px 0; } */
/*         .approval_sub01_list .list_item img { margin-left: auto; width: 24px; } */
/*         .approval_sub01_list .list_item .type_box { float: left; width: 80px; font-size: 15px; color: #9396a3; letter-spacing: -0.5px; } */
/*         .approval_sub01_list .list_item .type_box p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } */
/*         .approval_sub01_list .list_item .date_box { flex: 1; padding-left: 11px; font-size: 15px; letter-spacing: -0.5px; color: #1c1e2a; } */
/*         .approval_sub01_list .list_item .date_box .date { font-size: 13px; color: #9396a3; letter-spacing: 0; } */

/*         .approval .top_section { padding: 6.67vw; min-height: 116px; background: #fff; border-bottom: 1px solid #f1f5f8; } */
/*         .approval .top_section .top_txt_01 { display: flex; justify-content: space-between; font-size: 13px; color: #9396a3; margin-bottom: 6px; } */
/*         .approval .top_section .top_txt_02 { font-size: 18px; font-weight: 700; letter-spacing: -1.2; margin-bottom: 6px; } */
/*         .approval .top_section .top_txt_03 { font-size: 14px; letter-spacing: -0.5px; color: #009bfa; } */
        
/*         .approval .sub_con_section .sub_title { font-weight: 900; font-size: 15px; letter-spacing: -0.88px; } */
/*         .approval .sub_con_section .sub_title img { position: relative; width: 20px; top: -2px; margin-right: 4px; } */
/*         .approval .sub_con_section { padding: 0 6.67vw; } */
/*         .approval .sub_con_section .sub_con { padding: 18px 0; font-size: 14px; line-height: 22px; letter-spacing: -0.5px; border-bottom: 1px solid #f1f5f8; } */
/*         .approval .sub_con_section .sub_con .sub_con_item { margin-bottom: 20px; text-align: right; } */
/*         .approval .sub_con_section .sub_con .sub_con_item:last-child { margin-bottom: 0; } */
/*         .approval .sub_con_section .sub_con .sub_con_item .sub_title { margin-bottom: 4px; text-align: left; } */
/*         .approval .sub_con_section .attachments { padding: 12px 0; border-bottom: 1px solid #f1f5f8; } */
/*         .approval .sub_con_section .attachments .at_list { padding-left: 20px; } */
/*         .approval .sub_con_section .attachments .at_list a { display: block; font-size: 14px; line-height: 24px; letter-spacing: -0.5px; color: #3b74ff; text-decoration: underline; } */
/*         .approval .sub_con_section .opinion { padding: 24px 0; } */
/*         .approval .sub_con_section .opinion .opi_list { padding-left: 20px; margin-top: 10px; } */
/*         .approval .sub_con_section .opinion .opi_list .opi_item { display: flex; font-size: 15px; line-height: 24px; letter-spacing: -0.5px; margin-bottom: 10px; } */
/*         .approval .sub_con_section .opinion .opi_list .opi_item:last-child { margin-bottom: 0px; } */
/*         .approval .sub_con_section .opinion .opi_list .opi_item div:nth-child(1) { width: 58px; font-weight: 700; } */
/*         .approval .sub_con_section .opinion .opi_list .opi_item div:nth-child(2) { flex: 1; } */
/*         .approval .sub_con_section .sub_con .table_title { font-size: 14px; font-weight: 700; line-height: 40px; background: #009bfa; color: #fff; padding: 0 10px; display: flex; justify-content: space-between; } */
/*         .approval .sub_con_section .sub_con table { width: 100%; font-size: 12px; letter-spacing: -0.5px; line-height: 16px; margin-bottom: 10px; } */
/*         .approval .sub_con_section .sub_con table:last-child { margin: 0; } */
/*         .approval .sub_con_section .sub_con table td { padding: 2px 8px; height: 40px; vertical-align: middle; } */
/*         .approval .sub_con_section .sub_con table tbody td { position: relative; border: 1px solid #f1f5f8; } */
/*         .approval .sub_con_section .sub_con table tbody td:nth-child(odd) { font-weight: 700; width: 70px; } */
/*         .approval .sub_con_section .sub_con table tbody td:nth-child(1) { width: 70px; } */
/*         .approval .sub_con_section .sub_con table tbody td a { text-decoration: underline; color: #3b74ff; } */
/*         .approval .sub_con_section .sub_con table tbody td .t { position: absolute; font-size: 10px; display: inline-block; width: 14px; height: 14px; line-height: 14px; background: #9396a3; text-align: center; color: #fff; right: 10px; top: 12px; } */
/*         .approval .sub_con_section .document { padding: 12px 0; border-bottom: 1px solid #f1f5f8; font-size: 14px; line-height: 24px; letter-spacing: -0.5px; } */
/*         .approval .sub_con_section .document .docList { padding-left: 20px; } */
/*         .approval .tx-canvas textarea { height: auto; min-height: 38px; } */

/*         .approval .comment { padding: 24px 6.67vw; background: #f1f5f8; } */
/*         .approval .comment .sub_title { font-weight: 900; font-size: 15px; letter-spacing: -0.88px; margin-bottom: 8px; } */
/*         .approval .comment .sub_title img { position: relative; width: 20px; top: -2px; margin-right: 4px; } */
/*         .approval .comment textarea { width: 100%; height: 80px; border: none; outline: none; padding: 10px; font-size: 14px; letter-spacing: -0.88px; resize: none; background: #fff; border-radius: 8px; } */
/*         .approval .comment textarea::placeholder { font-size: 13px; color: #c4c7d3; } */
/*         .approval .comment .cmt_btn_box { display: flex; margin-top: 16px; } */
/*         .approval .comment .cmt_btn_box button { width: 33%; height: 40px; color: #fff; font-size: 14px; letter-spacing: -0.88px; margin-right: 10px; } */
/*         .approval .comment .cmt_btn_box button:last-child { margin-right: 0; } */

/*         .approval .approval_table_head { display: flex; align-items: center; height: 60px; font-size: 14px; background: #009bfa; color: #fff; } */
/*         .approval .approval_table_head span { width: 16.5vw; text-align: center; line-height: 1.2; } */
/*         .approval .approval_table_head span:nth-child(1) { width: 13.8vw; } */
/*         .approval .approval_table_head span:nth-child(4) { width: 20vw; } */
/*         .approval .approval_table_head span:nth-child(5) { width: 33.2vw; } */
/*         .approval .approval_table_body { margin-bottom: 80px; } */
/*         .approval .approval_table_body a { display: flex; align-items: center; width: 100%; font-size: 12px; border-bottom: 1px solid #f1f5f8; } */
/*         .approval .approval_table_body a span { width: 16.5vw; text-align: center; border-left: 1px solid #f1f5f8; line-height: 48px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } */
/*         .approval .approval_table_body a span:nth-child(1) { width: 13.8vw; border-left: none; } */
/*         .approval .approval_table_body a span:nth-child(4) { width: 20vw; } */
/*         .approval .approval_table_body a span:nth-child(5) { width: 25.7vw; text-align: left; padding-left: 2.4vw; } */
/*         .approval .approval_table_body img { position: relative; width: 20px; top: -1px; } */