/*
 * 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;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}

.fixed {position:fixed;}


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

.content {
	height:100%;
	padding-top:90px;
	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_125 {width:150px; height:35px; font-size:14px;}


.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mt5 {margin-top:5px;}
.mt0 {margin-top:0px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.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;}

.pr10 {padding-right:10px;}
.pl10 {padding-left:10px;}
.pr20 {padding-right:20px;}
.pl20 {padding-left:20px;}

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


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

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

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



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

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

.paddingTable_2 tr td {
	padding:2px;
}