#utbItemPopup {
  background-color: transparent;
  width: 65%;
  aspect-ratio: 16/9;
  max-width: 1240px;
}
#utbItemPopup .utb-popup-guide {
  width: 100%;
  height: 100%;
}
#utbItemPopup .utb-popup-style {
  position: relative;
  background-color: #000;
  font-size: 0;
  width: 100%;
  height: 100%;
}
#utbItemPopup .utb-popup-style > div {
  width: 100%;
  height: 100%;
}
#utbItemPopup .utb-popup-style .closeBtn {
  top: -60px;
  width: 50px;
  height: 50px;
  background-size: 18px auto;
  background: transparent;
}
#utbItemPopup .utb-popup-style .closeBtn::before, #utbItemPopup .utb-popup-style .closeBtn::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 28px;
  height: 3px;
  background: var(--TVchosun-A-white100);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#utbItemPopup .utb-popup-style .closeBtn::before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
#utbItemPopup .utb-popup-style .closeBtn::after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
#utbItemPopup .utb-popup-style .closeBtn:hover {
  background: rgba(0, 0, 0, 0.3);
}

.comm-board > .title {
  display: block;
  padding: 12px 0;
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  font-size: 17px;
  font-weight: 400;
}
.comm-board > .title em {
  display: inline-block;
  margin-left: 5px;
  font-weight: 700;
}
.comm-board > .title + .board-list {
  margin-top: 8px;
}
.comm-board .board-list li .numbering {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 80px;
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  text-align: center;
  font-size: 17px;
  font-weight: 400;
}
.comm-board .board-list li .attachment > button {
  display: block;
  width: 160px;
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  text-decoration-line: underline;
  text-underline-offset: 3px;
}

.tooltip-box.attachment {
  z-index: initial;
}
.tooltip-box.attachment button {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 20px;
}
.tooltip-box.attachment .tooltip-item {
  z-index: 1;
  width: 400px;
  padding: 24px 16px;
  border: 1px solid var(--TVchosun-alpha-B12, rgba(0, 0, 0, 0.12));
  border-radius: 8px;
}
.tooltip-box.attachment .tooltip-item .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tooltip-box.attachment .tooltip-item .title-box .title {
  display: block;
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  font-size: 17px;
  font-weight: 700;
}
.tooltip-box.attachment .tooltip-item ul {
  margin-top: 10px;
}
.tooltip-box.attachment .tooltip-item a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  position: relative;
  padding: 8px 25px 8px 0;
  text-align: left; /* text-decoration:underline;text-underline-offset:4px;*/
}
.tooltip-box.attachment .tooltip-item a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 0;
  width: 20px;
  height: 20px;
  background: url(../img/ico_download.png) no-repeat center/100% auto;
}

.etc .page_view {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 0 64px 0;
  position: relative;
}
.etc .page_view .comm-search {
  margin: 0 auto;
  max-width: 460px;
}
.etc .page_view .comm-search .input-box {
  width: 100%;
}
.etc .page_view .comm-search .input-box input {
  width: 100%;
  border-radius: 8px;
}
.etc .page_view .flex-box .comm-search {
  padding: 0;
}
.etc .comm-tab .type-img.non-p0 {
  padding: 0;
}
.etc .policy-wrap.type1 {
  padding: 24px 12px 24px 20px;
}
.etc .comm-page-title + .comm-tab {
  padding-top: 0;
}

.disabled_service #ui_contents {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 0 64px 0;
  position: relative;
}
.disabled_service .page_top .sub-title {
  color: var(--TVchosun-gray-gray600, #525252);
  font-size: 17px;
  font-weight: 400;
}
.disabled_service .sub-ti {
  margin-bottom: 20px;
  color: #525252;
}
.disabled_service .service {
  margin-top: 45px;
}
.disabled_service .service h4 {
  padding: 15px 0;
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  font-size: 22px;
  font-weight: 700;
}
.disabled_service .service.info ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.disabled_service .service.info li {
  width: 270px;
}
.disabled_service .service.info .img-box {
  height: 150px;
  border-radius: 24px;
  overflow: hidden;
}
.disabled_service .service.info .img-box img {
  display: block;
  width: 100%;
}
.disabled_service .service.info .text-box {
  margin-top: 10px;
}
.disabled_service .service.info .text-box em {
  display: block;
  color: var(--TVchosun-red-red600, #E41E26);
  font-size: 20px;
  font-weight: 700;
}
.disabled_service .service.info .text-box .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  font-size: 20px;
  font-weight: 700;
}
.disabled_service .service.info .text-box p {
  margin-top: 5px;
  color: var(--TVchosun-black100, #000);
  font-size: 17px;
  font-weight: 400;
}
.disabled_service .service.program .item + .item {
  margin-top: 20px;
}
.disabled_service .service.program .item button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 24px;
  border-radius: 16px;
  background: var(--TVchosun-gray-gray50, #FAFAFA);
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  font-size: 20px;
  font-weight: 500;
  text-align: left;
}
.disabled_service .service.program .item button::after {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  background: url(../img/ico/arrow_down.png) no-repeat center/100% auto;
}
.disabled_service .service.program .item button.on::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.disabled_service .service.program .item ul {
  display: none;
  padding: 28px 12px 44px;
}
.disabled_service .service.program .item a {
  display: block;
  position: relative;
  width: 100%;
  padding: 11px 0 11px 40px;
  border-radius: 4px;
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  font-size: 17px;
  font-weight: 400;
}
.disabled_service .service.program .item a:hover {
  background: rgba(0, 0, 0, 0.08);
}
.disabled_service .service.program .item a::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 25px;
  width: 4px;
  height: 4px;
  background-color: var(--TVchosun-gray-gray950, #0A0A0A);
  border-radius: 50%;
}

.board-center .page_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 512px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.board-center .page_top .img-box {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.board-center .page_top .img-box img {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
}
.board-center .page_top .txt-box {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  z-index: 1;
  text-align: center;
}
.board-center .page_top .txt-box h3 {
  font-size: 48px;
}
.board-center .page_top .txt-box p {
  font-size: 20px;
  margin-top: 16px;
}
.board-center .viewer-center-list {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--TVchosun-A-alpha-B12);
}
.board-center .viewer-center-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.board-center .viewer-center-list ul .list-item {
  width: 100%;
}
.board-center .viewer-center-list ul .list-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 44px 0;
  text-align: center;
  -webkit-box-shadow: 0px -2px 6px -2px rgba(0, 0, 0, 0.05), 0px 4px 15px -3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px -2px 6px -2px rgba(0, 0, 0, 0.05), 0px 4px 15px -3px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--TVchosun-A-alpha-B12);
  background: var(--TVchosun-A-white100);
  border-radius: 24px;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.board-center .viewer-center-list ul .list-item a:hover {
  background: var(--TVchosun-A-gray-gray50);
}
.board-center .viewer-center-list ul .list-item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  font-size: 20px;
  font-weight: 500;
}
.board-center .viewer-center-list ul .list-item p::after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/ico/arrow_black.png) 50% 50% no-repeat;
}
.board-center .page_view {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 0 44px 0;
  position: relative;
}
.board-center .report-viewers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 160px;
}
.board-center .report-viewers.bg {
  background-image: url(../img/bg_text-mini.png);
  border-radius: 24px;
  height: 160px;
}
.board-center .report-viewers .text-box strong {
  display: block;
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  text-align: center;
  font-size: 32px;
  font-weight: 700;
}
.board-center .sub-text {
  padding: 20px 0;
}
.board-center .sub-text p {
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
.board-center .guideline dl + dl {
  margin-top: 50px;
}
.board-center .guideline dt {
  padding: 12px 0;
  margin-bottom: 20px;
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  font-size: 20px;
  font-weight: 700;
  border-bottom: 1px solid var(--TVchosun-alpha-B12, rgba(0, 0, 0, 0.12));
}
.board-center .guideline dd {
  color: var(--TVchosun-gray-gray600, #525252);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.3;
}
.board-center .guideline dd em {
  display: inline-block;
  font-weight: 500;
  margin-right: 5px;
}
.board-center .guideline .item {
  margin-top: 44px;
}
.board-center .guideline .item .title {
  display: block;
  margin-bottom: 32px;
  color: var(--TVchosun-gray-gray600, #525252);
  font-size: 20px;
  font-weight: 700;
}
.board-center .guideline .item .contents {
  margin-top: 25px;
}
.board-center .guideline .item .sub-title {
  display: block;
  margin-bottom: 20px;
  color: var(--TVchosun-gray-gray600, #525252);
  font-size: 17px;
  font-weight: 500;
}
.board-center .guideline .item p, .board-center .guideline .item li {
  color: var(--TVchosun-gray-gray600, #525252);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.3;
}
.board-center .guideline .item p + * {
  margin-top: 15px;
}
.board-center .guideline .item p {
  margin-left: 20px;
  text-indent: -20px;
}
.board-center .guideline .item ol {
  padding: 15px;
  margin-top: 0;
}
.board-center .board-regulation .regulation-title {
  border-bottom: 1px solid var(--TVchosun-alpha-B12, rgba(0, 0, 0, 0.12));
}
.board-center .board-regulation .regulation-title .title {
  display: block;
  padding: 15px 0;
  color: var(--TVchosun-gray-gray950, #0A0A0A);
  font-size: 20px;
  font-weight: 700;
}
.board-center .board-regulation .regulation-contents {
  padding: 20px 0;
}
.board-center .board-regulation .regulation-contents .text-box {
  color: var(--TVchosun-gray-gray600, #525252);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.29;
}
.board-center .comm-page-title {
  margin-bottom: 0;
}
.board-center .comm-page-title.line {
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .etc .page_view {
    padding: 0 16px 40px 16px;
  }
  .disabled_service #ui_contents {
    padding: 0 16px 40px 16px;
  }
  .disabled_service .service {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .disabled_service .service h4 {
    font-size: 22px;
  }
  .disabled_service .service.info ol {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px 12px;
  }
  .disabled_service .service.info ol li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.333% - 13.3333333px);
            flex: 0 1 calc(33.333% - 13.3333333px);
  }
  .disabled_service .service.info ol li .img-box {
    height: auto;
  }
  .disabled_service .service.info .text-box em {
    font-size: 18px;
  }
  .disabled_service .service.info .text-box .title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
  }
  .disabled_service .service.info .text-box p {
    font-size: 16px;
  }
  .disabled_service .service.program .item button {
    padding: 20px;
    font-size: 18px;
  }
  .disabled_service .service.program .item ul {
    padding: 18px 12px 24px;
  }
  .disabled_service .service.program .item a {
    font-size: 16px;
    padding: 10px 0 10px 40px;
  }
  .disabled_service .service.program .item a::before {
    top: 18px;
  }
  .board-center .page_top {
    height: 300px;
    margin-bottom: 20px;
  }
  .board-center .page_top .img-box img {
    -o-object-position: right;
       object-position: right;
  }
  .board-center .page_top .txt-box h3 {
    font-size: 32px;
  }
  .board-center .page_top .txt-box p {
    font-size: 18px;
  }
  .board-center .page_view {
    padding: 0 16px 40px 16px;
  }
  .board-center .viewer-center-list ul {
    gap: 12px;
  }
  .board-center .viewer-center-list ul .list-item a {
    border-radius: 16px;
  }
  .board-center .viewer-center-list ul .list-item .icon img {
    width: 80px;
  }
  .board-center .viewer-center-list ul .list-item p {
    font-size: 18px;
  }
  .board-center .viewer-center-list + .item-htitle {
    margin-bottom: 20px;
  }
  .board-center .report-viewers.bg {
    height: auto;
    padding: 40px 0;
    background-size: auto;
  }
  .board-center .report-viewers .text-box strong {
    font-size: 26px;
  }
  .board-center .sub-text p {
    font-size: 18px;
  }
  .comm-board > .title {
    font-size: 16px;
  }
  .comm-board .board-list.type-reply > li {
    grid-template-columns: 90px repeat(1, 1fr);
  }
  .comm-board .board-list.type-reply > li .text-box {
    width: 100%;
    gap: 4px;
  }
  .comm-board .board-list .tooltip-box.attachment .tooltip-item a {
    padding: 8px 25px 8px 0;
  }
}
@media screen and (max-width: 960px) {
  .board-center .viewer-center-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .board-center .viewer-center-list ul .list-item {
    width: calc(50% - 6px);
  }
}
@media screen and (max-width: 620px) {
  #utbItemPopup {
    width: 100%;
  }
  #utbItemPopup .utb-popup-style .closeBtn {
    top: -50px;
  }
  .disabled_service .service h4 {
    font-size: 22px;
  }
  .disabled_service .service.info ol {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
  .disabled_service .service.info ol li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .disabled_service .service.info .text-box em {
    font-size: 16px;
  }
  .disabled_service .service.info .text-box .title {
    font-size: 16px;
  }
  .disabled_service .service.info .text-box p {
    font-size: 15px;
  }
  .disabled_service .service.program .item button {
    padding: 24px 20px;
    font-size: 16px;
    border-radius: 12px;
  }
  .disabled_service .service.program .item ul {
    padding: 20px 8px;
  }
  .disabled_service .service.program .item a {
    font-size: 15px;
    padding: 10px 0 10px 40px;
  }
  .disabled_service .service.program .item a::before {
    top: 18px;
  }
  .board-center .page_top {
    height: 160px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .board-center .page_top .txt-box {
    text-align: left;
    padding: 0 20px;
    max-width: 300px;
    margin: 0;
  }
  .board-center .page_top .txt-box h3 {
    font-size: 20px;
  }
  .board-center .page_top .txt-box p {
    font-size: 14px;
  }
  .board-center .viewer-center-list ul .list-item p {
    font-size: 15px;
  }
  .board-center .report-viewers.bg {
    position: relative;
    margin: 0;
    background: none;
  }
  .board-center .report-viewers.bg::before {
    display: block;
    content: "";
    width: calc(100% + 32px);
    height: 100%;
    background: url(../img/bg_text-mini.png) 0 0 no-repeat;
    background-size: cover;
    background-position: right 0 top 0;
    position: absolute;
    top: 0;
    left: -16px;
    z-index: -1;
  }
  .board-center .report-viewers .text-box strong {
    font-size: 19px;
  }
  .board-center .sub-text p {
    font-size: 16px;
  }
  .board-center .guideline dl + dl {
    margin-top: 20px;
  }
  .board-center .guideline dt {
    font-size: 16px;
  }
  .board-center .guideline dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
  }
  .board-center .guideline .num-list dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
  }
  .board-center .guideline .num-list dd + dd {
    margin-top: 16px;
  }
  .board-center .guideline .item .title {
    font-size: 16px;
  }
  .board-center .guideline .item .sub-title, .board-center .guideline .item li, .board-center .guideline .item p {
    font-size: 15px;
  }
  .comm-board > .title {
    font-size: 15px;
  }
  .comm-board .board-list.type-reply > li > a {
    grid-template-columns: 0 repeat(1, 1fr);
    gap: 4px 0;
  }
  .comm-board .board-list.type-reply > li .title a {
    -webkit-line-clamp: 2;
  }
  .comm-board .board-list.type-reply > li .text-box {
    grid-area: 1/1/1/3;
  }
  .comm-board .board-list.type-reply > li > .date {
    padding: 0 8px;
  }
  .comm-board .board-list > li > a {
    grid-template-columns: 0 repeat(1, 1fr);
    gap: 4px 0;
    grid-template-rows: 1fr auto;
    padding: 4px 0;
  }
  .comm-board .board-list > li.delete {
    grid-template-columns: 0 repeat(1, 1fr);
    gap: 4px 0;
    grid-template-rows: 1fr auto;
    padding: 12px 4px;
  }
  .comm-board .board-list > li.delete .title {
    padding: 4px 0;
  }
  .comm-board .board-list > li .numbering, .comm-board .board-list > li .num {
    display: none;
    width: 48px;
    font-size: 15px;
    color: var(--TVchosun-A-gray-gray500);
  }
  .comm-board .board-list > li .tooltip-box.attachment .tooltip-item {
    width: 90vw;
    max-width: 400px;
  }
  .comm-board .board-list > li .tooltip-box.attachment .tooltip-item a {
    padding: 6px 25px 6px 0;
    font-size: 15px;
  }
  .etc .page_view .comm-search {
    max-width: 100%;
  }
}