/**
 *
 * Apply Here your Custom CSS
 *
*/

.balloon {
    opacity:0;
    border:1px solid #21a9e1;
    position:absolute;
    margin-top:5px !important;
    z-index:1001;
    background:#fff;
    width:0;
    border-radius: 10px;
    box-sizing:border-box;
    padding:10px;
    font-size:0;
    top:-10000px;
}
.balloon:after {
    content:"";
    border-top:0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #21a9e1;
    position:absolute;
    top:-10px;
    left:46px;
}
.balloon-hover:hover ~ .balloon,.balloon:hover{
    top:auto;
    font-size:12px;
    transition:.5s;
    transition-property:opacity;
    opacity:1;
    width:400px;
}
.table-fixed-head{overflow-y:auto;max-height:429px;}
.table-fixed-head thead th{position:sticky;top:0;}
.table-fixed-head table{width:100%;margin:0;}
.table-fixed-head th{background:#fff;z-index:1000;}
.target-category tbody td{
    border-right:1px solid #ccc;
}
.target-category tbody td[category-no]:hover{
    cursor:pointer;
    background: #f5f5f5;
}
.target-category tbody td.active{
    color:#000;
}
.target-category tbody td{
    width:25%;
}
.balloon div{
    color:#333;
    line-height:22px;
}
#discount .form-group{
    border-bottom: 1px solid #ebebeb;
    padding-bottom:10px;
    margin-bottom:10px;
}
#discount .form-group:last-child{
    border:0px;
}

.no-drag,.no-drag * {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.current-drag{cursor:grabbing;}
.auto-push-product td{cursor:grab;}

#ga-pie-chart text[dy]{
    font-size: 1.7rem;
    color:#444;
}
#ga-line-chart .byapps-line{ stroke-dasharray: 3 4; stroke-width: 3px; }

.p-0{
    padding: 0 !important;
}
.row{
    margin: 0 !important;
}
.page-container {
  overflow: auto;
  height: 100%;
}


.panel {margin-bottom: 20px;}
.slider_pop {
    padding: 12px;
    position: absolute; 
    left: 200px;
    top: 300px;
    background:#fff;
    z-index: 999;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12);
border-radius: 5px;
}
.dash_popup {
    width: 520px; 
    height: 520px;    
    z-index: 999;
}

.dash_popup img {
    width: 100%;
    height: auto;
}
.today_no { 
    display: flex;
    justify-content: end;
    align-items: center;
}
.slider_pop .swiper-pagination {
    width: 82px !important;
    bottom:14px !important;
}
.today_no label {
    margin-bottom: 0;
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 12px;
    line-height: 18px;
}
.today_close {display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 12px;
    height: 18px;
}
.today_close button {
    background:none;
    border:none;
}
.today_no label input {
    margin-top: 0;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    line-height: 18px;
    border: 1px solid #D9D9D9;
    /* -webkit-appearance: none; */
}

.main_gogogo {
    width: 100px; 
    height: 30px;
    border-radius: 5px;
    background-color: #888;
    color: #fff;
    position: absolute;
    right: 35px;
    top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
.main_gogogo:hover {color: #fff; background-color: #0072bc;}
#popup_div_slide {cursor: pointer;}
.swiper-pagination-bullet {background: #EBEBEB !important;    opacity: 1 !important;}
.swiper-pagination-bullet-active {background: #FFBA00 !important;}
.slider_pop .swiper-pagination-bullet { margin:  0 2px !important;}
.dash_wrap_content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 20px;
}

.dash_wrap_content_mobile {
    display: block;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 20px;
}

.padding_bottom {
    padding-bottom:15px;
}

.dash_left { width: calc(100% - 340px); }
.dash_ban {width: 300px; border-radius: 5px;}
.m40 {margin-bottom: 40px;}
.tile-stats { margin-bottom: 0; }
.suchi { display: flex; 
    width: 100%;
    justify-content: start;
    align-items: center;
    margin-bottom: 20px;
}
.suchi .stat_suchi {
    width: 100%;
    margin-right: 20px;
}

.suchi .stat_suchi:last-child{
    margin-right: 0;
}

.dash_board {
    display: flex;
    justify-content: start;
    align-items: stretch;
}
ul.tabs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    width: 200px;
    padding: 0;
    margin-bottom: 0;
    z-index: 9;
}
ul.tabs li{
    background: none;
    color: #222;
    padding: 0 8px 0 15px;
    cursor: pointer;
    width: 100%;
    background: rgba(245, 245, 246, 0.5);
    border:1px solid rgba(245, 245, 246, 0.5);
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  ul.tabs li a {
    display: none;
  }
  ul.tabs li h3 {
    margin: 0;
    font-size: 14px;
    color: #888;}
  
  ul.tabs li.current{
    background: #fff;
    color: #222;
    border: 1px solid #EBEBEB;
    border-right: none;
    width: 201px;
    
  }

  ul.tabs li:first-child.current {
    border-radius: 5px 0 0 0 ;
  }

  ul.tabs li:last-child.current {
    border-radius: 0 0 0 5px ;
  }

  ul.tabs li.current h3 {
    color: #303641;font-weight: bold;
  }
  ul.tabs li.current a {
    width: 36px;
    height: 22px;
    font-size: 10px;
    font-weight: 500;
    color: #BCBCBC;
    line-height: 22px;
    text-align: center;
    display: block;
  }

.tab-content-board{
   display: none;
   padding: 27px 36px;
   width: 100%;
   border: 1px solid #EBEBEB;
	border-radius: 0px 5px 5px 0px;
 }
 
.tab-content-board.current{
   display: inherit;
   border: 1px solid #EBEBEB;
 }

.tab-content-board ol {
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
}

.tab-content-board ol li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}

.tab-content-board ol li:last-child {
  margin-bottom: 0;
}

tab-content-board ol li h4 {
  font-size: 14px;
  color: #303641;     
  display: inline; 
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  width: 300px;
}

.tab-content-board ol li em {
    width: 36px;
	height: 20px;
	font-weight: 700;
	font-size: 11px;
	font-style: normal;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-right: 16px;
}

.tab-content-board ol li em.fil {
    background: #FFBA00;
}

.tab-content-board ol li em.new {
    background: #EE4749;
}

.tab-content-board ol li span {
    font-size: 12px;
    color: #888888;
}

.tab-content-board ol li div {
    display: flex;
	justify-content: start;
	align-items: center;
}

.dash_banner {
	position: relative;
	border-radius: 5px;
}
.dash_banner .swiper-button-next1 {
    width: 24px; 
    height: 24px; 
    position: absolute;
    left:48px;
    bottom:12px;
    z-index: 99;
}
.dash_banner .swiper-button-prev1 {
    width: 24px; 
    height: 24px;
    position: absolute;
    left:16px;
    bottom: 12px;
    z-index: 99;
}

.tambang {
    width: 100%;
border-radius: 5px;
border: 1px solid #EBEBEB;
margin-top: 20px;
}

.tambang h2 {
    margin:0;
    height: 48px;
    font-weight: 500;
    font-size: 14px;
    line-height: 48px;
    color: #303641;
    background: #FAFAFB;
    border-bottom: 1px solid #EBEBEB;
    padding: 0 16px 0 20px;
}

.tambang h2 a {float: right; cursor: pointer; width: 24px; height: 48px;}
.tambang ul {
    clear: both;
    padding: 22px 20px;
    margin-bottom: 0;
}
.tambang ul li {
    list-style: none;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 20px;
}
.tambang ul li:last-child {margin-bottom: 0;}
.tomimg {
    width: 76px;
    height: 76px;
    margin-right: 16px;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tomtxt { width: calc(100% - 92px); }
.tambang ul li img {
    width: 76px;
    height: 76px;
}
.tambang ul li h3 {font-size: 13px;line-height: 19px; color: #303641; height: 38px; margin: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tambang ul li span {
    padding: 3px 10px;
    background: #FFFFFF;
border: 1px solid #F5F5F6;
border-radius: 100px;
color: #888888;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
display: inline-block;
font-weight: 300;
}
.dash_tag {margin-top: 10px;}

.board_content {width: 860px; margin:0 auto;}
.board_content .ticon {
    padding: 5px 15px;
    border: 1px solid #EBEBEB;
border-radius: 100px;
font-size: 14px;
color: #303641;
display: inline-block;
}
.board_content h1 {margin: 16px 0;font-weight: 500; font-size: 24px;line-height: 36px; color: #000000;}
.board_show {display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid #EBEBEB;
margin-bottom: 32px;
padding-bottom: 16px;
}
.user_show {display: flex; justify-content: start; align-items: center;}
.user_show em {
    font-size: 12px;
line-height: 18px;
color: #888888;
font-style: normal;
padding:  0 8px;
}
.user_show em:first-child { border-right: 1px solid #EBEBEB; padding-left: 0px; }
.board_icon ul { display: flex; justify-content: start;align-items: center;}
.board_icon ul li { list-style: none;}
.board_icon ul li:first-child {
    border: 1px solid #EBEBEB;
    border-radius: 100px;
    width: 63px;
    height: 26px;
    font-weight: 400;
font-size: 13px;
line-height: 26px;
color: #888888;
display: flex;
justify-content: center;
align-items: center;
}
.board_icon ul li img { margin-right: 8px;}
.board_icon ul li button {
    font-size: 12px;
line-height: 18px;
color: #303641; 
margin: 0 12px 0 20px ; 
background: none;
border: none;
padding: 0;
}

.board_wr {text-align: center;}
.board_wr p {
    text-align: left;
    margin-top: 32px;
    font-weight: 350;
font-size: 15px;
line-height: 22px;
color: #000000;
}

@media screen and (max-width: 767px) {
    table td{
        font-size:12px !important;
    }

    .img-circle{
        float:left;
    }
    hr{
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
    .breadcrumb {
        padding: 0 !important;
    }
    #main_body>h1{
        font-size: 20px !important;
    }

    .tile-stats p {
        font-size: 13px;
        margin-top: 5px;
    }
    .tile-stats .num {
        font-size: 18px;
    }
    .tile-stats h3 {
        font-size: 16px;
        margin-top: 5px;
    }
    .tile-stats {
        padding: 8px !important;
    }
    .page-container .main-content{
        padding: 3px !important;
        margin-top:10px;
    }
}

.landing-product {
    display:inline-block;
    background-color:#fff;
    overflow:hidden;
    position: relative;
}
.landing-product[row="3"] {
    width: calc(33% - 10px);
    margin: 5px;
}
.landing-product[row="2"] {
    width: calc(50% - 10px);
    margin: 5px;
}
.landing-product[row="1"] {
    width: calc(100% - 10px);
    margin: 5px;
}
.landing-product:after {
    content: "";
    display: block;
    padding-bottom: 130%;
}
.landing-product .content {
    position: absolute;
    width: 100%;
    height: calc(100% - 30px);
    overflow: hidden;
}
.landing-product .text {
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
    color: black;
}
.landing-product .text .name {
    text-overflow:ellipsis;
    font-size: .9rem;
    position: absolute;
    top: 3px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}
.landing-product .text .price {
    right:0;
    
    font-size: 1.1rem;
    bottom:0;
    position: absolute;
    font-weight: 900;
}
.landing-product .content img {
    position: absolute;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto;
    min-width: 100%;
    height: 100%;
}
#align-title {
    position: absolute;
    height: 20px;
    line-height: 20px;
    font-size: 1.3rem;
    color: black;
    margin-left: 5px;
}

/** 
 *  SweetAlert2 css custom 
 */
.swal2-styled {
    /* 버튼 내 폰트 크기 키움 */
    font-size:1.2em !important;
    /* 상자 위아래 여백, 패딩 늘림 */
    margin: 1em !important;
    padding: .625em 2.1em !important;
}

/* 1:1 문의 답변박스 보더바텀 추가 */
.qna-answer-content {
    border-bottom: 1px solid #ebebeb;
}
.qna-answer-content:last-child {
    border-bottom: unset;
}

/* 내정보 이메일 확인박스 */
.info-email-wrap {
    display: block;
}
.info-email {
    display: flex;
    /* flex-wrap: wrap; */
    /* flex-basis: 100%; */
    align-items: center;
}
.info-email-text {
    margin-top: 5px;
    color: #EE4749;
}

/* 서비스 신청 개발자계정정보 박스 */
.account-box {
    display: flex;
}

.receipt-file-wrap {
    display: flex;
    align-items: center;
}
.receipt-current-file {
    margin-right: 10px;
}

/* 경고글씨(빨간색) */
.warning-text {
    color: #EE4749;
    word-break: keep-all;
}

/* 통계 데이트피커 height 조정 */
.stat_datepicker {
    height: 40px !important;
}

/* 통계 panel-title > selectbox 조정 */
.stat-title {
    width: 70%;
}
.stat-title .stat-type-select-wrap {
    display: flex;
    align-items: center;
}
.stat-title .stat-type-select-wrap span {
    margin-left: 10px;
}
.stat-title select {
    width: 30% !important;
}
.mau-text {
    display: none;
}

/* 앱사용자 관리 limit 셀렉트박스 추가 */
.app_member_limit {
    display: flex;
}
.app_member_limit > .selectboxit-container {
    width: 20%;
    margin-left: 10px;
}

.group_push_detail, .friend_push_detail{
    display: none;
}
.group_push td , .friend_push_detail td{
    padding: 5px;
}
.delay-attach-file {
    padding-top: 10px;
    position: relative;
}
.delay-attach-file .file-wrap span{
    cursor: pointer;
}
.delay-attach-file .file-list {
    position: absolute;
    border-radius: 6px;
    min-width: 300px;
    background-color: #ededed;
    padding: 5px 10px;
    display: none;
    z-index: 1;
}
.delay-attach-file .file-list p {
    margin: 5px 0px;
}
.file-list.show {
    display: block;
}
.delay-attach-file .delay-image-wrap {
    padding-top: 10px;
}
.delay-attach-file .delay-image-wrap img {
    margin-right: 3px;
    cursor: pointer;
}

.modal-backdrop2 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 10002;
}
.modal-backdrop2.in {
    opacity: 0.5;
}
#image-view-wrap {
    position: fixed;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10002;
}

.push-search-wrap table {
    margin-bottom: unset;
}
.push-search-wrap table th {
    width: 100px;
    text-align: center;
    border-right: 1px solid #ebebeb;
    vertical-align: middle !important;
    background-color: #f3f3f3;
}
.push-search-wrap table td {
    height: 48px;
}
.push-search-wrap input,.push-search-wrap label {
    margin: unset !important;
}
.push-search-wrap [type="text"] {
    display: inline-block;
    width: 10%;
}
.push-search-wrap .date-span {
    padding: 0px 8px;
}
.push-search-wrap button {
    padding: 7px 10px;
    border: none;
    border-radius: 6px;
}
.search-btn {
    background-color: #000;
    color: #FFFFFF;
}
.push-search-wrap .search-input {
    width: 22%;
}
.push-search-wrap label {
    font-size: 15px;
    line-height: 2rem;
    padding: 0.2em 0.4em;
    font-weight: normal;
    cursor: pointer;
}
.push-search-wrap [type="radio"] {
    width: 15px;
    height: 15px;
}
.push-search-wrap [type="radio"],span {
    vertical-align: middle;
}
.datepicker.datepicker-dropdown {
    z-index: 10011 !important;
}
.push-list-wrap table th,.push-list-wrap table td {
    text-align: center;
}
.android-col-md-5 {
    padding-left: unset;
}
.android-only-wrap > .col-sm-5 {
    width: 55%;
    padding-left: unset;
}
.android-only {
    overflow: hidden;
    margin-bottom: 5px;
}
.android-only .control-label {
    padding-left: unset;
    text-align: left;
}
.android-only .col-md-10,.android-only .col-sm-5,.android-only .col-md-4 {
    padding-left: unset;
}
.push_write_wrap .col-sm-3,.push_write_wrap .col-md-6 {
    width: unset;
}
.clear-both {
    clear: both;
}
.search-result-wrap {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
}
.search-result-wrap .search-result-btn-wrap {
    padding-right: 3rem;
}
.point-wrap h4 {
    margin-top: unset;
}
.point-wrap .point-wrap-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
}

.content-info {
    padding: 10px;
    background-color: #ededed;
    border: 1px solid #ededed;
    border-radius: 6px;
    margin-top: 5px;
    width: 100%;
}
.content-info p {
    margin: unset;
}
.biztalk-col-sm-4 {
    width: 70%;
}
.biztalk-info {
    min-height: 109px;
    line-height: 21px;
    margin-left: 10px;
}
.moreinfo {
    color: #2610f0;
}
.moreinfo:hover {
    color: #2610f0;
}
.alternative-point-info {
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 6px;
    margin-top: 5px;
    margin-left: 10px;
}
.alternative-point {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.push-modal {
    width: 80%;
}
.alternative-push-modal {
    width: 900px;
}
.alternative-push-modal .modal-body {
    padding: 15px 35px;
}
.push-btn {
    padding: 8px 13px;
    border-radius: 6px;
    border: none;
    color: #FFFFFF;
}
.push-write-btn {
    background-color: #21a9e1;
}
.excel-down-btn {
    background-color: rgb(5, 105, 5);
}
.push-scale {
    padding: 8px 13px;
}
.charge-wrap {
    display: flex;
    align-items: center;
}
.charge-left-wrap {
    flex-basis: 55%;
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 6px;
    display: flex;
    align-items: center;
    margin-right: 10px;
    min-height: 210px;
}
.charge-left-wrap table {
    width: 100%;
}
.charge-left-wrap table tr {
    height: 35px;
    text-align: center;
    font-size: 16px;
}
.charge-left-wrap [type="radio"] {
    width: 15px;
    height: 15px;
}
.charge-right-wrap {
    flex-basis: 45%;
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 210px;
}
.charge-right-wrap .charge-fee {
    display: none;
}
.charge-modal-payment {
    display: none;
}
.charge-title {
    text-align: left;
    padding-left: 20%;
    color: #303641;
}
.charge-pay-title {
    text-align: right;
    padding-right: 5%;
    color: #303641;
}
.current-point {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.current-point-wrap {
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
    align-items: center;
}
.current-point-wrap .point {
    font-size: 24px;
    color: #000;
}
.current-point-wrap b {
    font-size: 35px;
}
.charge-btn {
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    background-color: #21a9e1;
    color: #FFFFFF;
    font-size: 16px;
}
.current-point-wrap .charge-btn {
    padding: 20px;
}
.point-info-wrap {
    /* background-color: #ededed; */
    margin-top: 20px;
}
.modal-body-header .warning {
    color: #FF0000;
}
.modal-body-content {
    margin-top: 20px;
}
.biztalk-wrap {
    display: flex;
}
.biztalk-left-wrap {
    flex-basis: 65%;
}
.biztalk-left-wrap .biztalk-img-file {
    display: flex;
    margin-bottom: 5px;
}
.biztalk-left-wrap .biztalk-img-file input {
    width: 90%;
}
.biztalk-left-wrap .biztalk-img-file button {
    border: none;
    border-radius: 4px;
    margin-left: 10px;
    padding: 0px 15px;
    min-width: 60px;
}
.biztalk-left-wrap .biztalk-content * {
    margin-bottom: 10px;
}
.biztalk-left-wrap textarea {
    min-height: 222px;
}
.biztalk-left-wrap .biztalk_lms{
    min-height: 140px;
}
.biztalk-right-wrap {
    flex-basis: 35%;
    padding: 0px 0px 10px 20px;
}
.biztalk-test-wrap {
    padding: 0px 0px 10px 20px;
}
.biztalk-test-wrap .biztalk-test-num {
    padding: 5px;
    width: 200px;
    border-radius: 6px;
    border: 1px solid #ededed;
    text-align: center;
    outline: none;
}
.biztalk-test-wrap .biztalk-test-btn {
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #21a9e1;
    background-color: #21a9e1;
    color: #FFFFFF;
}
.lms-wrap {
    display: none;
}
.biztalk-preview-wrap {
    border-radius: 6px;
    background-color: #a7bed694;
    /* height: 100%; */
    padding: 20px 20px;
    max-width: 270px;
}
.biztalk-preview-content {
    display: none;
    /* justify-content: center; */
}
.biztalk-preview-content .biztalk-right-wrap {
    flex-basis: 22%;
}
.biztalk-preview-content .biztalk-right-wrap:nth-child(1) {
    padding-left: unset;
}
.biztalk-preview-wrap .preview-image {
    display: flex;
    flex-wrap: wrap;
}
.biztalk-preview-wrap .preview-image .image-wrap {
    background-color: #ededed;
    flex-basis: 100%;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 100%;
}
.image-wrap.no-img.show {
    display: flex !important;
}
.image-wrap.no-img.hide {
    display: none;
}
.image-wrap.img.show {
    display: block;
}
.image-wrap.img.hide {
    display: none;
}
.image-wrap.img img {
    max-width: 276px;
    width: 100%;
    max-height: 150px;
    height: 150px;
}
.biztalk-preview-wrap .preview-image .message-wrap {
    background-color: #FFFFFF;
    flex-basis: 100%;
    min-height: 100px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 10px;
    word-wrap: break-word;
    width: 100%;
}
.biztalk-preview-wrap .preview-image .message-wrap .text {
    margin-bottom: 25px;
}
.biztalk-preview-wrap .preview-image .lms-message-wrap {
    background-color: #ededed;
    flex-basis: 100%;
    min-height: 100px;
    border-radius: 6px;
    padding: 10px;
    word-wrap: break-word;
    width: 100%;
}
.biztalk-preview-wrap .preview-image .message-wrap .lms-text {
    margin-bottom: 25px;
}
.biztalk-preview-wrap .preview-image .message-wrap .button-wrap {
    height: 35px;
    background-color: #ededed;
    border-radius: 6px;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    word-break: break-all;
}
.preview-block {
    text-align: right;
    margin-top: 10px;
}
.text-length-wrap {
    text-align: right;
    margin-bottom: 0px !important;
}
.use-wrap {
    display: flex;
    align-items: center;
}
.use-wrap input {
    margin: 0px 5px 0px 0px !important;
    cursor: pointer;
}
.use-wrap label {
    margin: 0px 15px 0px 0px !important;
    cursor: pointer;
}
.use-content-wrap {
    display: none;
}
.use-content-wrap input:nth-child(1) {
    margin-bottom: 5px;
}
.modal-btn-wrap {
    display: flex;
    justify-content: center;
    margin: 20px 0px;
}
.modal-btn-wrap .modal-btn {
    border: none;
    padding: 20px 30px;
    background-color: #21a9e1;
    color: #FFFFFF;
    border-radius: 6px;
    font-size: 14px;
}
.modal-btn-wrap .push-send-btn {
    margin-right: 10px;
}
.push-send-modal {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
}
.push-send-modal .modal-body {
    min-height: 150px;
}
.push-send-modal .push-send-modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
}
.push-send-modal .push-send-modal-body p {
    margin: unset;
}
.popup-confirm-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.popup-confirm-wrap button {
    padding: 10px 30px;
    border: none;
    color: #FFFFFF;
    border-radius: 6px;
}
.popup-confirm-wrap .confirm-btn {
    background-color: #21a9e1;
    margin-right: 20px;
}
.popup-confirm-wrap .cancle-btn {
    background-color: #d42020;
}
.push-text {
    font-size: 20px;
    font-weight: bold;
    color: #303641;
}
.push-sub-text {
    font-size: 14px;
    color: #9ea2a2;
    text-align: left;
    flex-basis: 100%;
}
.push-current-point {
    display: contents;
}
.push-type , .friend-push-type {
    color: #d42020;
    display: contents;
}
.biztalk-push-send-modal .push-text {
    padding: 20px;
}
.point-table-wrap {
    flex-basis: 100%;
}
.point-table-wrap table {
    width: 100%;
    margin: 15px 0px;
    border-color: #ededed;
}
.point-table-wrap table th {
    background-color: #ededed;
}
.point-table-wrap table th,.point-table-wrap table td{
    color: #303641;
    font-size: 16px;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #9ea2a2;
}
.reservation-send {
    display: none;
}
.push-reservation,.push-schedule {
    display: none;
}
.alternative-type-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.alternative-type-wrap .alternative-type-wrap-left {
    flex-basis: 30%;
}
.alternative-type-wrap .alternative-type-wrap-right {
    flex-basis: 35%;
    text-align: center;
}
.alternative-type-wrap .alternative-type-wrap-right .use-lms-btn {
    padding: 10px;
    margin-left: 15px;
    border: none;
    background-color: #21a9e1;
    color: #FFFFFF;
    border-radius: 6px;
}
.alternative-type-wrap .alternative-type {
    display: flex;
    flex-basis: 65%;
    justify-content: space-between;
    /* margin-bottom: 5px; */
    height: 25px;
}
.alternative-type-title {
    display: block;
    padding: 10px 0px 0px 0px;
    font-weight: bold;
    color: #000000;
    border-bottom: 2px solid #ededed;
    margin-bottom: 5px;
}
.alternative-type-wrap .alternative-type  .friend-talk {
    display: flex;
}
.alternative-type-wrap label {
    font-size: 15px;
    cursor: pointer;
    font-weight: normal;
    margin: unset;
}
.alternative-type-wrap input[type=checkbox] {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.friend-lms {
    display: none;
}
.friend-fail-lms {
    display: none;
}
.more-info {
    display: none;
    position: fixed;
    z-index: 10002;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 5px 5px 8px 5px #8f8f8f6e;
}
.more-info div {
    position: absolute;
    right: 0;
    cursor: pointer;
}
.push_disagree {
    color: red;
}
.push-list-table > thead > tr > th, .push-list-table > tbody > tr > td {
    vertical-align: middle !important;
}
.point-modal-title {
    display: flex;
    justify-content: space-between;
    width: 97%;
    align-items: center;
}
/* .form-groups-bordered .form-group {
    border-bottom: 1px solid #ebebeb;
    padding-bottom : 15px;
    padding-top: 15px;
    margin-bottom: 0px;
} */

.push-group-term {
    display: flex;
    justify-content: space-between;
}
.push-group-term-right {
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.push-group-term-right h4 {
    font-size: 18px;
}
.push-group-term-right > button {
    margin-left: 10px;
}
.biztalk-apply-modal {
    z-index: 10002;
}
.biztalk-apply-btn {
    margin-left: 15px;
    padding: 7px 10px;
    background-color: #000000;
    color: #FFFFFF;
    border-radius: 6px;
    border: none;
}
.biztalk-push-modal {
    width: 700px;
}
.biztalk-push-modal .modal-header {
    border-bottom: unset;
    padding: 15px 15px 0px 15px;
}
.biztalk-push-modal .modal-body{
    border-bottom: unset;
    padding: 0px 15px 15px 15px;
}
.biztalk-apply-warning {
    color: #2610f0;
    margin-top: 5px;
}
.biztalk-apply-subtitle {
    font-weight: bold;
    margin-bottom: 5px;
}
.biztalk-apply-info {
    border-radius: 6px;
    background-color: #ededed;
    padding: 10px;
    margin-bottom: 10px;
}
.biztalk-apply-type {
    clear: both;
    display: flex;
    margin-bottom: 10px;
}
.biztalk-apply-type > div:nth-child(1) {
    margin-right: 10px;
}
.biztalk-apply-content-wrap {
    margin: 0px 0px 10px 0px;
}
.biztalk-apply-content-wrap:nth-child(1) {
    margin: 10px 0px 10px 0px;
}
.biztalk-apply-document {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 2px solid #ededed;
    margin-bottom: 20px;
}
.biztalk-apply-document-left {
    flex-basis: 60%;
}
.biztalk-apply-document-left table {
    width: 90%;
}
.biztalk-apply-document-left th,.biztalk-apply-document-left td{
    border: 1px solid #303641;
    text-align: center;
    padding: 5px 10px;
    color: #303641;
}
.biztalk-apply-document-left td {
    text-align: left;
}
.biztalk-apply-document-right {
    flex-basis: 40%;
}
.biztalk-apply-row {
    display: flex;
    align-items: center;
    padding: 3px 0px;
}
.biztalk-apply-row-left {
    flex-basis: 20%;
}
.biztalk-apply-row-right {
    flex-basis: 80%;
}
.biztalk-apply-row-right select {
    width: 30%;
    padding: 5px;
    border-radius: 4px;
    border-color: #ededed;
}
.biztalk-apply-row-right input {
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    border:1px solid #ededed;
    box-shadow: none;
    outline: none;
}
.sender-key-create {
    align-items: baseline;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
}
.sender-key-load {
    padding: 2px 5px;
}
.sender-key-create-row {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.sender-key-create-span {
    flex-basis: 15%;
}
.sender-key-create-input {
    flex-basis: 66%;
}
.sender-key-create-select {
    flex-basis: 33%;
}
.sender-key-create-button {
    flex-basis: 18%;
    margin-left: 3px;
    padding: 4px 0px;
}
.sender-key-create-btn-wrap {
    text-align: center;
    margin: 5px 0px 10px;
}
.sender-key-create-btn-wrap > button {
    padding: 5px 10px;
}
.sender-key-text {
    font-size: 10px;
}
.find-key-btn {
    display: none;
    border: none;
    padding: 5px 10px;
    color: #ffffff;
    background-color: #21a9e1;
    margin-left: 10px;
    border-radius: 4px;
}
.biztalk-apply-file-wrap .biztalk-apply-row-right {
    display: flex;
    justify-content: space-between;
}
.biztalk-apply-file-wrap .biztalk-apply-row-right input {
    flex-basis: 89%;
}
.biztalk-apply-file-wrap .biztalk-apply-row-right button {
    flex-basis: 10%;
}
.solution-company {
    display: none;
}
.modal-point-list th, .modal-point-list td {
    text-align: center;
}

.current-point-wrap2 {
    display: flex;
    align-items: center;
}
.current-point-h4 {
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;

}
.current-point-wrap2-div {
    display: inline-flex;
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
}

.push-sub-text-span {
    width: 150px;
    display: inline-block;
}
.main-board-top {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    height: 40px;
    padding-right: 30px;
    position: fixed;
    z-index: 999;
    color: #aaabae;
    background-color: #303641;
}

.main-board-top ul {
    margin-bottom: unset;
}

.main-board-top ul li {
    list-style: none;
    display: inline-flex;
    padding: 10px 20px;
    font-size: 1.4rem;
}

.main-board-top ul li a {
    color: #ffffff;
}

.app-info {
    padding-left: 0px;
}

.app-info-service {
    padding-left: 0px;
}

.main-board-top-mobile {
    display: none;
}

@media screen and (max-width: 1440px) {
    .biztalk-info {
        font-size: 11px;
    }
}

@media screen and (max-width: 600px) {
    .main-board-top-mobile {
        display: block;
        width: 100%;
        height: 40px;
        color: #FFF;
        background-color: #303641;
    }
    .main-board-top-mobile i {
        float: right;
        font-size: 20px;
    }
    .main-board-top {
        display: none;
    }
    .page-container {
        padding-top: 0px;
    }
}

.main-board-top .badge {
    font-size: 12px !important;
    padding-top: 4px !important;
    padding-bottom: 3px !important;
}

.popup-banner-image {
    display: flex;
}
.popup-banner-image-btn {
    margin-left: 10px;
}
.popup-banner-image-box {
    margin-bottom: 10px;
}

.splash-size {
    font-size: 16px;
    margin-left: 10px;
}

.test {
    margin-bottom: 10px;
}

.login-passwd-btn-wrap {
    display: none;
    width: 100%;
}
.login-passwd-btn-wrap .btn-login {
    text-align: center !important;
}
.login-passwd-btn-wrap .later-btn {
    margin-top: unset;
    margin-left: 5px;
}
.view-ex-image {
    cursor: pointer;
}
.ex-img-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(85%,-50%);
    display: none;
    cursor: pointer;
}
.ex-img-wrap img {
    width: 450px;
    max-width: 450px;
    max-height: 617px;
}

.splash_title {
    font-size: 14px;
    color: #21a9e1;
}
.splash_subtitle {
    font-size: 12px;
    color: #373e4a;
}
.splash_text {
    font-size: 12px;
    color: #949494;
}
.splash_warning {
    font-size: 11px;
    color: #21a9e1;
}
.splash_grey {
    font-size: 10px;
    color: #949494;
}