@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
  /*font-family: "Roboto", sans-serif;*/
  font-family: -apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* 사이즈와 여백은 8의 배수를 기준으로 설정하는 것을 규칙으로 한다 */
/* client */
.temp-border-gray {
  border: 1px solid red;
}

/* --------- * SETTING * --------- */
.row-width-reset {
  width: max-content;
}

.btn-active-border-reset {
  border: none;
}

.card-contents-p {
  padding: 24px;
}

.nowrap {
  flex-wrap: nowrap;
  width: auto;
}

.btn-pr-0 {
  padding-right: 0;
}

h4 {
  margin-bottom: 0rem;
}

.nav-menu-all {
  padding: 0px;
}

/* --------- * CUSTOM CSS  * --------- */
/* --------- * TEXT  * --------- */
.bold {
  font-weight: 700;
}

.line {
  text-decoration: underline;
}

.text-h4 {
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px;
}

.text-h4-24 {
  font-family: "Noto Sans KR";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px;
}

.text-h4-small {
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.text-contents {
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.paragraph-text {
  color: #737373;
  font-family: Noto Sans KR;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.custom-btn-text {
  color: #fff;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.campaign-card-big {
  color: #000;
  text-align: left;
  font-family: Noto Sans KR;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

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

/* -------------- * section - ABOUT * -------------- */
#left-contents-nav {
  padding: 0;
}

#left-contents-nav li {
  /* align-items-center justify-content-center */
  display: flex;
  align-items: center;
  padding-left: 2em;
}

#left-contents-nav li span {
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#left-contents-nav li.active a {
  font-weight: 700;
}

.custom-small-nav.active {
  border-left: 2px solid #b1b1b1;
}

.custom-small-nav {
  width: 100%;
  height: 36px;
  border-left: 2px solid #f4f4f4;
}

.custom-small-nav a {
  color: #000;
}

.nav-tabs .nav-link {
  font-size:14px; background-color:transparent; padding:8px 15px 8px;
}

.nav-tabs .nav-link.active {
  border-color: none; background-color:transparent !important; font-weight:bold; 
}

.level-type-wrapper {
  width: 136px;
  height: 72px;
  background: #b1b1b1;
}

.level-desc-wrapper ul li {
  list-style: none;
}

.text-h4.mb-3 a { color:inherit !important; }
/****** responsive & retina specific ******/
@media (min-width: 1200px) {
  .h3, h3 { font-size:22px; }
}
@media (min-width: 767px) {
  .text-h4.mb-3.col-md-6 { padding-right:15px; }
}
@media (max-width: 768px) {
  .nav-tabs .nav-link { padding:8px 10px 8px; font-size:13px; letter-spacing:-1px; }
}


/* -------------- * section - Campaign-List * -------------- */
.campaign-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #dddddd;
  margin: 16px auto;
  border: 3px solid #50a5f1;

  position: relative;
  /*  */
  display: flex;
  align-items: center;
  justify-content: center;
}

.campaign-div {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 16px auto;

  position: relative;
  /*  */
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-absolute {
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
}

.campaign-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.round {
  width: 23px;
  height: 23px;
  background: #d1d1d1;
    /* temp */
  border-radius: 50%;
}

.new-box {
  padding: 3px 5px;
  background-color: #f14b4b;
}

.sub-tab-box {
  margin-top: 16px;
}

#alignList>.nav-item>.nav-link {
  color: #878787;
}
#alignList>.nav-item>.nav-link.active {
  color: #0d0d0d;
  font-weight: 600;
  border: none;
}
#alignList>.nav-item>.nav-link.hover {
  border: none;
}

.custom-btn-icon {
  width: 35%;
  margin-left: 10px;
  padding: 6px 0px;
}

.embed-form-label {
  padding: 0.47rem 0.75rem;
  font-size: 0.8125rem;
  color: var(--bs-gray-700);
  background-color: var(--bs-custom-white);
  background-clip: padding-box;
  border: 1px solid var(--bs-input-border-color);
  border-radius: 0.25rem;
}

/* -------------- * section - Campaign-Detail * -------------- */
/* --------- * Common CSS * --------- */
/* #r-formBox2{
  display: none;
} */
.campaign-img.detail {
  width: 200px;
  height: 200px;
}

hr {
  background-color: #d9d9d9;
  padding: 0;
  height: 1px;
  margin: 24px 0;
}

/* --------- * be join * --------- */
.copy-text-box {
  margin-bottom: 8px;
  padding: 12px 16px;

  display: flex;
  flex-direction: row;
}
.copy-text-box>p {
  margin-bottom: 0px;

  font-family: Noto Sans KR;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* --------- * joined * --------- */

.coverDIV {
  margin-top: 1rem;
  /* overflow: hidden;
  position: relative;
  z-index: 1; */
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  padding: 24px 24px 16px;
}

.doNotTouch {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.coverDIV>.doNotTouch {
  overflow: hidden;
}

.pixelFlatformWrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.item_align_row_jcsb {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.pf_icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #d9d9d9;
  opacity: 0.7;
}

.pixelIconBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
}

/* -------------- * section - Setting * -------------- */

/* custom 여백 */
.gap-8 {
  gap: 8px;
}

.mt-16 {
  margin-top: 16px;
}

.btn-p-10 {
  padding: 8px 10px 12px;
}

/*  */
.temp-img-bg {
  background: #b1b1b1;
}

/*  */
.dash-table-img {
  width: 64px;
  height: 64px;
  border-radius: 5px;
}

.nav-tabs-custom {
  border-bottom: 1px solid #dfdfdf;
  transform: translateY(2px);
}

body[data-topbar=dark] .nav-tabs-custom { border-bottom: 1px solid #4b4e5f; }

.transform-custom-1 {
  transform: translateY(2px);
}

.transform-custom-2 {
  transform: translateY(-2px);
}

/* 
*
* flex 설정
*
* */

.flex-sm-grow-2 {
  -webkit-box-flex: 2 !important;
  -ms-flex-positive: 2 !important;
  flex-grow: 2 !important;
}

.flex-sm-grow-4 {
  -webkit-box-flex: 4 !important;
  -ms-flex-positive: 4 !important;
  flex-grow: 4 !important;
}

.mouse-pointer:hover {
  cursor: pointer;
}

/* footer 영역 하단에 붙이기 */

.divWrap {
  /*height: 100%;
  min-height: 100vh;*/
}

footer {
  position: relative;
  /* transform: translateY(-100%); */
}

/* top-nav :hover*/
.megamenu-list li a:hover {
  color: #556ee6
}

.dropdown-menu .list-unstyled li.active a {
  color: #556EE5;
}

.card.soon {
  position: relative;
  overflow: hidden;
}

.card.soon::before {
  content: '준비중입니다.';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(76, 76, 76, 0.7);
  padding: 70px;
  text-align: center;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: white;
  font-size: 1.2rem;

  display: flex;
  align-items: center;
  justify-content: center;
}

.card.soon .table {
  z-index: 0;
}


/***************************************************************
    # 아래 전체 UI 업데이트 시 삭제 후 custom-front.css에 병합, 중복된 코드는 삭제 #
***************************************************************/

/***************************************************************
	[detail] 
***************************************************************/
/****** responsive 공통 ******/
@media (max-width:767px) {
	.page-content { padding-left:10px; padding-right:10px; }
}
  
.form-select.w-type2 { width:calc(50% - 5px); }
.form-select.h-type2 { height:36px; }
.form-control.h-type2 { height:30px; }
.form-control:disabled { opacity:0.7 !important; }


/***************************************************************
	[마케터 수익금 내역] 
***************************************************************/
.table { border-color:#e3e3e3; }
.btn-excel { background-color:#555; border-color:#555; min-width:110px; }
.btn-excel:hover { background-color:#222; border-color:#222; }

.btn.btn-info.btn-del { background-color:#000; border-color:#000; min-width:124px; }
.btn.btn-info.btn-del:hover { background-color:#222; border-color:#222; }

.flex-end-bottom { display:flex; align-items:flex-end; justify-content:end; }
.card-body.card-body-inner { padding-left:12px; padding-right:12px; }
.card-body.card-body-inner.type2 { padding-top:0; padding-bottom:10px; }
.card-body.card-body-inner.s2 { padding-left:0; padding-right:0; }
.card-body .table { margin-bottom:0; }

table.table-bordered thead td { padding:10px 15px; background-color:#eff2f7; }
table.table-bordered tbody td { padding:10px 15px; background-color:#fff; }
table.table-bordered.s2 td { padding:9px 11px !important; }
table tbody td.bg02 { background-color:#e5f5ff; }
table tbody td.bg03 { background-color:#ecf9f1; }

table thead tr { border-top:1px solid #d8dade; }

.table td { vertical-align:middle; font-size:13px; text-align:center; padding:10px 10px; }
.table tr.sum td { background-color:#fff5f5; font-weight:bold; }

.page-wrap.justify-content-center { display:flex; }
.justify-content-end { display:flex; }
.width-inherit { width:inherit; }

.width-50 { width:50%; }

.view-sorting .form-select { padding-top:5px; padding-bottom:5px; width:120px; margin-left:10px; }
.card-title span { font-size:14px; font-weight:normal; }

/*#myCampaign tr.selected { background-color:#43afff; color:white; }*/
#myCampaign tr.selected { background-color: #15a7ff; color:#fff; }
.input-daterange input { text-align:center; }

.search-wrap { margin-bottom:15px; }
.search-wrap .btn.btn-soft-secondary.active { color:#fff; background-color:#74788d; border-color: transparent; }

.search-wrap .title { font-weight:600; font-size:17px; margin-bottom:5px; }
.search-wrap .title.s1 { color:#0070ff; }
.search-wrap .title.s2 { color:#00BB81; }
.search-wrap .title.s3 { color:#6900D7; }

.card.card-contents-p { margin-bottom:15px; padding:20px 25px; }
.card.card-contents-p .link-wrapper { border-top:1px solid #ddd; padding-top:12px; }
.card.card-contents-p .link-wrapper:nth-child(1) { border:none; }

.page-proceed-report .campaign-list { margin-bottom:20px !important; padding-bottom:0 !important; }
.page-proceed-report .campaign-list .card-title { font-size:17px; }
.page-proceed-report .campaign-list .card { margin-bottom:0 !important; }
/*.page-proceed-report .campaign-list tr.selected { background-color:#e7f5ff; color:#2d6afb; }*/
.page-proceed-report .campaign-list table tbody tr.selected td { background-color:#15a7ff !important; color:#fff !important; }
.page-proceed-report .campaign-list table.table-hover tbody tr.selected td { background-color:#15a7ff !important; color:#fff !important; }
.page-proceed-report .campaign-list table tbody td { background-color:#fff; }

.page-proceed-report .campaign-list tr.selected input { }
.page-proceed-report .campaign-list tr .icon-check { width:16px; height:16px; background-image:url(../images/bg_icon_sprite_svg.svg); background-size:800px 1000px; background-position:-2px -122px; margin:0 auto; }
.page-proceed-report .campaign-list tr.selected .icon-check { background-position:-22px -122px; }
.page-proceed-report .campaign-list tr td.icon-wrap { }
.page-proceed-report .campaign-list.s2 { margin-bottom:40px !important; }

.page-proceed-report.type2 .card { box-shadow:none; }
.page-proceed-report.type2 section { padding-bottom:15px; }
.page-proceed-report.type2 .search-setup { width:100%; }
.page-proceed-report .proceed-sum p.text-muted.fw-medium { margin-bottom:5px; font-size:14px; }
.page-proceed-report .proceed-sum h4 { font-size:20px; text-align:right; }
.page-proceed-report .proceed-sum h4 span { font-size:24px; }
.page-proceed-report .proceed-sum .col-md-3:nth-child(4) h4 span { color:#299aff; }

.page-proceed-report .card.card-contents-p.tab-content-wrap { padding-top:5px; }
.page-proceed-report .table .result-empty { min-height:200px; display:flex; justify-content:center; align-items:center; }
.page-proceed-report .table.table-num1 tr td:nth-child(4) { text-align:left; }
.page-proceed-report .table.table-num1 tr td:nth-child(6) { text-align:right; }
.page-proceed-report .table.table-num2 tr td:nth-child(4) { text-align:left; }
.page-proceed-report .table.table-num2 tr td:nth-child(6) { text-align:right; }

.page-proceed-report .result-empty.type2 { min-height:200px; display:flex; justify-content:center; align-items:center; background-color:#f7f7f7; }

.page-proceed-report.type2 .type2 { margin-bottom:5px; word-break:keep-all; font-size:14px; border-radius:5px; }
.page-proceed-report.type2 .txt-type1 { color:blue; }
.page-proceed-report.type2 .txt-type1.s2 { font-size:14px; font-weight:400; position:relative; top:-1px; padding-left:3px; }
.page-proceed-report.type2 .txt-type2 { color:red; }
.page-proceed-report.type2 .info-help { font-size:14px; top:-20px; position:relative; }
.page-proceed-report.type2 .info-title {  }
.page-proceed-report.type2 .info-title button {
    font-size: 14px;
    border: 1px solid #000;
    background-color: #000;
    border-radius: 50px;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    margin-left: 2px;
    margin-top: -10px;
    margin-bottom: 15px;
    position:relative;
    padding-right:35px; 
}
.page-proceed-report.type2 .info-title.off button { }
.page-proceed-report.type2 .info-title button:after { content:'';  width:20px; height:20px; background-image:url(../images/bg_icon_sprite_svg.svg); background-size:800px 1000px; background-position:-80px -122px; display:block; position:absolute; right:8px; top:6px; }
.page-proceed-report.type2 .info-title.off button:after { background-position:-60px -122px; }

.page-proceed-report.type2 .info-detail { font-size:13px; }
.page-proceed-report.type2 .info-detail .list-tit { font-size:14px; margin-left:-16px; margin-bottom:5px; font-weight:bold; color:#7487ed; }
.page-proceed-report.type2 .info-title.on + .info-detail { border-bottom:1px dashed #888; }
.page-proceed-report.type2 .info-detail span { font-weight:600; }
.page-proceed-report.type2 .card-body .card-title { font-size:17px; }
.page-proceed-report.type2 .card-body .card-title span { font-size:17px; color:#0070ff; font-weight:600; }
.page-proceed-report.type2 .card-body .card-title span.capaign_name { }
.page-proceed-report.type2 .card-body .card-title span.txt-type1.s2 { font-size:14px; font-weight:400; position:relative; top:-1px; padding-left:3px; }

.page-proceed-report.type3 .table.table-num1 tr td:nth-child(4) { text-align:center; }
.page-proceed-report.type3 .table.table-num1 tr td:nth-child(6) { text-align:left; }
.page-proceed-report.type3 .table.table-num2 tr td:nth-child(8) { text-align:right; }

.card-body .card-title span#advertiserName { color:#0070ff; font-weight:600; }

.table td.bg-sum { background-color:#E7F0FF; font-weight:600; }
/****** responsive ******/
@media (max-width: 1110px) {
    .page-proceed-report.type2 .search-wrap .search-group { flex-direction:column; }
}
@media (max-width:767px) {
  .page-wrap { flex-direction:column; justify-content:center; }
  .page-wrap ul { margin:0 auto; padding-left:0; }
  
  .view-sorting { margin:0 auto; margin-top:5px; margin-bottom:10px; }
  
  .page-proceed-report .table .result-empty { min-height:120px; }
  .page-proceed-report .text-h4.mb-3 { font-size:16px; }
  .page-proceed-report .proceed-sum .col-md-3 { width:50%; }
  .page-proceed-report .proceed-sum .col-md-3:nth-child(1) { padding-right:calc(var(--bs-gutter-x)* .15); }
  .page-proceed-report .proceed-sum .col-md-3:nth-child(2) { padding-left:calc(var(--bs-gutter-x)* .15); }
  .page-proceed-report .proceed-sum .col-md-3:nth-child(3) { padding-right:calc(var(--bs-gutter-x)* .15); }
  .page-proceed-report .proceed-sum .col-md-3:nth-child(4) { padding-left:calc(var(--bs-gutter-x)* .15); }
  .page-proceed-report .proceed-sum .card.card-contents-p { margin-bottom:10px; padding:15px 16px 15px 18px; }
  
  .page-proceed-report .proceed-sum h4 { font-size:17px; text-align:right; }
  .page-proceed-report .proceed-sum h4 span { font-size:20px; }

	.page-proceed-report .search-wrap .search-group { flex-direction:column; }
  .page-proceed-report .search-wrap .search-date-item { display:flex; /*justify-content:flex-end;*/ }
  .page-proceed-report .search-wrap .search-btn-item { display:flex; justify-content:flex-end; }
  .page-proceed-report.type2 .search-setup .col-sm-3 { width:100%; }
  .page-proceed-report.type2 .search-wrap.type2 { padding-left:5px; } 
  
  .page-proceed-report .card.card-contents-p.tab-content-wrap { padding:10px; padding-top:5px; }
  .page-proceed-report .tab-content h5 { padding-left:5px; padding-bottom:5px; font-size:15px; }
  
  .page-proceed-report.type2 .campaign-search .search-wrap { margin-bottom:10px; }
  .page-proceed-report.type2 .campaign-search .search-group .col-sm-3 { width:100%; flex:auto; }
  .page-proceed-report.type2 .campaign-search .search-group { /*flex-direction:row;*/ }
  .page-proceed-report.type2 .search-setup { flex-direction:column; }
  .page-proceed-report.type2 .card-body { padding:10px; padding-top:20px; }
  .page-proceed-report.type2 .card-body.card-body-inner { padding-top:0; }
  .page-proceed-report.type2 .card-body .card-title { /*padding-left:5px;*/ }
  
  .page-proceed-report section.graph h4  { padding-left:10px !important; }
}
@media (min-width: 576px) and (max-width: 767px) {
  .page-proceed-report .search-wrap .search-date-item { /*display:flex; justify-content:flex-end;*/ }
  .page-proceed-report .col-sm-2 { width:inherit; }
  .page-proceed-report.type2 .col-sm-4 { width:inherit; }
}
@media (max-width:575px) {
  .page-proceed-report .table .result-empty { text-align:left; padding-left:80px; justify-content:left; }
}


@media (min-width:768px) {
  .d-grid.campaign-btn-wrap { display:flex !important; }
  .campaign-btn-wrap .col-sm-9 { padding-right:10px; }
  .campaign-btn-wrap .btn { width:100%; }
}
@media (max-width:767px) {
  .campaign-btn-wrap .btn { width:100%; }
  .campaign-btn-wrap .btn.s2 { margin-top:10px !important; }
}


/***************************************************************
	[thirdParty]
***************************************************************/
.policy-wrap .thirdParty-list { font-size:13px; color:#333; line-height:24px; word-break:keep-all; }
ul#thirdParty { margin-block-start:0; padding-inline-start:10px; }
#thirdParty iframe { max-height:75px; }
ul#thirdParty { padding:10px; background-color:#dff4ff; line-height:22px; padding-left:15px; padding-right:15px; color:#000; }

ul.thirdParty { margin-block-start:0; padding-inline-start:10px; }
.thirdParty iframe { max-height:75px; }
ul.thirdParty { padding:10px; background-color:#dff4ff; line-height:22px; padding-left:15px; padding-right:15px; color:#000; }

/***************************************************************
	[modal]
***************************************************************/
.modal-fullscreen { max-width:800px; }
.modal-fullscreen .toastui-editor-contents p { margin-top:0 }
.modal-fullscreen .toastui-editor-contents img { margin-top:0 }

.modal { /*overflow:visible; height:fit-content;*/ padding:0; padding-top:10px; padding-bottom:10px; }
.modal .modal-header { padding:30px; padding-top:20px; padding-bottom:20px; color:#333; }
.modal .icon_close { width:20px; height:20px; background-image:url("https://kr.object.ncloudstorage.com/bucket-adeeple/Landing_Custom/icon_close.svg"); background-size:20px 20px; margin-top:-8px; border:none; background-color:transparent; }

body[data-topbar=dark] .modal .icon_close { background-image:url("https://kr.object.ncloudstorage.com/bucket-adeeple/Landing_Custom/icon_close_dark.svg"); }

.modal .modal-title { font-size:18px; font-weight:bold; }
.modal .modal-body { padding:30px; }
.modal .modal-body h5 { color:#333; }
.modal .modal-body .panel-body { font-size:14px; }
.modal .modal-footer { padding:24px; padding-top:15px; padding-bottom:15px; border:none; }
.modal .modal-footer .btn { min-width:90px; }
.modal input.s2 { width:100%; font-size:16px; text-align:right; padding-right:30px; }
.modal .controls { position:relative; }
.modal .count { height:calc(100% - 2px); padding:8px; background-color:transparent; border-radius:4px; position:absolute; top:2px; right:5px; z-index:10; font-size:15px; }

.modal .budget-type { width:100%; text-align:right; font-size:14px; margin-top:5px; }
.modal .budget-type .num { font-size:15px; }
.modal p.title { font-size:15px; }
.modal p.title span.txt-bold { font-weight:600; }
.modal .justify-content-center { display:flex; }
.modal .btn.btn-modal { width:90px; font-size:14px; }
.modal .view-history { position:absolute; right:80px; }
.modal .view-history .form-select { font-size:14px; }
.modal .modal-content.view { display:flex; }
.modal .modal-content.hidden { display:none; }
.modal .line-break { font-size:15px; }
.modal.show .modal-dialog { margin: 0 auto; }
@media (min-width:768px) {
  .modal .modal-body { padding:30px; }
  .modal .modal-body .px-2 { font-size:13px; line-height:22px; }
}
@media (max-width: 1199px) {
  .modal.brand-privacy .modal-header { display:block; }
  .modal .line-break { display:block; font-size:14px; }
  .modal .view-history { display:inline-grid; position:inherit; margin-top:8px; }
  .modal-header .btn-close { position:absolute; right:20px; top:20px; }

}
@media (max-width: 575px) {
  .modal { padding:0 20px; /*width:calc(100% - 20px);*/ }
  .modal .modal-header { padding:20px; }
  .modal .modal-title { font-size:17px; }
  .modal .modal-body { padding:20px; }
  .modal .modal-footer { padding:18px; }
}


/* Webkit 브라우저 (Chrome, Safari, Edge)에서 스피너 숨기기 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

/* Firefox에서 스피너 숨기기 */
input[type="number"] { -moz-appearance:textfield; }


/***************************************************************
	[마케터-캠페인 리포트]
***************************************************************/
.search-date-item { min-width:348px; }
.search-date-item.s2 { min-width:288px; }
.search-btn-item button { min-width:124px; width:110px; padding-left:inherit !important; padding-right:inherit !important; }
.page-content.type3 .search-date-item { min-width:288px; }
@media (max-width: 575px) {
  .search-date-item.s3 .btn { padding:5px 8px 7px 8px !important; font-size:12px !important; }
  .search-btn-item.s2 button { float:right; }
  .search-btn-item button.m-width-inherit { min-width:inherit; }
}
@media (max-width: 375px) {
  .search-date-item.s3 .btn { padding:5px 7.5px 7px 7.5px !important; }
}


/***************************************************************
	[광고주 : 광고 운영 정책]
***************************************************************/
.cont-agree { font-size:14px; line-height:22px; padding-left:10px; padding-right:10px; }
.cont-agree p.title { font-size:16px; margin-top:10px; }
.cont-agree dt { font-size:18px; margin-top:30px; margin-bottom:10px; }
.cont-agree p.sub { font-size:16px; margin-bottom:5px; margin-top:10px; }


/***************************************************************
	[병합되면 삭제]
***************************************************************/
.page-content { min-height:100vh; }
.table-responsive { /*cursor:grab; user-select:none;*/ /* 드래그 시 텍스트 선택 방지 */ /*overflow:visible;*/ }
.table .txt-center { text-align:center; }
.table .txt-left { text-align:left; }
.table .txt-right { text-align:right; }
.table .txt-dec { font-size:11px; letter-spacing:-0.8px; margin-bottom:10px; display:inline-block; }
.table .txt-dec2 { width:160px; white-space:initial; text-align:left; }
.table .txt-dec3 { width:130px; white-space:initial; text-align:left; }
.table .txt-dec4 { width:140px; white-space:initial; text-align:left; }
.table .txt-dec5 { width:300px; white-space:initial; text-align:left; }
.table .txt-dec6 { width:300px; white-space:initial; text-align:left; line-height:18px; }
.table .txt-dec7 { width:110px; white-space:initial; text-align:left; }
.table .txt-dec8 { white-space:initial; text-align:left; width:100%; min-width:500px; word-break:break-all; }
.table .txt-dec9 { white-space:initial; text-align:left; width:100%; max-width:600px; min-width:500px; word-break:break-all; }
.table .txt-dec10 { white-space:initial; text-align:left; width:100%; max-width:920px; min-width:500px; word-break:break-all; }

.table tr.tr-warning td { background-color:#ffe0e3; }
.table tr.tr-warning td.td-warning { background-color:#ffe0e3; } 
.table tr.tr-warning td .txt-warning { color:#ff0000; font-weight:bold; }
.table td.td-warning { background-color:#ffe0e3; color:#ff0000; font-weight:bold; }

.table tr.tr-warning.s2 td { background-color:#fff; }
.table tr.tr-warning.s2 td.td-warning { background-color:#f5f5f5; color:#666; } 
.table tr.tr-warning.s2 td .txt-warning { color:#ff0000; font-weight:bold; }
.table tr.tr-warning.s2 td .txt-blue { color:#666 !important; }
.table tr.tr-warning.s2 td .form-control.s2 { border-color:#999; }
.table td.td-warning.s2 { background-color:#fff; color:#ff0000; font-weight:bold; } 

.table .w-type1 { width:100px; }
.table thead .txt-sub { color:#959595; font-size:12px; } 
.table .box-wrap { align-items:center; display:flex; }
.table .mr-5 { margin-right:5px; }

.txt-right { text-align:right; }
.txt-color { color:#3077ff; }
.txt-color.s1 { font-size:14px; }

.line-dashed { width:calc(100% - 20px); margin:0 auto; height:2px;  display:block; position:relative; border-top:1px dashed #ddd; margin-top:20px; padding-bottom:20px; }
.ver-line.type3 { content:''; width:1px; height:10px; display:inline-block; background-color:#c2c2c2; vertical-align:middle;  margin-top:-2px; margin-left:6px; margin-right:6px; }

table.table-deposit td:first-child { vertical-align:top; padding-top:18px; font-size:14px; }
table.table-deposit .form-select { font-size:14px; }

table.line-none td { border-bottom-width:0; }
table.line-none.type2 td { padding:7px 10px; }
.pagination .page-link { padding:5px 12px; min-width:34px; }
.pagination.justify-content-end { justify-content:center !important; }

button#toggleButton { border:1px solid #888; border-radius:50px; margin-bottom:10px; margin-left:5px; margin-top:5px; padding:2px 12px 1px; background-color:transparent; }
button.toggleButton { border:1px solid #888; border-radius:50px; margin-bottom:10px; margin-left:5px; margin-top:5px; padding:2px 12px 1px; background-color:transparent; }
/****** responsive & retina specific ******/
@media (max-width:787px) {
	table.table-deposit td:first-child { font-size:14px; }
}


/***************************************************************
	[txt color, btn color]
***************************************************************/
.txt-red { color:#ff0000; }
.txt-blue { color:#3077ff; }
.txt-green { color:#14ae5c; }
.txt-gray { color:#919191; }

.txt-strong { font-size:15px !important; font-weight:500; }

.btn-outline-secondary.type2 { color:#fff; border-color:#333; background-color:#333; }
.btn-outline-secondary.type2:hover { color:#fff; border-color:#111; background-color:#111; }

.table .txt-center { text-align:center; }
.table .txt-right { text-align:right; }

.dl-wrap { margin-bottom:20px; }
.dl-wrap .dl-inline { margin-bottom:10px; }
.dl-inline dt { display:inline-block; position:relative; margin-right:10px; min-width:130px; font-size:14px; margin-bottom:0; color:#727585; }
.dl-inline dd { display:inline-block; position:relative; font-size:14px; margin-bottom:0; font-weight:600; }

.link-danger { color:#ff0000 !important; }
.link-danger:hover { color:#ff0000 !important; }

.maketer-info span.ver-line:after { content:''; display:inline-block; position:relative; width:1px; height:10px; background-color:#888; top:1px; margin-left:10px; margin-right:6px; }
span.ver-line.s2:after { content:''; display:inline-block; position:relative; width:1px; height:10px; background-color:#888; top:1px; margin-left:10px; margin-right:6px; }

/***************************************************************
	[page-default]
***************************************************************/
.page-default .default-list { margin-bottom:20px !important; padding-bottom:0 !important; }
.page-default .default-list .card-title { font-size:17px; }
.page-default .default-list .card { margin-bottom:0 !important; }
/*.page-proceed-report .default-list tr.selected { background-color:#e7f5ff; color:#2d6afb; }*/
.page-default .default-list table tbody tr.selected td { background-color:#15a7ff !important; color:#fff !important; }
.page-default .default-list table tbody td { background-color:#fff; }
.page-default .default-list table.table-hover tbody > tr.selected:hover > * { color:#000 !important; }

.page-default .default-list tr.selected input { }
.page-default .default-list tr .icon-check { width:16px; height:16px; background-image:url(../images/bg_icon_sprite_svg.svg); background-size:800px 1000px; background-position:-2px -122px; margin:0 auto; }
.page-default .default-list tr.selected .icon-check { background-position:-22px -122px; }
.page-default .default-list tr.bg-success .icon-check { background-position:-22px -122px; }
.page-default .default-list tr td.icon-wrap { }
.page-default .default-list.s2 { margin-bottom:40px !important; }
.page-default .ver-center { display:flex; align-items:center; }

.page-default.type2 .card { box-shadow:none; }
.page-default.type2 section { padding-bottom:15px; }
.page-default.type2 .search-setup { width:100%; }

.page-default .card.card-contents-p.tab-content-wrap { padding-top:5px; }
.page-default .table .result-empty { min-height:200px; display:flex; justify-content:center; align-items:center; }
.page-default .result-empty.type2 { min-height:200px; display:flex; justify-content:center; align-items:center; background-color:#f7f7f7; }

.page-default .btn-wrap .btn { font-size:15px; }
.page-default .btn-wrap .btn.btn-primary { margin-right:5px; }

.page-default.type2 .type2 { margin-bottom:5px; word-break:keep-all; font-size:14px; border-radius:5px; }
.page-default.type2 .txt-type1 { color:blue; }
.page-default.type2 .txt-type1.s2 { font-size:14px; font-weight:400; position:relative; top:-1px; padding-left:3px; }
.page-default.type2 .txt-type2 { color:red; }

.page-default.type2 .card-body .card-title { font-size:17px; }
.page-default.type2 .card-body .card-title span { font-size:17px; color:#0070ff; font-weight:600; }
.page-default.type2 .card-body .card-title span.txt-type1.s2 { font-size:14px; font-weight:400; position:relative; top:-1px; padding-left:3px; }
.page-default .table-bordered>:not(caption)>*>* { border-width:0; }
/****** responsive ******/
@media (max-width: 1110px) {
    .page-default.type2 .search-wrap .search-group { flex-direction:column; }
}
@media (max-width:767px) {  
  .page-default .table .result-empty { min-height:120px; }
  .page-default .text-h4.mb-3 { font-size:16px; }

	.page-default .search-wrap .search-group { flex-direction:column; }
  .page-default .search-wrap .search-date-item { display:flex; /*justify-content:flex-end;*/ }
  .page-default .search-wrap .search-btn-item { display:flex; justify-content:flex-end; }
  .page-default.type2 .search-setup .col-sm-3 { width:100%; }
  .page-default.type2 .search-wrap.type2 { padding-left:5px; } 
  
  .page-default .card.card-contents-p.tab-content-wrap { padding:10px; padding-top:5px; }
  .page-default .tab-content h5 { padding-left:5px; padding-bottom:5px; font-size:15px; }
  
  .page-default.type2 .default-search .search-wrap { margin-bottom:10px; }
  .page-default.type2 .default-search .search-group .col-sm-3 { width:100%; flex:auto; }
  .page-default.type2 .default-search .search-group { /*flex-direction:row;*/ }
  .page-default.type2 .search-setup { flex-direction:column; }
  .page-default.type2 .card-body { padding:10px; padding-top:20px; }
  .page-default.type2 .card-body.s2 { padding:0; padding-top:20px; }
  .page-default.type2 .card-body.card-body-inner { padding-top:0; }
  .page-default.type2 .card-body .card-title { /*padding-left:5px;*/ }
}
@media (min-width: 576px) and (max-width: 767px) {
  .page-default .search-wrap .search-date-item { /*display:flex; justify-content:flex-end;*/ }
  .page-default .col-sm-2 { width:inherit; }
  .page-default.type2 .col-sm-4 { width:inherit; }
}
@media (max-width:575px) {
  .page-default .table .result-empty { text-align:left; padding-left:80px; justify-content:left; }
}


/***************************************************************
	[loadingProgress]
***************************************************************/
/*.loadingProgress.hidden { width:100%; height:100vh; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.75); animation:bgg 16087ms ease-in alternate infinite; transition: opacity 0.5s ease; opacity:0; }*/
.loadingProgress.hidden { width:0; height:0; transition:opacity 0.5s ease; left:0; top:0; position:absolute; opacity:0.5; }
.loadingProgress.view { width:100%; height:100vh; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.20); animation:bgg 16087ms ease-in alternate infinite; transition: opacity 0.5s ease; opacity:1; z-index:10000; }
.loadingProgress.hidden .loader { display:none; }
.loadingProgress.view .loader { display:block; }

.loadingProgress.inner.view {
  /*width:calc(100% - 30px);
  height:calc(100% - 60px);
  background:rgba(0, 0, 0, 0.15);
  margin-left:15px;
  margin-right:15px;
  margin-top:30px;
  margin-bottom:30px;
  border-radius:3px;*/
}

.loader {
  position: absolute;
  top:calc(50% - 20px);
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 38px;
  height: 38px;
  margin: auto;
}
.loader .circle {
  position: absolute;
  width: 38px;
  height: 38px;
  opacity: 0;
  transform: rotate(225deg);
  animation-iteration-count: infinite;
  animation-name: orbit;
  animation-duration: 3.5s;
}
.loader .circle:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background:rgba(255, 255, 255, 0.75);
}
.loader .circle:nth-child(2) {
  animation-delay: 140ms;
}
.loader .circle:nth-child(3) {
  animation-delay: 280ms;
}
.loader .circle:nth-child(4) {
  animation-delay: 420ms;
}
.loader .circle:nth-child(5) {
  animation-delay: 560ms;
}
.loader .bg {
  position: absolute;
  width: 70px;
  height: 70px;
  margin-left: -16px;
  margin-top: -16px;
  border-radius: 13px;
  animation: bgg 16087ms ease-in alternate infinite;
}
@keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  7% {
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out;
  }
  39% {
    transform: rotate(690deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotate(815deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(945deg);
    animation-timing-function: ease-out;
  }
  76% {
    transform: rotate(945deg);
    opacity: 0;
  }
  100% {
    transform: rotate(945deg);
    opacity: 0;
  }
}

/**
.btn-top { position:absolute; top:15px; right:20px; width:36px; height:36px; border-radius:50px; background-color:#555; display:flex; align-items:center; justify-content:center; }
.btn-top:hover { background-color:#222; }
.btn-top i { color:#fff; } **/

/**
.btn-top { position:fixed; bottom:50px; right:25px; width:36px; height:36px; border-radius:50px; background-color:#fff; border:1px solid #555; align-items:center; justify-content:center; z-index:1; display:flex; } **/

.btn-top {
    display: none; /* Initially hidden */
    position: fixed;
    bottom: 50px;
    right: 25px;
    background-color: #333;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.5s ease; /* Fade transition */
    opacity: 0;
}
.btn-top.visible {
    display: block;
    opacity: 0.9;
}
.btn-top:hover { background-color:#000; transition: opacity 0.5s ease; }
.btn-top i { color:#fff; font-size:15px; }
/****** responsive ******/
@media (max-width: 767px) {
    .btn-top { right:19px; }
}


/***************************************************************
	[toggle]
***************************************************************/
.page-default .default-search h3 { display:inline-block; font-size:21px; }
.page-default .info-help { font-size:14px; top:-10px; position:relative; line-height:22px; }
.page-default .info-help ul li { font-size:13px; }
.page-default .info-title { display:inline-block; }
.page-default .info-title button { font-size:12px; border:1px solid #ebebef; background-color:#ebebef; border-radius:50px; padding:3px 13px; color:#74788d; margin-left:5px; position:relative; padding-right:30px; top:-4px; }
.page-default .info-title.off button { }
.page-default .info-title button:after { content:'';  width:20px; height:20px; background-image:url(../images/bg_icon_sprite_svg.svg); background-size:800px 1000px; background-position:-62px -190px; display:block; position:absolute; right:7px; top:6px; }
.page-default .info-title.off button:after { background-position:-62px -190px; }
.page-default .info-title.on button:after { background-position:-82px -190px; }
.page-default .info-title.on + .info-help .info-detail { }

.page-default .info-detail { background-color:#fff; border-radius:5px; margin-top:25px;  padding-top:18px; padding-bottom:1px; padding-left:15px; padding-right:10px; }
.page-default .info-detail span { font-weight:600; }
.page-default .info-detail .list-title { background-color:#ffe3de; border-radius:30px; display:inline-block; padding:2px 15px;; min-width:80px; text-align:center; margin-top:0; margin-bottom:5px; font-weight:bold; font-size:13px;  }

.page-default .info-detail.s2 { margin-top:0; padding-top:5px; padding-bottom:1px; padding-left:0; padding-right:10px; }
.page-default .info-detail.s2 li { font-size:14px; margin-bottom:5px; }

.page-default .info-detail .ver-line { width:1px; height:12px; background-color:#888; position:relative; top:2px; display:inline-block; margin:0 5px; }

.page-default .detail-wrap { margin-left:15px; }
.page-default .detail-wrap .label { background-color:#ddd; border-radius:30px; display:inline-block; padding:1px 10px 0; min-width:80px; text-align:center; margin-top:10px; margin-bottom:5px; font-weight:bold; font-size:13px; }
.page-default .detail-wrap .txt { font-size:14px; line-height:24px; }
.page-default .detail-wrap .txt.s2 { }
/****** responsive ******/
@media (max-width: 767px) {
  .page-default .default-search.s2 { padding-left:18px; padding-right:18px; }
  .page-default .default-search h3 { font-size:19px; }
  .page-default .info-detail { margin-top:20px;  padding-top:18px; padding-bottom:0; padding-left:0; padding-right:5px; }
  .page-default .detail-wrap { margin-left:0; }
}


/***************************************************************
	[scrollbar]
***************************************************************/
/******* Scrollbar Styling *******/
::-webkit-scrollbar {width:8px; height:8px;}
::-webkit-scrollbar-track { background-color:#fff; }
::-webkit-scrollbar-thumb { background-color:#c2c2c2; border-radius:20px; border:1px solid transparent; }
::-webkit-scrollbar-thumb:hover { background-color:#7d7d7d; }
::-webkit-scrollbar-corner { background-color:#fff; }

body[data-layout-mode=dark] ::-webkit-scrollbar-track { background-color:#1d212d; }
body[data-layout-mode=dark] ::-webkit-scrollbar-thumb { background-color:#464959; }
body[data-layout-mode=dark] ::-webkit-scrollbar-thumb:hover { background-color:#66739b; }


/***************************************************************
	[card type]
***************************************************************/
.card.type2 { background-color:transparent; }
.card.type2 .card-body { padding:0 !important; }
.card.type3 { background-color:transparent; }
.card.type3 .card-body { padding:0 !important; }
/****** responsive ******/
@media (max-width: 575px) {
  .card.type2 { padding-left:10px; padding-right:10px; }
  .card.type3 { padding-left:0; padding-right:0; }
}


/* placeholder 글자색 변경 */
input::placeholder { color:#acacac !important; }


/***************************************************************
	[수정]
***************************************************************/
.vertical-nav .nav .nav-link { padding:10px 16px; }
.vertical-nav .nav .nav-link p { font-size:15px; font-weight:normal !important; }
.vertical-nav .card-body { padding:25px; }
.tab-content .privacy-wrap { position:relative; }
.privacy-wrap .headline { font-size:20px; font-weight:normal !important; margin-bottom:30px !important; }
.privacy-wrap .view-history { position:absolute; right:0; top:0; }

.privacy-wrap.view { display:block; }
.privacy-wrap.hidden { display:none; }
/****** responsive ******/
@media (max-width:1200px) {
  .privacy-wrap .view-history { position:inherit; margin-bottom:20px; }
  .privacy-wrap .headline { font-size:18px; margin-bottom:10px !important; }
}


/***************************************************************
	[add]
***************************************************************/
.input-row-wrap { position:relative; }
.input-row-wrap .btn-del { position:absolute; top:0; right:20px; }
.input-row-wrap .btn-del button.btn { padding:7px 11px;  background-color:#eee; }
.input-row-wrap .btn-del button.btn:hover { border:1px solid #888; }
/****** responsive & retina specific ******/
@media (max-width: 768px) {
  .input-row-wrap { padding-bottom:60px; }
  .input-row-wrap .form-check { display:flex; justify-content:flex-end; align-items:center; }
  .input-row-wrap .form-check label { margin-top:3px; margin-left:5px; }
  .input-row-wrap .btn-del { position:absolute; top:inherit; bottom:30px; right:0; }
}


/***************************************************************
	[page-campaign-status]
***************************************************************/
.page-campaign-status .tab-pane .row { /*align-items:center;*/ }
.page-campaign-status .tab-pane .row.table-responsive { margin-left:0; margin-right:0; }
.btn.btn-width { width:70px; }

.page-campaign-status .table td { font-size:14px; }
.page-campaign-status .tab-pane .row.type2 .col-md-8 { padding-top:15px; }
.page-campaign-status .tab-pane .row.type2 .col-md-8 .row { align-items:flex-start; }
.page-campaign-status .tab-pane .row.type2 .col-md-8 .row p { margin-bottom:7px; }
.page-campaign-status .tab-pane .row.type2 .col-md-6 .row { align-items:flex-start; }
.page-campaign-status .col.meta .form-check { min-width:110px; display:inline-block !important; margin-bottom:5px; }

.tab-pane .row .col-md-2 { padding-left:23px; letter-spacing:-0.4px; padding-top:5px; }
.tab-pane .row .col-md-10 { padding-top:5px; }
.tab-pane .row .col-md-6 .form-check { margin-right:10px; margin-bottom:5px; display:inline-block; }
.icon-essential { width:16px; height:16px; background-image: url(../images/bg_icon_sprite_svg.svg); background-size:800px 1000px; display:block; position:absolute; background-position:-125px -170px; top:3px; left:8px; }
.txt-option { color:#888; font-size:13px; }

.col-form-label.s2 { padding-top:0; padding-left:11px; }
.col-form-label .icon-essential { left:-4px; }

.bxs-cloud-upload + h4 { font-size:13px; }
.btn-primary.modifyEdit { min-width:100px; }
.btn-outline-primary.modifyEdit { min-width:100px; }

.dropzone { min-height:160px; }
.dropzone .dz-message { margin:10px 0; text-align:center; }
.dropzone .dz-message .mb-3 { margin-bottom:0 !important; }
.dropzone .dz-message h4 { font-size:13px; }

.page-campaign-status .gap-2.s2 .form-check { display:inline-block; }
.page-campaign-status .gap-2.s2 .form-check { display:inline-block; margin-right:10px; }
.page-campaign-status .title-group { font-size:14px; padding-left:20px; font-weight:bold; }
.page-campaign-status .btn-wrap { display:flex; align-items:center; padding-bottom:1px; }

.page-campaign-status .cam_info_wrap { display:inline-block; }
.page-campaign-status .cam_info_wrap span { font-size:15px; display:inline-block; padding-left:0; color:#666; }
.page-campaign-status .cam_info_wrap .adver_name { padding-left:15px; position:relative; }
.page-campaign-status .cam_info_wrap .adver_name:before { content:''; display:block; position:absolute; height:12px; width:1px; background-color:#ddd; left:6px; top:5px; }
.page-campaign-status .in-line { display:block; height:1px; width:100%; background-color:#e5e5e5; margin-bottom:5px; margin-top:20px; }
.page-campaign-status .in-line.s2 { margin-bottom:20px; margin-top:5px; }

.page-campaign-status .page-title-box h4 { font-weight:normal; font-size:18px !important; }
.page-campaign-status .card-title { display:inline-block; }

.page-campaign-status #limitSelect1 + label { margin-bottom:0; align-items:center; display:flex; min-width:50px; justify-content:center; }
.page-campaign-status #limitSelect2 + label { margin-bottom:0; align-items:center; display:flex; min-width:50px; justify-content:center; }
.page-campaign-status #conversionCount { text-align:right; }

.page-campaign-status .form-check.align-self-end { display:flex; align-items:center; padding-bottom:5px; }
.page-campaign-status #distributionRate + lable { padding-left:5px; }
.page-campaign-status #distributionRateBtn { margin-left:10px; }

.item-margin { margin-right:10px; }
.m-width { min-width:100px; }
#trackingTool.form-select { max-width:770px; }
/****** responsive & retina specific ******/
@media (min-width: 769px) {
  .page-campaign-status .row.table-responsive.s2 { max-width:674px; }
  .page-campaign-status .row.table-responsive.s2 .table { margin-bottom:.5rem; margin-top:.5rem; }
  .page-campaign-status .pl-0 { padding-left:0; }
  .page-campaign-status #addRecommendedUrlView { /*padding-left:calc(16.66666667% + 24px); padding-right:24px;*/ }
  .page-campaign-status .tab-pane .row .urlTrashBtn { max-width:55px; width:55px; }
  /*.page-campaign-status .tab-pane .row .urlTrashBtn .btn { position:relative; right:-10px; }*/
  .page-campaign-status .cam_info_wrap span { padding-left:5px; }
}
@media (max-width: 768px) {
  .page-campaign-status.s2 .card-body { padding:0; }
  
  .page-campaign-status { background-color:#fff; }
  .page-campaign-status .card { box-shadow:inherit; }
  
  .tab-pane .row .col-md-2 { padding-left:12px; font-weight:bold; margin-top:5px;  margin-bottom:8px; }
  .icon-essential { left:-2px; }
  .page-campaign-status .col-md-1 { flex:0 0 auto; width:70px; }
  .page-campaign-status .gap-2.s2 { display:block; }
  .page-campaign-status .gap-2.s2 .form-check { display:inline-block; margin-bottom:5px; }
  .page-campaign-status .gap-2.s3 { padding-left:0; }
  .page-campaign-status .gap-2.s3 .form-check { display:inline-block; margin-bottom:10px; }
  .page-campaign-status .title-group { padding-left:10px; }
  .page-campaign-status .card-title { width:100%; line-height:20px; margin-bottom:0px !important; }
  .page-campaign-status .cam_info_wrap { margin-top:5px; margin-bottom:13px; width:100%; }
  .page-campaign-status .tab-pane .row .m-mb-2 { margin-bottom:10px; }
  .page-campaign-status .form-check.m-style1 { display:flex; align-items:center; padding-top:15px; }
  
  .page-campaign-status .position-absolute.s2 { position:relative !important;  padding-top:0 !important; padding-right:0 !important; margin-top:-5px; margin-bottom:10px; text-align:right; }
  
  .page-campaign-status #salesId.form-select.w-25 { /*width:calc(100% - 80px) !important;*/ width:100% !important; margin-bottom:6px; }
  .page-campaign-status #publishStatus.form-select.w-25  { width:100% !important; margin-bottom:6px; }
  .page-campaign-status #campaignStatus.form-select.w-25  { width:100% !important; margin-bottom:6px; }
  .page-campaign-status #exposureStatus.form-select.w-25  { width:100% !important; margin-bottom:6px; }
  .page-campaign-status #assessmentStatus.form-select.w-25  { width:100% !important; margin-bottom:6px; }
  .page-campaign-status #categoryDepth1.form-select { margin-bottom:6px; }
  .page-campaign-status #banUrlSelect.form-select { margin-bottom:6px; }
  .page-campaign-status #autoBudgetView div { display:inline-block !important; }
  
  .page-campaign-status #changeUnitPrice { margin-top:6px; margin-bottom:6px; }
  .page-campaign-status #unitPiceChangeDay { margin-top:6px; margin-bottom:6px; }
  .page-campaign-status #timepicker-input-group1 { margin-top:6px; margin-bottom:6px; }
  
  .page-campaign-status #autoBudgetView #lessAmount { margin-bottom:6px; }
  .page-campaign-status #autoBudgetView #autoBudget { margin-bottom:6px; }
  
  .page-campaign-status .ui-margin { margin-top:5px; }
    
  .m-block { display:block !important; }
  .m-width { width:100% !important; }
  .m-width.type2 { width:300px !important; }
  .bottom-margin { margin-bottom:5px; }
  .m-inline-block { display:inline-block !important; }
  .mview-50 { width:50%; }
  
  .page-campaign-status .tab-pane .row .urlTrashBtn { position: absolute; width:inherit; right:-10px; top:calc(50% - 20px); }  
  .page-campaign-status .tab-pane .row .col-md-8 .row.border.rounded-2 { padding-top:8px; padding-bottom:8px; margin-left:0; margin-right:0; position:relative; }
  
  .page-campaign-status .cam_info_wrap span { font-size:14px; }
  .page-campaign-status .cam_info_wrap .adver_name { font-size:14px; }
  
  .page-campaign-status .page-title-box h4 { padding-left:5px; }
  .page-campaign-status .row.py-2 .w-25 { width:35% !important; }
  
  .page-title-box { padding-bottom:10px; }
}


/* 아이콘 */
.icon-txt {display:inline-block;padding:4px 7px 5px;min-width:51px;background:#ffd800;border-radius:12px;color:#555;font-size:11px !important;line-height:1;text-align:center;vertical-align:middle;letter-spacing:-0.08em}

.icon-txt.s01 {color:#333;background:#31a0ff;} /* blue */
.icon-txt.s02 {color:#fff;background:#31a0ff;} /* blue */
.icon-txt.s03 {color:#fff;background:#25bf85;} /* green */
.icon-txt.s04 {color:#fff;background:#ff678b;} /* dark gray */
.icon-txt.s05 {color:#fff;background:#ff678b;} /* red */
.icon-txt.s06 {color:#222;background:#ffd800;} /* yellow */
.icon-txt.s08 {color:#333;background:#ddd;} /* gray */

.icon-txt.ad01 {color:#fff;background:#ff678b;} /* pink */
.icon-txt.ad02 {color:#fff;background:#31a0ff;} /* blue */
.icon-txt.ad03 {color:#fff;background:#9552d3;} /* purple */

.icon-txt.s1 {color:#333;background:#ddd;} /* gray */
.icon-txt.s2 {color:#333;background:#00dc88;} /* green */
.icon-txt.s3 {color:#fff;background:#ec1f71;} /* red */
.icon-txt.s4 {color:#fff;background:#16c1e0;} /* blue */
.icon-txt.s5 {color:#333;background:#0df0f8;} /* blue2 */
.icon-txt.s6 {color:#fff;background:#ff3229;} /* deep orange */
.icon-txt.s7 {color:#fff;background:#ff7a28;} /* orange */
.icon-txt.s8 {color:#fff;background:#ff678b;} /* pink */
.icon-txt.s9 {color:#fff;background:#22c599;} /* green */
.icon-txt.s10 {color:#fff;background:#573a08;} /* brown */
.icon-txt.s11 {color:#fff;background:#31a0ff;} /* blue */
.icon-txt.s12 {color:#fff;background:#2c3e50;} /* navy */
.icon-txt.s13 {color:#fff;background:#562088;} /* purple */
.icon-txt.s14 {color:#fff;background:#555;} /* purple */
.icon-txt.s15 {color:#fff;background:#414853;} /* dark gray */
.icon-txt.s16 {color:#fff;background:#71ad4d;} /* oilve */
.icon-txt.s17 {color:#fff;background:#a9d191;} /* oilve2 */

.icon-txt02,
.icon-txt03 {padding:0 3px;height:18px;border-radius:100px;background:#eee;text-align:center;color:#fff;font-size:11px;line-height:18px;font-weight:bold;}
.icon-txt02 {display:inline-block;width:18px;}
.icon-txt03 {display:block;min-width:51px;}
.icon-txt02.s1,
.icon-txt03.s1 {background:#00bdcd;} /* CPC+5 */
.icon-txt02.s2,
.icon-txt03.s2 {background:#00bdcd;} /* CPC */
.icon-txt02.s3,
.icon-txt03.s3 {background:#22c599;} /* CPV+YT, CPV+FB */
.icon-txt02.s4,
.icon-txt03.s4 {background:#31a0ff;} /* CPI */
.icon-txt02.s5,
.icon-txt03.s5 {background:#ff5400;} /* CPA+TP */
.icon-txt02.s6,
.icon-txt03.s6 {background:#ff7a28;} /* CPA */
.icon-txt02.s7,
.icon-txt03.s7 {background:#ff678b;} /* CPS */
.icon-txt02.s8,
.icon-txt03.s8 {background:#31a0ff;} /* CPE */
.icon-txt02.s9,
.icon-txt03.s9 {background:#ff9933;} /* CPAS+TP */
.icon-txt02.s10,
.icon-txt03.s10 {background:#8540b4;} /* CPR */
.icon-txt02.disabled,
.icon-txt03.disabled {background:#eee;}

.icon-txt04{display:inline-block;padding:5px 7px 6px;min-width:51px;border:1px solid #ffbc00;border-radius:12px;color:#ffbc00;font-size:11px !important;line-height:1;font-weight:bold;text-align:center;vertical-align:middle;letter-spacing:-0.08em}
.icon-txt04.s1 {color:#999;border:1px solid #999;}
.icon-txt04.s2 {color:#45c1b4;border:1px solid #45c1b4;}
.icon-txt04.s3 {color:#ec1f71;border:1px solid #ec1f71;}
.icon-txt04.s4 {color:#16c1e0;border:1px solid #16c1e0;}
.icon-txt04.s5 {color:#08d8df;border:1px solid #08d8df;}
.icon-txt04.s6 {color:#ff3229;border:1px solid #ff3229;}

.icon-txt-wrap {display:inline-block;min-width:30px;text-align:center;vertical-align:top;}
.icon-txt-wrap > [class^=icon] {display:block;margin:0 auto 2px;}

.form-select {  background-position:right 6px center; background-size:14px 12px; }
/****** responsive & retina specific ******/
@media (min-width: 768px) {
  .wm-100.col-sm-2.first-child { padding-left:8px; }
}

.form-btn-delete { width:30px; height:30px; position:absolute; top:4px; right:20px; font-size:0; line-height:0; z-index:11; border:none; background-color:transparent; }
.form-btn-delete:before { content:''; width:30px; height:30px; display:block; background-image:url(../images/bg_icon_sprite_svg.svg); background-repeat:no-repeat; background-position:-334px -34px; background-size:800px 1000px; }
.form-btn-delete:hover:before { content:''; width:30px; height:30px;  display:block; background-image:url(../images/bg_icon_sprite_svg.svg); background-repeat:no-repeat; background-position:-358px -34px; background-size:800px 1000px; }


/***************************************************************
	[campagin-regist-custom] 
***************************************************************/
.wizard.vertical-wizard.s2 { padding-top:10px; } 
.wizard.vertical-wizard.s2 .steps>ul { display:flex; flex-direction:row; }
.wizard.vertical-wizard.s2 .steps>ul>li { min-width:180px; padding-left:15px; padding-right:15px; margin-bottom:7px; line-height:42px; position:relative; }

.wizard.vertical-wizard.s2 .steps>ul>li a { border-radius:5px; padding:10px 15px; font-size:14px; letter-spacing:-0.4px; }
.wizard.vertical-wizard.s2 .steps>ul>li.current a { font-weight:bold; }
.wizard.vertical-wizard.s2 .steps>ul>li:after { content:''; width:30px; height:30px; display:block; background-image:url(../images/bg_icon_sprite_svg.svg); background-repeat:no-repeat; background-position:-406px -58px; background-size:800px 1000px; position: absolute; top:15px; right:-15px; }
.wizard.vertical-wizard.s2 .steps>ul>li:last-child:after { display:none; }
.wizard.vertical-wizard.s2 .steps .number { font-size:24px; line-height:30px; margin-right:5px; letter-spacing:inherit; font-weight:normal !important; position:relative; top: 1px; }

.wizard.vertical-wizard.s2>.actions { padding:12px 10px; }
.wizard.vertical-wizard.s2>.actions>ul { text-align:left; }

.wizard.vertical-wizard.s2>.actions a,
.wizard.vertical-wizard.s2>.actions a:active,
.wizard.vertical-wizard.s2>.actions a:hover { padding:10px 12px 12px; font-size:15px; min-width:120px; display:block; text-align:center; }

.wizard.vertical-wizard.s2 label.title-label { letter-spacing:-0.4px; padding-top:5px; position:relative; padding-left:0; font-size:14px; font-weight:bold; }
.wizard.vertical-wizard.s2 label.title-label.s2 { margin-left:12px; }
.wizard.vertical-wizard.s2 label.title-label .icon-essential { left:-15px; }

.btn-temp { background-color:#555; border-color:#555; min-width:110px; }
.btn-temp:hover { background-color:#222; border-color:#222; }

@media (min-width: 1200px) {
  .wizard.vertical-wizard.s2 .steps { width:100%; }
  .wizard.vertical-wizard.s2 .content { width:100%; padding:12px 15px; }
}
@media (min-width: 576px) {
  .wizard.vertical-wizard.s2 .card-title.type2 { font-size:14px; }
}
@media (max-width: 575px) {
	.mobile-column { flex-direction:column; width:100%; }
  .wizard.vertical-wizard.s2 .steps .number { width:32px; height:32px; font-size:18px; line-height:25px; margin-right:2px; }
  .wizard.vertical-wizard.s2 .steps>ul>li a { padding:7px 12px 10px; font-size: 13px; }
  .wizard.vertical-wizard.s2 .steps>ul>li:nth-child(2):after { display:none; }
  .wizard.vertical-wizard.s2 .steps>ul>li:nth-child(4):after { display:none; }
  .wizard.vertical-wizard.s2>.actions>ul { margin-left:10px; text-align:center; }
  
  .wizard.vertical-wizard.s2.type2 .steps>ul>li { padding-left:5px; padding-right:5px; }
  .wizard.vertical-wizard.s2.type2 .steps>ul>li:after { display:none !important; }
  .wizard.vertical-wizard.s2.type2 .content.clearfix { padding:24px 5px 24px 5px; }
}

/***************************************************************
	[dropdown-select] 
***************************************************************/
.dropdown {
  position: relative;
  font-size: 14px;
  color: #333;
}
.dropdown .dropdown-list {
  padding: 8px;
  background: #fff;
  position: absolute;
  top: 34px;
  left: 1px;
  right: 1px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
  transform-origin: 50% 0;
  transform: scale(1, 0);
  transition: transform 0.15s ease-in-out 0.15s;
  max-height: 66vh;
  overflow-y: scroll;
  z-index: 1;
  min-width: 165px;
}
.dropdown .dropdown-option {
  display: block;
  padding: 5px 12px;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  margin-bottom: 0;
}
.dropdown .dropdown-label {
  display: block;
  height: 35px;
  background: #fff;
  border: 1px solid #ccc;
  padding: .47rem .45rem .47rem .75rem;
  line-height: 1;
  cursor: pointer;
  margin-bottom: 0;
  border-radius:3px;
  color: #495057;
}
.dropdown .dropdown-label:before {
content:''; width:30px; height:30px; display:block; background-image:url(../images/bg_icon_sprite_svg.svg); background-repeat:no-repeat; background-position:-307px -83px; background-size:800px 1000px; position: absolute; top:3px; right:0px; }

.dropdown.on .dropdown-list {
  transform: scale(1, 1);
  transition-delay: 0s;
}
.dropdown.on .dropdown-list .dropdown-option {
  opacity: 1;
  transition-delay: 0.2s;
}
.dropdown.on .dropdown-label:before { background-position:-332px -83px; }
.dropdown [type="checkbox"] {
  position: relative;
  top: 1px;
  margin-right: 4px;
}


/***************************************************************
	[page-style]
***************************************************************/
.page-style .form-wrap { display:inline-flex; }
.page-style .input-daterange.input-group { width:inherit !important; }
.page-style .input-daterange.input-group.s2 { width:100% !important; }
/****** responsive ******/
@media (min-width:768px) {
  .page-style .input-group { width:300px; }
}
@media (max-width:575px) {
  .page-style .form-wrap { justify-content:left; width:100%; }
  .page-style .search-date-item { justify-content:left; width:100%; }
}

.table .txt-center { text-align:center; }
.table .txt-left { text-align:left; }
.table .txt-right { text-align:right; }
.table .txt-sum { min-width:110px; display:inline-block; padding-left:10px; }
.table .txt-label { font-size:13px; }
.table .td-color-01 { background-color:#def1ff; }

input.form-control.txt-left::placeholder { text-align:right; direction:rtl; }


/***************************************************************
	[previewFrom]
***************************************************************/
/****** responsive ******/
@media (min-width:768px) {
  #previewFrom .form-wrap .btn.btn-primary { background-color:#556ee6; border-color:#556ee6; font-size:26px; padding:15px; font-weight:bold; margin-top:.5rem !important; }
}
@media (max-width:767px) {
  #previewFrom .form-wrap .btn.btn-primary { font-size:20px; padding:10px; font-weight:bold; margin-top:.5rem !important; }
}


/***************************************************************
	[add-file]
***************************************************************/
.dropzone { display:flex; align-items:center; justify-content:center; padding:5px; }
.dropzone .dz-preview { margin:0; }


/*************************************************
	AD TYPE SELECT PANEL
*************************************************/
.adtype-panel { background-color:#fff !important; }
.adtype-panel .tab-wrap { margin:.5rem 0; }
.adtype-panel .tab-wrap .tab-content { margin-top:-20px; padding-top:0; background-color:#fff; }
.adtype-panel .tab-wrap .tab-content > .tab-pane { display:block; }
.adtype-panel .row.card-group .grid-col { margin-top:16px; flex:0 0 100%; max-width:100%; }

.adtype-panel .card { margin-bottom:0; border:0; background-color:transparent; }
.adtype-panel .card { background-color:#f0f0f7; border-width:4px; border-style:solid; border-color:#f0f0f7; border-radius:8px; height:100%; }
.adtype-panel .card .card-header { padding:16px; }
.adtype-panel .card .card-header .card-title { margin:0 auto; display:table; font-size:16px; font-weight:400; text-align:left; letter-spacing:-0.025rem; line-height:1.3; word-break:keep-all; }
.adtype-panel .card .card-img-group { padding-top:32px; padding-bottom:15px; }
.adtype-panel .card .card-img-group figure { text-align:center; position:relative; margin-bottom:0; }
.adtype-panel .card .card-img-group figure img, .adtype-panel .card-img-group figure .block { margin:0 auto; }
.adtype-panel .card .card-img-group figure .block { width:160px; height:160px; /*background-color:#dcdde1;*/ border-radius:0 !important; overflow:hidden; }
.adtype-panel .card .card-img-group figure img { width:100%; }
.adtype-panel .card .card-img-group figure .figure-caption { width:112px; margin-left:-56px; position:absolute; bottom:10px; left:50%; font-size:16px; font-weight:500; line-height:1.2; word-break:keep-all; }
.adtype-panel .card .card-body { padding:0 16px 5px 5px; }
.adtype-panel .card .card-body .list-paragraph { font-size:13px; letter-spacing:-0.025rem; }
.adtype-panel .card .card-body .list-paragraph li { margin-bottom:4px; }

.adtype-panel .check-img-container,
.adtype-panel .check-img-container .controls,
.adtype-panel .check-img-container .custom-control-label,
.adtype-panel .check-img-container .custom-control-label .card { height:100%; position:relative; }
.adtype-panel .check-img-container .custom-control-label::before { background-color:#fff; border:none; }

.custom-control-label { display:inline-block; line-height:2; color:#2f3640; font-size:.875rem; }
.custom-control-label::before,
.custom-control-label::after { width:1.125rem; height:1.125rem; }
.custom-control-label::before { top:.3125rem; border-color:#d8dde3; }
.custom-control-label { position:relative; margin-bottom:0; vertical-align:top; }
.custom-control-label::before { position:absolute; top:0.25rem; left:-1.5rem; display:block; width:1rem; height:1rem; pointer-events:none; content:""; background-color:#fff; border:#adb5bd solid 1px; }
.custom-control-label::after { position:absolute; top:0.25rem; left:-1.5rem; display:block; width:1rem; height:1rem; content:""; background:no-repeat 50% / 50% 50%; }

/****** responsive & retina specific ******/
@media (min-width:768px) {
	.adtype-panel .card .card-body .list-paragraph { margin-bottom:16px; }
  .adtype-panel .row.card-group .grid-col { flex:0 0 33.333333%; max-width:33.333333%; }
}
@media (min-width:769px) {
  .adtype-panel .row.card-group .grid-col { flex:0 0 100%; max-width:100%; }
  .adtype-panel.type2 .row.card-group .grid-col { flex:0 0 100%; max-width:100%; }
}
@media (min-width:992px) {
  .adtype-panel .row.card-group .grid-col { flex:0 0 20%; max-width:20%; }
}
@media (min-width:1440px) {
	.adtype-panel .row.card-group .grid-col,
  .adtype-panel.step-4 .row.card-group .grid-col { /*flex:0 0 25%; max-width:25%;*/ }
}


.custom-radios { position:absolute; z-index:100; width:100%; height:100%; }
.custom-radios input[type="radio"] { display:none; }
.custom-radios input[type="radio"] + label { color:#333; font-family:Arial, sans-serif; font-size:14px; width:100%; height:100%; text-align:right; padding-top:10px; padding-right:10px; cursor:pointer; }
.custom-radios input[type="radio"] + label span { display:inline-block; width:40px; height:40px; vertical-align:middle; cursor:pointer; border-radius:50%; border:2px solid #fff; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.33); background-repeat:no-repeat; background-position:center; text-align:center; line-height:34px; }
.custom-radios input[type="radio"] + label span img { opacity:0; transition:all 0.3s ease; }
.custom-radios input[type="radio"]#radio-1 + label span { /*background-color:#3498db;*/ background-color:#ddd; }
.custom-radios input[type="radio"]:checked#radio-1 + label span { background-color:red; }

.custom-radios input[type="radio"]#radio-2 + label span { background-color:#ddd; }
.custom-radios input[type="radio"]:checked#radio-2 + label span { background-color:red; }

.custom-radios input[type="radio"]#radio-3 + label span { background-color:#ddd; }
.custom-radios input[type="radio"]:checked#radio-3 + label span { background-color:red; }

.custom-radios input[type="radio"]#radio-4 + label span { background-color:#ddd; }
.custom-radios input[type="radio"]:checked#radio-4 + label span { background-color:red; }

.custom-radios input[type="radio"]#radio-5 + label span { background-color:#ddd; }
.custom-radios input[type="radio"]:checked#radio-5 + label span { background-color:red; }

.custom-radios input[type="radio"]:checked + label span img { opacity:1; }

.ribbon-wrapper-corner { width:85px; height:88px; overflow:hidden; position:absolute; top:-2px; left:-2px; z-index:10; }
.ribbon-corner {
		color: #fff;
		text-align: center;
		text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
    transform: rotate(-45deg);
    position: relative;
    padding: 7px 0;
    left: -30px;
    top: 15px;
    width: 120px;
		background-color: #791d0d;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		background: -webkit-gradient(linear, left top, left bottom, from(#ed4400), to(#ed4400));
		background: -webkit-linear-gradient(top, #ed4400, #ed4400);
		background: -moz-linear-gradient(top, #ed4400, #ed4400);
		background: -ms-linear-gradient(top, #ed4400, #ed4400);
		background: -o-linear-gradient(top, #ed4400, #ed4400);
		background-image: -ms-linear-gradient(top, #ed4400 0, #ed4400 100%);
}


.ribbon-design {
    position: absolute;
    left:15px;
    top:0;
    filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
    z-index: 1
}

.ribbon-design > .box {  
    color:#fff;
    text-align:center;
    font-weight: 400;
    background:var(--color, #fb530f) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
    padding:12px 2px 4px;
    clip-path:polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
    width:45px;
    min-height:55px;
    transition:clip-path 1s, padding 1s, background 1s;
    font-size:13px;
}

.ribbon-design > .box {
   clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 8px), 0 100%);
}


.pause-settings-section .group1 { min-width:150px; }
.pause-settings-section .group1 .st-01 { min-width:60px; margin-left:-1px; }
.pause-settings-section .group2 { display:flex; align-content:center; justify-content:center; flex-wrap:wrap; min-width:30px; }
.pause-settings-section .group3 { min-width:150px; }
.pause-settings-section .group3 .st-01 { min-width:60px; margin-left:-1px; }

.link-danger.s2 { letter-spacing:-0.4px; }



.select-list {
  color: #555;
  background: #fff;
  position:relative;
}
.select-list .title {
  width:100%; 
  display: inline-block;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 5px;
  padding: 7px 15px 9px 15px;
  position:relative;
}
.select-list .title::after {
  display: inline-block;
  content: '>';
  margin-left: 15px;
  font-size: 11px;
  transform: rotate(90deg) scale(1, 2);
  position:absolute;
  right: 15px;
}
.select-list .title:hover {
  background: #f7f7f7;
}
.select-list .select-options {
  width:100%; 
  margin-top: -1px;
  display: none;
  position: absolute;
  z-index: 500;
  border: 1px solid #ced4da;
  background: #fff;
  padding-top:10px;
  padding-bottom:10px; 
}
.select-list .select-options .option label {
  display: inline-block;
  padding:6px 30px 6px 5px;
  margin-bottom:0; 
}
.select-list .select-options .option:hover {
  background: #eaeaec;
}
.select-list .select-options .option input {
  margin:6px 0 6px 15px;
}


.check-box-wrap { background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; padding:15px 18px; letter-spacing:-0.4px; }
.check-box-wrap .title { font-size:15px; font-weight:bold; }
.check-box-wrap .check-box { background-color:transparent; padding:5px 16px; border-radius:3px; margin-top:0; }
.check-box-wrap .check-box.s2 { margin-bottom:0; padding-left:3px; }
.check-box-wrap .check-box .list { font-size:13px; margin-top:5px; margin-bottom:10px; line-height:18px; }

.check-box-wrap .check-box .list-line { margin-top:5px; margin-bottom:5px; }
.check-box-wrap .check-box .list-line span { display:inline-block; }
.check-box-wrap .check-box .list-line span a { color:#fff; }
.check-box-wrap .check-box .list-line span:nth-child(1) { width:170px; color:#234ce7; font-weight:bold; }
.check-box-wrap .check-box .list-line span:nth-child(2) { color:#fff; background:#939393; font-size:11px !important; line-height:1; text-align:center; vertical-align: middle; padding:4px 12px 5px; min-width:51px; border-radius:50px; }
.check-box-wrap .check-box .list-line span:nth-child(3) { color:#fff; background:#25bf85; font-size:11px !important; line-height:1; text-align:center; vertical-align: middle; padding:4px 12px 5px; min-width:51px; border-radius:50px; }
.check-box-wrap .check-box.s2 ul { margin-bottom:0; } 
.check-box-wrap .check-box .form-check-input { border-color:blue; }

.check-box-wrap.type2 { background-color:#e4f6ff; border:1px solid #e4f6ff; }

.check-box-wrap.s2 { padding:6px 15px 10px; }
.check-box-wrap.s2 .check-box { padding:0 8px; }
.check-box-wrap.s2 .check-box .list { margin-top:8px; margin-bottom:8px; }
.check-box-wrap.s2 .check-box .list .col-form-label { padding-top:5px; padding-bottom:5px; }
.check-box-wrap.s2 .check-box .list label { color:#9d9d9d; }

.check-box-wrap.s3 .title { font-size:13px; }
.check-box-wrap.s3 .check-box .list-line span:nth-child(1) { width:170px; color:#2c52df; font-weight:normal; }

.ribbon a { background-color:#7bb2f7; border-radius:50px; padding:3px 6px 4px 12px; color:#fff; font-size:12px; margin-right:5px; letter-spacing:-0.4px; } 
.ribbon .icon-ribbon { display:inline-block; text-indent:-9999px; background-image:url("../images/icon-down.svg"); background-repeat:no-repeat; background-color:inherit; width:20px; height:20px; margin-right:3px; position:relative; top:-2px; }

a.btn-download { text-decoration:underline !important; font-weight:bold; font-size:14px;  }
a.btn-download .icon-ribbon { display:inline-block; text-indent:-9999px; background-image:url("../images/icon-down2.svg"); background-repeat:no-repeat; background-color:inherit; width:20px; height:20px; margin-right:3px; position:relative; top:0px; margin-left:3px; }


/*************************************************
	User Message
*************************************************/
.detail-top .ui-toggle.container-event { margin-bottom:10px; letter-spacing:-0.4px; }
.detail-top .bn-event { background-color:#ffe0e3; position:relative; text-align:left; padding:0; z-index:9; border-radius:5px; padding-bottom:5px; }
.detail-top .ui-toggle.container-event .bn-event a:after { content:''; display:block; position:absolute; top:48%; right:10px; margin-top:-16px; width:32px; height:32px; background-image:url("../images/bg_shapes_sprite.png"); background-repeat:no-repeat; background-position:-512px -55px; background-size:640px auto; }
.detail-top .ui-toggle.container-event.ui-open .bn-event { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.detail-top .ui-toggle.container-event.ui-open .bn-event a:after { background-position:-544px -55px; }
.detail-top .ui-toggle.container-event .bn-event:hover { background-color:#ffe6e9; }
.detail-top .ui-toggle.container-event .bn-event a { display:block; padding:15px 35px 15px 35px; margin:0; min-height:10px; color:#555; }
.detail-top .ui-toggle.container-event .bn-event a.btn-txt { display:block; padding:5px 35px 15px 53px; text-decoration:underline !important; font-weight:bold; font-size:12px; }
.detail-top .ui-toggle.container-event .bn-event span a { display:inline-block; text-decoration:underline; }

.detail-top .ui-toggle.container-event .bn-event .ul-wrap { margin-top:10px; padding-bottom:10px; }
.detail-top .ui-toggle.container-event .bn-event .ul-wrap:before { content:''; height:1px; width:90%; background-color:#f7c0c0; display:block; position:relative; left:18px; top:3px; }
.detail-top .ui-toggle.container-event .bn-event .ul-wrap:after { content:''; height:1px;  width:90%; background-color:#f7c0c0; display:block; position:relative; left:18px; top:10px; }

.detail-top .ui-toggle.container-event .bn-event .txt { font-size:13px; color:#333; margin-top:5px; margin-left:22px; }
.detail-top .ui-toggle.container-event .bn-event a span.title { font-weight:bold; color:#333; padding-right:5px; font-size:14px; }
.detail-top .ui-toggle.container-event .bn-event a span.title:after { content:''; width:1px; height:9px; margin:-2px 0 0 9px; background-color:#888; vertical-align:middle; display:none; }

.detail-top .ui-toggle.container-event .alert-view { overflow:hidden; background-color:#fff; padding:20px 15px 25px 50px; margin-bottom:10px; }
.detail-top .ui-toggle.container-event .alert-view { border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background-color: #ffe0e3; }

.detail-top .ui-toggle.container-event .alert-view .txt.s1 { margin-bottom:10px; font-size:14px; line-height:20px; }
.detail-top .ui-toggle.container-event .alert-view .btn { margin-bottom:20px; }
.detail-top .ui-toggle.container-event .alert-view .txt.s2 .title { font-size:15px; }

.detail-top .ui-toggle ul { display:inline-block; margin-top:0; margin-bottom:0; padding-top:13px; width:100%; /*border-top:1px solid #222;*/ padding-left:38px; }
.detail-top .ui-toggle ul li { padding-top:1px; padding-bottom:1px; }
.detail-top .ui-toggle ul li span:nth-child(1) { font-weight:bold; }

.detail-top .ui-toggle .txt.s2 {  } 
.detail-top .ui-toggle ul.s2 { padding-left:0; } 
.detail-top .ui-toggle ul.s2 li { list-style:none; } 

.detail-top .ui-toggle .btn-soft-primary { padding: 5px 16px 8px; border:1px solid #348adf; background-color:#fff;  }
.detail-top .ui-toggle .btn-soft-primary:hover { padding: 5px 16px 8px; border:1px solid #556ee6; background-color:#556ee6;  }

.detail-top .ui-toggle .icon-notice:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("../images/warning.png") !important;
    background-size: 18px 18px;
    top:3px;
    position: relative;
}

.detail-top.s2 .bn-event { background-color:#fff; position:relative; text-align:left; padding:0; z-index:9; border-radius:5px; padding-bottom:5px; }
.detail-top.s2 .ui-toggle.container-event .bn-event:hover { background-color:inherit; }
.detail-top.s2 .ui-toggle.container-event .bn-event a { padding:0; margin:0; min-height:10px; color:#555; }
.detail-top.s2 .ui-toggle.container-event .bn-event .txt { margin-left:20px; font-size:14px; display:inline-block; }
.detail-top.s2 .ui-toggle .icon-notice:before { margin-left:16px; margin-right:2px; }
.detail-top.s2 .ui-toggle.container-event .bn-event a.btn-txt { margin-left:20px; margin-top:20px; display:inline-block; }
.detail-top.s2 .ui-toggle.container-event .alert-view { background-color:#fff; padding:20px 15px 25px 20px; }
.detail-top.s2 .ui-toggle.container-event .bn-event a:after { right:-10px; }
.detail-top.s2 .ui-toggle.container-event .bn-event .icon-notice.s2 { display:block; margin-top:-20px; margin-bottom:10px; }
.detail-top .ui-toggle .icon-notice.s2:before {
    position: relative;
    height: 70px;
    width: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    background-position: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-image: url("../images/warning2.png") !important;
    background-size: 70px 70px;
}

.detail-top .ui-toggle.container-event.type2 .bn-event a:after { display:none; }
.detail-top .ui-toggle.container-event.type2 .bn-event .ul-wrap { margin-top:0; padding-bottom:0; height:180px; overflow:hidden; overflow-y:auto; }
.detail-top .ui-toggle.container-event.type2 .bn-event .ul-wrap:before { display:none; }
.detail-top .ui-toggle.container-event.type2 .bn-event .ul-wrap:after { display:none; }
.detail-top .ui-toggle.container-event.type2 .her-line { height:1px; width:90%; background-color:#f7c0c0; margin-left:20px; }
.detail-top .ui-toggle.container-event.type2 .her-line.s1 { margin-top:10px; margin-bottom:0; }
.detail-top .ui-toggle.container-event.type2 .her-line.s2 { margin-top:0; margin-bottom:10px; }


/*************************************************
	UI SCRIPT
*************************************************/
.ui-toggle .ui-cont {display:block;}
.ui-toggle .ui-cont.ui-toggle-open {display:block;}

.modal .modalNotice { max-width:800px; }
table td.tdType { min-width:100px; height:40px; }
.ms-1 u { background-color:#556ee6; border-radius:40px; padding:3px 10px 4px; font-size:11px;color:#fff; text-decoration:none; }

.hide-on-mobile {
  display: block; 
}
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}