@charset "utf-8";

/*==============================
  common layout
================================*/
html, body {
  background: #f2f5f8;
}

.admin-menu-item {
  color:#FF9800 !important;
  font-weight:bolder !important;
}

.wrapper {
  margin: 0 auto;
  width: 1200px;
}
/* header */
.header {
  height: 156px;
}

.header .row_top {
  /* height: 106px; */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  zoom: 1;
  padding: 1rem 0;
}

.header .row_top:after {
  display: block;
  content: "";
  clear: both;
}

.header .row_top .logo {
  /* float: left; */
/* padding: 22px 0 0 5px; */
display: flex;
}

.header .row_top .user_info {
  /* float: right; */
  /* padding: 30px 0 0; */
  /*width: 222px;*/
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  padding: 0 0.5rem 0 0;
  zoom: 1;
}

.header .row_top .user_info:after {
  display: block;
  content: "";
  clear: both;
}

.header .row_top .user_info .photo {
  float: left;
  width: 43px;
  height: 43px;
}

.header .row_top .user_info .photo img {
  width: 43px;
  height: 43px;
  border-radius: 50em;
}

.header .row_top .user_info .info {
  /* float: left; */
  display: flex;
  flex-direction: column;
  margin-left: 12px;
}

.header .row_top .user_info .info .email {
  padding: 3px 0 8px 8px;
  color: #222;
  font-size: 14px;
}

.header .row_top .user_info .info .links {
  text-align: right;
}

.header .row_top .user_info .info .links a {
  display: inline-block;
  margin-left: 8px;
  padding-left: 18px;;
  height: 14px;
  line-height: 15px;
  color: #a3a3a3;
  font-size: 11px;
}

.header .row_top .user_info .info .links .profile {
  background: url('../images/common/ico_header_profile.png') no-repeat
    left;
}

.header .row_top .user_info .info .links .logout {
  background: url('../images/common/ico_header_logout.png') no-repeat left;
}

.user_info_top {
  display: flex;
  justify-content: flex-end;
}

.header .gnb {
  position: relative;
  z-index: 1000;
  height: 50px;
  /* background: url('../images/common/bg_gnb_bar.gif') no-repeat; */
  /* yn-edit-1 */
  background-color: #3a75e9;

}

.header .gnb>ul {
  zoom: 1;
}

.header .gnb>ul:after {
  display: block;
  content: "";
  clear: both;
}

.header .gnb>ul>li {
  position: relative;
  float: left;
  width: 240px;
}

.header .gnb>ul>li>a {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #fff;
  color: white;
  font-size: 14px;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.header .gnb>ul>li.curr>a, .header .gnb>ul>li>a:hover {
  background: rgba(0, 0, 0, 0.5);
  /* border-left: 1px solid #34415b; */
}

.header .gnb>ul>li .sub {
  display: none;
  position: absolute;
  top: 49px;
  left: 0;
  width: 240px;
  background: #122147;
}

.header .gnb>ul>li:hover .sub {
  display: block;
}

.header .gnb>ul>li .sub li a {
  display: block;
  padding: 0 18px;
  height: 39px;
  line-height: 39px;
  color: #d3e7ff;
  font-size: 14px;
  border-top: 1px solid #28355a;
  background: url('../images/common/bg_gnb_sub_arrow.png') no-repeat 220px;
}
/* footer */
.footer .copyright {
  padding: 0 0 15px;
  text-align: left;
}
/* pagenate */
/* page nate */
.page_nate, .dataTables_paginate  {
  position: relative;
  margin-top: 30px;
  text-align: center;
  zoom: 1;
}

.page_nate:after, .dataTables_paginate:after {
  display: block;
  content: "";
  clear: both;
}

.page_nate .btn_blue {
  display: block;
  position: absolute;
  top: -1px;
  right: 0;
  width: 125px;
  height: 30px;
  line-height: 30px;
  color: #1c59a4;
  font-size: 14px;
  text-align: center;
  border: 1px solid #0e386c;
}

.page_nate a, .dataTables_paginate a {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 27px;
  height: 27px;
  line-height: 27px;
  color: #818181;
  font-size: 12px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
}

.page_nate a.curr, .dataTables_paginate a.current {
  color: #4373ad;
  font-weight: bold;
}

.page_nate a.btn_page {
  text-indent: -9999px;
}

.page_nate a.first {
  background: url('../images/common/btn_first_page_nate.gif') no-repeat
    center;
}

.page_nate a.prev {
  background: url('../images/common/btn_prev_page_nate.gif') no-repeat
    center;
}

.page_nate a.next {
  background: url('../images/common/btn_next_page_nate.gif') no-repeat
    center;
}

.page_nate a.last {
  background: url('../images/common/btn_last_page_nate.gif') no-repeat
    center;
}

.direct.btn-primary {
  color: white;
  background: #2454a0;
}

/* page nate ngTable*/
div[ng-table-pagination] {
  margin-top: 15px;
}

.ng-table-pagination {
  position: relative;
  margin-top: 30px;
  text-align: center;
  zoom: 1;
}

.ng-table-pagination:after {
  display: block;
  content: "";
  clear: both;
}

.ng-table-pagination .btn_blue {
  display: block;
  position: absolute;
  top: -1px;
  right: 0;
  width: 125px;
  height: 30px;
  line-height: 30px;
  color: #1c59a4;
  font-size: 14px;
  text-align: center;
  border: 1px solid #0e386c;
}

.ng-table-pagination li {
  display: inline-block;
}

.ng-table-pagination li a {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 27px;
  height: 27px;
  line-height: 27px;
  color: #818181;
  font-size: 12px;
  border: 1px solid #dedede;
  background: #fff;
}

.ng-table-pagination li.active a {
  color: white;
  background: #2454a0;
}

.ng-table-pagination li a.btn_page {
  text-indent: -9999px;
}

.ng-table-pagination li a.first {
  background: url('../images/common/btn_first_page_nate.gif') no-repeat
    center;
}

.ng-table-pagination li a.prev {
  background: url('../images/common/btn_prev_page_nate.gif') no-repeat
    center;
}

.ng-table-pagination li a.next {
  background: url('../images/common/btn_next_page_nate.gif') no-repeat
    center;
}

.ng-table-pagination li a.last {
  background: url('../images/common/btn_last_page_nate.gif') no-repeat
    center;
}

/* introduce */
.intro {
  text-align: center;
  background: #fff;
}

.intro .logo {
  padding: 55px 0 30px;
}

.intro .logo img {
  width: 30%;
  min-width: 240px;
}

.intro .date_time {
  margin: 0 auto 20px;
  width: 34%;
  position: relative;
}

.intro .date_time img {
  width: 100%;
  height: auto;
}

.intro .date_time p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.intro .status {
  padding: 0 0 35px;
}

.intro .status img {
  width: 18%;
  min-width: 200px;
}

.intro .footer {
  padding: 0 0 50px;
  text-align: center;
}

.intro .footer img {
  width: 28%;
  min-width: 220px;
}
/* login */
.bg_login {
  background-image: url('../images/sub/bg_login_top.gif'),
    url('../images/sub/bg_login_bottom.gif');
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  background-color: #fff;
}

.login_w {
  margin: 0 auto;
  padding: 51px 0 67px;
  width: 343px;
}

.login_w .logo {
  padding-bottom: 30px;
  text-align: center;
  border-bottom: 1px dashed #dadada;
}

.login_w .form_box {
  padding: 22px 19px 29px;
  border-bottom: 1px dashed #dadada;
}

.login_w .form_box .input_box {
  margin-bottom: 10px;
  height: 43px;
  border: 1px solid #d0d0d0;
}

.login_w .form_box .input_box input {
  height: 43px;
  line-height: 43px;
  color: #999;
  border: 0;
}

.login_w .form_box .btn_login {
  display: block;
  margin-left: 0;
  margin-bottom: 17px;
  width: 100%;
  height: 55px;
  line-height: 55px;
  color: #fff;
  font-size: 16px;
  border: 1px solid #0e386c;
  background: #1c59a4;
  cursor: pointer;
}

.login_w .form_box .fnc_a {
  zoom: 1;
  display: flex;
    justify-content: space-between;
    flex: 1;
}

.login_w .form_box .fnc_a:after {
  display: block;
  content: "";
  clear: both;
}

.login_w .form_box .fnc_a .remember {
  position: relative;
  float: left;
  height: 23px;
}

.login_w .form_box .fnc_a .remember input {
  position: absolute;
  top: 0;
  left: -9999px;
}

.login_w .form_box .fnc_a .remember label {
  display: block;
  padding-left: 34px;
  height: 23px;
  line-height: 23px;
  color: #888;
  font-weight: normal;
  background: url('../images/common/bg_checkbox_off.gif') no-repeat left;
}

.login_w .form_box .fnc_a .remember input:checked+label {
  background: url('../images/common/bg_checkbox_on.gif') no-repeat left;
}

.login_w .form_box .fnc_a .btn_find_password {
  float: right;
  height: 23px;
  line-height: 23px;
  color: #5c5c5c;
  text-decoration: underline;
}

.login_w .sns_login {
  padding: 12px 0;
  zoom: 1;
}

.login_w .sns_login:after {
  display: block;
  content: "";
  clear: both;
}

.login_w .sns_login .btn_sns_login {
  display: block;
  float: left;
  padding: 65px 0 2px;
  width: 50%;
  line-height: 16px;
  text-align: center;
}

.login_w .sns_login .facebook {
  width: calc(50% - 1px);
  color: #3c5a99;
  border-right: 1px solid #dadada;
  background: url('../images/sub/ico_login_facebook.gif') no-repeat center
    10px;
}

.login_w .sns_login .google {
  color: #d73d32;
  background: url('../images/sub/ico_login_google.gif') no-repeat center
    10px;
}

.login_w .btn_join {
  display: block;
  width: 100%;
  height: 59px;
  line-height: 59px;
  color: #060606;
  font-size: 16px;
  text-align: center;
  border-top: 1px dashed #dadada;
  border-bottom: 1px dashed #dadada;
  background: #f6f6f6;
}

.login_w .copyright {
  padding-top: 32px;
  text-align: center;
}
/* main */
.contents .common_w {
  margin: 10px 0;
  zoom: 1;
}

.contents .common_w:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .main {
  float: left;
  width: 890px;
}

.contents .common_w .main .row {
  margin-top: 10px;
  zoom: 1;
}

.contents .common_w .main .row:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .main .row.top {
  margin-top: 0;
  margin-bottom: 12px
}

.contents .common_w .row.top .box {
  float: left;
  margin-left: 10px;
  padding: 15px 14px 12px;
  width: 258px;
  height: 94px;
  border: 1px solid #ddd;
}

.contents .common_w .row.top .box:first-child {
  margin-left: 0;
}

.contents .common_w .row.top .box.media_registered {
  background: #fff url('../images/main/bg_main_box_media.png') no-repeat
    180px 19px;
}

.contents .common_w .row.top .box.campaign_registered {
  background: #fff url('../images/main/bg_main_box_campaign.png')
    no-repeat 180px 19px;
}

.contents .common_w .row.top .box.schedule_registered {
  background: #fff url('../images/main/bg_main_box_schedule.png')
    no-repeat 180px 22px;
}

.contents .common_w .row.top .box.coupon_used {
  background: #fff url('../images/main/bg_main_box_coupon.png') no-repeat
    185px 19px;
}

.contents .common_w .row.top .box.device_registered {
  background: #fff url('../images/main/bg_main_box_device.png') no-repeat
    190px 19px;
}

.contents .common_w .row.top .box.storage_used {
  background: #fff url('../images/main/bg_main_box_storage.png') no-repeat
    190px 19px;
}

.contents .common_w .row.top .box.bandwidth_used {
  background: #fff url('../images/main/bg_main_box_bandwidth.gif')
    no-repeat 180px 22px;
}

.contents .common_w .row.top .box .info_tit {
  color: #292929;
  font-size: 14px;
  font-weight: normal;
}

.contents .common_w .row.top .box .data {
  display: block;
  margin: 10px 0;
  padding-left: 8px;
  color: #2473ba;
  font-size: 50px;
  font-weight: normal;
}

.contents .common_w .row.top .box .data .unit {
  font-size: 30px;
}

.contents .common_w .row.top .box .sm_data {
  zoom: 1;
}

.contents .common_w .row.top .box .sm_data:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .row.top .box .sm_data dl {
  float: left;
  margin-right: 15px;
  zoom: 1;
}

.contents .common_w .row.top .box .sm_data dl:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .row.top .box .sm_data dl dt, .contents .common_w .row.top .box .sm_data dl dd
  {
  float: left;
}

.contents .common_w .row.top .box .sm_data dl dt {
  color: #999;
}

.contents .common_w .row.top .box .sm_data dl dd {
  margin-left: 6px;
  color: #444;
}

.contents .common_w .row.mid .chart_box {
  padding: 15px 13px 19px;
  width: 410px;
  height: 205px;
  border: 1px solid #ddd;
  background: #fff;
}

.contents .common_w .row.mid .head {
  margin-bottom: 25px;
  zoom: 1;
}

.contents .common_w .row.mid .head:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .row.mid .head h2 {
  float: left;
  color: #292929;
  font-size: 14px;
  font-weight: normal;
}

.contents .common_w .row.mid .head .category {
  position: relative;
  float: right;
  text-align: right;
}

.contents .common_w .row.mid .head .category input[type="radio"] {
  position: absolute;
  top: 0;
  left: -9999px;
}

.contents .common_w .row.mid .head .category label {
  display: inline-block;
  margin-left: 12px;
  padding-left: 24px;
  height: 18px;
  line-height: 18px;
  color: #999;
  font-size: 13px;
  font-weight: normal;
  background: url('../images/common/bg_radio_off.gif') no-repeat left;
}

.contents .common_w .row.mid .head .category input[type="radio"]:checked+label
  {
  background: url('../images/common/bg_radio_on.gif') no-repeat left;
}

.contents .common_w .row.mid .visitor {
  float: left;
}

.contents .common_w .row.mid .visitor .chart {
  width: 414px;
  height: 160px;
}

.contents .common_w .row.mid .visitor .sample {
  zoom: 1;
}

.contents .common_w .row.mid .visitor .sample:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .row.mid .visitor .sample span {
  display: block;
  float: left;
  margin-right: 9px;
  color: #999;
  font-size: 11px;
}

.contents .common_w .row.mid .visitor .sample em {
  display: inline-block;
  margin-right: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50em;
}

.contents .common_w .row.mid .visitor .sample .blue em {
  background: #5799c7;
}

.contents .common_w .row.mid .visitor .sample .sky em {
  background: #c2d5ee;
}

.contents .common_w .row.mid .visitor .sample .orange em {
  background: #ff9f4a;
}

.contents .common_w .row.mid .visitor .sample .orange2 em {
  background: #ffcc9a;
}

.contents .common_w .row.mid .media {
  float: right;
  width: 414px;
}

.contents .common_w .row.mid .media .chart {
  width: 414px;
  height: 160px;
}

.contents .common_w .row.mid .media .summary {
  margin-bottom: 22px;
  zoom: 1;
}

.contents .common_w .row.mid .media .summary:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .row.mid .media .summary .left_a {
  float: left;
  width: 185px;
}

.contents .common_w .row.mid .media .summary .txt {
  float: left;
  padding-top: 5px;
  width: 45px;
  color: #2f2f2f;
  font-size: 30px;
}

.contents .common_w .row.mid .media .summary .right_a {
  float: left;
  width: 184px;
  text-align: right;
}

.contents .common_w .row.mid .media .summary dl dt {
  display: block;
  margin-bottom: 12px;
  color: #999;
  font-size: 11px;
}

.contents .common_w .row.mid .media .summary dl dt em {
  display: inline-block;
  margin-right: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50em;
}

.contents .common_w .row.mid .media .summary dl dd {
  font-size: 13px;
}

.contents .common_w .row.mid .media .summary .left_a dd {
  margin-left: 16px;
  color: #e35909;
}

.contents .common_w .row.mid .media .summary .left_a dt em {
  background: #ff9f4a;
}

.contents .common_w .row.mid .media .summary .right_a dd {
  color: #585858;
}

.contents .common_w .row.mid .media .summary .right_a dt em {
  background: #585858;
}

.contents .common_w .row.bot {
  position: relative;
  padding: 17px 15px 13px;
  border: 1px solid #ddd;
  background: #fff;
}

.contents .common_w .row.bot .head {
  margin-bottom: 18px;
}

.contents .common_w .row.bot .head h2 {
  color: #292929;
  font-size: 14px;
  font-weight: normal;
}

.contents .common_w .row.bot .controller {
  position: absolute;
  top: 16px;
  right: 13px;
  zoom: 1;
}

.contents .common_w .row.bot .controller:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .row.bot .controller button {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.contents .common_w .row.bot .controller .btn_slide_prev {
  border: 1px solid #ddd;
  background: url('../images/common/btn_slide_prev.gif') no-repeat center;
}

.contents .common_w .row.bot .controller .btn_slide_next {
  border: 1px solid #ddd;
  border-left: 0;
  background: url('../images/common/btn_slide_next.gif') no-repeat center;
}

.contents .common_w .row.bot li {
  width: 110px;
}

.contents .common_w .row.bot li .pic {
  margin: 0 auto 10px;
  width: 110px;
  height: 110px;
}

.contents .common_w .row.bot li .pic img {
  width: 110px;
  height: 110px;
}

.contents .common_w .row.bot li .name {
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 11px;
  color: #666;
  text-align: center;
}

.contents .common_w .row.bot li .name:first-child {
  margin-bottom: 6px;
}

.contents .common_w .row.bot li .btns {
  text-align: center;
}

.contents .common_w .row.bot li .btns a {
  margin: 0 2px;
}

.contents .common_w .etc {
  float: right;
  padding: 15px;
  width: 268px;
  border: 1px solid #cdd5de;
  background: #fcfcfc;
  background-size: 100% 100%;
}

.contents .common_w .etc .head {
  margin-bottom: 16px;
  height: 20px;
  line-height: 20px;
  zoom: 1;
}

.contents .common_w .etc .head:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .etc .head h2 {
  float: left;
  color: #292929;
  font-size: 14px;
  font-weight: normal;
}

.contents .common_w .etc .head a {
  float: right;
}

.contents .common_w .etc .new_media {
  margin-bottom: 25px;
}

.contents .common_w .etc .new_media .add_file {
  position: relative;
  margin-bottom: 12px;
}

.contents .common_w .etc .new_media .add_file input[type="file"] {
  position: absolute;
  top: 0;
  left: -9999px;
}

.contents .common_w .etc .new_media .add_file label {
  display: block;
  height: 98px;
  background: url('../images/main/bg_main_add_file.gif') no-repeat;
}

.contents .common_w .etc .new_media .input_box {
  margin-bottom: 10px;
  height: 37px;
  border-bottom: 1px solid #999;
}

.contents .common_w .etc .new_media .input_box input[type="text"] {
  padding: 0 2%;
  width: 96%;
  height: 37px;
  line-height: 37px;
  color: #999;
  border: 0;
  background: none;
}

.contents .common_w .etc .new_media button {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background: #5d9eda;
}

.contents .common_w .etc .news {
  margin-bottom: 30px;
}

.contents .common_w .etc .news li {
  margin-top: 16px;
}

.contents .common_w .etc .news li:first-child {
  margin-top: 0;
}

.contents .common_w .etc .news li a {
  display: block;
}

.contents .common_w .etc .news li .subject {
  padding: 5px 0;
  color: #2a5276;
  font-size: 15px;
}

.contents .common_w .etc .news li .date {
  color: #92969a;
}

.contents .common_w .etc .news {
  position: relative;
  height: 230px;
}

.contents .common_w .etc .news .controller {
  position: absolute;
  top: 2px;
  right: 0;
  zoom: 1;
}

.contents .common_w .etc .news .controller:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .etc .news .controller button {
  display: block;
  float: left;
  width: 20px;
  height: 18px;
  cursor: pointer;
}

.contents .common_w .etc .news .controller .btn_slide_prev {
  border: 1px solid #ddd;
  background: url('../images/common/btn_slide_prev_big.gif') no-repeat
    center;
}

.contents .common_w .etc .news .controller .btn_slide_next {
  border: 1px solid #ddd;
  border-left: 0;
  background: url('../images/common/btn_slide_next_big.gif') no-repeat
    center;
}

.contents .common_w .etc .event {
  position: relative;
  margin-bottom: 30px;
  height: 235px;
}

.contents .common_w .etc .event .controller {
  position: absolute;
  top: 2px;
  right: 0;
  zoom: 1;
}

.contents .common_w .etc .event .controller:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .etc .event .controller button {
  display: block;
  float: left;
  width: 20px;
  height: 18px;
  cursor: pointer;
}

.contents .common_w .etc .event .controller .btn_slide_prev {
  border: 1px solid #ddd;
  background: url('../images/common/btn_slide_prev_big.gif') no-repeat
    center;
}

.contents .common_w .etc .event .controller .btn_slide_next {
  border: 1px solid #ddd;
  border-left: 0;
  background: url('../images/common/btn_slide_next_big.gif') no-repeat
    center;
}

.contents .common_w .etc .account {
  position: relative;
  margin-bottom: 30px;
  height: 235px;
}

.contents .common_w .etc .account .controller {
  position: absolute;
  top: 2px;
  right: 0;
  zoom: 1;
}

.contents .common_w .etc .account .controller:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .etc .account .controller button {
  display: block;
  float: left;
  width: 20px;
  height: 18px;
  cursor: pointer;
}

.contents .common_w .etc .account .controller .btn_slide_prev {
  border: 1px solid #ddd;
  background: url('../images/common/btn_slide_prev_big.gif') no-repeat
    center;
}

.contents .common_w .etc .account .controller .btn_slide_next {
  border: 1px solid #ddd;
  border-left: 0;
  background: url('../images/common/btn_slide_next_big.gif') no-repeat
    center;
}

/* sub common */
.contents .common_w .sub {
  float: left;
  padding: 30px;
  width: 94.7%;
  min-height: 824px;
  background: #fff;
  border: 1px solid #ddd;
}

.popup-select {
  overflow:auto;
}

.popup-select-media .content-list{
  height:550px;
  margin-bottom: 10px;
}

.popup-select-campaign .content-list{
  height:39rem;
  margin-bottom: 10px;
}

.popup-select-capp .content-list{
  height:39rem;
  margin-bottom: 10px;
}

.popup-select .ui-tree-node-guide{
  margin-top: 10px;
}

.popup-select .catg-box{
  float: left;
  width: 25%;
  height:90%;
}
.popup-select .catg-header{
  height: 50px;
  color: #265ea0;
  font-size: 14px;
  border: 1px solid #c3c3c3;
  border-top: 1px solid #265ea0;
  background: #f7f7f7;
  margin: 0;
  text-align: center;
  line-height: 50px;
}
.popup-select .catg-box .catg{
  width: 100%;
  height:100%;
  border-width:3px;
  border-style:solid;
  border-color:gray;
  overflow:auto;
}
.popup-select .items{
  float: right;
  width: 73%;
  height:95%;
  overflow: auto;
}

/************************/
.inline-select_a {
    float: right;
    height: 25px;
    border: none;
    margin:6px 5px 5px 5px;
    zoom: 1;
}

.inline-search_a {
    float: right;
    height: 25px;
    width: 9rem;
    border: 1px solid #d5d5d5;
    margin:5px;
    zoom: 1;
}

.inline-search_a .input_box {
    float: left;
    width: 7rem;
    height: 34px;
}

.inline-search_a .input_box input {
    padding: 0 10px;
    width: calc(100% - 20px);
    height: 25px;
    line-height: 25px;
    color: #666;
    font-size: 12px;
    border: 0;
}

.inline-search_a .btn_search {
    display: block;
    float: right;
    width: 30px;
    height: 25px;
    background: url(../images/sub/btn_cont_head_search.gif) no-repeat;
    background-size:cover;
}

.inline-device-list{
  height: 260px;
}

.inline-device-list .ui-tree-node-guide{
  margin-top: 10px;
}

.inline-device-list .catg-container{
  float: left;
  width: 30%;
  height: 260px;
  overflow: auto;
}

.inline-device-list .catg-box{
  width: 100%;
  height: 790px;
}

.inline-device-list .catg-box .catg{
  width: 100%;
  overflow:auto;
  min-height: 790px;
}

.inline-device-list .catg-header{
  height: 50px;
  color: #265ea0;
  font-size: 14px;
  border: 1px solid #c3c3c3;
  border-top: 1px solid #265ea0;
  background: #f7f7f7;
  margin: 0;
  text-align: center;
  line-height: 50px;
}
.inline-device-list .catg-box .catg{
  width: 100%;
  height:100%;
  border-width:3px;
  border-style:solid;
  border-color:gray;
  overflow:auto;
}
.inline-device-list .items{
  float: right;
  width: 68%;
  height:90%;
  overflow: auto;
}

.inline-device-list .items .common_list{
  height:100%;
  overflow: hidden;
}

.inline-device-list .items .common_list{
  height:100%;
  overflow: hidden;
}

.inline-device-list .items .common_list .dataTables_info{
  margin-top: .5rem;
  font-size: .7rem;
}

.inline-device-list .items .common_list .dataTables_paginate{
  margin-top: 1rem;
  font-size: .7rem;
}

.inline-device-list .items .common_list .dataTables_paginate a{
  font-size: .7rem;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.inline-device-list table {
    width: 100%;
}

.inline-device-list table tr{
    line-height:1rem;
}

.inline-device-list table md-checkbox{
    margin:.2rem;
}

.inline-device-list .dataTables_scrollHead table thead th{
    height:2rem;
}

.schdule-device-list-head {
  display: inline-flex;
  float: right;
  width: 68%;
  justify-content: space-between;
  line-height: 2rem;
  height: 2.5rem;
}

.schdule-device-list-head .select-all{
    display: inline-flex;
    align-items: center;
}

.schdule-device-list-head .selected-status{
  display: inline-flex;
  align-items: center;
}

.schdule-device-list-head .selected-status .selected-label{
  font-weight: 400;
  margin-right: .2rem;
}

.schdule-device-list-head .selected-status .selected-cnt{
  font-weight: 700;
}

.schdule-device-list-head .inline-search_a{
    /* width:9rem; */
}

.schdule-device-list-head .inline-search_a.sel-page-length{
    width: 7.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    border: none;
}

.schdule-device-list-head .inline-search_a .input_box{
    /*width:5rem;*/
}

.schdule-device-list-head .inline-search_a .input_box input{
    height:1rem;
}

.inline-device-list .dataTables_scrollBody table tbody td{
    height:2rem;
}

.inline-device-list .table-header-container {
    overflow-y:scroll;
    height:40px;
}

.inline-device-list .table-body-container {
    overflow-y:scroll;
    height:190px;
}

.inline-device-list table th {
    height: 30px;
    color: #265ea0;
    font-size: 12px;
    border: 1px solid #c3c3c3;
    border-top: 1px solid #265ea0;
    background: #f7f7f7;
}
.inline-device-list table td {
    height: 30px;
    color: #585858;
    font-size: 11px;
    border-bottom: 1px solid #c3c3c3;
}
.inline-device-list table th, .inline-device-list table td {
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  line-height: 1.2rem;
}
/****************/

.contents .common_w .sub .content-list{
  height:855px;
}
.contents .common_w .sub .catg-box{
	padding-top : 5px;
  float: left;
  width: 23%;
  height:100%;
}
.contents .common_w .sub .catg-header{
  height: 50px;
  color: #265ea0;
  font-size: 14px;
  border-top: 1px solid #265ea0;
  background: #f7f7f7;
  margin: 0;
  padding-left: 10px;
  line-height: 50px;
  font-weight: bold;
}

.contents .common_w .sub .ui-tree-node-guide{
  margin-top: 10px;
}

.contents .common_w .sub .catg-box{
  float: left;
  width: 23%;
  height:100%;
}

.popup-select .catg-header{
  height: 50px;
  color: #265ea0;
  font-size: 14px;
  border: 1px solid #c3c3c3;
  border-top: 1px solid #265ea0;
  background: #f7f7f7;
  margin: 0;
  text-align: center;
  line-height: 50px;
}
.contents .common_w .sub .catg-box .catg{
  width: 100%;
  overflow:auto;
  min-height: 790px;
}
.contents .common_w .sub .items{
  float: right;
  width: 75%;
  height:100%;
}

.contents .common_w .sub .items.full{
  width: 100%;
}

.content-list .items-tb {
  margin-top : 5px;
}

.content-list .items-tb tbody {
  max-height : 750px;
  min-height : 0px;
}

.contents .common_w .sub .contents{
  float: right;
  width: 75%;
}

.contents .common_w .sub .head {
  margin-bottom: 1rem;
  zoom: 1;
}

.contents .common_w .sub .head:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .sub .head .tit {
  float: left;
  color: #292929;
  font-size: 30px;
  font-weight: normal;
}

.contents .common_w .sub .head .subtit {
  float: left;
  color: #202020;
  font-size: 15px;
  font-weight: normal;
}

.contents .common_w .sub .head .search_c {
  float: right;
  width: 228px;
  height: 34px;
  border: 1px solid #d5d5d5;
  zoom: 1;
}

.contents .common_w .sub .head .search_c:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .sub .head .search_c .input_box {
  float: left;
  width: 190px;
  height: 34px;
}

.contents .common_w .sub .head .search_c .input_box input {
  padding: 0 10px;
  width: calc(100% - 22px);
  height: 34px;
  line-height: 34px;
  color: #666;
  font-size: 12px;
  border: 0;
}

.contents .common_w .sub .head .search_c .input_box input.input-filter {
  padding: 0 10px;
  width: calc(100% - 22px);
  height: 34px;
  line-height: 34px;
  color: #666;
  font-size: 12px;
  border: 0;
}

.contents .common_w .sub .head .search_c .btn_search {
  display: block;
  float: right;
  width: 38px;
  height: 34px;
  background: url('../images/sub/btn_cont_head_search.gif') no-repeat;
}

.contents .common_w .sub .head .search_a .filter-type-none {
  display: block;
  float: left;
  width: 38px;
  height: 34px;
  background:none;
  border-right: 1px solid #d5d5d5;
  background-position: center;
}

.contents .common_w .sub .head .search_a .filter-type-campaign {
  display: block;
  float: left;
  width: 38px;
  height: 34px;
  background: #fff url('../images/main/bg_main_box_campaign.png')
    no-repeat 180px 19px;
    background-size: contain;
  border-left: 1px solid #d5d5d5;
  background-position: center;
}

.contents .common_w .sub .head .search_a .filter-type-device {
  display: block;
  float: left;
  width: 38px;
  height: 34px;
  background: #fff url('../images/main/bg_main_box_device.png') no-repeat
    190px 19px;
    background-size: contain;
  border-left: 1px solid #d5d5d5;
  background-position: center;
}

.contents .common_w .sub .head .search_a .filter {
  display: block;
  float: right;
  width: 38px;
  height: 34px;
  background: url('../images/sub/bg_filter_normal_off.gif') no-repeat;
  background-position: center;
}
.contents .common_w .sub .head .search_a .filter.on {
  display: block;
  float: right;
  width: 38px;
  height: 34px;
  background: url('../images/sub/bg_filter_normal_on.gif') no-repeat;
  border-left: 1px solid #d5d5d5;
  background-position: center;
}

.search_a.sel-page-length {
  margin-right: 2rem !important;
  border:none !important;
  width:max-content !important;
}

.search_a.sel-page-length span{
  margin-right:1rem !important;
}

.search_a.sel-page-length select{
  height:100% !important;
}

.contents .common_w .sub .head .list_type {
  float: right;
  margin-left: 5px;
  border: 1px solid #d5d5d5;
  zoom: 1;
}

.contents .common_w .sub .head .list_type:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .sub .head .list_type a {
  display: block;
  float: left;
  padding-left: 25px;
  height: 34px;
  line-height: 34px;
  color: #bfc0c2;
  text-align: center;
}

.contents .common_w .sub .head .list_type a.on {
  color: #2454a0;
}

.contents .common_w .sub .head .list_type .thumbnail {
  width: 79px;
  border-right: 1px solid #eee;
  background: url('../images/sub/bg_list_thumbnail_off.gif') no-repeat
    10px;
}

.contents .common_w .sub .head .list_type .thumbnail.on {
  background: url('../images/sub/bg_list_thumbnail_on.gif') no-repeat 10px;
}

.contents .common_w .sub .head .list_type .list {
  width: 79px;
  background: url('../images/sub/bg_list_normal_off.gif') no-repeat 10px;
}

.contents .common_w .sub .head .list_type .list.on {
  background: url('../images/sub/bg_list_normal_on.gif') no-repeat 10px;
}

.contents .common_w .sub .category {
  margin-bottom: 20px;
}

.contents .common_w .sub .category ul {
  border-bottom: 1px solid #2454a0;
  zoom: 1;
}

.contents .common_w .sub .category ul:after {
  display: block;
  content: "";
  clear: both;
}

.contents .common_w .sub .category ul li {
  float: left;
  border: 1px solid #c3c3c3;
  border-bottom: 0;
  background: #f5f5f5;
}

.contents .common_w .sub .category ul li a {
  display: block;
  width: 164px;
  height: 38px;
  line-height: 38px;
  color: #222;
  font-size: 14px;
  text-align: center;
}

.contents .common_w .sub .category ul li.curr {
  background: #fff;
  border: 1px solid #2454a0;
  border-bottom: 0;
}

.contents .common_w .sub .category ul li.curr a {
  position: relative;
  top: 1px;
  color: #2454a0;
  border-bottom: 1px solid #fff;
}

/* sub common dialog*/
md-dialog .sub .head {
  margin-bottom: 30px;
  zoom: 1;
}

md-dialog .sub .head:after {
  display: block;
  content: "";
  clear: both;
}

md-dialog .sub .head .tit {
  float: left;
  color: #292929;
  font-size: 30px;
  font-weight: normal;
}

md-dialog .sub .head .search_a {
  float: right;
  width: 228px;
  height: 34px;
  border: 1px solid #d5d5d5;
  zoom: 1;
}

md-dialog .sub .head .search_a:after {
  display: block;
  content: "";
  clear: both;
}

md-dialog .sub .head .search_a .input_box {
  float: left;
  width: 190px;
  height: 34px;
}

md-dialog .sub .head .search_a .input_box input {
  padding: 0 10px;
  width: calc(100% - 20px);
  height: 34px;
  line-height: 34px;
  color: #666;
  font-size: 12px;
  border: 0;
}

md-dialog .sub .head .search_a .btn_search {
  display: block;
  float: right;
  width: 38px;
  height: 34px;
  background: url('../images/sub/btn_cont_head_search.gif') no-repeat;
}

md-dialog .sub .head .list_type {
  float: right;
  margin-left: 5px;
  border: 1px solid #d5d5d5;
  zoom: 1;
}

md-dialog .sub .head .list_type:after {
  display: block;
  content: "";
  clear: both;
}

md-dialog .sub .head .list_type a {
  display: block;
  float: left;
  padding-left: 25px;
  height: 34px;
  line-height: 34px;
  color: #bfc0c2;
  text-align: center;
}

md-dialog .sub .head .list_type a.on {
  color: #2454a0;
}

md-dialog .sub .head .list_type .thumbnail {
  width: 79px;
  border-right: 1px solid #eee;
  background: url('../images/sub/bg_list_thumbnail_off.gif') no-repeat
    10px;
}

md-dialog .sub .head .list_type .thumbnail.on {
  background: url('../images/sub/bg_list_thumbnail_on.gif') no-repeat 10px;
}

md-dialog .sub .head .list_type .list {
  width: 38px;
  background: url('../images/sub/bg_list_normal_off.gif') no-repeat 10px;
}

md-dialog .sub .head .list_type .list.on {
  background: url('../images/sub/bg_list_normal_on.gif') no-repeat 10px;
}

md-dialog .sub .category {
  margin-bottom: 20px;
}

md-dialog .sub .category ul {
  border-bottom: 1px solid #2454a0;
  zoom: 1;
}

md-dialog .sub .category ul:after {
  display: block;
  content: "";
  clear: both;
}

md-dialog .sub .category ul li {
  float: left;
  border: 1px solid #c3c3c3;
  border-bottom: 0;
  background: #f5f5f5;
}

md-dialog .sub .category ul li a {
  display: block;
  width: 164px;
  height: 38px;
  line-height: 38px;
  color: #222;
  font-size: 14px;
  text-align: center;
}

md-dialog .sub .category ul li.curr {
  background: #fff;
  border: 1px solid #2454a0;
  border-bottom: 0;
}

md-dialog .sub .category ul li.curr a {
  position: relative;
  top: 1px;
  color: #2454a0;
  border-bottom: 1px solid #fff;
}

/* common list */
.common_list table {
  width: 100%;
}

.common_list table th, .common_list table td {
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
}

.common_list table th {
  height: 50px;
  color: #265ea0;
  font-size: 14px;
  border: 1px solid #c3c3c3;
  border-top: 1px solid #265ea0;
  background: #f7f7f7;
}

.common_list table td span{
	font-size: 13px;
}

.common_list table td {
  height: 73px;
  color: #585858;
  font-size: 13px;
  border-bottom: 1px solid #c3c3c3;
  line-height:1.5rem;
}

.common_list table td a {
  color: #585858;
  font-size: 13px;
}
/* .common_list table .subscribe td {color:#d40a0a;} */
.common_list table td .btn_subscribe {
  width: 107px;
  height: 34px;
  color: #fff;
  border: 1px solid #0e386c;
  background: #1c59a4;
  cursor: pointer;
}

.common_list table .subscribe td .btn_subscribe {
  border: 1px solid #a70909;
  background: #d40a0a;
}

.common_list table td .btn_img {
  vertical-align: middle;
}

.common_list table td .checkbox {
  display: inline-block;
  position: relative;
  width: 23px;
  height: 23px;
}

.common_list table td .checkbox input {
  position: absolute;
  top: 0;
  left: -9999px;
}

.common_list table td .checkbox label {
  display: block;
  width: 23px;
  height: 23px;
  background: url('../images/common/bg_checkbox_off.gif') no-repeat left;
}

.common_list table td .checkbox input:checked+label {
  background: url('../images/common/bg_checkbox_on_blue.gif') no-repeat
    left;
}

.common_list table td.txt_blue {
  color: #1c5aa5;
}

.common_list table td.txt_red {
  color: #d40a0a;
}

.common_list table td.txt_black {
  color: #222;
}
/* common search */
.common_search_a {
  margin-bottom: 10px;
}

.common_search_a table {
  width: 100%;
}

.common_search_a table th, .common_search_a table td {
  padding: 5px 10px;
  font-weight: normal;
  vertical-align: middle;
  text-align: left;
  border: 1px solid #c3c3c3;
}

.common_search_a table th {
  color: #222;
  font-size: 14px;
  background: #f5f5f5;
}

.common_search_a table td .row {
  height: 38px;
  zoom: 1;
}

.common_search_a table td .row:after {
  display: block;
  content: "";
  clear: both;
}

.common_search_a table td .row .txt {
  display: block;
  float: left;
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  color: #222;
  font-size: 14px;
}

.common_search_a table td .row .input_box {
  position: relative;
  float: left;
  width: 140px;
  height: 36px;
  border: 1px solid #ccc;
}

.common_search_a table td .row .input_box input[type="text"] {
  padding: 0 10px;
  width: 120px;
  height: 36px;
  line-height: 36px;
  color: #333;
  font-size: 13px;
  border: 0;
}

.common_search_a table td .row .input_box img {
  position: absolute;
  top: 0;
  right: 0;
}

.common_search_a table td .c_selectbox {
  position: relative;
  height: 38px;
  background: #fff url('../images/common/bg_clear_selectbox_arrow.gif')
    no-repeat right center;
  border: 0;
}

.common_search_a table td .c_selectbox label {
  position: absolute;
  letter-spacing: 0;
  color: #585858;
  font-size: 12px;
  font-weight: normal;
  top: 12px;
  left: 10px;
}

.common_search_a table td .c_selectbox select {
  width: 100%;
  height: 38px;
  min-height: 38px;
  line-height: 38px;
  padding: 0 10px;
  opacity: 0;
  filter: alpha(opacity = 0);
}
/* service */
.service .thumbnail_list ul {
  zoom: 1;
}

.service .thumbnail_list ul:after {
  display: block;
  content: "";
  clear: both;
}

.service .thumbnail_list li {
  float: left;
  margin-left: 24px;
  margin-bottom: 10px;
  width: 260px;
}

.service .thumbnail_list li.left {
  margin-left: 0;
}

.service .thumbnail_list li .info_box {
  padding: 0 20px;
  border: 1px solid #d5d5d5;
  border-bottom: 0;
}

.service .thumbnail_list li .info_box .name {
  height: 58px;
  line-height: 61px;
  color: #2473ba;
  font-size: 22px;
  text-align: center;
}

.service .thumbnail_list li.subscribe .info_box .name {
  color: #d40a0a;
}

.service .thumbnail_list li .info_box .price_box {
  padding: 14px 15px;
  border: 1px solid #d5d5d5;
  background: #f3f3f3;
}

.service .thumbnail_list li .info_box .price_box dt {
  color: #585858;
  font-size: 14px;
}

.service .thumbnail_list li .info_box .price_box dd {
  margin: 18px 0 0;
  padding-left: 42px;
  height: 38px;
  line-height: 38px;
  color: #222;
  font-size: 36px;
  background: url('../images/sub/bg_won.png') no-repeat left;
}

.service .thumbnail_list li .info {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  color: #585858;
  font-size: 13px;
  border-top: 1px solid #d5d5d5;
}

.service .thumbnail_list li .info.first {
  border-top: 0;
}

.service .thumbnail_list li .btn_subscribe {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  background: #1c5aa5;
  cursor: pointer;
}

.service .thumbnail_list li.subscribe .btn_subscribe {
  background: #d40a0a;
}

* coupon * /
.coupon .thumbnail_list ul {
  zoom: 1;
}

.coupon .thumbnail_list ul:after {
  display: block;
  content: "";
  clear: both;
}

.coupon .thumbnail_list li {
  float: left;
  margin-left: 24px;
  margin-bottom: 10px;
  width: 260px;
}

.coupon .thumbnail_list li.left {
  margin-left: 0;
}

.coupon .thumbnail_list li .info_box {
  padding: 0 20px;
  border: 1px solid #d5d5d5;
  border-bottom: 0;
}

.coupon .thumbnail_list li .info_box .name {
  height: 58px;
  line-height: 61px;
  color: #2473ba;
  font-size: 22px;
  text-align: center;
}

.coupon .thumbnail_list li.subscribe .info_box .name {
  color: #d40a0a;
}

.coupon .thumbnail_list li .info_box .price_box {
  padding: 14px 15px;
  border: 1px solid #d5d5d5;
  background: #f3f3f3;
}

.coupon .thumbnail_list li .info_box .price_box dt {
  color: #585858;
  font-size: 14px;
}

.coupon .thumbnail_list li .info_box .price_box dd {
  margin: 18px 0 0;
  padding-left: 42px;
  height: 38px;
  line-height: 38px;
  color: #222;
  font-size: 36px;
  background: url('../images/sub/bg_won.png') no-repeat left;
}

.coupon .thumbnail_list li .info {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  color: #585858;
  font-size: 13px;
  border-top: 1px solid #d5d5d5;
}

.coupon .thumbnail_list li .info.first {
  border-top: 0;
}

.coupon .thumbnail_list li .btn_subscribe {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  background: #1c5aa5;
  cursor: pointer;
}

.coupon .thumbnail_list li.subscribe .btn_subscribe {
  background: #d40a0a;
}
/* screen shots */
/* list*/
.screenshot_thumbnail_list ul {
  zoom: 1;
  padding :10px;
}

.screenshot_thumbnail_list ul:after {
  display: block;
  content: "";
  clear: both;
}

.screenshot_thumbnail_list ul li {
  float: left;
  margin-bottom: 30px;
  margin-left: 9px;
  width: 270px;
}

.screenshot_thumbnail_list ul li.left {
  margin-left: 0;
}

.screenshot_thumbnail_list ul li .pic {
  position: relative;
  width: 268px;
  height: 170px;
  margin :2px;
  border: 1px solid #d5d5d5;
}

.screenshot_thumbnail_list ul li .pic img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.screenshot_thumbnail_list ul li .info {
  padding: 14px 5px 5px;
  border: 1px solid #d5d5d5;
  border-top: 0;
  background: #f3f3f3;
}

.screenshot_thumbnail_list ul li .info .subject {
  margin-bottom: 6px;
  color: #222;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
}

.screenshot_thumbnail_list ul li .info .row {
  zoom: 1;
}

.screenshot_thumbnail_list ul li .info .row:after {
  display: block;
  content: "";
  clear: both;
}

.screenshot_thumbnail_list ul li .info .row .subject {
  float: left;
  width: 140px;
  height: 32px;
  line-height: 32px;
  color: #585858;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.screenshot_thumbnail_list ul li .info .row .btns {
  float: right;
}

.screenshot_thumbnail_list ul li .info .row .btns a {
  display: inline-block;
}

.device .common_list td .pic {
  padding: 14px 0;
}

.device .common_list td .pic img {
  width: 51px;
  height: 51px;
}

[screen-shot-thumb] {
  display: flex;
    height: 100%;
    width: 100%;
}

/* screen request */
.screenshot_request .layer_box {
  margin-left: -180px;
  width: 330px;
}

.screenshot_request .form_box .title {
  display: block;
  margin: 18px 0;
  color: #222;
  font-size: 16px;
  font-weight: normal;
}

.screenshot_request .form_box .input_box {
  margin-top: 10px;
  height: 44px;
  border: 1px solid #d5d5d5;
}

.screenshot_request .form_box .input_box:first-child {
  margin-top: 0;
}

.screenshot_request .form_box .input_box input[type="text"] {
  padding: 0 8px;
  width: calc(100% - 16px);
  height: 44px;
  line-height: 44px;
  color: #444;
  font-size: 14px;
  border: 0;
}

/* cms */
.campaign_recommended_list {
  width: 100%;
}
.wrap-campaigns {
  width:100%;
  height:192px;
  overflow-x:scroll;
}

.campaign-select {
  width: max-content;
  padding: 10px;
  white-space: nowrap;
}

.campaign_recommended_list ul {
  zoom: 1;
}

.campaign_recommended_list ul:after {
  display: block;
  content: "";
  clear: both;
}

.campaign_recommended_list ul li {
  float: left;
  margin-left: 9px;
  width: 130px !important;
  position:relative;
  display:inline-block;
  vertical-align:middle
}

.campaign_recommended_list ul li.left {
  margin-left: 0;
}

.campaign_recommended_list ul li .pic-ct {
  position: relative;
  width: 130px;
  height: 97px;
}

.campaign_recommended_list ul li .pic-ct img {
  max-height: auto !important;
  width: 100% !important;
  height: auto !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.thumbp-ct a {position: absolute; top: 0; display: block; width: 100%; height: 100%; z-index:1; text-align: center; text-decoration: none;}
.thumbp-ct a .play, .thumbp-ct a .overlay {opacity: 0}
.thumbp-ct a:hover .play, .thumbp-ct a:hover .overlay {display: block; transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.thumbp-ct a:hover .play {position: relative;font-size: 40px;color: #ffffff; margin-top: 24px;z-index: 1000;opacity: 1;}
.thumbp-ct a:hover .overlay {position: absolute; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: .7;}

.campaign_recommended_list ul li p {
  margin: 5px 0 5px 0;
}

.campaign_recommended_list ul li .btns img {
  width:24px;
}

/* media list*/
.media_thumbnail_list ul {
  zoom: 1;
}

.media_thumbnail_list ul:after {
  display: block;
  content: "";
  clear: both;
}

.media_thumbnail_list ul li {
  float: left;
  margin-bottom: 10px;
  margin-left: 9px;
  width: 270px;
}

.media_thumbnail_list ul li.left {
  margin-left: 0;
}

.media_thumbnail_list ul li .pic {
  position: relative;
  width: 268px;
  height: 170px;
  margin :2px 0;
  border: 1px solid #d5d5d5;
}

.media_thumbnail_list ul li .pic img {
  max-height: 98%;
  max-width: 98%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.media_thumbnail_list ul li .info {
  padding: 14px 5px 5px;
  border: 1px solid #d5d5d5;
  border-top: 0;
  background: #f3f3f3;
}

.media_thumbnail_list ul li .info .subject {
  margin-bottom: 6px;
  color: #222;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
}

.media_thumbnail_list ul li .info .row {
  zoom: 1;
}

.media_thumbnail_list ul li .info .row:after {
  display: block;
  content: "";
  clear: both;
}

.media_thumbnail_list ul li .info .row .filename {
  float: left;
  width: 140px;
  height: 32px;
  line-height: 32px;
  color: #585858;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.media_thumbnail_list ul li .info .row .btns {
  float: right;
}

.media_thumbnail_list ul li .info .row .btns a {
  display: inline-block;
}

/* media dialog*/
.media_thumbnail_list_im ul {
  zoom: 1;
}

.media_thumbnail_list_im ul:after {
  display: block;
  content: "";
  clear: both;
}

.media_thumbnail_list_im ul li {
  float: left;
  margin-bottom: 15px;
  margin-left: 9px;
  width: 146px;
}

.media_thumbnail_list_im ul li.left {
  margin-left: 0;
}

.media_thumbnail_list_im ul li .pic {
  position: relative;
  width: 134px;
  height: 99px;
  border: 1px solid #d5d5d5;
}

.media_thumbnail_list_im ul li .pic img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* event */
.event_thumbnail_list ul {
  zoom: 1;
}

.event_thumbnail_list ul:after {
  display: block;
  content: "";
  clear: both;
}

.event_thumbnail_list ul li {
  float: left;
  margin-bottom: 10px;
  margin-left: 9px;
  width: 270px;
}

.event_thumbnail_list ul li.left {
  margin-left: 0;
}

.event_thumbnail_list ul li .pic {
  position: relative;
  width: 268px;
  height: 170px;
  margin :2px;
}

.event_thumbnail_list ul li .pic img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.event .common_list td .pic {
  padding: 14px 0;
}

.event .common_list td .pic img {
  width: 51px;
  height: 51px;
}

/* cmapaign */
.campaign_thumbnail_list ul {
  zoom: 1;
}

.campaign_thumbnail_list ul:after {
  display: block;
  content: "";
  clear: both;
}

.campaign_thumbnail_list ul li {
  float: left;
  margin-bottom: 10px;
  margin-left: 9px;
  width: 270px;
}

.campaign_thumbnail_list ul li.left {
  margin-left: 0;
}

.campaign_thumbnail_list ul li .pic {
  position: relative;
  width: 268px;
  height: 170px;
  margin: 2px 0;
  border: 1px solid #d5d5d5;
}

.campaign_thumbnail_list ul li .pic img {
  max-height: 98%;
  max-width: 98%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.campaign_thumbnail_list ul li .pic img.share-icon-small {
  position: absolute;
  margin-top: -8px;
  margin-left: -4px;
}

.common_list table tr td div.pic {
  position: relative;
}

.common_list table tr td div.pic img.share-icon-small {
  position: absolute;
  margin-top: -6px;
  margin-left: -3px;
  left: 12px;
  width: 24px;
  height: 24px;
}

img.share-icon-tiny {
  position: absolute;
  width: 20px !important;
  height: 20px !important;
  margin-top: -5px;
  margin-left: -3px;
}

.schedule.list img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.campaign_thumbnail_list ul li .pic .btnPreview {
  position: absolute;
  left: 90%;
  top: 85%;
  width: 20px;
  height: 20px;
}

.campaign_thumbnail_list ul li .info {
  padding: 5px 5px 3px;
  border: 1px solid #d5d5d5;
  border-top: 0;
  background: #f3f3f3;
}

.campaign_thumbnail_list ul li .info .row {
  zoom: 1;
}

.campaign_thumbnail_list ul li .info .row:after {
  display: block;
  content: "";
  clear: both;
}

.campaign_thumbnail_list ul li .info .row .subject {
  float: left;
  width: 100%;
  height: 32px;
  line-height: 32px;
  color: #222;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.campaign_thumbnail_list ul li .info .row .btns {
  float: right;
}

.campaign_thumbnail_list ul li .info .row .btns a {
  display: inline-block;
}

.common_list td .pic {
  padding: 5px 0;
}

.common_list td .pic .schedue-update{
  height: auto;
  left: 0;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
  margin: 0;
  bottom: 5px;
  opacity: 0.8;
}

.common_list td .pic img {
  /* width: 70px; */
  height: 5vh;
}

.common_list tr.no-pic td{
  padding: 11px 0;
}

.common_list tr td.no-pic{
  padding: 0;
}

/* create campaign */
.create_campaign .form_box {
  margin-top: 15px;
  padding-top: 25px;
  border-top: 1px solid #ccc;
}

.create_campaign .form_box .summary {
  margin-bottom: 25px;
  color: #222;
  font-size: 20px;
}

.create_campaign .form_box .row {
  margin-top: 14px;
  zoom: 1;
}

.create_campaign .form_box .row:after {
  display: block;
  content: "";
  clear: both;
}

.create_campaign .form_box .row:first-child {
  margin-top: 0;
}

.create_campaign .form_box .row .input_box {
  float: left;
  height: 44px;
  border: 1px solid #d5d5d5;
}

.create_campaign .form_box .row .input_box input[type="text"] {
  padding: 0 10px;
  width: calc(100% - 20px);
  height: 44px;
  line-height: 44px;
  color: #222;
  font-size: 14px;
  border: 0;
}

.create_campaign .form_box .row .btn {
  display: block;
  float: left;
  margin-left: 5px;
  width: 35px;
  height: 44px;
  border: 1px solid #d5d5d5;
}

.create_campaign .form_box .row .btn.first {
  margin-left: 8px;
}

.create_campaign .form_box .row .btn img {
  display: block;
}

.create_campaign .layout_choice .row_head {
  margin-bottom: 20px;
  zoom: 1;
}

.create_campaign .layout_choice .row_head:after {
  display: block;
  content: "";
  clear: both;
}

.create_campaign .layout_choice .row_head .title {
  float: left;
  height: 32px;
  line-height: 32px;
  color: #666;
  font-size: 16px;
  font-weight: normal;
}

.create_campaign .layout_choice .row_head .c_selectbox {
  float: right;
}

.create_campaign .layout_choice .layout_list {
  width: 100%;
  height: 138px;
  border: 1px solid #d5d5d5;
}

.create_campaign .layout_view {
  margin-bottom: 30px;
  padding: 3px;
  width: 300px;
  height: 160px;
  border: 3px solid #13264c;
}

.create_campaign .sample_list {
  width: 100%;
  height: 314px;
  overflow-y: auto;
}

.create_campaign .row.bg .c_selectbox {
  float: right;
  height: 44px;
  background: #fff url('../images/common/bg_selectbox_arrow_long.gif')
    no-repeat right;
}

.create_campaign .row.bg .c_selectbox label {
  top: 13px;
  font-size: 14px;
}

.create_campaign .row.bg .c_selectbox select {
  height: 44px;
  min-height: 44px;
  line-height: 44px;
}

.create_campaign .sample_list ul {
  zoom: 1;
}

.create_campaign .sample_list ul:after {
  display: block;
  content: "";
  clear: both;
}

.create_campaign .sample_list ul li {
  float: left;
  margin: 0 0 7px 7px;
  padding: 0 8px;
  width: 180px;
  height: 149px;
  border: 1px solid #d5d5d5;
  background: #f4f4f4;
}

.create_campaign .sample_list ul li.left {
  margin: 0 0 7px 0;
}

.create_campaign .sample_list ul li .pic {
  display: table-cell;
  padding: 8px 0;
  width: 178px;
  height: 99px;
  text-align: center;
  vertical-align: middle;
}

.create_campaign .sample_list ul li .pic img {
  max-width: 178px;
  max-height: 99px;
}

.create_campaign .sample_list ul li .subject {
  width: 100%;
  color: #666;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.create_campaign .edit_area {
  margin-top: 20px;
  width: 828px;
  height: 360px;
  border: 1px solid #d5d5d5;
}

.create_campaign .btn_w {
  margin-top: 20px;
  text-align: center;
}

.create_campaign .btn_w .btn {
  display: inline-block;
  margin: 0 3px;
  width: 159px;
  height: 43px;
  line-height: 43px;
  font-size: 14px;
  text-align: center;
}

.create_campaign .btn_w .btn.gray {
  color: rgb(117,117,117);
  border: 1px solid rgb(117,117,117);
  background: rgb(189,189,189);
}

.create_campaign .btn_w .btn.black {
  color: #fff;
  border: 1px solid #1e1e1e;
  background: #474747;
}

.create_campaign .btn_w .btn.blue {
  color: #fff;
  border: 1px solid #0e386c;
  background: #1c59a4;
}

.create_campaign .btn_w .btn.white {
  color: #1c59a4;
  border: 1px solid #1c59a4;
  background: #fff;
}

/* report */
/* bar */
.report.bar .chart_a {
  width: 828px;
  height: 602px;
}

.c_selectbox {
  position: relative;
  height: 30px;
  background: #fff url('../images/common/bg_selectbox_arrow.gif')
    no-repeat right;
  border: 1px solid #ddd;
}

.c_selectbox label {
  position: absolute;
  color: #585858;
  font-size: 12px;
  font-weight: normal;
  top: 9px;
  left: 10px;
}

.c_selectbox select {
  width: 100%;
  height: 30px;
  min-height: 30px;
  line-height: 30px;
  padding: 0 10px;
  opacity: 0;
  filter: alpha(opacity = 0);
}

/* layer popup */
.common_layer {
  display: none;
}

.common_layer .dim_area {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  filter: alpha(opacity=70);
}

.layer_box {
  position: fixed;
  top: 70px;
  left: 50%;
  z-index: 1200;
  padding: 20px 25px 25px;
  background: #fff;
  border-top: 5px solid #265ea0;
}

.layer_box .btn_close_layer {
  position: absolute;
  top: 23px;
  right: 32px;
}

.layer_box h2 {
  margin-bottom: 10px;
  padding-bottom: 20px;
  letter-spacing: -1px;
  color: #222;
  font-size: 20px;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
}

.layer_box .category {
  margin: 20px 0;
}

.layer_box .category ul {
  border-bottom: 1px solid #2454a0;
  zoom: 1;
}

.layer_box .category ul:after {
  display: block;
  content: "";
  clear: both;
}

.layer_box .category ul li {
  float: left;
  border: 1px solid #c3c3c3;
  border-bottom: 0;
  background: #f5f5f5;
}

.layer_box .category ul li a {
  display: block;
  width: 164px;
  height: 38px;
  line-height: 38px;
  color: #222;
  font-size: 14px;
  text-align: center;
}

.layer_box .category ul li.curr {
  background: #fff;
  border: 1px solid #2454a0;
  border-bottom: 0;
}

.layer_box .category ul li.curr a {
  position: relative;
  top: 1px;
  color: #2454a0;
  border-bottom: 1px solid #fff;
}

.layer_box .scroll_a {
  height: 400px;
  overflow-y: auto;
}

.layer_box .btn_a {
  margin-top: 20px;
  zoom: 1;
}

.layer_box .btn_a:after {
  display: block;
  content: "";
  clear: both;
}

.layer_box .btn_a .btn {
  display: block;
  width: calc(100% - 2px);
  height: 43px;
  line-height: 43px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.layer_box .btn_a.two .btn {
  width: 40%;
  float: right;
}

.layer_box .btn_a.two .btn:first-child {
  float: left;
}

.layer_box .btn_a .btn.darkgray {
  border: 1px solid #1e1e1e;
  background: #474747;
}

.layer_box .btn_a .btn.blue {
  border: 1px solid #0e386c;
  background: #1c59a4;
}
/* common detail */
.company_detail_view .layer_box {
  margin-left: -240px;
  width: 430px;
}

.company_detail_view .common_view table {
  width: 100%;
}

.company_detail_view .common_view table th, .company_detail_view .common_view table td
  {
  padding: 0 8px;
  height: 38px;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #c3c3c3;
}

.company_detail_view .common_view table th {
  color: #265ea0;
  background: #f7f7f7;
}
/* add device groups */
.add_device_group .layer_box {
  margin-left: -165px;
  width: 280px;
}

.add_device_group .form_box .input_box {
  margin-top: 10px;
  height: 44px;
  border: 1px solid #d5d5d5;
}

.add_device_group .form_box .input_box:first-child {
  margin-top: 0;
}

.add_device_group .form_box .input_box input[type="text"] {
  padding: 0 8px;
  width: calc(100% - 16px);
  height: 44px;
  line-height: 44px;
  color: #444;
  font-size: 14px;
  border: 0;
}
/* modify device group */
.modify_device_group .layer_box {
  margin-left: -480px;
  width: 930px;
}

.modify_device_group .editor {
  zoom: 1;
}

.modify_device_group .editor:after {
  display: block;
  content: "";
  clear: both;
}

.modify_device_group .editor .box .title {
  padding: 15px 0 25px;
  color: #222;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}

.modify_device_group .editor .box .scroll_a {
  border: 1px solid #c3c3c3;
  border-top: 1px solid #265ea0;
}

.modify_device_group .editor .box .scroll_a table {
  width: 100%;
}

.modify_device_group .editor .box .scroll_a table th,
  .modify_device_group .editor .box .scroll_a table td {
  height: 49px;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #c3c3c3;
}

.modify_device_group .editor .box .scroll_a table th {
  color: #265ea0;
  font-size: 14px;
  font-weight: normal;
  background: #f7f7f7;
}

.modify_device_group .editor .box .scroll_a table tr th:first-child,
  .modify_device_group .editor .box .scroll_a table tr td:first-child {
  border-right: 1px solid #c3c3c3;
}

.modify_device_group .editor .box .scroll_a table tbody th,
  .modify_device_group .editor .box .scroll_a table tbody td {
  cursor: pointer;
}

.modify_device_group .editor .box .scroll_a table tr.curr td {
  background: #e3f2fd;
}

.modify_device_group .editor .group {
  float: left;
  width: 430px;
}

.modify_device_group .editor .btns {
  float: left;
  padding: 170px 0 0;
  width: 70px;
}

.modify_device_group .editor .btns a {
  display: block;
  margin: 5px auto;
  width: 29px;
  height: 30px;
  border: 1px solid #e8e8e8;
}

.modify_device_group .editor .btns a img {
  display: block;
}

.modify_device_group .editor .members {
  float: left;
  width: 430px;
}
/* add auth key */
.add_auth_key .layer_box {
  margin-left: -180px;
  width: 330px;
}

.add_auth_key .question {
  margin: 20px 0 10px;
  line-height: 30px;
  color: #1c59a4;
  font-size: 24px;
  text-align: center;
}

.add_auth_key .info {
  margin: 10px 0 30px;
  color: #585858;
  font-size: 14px;
  text-align: center;
}
/* add media */
.media_add .layer_box {
  margin-left: -180px;
  width: 330px;
}

.media_add .cont .add_media {
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #d5d5d5;
}

.media_add .cont .add_media input[type="file"] {
  position: absolute;
  top: 0;
  left: -9999px;
}

.media_add .cont .add_media label {
  display: block;
  height: 164px;
  background: url('../images/main/bg_main_add_file.gif') no-repeat
    center;
}

.media_add .cont .input_box {
  height: 37px;
  border: 1px solid #d5d5d5;
}

.media_add .cont .input_box input[type="text"] {
  padding: 0 10px;
  width: calc(100% - 20px);
  height: 37px;
  line-height: 37px;
  color: #333;
  font-size: 14px;
  border: 0;
  background: none;
}
/* media dialog */
.media_dialog .layer_box {
  margin-left: -480px;
  width: 930px;
}

.media_dialog .scroll_a {
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}

.media_dialog .scroll_a li {
  padding: 10px;
  border-bottom: 1px solid #c3c3c3;
  zoom: 1;
}

.media_dialog .scroll_a li:after {
  display: block;
  content: "";
  clear: both;
}

.media_dialog .scroll_a li .pic {
  float: left;
  width: 362px;
}

.media_dialog .scroll_a li .pic img {
  width: 362px;
  height: 203px;
}

.media_dialog .scroll_a li .info {
  float: left;
  margin-left: 26px;
  width: 414px;
}

.media_dialog .scroll_a li .info dl {
  zoom: 1;
}

.media_dialog .scroll_a li .info dl dt, .media_dialog .scroll_a li .info dl dd
  {
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
}

.media_dialog .scroll_a li .info dl dt {
  width: 140px;
  color: #265ea0;
  font-size: 16px;
}

.media_dialog .scroll_a li .info dl dd {
  width: 274px;
  color: #585858;
  font-size: 14px;
}

.media_dialog .scroll_a li .choice {
  position: relative;
  float: left;
  width: 90px;
}

.media_dialog .scroll_a li .choice input[type="radio"] {
  position: absolute;
  top: 0;
  left: -9999px;
}

.media_dialog .scroll_a li .choice label {
  display: block;
  width: 100%;
  height: 203px;
  background: url('../images/common/bg_radio_off.gif') no-repeat center;
}

.media_dialog .scroll_a li .choice input[type="radio"]:checked+label {
  background: url('../images/common/bg_radio_on_blue.gif') no-repeat
    center;
  background-size: 18px;
}

/*==================================
  960px
====================================*/
@media all and (max-width:1025px) {
  .pc {
    display: none !important;
  }
  .tablet {
    display: block !important;
  }
  /* common */
  .wrapper {
    width: 890px;
  }
  .header .gnb>ul>li {
    width: 178px;
  }
  .header .gnb>ul>li .sub {
    width: 178px;
  }
  .header .gnb>ul>li .sub li a {
    background: url('../images/common/bg_gnb_sub_arrow.png') no-repeat 165px;
  }
  .contents .common_w .main {
    float: none;
  }
  .contents .common_w .sub {
    float: none;
    min-height: auto;
  }
  .contents .common_w .etc {
    float: none;
    margin-top: 10px;
    padding: 15px 15px 5px;
    width: 860px;
    zoom: 1;
  }
  .contents .common_w .etc:after {
    display: block;
    content: "";
    clear: both;
  }
  .contents .common_w .etc>div {
    float: left;
    margin-left: 28px;
    width: 268px;
  }
  .contents .common_w .etc>.new_media {
    margin-left: 0;
  }
  .contents .common_w .etc.main {
    width: 858px;
  }
  .contents .common_w .etc.main>div {
    margin-left: 26px;
  }
  .contents .common_w .etc.main>.new_media {
    margin-left: 0;
  }
  /* sub */
}

/* common style */
.screen_out {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.loading_img {
  padding: 10px 0;
  text-align: center;
  opacity: 0.3;
}

.border_none {
  border: none !important;
}

.bg_none {
  background: none !important;
}

.no_shadow {
  box-shadow: none !important;
}

.box_round {
  border-radius: 6px;
}

.reset-password-form input {
  width:calc(100% - 1rem);
  padding-left: .5rem;
  padding-right: .5rem;
}