@charset "utf-8";

/* Common */
*{margin:0; padding:0}
html{width:100%;}
html {overflow-y:scroll}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; font-weight:300;}
body,input,textarea,select,button,table{font-size:10pt; font-family:'NotoSansCJKkr', Dotum,gulim,굴림,Whitney,"Malgun Gothic",맑은고딕,AppleGothic,sans-serif; color:#4f4e4e; font-weight: 300;}
input,textarea,select{color:#7E817A; *margin-top:1px;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:none;}
img{border:0; font-size:0; vertical-align:middle;}
input, select{vertical-align:middle;}
ul,ol{list-style:none; font-size:0;}
dl,dt,dd{margin:0; padding:0; vertical-align:middle; }
li{font-size:11pt; font-weight:300; }
em,address{font-style:normal}
fieldset{margin:0px; padding:0px; border:none;}
legend, caption{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
b, strong{font-weight: 500;}
a{text-decoration:none;}

/*푸터하단고정*/
* {margin: 0;}
/*html, body {height: 100%;}*/

/* 마진 & 패딩 */
.mt05 { clear:both; margin-top:5px !important;}
.mt10 { clear:both; margin-top:10px !important;}
.mt15 { clear:both; margin-top:15px !important;}
.mt20 { clear:both; margin-top:20px !important;}
.mt30 { clear:both; margin-top:30px !important;}
.mt34 { clear:both; margin-top:34px !important;}
.mt40 { clear:both; margin-top:40px !important;}
.mt50 { clear:both; margin-top:50px !important;}
.mb05 { clear:both; margin-bottom:5px !important;}
.mb10 { clear:both; margin-bottom:10px !important;}
.mb30 { clear:both; margin-bottom:30px !important;}
.mb50 { clear:both; margin-bottom:50px !important;}
.mr10 { clear:both; margin-right:10px !important;}
.ml05{clear:both; margin-left:5px !important;}
.ml10{clear:both; margin-left:10px !important;}
.ml15{clear:both; margin-left:15px !important;}
.ml20{clear:both; margin-left:20px !important;}
.ml25{clear:both; margin-left:25px !important;}
.pt05 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pr05 { padding-right:5px !important;}
.pr07 { padding-right:7px !important;}
.pr10 { padding-right:10px !important;}
.pb05 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pl05 { padding-left:5px !important;}

/* 정렬 */
.txt_cen{text-align:center !important;}
.txt_lft{text-align:left !important;}
.txt_rgt{text-align:right !important;}
td.txt_cen{text-align:center; padding:7px 0 !important;}
td.txt_lft{text-align:left; padding:7px 7px !important;}
td.txt_rgt{text-align:right; padding:7px 7px !important;}
td.txt_vt{vertical-align:top !important;}
td.txt_vm{vertical-align:middle !important;}
.txt_b{font-weight: 700 !important; color:#333;}





textarea{border:1px solid #dddddd; padding:7px 7px; line-height:150%;}
textarea.w_01{width:780px;}
.txt_e{font-family: arial,helvetica; }

	/* Fixed header and footer.
	* --------------------------------------- */

#wrap{width:100%; overflow:hidden;text-align:center;}
.page-content {
  background-color: #ffffff;
  position: relative;
  margin: 0;
  padding: 8px 20px 40px;
}
h3.row {margin: 0 0 15px 0;}
h3.row span .pull-right{color:#666 !important; margin:0; padding:0;}
.header {
  line-height: 28px;
  margin-bottom: 16px;
  margin-top: 18px;
  padding-bottom: 4px;
  border-bottom: 1px solid #CCC;
}
.page-header h1{font-size:21px; color:#333; font-weight:500;}

/* tables */
th,
td,
.table-bordered {
  border-radius: 0 !important;
}
.table > thead > tr {
  color: #707070;
  font-weight: normal;
  background: #F2F2F2;
  background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
  background-image: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
  background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
}
.table > thead > tr > th {
  border-color: #dddddd;
  font-weight: 400;
}
.table > thead > tr > th .ace-icon:first-child {
  margin-right: 2px;
}
.table > thead > tr > th:first-child {
  border-left-color: #F1F1F1;
}
.table > thead > tr > th:last-child {
  border-right-color: #F1F1F1;
}
.table.table-bordered > thead > tr > th {
  /* border-color: @table-border-color; */
  vertical-align: middle;
}
.table.table-bordered > thead > tr > th:first-child {
  border-left-color: #dddddd;
}
td{vertical-align:middle !important;}
th.center,
td.center {
  text-align: center;  
}
th .lbl,
td .lbl {
  margin-bottom: 0;
}
th .lbl:only-child,
td .lbl:only-child {
  vertical-align: top;
}
.table-header {
  background-color: #feba00;
  color: #FFF;
  font-size: 10pt;
  line-height: 38px;
  padding-left: 12px;
  margin-bottom: 1px;
}
.table-header .close {
  margin-right: 8px;
  margin-top: 0;
  opacity: 0.45;
  filter: alpha(opacity=45);
}
.table-header .close:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.page-header {
  margin: 0 0 12px;
  border-bottom: 1px dotted #e2e2e2;
  padding-bottom: 6px;
  padding-top: 7px;
}

/*버튼속성 추가*/
.btn {
  display: inline-block;
  color: #FFF !important;
  background-image: none !important;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
  -webkit-transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
  -o-transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
  transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
  cursor: pointer;
  vertical-align: middle;
  margin:0;
  position: relative;
  /**
 &:hover, &:focus, &.focus, .open > &.dropdown-toggle {
	color: #FFF;
	box-shadow: none;
 }
 */
}
.btn-primary,
.btn-primary:focus {
  background-color: #428bca !important;
  border-color: #428bca;
}
.btn-primary:hover,
.btn-primary:active,
.open > .btn-primary.dropdown-toggle {
  background-color: #1b6aaa !important;
  border-color: #428bca;
}
.btn-primary.no-border:hover,
.btn-primary.no-border:active {
  border-color: #1b6aaa;
}
.btn-primary.no-hover:hover,
.btn-primary.no-hover:active {
  background-color: #428bca !important;
}
.btn-primary.active {
  background-color: #2f7bba !important;
  border-color: #27689d;
}
.btn-primary.no-border.active {
  background-color: #2b72ae !important;
  border-color: #2b72ae;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca !important;
  border-color: #428bca;
}
.btn-danger,
.btn-danger:focus {
  background-color: #d15b47 !important;
  border-color: #d15b47;
}
.btn-danger:hover,
.btn-danger:active,
.open > .btn-danger.dropdown-toggle {
  background-color: #b74635 !important;
  border-color: #d15b47;
}
.btn-danger.no-border:hover,
.btn-danger.no-border:active {
  border-color: #b74635;
}
.btn-danger.no-hover:hover,
.btn-danger.no-hover:active {
  background-color: #d15b47 !important;
}
.btn-danger.active {
  background-color: #c4513e !important;
  border-color: #aa4434;
}
.btn-danger.no-border.active {
  background-color: #ba4b39 !important;
  border-color: #ba4b39;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d15b47 !important;
  border-color: #d15b47;
}
.btn-xs,
.btn-group-xs > .btn {
  padding-top: 3px;
  padding-bottom: 3px;
  border-width: 3px;
}

.label {
  border-radius: 0;
  text-shadow: none;
  font-weight: 200;
  color: #ffffff;
  display: inline-block;
  background-color: #818181;
}
.label[class*="col-"][class*="arrow"] {
  min-height: 0;
}
h3 .input-group-addon{cursor:pointer;}

.btn-default, .btn-default:focus {
  background-color: #818181 !important;
  border-color: #818181;
}

select {
    height: 34px;
    padding-left: 10px;
    font-size: 10pt;
    color: #428bca;
    border: 1px solid #cfd6dc;
    border-radius: 0 !important;
    background-color:#fff;
} /*position:fixed;	top: 130px;	z-index:6; width: 100%; height: 427px; text-align: right; left:calc(94% - 96px);*/
.side_w {position: absolute; top: 140px; z-index:2; left:50%; margin-left:571px;}
.side_wrap {position:fixed; /*bottom: 0; width: 90px;*/ /* right: 0; left: 43.5%;margin: 0 0 0 703px;*/ white-space: nowrap; text-align: right; width: 90px;} /*20210909 sjh*/
.side_wrap.fixed .side_inner { position: fixed;top: 15px;z-index: 501;}
.side_wrap .side_inner { width: 90px;background: #003267;border-radius: 7px;overflow: hidden; }
.side_wrap h5.title { display: block;height: 39px;font-size: 12px;line-height: 37px;color: #fff;background: #002144;text-align: center;}
.side_wrap ul { font-size: 0;padding-bottom: 28px;}
.side_wrap ul li { height: 90px; text-align: center;}
.side_wrap ul li i { display: inline-block;margin-top: 17px; }

/* 2023.08.30 수정 이유근 st 
.side_wrap ul li:nth-child(1) i { width: 33px;height: 33px; background: url(/images/main/kakako_img.jpg) no-repeat;}
.side_wrap ul li:nth-child(2) i { width: 20px;height: 21px; background: url(../img/front/common/ico_quick_02.png) no-repeat;}
.side_wrap ul li:nth-child(3) i { width: 21px;height: 21px; background: url(../img/front/common/ico_quick_03.png) no-repeat;}
.side_wrap ul li:nth-child(4) i { width: 21px;height: 20px; background: url(../img/front/common/ico_quick_04.png) no-repeat;}
2023.08.30 수정 이유근 en */

/* 2023.08.30 수정 이유근 st */
.side_wrap ul li i.fa-kakao					{ width: 33px;height: 33px;  background: url(/images/main/kakako_img.jpg) no-repeat; }
.side_wrap ul li i.fa-book					{ /* background: url(../img/front/common/ico_quick_01.png) no-repeat; */ }
.side_wrap ul li i.fa-shopping-basket		{ /* background: url(../img/front/common/ico_quick_02.png) no-repeat; */ }
.side_wrap ul li i.fa-comment-dots			{ /* background: url(../img/front/common/ico_quick_03.png) no-repeat; */ }
.side_wrap ul li i.fa-exclamation-circle	{ /* background: url(../img/front/common/ico_quick_04.png) no-repeat; */ }

i.fa-book:before,
i.fa-shopping-basket:before,
i.fa-comment-dots:before,
i.fa-exclamation-circle:before	{ display:inline; font-size : 28px; text-align: center; color:#fff; }

/* 2023.08.30 수정 이유근 en */



.side_wrap ul li span { display: block;font-size: 14px;height: 13px;color: #c2d0de;margin-top: 9px;}
.side_wrap ul li ~ li { margin-top: 9px;}