@charset "UTF-8";
/*URL*/
/*Hashing
/*Font 및 Color*/
@font-face {
  font-family: "NotoSansKR";
  font-weight: 100;
  font-display: block;
  src: local("※"), url("../font/NotoSansKRLight.woff2") format("woff2"),
  local("※"), url("../font/NotoSansKRLight.woff") format("woff");
}

@font-face {
  font-family: "NotoSansKR";
  font-weight: 400;
  font-display: block;
  src: local("※"), url("../font/NotoSansKRRegular.woff2") format("woff2"),
  local("※"), url("../font/NotoSansKRRegular.woff") format("woff");
}

@font-face {
  font-family: "NotoSansKR";
  font-weight: 500;
  font-display: block;
  src: local("※"), url("../font/NotoSansKRMedium.woff2") format("woff2"),
  local("※"), url("../font/NotoSansKRMedium.woff") format("woff");
}

html,
body {
  width: 100%;
  height: 100%;
  border: none;
  font-family: "NotoSansKR", "Noto Sans KR", "Apple SD Gothic Neo",
  "Malgun Gothic", "맑은 고딕", dotum, "돋음", "AppleGothic", "Arial",
  "Meiryo", "sans-serif";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: #1d1d1d;
}

html,
body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset {
  margin: 0;
  padding: 0;
}

header ul,
header li,
header dl,
header dt,
header dd,
header ol,
.sub_gnb ul,
.sub_gnb li,
.sub_gnb dl,
.sub_gnb dt,
.sub_gnb dd,
.sub_gnb ol,
.slct ul,
.slct li,
.slct dl,
.slct dt,
.slct dd,
.slct ol,
.file ul,
.file li,
.file dl,
.file dt,
.file dd,
.file ol,
.ul ul,
.ul li,
.ul dl,
.ul dt,
.ul dd,
.ul ol,
ul.list ul,
ul.list li,
ul.list dl,
ul.list dt,
ul.list dd,
ul.list ol {
  margin: 0;
  padding: 0;
}

.ul,
ul.list {
  margin: 0;
  padding: 0;
}

div,
ul,
li,
a,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
span,
p,
b,
th,
td,
article,
button,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
main,
input,
textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: none;
}

body {
  min-width: 1635px;
  background: #ebedf1;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
th {
  font-weight: 800;
}

h5 > span {
  font-weight: 400;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
main {
  display: block;
}

ul,
ol,
dl {
  list-style: none;
}

em,
address {
  font-style: normal;
}

img {
  border: 0;
  vertical-align: top;
}

fieldset {
  border: 0;
}

table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

caption {
  display: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
select,
textarea {
  font-family: "NotoSansKR", "Noto Sans KR", "Apple SD Gothic Neo",
  "Malgun Gothic", "맑은 고딕", dotum, "돋음", "AppleGothic", "Arial",
  "Meiryo", "sans-serif";
  font-weight: 400;
  font-size: 14px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:focus,
select:focus,
textarea:focus {
  outline: none;
}

a {
  color: #1d1d1d;
}

a:active,
a:link,
a:visited,
a:hover {
  text-decoration: none;
}

.blind {
  display: block;
  overflow: hidden;
  position: absolute;
  top: -2000em;
  left: -2000em;
  width: 1px;
  height: 1px;
  margin: 0px !important;
  text-indent: 2000em;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* 스크롤 바 */
::-webkit-scrollbar-track {
  background-color: #fff;
}

/* 스크롤 바 밑의 배경 */
::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 10px;
}

/* 실질적 스크롤 바 */
::-webkit-scrollbar-thumb:hover {
  background: #404040;
}

/* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
::-webkit-scrollbar-thumb:active {
  background: #808080;
}

/* 실질적 스크롤 바를 클릭할 때 */
::-webkit-scrollbar-button {
  display: none;
}

/* 스크롤 바 상 하단 버튼 */
div::-webkit-scrollbar-track,
div::-webkit-scrollbar-button-track {
  background: rgba(255, 255, 255, 0);
}

/* 스크롤 바 밑의 배경 */
div::-webkit-scrollbar-corner {
  background: rgba(255, 255, 255, 0);
}

div,
section,
article,
textarea,
ul {
  /* 스크롤 바 */
  /* 스크롤 바 밑의 배경 */
  /* 실질적 스크롤 바 */
  /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
  /* 실질적 스크롤 바를 클릭할 때 */
  /* 스크롤 바 상 하단 버튼 */
}

div::-webkit-scrollbar,
section::-webkit-scrollbar,
article::-webkit-scrollbar,
textarea::-webkit-scrollbar,
ul::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

div::-webkit-scrollbar-track,
section::-webkit-scrollbar-track,
article::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}

div::-webkit-scrollbar-thumb,
section::-webkit-scrollbar-thumb,
article::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 10px;
}

div::-webkit-scrollbar-thumb:hover,
section::-webkit-scrollbar-thumb:hover,
article::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover,
ul::-webkit-scrollbar-thumb:hover {
  background: #404040;
}

div::-webkit-scrollbar-thumb:active,
section::-webkit-scrollbar-thumb:active,
article::-webkit-scrollbar-thumb:active,
textarea::-webkit-scrollbar-thumb:active,
ul::-webkit-scrollbar-thumb:active {
  background: #808080;
}

div::-webkit-scrollbar-button,
section::-webkit-scrollbar-button,
article::-webkit-scrollbar-button,
textarea::-webkit-scrollbar-button,
ul::-webkit-scrollbar-button {
  display: none;
}

/* margin */
.mt0 {
  margin-top: 0px !important;
}

.mt1p {
  margin-top: 1% !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.t28 {
  top: 28% !important;
}

.t6 {
  top: 6px !important;
}

.r40 {
  right: 40% !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr35p {
  margin-right: 35% !important;
}

.mr37p {
  margin-right: 37% !important;
}

.mr38p {
  margin-right: 38% !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr40p {
  margin-right: 40% !important;
}

.mr40p {
  margin-right: 40% !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr45p {
  margin-right: 45% !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr50p {
  margin-right: 50% !important;
}

.mr85p {
  margin-right: 85% !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml25p {
  margin-left: 40% !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

/* padding */
.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

header {
  content: "";
  width: 100%;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background: #38454c;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

header .logo {
  width: 8.4%;
  height: 100%;
}

header .logo a {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  background: url("../image/header/logo_sm.png?v=1") no-repeat 50% 50%;
  background-size: 83px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
}

header .unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

header .uphone {
  width: 15.67%;
}

header .uinfo {
  content: "";
  width: 23.7%;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #445760;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  margin-left: 0.91%;
  padding: 5px 12px;
  border: 1px solid #5b696e;
  border-radius: 3px;
}

header .uinfo .bx {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

header .uinfo .bx p {
  width: 100%;
}

header .uinfo .bx + .bx {
  padding-left: 7px;
}

header .uinfo .bx .tit {
  color: #a5a5a6;
  margin-right: 4px;
}

header .uinfo .btn_r {
  vertical-align: middle;
  border: 1px solid #ffffff;
  margin-top: -2px;
  content: "";
  width: 8px;
  height: 13px;
  display: inline-block;
  position: relative;
}

header .uinfo .btn_r::before,
header .uinfo .btn_r::after {
  content: "";
  width: 1px;
  height: 13px;
  display: inline-block;
  position: absolute;
  background: #ffffff;
  top: -1px;
}

header .uinfo .btn_r::before {
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
  left: 2px;
}

header .uinfo .btn_r::after {
  right: 2px;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}

header .btns {
  width: 21.5%;
  height: 100%;
  margin-left: 10px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .btns button {
  content: "";
  width: 16.43%;
  height: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  overflow: visible !important;
  border-left: 1px solid #647175;
}

header .btns button:last-child {
  border-right: 1px solid #647175;
}

header .btns button.dis {
  background-color: #525c61;
  opacity: 0.48;
}

header .btns .btn_phon1 {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 5.604)'%3E%3Cg transform='translate(0 -5.604)'%3E%3Cpath d='M18.421,13.168a11.434,11.434,0,0,1-3.587-.571,1.537,1.537,0,0,0-1.561.331L11,14.643A12.682,12.682,0,0,1,5.358,9L7.026,6.783a1.593,1.593,0,0,0,.391-1.611,11.429,11.429,0,0,1-.575-3.594A1.581,1.581,0,0,0,5.263,0H1.579A1.581,1.581,0,0,0,0,1.579,18.443,18.443,0,0,0,18.421,20,1.581,1.581,0,0,0,20,18.421V14.747A1.581,1.581,0,0,0,18.421,13.168Z' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3Cg transform='translate(11.351 -5.604)'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M86.158,105.959l0,6.1a.216.216,0,0,0,.216.215l6.086-.01a.215.215,0,0,0,.152-.368l-1.675-1.675,3.807-3.807a.215.215,0,0,0,0-.3l-2.437-2.437a.215.215,0,0,0-.3,0l-3.807,3.807-1.669-1.669a.215.215,0,0,0-.367.152Z' transform='translate(-86.156 -103.605)' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_phon1.on {
  background: #252e32
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 5.604)'%3E%3Cg transform='translate(0 -5.604)'%3E%3Cpath d='M18.421,13.168a11.434,11.434,0,0,1-3.587-.571,1.537,1.537,0,0,0-1.561.331L11,14.643A12.682,12.682,0,0,1,5.358,9L7.026,6.783a1.593,1.593,0,0,0,.391-1.611,11.429,11.429,0,0,1-.575-3.594A1.581,1.581,0,0,0,5.263,0H1.579A1.581,1.581,0,0,0,0,1.579,18.443,18.443,0,0,0,18.421,20,1.581,1.581,0,0,0,20,18.421V14.747A1.581,1.581,0,0,0,18.421,13.168Z' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3Cg transform='translate(11.351 -5.604)'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M86.158,105.959l0,6.1a.216.216,0,0,0,.216.215l6.086-.01a.215.215,0,0,0,.152-.368l-1.675-1.675,3.807-3.807a.215.215,0,0,0,0-.3l-2.437-2.437a.215.215,0,0,0-.3,0l-3.807,3.807-1.669-1.669a.215.215,0,0,0-.367.152Z' transform='translate(-86.156 -103.605)' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_phon1:not(.dis):hover {
  background: rgba(37, 46, 50, 0.45)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 5.604)'%3E%3Cg transform='translate(0 -5.604)'%3E%3Cpath d='M18.421,13.168a11.434,11.434,0,0,1-3.587-.571,1.537,1.537,0,0,0-1.561.331L11,14.643A12.682,12.682,0,0,1,5.358,9L7.026,6.783a1.593,1.593,0,0,0,.391-1.611,11.429,11.429,0,0,1-.575-3.594A1.581,1.581,0,0,0,5.263,0H1.579A1.581,1.581,0,0,0,0,1.579,18.443,18.443,0,0,0,18.421,20,1.581,1.581,0,0,0,20,18.421V14.747A1.581,1.581,0,0,0,18.421,13.168Z' fill='rgb(34, 113, 128)'/%3E%3C/g%3E%3Cg transform='translate(11.351 -5.604)'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M86.158,105.959l0,6.1a.216.216,0,0,0,.216.215l6.086-.01a.215.215,0,0,0,.152-.368l-1.675-1.675,3.807-3.807a.215.215,0,0,0,0-.3l-2.437-2.437a.215.215,0,0,0-.3,0l-3.807,3.807-1.669-1.669a.215.215,0,0,0-.367.152Z' transform='translate(-86.156 -103.605)' fill='rgb(34, 113, 128)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_phon2 {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 5.604)'%3E%3Cg transform='translate(0 -5.604)'%3E%3Cpath d='M18.421,13.168a11.434,11.434,0,0,1-3.587-.571,1.537,1.537,0,0,0-1.561.331L11,14.643A12.682,12.682,0,0,1,5.358,9L7.026,6.783a1.593,1.593,0,0,0,.391-1.611,11.429,11.429,0,0,1-.575-3.594A1.581,1.581,0,0,0,5.263,0H1.579A1.581,1.581,0,0,0,0,1.579,18.443,18.443,0,0,0,18.421,20,1.581,1.581,0,0,0,20,18.421V14.747A1.581,1.581,0,0,0,18.421,13.168Z' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3Cg transform='translate(20 3.06) rotate(180)'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M86.158,105.959l0,6.1a.216.216,0,0,0,.216.215l6.086-.01a.215.215,0,0,0,.152-.368l-1.675-1.675,3.807-3.807a.215.215,0,0,0,0-.3l-2.437-2.437a.215.215,0,0,0-.3,0l-3.807,3.807-1.669-1.669a.215.215,0,0,0-.367.152Z' transform='translate(-86.156 -103.605)' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_phon2.on {
  background: #252e32
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 5.604)'%3E%3Cg transform='translate(0 -5.604)'%3E%3Cpath d='M18.421,13.168a11.434,11.434,0,0,1-3.587-.571,1.537,1.537,0,0,0-1.561.331L11,14.643A12.682,12.682,0,0,1,5.358,9L7.026,6.783a1.593,1.593,0,0,0,.391-1.611,11.429,11.429,0,0,1-.575-3.594A1.581,1.581,0,0,0,5.263,0H1.579A1.581,1.581,0,0,0,0,1.579,18.443,18.443,0,0,0,18.421,20,1.581,1.581,0,0,0,20,18.421V14.747A1.581,1.581,0,0,0,18.421,13.168Z' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3Cg transform='translate(20 3.06) rotate(180)'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M86.158,105.959l0,6.1a.216.216,0,0,0,.216.215l6.086-.01a.215.215,0,0,0,.152-.368l-1.675-1.675,3.807-3.807a.215.215,0,0,0,0-.3l-2.437-2.437a.215.215,0,0,0-.3,0l-3.807,3.807-1.669-1.669a.215.215,0,0,0-.367.152Z' transform='translate(-86.156 -103.605)' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_phon2:not(.dis):hover {
  background: rgba(37, 46, 50, 0.45)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 5.604)'%3E%3Cg transform='translate(0 -5.604)'%3E%3Cpath d='M18.421,13.168a11.434,11.434,0,0,1-3.587-.571,1.537,1.537,0,0,0-1.561.331L11,14.643A12.682,12.682,0,0,1,5.358,9L7.026,6.783a1.593,1.593,0,0,0,.391-1.611,11.429,11.429,0,0,1-.575-3.594A1.581,1.581,0,0,0,5.263,0H1.579A1.581,1.581,0,0,0,0,1.579,18.443,18.443,0,0,0,18.421,20,1.581,1.581,0,0,0,20,18.421V14.747A1.581,1.581,0,0,0,18.421,13.168Z' fill='rgb(34, 113, 128)'/%3E%3C/g%3E%3Cg transform='translate(20 3.06) rotate(180)'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M86.158,105.959l0,6.1a.216.216,0,0,0,.216.215l6.086-.01a.215.215,0,0,0,.152-.368l-1.675-1.675,3.807-3.807a.215.215,0,0,0,0-.3l-2.437-2.437a.215.215,0,0,0-.3,0l-3.807,3.807-1.669-1.669a.215.215,0,0,0-.367.152Z' transform='translate(-86.156 -103.605)' fill='rgb(34, 113, 128)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_phon3 {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 5.604)'%3E%3Cg transform='translate(0 -5.604)'%3E%3Cpath d='M18.421,13.168a11.434,11.434,0,0,1-3.587-.571,1.537,1.537,0,0,0-1.561.331L11,14.643A12.682,12.682,0,0,1,5.358,9L7.026,6.783a1.593,1.593,0,0,0,.391-1.611,11.429,11.429,0,0,1-.575-3.594A1.581,1.581,0,0,0,5.263,0H1.579A1.581,1.581,0,0,0,0,1.579,18.443,18.443,0,0,0,18.421,20,1.581,1.581,0,0,0,20,18.421V14.747A1.581,1.581,0,0,0,18.421,13.168Z' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3Cg transform='translate(-29.887 -5.604)'%3E%3Cg transform='translate(42.667)'%3E%3Cpath d='M45.014,0H43.209a.542.542,0,0,0-.542.542V8.123a.542.542,0,0,0,.542.542h1.805a.542.542,0,0,0,.542-.542V.542A.542.542,0,0,0,45.014,0Z' transform='translate(-42.667)' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3Cg transform='translate(46.999)'%3E%3Cpath d='M301.014,0h-1.805a.542.542,0,0,0-.542.542V8.123a.542.542,0,0,0,.542.542h1.805a.542.542,0,0,0,.542-.542V.542A.542.542,0,0,0,301.014,0Z' transform='translate(-298.667)' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_phon3.on {
  background: #252e32
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 5.604)'%3E%3Cg transform='translate(0 -5.604)'%3E%3Cpath d='M18.421,13.168a11.434,11.434,0,0,1-3.587-.571,1.537,1.537,0,0,0-1.561.331L11,14.643A12.682,12.682,0,0,1,5.358,9L7.026,6.783a1.593,1.593,0,0,0,.391-1.611,11.429,11.429,0,0,1-.575-3.594A1.581,1.581,0,0,0,5.263,0H1.579A1.581,1.581,0,0,0,0,1.579,18.443,18.443,0,0,0,18.421,20,1.581,1.581,0,0,0,20,18.421V14.747A1.581,1.581,0,0,0,18.421,13.168Z' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3Cg transform='translate(-29.887 -5.604)'%3E%3Cg transform='translate(42.667)'%3E%3Cpath d='M45.014,0H43.209a.542.542,0,0,0-.542.542V8.123a.542.542,0,0,0,.542.542h1.805a.542.542,0,0,0,.542-.542V.542A.542.542,0,0,0,45.014,0Z' transform='translate(-42.667)' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3Cg transform='translate(46.999)'%3E%3Cpath d='M301.014,0h-1.805a.542.542,0,0,0-.542.542V8.123a.542.542,0,0,0,.542.542h1.805a.542.542,0,0,0,.542-.542V.542A.542.542,0,0,0,301.014,0Z' transform='translate(-298.667)' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_phon3:not(.dis):hover {
  background: rgba(37, 46, 50, 0.45)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 5.604)'%3E%3Cg transform='translate(0 -5.604)'%3E%3Cpath d='M18.421,13.168a11.434,11.434,0,0,1-3.587-.571,1.537,1.537,0,0,0-1.561.331L11,14.643A12.682,12.682,0,0,1,5.358,9L7.026,6.783a1.593,1.593,0,0,0,.391-1.611,11.429,11.429,0,0,1-.575-3.594A1.581,1.581,0,0,0,5.263,0H1.579A1.581,1.581,0,0,0,0,1.579,18.443,18.443,0,0,0,18.421,20,1.581,1.581,0,0,0,20,18.421V14.747A1.581,1.581,0,0,0,18.421,13.168Z' fill='rgb(34, 113, 128)'/%3E%3C/g%3E%3Cg transform='translate(-29.887 -5.604)'%3E%3Cg transform='translate(42.667)'%3E%3Cpath d='M45.014,0H43.209a.542.542,0,0,0-.542.542V8.123a.542.542,0,0,0,.542.542h1.805a.542.542,0,0,0,.542-.542V.542A.542.542,0,0,0,45.014,0Z' transform='translate(-42.667)' fill='rgb(34, 113, 128)'/%3E%3C/g%3E%3Cg transform='translate(46.999)'%3E%3Cpath d='M301.014,0h-1.805a.542.542,0,0,0-.542.542V8.123a.542.542,0,0,0,.542.542h1.805a.542.542,0,0,0,.542-.542V.542A.542.542,0,0,0,301.014,0Z' transform='translate(-298.667)' fill='rgb(34, 113, 128)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_phon4 {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='20.003' viewBox='0 0 23 20.003'%3E%3Cg transform='translate(3.364 0.804)'%3E%3Cg transform='translate(-3.364 -0.804)'%3E%3Cpath d='M-102.2,205.721a9.75,9.75,0,0,1,2.507-1.819,1.311,1.311,0,0,0,.742-1.14l.335-2.4a10.814,10.814,0,0,1,6.805,0l.331,2.342a1.358,1.358,0,0,0,.736,1.206,9.744,9.744,0,0,1,2.513,1.82,1.348,1.348,0,0,0,1.9,0l2.221-2.221a1.348,1.348,0,0,0,0-1.9,15.725,15.725,0,0,0-22.213,0,1.348,1.348,0,0,0,0,1.9l2.215,2.215A1.348,1.348,0,0,0-102.2,205.721Z' transform='translate(106.712 -197.009)' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3Cg transform='translate(3.627 8.88)'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M41.262,5.955l-4.3,4.3a.215.215,0,0,1-.3,0l-4.287-4.3a.215.215,0,0,1,.152-.367h2.364V.215A.215.215,0,0,1,35.1,0H38.54a.215.215,0,0,1,.215.215V5.588H41.11a.215.215,0,0,1,.152.367Z' transform='translate(-32.307)' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_phon4.on {
  background: #252e32
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='20.003' viewBox='0 0 23 20.003'%3E%3Cg transform='translate(3.364 0.804)'%3E%3Cg transform='translate(-3.364 -0.804)'%3E%3Cpath d='M-102.2,205.721a9.75,9.75,0,0,1,2.507-1.819,1.311,1.311,0,0,0,.742-1.14l.335-2.4a10.814,10.814,0,0,1,6.805,0l.331,2.342a1.358,1.358,0,0,0,.736,1.206,9.744,9.744,0,0,1,2.513,1.82,1.348,1.348,0,0,0,1.9,0l2.221-2.221a1.348,1.348,0,0,0,0-1.9,15.725,15.725,0,0,0-22.213,0,1.348,1.348,0,0,0,0,1.9l2.215,2.215A1.348,1.348,0,0,0-102.2,205.721Z' transform='translate(106.712 -197.009)' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3Cg transform='translate(3.627 8.88)'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M41.262,5.955l-4.3,4.3a.215.215,0,0,1-.3,0l-4.287-4.3a.215.215,0,0,1,.152-.367h2.364V.215A.215.215,0,0,1,35.1,0H38.54a.215.215,0,0,1,.215.215V5.588H41.11a.215.215,0,0,1,.152.367Z' transform='translate(-32.307)' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_phon4:not(.dis):hover {
  background: rgba(37, 46, 50, 0.45)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='20.003' viewBox='0 0 23 20.003'%3E%3Cg transform='translate(3.364 0.804)'%3E%3Cg transform='translate(-3.364 -0.804)'%3E%3Cpath d='M-102.2,205.721a9.75,9.75,0,0,1,2.507-1.819,1.311,1.311,0,0,0,.742-1.14l.335-2.4a10.814,10.814,0,0,1,6.805,0l.331,2.342a1.358,1.358,0,0,0,.736,1.206,9.744,9.744,0,0,1,2.513,1.82,1.348,1.348,0,0,0,1.9,0l2.221-2.221a1.348,1.348,0,0,0,0-1.9,15.725,15.725,0,0,0-22.213,0,1.348,1.348,0,0,0,0,1.9l2.215,2.215A1.348,1.348,0,0,0-102.2,205.721Z' transform='translate(106.712 -197.009)' fill='rgb(34, 113, 128)'/%3E%3C/g%3E%3Cg transform='translate(3.627 8.88)'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M41.262,5.955l-4.3,4.3a.215.215,0,0,1-.3,0l-4.287-4.3a.215.215,0,0,1,.152-.367h2.364V.215A.215.215,0,0,1,35.1,0H38.54a.215.215,0,0,1,.215.215V5.588H41.11a.215.215,0,0,1,.152.367Z' transform='translate(-32.307)' fill='rgb(34, 113, 128)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_p2 {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg transform='translate(-669 -12)'%3E%3Crect width='46' height='46' rx='4' transform='translate(669 12)' fill='none'/%3E%3Cg transform='translate(611.706 -107.895)'%3E%3Cpath d='M239.338,383.036a2.46,2.46,0,0,0,2.075,0,3.359,3.359,0,0,1-2.075,0Z' transform='translate(-164.238 -240.524)' fill='rgb(255, 255, 255)'/%3E%3Cpath d='M418.716,384.508c-.066-4.158-.609-5.343-4.765-6.093a2.92,2.92,0,0,1-3.9,0,14.458,14.458,0,0,0-1.791.423l.031.013a4.966,4.966,0,0,1,2.081,1.6,5.651,5.651,0,0,1,.952,2.429,19.83,19.83,0,0,1,.23,3.126v.035c0,.293.008.5.008.675v.27l-.059.119q.243.005.5.005c5.731,0,6.721-1.995,6.721-1.995C418.724,384.97,418.72,384.774,418.716,384.508Z' transform='translate(-326.67 -236.081)' fill='rgb(255, 255, 255)'/%3E%3Cpath d='M416.529,153.6c1.965,0,3.558-1.935,3.558-4.322s-.523-4.322-3.558-4.322-3.558,1.935-3.558,4.322S414.564,153.6,416.529,153.6Z' transform='translate(-331.196 -11.598)' fill='rgb(255, 255, 255)'/%3E%3Cpath d='M83.734,403.966c-.075-4.705-.689-6.046-5.391-6.895a3.3,3.3,0,0,1-4.41,0c-4.651.839-5.3,2.16-5.389,6.742-.007.374-.011.582-.011.845,0,0,1.12,2.257,7.6,2.257s7.6-2.257,7.6-2.257C83.742,404.489,83.739,404.267,83.734,403.966Z' transform='translate(0 -254.019)' fill='rgb(255, 255, 255)'/%3E%3Cpath d='M165.629,142.676a3.365,3.365,0,0,0,1.037-.164,3.7,3.7,0,0,0,1.166-.633,5.218,5.218,0,0,0,1.823-4.094c0-2.7-.592-4.891-4.027-4.891s-4.027,2.19-4.027,4.891a5.218,5.218,0,0,0,1.823,4.094,3.7,3.7,0,0,0,1.166.633A3.365,3.365,0,0,0,165.629,142.676Z' transform='translate(-89.491)' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_p2.on {
  background: #252e32
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg transform='translate(-669 -12)'%3E%3Crect width='46' height='46' rx='4' transform='translate(669 12)' fill='none'/%3E%3Cg transform='translate(611.706 -107.895)'%3E%3Cpath d='M239.338,383.036a2.46,2.46,0,0,0,2.075,0,3.359,3.359,0,0,1-2.075,0Z' transform='translate(-164.238 -240.524)' fill='rgb(10, 162, 185)'/%3E%3Cpath d='M418.716,384.508c-.066-4.158-.609-5.343-4.765-6.093a2.92,2.92,0,0,1-3.9,0,14.458,14.458,0,0,0-1.791.423l.031.013a4.966,4.966,0,0,1,2.081,1.6,5.651,5.651,0,0,1,.952,2.429,19.83,19.83,0,0,1,.23,3.126v.035c0,.293.008.5.008.675v.27l-.059.119q.243.005.5.005c5.731,0,6.721-1.995,6.721-1.995C418.724,384.97,418.72,384.774,418.716,384.508Z' transform='translate(-326.67 -236.081)' fill='rgb(10, 162, 185)'/%3E%3Cpath d='M416.529,153.6c1.965,0,3.558-1.935,3.558-4.322s-.523-4.322-3.558-4.322-3.558,1.935-3.558,4.322S414.564,153.6,416.529,153.6Z' transform='translate(-331.196 -11.598)' fill='rgb(10, 162, 185)'/%3E%3Cpath d='M83.734,403.966c-.075-4.705-.689-6.046-5.391-6.895a3.3,3.3,0,0,1-4.41,0c-4.651.839-5.3,2.16-5.389,6.742-.007.374-.011.582-.011.845,0,0,1.12,2.257,7.6,2.257s7.6-2.257,7.6-2.257C83.742,404.489,83.739,404.267,83.734,403.966Z' transform='translate(0 -254.019)' fill='rgb(10, 162, 185)'/%3E%3Cpath d='M165.629,142.676a3.365,3.365,0,0,0,1.037-.164,3.7,3.7,0,0,0,1.166-.633,5.218,5.218,0,0,0,1.823-4.094c0-2.7-.592-4.891-4.027-4.891s-4.027,2.19-4.027,4.891a5.218,5.218,0,0,0,1.823,4.094,3.7,3.7,0,0,0,1.166.633A3.365,3.365,0,0,0,165.629,142.676Z' transform='translate(-89.491)' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_p2:not(.dis):hover {
  background: rgba(37, 46, 50, 0.45)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg transform='translate(-669 -12)'%3E%3Crect width='46' height='46' rx='4' transform='translate(669 12)' fill='none'/%3E%3Cg transform='translate(611.706 -107.895)'%3E%3Cpath d='M239.338,383.036a2.46,2.46,0,0,0,2.075,0,3.359,3.359,0,0,1-2.075,0Z' transform='translate(-164.238 -240.524)' fill='rgb(34, 113, 128)'/%3E%3Cpath d='M418.716,384.508c-.066-4.158-.609-5.343-4.765-6.093a2.92,2.92,0,0,1-3.9,0,14.458,14.458,0,0,0-1.791.423l.031.013a4.966,4.966,0,0,1,2.081,1.6,5.651,5.651,0,0,1,.952,2.429,19.83,19.83,0,0,1,.23,3.126v.035c0,.293.008.5.008.675v.27l-.059.119q.243.005.5.005c5.731,0,6.721-1.995,6.721-1.995C418.724,384.97,418.72,384.774,418.716,384.508Z' transform='translate(-326.67 -236.081)' fill='rgb(34, 113, 128)'/%3E%3Cpath d='M416.529,153.6c1.965,0,3.558-1.935,3.558-4.322s-.523-4.322-3.558-4.322-3.558,1.935-3.558,4.322S414.564,153.6,416.529,153.6Z' transform='translate(-331.196 -11.598)' fill='rgb(34, 113, 128)'/%3E%3Cpath d='M83.734,403.966c-.075-4.705-.689-6.046-5.391-6.895a3.3,3.3,0,0,1-4.41,0c-4.651.839-5.3,2.16-5.389,6.742-.007.374-.011.582-.011.845,0,0,1.12,2.257,7.6,2.257s7.6-2.257,7.6-2.257C83.742,404.489,83.739,404.267,83.734,403.966Z' transform='translate(0 -254.019)' fill='rgb(34, 113, 128)'/%3E%3Cpath d='M165.629,142.676a3.365,3.365,0,0,0,1.037-.164,3.7,3.7,0,0,0,1.166-.633,5.218,5.218,0,0,0,1.823-4.094c0-2.7-.592-4.891-4.027-4.891s-4.027,2.19-4.027,4.891a5.218,5.218,0,0,0,1.823,4.094,3.7,3.7,0,0,0,1.166.633A3.365,3.365,0,0,0,165.629,142.676Z' transform='translate(-89.491)' fill='rgb(34, 113, 128)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_p3 {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.529' height='20' viewBox='0 0 23.529 20'%3E%3Cg transform='translate(0 -29.114)'%3E%3Cpath d='M131.7,38.9c2.224,0,4.027-2.19,4.027-4.891s-.592-4.891-4.027-4.891S127.675,31.3,127.675,34,129.478,38.9,131.7,38.9Z' transform='translate(-119.937)' fill='rgb(255, 255, 255)'/%3E%3Cpath d='M83.833,203.591c-.074-4.705-.689-6.046-5.391-6.895a3.3,3.3,0,0,1-4.41,0c-4.651.839-5.3,2.16-5.389,6.742-.007.374-.01.394-.011.35,0,.081,0,.232,0,.494,0,0,1.12,2.257,7.6,2.257s7.6-2.257,7.6-2.257c0-.169,0-.286,0-.366A2.962,2.962,0,0,1,83.833,203.591Z' transform='translate(-64.472 -157.425)' fill='rgb(255, 255, 255)'/%3E%3Cpath d='M263.186,52.962c1.806,0,3.27-1.778,3.27-3.972s-.481-3.972-3.27-3.972a4.663,4.663,0,0,0-1.22.145,8.016,8.016,0,0,1,.733,3.782,6.706,6.706,0,0,1-1,3.579A2.8,2.8,0,0,0,263.186,52.962Z' transform='translate(-245.834 -14.94)' fill='rgb(255, 255, 255)'/%3E%3Cpath d='M290.133,186.725c-.061-3.822-.56-4.91-4.379-5.6a2.29,2.29,0,0,1-1.791.685c-.052,0-.1,0-.152,0a5.024,5.024,0,0,1,2.054,1.59c.922,1.264,1.134,2.963,1.178,5.458,2.57-.508,3.1-1.568,3.1-1.568,0-.138,0-.233,0-.3A2.278,2.278,0,0,1,290.133,186.725Z' transform='translate(-266.611 -142.798)' fill='rgb(255, 255, 255)'/%3E%3Cpath d='M51.225,52.963a2.8,2.8,0,0,0,1.492-.438,6.706,6.706,0,0,1-1-3.579,8.018,8.018,0,0,1,.732-3.782,4.662,4.662,0,0,0-1.22-.145c-2.79,0-3.27,1.778-3.27,3.972S49.419,52.963,51.225,52.963Z' transform='translate(-45.049 -14.941)' fill='rgb(255, 255, 255)'/%3E%3Cpath d='M6.328,181.805c-.049,0-.1,0-.152,0a2.29,2.29,0,0,1-1.791-.685c-3.819.689-4.318,1.778-4.379,5.6a2.319,2.319,0,0,1-.007.264c0,.065,0,.16,0,.3,0,0,.527,1.06,3.1,1.568.044-2.5.256-4.194,1.178-5.458A5.024,5.024,0,0,1,6.328,181.805Z' transform='translate(0 -142.797)' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_p3.on {
  background: #252e32
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.529' height='20' viewBox='0 0 23.529 20'%3E%3Cg transform='translate(0 -29.114)'%3E%3Cpath d='M131.7,38.9c2.224,0,4.027-2.19,4.027-4.891s-.592-4.891-4.027-4.891S127.675,31.3,127.675,34,129.478,38.9,131.7,38.9Z' transform='translate(-119.937)' fill='rgb(10, 162, 185)'/%3E%3Cpath d='M83.833,203.591c-.074-4.705-.689-6.046-5.391-6.895a3.3,3.3,0,0,1-4.41,0c-4.651.839-5.3,2.16-5.389,6.742-.007.374-.01.394-.011.35,0,.081,0,.232,0,.494,0,0,1.12,2.257,7.6,2.257s7.6-2.257,7.6-2.257c0-.169,0-.286,0-.366A2.962,2.962,0,0,1,83.833,203.591Z' transform='translate(-64.472 -157.425)' fill='rgb(10, 162, 185)'/%3E%3Cpath d='M263.186,52.962c1.806,0,3.27-1.778,3.27-3.972s-.481-3.972-3.27-3.972a4.663,4.663,0,0,0-1.22.145,8.016,8.016,0,0,1,.733,3.782,6.706,6.706,0,0,1-1,3.579A2.8,2.8,0,0,0,263.186,52.962Z' transform='translate(-245.834 -14.94)' fill='rgb(10, 162, 185)'/%3E%3Cpath d='M290.133,186.725c-.061-3.822-.56-4.91-4.379-5.6a2.29,2.29,0,0,1-1.791.685c-.052,0-.1,0-.152,0a5.024,5.024,0,0,1,2.054,1.59c.922,1.264,1.134,2.963,1.178,5.458,2.57-.508,3.1-1.568,3.1-1.568,0-.138,0-.233,0-.3A2.278,2.278,0,0,1,290.133,186.725Z' transform='translate(-266.611 -142.798)' fill='rgb(10, 162, 185)'/%3E%3Cpath d='M51.225,52.963a2.8,2.8,0,0,0,1.492-.438,6.706,6.706,0,0,1-1-3.579,8.018,8.018,0,0,1,.732-3.782,4.662,4.662,0,0,0-1.22-.145c-2.79,0-3.27,1.778-3.27,3.972S49.419,52.963,51.225,52.963Z' transform='translate(-45.049 -14.941)' fill='rgb(10, 162, 185)'/%3E%3Cpath d='M6.328,181.805c-.049,0-.1,0-.152,0a2.29,2.29,0,0,1-1.791-.685c-3.819.689-4.318,1.778-4.379,5.6a2.319,2.319,0,0,1-.007.264c0,.065,0,.16,0,.3,0,0,.527,1.06,3.1,1.568.044-2.5.256-4.194,1.178-5.458A5.024,5.024,0,0,1,6.328,181.805Z' transform='translate(0 -142.797)' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_p3:not(.dis):hover {
  background: rgba(37, 46, 50, 0.45)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.529' height='20' viewBox='0 0 23.529 20'%3E%3Cg transform='translate(0 -29.114)'%3E%3Cpath d='M131.7,38.9c2.224,0,4.027-2.19,4.027-4.891s-.592-4.891-4.027-4.891S127.675,31.3,127.675,34,129.478,38.9,131.7,38.9Z' transform='translate(-119.937)' fill='rgb(34, 113, 128)'/%3E%3Cpath d='M83.833,203.591c-.074-4.705-.689-6.046-5.391-6.895a3.3,3.3,0,0,1-4.41,0c-4.651.839-5.3,2.16-5.389,6.742-.007.374-.01.394-.011.35,0,.081,0,.232,0,.494,0,0,1.12,2.257,7.6,2.257s7.6-2.257,7.6-2.257c0-.169,0-.286,0-.366A2.962,2.962,0,0,1,83.833,203.591Z' transform='translate(-64.472 -157.425)' fill='rgb(34, 113, 128)'/%3E%3Cpath d='M263.186,52.962c1.806,0,3.27-1.778,3.27-3.972s-.481-3.972-3.27-3.972a4.663,4.663,0,0,0-1.22.145,8.016,8.016,0,0,1,.733,3.782,6.706,6.706,0,0,1-1,3.579A2.8,2.8,0,0,0,263.186,52.962Z' transform='translate(-245.834 -14.94)' fill='rgb(34, 113, 128)'/%3E%3Cpath d='M290.133,186.725c-.061-3.822-.56-4.91-4.379-5.6a2.29,2.29,0,0,1-1.791.685c-.052,0-.1,0-.152,0a5.024,5.024,0,0,1,2.054,1.59c.922,1.264,1.134,2.963,1.178,5.458,2.57-.508,3.1-1.568,3.1-1.568,0-.138,0-.233,0-.3A2.278,2.278,0,0,1,290.133,186.725Z' transform='translate(-266.611 -142.798)' fill='rgb(34, 113, 128)'/%3E%3Cpath d='M51.225,52.963a2.8,2.8,0,0,0,1.492-.438,6.706,6.706,0,0,1-1-3.579,8.018,8.018,0,0,1,.732-3.782,4.662,4.662,0,0,0-1.22-.145c-2.79,0-3.27,1.778-3.27,3.972S49.419,52.963,51.225,52.963Z' transform='translate(-45.049 -14.941)' fill='rgb(34, 113, 128)'/%3E%3Cpath d='M6.328,181.805c-.049,0-.1,0-.152,0a2.29,2.29,0,0,1-1.791-.685c-3.819.689-4.318,1.778-4.379,5.6a2.319,2.319,0,0,1-.007.264c0,.065,0,.16,0,.3,0,0,.527,1.06,3.1,1.568.044-2.5.256-4.194,1.178-5.458A5.024,5.024,0,0,1,6.328,181.805Z' transform='translate(0 -142.797)' fill='rgb(34, 113, 128)'/%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
}

header .btns .btn_record {
  background: url("../image/gnb/btn_record_normal.png")
  no-repeat 50% 50%;
}

header .btns .btn_record.on {
  background: #252e32
  url("../image/gnb/btn_record_on.png")
  no-repeat 50% 50%;
}

header .btns .btn_record:not(.dis):hover {
  background: rgba(37, 46, 50, 0.45)
  url("../image/gnb/btn_record_hover.png")
  no-repeat 50% 50%;
}

header .cinfo {
  width: 29.1%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

header .cinfo .bx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .cinfo .bx:nth-child(1) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

header .cinfo .bx:nth-child(2) {
  width: 50%;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

header .cinfo .bx:nth-child(2) .tit {
  max-width: 75px;
}

header .cinfo .bx .tit {
  width: 35%;
  min-width: 50px;
  max-width: 95px;
  display: inline-block;
  line-height: 32px;
  text-align: center;
}

header .cinfo .bx .ipt {
  width: 60%;
  border: 1px solid #38454c;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

header .cinfo .bx_time {
  display: inline-block;
  height: 100%;
}

header .cinfo .btn_logout,
header .cinfo .btn_login {
  content: "";
  width: 62px;
  height: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  overflow: unset;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

header .cinfo .btn_logout:before,
header .cinfo .btn_login:before {
  content: "";
  width: 36px;
  height: 36px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  border-radius: 25px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

header .cinfo .btn_logout:hover:before,
header .cinfo .btn_login:hover:before {
  background-color: #525c61;
}

header .cinfo .btn_logout .tooltip,
header .cinfo .btn_login .tooltip {
  left: -30px;
  bottom: -3px;
}

header .cinfo .btn_login:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-2 %7B fill: rgb(255, 255, 255); %7D %3C/style%3E%3C/defs%3E%3Cg id='CTI로그인' transform='translate(-667 -10)'%3E%3Crect id='사각형_78' data-name='사각형 78' class='cls-1' width='36' height='36' rx='4' transform='translate(667 10)'/%3E%3Cg id='login' transform='translate(673 16)'%3E%3Cg id='그룹_137' data-name='그룹 137' transform='translate(0)'%3E%3Cg id='그룹_136' data-name='그룹 136'%3E%3Cpath id='패스_87' data-name='패스 87' class='cls-2' d='M6.164,22.125H2.845a.952.952,0,0,1-.75-.357.98.98,0,0,1-.2-.821,10.358,10.358,0,0,1,9.865-8.2c.079,0,.159,0,.239,0s.161,0,.241-.005a10.268,10.268,0,0,1,3.386.652.937.937,0,1,0,.659-1.755q-.233-.087-.469-.165a6.375,6.375,0,1,0-7.631,0A12.191,12.191,0,0,0,.061,20.565,2.848,2.848,0,0,0,2.845,24H6.164a.938.938,0,0,0,0-1.875ZM7.5,6.375a4.5,4.5,0,1,1,4.719,4.495l-.219,0-.22,0A4.506,4.506,0,0,1,7.5,6.375Z' transform='translate(0)'/%3E%3Cpath id='패스_88' data-name='패스 88' class='cls-2' d='M162.438,314.482A2.526,2.526,0,0,0,160.133,313H157.2a2.482,2.482,0,0,0-2.345,1.585c-.049.128-.11.29-.172.478h-6.138a.938.938,0,0,0-.673.284l-1.61,1.659a.938.938,0,0,0,0,1.31l1.641,1.669a.938.938,0,0,0,.669.28h3.047a.938.938,0,0,0,0-1.875h-2.654l-.723-.736.7-.717h6.445a.938.938,0,0,0,.911-.715,7.744,7.744,0,0,1,.309-.965.614.614,0,0,1,.6-.383h2.925a.64.64,0,0,1,.6.372,6.054,6.054,0,0,1,.554,2.39,6.234,6.234,0,0,1-.55,2.433.64.64,0,0,1-.589.384h-2.961a.667.667,0,0,1-.6-.415,6.232,6.232,0,0,1-.29-.928.937.937,0,1,0-1.823.436,8.069,8.069,0,0,0,.381,1.206,2.529,2.529,0,0,0,2.336,1.575h2.965a2.514,2.514,0,0,0,2.305-1.509,8.115,8.115,0,0,0,.706-3.186A7.938,7.938,0,0,0,162.438,314.482Z' transform='translate(-139.156 -298.328)'/%3E%3Ccircle id='타원_2' data-name='타원 2' class='cls-2' cx='0.938' cy='0.938' r='0.938' transform='translate(19.266 18.375)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 100% 50%;
}

header .cinfo .btn_logout:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg transform='translate(-667 -10)'%3E%3Crect data-name='사각형 78' width='36' height='36' rx='4' transform='translate(667 10)' style='fill:none'/%3E%3Cpath d='M9.5 2a1.1 1.1 0 0 0-1.1 1.1v5.5a1.1 1.1 0 0 0 2.2 0V4.2h12.1v17.6H10.6v-4.4a1.1 1.1 0 1 0-2.2 0v5.5A1.1 1.1 0 0 0 9.5 24h14.3a1.1 1.1 0 0 0 1.1-1.1V3.1A1.1 1.1 0 0 0 23.8 2zM7.332 9.7a1.1 1.1 0 0 0-.81.322L4.344 12.2l-.021.022-.011.011q-.027.028-.052.058t-.056.073q-.023.032-.043.067l-.019.03-.032.062q-.015.031-.034.08v.013q-.014.035-.026.071 0 .019-.009.039t-.011.045q0 .02-.009.041t-.009.047q0 .04-.006.08v.049L4 13v.161q.006.042.015.084t.017.064l.015.047v.015q.015.039.032.077t.037.073l.015.03.032.049.015.024.026.037.019.024q.025.031.052.06l.021.024.009.009.045.043 2.155 2.157a1.1 1.1 0 0 0 1.555-1.555l-.305-.323H17.2a1.1 1.1 0 1 0 0-2.2H7.755l.322-.322A1.1 1.1 0 0 0 7.332 9.7z' transform='translate(670.55 15)' style='fill:rgb(255, 255, 255)'/%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 100% 50%;
}

header .bx_sipt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #202021;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

header .bx_sipt::before {
  content: "";
  width: 1px;
  height: 20px;
  display: block;
  position: absolute;
  background: #dedede;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 88px;
}

header .bx_sipt .slct,
header .bx_sipt select {
  width: 88px;
  border: none;
}

header .bx_sipt select {
  background-position: 91% 50%;
}

header .bx_sipt input {
  vertical-align: middle;
  width: 119px;
  border: none;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

header .bx_sipt .time {
  display: inline-block;
  vertical-align: middle;
  width: 87px;
  height: 100%;
  padding: 0 10px;
  line-height: 30px;
  text-align: center;
  color: #ee252d;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

header .btn_headphon {
  content: "";
  width: 32px;
  height: 64px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  overflow: visible !important;
  background: url("../image/header/btn_headphon.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
  padding: 0;
  margin-left: 15px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

header .btn_headphon.dis {
  opacity: 0.48;
}

header .btn_headphon.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:rgb(10, 162, 185) %3C/style%3E%3C/defs%3E%3Cg id='헤드폰_on' transform='translate(-667 -10)'%3E%3Cg id='on'%3E%3Crect id='사각형_69' data-name='사각형 69' width='36' height='36' rx='4' transform='translate(667 10)' style='fill:rgba(0,0,0,.34)'/%3E%3Cg id='headphones' transform='translate(674.453 16)'%3E%3Cg id='그룹_114' data-name='그룹 114' transform='translate(14.063 9.844)'%3E%3Cg id='그룹_113' data-name='그룹 113'%3E%3Cpath id='패스_60' data-name='패스 60' class='cls-2' d='M93.109 210a2.112 2.112 0 0 1 2.109 2.109v5.719a2.109 2.109 0 1 1-4.219 0v-5.719a2.112 2.112 0 0 1 2.11-2.109z' transform='translate(-91 -210)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_116' data-name='그룹 116' transform='translate(19.628 11.361)'%3E%3Cg id='그룹_115' data-name='그룹 115'%3E%3Cpath id='패스_61' data-name='패스 61' class='cls-2' d='M31.06 242.958a3.488 3.488 0 0 0-.06-.592 2.105 2.105 0 0 1 1.466 2v2.906a2.105 2.105 0 0 1-1.466 2 3.488 3.488 0 0 0 .06-.592z' transform='translate(-31 -242.366)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_118' data-name='그룹 118' transform='translate(2.812 9.844)'%3E%3Cg id='그룹_117' data-name='그룹 117'%3E%3Cpath id='패스_62' data-name='패스 62' class='cls-2' d='M213.109 210a2.112 2.112 0 0 1 2.109 2.109v5.719a2.112 2.112 0 0 1-2.109 2.109 2.08 2.08 0 0 1-.6-.1 2.105 2.105 0 0 0 2.011 1.505h2.239a2.109 2.109 0 1 1 0 1.406h-2.239a3.52 3.52 0 0 1-3.52-3.514v-7.125a2.112 2.112 0 0 1 2.109-2.109z' transform='translate(-211 -210)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_120' data-name='그룹 120' transform='translate(0 11.361)'%3E%3Cg id='그룹_119' data-name='그룹 119'%3E%3Cpath id='패스_63' data-name='패스 63' class='cls-2' d='M451.188 242.366a3.488 3.488 0 0 0-.06.592v5.719a3.488 3.488 0 0 0 .06.592 2.105 2.105 0 0 1-1.466-2v-2.906a2.105 2.105 0 0 1 1.466-1.997z' transform='translate(-449.722 -242.366)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_122' data-name='그룹 122'%3E%3Cg id='그룹_121' data-name='그룹 121'%3E%3Cpath id='패스_64' data-name='패스 64' class='cls-2' d='M41.547 0a10.558 10.558 0 0 1 10.547 10.547v.018a3.482 3.482 0 0 0-1.438-.653 9.13 9.13 0 0 0-18.217 0 3.483 3.483 0 0 0-1.439.653v-.018A10.558 10.558 0 0 1 41.547 0z' transform='translate(-31)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

header .btn_headphon:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:rgb(34, 113, 128) %3C/style%3E%3C/defs%3E%3Cg id='헤드폰_on' transform='translate(-667 -10)'%3E%3Cg id='on'%3E%3Crect id='사각형_69' data-name='사각형 69' width='36' height='36' rx='4' transform='translate(667 10)' style='fill:rgba(0,0,0,.34)'/%3E%3Cg id='headphones' transform='translate(674.453 16)'%3E%3Cg id='그룹_114' data-name='그룹 114' transform='translate(14.063 9.844)'%3E%3Cg id='그룹_113' data-name='그룹 113'%3E%3Cpath id='패스_60' data-name='패스 60' class='cls-2' d='M93.109 210a2.112 2.112 0 0 1 2.109 2.109v5.719a2.109 2.109 0 1 1-4.219 0v-5.719a2.112 2.112 0 0 1 2.11-2.109z' transform='translate(-91 -210)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_116' data-name='그룹 116' transform='translate(19.628 11.361)'%3E%3Cg id='그룹_115' data-name='그룹 115'%3E%3Cpath id='패스_61' data-name='패스 61' class='cls-2' d='M31.06 242.958a3.488 3.488 0 0 0-.06-.592 2.105 2.105 0 0 1 1.466 2v2.906a2.105 2.105 0 0 1-1.466 2 3.488 3.488 0 0 0 .06-.592z' transform='translate(-31 -242.366)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_118' data-name='그룹 118' transform='translate(2.812 9.844)'%3E%3Cg id='그룹_117' data-name='그룹 117'%3E%3Cpath id='패스_62' data-name='패스 62' class='cls-2' d='M213.109 210a2.112 2.112 0 0 1 2.109 2.109v5.719a2.112 2.112 0 0 1-2.109 2.109 2.08 2.08 0 0 1-.6-.1 2.105 2.105 0 0 0 2.011 1.505h2.239a2.109 2.109 0 1 1 0 1.406h-2.239a3.52 3.52 0 0 1-3.52-3.514v-7.125a2.112 2.112 0 0 1 2.109-2.109z' transform='translate(-211 -210)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_120' data-name='그룹 120' transform='translate(0 11.361)'%3E%3Cg id='그룹_119' data-name='그룹 119'%3E%3Cpath id='패스_63' data-name='패스 63' class='cls-2' d='M451.188 242.366a3.488 3.488 0 0 0-.06.592v5.719a3.488 3.488 0 0 0 .06.592 2.105 2.105 0 0 1-1.466-2v-2.906a2.105 2.105 0 0 1 1.466-1.997z' transform='translate(-449.722 -242.366)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_122' data-name='그룹 122'%3E%3Cg id='그룹_121' data-name='그룹 121'%3E%3Cpath id='패스_64' data-name='패스 64' class='cls-2' d='M41.547 0a10.558 10.558 0 0 1 10.547 10.547v.018a3.482 3.482 0 0 0-1.438-.653 9.13 9.13 0 0 0-18.217 0 3.483 3.483 0 0 0-1.439.653v-.018A10.558 10.558 0 0 1 41.547 0z' transform='translate(-31)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

header .btn_headphon .tooltip {
  left: -50px;
  bottom: -3px;
}

header .btn_search {
  content: "";
  width: 32px;
  height: 64px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  overflow: visible !important;
  background: url("../image/header/btn_search.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
  padding: 0;
  margin-left: 5.4%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

header .btn_search.dis {
  opacity: 0.48;
}

header .btn_search.on {
  background: url("../image/header/btn_search_on.png?v=1") no-repeat 50% 50%;
}

header .btn_search:not(.dis):hover {
  background: url("../image/header/btn_search_hover.png?v=1") no-repeat 50% 50%;
}

header .btn_search .tooltip {
  left: -35px;
  bottom: -3px;
}

header .smsinfo_tit {
  color: #fff;
  text-align: center;
  font-size: 15px;
}

header .smsinfo {
  content: "";
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #445760;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  margin-left: 0.91%;
  padding: 5px 12px;
  border: 1px solid #5b696e;
  border-radius: 3px;
}

header .smsinfo .bx {
  position: relative;
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

header .smsinfo .bx p {
  width: 100%;
  display: flex;
  align-items: center;
}

header .smsinfo .bx + .bx {
  padding-left: 7px;
}

header .smsinfo .bx .m_tit {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  margin-right: 4px;
  vertical-align: middle;
}
header .smsinfo .bx .s_tit {
  color: #e7e7e7;
  margin-right: 4px;
  vertical-align: middle;
}

header .smsinfo .bx .sms_count {
  display: inline-block;
  vertical-align: middle;
  background: #ffffff;
  min-width: 50px;
  padding: 0 10px;
  margin: 0 10px 0 5px;
  line-height: 30px;
  text-align: center;
  color: #333;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.wrap {
  width: 100%;
  min-height: calc(100% - 64px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.gnb {
  content: "";
  width: 56px;
  height: auto;
  display: block;
  position: relative;
  background: #ffffff;
  min-height: calc(100% - 64px);
  -webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.08);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.gnb a,
.gnb button {
  content: "";
  width: 56px;
  height: 56px;
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  overflow: visible;
}

.gnb a .tooltip,
.gnb button .tooltip {
  left: 40px;
  background: #38454c;
  bottom: -3px;
  height: auto;
  padding: 5px 10px;
}

.gnb .btn_home {
  background: url("../image/gnb/btn_home.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_home:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg data-name='홈+on' transform='translate(7.84 7.84)'%3E%3Ccircle data-name='타원 3' cx='20' cy='20' r='20' transform='translate(.16 .16)' style='fill:rgb(226, 227, 230)'/%3E%3Cpath data-name='home (1)' d='M22.293 9.965 12.946.617a2.109 2.109 0 0 0-2.983 0L.622 9.958l-.009.01a2.108 2.108 0 0 0 1.4 3.594h.437v6.878a2.471 2.471 0 0 0 2.469 2.468h3.66a.671.671 0 0 0 .671-.671v-5.39a1.127 1.127 0 0 1 1.126-1.126h2.157a1.127 1.127 0 0 1 1.126 1.126v5.393a.671.671 0 0 0 .671.671h3.656a2.471 2.471 0 0 0 2.469-2.468v-6.878h.345a2.109 2.109 0 0 0 1.493-3.6zm0 0' transform='translate(8.706 8.705)' style='fill:rgba(10, 162, 185,0.5)'/%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_home.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg data-name='홈+on' transform='translate(7.84 7.84)'%3E%3Ccircle data-name='타원 3' cx='20' cy='20' r='20' transform='translate(.16 .16)' style='fill:rgb(10, 162, 185)'/%3E%3Cpath data-name='home (1)' d='M22.293 9.965 12.946.617a2.109 2.109 0 0 0-2.983 0L.622 9.958l-.009.01a2.108 2.108 0 0 0 1.4 3.594h.437v6.878a2.471 2.471 0 0 0 2.469 2.468h3.66a.671.671 0 0 0 .671-.671v-5.39a1.127 1.127 0 0 1 1.126-1.126h2.157a1.127 1.127 0 0 1 1.126 1.126v5.393a.671.671 0 0 0 .671.671h3.656a2.471 2.471 0 0 0 2.469-2.468v-6.878h.345a2.109 2.109 0 0 0 1.493-3.6zm0 0' transform='translate(8.706 8.705)' style='fill:rgb(255, 255, 255)'/%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_board {
  background: url("../image/gnb/btn_board.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_board:not(.dis):hover {
  background: url("../image/gnb/btn_board_over.png?v=3")
  no-repeat 50% 50%;
}

.gnb .btn_board.on {
  background: url("../image/gnb/btn_board_on.png?v=3")
  no-repeat 50% 50%;
}

.gnb .btn_cphone {
  background: url("../image/gnb/btn_cphone.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_cphone:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='on' transform='translate(-0.16 -0.16)'%3E%3Ccircle id='타원_4' data-name='타원 4' cx='20' cy='20' r='20' transform='translate(0.16 0.16)' fill='rgb(226, 227, 230)'/%3E%3Cg id='phone-call_2_' data-name='phone-call (2)' transform='translate(8.705 8.705)'%3E%3Cg id='그룹_160' data-name='그룹 160' transform='translate(0 0)'%3E%3Cg id='그룹_159' data-name='그룹 159' transform='translate(0)'%3E%3Cpath id='패스_124' data-name='패스 124' d='M19.512,0h-5.37a3.36,3.36,0,0,0-3.356,3.356v2.73a3.362,3.362,0,0,0,2.685,3.289v1.41a.671.671,0,0,0,1.074.537l2.506-1.879h2.461a3.392,3.392,0,0,0,3.4-3.356V3.356A3.392,3.392,0,0,0,19.512,0Zm1.372,18.026-4.746-3.4a.671.671,0,0,0-.747-.024l-2.674,1.671c-.144.028-.769-.089-1.978-.965a16.418,16.418,0,0,1-2.913-2.755c-1.2-1.466-1.286-2.206-1.221-2.372L8.283,7.491a.671.671,0,0,0-.024-.747L4.855,2a.671.671,0,0,0-1.02-.083L1.386,4.363A4.685,4.685,0,0,0,.425,9.62a26.885,26.885,0,0,0,4.192,6.452,25.45,25.45,0,0,0,8.708,6.447,4.653,4.653,0,0,0,5.169-1l2.473-2.473a.671.671,0,0,0-.083-1.02Z' transform='translate(-0.004 0)' fill='rgba(10, 162, 185,0.5)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_162' data-name='그룹 162' transform='translate(13.467 4.072)'%3E%3Cg id='그룹_161' data-name='그룹 161'%3E%3Cpath id='패스_125' data-name='패스 125' d='M301.612,91a.671.671,0,1,0,.671.671A.671.671,0,0,0,301.612,91Zm2.685,0a.671.671,0,1,0,.671.671A.671.671,0,0,0,304.3,91Zm2.685,0a.671.671,0,1,0,.671.671A.671.671,0,0,0,306.982,91Z' transform='translate(-300.941 -91)' fill='rgb(226, 227, 230)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_cphone.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='on' transform='translate(-0.16 -0.16)'%3E%3Ccircle id='타원_4' data-name='타원 4' cx='20' cy='20' r='20' transform='translate(0.16 0.16)' fill='rgb(10, 162, 185)'/%3E%3Cg id='phone-call_2_' data-name='phone-call (2)' transform='translate(8.705 8.705)'%3E%3Cg id='그룹_160' data-name='그룹 160' transform='translate(0 0)'%3E%3Cg id='그룹_159' data-name='그룹 159' transform='translate(0)'%3E%3Cpath id='패스_124' data-name='패스 124' d='M19.512,0h-5.37a3.36,3.36,0,0,0-3.356,3.356v2.73a3.362,3.362,0,0,0,2.685,3.289v1.41a.671.671,0,0,0,1.074.537l2.506-1.879h2.461a3.392,3.392,0,0,0,3.4-3.356V3.356A3.392,3.392,0,0,0,19.512,0Zm1.372,18.026-4.746-3.4a.671.671,0,0,0-.747-.024l-2.674,1.671c-.144.028-.769-.089-1.978-.965a16.418,16.418,0,0,1-2.913-2.755c-1.2-1.466-1.286-2.206-1.221-2.372L8.283,7.491a.671.671,0,0,0-.024-.747L4.855,2a.671.671,0,0,0-1.02-.083L1.386,4.363A4.685,4.685,0,0,0,.425,9.62a26.885,26.885,0,0,0,4.192,6.452,25.45,25.45,0,0,0,8.708,6.447,4.653,4.653,0,0,0,5.169-1l2.473-2.473a.671.671,0,0,0-.083-1.02Z' transform='translate(-0.004 0)' fill='rgb(255, 255, 255)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_162' data-name='그룹 162' transform='translate(13.467 4.072)'%3E%3Cg id='그룹_161' data-name='그룹 161'%3E%3Cpath id='패스_125' data-name='패스 125' d='M301.612,91a.671.671,0,1,0,.671.671A.671.671,0,0,0,301.612,91Zm2.685,0a.671.671,0,1,0,.671.671A.671.671,0,0,0,304.3,91Zm2.685,0a.671.671,0,1,0,.671.671A.671.671,0,0,0,306.982,91Z' transform='translate(-300.941 -91)' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_cmsg {
  background: url("../image/gnb/btn_cmsg.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_cmsg:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:rgba(10, 162, 185,0.5) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_7' data-name='타원 7' cx='20' cy='20' r='20' transform='translate(8 8)' style='fill:rgb(226, 227, 230)'/%3E%3Cg id='conversation_1_' data-name='conversation (1)' transform='translate(16.545 12.714)'%3E%3Cg id='그룹_203' data-name='그룹 203' transform='translate(0 14.837)'%3E%3Cg id='그룹_202' data-name='그룹 202'%3E%3Cpath id='패스_135' data-name='패스 135' class='cls-3' d='M5.07 252.682a10.965 10.965 0 0 1-3.249-6.721 7 7 0 0 0-1.516 4.374 7.081 7.081 0 0 0 .681 3.015l-.916 2.667a1.26 1.26 0 0 0 1.187 1.669 1.268 1.268 0 0 0 .413-.069l2.667-.917a7.081 7.081 0 0 0 3.015.681 7 7 0 0 0 4.446-1.574 10.975 10.975 0 0 1-6.728-3.125z' transform='translate(0 -245.961)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_205' data-name='그룹 205' transform='translate(3.125 4.011)'%3E%3Cg id='그룹_204' data-name='그룹 204'%3E%3Cpath id='패스_136' data-name='패스 136' class='cls-3' d='m89.544 21.812-1.331-3.872a9.687 9.687 0 0 0-8.537-13.928 9.677 9.677 0 1 0-.157 19.353h.015a9.707 9.707 0 0 0 4.236-.983l3.872 1.331a1.508 1.508 0 0 0 .49.082 1.5 1.5 0 0 0 1.41-1.983zm-9.09-4.766h-5a.682.682 0 1 1 0-1.364h5a.682.682 0 0 1 0 1.364zm3.127-2.8h-8.124a.682.682 0 1 1 0-1.364h8.124a.682.682 0 0 1 0 1.364zm0-2.8h-8.124a.682.682 0 1 1 0-1.364h8.124a.682.682 0 0 1 0 1.364z' transform='translate(-69.842 -4.011)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_cmsg.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:rgb(255, 255, 255) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_7' data-name='타원 7' cx='20' cy='20' r='20' transform='translate(8 8)' style='fill:rgb(10, 162, 185)'/%3E%3Cg id='conversation_1_' data-name='conversation (1)' transform='translate(16.545 12.714)'%3E%3Cg id='그룹_203' data-name='그룹 203' transform='translate(0 14.837)'%3E%3Cg id='그룹_202' data-name='그룹 202'%3E%3Cpath id='패스_135' data-name='패스 135' class='cls-3' d='M5.07 252.682a10.965 10.965 0 0 1-3.249-6.721 7 7 0 0 0-1.516 4.374 7.081 7.081 0 0 0 .681 3.015l-.916 2.667a1.26 1.26 0 0 0 1.187 1.669 1.268 1.268 0 0 0 .413-.069l2.667-.917a7.081 7.081 0 0 0 3.015.681 7 7 0 0 0 4.446-1.574 10.975 10.975 0 0 1-6.728-3.125z' transform='translate(0 -245.961)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_205' data-name='그룹 205' transform='translate(3.125 4.011)'%3E%3Cg id='그룹_204' data-name='그룹 204'%3E%3Cpath id='패스_136' data-name='패스 136' class='cls-3' d='m89.544 21.812-1.331-3.872a9.687 9.687 0 0 0-8.537-13.928 9.677 9.677 0 1 0-.157 19.353h.015a9.707 9.707 0 0 0 4.236-.983l3.872 1.331a1.508 1.508 0 0 0 .49.082 1.5 1.5 0 0 0 1.41-1.983zm-9.09-4.766h-5a.682.682 0 1 1 0-1.364h5a.682.682 0 0 1 0 1.364zm3.127-2.8h-8.124a.682.682 0 1 1 0-1.364h8.124a.682.682 0 0 1 0 1.364zm0-2.8h-8.124a.682.682 0 1 1 0-1.364h8.124a.682.682 0 0 1 0 1.364z' transform='translate(-69.842 -4.011)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_omni {
  background: url("../image/gnb/btn_omni.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_omni:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:rgba(10, 162, 185,0.5) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_7' data-name='타원 7' cx='20' cy='20' r='20' transform='translate(8 8)' style='fill:rgb(226, 227, 230)'/%3E%3Cg id='conversation_1_' data-name='conversation (1)' transform='translate(16.545 12.714)'%3E%3Cg id='그룹_203' data-name='그룹 203' transform='translate(0 14.837)'%3E%3Cg id='그룹_202' data-name='그룹 202'%3E%3Cpath id='패스_135' data-name='패스 135' class='cls-3' d='M5.07 252.682a10.965 10.965 0 0 1-3.249-6.721 7 7 0 0 0-1.516 4.374 7.081 7.081 0 0 0 .681 3.015l-.916 2.667a1.26 1.26 0 0 0 1.187 1.669 1.268 1.268 0 0 0 .413-.069l2.667-.917a7.081 7.081 0 0 0 3.015.681 7 7 0 0 0 4.446-1.574 10.975 10.975 0 0 1-6.728-3.125z' transform='translate(0 -245.961)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_205' data-name='그룹 205' transform='translate(3.125 4.011)'%3E%3Cg id='그룹_204' data-name='그룹 204'%3E%3Cpath id='패스_136' data-name='패스 136' class='cls-3' d='m89.544 21.812-1.331-3.872a9.687 9.687 0 0 0-8.537-13.928 9.677 9.677 0 1 0-.157 19.353h.015a9.707 9.707 0 0 0 4.236-.983l3.872 1.331a1.508 1.508 0 0 0 .49.082 1.5 1.5 0 0 0 1.41-1.983zm-9.09-4.766h-5a.682.682 0 1 1 0-1.364h5a.682.682 0 0 1 0 1.364zm3.127-2.8h-8.124a.682.682 0 1 1 0-1.364h8.124a.682.682 0 0 1 0 1.364zm0-2.8h-8.124a.682.682 0 1 1 0-1.364h8.124a.682.682 0 0 1 0 1.364z' transform='translate(-69.842 -4.011)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_omni.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:rgb(255, 255, 255) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_7' data-name='타원 7' cx='20' cy='20' r='20' transform='translate(8 8)' style='fill:rgb(10, 162, 185)'/%3E%3Cg id='conversation_1_' data-name='conversation (1)' transform='translate(16.545 12.714)'%3E%3Cg id='그룹_203' data-name='그룹 203' transform='translate(0 14.837)'%3E%3Cg id='그룹_202' data-name='그룹 202'%3E%3Cpath id='패스_135' data-name='패스 135' class='cls-3' d='M5.07 252.682a10.965 10.965 0 0 1-3.249-6.721 7 7 0 0 0-1.516 4.374 7.081 7.081 0 0 0 .681 3.015l-.916 2.667a1.26 1.26 0 0 0 1.187 1.669 1.268 1.268 0 0 0 .413-.069l2.667-.917a7.081 7.081 0 0 0 3.015.681 7 7 0 0 0 4.446-1.574 10.975 10.975 0 0 1-6.728-3.125z' transform='translate(0 -245.961)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_205' data-name='그룹 205' transform='translate(3.125 4.011)'%3E%3Cg id='그룹_204' data-name='그룹 204'%3E%3Cpath id='패스_136' data-name='패스 136' class='cls-3' d='m89.544 21.812-1.331-3.872a9.687 9.687 0 0 0-8.537-13.928 9.677 9.677 0 1 0-.157 19.353h.015a9.707 9.707 0 0 0 4.236-.983l3.872 1.331a1.508 1.508 0 0 0 .49.082 1.5 1.5 0 0 0 1.41-1.983zm-9.09-4.766h-5a.682.682 0 1 1 0-1.364h5a.682.682 0 0 1 0 1.364zm3.127-2.8h-8.124a.682.682 0 1 1 0-1.364h8.124a.682.682 0 0 1 0 1.364zm0-2.8h-8.124a.682.682 0 1 1 0-1.364h8.124a.682.682 0 0 1 0 1.364z' transform='translate(-69.842 -4.011)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_ai {
  background: url("../image/gnb/btn_ai.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_ai:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-3,.cls-4%7Bfill:rgba(10, 162, 185,0.5)%7D.cls-4%7Bfill-rule:evenodd%7D %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_8' data-name='타원 8' cx='20' cy='20' r='20' transform='translate(8 9)' style='fill:rgb(226, 227, 230)'/%3E%3Cg id='ai' transform='translate(5.724 17.155)'%3E%3Cg id='Page-1_24_' transform='translate(10.854)'%3E%3Cg id='_x30_25---AI'%3E%3Cpath id='Shape_59_' class='cls-3' d='M157.869 135.43a22.675 22.675 0 0 0-2.956 1.434 22.249 22.249 0 0 0-2.721 1.847 23.193 23.193 0 0 0 0 6.539 22.24 22.24 0 0 0 2.721 1.847 22.65 22.65 0 0 0 2.953 1.435 22.675 22.675 0 0 0 2.953-1.435 22.247 22.247 0 0 0 2.721-1.847 23.172 23.172 0 0 0 0-6.539 22.237 22.237 0 0 0-2.722-1.847 22.658 22.658 0 0 0-2.949-1.434zm.16 9.473a.422.422 0 0 1-.552-.227l-.595-1.429h-2.251l-.595 1.429a.422.422 0 1 1-.779-.325l2.11-5.065a.422.422 0 0 1 .779 0l2.11 5.065a.422.422 0 0 1-.227.552zm4.057-5.454a.422.422 0 0 1-.422.422h-.844v4.221h.844a.422.422 0 0 1 0 .844h-2.531a.422.422 0 0 1 0-.844h.844v-4.221h-.844a.422.422 0 0 1 0-.844h2.531a.422.422 0 0 1 .422.422z' transform='translate(-146.445 -130.136)'/%3E%3Cg id='그룹_206' data-name='그룹 206'%3E%3Cpath id='Path_171_' class='cls-4' d='M336.2 107.372a23.567 23.567 0 0 1 2.1 1.365 16.7 16.7 0 0 0-1-3.241 16.768 16.768 0 0 0-3.318.745 24.636 24.636 0 0 1 2.218 1.131z' transform='translate(-321.398 -101.386)'/%3E%3Cpath id='Path_170_' class='cls-4' d='M207 3.314C205.933 1.264 204.485 0 202.892 0s-3.041 1.264-4.109 3.314a18.642 18.642 0 0 1 4.111 1.071A18.653 18.653 0 0 1 207 3.314z' transform='translate(-191.47)'/%3E%3Cpath id='Path_169_' class='cls-4' d='M229.737 268.864h1.555l-.777-1.864z' transform='translate(-221.207 -256.593)'/%3E%3Cpath id='Path_168_' class='cls-4' d='M445.813 110.687a7.1 7.1 0 0 0 1.234-3.511c-.03 0-.059.009-.089.009a1.687 1.687 0 0 1-1.328-2.74 6.654 6.654 0 0 0-3.889-.839 18.411 18.411 0 0 1 1.111 4.084 18.55 18.55 0 0 1 2.961 2.997z' transform='translate(-424.963 -99.565)'/%3E%3Cpath id='Path_167_' class='cls-4' d='M30.371 107.191c-.031 0-.059-.008-.089-.009a7.1 7.1 0 0 0 1.235 3.511 18.564 18.564 0 0 1 2.96-3 18.428 18.428 0 0 1 1.112-4.084 6.672 6.672 0 0 0-3.888.839 1.689 1.689 0 0 1-1.33 2.74z' transform='translate(-29.523 -99.571)'/%3E%3Ccircle id='Oval_66_' class='cls-3' cx='.848' cy='.848' r='.848' transform='translate(21.147 5.075)'/%3E%3Cpath id='Path_166_' class='cls-4' d='M476.593 242.815a16.82 16.82 0 0 0-2.291-2.485 24.6 24.6 0 0 1 0 4.97 16.817 16.817 0 0 0 2.291-2.485z' transform='translate(-456.249 -230.97)'/%3E%3Cpath id='Path_165_' class='cls-4' d='M165.467 107.371a24.408 24.408 0 0 1 2.221-1.131 16.781 16.781 0 0 0-3.321-.745 16.7 16.7 0 0 0-1 3.241 23.622 23.622 0 0 1 2.1-1.365z' transform='translate(-157.427 -101.385)'/%3E%3Cpath id='Path_164_' class='cls-4' d='M336.119 420.746a24.41 24.41 0 0 1-2.221 1.131 16.782 16.782 0 0 0 3.321.745 16.7 16.7 0 0 0 1-3.241 23.6 23.6 0 0 1-2.1 1.365z' transform='translate(-321.315 -403.042)'/%3E%3Cpath id='Path_163_' class='cls-4' d='M446.956 326.33c.031 0 .059.007.089.009a7.1 7.1 0 0 0-1.235-3.511 18.548 18.548 0 0 1-2.96 3 18.43 18.43 0 0 1-1.112 4.084 6.67 6.67 0 0 0 3.888-.839 1.689 1.689 0 0 1 1.33-2.74z' transform='translate(-424.961 -310.26)'/%3E%3Cpath id='Path_162_' class='cls-4' d='M198.772 496.7c1.068 2.05 2.516 3.314 4.109 3.314s3.041-1.264 4.109-3.314a18.642 18.642 0 0 1-4.109-1.071 18.657 18.657 0 0 1-4.109 1.071z' transform='translate(-191.459 -476.321)'/%3E%3Ccircle id='Oval_65_' class='cls-3' cx='.848' cy='.848' r='.848' transform='translate(21.147 16.918)'/%3E%3Ccircle id='Oval_64_' class='cls-3' cx='.848' cy='.848' r='.848' transform='translate(0 16.918)'/%3E%3Cpath id='Path_161_' class='cls-4' d='M74.813 242.815A16.771 16.771 0 0 0 77.1 245.3a24.73 24.73 0 0 1 0-4.97 16.821 16.821 0 0 0-2.287 2.485z' transform='translate(-72.313 -230.97)'/%3E%3Cpath id='Path_160_' class='cls-4' d='M31.516 322.838a7.1 7.1 0 0 0-1.235 3.511c.03 0 .059-.009.089-.009a1.687 1.687 0 0 1 1.328 2.74 6.668 6.668 0 0 0 3.888.839 18.422 18.422 0 0 1-1.111-4.084 18.584 18.584 0 0 1-2.959-2.997z' transform='translate(-29.522 -310.27)'/%3E%3Ccircle id='Oval_63_' class='cls-3' cx='.848' cy='.848' r='.848' transform='translate(0 5.075)'/%3E%3Cpath id='Path_159_' class='cls-4' d='M165.467 420.745a23.567 23.567 0 0 1-2.1-1.365 16.7 16.7 0 0 0 1 3.241 16.767 16.767 0 0 0 3.318-.745 24.612 24.612 0 0 1-2.218-1.131z' transform='translate(-157.427 -403.041)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_ai.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-3,.cls-4%7Bfill:rgb(255, 255, 255)%7D.cls-4%7Bfill-rule:evenodd%7D %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_8' data-name='타원 8' cx='20' cy='20' r='20' transform='translate(8 9)' style='fill:rgb(10, 162, 185)'/%3E%3Cg id='ai' transform='translate(5.724 17.155)'%3E%3Cg id='Page-1_24_' transform='translate(10.854)'%3E%3Cg id='_x30_25---AI'%3E%3Cpath id='Shape_59_' class='cls-3' d='M157.869 135.43a22.675 22.675 0 0 0-2.956 1.434 22.249 22.249 0 0 0-2.721 1.847 23.193 23.193 0 0 0 0 6.539 22.24 22.24 0 0 0 2.721 1.847 22.65 22.65 0 0 0 2.953 1.435 22.675 22.675 0 0 0 2.953-1.435 22.247 22.247 0 0 0 2.721-1.847 23.172 23.172 0 0 0 0-6.539 22.237 22.237 0 0 0-2.722-1.847 22.658 22.658 0 0 0-2.949-1.434zm.16 9.473a.422.422 0 0 1-.552-.227l-.595-1.429h-2.251l-.595 1.429a.422.422 0 1 1-.779-.325l2.11-5.065a.422.422 0 0 1 .779 0l2.11 5.065a.422.422 0 0 1-.227.552zm4.057-5.454a.422.422 0 0 1-.422.422h-.844v4.221h.844a.422.422 0 0 1 0 .844h-2.531a.422.422 0 0 1 0-.844h.844v-4.221h-.844a.422.422 0 0 1 0-.844h2.531a.422.422 0 0 1 .422.422z' transform='translate(-146.445 -130.136)'/%3E%3Cg id='그룹_206' data-name='그룹 206'%3E%3Cpath id='Path_171_' class='cls-4' d='M336.2 107.372a23.567 23.567 0 0 1 2.1 1.365 16.7 16.7 0 0 0-1-3.241 16.768 16.768 0 0 0-3.318.745 24.636 24.636 0 0 1 2.218 1.131z' transform='translate(-321.398 -101.386)'/%3E%3Cpath id='Path_170_' class='cls-4' d='M207 3.314C205.933 1.264 204.485 0 202.892 0s-3.041 1.264-4.109 3.314a18.642 18.642 0 0 1 4.111 1.071A18.653 18.653 0 0 1 207 3.314z' transform='translate(-191.47)'/%3E%3Cpath id='Path_169_' class='cls-4' d='M229.737 268.864h1.555l-.777-1.864z' transform='translate(-221.207 -256.593)'/%3E%3Cpath id='Path_168_' class='cls-4' d='M445.813 110.687a7.1 7.1 0 0 0 1.234-3.511c-.03 0-.059.009-.089.009a1.687 1.687 0 0 1-1.328-2.74 6.654 6.654 0 0 0-3.889-.839 18.411 18.411 0 0 1 1.111 4.084 18.55 18.55 0 0 1 2.961 2.997z' transform='translate(-424.963 -99.565)'/%3E%3Cpath id='Path_167_' class='cls-4' d='M30.371 107.191c-.031 0-.059-.008-.089-.009a7.1 7.1 0 0 0 1.235 3.511 18.564 18.564 0 0 1 2.96-3 18.428 18.428 0 0 1 1.112-4.084 6.672 6.672 0 0 0-3.888.839 1.689 1.689 0 0 1-1.33 2.74z' transform='translate(-29.523 -99.571)'/%3E%3Ccircle id='Oval_66_' class='cls-3' cx='.848' cy='.848' r='.848' transform='translate(21.147 5.075)'/%3E%3Cpath id='Path_166_' class='cls-4' d='M476.593 242.815a16.82 16.82 0 0 0-2.291-2.485 24.6 24.6 0 0 1 0 4.97 16.817 16.817 0 0 0 2.291-2.485z' transform='translate(-456.249 -230.97)'/%3E%3Cpath id='Path_165_' class='cls-4' d='M165.467 107.371a24.408 24.408 0 0 1 2.221-1.131 16.781 16.781 0 0 0-3.321-.745 16.7 16.7 0 0 0-1 3.241 23.622 23.622 0 0 1 2.1-1.365z' transform='translate(-157.427 -101.385)'/%3E%3Cpath id='Path_164_' class='cls-4' d='M336.119 420.746a24.41 24.41 0 0 1-2.221 1.131 16.782 16.782 0 0 0 3.321.745 16.7 16.7 0 0 0 1-3.241 23.6 23.6 0 0 1-2.1 1.365z' transform='translate(-321.315 -403.042)'/%3E%3Cpath id='Path_163_' class='cls-4' d='M446.956 326.33c.031 0 .059.007.089.009a7.1 7.1 0 0 0-1.235-3.511 18.548 18.548 0 0 1-2.96 3 18.43 18.43 0 0 1-1.112 4.084 6.67 6.67 0 0 0 3.888-.839 1.689 1.689 0 0 1 1.33-2.74z' transform='translate(-424.961 -310.26)'/%3E%3Cpath id='Path_162_' class='cls-4' d='M198.772 496.7c1.068 2.05 2.516 3.314 4.109 3.314s3.041-1.264 4.109-3.314a18.642 18.642 0 0 1-4.109-1.071 18.657 18.657 0 0 1-4.109 1.071z' transform='translate(-191.459 -476.321)'/%3E%3Ccircle id='Oval_65_' class='cls-3' cx='.848' cy='.848' r='.848' transform='translate(21.147 16.918)'/%3E%3Ccircle id='Oval_64_' class='cls-3' cx='.848' cy='.848' r='.848' transform='translate(0 16.918)'/%3E%3Cpath id='Path_161_' class='cls-4' d='M74.813 242.815A16.771 16.771 0 0 0 77.1 245.3a24.73 24.73 0 0 1 0-4.97 16.821 16.821 0 0 0-2.287 2.485z' transform='translate(-72.313 -230.97)'/%3E%3Cpath id='Path_160_' class='cls-4' d='M31.516 322.838a7.1 7.1 0 0 0-1.235 3.511c.03 0 .059-.009.089-.009a1.687 1.687 0 0 1 1.328 2.74 6.668 6.668 0 0 0 3.888.839 18.422 18.422 0 0 1-1.111-4.084 18.584 18.584 0 0 1-2.959-2.997z' transform='translate(-29.522 -310.27)'/%3E%3Ccircle id='Oval_63_' class='cls-3' cx='.848' cy='.848' r='.848' transform='translate(0 5.075)'/%3E%3Cpath id='Path_159_' class='cls-4' d='M165.467 420.745a23.567 23.567 0 0 1-2.1-1.365 16.7 16.7 0 0 0 1 3.241 16.767 16.767 0 0 0 3.318-.745 24.612 24.612 0 0 1-2.218-1.131z' transform='translate(-157.427 -403.041)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_kms {
  background: url("../image/gnb/btn_kms.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_kms:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:rgb(226, 227, 230) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_9' data-name='타원 9' class='cls-2' cx='20' cy='20' r='20' transform='translate(8 8)'/%3E%3Cg id='book' transform='translate(18.932 15.909)'%3E%3Cg id='그룹_148' data-name='그룹 148' transform='translate(2.79 3.023)'%3E%3Cg id='그룹_147' data-name='그룹 147'%3E%3Cpath id='패스_97' data-name='패스 97' class='cls-2' d='M134.935 64h-11.16a.7.7 0 0 0 0 1.4h11.161a.7.7 0 1 0 0-1.4z' transform='translate(-123.077 -64)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_150' data-name='그룹 150' transform='translate(2.79 6.743)'%3E%3Cg id='그룹_149' data-name='그룹 149'%3E%3Cpath id='패스_98' data-name='패스 98' class='cls-2' d='M129.378 142.769h-5.6a.7.7 0 0 0 0 1.4h5.6a.7.7 0 0 0 0-1.4z' transform='translate(-123.077 -142.769)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_152' data-name='그룹 152'%3E%3Cg id='그룹_151' data-name='그룹 151'%3E%3Cpath id='패스_99' data-name='패스 99' d='M81.439 0H66.093A2.1 2.1 0 0 0 64 2.093v20a2.1 2.1 0 0 0 2.093 2.093h15.346a.7.7 0 0 0 .7-.7V.7a.7.7 0 0 0-.7-.7z' transform='translate(-64)' style='fill:rgba(10, 162, 185,0.5)'/%3E%3Cpath id='패스_137' data-name='패스 137' class='cls-2' d='M1.405 19.778v1.514h15.337v-1.514z' transform='translate(0 -.107)'/%3E%3C/g%3E%3C/g%3E%3Ctext id='KMS' transform='translate(7.227 15.719)' style='font-size:5px;font-family:NotoSansKR-Regular,Noto Sans KR;fill:rgba(10, 162, 185,0.5)'%3E%3Ctspan x='-5.137' y='0'%3EKMS%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_kms.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:rgb(10, 162, 185) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_9' data-name='타원 9' class='cls-2' cx='20' cy='20' r='20' transform='translate(8 8)'/%3E%3Cg id='book' transform='translate(18.932 15.909)'%3E%3Cg id='그룹_148' data-name='그룹 148' transform='translate(2.79 3.023)'%3E%3Cg id='그룹_147' data-name='그룹 147'%3E%3Cpath id='패스_97' data-name='패스 97' class='cls-2' d='M134.935 64h-11.16a.7.7 0 0 0 0 1.4h11.161a.7.7 0 1 0 0-1.4z' transform='translate(-123.077 -64)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_150' data-name='그룹 150' transform='translate(2.79 6.743)'%3E%3Cg id='그룹_149' data-name='그룹 149'%3E%3Cpath id='패스_98' data-name='패스 98' class='cls-2' d='M129.378 142.769h-5.6a.7.7 0 0 0 0 1.4h5.6a.7.7 0 0 0 0-1.4z' transform='translate(-123.077 -142.769)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_152' data-name='그룹 152'%3E%3Cg id='그룹_151' data-name='그룹 151'%3E%3Cpath id='패스_99' data-name='패스 99' d='M81.439 0H66.093A2.1 2.1 0 0 0 64 2.093v20a2.1 2.1 0 0 0 2.093 2.093h15.346a.7.7 0 0 0 .7-.7V.7a.7.7 0 0 0-.7-.7z' transform='translate(-64)' style='fill:rgb(255, 255, 255)'/%3E%3Cpath id='패스_137' data-name='패스 137' class='cls-2' d='M1.405 19.778v1.514h15.337v-1.514z' transform='translate(0 -.107)'/%3E%3C/g%3E%3C/g%3E%3Ctext id='KMS' transform='translate(7.227 15.719)' style='font-size:5px;font-family:NotoSansKR-Regular,Noto Sans KR;fill:rgb(255, 255, 255)'%3E%3Ctspan x='-5.137' y='0'%3EKMS%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_history {
  background: url("../image/gnb/btn_history.png?v=1") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_history:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:rgba(10, 162, 185,0.5) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_10' data-name='타원 10' cx='20' cy='20' r='20' transform='translate(8 8)' style='fill:rgb(226, 227, 230)'/%3E%3Cg id='file_1_' data-name='file (1)' transform='translate(-31 -15.455)'%3E%3Cpath id='패스_138' data-name='패스 138' class='cls-3' d='M320 45.644v-2.331l3.583 3.583h-2.331A1.253 1.253 0 0 1 320 45.644z' transform='translate(-257.812 -10.723)'/%3E%3Cpath id='패스_139' data-name='패스 139' class='cls-3' d='M277.007 288a5.007 5.007 0 1 0 5.007 5.007 5.013 5.013 0 0 0-5.007-5.007zm2.921 5.425h-2.965a.417.417 0 0 1-.278-.15l-1.231-1.477-.854-1.025a.417.417 0 1 1 .642-.534l1.961 2.353h2.725a.417.417 0 0 1 0 .835z' transform='translate(-212.316 -242.647)'/%3E%3Cpath id='패스_140' data-name='패스 140' class='cls-3' d='M63.44 37.007a2.089 2.089 0 0 1-2.086-2.086V32h-12.1A1.254 1.254 0 0 0 48 33.252v20.864a1.254 1.254 0 0 0 1.252 1.252h12.433a5.841 5.841 0 0 1 4.675-10.606v-7.755zm-13.353-.835h5.007a.417.417 0 1 1 0 .835h-5.008a.417.417 0 1 1 0-.835zm0 2.5h2.5a.417.417 0 0 1 0 .835h-2.5a.417.417 0 0 1 0-.835zm0 2.5h8.346a.417.417 0 1 1 0 .835h-8.347a.417.417 0 1 1 0-.835zm0 2.5h5.007a.417.417 0 1 1 0 .835h-5.008a.417.417 0 0 1 0-.835zm3.338 8.346h-3.339a.417.417 0 1 1 0-.835h3.338a.417.417 0 0 1 0 .835zm-3.756-2.921a.417.417 0 0 1 .417-.417h2.5a.417.417 0 1 1 0 .835h-2.5a.417.417 0 0 1-.417-.406zm7.094 2.921h-1.669a.417.417 0 1 1 0-.835h1.669a.417.417 0 1 1 0 .835zm0-2.5h-2.5a.417.417 0 0 1 0-.835h2.5a.417.417 0 1 1 0 .835zm.835-2.5h-7.512a.417.417 0 1 1 0-.835H57.6a.417.417 0 1 1 0 .835zm2.5-2.5h-3.335a.417.417 0 1 1 0-.835H60.1a.417.417 0 1 1 0 .835zm4.173-2.5H60.1a.417.417 0 1 1 0-.835h4.173a.417.417 0 0 1 0 .835zm0-2.5H54.259a.417.417 0 0 1 0-.835h10.015a.417.417 0 0 1 0 .835z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_history.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:rgb(255, 255, 255) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_10' data-name='타원 10' cx='20' cy='20' r='20' transform='translate(8 8)' style='fill:rgb(10, 162, 185)'/%3E%3Cg id='file_1_' data-name='file (1)' transform='translate(-31 -15.455)'%3E%3Cpath id='패스_138' data-name='패스 138' class='cls-3' d='M320 45.644v-2.331l3.583 3.583h-2.331A1.253 1.253 0 0 1 320 45.644z' transform='translate(-257.812 -10.723)'/%3E%3Cpath id='패스_139' data-name='패스 139' class='cls-3' d='M277.007 288a5.007 5.007 0 1 0 5.007 5.007 5.013 5.013 0 0 0-5.007-5.007zm2.921 5.425h-2.965a.417.417 0 0 1-.278-.15l-1.231-1.477-.854-1.025a.417.417 0 1 1 .642-.534l1.961 2.353h2.725a.417.417 0 0 1 0 .835z' transform='translate(-212.316 -242.647)'/%3E%3Cpath id='패스_140' data-name='패스 140' class='cls-3' d='M63.44 37.007a2.089 2.089 0 0 1-2.086-2.086V32h-12.1A1.254 1.254 0 0 0 48 33.252v20.864a1.254 1.254 0 0 0 1.252 1.252h12.433a5.841 5.841 0 0 1 4.675-10.606v-7.755zm-13.353-.835h5.007a.417.417 0 1 1 0 .835h-5.008a.417.417 0 1 1 0-.835zm0 2.5h2.5a.417.417 0 0 1 0 .835h-2.5a.417.417 0 0 1 0-.835zm0 2.5h8.346a.417.417 0 1 1 0 .835h-8.347a.417.417 0 1 1 0-.835zm0 2.5h5.007a.417.417 0 1 1 0 .835h-5.008a.417.417 0 0 1 0-.835zm3.338 8.346h-3.339a.417.417 0 1 1 0-.835h3.338a.417.417 0 0 1 0 .835zm-3.756-2.921a.417.417 0 0 1 .417-.417h2.5a.417.417 0 1 1 0 .835h-2.5a.417.417 0 0 1-.417-.406zm7.094 2.921h-1.669a.417.417 0 1 1 0-.835h1.669a.417.417 0 1 1 0 .835zm0-2.5h-2.5a.417.417 0 0 1 0-.835h2.5a.417.417 0 1 1 0 .835zm.835-2.5h-7.512a.417.417 0 1 1 0-.835H57.6a.417.417 0 1 1 0 .835zm2.5-2.5h-3.335a.417.417 0 1 1 0-.835H60.1a.417.417 0 1 1 0 .835zm4.173-2.5H60.1a.417.417 0 1 1 0-.835h4.173a.417.417 0 0 1 0 .835zm0-2.5H54.259a.417.417 0 0 1 0-.835h10.015a.417.417 0 0 1 0 .835z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_chart {
  background: url("../image/gnb/btn_chart.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_chart:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:rgba(10, 162, 185,0.5) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_11' data-name='타원 11' cx='20' cy='20' r='20' transform='translate(8 8)' style='fill:rgb(226, 227, 230)'/%3E%3Cg id='bar-chart_1_' data-name='bar-chart (1)' transform='translate(16.545 16.545)'%3E%3Cg id='그룹_208' data-name='그룹 208' transform='translate(1.387)'%3E%3Cg id='그룹_207' data-name='그룹 207'%3E%3Cpath id='패스_141' data-name='패스 141' class='cls-3' d='M49.122 0a2.016 2.016 0 0 0-2.014 2.014 1.994 1.994 0 0 0 .4 1.2l-3.279 3.561a1.95 1.95 0 0 0-1.591.276L40.3 5.295a1.984 1.984 0 0 0 .1-.6 2.014 2.014 0 1 0-4.027 0 1.984 1.984 0 0 0 .1.6L34.128 7.05a2.1 2.1 0 1 0 .8 1.078l2.342-1.756a2 2 0 0 0 2.229 0l2.342 1.756a1.984 1.984 0 0 0-.1.6 2.014 2.014 0 0 0 4.027 0 1.994 1.994 0 0 0-.4-1.2l3.284-3.563a1.993 1.993 0 0 0 .477.063 2.014 2.014 0 0 0 0-4.027z' transform='translate(-31)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_210' data-name='그룹 210' transform='translate(6.756 10.739)'%3E%3Cg id='그룹_209' data-name='그룹 209'%3E%3Cpath id='패스_142' data-name='패스 142' class='cls-3' d='M154.356 240h-2.685a.671.671 0 0 0-.671.671v8.815h4.027v-8.815a.671.671 0 0 0-.671-.671z' transform='translate(-151 -240)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_212' data-name='그룹 212' transform='translate(12.126 13.423)'%3E%3Cg id='그룹_211' data-name='그룹 211'%3E%3Cpath id='패스_143' data-name='패스 143' class='cls-3' d='M274.356 300h-2.685a.671.671 0 0 0-.671.671v6.13h4.027v-6.13a.671.671 0 0 0-.671-.671z' transform='translate(-271 -300)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_214' data-name='그룹 214' transform='translate(17.495 8.054)'%3E%3Cg id='그룹_213' data-name='그룹 213'%3E%3Cpath id='패스_144' data-name='패스 144' class='cls-3' d='M394.356 180h-2.685a.671.671 0 0 0-.671.671v11.5h4.027v-11.5a.671.671 0 0 0-.671-.671z' transform='translate(-391 -180)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_216' data-name='그룹 216' transform='translate(1.387 14.766)'%3E%3Cg id='그룹_215' data-name='그룹 215'%3E%3Cpath id='패스_145' data-name='패스 145' class='cls-3' d='M34.356 330h-2.685a.671.671 0 0 0-.671.671v4.788h4.027v-4.788a.671.671 0 0 0-.671-.671z' transform='translate(-31 -330)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_218' data-name='그룹 218' transform='translate(0 21.567)'%3E%3Cg id='그룹_217' data-name='그룹 217'%3E%3Cpath id='패스_146' data-name='패스 146' class='cls-3' d='M22.238 482H.671a.671.671 0 1 0 0 1.342h21.567a.671.671 0 1 0 0-1.342z' transform='translate(0 -482)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_chart.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:rgb(255, 255, 255) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_11' data-name='타원 11' cx='20' cy='20' r='20' transform='translate(8 8)' style='fill:rgb(10, 162, 185)'/%3E%3Cg id='bar-chart_1_' data-name='bar-chart (1)' transform='translate(16.545 16.545)'%3E%3Cg id='그룹_208' data-name='그룹 208' transform='translate(1.387)'%3E%3Cg id='그룹_207' data-name='그룹 207'%3E%3Cpath id='패스_141' data-name='패스 141' class='cls-3' d='M49.122 0a2.016 2.016 0 0 0-2.014 2.014 1.994 1.994 0 0 0 .4 1.2l-3.279 3.561a1.95 1.95 0 0 0-1.591.276L40.3 5.295a1.984 1.984 0 0 0 .1-.6 2.014 2.014 0 1 0-4.027 0 1.984 1.984 0 0 0 .1.6L34.128 7.05a2.1 2.1 0 1 0 .8 1.078l2.342-1.756a2 2 0 0 0 2.229 0l2.342 1.756a1.984 1.984 0 0 0-.1.6 2.014 2.014 0 0 0 4.027 0 1.994 1.994 0 0 0-.4-1.2l3.284-3.563a1.993 1.993 0 0 0 .477.063 2.014 2.014 0 0 0 0-4.027z' transform='translate(-31)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_210' data-name='그룹 210' transform='translate(6.756 10.739)'%3E%3Cg id='그룹_209' data-name='그룹 209'%3E%3Cpath id='패스_142' data-name='패스 142' class='cls-3' d='M154.356 240h-2.685a.671.671 0 0 0-.671.671v8.815h4.027v-8.815a.671.671 0 0 0-.671-.671z' transform='translate(-151 -240)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_212' data-name='그룹 212' transform='translate(12.126 13.423)'%3E%3Cg id='그룹_211' data-name='그룹 211'%3E%3Cpath id='패스_143' data-name='패스 143' class='cls-3' d='M274.356 300h-2.685a.671.671 0 0 0-.671.671v6.13h4.027v-6.13a.671.671 0 0 0-.671-.671z' transform='translate(-271 -300)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_214' data-name='그룹 214' transform='translate(17.495 8.054)'%3E%3Cg id='그룹_213' data-name='그룹 213'%3E%3Cpath id='패스_144' data-name='패스 144' class='cls-3' d='M394.356 180h-2.685a.671.671 0 0 0-.671.671v11.5h4.027v-11.5a.671.671 0 0 0-.671-.671z' transform='translate(-391 -180)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_216' data-name='그룹 216' transform='translate(1.387 14.766)'%3E%3Cg id='그룹_215' data-name='그룹 215'%3E%3Cpath id='패스_145' data-name='패스 145' class='cls-3' d='M34.356 330h-2.685a.671.671 0 0 0-.671.671v4.788h4.027v-4.788a.671.671 0 0 0-.671-.671z' transform='translate(-31 -330)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_218' data-name='그룹 218' transform='translate(0 21.567)'%3E%3Cg id='그룹_217' data-name='그룹 217'%3E%3Cpath id='패스_146' data-name='패스 146' class='cls-3' d='M22.238 482H.671a.671.671 0 1 0 0 1.342h21.567a.671.671 0 1 0 0-1.342z' transform='translate(0 -482)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_set {
  background: url("../image/gnb/btn_set.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_set:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:rgb(226, 227, 230) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='설정_on'%3E%3Ccircle id='타원_5' data-name='타원 5' class='cls-2' cx='20' cy='20' r='20' transform='translate(8 8)'/%3E%3Cg id='cogwheel' transform='translate(17.068 16.545)'%3E%3Cpath id='패스_120' data-name='패스 120' d='M12.519 22.909H9.344a1.655 1.655 0 0 1-1.6-1.29l-.4-1.787a8.775 8.775 0 0 1-1.865-1.083l-1.74.55a1.654 1.654 0 0 1-1.939-.753L.218 15.809a1.669 1.669 0 0 1 .306-2.037l1.349-1.24a9.658 9.658 0 0 1-.061-1.078 9.869 9.869 0 0 1 .06-1.078L.531 9.143a1.666 1.666 0 0 1-.318-2.034l1.592-2.754a1.655 1.655 0 0 1 1.924-.746l1.743.551a8.783 8.783 0 0 1 1.866-1.084l.4-1.789A1.654 1.654 0 0 1 9.344 0h3.175a1.655 1.655 0 0 1 1.6 1.29l.4 1.787A8.775 8.775 0 0 1 16.39 4.16l1.74-.55a1.656 1.656 0 0 1 1.932.753L21.645 7.1a1.669 1.669 0 0 1-.307 2.037l-1.349 1.24a9.689 9.689 0 0 1 0 2.155l1.342 1.233.007.006a1.664 1.664 0 0 1 .312 2.029l-1.592 2.754a1.651 1.651 0 0 1-1.925.745l-1.743-.551a8.786 8.786 0 0 1-1.865 1.083l-.4 1.789a1.652 1.652 0 0 1-1.6 1.289z' style='fill:rgba(10, 162, 185,0.5)'/%3E%3Cpath id='패스_119' data-name='패스 119' class='cls-2' d='M142.421 158.878a4.773 4.773 0 1 1 4.773-4.773 4.778 4.778 0 0 1-4.773 4.773zm0-8.114a3.341 3.341 0 1 0 3.341 3.341 3.345 3.345 0 0 0-3.341-3.341zm0 0' transform='translate(-131.489 -142.65)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_set.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:rgb(10, 162, 185) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='설정_on'%3E%3Ccircle id='타원_5' data-name='타원 5' class='cls-2' cx='20' cy='20' r='20' transform='translate(8 8)'/%3E%3Cg id='cogwheel' transform='translate(17.068 16.545)'%3E%3Cpath id='패스_120' data-name='패스 120' d='M12.519 22.909H9.344a1.655 1.655 0 0 1-1.6-1.29l-.4-1.787a8.775 8.775 0 0 1-1.865-1.083l-1.74.55a1.654 1.654 0 0 1-1.939-.753L.218 15.809a1.669 1.669 0 0 1 .306-2.037l1.349-1.24a9.658 9.658 0 0 1-.061-1.078 9.869 9.869 0 0 1 .06-1.078L.531 9.143a1.666 1.666 0 0 1-.318-2.034l1.592-2.754a1.655 1.655 0 0 1 1.924-.746l1.743.551a8.783 8.783 0 0 1 1.866-1.084l.4-1.789A1.654 1.654 0 0 1 9.344 0h3.175a1.655 1.655 0 0 1 1.6 1.29l.4 1.787A8.775 8.775 0 0 1 16.39 4.16l1.74-.55a1.656 1.656 0 0 1 1.932.753L21.645 7.1a1.669 1.669 0 0 1-.307 2.037l-1.349 1.24a9.689 9.689 0 0 1 0 2.155l1.342 1.233.007.006a1.664 1.664 0 0 1 .312 2.029l-1.592 2.754a1.651 1.651 0 0 1-1.925.745l-1.743-.551a8.786 8.786 0 0 1-1.865 1.083l-.4 1.789a1.652 1.652 0 0 1-1.6 1.289z' style='fill:rgb(255, 255, 255)'/%3E%3Cpath id='패스_119' data-name='패스 119' class='cls-2' d='M142.421 158.878a4.773 4.773 0 1 1 4.773-4.773 4.778 4.778 0 0 1-4.773 4.773zm0-8.114a3.341 3.341 0 1 0 3.341 3.341 3.345 3.345 0 0 0-3.341-3.341zm0 0' transform='translate(-131.489 -142.65)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_help {
  background: url("../image/gnb/btn_help.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_help:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:rgb(226, 227, 230) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_12' data-name='타원 12' class='cls-2' cx='20' cy='20' r='20' transform='translate(8 8)'/%3E%3Cg id='information' transform='translate(17.609 15.909)'%3E%3Cg id='그룹_158' data-name='그룹 158'%3E%3Cg id='그룹_157' data-name='그룹 157'%3E%3Cpath id='패스_123' data-name='패스 123' d='M46.391 0a10.385 10.385 0 0 0-3.145 20.284l2.363 3.483a.945.945 0 0 0 1.563 0l2.363-3.483A10.385 10.385 0 0 0 46.391 0z' transform='translate(-36)' style='fill:rgba(10, 162, 185,0.5)'/%3E%3Cpath id='패스_121' data-name='패스 121' class='cls-2' d='M235.269 182.774c-.6 0-1.028.254-1.028.627v5.085c0 .32.427.641 1.028.641.574 0 1.041-.32 1.041-.641V183.4c0-.372-.467-.626-1.041-.626z' transform='translate(-224.878 -174.142)'/%3E%3Cpath id='패스_122' data-name='패스 122' class='cls-2' d='M233.923 116.361a.962.962 0 1 0 1.081.948 1.034 1.034 0 0 0-1.081-.948z' transform='translate(-223.532 -110.865)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_help.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:rgb(10, 162, 185) %3C/style%3E%3C/defs%3E%3Cpath id='사각형_11' data-name='사각형 11' style='fill:transparent' d='M0 0h56v56H0z'/%3E%3Cg id='on'%3E%3Ccircle id='타원_12' data-name='타원 12' class='cls-2' cx='20' cy='20' r='20' transform='translate(8 8)'/%3E%3Cg id='information' transform='translate(17.609 15.909)'%3E%3Cg id='그룹_158' data-name='그룹 158'%3E%3Cg id='그룹_157' data-name='그룹 157'%3E%3Cpath id='패스_123' data-name='패스 123' d='M46.391 0a10.385 10.385 0 0 0-3.145 20.284l2.363 3.483a.945.945 0 0 0 1.563 0l2.363-3.483A10.385 10.385 0 0 0 46.391 0z' transform='translate(-36)' style='fill:rgb(255, 255, 255)'/%3E%3Cpath id='패스_121' data-name='패스 121' class='cls-2' d='M235.269 182.774c-.6 0-1.028.254-1.028.627v5.085c0 .32.427.641 1.028.641.574 0 1.041-.32 1.041-.641V183.4c0-.372-.467-.626-1.041-.626z' transform='translate(-224.878 -174.142)'/%3E%3Cpath id='패스_122' data-name='패스 122' class='cls-2' d='M233.923 116.361a.962.962 0 1 0 1.081.948 1.034 1.034 0 0 0-1.081-.948z' transform='translate(-223.532 -110.865)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_campaign {
  background: url("../image/gnb/btn_campaign.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_campaign:not(.dis):hover {
  background: url("../image/gnb/btn_campaign_over.png?v=3") no-repeat 50% 50%;
}

.gnb .btn_campaign.on {
  background: url("../image/gnb/btn_campaign_on.png?v=3") no-repeat 50% 50%;
}

.gnb .btn_opsnow {
  background: url("../image/gnb/btn_help.png?v=3") no-repeat 50% 50%;
  background-size: 56px;
  position: absolute;
  bottom: 40px;
  left: 0;
}

.gnb .btn_opsnow:not(.dis):hover {
  background: url("../image/gnb/btn_help.png?v=3") no-repeat 50% 50%;
}

.gnb .btn_opsnow.on {
  background: url("../image/gnb/btn_help.png?v=3") no-repeat 50% 50%;
}

.gnb .btn_gsms {
  background: url("../image/gnb/btn_gsms.png?v=1") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_gsms:not(.dis):hover {
  background: url("../image/gnb/btn_gsms_over.png?v=1")
  no-repeat 50% 50%;
}

.gnb .btn_gsms.on {
  background: url("../image/gnb/btn_gsms_on.png?v=1")
  no-repeat 50% 50%;
}

.gnb .btn_full {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 0a12 12 0 1 0 12 12A12.014 12.014 0 0 0 12 0zm0 22.5A10.5 10.5 0 1 1 22.5 12 10.512 10.512 0 0 1 12 22.5zm1.15-5.512a.75.75 0 0 1-.75.75H7.012a.75.75 0 0 1-.75-.75V11.6a.75.75 0 1 1 1.5 0v4.638H12.4a.75.75 0 0 1 .75.75zm4.588-9.976V12.4a.75.75 0 0 1-1.5 0V7.762H11.6a.75.75 0 0 1 0-1.5h5.388a.75.75 0 0 1 .75.75z' style='fill:rgb(168, 168, 168)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.gnb .btn_full:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 0a12 12 0 1 0 12 12A12.014 12.014 0 0 0 12 0zm0 22.5A10.5 10.5 0 1 1 22.5 12 10.512 10.512 0 0 1 12 22.5zm1.15-5.512a.75.75 0 0 1-.75.75H7.012a.75.75 0 0 1-.75-.75V11.6a.75.75 0 1 1 1.5 0v4.638H12.4a.75.75 0 0 1 .75.75zm4.588-9.976V12.4a.75.75 0 0 1-1.5 0V7.762H11.6a.75.75 0 0 1 0-1.5h5.388a.75.75 0 0 1 .75.75z' style='fill:rgba(10, 162, 185,0.5)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_full.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 0a12 12 0 1 0 12 12A12.014 12.014 0 0 0 12 0zm0 22.5A10.5 10.5 0 1 1 22.5 12 10.512 10.512 0 0 1 12 22.5zm1.15-5.512a.75.75 0 0 1-.75.75H7.012a.75.75 0 0 1-.75-.75V11.6a.75.75 0 1 1 1.5 0v4.638H12.4a.75.75 0 0 1 .75.75zm4.588-9.976V12.4a.75.75 0 0 1-1.5 0V7.762H11.6a.75.75 0 0 1 0-1.5h5.388a.75.75 0 0 1 .75.75z' style='fill:rgb(255, 255, 255)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.gnb .btn_gsms {
  background: url("../image/gnb/btn_gsms.png?v=1") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_gsms:not(.dis):hover {
  background: url("../image/gnb/btn_gsms_over.png?v=1")
  no-repeat 50% 50%;
}

.gnb .btn_gsms.on {
  background: url("../image/gnb/btn_gsms_on.png?v=1")
  no-repeat 50% 50%;
}

.gnb .btn_callback {
  background: url("../image/gnb/btn_callback.png?v=1") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_callback:not(.dis):hover {
  background: url("../image/gnb/btn_callback_over.png?v=1")
  no-repeat 50% 50%;
}

.gnb .btn_callback.on {
  background: url("../image/gnb/btn_callback_on.png?v=1")
  no-repeat 50% 50%;
}

.gnb .btn_qms {
  background: url("../image/gnb/btn_qms.png?v=1") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_qms:not(.dis):hover {
  background: url("../image/gnb/btn_qms_over.png?v=1")
  no-repeat 50% 50%;
}

.gnb .btn_qms.on {
  background: url("../image/gnb/btn_qms_on.png?v=1")
  no-repeat 50% 50%;
}

.gnb .btn_survey{
  background: url("../image/gnb/btn_survey.png?v=1") no-repeat 50% 50%;
  background-size: 56px;
}

.gnb .btn_survey:not(.dis):hover {
  background: url("../image/gnb/btn_survey_over.png?v=1")
  no-repeat 50% 50%;
}

.gnb .btn_survey.on {
  background: url("../image/gnb/btn_survey_on.png?v=1")
  no-repeat 50% 50%;
}

.wrap_container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: calc(100% - 57px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wrap_container .taps {
  margin: 10px 12px 0;
  content: "";
  width: calc(100% - 24px);
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 16px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.wrap_container .taps .tap {
  max-width: 158px;
  height: 100%;
  background: #e0e1e3;
  border-radius: 5px 5px 0 0;
  padding: 0 36px 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  position: relative;
  color: #202021;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.wrap_container .taps .tap:hover {
  background: #cdcdcd;
}

.wrap_container .taps .tap span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wrap_container .taps .tap + .tap {
  margin-left: 1px;
}

.wrap_container .taps .tap .btn_close {
  width: 36px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-size: 10px;
  background-position: 10px 50%;
}

.wrap_container .taps .tap.on {
  background: #ffffff;
  border-top: 2px solid #0aa2b9;
}

.wrap_container .taps .add {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  background: #e0e1e3;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  border-radius: 6px;
  margin: 0 0 4px 10px;
}

.wrap_container .taps .add:hover {
  background: #cdcdcd;
}

.wrap_container .taps .add:before,
.wrap_container .taps .add:after {
  content: "";
  background: #1d1d1d;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.wrap_container .taps .add:before {
  width: 2px;
  height: 16px;
  top: 50%;
  left: 50%;
}

.wrap_container .taps .add:after {
  content: "";
  width: 16px;
  height: 2px;
  background: #1d1d1d;
  position: absolute;
  top: 50%;
  left: 50%;
}

.wrap_container .taps span {
  vertical-align: middle;
}

.wrap_container .container {
  width: 100%;
  height: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wrap_container .container .c_left {
  margin: 0 12px 0 12px;
  border-radius: 0 3px 3px 3px;
  margin-right: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;
  overflow: hidden;
}

.wrap_container .container .c_left .tbl_form th {
  /* padding: 6px 5px; */
  text-align: left;
  height: auto;
}

.wrap_container .container .c_left .tbl_form td {
  height: auto;
  padding: 6px 3% 6px 1.85%;
}

.wrap_container .container .c_left .tbl_form .td_phone {
  padding: 4px 0 4px 1.85%;
}

.wrap_container .container .c_left .area {
  padding: 0 16px;
}

.wrap_container .container .c_left .area.scroll {
  padding-top: 27px;
  padding-bottom: 27px;
  overflow-y: auto;
  height: calc(100% - 340px);
}

.wrap_container
.container
.c_left
.area.scroll
> .unit:first-child
h3:first-child {
  margin-top: 0;
}

.wrap_container .container .c_left .area.form {
  padding: 20px 16px 0;
}

.wrap_container .container .c_right {
  margin: 0 12px 0 0;
  /*-webkit-box-flex: 1;*/
  /*-ms-flex-positive: 1;*/
  /*flex-grow: 1;*/
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;
  overflow: hidden;
}

.wrap_container .container .c_right .counsel {
  height: calc(100% - 34px);
  overflow-y: auto;
}

.wrap_container .container .content_tab {
  background: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap_container .container .content_tab .sub_taps {
  content: "";
  width: 100%;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 14px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.wrap_container .container .content_tab .sub_taps .tap {
  width: 50%;
  height: 100%;
  background: #e0e1e3;
  border-radius: 5px 5px 0 0;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #202021;
}

.wrap_container .container .content_tab .sub_taps .tap:hover {
  background: #cdcdcd;
}

.wrap_container .container .content_tab .sub_taps .tap + .tap {
  margin-left: 1px;
}

.wrap_container .container .content_tab .sub_taps .tap.on {
  background: #ffffff;
}

.wrap_container .container .content_tab .area {
  background: #ffffff;
  padding: 20px 16px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 0 0 3px 3px;
}

.container {
  min-height: calc(100% - 64px);
  background: #ffffff;
  border-radius: 3px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 10px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.container.dashboard {
  /* background: none; */
  position: relative;
}

.container.mapping {
  position: relative;
  margin: 10px 12px 10px 0px;
}

.container .sub_gnb {
  width: 230px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-top: 8px;
  border-right: 2px solid #f2f2f2;
  overflow-y:auto;
}

.dashboard .sub_gnb {
  background: #ffffff;
}

.container .sub_gnb .unit {
  padding: 11px 10px;
}

.container .sub_gnb .unit + .unit {
  border-top: 1px solid #f2f2f2;
}

.container .sub_gnb strong {
  font-size: 18px;
  line-height: 1.78;
  display: block;
  margin-bottom: 8px;
}

.container .sub_gnb a {
  display: block;
  padding: 6px 13px;
  color: #1d1d1d;
}

.container .sub_gnb a:hover {
  color: rgba(10, 162, 185, 0.5);
  font-weight: 800;
}

.container .sub_gnb ul {
  border-left: 2px solid #f2f2f2;
}

.container .sub_gnb ul li:first-child a {
  padding-top: 2px;
}

.container .sub_gnb ul li:last-child a {
  padding-bottom: 2px;
}

.container .sub_gnb ul li.on a {
  color: #0aa2b9;
  font-weight: 800;
}

.container .sub_gnb ul .submenu2 {
  border: none;
}

.container .sub_gnb ul .submenu2 li a {
  font-size: 12px;
  color: #1d1d1d;
  font-weight: 400;
  padding: 3px 13px;
}

.container .sub_gnb ul .submenu2 .on2 a {
  font-weight: 800;
}

.container .sub_gnb ul .submenu2 li:last-child a {
  padding-bottom: 12px;
}

.container .content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.container .content .mapping1 {
  padding: 24px 24px 24px 0px;
}

.container .content .mapping2 {
  padding: 24px 0px 24px 24px;
}
.container .content h1.tit {
  font-size: 26px;
  position: relative;
  padding: 0 15px;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
}

.dashboard .content h1.tit {
  border: none;
}

.container .content h1.tit::before {
  content: "";
  width: 7px;
  height: 26px;
  display: block;
  position: absolute;
  background: #0aa2b9;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.container .content h1.tit span {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 5px;
}

.container .content .renew {
  position: absolute;
  right: 20px;
  top: 40px;
}

.container .content .renew input[type="text"] {
  font-size: 12px;
}

.container .content .dashboard_box {
  display: flex;
  gap: 12px;
  margin-top: 5px;
}

.container .content .dashboard_box .flex_box {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dashboard_box .flex_box .area {
  background: #ffffff;
  border-radius: 3px;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 140px;
  padding: 0px 0px;
}

.dashboard_box .flex_box .nowflex {
  flex-basis: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
}

.dashboard_box .flex_box .area h4 {
  margin-bottom: 7px;
}

.dashboard_box .flex_box .area .cont {
  height: calc(100% - 36px);
}

.dashboard_box .flex_box .area .w10 {
  flex-basis: 140px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: stretch;
}

.dashboard_box .flex_box .area .w90 {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}

.dashboard_box .flex_box .area .monitoring {
  flex-grow: 1;
  flex-shrink: 1;
  text-align: center;
}

.dashboard_box .flex_box .area .monitoring h3 {
  margin: 0 0 8px;
  text-align: center;
}

.dashboard_box .flex_box .area .chart_figure {
  min-width: 160px;
  max-height: 120px;
  margin: 0 auto;
}

.dashboard_box .flex_box .area .waiting {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  background: #f0f0f0;
  border-radius: 40px;
  font-size: 50px;
  font-weight: 800;
  vertical-align: middle;

  display: flex;
  justify-content: center;
  align-items: center;
}

/* 연결 상세 현황 */
.call_conn_warp {
  display: flex;
  justify-content: center;
  align-items: center;
}
.call_conn_warp .call_conn_box {
  width: 50%;
}
.call_conn_warp .call_conn_box h4 {
  text-align: center;
}

.call_conn_warp .call_conn_box .call_conn_box_chart {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 최근 상담 현황 */
.call_state_warp {
  display: flex;
  justify-content: center;
  align-items: center;
}

.call_state_warp .call_state_box {
  width: 50%;
}

.call_state_warp .call_state_box_chart {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
}

.call_state_warp .call_state_box_chart .call_state_box_chart_button {
  position: absolute;
  left: 0;
  top: 0;
}

.call_state_warp
.call_state_box
.call_state_box_chart
.call_state_box_chart_button
.btn {
  width: 72px;
  height: 25px;
  min-height: 25px;
  border-radius: 5px;
  padding: 0;
}

.container .content .dashboard_box .aside {
  flex-basis: 251px;
  flex-grow: 0;
  flex-shrink: 0;
  background: #ffffff;
  border-radius: 3px;
  padding: 16px 13px;
  border: 1px solid #dcdcdc;
}

.container .content .dashboard_box .aside ul {
  padding: 0;
  margin: 0;
}

.container .content .dashboard_box .aside ul li {
  padding: 5px 0;
}

.container .content .dashboard_box .aside ul li label {
  font-size: 13px;
}

.container .content .dashboard_box .aside .switch,
.equalCounsel .switch, .emailUse .switch, .sensitiveInfo .switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  top: 4px;
  left: 5px;
}

.equalCounsel .switch, .emailUse .switch, .sensitiveInfo .switch  {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  top: 0px;
  left: 5px;
}

/*스위치바탕 ie에서 테두리생김방지*/
.container .content .dashboard_box .aside .switch input,
.equalCounsel .switch input, .emailUse .switch input,
.sensitiveInfo .switch input
{
  display: none;
}

.container .content .dashboard_box .aside .slider,
.equalCounsel .slider, .emailUse .slider,
.sensitiveInfo .slider
{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
/*스위치버튼 안쪽에 동그란모양*/
.container .content .dashboard_box .aside .slider:before,
.equalCounsel .slider:before, .emailUse .slider:before,
.sensitiveInfo .slider:before
{
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background: white;
  transition: 0.4s;
}

/*체크된(on된)스위치바탕*/
.container .content .dashboard_box .aside input:checked + .slider,
.equalCounsel input:checked + .slider, .emailUse input:checked + .slider,
.sensitiveInfo input:checked + .slider
{
  background: #0aa2b9;
}
/*스위치버튼을 클릭하면 버튼주위에 글로우효과*/
.container .content .dashboard_box .aside input:focus + .slider,
.equalCounsel input:focus + .slider, .emailUse input:focus + .slider,
.sensitiveInfo input:focus + .slider
{
  box-shadow: 0 0 3px #0aa2b9;
}
/*스위치버튼을 클릭하면 우측으로 26px이동*/
.container .content .dashboard_box .aside input:checked + .slider:before,
.equalCounsel input:checked + .slider:before, .emailUse input:checked + .slider:before,
.sensitiveInfo input:checked + .slider:before
{
  transform: translateX(16px);
}

/*Rounded sliders*/
.container .content .dashboard_box .aside .slider.round,
.equalCounsel .slider.round,
.emailUse .slider.round,
.sensitiveInfo .slider.round
{
  border-radius: 34px;
}
/*스위치버튼 안쪽에 동그란모양*/
.container .content .dashboard_box .aside .slider.round:before,
.equalCounsel .slider.round:before,
.emailUse .slider.round:before,
.sensitiveInfo .slider.round:before
{
  border-radius: 50%;
}

#off_menu {
  display: none;
}

.container .content .dashboard_box .aside_close {
  flex-basis: 38px;
  flex-grow: 0;
  flex-shrink: 0;
  background: #ffffff;
  border-radius: 3px;
  padding: 16px 13px;
  border: 1px solid #dcdcdc;
}

.container .content .dashboard_box .aside_close ul {
  padding: 0;
  margin: 0;
}

.container .content .dashboard_box .aside_close ul li {
  padding: 5px 0;
}

.container .content .dashboard_box .aside_close ul li label {
  font-size: 13px;
}

.container h3 {
  margin: 27px 0 15px;
}

.container .area .top {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
}

.container .area .top h3 {
  margin: 0;
}

.container .area .top .shrink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .area .top .btn {
  margin-left: 6px;
}

.container .area .top .btn .ico_search {
  margin-top: -4px;
  margin-left: 6px;
}

.slct {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  min-width: 50px;
  height: 32px;
  text-align: left;
}

.slct .slct_tit {
  position: relative;
  min-width: 30px;
  height: 100%;
  line-height: 1;
  padding: 8px 22px 8px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  font-size: 14px;
  color: #1d1d1d;
  cursor: pointer;
  z-index: 1;
}

.slct .slct_tit:after {
  content: "";
  width: 11px;
  height: 6px;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
  background: url("../image/common/arr_slct_down2.png?v=1") no-repeat 50% 50%;
  background-size: 10px;
}

.slct .slct_cont {
  min-width: 100%;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  color: #1d1d1d;
  top: 30px;
  right: 0;
  overflow: hidden;
  height: 0;
  visibility: hidden;
  border-color: #ebedf1;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  max-height: 200px;
  z-index: 2;
  overflow-y: hidden;
}

.slct .slct_cont li {
  font-size: 14px;
  padding: 3px 9px 1px 9px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.slct .slct_cont li.select {
  font-weight: 800;
  background: #ebedf1;
}

.slct .slct_cont li:hover {
  background-color: rgba(168, 183, 199, 0.2);
}

.slct.on .slct_tit:after {
  background: url("../image/common/arr_slct_up2.png?v=1") no-repeat 50% 50%;
  background-size: 10px;
}

.slct.on .slct_cont {
  visibility: visible;
  height: auto;
  border: 1px solid #ebedf1;
  padding: 8px 0;
  display: block;
  z-index: 2;
  overflow-y: auto;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
textarea,
.select2-search__field {
  border: 1px solid #dcdcdc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 32px;
  padding: 0 12px;
  line-height: 1;
  color: #212121;
  font-size: 14px;
  min-height: 32px;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.select2-search__field::-webkit-input-placeholder {
  color: #999;
}

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder,
.select2-search__field::-moz-placeholder {
  color: #999;
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.select2-search__field:-ms-input-placeholder {
  color: #999;
}

input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder,
.select2-search__field::-ms-input-placeholder {
  color: #999;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
select::placeholder,
textarea::placeholder,
.select2-search__field::placeholder {
  color: #999;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
select:disabled,
textarea:disabled,
.select2-search__field:disabled {
  background: #f9f9f9;
  color: rgba(33, 33, 33, 0.6);
}

input[type="text"].ipt_date,
input[type="password"].ipt_date,
input[type="tel"].ipt_date,
input[type="email"].ipt_date,
input[type="number"].ipt_date,
select.ipt_date,
textarea.ipt_date,
.select2-search__field.ipt_date {
  padding: 7px 8px 7px 34px;
  color: #333;
  font-size: 14px;
  background: #ffffff url("../image/common/ico_calendar.png?v=1") no-repeat 8px
  5px;
  background-size: auto 56.62%;
}

.ipt_date {
  background: #ffffff;
}

textarea {
  line-height: 1.6;
}

select {
  font-size: 14px;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 26px 0 8px;
  background: #ffffff url("../image/common/arr_slct_down2.png?v=1") no-repeat
  calc(100% - 10px) 50%;
  background-size: 10px;
}

select::-ms-expand {
  display: none;
}

select:disabled {
  background: url("../image/common/arr_slct_down2.png?v=1") no-repeat
  calc(100% - 10px) 50%;
  background-size: 10px;
}

select.type1 {
  color: #212121;
  padding: 0 26px 0 8px;
  background: #ffffff url("../image/common/arr_slct_down.png?v=1") no-repeat
  calc(100% - 10px) 50%;
  background-size: 10px;
}

select.type1:disabled {
  background: url("../image/common/arr_slct_down.png?v=1") no-repeat
  calc(100% - 10px) 50%;
  background-size: 10px;
}

select + select {
  margin-left: 5px;
}

select.sm {
  width: 30px;
  font-size: 12px;
  padding-right: 14px;
  background: #ffffff url("../image/common/arr_slct_down2.png?v=1") no-repeat
  calc(100% - 5px) 50%;
  background-size: 7px;
}

textarea {
  border: 1px solid #dcdcdc;
  width: 100%;
  height: 150px;
  padding: 10px 12px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  vertical-align: middle;
}

.bx_chk {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.dashboard .bx_chk {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.bx_chk input[type="checkbox"] {
  display: none;
}

.bx_chk input[type="checkbox"]:checked + label:before {
  background: url("../image/common/checkbox_on.png?v=1") no-repeat 50% 50%;
  background-size: 20px;
}

.bx_chk label {
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.bx_chk label:before {
  content: "";
  vertical-align: middle;
  margin: -2px 8px 0 0;
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  background: url("../image/common/checkbox.png?v=1") no-repeat 50% 50%;
  background-size: 20px;
}

.counsel_dashboard_pop_td {
  text-align: left;
}

.bx_chk label.box-checked:before {
  content: "";
  vertical-align: middle;
  margin: -2px 8px 0 0;
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  background: url("../image/common/checkbox_on.png?v=3") no-repeat 50% 50%;
  background-size: 20px;
}

.bx_radio {
  display: inline-block;
}

.bx_radio input[type="radio"] {
  display: none;
}

.bx_radio input[type="radio"]:checked + label {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='rgb(7, 162, 185)' stroke-width='5'%3E%3Crect width='20' height='20' rx='10' stroke='none'/%3E%3Crect x='2.5' y='2.5' width='15' height='15' rx='7.5' fill='none'/%3E%3C/g%3E%3C/svg%3E")
  no-repeat 0 50%;
  background-size: 20px;
}

.bx_radio label {
  font-size: 14px;
  padding: 1px 0 0 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  background: url("../image/common/radio.png?v=1") no-repeat 0% 50%;
  background-size: 20px;
}

.bx_radio label.box-checked {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='rgb(7, 162, 185)' stroke-width='5'%3E%3Crect width='20' height='20' rx='10' stroke='none'/%3E%3Crect x='2.5' y='2.5' width='15' height='15' rx='7.5' fill='none'/%3E%3C/g%3E%3C/svg%3E")
  no-repeat 0 50%;
  background-size: 20px;
}

.bx_radio + .bx_radio {
  margin-left: 38px;
}

.bx_radio.red input[type="radio"]:checked + label {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='rgb(230, 42, 1)' stroke-width='5'%3E%3Crect width='20' height='20' rx='10' stroke='none'/%3E%3Crect x='2.5' y='2.5' width='15' height='15' rx='7.5' fill='none'/%3E%3C/g%3E%3C/svg%3E")
  no-repeat 0 50%;
  background-size: 20px;
}

.bx_file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
}

.bx_file input[type="file"] {
  display: none;
}

.bx_file .ipt_file {
  margin: 0;
}

.bx_file .btn {
  padding: 0 17px;
  min-height: auto;
  text-align: center;
  line-height: 30px;
}

.bx_sipt {
  background: #ffffff;
  position: relative;
  display: inline-block;
  border: 1px solid #dedede;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bx_sipt .slct {
  width: 88px;
  border-right: 1px solid #dedede;
}

.bx_sipt .slct .slct_tit {
  border: none;
  border-radius: 0;
}

.bx_sipt select {
  width: 95px;
  height: 30px;
  min-height: 30px;
  border: none;
  border-radius: 0;
  vertical-align: middle;
  border-right: 1px solid #dedede;
  background-position: 70px 50%;
}

.bx_sipt input {
  vertical-align: middle;
  width: 127px;
  height: 30px;
  min-height: 30px;
  border: none;
}

.bx_sipt + .btn {
  border-radius: 0;
}

.btn {
  background: #38454c;
  color: #ffffff;
  padding: 5px 12px;
  min-width: 60px;
  min-height: 32px;
  border: solid 1px rgba(0, 0, 0, 0.48);
  border-radius: 3px;
}

.btn:not(.dis):hover {
  background-color: #40525b;
}

.btn.white {
  background: #ffffff;
  color: #1d1d1d;
  border-color: #e0e0e0;
}

.btn.white:not(.dis):hover {
  background-color: #f1f1f1;
}

.btn.blue {
  background: #0aa2b9;
  color: #ffffff;
  border-color: #0aa2b9;
}

.btn.blue:not(.dis):hover {
  background: #0b94a8;
}

.btn.red {
  background: #e62a2b;
  color: #ffffff;
  border-color: #ba3630;
}

.btn.red:not(.dis):hover {
  background: #aa3630;
  border-color: #aa3630;
}

.btn.gray {
  opacity: 0.48;
}

.btn.no_radi {
  border-radius: 0;
}

.btn + .btn {
  margin-left: 4px;
}

.btn.sm {
  font-size: 12px;
}

.btn_privacy,
.btn_emoji,
.btn_photo,
.btn_file {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  content: "";
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
}

.btn_emoji:hover,
.btn_photo:hover,
.btn_file:hover {
  opacity: 0.7;
}

.btn_emoji {
  background: url("../image/common/ico_emoji.png?v=1") no-repeat 50% 50%;
}

.btn_photo {
  background: url("../image/common/ico_photo.png?v=1") no-repeat 50% 50%;
}

.btn_file {
  background: url("../image/common/ico_file.png?v=1") no-repeat 50% 50%;
}

.transferTable {
  margin : 10px;
}

.b_state {
  background: #38454c;
  color: #ffffff;
  display: inline-block;
  min-width: 46px;
  line-height: 24px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
}

.b_state.white {
  background: #ffffff;
  color: #1d1d1d;
  border-color: #e0e0e0;
}

.b_state.white:not(.dis):hover {
  background-color: #f1f1f1;
}

.b_state.blue {
  background: #0aa2b9;
  color: #ffffff;
  border-color: #0aa2b9;
}

.b_state.blue:not(.dis):hover {
  background: #0b94a8;
}

.b_state.pink {
  background: pink;
  color: #ffffff;
  border-color: #e8d8f3;
}

.b_state.gray {
  opacity: 0.48;
}

table .t_left {
  text-align: left !important;
}

table .t_right {
  text-align: right !important;
}

.tbl {
  border-bottom: 2px solid #e3e5e9;
  background: #ffffff;
  font-size: 12px;
}

.tbl th {
  padding: 7px 5px;
  text-align: center;
  border-top: 1px solid #1d1d1d;
  border-bottom: 1px solid #f0f0f0;
}

.tbl th + th {
  border-left: 1px solid #f0f0f0;
}

.tbl td {
  padding: 7px 5px;
  text-align: center;
  border-bottom: 1px dashed #f0f0f0;
}

.tbl td + td {
  border-left: 1px solid #f0f0f0;
}

.tbl tr.selected {
  background-color: lightgrey;
}

.tbl tr:hover td,
.tbl .on td {
  background: #e2e3e6;
  cursor: pointer;
}

.tbl.bt,
.tbl .bt {
  border-top: 1px solid #1d1d1d;
}

.tbl.type1 tr:hover td {
  background: none;
}

/*상담사 통계화면 customizing*/
.counsel_tbl_line{
  position: sticky;
  background-color: white;
}

.tbl.type1 .on,
.tbl.type1 td:hover {
  background: #e2e3e6 !important;
}

.twrap .thead {
  padding-right: 5px;
  border-top: 1px solid #1d1d1d;
  border-bottom: 1px solid #f0f0f0;
}

.twrap .thead th {
  border-top: none;
  border-bottom: none;
}

.twrap .thead .tbl {
  border-bottom: none;
  word-break: keep-all;
}

.twrap .tbody .CenterStatsTableLine>thead>tr>th {
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  overflow-wrap: break-word;
}

.twrap .tbody .CenterStatsTableLine>thead>tr:nth-child(n+2)>th {
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-top: 0px;
  overflow-wrap: break-word;
}

.twrap .tbody .CenterStatsTableLine>thead>tr:nth-child(n+3)>th {
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-top: 0px;
  overflow-wrap: break-word;
}

.twrap .tbody {
  height: 203px;
  overflow-y: scroll;
}

.tbl_list {
  border-top: 1px solid #f0f0f0;
  border-bottom: 2px solid #f0f0f0;
  background: #ffffff;
}

.tbl_list th {
  padding: 13px 10px;
  border-bottom: 2px solid #e3e5e9;
  text-align: center;
}

.tbl_list td {
  padding: 13px 10px;
  text-align: center;
}

.tbl_list tbody tr:hover td {
  background: #e2e3e6;
  cursor: pointer;
}

.tbl_list tr + tr td {
  border-top: 1px solid #f0f0f0;
}

.tbl_list2 {
  border-top: 1px solid #f0f0f0;
  border-bottom: 2px solid #f0f0f0;
  background: #ffffff;
  font-size: 13px;
}

.tbl_list2 th {
  padding: 8px 10px;
  border-bottom: 2px solid #e3e5e9;
  text-align: center;
}

.tbl_list2 td {
  padding: 8px 10px;
  text-align: center;
}

.tbl_list2 tbody tr:hover td {
  background: #e2e3e6;
  cursor: pointer;
}

.tbl_list2 tr + tr td {
  border-top: 1px solid #f0f0f0;
}

.tbl_form th,
.tbl_form td:not(.count_td,[class^='c_'],td[id^='c_']) {
  height: 41px;
}

.tbl_form th:first-child,
.tbl_form td:first-child {
  border-left: none;
}

.tbl_form th:last-child,
.tbl_form td:last-child {
  border-right: none;
}

.tbl_form th {
  background: #f9f9f9;
  padding: 0 18px;
  font-size: 14px;
  border: 1px solid #f0f0f0;
}

.tbl_form td {
  background: #ffffff;
  padding: 4px 3% 4px 1.85%;
  border: 1px solid #f0f0f0;
  word-break: break-all;
}

.tbl_form td input[type="text"],
.tbl_form td input[type="password"],
.tbl_form td input[type="tel"],
.tbl_form td input[type="email"],
.tbl_form td input[type="number"],
.tbl_form td select,
.tbl_form td label {
  width: 100%;
  vertical-align: middle;
}

.tbl_form td select.sm {
  min-width: 30px;
  width: auto;
  font-size: 10px;
  padding: 0 8px 0 0;
  text-align: center;
  background-size: 5px;
  background-position: 87% 50%;
}

.tbl_form .on td {
  background: #e2e3e6;
  cursor: pointer;
}

.tbl_form .td_btns {
  text-align: right;
  padding: 8px 11px;
  background: #f9f9f9;
  border-bottom: 2px solid #e3e5e9;
}

.tbl_form.type1 {
  border: none;
}

.tbl_form.type1 th,
.tbl_form.type1 td {
  border: none;
}

.tbl_form.type1 th {
  text-align: right;
  font-size: 16px;
  padding: 5px 18px 5px 0;
  background: #ffffff;
}

.tbl_form.type1 td {
  font-size: 14px;
  padding: 5px 0;
  text-align: left;
}

.tbl_form.type1 td .bx_radio + .bx_radio {
  margin-left: 40px;
}

.tbl_form.type1 td textarea {
  height: 100px;
}

.tbl_form.type2 {
  font-size: 12px;
}

.tbl_form.type2 td {
  padding: 0 5px;
  border-left: none;
  border-right: none;
}

.tbl_form.type2 .tit {
  margin: 0 10px 0 0;
  min-width: 55px;
  display: inline-block;
}

.tbl_form.type2 .txt_gray {
  color: #a8a8a8;
  margin-left: 8px;
}

.txt_left {
  text-align: left !important;
}

.txt_right {
  text-align: right !important;
}

.paginate {
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.paginate a {
  min-width: 34px;
  padding: 9px 5px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  background: #ffffff;
  line-height: 1;
  text-align: center;
}

.paginate a + a {
  border-left: none;
}

.paginate a:hover {
  background-color: #e2e3e6;
}

.paginate a.on {
  background: #0aa2b9;
  border-color: #0aa2b9;
  color: #ffffff;
  font-weight: 800;
}

.paginate .btn_start,
.paginate .btn_prev,
.paginate .btn_next,
.paginate .btn_end {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  width: 34px;
  height: 34px;
}

.paginate .btn_start {
  background: url("../image/common/arr_start.png?v=1") no-repeat 50% 50%;
  background-size: 10px;
}

.paginate .btn_next {
  background: url("../image/common/arr_next.png?v=1") no-repeat 50% 50%;
  background-size: 6px;
}

.paginate .btn_prev {
  background: url("../image/common/arr_prev.png?v=1") no-repeat 50% 50%;
  background-size: 6px;
}

.paginate .btn_end {
  background: url("../image/common/arr_end.png?v=1") no-repeat 50% 50%;
  background-size: 10px;
}

.ico_new {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  background: url("../image/common/ico_new.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  vertical-align: middle;
  margin-top: -3px;
}

.ico_jpg,
.ico_png,
.ico_gif,
.ico_ppt,
.ico_excel,
.ico_word,
.ico_etc {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  vertical-align: middle;
  margin-top: -3px;
}

.ico_jpg {
  background: url("../image/common/ico_jpg.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_png {
  background: url("../image/common/ico_png.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_gif {
  background: url("../image/common/ico_gif.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_ppt {
  background: url("../image/common/ico_ppt.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_excel {
  background: url("../image/common/ico_excel.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_word {
  background: url("../image/common/ico_word.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
  margin-top: -3px;
}

.ico_etc {
  background: url("../image/common/ico_etc.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
  margin-top: -3px;
}

.ico_check,
.ico_add,
.ico_remove,
.ico_up_arrow,
.ico_down_arrow{
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  vertical-align: middle;
  margin-top: -3px;
}

.ico_add:hover{
  filter: invert(40%) sepia(58%) saturate(6631%) hue-rotate(232deg) brightness(98%) contrast(102%);
  cursor: pointer;
}

.ico_remove:hover, .ico_up_arrow:hover, .ico_down_arrow:hover{
  filter: invert(15%) sepia(78%) saturate(5426%) hue-rotate(356deg) brightness(100%) contrast(119%);
  cursor: pointer;
}

.ico_add {
  background: url("../image/common/ico_add.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
  margin-top: -3px;
}

.ico_remove, ico_up_arrow, ico_down_arrow {
  background: url("../image/common/ico_remove.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
  margin-top: -3px;
}

.ico_up_arrow {
  background: url("../image/common/ico_up_arrow.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
  margin-top: -3px;
}

.ico_down_arrow {
  background: url("../image/common/ico_down_arrow.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
  margin-top: -3px;
}

.ico_check {
  background: url("../image/common/ico_check.png?v=3") no-repeat 50% 50%;
  background-size: 100%;
  margin-top: -3px;
}

.ico_search {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14.501' viewBox='0 0 14 14.501'%3E%3Cpath d='M14.771 13.208 11.32 9.619a5.852 5.852 0 1 0-4.481 2.091 5.792 5.792 0 0 0 3.354-1.059l3.477 3.617a.764.764 0 1 0 1.1-1.059zM6.839 1.527a4.327 4.327 0 1 1-4.328 4.328 4.332 4.332 0 0 1 4.328-4.328z' transform='translate(-.984)' style='fill:rgb(174, 174, 174)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 100%;
  vertical-align: middle;
  margin-top: -3px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
}

.ico_close {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z' /%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 100%;
  vertical-align: middle;
  margin-top: -3px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
}

.ico_user {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c2.757 0 5 2.243 5 5.001 0 2.756-2.243 5-5 5s-5-2.244-5-5c0-2.758 2.243-5.001 5-5.001zm0-2c-3.866 0-7 3.134-7 7.001 0 3.865 3.134 7 7 7s7-3.135 7-7c0-3.867-3.134-7.001-7-7.001zm6.369 13.353c-.497.498-1.057.931-1.658 1.302 2.872 1.874 4.378 5.083 4.972 7.346h-19.387c.572-2.29 2.058-5.503 4.973-7.358-.603-.374-1.162-.811-1.658-1.312-4.258 3.072-5.611 8.506-5.611 10.669h24c0-2.142-1.44-7.557-5.631-10.647z' style='fill:rgb(200, 200, 200)' /%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 100%;
  vertical-align: middle;
  margin-top: -3px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
}

.ico_search.white {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14.501' viewBox='0 0 14 14.501'%3E%3Cpath d='M14.771 13.208 11.32 9.619a5.852 5.852 0 1 0-4.481 2.091 5.792 5.792 0 0 0 3.354-1.059l3.477 3.617a.764.764 0 1 0 1.1-1.059zM6.839 1.527a4.327 4.327 0 1 1-4.328 4.328 4.332 4.332 0 0 1 4.328-4.328z' transform='translate(-.984)' style='fill:rgb(255, 255, 255)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 100%;
}

.sortImage {
  font-size: 10px;
}

.btn_record {
  content: "";
  width: 18px;
  height: 15px;
  display: inline-block;
  position: relative;
  background: url("../image/common/btn_record.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  vertical-align: middle;
  margin-top: -3px;
}

.btn_msg {
  content: "";
  width: 18px;
  height: 13px;
  display: inline-block;
  position: relative;
  background: url("../image/common/btn_msg.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  vertical-align: middle;
  margin-top: -3px;
}

.btn_doc {
  content: "";
  width: 15px;
  height: 18px;
  display: inline-block;
  position: relative;
  background: url("../image/common/btn_doc.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  vertical-align: middle;
  margin-top: -3px;
}

.txt_point1 {
  color: #0aa2b9 !important;
}

.txt_point2 {
  color: #38454c !important;
}

.txt_point3 {
  color: #e62a2b !important;
}

.txt_black {
  color: #1d1d1d !important;
}

.txt_white {
  color: #ffffff !important;
}

.link_txt {
  text-decoration: underline !important;
  color: #333;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

.coln {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.coln .col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.coln .shrink {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.coln.between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.coln.end {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end;
}

.coln.start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.col2,
.col3,
.col4,
.col5,
.col6,
.col7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.col2 > .col,
.col3 > .col,
.col4 > .col,
.col5 > .col,
.col6 > .col,
.col7 > .col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 33.3%;
}

.col2 > .col + .col,
.col3 > .col + .col,
.col4 > .col + .col,
.col5 > .col + .col,
.col6 > .col + .col,
.col7 > .col + .col {
  margin-left: 18px;
}

.coln {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.col2 > .col {
  width: 50%;
}

.col4 > .col {
  width: 25%;
}

.col5 > .col {
  width: 20%;
}

.col6 > .col {
  width: 16.6%;
}

.col7 > .col {
  width: 14.28%;
}

.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dis,
.disabled {
  opacity: 0.48 !important;
}

.btn_close, .btn_delete_file {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15.999' viewBox='0 0 16 15.999'%3E%3Cpath data-name='패스 57' d='m9.415 8 6.292-6.292A1 1 0 0 0 14.292.294L8 6.586 1.708.294A1 1 0 0 0 .293 1.709L6.585 8 .293 14.293a1 1 0 1 0 1.415 1.415L8 9.415l6.292 6.292a1 1 0 0 0 1.415-1.415z' transform='translate(0 -.001)' style='fill:rgb(0, 0, 0)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 100%;
}

.btn_menu {
  background: url("../image/common/ico_menu.png") no-repeat 50% 50%;
  background-size: 18px;
  width: 18px;
  height: 18px;
}

.btn_reload {
  background: url("../image/common/ico_reload.png") no-repeat 50% 50%;
  background-size: 18px;
  width: 18px;
  height: 18px;
}

.btn_add,
.btn_minus,
.btn_search {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 3px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  position: relative;
}

.btn_add:after,
.btn_minus:after,
.btn_search:after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn_add:after,
.btn_minus:after,
.btn_search:after {
  content: "";
  width: 16px;
  height: 1px;
  display: inline-block;
  position: absolute;
  background: #b8b8b8;
}

.btn_add:hover,
.btn_minus:hover,
.btn_search:hover {
  background: #e2e3e6;
}

.btn_add:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn_add:before {
  content: "";
  width: 1px;
  height: 16px;
  display: inline-block;
  position: absolute;
  background: #b8b8b8;
}

.btn_search {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14.501' viewBox='0 0 14 14.501'%3E%3Cpath d='M14.771 13.208 11.32 9.619a5.852 5.852 0 1 0-4.481 2.091 5.792 5.792 0 0 0 3.354-1.059l3.477 3.617a.764.764 0 1 0 1.1-1.059zM6.839 1.527a4.327 4.327 0 1 1-4.328 4.328 4.332 4.332 0 0 1 4.328-4.328z' transform='translate(-.984)' style='fill:rgb(201, 201, 201)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 16px;
}

.btn_search:hover {
  background: #e2e3e6
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14.501' viewBox='0 0 14 14.501'%3E%3Cpath d='M14.771 13.208 11.32 9.619a5.852 5.852 0 1 0-4.481 2.091 5.792 5.792 0 0 0 3.354-1.059l3.477 3.617a.764.764 0 1 0 1.1-1.059zM6.839 1.527a4.327 4.327 0 1 1-4.328 4.328 4.332 4.332 0 0 1 4.328-4.328z' transform='translate(-.984)' style='fill:rgb(201, 201, 201)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 16px;
}

.btn_search:before,
.btn_search:after {
  display: none;
}

.c_dialog {
  width: 100%;
  overflow-y: auto;
  padding: 25px 20px;
  border: 1px solid #f0f0f0;
}

.c_dialog .noti {
  color: #a5a5a6;
  width: 100%;
  text-align: center;
  font-size: 11px;
}

.c_dialog .time {
  color: #a8a8a8;
  font-size: 10px;
}

.c_dialog .txt {
  padding: 6px 16px;
  background: #f0f0f0;
}

.c_dialog .img {
  padding: 8px 16px;
  /*background: #f0f0f0;*/
  max-width: 90%;
  max-height: 90%;
}

.c_dialog .me {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 16px 0;
  flex-wrap: wrap;
}

.c_dialog .line {
  display:flex;
  flex-basis:100%;
  align-items:center;
  color:rgba(0,0,0,0.35);
  font-size:11px;
  margin:8px 0px;
  /*border: 1px #a8a8a8 dashed;*/
}

.c_dialog .prev_btn {
  background: #38454c;
  color: #ffffff;
  padding: 5px 12px;
  min-width: 60px;
  min-height: 32px;
  border: solid 1px rgba(0, 0, 0, 0.48);
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}

.c_dialog .line::before{
  content:"";
  flex-grow:1;
  margin:0px 16px;
  background: #e2e3e6;
  height:1px;
  font-size:0px;
  line-height: 0px;
}
.c_dialog .line::after {
  content:"";
  flex-grow:1;
  margin:0px 16px;
  background:#e2e3e6;
  height:1px;
  font-size:0px;
  line-height: 0px;
}


.c_dialog .listComponentItem {
  padding:10px;
}

.c_dialog .listComponentItem .hover-box{
  outline: 2px solid transparent;
  z-index: 10;
  display: flex;
}

.c_dialog .listComponentItem .row-box{
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
}

.c_dialog .me .listComponentItem .hover-box row-box .ml-auto{
  margin-left: auto!important;
  max-width: 50px;
}

.c_dialog .cardComponent .txtWrap .cardComponentBtn {
  margin: 10px;
  padding: 4px;
}

.c_dialog .me .time {
  margin-right: 3px;
}

.c_dialog .me .txt {
  background: #0aa2b9;
  color: #ffffff;
  border-radius: 20px 20px 0 20px;
  text-align: left;
  /*max-width: 70%;*/
  word-wrap: break-word;
  word-break: break-all;
  float: right;
}

.c_dialog .me .txt a {
  color: #ffffff;
}

.c_dialog .me .img {
  background: #0aa2b9;
  color: #ffffff;
  border-radius: 20px 20px 0 20px;
  text-align: right;
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 80%;
}

.c_dialog .user .img {
  background: #dcdcdc;
  color: #ffffff;
  border-radius: 20px 20px 20px 0;
  text-align: left;
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 80%;
}

.c_dialog .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 20px 0;
}

.c_dialog .user .userName,
.c_dialog .me .meName {
  font-size: 10px;
  /*margin-bottom: 5px;*/
  display: inline-block;
}

.c_dialog .me .meName {
  float: right;
}

.c_dialog .user em {
  content: "";
  width: 36px;
  height: 36px;
  display: inline-block;
  position: relative;
  background: #dcdcdc
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg id='고객정보' transform='translate(-83.959 -162)'%3E%3Crect id='사각형_232' data-name='사각형 232' width='28' height='28' transform='translate(83.959 162)' fill='rgba(255,255,255,0)'/%3E%3Cg id='_2561496_user_icon' data-name='2561496_user_icon' transform='translate(84.959 163)'%3E%3Cpath id='패스_148' data-name='패스 148' d='M21.778,21.667V19.444A4.444,4.444,0,0,0,17.333,15H8.444A4.444,4.444,0,0,0,4,19.444v2.222' transform='translate(0 1.333)' fill='none' stroke='rgb(168, 168, 168)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='타원_14' data-name='타원 14' cx='4.444' cy='4.444' r='4.444' transform='translate(8.444 3)' fill='none' stroke='rgb(168, 168, 168)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 20px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  border-radius: 36px;
  margin-right: 5px;
  align-self: baseline;
}

.c_dialog .user .time {
  margin-left: 3px;
}

.c_dialog .user .txt {
  background: #dcdcdc;
  border-radius: 20px 20px 20px 0;
  text-align: left;
  /*max-width: 70%;*/
  word-wrap: break-word;
  word-break: break-all;
  float: left;
}

.pop {
  position: relative;
  min-width: 376px;
  max-height: 90%;
  padding: 0;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.18);
  border: solid 1px #e3e5e9;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 9999999999;
}

.pop .ui-dialog-titlebar {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 44px;
  border-bottom: 1px solid #f2f2f2;
  padding: 0 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 16px;
}

.pop .ui-dialog-titlebar .sub_tit {
  font-size: 12px;
  line-height: 16px;
  font-weight: 100;
  color: #999;
  position: relative;
  padding-left: 11px;
  vertical-align: middle;
  margin: 2px 0 0 12px;
}

.pop .ui-dialog-titlebar .sub_tit::before {
  content: "";
  width: 2px;
  height: 16px;
  display: block;
  position: absolute;
  background: #dcdcdc;
  top: 0;
  left: 0;
}

.pop .ui-widget-content {
  width: 100% !important;
  max-height: calc(100% - 44px) !important;
  overflow-y: auto;
}

.pop .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  min-height: 55px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: auto;
  min-height: 80px !important;
}

.pop .btns {
  width: 100%;
  margin-top: 10px;
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-top: 1px solid #f2f2f2;
  background: #efefef;
}

.pop .ui-dialog-titlebar-close {
  width: 16px;
  height: 16px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15.999' viewBox='0 0 16 15.999'%3E%3Cpath data-name='패스 57' d='m9.415 8 6.292-6.292A1 1 0 0 0 14.292.294L8 6.586 1.708.294A1 1 0 0 0 .293 1.709L6.585 8 .293 14.293a1 1 0 1 0 1.415 1.415L8 9.415l6.292 6.292a1 1 0 0 0 1.415-1.415z' transform='translate(0 -.001)' style='fill:rgb(168, 168, 168)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 100%;
}

.pop .area_search {
  width: 100%;
  height: 32px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pop .area_search .bx_iptauto,
.pop .area_search .select2,
.pop .area_search .selection {
  width: 100%;
  height: 100%;
}

.pop .area_search .btn {
  border-radius: 0;
}

.pop .full {
  width: 100%;
}

.pop .on_chart {
  text-align: left;
}

.pop .on_chart .area_search {
  margin-top: 10px;
}

.pop .on_chart .col {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 419px;
  overflow-y: auto;
}

.pop .on_chart .col:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.pop .chatbot .bx_date {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 220px;
}

.pop .chatbot .area_search {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pop .chatbot .txt_gray {
  color: #a5a5a6;
}

.pop .record .wave {
  width: 100%;
}

.pop .record .wave .bx {
  content: "";
  width: 100%;
  height: 60px;
  display: inline-block;
  position: relative;
  border: 1px solid #f2f2f2;
}

.pop .record .wave .bx_time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.pop .record .wave .bx_play {
  content: "";
  width: 100%;
  height: 4px;
  display: block;
  position: relative;
  background: #e3e5e9;
  border-radius: 2px;
}

.pop .record .wave .bx_play .bar {
  content: "";
  width: 0;
  height: 4px;
  display: block;
  position: absolute;
  background: #0aa2b9;
  top: 0;
  left: 0;
  border-radius: 2px;
  margin: 0;
}

.pop .record .wave .bx_play .bar:before {
  content: "";
  vertical-align: middle;
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  background: #0aa2b9;
  border-radius: 12px;
  top: 50%;
  right: -6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pop .record .wave h4 {
  display: inline-block;
  vertical-align: middle;
}

.pop .record .wave .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 15px auto 35px;
}

.pop .record .wave .control .btn_ctr {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
}

.pop .record .wave .control .btn_ctr:hover {
  opacity: 0.48;
}

.pop .record .wave .control .btn_ctr + .btn_ctr {
  margin-left: 5px;
}

.pop .record .wave .control .btn_ctr.stop {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(-759.206 -519)'%3E%3Cg transform='translate(759.206 519)' style='fill:%23fff;stroke:rgb(168, 168, 168);stroke-width:2px'%3E%3Crect width='32' height='32' rx='16' style='stroke:none'/%3E%3Crect x='1' y='1' width='30' height='30' rx='15' style='fill:none'/%3E%3C/g%3E%3Crect width='12' height='12' rx='2' transform='translate(769.206 529)' style='fill:rgb(168, 168, 168)'/%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.pop .record .wave .control .btn_ctr.stop.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(-759.206 -519)'%3E%3Cg transform='translate(759.206 519)' style='fill:%23fff;stroke:rgb(10, 162, 185);stroke-width:2px'%3E%3Crect width='32' height='32' rx='16' style='stroke:none'/%3E%3Crect x='1' y='1' width='30' height='30' rx='15' style='fill:none'/%3E%3C/g%3E%3Crect width='12' height='12' rx='2' transform='translate(769.206 529)' style='fill:rgb(10, 162, 185)'/%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.pop .record .wave .control .btn_ctr.play {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='사각형 32' style='fill:%23fff;stroke:rgb(168, 168, 168);stroke-width:2px'%3E%3Crect width='32' height='32' rx='16' style='stroke:none'/%3E%3Crect x='1' y='1' width='30' height='30' rx='15' style='fill:none'/%3E%3C/g%3E%3Cpath data-name='다각형 1' d='M6.136 1.481a1 1 0 0 1 1.728 0l5.259 9.019a1 1 0 0 1-.864 1.5H1.741a1 1 0 0 1-.864-1.5z' transform='rotate(90 7 16)' style='fill:rgb(168, 168, 168)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.pop .record .wave .control .btn_ctr.play.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='사각형 32' style='fill:%23fff;stroke:rgb(10, 162, 185);stroke-width:2px'%3E%3Crect width='32' height='32' rx='16' style='stroke:none'/%3E%3Crect x='1' y='1' width='30' height='30' rx='15' style='fill:none'/%3E%3C/g%3E%3Cpath data-name='다각형 1' d='M6.136 1.481a1 1 0 0 1 1.728 0l5.259 9.019a1 1 0 0 1-.864 1.5H1.741a1 1 0 0 1-.864-1.5z' transform='rotate(90 7 16)' style='fill:rgb(10, 162, 185)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.pop .record .wave .control .btn_ctr.pause {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:rgb(168, 168, 168) %3C/style%3E%3C/defs%3E%3Cg id='일시정지' transform='translate(-759.206 -519)'%3E%3Cg id='사각형_43' data-name='사각형 43' transform='translate(759.206 519)' style='fill:%23fff;stroke:rgb(168, 168, 168);stroke-width:2px'%3E%3Crect width='32' height='32' rx='16' style='stroke:none'/%3E%3Crect x='1' y='1' width='30' height='30' rx='15' style='fill:none'/%3E%3C/g%3E%3Cg id='그룹_271' data-name='그룹 271' transform='translate(397.76 173.09)'%3E%3Cg id='그룹_269' data-name='그룹 269' transform='translate(374.239 355.91)'%3E%3Cg id='그룹_268' data-name='그룹 268'%3E%3Cpath id='패스_155' data-name='패스 155' class='cls-2' d='M375 367.91a.764.764 0 0 1-.763-.766c.009-4 .017-10.086 0-10.428a.772.772 0 0 1 .706-.8.756.756 0 0 1 .817.675c.023.213.015 5.861 0 10.56a.764.764 0 0 1-.76.759z' transform='translate(-374.239 -355.91)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_270' data-name='그룹 270' transform='translate(379.113 355.91)'%3E%3Cpath id='패스_156' data-name='패스 156' class='cls-2' d='M380.579 367.91a.765.765 0 0 1-.763-.766c.01-4.006.018-10.088 0-10.428a.771.771 0 0 1 .708-.8.753.753 0 0 1 .816.676c.022.213.014 5.86 0 10.559a.765.765 0 0 1-.761.759z' transform='translate(-379.814 -355.91)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.pop .record .wave .control .btn_ctr.pause.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:rgb(10, 162, 185) %3C/style%3E%3C/defs%3E%3Cg id='일시정지' transform='translate(-759.206 -519)'%3E%3Cg id='사각형_43' data-name='사각형 43' transform='translate(759.206 519)' style='fill:%23fff;stroke:rgb(10, 162, 185);stroke-width:2px'%3E%3Crect width='32' height='32' rx='16' style='stroke:none'/%3E%3Crect x='1' y='1' width='30' height='30' rx='15' style='fill:none'/%3E%3C/g%3E%3Cg id='그룹_271' data-name='그룹 271' transform='translate(397.76 173.09)'%3E%3Cg id='그룹_269' data-name='그룹 269' transform='translate(374.239 355.91)'%3E%3Cg id='그룹_268' data-name='그룹 268'%3E%3Cpath id='패스_155' data-name='패스 155' class='cls-2' d='M375 367.91a.764.764 0 0 1-.763-.766c.009-4 .017-10.086 0-10.428a.772.772 0 0 1 .706-.8.756.756 0 0 1 .817.675c.023.213.015 5.861 0 10.56a.764.764 0 0 1-.76.759z' transform='translate(-374.239 -355.91)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_270' data-name='그룹 270' transform='translate(379.113 355.91)'%3E%3Cpath id='패스_156' data-name='패스 156' class='cls-2' d='M380.579 367.91a.765.765 0 0 1-.763-.766c.01-4.006.018-10.088 0-10.428a.771.771 0 0 1 .708-.8.753.753 0 0 1 .816.676c.022.213.014 5.86 0 10.559a.765.765 0 0 1-.761.759z' transform='translate(-379.814 -355.91)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.pop .record .wave .control .btn_ctr.start {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg style='fill:%23fff;stroke:rgb(168, 168, 168);stroke-width:2px'%3E%3Crect width='32' height='32' rx='16' style='stroke:none'/%3E%3Crect x='1' y='1' width='30' height='30' rx='15' style='fill:none'/%3E%3C/g%3E%3Cpath d='m347.369 357.85-8.237 4.921c0-2.254 0-4.074.008-4.285a.756.756 0 0 0-1.506-.131c-.022.212-.014 5.863 0 10.568a.757.757 0 0 0 .756.754.756.756 0 0 0 .754-.758c0-1.314-.006-2.849-.007-4.334l8.235 4.919a.8.8 0 0 0 1.212-.688v-10.278a.8.8 0 0 0-1.215-.688z' transform='translate(-327.101 -347.677)' style='fill:rgb(168, 168, 168)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.pop .record .wave .control .btn_ctr.start.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg style='fill:%23fff;stroke:rgb(10, 162, 185);stroke-width:2px'%3E%3Crect width='32' height='32' rx='16' style='stroke:none'/%3E%3Crect x='1' y='1' width='30' height='30' rx='15' style='fill:none'/%3E%3C/g%3E%3Cpath d='m347.369 357.85-8.237 4.921c0-2.254 0-4.074.008-4.285a.756.756 0 0 0-1.506-.131c-.022.212-.014 5.863 0 10.568a.757.757 0 0 0 .756.754.756.756 0 0 0 .754-.758c0-1.314-.006-2.849-.007-4.334l8.235 4.919a.8.8 0 0 0 1.212-.688v-10.278a.8.8 0 0 0-1.215-.688z' transform='translate(-327.101 -347.677)' style='fill:rgb(10, 162, 185)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.pop .record .wave .control .btn_ctr.end {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg style='fill:%23fff;stroke:rgb(168, 168, 168);stroke-width:2px'%3E%3Crect width='32' height='32' rx='16' style='stroke:none'/%3E%3Crect x='1' y='1' width='30' height='30' rx='15' style='fill:none'/%3E%3C/g%3E%3Cpath d='M419.846 358.354a.746.746 0 0 0-.809-.669.766.766 0 0 0-.7.8c.008.183.009 2.016.008 4.292l-8.241-4.924a.8.8 0 0 0-1.213.689v10.286a.8.8 0 0 0 1.213.689l8.239-4.924c0 1.487 0 3.022-.007 4.338a.754.754 0 0 0 .755.757.755.755 0 0 0 .756-.753c.012-4.713.021-10.368-.001-10.581z' transform='translate(-398.375 -347.683)' style='fill:rgb(168, 168, 168)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.pop .record .wave .control .btn_ctr.end.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg style='fill:%23fff;stroke:rgb(10, 162, 185);stroke-width:2px'%3E%3Crect width='32' height='32' rx='16' style='stroke:none'/%3E%3Crect x='1' y='1' width='30' height='30' rx='15' style='fill:none'/%3E%3C/g%3E%3Cpath d='M419.846 358.354a.746.746 0 0 0-.809-.669.766.766 0 0 0-.7.8c.008.183.009 2.016.008 4.292l-8.241-4.924a.8.8 0 0 0-1.213.689v10.286a.8.8 0 0 0 1.213.689l8.239-4.924c0 1.487 0 3.022-.007 4.338a.754.754 0 0 0 .755.757.755.755 0 0 0 .756-.753c.012-4.713.021-10.368-.001-10.581z' transform='translate(-398.375 -347.683)' style='fill:rgb(10, 162, 185)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.pop .record .wave .control .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pop .record .wave .control .asRange {
  vertical-align: middle;
}

.pop .record .wave .control .speed {
  width: 193px;
}

.pop .record .wave .control .speed .range_speed {
  content: "";
  width: 160px;
  height: 10px;
  display: inline-block;
  position: relative;
  background: url("../image/common/timeline.png?v=1") no-repeat 0 50%;
  background-repeat-x: repeat;
  margin: 0 auto;
}

.pop .record .wave .control .speed .range_speed:before {
  content: "";
  vertical-align: middle;
  content: "";
  width: 1px;
  height: 10px;
  display: block;
  position: absolute;
  background: #e3e5e9;
  border-radius: 12px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pop .record .wave .control .speed .range_speed .asRange-pointer,
.pop .record .wave .control .speed .range_speed .asRange-selected {
  top: 3px;
}

.pop .record .wave .control .speed .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pop .record .wave .control .speed .txt span {
  font-size: 10px;
  width: 20%;
}

.pop .record .wave .control .ico_sound {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.623' height='14' viewBox='0 0 17.623 14'%3E%3Cpath data-name='패스 126' d='M8.817 22.058a.8.8 0 0 1-1.311.616l-4.375-3.625H.8a.8.8 0 0 1-.8-.8V15.06a.8.8 0 0 1 .8-.8h2.33l4.375-3.625a.8.8 0 0 1 1.311.616v10.807zm3.076-1.251h-.058a.8.8 0 0 1-.566-.234l-.107-.107a.8.8 0 0 1-.077-1.043 4.654 4.654 0 0 0-.123-5.7.8.8 0 0 1 .055-1.07l.107-.107a.783.783 0 0 1 .606-.233.8.8 0 0 1 .58.293 6.409 6.409 0 0 1 .167 7.884.8.8 0 0 1-.585.317zm3.307 2.474a.8.8 0 0 1-.578.283h-.032a.8.8 0 0 1-.566-.234l-.105-.105a.8.8 0 0 1-.047-1.081A8.529 8.529 0 0 0 13.731 11a.8.8 0 0 1 .032-1.1l.1-.105a.779.779 0 0 1 .59-.235.8.8 0 0 1 .575.268 10.276 10.276 0 0 1 .172 13.453z' transform='translate(0 -9.565)' style='fill:rgb(0, 0, 0)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  content: "";
  width: 17px;
  height: 14px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  margin-top: 5px;
}

.pop .record .wave .control .range_sound {
  margin: 10px 0 0 10px;
}

.pop .record .area_search {
  margin-top: 25px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.pop .record .unit {
  width: 100%;
  text-align: left;
}

.pop .record .bx_info {
  width: 100%;
  border: solid 1px #e3e5e9;
  background: #fbfbfb;
  font-size: 13px;
  line-height: 24px;
  margin-top: 7px;
  padding: 12px 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pop .record .bx_info li {
  width: 50%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
}

.pop .record .bx_info strong {
  width: 83px;
  padding-right: 20px;
  display: inline-block;
}

.pop .record .bx_info span {
  display: inline-block;
}

.pop .record .c_dialog {
  height: 250px;
}
.pop.search_info
{
  width: 376px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 10% !important;
  left: 10% !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2147483647 !important;
}
.pop.autoSearch
{
  width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 9.5% !important;
  left: 15.5% !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2147483647 !important;
}
.pop.alert
{
  width: 376px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2147483647 !important;
}
.pop.confirm {
  width: 376px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2147400000 !important;
}
.pop.notice {
  width: 376px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999999999999999 !important;
}

.pop .sms_send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.pop .sms_send .left {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.pop .sms_send .right {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 410px;
}

.pop .sms_send .area_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pop .sms_send .cont_taps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.pop .sms_send .cont_taps .btn {
  border-radius: 0;
  margin-left: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.pop .sms_send .bx_iptauto {
  margin-top: 0;
}

.pop .sms_send .td_btns {
  text-align: right;
  padding-top: 0;
  background: #ffffff;
  border-bottom: none;
}

.pop .sms_send .ipt_sm {
  padding: 0;
  text-align: center;
  width: 30px;
  margin-left: 5px;
  vertical-align: middle;
}

.pop .sms_send .tbl_form th {
  vertical-align: top;
}

.pop .sms_send .tbl_form td textarea {
  height: 205px;
}

.pop .sms_send .tbl_form .bx_byte {
  text-align: right;
  font-size: 12px;
  color: #a5a5a6;
}

.pop .sms_send .tbl_form .btns {
  background: #ffffff;
  padding: 5px 0 0;
  border: none;
  margin: 0;
}

.tree_menu {
  content: "";
  width: 215px;
  height: 419px;
  display: block;
  position: relative;
  padding: 16px 10px;
  overflow: auto;
  text-align: left;
  font-size: 14px;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tree_menu li {
  display: block;
  padding-left: 7px;
}

.tree_menu li.on > a {
  color: #0aa2b9;
  font-weight: 800;
}

.tree_menu li.on > a:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.tree_menu li.on > .dep {
  display: block;
}

.tree_menu > li {
  padding-left: 0;
}

.tree_menu a {
  content: "";
  width: auto;
  height: 36px;
  display: block;
  position: relative;
  line-height: 36px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.tree_menu a:before {
  content: "";
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10.526' viewBox='0 0 6 10.526'%3E%3Cpath id='패스_51' data-name='패스 51' d='pt.263,6a.735.735,0,0,1-.521-.216L.216,1.258A.737.737,0,0,1,1.258.216l4,4,4-4A.737.737,0,0,1,10.31,1.258L5.784,5.784A.735.735,0,0,1,5.263,6Z' transform='translate(0 10.526) rotate(-90)' fill='rgb(0, 0, 0)'/%3E%3C/svg%3E%0A")
  no-repeat 11px 50%;
  background-size: 6px;
  vertical-align: middle;
  margin-top: -4px;
}

.tree_menu .no_dep a {
  padding-left: 28px;
}

.tree_menu .no_dep a::before {
  display: none;
}

.tree_menu .dep {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  display: none;
}

.tree_menu.type1 {
  width: 235px;
  height: 467px;
  overflow: auto;
}

.tree_menu.type1 a {
  white-space: nowrap;
}

.tree_menu.type1 a:before {
  content: "";
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:%23212121%7D %3C/style%3E%3C/defs%3E%3Cg id='tree_plus' transform='translate(24.999 -86.141)'%3E%3Ccircle id='타원_1' data-name='타원 1' cx='14' cy='14' r='14' transform='translate(-24.999 86.141)' style='fill:transparent'/%3E%3Cg id='사각형_43' data-name='사각형 43' style='fill:%23fff;stroke:%23212121'%3E%3Cpath style='stroke:none' d='M0 0h18v18H0z' transform='translate(-19.999 91.141)'/%3E%3Cpath style='fill:none' d='M.5.5h17v17H.5z' transform='translate(-19.999 91.141)'/%3E%3C/g%3E%3Cg id='추가' transform='translate(-1253.999 -378.859)'%3E%3Cpath id='사각형_192' data-name='사각형 192' class='cls-3' transform='translate(1238 478)' d='M0 0h10v2H0z'/%3E%3Cpath id='사각형_279' data-name='사각형 279' class='cls-3' transform='rotate(90 385 859)' d='M0 0h10v2H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 0 0;
  margin-right: 10px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.tree_menu.type1 a:after {
  content: "";
  width: 1px;
  height: 20px;
  display: block;
  position: absolute;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-repeat-y: repeat;
  top: 10px;
  left: 23px;
  margin: 0;
  border-left: 1px dotted #1d1d1d;
}

.tree_menu.type1 > ul {
  margin-left: -7px;
}

.tree_menu.type1 .ul > li {
  padding: 0;
}

.tree_menu.type1 .ul > li:before {
  top: 16px;
  left: 14px;
}

.tree_menu.type1 .ul > li:last-child:before {
  height: calc(50% - 16px);
}

.tree_menu.type1 .ul > li:last-child.on:before {
  display: none;
}

.tree_menu.type1 .ul > li:last-child.on:after {
  left: 26px;
}

.tree_menu.type1 li {
  position: relative;
  padding-left: 26px;
}

.tree_menu.type1 li a:before {
  z-index: 3;
}

.tree_menu.type1 li:last-child:before {
  height: calc(100% - 16px);
}

.tree_menu.type1 li:before {
  content: "";
  width: 1px;
  height: calc(100% - 1px);
  display: block;
  position: absolute;
  border-left: 1px dotted #1d1d1d;
  background-repeat-y: repeat;
  top: 0;
  left: 40px;
  z-index: 1;
}

.tree_menu.type1 li:last-child.on:after {
  content: "";
  width: 1px;
  height: 25px;
  display: block;
  position: absolute;
  border-left: 1px dotted #1d1d1d;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-repeat-y: repeat;
  bottom: 5px;
  left: 48px;
  margin: 0;
}

.tree_menu.type1 li.on > a:before {
  padding-left: 0;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg transform='translate(24.999 -86.141)'%3E%3Ccircle data-name='타원 1' cx='14' cy='14' r='14' transform='translate(-24.999 86.141)' style='fill:transparent'/%3E%3Cg data-name='사각형 43' style='fill:%23fff;stroke:%23212121'%3E%3Cpath style='stroke:none' d='M0 0h18v18H0z' transform='translate(-19.999 91.141)'/%3E%3Cpath style='fill:none' d='M.5.5h17v17H.5z' transform='translate(-19.999 91.141)'/%3E%3C/g%3E%3Cpath data-name='사각형 192' transform='translate(-15.999 99.141)' style='fill:%23212121' d='M0 0h10v2H0z'/%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 28px;
  z-index: 3;
}

.tree_menu.type1 li.on:last-child:before {
  height: 15px;
}

.tree_menu.type1 li.on:last-child:after {
  display: none;
}

.tree_menu.type1 .no_dep a {
  padding-left: 38px;
}

.tree_menu.type1 .no_dep a:before {
  display: none;
}

.pop_bg {
  content: "";
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  z-index: 9980;
}

.bx_guide {
  width: 100%;
  padding: 12px 16px 15px;
  background: #fffbe3;
  border: 1px solid #d8d2b0;
  margin: 24px 0 26px;
  text-align: left;
}

.bx_guide h3 {
  margin-top: 0;
}

.tap_cont {
  width: 100%;
  max-width: 1564px;
  background: #ebedf1;
  padding: 12px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}

.tap_cont .unit {
  content: "";
  width: 280px;
  height: auto;
  display: block;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tap_cont .unit .cont {
  background: #ffffff;
  border-radius: 5px;
  padding: 0 16px 15px;
}

.tap_cont .unit h3 {
  width: 100%;
  padding: 12px 0;
  margin: 0;
}

.tap_cont .unit + .unit {
  margin-left: 12px;
}

.tap_cont .unit .btns {
  margin-top: 8px;
  text-align: left;
}

.tap_cont .unit .btns .btn {
  border-radius: 0;
}

.tap_cont .tbody {
  height: 270px;
}

.tap_cont .tbody td.no_border {
  border-left: none;
}

.tap_cont .btn_move {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'%3E%3Crect width='12' height='2' fill='%23a8a8a8'/%3E%3Crect width='12' height='2' transform='translate(0 4)' fill='rgb(168, 168, 168)'/%3E%3C/svg%3E")
  no-repeat 50% 50%;
  vertical-align: middle;
}

button:not(.dis):hover .tooltip,
a:not(.dis):hover .tooltip {
  display: block !important;
}

.tooltip {
  content: "";
  width: auto;
  height: 24px;
  display: none;
  position: absolute;
  background: rgba(10, 162, 185, 0.9);
  padding: 0 10px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
  text-align: center;
  color: #ffffff;
  left: -40px;
  bottom: -17px;
  z-index: 5;
  white-space: nowrap;
}

.tooltip.right {
  left: auto;
  right: -30px;
}

.select2-container .select2-selection--multiple {
  height: 32px !important;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 0 !important;
  border: 1px solid #dcdcdc !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  height: 32px;
  padding: 0 12px;
  line-height: 1;
  color: #212121;
  text-align: left;
}

.select2-search__field {
  height: 100% !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 0 !important;
}

.select2-search__field:focus {
  outline: none;
}

.select2-selection {
  width: 100% !important;
  height: 100% !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 24 0 12px !important;
}

.select2-selection:focus {
  outline: none;
}

.select2-selection__rendered {
  font-size: 14px;
  line-height: 30px;
  padding: 0;
}

.select2-container--default .select2-search--inline .select2-search__field {
  line-height: 30px !important;
}

.select2-selection__choice {
  margin: 0 5px 0 0 !important;
}

.select2-container--default {
  max-height: 220px !important;
}

.select2-dropdown {
  border: none !important;
}

.select2-results__options {
  content: "";
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #ebedf1;
  background-color: white;
  overflow-y: auto;
  top:37;
  left: 0;
  z-index: 2;
}

.select2-results__options li {
  padding: 6px 10px;
  font-size: 12px;
  text-align: left;
}

.select2-results__options li:hover {
  background: #e2e3e6;
}

.bx_iptauto {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bx_iptauto .btn {
  border-radius: 0;
}

.select2-container,
.select2-dropdown {
  z-index: 10000;
}

.wrap_bx_tbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.wrap_bx_tbl .bx_tbl {
  border-top: 1px solid #1d1d1d;
  border-bottom: 2px solid #e3e5e9;
  background: #ffffff;
  font-size: 12px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.wrap_bx_tbl .bx_tbl + .bx_tbl {
  border-left: 1px solid #f0f0f0;
}

.wrap_bx_tbl .bx_tbl:last-child .tit {
  padding-right: 10px;
}

.wrap_bx_tbl .bx_tbl .tit {
  text-align: center;
  padding: 10px 5px;
  border-bottom: 1px dashed #f0f0f0;
}

.wrap_bx_tbl .bx_tbl ul {
  min-height: 162px;
  max-height: 487px;
  height: 173px;
  overflow-y: auto;
}

.wrap_bx_tbl .bx_tbl ul li {
  padding: 7px 5px;
  text-align: center;
  border-bottom: 1px dashed #f0f0f0;
}

.wrap_bx_tbl .bx_tbl ul li:hover {
  background: #e2e3e6;
  cursor: pointer;
}

.wrap_bx_tbl.col3 .bx_tbl {
  width: 33.3%;
}

.wrap_bx_tbl.col2 .bx_tbl:nth-child(1) {
  width: 33.3%;
}

.wrap_bx_tbl.col2 .bx_tbl:nth-child(2) {
  width: 66.6%;
}

.textList{
  text-align: center;
  width: 370px;
  height: 400px;
}

.wrap_bx_tbl .bx_tbl .textList tr td{
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-bottom: 1px dashed #f0f0f0;
}

.wrap_bx_tbl .bx_tbl .textList tr:hover {
  background: #e2e3e6;
  cursor: pointer;
}

.ico_kakao,
.ico_line,
.ico_facebook,
.ico_talk,
.ico_chat,
.ico_instagram,
.ico_email {
  content: "";
  width: 42px;
  height: 42px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  margin: 0 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.ico_kakao {
  background: url("../image/common/ico_kakao.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_line {
  background: url("../image/common/ico_line.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_facebook {
  background: url("../image/common/ico_facebook.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_talk {
  background: url("../image/common/ico_talk.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_instagram {
  background: url("../image/common/ico_instagram.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_talk {
  background: url("../image/common/ico_talk.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_chat {
  background: url("../image/common/ico_chat.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
}

.ico_email {
  background: url("../image/common/ico_email.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
}

.bx_search {
  display: inline-block;
}

.bx_search .ico_search {
  margin: 0 5px;
}

label.error {
  font-size: 12px;
  margin: 5px 0;
  display: block;
  color: red;
}

input.error {
  border: 1px dashed red;
}

.btn_phone {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  content: "";
  width: 18px;
  height: 28px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath data-name='패스 66' d='M16.579 11.852a10.291 10.291 0 0 1-3.229-.513 1.383 1.383 0 0 0-1.4.3l-2.05 1.54A11.414 11.414 0 0 1 4.822 8.1l1.5-2a1.434 1.434 0 0 0 .351-1.449 10.287 10.287 0 0 1-.517-3.234A1.423 1.423 0 0 0 4.737 0H1.421A1.423 1.423 0 0 0 0 1.421 16.6 16.6 0 0 0 16.579 18 1.423 1.423 0 0 0 18 16.579v-3.306a1.423 1.423 0 0 0-1.421-1.421z' style='fill:rgb(174, 174, 174)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.btn_phone.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath data-name='패스 66' d='M16.579 11.852a10.291 10.291 0 0 1-3.229-.513 1.383 1.383 0 0 0-1.4.3l-2.05 1.54A11.414 11.414 0 0 1 4.822 8.1l1.5-2a1.434 1.434 0 0 0 .351-1.449 10.287 10.287 0 0 1-.517-3.234A1.423 1.423 0 0 0 4.737 0H1.421A1.423 1.423 0 0 0 0 1.421 16.6 16.6 0 0 0 16.579 18 1.423 1.423 0 0 0 18 16.579v-3.306a1.423 1.423 0 0 0-1.421-1.421z' style='fill:rgb(10, 162, 185)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.btn_phone:not(.dis):hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath data-name='패스 66' d='M16.579 11.852a10.291 10.291 0 0 1-3.229-.513 1.383 1.383 0 0 0-1.4.3l-2.05 1.54A11.414 11.414 0 0 1 4.822 8.1l1.5-2a1.434 1.434 0 0 0 .351-1.449 10.287 10.287 0 0 1-.517-3.234A1.423 1.423 0 0 0 4.737 0H1.421A1.423 1.423 0 0 0 0 1.421 16.6 16.6 0 0 0 16.579 18 1.423 1.423 0 0 0 18 16.579v-3.306a1.423 1.423 0 0 0-1.421-1.421z' style='fill:rgb(34, 113, 128)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.alert_bar {
  content: "";
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  background: #0aa2b9;
  padding: 10px 0;
  text-align: center;
  font-size: 13px;
  line-height: 1.3;
  color: #ffffff;
}

.ico_pop {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath data-name='패스 236' d='M8.308 10.889v1.554a.866.866 0 0 1-.865.865H2.25a.866.866 0 0 1-.865-.865V7.25a.866.866 0 0 1 .865-.865h1.583L5.218 5H2.25A2.25 2.25 0 0 0 0 7.25v5.192a2.25 2.25 0 0 0 2.25 2.25h5.192a2.25 2.25 0 0 0 2.25-2.25V9.5z' transform='translate(0 -2.692)' style='fill:rgb(168, 168, 168)'/%3E%3Cg data-name='그룹 353'%3E%3Cg data-name='패스 237' style='fill:none'%3E%3Cpath d='M14.947 0h-4.735c-.87 0-.81.235-.351.694l1.486 1.486L8.8 4.728a1.351 1.351 0 0 0 0 1.911l1.112 1.113a1.352 1.352 0 0 0 1.911 0L14.371 5.2l1.458 1.458c.508.508.7.521.7-.349V1.578C16.525-.008 16.536 0 14.947 0z' style='stroke:none' transform='translate(-4.525)'/%3E%3Cpath d='M15.051 1.3h-2.745l.88.88-3.467 3.467a.047.047 0 0 0-.015.036c0 .021.01.031.015.037L10.83 6.83a.05.05 0 0 0 .037.016c.022 0 .032-.01.037-.015l3.467-3.467.854.854V1.3h-.174m0-1.3c1.484 0 1.474.027 1.474 1.578v4.734c0 .87-.188.858-.696.35l-1.458-1.459-2.548 2.548a1.352 1.352 0 0 1-1.91 0L8.8 6.64a1.35 1.35 0 0 1 0-1.911l2.547-2.548L9.861.694c-.459-.459-.52-.693.351-.694h4.839z' style='fill:%23a8a8a8;stroke:none' transform='translate(-4.525)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 100%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  vertical-align: middle;
  margin: -3px 6px 0 0;
  opacity: 0.8;
  cursor: pointer;
}

.ico_pop:hover {
  opacity: 0.48;
}

.tablesorter-headerDesc {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none slice' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M5,0l5,6H0Z' transform='translate(10 6) rotate(180)' fill='rgb(0 , 0, 0)'/%3E%3C/svg%3E%0A")
  no-repeat 95% 50%;
  background-size: 10px;
}

.tablesorter-headerUnSorted,
.tablesorter-headerAsc {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none slice' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M5,0l5,7H0Z' fill='rgb(0 , 0, 0)'/%3E%3C/svg%3E%0A")
  no-repeat 95% 50%;
  background-size: 10px;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  right: 6px;
}

iframe {
  width: calc(100% - 66px);
  overflow-y: scroll;
}

.p_board .content,
.p_sub .content {
  padding: 24px;
  height: 100%;
  overflow-y: auto;
}

.p_board .area_search,
.p_sub .area_search {
  padding: 25px 0 15px 25px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p_board .area_search .ipt_date,
.p_sub .area_search .ipt_date {
  margin: 0 5px;
}

.p_board .area_search .btn,
.p_sub .area_search .btn {
  border-radius: 0;
}

.p_board .btns,
.p_sub .btns {
  text-align: right;
  margin-top: 20px;
}

.p_board .detail,
.p_board .write {
  line-height: 1.7;
  color: #333;
}

.p_board .detail .file .file_top,
.p_board .write .file .file_top {
  margin: 20px 12px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p_board .detail .file .file_top .c_tit,
.p_board .write .file .file_top .c_tit {
  font-size: 14px;
  display: block;
}

.p_board .detail .file ul,
.p_board .write .file ul {
  display: block;
  padding: 12px 12px 11px 12px;
  background: #fbfbfb;
  border-bottom: 2px solid #e3e5e9;
  border-top: 1px solid #f0f0f0;
  max-height: 92px;
  overflow: auto;
}

.p_board .detail .file em,
.p_board .write .file em {
  margin-right: 5px;
}

.p_board .detail .file button,
.p_board .write .file button {
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  color: #333;
}

.p_board .detail .file button:hover,
.p_board .write .file button:hover {
  opacity: 0.7;
}

.p_board .detail .file .btn_close,
.p_board .write .file .btn_close,
.p_board .write .file .btn_delete_file {
  margin-left: 7px;
  border: 1px solid #1d1d1d;
  border-radius: 2px;
  width: 15px;
  height: 15px;
  background: #1d1d1d
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15.999' viewBox='0 0 16 15.999'%3E%3Cpath data-name='패스 57' d='m9.415 8 6.292-6.292A1 1 0 0 0 14.292.294L8 6.586 1.708.294A1 1 0 0 0 .293 1.709L6.585 8 .293 14.293a1 1 0 1 0 1.415 1.415L8 9.415l6.292 6.292a1 1 0 0 0 1.415-1.415z' transform='translate(0 -.001)' style='fill:rgb(255, 255, 255)'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 7px;
}

.p_board .detail .btns,
.p_board .write .btns {
  text-align: right;
  padding-top: 23px;
}

.p_board .detail {
  line-height: 1.7;
  color: #333;
}

.p_board .detail .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 37px 12px 14px;
  border-bottom: 2px solid #e3e5e9;
}

.p_board .detail .top h2 {
  font-size: 16px;
}

.p_board .detail .top span {
  margin: 0 4px;
}

.p_board .detail .cont {
  min-height: 300px;
  background: #fbfbfb;
  border-bottom: 1px solid #f0f0f0;
  padding: 25px 40px 12px;
}

.p_board .detail .cont ul {
  list-style-type: disc;
}

.p_board .detail .cont ol {
  list-style-type: decimal;
}

.p_board .write {
  margin-top: 27px;
  margin-bottom: 30px;
}

.p_board .write .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}

.p_board .write .editor {
  padding: 15px 0 12px;
  border-bottom: 1px solid #f0f0f0;
}

.p_board .write .file .file_top {
  margin: 20px 12px 8px;
}

.p_board .write textarea {
  height: 350px;
}

.p_board .btns {
  text-align: right;
}

.main .container .btns {
  text-align: right;
  padding: 16px 0 14px;
}

.main .content {
  overflow-y: auto;
}

.main .gnb {
  min-height: 504px;
}

.main .u_kind .bx + .bx {
  margin-top: 15px;
}

.main .u_kind .btns {
  width: 90px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  padding: 0 0 0 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main .counsel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.main .counsel .top {
  padding-right: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.main .datetimepicker {
  margin-left: -20px;
}

.main .datetimepicker-dropdown-bottom-right:before,
.main .datetimepicker-dropdown-bottom-right:after {
  left: 30px;
}

.main .bx_detail {
  width: 100%;
  height: 175px;
  overflow-y: auto;
  border: 1px solid #dcdcdc;
  padding: 10px 16px;
}

.main .tbl_form td input[type="text"],
.main .tbl_form td input[type="password"],
.main .tbl_form td input[type="tel"],
.main .tbl_form td input[type="email"],
.main .tbl_form td input[type="number"],
.main .tbl_form td select {
  height: 28px;
  min-height: 28px;
  line-height: 28px;
  font-size: 14px;
  padding: 0 10px;
}

.main .tbl_form td input[type="text"].ipt_date,
.main .tbl_form td input[type="password"].ipt_date,
.main .tbl_form td input[type="tel"].ipt_date,
.main .tbl_form td input[type="email"].ipt_date,
.main .tbl_form td input[type="number"].ipt_date,
.main .tbl_form td select.ipt_date {
  padding: 0 10px 0 30px;
}

.main .tbl_form td.td_phone input[type="text"] {
  width: calc(100% - 34px);
  vertical-align: middle;
}

.note-editor {
  background: #fff;
}

.note-editor ul {
  list-style-type: disc;
}

.note-editor ol {
  list-style-type: decimal;
}

.note-editor dl {
  list-style: none;
}

.note-editor ul,
.note-editor li,
.note-editor dl,
.note-editor dt,
.note-editor dd,
.note-editor ol {
  padding: 10px !important;
}

.pop .bx_guide {
  margin: 10px 0;
}

.p_login {
  background: #f7f7f7;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p_login h1.tit {
  width: 100%;
  font-size: 26px;
  position: relative;
  padding: 0 15px;
  margin-bottom: 30px;
  position: relative;
  color: #38454c;
}

.p_login h1.tit::before {
  content: "";
  width: 7px;
  height: 26px;
  display: block;
  position: absolute;
  background: #38454c;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p_login h1.tit span {
  font-size: 12px;
  font-weight: normal;
  color: #999;
}

.p_login .content {
  content: "";
  width: 1420px;
  height: 520px;
  display: block;
  position: relative;
  background: url("../image/common/bg_login.png?v=1") no-repeat 0 50%;
  margin: 0 auto;
  padding-left: 730px;
}

.p_login .unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 390px;
  padding: 50px 0;
}

.p_login .logo {
  content: "";
  width: 152px;
  height: 70px;
  display: block;
  position: relative;
  background: url("../image/common/login_logo.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  margin-bottom: 24px;
}

.p_login input[type="text"],
.p_login input[type="password"],
.p_login input[type="tel"],
.p_login input[type="email"] {
  content: "";
  width: 100%;
  height: 48px;
  display: block;
  position: relative;
}

.p_login input[type="text"] + input[type="text"],
.p_login input[type="text"] + input[type="password"],
.p_login input[type="text"] + input[type="tel"],
.p_login input[type="text"] + input[type="email"],
.p_login input[type="password"] + input[type="text"],
.p_login input[type="password"] + input[type="password"],
.p_login input[type="password"] + input[type="tel"],
.p_login input[type="password"] + input[type="email"],
.p_login input[type="tel"] + input[type="text"],
.p_login input[type="tel"] + input[type="password"],
.p_login input[type="tel"] + input[type="tel"],
.p_login input[type="tel"] + input[type="email"],
.p_login input[type="email"] + input[type="text"],
.p_login input[type="email"] + input[type="password"],
.p_login input[type="email"] + input[type="tel"],
.p_login input[type="email"] + input[type="email"] {
  margin-top: 10px;
}

.p_login .bx_pw {
  content: "";
  width: 100%;
  height: 48px;
  display: block;
  position: relative;
  margin: 8px 0 12px;
}

.p_login .bx_pw .btn_eye {
  content: "";
  width: 20px;
  height: 48px;
  display: block;
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg id='eye' xmlns='http://www.w3.org/2000/svg' width='20.348' height='11.87' viewBox='0 0 20.348 11.87'%3E%3Cg id='그룹_8' data-name='그룹 8' transform='translate(0 0)'%3E%3Cg id='그룹_7' data-name='그룹 7' transform='translate(0 0)'%3E%3Cpath id='패스_5' data-name='패스 5' d='M20.273,112.356c-.16-.233-4.011-5.694-10.1-5.694-5.224,0-9.878,5.43-10.074,5.661a.426.426,0,0,0,0,.548c.2.231,4.851,5.661,10.074,5.661s9.878-5.43,10.074-5.661A.424.424,0,0,0,20.273,112.356Z' transform='translate(0 -106.662)' fill='%23a8a8a8'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_10' data-name='그룹 10' transform='translate(6.783 2.544)'%3E%3Cg id='그룹_9' data-name='그룹 9' transform='translate(0 0)'%3E%3Cpath id='패스_6' data-name='패스 6' d='M174.053,170.662a3.391,3.391,0,1,0,3.391,3.391A3.395,3.395,0,0,0,174.053,170.662Zm0,5.935a2.544,2.544,0,1,1,2.544-2.544A2.547,2.547,0,0,1,174.053,176.6Z' transform='translate(-170.662 -170.662)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
  background-size: 100%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  top: 0;
  right: 10px;
}

.p_login ul {
  width: 100%;
}

.p_login .btn {
  margin-top: 12px;
  width: 100%;
  height: 54px;
}

.p_login ul + .btn {
  margin-top: 12px;
}

.p_login .btns.find {
  width: 100%;
  color: #a8a8a8;
  border-top: 1px solid #f0f0f0;
  margin: 30px 0 0;
  padding-top: 13px;
  text-align: center;
}

.p_login .btns.find button {
  color: #a8a8a8;
}

.p_login .btns.find em {
  display: inline-block;
  margin: 0 10px;
}

.p_error .logo,
.p_login .logo {
  content: "";
  width: 152px;
  height: 70px;
  display: block;
  position: relative;
  background: url("../image/common/login_logo.png?v=1") no-repeat 50% 50%;
  background-size: 100%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  margin: 0 auto 24px;
}

.p_error {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p_error .content {
  text-align: center;
}

.p_error h2 {
  color: #1d1d1d;
  font-size: 34px;
  line-height: 50px;
  margin-bottom: 16px;
}

.p_error h2:before {
  content: "";
  content: "";
  width: 60px;
  height: 1px;
  display: block;
  position: relative;
  background: #1d1d1d;
  margin: 38px auto 32px;
}

.p_error .desc {
  margin-bottom: 52px;
}

.p_error .btn {
  display: inline-block;
  color: #ffffff;
  padding: 14px 10px;
  min-width: 160px;
  border-radius: 50px;
  background-color: #38454c;
}

.p_error .btn.blue {
  background-color: #0aa2b9;
}

.p_omni {
  padding-left: 1px;
}

.p_omni .top_state {
  content: "";
  width: 100%;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.p_omni .top_state .bx {
  content: "";
  width: 130px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  cursor : pointer;
}

.p_omni .top_state .bx strong {
  font-size: 24px;
  line-height: 1;
  display: block;
  margin-top: 4px;
}

.p_omni .top_state .bx.on {
  color: #0aa2b9;
  background: #f0f0f0;
  cursor : pointer;
}

.p_omni .top_state .bx.total {
  color: white;
  background: #8fe8f5;
  margin-right: 20px;
}

/*대시보드 새메시지 표시*/
.p_omni .coln .list_counsel .list .chatList .bx_state .notiCnt {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  height: 30px;
  width: 30px;
  line-height: 20px;
  text-align: center;
  color : white;
  font-weight: bold;
  font-size: 1.3em;
  padding: 3px 0px;
  margin : 3px 3px 0 0;
  background-color: rgba(245, 92, 92, 0.8);
  border-radius: 15px;
  display: inline-block;
}

.p_omni .top_state .bx:before {
  content: "";
  width: 1px;
  height: 36px;
  display: block;
  position: absolute;
  background: #f2f2f2;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p_omni .top_state .column {
  font-size: 12px;
}

.p_omni .top_state .column strong {
  font-size: 18px;
  margin-top: 0;
}

.p_omni .top_state .column .row {
  width: 100%;
  padding: 3px 0;
}

.p_omni .top_state .column .row span,
.p_omni .top_state .column .row strong {
  display: inline-block;
  vertical-align: middle;
}

.p_omni .top_state .column .row strong {
  margin-left: 8px;
}

.p_omni .top_state .column .row:first-child {
  border-bottom: 1px solid #f2f2f2;
}

.p_omni .container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

/*이메일 css (임시로 제작)*/
.p_omni .cont_mail {
  background: #ffffff;
  width: 52.22%;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  overflow-y: auto;
  height: 100%;
}
.email_head{
  margin : 20px 0 10px 0;
}

.p_board .detail .email_cont {
  background: #fbfbfb;
  height: 500px;
  overflow-y: auto;
  border-bottom: 1px solid #f0f0f0;
  padding: 25px 40px 12px;
}


/*---------------------------*/

/*고객단 css*/
.counsel_conn {
  margin: 100px 0 0 30px ;
}
.webChatLogin {
  width: 500px;
}
.message_area {
  width: 550px;
  margin: 0 0 0 20px;
}

.message_area .header-inner{
  background: #0AA2B9;
}

.message_area .header-inner{
  background: #0AA2B9;
}

.message_area .header-inner h1{
  color: white;
  text-align: center;
}

.message_area .area_chat .s_dialog .form_chat .form_submit .message_box {
  width: 535px;
}
.webChatLogin .login {
  width: 100%;
}

.header-inner .btn-login {
  position: absolute;
  margin : 0 0 0 15px;
  left: 20px;
  top: 17px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../image/gnb/ico_login.png);
  background-size: contain;
}

.header-inner .btn-login em {
  line-height: 1;
  letter-spacing: -2px;
  font-size: 2px;
}

.c_dialog .protect {
  margin: 0 0 10px 0;
  padding: 10px;
  background: #dcdcdc;
  border-radius: 15px;
}


/*---------------------------*/

.p_omni .detail .cont {
  min-height: 300px;
  background: #fbfbfb;
  border-bottom: 1px solid #f0f0f0;
  padding: 25px 40px 12px;
}

.p_omni .list_counsel {
  width: 17.7%;
  min-width: 340px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #ffffff;
  -webkit-box-flex: unset;
  -ms-flex-positive: unset;
  flex-grow: unset;
  margin-bottom: 50px;
}

.p_omni .list_counsel .top {
  /*height: 48px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px 10px 10px;
  margin: 10px 0px;
  border-bottom: 1px solid #f2f2f2;
}

.p_omni .list_counsel .top .admin_search {
  margin: 5px 0px 0px 0px;
}

.p_omni .list_counsel .top .btn {
  margin-left: 10px;
}

.p_omni .list_counsel .top .bx_radio label {
  font-size: 12px;
  background-size: 18px;
  padding-left: 24px;
}

.p_omni .list_counsel .bx_radio + .bx_radio {
  margin-left: 4px;
}

.p_omni .list_counsel .list .counsel_line {
  display:flex;
  flex-basis:100%;
  align-items:center;
  color:rgba(0,0,0,0.35);
  font-size:11px;
  margin:8px 0px;
  /*border: 1px #a8a8a8 dashed;*/
}
.p_omni .list_counsel .list .counsel_line::before{
  content:"";
  flex-grow:1;
  margin:0px 16px;
  background: #e2e3e6;
  height:1px;
  font-size:0px;
  line-height: 0px;
}
.p_omni .list_counsel .list .counsel_line::after {
  content:"";
  flex-grow:1;
  margin:0px 16px;
  background:#e2e3e6;
  height:1px;
  font-size:0px;
  line-height: 0px;
}

.p_omni .list_counsel .list {
  height: calc(100% - 48px);
  overflow-y: auto;
}

.p_omni .list_counsel .counselor_list {
  padding-left: 0;
  margin: 10px 0px 50px 0px;
  overflow-y: auto;
  height: calc(100% - 48px);
  -ms-overflow-style: none;
}

.p_omni .list_counsel .counselor_list::-webkit-scrollbar{
  display:none;
}

.p_omni .list_counsel .counselor_list .chatList {
  justify-content: space-between;
  display: flex;
  border-bottom: 1px dotted #f2f2f2;
  padding: 10px;
  text-align: center;
  font-size: 1.3em;
  align-items: center;
  padding: 5px 10px 0px 10px;
}

.p_omni .list_counsel .counselor_list .counselor_chatLiList .chatLiList {
  font-size: 0.9em;
}

.p_omni .list_counsel .counselor_list .chatList .info{
  margin-top: 3px;
  display: flex;
  align-items: center;
}

.p_omni .list_counsel .counselor_list .chatList .info .ico_counselor {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg transform='translate(-669 -12)'%3E%3Crect width='46' height='46' rx='4' transform='translate(669 12)' fill='none'/%3E%3Cg transform='translate(611.706 -107.895)'%3E%3Cpath d='M239.338,383.036a2.46,2.46,0,0,0,2.075,0,3.359,3.359,0,0,1-2.075,0Z' transform='translate(-164.238 -240.524)' fill='rgb(0, 0, 0)'/%3E%3Cpath d='M418.716,384.508c-.066-4.158-.609-5.343-4.765-6.093a2.92,2.92,0,0,1-3.9,0,14.458,14.458,0,0,0-1.791.423l.031.013a4.966,4.966,0,0,1,2.081,1.6,5.651,5.651,0,0,1,.952,2.429,19.83,19.83,0,0,1,.23,3.126v.035c0,.293.008.5.008.675v.27l-.059.119q.243.005.5.005c5.731,0,6.721-1.995,6.721-1.995C418.724,384.97,418.72,384.774,418.716,384.508Z' transform='translate(-326.67 -236.081)' fill='rgb(0, 0, 0)'/%3E%3Cpath d='M416.529,153.6c1.965,0,3.558-1.935,3.558-4.322s-.523-4.322-3.558-4.322-3.558,1.935-3.558,4.322S414.564,153.6,416.529,153.6Z' transform='translate(-331.196 -11.598)' fill='rgb(0,0,0)'/%3E%3Cpath d='M83.734,403.966c-.075-4.705-.689-6.046-5.391-6.895a3.3,3.3,0,0,1-4.41,0c-4.651.839-5.3,2.16-5.389,6.742-.007.374-.011.582-.011.845,0,0,1.12,2.257,7.6,2.257s7.6-2.257,7.6-2.257C83.742,404.489,83.739,404.267,83.734,403.966Z' transform='translate(0 -254.019)' fill='rgb(0,0,0)'/%3E%3Cpath d='M165.629,142.676a3.365,3.365,0,0,0,1.037-.164,3.7,3.7,0,0,0,1.166-.633,5.218,5.218,0,0,0,1.823-4.094c0-2.7-.592-4.891-4.027-4.891s-4.027,2.19-4.027,4.891a5.218,5.218,0,0,0,1.823,4.094,3.7,3.7,0,0,0,1.166.633A3.365,3.365,0,0,0,165.629,142.676Z' transform='translate(-89.491)' fill='rgb(0,0,0)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  no-repeat 50% 50%;
  height: 30px;
  width: 30px;
  margin: 0px 5px 5px 0px;
}

.p_omni .list_counsel .list .empty_noti,
.p_omni .cont_counsel .area_chat .non_list
{
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  margin-top: 40%;
}

.p_omni .cont_counsel .area_chat .non_list {
  margin-left: 40%;
}

.p_omni .list_counsel .list li,
.p_omni .list_counsel .counselor_list li
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 10px 10px;
  font-size: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px dotted #f2f2f2;
  justify-content: space-between;
}

.counselor_chatLiList {
  overflow-y: scroll;
  max-height: 80%;
}

.p_omni .list_counsel .list .chatLi_sub {
  /*background-color: whitesmoke;*/
  /*background-color: aliceblue;*/
}

.p_omni .list_counsel .list .ico_kakao,
.p_omni .list_counsel .list .ico_line,
.p_omni .list_counsel .list .ico_facebook,
.p_omni .list_counsel .list .ico_instagram,
.p_omni .list_counsel .list .ico_talk,
.p_omni .list_counsel .list .ico_chat,
.p_omni .list_counsel .list .ico_email
{
  margin-left: 0;
}

.p_omni .list_counsel .list .info {
  font-size: 12px;
  color: #a8a8a8;
}

.p_omni .list_counsel .list .info .times span{
  width: 70px;
}

.p_omni .list_counsel .list .name,
.p_omni .list_counsel .counselor_chatLiList .name
{
  color: #1d1d1d;
  font-size: 16px;
  display: inline-block;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
}

.p_omni .list_counsel .list .desc {
  width: 211px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p_omni .list_counsel .list .times span,
.p_omni .list_counsel .counselor_chatLiList .times span
{
  display: inline-block;
  min-width: 43px;
  width: 70px;
}

.p_omni .list_counsel .list .bx_state,
.p_omni .list_counsel .counselor_chatLiList .bx_state
{
  text-align: center;
}

.p_omni .list_counsel .list .bx_state .time {
  margin-top: 6px;
  line-height: 1;
  display: inline-block;
}

.p_omni .cont_counsel {
  background: #ffffff;
  width: 52.22%;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}

.p_omni .cont_counsel .taps {
  justify-content: space-between;
}

.p_omni .cont_counsel .taps .counsel_distribution {
  margin-bottom: 10px;
}

.p_omni .form_counsel {
  width: 30%;
  height: 100%;
  overflow-y: auto;
  padding: 0 10px 36px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: unset;
  -ms-flex-positive: unset;
  flex-grow: unset;
  background: #ffffff;
}

.p_omni .form_counsel .sub_taps {
  width: 100%;
  padding: 20px 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p_omni .form_counsel .tap {
  width: 140px;
  height: 54px;
  text-align: center;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #dcdcdc;
}

.p_omni .form_counsel .tap .ico_people {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  content: "";
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg id='고객정보' transform='translate(-83.959 -162)'%3E%3Crect id='사각형_232' data-name='사각형 232' width='28' height='28' transform='translate(83.959 162)' fill='rgba(255,255,255,0)'/%3E%3Cg id='_2561496_user_icon' data-name='2561496_user_icon' transform='translate(84.959 163)'%3E%3Cpath id='패스_148' data-name='패스 148' d='M21.778,21.667V19.444A4.444,4.444,0,0,0,17.333,15H8.444A4.444,4.444,0,0,0,4,19.444v2.222' transform='translate(0 1.333)' fill='none' stroke='rgb(0, 0, 0)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='타원_14' data-name='타원 14' cx='4.444' cy='4.444' r='4.444' transform='translate(8.444 3)' fill='none' stroke='rgb(0, 0, 0)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 0 0;
  background-size: 28px;
}

.p_omni .form_counsel .tap .ico_star {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  content: "";
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg id='상담문구' transform='translate(-83.959 -162)'%3E%3Crect id='사각형_232' data-name='사각형 232' width='28' height='28' transform='translate(83.959 162)' fill='rgba(255,255,255,0)'/%3E%3Cg id='Layer_53' data-name='Layer 53' transform='translate(84.937 163.95)'%3E%3Cpath id='패스_149' data-name='패스 149' d='M6.375,24.049a1.536,1.536,0,0,1-.9-.292,1.636,1.636,0,0,1-.637-1.482L5.4,15.986l-4.016-4.73a1.643,1.643,0,0,1-.3-1.582,1.582,1.582,0,0,1,1.144-1.06L8.08,7.232l3.072-5.375a1.574,1.574,0,0,1,2.749,0L16.972,7.27l5.852,1.382a1.582,1.582,0,0,1,1.144,1.06,1.643,1.643,0,0,1-.3,1.582l-3.993,4.692.561,6.289a1.636,1.636,0,0,1-.676,1.482,1.536,1.536,0,0,1-1.536.154l-5.506-2.488-5.5,2.488A1.536,1.536,0,0,1,6.375,24.049Zm6.182-21.5-3.3,5.706a.768.768,0,0,1-.491.369L2.62,10.073c-.046.077-.054.123,0,.161l4.185,4.984a.768.768,0,0,1,.177.561l-.591,6.6c-.069.131-.015.131-.015.131L12.2,19.887a.768.768,0,0,1,.63,0l5.836,2.626s.069,0,.061-.1l-.591-6.6a.768.768,0,0,1,.177-.561L22.5,10.265a.115.115,0,0,0,0-.108l-6.22-1.536a.768.768,0,0,1-.491-.369ZM8.587,7.923Z' transform='translate(0 0)' fill='rgb(0, 0, 0)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 0 0;
  background-size: 28px;
}

.p_omni .form_counsel .tap + .tap {
  margin-left: 10px;
}

.p_omni .form_counsel .tap.on {
  color: #0aa2b9;
  border: 1px solid #0aa2b9;
}

.p_omni .form_counsel .tap.on .ico_people {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg id='고객정보' transform='translate(-83.959 -162)'%3E%3Crect id='사각형_232' data-name='사각형 232' width='28' height='28' transform='translate(83.959 162)' fill='rgba(255,255,255,0)'/%3E%3Cg id='_2561496_user_icon' data-name='2561496_user_icon' transform='translate(84.959 163)'%3E%3Cpath id='패스_148' data-name='패스 148' d='M21.778,21.667V19.444A4.444,4.444,0,0,0,17.333,15H8.444A4.444,4.444,0,0,0,4,19.444v2.222' transform='translate(0 1.333)' fill='none' stroke='rgb(10, 162, 185)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='타원_14' data-name='타원 14' cx='4.444' cy='4.444' r='4.444' transform='translate(8.444 3)' fill='none' stroke='rgb(10, 162, 185)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 0 0;
  background-size: 28px;
}

.p_omni .form_counsel .tap.on .ico_star {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg id='상담문구' transform='translate(-83.959 -162)'%3E%3Crect id='사각형_232' data-name='사각형 232' width='28' height='28' transform='translate(83.959 162)' fill='rgba(255,255,255,0)'/%3E%3Cg id='Layer_53' data-name='Layer 53' transform='translate(84.937 163.95)'%3E%3Cpath id='패스_149' data-name='패스 149' d='M6.375,24.049a1.536,1.536,0,0,1-.9-.292,1.636,1.636,0,0,1-.637-1.482L5.4,15.986l-4.016-4.73a1.643,1.643,0,0,1-.3-1.582,1.582,1.582,0,0,1,1.144-1.06L8.08,7.232l3.072-5.375a1.574,1.574,0,0,1,2.749,0L16.972,7.27l5.852,1.382a1.582,1.582,0,0,1,1.144,1.06,1.643,1.643,0,0,1-.3,1.582l-3.993,4.692.561,6.289a1.636,1.636,0,0,1-.676,1.482,1.536,1.536,0,0,1-1.536.154l-5.506-2.488-5.5,2.488A1.536,1.536,0,0,1,6.375,24.049Zm6.182-21.5-3.3,5.706a.768.768,0,0,1-.491.369L2.62,10.073c-.046.077-.054.123,0,.161l4.185,4.984a.768.768,0,0,1,.177.561l-.591,6.6c-.069.131-.015.131-.015.131L12.2,19.887a.768.768,0,0,1,.63,0l5.836,2.626s.069,0,.061-.1l-.591-6.6a.768.768,0,0,1,.177-.561L22.5,10.265a.115.115,0,0,0,0-.108l-6.22-1.536a.768.768,0,0,1-.491-.369ZM8.587,7.923Z' transform='translate(0 0)' fill='rgb(10, 162, 185)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
  no-repeat 0 0;
  background-size: 28px;
}

.p_omni .form_counsel textarea {
  height: 255px;
}

.p_omni .form_counsel .btns {
  margin-top: 11px;
  text-align: right;
}

.p_omni .taps {
  width: 100%;
  height: 84px;
  background: #ebedf1;
  padding: 10px 10px 0;
  margin: 0;
}
.p_omni .tab_head {
  display: flex;
}

.p_omni .taps .tap {
  max-width: 188px;
}

.p_omni .taps .tap .ico_kakao,
.p_omni .taps .tap .ico_line,
.p_omni .taps .tap .ico_facebook,
.p_omni .taps .tap .ico_instagram,
.p_omni .taps .tap .ico_talk {
  width: 29%;
  max-width: 42px;
  margin-left: 0;
}

.p_omni .taps .tap .info span {
  display: block;
  color: #a8a8a8;
  font-size: 12px;
  line-height: 1.1;
}

.p_omni .taps .tap.on {
  border-top: 2px solid #e62a2b;
}

.p_omni .taps .tap.off {
  border-top: 2px solid black;
}

.p_omni .taps .tap.on .info span {
  display: block;
  color: #e0e1e3;
  font-size: 12px;
  line-height: 1.3;
}
.p_omni .taps .tap.on .info .name {
  height: 1em;
  overflow: hidden;
}

.p_omni .taps .add {
  width: 65px;
  height: 65px;
}

.p_omni .area_chat {
  background: #ffffff;
  height: calc(100% - 84px);
  overflow: auto;
  display: flex;
}
.p_omni .area_chat .s_dialog{
  width: 100%;
  border-right: 1px solid #ebedf1;
}

.p_omni .area_chat .form_chat {
  width: 100%;
  padding: 0 20px 15px;
}

.p_omni .area_chat .form_chat .form_submit {
  display: flex;
}

.p_omni .area_chat .form_chat #send_btn {
  width: 10%;
  height: 65px;
  margin: 0 0 0 5px;
  padding: 0 15px;
  border-radius: 10px;
}

.p_omni .area_chat .form_chat textarea {
  width: 90%;
  height: 65px;
  border-radius: 10px;
  background: #dcdcdc;
}

.p_omni .area_chat .btns {
  margin-top: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p_omni .area_chat .btns .btn_photo,
.p_omni .area_chat .btns .btn_file,
.p_omni .area_chat .btns .btn_privacy {
  margin-left: 8px;
}


.p_omni .area_chat .c_dialog {
  height: calc(100% - 158px);
  overflow: hidden;
  overflow-y: auto;
  border: none;
}

.p_omni .area_chat .c_dialog .user .txtWrap,
.message_area .area_chat .s_dialog .c_dialog .user .txtWrap,
.cont .area_chat .s_dialog .c_dialog .user .txtWrap
{
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  overflow: hidden;
  max-width: 63%;
}

.p_omni .area_chat .c_dialog .me .txtWrap,
.message_area .area_chat .s_dialog .c_dialog .me .txtWrap,
.cont .area_chat .s_dialog .c_dialog .me .txtWrap
{
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  overflow: hidden;
  max-width: 63%;
}

.p_omni .area_search {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p_omni .customer .coln {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 10px;
}

.p_omni .customer .wrap_bx_tbl {
  width: 34.8%;
}

.p_omni .customer .bx_tbl_form {
  width: 100%;
  padding: 20px 10px 15px;
  border: 1px solid #f0f0f0;
  margin-left: 10px;
}

.p_omni .customer .bx_tbl_form textarea {
  height: 339px;
}

.p_omni .customer .bx_tbl_form th {
  height: 25px;
  text-align: left;
  font-size: 16px;
  padding: 5px 0 0 0;
}

.p_omni .customer .bx_tbl_form .btns {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p_omni .customer .bx_tbl_form .btn {
  padding: 0 5px;
}

.p_omni .customer .bx_tbl_form .crud {
  width: 60%;
  float: left;
}

.p_omni .customer .bx_tbl_form .chat_send {
  float: right;
}

.p_sub.auth article {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.p_sub.auth .area {
  padding-left: 12px;
}

.p_sub.auth .tbody {
  height: 343px;
}

.p_sub.auth .tbl_form.type2 input[type="text"],
.p_sub.auth .tbl_form.type2 input[type="password"],
.p_sub.auth .tbl_form.type2 input[type="tel"],
.p_sub.auth .tbl_form.type2 input[type="email"],
.p_sub.auth .tbl_form.type2 input[type="number"],
.p_sub.auth .tbl_form.type2 select {
  font-size: 12px;
}

.p_sub.auth .tbl_form.type2 label {
  font-size: 12px;
}

.p_state {
  height: calc(100% - 64px);
}

.p_state .container {
  overflow-y: auto;
}

.p_state .content {
  padding: 34px 20px;
  position: relative;
}

.p_state h2 {
  font-size: 16px;
  margin: 25px 0 8px;
  line-height: 1;
}

.p_state .coln,
.p_state .col1,
.p_state .col2,
.p_state .col3,
.p_state .col4,
.p_state .col5,
.p_state .col6,
.p_state .col7 {
  width: 100%;
}

.p_state .col + .col {
  margin: 0;
}

.p_state .area {
  width: 100%;
}

.w4 {
  width: 4% !important;
}

.p_state .st_tbl_state.w5 {
  width: 50%;
}

.p_state .st_tbl_state.w25 {
  width: 25%;
}

.w15{
  width: 15% !important;
}

.w19 {
  width: 19% !important;
}

.w20 {
  width: 20% !important;
}

.w26 {
  width: 26% !important;
}

.w28 {
  width: 28% !important;
}

.w36 {
  width: 36% !important;
}

.w40 {
  width: 40% !important;
}

.w50 {
  width: 50% !important;
}

.w61 {
  width: 61% !important;
}

.w75 {
  width: 75% !important;
}

.w83 {
  width: 83% !important;
}

.w115 {
  width: 115px !important;
}

.w120 {
  width: 120px !important;
}


.p_state .st_tbl_state .top,
.p_state .st_tbl_state .tit,
.p_state .st_tbl_state .desc,
.p_state .st_tbl_state .full,
.p_state .st_tbl_state .fullbg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p_state .st_tbl_state .top {
  width: 100%;
  background: #38454c;
  color: #ffffff;
  padding: 0 12px;
  height: 36px;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.p_state .st_tbl_state + .st_tbl_state {
  margin-left: 16px;
}

.p_state .st_tbl_state .cont .col + .col {
  border-left: 1px solid #f0f0f0;
}

.p_state .st_tbl_state .cont .tit {
  width: 100%;
  height: 38px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 12px;
}

.p_state .st_tbl_state .cont .desc {
  width: 100%;
  font-size: 24px;
  height: 60px;
  border-bottom: 2px solid #f0f0f0;
}

.p_state .st_tbl_state .cont .full {
  height: 98px;
  font-size: 24px;
  border-bottom: 2px solid #f0f0f0;
}

.p_state .st_tbl_state .cont .bg {
  background: #fbfbfb;
}

.p_state .st_tbl_state .cont .fullbg {
  font-size: 24px;
  border-bottom: 2px solid #f0f0f0;
  background: #fbfbfb;
  height: 100%;
}

.p_state .flex {
  display: flex;
  align-items: center;
}

.p_state .flex_beteen {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.p_state .flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p_state .total_header {
  margin: 27px 0 8px;
}

.p_state .dashboard_header {
  /* margin: 5px 0 8px; */
  border-bottom: 1px solid gray;
  padding: 0 4px 10px;
  margin-bottom: 10px;
}

.p_state .total_header .btn {
  border: solid 1px #a8a8a8;
}

.p_state .box_chart {
  width: 100%;
  height: 350px;
  /*background-color: #6d6d6d;*/

  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
}

.p_state .bg_chart {
  width: 100%;
  height: 83px;
  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
  border-radius: 8px;
}

.p_state .bg_chart.inbg01 {
  background: url("../image/common/in_bg1.png") center top;
  background-size: cover;
}

.p_state .bg_chart.inbg02 {
  background: url("../image/common/in_bg2.png") center top;
  background-size: cover;
}

.p_state .bg_chart.inbg03 {
  background: url("../image/common/in_bg3.png") center top;
  background-size: cover;
}

.p_state .bg_chart.inbg04 {
  background: url("../image/common/in_bg4.png") center top;
  background-size: cover;
}

.p_state .bg_chart.inbg05 {
  background: url("../image/common/in_bg5.png") center top;
  background-size: cover;
}

.p_state .bg_chart.inbg06 {
  background: url("../image/common/in_bg6.png") center top;
  background-size: cover;
}

.p_state .box_chart .call_state_box_chart_button {
  position: absolute;
  left: 0;
  top: 0;
}

.p_state .box_chart .call_state_box_chart_button .btn {
  width: 72px;
  height: 25px;
  min-height: 25px;
  border-radius: 5px;
  padding: 0;
}

.p_state .btn {
  height: 25px;
  min-width: 27px;
  min-height: 25px;
  margin: 0 6px 0 0;
  padding: 4px 8px;
}

.p_state .bg_gray {
  background-color: rgba(0, 0, 0, 0.03);
}

.p_state .ai_warp {
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
}
.p_state .ai_warp .left {
  width: 60%;
}
.p_state .ai_warp .left .left_box {
  display: flex;
  justify-content: space-between;
}

.p_state .ai_warp .left .box {
  width: calc(25% - 10px);
  margin-right: 10px;
  background-color: #fbfbfb;
}
.p_state .ai_warp .left .box .box_header {
  height: 50px;
  background-color: #445760;

  display: flex;
  align-items: center;

  padding-left: 10px;
}

.p_state .ai_warp .left .box .box_header p {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.p_state .ai_warp .left .box .box_content {
  display: flex;
  justify-content: center;
  align-items: center;

  height: 85px;
}

.p_state .ai_warp .left .box .box_content p {
  font-size: 24px;
  font-weight: bold;
  color: #212121;
}

.p_state .ai_warp .left .left_chart {
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
}

.p_state .ai_warp .left .left_chart .chart_box {
  width: calc(50% - 10px);
  margin-right: 10px;
}

.p_state .ai_warp .left .left_chart .chart_box .box_chart {
  height: 220px;
}

.p_state .advice_warp .ibob_box .right .chart_box .box_chart {
  height: 310px;
  border-radius: 8px;
}

.p_state .ai_warp .right_chart {
  width: calc(40% - 5px);
  margin-left: 5px;
}

.p_state .ai_warp .right_chart .box_chart {
  height: calc(100% - 22px);
}

.p_state .search .btn {
  border-radius: 16px;
}

.p_state .advice_warp {
  margin-top: 5px;
  padding: 15px;
  background-color: #f0f0f0;
}

.p_state .advice_warp .advice_box {
  display: flex;
  justify-content: flex-start;
  margin-top: 5px;
}

.counselRankView, .monitoringView, .callbackChartView {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.counselRankViewItem {
  max-width: 48%;
  min-width: 300px;
  margin: 10px;
}

.monitoringViewItem {
  max-width: 31%;
  min-width: 500px;
  margin: 10px;
}

.callbackChartViewItem {
  width: 650px;
  margin: 10px;
  height: 300px;
}

.advice_box .left {
  width: 30%;
  min-height: 250px;
}

.advice_box .left .left_top {
  height: 118px;
  border-radius: 8px;
  background-color: #fff;
  margin: 0 10px 10px 0;

  display: flex;
  justify-content: space-around;
  align-items: center;
}

.advice_box .left .left_top .division {
  width: 0px;
  height: 70%;
  border: solid 2px #f0f0f0;
}

.advice_box .left .left_bottom .division {
  width: 0px;
  height: 70%;
  border: solid 2px #f0f0f0;
}

.advice_box .left .left_top .profile {
  width: 40%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.left_top .profile .circle {
  width: 36px;
  height: 36px;
  background-color: #f0f0f0;
  border-radius: 25px;

  display: flex;
  justify-content: center;
  align-items: center;

  margin-right: 10px;
}

.left_top .profile .name {
  font-size: 16px;
  font-weight: bold;
}

.advice_box .left .left_bottom {
  display: flex;
  justify-content: center;
  align-items: center;

  height: calc(100% - 128px);
  border-radius: 8px;
  background-color: #fff;
  margin: 0 10px 0 0;
}

.advice_box .left .left_top .info {
  width: 45%;
}

.advice_box .left .left_bottom .info {
  width: 30%;

  display: flex;
  justify-content: center;
  align-items: center;

  flex-direction: column;
}

.advice_box .left .left_bottom .division {
  width: 0px;
  height: 70%;
  border: solid 1px #f0f0f0;
}

.advice_box .left .left_bottom .info .title {
  font-size: 24px;
  font-weight: bold;

  margin-bottom: 10px;
}

.advice_box .left .left_bottom .info .sub_title {
  font-size: 12px;
  font-weight: bold;
}

.advice_box .center {
  width: 30%;
  border-radius: 8px;
  background-color: #fff;
  margin: 0 10px 0 0;

  padding: 15px;
}

.advice_box .center .box_chart {
  height: 180px;
}

.advice_box .center .chart_info {
  display: flex;

  margin-top: 15px;
  font-size: 14px;
}

.advice_box .center .chart_info .chart_info_list {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}

.advice_box .right {
  width: 40%;
  border-radius: 8px;
  background-color: #fff;

  padding: 15px;
}

.p_state .advice_warp .ibob_box {
  display: flex;
  justify-content: flex-start;
  margin-top: 5px;
}

.ibob_box .left {
  width: 60%;
  min-height: 250px;
}

.ibob_box .left .left_top {
  display: flex;
  justify-content: space-around;
}

.ibob_box .left .left_top .info {
  width: calc(33% - 5px);
  margin-right: 5px;
  border-radius: 8px;
  background-color: #fff;
  padding: 15px;
}

.ibob_box .left .left_top .info .chart_box {
  position: relative;
}

.ibob_box .left .left_top .info .chart_box .chart_box_center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ibob_box .left .left_top .info .box_chart {
  height: 170px;
}
.override_font {
  font-size: 24px;
  font-weight: bold;
}

.ibob_box .left .left_bottom {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.ibob_box .left .left_bottom .info {
  width: calc(33% - 5px);
  margin-right: 5px;
  border-radius: 8px;
  background-color: #fff;
  background-color: #fff;
}

.ibob_box .left .left_bottom .info .chart_box {
  position: relative;
}

.ibob_box .left .left_bottom .info .chart_box .chart_box_center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ibob_box .left .left_bottom .info .box_chart {
  height: 170px;
}

.ibob_box .right {
  width: 40%;
  border-radius: 8px;
  background-color: #fff;

  padding: 15px;
}

.text_center {
  text-align: center;
}

.t_head_style {
  background: #445760;
  color: #fff;
}

.state_info {
  width: 100%;
  margin-right: 10px;
}

.text-left {
  text-align: left;
}

.btn_1st {
  background: url("../image/common/ico_1st.png") no-repeat 50% 50%;
  background-size: 20px;

  width: 20px;
  height: 20px;
}

.btn_2nd {
  background: url("../image/common/ico_2nd.png") no-repeat 50% 50%;
  background-size: 20px;

  width: 20px;
  height: 20px;
}
.btn_3rd {
  background: url("../image/common/ico_3rd.png") no-repeat 50% 50%;
  background-size: 20px;

  width: 20px;
  height: 20px;
}

.ib_ob_warp {
  display: flex;
  width: 100%;
  min-height: 200px;
}

.ib_ob_warp .left {
  display: flex;
  flex-direction: column;
  width: calc(50% - 10px);
  margin-right: 10px;
}

.ib_ob_warp .rigth {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.ib_ob_warp .box_chart {
  height: 270px;
}

.call_warp {
  display: flex;
  align-items: center;
  justify-content: center;

  align-self: flex-end;
}

.call_container {
  display: flex;
  align-items: center;
  min-height: 125px;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
  /* gap: 10px; */
}

.call_box .bg_green {
  background: #4bb051;
}

.border_green {
  border: 1px solid #4bb051 !important;
}

.call_box .bg_orange {
  background: #ee8217;
}

.border_orange {
  border: 1px solid #ee8217 !important;
}

.call_box .bg_red {
  background: #ee252d;
}

.border_red {
  border: 1px solid #ee252d !important;
}

.call_container .call_box {
  width: 110px;
  margin: 20px;
  height: 100px;
  border-radius: 10px;
  border: 1px solid #000;
}

.call_container .call_box .call_box_head {
  height: 60%;
  border-radius: 10px 10px 0 0;

  color: #fff;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.call_container .call_box .call_box_body {
  height: 40%;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.datetimepicker {
  color: #1d1d1d;
  font-size: 14px;
  background: #f2f2f2;
  margin-top: 10px;
  min-width: 0;
  z-index: 10000 !important;
}

.datetimepicker .table-condensed {
  width: 238px;
}

.datetimepicker .table-condensed > thead tr {
  background: #ebebeb;
}

.datetimepicker .table-condensed > thead tr:nth-child(1) {
  background: #e6e6e6;
  height: 34px;
}

.datetimepicker .table-condensed > thead tr:nth-child(1) > th {
  padding: 6px 0;
  font-size: 14px;
}

.datetimepicker .table-condensed tbody {
  font-size: 12px;
}

.datetimepicker .prev {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.442' height='12.962' viewBox='0 0 7.442 12.962'%3E%3Cpath d='m0 0-6 6 6 6' transform='translate(6.962 .481)' style='fill:none;stroke:rgb(0, 0, 0);stroke-width:1.36px'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.datetimepicker .next {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.443' height='12.962' viewBox='0 0 7.443 12.962'%3E%3Cpath d='m0 0 6 6-6 6' transform='translate(.481 .481)' style='fill:none;stroke:rgb(0, 0, 0);stroke-width:1.36px'/%3E%3C/svg%3E%0A")
  no-repeat 50% 50%;
}

.datetimepicker td,
.datetimepicker th {
  height: 34px;
}

.datetimepicker tfoot .today {
  font-weight: 400;
  color: #999;
}

[class*="datetimepicker-dropdown"]:after {
  border-bottom: 6px solid #e6e6e6;
}

[class*=" datetimepicker-dropdown"]:before {
  border-bottom: 7px solid #e6e6e6;
}

.datetimepicker table tr td span {
  border-radius: 50px;
}

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px 0 !important;
}

.table-condensed,
.dropdown-menu {
  border: none;
}

.day:hover,
.month:hover,
.year:hover {
  background-color: #e6e6e6;
}

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 0;
}

.datetimepicker table tr td span.year {
  width: 54px;
}

.table-condensed th {
  font-weight: 400;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
	Datepicker cells
	 ------------------------------------------------- */
.datepicker--cells {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.datepicker--cell {
  width: 14.28%;
  height: 34px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  z-index: 1;
}

.datepicker--cell.-focus- {
  background: #eaeaea;
  border-radius: 50%;
}

.datepicker--cell.-current- {
  color: #0aa2b9;
  font-weight: 800;
  border-radius: 50%;
}

.datepicker--cell.-current-.-in-range- {
  color: #0aa2b9;
}

.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}

.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 4px 0 0 4px;
}

.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}

.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}

.datepicker--cell.-selected- {
  color: #fff;
  border: none;
  background: #0aa2b9;
  border-radius: 50%;
}

.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #0aa2b9;
}

.datepicker--cell.-selected-.-focus- {
  background: #0aa2b9;
}

.datepicker--cell:empty {
  cursor: default;
}

.datepicker--days-names {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 4px;
}

.datepicker--day-name {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  background: #ebebeb;
  width: 14.28%;
  height: 34px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

.datepicker--cells-months {
  min-height: 140px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.datepicker--cell-month {
  width: 40px;
  margin: 1px 16px;
  height: 42px;
}

.datepicker--cells-years {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.datepicker--cell-year {
  width: 44px;
  height: 44px;
  margin: 1px 5px;
}

.datepicker--cells-days {
  font-weight: 100;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
	Datepicker
	 ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}

@media print {
  .datepickers-container {
    display: none;
  }
}

.datepicker {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  color: #1d1d1d;
  width: 238px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0.3s,
  -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s,
  -webkit-transform 0.3s ease;
  z-index: 100;
}

.datepicker-month {
  margin-left: 4px;
}

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  -ms-transform: translateX(8px);
  transform: translateX(8px);
}

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  -ms-transform: translateX(-8px);
  transform: translateX(-8px);
}

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s,
  -webkit-transform 0.3s ease;
}

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.datepicker-inline .datepicker--pointer {
  display: none;
}

.datepicker--content {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.-only-timepicker- .datepicker--content {
  display: none;
}

.datepicker--pointer {
  position: absolute;
  background: #e6e6e6;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
  left: 14px;
}

.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  right: 14px;
}

.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
  left: calc(50% - 10px / 2);
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  top: 14px;
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  bottom: 14px;
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
  top: calc(50% - 14px / 2);
}

.datepicker--body {
  display: none;
}

.datepicker--body.active {
  display: block;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
	Navigation
	 ------------------------------------------------- */
.datepicker--nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 34px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #e6e6e6;
}

.-only-timepicker- .datepicker--nav {
  display: none;
}

.datepicker--nav-title,
.datepicker--nav-action {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker--nav-action.-disabled- {
  visibility: hidden;
}

.datepicker--nav-action svg {
  width: 32px;
  height: 34px;
}

.datepicker--nav-action path {
  fill: none;
  stroke: rgba(0, 0, 0, 0.54);
  stroke-width: 2px;
}

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}

.datepicker--nav-title i {
  font-style: normal;
}

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none;
}

.datepicker--buttons {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef;
}

.datepicker--button {
  color: #0aa2b9;
  cursor: pointer;
  border-radius: 4px;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  height: 32px;
}

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
	Timepicker
	 ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 4px;
  position: relative;
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
  -ms-flex: 0 1 138px;
  -webkit-box-flex: 0;
  flex: 0 1 138px;
  max-width: 138px;
}

.-only-timepicker- .datepicker--time {
  border-top: none;
}

.datepicker--time-sliders {
  -ms-flex: 0 1 153px;
  -webkit-box-flex: 0;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}

.datepicker--time-label {
  display: none;
  font-size: 12px;
}

.datepicker--time-current {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  position: relative;
  z-index: 1;
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
  content: "";
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.datepicker--time-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#dedede),
          to(#dedede)
  )
  left 50%/100% 1px no-repeat;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px
  no-repeat;
}

.datepicker--time-row:first-child {
  margin-bottom: 4px;
}

.datepicker--time-row input[type="range"] {
  background: none;
  cursor: pointer;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.datepicker--time-row input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.datepicker--time-row input[type="range"]::-ms-tooltip {
  display: none;
}

.datepicker--time-row input[type="range"]:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type="range"]:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type="range"]:hover::-ms-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type="range"]:focus {
  outline: none;
}

.datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type="range"]:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type="range"]:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type="range"]::-webkit-slider-thumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.datepicker--time-row input[type="range"]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}

.datepicker--time-row input[type="range"]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -ms-transition: background 0.2s;
  transition: background 0.2s;
}

.datepicker--time-row input[type="range"]::-webkit-slider-thumb {
  margin-top: -6px;
}

.datepicker--time-row input[type="range"]::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type="range"]::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type="range"]::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type="range"]::-ms-fill-lower {
  background: transparent;
}

.datepicker--time-row input[type="range"]::-ms-fill-upper {
  background: transparent;
}

.datepicker--time-row span {
  padding: 0 12px;
}

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}

.datepicker--time-icon:after,
.datepicker--time-icon:before {
  content: "";
  background: currentColor;
  position: absolute;
}

.datepicker--time-icon:after {
  height: 0.4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.datepicker--time-icon:before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

.datepicker--content {
  background: #f2f2f2;
}

.calTime {
  text-align: center;
}

.calTime:nth-child(1) {
  margin-right: 7px;
}

.calTime:nth-child(2) {
  margin-left: 7px;
}

.datetimepicker-hours,
.datetimepicker-minutes {
  min-width: 0;
  width: 160px;
  height: 150px;
  overflow: hidden;
  overflow-y: auto;
  background: #dcdcdc;
}

.datetimepicker-hours .table-condensed,
.datetimepicker-minutes .table-condensed {
  width: auto;
}

.datetimepicker-hours thead,
.datetimepicker-minutes thead {
  display: none;
}

.datetimepicker-hours .hour,
.datetimepicker-hours .minute,
.datetimepicker-minutes .hour,
.datetimepicker-minutes .minute {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1 !important;
  padding: 7px 0;
  border-radius: 0;
  margin-top: 0;
}

.datetimepicker-hours .hour:hover,
.datetimepicker-hours .minute:hover,
.datetimepicker-minutes .hour:hover,
.datetimepicker-minutes .minute:hover {
  background: #a4d4db;
}

.datetimepicker-hours .hour + .hour,
.datetimepicker-hours .minute + .hour,
.datetimepicker-minutes .hour + .hour,
.datetimepicker-minutes .minute + .hour {
  border-top: 1px solid #eaeaea;
}

.datetimepicker-hours:after,
.datetimepicker-minutes:after {
  border-bottom-color: #f2f2f2;
}

.datetimepicker .table-condensed > thead tr:nth-child(1) > th {
  visibility: visible !important;
}

/**
* asRange v0.3.4
* https://github.com/amazingSurge/jquery-asRange
*
* Copyright (c) amazingSurge
* Released under the LGPL-3.0 license
*/
.asRange {
  position: relative;
  content: "";
  width: 80px;
  height: 2px;
  display: inline-block;
  position: relative;
  background: #e3e5e9;
}

.asRange .asRange-pointer {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  background: #0aa2b9;
  left: 15%;
  z-index: 2;
  margin-left: -2px;
  border-radius: 12px;
}

.asRange .asRange-pointer:hover .asRange-tip,
.asRange .asRange-pointer:active .asRange-tip {
  display: block;
}

.asRange .asRange-pointer:before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  background: #0aa2b9;
  border-radius: inherit;
}

.asRange .asRange-pointer:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #0aa2b9;
  border-radius: inherit;
}

.asRange .asRange-pointer.start {
  left: 0;
  margin-left: 4px;
}

.asRange .asRange-pointer.stop {
  left: 100%;
  margin-left: -12px;
}

.asRange .asRange-pointer .asRange-tip {
  position: absolute;
  top: -23px;
  left: 0;
  width: 26px;
  height: 16px;
  margin-left: -11px;
  font-family: Bpreplay;
  font-size: 10px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  background-color: #5d5c58;
  border: 1px solid #5d5c58;
  border-radius: 3px;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  display: none;
}

.asRange .asRange-pointer .asRange-tip:before {
  position: absolute;
  bottom: -3px;
  left: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  content: "";
  background-color: #5d5c58;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.asRange .asRange-selected {
  position: absolute;
  left: 30%;
  z-index: 1;
  width: 40%;
  height: 2px;
  background-color: #7ebdcb;
  border-radius: 9px;
}

.asRange .asRange-scale {
  display: none;
}

.asRange-scale {
  position: relative;
  width: 331px;
  height: 8px;
  background-color: #cfcdc7;
  border-radius: 8px;
}

.asRange-scale .asRange-pointer {
  position: absolute;
  left: 30%;
  z-index: 2;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border-radius: 9px;
}

.asRange-scale .asRange-pointer:before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  background: #6ba1ad;
  border-radius: inherit;
}

.asRange-scale .asRange-pointer:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #fff;
  border-radius: inherit;
}

.asRange-scale .asRange-pointer.start {
  left: 0;
  margin-left: 4px;
}

.asRange-scale .asRange-pointer.stop {
  left: 100%;
  margin-left: -12px;
}

.asRange-scale .asRange-pointer .asRange-tip {
  position: absolute;
  top: -33px;
  left: 0;
  width: 36px;
  height: 20px;
  margin-left: -15px;
  font-family: Bpreplay;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5d5c58;
  border: 1px solid #5d5c58;
  border-radius: 3px;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
}

.asRange-scale .asRange-pointer .asRange-tip:before {
  position: absolute;
  bottom: -3px;
  left: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  content: "";
  background-color: #5d5c58;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.asRange-scale .asRange-selected {
  position: absolute;
  left: 30%;
  z-index: 1;
  width: 40%;
  height: 8px;
  background-color: #7ebdcb;
  border-radius: 9px;
}

.asRange-scale .asRange-scale {
  position: absolute;
  bottom: -22px;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.asRange-scale .asRange-scale li {
  position: absolute;
  top: 18px;
  width: 30px;
  height: 20px;
  padding: 0;
  margin: 0;
  margin-left: -15px;
  text-align: center;
}

.asRange-scale .asRange-scale li:first-child {
  left: 0;
}

.asRange-scale .asRange-scale li:nth-child(2) {
  left: 33.3%;
}

.asRange-scale .asRange-scale li:nth-child(3) {
  left: 66.6%;
}

.asRange-scale .asRange-scale li:last-child {
  left: 100%;
}

.campaign_wrap {
  display: flex;
}

.campaign_left {
  display: flex;
  flex-direction: column;
  width: 400px;
  /* height: 100%; */
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;

  margin: 12px 0 0 12px;
  border-radius: 0 3px 3px 3px;
  /* margin-right: 12px; */
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;
  overflow: hidden;
  padding: 30px 10px;
}

.campaign_left h1.tit {
  font-size: 26px;
  position: relative;
  padding: 0 15px;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
}

.campaign_left h1.tit span {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 5px;
}


.campaign_left h1.tit {
  border: none;
}

.campaign_left h1.tit::before {
  content: "";
  width: 7px;
  height: 26px;
  display: block;
  position: absolute;
  background: #0aa2b9;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.campaign_left p {
  color: #999999;
}

.campaign_left .twrap .tbody {
  height: 520px;
  overflow-y: scroll;
}

.campaign .wrap_container {
  display: flex;
  flex-direction: row;
}
.campaign .wrap_container .container {
  width: 100%;
  height: auto;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.campaign_wrap .wrap_container .container .c_left {
  margin: 0 12px 0 12px;
  border-radius: 0 3px 3px 3px;
  width: 50%;
  margin-right: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;
  overflow: hidden;
}

.campaign_flex {
  display: flex;
  flex-direction: row;
  margin-left: 15px;
  justify-content: center;
  align-items: center;
  width: 120px;
}
.campaign_flex .tit {
  color: #fff;
  margin-right: 15px;
}
.tr_hr {
  text-align: left;
  /* padding: 12px; */
}

.gsms .tbl_form th {
  padding: 0 10px;
}
.gsms .content {
  padding: 6px 10px;
  display: flex;
  align-items: flex-start;
  width: 300px;
}
.gsms .content .fileSection p{
  color: #40525b;
  padding-bottom: 10px;
  font-weight: bold;
}
.gsms .gsms_target {
  /*width: 710px;*/
  min-width: 700px;
  max-width: 1050px;
}

.gsms .gsms_target .search_condition {
  margin-top: 5px;
  padding: 15px;
  background-color: #f0f0f0;
}

.gsms .gsms_target .search_condition .description {
  color: #666;
  font-weight: 400;
}

.gsms .gsms_target .search_result {
  margin-top: 15px;
  padding: 15px;
  background-color: #f0f0f0;
}

.gsms .gsms_target .search_result .description {
  color: #666;
  font-weight: 400;
  margin-left: 10px;
}

.gsms .gsms_target .search_result .targetDbConfirm {
  padding-left:5px;
  color:#40525b;
  font-weight: bold;
}

.gsms .gsms_target .search_result .targetDbConfirm.on {
  color: #0aa2b9;
}

.gsms .gsms_content {
  padding: 6px 10px;
  margin: 5px 10px;
  flex: 1;
  border: 5px solid #f0f0f0;
  min-width: 440px;
  max-width: 470px;
}

.gsms .gsms_subject {
  display: flex;
  align-items: center;
  justify-content: space-around;
}


.gsms .taps {
  margin: 10px 12px 0;
  content: "";
  width: calc(100% - 24px);
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 16px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.gsms .taps .tap {
  max-width: 158px;
  height: 100%;
  background: #e0e1e3;
  border-radius: 5px 5px 0 0;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  color: #202021;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.gsms .taps .tap:hover {
  background: #cdcdcd;
}

.gsms .taps .tap span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gsms .taps .tap + .tap {
  margin-left: 1px;
}

.gsms .taps .tap .hclose {
  width: 36px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-size: 10px;
  background-position: 10px 50%;
}

.gsms .taps .tap.on {
  background: #ffffff;
  border-top: 2px solid #0aa2b9;
}

.gsms .taps .add {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  background: #e0e1e3;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  border-radius: 6px;
  margin: 0 0 4px 10px;
}

.gsms .taps .add:hover {
  background: #cdcdcd;
}

.gsms .taps .add:before,
.gsms .taps .add:after {
  content: "";
  background: #1d1d1d;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.gsms .taps .add:before {
  width: 2px;
  height: 16px;
  top: 50%;
  left: 50%;
}

.gsms .taps .add:after {
  content: "";
  width: 16px;
  height: 2px;
  background: #1d1d1d;
  position: absolute;
  top: 50%;
  left: 50%;
}

.gsms .taps span {
  vertical-align: middle;
}

.gsms .gsms_text {
  border-bottom: 1px solid #ddd;
  height:230px;
}

.gsms .text_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

.gsms .text_byte {
  color: #666;
}

.gsms .text_emoji {
  font-size: 20px;
  cursor:pointer;
}

.gsms .btn_group {
  margin: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gsms .send_option {
  display: flex;
}
.gsms .send_option + .send_option{
  border-top: 1px solid #f0f0f0;
}

.gsms .send_option .option_check {
  padding: 0 8px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  background: #f9f9f9;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #f0f0f0;
}

.gsms .send_option .option_value {
  padding: 5px 0;
}

.gsms .send_test {
  padding-top: 5px;
  margin: 5px 0;
  border-top: 1px solid #f0f0f0;
}
.gsms .send_test .tit {
  display: block;
  margin-bottom: 5px;
  text-align: center;
}

.gsms .send_btns {
  margin-top: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gsms .gsms_history {
  min-width: 500px;
  max-width: 1050px;
}

.gsms .gsms_history .history_content {
  padding: 5px 10px;
  height:150px;
  background: #fff;
  border: 1px solid #ebedf1;
  font-size: 13px;
  color: #555;
  overflow-y: scroll;
  white-space: pre-line;
}

.gsms table .search {
  text-align: center;
}



.container .content h2.tit {
  font-size: 20px;
  position: relative;
  padding: 0 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
}

.container .content h2.tit::before {
  content: "";
  width: 7px;
  height: 26px;
  display: block;
  position: absolute;
  background: #0aa2b9;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.container .content h2.tit span {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 5px;
}


.p_board .relate_search {
  margin: 5px 0;
  padding: 5px;
  background-color: #f7f7f7;
}

.p_board .relate_search .tit{
  position: relative;
  margin: 0 25px 0 15px;
  font-size: 12px;
  font-weight: 400;
}
.p_board .relate_search .tit::after{
  position: absolute;
  right: -10px;
  top: 2px;
  content: "";
  display:block;
  width: 2px;
  height: 12px;
  background-color: #666;
}

.p_board .recommend_stat {
  padding: 10px;
  border-top: 2px solid #f0f0f0;
  border-bottom: 2px solid #f0f0f0;
}

.p_board .reply_container .star {
  font-size: 12px;
  color: #666;
}
.p_board .reply_container .star.empty {
  font-size: 12px;
  color: white;
  text-shadow: 0 0 1px #000;
}
.p_board .reply_container .btn_delete {
  border-radius: 100px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  background-color: #ce2a2a;
  color: #fff;
}

.p_board .reply_container .reply_item {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.p_board .reply_container .reply_item .user_info {
  position: relative;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.p_board .reply_container .reply_item .user_info::after {
  content: "";
  display: block;
  position: absolute;
  right: -10px;;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background-color: #c0c0c0;
}

.p_board .reply_container .reply_item .user_info .user_ico {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-color: #f0f0f0;
}

.p_board .reply_container .reply_item .user_info .user_id {
  margin-left: 10px;
}
.p_board .reply_container .reply_item .user_info .user_id strong {
  display: block;
}


.p_board .reply_container .reply_item .reply_center {
  flex: 1;
  padding: 0 20px 0 0;
}

.p_board .reply_container .reply_item .reply_etc {
  font-size: 14px;
  color: #666;
}
.p_board .reply_container .reply_item .reply_etc span {
  display: inline-block;
  margin: 5px;
}

.p_board .reply_container .reply_form {
  background-color: #f0f0f0;
  margin-top: 20px;
  padding: 10px;
}
.p_board .reply_container .reply_form .reply_form_recommend {
  margin-bottom: 10px;
}
.p_board .reply_container .reply_form .reply_form_input {
  display: flex;
}
.p_board .reply_container .reply_form .reply_form_input textarea{
  height: 70px;
}
.p_board .reply_container .reply_form .reply_form_input .btn {
  margin-left: 10px;
}

/* FIXME: background Color 조절*/
.btn_favorit {
  position: relative;
  background-color: #23b59b;
  color: #ffffff;
  padding: 2px 12px 2px 24px;
  min-width: 60px;
  min-height: 20px;
  font-size: 12px;
  border-radius: 3px;
}
.btn_favorit .star{
  position: absolute;
  left: -2px;
  top:0;
  background-color: #167866;
  padding: 2px 4px;
  margin: 0 !important;
  display: block;
  height: 100%;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;

}
.btn_favorit.on .star{
  color: #ffdb00
}


.btn_important {
  position: relative;
  background-color: #d2860c;
  color: #ffffff;
  padding: 2px 6px;
  min-width: 40px;
  min-height: 20px;
  font-size: 12px;
  border-radius: 2px
}
.btn_recommend {
  position: relative;
  background-color: #4b64f5;
  color: #ffffff;
  padding: 2px 6px;
  min-width: 40px;
  min-height: 20px;
  font-size: 12px;
  border-radius: 2px
}

.distributionTotal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.customContextMenu {
  position: absolute;
  box-sizing: border-box;
  height: 40px;
  min-width: 80px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0 0 1px 2px lightgrey;
  line-height: 3;
}

.customContextMenu a {
  cursor: pointer;
}

.customContextMenu a:hover {
  background-color: #f0f0f0;
}

.campaign_group_area {
  display: flex;
  height: 725px;
}

.set_campaign {
  min-height: 100%;
  max-width: 40%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 10px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
}

.set_campaign .group_cont{
  min-width: 50%;
  text-align: initial;
}

.set_campaign .group_cont .advice_box{
  /*display: flex;*/
  justify-content: flex-start;
  margin-top: 5px;
  padding: 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  max-height: 100%;
}
.set_campaign .group_cont .advice_box .regist {
  padding: 15px;
  background-color: #ffffff;
}

.set_scenario {
  min-height: 100%;
  max-width: 60%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 10px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  border-left-color: #0c0f12;
  border-left-style: solid;
  border-left-width: thin;
}

.set_scenario .group_cont{
  min-width: 50%;
  text-align: initial;
  margin-left: 20px;
}

.set_scenario .group_cont .advice_box{
  justify-content: flex-start;
  margin-top: 5px;
  padding: 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  max-height: 100%;
}

.set_scenario .group_cont .advice_box .regist {
  padding: 15px;
  background-color: #ffffff;
  margin: 0 0 10px 0;
  border-radius: 10px;
  height: 45%;
}

.set_scenario .group_cont .advice_box .regist .tbl_form td.selected {
  background-color: lightgrey;
}

.kms_info_bx .bx_info {
  width: 100%;
  border: solid 1px #e3e5e9;
  background: #fbfbfb;
  font-size: 13px;
  line-height: 24px;
  margin-top: 7px;
  padding: 12px 11px;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.kms_info_bx .bx_info li {
  width: 30%;
  -webkit-box-flex: 1;
  flex: 1 1 30%;
}

.kms_info_bx .bx_info strong {
  padding-right: 20px;
  display: inline-block;
}

.kms_info_bx .bx_info span {
  display: inline-block;
}

/*그룹문자임시*/
.bulk_sms .wrap_container {
  display: flex;
  flex-direction: row;
}

.bulk_sms_wrap {
  display: flex;
}

.bulk_sms_left {
  display: flex;
  flex-direction: column;
  width: 750px;
  /* height: 100%; */
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;

  margin: 12px 0 0 12px;
  border-radius: 0 3px 3px 3px;
  /* margin-right: 12px; */
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;
  overflow: hidden;
  padding: 15px 10px;
}

.bulk_sms_left h1.tit {
  font-size: 26px;
  position: relative;
  padding: 0 15px;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
}

.bulk_sms_left h1.tit span {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 5px;
}


.bulk_sms_left h1.tit {
  border: none;
}

.bulk_sms_left h1.tit::before {
  content: "";
  width: 7px;
  height: 26px;
  display: block;
  position: absolute;
  background: #0aa2b9;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bulk_sms_left p {
  color: #999999;
}

.bulk_sms_left .twrap .tbody {
  height: 520px;
  overflow-y: scroll;
}

.bulk_sms .wrap_container {
  display: flex;
  flex-direction: row;
}
.bulk_sms .wrap_container .container {
  width: 100%;
  height: auto;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bulk_sms_wrap .wrap_container .container .c_left {
  margin: 0 12px 0 12px;
  border-radius: 0 3px 3px 3px;
  width: 50%;
  margin-right: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;
  overflow: hidden;
}

.bulk_sms_flex {
  display: flex;
  flex-direction: row;
  margin-left: 15px;
  justify-content: center;
  align-items: center;
  width: 120px;
}
.bulk_sms_flex .tit {
  color: #fff;
  margin-right: 15px;
}

.gsms .uploadedFile {
  color: #0aa1b8;
}

#counselHistoryArea .radio1 {
  margin-right: 15px;
}

#counselHistoryArea .bx_radio + .bx_radio {
  margin-left: 0;
}

#inquiryContentsBox{
  display: none;
}

#processContentsBox{
  display: none;
}

#imagePreView{
  box-shadow: 0 17px 20px -18px rgba(0, 0, 0, 1);
}

#smsListContents #smsListImg {
  box-shadow: 0 10px 16px -16px rgba(0, 0, 0, 1);
  margin : 16px 0 10px 0;
}

#smsListForm .tbl_form .tit {
  margin: 0 10px 0 5px;
}
.tbl_form.type2 td {
  padding: 0 4px;
}

#smsStatsWebForm .p_state .btn {
  padding : 0 8px;
}

#smsStatsWebForm .numCol {
  text-align: right;
  padding: 7px 30px 7px 5px;
}

/* QMS 전용 style */

.br01 {
  border-right: 1px solid #f0f0f0;
  /*border-left: 1px solid #f0f0f0;*/
  border-bottom: 1px solid #f0f0f0;
}
.h150 {
  height: 150px;
  overflow: auto;
}

.cont-flex-row{
  flex-direction: row !important;
}

.org-tagbox-div{
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-content: flex-start;
}

.org-tagbox-div .org-tagbox{
  height: 30px;
  border-radius: 50px;
  padding: 10px;
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 20px;
}

.org-tagbox-div .org-tagbox.org {
  background: #d9d9d9
}

.org-tagbox-div .org-tagbox.person {
  background: #abdae1;
}

.org-tagbox-div .org-tagbox .org-tagbox-label{
  margin-right: 10px;
}

.org-tagbox-div .org-tagbox .org-tagbox-btn {
  content:url("/image/ico_x.png");
  width: 15px;
  height: 15px;
}

.org-tagbox-div .org-tagbox .org-tagbox-new {
  content:url("/image/ico_new.png");
  width: 15px;
  height: 15px;
  margin-right: 5px;
  filter: hue-rotate(240deg);
  -webkit-filter: hue-rotate(240deg);
}

.org-tagbox-div .org-tagbox .org-tagbox-delete {
  content:url("/image/ico_delete.png");
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.org-tagbox-div .org-tagbox .org-tagbox-btn:hover {
  content:url("/image/ico_x.png");
  filter: invert(15%) sepia(88%) saturate(5604%) hue-rotate(357deg) brightness(105%) contrast(117%);
  cursor: pointer;
  width: 15px;
  height: 15px;
}

.tree_menu li.on > div >a {
  color: #0aa2b9;
  font-weight: 800;
}

.tree_menu li.on > div > a:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.tree_menu li.on > div > .dep {
  display: block;
}

.qms-planlist-tr-background {
  background-color: lightgrey;
}

.p_board .advice_warp {
  margin-top: 5px;
  padding: 15px;
  background-color: #f0f0f0;
}

.p_board .plan {
  background: #ffffff;
  border-radius: 5px;
  padding-inline: 15px;
  min-height: 400px;
}

.plan-1 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.plan-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.plan_save {
  background-color: #ebedf1;
  border-radius: 5px;
}

/* 2023-04-07 변연희 v=4 작업 */

/* 공통 css 추가 */
.time-set {width: 76px;}
.required {color: #d2860c;}
.tbl_form.type2 .select-mini {width: 52px;}

/* work-hours */
.business-hours h2 {font-size: 26px; position: relative; padding: 0 15px; border-bottom: 1px solid #f2f2f2; position: relative;}
.business-hours h2::before {content: ""; width: 7px; height: 26px; display: block; position: absolute; background: #0aa2b9; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.business-hours h2 span {font-size: 12px; font-weight: normal; color: #999; margin-left: 5px;}
.business-hours .tbl_form.type2 select {width: 100px;}
.business-hours .tbl {font-size: 14px;}
.business-hours .tbl span.btn {font-size: 12px;}
.business-hours .twrap .tbody {height: 188px;}
.business-hours .ipt_date.calDay {width: 120px;}

/* work-hours__pop */
#businessHourPop,
#businessHourModifyPop,
#holidayPop,
#holidayModifyPop {overflow-y: visible; max-height: inherit;}
.pop {max-height: inherit;}
.pop .business-hours {padding: 20px 30px 30px;}
.pop .business-hours .btns {margin-top: 0;}
.pop .business-hours .equalCounsel .switch {left: 0;}
.pop .business-hours .tbl_form.type1 td {text-align: right;}
.pop .business-hours.date .tbl_form.type1 td {text-align: left;}
.pop .business-hours .twrap {margin-top: 10px;}
.pop .business-hours .twrap .equalCounsel .switch {top: 2px;}
.pop .business-hours article {width: 100%;}
.pop .business-hours article .unit {position: relative;}
.pop .business-hours article .unit h3 {margin: 15px 0 10px; width: 100%; text-align: left;}
.pop .business-hours article .unit textarea {height: 90px;}
.pop .business-hours article .unit .text_count {position: absolute; top: 5px; right: 0;}

/* 2023-04-25 변연희 v=5 작업 */

/* 공통 css 추가 */
.ico_link {background-image: url(../image/ico_link.svg); background-repeat: no-repeat; background-position: center; display: inline-block; width: 20px; min-width: 20px; height: 20px; margin: 2px 6px 0 -3px; opacity: 1;}
.txt > .ico_link {filter: invert(1);}

/* 채팅상담 */
.p_omni .area_chat .s_dialog {min-width: calc(100% / 3);}
.area_chat .c_dialog {padding: 25px 30px;}
.p_omni .area_chat .c_dialog .user .txtWrap,
.p_omni .area_chat .c_dialog .me .txtWrap,
.cont .area_chat .s_dialog .c_dialog .me .txtWrap {overflow: visible;}
.c_dialog .user .txtWrap .txt.swiper-slide,
.c_dialog .user .txtWrap > span:nth-of-type(2) {border-radius: 0 20px 20px 20px;}
.c_dialog .me .txtWrap .txt.swiper-slide,
.c_dialog .me .txtWrap > span:nth-of-type(2) {border-radius: 20px 0 20px 20px;}
.c_dialog .user .txtWrap .txt {border-radius: 20px; margin-top: 6px;}
.c_dialog .me .txtWrap .txt {border-radius: 20px; margin-top: 6px; text-align: left;}
.c_dialog .txtWrap .txt .c_btns {display: block; margin: 6px 0 0px; flex-wrap: wrap; justify-content: end;}
.c_dialog .txtWrap .txt .c_btns .c_btn {background: #fff; padding: 6px 16px; border-radius: 10px; margin-bottom: 6px; display: flex; color: #1d1d1d; text-align: left; cursor: pointer;}
.c_dialog .txtWrap .txt .c_btns .c_btn:hover {background: #f0f0f0;}
.c_dialog .txtWrap .txt .c_btns .c_btn:hover .ico_link {opacity: .6;}
.c_dialog .txtWrap .c_btns .txt {border-radius: 20px; display: flex; align-items: center;}
.c_dialog .user .txtWrap .c_btns .txt {margin-right: 6px; }
.c_dialog .me .txtWrap .c_btns .txt {margin-left: 6px; }
.c_dialog .txtWrap .c_btns .txt:hover {opacity: .6;}
.c_dialog .txtWrap .txt.swiper-slide {padding: 6px 16px 30px; margin-top: 0; width: 100% !important;}
.c_dialog .card.swiper {width: 100%; min-width: 164px; max-width: 440px; margin-right: 0; overflow: visible; background: #0aa2b9; border-radius: 20px 0 20px 20px;}
.c_dialog .card.txt {width: 100%; min-width: 164px; max-width: 440px;}

/* 2023-06-22 민감정보 변연희 작업 */
.btn_privacy {background: url(../image/btn_privacy.png) no-repeat;}
.privacy {background: #fff; padding: 6px 10px; border-radius: 10px; display: block; margin: 6px 0;}
.privacy .privacy_input {display: block; padding: 6px 10px; border-bottom: 1px dashed #dcdcdc;}
.privacy .privacy_input:last-child {border-bottom: none;}
.privacy .privacy_input strong {display: inline-block; width: 80px; font-weight: bold;}
/* 2023-06-18 변연희 v=6 작업 */
.p_omni .form_counsel .tap .ico_sms {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
  content: "";
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
  background: url("../image/ico_sms.svg") no-repeat 0 0;
  background-size: 28px;
  filter: grayscale(1) brightness(0);
}
.p_omni .form_counsel .tap.on .ico_sms {
  background: url("../image/ico_sms.svg") no-repeat 0 0;
  filter: grayscale(0) brightness(1);
}
.p_omni .form_counsel .customer_sms {
  padding-top: 27px;
}
.p_omni .form_counsel .customer_sms .top {
  margin-bottom: 15px;
}
.p_omni .form_counsel .customer_sms .bx_detail {
  width: 100%;
  height: 175px;
  overflow-y: auto;
  border: 1px solid #dcdcdc;
  padding: 10px 16px;
}

/* 2023-06-20 변연희 v=7 작업 */

/* 공통 css 추가 */
.btn_reserve {background: url(../image/gnb/btn_reserve.png) no-repeat;}
.btn_reserve.on {background: url(../image/gnb/btn_reserve_on.png) no-repeat;}
.btn_reserve:hover {background: url(../image/gnb/btn_reserve_over.png) no-repeat;}

/* 상담예약시스템 */
.chat_reserve .tbl_form.type2 {font-size: 14px;}
.chat_reserve .tbl_form.type2 th {width: 124px;}
.chat_reserve .tbl_form.type2 td {border-left: 1px solid #f0f0f0;}
.chat_reserve .tbl_form.type2 tr td:nth-of-type(2) {width: 100px; text-align: center;}
.chat_reserve .tbl_form.type2 tr td:nth-of-type(2) .btn {width: 80%; margin: 0 10%;}
.chat_reserve .tbl_form.type2 input,
.chat_reserve .tbl_form.type2 select {max-width: 124px; vertical-align: baseline;}
.chat_reserve .tbl_form.type2 label {vertical-align: baseline;}
.chat_reserve .tbl_form.type2 label::before {margin: -3px 8px 0 0;}
.chat_reserve .tbl_form.type2 .tit {padding-left: 10px; min-width: 80px; margin: 0;}
.chat_reserve .twrap .tbl {font-size: 14px;}
.chat_reserve .twrap .thead {padding-right: 0;}
.chat_reserve .twrap .tbody {height: auto; overflow-y: visible;}

/* 변연희 2023-08-17 kms 커스터마이징 관련 작업 */

/* 공통 css 추가 */
.w80 {width: 80% !important;}

.panel {position: relative; flex-basis: 40%;}
.panel+.content {flex-basis: 60%; padding: 24px 30px 24px 34px;}
.panel .panel_cont {border-right: 2px solid #ebedf1;}
.panel .btn_panel {
  position: absolute; top: 40%; right: -20px; z-index: 10;
  overflow: hidden; font-size: 0; line-height: 0; text-indent: -2000em;
  border: 1px solid #dcdcdc; border-left: 1px solid #ebedf1; border-radius: 0 4px 4px 0;
  background: #fff;
}
.panel .btn_panel:hover {background: #ebedf1;}
.panel .btn_panel [class^="ico_left_"] {
  display: block; width: 20px; height: 48px; margin: 0 auto;

}
.panel .btn_panel .ico_left_close {background: url(../image/arr_prev.png) no-repeat 50% 50%;}
.panel .btn_panel .ico_left_open {background: url(../image/arr_next.png) no-repeat 50% 50%;}
.panel .ellipsis:hover {overflow: visible; text-overflow: clip;}

/* kms 공통 */
.content.center>.coln {padding: 28px 0 18px; align-items: end;}
.content.center .area_search {justify-content: flex-start; padding: 0;}
.content.center .spec_list {padding: 18px 18px 12px 10px; margin: 0; border: 1px solid #dedede;}
.content.center .spec_list .bx_radio {
  width: 18.9%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: .8%;
  height: 28px;
}
.content.center .area_search .bx_radio {margin-top: 2px;}
.content.center .area_search .bx_sipt select,
.content.center .area_search .bx_sipt input {height: 40px; min-width: 120px;}
.content.center .area_search .btn {width: 80px; font-size: 16px;}
.content.center .ib_ob_warp .coln .col:last-child input {width: 280px;}

/* kms__kmsMain__main */
.kms_kmsMain .content_tab .area.counsel .rank {margin: 2px 0;}

/* kms__kmsBoard 공통 */
.kms_kmsBoard {display: flex; width: calc(100% - 22px);}
.kms_kmsBoard h1.tit {position: relative; border-bottom: 1px solid #f2f2f2 !important;}
.kms_kmsBoard .tbl {font-size: inherit;}
.kms_kmsBoard .tbl th + th {border-left: 1px solid #f0f0f0 !important;}
.kms_kmsBoard .tbl td {border-bottom: 1px dashed #f0f0f0 !important;}
.kms_kmsBoard .tbl td + td {border-left: 1px dashed #f0f0f0 !important;}

/* kms__kmsBoard__save */
.kms_kmsBoard .panel_cont .twrap .tbody {height: 670px;}
.kms_kmsBoard .panel_cont .twrap .tbody input {width: 100%;}
.kms_kmsBoard .panel_cont .twrap .tbody [class^="ico_"] {margin-top: 0; opacity: .4;}
.kms_kmsBoard .panel_cont .twrap .tbody [class^="ico_"]:hover {filter: none; opacity: 1;}
.kms_kmsBoard .panel_cont .twrap .tbody .tbl td {padding: 4px;}

.kms_kmsBoard .save .write .editor {padding: 10px 0;}
.kms_kmsBoard .save .write .keyword {
  display: flex; justify-content: space-between; align-items: center; padding: 10px 0;
}
.kms_kmsBoard .save .write .keyword .c_tit {
  font-size: 16px; font-weight: bold; display: inline-block; width: 80px; padding-left: 4px;
}
.kms_kmsBoard .save .write .keyword .c_tit+input {width: calc(100% - 100px);}
.kms_kmsBoard .save .write .file {border-top: 1px solid #f0f0f0;}
.kms_kmsBoard .save .write .file .file_top {margin: 12px 4px;}

/* kms__kmsBoard__detail_pop */
.kms_kmsBoard .detail_pop {position: relative;}
.kms_kmsBoard .detail_pop #kmsSubMenuNavi {position: absolute; top: 38px; right: 30px;}
.kms_kmsBoard .detail_pop .top {flex-wrap: wrap; padding: 28px 0 0;}
.kms_kmsBoard .detail_pop .top .coln .col em {display: inline-block; text-align: center;}
.kms_kmsBoard .detail_pop .top span {margin: 0 4px 0 0;}
.kms_kmsBoard .detail_pop .btn_favorit {top: -1px;}
.kms_kmsBoard .detail_pop .btn_favorit .star {padding: 2px 4px;}
.kms_kmsBoard .detail_pop .cont {padding: 24px;}
.kms_kmsBoard .detail_pop .relate_search {
  margin: 0; padding: 6px 0 10px; background: none; border-bottom: 1px solid #f0f0f0;
}
.kms_kmsBoard .detail_pop span.tit {
  margin: 0 10px 0 4px; font-size: 14px; font-weight: bold; display: inline-block; color: #333;
}
.kms_kmsBoard .detail_pop .relate_search .tit::after {display: none;}
.kms_kmsBoard .detail_pop .btn.white.sm {
  display: inline-block;
  font-size: 14px;
  padding: 0;
  text-align: center;
  padding: 0 10px;
  margin-top: 4px;
  line-height: 32px;
}
.kms_kmsBoard .detail_pop .file .file_top {margin: 12px 4px 10px;}
.kms_kmsBoard .detail_pop .reply_container .btns .btn {
  padding: 0 12px; line-height: 32px; text-align: center; display: inline-block;
}
.kms_kmsBoard .detail_pop .top .coln:nth-of-type(2) {width: 100%; padding: 10px 0;}
.spec_list h3 {margin: 12px 4px 10px;font-size: 14px;}
.spec_list .tbl_form th {padding: 0; width: 160px;}
.spec_list .tbl_form td {padding: 2px 10px; word-break: keep-all; font-size: 14px; border-right: 1px solid #f0f0f0;}
.spec_list .tbl_form td:last-child {border-right: none;}



/* /// 변연희 2023-12-11 KMS 2차 개발 ///*/

/* 공통 */
.btn_expand,
.btn_collapse {
  width: 11px;
  height: 8px;
  display: inline-block;
  margin-left: 8px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
}
.btn_expand {background: url(../image/arr_slct_down.png) no-repeat 50% 50%;}
.btn_collapse {background: url(../image/arr_slct_up.png) no-repeat no-repeat 50% calc(50% - 1px);}

textarea.error {
  border: 1px dashed red;
}

/* 로그인 */
.p_login .valid_check {width: 100%;}
.p_login .bx_pw {height: auto;}
.p_login .pin_number {
  width: 100%;
  position: relative;
}

.p_login .pin_number .btn.gray {
  position: absolute;
  top: -4px;
  right: 8px;
  width: 80px;
  height: 32px;
  opacity: 1;
  background-color: #999;
  border-color: #888;
}

.p_login .pin_number .btn.gray:hover {
  background-color: #888;
}

.p_login .pin_number .txt_point3 {
  position: absolute;
  top: 0;
  right: 8px;
  line-height: 48px;
  width: 80px;
  text-align: center;
  color: red !important;
}

/* kms 쓰기페이지 */
.p_board .write .coln.col2 .col {padding-top: 0;}
.p_board .write .coln.col2 .col .btn {display: inline-block; text-align: center; line-height: 20px;}
.p_board .write .coln.col2 .txt_right .white a:hover {text-decoration: underline;}

/* 임시보관함 */
.btn_x {
  width: 20px; height: 16px; margin-bottom: 1px;
  background: url("../image/ico_x.png") no-repeat center / 100%; opacity: .6; vertical-align: middle;
}
.btn_x:hover {opacity: 1;}

/* kms 보기페이지 */
.p_board .kms_kmsBoard .detail .top .w100+.w100 {margin: 10px 0; position: relative;}
.p_board .kms_kmsBoard .detail .top .w100+.w100 .btn.white {position: absolute; right: 0; bottom: 2px;}
.p_board .kms_kmsBoard .detail .spec_btn {margin: 5px 0; display: flex; justify-content: space-between;}

/* 사용자별 지식등록 */
.regist_user .coln.mt25.mb15 {justify-content: space-between;}
.regist_user .category td {background-color: #f0f0f0;}
.regist_user .tbody {height: 504px; overflow-y: auto;}
.regist_user .rank {
  display: inline-block; min-width: 28px; padding: 2px 6px; text-align: center; border-radius: 4px;
  background-color: #ebebeb;
}
.regist_user .tbody .rank.top3 {background-color: #0aa2b9; color: #fff;}
.regist_user .tbody .rank.top5 {background-color: #b0e7f0;}