@charset "utf-8";
#mcontainer-wrap {
  position: relative;
  font-size: 18px;
  line-height: 1;
}
#mcontainer {
  word-break: keep-all;
}
#mcontainer img {
  width: auto;
  max-width: 100%;
}
.msec {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  box-sizing: border-box;
}
.msec-l {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  box-sizing: border-box;
}
.m-tit-box {
  width: 410px;
}
.m-tit-box .m-tit {
  color: #111;
  font-size: 3.333em;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  letter-spacing: 0;
}
.m-tit-box .m-eng-tit {
  display: block;
  margin-bottom: 17px;
  color: #006ee9;
  font-size: 0.333em;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  letter-spacing: 0;
}

@media all and (max-width: 1759px) {
  .msec-l {
    padding: 0 30px;
  }
}
@media all and (max-width: 1459px) {
  .msec {
    padding: 0 30px;
  }
}
@media all and (max-width: 999px) {
  #mcontainer-wrap {
    font-size: 17px;
  }
  .msec-l,
  .msec {
    padding: 0 20px;
  }
  .m-tit-box {
    width: auto;
  }
  .m-tit-box .m-tit {
    font-size: 2.353em;
  }
  .m-tit-box .m-eng-tit {
    font-size: 0.4615em;
  }
}
@media all and (max-width: 768px) {
  #mcontainer-wrap {
    font-size: 16px;
  }
  .m-tit-box .m-tit {
    font-size: 1.733em;
  }
}
@media all and (max-width: 599px) {
  #mcontainer-wrap {
    font-size: 15px;
  }
}
/* ==============================
 * 메인비쥬얼
================================= */
.mVisual-wr {
  position: relative;
  padding: 0 60px;
}
.mVisual-wr:before {
  content: "";
  display: block;
  position: absolute;
  right: -440px;
  top: -140px;
  background-color: #006ee9;
  width: 100%;
  height: calc(100% + 60px);
}
.mVisual-wr:after,
.msec01:before {
  content: "";
  display: block;
  position: absolute;
  left: 60px;
  bottom: 0;
  background-color: #e9ebf1;
  width: 2000px;
  height: 100%;
  z-index: -1;
}
.mVisual-wr:after {
  height: 50%;
}
#mVisual {
}
#mVisual .data-list {
}
#mVisual .data-list .item-box {
  display: flex;
  align-items: center;
}
#mVisual .data-list .img-box {
  align-self: flex-start;
  flex: 1 1 0;
  position: relative;
  border-radius: 0 0 100px 30px;
  overflow: hidden;
  z-index: 1;
}
#mVisual .data-list .img-box:before {
  content: "";
  display: block;
  width: 0;
  padding-top: 55.5555%;
}
#mVisual .data-list .img-box img {
  display: block;
  position: absolute;
  width: auto;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
#mVisual .data-list .txt-box {
  position: relative;
  width: 545px;
  padding: 0 0 190px 65px;
  box-sizing: border-box;
  z-index: 1;
}
#mVisual .data-list .txt-box .txt-core {
  position: relative;
}
#mVisual .data-list .txt-box .txt-core .p-txt1,
#mVisual .data-list .txt-box .txt-core .p-txt2 {
  color: #fff;
  line-height: 1.22;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  word-wrap: break-word;
  word-break: keep-all;
  white-space: normal;
  box-sizing: border-box;
  word-wrap: break-word;
  opacity: 0;
}
#mVisual .data-list .txt-box .txt-core .p-txt1 {
  font-size: 3.333em;
  font-weight: 700;
  letter-spacing: -0.05em;
  transform: translateY(-60px);
}
#mVisual .data-list .txt-box .txt-core .p-txt1:before {
  content: "";
  display: block;
  background-color: #ffd325;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin: 0 0 24px 4px;
}
#mVisual .data-list .txt-box .txt-core .p-txt2 {
  margin: 24px 0 0 3px;
  font-size: 1.111em;
  letter-spacing: 0;
  transform: translateY(60px);
}

#mVisual .data-list .swiper-slide-active {
}
#mVisual .data-list .swiper-slide-active .txt-box .txt-core .p-txt1,
#mVisual .data-list .swiper-slide-active .txt-box .txt-core .p-txt2 {
  opacity: 1;
  transform: translateY(0);
}
#mVisual .data-list .swiper-slide-active .txt-box .txt-core .p-txt1 {
  transition: all 1s ease 0.4s;
}
#mVisual .data-list .swiper-slide-active .txt-box .txt-core .p-txt2 {
  transition: all 1s ease 0.6s;
}

#mVisual .data-list .hasNoData {
  background: #f5f5f5;
  text-align: center;
}
#mVisual .data-list .hasNoData:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
#mVisual .hasNoData .no-data {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
#mVisual .data-ctrl {
  position: absolute;
  left: calc(100% - 545px);
  bottom: 190px;
  padding-left: 70px;
  z-index: 1;
}
#mVisual .data-ctrl button {
  display: block;
  position: relative;
  background: none;
  border: 0;
  width: 25px;
  height: 25px;
}
#mVisual .data-ctrl button:before,
#mVisual .data-ctrl button:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#mVisual .data-pkgs {
  display: inline-flex;
  align-items: center;
}
#mVisual .data-pkgs > button {
  margin: 0 -7px;
}
#mVisual .data-pkgs > button:before,
#mVisual .data-pkgs > button:after {
  background: #fff;
  border: 0;
  width: 2px;
  height: 14px;
}
#mVisual .data-pkgs .btn-prev,
#mVisual .data-pkgs .btn-next {
  transition: transform 0.3s ease-out;
}
#mVisual .data-pkgs .btn-prev:hover {
  transform: translateX(-6px);
}
#mVisual .data-pkgs .btn-next:hover {
  transform: translateX(6px);
}
#mVisual .data-pkgs .btn-prev:before {
  transform: translateY(-35%) rotate(39deg);
}
#mVisual .data-pkgs .btn-prev:after {
  transform: translateY(35%) rotate(-39deg);
}
#mVisual .data-pkgs .btn-next:before {
  transform: translateY(35%) rotate(39deg);
}
#mVisual .data-pkgs .btn-next:after {
  transform: translateY(-35%) rotate(-39deg);
}
#mVisual .data-nums {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  width: 160px;
  font-size: 0.889em;
  font-weight: 500;
  letter-spacing: -0.05em;
  text-align: center;
  position: relative;
}
#mVisual .data-nums:before {
  content: "";
  display: block;
  background-color: #fff;
  width: 1px;
  height: 28px;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#mVisual .data-nums span {
  margin: 2px 0;
}
#mVisual .data-nums .current {
  color: #fff;
  margin-right: 18px;
}
#mVisual .data-nums .total {
  color: rgba(255, 255, 255, 0.6);
  margin-left: 26px;
}
#mVisual .data-auto {
  display: inline-flex;
  align-items: center;
  align-self: center;
  margin-left: 20px;
}
#mVisual .data-auto.disabled {
  display: none;
}
#mVisual .data-auto button {
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
#mVisual .data-auto .btn-stop:before {
  border: 2px solid #626262;
  border-top: 0;
  border-bottom: 0;
  width: 6px;
  height: 10px;
  box-sizing: border-box;
}
#mVisual .data-auto .btn-play {
  display: none;
}
#mVisual .data-auto .btn-play:before {
  border-width: 5px 0 5px 7px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #626262;
  width: 0;
  height: 0;
}

@media all and (max-width: 1799px) {
  .mVisual-wr:before {
    right: -360px;
  }
  #mVisual .data-ctrl {
    bottom: 100px;
  }
}
@media all and (max-width: 1699px) {
  .mVisual-wr {
    padding: 0 30px;
  }
  .mVisual-wr:before {
    right: -315px;
  }
  .mVisual-wr:after,
  .msec01:before {
    left: 30px;
  }
}
@media all and (max-width: 1599px) {
  .mVisual-wr:before {
    right: -260px;
  }
  #mVisual .data-list .txt-box .txt-core .p-txt1 {
    font-size: 2.8em;
  }
}
@media all and (max-width: 1399px) {
  .mVisual-wr:before {
    top: 0;
    right: 0;
    border-bottom-left-radius: 200px;
    height: 100%;
  }
  .mVisual-wr:after,
  .msec01:before {
    left: 0;
  }
  #mVisual .data-list .item-box {
    flex-direction: column;
  }
  #mVisual .data-list .img-box {
    width: 80%;
    flex: auto;
    border-bottom-right-radius: 170px;
  }
  #mVisual .data-list .txt-box {
    align-self: flex-end;
    width: auto;
    margin-top: -223px;
    padding: 0 0 120px;
  }
  #mVisual .data-list .txt-box .txt-core .p-txt1 {
    font-size: 2.6em;
  }
  #mVisual .data-ctrl {
    bottom: 45px;
  }
}
@media all and (max-width: 999px) {
  .mVisual-wr {
    padding: 0 20px;
  }
}
@media all and (max-width: 768px) {
  .mVisual-wr:before {
    border-bottom-left-radius: 100px;
  }
  #mVisual .data-list .item-box {
    display: block;
  }
  #mVisual .data-list .img-box {
    width: auto;
    border-radius: 0 0 80px 20px;
  }
  #mVisual .data-list .txt-box {
    margin-top: -45px;
    padding: 0 30px 60px 30px;
  }
  #mVisual .data-list .txt-box .txt-core .p-txt1 {
    margin-top: -40px;
    font-size: 2.3em;
  }
  #mVisual .data-list .txt-box .txt-core .p-txt1:before {
    margin-bottom: 10px;
    width: 10px;
    height: 10px;
  }
  #mVisual .data-list .txt-box .txt-core .p-txt2 {
    font-size: 1em;
  }
  #mVisual .data-ctrl {
    left: auto;
    right: 10px;
    bottom: 20px;
  }
  #mVisual .data-nums {
    width: 120px;
  }
}
@media all and (max-width: 399px) {
  #mVisual .data-list .txt-box {
    padding: 0 15px 60px 15px;
  }
  #mVisual .data-list .txt-box .txt-core .p-txt2 br {
    display: none;
  }
  #mVisual .data-ctrl {
    bottom: 15px;
  }
}

/* ==============================
 * 주요서비스
================================= */
.msec01 {
  position: relative;
  padding: 45px 0;
}
.msec01:before {
  border-bottom-left-radius: 30px;
}
.msec01 .mquick-wr {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.mquick-wr .m-tit-box .m-tit {
  position: relative;
  font-size: 2em;
  letter-spacing: -0.05em;
}
.mquick-wr .m-tit-box .m-tit:before {
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  top: -9px;
  background-color: #ffd325;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  z-index: -1;
}
.mquick-wr .m-tit-box .m-txt {
  margin-top: 17px;
  color: #555;
  line-height: 1.2;
}
.mquick-wr .mquick {
  display: flex;
  align-items: center;
  align-self: flex-start;
  width: calc(100% - 410px);
  box-sizing: border-box;
}
.mquick > ul {
  width: 170px;
  padding-right: 40px;
}
.mquick > ul > li button {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 30px;
  width: 130px;
  margin-bottom: 3px;
  padding: 12px 10px;
  color: #0d1744;
  font-size: 16px;
  font-weight: 500;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  letter-spacing: -0.05em;
  box-sizing: border-box;
  transition: all 0.3s;
}
.mquick > ul > li:last-child button {
  margin-bottom: 0;
}
.mquick > ul > li button.over,
.mquick > ul > li button:hover {
  background: #22264c;
  border-color: #22264c;
  color: #fff;
  box-shadow: 0 13px 28px 0 rgba(144, 156, 187, 0.4);
}
.mquick-wr .mquick .tab-container {
  width: calc(100% - 170px);
  padding: 20px;
  box-sizing: border-box;
}
.mquick-wr .mquick .tab-container div[role="tabpanel"] {
  display: none;
  position: relative;
  padding-right: 60px;
  box-sizing: border-box;
}
.mquick-wr .mquick .tab-container div[role="tabpanel"].active {
  display: block;
}
.mquick-wr .mquick .swiper {
  margin: -30px;
  padding: 30px;
}
.mquick-wr .mquick .swiper-slide a {
  display: flex;
  flex-flow: column;
  justify-content: center;
  background-color: #fff;
  border-radius: 40px;
  height: 150px;
  padding: 5px 7px;
  text-align: center;
  box-shadow: 0 13px 25px 0 rgba(204, 209, 222, 0.4);
  box-sizing: border-box;
}
.mquick-wr .mquick .swiper-slide a span {
  display: block;
}
.mquick-wr .mquick .swiper-slide a .s-ico {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  transition: transform 0.3s ease-out;
}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon1 {
  background-image: url(/resources/_Img/MainModule/micban/l1/ico1.png);
}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon2 {
  background-image: url(/resources/_Img/MainModule/micban/l1/ico2.png);
}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon3 {
  background-image: url(/resources/_Img/MainModule/micban/l1/ico3.png);
}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon4 {
  background-image: url(/resources/_Img/MainModule/micban/l1/ico4.png);
}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon5 {
  background-image: url(/resources/_Img/MainModule/micban/l1/ico5.png);
}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon6 {
  background-image: url(/resources/_Img/MainModule/micban/l1/ico6.png);
}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon7 {
  background-image: url(/resources/_Img/MainModule/micban/l1/ico7.png);
}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon8 {
  background-image: url(/resources/_Img/MainModule/micban/l1/ico8.png);
}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon9 {
  background-image: url(/resources/_Img/MainModule/micban/l1/ico9.png);
}
.mquick-wr .mIcban1 .swiper-slide a .s-ico.icon10 {
  background-image: url(/resources/_Img/MainModule/micban/l1/ico10.png);
}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon1 {
  background-image: url(/resources/_Img/MainModule/micban/l2/ico1.png);
}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon2 {
  background-image: url(/resources/_Img/MainModule/micban/l2/ico2.png);
}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon3 {
  background-image: url(/resources/_Img/MainModule/micban/l2/ico3.png);
}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon4 {
  background-image: url(/resources/_Img/MainModule/micban/l2/ico4.png);
}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon5 {
  background-image: url(/resources/_Img/MainModule/micban/l2/ico5.png);
}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon6 {
  background-image: url(/resources/_Img/MainModule/micban/l2/ico6.png);
}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon7 {
  background-image: url(/resources/_Img/MainModule/micban/l2/ico7.png);
}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon8 {
  background-image: url(/resources/_Img/MainModule/micban/l2/ico8.png);
}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon9 {
  background-image: url(/resources/_Img/MainModule/micban/l2/ico9.png);
}
.mquick-wr .mIcban2 .swiper-slide a .s-ico.icon10 {
  background-image: url(/resources/_Img/MainModule/micban/l2/ico10.png);
}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon1 {
  background-image: url(/resources/_Img/MainModule/micban/l3/ico1.png);
}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon2 {
  background-image: url(/resources/_Img/MainModule/micban/l3/ico2.png);
}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon3 {
  background-image: url(/resources/_Img/MainModule/micban/l3/ico3.png);
}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon4 {
  background-image: url(/resources/_Img/MainModule/micban/l3/ico4.png);
}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon5 {
  background-image: url(/resources/_Img/MainModule/micban/l3/ico5.png);
}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon6 {
  background-image: url(/resources/_Img/MainModule/micban/l3/ico6.png);
}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon7 {
  background-image: url(/resources/_Img/MainModule/micban/l3/ico7.png);
}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon8 {
  background-image: url(/resources/_Img/MainModule/micban/l3/ico8.png);
}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon9 {
  background-image: url(/resources/_Img/MainModule/micban/l3/ico9.png);
}
.mquick-wr .mIcban3 .swiper-slide a .s-ico.icon10 {
  background-image: url(/resources/_Img/MainModule/micban/l3/ico10.png);
}
.mquick-wr .mquick .swiper-slide a:hover .s-ico {
  transform: translateY(-6px);
}
.mquick-wr .mquick .swiper-slide a .s-tit {
  margin-top: 10px;
  color: #0d1744;
  font-size: 0.944em;
  font-weight: 500;
  letter-spacing: -0.05em;
  overflow: hidden;
  word-wrap: break-word;
}
.mquick-wr .data-ctrl {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -47px;
  z-index: 2;
}
.mquick-wr .data-ctrl button {
  display: block;
  position: relative;
  background: #d6d8e1;
  border: 0;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  margin-bottom: 5px;
  transition: all 0.3s ease-out;
}
.mquick-wr .data-ctrl button:last-child {
  margin-bottom: 0;
}
.mquick-wr .data-ctrl .btn-prev {
}
.mquick-wr .data-ctrl .btn-next {
}
.mquick-wr .data-ctrl button:before,
.mquick-wr .data-ctrl button:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mquick-wr .data-ctrl > button:before,
.mquick-wr .data-ctrl > button:after {
  background: #0b1747;
  border: 0;
  width: 2px;
  height: 8px;
  transition: all 0.3s ease-out;
}
.mquick-wr .data-ctrl .btn-prev:before {
  transform: translateY(-35%) rotate(45deg);
}
.mquick-wr .data-ctrl .btn-prev:after {
  transform: translateY(35%) rotate(-45deg);
}
.mquick-wr .data-ctrl .btn-next:before {
  transform: translateY(35%) rotate(45deg);
}
.mquick-wr .data-ctrl .btn-next:after {
  transform: translateY(-35%) rotate(-45deg);
}
.mquick-wr .data-ctrl .btn-prev:hover,
.mquick-wr .data-ctrl .btn-next:hover {
  background-color: #0b1747;
}
.mquick-wr .data-ctrl > button:hover:before,
.mquick-wr .data-ctrl > button:hover:after {
  background: #fff;
}

@media all and (min-width: 1500px) {
  .mquick-wr .data-ctrl.hide {
    display: none !important;
  }
}

@media all and (max-width: 1799px) {
  .msec01 .msec-l {
    padding-right: 10px;
  }
  .mquick-wr .mquick {
    padding-right: 0;
  }
  .msec01 .mquick-wr {
    padding-left: 30px;
  }
}
@media all and (max-width: 1599px) {
  .msec01 .m-tit-box {
    width: 320px;
  }
  .mquick-wr .mquick {
    width: calc(100% - 320px);
  }
  .mquick > ul {
    padding-right: 10px;
  }
  .mquick-wr .mquick .tab-container {
    width: calc(100% - 140px);
  }
}
@media all and (max-width: 1399px) {
  .msec01 .mquick-wr {
    padding-left: 0;
  }
  .mquick-wr .mquick .swiper {
    margin: -30px 0;
    padding: 30px 0;
  }
}
@media all and (max-width: 999px) {
  .msec01 {
    padding-bottom: 30px;
  }
  .msec01 .mquick-wr {
    display: block;
  }
  .mquick-wr .m-tit-box {
    margin-bottom: 12px;
  }
  .mquick-wr .m-tit-box .m-tit {
    font-size: 1.765em;
  }
  .mquick-wr .m-tit-box .m-txt {
    display: none;
  }
  .mquick-wr .mquick {
    position: relative;
    display: block;
    width: auto;
    z-index: 1;
  }
  .mquick > ul.mquick-list {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 100%;
    padding-right: 0;
  }
  .mquick > ul.mquick-list > li {
    position: relative;
    margin-left: -15px;
  }
  .mquick > ul.mquick-list > li:first-child {
    z-index: 2;
  }
  .mquick > ul.mquick-list > li:nth-child(2) {
    z-index: 1;
  }
  .mquick > ul.mquick-list > li button {
    margin-bottom: 5px;
    padding: 11px 10px;
  }
  .mquick-wr .mquick .tab-container {
    width: auto;
    padding: 20px 18px;
  }
  .mquick-wr .mquick .tab-container div[role="tabpanel"] {
    padding-right: 0;
  }
  .mquick-wr .mquick .swiper {
    margin: 0;
    padding: 0;
  }
  .mquick-wr .mquick .swiper-slide a {
    border-radius: 30px;
    height: 120px;
    box-shadow: none;
  }
  .mquick-wr .mquick .swiper-slide a .s-ico {
    background-size: 42px auto;
    width: 42px;
    height: 42px;
  }
  .mquick-wr .data-ctrl {
    position: static;
    margin-top: 0;
  }
  .mquick-wr .data-ctrl button {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    z-index: 2;
  }
  .mquick-wr .data-ctrl .btn-prev {
    left: -18px;
  }
  .mquick-wr .data-ctrl .btn-next {
    right: -18px;
  }
}
@media all and (max-width: 768px) {
  .mquick-wr .m-tit-box .m-tit {
    font-size: 1.25em;
  }
  .mquick-wr .mquick .tab-container {
    padding: 10px 20px;
  }
  .mquick > ul.mquick-list > li {
    margin-left: -10px;
  }
  .mquick > ul.mquick-list > li button {
    width: 78px;
    margin-bottom: 5px;
    padding: 6px 10px;
    font-size: 12px;
  }
  .mquick-wr .mquick .swiper-slide {
    height: auto;
    min-height: 88px;
  }
  .mquick-wr .mquick .swiper-slide a {
    border-radius: 15px;
    min-height: auto;
    height: 100%;
    padding: 10px 5px;
    box-sizing: border-box;
  }
  .mquick-wr .mquick .swiper-slide a .s-tit {
    margin-top: 3px;
  }
  .mquick-wr .data-ctrl button {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
  .mquick-wr .data-ctrl > button:before,
  .mquick-wr .data-ctrl > button:after {
    background-color: #0a1646;
    height: 6px;
  }
}
@media all and (max-width: 399px) {
  .mquick > ul.mquick-list {
    position: static;
  }
}

/* ==============================
 *  대학 공지
================================= */
.msec02 {
  margin-top: 100px;
}
.mboard-wr {
  height: 410px;
}
.mboard-wr .m-tit-box {
  padding-bottom: 25px;
}
.mboard-wr .m-tit-box .m-txt {
  margin: 10px 0 0 3px;
  color: #555;
  font-size: 1.111em;
  line-height: 1.2;
}
#mTabBoard {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  width: 410px;
  box-sizing: border-box;
}
#mTabBoard dl {
}
#mTabBoard dl dt {
  position: relative;
  z-index: 1;
}
#mTabBoard dl dt a {
  display: block;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 30px;
  min-width: 64px;
  margin: 11px 3px 0 0;
  padding: 14px 18px 12px;
  color: #666;
  font-size: 0.889em;
  font-weight: 400;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.05em;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
#mTabBoard dl.isOn dt a,
#mTabBoard dl dt a:hover {
  background-color: #22264c;
  border-color: #22264c;
  color: #ffffff;
  font-weight: 500;
  box-shadow: 0 13px 28px 0 rgba(144, 156, 187, 0.4);
}
#mTabBoard dl dd {
  display: none;
  position: absolute;
  top: -120px;
  left: 0;
  width: calc(50vw + 800px);
  max-width: 2000px;
  padding-left: 410px;
  box-sizing: border-box;
}
#mTabBoard dl dd .swiper-slide {
}
#mTabBoard dl dd .swiper-slide > a {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #bac7d8;
  border-radius: 30px;
  height: 410px;
  padding: 40px 50px;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
}
#mTabBoard dl dd .swiper-slide > a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 30px;
  transition: all 0.3s ease-out;
  z-index: -1;
}
#mTabBoard dl dd .swiper-slide > a:before {
  background-color: #f5f9fd;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
#mTabBoard dl dd .swiper-slide > a span {
  display: block;
  letter-spacing: -0.05em;
}
#mTabBoard dl dd .swiper-slide > a .s-cate {
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-left: -10px;
  line-height: 48px;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
}
#mTabBoard dl dd .swiper-slide > a.c01 .s-cate {
  background-color: #0091dc;
  border-color: #0091dc;
}
#mTabBoard dl dd .swiper-slide > a.c02 .s-cate {
  background-color: #755fff;
  border-color: #755fff;
}
#mTabBoard dl dd .swiper-slide > a.c03 .s-cate {
  background-color: #fb3b4c;
  border-color: #fb3b4c;
}
#mTabBoard dl dd .swiper-slide > a.c04 .s-cate {
  background-color: #d931ac;
  border-color: #d931ac;
}
#mTabBoard dl dd .swiper-slide > a.c05 .s-cate {
  background-color: #ff7f4d;
  border-color: #ff7f4d;
}
#mTabBoard dl dd .swiper-slide > a .s-cate .txt {
  display: inline-block;
  color: #fff;
  font-size: 0.889em;
  font-weight: 500;
  transition: color 0.3s ease-out;
}
#mTabBoard dl dd .swiper-slide > a .date-box {
  position: absolute;
  right: 37px;
  top: 33px;
  color: #71788e;
  font-weight: 500;
  letter-spacing: -0.05em;
  text-align: center;
}
#mTabBoard dl dd .swiper-slide > a .date-box .day {
  font-size: 2.222em;
}
#mTabBoard dl dd .swiper-slide > a .date-box .year {
  margin-top: 4px;
  font-size: 0.833em;
}
#mTabBoard dl dd .swiper-slide > a .s-tit {
  margin-top: 30px;
  color: #000;
  font-size: 1.333em;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 90px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#mTabBoard dl dd .swiper-slide > a .s-txt {
  margin-top: 22px;
  color: #777;
  font-size: 0.944em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 41px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#mTabBoard dl dd .swiper-slide > a .s-charge {
  margin-top: 32px;
  color: #22264c;
  font-size: 0.944em;
  font-weight: 500;
}
#mTabBoard dl dd .swiper-slide > a .s-period {
  margin-top: 11px;
  color: #22264c;
  font-size: 0.889em;
  letter-spacing: 0;
}
#mTabBoard dl dd .data-ctrl {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#mTabBoard dl dd .data-ctrl button,
#mTabBoard dl dd .data-ctrl a {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
}
#mTabBoard dl dd .data-ctrl button:before,
#mTabBoard dl dd .data-ctrl button:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#mTabBoard dl dd .data-ctrl > button:before,
#mTabBoard dl dd .data-ctrl > button:after {
  background: #0c2042;
  border: 0;
  width: 2px;
  height: 13px;
}
#mTabBoard dl dd .data-ctrl .btn-prev:before {
  transform: translateY(-35%) rotate(45deg);
}
#mTabBoard dl dd .data-ctrl .btn-prev:after {
  transform: translateY(35%) rotate(-45deg);
}
#mTabBoard dl dd .data-ctrl .btn-next:before {
  transform: translateY(35%) rotate(45deg);
}
#mTabBoard dl dd .data-ctrl .btn-next:after {
  transform: translateY(-35%) rotate(-45deg);
}
#mTabBoard dl dd .data-ctrl button:hover {
  background-color: #ddd;
}
#mTabBoard dl dd .data-ctrl .data-more {
  background-color: #71788e;
  border-color: #71788e;
  transition: all 0.3s ease;
}
#mTabBoard dl dd .data-ctrl .data-more:before,
#mTabBoard dl dd .data-ctrl .data-more:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
}
#mTabBoard dl dd .data-ctrl .data-more:before {
}
#mTabBoard dl dd .data-ctrl .data-more:after {
  transform: rotate(90deg);
}
#mTabBoard dl dd .data-ctrl .data-more:hover {
  transform: rotate(270deg);
}
#mTabBoard dl dd .data-auto button {
}
#mTabBoard dl dd .data-auto .btn-stop:before {
  border: 2px solid #0a1646;
  border-top: 0;
  border-bottom: 0;
  width: 8px;
  height: 16px;
  box-sizing: border-box;
}
#mTabBoard dl dd .data-auto .btn-play {
  display: none;
}
#mTabBoard dl dd .data-auto .btn-play:before {
  border-width: 5px 0 5px 7px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #0a1646;
  width: 0;
  height: 0;
}

#mTabBoard dl.isOn dd {
  display: block;
}

@media all and (min-width: 1500px) {
  /* #mTabBoard dl dd .data-ctrl.hide button {display:none !important} */
}
@media all and (min-width: 769px) {
  #mTabBoard dl dd .swiper-slide > a:hover {
    background-color: #f5f9fd;
    border-color: #f5f9fd;
    border-bottom-right-radius: 150px;
  }
  #mTabBoard dl dd .swiper-slide > a.c01:hover:before {
    background-color: #0091dc;
  }
  #mTabBoard dl dd .swiper-slide > a.c02:hover:before {
    background-color: #755fff;
  }
  #mTabBoard dl dd .swiper-slide > a.c03:hover:before {
    background-color: #fb3b4c;
  }
  #mTabBoard dl dd .swiper-slide > a.c04:hover:before {
    background-color: #d931ac;
  }
  #mTabBoard dl dd .swiper-slide > a.c05:hover:before {
    background-color: #ff7f4d;
  }
  #mTabBoard dl dd .swiper-slide > a:hover .s-cate {
    background-color: #fff;
  }
  #mTabBoard dl dd .swiper-slide > a:hover.c01 .s-cate .txt {
    color: #0091dc;
  }
  #mTabBoard dl dd .swiper-slide > a:hover.c02 .s-cate .txt {
    color: #755fff;
  }
  #mTabBoard dl dd .swiper-slide > a:hover.c03 .s-cate .txt {
    color: #fb3b4c;
  }
  #mTabBoard dl dd .swiper-slide > a:hover.c04 .s-cate .txt {
    color: #d931ac;
  }
  #mTabBoard dl dd .swiper-slide > a:hover.c05 .s-cate .txt {
    color: #ff7f4d;
  }
}
@media all and (max-width: 1659px) {
  #mTabBoard dl dd {
    width: calc(100vw - 60px);
  }
}
@media all and (max-width: 1599px) {
  #mTabBoard dl dd .swiper-slide > a {
    padding: 40px 30px;
  }
}
@media all and (max-width: 1399px) {
  .mboard-wr {
    height: auto;
  }
  .mboard-wr .m-tit-box {
    width: auto;
    text-align: center;
  }
  #mTabBoard {
    justify-content: center;
    width: auto;
    height: 530px;
  }
  #mTabBoard dl dd {
    top: 0;
    width: 100%;
    margin-top: 120px;
    padding-left: 0;
  }
  #mTabBoard dl dd .data-ctrl {
    justify-content: center;
    right: 0;
    bottom: 100%;
    margin: 0 auto 20px;
  }
}
@media all and (max-width: 999px) {
  .msec02 {
    margin-top: 45px;
  }
  .mboard-wr .m-tit-box {
    padding-bottom: 2px;
  }
  .mboard-wr .m-tit-box .m-txt {
    margin: 15px 0 0;
  }
  #mTabBoard {
    height: 498px;
  }
  #mTabBoard dl dt a {
    margin-right: 9px;
  }
  #mTabBoard dl dd {
    /*width:calc(100vw + 151px);*/
    margin-top: 130px;
  }
  #mTabBoard dl dd .swiper-slide > a {
    height: 368px;
  }
  #mTabBoard dl dd .swiper-slide > a .s-cate {
    width: 40px;
    height: 40px;
    font-size: 0.765em;
    line-height: 38px;
  }
  #mTabBoard dl dd .swiper-slide > a .date-box .day {
    font-size: 1.882em;
  }
  #mTabBoard dl dd .swiper-slide > a .date-box .year {
    font-size: 0.706em;
  }
  #mTabBoard dl dd .swiper-slide > a .s-tit {
    height: 72px;
    font-size: 1.117em;
  }
  #mTabBoard dl dd .swiper-slide > a .s-txt {
    height: 39px;
  }
}
@media all and (max-width: 768px) {
  .mboard-wr {
    height: 405px;
  }
  .mboard-wr .m-tit-box .m-txt {
    display: none;
  }
  #mTabBoard {
    height: auto;
  }
  #mTabBoard dl dt a {
    min-width: auto;
    margin: 7px 3px 0 0;
    padding: 10px 9px 7px 7px;
  }
  #mTabBoard dl dd {
    width: 100%;
    height: 295px;
    margin-top: 85px;
  }
  #mTabBoard dl dd .swiper-wrapper {
    height: 292px;
  }
  #mTabBoard dl dd .swiper-slide > a {
    display: flex;
    align-items: center;
    background-color: #f5f9fd;
    border: 0;
    border-radius: 10px;
    height: 70px;
    margin-bottom: 5px;
    padding: 5px 27px 5px 20px;
  }
  #mTabBoard dl dd .swiper-slide > a .date-box,
  #mTabBoard dl dd .swiper-slide > a .s-txt,
  #mTabBoard dl dd .swiper-slide > a .s-charge,
  #mTabBoard dl dd .swiper-slide > a .s-period {
    display: none;
  }
  #mTabBoard dl dd .swiper-slide > a .s-cate {
    width: 41px;
    height: 41px;
    margin-left: 0;
    margin-right: 13px;
    line-height: 38px;
  }
  #mTabBoard dl dd .swiper-slide > a .s-tit {
    flex: 1 1 0;
    margin-top: 0;
    height: auto;
    max-height: 35px;
    font-size: 0.933em;
    -webkit-line-clamp: 2;
  }
  #mTabBoard dl dd .data-ctrl button,
  #mTabBoard dl dd .data-ctrl a {
    width: 25px;
    height: 25px;
  }
  #mTabBoard dl dd .data-ctrl {
    margin-bottom: 10px;
  }
  #mTabBoard dl dd .data-ctrl > button:before,
  #mTabBoard dl dd .data-ctrl > button:after {
    height: 6px;
  }
  #mTabBoard dl dd .data-auto .btn-stop:before {
    width: 6px;
    height: 10px;
  }
  #mTabBoard dl dd .data-auto .btn-play:before {
    border-width: 4px 0 4px 5px;
  }
  #mTabBoard dl dd .data-ctrl .data-more:before,
  #mTabBoard dl dd .data-ctrl .data-more:after {
    width: 10px;
  }
}
@media all and (max-width: 399px) {
  .mboard-wr {
    height: 440px;
  }
  #mTabBoard {
    padding: 0 30px;
  }
  #mTabBoard dl dd {
    margin-top: 125px;
  }
}

/* ==============================
 * 동아뉴스
================================= */
.msec03 {
  position: relative;
  margin-top: 130px;
}
.msec03 .deco {
  display: block;
  position: absolute;
  top: -30px;
  left: calc(50% - 100px);
  width: 1920px;
  color: #fff;
  font-size: 9.445em;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  text-shadow:
    -1px 0 #004a80,
    0 1px #004a80,
    1px 0 #004a80,
    0 -1px #004a80;
  opacity: 0.3;
}
#mNews {
}
#mNews .mnews-sld-box {
  position: relative;
  margin-top: 35px;
  z-index: 1;
}
#mNews .mnews-txt-box {
  position: absolute;
  right: 0;
  bottom: 55px;
  background-color: #1962cc;
  border-radius: 20px;
  width: 47.16%;
  margin-left: -40px;
  padding: 46px 60px 30px;
  box-sizing: border-box;
  z-index: 1;
}
#mNews .mnews-txt-box a {
  display: block;
  color: #fff;
}
#mNews .mnews-sld-box .s-cate {
  position: absolute;
  left: 60px;
  top: -15px;
  background-color: #203a91;
  border-radius: 10px;
  padding: 11px 20px 9px;
  color: #fff;
  font-size: 0.889em;
  font-weight: 300;
  letter-spacing: -0.05em;
}
#mNews .mnews-sld-box .s-tit {
  position: relative;
  color: #fff;
  font-size: 1.444em;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 114px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: all 0.3s ease-out;
}
#mNews .mnews-sld-box .s-tit:before {
  content: "";
  display: block;
  background-color: #ffd325;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0 0 10px 8px;
}
#mNews .mnews-sld-box .s-txt {
  margin-top: 15px;
  font-size: 0.889em;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.05em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 39px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#mNews .mnews-sld-box .s-date {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 38px;
  color: #fff;
  font-size: 0.833em;
  font-weight: 300;
}
#mNews .mnews-sld-box .s-date:before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
#mNews .mnews-sld-box .s-date:after {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  top: 7px;
  background: url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat 0 0;
  width: 13px;
  height: 13px;
}
#mNews .mnews-sld-box .s-more {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  right: 42px;
  bottom: 20px;
  font-size: 0.889em;
  z-index: 1;
}
#mNews .mnews-sld-box .s-more:after {
  content: "";
  display: block;
  background: url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat -23px 0;
  margin-left: -10px;
  width: 45px;
  height: 47px;
  transition: transform 0.3s ease;
  z-index: -1;
}
#mNews .mnews-txt-box .s-tit,
#mNews .mnews-txt-box .s-txt {
  opacity: 0;
  transform: translateY(30px);
}
#mNews .mnews-txt-box .s-tit {
  transition: all 0.3s ease-out;
}
#mNews .mnews-txt-box .s-txt {
  transition: all 0.3s ease-out 0.1s;
}
#mNews .mnews-txt-box.news-on .s-tit,
#mNews .mnews-txt-box.news-on .s-txt {
  opacity: 1;
  transform: translateY(0);
}
#mNews .mnews-txt-box a:hover .s-more:after {
  transform: translateX(6px);
}

#mNews .mnews-sld-box .swiper-slide {
}
#mNews .mnews-sld-box .swiper-slide > a,
#mNews .mnews-sld-box .swiper-slide > a span {
  display: block;
}
#mNews .mnews-sld-box .swiper-slide .img-box {
  position: relative;
  background-color: #f2f2f2;
  border-radius: 20px;
  overflow: hidden;
}
#mNews .mnews-sld-box .swiper-slide .img-box:before {
  content: "";
  display: block;
  padding-top: 66.6666%;
}
#mNews .mnews-sld-box .swiper-slide .img-box > img {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  max-width: none;
  transform: translateX(-50%) scale(1);
  transition: transform 0.5s ease-out;
}
#mNews .mnews-sld-box .swiper-slide > a:hover .img-box > img {
  transform: translateX(-50%) scale(1.1);
}
#mNews .mnews-sld-box .swiper-slide .txt-box {
  display: none !important;
}

#mNews .mnews-sld-box .swiper-slide a {
  display: flex;
  align-items: flex-end;
}
#mNews .mnews-sld-box .swiper-slide .img-box {
  width: 58.54%;
}
#mNews .mnews-sld .data-ctrl {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 380px;
  z-index: 2;
}
#mNews .mnews-sld .data-ctrl button,
#mNews .mnews-sld .data-ctrl a {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  margin-left: 5px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
}
#mNews .mnews-sld .data-ctrl button:before,
#mNews .mnews-sld .data-ctrl button:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#mNews .mnews-sld .data-ctrl > button:before,
#mNews .mnews-sld .data-ctrl > button:after {
  background: #0c2042;
  border: 0;
  width: 2px;
  height: 13px;
}
#mNews .mnews-sld .data-ctrl .btn-prev:before {
  transform: translateY(-35%) rotate(45deg);
}
#mNews .mnews-sld .data-ctrl .btn-prev:after {
  transform: translateY(35%) rotate(-45deg);
}
#mNews .mnews-sld .data-ctrl .btn-next:before {
  transform: translateY(35%) rotate(45deg);
}
#mNews .mnews-sld .data-ctrl .btn-next:after {
  transform: translateY(-35%) rotate(-45deg);
}
#mNews .mnews-sld .data-ctrl button:hover {
  background-color: #ddd;
}
#mNews .mnews-sld .data-ctrl .data-more {
  background-color: #71788e;
  border-color: #71788e;
  transition: all 0.3s ease;
}
#mNews .mnews-sld .data-ctrl .data-more:before,
#mNews .mnews-sld .data-ctrl .data-more:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
}
#mNews .mnews-sld .data-ctrl .data-more:before {
}
#mNews .mnews-sld .data-ctrl .data-more:after {
  transform: rotate(90deg);
}
#mNews .mnews-sld .data-ctrl .data-more:hover {
  transform: rotate(270deg);
}
@media all and (min-width: 1000px) and (max-width: 1599px) {
  #mNews .mnews-sld-box .swiper-slide a {
    padding-bottom: 55px;
    box-sizing: border-box;
  }
  #mNews .mnews-sld-box .swiper-slide .img-box {
    width: 69.54%;
  }
  #mNews .mnews-txt-box {
    padding: 40px 30px 30px;
  }
  #mNews .mnews-sld-box .s-more {
    right: 25px;
  }
}
@media all and (min-width: 1000px) {
  #mNews .mnews-sld-box {
    display: flex;
    flex-flow: row wrap;
    width: calc(50vw + 900px);
  }
  #mNews .mnews-sld-box .mnews-sld {
    width: 56.99%;
    margin: 0 40px 0 0;
  }
  #mNews .mnews-sld-box .mnwes-thumb-sld {
    width: 37.21%;
    margin: 50px 0 0;
  }
  /* #mNews .mnews-sld-box .mnwes-thumb-sld .swiper-slide-active {display:none} */
  #mNews .mnews-sld-box .mnwes-thumb-sld .img-box {
    width: auto;
  }
  #mNews .mnews-sld-box .mnwes-thumb-sld a {
    display: block;
    margin-top: 90px;
  }
  #mNews .mnews-sld-box .mnwes-thumb-sld .s-cate,
  #mNews .mnews-sld-box .mnwes-thumb-sld .s-txt {
    display: none !important;
  }
  #mNews .mnews-sld-box .mnwes-thumb-sld .txt-box {
    display: block !important;
    background: none;
    margin: 35px 0 0;
    padding: 0;
  }
  #mNews .mnews-sld-box .mnwes-thumb-sld .txt-box .s-tit {
    color: #000;
    font-size: 1.111em;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 48px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  #mNews .mnews-sld-box .mnwes-thumb-sld .txt-box .s-tit:before {
    display: none;
  }
  #mNews .mnews-sld-box .mnwes-thumb-sld .txt-box .s-date {
    display: block;
    margin-top: 13px;
    color: #222;
    font-size: 0.833em;
  }
  #mNews .mnews-sld-box .mnwes-thumb-sld .txt-box .s-date:before,
  #mNews .mnews-sld-box .mnwes-thumb-sld .txt-box .s-date:after {
    display: none;
  }
  #mNews .mnews-sld-box .mnews-sld .data-ctrl.hide {
    display: none !important;
  }
}

@media all and (min-width: 1000px) and (max-width: 1459px) {
  .msec03 .deco {
    font-size: 7em;
  }
  #mNews .mnews-sld-box {
    width: calc(100vw + 60px);
  }
  #mNews .mnews-sld-box .mnews-sld {
    margin-right: 20px;
  }
}

@media all and (max-width: 999px) {
  .msec03 {
    margin-top: 45px;
  }
  .msec03 .deco {
    top: -14px;
    font-size: 6em;
  }
  #mNews .mnews-sld {
    margin-top: 20px;
  }
  #mNews .mnews-sld-box .mnwes-thumb-sld {
    display: none !important;
  }
  #mNews .mnews-sld .swiper-slide a {
    align-items: flex-start;
  }
  #mNews .mnews-sld-box .s-tit {
    height: 79px;
    -webkit-line-clamp: 2;
  }
  #mNews .mnews-sld-box .s-txt {
    height: 37px;
  }
  #mNews .mnews-sld-box .s-date {
    margin-top: 17px;
  }
  #mNews .mnews-sld .data-ctrl {
    right: 0;
    bottom: auto;
    top: 0;
  }
  #mNews .mnews-txt-box {
    bottom: 0;
    padding: 30px 30px 25px;
  }
}
@media all and (max-width: 768px) {
  .msec03 .deco {
    display: none;
  }
  #mNews .mnews-sld {
    margin-top: -63px;
    padding-top: 40px;
  }
  #mNews .mnews-sld .swiper-slide a {
    display: block;
  }
  #mNews .mnews-sld .swiper-slide .img-box {
    width: auto;
  }
  #mNews .mnews-txt-box {
    position: relative;
    right: auto;
    bottom: auto;
    border-radius: 20px;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 40px 20px 20px;
  }
  #mNews .mnews-txt-box .s-cate {
    left: 20px;
  }
  #mNews .mnews-txt-box .s-tit {
    height: 63px;
    font-size: 1.067em;
  }
  #mNews .mnews-txt-box .s-tit:before {
    width: 8px;
    height: 8px;
    margin: 0 0 5px;
  }
  #mNews .mnews-txt-box .s-txt {
    display: none;
  }
  #mNews .mnews-sld-box .s-more {
    right: 20px;
    bottom: 18px;
  }
  #mNews .mnews-sld-box .s-more:after {
    background-size: 94px auto;
    background-position: -16px 0;
    width: 32px;
    height: 33px;
    margin-left: -5px;
  }
  #mNews .mnews-sld .data-ctrl {
  }
  #mNews .mnews-sld .data-ctrl a,
  #mNews .mnews-sld .data-ctrl button {
    width: 26px;
    height: 26px;
  }
  #mNews .mnews-sld .data-ctrl > button:before,
  #mNews .mnews-sld .data-ctrl > button:after {
    height: 7px;
  }
  #mNews .mnews-sld .data-ctrl .data-more:before,
  #mNews .mnews-sld .data-ctrl .data-more:after {
    width: 10px;
  }
}
@media all and (max-width: 599px) {
  #mNews .mnews-txt-box .txt-box .s-tit {
    height: 71px;
  }
}
/* ==============================
 * 동아피플
================================= */
.msec04 {
  position: relative;
  margin-top: 143px;
  padding-bottom: 110px;
}
.msec04:before,
.msec04:after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(68, 144, 254, 0.2);
  width: 600px;
  height: 500px;
  z-index: -1;
}
.msec04:before {
  left: -100px;
  top: 45px;
  border-top-right-radius: 200px;
}
.msec04:after {
  right: -100px;
  bottom: 0;
  border-bottom-left-radius: 200px;
}
.msec04 .mpeople-wr {
  box-sizing: border-box;
}
.mpeople-wr .m-tit-box {
  width: auto;
  margin-bottom: 36px;
  text-align: center;
}
#mPeople {
  position: relative;
}
.mpeople-wr .m-tit-box .m-txt {
  margin-top: 8px;
  color: #22264c;
  font-size: 1.111em;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.mpeople-sld {
  padding: 40px;
  margin: -40px 0;
}
.mpeople-sld a {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
.mpeople-sld a span {
  display: block;
}
.mpeople-sld .mpeople-box {
  position: relative;
  border-radius: 20px;
  box-shadow:
    0 8px 16px -2px rgba(10, 10, 10, 0.1),
    0 13px 28px 0 rgba(144, 156, 187, 0.4);
  overflow: hidden;
}
.mpeople-sld .img-box {
  position: relative;
}
.mpeople-sld .img-box:before {
  content: "";
  display: block;
  width: 0;
  padding-top: 142.5%;
}
.mpeople-sld .img-box > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 100% !important;
  height: auto;
  min-height: 100%;
  transition: transform 0.5s ease-out;
}
.mpeople-sld .txt-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(/resources/_Templet/Main/main_kor/Img/mpeople_bg.png) no-repeat center bottom;
  width: 100%;
  min-height: 328px;
  padding: 0 40px 25px;
  color: #fff;
  box-sizing: border-box;
}
.mpeople-sld .txt-box .s-tit {
  font-size: 1.222em;
  line-height: 1.364;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 90px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mpeople-sld .txt-box .s-more {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  font-size: 0.889em;
  z-index: 1;
}
.mpeople-sld .txt-box .s-more:after {
  content: "";
  display: block;
  background: url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat -23px 0;
  margin-left: -10px;
  width: 45px;
  height: 47px;
  transition: transform 0.3s ease;
  z-index: -1;
}
.mpeople-sld a:hover .img-box > img {
  transform: translate(-50%, -50%) scale(1.1);
}
.mpeople-sld a:hover .txt-box .s-more:after {
  transform: translateX(6px);
}
#mPeople .data-ctrl button {
  display: block;
  position: absolute;
  top: 50%;
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  transition: transform 0.3s ease-out;
  z-index: 2;
}
#mPeople .data-ctrl .btn-prev {
  left: 0;
}
#mPeople .data-ctrl .btn-next {
  right: 0;
}
#mPeople .data-ctrl button:before,
#mPeople .data-ctrl button:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#mPeople .data-ctrl > button:before,
#mPeople .data-ctrl > button:after {
  background: #0a1646;
  border: 0;
  width: 2px;
  height: 12px;
}
#mPeople .data-ctrl .btn-prev:before {
  transform: translateY(-35%) rotate(45deg);
}
#mPeople .data-ctrl .btn-prev:after {
  transform: translateY(35%) rotate(-45deg);
}
#mPeople .data-ctrl .btn-next:before {
  transform: translateY(35%) rotate(45deg);
}
#mPeople .data-ctrl .btn-next:after {
  transform: translateY(-35%) rotate(-45deg);
}
#mPeople .data-ctrl .btn-prev:hover {
  transform: translateX(-6px);
}
#mPeople .data-ctrl .btn-next:hover {
  transform: translateX(6px);
}

@media all and (min-width: 1000px) {
  .mpeople-wr .data-ctrl.hide {
    display: none !important;
  }
}
@media all and (max-width: 1399px) {
  .mpeople-sld {
    padding: 40px 20px;
  }
}
@media all and (max-width: 999px) {
  .msec04 {
    margin-top: 45px;
    padding-bottom: 0;
  }
  .msec04:before {
    left: 0;
    width: 250px;
  }
  .msec04:after {
    display: none;
  }
  .mpeople-wr {
    padding-left: 70px;
  }
  .mpeople-wr .m-tit-box {
    margin-bottom: 5px;
    margin-left: -70px;
  }
  .mpeople-sld {
    margin: 0 -20px -40px;
  }
  .mpeople-sld .txt-box .s-tit {
    height: 86px;
  }
  .mpeople-sld .mpeople-box {
    box-shadow:
      0 8px 16px -2px rgba(10, 10, 10, 0.1),
      0 13px 12px 0 rgba(144, 156, 187, 0.4);
  }
  #mPeople .data-ctrl {
    position: absolute;
    left: -70px;
    top: 50%;
    margin-top: -65px;
  }
  #mPeople .data-ctrl button {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    border: 1px solid #ddd;
    width: 65px;
    height: 65px;
    margin-top: 0;
  }
  #mPeople .data-ctrl .btn-prev {
    z-index: 1;
  }
  #mPeople .data-ctrl .btn-next {
    margin-top: -10px;
  }
}
@media all and (max-width: 768px) {
  .msec04:before {
    height: 60%;
  }
  .mpeople-sld .mpeople-box {
    box-shadow: none;
  }
  .mpeople-sld .txt-box {
    min-height: 100%;
    padding: 0 20px 15px;
  }
  .mpeople-sld .txt-box .s-tit {
    height: 70px;
    font-size: 1em;
  }
}
@media all and (max-width: 599px) {
  .mpeople-wr {
    padding-left: 20px;
  }
  .mpeople-wr .m-tit-box {
    margin-left: -20px;
  }
  .mpeople-sld .txt-box {
  }
  .mpeople-sld .txt-box .s-tit {
    height: 62px;
  }
  #mPeople .data-ctrl {
    left: -20px;
    margin-top: -43px;
  }
  #mPeople .data-ctrl button {
    width: 40px;
    height: 40px;
  }
  #mPeople .data-ctrl .btn-next {
    margin-top: -5px;
  }
  #mPeople .data-ctrl > button:before,
  #mPeople .data-ctrl > button:after {
    height: 7px;
  }
}
@media all and (max-width: 399px) {
  .mpeople-sld .txt-box {
    background-position: center -60%;
  }
}
/* ==============================
 * what's on
================================= */
.msec05 {
  margin-top: 40px;
}
.msec05 .mkeyword-wr {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.mkeyword-wr .m-tit-box {
  width: auto;
  margin-right: 158px;
}
.mkeyword-wr .m-tit-box h3 {
  color: #111;
  font-size: 5.556em;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  letter-spacing: 0;
}
.mkeyword-wr .m-tit-box h3:before {
  content: "";
  display: block;
  background-color: #fff300;
  border-radius: 50%;
  margin-bottom: 23px;
  width: 18px;
  height: 18px;
}
.mkeyword-wr .m-tit-box .m-sub-tit {
  margin-top: 34px;
  color: #006ee9;
  font-size: 2em;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  letter-spacing: 0;
}
.mkeyword-wr .m-tit-box .m-txt {
  margin-top: 18px;
  color: #22264c;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.mkeyword-wr .mkeyword {
  display: flex;
  flex-flow: row wrap;
  flex: 1 1 0;
  margin-top: -20px;
}
.mkeyword-wr .mkeyword > button {
  background-color: #e1e1e2;
  border: 0;
  border-radius: 50px;
  min-width: 112px;
  margin: 20px 10px 0 0;
  padding: 16px 21px;
  color: #333;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.05em;
  text-align: center;
  box-sizing: border-box;
}
.mkeyword-wr .mkeyword > button:hover {
  background-color: #111;
  color: #fff;
}

.msec05 .mad-wr {
  display: flex;
  flex-flow: row wrap;
  margin-top: 85px;
  padding-top: 30px;
  overflow: hidden;
}
.msec05 .mad-wr .msns-wr {
  position: relative;
  width: 67.1875%;
}
.msec05 .mad-wr .msns-wr:before {
  content: "";
  display: block;
  position: absolute;
  right: -70px;
  top: 225px;
  background-color: #e0e0e0;
  width: 2px;
  height: 100%;
}
.msec05 .mad-wr #mImban1 {
  align-self: flex-end;
  width: 32.8125%;
  padding-left: 155px;
  box-sizing: border-box;
}
.msns-wr .m-tit {
  margin-bottom: 33px;
  color: #000;
  font-size: 2em;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  letter-spacing: 0;
}
.msns-wr .msns-list {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  position: absolute;
  left: 202px;
  top: 4px;
}
.msns-wr .msns-list li {
  margin-right: 22px;
}
.msns-wr .msns-list li:last-child {
  margin-right: 0;
}
.msns-wr .msns-list a {
  display: block;
  background: url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat 0 -57px;
  width: 26px;
  height: 26px;
}
.msns-wr .msns-list a.yb {
  background-position-x: 0;
}
.msns-wr .msns-list a.face {
  background-position-x: -36px;
}
.msns-wr .msns-list a.nb {
  background-position-x: -72px;
}
.msns-wr .msns-list a.insta {
  background-position-x: -108px;
}
.msns-wr .msns-list a:hover {
  background-position-y: -93px;
}
.msns-wr .msns-sld a,
.msns-wr .msns-sld a span {
  display: block;
}
.msns-wr .msns-sld .img-box {
  display: block;
  position: relative;
  background-color: #434343;
  border-radius: 20px;
  overflow: hidden;
}
.msns-wr .msns-sld .img-box:before {
  content: "";
  display: block;
  width: 0;
  padding-top: 100%;
}
.msns-wr .msns-sld .img-box > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}
.msns-wr .msns-sld .txt-box {
  position: relative;
  padding-top: 23px;
}
.msns-wr .msns-sld .txt-box .icon {
  position: absolute;
  right: 20px;
  top: -20px;
  border-radius: 15px;
  width: 40px;
  height: 40px;
  transition: transform 0.3s ease-out;
}
.msns-wr .msns-sld .yb .txt-box .icon {
  background-color: #d00000;
}
.msns-wr .msns-sld .face .txt-box .icon {
  background-color: #3545b5;
}
.msns-wr .msns-sld .nb .txt-box .icon {
  background-color: #00ab4c;
}
.msns-wr .msns-sld .insta .txt-box .icon {
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
}
.msns-wr .msns-sld .txt-box .icon:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat 0 -129px;
  width: 20px;
  height: 20px;
  margin: auto;
}
.msns-wr .msns-sld .yb .txt-box .icon:before {
  background-position-x: 0;
}
.msns-wr .msns-sld .face .txt-box .icon:before {
  background-position-x: -30px;
}
.msns-wr .msns-sld .nb .txt-box .icon:before {
  background-position-x: -60px;
}
.msns-wr .msns-sld .insta .txt-box .icon:before {
  background-position-x: -90px;
}
.msns-wr .msns-sld .txt-box .sns-name {
  font-size: 0.889em;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
}
.msns-wr .msns-sld .yb .txt-box .sns-name {
  color: #d00000;
}
.msns-wr .msns-sld .face .txt-box .sns-name {
  color: #3545b5;
}
.msns-wr .msns-sld .nb .txt-box .sns-name {
  color: #00ab4c;
}
.msns-wr .msns-sld .insta .txt-box .sns-name {
  color: #db34a7;
}
.msns-wr .msns-sld .txt-box .s-tit {
  margin-top: 9px;
  color: #555;
  font-size: 0.889em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 58px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.msns-wr .msns-sld a:hover .txt-box .icon {
  transform: translateY(-5px);
}
.msns-wr .data-ctrl {
  position: absolute;
  right: -90px;
  top: 70px;
  background-color: #fff;
}
.msns-wr .data-ctrl button,
.msns-wr .data-ctrl a {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-bottom: 5px;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
}
.msns-wr .data-ctrl button:before,
.msns-wr .data-ctrl button:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.msns-wr .data-ctrl > button:before,
.msns-wr .data-ctrl > button:after {
  background: #0c2042;
  border: 0;
  width: 2px;
  height: 13px;
}
.msns-wr .data-ctrl .btn-prev:before {
  transform: translateY(-35%) rotate(45deg);
}
.msns-wr .data-ctrl .btn-prev:after {
  transform: translateY(35%) rotate(-45deg);
}
.msns-wr .data-ctrl .btn-next:before {
  transform: translateY(35%) rotate(45deg);
}
.msns-wr .data-ctrl .btn-next:after {
  transform: translateY(-35%) rotate(-45deg);
}
.msns-wr .data-ctrl button:hover {
  background-color: #ddd;
}
.msns-wr .data-ctrl .data-more {
  background-color: #71788e;
  border-color: #71788e;
  transition: all 0.3s ease;
}
.msns-wr .data-ctrl .data-more:before,
.msns-wr .data-ctrl .data-more:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
}
.msns-wr .data-ctrl .data-more:before {
}
.msns-wr .data-ctrl .data-more:after {
  transform: rotate(90deg);
}
.msns-wr .data-ctrl .data-more:hover {
  transform: rotate(270deg);
}
.msns-wr .data-auto button {
}
.msns-wr .data-auto .btn-stop:before {
  border: 2px solid #0a1646;
  border-top: 0;
  border-bottom: 0;
  width: 8px;
  height: 16px;
  box-sizing: border-box;
}
.msns-wr .data-auto .btn-play {
  display: none;
}
.msns-wr .data-auto .btn-play:before {
  border-width: 5px 0 5px 7px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #0a1646;
  width: 0;
  height: 0;
}

#mImban1 a,
#mImban1 a span {
  display: block;
}
#mImban1 a {
  position: relative;
  max-width: 258px;
}
#mImban1 a .icon {
  position: absolute;
  left: -18px;
  top: -18px;
  background: #ffd44d;
  border-radius: 25px;
  width: 60px;
  height: 60px;
  transition: transform 0.3s ease-out;
  z-index: 1;
}
#mImban1 a .icon:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(/resources/_Templet/Main/main_kor/Img/main_spr.png) no-repeat -78px 0;
  width: 27px;
  height: 29px;
  margin: auto;
}
#mImban1 a .s-img-wr {
  box-shadow: 0 13px 28px 0 rgba(144, 156, 187, 0.4);
}
#mImban1 a .s-img {
  position: relative;
  overflow: hidden;
}
#mImban1 a .s-img:before {
  content: "";
  display: block;
  width: 0;
  padding-top: 130.6201%;
}
#mImban1 a .s-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
}
#mImban1 a .s-tit {
  position: absolute;
  right: -35px;
  top: 59px;
  color: rgba(9, 52, 104, 0.3);
  font-size: 3.333em;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  letter-spacing: -0.05em;
  writing-mode: vertical-rl;
  text-orientation: sideways;
  z-index: -1;
}
#mImban1 a .s-txt {
  margin-top: 22px;
  color: #000;
  font-size: 0.722em;
  font-weight: 500;
  letter-spacing: -0.05em;
  text-align: right;
}
#mImban1 a:hover .icon {
  transform: translateY(-5px);
}
@media all and (max-width: 1399px) {
  .msec05 .mkeyword-wr {
    display: block;
  }
  .mkeyword-wr .mkeyword {
    margin-top: 0;
  }
  .msec05 .mad-wr .msns-wr {
    padding-right: 50px;
    box-sizing: border-box;
  }
  .msec05 .mad-wr .msns-wr:before {
    right: 0;
  }
  .msns-wr .data-ctrl {
    right: -15px;
  }
  .msec05 .mad-wr #mImban1 {
    padding-left: 5%;
  }
}
@media all and (max-width: 999px) {
  .msec05 {
    margin-top: 25px;
  }
  .mkeyword-wr .m-tit-box {
    margin-right: 0;
  }
  .mkeyword-wr .m-tit-box h3 {
    font-size: 3.529em;
  }
  .mkeyword-wr .m-tit-box h3:before {
    margin-bottom: 15px;
  }
  .mkeyword-wr .m-tit-box .m-sub-tit {
    font-size: 1.764em;
  }

  .msec05 .mad-wr {
    margin-top: 45px;
  }
  .msns-wr .msns-sld .txt-box .s-tit {
    height: 55px;
  }
  .msec05 .mad-wr #mImban1 {
    align-self: center;
  }
  #mImban1 a {
    padding-right: 30px;
    box-sizing: border-box;
  }
  #mImban1 a .icon {
    width: 50px;
    height: 50px;
  }
  #mImban1 a .s-tit {
    right: 0;
  }
}
@media all and (max-width: 768px) {
  .mkeyword-wr .m-tit-box h3 {
    font-size: 2em;
  }
  .mkeyword-wr .m-tit-box h3:before {
    width: 10px;
    height: 10px;
    margin-bottom: 10px;
  }
  .mkeyword-wr .m-tit-box .m-sub-tit {
    margin-top: 20px;
    font-size: 1em;
  }
  .mkeyword-wr .m-tit-box .m-txt {
    margin-top: 8px;
    font-size: 0.889em;
  }
  .mkeyword-wr .mkeyword > button {
    min-width: 90px;
    margin: 10px 5px 0 0;
    padding: 12px 20px;
    font-size: 12px;
  }

  .msec05 .mad-wr .msns-wr {
    width: calc(100% - 290px);
    flex: 1 1 0;
  }
  .msns-wr .msns-list {
    left: auto;
    right: 0;
  }
  .msns-wr .msns-list li {
    margin-right: 15px;
  }
  .msec05 .mad-wr #mImban1 {
    width: 290px;
  }
  .msns-wr .msns-sld .txt-box .s-tit {
    height: 52px;
  }
}
@media all and (max-width: 699px) {
  .msec05 .mad-wr .msns-wr {
    padding-right: 35px;
  }
  .msec05 .mad-wr .msns-wr:before {
    top: 185px;
    right: 11px;
  }
  .msns-wr .msns-list {
    margin-right: -35px;
  }
  .msns-wr .data-ctrl {
    right: 0;
    top: 90px;
  }
  .msns-wr .m-tit {
    margin-bottom: 10px;
  }
  .msns-wr .msns-list {
    justify-content: flex-end;
    position: static;
    right: auto;
    top: auto;
    margin-bottom: 23px;
  }
  .msns-wr .data-ctrl button,
  .msns-wr .data-ctrl a {
    width: 25px;
    height: 25px;
  }
  .msns-wr .data-ctrl {
    margin-bottom: 10px;
  }
  .msns-wr .data-ctrl > button:before,
  .msns-wr .data-ctrl > button:after {
    height: 6px;
  }
  .msns-wr .data-auto .btn-stop:before {
    width: 6px;
    height: 10px;
  }
  .msns-wr .data-auto .btn-play:before {
    border-width: 4px 0 4px 5px;
  }
  .msns-wr .data-ctrl .data-more:before,
  .msns-wr .data-ctrl .data-more:after {
    width: 10px;
  }
}
@media all and (max-width: 599px) {
  .msec05 .mad-wr {
    display: block;
  }
  .msec05 .mad-wr .msns-wr,
  .msec05 .mad-wr #mImban1 {
    width: auto;
  }

  .msec05 .mad-wr #mImban1 {
    display: none;
  }
  .msns-wr .msns-sld .txt-box .s-tit {
    height: 46px;
  }
}
/* ==============================
 * 동아파워
================================= */
.msec06 {
  position: relative;
  background-color: #f4f5f8;
  border-radius: 70px 70px 0 0;
  margin-top: 105px;
  overflow: hidden;
}
.msec06 .msec06-deco {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.msec06 .msec06-deco:before,
.msec06 .msec06-deco:after {
  content: "";
  display: block;
  position: absolute;
  border: 1px solid rgba(63, 81, 181, 0.2);
  border-radius: 50%;
}
.msec06 .msec06-deco:before {
  left: 118px;
  bottom: 196px;
  width: 1263px;
  height: 1263px;
}
.msec06 .msec06-deco:after {
  left: 100%;
  bottom: 100%;
  width: 1643px;
  height: 1643px;
  margin: 0 0 -163px -1060px;
}
.msec06 .mpower-wr {
  padding: 83px 0 55px;
  z-index: 1;
}
.mpower-wr .m-tit-box {
  width: auto;
  margin-bottom: 65px;
  text-align: center;
}
.mpower-wr .m-tit-box .m-txt {
  margin-top: 8px;
  color: #22264c;
  font-size: 1.111em;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.mpower-wr .mpower {
  left: 50%;
  width: 1952px;
  padding: 40px;
  margin: -40px;
  margin-left: -1016px;
}
.mpower .data-ctrl {
  margin-top: 25px;
  font-size: 0;
  text-align: center;
}
.mpower .data-ctrl > * {
  display: inline-block;
}
.mpower .data-ctrl button {
  display: inline-block;
  position: relative;
  background: none;
  border: 0;
  width: 33px;
  height: 20px;
  margin: 0 11px;
  transition: transform 0.3s ease-out;
}
.mpower .data-ctrl button.btn-prev:hover {
  transform: translateX(-6px);
}
.mpower .data-ctrl button.btn-next:hover {
  transform: translateX(6px);
}
.mpower .data-ctrl button .arr {
  display: block;
  position: relative;
  background: #141845;
  border: 0;
  width: 100%;
  height: 2px;
  transition: 0.35s 0.35s;
}
.mpower .data-ctrl button .arr:before,
.mpower .data-ctrl button .arr:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  background-color: #141845;
  width: 2px;
  height: 13px;
  transition: 0.35s;
}
.mpower .data-ctrl button.btn-prev .arr:before {
  left: 2px;
  transform: translateY(-2px) rotate(-45deg);
}
.mpower .data-ctrl button.btn-prev .arr:after {
  left: 2px;
  transform: translateY(-11px) rotate(225deg);
}
.mpower .data-ctrl button.btn-next .arr:before {
  right: 2px;
  transform: translateY(-2px) rotate(225deg);
}
.mpower .data-ctrl button.btn-next .arr:after {
  right: 2px;
  transform: translateY(-11px) rotate(-45deg);
}
.mpower .data-auto button {
  width: 12px;
}
.mpower .data-auto button:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mpower .data-auto .btn-stop:before {
  border: 2px solid #0a1646;
  border-top: 0;
  border-bottom: 0;
  width: 8px;
  height: 16px;
  box-sizing: border-box;
}
.mpower .data-auto .btn-play {
  display: none;
}
.mpower .data-auto .btn-play:before {
  border-width: 5px 0 5px 7px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #0a1646;
  width: 0;
  height: 0;
}

.mpower .mpower-box {
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  min-height: 446px;
  padding: 36px 42px;
  box-shadow: 0 13px 28px 0 rgba(144, 156, 187, 0.4);
  box-sizing: border-box;
  transition: all 0.25s ease-out;
}
.mpower-box .mp-tit {
  margin-bottom: 27px;
  color: #000;
  font-size: 1.333em;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.2;
}
.mpower-box .mp-num {
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
}
.mpower-box .mp-num em {
  font-size: 2.667em;
  font-style: normal;
}
.mpower-box .mp-txt {
  font-size: 1.111em;
  font-weight: 500;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  line-height: 1.2;
}
.mpower-box .mp-txt.s {
  margin-top: 18px;
  color: #686868;
  font-size: 0.889em;
}
.mpower-box .mp-ico {
}
.mpower-box .mp-img-box {
  position: relative;
  background: #f2f4f6;
  border-radius: 50%;
  width: 156px;
  height: 156px;
  margin: 0 auto 33px;
}
.mpower-box .mp-img-box > img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.mpower-box .mp-list {
}
.mpower-box .mp-list li {
  border-bottom: 1px solid #dee4ea;
  margin-bottom: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.mpower-box .mp-list li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.mpower-box .mp-list .mp-list-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f2f4f6;
  border-radius: 10px;
  height: 80px;
  padding: 8px 24px;
  box-sizing: border-box;
}
.mpower-box .mp-list .mp-list-box .txt {
  color: #000;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.05em;
  font-family: "Paperlogy", "Pretendard", sans-serif;
}
.mpower-box .mp-list .mp-list-box02 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f2f4f6;
  border-radius: 10px;
  height: 120px;
  padding: 8px 24px;
  box-sizing: border-box;
}
.mpower-box .mp-list .mp-list-box02 .txt {
  color: #000;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.05em;
  font-family: "Paperlogy", "Pretendard", sans-serif;
}
.mpower-box .mp-list .mp-list-box .txt > span {
  font-size: 0.778em;
}

.mpower-box.p01 .mp-txt span {
  color: #9264e5;
}
.mpower-box.p01 .mp-img-box > img {
  bottom: -8px;
}
.mpower-box.p02 .mp-num {
  color: #e6446c;
}
.mpower-box.p02 .mp-ico {
  position: absolute;
  right: 49px;
  bottom: 49px;
}
.mpower-box.p03 .mp-num {
  position: relative;
  margin-bottom: -8px;
  color: #0946a1;
  font-size: 2em;
  line-height: 1;
  z-index: 1;
}
.mpower-box.p04 .mp-num,
.mpower-box.p06 .mp-num {
  color: #141845;
}
.mpower-box.p04 .mp-num .p04-c,
.mpower-box.p06 .mp-num .p06-c {
  color: #3f51b5;
}
.mpower-box.p04 .mp-ico,
.mpower-box.p06 .mp-ico {
  position: absolute;
  right: 45px;
  bottom: 43px;
}
.mpower-box.p03 .mp-txt {
  position: relative;
  background-color: #2374ef;
  border-radius: 30px;
  padding: 12px 5px 6px;
  color: #fff;
  font-size: 0.889em;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
  z-index: 1;
}
.mpower-box.p03 .mp-txt:after {
  content: "";
  position: absolute;
  left: 25px;
  top: 100%;
  border-style: solid;
  border-color: #2374ef transparent transparent transparent;
  border-width: 12px 12px 12px 0;
  width: 0;
  height: 0;
  margin: auto;
}
.mpower-box.p05 .mp-num {
  color: #1eacb4;
}
.mpower-box.p07 .mp-num {
  color: #faad18;
}
.mpower-box.p07 .mp-ico {
  position: absolute;
  right: 45px;
  bottom: 49px;
}
.mpower-box.p08 .mp-txt span {
  color: #1eb48f;
}
.mpower-box.p08 .mp-img-box > img {
  bottom: 10px;
}

.mpower-box.p09 .mp-num {
  color: #8451e1;
}
.mpower-box.p09 .mp-ico {
  position: absolute;
  right: 49px;
  bottom: 49px;
}
.mpower-box.p09 .mp-tit9 {
  font-size: 1.35em;
  padding-bottom: 9px;
}
.mpower-box.p09 .mp-num .num9 {
  font-size: 1em;
  padding-left: 4px;
}
.mp-txt9 {
  font-size: 0.9em;
}

.mpower-box.p10 .mp-num {
  color: #2374ef;
}
.mpower-box.p10 .mp-num {
  color: #2374ef;
}

.mpower-box.swiper-slide-active .mp-tit,
.mpower-box.swiper-slide-active .mp-tit9,
.mpower-box.swiper-slide-active .mp-num,
.mpower-box.swiper-slide-active .mp-num,
.mpower-box.swiper-slide-active .mp-txt,
.mpower-box.swiper-slide-active .mp-txt span,
.mpower-box.swiper-slide-active .mp-num span,
.mpower-box.swiper-slide-active .mp-list .mp-list-box .txt {
  color: #fff !important;
}
.mpower-box.swiper-slide-active .mp-list .mp-list-box02 .txt {
  color: #fff !important;
}
.mpower-box.swiper-slide-active .mp-img-box {
  background-color: rgba(242, 244, 246, 0.3);
}
.mpower-box.swiper-slide-active .mp-list-box {
  background-color: rgba(200, 200, 200, 0.25);
}
.mpower-box.swiper-slide-active .mp-list-box02 {
  background-color: rgba(200, 200, 200, 0.25);
}

.mpower-box.p01.swiper-slide-active {
  background-color: #9264e5;
}
.mpower-box.p01.swiper-slide-active .mp-img-box {
}
.mpower-box.p02.swiper-slide-active {
  background-color: #e6446c;
}
.mpower-box.p03.swiper-slide-active {
  background-color: #2374ef;
}
.mpower-box.p03.swiper-slide-active .mp-txt {
  background-color: #fff;
  color: #2374ef !important;
}
.mpower-box.p03.swiper-slide-active .mp-txt:after {
  border-color: #fff transparent transparent transparent;
}
.mpower-box.p04.swiper-slide-active {
  background-color: #3f51b5;
}
.mpower-box.p05.swiper-slide-active {
  background-color: #1eacb4;
}
.mpower-box.p06.swiper-slide-active {
  background-color: #3f51b5;
}
.mpower-box.p07.swiper-slide-active {
  background-color: #faad18;
}
.mpower-box.p08.swiper-slide-active {
  background-color: #1eb48f;
}
.mpower-box.p09.swiper-slide-active {
  background-color: #8451e1;
}
.mpower-box.p10.swiper-slide-active {
  background-color: #2374ef;
}
@media all and (max-width: 999px) {
  .msec06 {
    margin-top: 45px;
  }
  .msec06 .mpower-wr {
    padding: 35px 0;
  }
  .mpower-wr .mpower {
    width: 1200px;
    margin-left: -640px;
  }
}
@media all and (max-width: 929px) {
  .mpower-wr .m-tit-box {
    margin-bottom: 35px;
  }
  .mpower-wr .mpower {
    width: 986px;
    margin-left: -533px;
  }
  .mpower-sld .mpower-box {
    min-height: auto;
    height: auto;
    padding: 25px 35px;
  }
  .mpower-box .mp-txt {
    font-size: 1em;
  }
  .mpower-box .mp-tit {
    margin-bottom: 17px;
  }
  .mpower-box .mp-list .mp-list-box {
    flex-flow: column;
    align-items: baseline;
    height: auto;
  }
  .mpower-box .mp-list .mp-list-box .txt br {
    display: none;
  }
  .mpower-box .mp-list .mp-list-box .mp-num {
    align-self: flex-end;
    margin-top: 1px;
  }
  .mpower-box .mp-list .mp-list-box02 {
    flex-flow: column;
    align-items: baseline;
    height: auto;
  }
  .mpower-box .mp-list .mp-list-box02 .txt br {
    display: none;
  }
  .mpower-box .mp-list .mp-list-box02 .mp-num {
    align-self: flex-end;
    margin-top: 7px;
  }

  .mpower-box.p03 img {
    display: block;
    width: 80% !important;
    margin: 0 auto;
  }
}
@media all and (max-width: 768px) {
  .msec06 .mpower-wr {
    padding: 30px 0 25px;
  }
  .mpower-box.p02 .mp-ico,
  .mpower-box.p09 .mp-ico,
  .mpower-box.p04 .mp-ico,
  .mpower-box.p06 .mp-ico,
  .mpower-box.p07 .mp-ico {
    right: 20px;
    bottom: 20px;
  }
  .mpower .data-ctrl button {
    width: 26px;
    height: 17px;
    margin: 0 5px;
  }
  .mpower .data-ctrl button .arr:before,
  .mpower .data-ctrl button .arr:after {
    height: 9px;
    transition: 0.35s;
  }
  .mpower .data-ctrl button.btn-prev .arr:after {
    transform: translateY(-7px) rotate(225deg);
  }
  .mpower .data-ctrl button.btn-next .arr:after {
    transform: translateY(-7px) rotate(-45deg);
  }
}
@media all and (max-width: 699px) {
  .mpower-wr .mpower {
    width: 734px;
    margin-left: -407px;
  }
  .mpower-sld .mpower-box {
    padding: 25px;
  }
}
/* ==============================
 * DAU 배너모음
================================= */
.msec07 {
  background-color: #e8eaf6;
  padding: 28px 0;
}
.msec07 .mbnr-wr {
  display: flex;
  flex-flow: row wrap;
}
.mbnr-wr .m-tit-box {
  display: flex;
  align-items: center;
  flex-basis: 264px;
}
.mbnr-wr .m-tit-box h3 {
  margin-right: 22px;
  color: #111;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  letter-spacing: 0;
}
.mbnr-wr .mbnr-sld a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
.mbnr-wr .data-ctrl {
  display: flex;
  align-items: center;
}
.mbnr-wr .data-ctrl button {
  position: relative;
  display: block;
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  margin-right: 2px;
}
.mbnr-wr .data-ctrl button:before,
.mbnr-wr .data-ctrl button:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mbnr-wr .data-ctrl > button:before,
.mbnr-wr .data-ctrl > button:after {
  background: #0a1646;
  border: 0;
  width: 2px;
  height: 6px;
}
.mbnr-wr .data-ctrl .btn-prev:before {
  transform: translateY(-35%) rotate(39deg);
}
.mbnr-wr .data-ctrl .btn-prev:after {
  transform: translateY(35%) rotate(-39deg);
}
.mbnr-wr .data-ctrl .btn-next:before {
  transform: translateY(35%) rotate(39deg);
}
.mbnr-wr .data-ctrl .btn-next:after {
  transform: translateY(-35%) rotate(-39deg);
}
.mbnr-wr .data-auto button {
}
.mbnr-wr .data-auto .btn-stop:before {
  border: 2px solid #0a1646;
  border-top: 0;
  border-bottom: 0;
  width: 6px;
  height: 8px;
  box-sizing: border-box;
}
.mbnr-wr .data-auto .btn-play {
  display: none;
}
.mbnr-wr .data-auto .btn-play:before {
  border-width: 5px 0 5px 7px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #0a1646;
  width: 0;
  height: 0;
}

.mbnr-wr .mbnr-sld-wr {
  flex: 1 1 0;
}
@media all and (max-width: 999px) {
  .mbnr-wr .m-tit-box {
    flex-basis: auto;
    margin-right: 15px;
  }
}
@media all and (max-width: 768px) {
  .msec07 .mbnr-wr {
    display: block;
  }
  .mbnr-wr .m-tit-box {
    display: block;
    position: relative;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .mbnr-wr .data-ctrl {
    position: absolute;
    top: -7px;
    right: 0;
  }
}

/* ───────────────────────────────────────────────────────────────
   아웃링크(외부 링크) 시각 표시 — donga_kor 전용
   - html[data-service-code="donga_kor"] 스코핑: 신규 서비스(template_default
     상속으로 본 파일을 로드해도) 에는 매칭 안 됨 → 서비스 격리 보장.
   - 아이콘은 `.menu-text` span 안 ::after 로 inline 배치 — `.mn_a1` 이
     `display:flex; align-items:flex-start` 라, `a::after` 로 두면 flex 자식이 되어
     나브바 상단에 정렬되는 버그(2026-06-08). 레거시 `[target=_blank] span:after`
     와 동일하게 span inline 으로 둔다.
   - :not(.mn_a1) — depth1(최상위)은 제외, depth2/3(드롭다운 항목)에만 표시.
   - href 정상(http/https) + 과거 망가진(/http) 형태 모두 타깃(방어적).
   - ::after content 라 스크린리더는 자동 무시(장식용).
   ─────────────────────────────────────────────────────────────── */
html[data-service-code="donga_kor"] #mainNavi a.cms-menu-link:not(.mn_a1)[href^="/http://"] .menu-text::after,
html[data-service-code="donga_kor"] #mainNavi a.cms-menu-link:not(.mn_a1)[href^="/https://"] .menu-text::after,
html[data-service-code="donga_kor"] #mainNavi a.cms-menu-link:not(.mn_a1)[href^="http://"] .menu-text::after,
html[data-service-code="donga_kor"] #mainNavi a.cms-menu-link:not(.mn_a1)[href^="https://"] .menu-text::after
{
  /* 박스+화살표 '새 창' 아이콘 (Feather external-link). currentColor 마스크라
     메뉴 텍스트 색/hover 상태를 그대로 따라감. */
  content: "";
  display: inline-block;
  width: 0.85em;
  height: 0.85em;
  margin-left: 4px;
  vertical-align: -0.1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E")
    no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E")
    no-repeat center / contain;
  opacity: 0.7;
}

/* ───────────────────────────────────────────────────────────────
   서브페이지 본문 컨테이너 폭 1400 → 1500 + 패딩 제거 — donga_kor 전용
   - 실제 폭 출처: 템플릿 globalCss 의 `#container > #contents { max-width:1400px }`.
     이 규칙은 서브(body.isSub)에만 적용되고, 홈(body.isMain)은 별도 규칙으로
     풀폭이라 영향 없음. 따라서 `body.isSub` 로 스코핑해 홈을 보호한다.
   - 라우트 공통 wrapper(`main[data-public-page="catch-all"]`)의 인라인 padding:2rem 도
     donga_kor 에서만 제거 (코어 page.tsx 미변경, 인라인이라 !important).
   - data-service-code 스코핑 → 다른 서비스/신규 서비스 미영향.
   ─────────────────────────────────────────────────────────────── */
main[data-public-page="catch-all"][data-service-code="donga_kor"] {
  padding: 0 !important;
}
html[data-service-code="donga_kor"] body.isSub #container > #contents {
  max-width: 1500px !important;
  width: 90% !important; /* 화면의 90% 사용, 1500px 에서 상한. margin:0 auto 로 중앙정렬(양쪽 5% 여백) */
  padding: 0 !important;
}

/* ───────────────────────────────────────────────────────────────
   서브페이지 상단: 슬라이더 제거 + 텍스트 히어로(About <섹션> + 슬로건 + 회전뱃지)
   - 히어로 콘텐츠는 donga-kor-subhero.js 가 #svisual-wrap 에 주입(.dau-subhero).
   - body.isSub 스코핑 → 홈(isMain) 메인 슬라이더 유지. donga_kor 전용.
   ─────────────────────────────────────────────────────────────── */
html[data-service-code="donga_kor"]
  body.isSub
  #svisual-wrap
  [data-cms-widget-key="content.hero-slider"] {
  display: none !important; /* 서브에선 슬라이더 숨김 */
}
html[data-service-code="donga_kor"] body.isSub #svisual-wrap {
  min-height: 320px !important;
  background: #fff !important;
  position: relative;
  z-index: 5;
  overflow: visible;
}
html[data-service-code="donga_kor"] .dau-subhero {
  width: 100%;
}
html[data-service-code="donga_kor"] .dau-subhero .dsh-inner {
  position: relative;
  max-width: 1700px;
  width: 90%;
  margin: 0 auto;
  padding: 80px 0;
}
html[data-service-code="donga_kor"] .dsh-title {
  margin: 0;
  font-size: 64px;
  line-height: 1.05;
  color: #1a1a1a;
  position: relative;
  z-index: 1;
}
html[data-service-code="donga_kor"] .dsh-title b {
  font-weight: 800;
}
html[data-service-code="donga_kor"] .dsh-slogan {
  margin: 30px 0 0;
  font-size: 18px;
  color: #8a8f99;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
/* B. 우측 대형 워터마크 "DONG-A UNIVERSITY" (옅은 회색, 텍스트 뒤, 2줄 우측정렬) */
html[data-service-code="donga_kor"] .dsh-watermark {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 620px;
  text-align: right;
  white-space: normal;
  font-size: 96px;
  line-height: 0.95;
  font-weight: 700;
  color: #f1f3f7;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  letter-spacing: -0.075em;
}
html[data-service-code="donga_kor"] .dsh-bc {
  position: relative;
  z-index: 1;
}
/* E. 진입 fade-in (타이틀→슬로건→브레드크럼 stagger) */
@keyframes dsh-fade {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
html[data-service-code="donga_kor"] .dsh-title {
  animation: dsh-fade 0.6s ease both;
}
html[data-service-code="donga_kor"] .dsh-slogan {
  animation: dsh-fade 0.6s ease 0.12s both;
}
html[data-service-code="donga_kor"] .dsh-bc {
  animation: dsh-fade 0.6s ease 0.24s both;
}

/* 동적 브레드크럼 (🏠 > 섹션▾ > 페이지▾) */
html[data-service-code="donga_kor"] .dsh-bc {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin-top: 80px;
  border: 0;
  border-bottom: 1px solid #e3e6ec; /* 밑줄만 — 브라우저 100% 풀폭(좌우 여백 0) */
  overflow: visible;
  background: transparent;
  box-sizing: border-box;
  /* 풀블리드: 밑줄은 뷰포트 끝~끝, 세그먼트는 좌우 거터로 본문(1700) 폭 안에 배치 */
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%); /* 우측 거터 → 세그먼트 영역 = 본문 1700 */
}
/* 세그먼트 박스: 위/좌/우 테두리 (바닥은 .dsh-bc 의 풀폭 밑줄이 대신) */
html[data-service-code="donga_kor"] .dsh-bc-home {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  text-decoration: none;
  color: #555;
  background: #fff;
  border-top: 1px solid #e3e6ec;
  border-left: 1px solid #e3e6ec;
  border-right: 1px solid #e3e6ec;
}
html[data-service-code="donga_kor"] .dsh-bc-home::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #555;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 2 11.5h3V21h5v-6h4v6h5v-9.5h3z'/%3E%3C/svg%3E")
    center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 2 11.5h3V21h5v-6h4v6h5v-9.5h3z'/%3E%3C/svg%3E")
    center/contain no-repeat;
}
html[data-service-code="donga_kor"] .dsh-bc-item {
  position: relative;
  background: #fff;
  border-top: 1px solid #e3e6ec;
  border-right: 1px solid #e3e6ec;
}
html[data-service-code="donga_kor"] .dsh-bc-btn {
  display: flex;
  align-items: center;
  gap: 30px;
  min-width: 250px;
  height: 60px;
  padding: 0 18px; /* PC: 원래 박스 크기(fit-content) */
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 18px;
  color: #333;
  white-space: nowrap;
  justify-content: space-between;
}
html[data-service-code="donga_kor"] .dsh-bc-caret {
  width: 12px;
  height: 12px;
  flex: none;
  background-color: #888;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
    center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
    center/contain no-repeat;
  transition: transform 0.2s;
}
html[data-service-code="donga_kor"] .dsh-bc-item.open .dsh-bc-caret {
  transform: rotate(180deg);
}
html[data-service-code="donga_kor"] .dsh-bc-drop {
  display: none;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  z-index: 200;
  background: #fff;
  border: 1px solid #e3e6ec;
  border-top: 0;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  max-height: 320px;
  overflow-y: auto;
}
/* 2026-06-09 — 클릭 토글 방식: `.open` 클래스로만 열림(HydrateClient document 위임
   click 리스너가 토글 + 외부 클릭 시 닫기). hover/focus-within 자동 열림은 사용 안 함. */
html[data-service-code="donga_kor"] .dsh-bc-item.open .dsh-bc-drop {
  display: block;
}
html[data-service-code="donga_kor"] .dsh-bc-drop li a {
  display: block;
  padding: 15px 18px;
  font-size: 16px;
  color: #444;
  text-decoration: none;
  white-space: nowrap;
}
html[data-service-code="donga_kor"] .dsh-bc-drop li a:hover {
  background: #f4f6fa;
  color: #003d80;
}
/* 현재 페이지 타이틀 — .dau-subhero 밖, placeholder 직속의 독립 헤딩.
   텍스트 가운데 정렬, 48px. (URL 기반 자동, buildSubheroHtml) */
html[data-service-code="donga_kor"] .dsh-page-title {
  max-width: 1700px;
  width: 90%;
  margin: 0 auto;
  padding: 48px 0 0;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  color: #1a1a1a;
  letter-spacing: -0.5px;
  animation: dsh-fade 0.6s ease 0.3s both;
}
/* ── 서브 히어로 모바일 대응 (donga_kor) ── */
@media (max-width: 768px) {
  html[data-service-code="donga_kor"] body.isSub #svisual-wrap {
    min-height: 220px !important;
  }
  html[data-service-code="donga_kor"] .dau-subhero .dsh-inner {
    padding: 36px 0;
  }
  /* 상단 타이틀 */
  html[data-service-code="donga_kor"] .dsh-title {
    font-size: 36px;
  }
  html[data-service-code="donga_kor"] .dsh-title::after {
    width: 44px;
    height: 3px;
    margin-top: 14px;
  }
  /* 하단 타이틀(슬로건) */
  html[data-service-code="donga_kor"] .dsh-slogan {
    font-size: 14px;
    margin-top: 14px;
  }
  html[data-service-code="donga_kor"] .dsh-page-title {
    font-size: 24px;
    padding-top: 28px;
  }
  /* DONG-A UNIVERSITY 워터마크 — 작게 + 옅게(타이틀 안 가리게) */
  html[data-service-code="donga_kor"] .dsh-watermark {
    font-size: 36px;
    max-width: 220px;
    color: #f4f6f9;
    top: 18%;
    transform: none;
  }
  /* 브레드크럼 — 세그먼트 축소(좁은 화면에 맞춤) */
  html[data-service-code="donga_kor"] .dsh-bc {
    margin-top: 32px;
  }
  html[data-service-code="donga_kor"] .dsh-bc-home {
    width: 38px;
  }
  html[data-service-code="donga_kor"] .dsh-bc-home::before {
    width: 15px;
    height: 15px;
  }
  /* 모바일: 칸을 균등 분할(2칸→50%, 3칸→33% …) 로 가득 채움 */
  html[data-service-code="donga_kor"] .dsh-bc-item {
    flex: 1 1 0;
  }
  html[data-service-code="donga_kor"] .dsh-bc-btn {
    min-width: 0;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    gap: 8px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
  }
  html[data-service-code="donga_kor"] .dsh-bc-drop li a {
    padding: 8px 12px;
    font-size: 13px;
  }
  /* 헤더 로고/높이 모바일 */
  html[data-service-code="donga_kor"] #header-wrap {
    height: 64px !important;
  }
  html[data-service-code="donga_kor"] #container {
    padding-top: 64px !important;
  }
  html[data-service-code="donga_kor"] #header .logo img,
  html[data-service-code="donga_kor"] .hdr-inner .logo img {
    height: 34px !important;
  }
}
@media (max-width: 480px) {
  html[data-service-code="donga_kor"] .dsh-title {
    font-size: 30px;
  }
  html[data-service-code="donga_kor"] .dsh-watermark {
    display: none;
  } /* 매우 좁으면 워터마크 숨김 */
  html[data-service-code="donga_kor"] .dsh-bc-btn {
    padding: 0 8px;
    font-size: 12px;
  }
}

/* ═══════════════════════════════════════════════════════════════
   헤더 flex 재정비 — donga_kor 전용 (마크업: header_slot 재작성과 한 세트)
   구조: #header-wrap(100%, relative) > .hdr-inner(flex) > [.logo | #mainNavi | .hdr-util]
   - #header 내부 div 제거 → 레거시 `#header .logo{position:absolute}` 등 자동 미적용.
   - JS 핵심(#header-wrap/#mainNavi/.depth1-wrap/.search) 보존.
   ═══════════════════════════════════════════════════════════════ */
html[data-service-code="donga_kor"] #header-wrap {
  height: 100px !important;
  position: fixed !important; /* 스크롤해도 상단 고정 (#doc-wrap overflow:hidden 때문에 sticky 불가 → fixed) */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.72); /* 흰색 반투명 */
  -webkit-backdrop-filter: blur(12px); /* 블러(프로스티드 글라스) */
  backdrop-filter: blur(12px);
  border-bottom: 1px solid #e8e8e8; /* 하단 연그레이 밑줄 */
}
/* 고정 헤더가 차지하던 공간만큼 본문(#container) 을 내림 */
html[data-service-code="donga_kor"] #container {
  padding-top: 100px !important;
}
/* 기존 장식선(:before)은 border-bottom 으로 대체 → 숨김 */
html[data-service-code="donga_kor"] #header-wrap::before {
  display: none !important;
}
html[data-service-code="donga_kor"] .hdr-inner {
  max-width: 1700px;
  width: 90%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center; /* 로고·메뉴·유틸 상하 중앙 */
  justify-content: space-between;
  gap: 28px;
  box-sizing: border-box;
}
/* 로고 (좌) */
html[data-service-code="donga_kor"] .hdr-inner .logo {
  flex: none;
  margin: 0;
}
html[data-service-code="donga_kor"] .hdr-inner .logo img {
  height: 50px !important;
  width: auto !important;
  display: block;
}
html[data-service-code="donga_kor"] .hdr-inner .logo .slogo-w {
  display: none;
}
/* 메뉴 (가운데) — #mainNavi 를 flex 로 만들어 위젯 placeholder 와 무관하게 세로중앙.
   (height:100% 사슬이 nav.main 위젯 placeholder 에서 끊겨 메뉴가 상단에 붙던 문제 수정) */
html[data-service-code="donga_kor"] .hdr-inner #mainNavi {
  flex: 1 1 auto;
  height: 100%;
  min-width: 0;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html[data-service-code="donga_kor"] #mainNavi > * {
  width: 100%;
}
html[data-service-code="donga_kor"] #mainNavi .depth1-wrap {
  height: auto !important;
  padding: 0 !important;
}
html[data-service-code="donga_kor"] #mainNavi .depth1-ul {
  justify-content: center !important;
  align-items: center !important;
  height: auto !important;
  gap: 32px; /* 1뎁스 메뉴 간 갭 */
}
html[data-service-code="donga_kor"] #mainNavi .mn_li1 {
  height: auto !important;
}
html[data-service-code="donga_kor"] #mainNavi .mn_a1 {
  align-items: center !important;
  height: auto !important;
}
/* 메가메뉴 드롭다운: 헤더 100 기준 */
html[data-service-code="donga_kor"] #mainNavi .depth2-wrap {
  top: 100px !important;
}
/* 우측 유틸 — 아이콘 중심: ENG | 로그인 (텍스트) · 검색(돋보기) · 사이트맵(메뉴 아이콘) */
html[data-service-code="donga_kor"] .hdr-util {
  flex: none;
  display: flex;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
}
/* ENG · 로그인 : 텍스트 링크 */
html[data-service-code="donga_kor"] .hdr-util a[href*="english"],
html[data-service-code="donga_kor"] .hdr-util a[href="/login"] {
  font-size: 13px;
  color: #555;
  text-decoration: none;
  line-height: 1;
}
html[data-service-code="donga_kor"] .hdr-util a[href*="english"]:hover,
html[data-service-code="donga_kor"] .hdr-util a[href="/login"]:hover {
  color: #003d80;
}
/* ENG 뒤 구분선 */
html[data-service-code="donga_kor"] .hdr-util a[href*="english"]::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #d2d2d2;
  margin-left: 14px;
  vertical-align: middle;
}
/* 검색 : 돋보기 아이콘만 (텍스트 숨김, .search/aria-label/JS 유지) */
html[data-service-code="donga_kor"] .hdr-util .search {
  position: relative;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  background: #fff;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  line-height: 0;
}
html[data-service-code="donga_kor"] .hdr-util .search:hover {
  background: #f2f4f8;
  border-color: #003d80;
}
html[data-service-code="donga_kor"] .hdr-util .search::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  background-color: #333;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")
    center / contain no-repeat;
}
/* 사이트맵 : 메뉴(☰) 아이콘만 (텍스트 숨김) */
html[data-service-code="donga_kor"] .hdr-util a[href="/sitemap"] {
  position: relative;
  width: 38px;
  height: 38px;
  font-size: 0;
  color: transparent;
  text-decoration: none;
}
html[data-service-code="donga_kor"] .hdr-util a[href="/sitemap"]::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  background-color: #333;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E")
    center / contain no-repeat;
}
html[data-service-code="donga_kor"] .hdr-util a[href="/sitemap"]:hover::before {
  background-color: #003d80;
}

@media (max-width: 1700px) {
  html[data-service-code="donga_kor"] .hdr-inner #mainNavi {
    display: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   폰트 정책 — donga_kor 전용
   - 본문: Pretendard (한글·영문). 폴백 Paperlogy. (Noto Sans KR 등 제거)
   - 디스플레이(히어로 타이틀·워터마크): 영문 Montserrat, 한글 Paperlogy
     (Montserrat 는 라틴만 적용 → 한글은 자동으로 Paperlogy/Pretendard 폴백).
   - Montserrat 는 chrome_assets 에 Google Font 로 로드(donga 전용).
   ═══════════════════════════════════════════════════════════════ */
html[data-service-code="donga_kor"] body {
  font-family: "Pretendard", "Paperlogy", sans-serif !important;
}
html[data-service-code="donga_kor"] .dsh-title,
html[data-service-code="donga_kor"] .dsh-watermark {
  font-family: "Montserrat", "Paperlogy", "Pretendard", sans-serif !important;
}