/*
 * Nanum Barun Gothic (Korean) http://hangeul.naver.com
 */
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(../fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(../fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothic.woff2) format('woff2'),
       url(../fonts/NanumBarunGothic.woff) format('woff'),
       url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicBold.woff) format('woff'),
       url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}

html  {
  font-family: 'Nanum Barun Gothic', sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-height: 16px;
}


/*
 헤더스크롤 헤더조정
*/


/*  이하 공통 적용 스타일  */
#dasd { position: absolute; }
span.f200 {font-weight:200; }
span.f300 {font-weight:300;}
span.f400 {font-weight:400;}
span.f700 {font-weight:700;}

.f10 {font-size: 10px; font-weight:200;}
.f12 {font-size: 12px; font-weight:300;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f23 {font-size: 23px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f27 {font-size: 27px;}
.f28 {font-size: 28px;}
.f29 {font-size: 29px;}
.f30 {font-size: 30px;}


.bd {
  border:1px solid red;
}

.bd-1 {
  border:1px solid black;
}

.bd-2-g {
  border:2px solid #808080;
}

.br-1 {
  border-right:1px solid #808080;
}
.br-2 {
  border-right:2px solid #808080;
}

.bb-1{
  border-bottom:1px solid #808080;
}
.bb-2{
  border-bottom:2px solid #808080;
}
.bb-4{
  border-bottom:4px solid #ddd;
}
.bb-1-d{
  border-bottom:1px dotted #e1e1e1;
}

.bb-none{
  border:none;
}

.fixed {position:fixed;}


.navbar {
  z-index:999;
  padding:12px;
}

.content {
  height:100%;
  padding-bottom:50px;
}

.container-fluid {
  min-height:400px;
}

.footer {
  margin-top:-50px; padding:12px 12px 12px 20px;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    content: ' ';
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid #8e8e8f;
    border-radius: 3px;
}

/* 테이블 TR 선택 색상 */
table.dataTable tbody tr.selected {
    color: #365eba!important;
    background-color: #ebf6ff !important;
}

.sm_desc {font-size:12px; color:#a2a1a2; margin-left:10px;}

.irq::before {
  content: "\f069";
    font-family: "Font Awesome 5 Free";
    font-size: 9px;
    font-weight: 600;
    margin-right:5px;
    color:#f76c76;
}

.modal-dialog {width:100%; min-width:1000px; margin:0 auto; top:10%;}
.modal-footer {padding:10px; border:0px;}
.card {margin-bottom:0px;}

.table>tbody>tr>td { text-align: center; }
.page-link {font-size: 14px; padding:9px 12px 9px 12px;}

.dataTables_info {float:left; margin-top:10px;}
.dataTables_paginate {float:right; padding-top:20px;}

.btn-group {float:right;}
.btn-secondary {width:80px; height:30px; font-size:14px;}
.dataTables_filter {float:left; }
.dataTables_filter input {width:250px; height:30px; border:1px solid #ccc; font-size:14px;}

.btn_popup_40 {width:40px; height:20px; font-size:10px;}
.btn_popup_100 {width:100px; height:35px; font-size:14px;}
.btn_popup_120 {width:120px; height:35px; font-size:14px;}
.btn_popup_150 {width:150px; height:35px; font-size:14px;}
.btn_popup_180 {width:180px; height:35px; font-size:14px;}
.btn_popup_200 {width:200px; height:35px; font-size:14px;}


.ma0 {margin: 0;}

.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}
.mb70 {margin-bottom:70px;}

.mt5 {margin-top:5px;}
.mt0 {margin-top:0px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt100 {margin-top:100px;}

.mr0 {margin-right:0px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.ml100 {margin-left:100px;}

.ma5{margin: 5px;}
.ma10{margin: 10px;}
.ma20{margin: 20px;}
.ma30{margin: 30px;}
.ma40{margin: 40px;}

.my5{margin: 5px 0;}
.my10{margin: 10px 0;}
.my20{margin: 20px 0;}
.my30{margin: 30px 0;}
.my40{margin: 40px 0;}

.mx5{margin: 0 5px;}
.mx10{margin: 0 10px;}
.mx20{margin: 0 20px;}
.mx30{margin: 0 30px;}
.mx40{margin: 0 40px;}


.pt2 {padding-top:2px !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;}

.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;}

.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;}
.pb50 {padding-bottom:50px !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;}

.pa0 {padding: 0px;}
.pa5 {padding: 5px;}
.pa10 {padding: 10px;}
.pa20 {padding: 20px;}
.pa30 {padding: 30px;}

.pa5-10{padding: 5px 10px;}
.pa10-20{padding: 10px 20px;}

.py10{padding: 10px 0;}
.py20{padding: 20px 0;}
.py30{padding: 30px 0;}
.py40{padding: 40px 0;}

.px5{padding: 0 5px;}
.px10{padding: 0 10px;}
.px20{padding: 0 20px;}
.px30{padding: 0 30px;}
.px40{padding: 0 40px;}

.hide {display:none;}
.show {display:block;}


.table td, .table th {
  padding:8px;
}


/* 서브페이지 */
.sub_title {font-size:20px; margin:0 0 10px 3px;}
.copyrights {font-size:12px; margin:5px;}

.prod_img img {width:226px; height:150px; border:0px;}

.sumTable {
  width:100%;
  font-size:12px;
  padding:3px;
  border:1px solid #ccc;
  background:#ccc;
}

.sumTable th {
  text-align:center;
  background:#f0eff1;
  font-size:12px;
  padding:5px;
}
.sumTable .tr1 {
  background:#fff;
}
.sumTable .tr2 {
  background:#f6f5f7;
}
.sumTable td {
  text-align:center;
  font-size:12px;
  padding:5px;

}

.dt-buttons btn-group {
  margin-bottom:10px;
}

.dataTables_length {
  float:left;
  margin-right:10px;
}

.custom-select {
  font-size:12px;
}

.dataTables_info {
  float:left;
}

.filedesc {
  font-size:13px; color:#4d77bf;
}

.btn_style {
  width:120px;
  font-size:14px;
}
.i_style {
  margin-right:10px;
  font-size:14px;
}

.form-control-check {
  width:20px;
  height:20px;
  margin:0 2px 0 12px;
  vertical-align:text-bottom;
}

.tr_group {
  background-color: #fcf6dd !important;
}

.tr_group_sum {
  background-color: #fff7f7 !important;
}


.table_print thead tr th {
  font-size:10px;
}
.table_print tbody tr td {
  font-size:10px;
}

.prod_pop_rate {
  font-size:12px;
  position: relative;
  top:35px;
}
.prod_pop_rate span {
  font-size:12px;
  color:red;
}

/* 세금계산서 폼 스타일 */
.tax_form {
  width:100%;
  border:1px solid #a6a6a8;
}
.tax_form table {
  width:100%;
  text-align:center;
}

.tax_form table td {
  height:35px;
  border:1px solid #d3d3d6;
  font-size:12px;
  color:#372e35;
  text-align:left;
  padding:7px;
}

.tax_form table th {
  height:35px;
  border:1px solid #d3d3d6;
  background:#eaf9e8;
  font-size:12px;
  color:#372e35;
  text-align:center;
}

.tax_form .th_tt1 {
  width:20px;
  background:#ff9ca3;
  font-weight:600;
  color:#ca0200;
  font-size:12px;
  text-align:center;
  padding:4px;
}
.tax_form .th_tt2 {
  width:20px;
  background:#abd9ff;
  font-weight:600;
  color:#3760c6;
  font-size:12px;
  text-align:center;
  padding:4px;
}

.tax_form .th_td1 {
  width:90px;
  background:#ffdad2;
  font-weight:600;
  color:#ca0200;
  font-size:12px;
  text-align:center;
}
.tax_form .th_td2 {
  width:90px;
  background:#ebfbff;
  font-weight:600;
  color:#3760c6;
  font-size:12px;
  text-align:center;
}

.tax_form .tax_title {
  font-size:22px;
  font-weight:600;
  color:#372e35;
}

.tax_form .tax_number {
  font-size:16px;
  font-weight:600;
  color:#372e35;
}

.btn-instagram {
  width:120px;
  height:30px;
  padding-top:5px;
}

.top_menu_div {
  width:100px;
  height:40px;
  margin:0 5px;
  float:left;
}

.top_btn {
  width:100%;
  height:40px;
  font-size:13px;
}

.flex-row {
  display: flex;
  flex-flow: row;
}

.flex-col {
  display: flex;
  flex-flow: column;
}

.flex-col-between {
  display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-start {
  justify-content: start;
  align-items: center;
}
.flex-end {
  justify-content: end;
  align-items: center;
}
.flex-center {
  justify-content: center;
  align-items: center;
}

.flex-around {
  justify-content: space-around;
  align-items: center;
}

.flex-between {
  justify-content: space-between;
  align-items: center;
}

.flex-left {
  justify-content: start;
  align-items: start;
}

.flex-right {
  justify-content: start;
  align-items: end;
}

.ac {text-align: center !important;}
.al {text-align: left !important;}
.ar {text-align: right !important;}

.fl {float:left;}
.fr {float:right;}
.cboth {clear:both;}

.dw100 { width:100%; }
.dw90 { width:90%; }
.dw80 { width:80%; }
.dw70 { width:70%; }
.dw65 { width:65%; }
.dw60 { width:60%; }
.dw59 { width:59%; }
.dw58 { width:58%; }
.dw55 { width:55%; }
.dw50 { width:50%; }
.dw45 { width:45%; }
.dw40 { width:40%; }
.dw30 { width:30%; }
.dw33 { width:33%; }
.dw25 {	width:25%; }
.dw20 {	width:20%; }
.dw15 {	width:15%; }
.dw10 {	width:10%; }

.w1650 {width:1650px !important;}
.w1600 {width:1600px !important;}
.w1500 {width:1500px !important;}
.w1200 {width:1200px !important;}
.w1000 {width:1000px !important;}
.w900 {width:900px !important;}
.w800 {width:800px !important;}
.w700 {width:700px !important;}
.w650 {width:650px !important;}
.w600 {width:600px !important;}
.w550 {width:550px !important;}
.w500 {width:500px !important;}
.w400 {width:400px !important;}
.w300 {width:300px !important;}
.w250 {width:250px !important;}
.w200 {width:200px !important;}
.w180 {width:180px !important;}
.w150 {width:150px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w100 {width:100px !important;}
.w90 {width:90px !important;}
.w80 {width:80px !important;}
.w50 {width:50px !important;}
.w40 {width:40px !important;}



.sms_auto_area {
  float:left;
  width: 262px;
  height: 270px;
  display:inline-block;
  margin-right:20px;
  margin-top:20px;
}

.sms_auto_bg {
  color:#426283;
  width: 100%;
  height: 100%;
  background: url("/images/sms_hp_bg2.png") no-repeat 0 0;
}

.sms_auto_textarea {
   background-color: #e9eff4;
   margin-left: 11px;
    width: 240px;
    height: 140px;
}

.sms_auto_textarea textarea {
   padding: 5px 0 0 10px;
    width: 100%;
    height: 140px;
    line-height: 20px;
    font-size: 15px;
    color: #333;
    font-family: 'dotum', sans-serif;
    border: none;
    background-color: transparent;
    overflow-y: scroll;
}



.sms_area {
  float:left;
  color:#426283;
  width: 262px;
  height: 380px;
  background: url("/images/sms_hp_bg.png") no-repeat 0 0;
}
.sms_area .gbn_txt {
  margin: 35px 0 0 11px;
  width: 240px;
  height: 28px;
  display:inline-block;
  line-height: 28px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-family: 'dotum', sans-serif;
  font-size: 12px;
  background-color: #7395b8;
}

.sms_area .mess_title {
  margin-left: 11px;
  margin-top:10px;
    width: 240px;
    height: 31px;
    background: #fff;
}
.sms_area .mess_title input {
  margin: 3px 0 3px 3px;
    padding-left: 7px;
    width: 225px;
    height: 23px;
    line-height: 24px;
    color: #666;
    border: 1px solid #bcbcbc;
}

.sms_area .textarea {
   background-color: #e9eff4;
   margin-left: 11px;
    width: 240px;
    height: 229px;
}
.sms_area .textarea textarea {
   padding: 5px 0 0 10px;
    width: 100%;
    height: 217px;
    line-height: 18px;
    font-size: 15px;
    color: #333;
    font-family: 'dotum', sans-serif;
    border: none;
    background-color: transparent;
    overflow-y: scroll;
}

.sms_area .byte_area {
  background-color: #c8d5e3;
  margin-top: 0px;
  margin-left: 11px;
  width: 240px;
  height: 28px;
}

.sms_area .btn_refresh {
  color: #426283;
  display: block;
  float: left;
  padding-left:23px;
  width: 120px;
  height: 28px;
  line-height: 29px;
}
.sms_area .byte {
  color: #426283;
  float: right;
  margin-right: 13px;
  height: 28px;
  line-height: 29px;
}

.sms_list_area {
    float:left;
  width:230px;
  height:350px;
  margin-left:20px;
  padding:5px;
}

.sms_ext_area {
    float:left;
  width:210px;
  height:350px;
  margin-left:10px;
  padding:5px;
}

.select2.select2-container {
    min-width: 70px;
}

.hpnum_list_area {
  width: 222px;
    height: 300px;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-top:10px;
}
.hpnum_list_area ul {
    width: 98%;
    height: 293px;
    font-size: 14px;
    color: #333;
    font-family: dotum;
    overflow: hidden;
    overflow-y: scroll;
}
.hpnum_list_area ul li {
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  padding:5px;
  letter-spacing :1.2px;
}

.bg_ccc {background-color: #e5e5e5;}


.bg-gray-0 {
  background-color: #e9ecef;
}

.bg-gray-1 {
  background-color: #e3e3e6;
}
.bg-gray-2 {
  background-color: #d9d9d9;
}
.bg-gray-3 {
  background-color: #646464;
}
.bg-gray-4 {
  background-color: #888888;
}
.bg-gray-5 {
  background-color: #D9D9D9;
}

.bg-graysky {
  background-color: #e9f0ff !important;
}

.tax_itxt1 {
  border:1px solid #eee;
  width:40px;
  height:22px;
  font-size: 12px;
  color:#333;
  text-align:center;
}

.tax_itxt2 {
  border:1px solid #eee;
  width:100%;
  height:22px;
  font-size: 12px;
  color:#333;
  text-align:left;
}

.tax_itxt3 {
  border:1px solid #eee;
  width:100px;
  height:22px;
  font-size: 12px;
  color:#333;
  text-align:right;
}

.tax_itxt4 {
  border:1px solid #eee;
  width:50px;
  height:22px;
  font-size: 12px;
  color:#333;
  text-align:center;
}

.font_red {
  color:#c33f48;
}
.font_green {
  color:#30a54f;
}
.font_blue {
  color:#1f5fbb;
}

.font_gray {
  color:#848484;
}

.font_red2 {
  color:red;
}
.font_blue2 {
  color:blue;
}

.bold {
  font-weight:600;
}

.red_row {
  background:#e89da3;
}
.pink_row {
  background:#ffe8e8e0;
}
.blue_row {
  background:#c8f5ec;
}
.gray_row {
  background:#E2EAEE;
}

.paddingTable_2 tr td {
  padding:2px;
}

.dashboard_list_area {
  height:300px;
  background:#f9e1e3;
}

.selected_row {
  background:#ecf1fa;
}

table tr:hover {
  cursor:pointer;
    background-color: #ecf1fa;
}


.box-container {
  position: relative;
    padding: 20px;
    border-radius: 3px;
    background-color: #EEF2F7;
    text-align: left;
    font-size: 13px;
}


.quickMenu {
  width:100%;
  margin-left:30px;
}

.quickMenu button{
    font-size:14px;
    margin-right:5px;
}

@media all and (min-width:400px) and (max-width:1024px) {

  .quickMenu button{
      font-size:11px;
      margin-right:3px;
  }

}

.pdf-header {
    margin:0 auto;
    text-align:center;
    margin-top:0px;
}
.pdf-title {
    text-align:center;
    font-size:28px;
    font-weight: 600;
}
.pdf-outdt1 {
    margin-top:40px;
    text-align:right;
    font-size:22px;
    font-weight: 600;
}
.pdf-outdt2 {
    margin-top:40px;
    text-align:right;
    font-size:16px;
    font-weight: 600;
    padding-top:5px;
}

.pdf-table {
	display: table;
	width:100%;
    border:1px solid #71BCE4;
    border-collapse: collapse;
}

.pdf-table th {
    border:1px solid #71BCE4;
    border-spacing:1px;
    text-align:center;
    font-size:10px;
    font-weight:800;
    background: #C7E4F4;
    padding:4px;
}

.pdf-table td {
    border:1px solid #71BCE4;
    text-align:center;
    font-size:9px;
    background: #fff;
    padding:4px;
    word-break : normal;
}

.pdf-bottom {
	text-align:center;
	width:100%;
}

.pdf-bottom p {
	text-align:center;
	font-size:18px;
	font-weight: 600;
}


.calc-pdf-table {
    display: table;
    width:100%;
    border:1px solid #71BCE4;
    border-collapse: collapse;
}

.calc-pdf-table th {
    border:1px solid #71BCE4;
    border-spacing:1px;
    text-align:center;
    font-size:16px;
    font-weight:800;
    background: #C7E4F4;
    padding:4px;
}

.calc-pdf-table td {
    border:1px solid #71BCE4;
    text-align:center;
    font-size:14px;
    background: #fff;
    padding:5px 10px 5px 10px;
    word-break : normal;
}



.dom_search {
	height:36px;
}

.readonly {
	background-color: #e9ecef;
	cursor: not-allowed;
}