@import url("reset.css");
/*  2024-06-26 KSH
    mobile first */
html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #000;
  line-height: 1.3em;
  overflow-x: hidden;
}

.wrap {
  width: 100%;
  height: 100%;
}

.header {
  position: relative;
  width: 100%;
  height: 108px;
  margin-bottom: 32px;
  padding: 0 20px;
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.header__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 60px;
}
.header h1 {
  display: flex;
  align-items: center;
  height: 60px;
}
.header .btn-login,
.header .btn-logout {
  text-indent: -5000px;
  white-space: nowrap;
  overflow: hidden;
  width: 40px;
  height: 40px;
}
.header .btn-login {
  background: url("../images/ico-login.png") no-repeat center center;
  background-size: 30px auto;
}
.header .btn-logout {
  /* 2024-11-05 */
  background: url("../images/ico-logout.png") no-repeat center center;
  background-size: 30px auto;
}
/* .header .search-area input {
  display: none;
}
.header .search-area .btn-sch {
  position: relative;
} */
.header .search-area {
  position: relative;
  width: 240px;
  height: 48px;
  padding: 0 16px;
  border-radius: 24px;
  background: #f8f8f8;
}
.header .search-area input {
  display: block;
  width: calc(100% - 40px);
  height: 100%;
  background: transparent;
}
.header .search-area .btn-sch {
  position: absolute;
  top: 4px;
  right: 8px;
  background-size: 40px 40px;
  z-index: 3;
}

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 0 20px;
  background: #e8e8e8;
  font-size: 0.875rem;
  color: #888;
  text-align: center;
}
.footer.fix-btm {
  position: fixed;
  bottom: 0;
}

.logo-hdr {
  display: block;
  width: 112px;
  height: 32px;
  background: url("../images/logo.png") no-repeat;
  background-size: 100% auto;
}

.gnb {
  display: flex;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 48px;
  background: #f8f8f8;
  z-index: 10;
}
.gnb button {
  width: 50%;
  height: 48px;
  font-size: 1rem;
  font-weight: 500;
}
.gnb button.on {
  border-bottom: 2px solid #000;
  color: #000;
}

.container {
  width: 100%;
}

.cont-center {
  position: relative;
}

.tab-content {
  display: none;
  position: relative;
}
.tab-content.on {
  display: block;
}

.tab-bar {
  width: 100%;
  height: 48px;
  margin-bottom: 30px;
  background: #f8f8f8;
}

.tab-line {
  width: 33.33%;
  height: 48px;
  font-size: 1.125em;
  font-weight: 500;
}
.tab-line.on {
  border-bottom: 2px solid #000;
}

.tab-h2 .btn-tab {
  font-size: 0.875rem;
  letter-spacing: -0.3px;
  color: #999;
}
.tab-h2 .btn-tab.on {
  font-weight: 500;
  color: #000;
}
.tab-h2 .btn-tab + .btn-tab {
  position: relative;
  margin-left: 7px;
  padding-left: 8px;
}
.tab-h2 .btn-tab + .btn-tab::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -1px;
  width: 1px;
  height: 10px;
  background: #ddd;
}

.tab-sub {
  margin-top: 8px;
}
.tab-sub .btn-tab {
  font-size: 0.875rem;
  letter-spacing: -0.3px;
  color: #999;
}
.tab-sub .btn-tab.on {
  font-weight: 500;
  color: #000;
}
.tab-sub .btn-tab + .btn-tab {
  position: relative;
  margin-left: 7px;
  padding-left: 8px;
}
.tab-sub .btn-tab + .btn-tab::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -1px;
  width: 1px;
  height: 10px;
  background: #ddd;
}

.btn-posi {
  position: static;
  margin-bottom: 8px;
}

.m-scroll-area {
  overflow-x: scroll;
  margin-bottom: 16px;
}
.m-scroll-area .tab-wrap,
.m-scroll-area .date-wrap {
  width: -moz-max-content;
  width: max-content;
}
.m-scroll-area .tab-rnd {
  margin-bottom: 0;
}

.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-row.btw {
  justify-content: space-between;
}

.dm-flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 8px;
}

.rpt-wrap {
  display: flex;
  flex-wrap: wrap;
}

.rpt-left {
  width: 100%;
  margin-bottom: 60px;
}
.rpt-left .today__item {
  width: 100%;
}

.rpt-left .todaymarket__item {
  width: 100%;
}
.rpt-right {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.rpt-right .today__item {
  width: 100%;
}
.rpt-right .todaymarket__item {
  width: 100%;
}
.tab-rnd {
  width: 80px;
  height: 40px;
  margin-bottom: 8px;
  background: #e8e8e8;
  color: #000;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 500;
}
.tab-rnd.on {
  background: #45525f;
  color: #fff;
}
.tab-rnd.tab-rnd--sky {
  background: #dee9f3;
  color: #000;
}
.tab-rnd.lg {
  width: 120px;
}

.section {
  position: relative;
  margin-bottom: 60px;
}
.section h2 {
  margin-bottom: 16px;
  font-size: 1.5em;
}
.section .h2-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.section .h2-wrap h2 {
  margin-bottom: 0;
}
.section .h2-wrap .tab-h2 {
  margin-top: 8px;
}
.section .h2-date {
  margin-left: 8px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #999;
}
.section h3 {
  margin-top: 16px;
  margin-bottom: 8px;
}

.only-dt {
  display: none;
}

#mySwiper2,
#mySwiper3 {
  background: #f8f8f8;
}

.swiper-slide .stock__item {
  width: 100%;
}
.stock__box.swiper-wrapper {
  /* 2024-11-11 */
  padding: 16px 0;
}
.stock__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 16px;
  border-radius: 8px;
}
.stock__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 116px;
  padding: 8px 16px;
  background: #fff;
  border-radius: 8px;
  flex-wrap: wrap;
}

.swiper__btns {
  position: absolute;
  top: -8px;
  right: 0;
}
.swiper__btns.next-tab {
  top: 35px;
}

.stock-price {
  margin: 4px 0;
  font-size: 1.25rem;
  font-weight: 500;
}

.price-area {
	height:70px;
}

.stock-up {
  width: -moz-max-content;
  width: max-content;
  padding-left: 16px;
  background: url("../images/ico-up.png") no-repeat left center;
  background-size: 10px auto;
  font-size: 0.75rem;
  color: #f00;
}

.stock-down {
  width: -moz-max-content;
  width: max-content;
  padding-left: 16px;
  background: url("../images/ico-down.png") no-repeat left center;
  background-size: 10px auto;
  font-size: 0.75rem;
  color: #0500ff;
}

/* Common */
@-webkit-keyframes spinner-kb {
  100% {
    transform: rotate(1turn);
  }
}

@keyframes spinner-kb {
  100% {
    transform: rotate(1turn);
  }
}

.spinner-wrap.center {
    margin: 0 auto;
}

.spinner-wrap {
    width: 56px;
    height: 56px;
}

.spinner {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #ffbc00 94%, rgba(0, 0, 0, 0)) top/9px 9px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #ffbc00);
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 9px), #000 0);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 9px), #000 0);
  -webkit-animation: spinner-kb 1s infinite linear;
  animation: spinner-kb 1s infinite linear;
}

.reco-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.box-kct {
  width: 100%;
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #f8f8f8;
}

.box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* align-items: center; 2024-10-31 */
  position: relative;
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
/* .box:hover {
  2024-11-06
  border: 1px solid #4a4a4a;
  cursor: pointer;
} */
/* .box .left-area,
.box .right-area {
  width: 50%;
} */
.box .left-area {
  width: 60%;
}
.box .right-area {
  width: 40%;
}
.box .left-area {
  /* 2024-11-05 �닔�젙 異붿쿇醫낅ぉ */
  height: calc(100% - 42px);
  padding-left: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.box .left-area div:nth-child(2) {
  /* 2024-10-31 */
  margin-top: 8px;
}
.box .left-area .bold {
  /* 2024-11-05 �닔�젙 異붿쿇醫낅ぉ */
  /* font-size: 1rem; */
  width: 100%;
  margin-bottom: 4px;
  /* text-decoration: underline; */
}
.box .right-area {
  padding-right: 8px;
  text-align: right;
}
.box .right-area .stock-up {
  margin-left: auto;
}
.box .box-hdr {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 34px;
  margin-bottom: 8px;
  padding-left: 8px;
  background: #f8f8f8;
  font-weight: 500;
}
.box .tag-pink {
  position: absolute;
  top: 16px;
  right: 16px;
}
/* .box .price-area {
  margin: 12px 0;
} */
.box--sm {
  width: calc(50% - 4px);
  height: 144px;
}
.box .graph-area {
  width: 80px;
  height: 50px;
  margin-top: auto;
  background: #f8f8f8;
}

.main-visual {
  display: flex;
  align-items: center;
  width: calc(100% - 40px);
  height: 240px;
  margin: 0 auto 32px;
  padding: 40px;
  border-radius: 8px;
}
.main-visual.item01 {
  background: #192e47;
}
.main-visual.item02 {
  background: #60584c;
}
.main-visual .txt-area {
  width: 100%;
  text-align: center;
}
.main-visual .img-area {
  display: none;
}
.main-visual .main-txt {
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.3em;
}

.hashtag-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 20px;
  font-weight: 500;
  color: #fff;
}

.hashtag {
  width: -moz-max-content;
  width: max-content;
  padding: 3px 8px 1px;
  background: #fff;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #192e47;
}

.notice__wrap {
  width: 100%;
}
.notice__wrap .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 8px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.notice__wrap .row a,
.notice__wrap .row .bd-date {
  display: block;
  width: 100%;
}
.notice__wrap .row + .row {
  border-top: none;
}

.m-bnr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 12px 12px 12px 32px;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 500;
  color: #232323;
}
.m-bnr .icon {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
}
.m-bnr .icon::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 40px;
  height: 40px;
}
.m-bnr--b01 {
  background: #ffd768;
}
.m-bnr--b01 .icon::after {
  background: url("../images/ico-info-w@x3.png") no-repeat center center;
  background-size: 40px auto;
}
.m-bnr--b02 {
  background: #bd8658;
}
.m-bnr--b02 .icon::after {
  background: url("../images/ico-robot.png") no-repeat center center;
  background-size: 40px auto;
}
.m-bnr--b03 {
  background: #ffd768;
}
.m-bnr--b03 .icon::after {
  background: url("../images/ico-star.png") no-repeat center center;
  background-size: 40px auto;
}

.m-bnr01 {
  width: 100%;
  height: 120px;
  margin-top: 24px;
  overflow: hidden;
  border-radius: 8px;
}
.m-bnr01 img {
  width: auto;
  height: 100%;
}

.bd-date {
  font-size: 0.875em;
  color: #4a4a4a;
}

.m-pd {
  padding: 0 20px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

button:active {
  background: rgba(0, 0, 0, 0.1);
}

.btn-sch {
  width: 40px;
  height: 40px;
  background: url("../images/ico-search.png") no-repeat center center;
  background-size: 30px auto;
}

.bnr-btm {
  width: 100%;
}
.bnr-btm .img-area {
  width: 100%;
}
.bnr-btm .img-area img {
  width: 100%;
  height: auto;
}

.todaymarket__item {
  position: relative;
  width: 100%;
  padding: 24px;
  background: #f8f8f8;
  color: #4a4a4a;
  border-radius: 4px;
}

.today__item {
  position: relative;
  width: 100%;
  margin-bottom: 8px;
  padding: 24px;
  background: #f8f8f8;
  color: #4a4a4a;
  border-radius: 4px;
}
.today__tit {
  display: block;
  margin-bottom: 16px;
  /* font-size: 1.2em; 2024-11-05 */
  /* font-size: 1.1em; 2024-11-08 */
  font-size: 1.0em;
  letter-spacing: -.3px;
  font-weight: 500;
}
.today__subtit {
  display: block;
  margin-bottom: 16px;
  /* text-decoration: underline; 2024-11-05 */
}
.today__ftr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  font-size: 0.875rem;
  color: #888;
}

.news__wrap {
  display: flex;
  flex-wrap: wrap;
}
.news__item:nth-child(1) {
  border-top: 1px solid #ddd;
}
.news__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}
.news__item .txt-area {
  width: calc(100% - 100px);
}
.news__item .txt-area .tit {
  margin-bottom: 8px;
  font-weight: 500;
}
.news__item .txt-area .info {
  font-size: 0.875rem;
  color: #888;
}
.news__item .txt-area .date {
  position: relative;
  margin-left: 9px;
  padding-left: 8px;
}
.news__item .txt-area .date::before {
  content: " ";
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 8px;
  background: #888;
}
.news__item .img-area {
  width: 80px;
  height: 80px;
}
.news__item .img-area img {
  width: 100%;
  height: auto;
}

.grp__wrap {
  display: flex;
  flex-wrap: wrap;
}
.grp__item {
  width: 100%;
}
.grp__item + .grp__item {
  margin-top: 40px;
}

.bdr-box {
  width: 100%;
  height: 95%;
  padding: 30px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.bdr-box .tit {
  font-size: 1.5rem;
  font-weight: 500;
  /* text-decoration: underline; 2024-11-05 */
  line-height: 1.3em;
}
.bdr-box .date {
  width: -moz-max-content;
  width: max-content;
  margin: 12px 0;
  padding: 0 8px;
  border-radius: 4px;
  background: #f2f2f2;
  font-size: 0.875rem;
}
.bdr-box .graph {
  display: block;
  width: 300px;
  height: 300px;
  margin-top: 8px;
  background: #eee;
}
.bdr-box .txt {
  width: 100%;
}

.recom__item {
  width: 100%;
  margin-bottom: 8px;
  padding: 16px 24px;
  border-radius: 4px;
  border: 1px solid #ddd;
  cursor: pointer; /* 2024-11-18 */
}
.recom__item.type01 {
  border: 2px solid #fcaf16;
}
.recom__item.type02 {
  border: 2px solid #4a4a4a;
}
.recom__item.type03 {
  background: #f8f8f8;
  border: 1px solid #f8f8f8;
}
.recom__hdr {
  display: flex;
  flex-direction: column-reverse;
  /* justify-content: space-between; 
  align-items: center;*/
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
}

.recom__hdr .recom__tit {
  /* width: 65%; */
  width: 100%;
}
.recom__tit {
  font-size: 1.25em;
  font-weight: 500;
}
.recom__body {
  padding: 24px 0;
}
.recom__body > span {
  display: block;
}
.recom__body .recom__tit {
  margin-bottom: 10px;
}
.recom__ftr {
  display: flex;
  justify-content: space-between;
}
.recom__ftr span {
  display: flex;
  align-items: center;
}

.cal-hdr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 24px;
}

.cal-month {
  font-size: 1.25rem;
  font-weight: 500;
}

#mySwiperCal .btn-prev,
#mySwiperCal .btn-next {
  display: none;
}

.cal-body {
  position: relative;
}
.cal-body .btn-wrap {
  display: none;
}
.cal-body .cal-week,
.cal-body .cal-day {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 48px;
  font-weight: 500;
}
.cal-body .cal-week span,
.cal-body .cal-day span {
  display: inline-block;
  width: 40px;
  text-align: center;
}
.cal-body .cal-week {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #888;
}
.cal-body .cal-day {
  border-bottom: 1px solid #ddd;
  color: #000;
}
.cal-body .cal-day span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.cal-body .cal-day span:active {
  border-radius: 20px;
  background: #ddd;
}
.cal-body .cal-day .today-on {
  border-radius: 20px;
  background: #fcaf16;
}
.cal-body .one-day {
  padding: 16px 24px 4px;
  border-bottom: 1px solid #ddd;
}
.cal-body .one-day .cal-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-weight: 500;
}
.cal-body .one-day .cal-cont {
  width: 100%;
}
.cal-body .one-day.today {
  background: #f8f8f8;
}
.cal-body .one-day.center {
  justify-content: center;
}
.cal-body .one-day .cal-row {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.cal-body .one-day .cal-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.cal-body .one-day .cal-row .left-area,
.cal-body .one-day .cal-row .right-area {
  padding: 12px 0 8px;
}
.cal-body .one-day .cal-row .left-area {
  position: relative;
  width: 100px;
  padding-left: 30px;
}
.cal-body .one-day .cal-row .left-area .ico-f {
  position: absolute;
  top: 7px;
  left: 0;
}
.cal-body .one-day .cal-row .right-area {
  width: calc(100% - 100px);
}
.cal-body .one-day .cal-row .right-area span {
  display: block;
}
.cal-body .one-day .cal-row .right-area span + span {
  margin-top: 5px;
}
.cal-body .one-day .cal-row:last-child .right-area {
  padding-bottom: 0;
  border-bottom: 0;
}

.rpt {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 8px;
}
.rpt__item {
  width: 100%;
  padding: 20px;
  border-top: 2px solid #000;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.rpt__tit {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #000;
}
.rpt__ftr {
  margin-top: 16px;
}

.p-rpt {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  flex-direction: row;
  position: relative;
}
.p-rpt__item {
  position: relative;
  /* width: 100%; */
  width: 49%;
  /* margin-right: 16px; */
  
  padding: 8px 16px 8px 56px;
  border-bottom: 1px solid #ddd;
  color: #4a4a4a;
}
.p-rpt__item.num01::after {
  content: "1";
  background: #fcaf16;
}
.p-rpt__item.num02::after {
  content: "2";
  background: #fcaf16;
}
.p-rpt__item.num03::after {
  content: "3";
  background: #fcaf16;
}
.p-rpt__item.num04::after {
  content: "4";
  background: #fcaf16;
}
.p-rpt__item.num05::after {
  content: "5";
  background: #ffbc36;
}
.p-rpt__item.num06::after {
  content: "6";
  background: #ffbc36;
}
.p-rpt__item.num07::after {
  content: "7";
  background: #ffbc36;
}
.p-rpt__item.num08::after {
  content: "8";
  background: #ffbc36;
}
.p-rpt__item.num09::after {
  content: "9";
  background: #ffc44e;
}
.p-rpt__item.num10::after {
  content: "10";
  background: #ffc44e;
}
.p-rpt__item.num11::after {
  content: "11";
  background: #ffc44e;
}
.p-rpt__item.num12::after {
  content: "12";
  background: #ffc44e;
}
.p-rpt__item::after {
  position: absolute;
  top: 10px;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  line-height: 40px;
  text-align: center;
}
.p-rpt__item.blue.num01::after {
  content: "1";
  background: #0066ff;
}
.p-rpt__item.blue.num02::after {
  content: "2";
  background: rgba(0, 102, 255, 0.8);
}
.p-rpt__item.blue.num03::after {
  content: "3";
  background: rgba(0, 102, 255, 0.6);
}
.p-rpt__item.blue.num04::after {
  content: "4";
  background: rgba(0, 102, 255, 0.5);
}
.p-rpt__tit {
  display: block;
  color: #000;
  font-weight: 500;
}
.p-rpt .ellipsis {
  display: block;
  width: 100%;
}

.tb-top {
  display: flex;
  justify-content: space-between;
}

.i-rpt {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 8px;
}
.i-rpt .box {
  position: relative;/* 2024-11-05 */
}
.box-layer {
  display: none;
  /* align-items: center; 2024-11-13*/
  justify-content: center;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px 10px 10px 10px;
  z-index: 5;
  background: #eee;
  text-align: center;
}
.box-layer.show {
  display: flex; 
  opacity: 1;
}
.box-layer .txt {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 1.25em;
  max-height: 5em;
  height: fit-content;
}
.i-rpt .box .box-layer .btn-more--s {
  margin-top: 10px;
  border: 1px solid #444;
}
.i-rpt .box .btn-more--s {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.i-rpt__group {
  width: 100%;
  margin-bottom: 32px;
}
.i-rpt__group:last-child {
  margin-bottom: 0;
}

.ftr-date {
  font-size: 0.875rem;
  color: #999;
}

.ftr-date--blue {
  margin-top: 8px;
  font-size: 0.875rem;
  color: #0e60b1;
}

.ytb-wrap {
  display: flex;
  flex-direction: column;
}

.ytb-video {
  width: 100%;
  margin-bottom: 8px;
}
.ytb-video a .vod-list__img img {
  width: 100% !important;
  /*height: 200px !important;*/
}

.ytb-txt {
  width: 100%;
  padding: 24px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.ytbmarket-txt {
  width: 100%;
  padding: 24px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.ytb-tit {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-size: 1.25rem;
  font-weight: 500;
  cursor: pointer; /* 2024-11-18 */
}

.tab-onair {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 24px;
  margin-left: 16px;
  padding: 3px 22px;
  background: #f2f2f2;
  border-radius: 12px;
  font-size: 0.875rem;
}
.tab-onair::before {
  content: " ";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f00;
  z-index: 3;
}

.mb08 {
  margin-bottom: 8px;
}

.bold {
  font-weight: 500;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis-multy {
  /* margin-top: 24px; 2024-10-31 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  line-height: 1.2em;
  height: calc(1.2em*5);
  overflow-wrap: break-word;
  word-break: keep-all;  
}
.ellipsis-multy.line2 {
  -webkit-line-clamp: 2;
  line-height: 1.2em;
  height: 2.4em;
}

.btn-go {
  font-size: 1.25rem;
  font-weight: 500;
  padding-right: 20px;
  background: url("../images/btn-arr.png") no-repeat right center;
  background-size: 12px auto;
}

.btn-more {
  width: 88px;
  height: 32px;
  padding-top: 1px;
  padding-left: 16px;
  border: 1px solid #ddd;
  border-radius: 16px;
  background: #fff url("../images/btn-arr.png") no-repeat right 10px center;
  background-size: 14px auto;
  font-size: 0.875rem;
  text-align: left;
}
.btn-more.yellow {
  width: -moz-max-content;
  width: max-content;
  padding: 0 26px 0 16px;
  border: 1px solid #fcaf16;
}
.btn-more--s {
  /* 2024-11-05 */
  width: 80px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 16px;font-size: 0.875rem;
  background: #eee;
}
/* .btn-more--m {
  width: 100%;
  height: 48px;
  margin-top: 8px;
  border: 1px solid #4a4a4a;
  border-radius: 8px;
} */
.btn-more--m {
  width: 88px;
  height: 32px;
  margin-top: 0;
  padding-top: 1px;
  padding-left: 16px;
  border: 1px solid #ddd;
  border-radius: 16px;
  background: #fff url("../images/btn-arr.png") no-repeat right 10px center;
  background-size: 16px auto;
  font-size: 0.875rem;
  text-align: left;
}

.ico-likeit {
  width: 30px;
  height: 30px;
  background: url("../images/ico-thumbup.png") no-repeat;
  background-size: 30px auto;
}

.ico-f {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
}
.ico-f--usa {
  background: url("../images/ico-f-usa.png") no-repeat;
  background-size: 24px auto;
}
.ico-f--chn {
  background: url("../images/ico-f-chn.png") no-repeat;
  background-size: 24px auto;
}
.ico-f--eu {
  background: url("../images/ico-f-eu.png") no-repeat;
  background-size: 24px auto;
}
.ico-f--kor {
  background: url("../images/ico-f-kor.png") no-repeat;
  background-size: 24px auto;
}

.ico-new {
  height: 24px;
  margin-left: 8px;
  padding: 1px 8px 0;
  background: #fcaf16;
  border-radius: 4px;
  font-size: 0.813rem;
  font-weight: 500;
  color: #fff;
}

.tag-pink {
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 40px; 2024-10-31 */
  width: max-content;
  height: 24px;
  margin-bottom: 8px;
  padding: 0 4px;
  border-radius: 4px;
  background: rgba(232, 167, 163, 0.34);
  font-size: 0.938rem;
  color: #ef2d21;
}

.tag-today {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 24px;
  border-radius: 4px;
  background: #dee9f3;
  font-size: 0.875em;
  font-weight: 500;
}

.btn-prev,
.btn-next {
  width: 40px;
  height: 40px;
}

.btn-prev02,
.btn-next02 {
  text-indent: -5000px;
  white-space: nowrap;
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.btn-prev02 {
  margin-right: 40px;
  background: url("../images/btn-prev.png") no-repeat;
  background-size: 40px auto;
}
.btn-prev02:active {
  border-radius: 20px;
  background: #f8f8f8 url("../images/btn-prev.png") no-repeat;
  background-size: 40px auto;
}

.btn-next02 {
  margin-left: 40px;
  background: url("../images/btn-next.png") no-repeat;
  background-size: 40px auto;
}

.btn-prev {
  background: #fff url("../images/btn-prev.png") no-repeat;
  background-size: 40px auto;
}

.btn-next {
  position: relative;
  margin-left: 7px;
  padding-left: 8px;
  background: #fff url("../images/btn-next.png") no-repeat;
  background-size: 40px auto;
}
.btn-next::before {
  content: " ";
  position: absolute;
  top: 14px;
  left: -5px;
  width: 1px;
  height: 12px;
  background: #ddd;
  z-index: 3;
}

.bnr-area {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}
.bnr-area .bnr-sz {
  width: 100%;
  height: 100px;
  padding: 16px 32px;
  border-radius: 8px;
}
.bnr-area .bnr-sz img {
  width: 100%;
  height: auto;
}
.bnr-area .bnr-sz a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.bnr-area .bnr-sz .txt-md {
  display: block;
  font-weight: 500;
}
.bnr-area .bnr-sz .txt-md + .mt10 {
  margin-top: 5px;
}
.bnr-area .bnr-sz .txt-lg {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 1.5rem;
  font-weight: 500;
}
.bnr-area .bnr-sz .btn-black {
  display: none;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 8px;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  background: #232323;
  color: #fff;
  vertical-align: top;
}
.bnr-area .bnr-sz.bnr01 {
  background: #45525F url("../images/bnr01@x3.png") no-repeat right 12px center;
  background-size: 90px auto;
}
.bnr-area .bnr-sz.bnr01 a {
  color: #fff;
}
.bnr-area .bnr-sz.bnr02 {
  border: 1px solid #45525F;
  background: url("../images/bnr02@x2.png") no-repeat right 12px center;
  background-size: 60px auto;
}
.bnr-area .bnr-sz.bnr02 a {
  color: #232323;
}

.tb-cp-wrap {
  width: 100%;
  height: 251px;
  overflow-y: scroll;
}

.tb-cp {
  width: 100%;
}
.tb-cp tr {
  width: 100%;
}
.tb-cp thead {
  background: #e8e8e8;
  position: sticky;
  height: 32px;
  top: 0;
  z-index: 1;
}
.tb-cp td {
  height: 32px;
  text-align: center;
}
.tb-cp td:nth-child(1) {
  width: 15%;
}
.tb-cp td:nth-child(2) {
  width: 25%;
}
.tb-cp td:nth-child(3) {
  width: 60%;
}
.tb-cp tbody {
  height: 218px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
.tb-cp tbody td {
  padding: 16px 0;
  border-bottom: 1px solid #ddd;
}
.tb-cp tbody td:nth-child(1) {
  color: #888;
}
.tb-cp tbody td:nth-child(3) {
  text-align: left;
}

.s-item {
  display: inline-block;
  width: -moz-max-content;
  width: max-content;
  height: 24px;
  margin-bottom: 8px;
  padding: 2px 8px;
  border-radius: 4px;
  background: #e8e8e8;
  font-size: 14px;
}

.tab-date {
  width: 70px;
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-weight: 500;
}
.tab-date.on {
  border: 1px solid #4a4a4a;
  background: #e8e8e8;
}

.custom-checkbox {
  display: inline-block;
  width: 80px;
  height: 40px;
  border-radius: 8px;
  cursor: pointer;
  background: #dee9f3;
  color: #000;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
}
.custom-checkbox input {
  display: none;
}
.custom-checkbox input:checked + span {
  display: inline-block;
  width: 80px;
  height: 40px;
  border-radius: 8px;
  background: #45525f;
  color: #fff;
  transition: background-color 0.3s;
}

@media screen and (min-width: 700px) {
	.dm-flex{
	  display-flex:row;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: center;
	}
	
	.todaymarket__item:nth-child(n+2) {
	  margin-left:10px;
	}
	.ytbmarket-txt{
		margin-left:10px;
	}
  .i-rpt {
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
  }
  .i-rpt .box {
    width: calc(50% - 8px);
    margin-bottom: 8px;
  }

  .recom__wrap {
    /* 2024-11-05 */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
  }
  .recom__item {
    /* 2024-11-05 */
    width: calc(50% - 8px);
  }
  .rpt-wrap {
    /* 2024-11-05 */
    justify-content: space-between;
  }
  .today__wrap {
    /* 2024-11-05 */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .today__wrap .today__item,
  .rpt-wrap .today__item {
    /* 2024-11-05 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(50% - 8px);
    margin-bottom: 16px;
  } 
  /* .todaymarket__wrap {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .todaymarket__item {
    width: calc(50% - 8px);
  }
  .ytbmarket-txt {
    width: 100%;
  }
  .todaymarket__item:nth-child(n+2) {
	  margin-top: 0;
	} */
  .ytb-wrap {
    justify-content: space-between;
    flex-direction: row;
  }
  .ytb-video {
    width: calc(50% - 8px);
    margin-bottom: 0;
  }
  .ytb-video a .vod-list__img img {
    height: 100% !important;
  }
  .todaymarket__wrap .ytbmarket-txt {
    width: 100%;
  }
  .ytbmarket-txt {
    width: calc(50% - 8px);
  }
  .ytb-txt {
    width: calc(50% - 8px);
  }
}

@media screen and (max-width: 1000px) {
	.todaymarket__wrap {
		display:flex;
		flex-direction:column;
	}
	.todaymarket__item:nth-child(n+2) {
	  margin-left:0;
	  margin-top:10px;
	}
	.ytbmarket-txt{
	  margin-left:0;
	  margin-top:10px;
	}
}

@media screen and (min-width:1000px){	
	.bnr-btm {
    display: flex;
    justify-content: space-between;
	}
	.bnr-btm .img-area {
      width: calc(50% - 12px);
    }
}

@media screen and (min-width: 1200px) {
  .today__wrap .today__item,
  .rpt-wrap .today__item {
    /* 2024-11-05 */
    width: calc(25% - 18px);
    margin-bottom: 0;
  } 
  body {
    font-size: 16px;
  }
  .only-mb {
    display: none;
  }
  .only-dt {
    display: block;
  }
  .section .h2-wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .m-bnr--blue .icon::after {
    background: url("../images/ico-info-w@x2.png") no-repeat center center;
    background-size: 40px auto;
  }
  .m-bnr--green .icon::after {
    background: url("../images/ico-robot@x2.png") no-repeat center center;
    background-size: 40px auto;
  }
  .m-bnr--pink .icon::after {
    background: url("../images/ico-cube@x2.png") no-repeat center center;
    background-size: 40px auto;
  }
  .m-bnr--navy .icon::after {
    background: url("../images/ico-star@x2.png") no-repeat center center;
    background-size: 40px auto;
  }
  .m-bnr--bdr .icon::after {
    background: url("../images/ico-robot@x2.png") no-repeat center center;
    background-size: 40px auto;
  }
  .header {
    height: 80px;
    padding: 0;
    border-bottom: 1px solid #ddd;
  }
  .header__inner {
    width: 1200px;
    margin: 0 auto;
  }
  .header__right {
    display: flex;
    width: -moz-max-content;
    width: max-content;
  }
  .header .btn-login {
    width: 75px;
    margin-left: 16px;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: right;
    background: url("../images/ico-login.png") no-repeat left center;
    background-size: 30px auto;
  }
  /* .header .search-area {
    position: relative;
    width: 240px;
    height: 48px;
    padding: 0 16px;
    border-radius: 24px;
    background: #f8f8f8;
  }
  .header .search-area input {
    display: block;
    width: calc(100% - 40px);
    height: 100%;
    background: transparent;
  }
  .header .search-area .btn-sch {
    position: absolute;
    top: 4px;
    right: 8px;
    background-size: 40px 40px;
    z-index: 3;
  } */
  .btn-posi {
    position: absolute;
    top: 36px;
    right: 0;
  }
  .m-scroll-area {
    overflow-x: hidden;
  }
  .logo-hdr {
    width: 168px;
    height: 48px;
    margin-right: 40px;
    background-size: 100% auto;
  }
  .gnb {
    position: relative;
    top: 0;
    left: 0;
    width: 400px;
    height: 80px;
    padding-top: 16px;
    background: transparent;
    z-index: 0;
  }
  .gnb button {
    width: 50%;
    height: 48px;
    font-size: 1.125em;
    font-weight: 500;
    color: #999;
  }
  .gnb button.on {
    border-bottom: none;
  }
  .content,
  .cont-center {
    width: 1200px;
    margin: 0 auto;
  }
  .tab-bar {
    height: 56px;
  }
  .tab-line {
    width: 120px;
    height: 56px;
  }
  .dm-flex {
    flex-direction: row;
  }
  .dm-flex.btw {
    justify-content: space-between;
  }
  .rpt-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .rpt-left {
    width: calc(33.33% - 12px);
    margin-bottom: 0;
  }
  .rpt-left .todaymarket__item {
    width: 100%;
  }
  .rpt-left .today__item {
    width: 100%;
  }
  .rpt-right {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(66.66% - 12px);
  }
  .rpt-right h2 {
    width: 100%;
    clear: both;
  }
  .rpt-right .todaymarket__item {
    width: calc(50% - 12px);
  }
  .rpt-right .today__item {
    width: calc(50% - 12px);
  }
  .bnr-btm {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
  }
  .bnr-btm .img-area {
    width: calc(50% - 12px);
  }
  .today__wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
  }
  
  .todaymarket__wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
  }
  .todaymarket__item {
    width: calc(25% - 18px);
    margin-bottom: 0;
    background: #f8f8f8;
    border: 1px solid #f2f2f2;
    color: #4a4a4a;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
  }
  .todaymarket__item:nth-child(n+2) {
	  margin-left:0;
	  margin-top:0;
  }
  .todaymarket__item:hover, .todaymarket__item.on {
    background: #fcaf16;
    transform: translateY(-5px);
    color: #fff;
  }
  .todaymarket__item:hover .today__tit,
  .todaymarket__item:hover .today__ftr, .todaymarket__item.on .today__tit,
  .todaymarket__item.on .today__ftr {
    color: #fff;
  }
  .ytbmarket-txt{
  	margin-left:0;
  }
  .today__item {
  /* .today__wrap .today__item { 2024-11-13 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(25% - 18px);
    margin-bottom: 0;
    background: #f8f8f8;
    border: 1px solid #f2f2f2;
    color: #4a4a4a;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
  }
  .today__item:hover, .today__item.on {
    background: #fcaf16;
    transform: translateY(-5px);
    color: #fff;
  }
  .today__item:hover .today__tit,
  .today__item:hover .today__ftr, .today__item.on .today__tit,
  .today__item.on .today__ftr {
    color: #fff;
  }
  .today__tit {
    color: #000;
  }
  .today__tit .ico-new {
    margin-left: 6px;
  }
  .today__footer, .today__ftr {
    color: #888;
  }
  .news__item:nth-child(3n-1) {
    margin: 0 24px;
  }
  .news__item:nth-child(2), .news__item:nth-child(3) {
    border-top: 1px solid #ddd;
  }
  .news__item {
    width: calc(33.33% - 16px);
  }
  .grp__wrap {
    justify-content: space-between;
    align-items: stretch;
  }
  .grp__item {
    width: calc(50% - 12px);
  }
  .grp__item + .grp__item {
    margin-top: 0;
  }
  .bdr-box .txt {
    width: 190px;
  }
  .recom__wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
  }
  .recom__item {
    /* 2024-10-31 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(25% - 18px);
    margin-bottom: 0;
  }
  #mySwiperCal .btn-prev,
  #mySwiperCal .btn-next {
    position: absolute;
    top: 2px;
    z-index: 3;
  }
  #mySwiperCal .btn-prev {
    left: 0;
  }
  #mySwiperCal .btn-next {
    right: 0;
  }
  #mySwiperCal .btn-next::before {
    display: none;
  }
  #mySwiperCal + .btn-wrap .btn-next::before {
    display: none;
  }
  .cal-body .btn-wrap {
    display: block;
    position: absolute;
    top: 52px;
    left: 50%;
  }
  .cal-body .btn-wrap .btn-prev,
  .cal-body .btn-wrap .btn-next {
    position: absolute;
    top: 0;
    z-index: 5;
  }
  .cal-body .btn-wrap .btn-prev {
    left: -600px;
  }
  .cal-body .btn-wrap .btn-next {
    right: -600px;
  }
  .cal-body .one-day {
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid #ddd;
  }
  .cal-body .one-day .cal-date {
    display: block;
    width: 180px;
  }
  .cal-body .one-day .cal-cont {
    width: calc(100% - 180px);
  }
  .cal-body .one-day .cal-row {
    border-bottom: none;
  }
  .cal-body .one-day .cal-row .left-area {
    position: relative;
    width: 100px;
    padding-left: 30px;
  }
  .cal-body .one-day .cal-row .left-area .ico-f {
    position: absolute;
    top: 7px;
    left: 0;
  }
  .cal-body .one-day .cal-row .right-area {
    width: calc(100% - 100px);
    border-bottom: 1px solid #ddd;
  }
  .cal-body .one-day .cal-row .right-area span {
    display: block;
  }
  .cal-body .one-day .cal-row .right-area span + span {
    margin-top: 5px;
  }
  .cal-body .one-day .cal-row:last-child .right-area {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .rpt {
    flex-direction: row;
    gap: 24px;
  }
  .rpt__item {
    width: calc(25% - 18px);
  }
  .p-rpt {
    flex-direction: row;
  }
  .p-rpt__item {
    position: relative;
    width: 22.5%;
    margin-right: 2.5%;
    padding: 8px 16px 8px 48px;
    border-right: 1px solid #ddd;
    border-bottom: none;
  }
  
  .i-rpt {
    flex-direction: row;
    justify-content: flex-start;
    gap: 24px;
  }

  .i-rpt__group {
    width: calc(25% - 15px);
    margin-bottom: 0;
  }
  .ytb-wrap {
    justify-content: space-between;
    flex-direction: row;
  }
  .ytb-video {
    width: 440px;
    margin-bottom: 0;
  }
  .ytb-video a .vod-list__img img {
    height: 100% !important;
  }
  .ytbmarket-txt {
    width: calc(100% - 464px);
  }
  .ytb-txt {
    width: calc(100% - 464px);
  }
  .box-kct {
    width: calc(33.333% - 16px);
  }
  .box, .i-rpt .box {
    width: calc(25% - 18px);
    min-height: 160px;
    margin-bottom: 0;
  }
  .i-rpt .box:hover {
    cursor: auto;
  }
  .box--sm {
    width: 24%;
  }
  .main-visual {
    justify-content: space-between;
    width: 100%;
    height: 256px;
    padding: 40px;
    cursor: pointer;
  }
  .main-visual .txt-area {
    width: 40%;
    text-align: left;
  }
  .main-visual .img-area {
    display: block;
    width: 360px;
  }
  .main-visual .img-area img {
    width: 100%;
  }
  .hashtag-wrap {
    justify-content: flex-start;
  }
  .notice__wrap {
    width: 55%;
  }
  .notice__wrap .row {
    justify-content: space-between;
  }
  .notice__wrap .row a,
  .notice__wrap .row .bd-date {
    display: inline-block;
    width: -moz-max-content;
    width: max-content;
  }
  .notice__wrap .row + .row {
    border-top: none;
  }
  .m-bnr {
    width: calc(33.333% - 16px);
  }
  .m-bnr01 {
    width: 40%;
    height: 168px;
    margin-top: 0;
  }
  .m-pd {
    padding: 0;
  }
  
  .swiper__btns.next-tab {
    top: 40px;
  }
  .bnr-area {
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 16px;
  }
  .bnr-area .bnr-sz {
    width: calc(50% - 12px);
    height: 140px;
  }
  .bnr-area .bnr-sz img {
    width: 100%;
    height: auto;
  }
  .bnr-area .bnr-sz.bnr01 {
    background: #45525F url("../images/bnr01@x2.png") no-repeat right 40px center;
    background-size: 120px auto;
  }
  .bnr-area .bnr-sz.bnr01 a {
    color: #fff;
  }
  .bnr-area .bnr-sz.bnr02 {
    border: 1px solid #45525F;
    background: url("../images/bnr02@x2.png") no-repeat right 32px top 40px;
    background-size: 90px auto;
  }
  .bnr-area .bnr-sz.bnr02 a {
    color: #232323;
  }
  .bnr-area .bnr-sz .btn-black {
    display: inline-block;
  }
}
/* swiper */
.swiper-pagination.rc-main .swiper-pagination-bullet {
  width: 30px;
  height: 2px;
  background: #d9d9d9;
  border-radius: 0;
}
.swiper-pagination.rc-main .swiper-pagination-bullet-active {
  background: #fcaf16;
}

.btn-tgg {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 37px;
  left: 50%;
  margin-left: -80px;
  z-index: 11;
}

.btn-pause {
  width: 40px;
  height: 40px;
  background: url("../images/ico-pause.png") no-repeat center center;
  background-size: 40px auto;
}

.btn-play {
  width: 40px;
  height: 40px;
  background: url("../images/ico-play.png") no-repeat center center;
  background-size: 40px auto;
}

#mySwiper1.swiper {
  position: relative;
}/*# sourceMappingURL=style.css.map */

/* 2024-11-11 */
#mySwiper4 {
  position: relative;
}
.tab-content .btn-more--m {
  position: absolute;
  bottom: -20px;
  right: 0;
}