@charset "utf-8";
/* CSS Document */

/* 공통 */
button{ cursor:pointer;}
.wrap { width:100%; height:100%;}
.container { padding-left:0; padding-right:0; margin-left:auto; margin-right:auto;}
.affix { top:0; width: 100%; z-index: 1000 !important;position: fixed !important;}
.alertfix { bottom:0; height:35px; width: 100%; z-index: 1000 !important;position: fixed !important;}
.center-block { text-align: center; clear: both;}
input[type="radio"], input[type="checkbox"] { cursor: pointer; margin-top:0;}
input[type="radio"].form-control, input[type="checkbox"].form-control  { box-shadow:none;}
input[type="checkbox"].chbox-m { width: 16px; height:16px; margin:0; vertical-align: text-top;}
input[type="checkbox"].chbox-m-red { width: 16px; height:16px; margin:0; vertical-align: text-top; accent-color: red;}
input[type="checkbox"].chbox-m-blue { width: 16px; height:16px; margin:0; vertical-align: text-top; accent-color: blue;}
input[type="checkbox"].chbox-m-gray { width: 16px; height:16px; margin:0; vertical-align: text-top; accent-color: gray;}
input[type="checkbox"].chbox-m-black { width: 16px; height:16px; margin:0; vertical-align: text-top; accent-color: black;}
input[type="radio"].radio-m { width: 16px; height:16px; margin:0; vertical-align: text-top;}
input[type="radio"].radio-m-red { width: 16px; height:16px; margin:0; vertical-align: middle; accent-color: red;}
input[type="radio"].radio-m-blue { width: 16px; height:16px; margin:0; vertical-align: middle; accent-color: blue;}
input[type="radio"].radio-m-gray { width: 16px; height:16px; margin:0; vertical-align: middle; accent-color: gray;}
input[type="radio"].radio-m-black { width: 16px; height:16px; margin:0; vertical-align: middle; accent-color: black;}
.search_box .form-control { display: inline; width: auto; height: 30px;}
.search_box input.form-control { font-size:13px; font-weight:bold; }
.search_box select.form-control { font-size:13px; font-weight:bold; }
.search_box select.form-control option { font-size: inherit; padding: 5px 5px; font-weight:bold; }
.search_box .btn { display: inline; height: 30px !important; padding: 4px 12px 6px 12px; border-radius: 4px; margin: 0 0 2px 0; }
/*.search_box .form-control { display: inline; width: auto; height: auto; padding: 0px 0px; border-radius: 2px; vertical-align: middle; line-height: 18px; }*/

.alert { padding: 6px 15px;}
label { margin-bottom:0; margin-right:5px; white-space: nowrap;}
.panel.table > thead > tr > td.info,
.panel.table > tbody > tr > td.info,
.panel.table > tfoot > tr > td.info,
.panel.table > thead > tr > th.info,
.panel.table > tbody > tr > th.info,
.panel.table > tfoot > tr > th.info,
.panel.table > thead > tr.info > td,
.panel.table > tbody > tr.info > td,
.panel.table > tfoot > tr.info > td,
.panel.table > thead > tr.info > th,
.panel.table > tbody > tr.info > th,
.panel.table > tfoot > tr.info > th {background-color: #d9edf7 !important;}

.panel.table > thead > tr > td.gray,
.panel.table > tbody > tr > td.gray,
.panel.table > tfoot > tr > td.gray,
.panel.table > thead > tr > th.gray,
.panel.table > tbody > tr > th.gray,
.panel.table > tfoot > tr > th.gray,
.panel.table > thead > tr.gray > td,
.panel.table > tbody > tr.gray > td,
.panel.table > tfoot > tr.gray > td,
.panel.table > thead > tr.gray > th,
.panel.table > tbody > tr.gray > th,
.panel.table > tfoot > tr.gray > th {background-color: #f6f6f6 !important;}

.panel.table > thead > tr > td.green,
.panel.table > tbody > tr > td.green,
.panel.table > tfoot > tr > td.green,
.panel.table > thead > tr > th.green,
.panel.table > tbody > tr > th.green,
.panel.table > tfoot > tr > th.green,
.panel.table > thead > tr.green > td,
.panel.table > tbody > tr.green > td,
.panel.table > tfoot > tr.green > td,
.panel.table > thead > tr.green > th,
.panel.table > tbody > tr.green > th,
.panel.table > tfoot > tr.green > th {background-color: #e0f0c4 !important;}

.panel.table > thead > tr > td.danger,
.panel.table > tbody > tr > td.danger,
.panel.table > tfoot > tr > td.danger,
.panel.table > thead > tr > th.danger,
.panel.table > tbody > tr > th.danger,
.panel.table > tfoot > tr > th.danger,
.panel.table > thead > tr.danger > td,
.panel.table > tbody > tr.danger > td,
.panel.table > tfoot > tr.danger > td,
.panel.table > thead > tr.danger > th,
.panel.table > tbody > tr.danger > th,
.panel.table > tfoot > tr.danger > th {background-color: #cc0000 !important;}

.panel.table > thead > tr > td.bgred,
.panel.table > tbody > tr > td.bgred,
.panel.table > tfoot > tr > td.bgred,
.panel.table > thead > tr > th.bgred,
.panel.table > tbody > tr > th.bgred,
.panel.table > tfoot > tr > th.bgred,
.panel.table > thead > tr.bgred > td,
.panel.table > tbody > tr.bgred > td,
.panel.table > tfoot > tr.bgred > td,
.panel.table > thead > tr.bgred > th,
.panel.table > tbody > tr.bgred > th,
.panel.table > tfoot > tr.bgred > th {background-color: #ffd2d2 !important;}

.panel.table > thead > tr > td.yellow,
.panel.table > tbody > tr > td.yellow,
.panel.table > tfoot > tr > td.yellow,
.panel.table > thead > tr > th.yellow,
.panel.table > tbody > tr > th.yellow,
.panel.table > tfoot > tr > th.yellow,
.panel.table > thead > tr.yellow > td,
.panel.table > tbody > tr.yellow > td,
.panel.table > tfoot > tr.yellow > td,
.panel.table > thead > tr.yellow > th,
.panel.table > tbody > tr.yellow > th,
.panel.table > tfoot > tr.yellow > th {background-color: #fff7df !important;}

.panel.table > thead > tr > td.white,
.panel.table > tbody > tr > td.white,
.panel.table > tfoot > tr > td.white,
.panel.table > thead > tr > th.white,
.panel.table > tbody > tr > th.white,
.panel.table > tfoot > tr > th.white,
.panel.table > thead > tr.white > td,
.panel.table > tbody > tr.white > td,
.panel.table > tfoot > tr.white > td,
.panel.table > thead > tr.white > th,
.panel.table > tbody > tr.white > th,
.panel.table > tfoot > tr.white > th {background-color: #fff !important;}

.panel.table > thead > tr > td.marking,
.panel.table > tbody > tr > td.marking,
.panel.table > tfoot > tr > td.marking {background-color: #e6ff00;}
.panel.table > thead > tr > th.marking,
.panel.table > tbody > tr > th.marking,
.panel.table > tfoot > tr > th.marking {background-color: #e6ff00 !important;}
.panel.table > thead > tr.marking > td,
.panel.table > tbody > tr.marking > td,
.panel.table > tfoot > tr.marking > td {background-color: #e6ff00;}
.panel.table > thead > tr.marking > th,
.panel.table > tbody > tr.marking > th,
.panel.table > tfoot > tr.marking > th {background-color: #e6ff00 !important;}

.panel.table > thead > tr > td.darkblue,
.panel.table > tbody > tr > td.darkblue,
.panel.table > tfoot > tr > td.darkblue {background-color: #00008b; color: #ffffff; }
.panel.table > thead > tr > th.darkblue,
.panel.table > tbody > tr > th.darkblue,
.panel.table > tfoot > tr > th.darkblue {background-color: #00008b !important; color: #ffffff !important; }
.panel.table > thead > tr.darkblue > td,
.panel.table > tbody > tr.darkblue > td,
.panel.table > tfoot > tr.darkblue > td {background-color: #00008b; color: #ffffff; }
.panel.table > thead > tr.darkblue > th,
.panel.table > tbody > tr.darkblue > th,
.panel.table > tfoot > tr.darkblue > th {background-color: #00008b !important; color: #ffffff !important; }


/* 폰트 */
/* .table > tbody > tr.cancel > td { color: #F44336;} */
.covalt { color: #03A9F4 !important; font-weight:bold;} /* 코발트블루 */
.orange { color: #FF3D00 !important; font-weight: bold;} /* 주황색 요금기본정보 */
.red { color: #FF0000 !important; font-weight: bold;} /* 빨간색 */
.blue { color: #0000FF !important; font-weight: bold;} /* 파란색 */
.black { color: #000000 !important; font-weight: bold;} /* 검은색 */
.darkgray { color: #999999 !important; font-weight: bold;} /* 다크그레이 */
.darkgreen { color: #009900 !important; font-weight: bold;} /* 다크그린 */
.cancel { color: #bbb !important; } /* 옅은회색 취소 */
.sat { color: #0087FB !important;} /* 파란색 */
.sun { color: #F44336 !important;} /* 빨간색 */
.canc { color:#F00 !important; text-decoration:line-through;} /* 전시여부체크시 취소선 */

.fsi { font-style:italic; }

/* 배경강조 */
.table > tbody > tr > th.bg_green { background-color: #CDE69C;} /* 그린 */
.table > tbody > tr > th.bg_yellow { background-color: #ffedbb;} /* 엘로우 */


/* 알림창 */
.progress {margin-top: 5px; margin-bottom: 5px; }

/* 패널플스크린 */
/*.full_screen { position: absolute; right: 18px; border-left: 1px solid #d7d7d7; height: 40px; padding-top: 14px; padding-left: 12px;}*/
.full_screen { width: 28px; border: 1px solid #d7d7d7; padding: 5px 7px 8px 7px; margin-bottom: -3px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #f5f5f5; color: #fff;}
.panel-fullscreen {display: block;z-index: 9999;position: fixed;width: 100%;height: 100%;top: 0;right: 0;left: 0;bottom: 0;overflow: auto;padding-top:20px; overflow-y:hidden; background-color: rgba(0, 0, 0, 0.58);-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear; transition: opacity .15s linear;    -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}

.row { margin-right:0; margin-left:0; height:100%;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-md-2_5, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left:5px; padding-right:5px;}

/* ie 페이징 버그 */
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { padding-top:3px; -webkit-padding-after: 7px; padding-block-end: 7px;}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { padding-top:3px; -webkit-padding-before: 5px; padding-block-start: 5px;}

/* 유투브 */
.youtube_modify { height:inherit;}
.youtube_modify .caption > h3 { text-align:center; margin-bottom:10px; /*height: 35px;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dotted #e5e5e5; padding-bottom: 6px;}
.youtube_modify .thumbnail { height:274px; overflow: hidden; padding: 6px;}
.youtube_modify .thumbnail .frame { height:190px;}

/* 팝오버 */
.popover-content {font-family: "맑은 고딕",MalgunGodic; padding: 5px 8px; font-size: 13px;}

/* 아이콘 색상지정 */
.icon_green { color: #4CAF50; text-shadow: 0 1px 0 #888;}
.icon_red { color: #F44336; text-shadow: 0 1px 0 #ABABAB;}

/* 공통모달 */
#myModalLabel { font-size:13pt;}
.modal-header { background-color: #f5f5f5; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.modal_reg {color: #31708f; background-color: #d9edf7; border-bottom:1px solid #bce8f1; margin:-15px; margin-bottom:-16px; padding: 15px; border-top-left-radius: 4px; border-top-right-radius: 4px;} /* 수정시 푸른색 */
.modal_new {color: #8a6d3b; background-color: #fcf8e3; border-bottom:1px solid #faebcc; margin:-15px; margin-bottom:-16px; padding: 15px; border-top-left-radius: 4px; border-top-right-radius: 4px;} /* 신규시 노란색 */

/* 버튼 추가 */
.btn { color: #777; /*font-weight: bold;*/ border: 1px solid #d5d5d5; border-radius: 4px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;

  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; color: #606060; }
.btn-primary:hover, .btn-info:hover, .btn-warning:hover, .btn-success:hover, .btn-danger:hover, .btn-inverse:hover { color: #ffffff; }
.btn:active { background: #fafafa; color: #777; }
.btn > b, .modal-footer i { margin-right: 6px; font-size: 12px; }
.btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #fefefe; }
.btn:first-child { *margin-left: 0; }
.btn:focus { outline: 0; }
/*.btn.active, .btn:active { background-image: none; outline: 0;
  -webkit-box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.05);
}*/
.btn.disabled, .btn[disabled] { cursor: default; background-image: none; color: #333; opacity: 0.3; filter: alpha(opacity=30);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
.btn-danger.disabled,
.btn-danger[disabled],
.btn-info.disabled,
.btn-info[disabled],
.btn-success.disabled,
.btn-success[disabled],
.btn-warning.disabled,
.btn-warning[disabled],
.btn-inverse.disabled,
.btn-inverse[disabled]
{ color: #fff; }

.btn-default { color: #777; text-shadow: 0 -1px 0 rgba(255 255 255, 0.25);
  background: #e2e2e2;
  background: -moz-linear-gradient(top, #fefefe, #e2e2e2);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#e2e2e2));
  background: -webkit-linear-gradient(top, #fefefe, #e2e2e2);
  background: -o-linear-gradient(top, #fefefe, #e2e2e2);
  background: linear-gradient(to bottom, #fefefe, #e2e2e2);
  border-color: #e2e2e2;
}
.btn-default:active, .btn-default.active, .btn-default.disabled, .btn-primary[disabled] { background: #fafafa; color: #fff; }
.btn-default:hover, .btn-default:focus, .btn-default.focus {
  background: -moz-linear-gradient(bottom, #fefefe, #e2e2e2);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e2), to(#fefefe));
  background: -webkit-linear-gradient(bottom, #fefefe, #e2e2e2);
  background: -o-linear-gradient(bottom, #fefefe, #e2e2e2);
  background: linear-gradient(to top, #fefefe, #e2e2e2);
}

.btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #3c85ba;
  background: -moz-linear-gradient(top, #46a2d5, #3c85ba);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#46a2d5), to(#3c85ba));
  background: -webkit-linear-gradient(top, #46a2d5, #3c85ba);
  background: -o-linear-gradient(top, #46a2d5, #3c85ba);
  background: linear-gradient(to bottom, #46a2d5, #3c85ba);
  border-color: #3c85ba;
}
.btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background: #4194c8; color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
  background: -moz-linear-gradient(bottom, #46a2d5, #3c85ba);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#3c85ba), to(#46a2d5));
  background: -webkit-linear-gradient(bottom, #46a2d5, #3c85ba);
  background: -o-linear-gradient(bottom, #46a2d5, #3c85ba);
  background: linear-gradient(to top, #46a2d5, #3c85ba);
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  /* background: #D48D48; */
  background: -moz-linear-gradient(top, #F3A758, #D48D48);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#F3A758), to(#D48D48));
  background: -webkit-linear-gradient(top, #F3A758, #D48D48);
  background: -o-linear-gradient(top, #F3A758, #D48D48);
  background: linear-gradient(to bottom, #F3A758, #D48D48);
  border-color: #D48D48;
}
.btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background: #d6944e; color: #fff; }
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus {
  background: -moz-linear-gradient(bottom, #F3A758, #D48D48);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#D48D48), to(#F3A758));
  background: -webkit-linear-gradient(bottom, #F3A758, #D48D48);
  background: -o-linear-gradient(bottom, #F3A758, #D48D48);
  background: linear-gradient(to top, #F3A758, #D48D48);
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #c05343;
  background: -moz-linear-gradient(top, #d65f4d, #cb4131);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#d65f4d), to(#c05343));
  background: -webkit-linear-gradient(top, #d65f4d, #c05343);
  background: -o-linear-gradient(top, #d65f4d, #c05343);
  background: linear-gradient(to bottom, #d65f4d, #c05343);
  border-color: #c05343;
}
.btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background: #cc5949; color: #fff; }
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus {
  background: -moz-linear-gradient(bottom, #d65f4d, #cb4131);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#cb4131), to(#d65f4d));
  background: -webkit-linear-gradient(bottom, #d65f4d, #cb4131);
  background: -o-linear-gradient(bottom, #d65f4d, #cb4131);
  background: linear-gradient(to top, #d65f4d, #cb4131);
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #4ca15b;
  background: -moz-linear-gradient(top, #69b076, #4ca15b);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#69b076), to(#4ca15b));
  background: -webkit-linear-gradient(top, #69b076, #4ca15b);
  background: -o-linear-gradient(top, #69b076, #4ca15b);
  background: linear-gradient(to bottom, #69b076, #4ca15b);
  border-color: #4ca15b;
}
.btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background: #51a351; color: #fff; }
.btn-success:hover, .btn-success:focus, .btn-success.focus {
  background: -moz-linear-gradient(bottom, #69b076, #4ca15b);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#4ca15b), to(#69b076));
  background: -webkit-linear-gradient(bottom, #69b076, #4ca15b);
  background: -o-linear-gradient(bottom, #69b076, #4ca15b);
  background: linear-gradient(to top, #69b076, #4ca15b);
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #389ebc;
  background: -moz-linear-gradient(top, #53b8d6, #389ebc);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#53b8d6), to(#389ebc));
  background: -webkit-linear-gradient(top, #53b8d6, #389ebc);
  background: -o-linear-gradient(top, #53b8d6, #389ebc);
  background: linear-gradient(to bottom, #53b8d6, #389ebc);
  border-color: #389ebc;
}
.btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background: #46abc9; color: #fff; }
.btn-info:hover, .btn-info:focus, .btn-info.focus {
  background: -moz-linear-gradient(bottom, #53b8d6, #389ebc);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#389ebc), to(#53b8d6));
  background: -webkit-linear-gradient(bottom, #53b8d6, #389ebc);
  background: -o-linear-gradient(bottom, #53b8d6, #389ebc);
  background: linear-gradient(to top, #53b8d6, #389ebc);
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #4a4a4a;
  background: -moz-linear-gradient(top, #5e5e5e, #4a4a4a);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#5e5e5e), to(#4a4a4a));
  background: -webkit-linear-gradient(top, #5e5e5e, #4a4a4a);
  background: -o-linear-gradient(top, #5e5e5e, #4a4a4a);
  background: linear-gradient(to bottom, #5e5e5e, #4a4a4a);
  border-color: #4a4a4a;
}
.btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background: #545454; color: #fff; }
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse.focus {
  background: -moz-linear-gradient(bottom, #5e5e5e, #4a4a4a);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#4a4a4a), to(#5e5e5e));
  background: -webkit-linear-gradient(bottom, #5e5e5e, #4a4a4a);
  background: -o-linear-gradient(bottom, #5e5e5e, #4a4a4a);
  background: linear-gradient(to top, #5e5e5e, #4a4a4a);
}

.btn-grey { color: #333; background-color: #ececec; border-color: #d1d1d1;}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey.focus,
.btn-grey:active,
.btn-grey.active,
.open > .dropdown-toggle.btn-grey { color: #333; background-color: #d2d2d2; border-color: #c1c1c1;}
.btn-grey:active,
.btn-grey.active,
.open > .dropdown-toggle.btn-grey { background-image: none;}
.btn-grey.disabled,
.btn-grey[disabled],
fieldset[disabled] .btn-grey,
.btn-grey.disabled:hover,
.btn-grey[disabled]:hover,
fieldset[disabled] .btn-grey:hover,
.btn-grey.disabled:focus,
.btn-grey[disabled]:focus,
fieldset[disabled] .btn-grey:focus,
.btn-grey.disabled.focus,
.btn-grey[disabled].focus,
fieldset[disabled] .btn-grey.focus,
.btn-grey.disabled:active,
.btn-grey[disabled]:active,
fieldset[disabled] .btn-grey:active,
.btn-grey.disabled.active,
.btn-grey[disabled].active,
fieldset[disabled] .btn-grey.active { background-color: #fff; border-color: #ccc;}
.btn-grey .badge { color: #fff; background-color: #333;}
.btn-grey > i { display:inline;}



.btn-right { float:right; margin-top:-4px;}
.btn-icon { padding: 0px 0px 2px;}
.btn-xs { padding: 2px 3px;}
.btn-xs > i { vertical-align:text-bottom; /*font-size:14px; vertical-align:text-bottom;*/}
.btn-sm > i { font-size:14px;}
.input-xs {height: 24px; padding: 0px 4px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
.btn .fa-ban,
.btn .fa-minus-circle,
.btn .fa-check-square-o
/*.btn .fa-trash-o*/ { color:#F53B04;}
.btn .fa-envelope { color: #F1CA3F; font-size: 11px;}

/* 데이트피커 */
.datepicker table tr td.old,
.datepicker table tr td.new { font-size:13px;}
.datepicker-days > table { font-size:14px; font-weight: bold;}
.input-daterange { display:inline-block;}

/* 달력 */
.carendar a {display: block; position: absolute; top: 5px; right: 5px; font-size: 15px; color: #ababab; z-index:2;}
.carendar { position:relative; display: inline-block;}
.carendar > input { width:96px !important;}
.cal_default .cal_month { background-color: #eee; color:#666; border: 1px solid #ddd; border-bottom: 0; }
.cal_primary .cal_month { background-color: #eee; color:#666; border: 1px solid #ddd; border-bottom: 0; }
.cal_month { /*max-width: 298px;*/ margin: 0; padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; text-align: center; font-size: 14px; margin-bottom:1px;}
.cal_year { width: 266px; text-align: center; margin: 0 auto 12px; font-size: 16px; font-weight: bold; padding: 8px; display:block; overflow:hidden;}
.btn span.glyphicon { vertical-align: baseline; background-color: transparent !important; background: transparent !important; border-color: transparent !important; box-shadow: 0 0 0;}
.btn.active span.glyphicon { opacity: 1; display:inline-block;}
.btn-group .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;}
.input-daterange input:first-child { border-radius:3px; text-align: left;}
span.glyphicon { font-family: 'Glyphicons Halflings' !important; }
span.glyphicon.iconfs150p { font-family: 'Glyphicons Halflings' !important; font-size:150%; vertical-align: top !important; margin-right:5px; }

.table.table_calendar { display: table; border-spacing: 0; border-collapse: separate; border-bottom:0; font-family: verdana,'Malgun Gothic','맑은 고딕'; font-size: 11px; color:#777;}
.table.table_calendar > tbody > tr:last-child td:first-child { -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px}
.table.table_calendar > tbody > tr:last-child td:last-child { -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px}
.table.table_calendar > tbody > tr:last-child td { border-bottom:1px solid #ddd;}
.table.table_calendar > thead > tr:first-child th { border-left:1px solid #ddd;}
.table.table_calendar > thead > tr:first-child th:last-child { border-right:1px solid #ddd;}
.table.table_calendar > thead > tr > th { font-size:12px;}
.table.table_calendar > thead > tr > th,
.table.table_calendar > tbody > tr > td { width: 14.2857%; height:35px; text-align:center; border-top: 1px solid #ddd !important; border-left: 1px solid #ddd; padding:8px 0 ; border-radius: 0;}
.table.table_calendar > tbody > tr > td:last-child { border-right:1px solid #ddd;}
.table.table_calendar th label,
.table.table_calendar td label { padding: 1px 0; vertical-align: baseline; display:none;}
.table.table_calendar th label.btn,
.table.table_calendar td label.btn,
.table.table_calendar th label.btn:focus,
.table.table_calendar td label.btn:focus,
.table.table_calendar th label.btn.active,
.table.table_calendar td label.btn.active { background-image: none; outline: 0; -webkit-box-shadow:none; box-shadow:none; }
.table.table_calendar th label.btn.active
.table.table_calendar td label.btn.active { background-color:#454545;}
.table.table_calendar > tbody > tr > td.active { border-radius: 0; background-color:#fcf8e3; font-weight:bold;}
.table.table_calendar > tbody > tr > td.btn {display: table-cell;}
.table.table_calendar > tbody > tr > td.btn:hover { background-color:#f2dede;}
.table.table_calendar .sat { color:#037AF4;}
.table.table_calendar .sun { color:#E24B1E;}
.table.table_calendar .info,
.table.table_calendar .danger,
.table.table_calendar .warning { font-weight:bold; color: #666;}
.table th.grey,
.table td.grey { background-color:#f5f5f5;}
.table .registrant { text-align:center; background-color: #F5F5F5;}
.table .registrant b { color:#454545; vertical-align:text-top;}
.table .sum_total { text-align:right; padding-right: 6px; color: #000;}

/* 큰달력 */
.table.calendar_lg > thead > tr:first-child th:first-child { border-top-left-radius:4px;}
.table.calendar_lg > thead > tr:first-child th:last-child { border-top-right-radius:4px;}
.table.calendar_lg td input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;}
.table.calendar_lg th label,
.table.calendar_lg td label { display:inline-block; padding:2px 4px; width: 22px; height: 18px; vertical-align: bottom;margin-right: 8px;}
.table.calendar_lg > tbody > tr > td { font-size:14px; text-align:left; padding:8px;}
.table.calendar_lg .cal_conts { font-size: 11px; color:#777; line-height:150%; margin-top:5px;}
.table.calendar_lg .cal_conts a { color:#777;}
.table.calendar_lg .cal_conts a:hover { color:#31B0D5;}
.table.calendar_lg .badge { vertical-align:middle; font-size:11px;}
.table.calendar_lg .label { padding:2px 5px; font-size:11px;}
.table.calendar_lg .add_option { font-weight:bold; color:#EA7F31; letter-spacing: -0.2px;}
.table.calendar_lg .add_option:hover { cursor:pointer; color:#5BC0DE;}
.table.calendar_lg .tr_add { display:none;}
.btn_radio label.active { background-color: #FF5722; color: #fff; border-color: #F54C17;}
.btn_radio.lime label.active { background-color: #8BC34A; border-color: #6CA729;}

/* 탭 네비 */
.tab_zone { overflow:hidden;}
.tab_zone > .nav-tabs { border-bottom:0;}
.tab_zone > .nav-tabs > li > a { border: 1px solid #ddd; border-bottom:0; background-color:#fff;}
.tab_zone > .nav-tabs > li.active > a,
.tab_zone > .nav-tabs > li.active > a:hover,
.tab_zone > .nav-tabs > li.active > a:focus { background-color: #FFC107; color: #fff; font-weight: bold; border: transparent;}
.affix-top > ul > li:first-child > a { background-color: #FFC107; color: #fff; font-weight: bold; border: transparent;}
.affix_right { left:896.351px; background-color: #F3F5F5; height: 59px; padding-top: 20px;}
.affix-top.affix_right { left:708.453px; top: 14px; z-index: 100;}

/* 테이블 */
table th[scope=row] {background-color:transparent ;}

.table { color:#555; border-spacing: 0 !important; border-bottom: 1px solid #d7d7d7;}
.table > thead > tr > th { font-weight:bold; background-color: #eee; }
.table > tbody > tr > td { vertical-align:middle;}
.table > tbody > tr > th { vertical-align:middle; text-align:right;}
.table > tbody > tr > td { vertical-align:middle; }

.table-striped > tbody > tr:nth-of-type(even) { background-color: #f6f6f6;}
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff;}
.table-condensed > tbody > tr > td.tinny { padding:30px;}
.table_row > tbody > tr > th { background-color:#dff0d8; text-indent: 0.3em; vertical-align: middle !important;}

.table-striped > thead > tr > th,
.table-striped > thead > tr > td,
.table-striped > tbody > tr > td,
.table-striped > tbody > tr > td { text-align:center;}

.table-bordered th[rowspan],
.table-bordered td[rowspan] { vertical-align:middle; text-align: center;}

.table-rowspan tr:nth-child(4n+2) { background-color: #f6f6f6;} /* rowspan=2일때 2줄씩 건너서 스트라이프 */
.table-rowspan tr:nth-child(4n+1) { background-color: #f6f6f6;}
.table-rowspan th,
.table-rowspan td { text-align:center;}

.table-rowspan3 tr:nth-child(6n+3) { background-color: #f6f6f6;} /* rowspan=3일때 3줄씩 건너서 스트라이프 */
.table-rowspan3 tr:nth-child(6n+2) { background-color: #f6f6f6;}
.table-rowspan3 tr:nth-child(6n+1) { background-color: #f6f6f6;}
.table-rowspan3 th,
.table-rowspan3 td { text-align:center;}

.table-rowspan4 tr:nth-child(8n+4) { background-color: #f6f6f6;} /* rowspan=4일때 4줄씩 건너서 스트라이프 */
.table-rowspan4 tr:nth-child(8n+3) { background-color: #f6f6f6;}
.table-rowspan4 tr:nth-child(8n+2) { background-color: #f6f6f6;}
.table-rowspan4 tr:nth-child(8n+1) { background-color: #f6f6f6;}
.table-rowspan4 th,
.table-rowspan4 td { text-align:center;}

.table-col td { min-width:208px;}
.table-col .com_num { padding-bottom:7px;}
.td_inline { width:80%; display:inline-block;}

/* 블럭관리 테이블(달력) */
.table.table-block { margin-bottom:0;}
.table.table-block > tbody > tr >td { color:#777;}
.table.table-block > thead > tr > th { background-color: #e6e6e6;}
.table.table-block > thead > tr > th.sat,
.table.table-block > tbody > tr > td.sat { color: #0087FB;}
.table.table-block > thead > tr > th.sun,
.table.table-block > tbody > tr > td.sun { color: #F44336;}
.table.table-block td[rowspan] { background-color:#5BC0DE; font-size: 16px; font-weight: bold; vertical-align: middle; color: #fff;}
.table.table-block > tbody > tr >td[scope="row"]{ font-weight:bold; color:#454545;}
.block_comment.alert-success { border-top-left-radius: 0; border-top-right-radius: 0; overflow: hidden; padding: 12px 15px;}
.block_comment li { float:left;}
.block_comment .info { background-color:#D9EDF7; padding: 5px; border: 1px solid #BCE8F1;}
.block_comment .warning { background-color:#fcf8e3; padding: 5px; border: 1px solid #faebcc;}
.block_comment .danger { background-color:#f2dede; padding: 5px; border: 1px solid #ebccd1;}
.block_comment .success { background-color:#dff0d8; padding: 5px; border: 1px solid #d6e9c6;}


/* 에디터 */
#cp_img_path_arr_panel {}
#cp_img_path_arr_panel ul { margin:5px 0; margin-bottom:12px; overflow:hidden; }
#cp_img_path_arr_panel ul li { float:left; position:relative; margin-right:5px; margin-bottom:5px; padding:4px; border:1px solid #d7d7d7; }
#cp_img_path_arr_panel ul li.on { border:1px solid #FF5722;}
#cp_img_path_arr_panel img { width:103px; height:75px;}
#delete_img { position: absolute; left: 84px; top: 0px; opacity: .5; color: #795548; background-color:#fff; width:22px; height:24px; border-radius:3px; outline: none; font-size:24px;}


/* 필수입력요소 리본 */
.required_field_block { position: relative; padding:8px;}
.required_field_block .required_icon { background-color: transparent; border-color: #FFA31C; position: absolute; top: -1px; left: 0px; z-index: 100; margin: 0em; width: 10px; height: 10px; padding: 0em; text-align: center;
    -webkit-transition: color 0.2s ease;  -moz-transition: color 0.2s ease; transition: color 0.2s ease;}
.required_icon:after { position: absolute; content: ""; left: 0px; top: 0px; z-index: -1; width: 0em; height: 0em; border-top: 0em solid transparent; border-left: 7px solid transparent; border-left-color: inherit; border-bottom: 7px solid transparent; border-right: 0em solid transparent; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; transition: border-color 0.2s ease;}

/* 패널 */
.panel-nohead { overflow:hidden; margin:10px 0 10px 0; text-align: right;}
.panel-nohead .head_left { float:left;}
.panel-nohead .head_left h6 { margin: 0; padding-top: 4px; font-size: 14px; color: #454545;}
/*.panel-default { /* box-shadow: 0 3px 0px rgba(121, 121, 121, 0.5); */ border-color: #ddd; border-radius: 0;}*/
.panel-gray { box-shadow: 0 1px 0px rgba(121, 121, 121, 0.5); border-color: #ddd;}
.panel-info { box-shadow: 0 0px 0px rgba(121, 121, 121, 0.5);}
.panel-tabinfo { box-shadow: 0 3px 0px rgba(121, 121, 121, 0.5); border-color: #bce8f1;}
.panel-success { box-shadow: 0 3px 0px rgba(121, 121, 121, 0.5);}
.panel-title > .material-icons { font-size: 18px; color: #999; vertical-align: bottom;}
.panel-footer > nav { text-align:center;}
.panel-footer .pagination { margin: 4px 0;}
.panel_body_title { margin-top: 15px;}
.panel_body_title .panel-title { float:left; font-size: 14px; margin-bottom: 6px; color: #666;}
.panel_body_title .panel-title:before { content:"\f058";font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin-right:5px;}
.panel_body_title .head_right { float:right;}
/*.panel-heading .panel-title:before { content:"\f0f6";font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin-right:5px;}*/
/*.panel-default .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; padding: 5px 7px; background-image: none;}*/
.panel-gray .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; background-image: none;}
.panel-info .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
.panel-tabinfo > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
.panel-dot { margin: 0 15px; padding-bottom: 13px; background: url(../../images/common/dots.png) repeat-x bottom;}
.panel-dot .head_right { float:right;}
.panel-dot h4 { font-size:14px; color: #454545; margin-bottom:0; padding-left: 2px; }
.panel-dic { /*margin: 0 15px;*/ padding-bottom: 5px;}
.panel-dic h4 { text-align: left; font-size:13px; color:#666; margin-top:0; margin-bottom:0; padding-left:2px;}

/* 툴바 */
.toolbar { border:1px solid #d7d7d7; margin-bottom:1px; background-color:#eee; padding:4px;}

/* 위젯패널 */
.widget { margin-bottom: 30px;}
.navbar { margin-bottom: 1px; min-height: inherit; border: 0;}
.navbar-inner { padding-left: 14px; padding-right: 0; border: 1px solid #d5d5d5; position: relative; background: #f7f7f7; background: -moz-linear-gradient(top, #ffffff, #f7f7f7); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7)); background: -webkit-linear-gradient(top, #ffffff, #f7f7f7); background: -o-linear-gradient(top, #ffffff, #f7f7f7); background: linear-gradient(to bottom, #ffffff, #f7f7f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0); border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.navbar-inner:before, .navbar-inner:after { display: table; line-height: 0; content: "";}
.navbar-inner h6 { font-size: 13px; margin: 0; padding: 9px 14px 9px 0; display: block; float: left; color: #333333; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.nav { margin-left: 0; list-style: none;}
.navbar .nav.pull-right { float: right; margin-right: 0;}
.navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0;}
.navbar-icon { display: block; float: left; padding: 13px; color: #444; line-height: 1; border-left: 1px solid #E2E2E2; cursor: pointer;}
[class^="well"],
[class*=" well"] { background: #fefefe; border: 1px solid #d5d5d5; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; border-radius: 6;}

/* 체크박스 인라인 */
.checkbox_span > span { width:54px; display: inline-block;}

.margin_width { margin-left:5px; margin-right:5px;}

/* 브래드크럼 */
.wrap .container .right_contents .breadcrumbs { height: 38px; background-color: #fff; border-bottom: 1px solid #d7d7d7;}
.wrap .container .right_contents .breadcrumbs li { float:left; font-size:13px; padding:8px 0 0 8px;}
.wrap .container .right_contents .breadcrumbs li:first-child { padding-left:25px;}
.wrap .container .right_contents .breadcrumbs .this,
.wrap .container .right_contents .breadcrumbs .this a { font-weight:bold; color: #36C1EF;}

/* 브래드크럼 */
.wrap .container .full_contents .breadcrumbs { height: 38px; background-color: #fff; border-bottom: 1px solid #d7d7d7;}
.wrap .container .full_contents .breadcrumbs li { float:left; font-size:13px; padding:8px 0 0 8px;}
.wrap .container .full_contents .breadcrumbs li:first-child { padding-left:25px;}
.wrap .container .full_contents .breadcrumbs .this,
.wrap .container .full_contents .breadcrumbs .this a { font-weight:bold; color: #36C1EF;}

/* header */
.wrap .header{ position: fixed; top: 0; width: 100%; height: 50px; background: #fff; z-index:999; border-bottom: 1px solid #d7d7d7; border-top: 2px solid #242424;}
.wrap .header h1{ position:absolute; left:0; width: 170px; height:50px; padding:6px 0 0 20px;}
.wrap .header .gnbzone { position:absolute; left:170px; width: 1735px;}
.wrap .header .gnbzone .gnbmenu { float:left; margin:22px 0 22px 25px; /*width:830px;*/}
.wrap .header .gnbzone .gnbmenu li { float:left;}
.wrap .header .gnbzone .gnbmenu li a { font-size:15px; color:#454545; font-weight: bold; margin-right: 40px;}
.wrap .header .gnbzone .gnbmenu li a:hover,
.wrap .header .gnbzone .gnbmenu li a:focus,
.wrap .header .gnbzone .gnbmenu li a:active,
.wrap .header .gnbzone .gnbmenu li a.on { color:#2986B8;}
.wrap .header .gnbzone .btn_box { float:right; margin-top:11px; }
.wrap .header .gnbzone .btn_box li { float:left; margin-top:5px; margin-right:5px;}
.wrap .header .gnbzone .btn_box i { font-size:15px; color:#f2b960; vertical-align:baseline;}
.wrap .header .gnbzone .btn_box .logout i { color:#E24B1E; font-size: 16px; vertical-align: middle;}
.wrap .header .gnbzone .profile_box { float:right; margin-left:15px; border-left: 1px solid #d7d7d7; padding-left: 20px; height: 47px; margin-right:10px;}
.wrap .header .gnbzone .profile_box .mem_modify i {font-size: 17px; color: #999;}
.wrap .header .gnbzone .profile_box > li { margin-top:14px;}
.wrap .header .gnbzone .profile_box .mem_modify { float:left; margin-top: 7px; margin-bottom: 6px;}
.wrap .header .gnbzone .profile_box .dropdown-toggle { height:16px; margin-top: 10px; margin-left: 3px; padding: 4px; border-radius: 3px; padding-top:0; padding-bottom: 3px;}
.wrap .header .gnbzone .profile_box .dropdown-menu { min-width: 110px;}
.wrap .header .gnbzone .profile_box .dropdown-menu > li > a { padding: 3px 10px; font-size: 12px;}
.wrap .header .gnbzone .profile_box .dropdown-menu i { color:#aaa;}
.wrap .header .gnbzone .profile_box b { vertical-align:baseline;}

/* lnb */
.wrap .container .lnb { position:fixed; overflow-y: overlay; left:0; top:50px; padding-bottom:124px; width:170px; height:100%; background:#282c2c; color:#fff; }
.wrap .container .lnb .lnb_list{}
.wrap .container .lnb .lnb_list > li{ font-size:14px;}
.wrap .container .lnb .lnb_list .lnb_first{ padding:10px 0 9px 10px; background-size:5px 50px; font-size: 15px;border-bottom: 1px solid #454545; background-color: #000;}
.wrap .container .lnb .lnb_list .lnb_first a{ color:#fff;}
.wrap .container .lnb .lnb_list .lnb_first a:hover{ color:#ffe699;}
.wrap .container .lnb .lnb_list .on a{ color:#F9DA7A; font-weight:bold;}
.wrap .container .lnb .lnb_sublist{ margin:8px 0 10px 0;}
.wrap .container .lnb .lnb_sublist > li{ font-size:13px; padding:4px 0 0 11px; height:26px;}
.wrap .container .lnb .lnb_sublist > li.on { background-color: #f3f5f5; border-left: 7px solid #ea7f31; padding-left: 5px;}
.wrap .container .lnb .lnb_sublist > li.on a { color: #36b0e6;}
.wrap .container .lnb .lnb_sublist > li a{ color:#fff;}
.wrap .container .lnb .lnb_sublist > li a:hover{ color:#ffe699;}
.wrap .container .lnb .lnb_sublist > li.on a:hover { color:#ec971f;}
.wrap .container .lnb .Powered { position:fixed; left:0; bottom:0; background-color: #000; border-bottom: 1px solid #454545; padding: 6px;}
.wrap .container .lnb .Powered a { font-size:10px; color:#fff;}
.wrap .container .lnb .Powered a:hover { color:#36b0e6;}
.wrap .container .lnb.fixed {position: fixed; top: 0px; z-index: 3000;height: 100%;}

/* container */
.wrap .container { position:relative; width:100%; height:100%; top:50px; /*min-height: 1000px; overflow:hidden;*/ background:#f3f5f5;}
.wrap .container > div{ float:left;}
.wrap .container .right_contents { position:absolute; left:170px; width: 1735px; height:100%; /*border-top: 1px solid #d7d7d7;*/ background-color:#ecf0f1; /*min-height:1000px; overflow:hidden;*/}
.margin_auto { margin: 10px; height:100%; position: relative;}
.wrap .container .full_contents { border-top: 1px solid #d7d7d7; float:none; }
.panel-heading .head_right { float:right;}
.panel-heading .head_right > p { display:inline; vertical-align: middle;}
.panel-heading .head_right > p span { font-weight: bold; color: #EE8043;}
.panel-heading .head_right .form-group { display:inline-flex; margin-right:5px;}
.panel-heading .head_right .form-group > select { height:23px;}

.filename_wrap { width:100%;}
.filename_wrap > li { margin:5px; text-align:right;}
.filename_wrap img { float:left;}
.filename_wrap .filename {float: left; margin-left: 6px;}
.filename_wrap .filename_th { color:#418bca;}
.filename_wrap .filename_th:after { content:""; clear:both; display:block;}
.filename_wrap .filename_th li { float:left;}
.filename_wrap .filename_th li+li { margin-left:230px;}
.filename_wrap .filename_th li+li+li { margin-left:198px;}
.filename_wrap .filename_th li+li+li+li { margin-left:49px;}
.filename_wrap .filename_th li+li+li+li+li { margin-left:60px;}
.filename_wrap .btn_cancel { float:right; font-size:11px; border-radius:3px; border:1px solid #bbb; background:#ccc; color:#444; margin-left:20px;}
.filename_wrap input[type="checkbox"] {margin-top: 0; margin-left: 20px;}
.filename input { height:23px;}
.filebox { display: inline-block; vertical-align: middle; margin:5px 0 10px 5px;}
.filebox .input_text { height: 23px; font-size: inherit; color: #424242; outline: none; vertical-align: middle; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0;}
.filebox label { display: inline-block; width: 60px; height: 23px; color: #fff; font-size: inherit; line-height: 1.8em; vertical-align: middle; background-color: #418bca; cursor: pointer; border-bottom-right-radius: .25em; border-top-right-radius: .25em; /*margin-top: -1px;*/ margin-left: -4px; margin-bottom:0; text-align: center;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; vertical-align: middle;}


/* NEW 관리자 로그인 */
.admin_login { position: absolute; top: 50%; left: 0; margin: -115px 0 -115px 0; width: 100%; background-color: #418bca; letter-spacing: -0.03em;  box-shadow: 1px 2px 9px #ccc;}
.admin_login_box { margin: 0 auto; width: 500px;}
.admin_login_box .title { margin-top: -100px; width:100%; text-align: center; padding-bottom:13px;}
.admin_login_box .title img { vertical-align: middle;}
.admin_login_box .login { margin: 0 auto 10px; width: 500px; background-color:#fff; padding: 30px; border-radius: 20px; border-top-left-radius: 0; border-top-right-radius: 0;}
.admin_login_box dt { height: 25px;}
.admin_login_box .login dd { float: left;}
.admin_login_box .login .eng_small { font-size: 20px; margin-bottom: 20px; color: #bbb;}
.admin_login_box .login .eng_small span { color: #bbb; font-size: 18px; font-weight: normal;}
.admin_login_box .login dd.input_area { width: 78%;}
.admin_login_box .login dd.input_area > div { margin-bottom:5px; overflow: hidden;}
.admin_login_box .login dd.input_area input { color: #9E9E9E;}
.admin_login_box .login label { font-size:14px; padding-top:12px; color: #555;}
.admin_login_box .login .idsave { clear:both; text-align: center; margin-left:113px; }
.admin_login_box .login .idsave label { font-size:12px; vertical-align: sub; color: #888;}
.admin_login_box .login .login_btn { font-size: 20px; padding: 34px 22px;}
.admin_login_box .copyright { text-align:right; margin-bottom: 20px; letter-spacing: normal;}
.admin_login_box .copyright a { color:#fff;}
.admin_login_box .copyright span { vertical-align: bottom;}


/* 패널 + 탭 */
.panel.with-nav-tabs > .panel-heading{ padding: 5px 5px 0 5px;}
.panel.with-nav-tabs .nav-tabs{ border-bottom: none;}
.panel.with-nav-tabs .nav-justified{ margin-bottom: -1px;}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus { color: #777;}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus { color: #777; background-color: #ddd; border-color: transparent;}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus { color: #555; background-color: #fff; border-color: #ddd; border-bottom-color: transparent;}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu { background-color: #f5f5f5; border-color: #ddd;}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #777;   }
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ddd;}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #555;}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus { color: #fff;}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus { color: #fff; background-color: #3071a9; border-color: transparent;}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus { color: #428bca; background-color: #fff; border-color: #428bca; border-bottom-color: transparent;}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu { background-color: #428bca; border-color: #3071a9;}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #fff;   }
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #3071a9;}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { background-color: #4a9fe9;}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus { color: #3c763d;}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus { color: #3c763d; background-color: #d6e9c6; border-color: transparent;}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus { color: #3c763d; background-color: #fff; border-color: #d6e9c6; border-bottom-color: transparent;}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu { background-color: #dff0d8; border-color: #d6e9c6;}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #3c763d;}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #d6e9c6;}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #3c763d;}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus { color: #31708f;}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus { color: #31708f; background-color: #bce8f1; border-color: transparent;}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus { color: #31708f; background-color: #fff; border-color: #bce8f1; border-bottom-color: transparent;}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu { background-color: #d9edf7; border-color: #bce8f1;}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #31708f;   }
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #bce8f1;}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #31708f;}
.with-nav-tabs.panel-tabinfo .nav-tabs > li > a:hover,
.with-nav-tabs.panel-tabinfo .nav-tabs > li > a:focus { color: #31708f; background-color: #bce8f1;  border-color: transparent;}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus { color: #8a6d3b;}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus { color: #8a6d3b; background-color: #faebcc; border-color: transparent;}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus { color: #8a6d3b; background-color: #fff; border-color: #faebcc; border-bottom-color: transparent;}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu { background-color: #fcf8e3; border-color: #faebcc;}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #8a6d3b; }
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #faebcc;}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #8a6d3b;}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus { color: #a94442;}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus { color: #a94442; background-color: #ebccd1; border-color: transparent;}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus { color: #a94442; background-color: #fff; border-color: #ebccd1; border-bottom-color: transparent;}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu { background-color: #f2dede; /* bg color */ border-color: #ebccd1; /* border color */}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #a94442; /* normal text color */  }
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ebccd1; /* hover bg color */}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; /* active text color */ background-color: #a94442; /* active bg color */}

/* 머트리얼 스위치 */
.material-switch .add_label { vertical-align:sub; margin-right:6px; font-weight:bold;}
.material-switch > input[type="checkbox"] {display: none;}
.material-switch > label { cursor: pointer; height: 0px; position: relative;  width: 40px;}
.material-switch > label::before { background: rgb(0, 0, 0); box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 8px; content: ''; height: 16px; margin-top: -8px; position:absolute; opacity: 0.3; transition: all 0.4s ease-in-out; width: 40px;}
.material-switch > label::after { background: rgb(255, 255, 255); border-radius: 16px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); content: ''; height: 24px; left: -4px; margin-top: -8px; position: absolute; top: -4px; transition: all 0.3s ease-in-out; width: 24px;}
.material-switch > input[type="checkbox"]:checked + label::before { background: inherit; opacity: 0.5;}
.material-switch > input[type="checkbox"]:checked + label::after { background: inherit; left: 20px;}

.mce-tinymce.mce-fullscreen { z-index:1000 }



/*박진환*/
.wrap .container .lnb { background-color:#232323;}
.wrap .container .lnb .lnb_sublist > li:hover{ color: #fff; background-color: #000; }
.wrap .container .lnb .lnb_sublist > li a{ color:#fff; }
.wrap .container .lnb .lnb_sublist > li a:hover{ color:inherit; color:#fff; }
.wrap .container .lnb .lnb_sublist > li.on { transition: background-color .5s; background-color: #000; box-shadow: inset 4px 0 0 0 #2986b8; border-left:0px; padding: 4px 0 0 11px; }
.wrap .container .lnb .lnb_sublist > li.on:hover{ color: #fff; background-color: #2986b8; }
.wrap .container .lnb .lnb_sublist > li.on a { color:#fff; }
.wrap .container .lnb .lnb_sublist > li.on a:hover { color:#fff; }

.wrap .container .lnb .lnb_list .on a{ color:#fff; font-weight:bold; }
.wrap .container .lnb .lnb_list .lnb_first a:hover{ color:inherit; }
.wrap .container .lnb .lnb_sublist > li a:hover{ color:#fff; }



.wrap .container .lnb .lnb_list .lnb_first { background-color:#fff; }
.wrap .container .lnb .lnb_list .on a { color:#454545;}
.wrap .container .lnb .lnb_list .on a:hover { color:#454545;}
.wrap .header .gnbzone .btn_box i { color:#515151}
.wrap .header .gnbzone .btn_box { margin-top:8px;}

.alert{margin-bottom:10px;}

table>.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 5px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}

.panel .consolas{
    font-family: Consolas, Nanum Gothic, Dotum, Tahoma;
}
.panel .consolas span{
    font-family: Consolas, Nanum Gothic, Dotum, Tahoma;
}

.consolas{
    font-family: Consolas, Nanum Gothic, Dotum, Tahoma;
}


/* width % */
.wp1{width:0% !important;}
.wp1{width:1% !important;}
.wp2{width:2% !important;}
.wp3{width:3% !important;}
.wp4{width:4% !important;}
.wp5{width:5% !important;}
.wp6{width:6% !important;}
.wp7{width:7% !important;}
.wp8{width:8% !important;}
.wp9{width:9% !important;}
.wp10{width:10% !important;}
.wp11{width:11% !important;}
.wp12{width:12% !important;}
.wp13{width:13% !important;}
.wp14{width:14% !important;}
.wp15{width:15% !important;}
.wp16{width:16% !important;}
.wp17{width:17% !important;}
.wp18{width:18% !important;}
.wp19{width:19% !important;}
.wp20{width:20% !important;}
.wp21{width:21% !important;}
.wp22{width:22% !important;}
.wp23{width:23% !important;}
.wp24{width:24% !important;}
.wp25{width:25% !important;}
.wp26{width:26% !important;}
.wp27{width:27% !important;}
.wp28{width:28% !important;}
.wp29{width:29% !important;}
.wp30{width:30% !important;}
.wp31{width:31% !important;}
.wp32{width:32% !important;}
.wp33{width:33% !important;}
.wp34{width:34% !important;}
.wp35{width:35% !important;}
.wp36{width:36% !important;}
.wp37{width:37% !important;}
.wp38{width:38% !important;}
.wp39{width:39% !important;}
.wp40{width:40% !important;}
.wp41{width:41% !important;}
.wp42{width:42% !important;}
.wp43{width:43% !important;}
.wp44{width:44% !important;}
.wp45{width:45% !important;}
.wp46{width:46% !important;}
.wp47{width:47% !important;}
.wp48{width:48% !important;}
.wp49{width:49% !important;}
.wp50{width:50% !important;}
.wp51{width:51% !important;}
.wp52{width:52% !important;}
.wp53{width:53% !important;}
.wp54{width:54% !important;}
.wp55{width:55% !important;}
.wp56{width:56% !important;}
.wp57{width:57% !important;}
.wp58{width:58% !important;}
.wp59{width:59% !important;}
.wp60{width:60% !important;}
.wp61{width:61% !important;}
.wp62{width:62% !important;}
.wp63{width:63% !important;}
.wp64{width:64% !important;}
.wp65{width:65% !important;}
.wp66{width:66% !important;}
.wp67{width:67% !important;}
.wp68{width:68% !important;}
.wp69{width:69% !important;}
.wp70{width:70% !important;}
.wp71{width:71% !important;}
.wp72{width:72% !important;}
.wp73{width:73% !important;}
.wp74{width:74% !important;}
.wp75{width:75% !important;}
.wp76{width:76% !important;}
.wp77{width:77% !important;}
.wp78{width:78% !important;}
.wp79{width:79% !important;}
.wp80{width:80% !important;}
.wp81{width:81% !important;}
.wp82{width:82% !important;}
.wp83{width:83% !important;}
.wp84{width:84% !important;}
.wp85{width:85% !important;}
.wp86{width:86% !important;}
.wp87{width:87% !important;}
.wp88{width:88% !important;}
.wp89{width:89% !important;}
.wp90{width:90% !important;}
.wp91{width:91% !important;}
.wp92{width:92% !important;}
.wp93{width:93% !important;}
.wp94{width:94% !important;}
.wp95{width:95% !important;}
.wp96{width:96% !important;}
.wp97{width:97% !important;}
.wp98{width:98% !important;}
.wp99{width:99% !important;}
.wp100{width:100% !important;}

/* margin */
.m0{margin:0 !important;}
.ml-20{margin-left:-20px !important;}
.ml-10{margin-left:-10px !important;}
.ml-5{margin-left:-5px !important;}
.ml-4{margin-left:-4px !important;}
.ml-3{margin-left:-3px !important;}
.ml-2{margin-left:-2px !important;}
.ml-1{margin-left:-1px !important;}
.ml0{margin-left:0 !important;}
.ml1{margin-left:1px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml7{margin-left:7px !important;}
.ml8{margin-left:8px !important;}
.ml9{margin-left:9px !important;}
.ml10{margin-left:10px !important;}
.ml11{margin-left:11px !important;}
.ml12{margin-left:12px !important;}
.ml13{margin-left:13px !important;}
.ml14{margin-left:14px !important;}
.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !important;}
.ml17{margin-left:17px !important;}
.ml18{margin-left:18px !important;}
.ml19{margin-left:19px !important;}
.ml20{margin-left:20px !important;}
.ml21{margin-left:21px !important;}
.ml22{margin-left:22px !important;}
.ml23{margin-left:23px !important;}
.ml24{margin-left:24px !important;}
.ml25{margin-left:25px !important;}
.ml26{margin-left:26px !important;}
.ml27{margin-left:27px !important;}
.ml28{margin-left:28px !important;}
.ml29{margin-left:29px !important;}
.ml30{margin-left:30px !important;}
.ml31{margin-left:31px !important;}
.ml32{margin-left:32px !important;}
.ml33{margin-left:33px !important;}
.ml34{margin-left:34px !important;}
.ml35{margin-left:35px !important;}
.ml36{margin-left:36px !important;}
.ml37{margin-left:37px !important;}
.ml38{margin-left:38px !important;}
.ml39{margin-left:39px !important;}
.ml40{margin-left:40px !important;}
.ml41{margin-left:41px !important;}
.ml42{margin-left:42px !important;}
.ml43{margin-left:43px !important;}
.ml44{margin-left:44px !important;}
.ml45{margin-left:45px !important;}
.ml46{margin-left:46px !important;}
.ml47{margin-left:47px !important;}
.ml48{margin-left:48px !important;}
.ml49{margin-left:49px !important;}
.ml50{margin-left:50px !important;}
.ml51{margin-left:51px !important;}
.ml52{margin-left:52px !important;}
.ml53{margin-left:53px !important;}
.ml54{margin-left:54px !important;}
.ml55{margin-left:55px !important;}
.ml56{margin-left:56px !important;}
.ml57{margin-left:57px !important;}
.ml58{margin-left:58px !important;}
.ml59{margin-left:59px !important;}
.ml60{margin-left:60px !important;}
.ml61{margin-left:61px !important;}
.ml62{margin-left:62px !important;}
.ml63{margin-left:63px !important;}
.ml64{margin-left:64px !important;}
.ml65{margin-left:65px !important;}
.ml66{margin-left:66px !important;}
.ml67{margin-left:67px !important;}
.ml68{margin-left:68px !important;}
.ml69{margin-left:69px !important;}
.ml70{margin-left:70px !important;}
.ml100{margin-left:100px !important;}


.mt-5{margin-top:-5px !important;}
.mt-4{margin-top:-4px !important;}
.mt-3{margin-top:-3px !important;}
.mt-2{margin-top:-2px !important;}
.mt-1{margin-top:-1px !important;}
.mt0{margin-top:0 !important;}
.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt9{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt11{margin-top:11px !important;}
.mt12{margin-top:12px !important;}
.mt13{margin-top:13px !important;}
.mt14{margin-top:14px !important;}
.mt15{margin-top:15px !important;}
.mt16{margin-top:16px !important;}
.mt17{margin-top:17px !important;}
.mt18{margin-top:18px !important;}
.mt19{margin-top:19px !important;}
.mt20{margin-top:20px !important;}
.mt21{margin-top:21px !important;}
.mt22{margin-top:22px !important;}
.mt23{margin-top:23px !important;}
.mt24{margin-top:24px !important;}
.mt25{margin-top:25px !important;}
.mt26{margin-top:26px !important;}
.mt27{margin-top:27px !important;}
.mt28{margin-top:28px !important;}
.mt29{margin-top:29px !important;}
.mt30{margin-top:30px !important;}
.mt31{margin-top:31px !important;}
.mt32{margin-top:32px !important;}
.mt33{margin-top:33px !important;}
.mt34{margin-top:34px !important;}
.mt35{margin-top:35px !important;}
.mt36{margin-top:36px !important;}
.mt37{margin-top:37px !important;}
.mt38{margin-top:38px !important;}
.mt39{margin-top:39px !important;}
.mt40{margin-top:40px !important;}
.mt41{margin-top:41px !important;}
.mt42{margin-top:42px !important;}
.mt43{margin-top:43px !important;}
.mt44{margin-top:44px !important;}
.mt45{margin-top:45px !important;}
.mt46{margin-top:46px !important;}
.mt47{margin-top:47px !important;}
.mt48{margin-top:48px !important;}
.mt49{margin-top:49px !important;}
.mt50{margin-top:50px !important;}
.mt51{margin-top:51px !important;}
.mt52{margin-top:52px !important;}
.mt53{margin-top:53px !important;}
.mt54{margin-top:54px !important;}
.mt55{margin-top:55px !important;}
.mt56{margin-top:56px !important;}
.mt57{margin-top:57px !important;}
.mt58{margin-top:58px !important;}
.mt59{margin-top:59px !important;}
.mt60{margin-top:60px !important;}
.mt61{margin-top:61px !important;}
.mt62{margin-top:62px !important;}
.mt63{margin-top:63px !important;}
.mt64{margin-top:64px !important;}
.mt65{margin-top:65px !important;}
.mt66{margin-top:66px !important;}
.mt67{margin-top:67px !important;}
.mt68{margin-top:68px !important;}
.mt69{margin-top:69px !important;}
.mt70{margin-top:70px !important;}
.mt130{margin-top:130px !important}

.mr0{margin-right:0 !important;}
.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr9{margin-right:9px !important;}
.mr10{margin-right:10px !important;}
.mr11{margin-right:11px !important;}
.mr12{margin-right:12px !important;}
.mr13{margin-right:13px !important;}
.mr14{margin-right:14px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr17{margin-right:17px !important;}
.mr18{margin-right:18px !important;}
.mr19{margin-right:19px !important;}
.mr20{margin-right:20px !important;}
.mr21{margin-right:21px !important;}
.mr22{margin-right:22px !important;}
.mr23{margin-right:23px !important;}
.mr24{margin-right:24px !important;}
.mr25{margin-right:25px !important;}
.mr26{margin-right:26px !important;}
.mr27{margin-right:27px !important;}
.mr28{margin-right:28px !important;}
.mr29{margin-right:29px !important;}
.mr30{margin-right:30px !important;}
.mr31{margin-right:31px !important;}
.mr32{margin-right:32px !important;}
.mr33{margin-right:33px !important;}
.mr34{margin-right:34px !important;}
.mr35{margin-right:35px !important;}
.mr36{margin-right:36px !important;}
.mr37{margin-right:37px !important;}
.mr38{margin-right:38px !important;}
.mr39{margin-right:39px !important;}
.mr40{margin-right:40px !important;}
.mr41{margin-right:41px !important;}
.mr42{margin-right:42px !important;}
.mr43{margin-right:43px !important;}
.mr44{margin-right:44px !important;}
.mr45{margin-right:45px !important;}
.mr46{margin-right:46px !important;}
.mr47{margin-right:47px !important;}
.mr48{margin-right:48px !important;}
.mr49{margin-right:49px !important;}
.mr50{margin-right:50px !important;}
.mr51{margin-right:51px !important;}
.mr52{margin-right:52px !important;}
.mr53{margin-right:53px !important;}
.mr54{margin-right:54px !important;}
.mr55{margin-right:55px !important;}
.mr56{margin-right:56px !important;}
.mr57{margin-right:57px !important;}
.mr58{margin-right:58px !important;}
.mr59{margin-right:59px !important;}
.mr60{margin-right:60px !important;}
.mr61{margin-right:61px !important;}
.mr62{margin-right:62px !important;}
.mr63{margin-right:63px !important;}
.mr64{margin-right:64px !important;}
.mr65{margin-right:65px !important;}
.mr66{margin-right:66px !important;}
.mr67{margin-right:67px !important;}
.mr68{margin-right:68px !important;}
.mr69{margin-right:69px !important;}
.mr70{margin-right:70px !important;}


.mb0{margin-bottom:0 !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb11{margin-bottom:11px !important;}
.mb12{margin-bottom:12px !important;}
.mb13{margin-bottom:13px !important;}
.mb14{margin-bottom:14px !important;}
.mb15{margin-bottom:15px !important;}
.mb16{margin-bottom:16px !important;}
.mb17{margin-bottom:17px !important;}
.mb18{margin-bottom:18px !important;}
.mb19{margin-bottom:19px !important;}
.mb20{margin-bottom:20px !important;}
.mb21{margin-bottom:21px !important;}
.mb22{margin-bottom:22px !important;}
.mb23{margin-bottom:23px !important;}
.mb24{margin-bottom:24px !important;}
.mb25{margin-bottom:25px !important;}
.mb26{margin-bottom:26px !important;}
.mb27{margin-bottom:27px !important;}
.mb28{margin-bottom:28px !important;}
.mb29{margin-bottom:29px !important;}
.mb30{margin-bottom:30px !important;}
.mb31{margin-bottom:31px !important;}
.mb32{margin-bottom:32px !important;}
.mb33{margin-bottom:33px !important;}
.mb34{margin-bottom:34px !important;}
.mb35{margin-bottom:35px !important;}
.mb36{margin-bottom:36px !important;}
.mb37{margin-bottom:37px !important;}
.mb38{margin-bottom:38px !important;}
.mb39{margin-bottom:39px !important;}
.mb40{margin-bottom:40px !important;}
.mb41{margin-bottom:41px !important;}
.mb42{margin-bottom:42px !important;}
.mb43{margin-bottom:43px !important;}
.mb44{margin-bottom:44px !important;}
.mb45{margin-bottom:45px !important;}
.mb46{margin-bottom:46px !important;}
.mb47{margin-bottom:47px !important;}
.mb48{margin-bottom:48px !important;}
.mb49{margin-bottom:49px !important;}
.mb50{margin-bottom:50px !important;}
.mb51{margin-bottom:51px !important;}
.mb52{margin-bottom:52px !important;}
.mb53{margin-bottom:53px !important;}
.mb54{margin-bottom:54px !important;}
.mb55{margin-bottom:55px !important;}
.mb56{margin-bottom:56px !important;}
.mb57{margin-bottom:57px !important;}
.mb58{margin-bottom:58px !important;}
.mb59{margin-bottom:59px !important;}
.mb60{margin-bottom:60px !important;}
.mb61{margin-bottom:61px !important;}
.mb62{margin-bottom:62px !important;}
.mb63{margin-bottom:63px !important;}
.mb64{margin-bottom:64px !important;}
.mb65{margin-bottom:65px !important;}
.mb66{margin-bottom:66px !important;}
.mb67{margin-bottom:67px !important;}
.mb68{margin-bottom:68px !important;}
.mb69{margin-bottom:69px !important;}
.mb70{margin-bottom:70px !important;}


/* padding */
.p0{padding:0 !important;}
.pl0{padding-left:0 !important;}
.pl1{padding-left:1px !important;}
.pl2{padding-left:2px !important;}
.pl3{padding-left:3px !important;}
.pl4{padding-left:4px !important;}
.pl5{padding-left:5px !important;}
.pl6{padding-left:6px !important;}
.pl7{padding-left:7px !important;}
.pl8{padding-left:8px !important;}
.pl9{padding-left:9px !important;}
.pl10{padding-left:10px !important;}
.pl11{padding-left:11px !important;}
.pl12{padding-left:12px !important;}
.pl13{padding-left:13px !important;}
.pl14{padding-left:14px !important;}
.pl15{padding-left:15px !important;}
.pl16{padding-left:16px !important;}
.pl17{padding-left:17px !important;}
.pl18{padding-left:18px !important;}
.pl19{padding-left:19px !important;}
.pl20{padding-left:20px !important;}
.pl21{padding-left:21px !important;}
.pl22{padding-left:22px !important;}
.pl23{padding-left:23px !important;}
.pl24{padding-left:24px !important;}
.pl25{padding-left:25px !important;}
.pl26{padding-left:26px !important;}
.pl27{padding-left:27px !important;}
.pl28{padding-left:28px !important;}
.pl29{padding-left:29px !important;}
.pl30{padding-left:30px !important;}
.pl31{padding-left:31px !important;}
.pl32{padding-left:32px !important;}
.pl33{padding-left:33px !important;}
.pl34{padding-left:34px !important;}
.pl35{padding-left:35px !important;}
.pl36{padding-left:36px !important;}
.pl37{padding-left:37px !important;}
.pl38{padding-left:38px !important;}
.pl39{padding-left:39px !important;}
.pl40{padding-left:40px !important;}
.pl41{padding-left:41px !important;}
.pl42{padding-left:42px !important;}
.pl43{padding-left:43px !important;}
.pl44{padding-left:44px !important;}
.pl45{padding-left:45px !important;}
.pl46{padding-left:46px !important;}
.pl47{padding-left:47px !important;}
.pl48{padding-left:48px !important;}
.pl49{padding-left:49px !important;}
.pl50{padding-left:50px !important;}
.pl51{padding-left:51px !important;}
.pl52{padding-left:52px !important;}
.pl53{padding-left:53px !important;}
.pl54{padding-left:54px !important;}
.pl55{padding-left:55px !important;}
.pl56{padding-left:56px !important;}
.pl57{padding-left:57px !important;}
.pl58{padding-left:58px !important;}
.pl59{padding-left:59px !important;}
.pl60{padding-left:60px !important;}
.pl61{padding-left:61px !important;}
.pl62{padding-left:62px !important;}
.pl63{padding-left:63px !important;}
.pl64{padding-left:64px !important;}
.pl65{padding-left:65px !important;}
.pl66{padding-left:66px !important;}
.pl67{padding-left:67px !important;}
.pl68{padding-left:68px !important;}
.pl69{padding-left:69px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}



.pt0{padding-top:0 !important;}
.pt1{padding-top:1px !important;}
.pt2{padding-top:2px !important;}
.pt3{padding-top:3px !important;}
.pt4{padding-top:4px !important;}
.pt5{padding-top:5px !important;}
.pt6{padding-top:6px !important;}
.pt7{padding-top:7px !important;}
.pt8{padding-top:8px !important;}
.pt9{padding-top:9px !important;}
.pt10{padding-top:10px !important;}
.pt11{padding-top:11px !important;}
.pt12{padding-top:12px !important;}
.pt13{padding-top:13px !important;}
.pt14{padding-top:14px !important;}
.pt15{padding-top:15px !important;}
.pt16{padding-top:16px !important;}
.pt17{padding-top:17px !important;}
.pt18{padding-top:18px !important;}
.pt19{padding-top:19px !important;}
.pt20{padding-top:20px !important;}
.pt21{padding-top:21px !important;}
.pt22{padding-top:22px !important;}
.pt23{padding-top:23px !important;}
.pt24{padding-top:24px !important;}
.pt25{padding-top:25px !important;}
.pt26{padding-top:26px !important;}
.pt27{padding-top:27px !important;}
.pt28{padding-top:28px !important;}
.pt29{padding-top:29px !important;}
.pt30{padding-top:30px !important;}
.pt31{padding-top:31px !important;}
.pt32{padding-top:32px !important;}
.pt33{padding-top:33px !important;}
.pt34{padding-top:34px !important;}
.pt35{padding-top:35px !important;}
.pt36{padding-top:36px !important;}
.pt37{padding-top:37px !important;}
.pt38{padding-top:38px !important;}
.pt39{padding-top:39px !important;}
.pt40{padding-top:40px !important;}
.pt41{padding-top:41px !important;}
.pt42{padding-top:42px !important;}
.pt43{padding-top:43px !important;}
.pt44{padding-top:44px !important;}
.pt45{padding-top:45px !important;}
.pt46{padding-top:46px !important;}
.pt47{padding-top:47px !important;}
.pt48{padding-top:48px !important;}
.pt49{padding-top:49px !important;}
.pt50{padding-top:50px !important;}
.pt51{padding-top:51px !important;}
.pt52{padding-top:52px !important;}
.pt53{padding-top:53px !important;}
.pt54{padding-top:54px !important;}
.pt55{padding-top:55px !important;}
.pt56{padding-top:56px !important;}
.pt57{padding-top:57px !important;}
.pt58{padding-top:58px !important;}
.pt59{padding-top:59px !important;}
.pt60{padding-top:60px !important;}
.pt61{padding-top:61px !important;}
.pt62{padding-top:62px !important;}
.pt63{padding-top:63px !important;}
.pt64{padding-top:64px !important;}
.pt65{padding-top:65px !important;}
.pt66{padding-top:66px !important;}
.pt67{padding-top:67px !important;}
.pt68{padding-top:68px !important;}
.pt69{padding-top:69px !important;}
.pt70{padding-top:70px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}
.pt150{padding-top:150px !important;}
.pt200{padding-top:200px !important;}
.pt300{padding-top:300px !important;}
.pt400{padding-top:400px !important;}

.pb-50{padding-bottom:-50 !important;}
.pb0{padding-bottom:0 !important;}
.pb1{padding-bottom:1px !important;}
.pb2{padding-bottom:2px !important;}
.pb3{padding-bottom:3px !important;}
.pb4{padding-bottom:4px !important;}
.pb5{padding-bottom:5px !important;}
.pb6{padding-bottom:6px !important;}
.pb7{padding-bottom:7px !important;}
.pb8{padding-bottom:8px !important;}
.pb9{padding-bottom:9px !important;}
.pb10{padding-bottom:10px !important;}
.pb11{padding-bottom:11px !important;}
.pb12{padding-bottom:12px !important;}
.pb13{padding-bottom:13px !important;}
.pb14{padding-bottom:14px !important;}
.pb15{padding-bottom:15px !important;}
.pb16{padding-bottom:16px !important;}
.pb17{padding-bottom:17px !important;}
.pb18{padding-bottom:18px !important;}
.pb19{padding-bottom:19px !important;}
.pb20{padding-bottom:20px !important;}
.pb21{padding-bottom:21px !important;}
.pb22{padding-bottom:22px !important;}
.pb23{padding-bottom:23px !important;}
.pb24{padding-bottom:24px !important;}
.pb25{padding-bottom:25px !important;}
.pb26{padding-bottom:26px !important;}
.pb27{padding-bottom:27px !important;}
.pb28{padding-bottom:28px !important;}
.pb29{padding-bottom:29px !important;}
.pb30{padding-bottom:30px !important;}
.pb31{padding-bottom:31px !important;}
.pb32{padding-bottom:32px !important;}
.pb33{padding-bottom:33px !important;}
.pb34{padding-bottom:34px !important;}
.pb35{padding-bottom:35px !important;}
.pb36{padding-bottom:36px !important;}
.pb37{padding-bottom:37px !important;}
.pb38{padding-bottom:38px !important;}
.pb39{padding-bottom:39px !important;}
.pb40{padding-bottom:40px !important;}
.pb41{padding-bottom:41px !important;}
.pb42{padding-bottom:42px !important;}
.pb43{padding-bottom:43px !important;}
.pb44{padding-bottom:44px !important;}
.pb45{padding-bottom:45px !important;}
.pb46{padding-bottom:46px !important;}
.pb47{padding-bottom:47px !important;}
.pb48{padding-bottom:48px !important;}
.pb49{padding-bottom:49px !important;}
.pb50{padding-bottom:50px !important;}
.pb51{padding-bottom:51px !important;}
.pb52{padding-bottom:52px !important;}
.pb53{padding-bottom:53px !important;}
.pb54{padding-bottom:54px !important;}
.pb55{padding-bottom:55px !important;}
.pb56{padding-bottom:56px !important;}
.pb57{padding-bottom:57px !important;}
.pb58{padding-bottom:58px !important;}
.pb59{padding-bottom:59px !important;}
.pb60{padding-bottom:60px !important;}
.pb61{padding-bottom:61px !important;}
.pb62{padding-bottom:62px !important;}
.pb63{padding-bottom:63px !important;}
.pb64{padding-bottom:64px !important;}
.pb65{padding-bottom:65px !important;}
.pb66{padding-bottom:66px !important;}
.pb67{padding-bottom:67px !important;}
.pb68{padding-bottom:68px !important;}
.pb69{padding-bottom:69px !important;}
.pb70{padding-bottom:70px !important;}



.pr0{padding-right:0 !important;}
.pr1{padding-right:1px !important;}
.pr2{padding-right:2px !important;}
.pr3{padding-right:3px !important;}
.pr4{padding-right:4px !important;}
.pr5{padding-right:5px !important;}
.pr6{padding-right:6px !important;}
.pr7{padding-right:7px !important;}
.pr8{padding-right:8px !important;}
.pr9{padding-right:9px !important;}
.pr10{padding-right:10px !important;}
.pr11{padding-right:11px !important;}
.pr12{padding-right:12px !important;}
.pr13{padding-right:13px !important;}
.pr14{padding-right:14px !important;}
.pr15{padding-right:15px !important;}
.pr16{padding-right:16px !important;}
.pr17{padding-right:17px !important;}
.pr18{padding-right:18px !important;}
.pr19{padding-right:19px !important;}
.pr20{padding-right:20px !important;}
.pr21{padding-right:21px !important;}
.pr22{padding-right:22px !important;}
.pr23{padding-right:23px !important;}
.pr24{padding-right:24px !important;}
.pr25{padding-right:25px !important;}
.pr26{padding-right:26px !important;}
.pr27{padding-right:27px !important;}
.pr28{padding-right:28px !important;}
.pr29{padding-right:29px !important;}
.pr30{padding-right:30px !important;}
.pr31{padding-right:31px !important;}
.pr32{padding-right:32px !important;}
.pr33{padding-right:33px !important;}
.pr34{padding-right:34px !important;}
.pr35{padding-right:35px !important;}
.pr36{padding-right:36px !important;}
.pr37{padding-right:37px !important;}
.pr38{padding-right:38px !important;}
.pr39{padding-right:39px !important;}
.pr40{padding-right:40px !important;}
.pr41{padding-right:41px !important;}
.pr42{padding-right:42px !important;}
.pr43{padding-right:43px !important;}
.pr44{padding-right:44px !important;}
.pr45{padding-right:45px !important;}
.pr46{padding-right:46px !important;}
.pr47{padding-right:47px !important;}
.pr48{padding-right:48px !important;}
.pr49{padding-right:49px !important;}
.pr50{padding-right:50px !important;}
.pr51{padding-right:51px !important;}
.pr52{padding-right:52px !important;}
.pr53{padding-right:53px !important;}
.pr54{padding-right:54px !important;}
.pr55{padding-right:55px !important;}
.pr56{padding-right:56px !important;}
.pr57{padding-right:57px !important;}
.pr58{padding-right:58px !important;}
.pr59{padding-right:59px !important;}
.pr60{padding-right:60px !important;}
.pr61{padding-right:61px !important;}
.pr62{padding-right:62px !important;}
.pr63{padding-right:63px !important;}
.pr64{padding-right:64px !important;}
.pr65{padding-right:65px !important;}
.pr66{padding-right:66px !important;}
.pr67{padding-right:67px !important;}
.pr68{padding-right:68px !important;}
.pr69{padding-right:69px !important;}
.pr70{padding-right:70px !important;}
.pr90{padding-right:90px !important;}

.pd15 { padding:15px}

/* line height */
.lh25px {line-height:25px !important;}
.lh27px {line-height:34px !important;}
.lh30px {line-height:30px !important;}
.lh34px {line-height:34px !important;}
.lh100 {line-height:100% !important;}
.lh110 {line-height:110% !important;}
.lh120 {line-height:120% !important;}
.lh130 {line-height:130% !important;}
.lh140 {line-height:140% !important;}
.lh150 {line-height:150% !important;}
.lh160 {line-height:160% !important;}
.lh170 {line-height:170% !important;}
.lh180 {line-height:180% !important;}
.lh190 {line-height:190% !important;}
.lh200 {line-height:200% !important;}
.lh210 {line-height:210% !important;}
.lh220 {line-height:220% !important;}
.lh230 {line-height:230% !important;}
.lh240 {line-height:240% !important;}
.lh250 {line-height:250% !important;}
.lh260 {line-height:260% !important;}
.lh270 {line-height:270% !important;}
.lh280 {line-height:280% !important;}
.lh290 {line-height:290% !important;}
.lh300 {line-height:300% !important;}
.lh310 {line-height:310% !important;}
.lh320 {line-height:320% !important;}
.lh330 {line-height:330% !important;}
.lh340 {line-height:340% !important;}
.lh350 {line-height:350% !important;}
.lh360 {line-height:360% !important;}


/* fonnt size */
.fs6{font-size:6px !important;}
.fs7{font-size:7px !important;}
.fs8{font-size:8px !important;}
.fs9{font-size:9px !important;}
.fs10{font-size:10px !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.fs21{font-size:21px !important;}
.fs22{font-size:22px !important;}
.fs23{font-size:23px !important;}
.fs24{font-size:24px !important;}
.fs25{font-size:25px !important;}
.fs26{font-size:26px !important;}
.fs27{font-size:27px !important;}
.fs28{font-size:28px !important;}
.fs29{font-size:29px !important;}
.fs30{font-size:30px !important;}
.fs31{font-size:31px !important;}
.fs32{font-size:32px !important;}
.fs33{font-size:33px !important;}
.fs34{font-size:34px !important;}
.fs35{font-size:35px !important;}
.fs36{font-size:36px !important;}
.fs37{font-size:37px !important;}
.fs38{font-size:38px !important;}
.fs39{font-size:39px !important;}
.fs40{font-size:40px !important;}
.fs100{font-size:100px !important;}


/* height */
.hp100 {height:100% !important;}
.hpx5 {height:5px !important;}
.hpx10 {height:10px !important;}
.hpx16 {height:16px !important;}
.hpx18 {height:18px !important;}
.hpx20 {height:20px !important;}
.hpx22 {height:22px !important;}
.hpx25 {height:25px !important;}
.hpx30 {height:30px !important;}
.hpx31 {height:31px !important;}
.hpx34 {height:34px !important;}
.hpx35 {height:35px !important;}
.hpx40 {height:40px !important;}
.hpx50 {height:50px !important;}
.hpx54 {height:54px !important;}
.hpx58 {height:58px !important;}
.hpx60 {height:60px !important;}
.hpx70 {height:70px !important;}
.hpx80 {height:80px !important;}
.hpx90 {height:90px !important;}
.hpx100 {height:100px !important;}
.hpx110 {height:110px !important;}
.hpx120 {height:120px !important;}
.hpx130 {height:130px !important;}
.hpx140 {height:140px !important;}
.hpx150 {height:150px !important;}
.hpx160 {height:160px !important;}
.hpx170 {height:170px !important;}
.hpx180 {height:180px !important;}
.hpx190 {height:190px !important;}
.hpx197 {height:197px !important;}
.hpx200 {height:200px !important;}
.hpx210 {height:210px !important;}
.hpx220 {height:220px !important;}
.hpx230 {height:230px !important;}
.hpx240 {height:240px !important;}
.hpx280 {height:280px !important;}
.hpx288 {height:288px !important;}
.hpx300 {height:300px !important;}
.hpx320 {height:320px !important;}
.hpx340 {height:340px !important;}
.hpx360 {height:360px !important;}
.hpx380 {height:380px !important;}
.hpx400 {height:400px !important;}
.hpx413 {height:413px !important;}
.hpx420 {height:420px !important;}
.hpx430 {height:430px !important;}
.hpx440 {height:440px !important;}
.hpx450 {height:450px !important;}
.hpx460 {height:460px !important;}
.hpx475 {height:475px !important;}
.hpx478 {height:478px !important;}
.hpx480 {height:480px !important;}
.hpx482 {height:482px !important;}
.hpx486 {height:486px !important;}
.hpx490 {height:490px !important;}
.hpx500 {height:500px !important;}
.hpx514 {height:514px !important;}
.hpx518 {height:518px !important;}
.hpx520 {height:520px !important;}
.hpx530 {height:530px !important;}
.hpx548 {height:548px !important;}
.hpx557 {height:557px !important;}
.hpx587 {height:587px !important;}
.hpx600 {height:600px !important;}
.hpx618 {height:618px !important;}
.hpx623 {height:623px !important;}
.hpx629 {height:629px !important;}
.hpx630 {height:630px !important;}
.hpx636 {height:636px !important;}
.hpx654 {height:654px !important;}
.hpx671 {height:671px !important;}
.hpx678 {height:678px !important;}
.hpx710 {height:710px !important;}
.hpx735 {height:735px !important;}
.hpx763 {height:763px !important;}
.hpx800 {height:800px !important;}
.hpx856 {height:856px !important;}
.hpx860 {height:860px !important;}
.hpx865 {height:865px !important;}
.hpx869 {height:869px !important;}
.hpx916 {height:916px !important;}


.Mhpx240 {max-height:240px !important;}
.Mhpx340 {max-height:340px !important;}
.hpx150max {max-height:150px !important;}
.hpx170max {max-height:170px !important;}
.hpx300max {max-height:300px !important;}
.hpx548max {max-height:548px !important;}
.hpx800max {max-height:800px !important;}
/* min-height */
.hpx30min {min-height:30px !important;}
.hpx50min {min-height:50px !important;}
.hpx100min {min-height:100px !important;}
.hpx200min {min-height:200px !important;}
.hpx300min {min-height:300px !important;}
.hpx400min {min-height:400px !important;}
.hpx500min {min-height:500px !important;}
.hpx700min {min-height:700px !important;}
.hpx800min {min-height:800px !important;}
.hpx900min {min-height:900px !important;}

/* width */
.wpauto {width:auto !important;}
.wp100 {width:100% !important;}
.wpx10 {width:10px !important;}
.wpx11 {width:11px !important;}
.wpx12 {width:12px !important;}
.wpx13 {width:13px !important;}
.wpx14 {width:14px !important;}
.wpx15 {width:15px !important;}
.wpx16 {width:16px !important;}
.wpx17 {width:17px !important;}
.wpx18 {width:18px !important;}
.wpx19 {width:19px !important;}
.wpx20 {width:20px !important;}
.wpx21 {width:21px !important;}
.wpx22 {width:22px !important;}
.wpx23 {width:23px !important;}
.wpx24 {width:24px !important;}
.wpx25 {width:25px !important;}
.wpx26 {width:26px !important;}
.wpx27 {width:27px !important;}
.wpx28 {width:28px !important;}
.wpx29 {width:29px !important;}
.wpx30 {width:30px !important;}
.wpx31 {width:31px !important;}
.wpx32 {width:32px !important;}
.wpx33 {width:33px !important;}
.wpx34 {width:34px !important;}
.wpx35 {width:35px !important;}
.wpx36 {width:36px !important;}
.wpx37 {width:37px !important;}
.wpx38 {width:38px !important;}
.wpx39 {width:39px !important;}
.wpx40 {width:40px !important;}
.wpx41 {width:41px !important;}
.wpx42 {width:42px !important;}
.wpx43 {width:43px !important;}
.wpx44 {width:44px !important;}
.wpx45 {width:45px !important;}
.wpx46 {width:46px !important;}
.wpx47 {width:47px !important;}
.wpx48 {width:48px !important;}
.wpx49 {width:49px !important;}
.wpx50 {width:50px !important;}
.wpx51 {width:51px !important;}
.wpx52 {width:52px !important;}
.wpx53 {width:53px !important;}
.wpx54 {width:54px !important;}
.wpx55 {width:55px !important;}
.wpx56 {width:56px !important;}
.wpx57 {width:57px !important;}
.wpx58 {width:58px !important;}
.wpx59 {width:59px !important;}
.wpx60 {width:60px !important;}
.wpx61 {width:61px !important;}
.wpx62 {width:62px !important;}
.wpx63 {width:63px !important;}
.wpx64 {width:64px !important;}
.wpx65 {width:65px !important;}
.wpx66 {width:66px !important;}
.wpx67 {width:67px !important;}
.wpx68 {width:68px !important;}
.wpx69 {width:69px !important;}
.wpx70 {width:70px !important;}
.wpx71 {width:71px !important;}
.wpx72 {width:72px !important;}
.wpx73 {width:73px !important;}
.wpx74 {width:74px !important;}
.wpx75 {width:75px !important;}
.wpx76 {width:76px !important;}
.wpx77 {width:77px !important;}
.wpx78 {width:78px !important;}
.wpx79 {width:79px !important;}
.wpx80 {width:80px !important;}
.wpx81 {width:81px !important;}
.wpx82 {width:82px !important;}
.wpx83 {width:83px !important;}
.wpx84 {width:84px !important;}
.wpx85 {width:85px !important;}
.wpx86 {width:86px !important;}
.wpx87 {width:87px !important;}
.wpx88 {width:88px !important;}
.wpx89 {width:89px !important;}
.wpx90 {width:90px !important;}
.wpx91 {width:91px !important;}
.wpx92 {width:92px !important;}
.wpx93 {width:93px !important;}
.wpx94 {width:94px !important;}
.wpx95 {width:95px !important;}
.wpx96 {width:96px !important;}
.wpx97 {width:97px !important;}
.wpx98 {width:98px !important;}
.wpx99 {width:99px !important;}
.wpx100 {width:100px !important;}
.wpx110 {width:110px !important;}
.wpx120 {width:120px !important;}
.wpx130 {width:130px !important;}
.wpx140 {width:140px !important;}
.wpx150 {width:150px !important;}
.wpx160 {width:160px !important;}
.wpx170 {width:170px !important;}
.wpx180 {width:180px !important;}
.wpx190 {width:190px !important;}
.wpx200 {width:200px !important;}
.wpx210 {width:210px !important;}
.wpx220 {width:220px !important;}
.wpx230 {width:230px !important;}
.wpx240 {width:240px !important;}
.wpx250 {width:250px !important;}
.wpx266 {width:266px !important;}
.wpx267 {width:267px !important;}
.wpx268 {width:268px !important;}
.wpx269 {width:269px !important;}
.wpx270 {width:270px !important;}
.wpx290 {width:290px !important;}
.wpx300 {width:300px !important;}
.wpx310 {width:310px !important;}
.wpx320 {width:320px !important;}
.wpx330 {width:330px !important;}
.wpx340 {width:340px !important;}
.wpx350 {width:350px !important;}
.wpx360 {width:360px !important;}
.wpx370 {width:370px !important;}
.wpx400 {width:400px !important;}
.wpx410 {width:410px !important;}
.wpx420 {width:420px !important;}
.wpx425 {width:425px !important;}
.wpx430 {width:430px !important;}
.wpx440 {width:440px !important;}
.wpx450 {width:450px !important;}
.wpx480 {width:480px !important;}
.wpx500 {width:500px !important;}
.wpx510 {width:510px !important;}
.wpx540 {width:540px !important;}
.wpx570 {width:570px !important;}
.wpx580 {width:580px !important;}
.wpx600 {width:600px !important;}
.wpx621 {width:621px !important;}
.wpx650 {width:650px !important;}
.wpx670 {width:670px !important;}
.wpx680 {width:680px !important;}
.wpx700 {width:700px !important;}
.wpx710 {width:710px !important;}
.wpx750 {width:750px !important;}
.wpx760 {width:760px !important;}
.wpx800 {width:800px !important;}
.wpx830 {width:830px !important;}
.wpx940 {width:940px !important;}
.wpx1010 {width:1010px !important;}
.wpx1100 {width:1100px !important;}
.wpx1500 {width:1500px !important;}
.wpx1735 {width:1735px !important;}

/* max-width */
.wpx300max {max-width:300px !important;}
.wpx400max {max-width:400px !important;}
.wpx500max {max-width:500px !important;}
.wpx100pmax {max-width:100% !important;}
.wpx95pmax {max-width:95% !important;}

/* min-width */
.wpx25min {min-width:25px !important;}
.wpx30min {min-width:30px !important;}
.wpx36min {min-width:36px !important;}
.wpx50min {min-width:50px !important;}
.wpx100min {min-width:100px !important;}
.wpx150min {min-width:150px !important;}
.wpx180min {min-width:180px !important;}
.wpx200min {min-width:200px !important;}
.wpx250min {min-width:250px !important;}
.wpx300min {min-width:300px !important;}
.wpx350min {min-width:350px !important;}
.wpx400min {min-width:400px !important;}
.wpx450min {min-width:450px !important;}
.wpx500min {min-width:500px !important;}
.wpx550min {min-width:550px !important;}
.wpx600min {min-width:600px !important;}
.wpx650min {min-width:650px !important;}
.wpx700min {min-width:700px !important;}
.wpx750min {min-width:750px !important;}
.wpx775min {min-width:775px !important;}
.wpx800min {min-width:800px !important;}
.wpx850min {min-width:850px !important;}
.wpx900min {min-width:900px !important;}
.wpx950min {min-width:950px !important;}
.wpx1300min {min-width:1300px !important;}
.wpx1500min {min-width:1500px !important;}
.wpx1800min {min-width:1800px !important;}

/* min-width */
.wp50pmin {min-width:50% !important;}
.wp60pmin {min-width:60% !important;}

.toupper {text-transform:uppercase}


/* float */
.fl {float:left !important; display:inline;}
.fr {float:right !important; display:inline;}
.clb { clear:both;}
.nowrap {white-space: nowrap;}

/* overflow */
.ovflH {overflow:hidden !important;}
.ovflYH {overflow-y:hidden !important;}
.ovflXH {overflow-x:hidden !important;}
.ovflY {overflow-y:auto !important;}
.ovflX {overflow-x:auto !important;}
.ovflYs {overflow-y:scroll !important;}
.ovflXs {overflow-x:scroll !important;}

.ovflEllipsis {text-overflow: ellipsis;white-space: nowrap;}

.cp {cursor:pointer !important;}
.cd {cursor:default !important;}

.b0{border:0 !important;}

.top0 {top:0 !important;}

/* align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.aj {text-align:justify !important;}
.vabl {vertical-align:baseline !important;}
.vatt {vertical-align:text-top !important;}
.vatb {vertical-align:text-bottom !important;}
.vam {vertical-align:middle !important;}
.vat {vertical-align:top !important;}
.vab {vertical-align:bottom !important;}
.linenormal { line-height:normal !important;}

/* font weight */
.fb {font-weight:bold !important;}
.fbr {font-weight:bolder !important;}
.fn {font-weight:normal !important;}

.pointer{cursor:pointer;}

.none{display:none !important;}
.block{display:block !important;}
.table-row{display: table-row;}
.inherit{display:inherit !important;}
.inline{display:initial !important;}
.flex{display:flex !important;}
.inline-block{display:inline-block !important;}
.inline-table{display:inline-table !important;}
.inline-flex{display:inline-flex !important;}
.table-cell{display:table-cell !important;}
.webkit-box{display:-webkit-box !important;}
.wauto{width:auto !important;}
.hauto{height:auto !important;}

.tdu {text-decoration:underline !important;}

/* position */
.absolute_r0 {position:absolute;right:0;}
.absolute_r10 {position:absolute;right:10px;}
.absolute {position:absolute;}
.absolute_l0 {position:absolute;left:0;}

.fixed {position:fixed;}

/* font */
.lsp1 {letter-spacing:1px;}
.lsp-1 {letter-spacing:-1px;}

/* box-shadow */
.box0 {box-shadow: 0 0;}

.outline_none {outline: none;}

.mlrauto {margin-left:auto; margin-right:auto;}

/* font color */
.co45		{color:#454545 !important;}
.cof26c4f	{color:#f26c4f !important;}
.co37b0d4	{color:#37b0d4 !important;}
.co988675	{color:#988675 !important;}
.co2985d9	{color:#2985d9 !important;}
.coa94442	{color:#a94442 !important;}
.co419641	{color:#419641 !important;}
.cod48d48	{color:#d48d48 !important;}
.co666		{color:#666666 !important;}
.co333		{color:#333333 !important;}
.cofff		{color:#ffffff !important;}
/* font background color */
.bg-co45		{background-color:#ffffff !important;color:#454545 !important;}
.bg-cof26c4f	{background-color:#f26c4f !important;color:#ffffff !important;}
.bg-co37b0d4	{background-color:#37b0d4 !important;color:#ffffff !important;}
.bg-co988675	{background-color:#988675 !important;color:#ffffff !important;}
.bg-co2985d9	{background-color:#2985d9 !important;color:#ffffff !important;}
.bg-coa94442	{background-color:#a94442 !important;color:#ffffff !important;}
.bg-co419641	{background-color:#419641 !important;color:#ffffff !important;}
.bg-cod48d48	{background-color:#d48d48 !important;color:#ffffff !important;}
.bg-co666		{background-color:#666666 !important;color:#ffffff !important;}
.bg-co333		{background-color:#333333 !important;color:#ffffff !important;}
.bg-cofff		{background-color:#ffffff !important;color:#000000 !important;}

.bg-coff0000	{background-color:#ff0000 !important;color:#ffffff !important;}
.bg-co0000ff	{background-color:#0000ff !important;color:#ffffff !important;}
.bg-co008000	{background-color:#008000 !important;color:#ffffff !important;}

.text-shadow-1px-co000 { text-shadow: 1px 1px 1px #000; }
.text-shadow-1px-co333 { text-shadow: 1px 1px 1px #333; }
.text-shadow-1px-co666 { text-shadow: 1px 1px 1px #666; }
.text-shadow-1px-cofff { text-shadow: 1px 1px 1px #fff; }

.text-shadow-1px-co000i { text-shadow: 1px 1px 1px #000 !important; }
.text-shadow-1px-co333i { text-shadow: 1px 1px 1px #333 !important; }
.text-shadow-1px-co666i { text-shadow: 1px 1px 1px #666 !important; }
.text-shadow-1px-cofffi { text-shadow: 1px 1px 1px #fff !important; }

.text-shadow--1px-co000 { text-shadow: -1px 1px 1px #000; }
.text-shadow--1px-co333 { text-shadow: -1px 1px 1px #333; }
.text-shadow--1px-co666 { text-shadow: -1px 1px 1px #666; }
.text-shadow--1px-cofff { text-shadow: -1px 1px 1px #fff; }

.text-shadow--1px-co000i { text-shadow: -1px 1px 1px #000 !important; }
.text-shadow--1px-co333i { text-shadow: -1px 1px 1px #333 !important; }
.text-shadow--1px-co666i { text-shadow: -1px 1px 1px #666 !important; }
.text-shadow--1px-cofffi { text-shadow: -1px 1px 1px #fff !important; }

.text-shadow-002px-co000i { text-shadow: 0px 0px 2px #000 !important; }
.text-shadow-002px-co333i { text-shadow: 0px 0px 2px #333 !important; }
.text-shadow-002px-co666i { text-shadow: 0px 0px 2px #666 !important; }
.text-shadow-002px-cofffi { text-shadow: 0px 0px 2px #fff !important; }

.text-shadow-005px-co000i { text-shadow: 0px 0px 5px #000 !important; }
.text-shadow-005px-co333i { text-shadow: 0px 0px 5px #333 !important; }
.text-shadow-005px-co666i { text-shadow: 0px 0px 5px #666 !important; }
.text-shadow-005px-cofffi { text-shadow: 0px 0px 5px #fff !important; }

.text-shadow-112px-co000i { text-shadow: 1px 1px 2px #000 !important; }
.text-shadow-112px-co333i { text-shadow: 1px 1px 2px #333 !important; }
.text-shadow-112px-co666i { text-shadow: 1px 1px 2px #666 !important; }
.text-shadow-112px-cofffi { text-shadow: 1px 1px 2px #fff !important; }


.textthrough > td > select,
.textthrough > td > input,
.textthrough > th > select,
.textthrough > th > input { text-decoration:line-through;} /* 전시여부체크시 취소선 */

/* background color */

.font_marking { color:#0095ff !important; font-weight:bold !important; }

.bgco0 {background-color:transparent !important;}
.bgco1 {background-color:#dff0d8;}
.bgco2 {background-color:#eee !important;}
.bgcoff {background-color:#fff !important;}

.bgco_white { background-color:#ffffff !important;}
.bgco_success { background-color:#dff0d8 !important;}
.bgco_info { background-color:#D9EDF7 !important;}
.bgco_warning { background-color:#fcf8e3 !important;}
.bgco_danger { background-color:#f2dede !important;}
.bgco_marking { background-color:#e6ff00 !important;}

.bgco75_white { background-color:#ffffff75 !important;}
.bgco75_gray { background-color:#e6e6e675 !important;}
.bgco75_success { background-color:#dff0d875 !important;}
.bgco75_info { background-color:#D9EDF775 !important;}
.bgco75_warning { background-color:#fcf8e375 !important;}
.bgco75_danger { background-color:#f2dede75 !important;}
.bgco75_marking { background-color:#e6ff0075 !important;}

.bgcoAC {background-color:#589fc475 !important;}
.bgcoAU {background-color:#d17d1075 !important;}
.bgcoND {background-color:#7aa74575 !important;}
.bgcoAD {background-color:#c9545475 !important;}

.bgcoAC_success {background-color:#dff0d875 !important;}
.bgcoAU_info {background-color:#D9EDF775 !important;}
.bgcoND_warning {background-color:#fcf8e375 !important;}
.bgcoAD_danger {background-color:#f2dede75 !important;}

/* border */
.bdt1 {border-top:1px solid #e5e5e5 !important;}
.bdr1 {border-right:1px solid #e5e5e5 !important;}
.bdb1 {border-bottom:1px solid #e5e5e5 !important;}
.bdl1 {border-left:1px solid #e5e5e5 !important;}

.bdt1_555 {border-top:1px solid #555 !important;}
.bdr1_555 {border-right:1px solid #555 !important;}
.bdb1_555 {border-bottom:1px solid #555 !important;}
.bdl1_555 {border-left:1px solid #555 !important;}

.bdt2 {border-top:2px solid #c0c0c0 !important;}
.bdr2 {border-right:2px solid #c0c0c0 !important;}
.bdb2 {border-bottom:2px solid #c0c0c0 !important;}
.bdl2 {border-left:2px solid #c0c0c0 !important;}

.bd1xblack	{border:		1px solid #000000;}

.bd1black	{border:		1px solid #000000 !important;}
.bd1gray	{border:		1px solid #c0c0c0 !important;}
.bd1red		{border:		1px solid #ff0000 !important;}
.bd1covalt	{border:		1px solid #37b0d4 !important;}
.bd1blue	{border:		1px solid #0000ff !important;}
.bd1green	{border:		1px solid #006600 !important;}
.bd1yellow	{border:		1px solid #d48d48 !important;}
.bd2red		{border:		2px solid #ff0000 !important;}
.bd2covalt	{border:		2px solid #37b0d4 !important;}
.bd2blue	{border:		2px solid #0000ff !important;}
.bd2green	{border:		2px solid #006600 !important;}
.bd2yellow	{border:		2px solid #d48d48 !important;}

.bdt1red	{border-top:	1px solid #ff0000 !important;}
.bdr1red	{border-right:	1px solid #ff0000 !important;}
.bdb1red	{border-bottom:	1px solid #ff0000 !important;}
.bdl1red	{border-left:	1px solid #ff0000 !important;}

.bdt2red	{border-top:	2px solid #ff0000 !important;}
.bdr2red	{border-right:	2px solid #ff0000 !important;}
.bdb2red	{border-bottom:	2px solid #ff0000 !important;}
.bdl2red	{border-left:	2px solid #ff0000 !important;}

.bd1tran	{border:		1px solid transparent !important;}
.bd2tran	{border:		2px solid transparent !important;}

.bdt2tran	{border-top:	2px solid transparent !important;}
.bdr2tran	{border-right:	2px solid transparent !important;}
.bdb2tran	{border-bottom:	2px solid transparent !important;}
.bdl2tran	{border-left:	2px solid transparent !important;}

.bdt1dashed {border-top:1px dashed #ddd !important;}
.bdt1dashed2ccc {border-top:1px dashed #ccc !important;}

.bdt2 {border-top:2px solid #cccccc !important;}

.bdt1ddd {border-top:1px solid #dddddd !important;}
.bdr1ddd {border-right:1px solid #dddddd !important;}
.bdb1ddd {border-bottom:1px solid #dddddd !important;}
.bdl1ddd {border-left:1px solid #dddddd !important;}

.bdb0 {border-bottom:0 !important;}
.bdl0 {border-left:0 !important;}
.bdr0 {border-right:0 !important;}
.bdt0 {border-top:0 !important;}
.bd0  {border:0 !important;}
.bde5 {border:1px solid #e5e5e5}

.bdrd0 {border-radius:0px;}
.bdrd4 {border-radius:4px;}

/* list-style */
.lsa {list-style:auto !important;}
.lsq {list-style:square !important;}
.lsd {list-style:disc !important;}

.wb-ba {word-break:break-all;}

.kr{ime-mode:active;}
.en{ime-mode:inactive;}

.zoom150 { zoom: 150%; }

/* badges */
.badges { display: inline-block; min-width: 10px; padding: 4px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #5B6368; border-radius: 3px;    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2) inset;}
.badges-important { background-color: #c95454 !important; color: #fff !important; border:1px solid #a93434 !important; }
.badges-primary { background-color: #3c85ba !important; color: #fff !important; border:1px solid #1c659a !important; }
.badges-warning { background-color: #d17d10 !important; color: #fff !important; border:1px solid #b15d00 !important; }
.badges-success { background-color: #7aa745 !important; color: #fff !important; border:1px solid #5a8725 !important; }
.badges-info { background-color: #589fc4 !important; color: #fff !important; border:1px solid #387fa4 !important; }
.badges-inverse { background-color: #333333 !important; color: #fff !important; border:1px solid #111111 !important; }
.badges-gray { background-color: #999999 !important; color: #fff !important; border:1px solid #666666 !important; }

hr { border-top: 1px solid #454545 !important; }

.textarea-animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;

    padding: 2px 2px 2px 2px;
    ime-mode: active;
    width:500px;
    height:250px;
    border: 1px solid #d0d0d0;
    color: #121212;
    font-size: 12px;
    font-family: NanumGothic, Sans-serif, Verdana,Arial, 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, Gulim, 굴림, AppleGothic, 'Nanum Barun Gothic', 'Nanum Myeongjo';
    letter-spacing: -0.1px;
    text-align: justify;
    line-height: 16px;

    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}


.meter {
    height: 5px;  /* Can be anything */
    position: relative;
    background: #ddd;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
    display: block;
    height: 100%;
    font-size:5px;
    background-color: #31708f;
    -webkit-box-shadow:
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow:
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow:
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}
.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}
.tooltip-inner {
    max-width: 600px !important;
    color: #000;
    font-size: 12px;
    white-space: initial;
    word-break: break-all;
    text-align:left;
	display: inline-table;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.blink{
	animation: blink 1s linear infinite;
}
@keyframes blink{
	0%{opacity: 0;}
	50%{opacity: .5;}
	100%{opacity: 1;}
}
.blink75{
	animation: blink75 1s linear infinite;
}
@keyframes blink75{
	0%  {opacity: .75;}
	50% {opacity: .9;}
	100%{opacity: 1;}
}


ol.li-number {
	counter-reset: section;
}
ol.li-number > li {
	padding-right: 0px;
	display: inherit;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:13px;
	text-align: justify;
	padding-left: 15px;
}
ol.li-number > li b{
	font-size:13px;
	color:red;
}
ol.li-number > li:before {
	counter-increment: section;
	content: counter(section, decimal-leading-zero) '.';
	padding-right:0;
	font-family: Consolas, Nanum Gothic, Dotum, Tahoma;
	color: darkgray;
	font-style: italic;
	margin-left: -22px;
}

ol.li-number > li img {
	max-width: 600px;
}
ol.li-number > li span{
	font-size:inherit;
	color:#0095ff;
	font-weight:bold;
	display: contents;
}

.popover {max-width: none !important;}


.dropdown-menu.dropdown-menu-right0 {
    left: initial !important;
    right: 0 !important;
}
.dropdown-menu.dropdown-menu-left0 {
    left: initial !important;
    left: 0 !important;
}







.main_notice_bg
{
	min-height: 330px;
	position: relative;
}
.main_notice_bg ul
{
	font-size:15px;
	margin: 30px 0 0 0;
}
.main_notice_bg li
{
	font-size:15px;
	margin: 20px 0 0 0;
}

.main_notice_bg .ic_all { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#162a5b; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; font-size: 13px; }
.main_notice_bg .ic_adv { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#15499D; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }
.main_notice_bg .ic_agc { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#FF7700; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }
.main_notice_bg .ic_pub { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#B000A7; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }

.page-heading .signup_step_img {  }
.page-heading .signup_step_icon {  font-size:30px; font-weight:bold; color:#DDDDDD; line-height:60px; }
.page-heading .signup_step { font-size:15px; line-height:25px; margin-top:5px; }
.page-heading .signup_step_on { font-size:15px; line-height:25px; margin-top:5px; color:#DB2728; font-weight:bold; }
.page-heading .account_type_box { width:493px; height:290px; float:left; border:1px solid #DDDDDD; background-color:#F5F5F5; border-radius:10px; }
.page-heading .account_type_box .btn_adv { width:250px; border:0; background-color:#000000; border-radius:10px; color:#FFFFFF; padding:30px 0 30px 0; font-weight:bold; font-size:20px; line-height:25px; }
.page-heading .account_type_box .btn_pub { width:250px; border:0; background-color:#15499D; border-radius:10px; color:#FFFFFF; padding:30px 0 30px 0; font-weight:bold; font-size:20px; line-height:25px; }
.page-heading .signup_finish_box { width:700px; margin:0 auto; border:1px solid #DDDDDD; border-radius:20px; background-color:#F5F5F5; }
.page-heading .signup_id { color:#DB2728; font-size:20px; font-weight:bold; margin:0 5px 0 5px; }

.main_advertiser_bg
{
	min-height: 330px;
	position: relative;
	background: url(/imgs/world-g298dddb16_640-removebg-preview.png) no-repeat center bottom;
	background-size: 100%;
}
.main_publisher_bg
{
	min-height: 330px;
	position: relative;
	background: url(/imgs/advertisement-g50b9c3a9b_64.png) no-repeat center bottom;
	background-size: 100%;
}

@media (max-width: 1200px) {
.main_notice_bg
{
	min-height: 330px;
	position: relative;
}
.main_advertiser_bg
{
	min-height: 330px;
}
.main_publisher_bg
{
	min-height: 330px;
}
}
@media (max-width: 767px) {
.main_notice_bg
{
	min-height: 330px;
	position: relative;
}
.main_notice_bg li
{
	font-size:14px;
	margin: 20px 0 0 0;
}
.main_advertiser_bg
{
	min-height: 400px;
}
.main_publisher_bg
{
	min-height: 400px;
}
}
.advertiser_bg
{
	background: url(/imgs/world-g298dddb16_640-removebg-preview.png) no-repeat left top;
}
.publisher_bg
{
	background: url(/imgs/advertisement-g50b9c3a9b_64.png) no-repeat right bottom;
}

#ADVERTISER
{
	background: #00000009;
}
#PUBLISHER
{
	background: #00000000;
}
#TJAD
{
	background: #00000009;
}
#CONTACT
{
	background: #00000000;
}


@media (max-width: 768px)
{
	.form_table_area {
		zoom:80%;
	}
	.container {
		max-width: 95%;
	}
	.advertiser_bg
	{
		background: url(/imgs/world-g298dddb16_640-removebg-preview.png) no-repeat center bottom;
		padding-bottom: 200px;
		background-size: 100%;
	}
	.publisher_bg
	{
		background: url(/imgs/advertisement-g50b9c3a9b_64.png) no-repeat center bottom;
		padding-bottom: 200px;
		background-size: 100%;
	}
}
@media (max-width: 576px)
{
	.form_table_area {
		zoom:65%;
	}
	.container {
		max-width: 95%;
	}
	.advertiser_bg
	{
		background: url(/imgs/world-g298dddb16_640-removebg-preview.png) no-repeat center bottom;
		padding-bottom: 200px;
		background-size: 100%;
	}
	.publisher_bg
	{
		background: url(/imgs/advertisement-g50b9c3a9b_64.png) no-repeat center bottom;
		padding-bottom: 200px;
		background-size: 100%;
	}
}



@media (max-width: 1200px)
{
	footer div.contents span.contents_split3 b
	{
		display:none;
	}
}
@media (max-width: 990px)
{
	footer div.contents span.contents_split3 b
	{
		display:none;
	}
}
@media (max-width: 768px)
{
	footer div.contents span.contents_split3 b
	{
		display:none;
	}
}
@media (max-width: 462px)
{
	footer div.contents span.contents_split2 b,
	footer div.contents span.contents_split3 b
	{
		display:none;
	}
}



.area-col .ic_all { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#162a5b; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; font-size: 13px; }
.area-col .ic_adv { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#15499D; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }
.area-col .ic_agc { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#FF7700; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }
.area-col .ic_pub { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#B000A7; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }


::-webkit-scrollbar { width:8px; height:8px; border:3px solid #FFF; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:block; height:0px; background:#EFEFEF; }
::-webkit-scrollbar-track { background:#EFEFEF; -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.2); }
::-webkit-scrollbar-thumb { height:30px; width:50px; background:rgb(0,0,0,0.2); -websit-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.1); }