@charset "utf-8";
 
/* ga 채널 통합 플랫폼 공통 스타일 변경 */
/* 헤더 공통 스타일 */
.ga_header {
  z-index: 300; /* 2022-08-12 */
  display: flex;
  flex-direction: column;
  padding: 0 0 16px 0;
}
.ga_header > div {
  padding: 0 20px;
}
.ga_header h1 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  word-break: keep-all;
}
.ga_header h2 {
  color: #fff;
  line-height: 32px;
  font-size: 28px;
  font-weight: 500;
}
/* 헤더 상단 */
.ga_header .header_top {
  position: relative; /* 2022-08-09 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
.ga_header .header_top > div:first-child {
  display: flex;
  align-items: center;
}
.ga_header .header_top > div a {
  display:block;
}
/* 홈 버튼 */
.ga_header .header_top > div a.home {
  width:19px;
  height:20px;
  background:url('../../../image/gap/GP/images/btn_go_home.png') no-repeat 50% 50%;
  background-size: 100%;
}
/* 이전 버튼 */
.ga_header .header_top > div a.prev_btn {
  width:48px;
  height:50px;
  background:url('../../../image/gap/GP/renewal_gp/btn_prev02.png') no-repeat 15px 50%;
  background-size: 24px 24px;
}
/* gnb 버튼 */
.ga_header .header_top > div a.btn_gnb_menu {
  margin-right: -20px;
  right: 0;
  width:48px;
  height:50px;
  background:url('../../../image/gap/GP/renewal_gp/btn_search2.png') no-repeat 50% 50%;
  background-size: 24px 24px;
}
/* 검색 버튼 */
.ga_header .header_top > div a.btn_search {
  right: 0;
  width: 48px;
  height: 50px;
  background: url('../../../image/gap/GP/renewal_gp/btn_search2.png') no-repeat 50% 50%;
  background-size: 24px 24px;
}

/* 설정 버튼 */
.ga_header .header_top > div a.btn_setting {
  right: 0;
  background: url('../../../image/gap/GP/renewal_gp/s_ico_setting.png') no-repeat 50% 50%;
  background-size: 24px 24px;
}
/* 홈 버튼 */
.ga_header .header_top > div a.btn_home {
  right: 0;
  background: url('../../../image/gap/GP/renewal_gp/ico_home.png') no-repeat 50% 50%;
  background-size: 24px 24px;
}
/* 햄버거 버튼 */
.ga_header .header_top > div a.btn_gnb {
  margin-right: -20px;
  right: 0;
  width: 48px;
  height: 50px;
  background: url('../../../image/gap/GP/renewal_gp/ico_gnb.png') no-repeat 7px 50%;
  background-size: 24px 24px;
}
.ga_header .header_top > div a.btn_gnb.color_white {
  background-image: url('../../../image/gap/GP/renewal_gp/ico_gnb2.png');
}


/* 페이지 스타일 */
.ga_header .header_top > div .page {
  flex-shrink: 0;
  padding: 0 5px 0 0;
  font-size: 15px;
}
.ga_header .header_top > div .page .current {
  color: #fff;
  font-weight: 700;
}
.ga_header .header_top > div .page .current:after {
  content:'';
  display:inline-block;
  width:5px;
  height:13px;
  margin:0 0 0 4px;
  background:url('../../../image/gap/GP/renewal_gp/bg_page_area.png') no-repeat 0 0;
  background-size:5px 13px;
}
.ga_header .header_top > div .page .total {
  padding-right: 7.5px;

  /* 2022-08-11 */
  /* color: #3744de; */
  color: #ebf3ff;
  /* //2022-08-11 */
}
/* 헤더 하단 */
.ga_header .header_bottom {
  position: relative;
  flex: 1 1 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ga_header .header_bottom.font_size h2 {
  width: calc(100% - 104px);
  font-size: 26px;
  line-height: 1.2;
}
/* 2022-08-09 */
.ga_header .header_bottom.font_size h2 span {
  vertical-align: middle;
}
.ga_header .header_bottom.font_size h2 .ellipsis {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 90px);
}
.ga_header .header_bottom.font_size h2 .ellipsis.name_width {
  max-width: calc(100% - 110px);
}
/* //2022-08-09 */
/* 레이어 팝업 오픈 버튼 */
.ga_header .header_bottom h2 .layer_btn {
  display: inline-block;
  margin-top: 2px;
  min-width: auto !important;
  width: 32px;
  height: 32px;
  background: url('../../../image/gap/GP/renewal_gp/ico_header_h2.png') no-repeat 0 0 !important;
  vertical-align: top;
  background-size: 100% !important;
  border: 0 none !important;
}
/* 상세검색 버튼 */
.ga_header .header_bottom > div {
  display: flex;
  align-self: flex-end;
  flex-direction: column;
}
.ga_header .header_bottom > div button + button,
.ga_header .header_bottom > div button + div {
  margin-top: 5px;
}
.ga_header .header_bottom > div button {
  min-width: 94px;
  height: 30px;
  padding: 0 5px;
  box-sizing: border-box;
  border: 1px solid #fff;
  background: #150f96 !important;
  font-size: 13px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
.ga_header .header_bottom .search_button span {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}
.ga_header .header_bottom .search_button span:after {
  content:'';
  position:absolute;
  top:50%;
  right:0;
  margin-top: -8px;
  width:16px;
  height:16px;
  background:url('../../../image/gap/GP/renewal_gp/btn_add_search.png') no-repeat 50% 50%;
  background-size: 100%;
}
.ga_header .header_bottom .edit_button span {
  position: relative;
  display: inline-block;
  /* padding-right: 20px; */
}
.ga_header .header_bottom .edit_button span:after {
  display: none;
  content:'';
  position:absolute;
  top:50%;
  right:0;
  margin-top: -8px;
  width:16px;
  height:16px;
  background:url('../../../image/gap/GP/renewal_gp/btn_edit.png') no-repeat 50% 50%;
  background-size: 100%;
}
/* 이전 버튼이 있는 케이스 상단 왼쪽 간격이 없음 */
.ga_header.padding .header_top {
  padding-left: 0;
}
/* 작은 사이즈 헤더 */
.ga_header.detail {
  height: auto !important;
  padding: 0;
  border-bottom: 1px solid #d7d7d7;
}
.ga_header.detail.border {
  border-bottom: 0 none;
}
.ga_header.detail .header_top {
  padding-left: 0;
}
.ga_header.detail + #container > .content {
  padding-top: 80px;
}
/* 좌우 버튼, 타이틀 중앙 정렬 */
.ga_header.center > .header_top {
  padding: 0 48px;
  background-color: #fff !important;
  justify-content: center;
}
.ga_header.center > .header_top h1 {
  font-size: 20px;
  color: #000 !important;
}
.ga_header.center .header_top > div a {
  position: absolute;
  top: 0;
  width: 48px;
  height: 50px;
  margin: 0;
}
.ga_header.center .header_top > div a.prev_btn {
  left: 0;
  background-image: url('../../../image/gap/GP/renewal_gp/btn_prev01.png');
}
.ga_header.center .header_top > div a.btn_search {
  right: 0;
  background: url('../../../image/gap/GP/renewal_gp/btn_search2.png') no-repeat 6px 50%;
  background-size: 24px;
}
/* 양쪽 2버튼 패딩 있는 헤더 .ga_header.center의 파생 */
.ga_header.center.button_padding .header_top {
  padding: 0 74px;
}
.ga_header.center.button_padding .header_top > div > div {
  display: flex;
  position: absolute;
  top: 0;
  right: 16px;
  height: 50px;
}
.ga_header.center .header_top > div > div a {
  position: static;
  width: 32px;
}
.ga_header.center .header_top > div > div a.btn_search {
  background-position: 50% 50%;
}
.ga_header.detail.center + #container > .content {
  padding: 50px 20px 30px;
}
/* 글자가 많고 헤더 하단에 버튼이 1개 있을 경우 */
.ga_header.position .header_bottom > div {
  position: absolute;
  bottom: 0;
  right: 20px;
}
/* 우측 3버튼 헤더 */
.ga_header.padding.height {
  height: 162px;
}
/* 일반 컨텐츠 간격 */
.ga_header.padding.height + #container .content.long_tab.t2 {
  padding-top: 192px;
}
/* 플로팅 탭메뉴 있을 경우 간격 */
.ga_header.padding.height + #container .content.long_tab.t2 {
  padding-top: 230px;
}
.ga_header.padding.height + #container .content.long_tab.t2 .tab_wrap2 {
  top: 162px;
}
/* 설계이력 조회 플로팅 탭메뉴 */
.ga_header.padding.search_height + #container .content.long_tab.t2 .tab_wrap2 {
  top: 162px;
}
.ga_header.padding.search_height.open + #container .content.long_tab.t2 .tab_wrap2{
  top: 224px;
}
/* 로그인 헤더 */
.ga_header.login {
  height: 56px !important;
  padding: 0;
}
.ga_header.login .header_top {
  position: relative;
  height: 100%;
  padding: 0;
  background-color: #fff !important;
}
.ga_header.login .header_top a.btn_turn_off {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 100%;
  background: url('../../../image/gap/GP/login/btn_turn_off.png') no-repeat 16px 50%;
  background-size: 24px;
}
.ga_header.login + #container > .content {
  padding: 56px 0 0;
}
/* 로그인 상세 헤더 */
.ga_header.login.detail {
  border: 0 !important;
  text-align: center;
}
.ga_header.login.detail h1 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.ga_header.login.detail .header_top {
  padding: 0 48px;
  background-color: #fff !important;
}
.ga_header.login.detail .header_top > div {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.ga_header.login.detail .header_top > div a {
  position: absolute;
  top: 0;
  width: 48px;
  height: 100%;
}
.ga_header.login.detail .header_top > div a.prev_btn {
  left: 0;
  background-image: url('../../../image/gap/GP/renewal_gp/btn_prev01.png');
  background-position: 15px 50%;
}
.ga_header.login.detail .header_top > div a.btn_home {
  right: 0;
  background: url('../../../image/gap/GP/renewal_gp/ico_home.png') 7px 50% no-repeat;
  background-size: 24px;
}
/* 메인 헤더 */
.ga_header.index {
  height: auto !important;
  min-height: auto !important;
  padding: 0;
  background-color: #fff !important;
}
.ga_header.index .header_top {
  height: 48px;
}
.ga_header.index .header_top > div {
  display: flex;
  align-items: center;
  height: 100%;
}
.ga_header.index .header_top > div h1 {
  width: 76px;
  height: 20px;
  background: url('../../../image/gap/GP/main/img_title.png') no-repeat;
  background-size: auto 20px;

  font-size: 0;
  line-height: 0;
}
.ga_header.index .header_top > div a {
  margin: 0;
  width: 24px;
  height: 100%;
  background: url('../../../image/gap/GP/renewal_gp/ico_alarm.png') no-repeat 50% 50%;
  background-size: 24px;
}
.ga_header.index .header_top > div a.btn_alarm {
  position: relative;
}
.ga_header.index .header_top > div a.btn_alarm em {
  position: absolute;
  top: 10px;
  left: 12px;

  min-width: 13px;
  height: 13px;
  background-color: #ff6600;
  border-radius: 6px;

  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
  color: #fff;
}
.ga_header.index .header_top > div a.btn_alarm em.number {
  padding: 0 3px;
  left: 8px;
}
.ga_header.index .header_top > div a.btn_myga {
  background-image: url('../../../image/gap/GP/renewal_gp/ico_myga.png');
}
.ga_header.index .header_top > div a.btn_gnb {
  background-image: url('../../../image/gap/GP/renewal_gp/ico_gnb.png');
  background-position: 3px 50%;
}
.ga_header.index .header_top a + a {
  margin-left: 16px;
}
.ga_header.index + #container > .content {
  padding: 72px 20px 92px;
}
/* 지점장 메인 */
body.color_gray {
  background-color: #f4f4f4;
}
/*웹페이지에서 오버스크롤 방지*/
body {
    overscroll-behavior-y : none;
}
.ga_header.index.color {
  background-color: #150f96 !important;
}
.ga_header.index.color .header_top > div h1 {
  background-image: url('../../../image/gap/GP/main/img_title2.png');
}
.ga_header.index.color .header_top > div a {
  background-image: url('../../../image/gap/GP/renewal_gp/ico_alarm2.png');
}
.ga_header.index.color .header_top > div a.btn_gnb {
  background-image: url('../../../image/gap/GP/renewal_gp/ico_gnb2.png');
}
.ga_header.index.color + #container > .content {
  padding: 48px 0 92px;
}

/* 검색 인풋 스타일 */
.search_input {
  overflow: hidden;
  margin-top: 20px;
  width: 100%;
  background-color: #f4f4f4;
  border-radius: 2px;
}
.search_input .inner {
  position: relative;
  width: 100%;
  height: 40px;
  padding-right: 64px;
}
.search_input .inner input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 36px 0 8px;

  border: 0 none;
  background-color: #f4f4f4;

  /* 2022-08-01 결함번호 9, 10 */
  font-size: 16px;
  /* 2022-08-10 font-weight: 700 */
}
/* 2022-07-22 : input tag focus color #150f96으로 변경*/
.search_input .inner input:focus-visible {
  outline: none;
  border: 1px solid #150f96;
}
.ga_header.search .search_input .inner input:focus-visible,
.ga_header.search_narrow .search_input .inner input:focus-visible,
.ga_header.search_height .search_input .inner input:focus-visible {
  border:0 none;
}
.search_input .inner > div {
  display: flex;
  align-items: center;

  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 40px;
}
.search_input .inner button {
  min-width: auto;
  height: 100%;
  border: 0 none;
  min-width: auto;
}
.search_input .inner button + button {
  margin: 0;
}
.search_input button.btn_inp_clear {
  position: absolute;
  top: 0;
  right: 69px;
  opacity: 0;
  width: 26px;
  min-width: auto !important;
  height: 100% !important;
  background: url('../../../image/gap/GP/renewal_gp/btn_input_clear.png') no-repeat 50% 50% !important;
  background-size: 16px !important;

  font-size: 0;
  line-height: 0;
}
.search_input button.btn_goto_search {
  width: 64px;
  min-width: auto !important;
  background-color: #f4f4f4 !important;
  border: 0 none !important;
  color: #150f96 !important;
  font-size: 14px;
  font-weight: 500;
}
.search_input button.btn_goto_search:disabled {
  color: #afafaf !important;
  opacity: 1;
}
.search_input.active button.btn_inp_clear {
  opacity: 1;
}
/* 블릿리스트 */
.bull_list > li {
  position: relative;
  padding-left: 6px;
  color: #767676;
}
.bull_list > li:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #767676;
}


/* 검색 기능 있는 헤더 */
.ga_header.search {
  padding: 0;
  height: 172px;
}
.ga_header.search.open {
  height: 218px;
}
.ga_header.search .header_bottom {
  display: block;
  height: 122px;
  padding: 24px 20px 28px;
}
.ga_header.search .header_bottom .search_title {
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row;
}
.ga_header.search .header_bottom .search_title button span {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}
.ga_header .header_bottom .search_title button span:after {
  content:'';
  position:absolute;
  top:50%;
  right:0;
  margin-top: -8px;
  width:16px;
  height:16px;
  background:url('../../../image/gap/GP/renewal_gp/btn_add_search.png') no-repeat 50% 50%;
  background-size: 100%;
}
.ga_header .header_bottom .search_title button.btn_cancel span:after {
  background-image: url('../../../image/gap/GP/renewal_gp/btn_close.png');
}
.ga_header.search .header_bottom .search_title button + button {
  display: none;
}
.ga_header.search .header_bottom .search_input {
  display: none;
  margin-top: 20px;
}
.ga_header.search .header_bottom .search_input button {
  min-width: auto;
  border: 0 none;
}
.ga_header .header_bottom .search_input button.btn_inp_clear {
  background: url('../../../image/gap/GP/renewal_gp/btn_input_clear.png') no-repeat 50% 50% !important;
  background-size: 16px !important;

  font-size: 0;
  line-height: 0;
}
.ga_header .header_bottom .search_input button.btn_goto_search {
  margin: 0;
  background-color: #f4f4f4 !important;
}
/* 검색 시 변화 처리 class 컨텐츠마다 패딩 값이 다를 수 있으니 주의 */
.ga_header.search.open + #container > .content {
  padding-top: 218px;
}
.ga_header.search + #container > .content.long_tab.t2 {
  padding-top: 172px;
}
.ga_header.search.open + #container > .content.long_tab.t2 {
  padding-top: 218px;
}
.ga_header.search.open .header_bottom .search_input {
  display: block;
}
.ga_header.search.open .header_bottom .search_title button {
  display: none;
}
.ga_header.search.open .header_bottom .search_title button + button {
  display: block;
}
/* 공지사항 내부 검색 헤더 */
.ga_header.search_narrow {
  padding: 0;
  height: 222px;
}
.ga_header.search_narrow.open {
  height: 269px;
}
.ga_header.search_narrow .header_bottom {
  display: block;
  height: 122px;
  padding: 24px 20px 28px;
}
.ga_header.search_narrow .header_bottom .search_title {
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row;
}
.ga_header.search_narrow .header_bottom .search_title button span {
  position: relative;
  display: inline-block;
  min-width: 64px;
  padding-right: 20px;
}
.ga_header.search_narrow .header_bottom .search_title button span:after {
  content:'';
  position:absolute;
  top:50%;
  right:0;
  margin-top: -8px;
  width:16px;
  height:16px;
  background:url('../../../image/gap/GP/renewal_gp/btn_add_search.png') no-repeat 50% 50%;
  background-size: 100%;
}
.ga_header.search_narrow .header_bottom .search_title button.btn_cancel span:after {
  background-image: url('../../../image/gap/GP/renewal_gp/btn_close.png');
}
.ga_header.search_narrow .header_bottom .search_title button + button {
  display: none;
}
.ga_header.search_narrow .header_bottom .search_input {
  display: none;
  margin-top: 20px;
}
.ga_header.search_narrow .header_bottom .search_input button {
  min-width: auto;
  border: 0 none;
}
.ga_header .header_bottom .search_input button.btn_inp_clear {
  background: url('../../../image/gap/GP/renewal_gp/btn_input_clear.png') no-repeat 50% 50% !important;
  background-size: 16px !important;

  font-size: 0;
  line-height: 0;
}
.ga_header .header_bottom .search_input button.btn_goto_search {
  margin: 0;
  background-color: #f4f4f4 !important;
}
/* 검색 시 변화 처리 class 컨텐츠마다 패딩 값이 다를 수 있으니 주의 */
.ga_header.search_narrow + #container > .content.long_tab.t2 {
  padding-top: 222px;
}
.ga_header.search_narrow.open + #container > .content,
.ga_header.search_narrow.open + #container > .content.long_tab.t2 {
  padding-top: 268px;
}
.ga_header.search_narrow.open .header_bottom .search_input {
  display: block;
}
.ga_header.search_narrow.open .header_bottom .search_title button {
  display: none;
}
.ga_header.search_narrow.open .header_bottom .search_title button + button {
  display: block;
}
/* 원픽 3버튼 헤더 + 검색 */
.ga_header.search_height {
  display: block;
  height: 162px;
}
.ga_header.search_height.open {
  height: 224px;
}
.ga_header.search_height.open .header_bottom {
  flex-wrap: wrap;
}
.ga_header.search_height .search_title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.ga_header.search_height .search_title > div {
  padding-left: 10px;
  width: 94px;
  display: flex;
  flex-direction: column;
}
.ga_header.search_height .search_title #btnCustomerSearch button + button {
  display: none;
  margin-top: 0;
}
.ga_header.search_height .search_input {
  display: none;
}
.ga_header.search_height.open .search_input {
  display: block;
}
.ga_header.search_height.open .search_title #btnCustomerSearch button {
  display: none;
}
.ga_header.search_height.open .search_title #btnCustomerSearch button + button {
  display: block;
}
.ga_header.search_height.open + #container > .content {
  padding-top: 286px;
}




/* 검색 결과 리스트 */
.data_view_list > ul > li > a {
  display: block;
  position: relative;
  padding: 12px 16px 20px 0;
  border-bottom: 1px solid #d7d7d7;
}
.data_view_list > ul > li:first-child > a {
  border-top: 1px solid #4b4e53;
}
.data_view_list > ul > li > a:after {
  content:'';
  position:absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
  width:9px;
  height:16px;
  background:url('../../../image/gap/GP/images/btn_go_link.png') no-repeat 50% 50%;
  background-size:9px 16px;
}
.data_view_list > ul > li > a .summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.data_view_list > ul > li > a .summary .category {
  height: 20px;
  padding: 0 9px;
  border-radius: 2px;
  background-color: #767676;
}
.data_view_list > ul > li > a .summary .category.color {
  background-color: #000;
}
.data_view_list > ul > li > a .summary .category span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
}
.data_view_list > ul > li > a .summary .category span + span {
  padding-left: 9px;
}
.data_view_list > ul > li > a .summary .category span + span:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  width: 1px;
  height: 10px;
  background-color: rgba(255,255,255,0.5);
}
.data_view_list > ul > li > a .summary .status {
  flex: 1 1 0;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.data_view_list > ul > li > a .summary .status span {
  display: inline-block;
}
.data_view_list > ul > li > a .summary .status span + span {
  padding-left: 8px;
}
.data_view_list > ul > li > a .title {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #767676;
  line-height: 20px;
}
.data_view_list > ul > li > a .detail {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.data_view_list > ul > li > a .detail span {
  position: relative;
  display: inline-block;
}
.data_view_list > ul > li > a .detail span + span {
  padding-left: 19px;
}
.data_view_list > ul > li > a .detail span + span:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 9px;
  width: 1px;
  height: 10px;
  background-color: #afafaf;
}
.data_view_list > ul > li > a .date {
  margin-top: 2px;
  font-size: 12px;
  color: #767676;
}
/* 고객등록 버튼 있는 경우 */
.data_view_list.button_type > ul > li > a {
  padding-right: 70px;
}
.data_view_list.button_type > ul > li > a:after {
  display: none;
}
.data_view_list.button_type > ul > li > a > .btn_register {
  position: absolute;
  top: 36px;
  right: 0;

  width: 66px;
  height: 30px;

  font-size: 14px;
  font-weight: 500;
  color: #150f96;
  border: 1px solid #150f96;
  border-radius: 2px;
}
.data_view_list.button_type > ul > li > a > .btn_register.hidden {
  display: none;
}
.data_view_list.button_type > ul > li > a .summary {
  display: block;
}
.data_view_list.button_type > ul > li > a .summary .category {
  display: inline-block;
}
.data_view_list.button_type > ul > li > a .summary .status {
  padding: 0;
  margin-top: 5px;
}
.data_view_list.button_type > ul > li > a .summary .status span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.data_view_list.button_type > ul > li > a .summary .status span + span {
  padding-left: 19px;
}
.data_view_list.button_type > ul > li > a .summary .status span + span:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 9px;
  width: 1px;
  height: 14px;
  background-color: #4b4e53;
}
/* 날자와 금액이 한줄에 나오는 경우 */
.data_view_list.shorten_type .date span {
  position: relative;
  display: inline-block;
}
.data_view_list.shorten_type .date span + span {
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.data_view_list.shorten_type .date span + span {
  padding-left: 19px;
}
.data_view_list.shorten_type .date span + span:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 9px;
  width: 1px;
  height: 14px;
  background-color: #afafaf;
}



/* 기존 스타일 변경 */
header,
.btn,
.dialog.modal .dialog_content .modal_button_wrap div button,
.dialog.full .dialog_header,
.btn_b,
.btn_b button,
.con_wrap .con_mark,
.product_list .product span.top,
.accordion.t1 .title a.active .ico:before,
.accordion.t1 .title a.active .ico:after,
.accordion.t2 .title a.active .ico:before,
.accordion.t2 .title a.active .ico:after,
.layer-foot.layer-half .btn-pop-ok,
.layer-foot .btn-pop-close {
  background-color: #00cbd7 !important;
}
.btnEtc,
.btn.t1,
.btn1,
.check-wrap > div input:checked + label,
.mail_address_wrap .mail_radio_wrap .mail_content .mail_btn_wrap .mail_btn {
  color:#00cbd7 !important;
  border-color: #00cbd7 !important;
}
a.btn.t1,
.dv.contract_btn button,
.dialog.full .dialog_header {
  color: #000 !important;
}
.btn1.bc,
.btn_toggle li input:checked+label {
  color:#fff !important;
  border-color: #fff !important;
  background-color: #150f96 !important;
}
#wrap button.btn:disabled,
#wrapper button.btn:disabled {
  background-color: #d7d7d7 !important;
}
.btn.cancel,
.layer-foot.layer-half .btn-pop-close {
  background-color: #d4dee9 !important;
}
.email_box span,
.confirmation .main_data_info .link_txt,
.form_item .dv .timer,
.modal_guide_txt strong,
.total_people span.people_count,
.product_list .product .bl,
[class*="btn-more"],
.tc1,
.con_wrap .unit span,
.fee span,
.form_item .job_sort span strong,
.search_guide_txt ul li div:last-child,
.search_result .unit span,
.juso_list ul li a .search_list_btn_wrap .search_list_btn,
.vaccinelayerPop .popTbl div dd strong,
.search_number span,
.tbl_type_list ul li a .unit span strong,
.tit_wrap .change_btn,
.guide_txt .tit span,
.guide_txt .txt span,
.Official_link .c_layout strong,
.tit_wrap .premium span,
.table_type_link.result .status {
  color: #000 !important;
}
[class*="btn-more"]:before {
  border-color: #150f96 !important;
}
.fixed_bottom_button .col2 li,
.fixed_bottom_button>ul>li>.btn,
.btn {
  border-radius: 3px;
}

.btn-refresh:after {
  width: 20px;
  height: 20px;
  background: url('../../../image/gap/GP/renewal_gp/btn_refresh.png') no-repeat;
  background-size: 100%;
}
.juso_list ul li a .search_list_btn_wrap .search_list_btn:after {
  right: 3px;
  width: 6px;
  height: 10px;
  background: url('../../../image/gap/GP/renewal_gp/btn_search_list.png') no-repeat;
  background-size: 100%;
}
.tit_wrap .change_btn:after,
.Official_link .c_layout strong:after {
  top: -1px;
  right: 0;
  width: 6px;
  height: 10px;
  background: url('../../../image/gap/GP/renewal_gp/btn_search_list.png') no-repeat;
  background-size: 100%;
}
.checkbox.t2 input:checked+label:before,
.tit_wrap .contract_check input:checked+label:before,
.form_item.t2 ul li input:checked+label:after {
  background-image :url('../../../image/gap/GP/renewal_gp/ico_contract_check_on.png');
}
.dialog.modal .dialog_header .confirm_ico,
.dialog.modal .dialog_header h2.noti:before {
  background-image: url('../../../image/gap/GP/renewal_gp/ico_modal_popup.png') !important;
}
.radio.t2 input:checked+label:before,
.radio.n3 input:checked+label:before {
  background-image: url('../../../image/gap/GP/renewal_gp/ico_radio_on.png');
}
.checkbox input:checked+label:before,
.radio input:checked+label:before {
  background-image: url('../../../image/gap/GP/renewal_gp/bg_agree_chk_on.png');
}

.form_item .input .btn_search,
.form_item .job_search_btn {
  background-image: url('../../../image/gap/GP/renewal_gp/btn_search.png');
}

/* ga 채널 통합 플랫폼 공통 스타일 변경 */
.conts-home {background:#150f96 !important;}

.tab_swipe_wrap.long.t2 {
  top: 152px;
}
/* 팝업 오픈용 기본 버튼 */
.btn_st01 {
  height: 30px;

  padding: 0 8px;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 2px;
  background: #150f96 !important;

  font-size: 13px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

/* 지점장 css 추가 */
/* GAN810M0 */
.status_header {
  height: 176px;
  padding: 24px 20px 10px;
  background-color: #150f96;
  color: #fff;
}
.status_header .month_status {
  display: flex;
  justify-content: space-between;
  height: 60px;
}
.status_header .month_status > div strong {
  display: block;
  font-size: 20px;
}
.status_header .month_status > div span {
  display: block;
  font-size: 12px;
}
.status_header .point_status {
  height: 82px;
  padding-top: 8px;
  border-top: 1px solid #afafaf;
}
.status_header .point_status > div {
  display: flex;
  height: 100%;
}
.status_header .point_status > div > div {
  width: 48%;
  display: flex;
  align-items: center;
}
.status_header .point_status > div > .accumulate > div strong {
  position: relative;
  display: block;
  padding-right: 14px;
  font-size: 40px;
  line-height: 1;
  color:#ffb617; /* 202204 */
}
.status_header .point_status > div > .accumulate > div strong span {
  position: absolute;
  top: 4px;
  right: 0;
  font-size: 11px;
}
.status_header .point_status > div > .total_cash {
  justify-content: right;
  width: 52%;
  padding-left: 16px;
  border-left: 1px solid #afafaf;
  font-size: 12px;
}
.status_header .point_status > div > .total_cash > ul {
  width: 100%;
}
.status_header .point_status > div > .total_cash > ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.status_header .point_status > div > .total_cash > ul li > span {
  font-size: 14px;
  font-weight: 400;
  color: #d7d7d7;
}
.status_header .point_status > div > .total_cash > ul li p {
  display: flex;
  align-items: center;
}
.status_header .point_status > div > .total_cash > ul li p span {
  font-size: 18px;
  font-weight: 700;
}
.status_header .point_status > div > .total_cash > ul li p em {
  margin-left: 4px;
  font-size: 12px;
  font-weight: 300;
  color: #f4f4f4;
}
.dialog.full .dialog_header.color {
  background-color: #fff !important;
  border-bottom: 1px solid #d7d7d7;
}
.dialog.full .dialog_header.color {
  color: #000 !important;
}
.dialog.full .dialog_header.color .dialog_close {
  background-image: url('../../../image/gap/GP/images/btn_pop_close.png');
}


.search_header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  
  height: 96px;
  padding: 24px 20px;
  background-color: #150f96;
  color: #fff;
}
.search_header.align_center {
  align-items: center;
}
.search_header > div p {
  font-size: 12px;
  font-weight: 100;
}
.search_header > div strong {
  position: relative;
  display: block;
  padding-right: 20px;
  font-size: 26px;
  line-height: 1;
}
.search_header > div strong:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url('../../../image/gap/GP/renewal_gp/arrow_down.png');
  background-size: 100%;
}

.search_header > div.button button {
  display: block;
}
.search_header > div.button button + button {
  margin-top: 5px;
}


.designSelect {
  display: inline-block;
  position: relative;
  left: -12px;
  z-index: 100;
  min-width: 122px;
  background: #fff; /* 2022-08-09 */
  font-size: 14px;
  line-height: 1;
}
.designSelect > .selected {
  border: 1px solid transparent;
}
.designSelect > .selected span {
  padding-right: 18px;
}
.designSelect > .selected span,
.designSelect > .optionList > li span {
  position: relative;
  /* width: 100%; */
  word-break: keep-all;
}
.designSelect > .selected span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url('../../../image/gap/GP/renewal_gp/bull_down.png') no-repeat;
  background-size: 100%;
}
.designSelect > .optionList {
  overflow: auto;
  max-height: 204px;

  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

.designSelect.reverseDirecton.active > .optionList {
  display: flex;
  flex-direction: column-reverse;
  top: 0px;
  transform: translateY(-100%);
}
.designSelect.reverseDirecton.active > .optionList:after {
  height: 100%;
}
.designSelect.reverseDirecton > .optionList > li {
  border: 1px solid #e4e4e4;
  border-bottom: 0 none;
  flex-shrink: 0;
}
.designSelect > .selected,
.designSelect > .optionList > li {
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 12px;
}
.designSelect > .optionList > li {
  border: 1px solid #e4e4e4;
  border-top: 0 none;
}
.designSelect.active {
  z-index: 200;
}
.designSelect.active > .selected {
  background-color: #fff;
  border: 1px solid #e4e4e4;
}
.designSelect.active > .selected span:after {
  transform: rotate(180deg);
}
.designSelect.active > .optionList {
  display: block;
}
.designSelect.active > .optionList:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% + 34px);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3),
              0 4px 8px 3px rgba(0,0,0,0.15);
}
.designSelect.active > .optionList > li {
  background-color: #fff;
}
.designSelect.active > .optionList > li.select {
  background: #d7d7d7;
}
/* datepicker plugin css */
/* datepicker 있는 모달 팝업 */

.dialog.modal.bottom.minimal.datepicker .dialog_wrap .dialog_content.fixed_button {height: calc(100% - 56px);}
.dialog.modal.bottom.minimal.datepicker .dialog_wrap .dialog_content.fixed_button .section {height: 100%}

.rolldate-container {
  height: 100%;
  font-size:20px;
  color:#333;
  text-align:center;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}
.rolldate-container ul {
  margin:0;
  padding:0;
}
.rolldate-container li{
  list-style-type:none;
}
.rolldate-container .rolldate-header {
  /* position:absolute; */
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;

  font-size:0;
  line-height:0;
  position: fixed;
}
.rolldate-container .rolldate-header .rolldate-cancel {
  display: none;
}
.rolldate-container .rolldate-header .rolldate-confirm {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 56px;
  padding: 0;
  background-color: #150f96 !important;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.rolldate-container .rolldate-mask {
  display: none;
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:999;
  background-color:rgba(37,38,45,.4);
}
.rolldate-container .rolldate-panel {
  /* position:fixed; */
  /* bottom:0; */
  /* left:0; */
  position: relative;
  /* width:100%; */
  /* height:273px; */
  z-index:1000;
  height: 100%;
  background:#fff;
  -webkit-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  /* -webkit-transform:translate3d(0,273px,0); */
  /* transform:translate3d(0,273px,0); */
}
.rolldate-container .rolldate-btn {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  padding:0 15px;
  color:#666;
  font-size:16px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.rolldate-container .rolldate-confirm {
  left:auto;
  right:0;
  color:#007bff;
}
.rolldate-container .rolldate-content {
  position:relative;
  top:20px;
}
.rolldate-container .rolldate-wrapper {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
}
.rolldate-container .rolldate-wrapper>div {
  -webkit-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  height:173px;
  line-height:36px;
  overflow:hidden;
  -webkit-flex-basis:-8e;
  -ms-flex-preferred-size:-8e;
  flex-basis:-8e;
  width:1%;
}
.rolldate-container .rolldate-wrapper ul {
  margin-top:68px;
}
.rolldate-container .rolldate-wrapper li {
  height:36px;
}
.rolldate-container .rolldate-dim {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:68px;
  z-index:10;
  background:-o-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));
  background:-webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0.4)), to(hsla(0, 0%, 100%, 0.8)));
  background:-o-linear-gradient(bottom, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0.8));
  background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));
  pointer-events:none;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}
.rolldate-container .mask-top {
  border-bottom:1px solid #ebebeb;
}
.rolldate-container .mask-bottom {
  top:auto;
  bottom:1px;
  border-top:1px solid #ebebeb;
}
/* .rolldate-container .fadeIn {
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}
.rolldate-container .fadeOut {
  -webkit-transform:translate3d(0,273px,0);
  transform:translate3d(0,273px,0);
} */

@media screen and (max-width:414px){
  .rolldate-container{font-size:18px}
}
@media screen and (max-width:320px){
  .rolldate-container{font-size:15px;}
}





/* ----------------  소스 추가 검색 (202204)
------------------------------------------------------------------------------------------------------------------------------- */

.mgr16 {margin-right: 16px !important;}



.tal {text-align: left !important;}
.tac {text-align: center !important;}

.txt_store {color:#150f96}
.txt_title {font-size: 16px; font-weight: 700; color: #000;vertical-align: middle;}
.txt_unit {font-size: 12px; font-weight: 300; color: #000;}
.txt_gun {font-size: 12px; font-weight: 400; color: #767676;}

/* Button, icon, */
.ico  {margin-right: 10px; padding:1px 6px; border: 1px solid; border-radius:3px; font-size:12px; color:#fff;}
.ico.black {border-color: #111; background: #111;}
.ico.grey {border-color: #767676; background: #767676;}
.ico.best {border-color: #FFb617; background: #FFb617; color:#000; padding: 0 4px; font-size: 11px; font-weight: 700;}

.ico_arr {width: 16px; height: 16px; background: url('../../../image/gap/GP/renewal_gp/s_ico_down.png') no-repeat center; background-size: 100%;}
.ico_search {width: 16px; height: 16px; background: url('../../../image/gap/GP/renewal_gp/s_ico_search.png') no-repeat center; background-size: 100%;}
.ico_calredar {width: 16px; height: 16px; background: url('../../../image/gap/GP/renewal_gp/s_ico_cal.png') no-repeat center; background-size: 100%;}
.ico_map { display:inline-block; width: 24px; height: 24px; background: url('../../../image/gap/GP/renewal_gp/s_ico_map.png') no-repeat center; background-size: 24px;}
.ico_phone { display:inline-block; width: 24px; height: 24px; background: url('../../../image/gap/GP/renewal_gp/s_ico_phone.png') no-repeat center; background-size: 24px;}
.ico_message { display:inline-block; width: 24px; height: 24px; background: url('../../../image/gap/GP/renewal_gp/s_ico_message.png') no-repeat center; background-size: 24px;}
.ico_arrlink { vertical-align: middle; display:inline-block; width: 16px; height: 16px; background: url('../../../image/gap/GP/renewal_gp/s_ico_right.png') no-repeat center ; background-size: 100%;}

/* 2022-08-09 */
.switch_wrap input {position: absolute; appearance: none;}
.switch_wrap input:checked+.switch_label {background: #150f96; border: 1px solid #150f96;}
.switch_wrap input:checked+.switch_label:hover {background-color: #150f96;}
.switch_wrap input:checked+.switch_label .on_off {left: 32px; background: #fff;}
.switch_wrap {position: relative; width:40px; margin: 0 10px; text-align:center;}
.switch_wrap .switch_label {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 12px;
  transition: 0.2s;
  background: #d7d7d7;
  cursor: pointer;
}
.switch_label:hover{background: #efefef;}
.on_off {
  display: inline-block;
  width: 15px; height: 15px;
  position: absolute; top: 2px; left: 3px;
  border-radius: 50%;
  transition: 0.2s; background: #afafaf;
}
.switch_wrap.height .switch_label {
  height: 32px;
  border-radius: 16px;
}
.switch_wrap.height .switch_label .on_off {
  top: 3px;
  width: 24px;
  height: 24px;
}
.switch_wrap.height input:checked+.switch_label .on_off {
  left: 22px;
}
/* //2022-08-09 */

.cs_select {width: 100%; border: 0; background: white;}
.btn16 {width: 16px; height: 16px; margin: 0 4px;}
.btn16.info {display:inline-block; background: url('../../../image/gap/GP/renewal_gp/s_ico_info.png') no-repeat; background-size: 100%;}
.btn_bookmark{ width: 24px; height: 24px; background: url('../../../image/gap/GP/renewal_gp/s_ico_bookmark.png') no-repeat; background-size: 100%;}
.btn_refresh { width: 24px; height: 24px; background: url('../../../image/gap/GP/renewal_gp/s_ico_refrash.png') no-repeat; background-size: 100%;}
.btn_map { background: url('../../../image/gap/GP/renewal_gp/s_ico_map.png') no-repeat center; background-size: 24px;}
.btn_phone { background: url('../../../image/gap/GP/renewal_gp/s_ico_phone.png') no-repeat center; background-size: 24px;}
/* 2022-08-16 */
.btn_message { background: url('../../../image/gap/GP/renewal_gp/s_ico_message.png') no-repeat center; background-size: 24px;}
/* 2022-08-16 */

.btn_all {margin-left: 4px; padding: 1px 4px; border: 1px solid #afafaf; border-radius: 2px; color:#767676; font-size: 12px; }
.btn_all:after{content: ''; display:inline-block; margin-left: 5px; width: 6px; height: 9px; background: url('../../../image/gap/GP/renewal_gp/s_ico_all.png') no-repeat; background-size: 100%;}
.btn_pre { padding: 0 4px; width: 24px; height: 24px; background: url('../../../image/gap/GP/renewal_gp/s_ico_pre.png') no-repeat center; background-size: 100%;}
.btn_next { padding: 0 4px;width: 24px; height: 24px; background: url('../../../image/gap/GP/renewal_gp/s_ico_next.png') no-repeat center; background-size: 100%;}

.ckeck_book {position: relative;}
.ckeck_book input {position: absolute; width: 100%; height: 100%; margin: 0; opacity: 0; z-index: 2; clip: auto;}
.ckeck_book span:before {content:'';  position:absolute; top:50%; left:50%; transform: translate(-50%, -50% ); width: 24px; height: 24px; background:url('../../../image/gap/GP/renewal_gp/s_ico_book_off.png') no-repeat; background-size: 100%;}
.ckeck_book input:checked+span:before{content:''; background:url('../../../image/gap/GP/renewal_gp/s_ico_book_on.png') no-repeat; background-size:100%;}

.ckeck_edu {position: relative;padding-left: 26px;}
.ckeck_edu input {display: none; position: absolute; width: 24px; height: 24px;  opacity: 0; z-index: 2; clip: auto;}
.ckeck_edu label:before {content:'';  position:absolute; top:50%; transform: translateY(-50%); left:0;width: 24px; height: 24px; background:url('../../../image/gap/GP/renewal_gp/s_check_off.png') no-repeat center; background-size: 100%;}
.ckeck_edu input:checked+label:before{content:''; background:url('../../../image/gap/GP/renewal_gp/s_check_on.png') no-repeat; background-size:100%;}


.ly_pdding20 {padding: 0 20px;}

.ly_align {display: flex; align-items: center;}
.ly_align.right {justify-content: flex-end;}
.ly_align.both {justify-content: space-between;}
/* 2022-08-01 : 결함번호 208 수정 */
/* 2022-07-28 : class popupButton 추가 */
.ly_align.popupButton > div {flex:1;}
.ly_align.popupButton > div > #dtlCtnt {
  position: relative;
  min-height: 24px;
  padding-right: 20px;
}
.ly_align.popupButton > div > #dtlCtnt:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url('../../../image/gap/GP/renewal_gp/s_ico_down.png') no-repeat center;
  background-size: 16px;
}
.ly_align.popupButton > div input {
  display:none;
  width: 100%;
  margin-right: 0;
  border-bottom: 1px solid #afafaf;
}
.ly_align.popupButton > p.ico_arr {display: none; width: 26px;height: 43px;background-size: 16px;}
.ly_align.popupButton.visibleInput  > div input {display: block;}
/* //2022-07-28 : class popupButton 추가 */
/* //2022-08-01 : 결함번호 208 수정 */


.ly_chart { margin: 0 20px 24px 20px; padding-bottom: 15px; border: 1px solid #d7d7d7; border-top: 4px solid #150f96; }
.ly_chart.gunsu {border-top-color:#01c1d6;}
.ly_chart.gadong {border-top-color: #6e27c0;}
.ly_chart.mobile {border-top-color: #7acb00; margin-bottom: 30px;}
.ly_chart span.info {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;

  background: url('../../../image/gap/GP/renewal_gp/s_ico_info.png') no-repeat;
  background-size: 100%;
}


.ly_chart div:first-child { padding: 15px 0 12px 15px;}
.ly_chart .chart {padding: 0 5px; width: 60%; background: #fff;}
.ly_chart .total_chart {width: 40%;  background: #f4f4f4; font-size: 12px;}
.ly_chart .total_chart ul>li {padding: 5px 0;}
.ly_chart .total_chart ul>li:first-child {border-bottom: 1px solid #afafaf;}


.ly_board {margin-bottom: 25px; }
.ly_board:last-child{padding-bottom: 50px;} 
.board_tb {margin-top: 4px; font-size: 14px; text-align: right;}
.board_tb thead tr {border-top: 2px solid #4b4e53; border-bottom: 1px solid #4b4e53;}
.board_tb thead th {height: 36px;padding: 0 8px;}
.board_tb tbody tr {border-bottom: 1px solid #d7d7d7;}
.board_tb tbody tr:last-child {border: 0;}
.board_tb tbody td {height: 36px;padding: 0 8px;}
.board_tb tfoot td {height: 36px;padding: 0 8px; border-top: 1px solid #4b4e53; background: #f4f4f4;}
.board_tb tfoot td:first-child { font-weight: 700; }
.board_tb tfoot .none td{ border-top: 1px solid #4b4e53; background: none;}

.ly_board.detail {margin-top: 33px;}
.board_tb .total td {background: none;}
.board_tb .total td a {color: #150f96; text-decoration: underline;}
/* .board_tb tfoot tr:last-child td {padding: 8px 4px 19px 4px; border-top: 1px solid #4b4e53; background: #f4f4f4;} */

.wrap_manager {padding: 14px 20px; border-bottom: 1px solid #d7d7d7; font-size: 14px; color:#767676}
.wrap_manager  div > img {display: block;  width: 24px; height: 24px; margin-left: 8px;}

.accordion.t3 {margin: 0;}
.accordion.t3 .panel {padding: 25px 20px; background: #f4f4f4;}
.accordion.t3 .panel.padding {padding: 8px 20px;}
.accordion.t3 .title {padding: 14px 20px; border-bottom: 1px solid #d7d7d7;}
.accordion.t3 .title a .ico{position:absolute;top:50%;right:0;width:10px;height:12px;margin-top:-5px;margin-right: 0;overflow:hidden;}
.accordion.t3 .title a.active .ico:before,
.accordion.t3 .title a.active .ico:after{background-color:#150f96;}
.accordion.t3 .title a .ico:before,
.accordion.t3 .title a .ico:after{content:'';position:absolute;top:5px;width:10px;height:2px;background-color:#111;transition:all 0.5s ease-out;}
.accordion.t3 .title a .ico:before{left:-2px; transform:rotate(45deg);}
.accordion.t3 .title a .ico:after{right:-2px; transform:rotate(-45deg);}
.accordion.t3 .title a.active .ico:before{transform:rotate(-45deg)}
.accordion.t3 .title a.active .ico:after{transform:rotate(45deg)}

.gubun span:not(.end)::after {content:''; display:inline-block; width:1px; height:11px; margin:0 5px 0 7px; background:#d2d3d4;}

.pop_list {
  border-top: 1px solid #484e53;
}
.pop_list ul li {
  border-bottom: 1px solid #d7d7d7;
}
.pop_list ul li.gubun,
.pop_list ul li .ly_align {
  height: 48px;
  padding-left: 20px;
}
.pop_list ul li .ly_align .icon_box {
  display: flex;
  align-items: center;
  width: 96px;
  height: 100%;
}

.pop_list ul li .ly_align .icon_box.one {
  width: 48px;
}

.pop_list ul li .ly_align .icon_box span {
  width: 48px;
  height: 100%;
}
.pop_list ul li .ly_align .icon_box span + span {
  border-left: 1px solid #d7d7d7;
}
/* .pop_list .ly_align {padding: 14px 20px; border-bottom: 1px solid #d7d7d7;} */









.pop_list {
  border-top: 1px solid #484e53;
}
.pop_list > li {
  display: flex;

  padding-left: 20px;
  border-bottom: 1px solid #d7d7d7;
}
.pop_list > li > div {
  min-height: 48px;
}
.pop_list > li .text_box {
  overflow: hidden;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 8px 0;
  line-height: 1.4;
}
.pop_list > li .text_box p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pop_list > li .text_box p.nameType {
  display: flex;
  align-items: center;
  width: 100%;
}
.pop_list > li .text_box p.nameType strong {
  display: inline-block;
  width: 74px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  font-weight: normal;
}
.pop_list > li .text_box p.nameType span {
  padding-left: 5px;
  font-size: 14px;
  color: #808080;
}
.pop_list > li .icon_box {
  display: flex;
}
.pop_list > li .icon_box span {
  width: 48px;
  height: 100%;
}
.pop_list > li .icon_box span + span {
  border-left: 1px solid #d7d7d7;
}



.ly_search {padding: 13px 20px 0 20px;}
.ly_search div.search_input {margin-top: 0; width: calc(100% - 122px);}
.ly_search div.search_input.full {margin-top: 0; width: 100%;}
.ly_search .sch_count {padding: 10px 10px 10px 0; color: #767676;}
.ly_search .sch_btn {padding: 5px 10px; border-radius: 3px; color:#150f96}
.ly_search .sch_btn.active{background: #150f96; color: white;}

.result_tb {font-size: 14px;}
.result_tb thead tr {background: #150f96; color: white;}
.result_tb thead th {padding: 8px; border-left: 1px solid #fff;}
.result_tb tbody tr {border-bottom: 1px solid #d7d7d7;}
.result_tb tbody td {padding: 12px 6px; border-left: 1px solid #afafaf; text-align: right;}
.result_tb tfoot td {padding: 12px 6px; border-left: 1px solid #afafaf; background: #f4f4f4; text-align: right;}
.result_tb tfoot tr {border-bottom: 1px solid #d7d7d7;}
.result_tb tbody td:first-child,
.result_tb tfoot td:first-child {border-left: 0;}
.result_tb tfoot td.bold {font-weight: bold;}

/*timepicker setting*/
.dialog.bottom .dialog_wrap.height {height: 60%;} 
.fixed_bottom_button.t5>ul { position:fixed; left:0; right:0; bottom:0; background-color:#fff;z-index:100; padding-bottom:50px;}
.fixed_bottom_button.t5>ul>li {padding:0;}

.ly_hash {display: flex; flex-wrap: wrap; font-size: 13px;}
.ly_hash a {margin: 4px 4px; padding: 3px 8px; border-radius: 7px; color: #999; background: #d7d7d7; color:#767676; }
.ly_hash a.active {background: #150f96; color:white; }
.ly_hash a.active:before { content: ''; display:inline-block;  vertical-align: middle; width: 16px; height: 16px; background: url('../../../image/gap/GP/renewal_gp/s_arrow_down.png') no-repeat; background-size: 100%;}

/*  지점상세 */
.ly_bookmark { margin: 16px 20px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);}
.ly_bookmark.none {border: 1px solid #d7d7d7; box-shadow: none;}
.ly_bookmark .head.side {border-left: 8px solid #afafaf;}
.ly_bookmark .head {position: relative; padding: 16px;}
.ly_bookmark .head .summary {display: flex; align-items: center; color:#767676; font-size: 14px;}
.ly_bookmark .head .summary>span {font-size: 16px; padding-right: 10px; font-weight: 700; color: #000;}
.ly_bookmark .head .summary>span.birthday {font-size: 12px; padding-right: 10px; font-weight: 400; color: #767676;}
.ly_bookmark .head .summary>span.birthday:before {content: ''; display:inline-block;  vertical-align: middle; width: 16px; height: 16px; background: url('../../../image/gap/GP/renewal_gp/s_ico_birthday.png') no-repeat; background-size: 100%;}
/* 2022-08-01 결함번호 68 */
.ly_bookmark .head .store {
  position: relative;
  margin-top: 4px;
  color: #999;
  padding-right: 16px;
}
.ly_bookmark .head .store:after {
  content: '';
  position: absolute;
  top:3px;
  right:0;
  width:8px; height:16px;
  background:url('../../../image/gap/GP/renewal_gp/s_ico_arr.png') no-repeat center; background-size:100%;
}
.ly_bookmark .head .store.blue:after {
  top:5px;
  background-image: url('../../../image/gap/GP/renewal_gp/s_arr_thin.png');
}
/* //2022-08-01 결함번호 68 */
.ly_bookmark .head .store.black {color:#000; font-size: 14px;}
.ly_bookmark .head .store.blue {color:#150f96; font-size: 16px; font-weight: 700;}
.ly_bookmark .head .product {margin-top:4px; color: #767676;  font-size: 12px;}
.ly_bookmark .head.side .product span {border-bottom: 1px solid #767676;}
/* 2022-08-16 */
.ly_bookmark .bottom span { /*width: 33.33%;*/ flex:1; height: 41px; border:solid #d7d7d7; border-width: 1px 1px 0px 0;}
/* //2022-08-16 */
.ly_bookmark .bottom span:last-child { border-right: 0;}
.ly_bookmark:last-child {margin-bottom: 40px;}
.ly_bookmark .head .product > .gubun > span em,
.ly_bookmark .head span.product.end em {
  font-size: 13px;
  font-weight: 500;
}
.ly_bookmark .head .store.hiddenBull:after {display: none;} /* 2022-08-11 */
/* 2022-08-01 결함번호 68 */
.ly_bookmark .arr {
  display:none;
  position: absolute; top:50%; right:5px;
  width:8px; height:16px;
  background:url('../../../image/gap/GP/renewal_gp/s_ico_arr.png') no-repeat center;
  background-size:100%;
}
.ly_bookmark .arr_thin {
  display:none;
  position: absolute; top:50%; right:5px;
  width:8px; height:16px;
  background:url('../../../image/gap/GP/renewal_gp/s_arr_thin.png') no-repeat center;
  background-size:100%;
}
/* //2022-08-01 결함번호 68 */
.ly_bookmark.detail {margin: 0;}
.ly_bookmark_box {padding: 16px 20px; background: #f4f4f4;}
.ly_bookmark_padding {padding: 0 20px;}

.ly_state div {display: flex; align-items: center; margin-bottom: 10px;}
.ly_state div:last-child{margin-bottom: 0px;}
.ly_state div>span {width: 30%; flex-shrink: 0;}
.ly_state div .finish {flex-grow: 0; margin-right: 10px;}

.ly_calrendar {background: white; padding-bottom: 16px;}
.ly_calrendar .cal_head {padding: 24px 20px 0 20px;  margin-bottom: 16px; font-weight: 700; font-size: 18px;}
.ly_calrendar .ly_align {height: 72px;}
.ly_calrendar .ly_align > button {flex-shrink: 0;height: 100%; padding: 0; border: 0 none;}
.ly_calrendar .ly_align .calrendar { flex: 1 1 0; color: #767676;}
.ly_calrendar .ly_align .calrendar ul { display: flex; justify-content: center; align-items: center;}
.ly_calrendar .ly_align .calrendar ul li {position: relative; width: 15%; text-align: center; padding: 0 4px;}
.ly_calrendar .ly_align .calrendar ul li> .box{color: #000; max-width: 36px;}
.ly_calrendar .ly_align .calrendar .today_dot:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; background: #150f96; border-radius: 2px; }
.ly_calrendar .ly_align .calrendar .box.today_box {border-color: #150f96; background: #150f96; color: white;}
.ly_calrendar .ly_align .calrendar ul li>div,
.ly_calrendar .ly_align .calrendar ul li>p { height: 36px; margin: 0 auto; line-height: 32px;box-sizing: border-box;border: 2px solid transparent;}
.ly_calrendar .ly_align .calrendar ul li>p.active {border-color: #150f96;}

.ly_bottom {position:fixed; left:0; right:0; bottom:0; background: white; z-index:100;}
.btn_bottom       { display:block; position:relative; height: 56px; line-height: 50px; text-align:center; color:#fff;  background: #150f96; cursor:pointer; font-size: 18px;}
.btn_bottom.left  {width:30%; background:#767676;}
.btn_bottom.right {width:70%;}
.btn_bottom.full  {width:100%;}

.dialog_content.t3 {padding: 0;}


/* 활동관리 */
.content.no_pd.ed {background: #ededed; min-height: 100%; height: auto;padding-bottom: 56px !important;}
.ly_card_item {padding: 25px 20px;}
/* 2022-08-01 : 결함번호 208 : GPN831M0, GPN832M0 활동 내용 메뉴 수정 */
.item_card {
  display: flex;
  align-items: center;
  position: relative;
  /*height: 64px;*/ min-height: 64px;
  background: white;
  margin-bottom: 16px;
  border-bottom: 1px solid #afafaf;
}
.item_card.padding { margin-bottom: 16px;  border-bottom: 1px solid #afafaf; }
.item_card.padding input {height: 63px; border: 0;}
.item_card.gray { background: #d7d7d7; border: 0; }
.item_align {
  width: 100%;
  /* position: absolute; top: 50%; left: 0; */
  /* transform: translateY(-50%); */
  box-sizing: border-box;
  /* padding:0 16px; */
  padding:10px 16px;
}

.item_align .i_txt.width100, /*2022-08-30 */
.item_align .datepicker_input input {display: block; width: 100%;}
.item_card div>input {font-size: 16px; font-weight: 400; margin-right: 16px; border: 0; outline: none;}
.item_align .bold {font-size: 16px; font-weight: 700;}
.item_card.none {background: none; border: 0;}

.btn_result {display: inline-block; text-align: center; line-height: 36px; width: 100%; height: 36px; background: #150f96; color: white; font-size: 16px; font-weight: 500;}
.item_card .item_align .ico_calredar {position: absolute;top: 50%;right: 16px;transform: translateY(-50%);}
/* 2022-08-11 */
.item_card + .invalid_txt {
  margin-top: -10px;
}
.item_card + .invalid_txt + .item_card {
  margin-top: 16px;
}
/* //2022-08-11 */
.ly_card_item .item_card > .form_item {flex: 1;} /* 2022-08-23 : GPN832M0 인풋 영역 100% */

/* GPN102P3 원픽 설계 - 보험 비교 팝업 */
.wrap_title {
  padding: 24px 20px 0;
  font-size: 18px;
  font-weight: 700;
}
/* 2022-08-23 */
.wrap_fix {margin-bottom: 25px;padding: 16px 0px 10px 20px; font-size: 14px;}
.wrap_fix .ly_fix {overflow: auto;}
.wrap_fix .ly_fix::-webkit-scrollbar {display: none;}
.wrap_fix .fix_group {height: 70px;}
.wrap_fix .fix_group.height {height: 30px;}
.wrap_fix .fix_head { min-width: 160px; width: 40%; position: sticky; top:0; left:0; background: white; vertical-align: bottom; z-index: 2; padding: 16px 8px 20px 0;} /* 2022-08-12 */
.wrap_fix .fix_head.group {padding-bottom: 4px; font-size: 16px; font-weight: 700; font-weight: bold;}
.wrap_fix .fix_board {font-size: 14px; font-weight: 400;}
.wrap_fix .fix_board tr {border-bottom: 1px solid #afafaf;}
.wrap_fix .fix_board tr.none {border: 0;}
.wrap_fix .add {padding: 0 4px; min-width: 100px; width:20%; text-align: right; vertical-align: middle;}
.wrap_fix .add:last-child {padding-right: 20px;}
.wrap_fix .vatop {vertical-align: top;}
.wrap_fix .box {padding: 8px;min-width: 100px;border: 1px solid #150f96; box-sizing: border-box;border-radius: 2px;font-size: 12px;text-align: center;} 
.wrap_fix .box span {font-size: 14px; font-weight: bold;}
.wrap_fix .add.high { /* background: #ebf3ff; */ background-clip: content-box;}
.wrap_fix .add.high .box {background: #ebf3ff; color: #150f96;}
.wrap_fix .txt_high {color: #150f96;}
.wrap_fix .fix_head>p {font-size: 14px; font-weight: 700; font-weight: bold;}
/* //2022-08-23 */
.wrap_fix .vatop.add.best { background: #150f96; background-clip: content-box;}
.wrap_fix .vatop.add.best .box {color: #fff;}
.wrap_fix .add.best .box {color:#150f96;}
.wrap_fix .txt_best {color: #767676;}
/* 2022-08-12 */
.wrap_fix .vatop.add p {padding:0;}
.wrap_fix .add p {padding:0 8px}
/* //2022-08-12 */



/* 지점장 메인 */
.branch_main #header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
.branch_main #header > div button {
  width: 50px;
  height: 100%;
}
.branch_main #header > div button.btn_noti {
  background-color: #007bff;
}
.branch_main #header > div button.btn_gnb {
  background-color: #7acb00;
}
.branch_main .swiper_area {
  position: relative;
  overflow: hidden;
}
.branch_main .swiper_area .swiper-wrapper {
  height: auto;
}
.branch_main .accodion_area {
  margin: 50px 0;
  background-color: #007bff;
}
.branch_main .accodion_area > li > a {display: block;}
.branch_main .accodion_area > li.active > a {color: red;}

/* 전체메뉴 */
#gnb_menu {
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 300;
  width: 100%;
  height: 100%;
  background-color: #fff;

  transition: left 0.5s;
}
#gnb_menu.open,
#gnb_menu.open .gnb_content:after {
  left: 0;
}
#gnb_menu .gnb_title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 0 48px;
  background-color: #fff !important;
}
#gnb_menu .gnb_title h2 {
  font-size: 20px;
  font-weight: 700;
}
#gnb_menu .gnb_title a.prev_btn {
  position: absolute;
  top: 0;
  width: 48px;
  height: 100%;
  left: 0;
  background: url("../../../image/gap/GP/renewal_gp/btn_prev01.png") 15px 50% no-repeat;
  background-size: 24px 24px;
}
#gnb_menu .gnb_title > div {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding-right: 8px;
  display: flex;
}
#gnb_menu .gnb_title > div a {
  width: 42px;
  height: 100%;
}
#gnb_menu .gnb_title > div a.btn_setup {
  background: url('../../../image/gap/GP/renewal_gp/ico_setup.png') no-repeat 10px 50%;
  background-size: 24px 24px;
}
#gnb_menu .gnb_title > div a.btn_home {
  background: url('../../../image/gap/GP/renewal_gp/ico_home.png') no-repeat 8px 50%;
  background-size: 24px 24px;
}
#gnb_menu .gnb_content:after {
  content: '';
  position: fixed;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 120px;
  height: 100%;
  background-color: #f4f4f4;
  transition: left 0.5s;
}
#gnb_menu .gnb_content {
  height: calc(100% - 56px);
  overflow: auto;
  padding-bottom: 48px;
}
#gnb_menu .gnb_content .inner {
  padding: 0 20px 26px;
  background-color: #fff;
}

#gnb_menu .gnb_content .inner .account_area {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
/* 지점장 이름 말줄임 */
#gnb_menu .gnb_content .inner .account_area h3 {
  display: inline-flex;
  /* 2022-08-11 */
  /* align-items: end; */
  width: calc(100% - 65px);

  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: #000;
}
/* 설계사 이름 말줄임 */
#gnb_menu .gnb_content .inner .account_area h3 > strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}
#gnb_menu .gnb_content .inner .account_area h3 > span {
  flex-shrink: 0;
  margin-left: 5px;
  line-height: 12px;
  /* 2022-08-11 */
  height: 12px;
  margin-top: 7px;
  /* //2022-08-11 */
}
#gnb_menu .gnb_content .inner .account_area h3 > a {
  flex-shrink: 0;
  margin-left: 5px;
  display: inline-block;
  border: 1px solid #ffb617;
  border-radius: 2px;
  padding: 0 0 0 6px;
  background-color: #ffb617; /* 2022-08-04 */
}
#gnb_menu .gnb_content .inner .account_area h3 > a span {
  display: block;
  position: relative;
  height: 17px;
  padding-right: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #150f96;  /* 2022-08-04 */
}
#gnb_menu .gnb_content .inner .account_area h3 > a span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url('../../../image/gap/GP/renewal_gp/s_ico_right.png') no-repeat 50% 50%; /* 2022-08-04 */
  background-size: 16px 16px;
}
#gnb_menu .gnb_content .inner .account_area > button {
  margin-top: 1px;
  display: inline-block;
  height: 19px;
  border: 1px solid #afafaf;
  border-radius: 2px;
  padding: 0 6px;
  font-size: 12px;
  color: #000;
}

#gnb_menu .gnb_content .inner .quick_link {
  margin-top: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  background-color: #150f96;
  border-radius: 4px;
  padding: 0 12px;
}
#gnb_menu .gnb_content .inner .quick_link > li {
  position: relative;
  height: 100%;
}
/* #gnb_menu .gnb_content .inner .quick_link > li + li:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -10px;
  width: 1px;
  height: 1px;
  background-color: #d7d7d7;
} */
#gnb_menu .gnb_content .inner .quick_link > li a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  color: #fff;
}
#gnb_menu .gnb_content .inner .quick_link .interval_bull {
  flex: 1;
  display: flex;
  align-items: center;
}
#gnb_menu .gnb_content .inner .quick_link .interval_bull > span {
  flex: 1;
  position: relative;
  min-width: 10px;
  height: 100%;
}
#gnb_menu .gnb_content .inner .quick_link .interval_bull > span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 1px;
  background-color: #d7d7d7;
}
@media screen and (max-width: 340px) {
  #gnb_menu .gnb_content .inner .quick_link {padding:0 8px;}
  #gnb_menu .gnb_content .inner .quick_link > li a {font-size: 13px;}
}

#gnb_menu .gnb_content .recent_use {
  padding-top: 26px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
}
/* 지점장 스타일 분리 */
#gnb_menu .gnb_content .recent_use.border {
  border-top: 1px solid #d7d7d7;
  padding-top: 22px;
  margin-top: 22px;
}
#gnb_menu .gnb_content .inner .recent_use h3 {
  color: #000;
}
#gnb_menu .gnb_content .inner .recent_use > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
}
#gnb_menu .gnb_content .inner .recent_use > ul > li > a {
  display: block;
  margin: 5px;
  padding: 0 12px;
  line-height: 32px;
  border: 1px solid #767676;
  border-radius: 8px;
  color: #4b4e53;
}
#gnb_menu .gnb_content .inner .recent_use > p {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #767676;
}

#gnb_menu .gnb_content .inner .gnb_list {
  position: relative;
  background-color: #d7d7d7;
}

#gnb_menu .gnb_content .gnb_list > ul {
  position: relative;
  padding-top: 8px;
  border-top: 1px solid #d7d7d7;
}
#gnb_menu .gnb_content .gnb_list > ul > li {
  height: 48px;
}
#gnb_menu .gnb_content .gnb_list > ul > li.active > a {
  color: #000;
  background-color: #fff;
}
#gnb_menu .gnb_content .gnb_list > ul > li.active > a:after {
  background-color: #150f96;
}
#gnb_menu .gnb_content .gnb_list > ul > li.active > ul {
  display: block;
  background-color: #fff;
}
#gnb_menu .gnb_content .gnb_list > ul > li > a {
  position: relative;
  display: block;
  width: 120px;
  padding: 0 0 0 16px;
  font-size: 16px; /* 2022-08-10 */
  font-weight: 500;
  color: #767676;
  line-height: 48px;
  letter-spacing: -1px;
}
#gnb_menu .gnb_content .gnb_list > ul > li > a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: transparent;
}
#gnb_menu .gnb_content .gnb_list > ul > li > ul {
  display: none;
  position: absolute;
  top: 8px;
  right: 0;
  width: calc(100% - 120px);
}
#gnb_menu .gnb_content .gnb_list > ul > li > ul > li {
  height: 48px;
} 
#gnb_menu .gnb_content .gnb_list > ul > li > ul > li > a {
  display: block;
  padding: 0 25px;
  font-size: 16px; /* 2022-08-11 */
  font-weight: 500;
  color: #000;
  line-height: 48px;
}

/* 설계지원센터 팝업 */
.design_support > div {
  overflow: hidden;
  position: relative;
  padding: 16px 16px 16px 82px;
  border-radius: 4px;
  background-color: #f4f4f4;
}
.design_support > div:after {
  content: '';
  position: absolute;
  top: 16px;
  left: 16px;
  width: 48px;
  height: 48px;
  background: url('../../../image/gap/GP/renewal_gp/ico_callcenter.png') no-repeat 50% 50%;
  background-size: 100%;
}
.design_support > div.tel {
  background-color: #150f96;
  font-size: 14px;
  color: #fff;
}
.design_support > div.tel > p {
  font-weight: 700;
}
.design_support > div.tel > a {
  display: block;
  margin-top: 5px;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.design_support > div.tel > ul {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #afafaf;
}
.design_support > div.tel > ul > li strong {
  font-weight: 700;
}
.design_support > div.fax {
  margin-top: 16px;
  padding: 26px 16px 26px 82px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}
.design_support > div.fax:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #150f96;
}
.design_support > div.fax:after {
  background-image: url('../../../image/gap/GP/renewal_gp/ico_fax.png');
}
.design_support > div.fax > p {
  font-size: 20px;
}
.design_support > div.fax > ul {
  margin-top: 20px;
}
.design_support > div.fax > ul > li + li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d7d7d7;
}
.design_support > div.fax > ul > li > strong {
  font-size: 16px;
  color: #767676;
}
.design_support > div.fax > ul > li > p {
  margin-top: 10px;
  font-size: 18px;
  color: #150f96;
}
/* 보험금 청구 지원 팝업 */
.billing_doc > div {
  position: relative;
  padding: 8px 16px 16px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-top: 0 none;
}
.billing_doc > div:after {
  content: '';
  position: absolute;
  top: 0;
  left: -1px;
  width: calc(100% + 2px);
  height: 2px;
  background-color: #150f96;
}
.billing_doc > div h2 {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.billing_doc > div > ul {
  position: relative;
  margin-top: 8px;
  text-align: right;
}
.billing_doc > div > ul:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 48px;
  background: url('../../../image/gap/GP/renewal_gp/ico_bill.png') no-repeat 50% 50%;
  background-size: 100%;
}
.billing_doc > div > ul > li + li {margin-top: 8px;}
.billing_doc > div > ul > li a {
  display: inline-block;
  min-width: 100px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #afafaf;
  border-radius: 2px;

  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: -1px;
}
.billing_doc > div + div {
  padding-top: 8px;
  margin-top: 24px;
}
.billing_doc > div + div > ul:after {
  background-image: url('../../../image/gap/GP/renewal_gp/ico_bill2.png');
}

/* 활동조회*/
.essential{ color : red}
/* 결과없음 */
.data_empty .no_data{padding:0; border-bottom: 0;}
.data_empty .no_data .box_msg{display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 350px;}
.data_empty .no_data .box_msg:before{content: ''; display: block; width: 48px; height: 48px; background:url('../../../image/gap/GP/renewal_gp/s_ico_empty.png') no-repeat 0 0; background-size: 48px auto;}
/*이벤트 알림 없음 */
.data_empty .no_data .box_msg.black:before{content: ''; display: block; width: 48px; height: 48px; background:url('../../../image/gap/GP/renewal_gp/s_icon_alarm_no.png') no-repeat 0 0; background-size: 48px auto;}
.data_empty .no_data .box_msg.black {color: #000; font-size: 18px; font-weight: 700;}
/* 2022-08-05 결함번호 334 */
.data_empty .no_data .box_msg.black .main_msg {margin-top: 8px;}
/* //2022-08-05 결함번호 334 */


/* 설계사검색 */
.ly_align_ellipsis {
  display: flex;
  align-items: center;
  height: 100%;
  width: calc(100% - 96px);
}
.ly_align_ellipsis.width {
  width: 100%;
  padding-right: 20px;
}
.ly_align_ellipsis > span {flex-shrink: 0;}
.ly_align_ellipsis > div.fc_data {
  position: relative;
  width: 100%;
  height: 100%;
}
.ly_align_ellipsis > div.fc_data > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: calc(100% - 110px);
  height: 48px;
  font-size: 12px;
  padding-left: 10px;
}
.ly_align_ellipsis > div.fc_data > div > p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ly_align_ellipsis > div.fc_data > p {
  position: absolute;
  top: 0;
  right: 0;
  width: 105px;
  height: 48px;
  line-height: 48px;
}

.total_people.underline {padding: 20px 0 17px 0; border-bottom: 2px  solid #000;}
.total_people .btn-refresh.no_pos {bottom: unset;margin-top: 3px;color: #767676}

.accordion.t4 {margin: 0;}
.accordion.t4 .panel {padding: 25px 20px; border-bottom: 1px solid #d7d7d7; font-size: 14px;} 
.accordion.t4 .panel.padding {padding: 8px 20px;}
.accordion.t4 .title {padding: 16px 20px; border-bottom: 1px solid #d7d7d7;}
.accordion.t4 .title.active {opacity: 0.6;}
.accordion.t4 .title .sub { font-size: 12px; font-weight: 400; color: #767676; margin-top: 8px;}
.accordion.t4 .title a .ico{position:absolute;top:50%;right:0;width:10px;height:12px;margin-top:-5px;margin-right:0;overflow:hidden;}
.accordion.t4 .title a.active .ico:before,
.accordion.t4 .title a.active .ico:after{background-color:#150f96;}
.accordion.t4 .title a .ico:before,
.accordion.t4 .title a .ico:after{content:'';position:absolute;top:5px;width:11px;height:1px;background-color:#111;transition:all 0.1s ease-out;} /* 2022-09-01 게시판 아코디언 화살표 수정 10px -> 11px*/
.accordion.t4 .title a .ico:before{left:-3px; transform:rotate(45deg);}
.accordion.t4 .title a .ico:after{right:-3px; transform:rotate(-45deg);}
.accordion.t4 .title a.active .ico:before{transform:rotate(-45deg)}
.accordion.t4 .title a.active .ico:after{transform:rotate(45deg)}
.accordion.t4 .list_txt_wrap.file {padding-bottom:10px;}
.accordion.t4 .list_txt+.list_txt{margin-top:15px}
.accordion.t4 .list_txt i{font-style:normal;margin-right:8px}
.accordion.t4 .attach_file_wrap {padding:12px 0 50px 0; border-top:1px solid #e3e4e5; } /* 2022-09-06 박종서 padding-top:12px 에서 변경 */
.accordion.t4 .attach_file_wrap a {display:block; position:relative; margin-bottom:10px; padding-left:30px; color:#4b4e53;}
.accordion.t4 .attach_file_wrap a:before {content:''; display:block; position:absolute; top:0; left:0; width:16px; height:16px; background:url(../../../image/gap/GP/renewal_gp/s_ico_noti_download.png) no-repeat; background-size:18px auto;}
.accordion.t4 .attach_file_wrap a:last-child {margin-bottom:0;}


.ico_noti { margin-right: 4px; padding:2px 8px 2px 8px;  background: #ff6600; border: 1px solid; border-radius:4px; font-size:12px; color:#fff;}
.head {padding-right: 45px;}
.head .icon_file{ display:inline-block; position: relative; top:1px; left:5px;  content:""; width:16px; height:16px; background:url(../../../image/gap/GP/renewal_gp/s_ico_file.png) no-repeat; background-size:100%;}
.head .icon_new{ display:inline-block; position: relative; top:1px; left:5px;  content:""; width:16px; height:16px; background:url(../../../image/gap/GP/renewal_gp/s_ico_new.png) no-repeat; background-size:100%;}
.data_view_list .no_data.no_line {padding: 0;border-top: 0;}

/* 이벤트 */
.ly_event { margin-top: 66px; font-size: 16px; font-weight: 700;}
.ly_event ul li { margin: 16px 0px; }
/* .event_box { width: 320px; height: auto;} */
.event_box .thumb {position: relative;}
.event_box .thumb img {display: block;}
.event_box .dday{ position: absolute;  top:0; right: 0; padding: 4px 8px; background: #ffb617; color:#000; font-size: 16px; font-weight: 700;}
.event_box .body {border: 1px solid #d7d7d7; padding: 16px; }
.event_box .body p { font-size: 14px; font-weight: 400; color: #767676; margin-top: 4px;}

.event_end {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center;}
.event_end span {color:white;}
.event_end span:before {display: block; margin-bottom: 4px; position: relative; top:0; left:50%; transform: translateX(-50%); content:""; width:24px; height:24px; background:url(../../../image/gap/GP/renewal_gp/s_ico_gift.png) no-repeat; background-size:100%;}

/* 이벤트 탭 */
.tab_swipe_wrap.none { background: white;}
.tab_track.none {border: 0;margin: 0 20px;background: white; font-size: 18px; font-weight: 400;}
.tab_track.none ul li {padding: 8px 0; }
.tab_track.none ul li + li {margin-left: 16px;}
.tab_track.none ul li a {border: 0;background: #fff;display: unset; color: #767676; padding-bottom: 4px;}
.tab_track.none ul li.tab_active a {border-bottom:  2px solid #150f96; color : #150f96; font-weight: 700;}

/* tab_panel t1.pdt16 {padding-top: 16px;} */


.ly_alarm {
  margin-top: 66px;
  font-size: 14px;
  font-weight: 400;
  color: #767676; 
}
.ly_alarm ul li a {
  display:block;
}
.ly_alarm ul li .alarm {
  position: relative;
  padding: 16px 20px;
}
.ly_alarm ul li .alarm:before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 19px; 
  left: 20px; 
  width: 16px;
  height: 16px;
  background: url('../../../image/gap/GP/renewal_gp/s_ico_mg.png') no-repeat;
  background-size: 100%;
}
.ly_alarm ul li .alarm.notice:before {
  background-image: url('../../../image/gap/GP/renewal_gp/s_ico_notice.png');
}

.ly_alarm ul li a > .alarm div p:after {
  content: '';
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right:0;
  width:8px;
  height:16px;
  background:url('../../../image/gap/GP/renewal_gp/s_ico_arr.png') no-repeat 100% 50%;
  background-size:100%;
}
/* 2022-08-22 */
.ly_alarm ul li > .alarm div p.ellipsis:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  background: url('../../../image/gap/GP/renewal_gp/s_ico_down.png') no-repeat 100% 50%;
  background-size: 100%;
}
/* //2022-08-22 */
.ly_alarm ul li > .alarm.open div p.ellipsis:after {
  background-image: url('../../../image/gap/GP/renewal_gp/s_ico_up.png');
}

.ly_alarm ul li.active {opacity: 0.6;}
.ly_alarm .alarm > div {margin-left: 24px;}
.ly_alarm .alarm span { font-weight: 700;}
.ly_alarm .alarm em { font-weight: 400;}
.ly_alarm .alarm p { 
  position: relative;
  max-height: 45px;
  display: -webkit-box;
  overflow: hidden;
  padding-right: 30px;
  -webkit-line-clamp: 2;
  -webkit-box-orient : vertical;
  text-overflow: ellipsis;
  color: #000;
  transition: all 0.3s;
  word-break: break-all;
}
.ly_alarm .alarm.open p {
  display: block; 
  max-height: 999px;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: inherit;
  transition-duration: 0.6s;
}
.ly_alarm .alarm p > span {
  white-space: pre-line;
  font-weight: 400;
}

/* 앱설정*/
.ly_setting { padding: 20px 20px 100px;}
.ly_setting .title strong { font-size: 16px; font-weight: 700; color: #000;;}
.ly_setting .title p { margin-top: 8px; font-size: 14px; font-weight: 400; color: #767676; }
.ly_setting .btn_group {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 16px 0;
}
.ly_setting .btn_group > li {
  width: 50%;
}
.ly_setting .btn_group > li input {
  display: none;
}
.ly_setting .btn_group > li label {
  display: block;
  height: 48px;

  font-size: 16px;
  font-weight: 400;
  line-height: 48px;
  color: #767676;
  text-align: center;

  border: 1px solid #afafaf;
  border-radius: 4px 0 0 4px;
}
.ly_setting .btn_group > li + li label {
  border-left: 0 none;
  border-radius: 0 4px 4px 0;
}
.ly_setting .btn_group > li input:checked + label {
  background-color: #150f96;
  color: white;
}
.ly_setting .btn_group > li input:disabled + label {
  background-color: #d7d7d7;
  color: #fff;
  border-color: transparent;
}


.ly_setting .info{ position: relative; font-size: 12px; font-weight: 400; color: #ff6600; padding-left: 20px; }
.ly_setting .info:before { display: inline-block; content: ''; position: absolute; top: 0; left: 0px; width: 16px; height: 16px;background: url('../../../image/gap/GP/renewal_gp/s_ico_info2.png') no-repeat;background-size: 100%;}
.ly_setting .login {  text-align: right; margin: 16px 0; }
.ly_setting .login p { 
  display: inline-block; 
  font-size: 14px;
  font-weight: 400;
  color: #150f96;
  padding-bottom: 1px; 
  border-bottom: 1px solid #150f96; 
}
.ly_push {margin-top: 16px;}
.ly_push strong { font-size: 16px; font-weight: 700;}
.ly_push span { font-size: 14px; font-weight: 400; color: #767676; padding-right: 10px;}
.ly_version {
  position: fixed;
  bottom: 0;
  left: 50%;
  right: 0;
  transform: translateX(-50%);
  width: 100%;
  padding-bottom: 10px;
  background-color: #fff;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.ly_version p + p {
  color: #767676;
  font-weight: 500;
}
.ly_version a {
  display: inline-block;
  height: 30px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 14px;
  color: #000;
  border: 1px solid #afafaf;
  border-radius: 2px;
}
.ly_setting .login_account {
  margin-top: 16px;
}
.ly_setting .login_account button {
  margin-top: 10px;
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;

  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #afafaf;

  font-size: 16px;
  text-align: center;
  color: #000;
}

/* rwd.css 스타일 초기화 */
@media only screen and (min-width: 320px) {
  .search {text-align: left;}

  /*
  .search table,
  .search dl,
  .search > * {text-align: left;}
  */

  .search dl dt,
  .search dl dd {margin: 0;}

  .search dl dt {width: auto;}
  .search dl dd {width: auto;}

  input,select,textarea {max-width: 100% !important;} /* 2022-08-02 결함번호 162 */
}

/* GPN820P3 : 지점 위치 안내 */
.branch_location > p {
  padding: 10px 20px;
  font-size: 15px;
  color: #111;
}

/* GPN831M0
  ios에서 datepicker 선택 후 해당 인풋 텍스트에
  드래그가 되어 있는 현상을 막기 위해 숨겨놓은 인풋으로 강제 포커스 이동 시킴
*/
#focusHidden {
  position: fixed;
  top: 0;
  left: -200%;
  width: 100px;
  height: 50px;
}

/* 2022-07-27 */
.loading_box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000; /* 2022-08-22 수정 */
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8);

  display: flex;
  justify-content: center;
  align-items: center;
}
.loading_box .inner {
  text-align: center;
}
.loading_box .inner > h1 {
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
}
.loading_box .inner > div {
  margin-top:32px;
  height: 8px;
}
.loading_box .inner > div span {
  display: inline-block;
  width: 8px;
  height: 8px;
  font-size: 0;
  line-height: 0;
  background: #3f44de;
  border-radius: 50%;
  vertical-align: top;
  animation: loading 2.4s ease-in-out infinite;
  animation-delay: calc(0.2s * var(--i));
}
.loading_box .inner > div span + span {
  margin-left: 6px;
}
.loading_box .inner > p {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1;
}

/* loading_chubb.png */
@keyframes loading {
  0% {transform: translateY(0px); background-color: #3f44de;}
  30% {transform: translateY(-10px); background-color: #150f96;}
  60%, 100% {transform: translateY(0px); background-color: #3f44de;}
}
#loading01 h1 {
  width: 200px;
  height: 50px;
  background: url('../../../image/gap/GP/common/loading_g.png') no-repeat;
  background-size: auto 100%;
}
#loading02 h1 {
  width: 80px;
  height: 30px;
  background: url('../../../image/gap/GP/common/loading_chubb.png') no-repeat;
  background-size: auto 100%;
}
/* GPN850M0 */
.align_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 320px) {
  .ga_header h2 {font-size: 26px;}
  .ga_header .header_bottom h2 .layer_btn {
    width: 28px;
    height: 28px;
  }
}

/* 20240102 - 추가 */
.ga_header.index .header_top > div a.btn_alarm em { background-color: #E41913; }

/* 20240110 - 추가 */
.ga_header.newVer2024 { padding-bottom: 0; }
.ga_header.newVer2024, .ga_header.newVer2024.open { height: auto; }
.ga_header.newVer2024 .header_top { padding-left: 0; }
.ga_header.newVer2024 .header_bottom { display: block; padding-bottom: 16px; }
.ga_header.newVer2024 .header_bottom .search_title h2 { line-height: 36px; letter-spacing: -0.56px; }
.ga_header.newVer2024 .header_bottom .search_title > div { position: static; }
.ga_header.newVer2024 .header_bottom .search_title button.no_icon span:after { display: none; }
.ga_header.newVer2024 .header_bottom.manager .search_title h2 { width: calc(100% - 100px); font-size: 26px; line-height: 34px; letter-spacing: -1.04px; }
.ga_header.newVer2024 .header_bottom.manager .search_title h2 .fcName { overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all; vertical-align: top; }

/* 20240321 - 추가 */
.ga_header.index .header_top > div a.btn_digitalContent {
  width: auto; height: auto;
  margin-right: -8px; padding: 0 19px 0 8px;
  color: #150F96;
  font-size: 16px; font-weight: 500;
  line-height: 29px;
  background: #EBF3FF url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.78133 4.50001L0.481335 1.20001L1.424 0.257339L5.66667 4.50001L1.424 8.74267L0.481335 7.80001L3.78133 4.50001Z' fill='%23150F96'/%3E%3C/svg%3E%0A") no-repeat right 8px center;
  border: 1px solid #fff;
  border-radius: 15px;
  box-shadow: 0.5px 0.5px 2px 0 rgba(0,0,0,0.15);
}

/* 20240324 - 추가 */
.ga_header.index .header_top > div a.btn_digitalContent { margin-right: 0; border-width: 0; }
.ga_header.index .header_top a + a { margin-left: 13px; }
.ga_header.index + #container > .content.noTab { padding-top: 68px; }
.content.noTab .tab_menu_nav > .tab_panel { margin-top: 0; }