@charset "UTF-8";
.g_title {
  font-size: 24px;
  color: #0367c8;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
  margin-top: 40px;
}

.g_text {
  font-size: 16px;
  line-height: 1.75;
}

.g_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.del_temp_btn {
  border: 1px solid #cc00008c;
  color: #cc00008c;
  padding: 1px 15px;
}
.g_list .img_wrap {
  display: inline-block;
  height: 100px;
  width: 110px;
  border-radius: 30px;
  background: #b2c7d9;
  line-height: 100px;
  text-align: center;
  margin-right: 26px;
}

.g_list .content_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #dbdbdb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.g_list .content_wrap h5 {
  font-size: 17px;
  line-height: 34px;
  font-weight: bold;
}

.g_list .content_wrap p {
  font-size: 16px;
}

.g_table {
  width: 100%;
  border-collapse: collapse;
}

.g_table thead th {
  background: #f7f7f7;
}

.g_table th, .g_table td {
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #dbdbdb;
  text-align: center;
}

.g_table th.active {
  border: 2px solid #0367c8;
  background: #f7f7f7;
  border-bottom: 1px solid #dbdbdb;
}

.g_table td.active {
  border: 2px solid #0367c8;
  background: #f8fdfc;
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
}

.g_table tbody tr:last-child td.active {
  border-bottom: 2px solid #0367c8;
}

.g_button {
  text-align: center;
}

.g_button a {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 40px;
  background: #0367c8;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  padding: 20px 30px;
}

li.ico_new {
  padding-left: 25px;
  line-height: 23px;
  position: relative;
}

li.ico_new::before {
  position: absolute;
  top: 0px;
  left: 0;
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("/images/kakao/list.png") no-repeat center;
}

li.ico_bot {
  margin-top: 25px;
  padding-top: 25px;
  padding-left: 0;
  border-top: 1px solid #dbdbdb;
  line-height: 23px;
}

.g_step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}

.g_step div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  padding: 0 8px;
}

.g_step div h5 {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 17px;
  word-break: keep-all;
}

.g_step div p {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.04em;
}

.g_step div p span {
  display: block;
  color: #d63c3c;
}

.tab_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*border-bottom: 1px solid #0367c8;*/
  margin-top: 30px;
  margin-bottom: 10px;
}

.tab_wrap a {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 115px;
          flex: 0 1 115px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border: 1px solid #dbdbdb;
  border-bottom: 0;
  margin-bottom: -1px;
}

.tab_wrap a:not(:first-child) {
  margin-left: -1px;
}

.tab_wrap a.active {
  border-color: #0367c8;
  z-index: 1;
  border-bottom: 1px solid #fff;
}

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

.tab_wrap_small a {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  height: 38px;
  line-height: 38px;
  text-align: center;
  width: 90px;
  border-radius: 4px;
  background: #ccc;
}

.tab_wrap_small a.active {
  background: #0367c8;
}

.tab_wrap_small a:not(:first-child) {
  margin-left: 4px;
}

.template_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -12px;
}

.template_wrap .template {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  padding: 12px;
  border-radius: 4px;
}

.template_wrap .template.mgr {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.template_wrap .template .template_header {
  display: block;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid #dbdbdb;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom: none;
  background: #fae100;
  text-align: center;

}
.template_wrap .template .template_header h5{
  position: relative;
  display: inline-block;
  padding-left:35px;
}
.template_wrap .template .template_header h5:before{
  content:"";
  display: inline-block;
  background: url("/images/kakao/tmpl_icon.png") center center no-repeat;
  position: absolute;
  width: 20px;
  height: 18px;
  left: 10px;
}

.template_wrap .template .template_header p {
  color: #000;
  font-size: 14px;
}

.template_wrap .template .template_header span {
  font-size: 12px;
  color: #fff;
  padding: 6px;
}

.template_wrap .template .template_header span.registered {
  background: #2576bc;
}

.template_wrap .template .template_header span.registered::before {
  content: "등록";
}

.template_wrap .template .template_header span.approved {
  background: #19b749;
}

.template_wrap .template .template_header span.approved::before {
  content: " 승인";
}

.template_wrap .template .template_header span.rejected {
  background: #e03434;
}

.template_wrap .template .template_header span.rejected::before {
  content: "승인반려";
}

.template_wrap .template .template_header span.requested {
  background: #ee9508;
}

.template_wrap .template .template_header span.requested::before {
  content: "심사요청";
}

.template_wrap .template .template_header span.rejected {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}

.template_wrap .template .template_header span.rejected::after {
  content: '';
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), -webkit-gradient(linear, left top, left bottom, from(white), to(white));
  background: linear-gradient(white, white), linear-gradient(white, white);
  background-position: center;
  background-size: 50% 2px,2px 50%;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.template_wrap .template .template_body {
  border: 1px solid #dbdbdb;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top: none;
  padding: 9px;
}

.template_wrap .template .template_body textarea {
  min-height: 180px;
  border: none;
  resize: none;
  width: 100%;
}

.template_wrap .template .template_body .buttons_wrap a {
  display: block;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  color: #444;
  background: #e6e6e6;
  margin: 1px 0;
  text-align: center;
}

.template_wrap .template .template_body .buttons_wrap.buttons_preview {
  position: relative;
}

.template_wrap .template .template_body .buttons_wrap.buttons_preview:hover::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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;
  background: rgba(0, 0, 0, 0.5);
  content: '미리보기';
  color: #fff;
  cursor: pointer;
}

.template_wrap .template .template_body .action_wrap {
  margin-top: 12px;
  text-align: center;
}

.template_wrap .template .template_body .action_wrap a {
  display: inline-block;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  margin: 0 2px;
  padding: 0 18px;
}

.template_wrap .template .template_body .action_wrap a.delete {
  color: #cc0000;
  border: 1px solid #cc0000;
}

.template_wrap .template .template_body .action_wrap a.edit {
  color: #9b9b9b;
  border: 1px solid #9b9b9b;
}

.template_write {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  padding-bottom: 50px;
  border-bottom: 2px solid #0367c8;
}

.template_write ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}

.template_write .form_row:not(:last-child) {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #dbdbdb;
}

.template_write .form_row label {
  display: block;
  font-size: 15px;
  color: #000;
  margin-bottom: 8px;
  font-weight: 600;
}

.template_write .form_row label span {
  font-weight: 300;
}

.template_write .form_row input {
  width: 100%;
}

.template_write .form_row .btn_s {
  display: inline-block;
  width: 60px;
  height: 34px;
  font-size: 13px;
  line-height: 34px;
  text-align: center;
  background: #f5f5f5;
  border: 1px solid #aeaeae;
  margin-right: 5px;
  margin-bottom: 5px;
}

.template_write .form_row .btn_s:hover {
  background: #707070;
  border-color: #707070;
  color: #fff;
}

.template_write .form_row .btn_bg {
  display: inline-block;
  width: 49%;
  height: 42px;
  line-height: 38px;
  font-size: 14px;
  font-weight: bold;
  color: #f75c10;
  border: 2px solid #f75c10;
  text-align: center;
}

.template_write .form_row .btn_bg:hover {
  background: #f75c10;
  color: #fff;
}

.kakao_wrap {
  background: #b2c7d9;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 40px;
}

.kakao_header {
  background: #98b8d3;
  padding: 10px 15px;
}

.kakao_info {
  background: #98b8d3;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
}

.kakao_info span {
  color: red;
  font-weight: 500;
}

.kakao_body {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
}

.kakao_body::before {
  content: '';
  display: inline-block;
  height: 40px;
  width: 40px;
  background: url("/images/kakao/user.png") no-repeat center center #98b8d3;
  border-radius: 15px;
  margin-right: 5px;
}

.kakao_body .tmpl {
  width: 100%;
  max-width: 255px;
}

.kakao_body .kakao_sender {
  font-size: 14px;
  color: #000;
  margin-bottom: 5px;
}

.kakao_body .msg_wrap {
  border-radius: 6px;
  overflow: hidden;
}

.kakao_body .msg_header {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fae100;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.kakao_body .msg_header img {
  margin-right: 6px;
}

.kakao_body .msg_body {
  background: #fff;
  position: relative;
}

.kakao_body .msg_body #divNoImgArea {
  height: 228px;
  border-bottom: 1px solid #dbdbdb;
  background: #f8f8f8 url(/images/user/ico.png) no-repeat -447px -290px;
}

.kakao_body .msg_body textarea {
  border: 0;
  width: 100%;
  min-height: 246px;
  resize: vertical;
}

.kakao_body .msg_body textarea:read-only {
  background-color: #fff !important;
}

.kakao_body .msg_body .buttons {
  padding: 14px;
}

.kakao_body .msg_body .buttons a {
  background: #e6e6e6;
  color: #000;
  border-radius: 4px;
  display: block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin-bottom: 5px;
}

.kakao_body .msg_body .buttons a:empty {
  display: none;
}

.kakao_body .btn_grey {
  display: inline-block;
  width: 49%;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  text-align: center;
  border: 1px solid #aeaeae;
  background: #f5f5f5;
  margin-top: 4px;
}

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

.kakao_footer .btn_yellow {
  background: #fae100;
  height: 48px;
  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;
  line-height: 1;
  font-size: 13px;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.kakao_footer .btn_yellow  a {font-size:13px;}

.kakao_footer .btn_yellow:not(:last-of-type) {
  border-right: 1px solid #9b9b9b;
}

.sms_kakao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 365px;
  float: left;
}

.sms_kakao .btn_big {
  display: inline-block;
  /*max-width: 49%;*/
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  text-align: center;
  color: #fff;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
}

.sms_kakao .btn_big.orange {
  background: #f78810;
}

.sms_kakao .btn_big.orang:hover {
  background: #e97d07;
  color:#fff;
}

.sms_kakao .btn_big.red {
  background: #f75c10;
  margin-left: auto;
}

.sms_kakao .kakao_wrap {
  margin-top: 5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.sms_kakao .kakao_header {
  background: transparent;
}

.sms_kakao + .sms_frm {
  width: 655px;
}

.sms_kakao + .sms_frm ul.num_list {
  width: 516px;
}

.sms_kakao .add_btn {
  bottom:106px;
  width:100%;
  height:45px;
}
.sms_kakao .add_btn.type_2{bottom:61px;}
.sms_kakao .add_btn.type_2 a {float:left;width:50%;display: inline-block; margin:0; line-height: 45px; text-align: center;color:white}
.sms_kakao .add_btn.type_2 a:first-child {background: #ec4b4b; }
.sms_kakao .add_btn.type_2 a:first-child:hover {background:#e23333;}
.sms_kakao .add_btn.type_2 a:last-child {background: #7f7f7f; }
.sms_kakao .add_btn.type_2 a:last-child:hover {background: #6f6f6f; }

.btn_save {
  display: block;
  width: 100%;
  background: #f78810;
  color: #fff;
  text-align: center;
  height:45px;
  line-height:45px;
  margin-top: 7px;
}

.btn_save:hover {
  background: #e97d07;
  color:#fff;
}

.btn_b_blue1 {
  display: inline-block;
  padding: 0 30px;
  min-width: 114px;
  font-size: 15px;
  line-height: 50px;
  height: 50px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #0367c8;
}
.btn_b_white1 {
  display: inline-block;
  padding: 0 30px;
  min-width: 114px;
  font-size: 15px;
  line-height: 50px;
  height: 50px;
  color: #0367c8;
  font-weight: bold;
  text-align: center;
  background: #fff;
  border: 3px solid #0367c8;
}
.btn_b_blue1:hover .btn_b_white1:hover {
  color: #0f0f0f !important;
}

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

.action_buttons .left {
  border: 1px solid #d3d3d3;
  padding: 10px;
}

.action_buttons .left li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.action_buttons .left li:not(:last-child) {
  margin-bottom: 6px;
}

.action_buttons .left li .image_wrap {
  background: #fff url(/images/admin/def-noimg.png) no-repeat center center;
  width: 160px;
  height: 160px;
}

.action_buttons .left li .button_wrap {
  width: 160px;
  border: 1px solid #d3d3d3;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #000;
  position: relative;
  cursor: pointer;
}

.action_buttons .left li .button_wrap.active {
  color: #fff;
  background: #f97070;
  border-color: #f97070;
}

.action_buttons .left li .button_wrap:not(.active):hover {
  background: #d8d8d8;
}

.action_buttons .left li .button_wrap a {
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.action_buttons .left li .button_wrap a::after, .action_buttons .left li .button_wrap a::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 1px;
  background: #fff;
  top: 50%;
  left: 50%;
}

.action_buttons .left li .button_wrap a::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.action_buttons .left li .button_wrap a::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.action_buttons .left li .order_wrap {
  margin-left: 10px;
}

.action_buttons .left li .order_wrap button {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #d3d3d3;
  position: relative;
}

.action_buttons .left li .order_wrap button:first-child {
  margin-bottom: -1px;
}

.action_buttons .left li .order_wrap button:last-child {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.action_buttons .left li .order_wrap button::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #757575;
  border-right: 1px solid #757575;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -27%) rotate(-45deg);
          transform: translate(-50%, -27%) rotate(-45deg);
}

.action_buttons .right {
  padding: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: -1px;
  border: 1px solid #d3d3d3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.action_buttons .right .button_type_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.action_buttons .right .button_type_wrap .button_type {
  border: 1px solid #d3d3d3;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}

.action_buttons .right .button_type_wrap .button_type:not(:last-child) {
  margin-right: 5px;
}

.action_buttons .right .button_type_wrap .button_type.active {
  color: #fff;
  background: #f97070;
  border-color: #f97070;
}

.action_buttons .right .button_type_wrap .button_type:not(.active):hover {
  background: #d8d8d8;
}

.action_buttons .right .button_detail_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 40px;
  position: relative;
  margin-top: 10px;
}

.action_buttons .right .button_detail_wrap table {
  width: 100%;
  border-collapse: collapse;
}

.action_buttons .right .button_detail_wrap table tr {
  border: 1px solid #d3d3d3;
}

.action_buttons .right .button_detail_wrap table th {
  background: rgba(0, 0, 0, 0.05);
}

.action_buttons .right .button_detail_wrap table th, .action_buttons .right .button_detail_wrap table td {
  padding: 6px;
}

.action_buttons .right .button_detail_wrap table td input {
  width: 100%;
}

.action_buttons .right .button_detail_wrap .save_btn {
  float: right;
  background: #0367c8;
  color: #fff;
  display: inline-block;
  padding: 5px 15px;
  margin-top: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  border: none;
  outline: none;
}

.action_buttons .right .button_detail_wrap .save_btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.button_template {
  margin-top: 10px;
}

.button_template a {
  background: #fff;
  border: 1px solid #3a3d6a;
  color: #3a3d6a;
  border-radius: 4px;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 5px;
}

.button_template a:empty {
  border: 1px solid #d3d3d3;
  display: none;
}

.pop_action {
  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;
  margin: 10px 0;
}

.faq_write {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
}

.faq_write a {
  width: 100px;
  background: #0367c8;
  color: #fff;
  line-height: 100px;
  text-align: center;
}

.faq_write textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  resize: none;
}

.custom_select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
}

.custom_select input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.custom_select a {
  display: inline-block;
  margin-left: 5px;
  padding: 0 12px;
  background: #868687;
  border-radius: 3px;
  color: #fff;
  line-height: 28px;
}

ul.select_option {
  width: 100%;
  border: 1px solid #c8c8c8;
  width: 300px;
  position: absolute;
  z-index: 10;
  background: white;
}

ul.select_option:empty {
  display: none;
}

ul.select_option li {
  padding-left: 10px !important;
  cursor: pointer;
  opacity: .7;
}

ul.select_option li:hover {
  opacity: 1;
}

.text-primary {
  color: #0367c8;
}
/*# sourceMappingURL=style.css.map */