:root {
  --border-color: #bacfe7;
  --tb-outside-color:#3c78bc;
  --execute_button_background: #2574a3 url('/img_work/btn_bg1.gif') repeat-x;
  --execute_button_top_border_color: #5699b9 1px solid;
  --execute_button_bottom_border_color: #175a7a 1px solid;
  --execute_button_side_border_color: #3b7c98 1px solid;
  --delete_button_background: #5d7189 url('/img_work/btn_bg2.gif') repeat-x;
  --delete_button_top_border_color: #7992ae 1px solid;
  --delete_button_bottom_border_color: #4b5a6a 1px solid;
  --delete_button_side_border_color: #5f758d 1px solid;
  --open_button_background: #319ab2 url('/img_work/btn_bg4.gif') repeat-x;
  --open_button_top_border_color: #55b9d2 1px solid;
  --open_button_bottom_border_color: #267a8e 1px solid;
  --open_button_side_border_color: #319db7 1px solid;
  --exit_button_background: #626262 url('/img_work/btn_bg3_1.gif') repeat-x;
  --exit_button_top_border_color: #878787 1px solid;
  --exit_button_bottom_border_color: #484848 1px solid;
  --exit_button_side_border_color: #515151 1px solid;
  --show_button_background: #5d7189 url('/img_work/btn_bg2.gif') repeat-x;
  --show_button_top_border_color: #7992ae 1px solid;
  --show_button_bottom_border_color: #4b5a6a 1px solid;
  --show_button_side_border_color: #5f758d 1px solid;
  --print_button_background: #5d7189 url('/img_work/btn_bg2.gif') repeat-x;
  --print_button_top_border_color: #7992ae 1px solid;
  --print_button_bottom_border_color: #4b5a6a 1px solid;
  --print_button_side_border_color: #5f758d 1px solid;
  --item_container_background: #f4f6fa;
  --item_container_border_color: #e3e5e8;
  --small_button_background: url('/img_work/btn_in.png') repeat-x;
  --small_button_border_color: #43586f 1px solid;
}

@charset "utf-8";
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  src: url(/font/NanumGothic.eot);
  src: url(/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic.woff2) format('woff2'),
       url(/font/NanumGothic.woff) format('woff'),
       url(/font/NanumGothic.ttf) format('truetype');
}

html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body * { margin: 0; padding: 0; box-sizing: border-box; }
dl, ul, ol, li { list-style: none; }

#careDeskWrapper { height: 100%; display: flex; flex-direction: column; }

#careDeskContent { flex: 1; display: flex; overflow-y: hidden; }
#careDeskContent > main { flex: 1; padding: 1em; display: flex; flex-direction: column; gap: 0.5em; overflow-y: auto; }

#careDeskBody .bx { font-size: 1em; cursor: pointer; }
#careDeskBody .stxt { font-size: 0.8em; letter-spacing: -0.1em; }

#careDeskBody .searchContainer { display: flex; gap: 0.5em; padding: 0.5em; background: #fff; border: 3px solid #2553e5; border-radius: 0.5em; font-size: 1.25rem; }
#careDeskBody .searchContainer > input { flex: 1; border: 0; outline: none; font-size: inherit; font-weight: bold; }

#careDeskBody .listContainer { flex: 1; display: flex; flex-direction: column; gap: 0.5em; font-size: 1rem; overflow-y: auto; }
#careDeskBody .itemContainer { padding: 0.5em; display: flex; flex-wrap: wrap; gap: 0.25em 0.5em; font-size: 1.25rem; background: var(--item_container_background); border: 2px solid var(--item_container_border_color); border-radius: 0.5em; }
#careDeskBody footer .itemContainer { border: 0; border-radius: 0; background: #909aab; }
#careDeskBody .itemTitle { width: 100%; margin-bottom: 0.25em; display: flex; font-weight: bold; }
#careDeskBody footer .itemTitle { color: #fff; }
#careDeskBody .item:not(.fullContent > .item) { padding: 0.5em; background: #fff; border: 0.1px solid #e3e3e3; border-radius: 0.5em; color: DimGray; font-size: inherit; font-weight: bold; transition: box-shadow .3s; cursor: pointer; }
#careDeskBody .item:hover:not(.fullContent > .item) { color: Black; box-shadow: 0 0 0.5em #e3e3e3; }
#careDeskBody .itemContainer > .item:not(.fullContent > .item) { flex: 1 1 fit-content; }

#careDeskBody .listContainer .listCard { display: flex; gap: 0.25em; align-items: center; }
#careDeskBody .listContainer .listCard .main { display: flex; flex-direction: column; gap: 0.25em; flex: 1; width: 0; }
/* #careDeskBody .listContainer .listCard .main .subject { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } */
#careDeskBody .listContainer .listCard .main .content { width: 100%; font-size: 0.9rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#careDeskBody .listContainer .listCard .main .content img { display: none; }
#careDeskBody .listContainer .listCard .main .fullContent { width: 100%; font-size: 0.9rem; font-weight: normal; }
#careDeskBody .listContainer .listCard .main .fullContent img { max-width: 100%; max-height: 100%; object-fit: contain; }
#careDeskBody .listContainer .listCard .main .tag { display: flex; flex-wrap: wrap; gap: 0.25em; }

#careDeskBody .listContainer .listCard .etc { display: flex; flex-direction: column; gap: 0.1em; align-items: center; font-weight: normal; }
#careDeskBody .listContainer .listCard .etc .date { font-size: 0.9rem; }
#careDeskBody .listContainer .listCard .etc .count { font-size: 0.8rem; }
#careDeskBody .listContainer .listCard .etc .count::before { content: "(" }
#careDeskBody .listContainer .listCard .etc .count::after { content: ")" }
 
#careDeskBody input[data-type=tel] { width: 7.5em; flex: 0 !important; }
#careDeskBody .infoBox { font-size: 0.8rem; }

#careDeskBody .articleContents { width: 100%; height: 100%; padding: 0.5em; position: absolute; overflow-y: auto; }
#careDeskBody .htmlContents { width: 100%; height: 100%; overflow-y: auto; }
#careDeskBody .articleContents img, #careDeskBody .htmlContents img{ max-width: 100%; max-height: 100%; object-fit: contain; }

#careDeskBody .tabmenu_bg{position:relative;display:block;width:100%;background:#76b5e2;height:40px;}
#careDeskBody .tabmenu{position:relative;overflow:hidden;}
#careDeskBody .tabmenu ul{margin:7px 0 0 9px;}
#careDeskBody .tabmenu li{float:left;height:33px;line-height:33px;font-size:15px;padding:0 12px;margin:0 2px;color:#d2eafc;background:#4d85af;cursor:pointer;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;}
#careDeskBody .tabmenu li.over{background:#fff url('/img_work/tab_bg.gif') repeat-x;color:#000;cursor:pointer;}
#careDeskBody .tabmenu li.none_active{background:#71acd6;color:#bbd8ec;border-top:#4d85af 1px solid;border-left:#4d85af 1px solid;border-right:#4d85af 1px solid;}
#careDeskBody .tabContainer { flex: 1; display: flex; flex-direction: column; gap: 0.25em; }
#careDeskBody .tabContainer .tabContents { flex: 1; position: relative; }

#careDeskBody .layerOutside { flex: 1; display: flex; flex-direction: column; background: white; border: 5px solid gray; }
#careDeskBody .layerOutside .layerContainer { height: 0; flex: 1; padding: 1em; display: flex; flex-direction: column; gap: 0.5em; }
#careDeskBody .layerOutside .layerContainer .layerContent { height: 0; flex: 1; display: flex; flex-direction: column; gap: 0.25em; }