@import url(common.scss);
.pc-none {
  display: none !important;
}

.m-none {
  display: block !important;
}

.force-none {
  display: none !important;
}

.btn-top {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1px solid #efefef;
  z-index: 110;
  background: var(--c-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='18' viewBox='0 0 13 18' fill='none'%3E%3Cpath d='M13 6.60686L6.5 2.84124e-07L-2.88795e-07 6.60685L1.24683 7.83819L5.63774 3.37529L5.63774 18L7.36226 18L7.36226 3.37529L11.7532 7.83819L13 6.60686Z' fill='%23888888'/%3E%3C/svg%3E") 50% 50% no-repeat;
}
.btn-top:hover {
  border: 1px solid #333;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='18' viewBox='0 0 13 18' fill='none'%3E%3Cpath d='M13 6.60686L6.5 2.84124e-07L-2.88795e-07 6.60685L1.24683 7.83819L5.63774 3.37529L5.63774 18L7.36226 18L7.36226 3.37529L11.7532 7.83819L13 6.60686Z' fill='%23333333'/%3E%3C/svg%3E");
}

/* Top bar */
.top-bar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
}
@media (max-width: 991px) {
  .top-bar .container {
    height: auto;
    flex-direction: column;
    padding: 10px 0;
    gap: 5px;
  }
}
.top-bar .container .menu {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .top-bar .container .menu {
    white-space: normal;
    justify-content: center;
    width: 100%;
  }
  .top-bar .container .menu ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.top-bar .container .menu ul li {
  color: #666;
  text-align: right;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.26px;
  background: initial;
}
.top-bar .container .menu ul li span {
  padding: 0px 16px;
  color: #D1D1D1;
}
.top-bar .container .menu-right {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  color: #666;
  text-align: right;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
}
.top-bar .container .menu-right a {
  color: #666;
  text-align: right;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
}
.top-bar .container .menu-right a span {
  padding: 0px 16px;
  color: #D1D1D1;
}
.top-bar .logo {
  text-align: center;
}
.top-bar .logo img {
  max-width: 426px;
  width: 100%;
  height: auto;
}
.top-bar .ads {
  text-align: right;
}
.top-bar .ads img {
  max-width: 260px;
  width: 100%;
  height: auto;
}

/* Header Mainpage */
.header-mainpage .top-logo-ads {
  margin: 40px auto;
}
.header-mainpage .top-logo-ads .logo {
  text-align: center;
}
.header-mainpage .top-logo-ads .logo img {
  width: 426px;
  height: 58px;
}
.header-mainpage .top-logo-ads .ads {
  text-align: right;
  padding-right: 0px;
}
.header-mainpage .top-logo-ads .ads img {
  width: 300px;
  height: 58px;
}
.header-mainpage {
  /* Header */
}
.header-mainpage .header-wrap {
  position: relative;
  z-index: 100;
}
.header-mainpage .header-wrap .inner {
  margin: 0 auto;
}
.header-mainpage .header-wrap .header-top {
  min-width: 1200px;
  background: #18181d;
  height: 40px;
}
.header-mainpage .header-wrap .header-menu {
  position: relative;
  border-top: 1px solid #ddd;
  border: none;
}
.header-mainpage .header-wrap .header-menu .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-mainpage .header-wrap .header-menu .gnb-nav ul {
  display: flex;
  gap: 30px;
  padding-left: 0px;
  margin-bottom: 0px;
}
.header-mainpage .header-wrap .header-menu .gnb-nav ul li a {
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.8px;
  display: block;
  padding: 15px 0;
}
.header-mainpage .header-wrap .header-menu .gnb-nav ul li:hover a {
  color: #4177bf;
}
@media (max-width: 991px) {
  .header-mainpage .header-wrap .top-bar {
    display: none;
  }
  .header-mainpage .header-wrap .header-menu .gnb-nav {
    display: none;
  }
}
.header-mainpage .header-wrap .btn-total-menu {
  text-indent: -9999px;
  position: relative;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zLjE2Njk5IDE2Ljc0MTJIMjEuODMzQzIyLjQzMzEgMTYuNzQxMiAyMi45MjQ2IDE3LjIzMjkgMjIuOTI0OCAxNy44MzNDMjIuOTI0OCAxOC40MzMzIDIyLjQzMzMgMTguOTI0OCAyMS44MzMgMTguOTI0OEgzLjE2Njk5QzIuNTY2NzUgMTguOTI0OCAyLjA3NTIgMTguNDMzMyAyLjA3NTIgMTcuODMzQzIuMDc1MzcgMTcuMjMyOSAyLjU2Njg2IDE2Ljc0MTIgMy4xNjY5OSAxNi43NDEyWk0zLjE2Njk5IDEwLjkwODJIMjEuODMzQzIyLjQzMzMgMTAuOTA4MiAyMi45MjQ4IDExLjM5OTggMjIuOTI0OCAxMkMyMi45MjQ4IDEyLjYwMDIgMjIuNDMzMyAxMy4wOTE4IDIxLjgzMyAxMy4wOTE4SDMuMTY2OTlDMi41NjY3NSAxMy4wOTE4IDIuMDc1MiAxMi42MDAyIDIuMDc1MiAxMkMyLjA3NTIgMTEuMzk5OCAyLjU2Njc1IDEwLjkwODIgMy4xNjY5OSAxMC45MDgyWk0zLjE2Njk5IDUuMDc1MkgyMS44MzNDMjIuNDMzMyA1LjA3NTIgMjIuOTI0OCA1LjU2Njc1IDIyLjkyNDggNi4xNjY5OUMyMi45MjQ2IDYuNzY3MDkgMjIuNDMzMSA3LjI1ODc5IDIxLjgzMyA3LjI1ODc5SDMuMTY2OTlDMi41NjY4NiA3LjI1ODc5IDIuMDc1MzcgNi43NjcwOSAyLjA3NTIgNi4xNjY5OUMyLjA3NTIgNS41NjY3NSAyLjU2Njc1IDUuMDc1MiAzLjE2Njk5IDUuMDc1MloiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuMTUiLz4KICAgICAgICA8L3N2Zz4=") 50% 50% no-repeat;
}
.header-mainpage .header-wrap .btn-total-menu.active {
  border-radius: 50px;
  background-color: var(--c-lightsilver-a);
}

/* Header Subpage */
.header-subpage {
  border-bottom: 1px solid #ddd;
}
.header-subpage .header-wrap {
  padding: 16px 0;
}
.header-subpage .header-wrap .header-menu .inner {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.header-subpage .header-wrap .header-menu .inner .logo {
  margin-right: 16px;
  display: flex;
  align-items: center;
}
.header-subpage .header-wrap .header-menu .inner .logo img {
  width: 231px;
  height: 38px;
  width: auto;
  flex-shrink: 0;
  display: block;
}
.header-subpage .header-wrap .header-menu .gnb-nav ul {
  display: flex;
  gap: 22px;
  padding-left: 0px;
  margin-bottom: 0px;
}
.header-subpage .header-wrap .header-menu .gnb-nav ul li a {
  color: #222;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.9px;
  display: block;
}
.header-subpage .header-wrap .header-menu .gnb-nav ul li:hover a {
  color: #4177bf;
}
.header-subpage .header-wrap .header-menu .total-menu-wrap {
  display: none;
}
.header-subpage .header-wrap .header-menu .total-menu-wrap .inner {
  display: flex;
  padding: 0px 30px;
}

/* Button for menu mainpage + subpage */
.menu-btns {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
}
.menu-btns .btn-total-menu {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url("data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zLjE2Njk5IDE2Ljc0MTJIMjEuODMzQzIyLjQzMzEgMTYuNzQxMiAyMi45MjQ2IDE3LjIzMjkgMjIuOTI0OCAxNy44MzNDMjIuOTI0OCAxOC40MzMzIDIyLjQzMzMgMTguOTI0OCAyMS44MzMgMTguOTI0OEgzLjE2Njk5QzIuNTY2NzUgMTguOTI0OCAyLjA3NTIgMTguNDMzMyAyLjA3NTIgMTcuODMzQzIuMDc1MzcgMTcuMjMyOSAyLjU2Njg2IDE2Ljc0MTIgMy4xNjY5OSAxNi43NDEyWk0zLjE2Njk5IDEwLjkwODJIMjEuODMzQzIyLjQzMzMgMTAuOTA4MiAyMi45MjQ4IDExLjM5OTggMjIuOTI0OCAxMkMyMi45MjQ4IDEyLjYwMDIgMjIuNDMzMyAxMy4wOTE4IDIxLjgzMyAxMy4wOTE4SDMuMTY2OTlDMi41NjY3NSAxMy4wOTE4IDIuMDc1MiAxMi42MDAyIDIuMDc1MiAxMkMyLjA3NTIgMTEuMzk5OCAyLjU2Njc1IDEwLjkwODIgMy4xNjY5OSAxMC45MDgyWk0zLjE2Njk5IDUuMDc1MkgyMS44MzNDMjIuNDMzMyA1LjA3NTIgMjIuOTI0OCA1LjU2Njc1IDIyLjkyNDggNi4xNjY5OUMyMi45MjQ2IDYuNzY3MDkgMjIuNDMzMSA3LjI1ODc5IDIxLjgzMyA3LjI1ODc5SDMuMTY2OTlDMi41NjY4NiA3LjI1ODc5IDIuMDc1MzcgNi43NjcwOSAyLjA3NTIgNi4xNjY5OUMyLjA3NTIgNS41NjY3NSAyLjU2Njc1IDUuMDc1MiAzLjE2Njk5IDUuMDc1MloiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuMTUiLz4KICAgICAgICA8L3N2Zz4=") 50% 50% no-repeat;
}
.menu-btns .btn-total-menu.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M19 18.9999L12 11.9999M12 11.9999L5 4.99988M12 11.9999L19 4.99988M12 11.9999L5 18.9999' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.menu-btns .btn-search {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13.35 14.675C11.8429 15.8447 9.94674 16.3962 8.0474 16.2172C6.14806 16.0382 4.38834 15.1421 3.12642 13.7113C1.8645 12.2805 1.19525 10.4226 1.25489 8.51582C1.31453 6.60899 2.09859 4.79656 3.44746 3.44746C4.79656 2.09859 6.60899 1.31453 8.51582 1.25489C10.4226 1.19525 12.2805 1.8645 13.7113 3.12642C15.1421 4.38834 16.0382 6.14806 16.2172 8.0474C16.3962 9.94674 15.8447 11.8429 14.675 13.35L18.475 17.15C18.5984 17.2646 18.6886 17.4103 18.7361 17.5719C18.7836 17.7334 18.7867 17.9048 18.745 18.068C18.7032 18.2311 18.6183 18.38 18.4991 18.4989C18.3798 18.6179 18.2307 18.7024 18.0675 18.7437C17.9045 18.7853 17.7333 18.7824 17.5719 18.7351C17.4104 18.6878 17.2647 18.5979 17.15 18.475L13.35 14.675ZM14.375 8.74996C14.3861 8.00447 14.2488 7.2642 13.9712 6.57223C13.6936 5.88026 13.2812 5.2504 12.758 4.71928C12.2347 4.18816 11.6111 3.76639 10.9233 3.47851C10.2355 3.19062 9.49741 3.04237 8.75183 3.04237C8.00626 3.04237 7.26812 3.19062 6.58037 3.47851C5.89261 3.76639 5.26897 4.18816 4.74571 4.71928C4.22245 5.2504 3.81003 5.88026 3.53243 6.57223C3.25483 7.2642 3.11759 8.00447 3.12871 8.74996C3.15073 10.2268 3.75285 11.6357 4.805 12.6722C5.85714 13.7088 7.27485 14.2899 8.75183 14.2899C10.2288 14.2899 11.6465 13.7088 12.6987 12.6722C13.7508 11.6357 14.3529 10.2268 14.375 8.74996Z' fill='black'/%3E%3C/svg%3E") 50% 50% no-repeat;
  width: 20px;
  height: 20px;
}
.menu-btns .btn-search.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M19 18.9999L12 11.9999M12 11.9999L5 4.99988M12 11.9999L19 4.99988M12 11.9999L5 18.9999' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.menu-btns .btn-login {
  display: none;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1252_17027)'%3E%3Cpath d='M10.4444 11.5556C13.3593 11.5556 15.7222 9.19261 15.7222 6.27778C15.7222 3.36294 13.3593 1 10.4444 1C7.52961 1 5.16667 3.36294 5.16667 6.27778C5.16667 9.19261 7.52961 11.5556 10.4444 11.5556Z' stroke='%231C1C1C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.8889 20.0001C18.8889 17.7605 17.9992 15.6126 16.4156 14.029C14.8319 12.4453 12.6841 11.5557 10.4444 11.5557C8.20484 11.5557 6.05696 12.4453 4.47332 14.029C2.88968 15.6126 2 17.7605 2 20.0001' stroke='%231C1C1C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1252_17027'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
}
.menu-btns .btn-my-page {
  position: relative;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_3978_34545)'%3E%3Cpath d='M10.4457 11.5556C13.3606 11.5556 15.7235 9.19261 15.7235 6.27778C15.7235 3.36294 13.3606 1 10.4457 1C7.53091 1 5.16797 3.36294 5.16797 6.27778C5.16797 9.19261 7.53091 11.5556 10.4457 11.5556Z' stroke='%234177BF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.8889 20C18.8889 17.7604 17.9992 15.6125 16.4156 14.0289C14.8319 12.4452 12.6841 11.5555 10.4444 11.5555C8.20484 11.5555 6.05696 12.4452 4.47332 14.0289C2.88968 15.6125 2 17.7604 2 20' stroke='%234177BF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3978_34545'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.menu-btns .btn-my-page::after {
  content: "";
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 12px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='5' fill='white'/%3E%3Cpath d='M5.3 6.9L4.225 5.825C4.13333 5.73333 4.01667 5.6875 3.875 5.6875C3.73333 5.6875 3.61667 5.73333 3.525 5.825C3.43333 5.91667 3.3875 6.03333 3.3875 6.175C3.3875 6.31667 3.43333 6.43333 3.525 6.525L4.95 7.95C5.05 8.05 5.16667 8.1 5.3 8.1C5.43333 8.1 5.55 8.05 5.65 7.95L8.475 5.125C8.56667 5.03333 8.6125 4.91667 8.6125 4.775C8.6125 4.63333 8.56667 4.51667 8.475 4.425C8.38333 4.33333 8.26667 4.2875 8.125 4.2875C7.98333 4.2875 7.86667 4.33333 7.775 4.425L5.3 6.9ZM6 11C5.30833 11 4.65833 10.8687 4.05 10.606C3.44167 10.3433 2.9125 9.98717 2.4625 9.5375C2.0125 9.0875 1.65633 8.55833 1.394 7.95C1.13167 7.34167 1.00033 6.69167 1 6C1 5.30833 1.13133 4.65833 1.394 4.05C1.65667 3.44167 2.01283 2.9125 2.4625 2.4625C2.9125 2.0125 3.44167 1.65633 4.05 1.394C4.65833 1.13167 5.30833 1.00033 6 1C6.69167 1 7.34167 1.13133 7.95 1.394C8.55833 1.65667 9.0875 2.01283 9.5375 2.4625C9.9875 2.9125 10.3438 3.44167 10.6065 4.05C10.8692 4.65833 11.0003 5.30833 11 6C11 6.69167 10.8687 7.34167 10.606 7.95C10.3433 8.55833 9.98717 9.0875 9.5375 9.5375C9.0875 9.9875 8.55833 10.3438 7.95 10.6065C7.34167 10.8692 6.69167 11.0003 6 11Z' fill='%234177BF'/%3E%3C/svg%3E");
}

/* Main Sidebar */
.content-right.side-bar-wrap .subscription-section {
  padding: 0;
  background: initial;
  border: none;
  margin-bottom: 40px;
}
.content-right.side-bar-wrap .subscription-section .subscription-box .pdf-input {
  margin-bottom: 12px;
  height: 40px;
  width: 100%;
  padding: 0 15px;
  border: 1px solid #DDD;
  border-radius: 3px;
  color: #6D6D6D;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.content-right.side-bar-wrap .subscription-section .subscription-box .pdf-input:focus {
  outline: none;
  box-shadow: none;
}
.content-right.side-bar-wrap .subscription-section .subscription-box .btn-subscribe {
  background: #4177BF;
  border: none;
  border-radius: 5px;
  display: flex;
  width: 100%;
  height: 36px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.8px;
}
.content-right.side-bar-wrap .sidebar-section.banner-section .row:last-child img {
  margin-bottom: 39px;
}
.content-right.side-bar-wrap .sidebar-section.banner-section img {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
}
.content-right.side-bar-wrap .sidebar-section.most-view-section {
  border-top: 2px solid #000;
}
.content-right.side-bar-wrap .sidebar-section.most-view-section .main-title {
  margin-top: 10px;
}
.content-right.side-bar-wrap .main-title {
  margin-bottom: 8px;
}
.content-right.side-bar-wrap .main-title span.highlight {
  color: #4177BF;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.44px;
}
.content-right.side-bar-wrap .main-title span {
  color: #000;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.44px;
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list {
  border-radius: 0;
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list li.most-view-item:first-child {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list li.most-view-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DDD;
  padding: 16px 0px;
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list li.most-view-item .order-number {
  margin-right: 16px;
  color: #000;
  text-align: center;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.6px;
  align-self: center;
  margin-left: 12px;
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list li.most-view-item .title p {
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin: 0px 12px 0px 0px;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 133.333% */
  letter-spacing: -0.36px;
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list li.most-view-item.top .img-wrap {
  width: 100%;
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list li.most-view-item.top .img-wrap img {
  width: 100%;
  height: 140px;
  filter: brightness(50%);
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list li.most-view-item.top .img-wrap {
  position: relative;
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list li.most-view-item.top .img-wrap .content {
  display: flex;
  position: absolute;
  bottom: 11px;
  left: 0px;
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list li.most-view-item.top .img-wrap .content .order-number {
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.6px;
  margin: 12px 16px 12px 12px;
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list li.most-view-item.top .img-wrap .content .title p {
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  color: #FFF;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.4px;
  margin: 0px 12px 0px 0px;
}
.content-right.side-bar-wrap .most-view-wrap .most-view ul.most-view-list li.most-view-item:last-child {
  border-bottom: none;
  padding-bottom: 5px;
}
.content-right.side-bar-wrap .latest-news-wrap {
  margin-top: 55px;
}
.content-right.side-bar-wrap .latest-news-wrap .latest-news .main-title {
  border-top: 2px solid #000;
  padding-top: 10px;
  margin-top: 0px;
  margin-bottom: 8px;
}
.content-right.side-bar-wrap .latest-news-wrap .latest-news ul.nav-tabs {
  border-bottom: none;
  width: 100%;
  display: flex;
}
.content-right.side-bar-wrap .latest-news-wrap .latest-news ul.nav-tabs li.nav-item {
  flex: 1;
  text-align: center;
}
.content-right.side-bar-wrap .latest-news-wrap .latest-news ul.nav-tabs li.nav-item .nav-link {
  width: 100%;
  color: #000;
  font-feature-settings: "liga" off, "clig" off;
  font-family: var(--Noto-Sans-KR, "Noto Sans KR");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.5px;
  border-radius: inherit;
  padding: 6px 0;
}
.content-right.side-bar-wrap .latest-news-wrap .latest-news ul.nav-tabs li.nav-item .nav-link.active {
  color: #4C9BFB;
  border: 1px solid #4C9BFB;
  border-bottom: none;
  background: #EFF7FF;
  position: relative;
  top: 1px;
  z-index: 1;
}
.content-right.side-bar-wrap .latest-news-wrap .latest-news div.tab-content {
  border: 1px solid #4C9BFB;
}
.content-right.side-bar-wrap .latest-news-wrap .latest-news div.tab-content ul.latest-news-list {
  padding: 12px 16px;
}
.content-right.side-bar-wrap .latest-news-wrap .latest-news div.tab-content ul.latest-news-list li.latest-news-item {
  padding: 0px;
  margin-bottom: 8px;
}
.content-right.side-bar-wrap .latest-news-wrap .latest-news div.tab-content ul.latest-news-list li.latest-news-item:last-child {
  margin-bottom: 0px;
}
.content-right.side-bar-wrap .latest-news-wrap .latest-news div.tab-content ul.latest-news-list li.latest-news-item p {
  white-space: nowrap;
  overflow: hidden;
  color: #222;
  text-overflow: ellipsis;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.5px;
}
.content-right.side-bar-wrap .latest-news-wrap .latest-news div.tab-content ul.latest-news-list li.latest-news-item p .order-number {
  margin-right: 6px;
  color: #4F6EB2;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.5px;
}
.content-right.side-bar-wrap .banner-wrap {
  margin-top: 40px;
}
.content-right.side-bar-wrap .banner-wrap .banner .banner-list .banner-item {
  margin-bottom: 20px;
  padding: 0px;
}
.content-right.side-bar-wrap .banner-wrap .banner .banner-list .banner-item:last-child {
  margin-bottom: 0px;
}
.content-right.side-bar-wrap .banner-wrap .banner .banner-list .banner-item img {
  width: 100%;
  height: auto;
}

/* Footer bar */
.footer-bar-wrap {
  margin-top: 120px;
}
.footer-bar-wrap .footer-bar .menu {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  white-space: nowrap;
  padding: 16px 0px;
}
.footer-bar-wrap .footer-bar .menu ul li {
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.32px;
  background: initial;
  padding: 0px;
}
.footer-bar-wrap .footer-bar .menu ul li span {
  margin: 0px 20px;
  color: #CCC;
}

/* Footer content wrap */
@media (max-width: 991px) {
  .footer-content-wrap {
    padding-left: 0;
  }
}
.footer-content-wrap .footer-content {
  padding: 32px 0px 68px 0px;
  display: flex;
  gap: 16px;
}
.footer-content-wrap .footer-content .footer-info .info-top ul.info-top-compact {
  display: flex;
  margin-bottom: 2px;
}
.footer-content-wrap .footer-content .footer-info .info-top ul.info-top-compact li.info-top-item {
  padding: 0px;
}
.footer-content-wrap .footer-content .footer-info .info-top ul.info-top-compact li.info-top-item span {
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.footer-content-wrap .footer-content .footer-info .info-top ul.info-top-compact li.info-top-item span.seperator {
  margin: 0px 10px;
  color: #CCC;
}
.footer-content-wrap .footer-content .footer-info .info-top ul.info-top-compact li.info-top-item span.address {
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.3;
  margin-right: 16px;
}
.footer-content-wrap .footer-content .footer-info .info-top ul.info-top-detail {
  display: flex;
}
.footer-content-wrap .footer-content .footer-info .info-top ul.info-top-detail li.info-top-item {
  padding: 0px;
}
.footer-content-wrap .footer-content .footer-info .info-top ul.info-top-detail li.info-top-item span {
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.footer-content-wrap .footer-content .footer-info .info-top ul.info-top-detail li.info-top-item span.seperator {
  margin: 0px 10px;
  color: #DDD;
}
.footer-content-wrap .footer-content .footer-info .info-top ul.info-top-detail li.info-top-item span.address {
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.3;
  margin-right: 16px;
}
.footer-content-wrap .footer-content .footer-info .info-bottom {
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  margin-top: 2px;
}
.footer-content-wrap .footer-content .menu {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  white-space: nowrap;
  padding: 16px;
}
.footer-content-wrap .footer-content .menu ul li {
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.32px;
  background: initial;
}
.footer-content-wrap .footer-content .menu ul li span {
  margin: 0px 10px;
}

/* Banner bottom */
.banner-bottom-wrap .banner-fullwidth {
  margin-bottom: 20px;
}
.banner-bottom-wrap .banner-fullwidth img {
  width: 100%;
  height: 190px;
}
.banner-bottom-wrap .banner-halfwidth {
  margin-bottom: 20px;
}
.banner-bottom-wrap .banner-halfwidth:last-child, .banner-bottom-wrap .banner-halfwidth:nth-last-child(2) {
  margin-bottom: 0;
}
.banner-bottom-wrap .banner-halfwidth img {
  height: 212px;
  width: 100%;
}

.pagination-wrap {
  margin-top: 40px;
  margin-bottom: 40px;
}
.pagination-wrap .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.pagination-wrap .pagination li.page-item {
  margin: 0 4px;
}
.pagination-wrap .pagination li.page-item.dots span {
  display: block;
  color: #333;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0 4px;
}
.pagination-wrap .pagination li.page-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 38px;
  height: 38px;
  text-decoration: none;
  color: #333;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  padding: 0 8px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fff;
}
.pagination-wrap .pagination li.page-item.nav-btn.disabled a {
  cursor: not-allowed;
  pointer-events: none;
  background: #FFFFFF;
  border-color: #F1F1F1;
}
.pagination-wrap .pagination li.page-item.nav-btn.disabled a svg path {
  fill: #C9C9C9;
}
.pagination-wrap .pagination li.page-item.active a {
  background: #4177BF;
  color: #fff;
  font-weight: 500;
  border-color: #4177BF;
}
.pagination-wrap .pagination li.page-item.active a:hover {
  background: #4177BF;
  color: #fff;
}

@media (max-width: 991px) {
  .top-logo-ads .ads {
    text-align: center;
  }
  .top-logo-ads .ads img {
    max-width: 100%;
    height: 50px;
  }
}

/*# sourceMappingURL=layout.css.map */