<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
.smmain-title {
  font-size: 90px;
  line-height: 120px;
  font-weight: 700;
  letter-spacing: -2.25px;
  text-align: center;
}

.smmain_banner {
  padding: 80px 0;
  margin: -80px 0;
}
.smmain_banner .swiper-slide {
  position: relative;
  width: 1320px;
  height: 420px;
  border-radius: 32px;
  padding: 80px 0 0 140px;
}
.smmain_banner .swiper-slide.sm-1 {
  background-color: #ffeef0;
}
.smmain_banner .swiper-slide.sm-2 {
  background-color: #fff9e5;
}
.smmain_banner .swiper-slide.sm-3 {
  background-color: #fff4e5;
}
.smmain_banner .swiper-slide.sm-4 {
  background-color: #eaf6fe;
}
.smmain_banner .swiper-slide.sm-5 {
  background-color: #f7ecff;
}
.smmain_banner .smmain_banner-tit {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
}
.smmain_banner .smmain_banner-btn {
  margin-top: 30px;
  font-weight: 700;
}
.smmain_banner .smmain_banner-thum {
  position: absolute;
  top: -80px;
  right: 0;
  opacity: 0;
  margin-right: -50px;
}
.smmain_banner .swiper-button-next,
.smmain_banner .swiper-button-prev {
  width: 60px;
  height: 60px;
}
.smmain_banner .swiper-button-next::after,
.smmain_banner .swiper-button-prev::after {
  content: "";
  display: inline-block;
  background: url("../img/icon/ic-arrow-right.svg") 0 0/60px 60px no-repeat;
  width: 60px;
  height: 60px;
}
.smmain_banner .swiper-button-prev {
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.smmain_banner .swiper-button-next {
  right: 0;
}
.smmain_banner .swiper-pagination {
  position: relative;
  top: 0;
  bottom: 0;
  font-size: 0;
  width: auto;
}
.smmain_banner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #e4e4e4;
  opacity: 1;
  border-radius: 5px;
  margin: 0 3px !important;
}
.smmain_banner .swiper-pagination-bullet-active {
  width: 26px;
  background: #c1c1c1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.smmain_banner .swiper-button {
  position: absolute;
  bottom: 120px;
  left: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.smmain_banner .swiper-control {width: 22px; height: 22px; margin: 0 6px; background: url("../img/icon/ic_main_pause.png") 0 0/100%; z-index: 1; background-size: 22px 22px;}
.smmain_banner .swiper-control.stop {background: url("../img/icon/ic_main_play.png") 0 0/100%; background-size: 22px 22px;}

.smmain_sv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -24px;
  overflow: hidden;
}
.smmain_sv .smmain_sv-item {
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 12px);
          flex: 0 0 calc(50% - 12px);
  padding: 40px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.smmain_sv .smmain_sv-item.sv-2 {
  background: #eaf6fe url("../img/image/ic-internet2.png") right 40px bottom 40px/140px 140px no-repeat;
}
.smmain_sv .smmain_sv-item.sv-2:hover {
  background-color: #d1edff;
}
.smmain_sv .smmain_sv-item.sv-1 {
  background: #f7ecff url("../img/image/ic-btv3.png") right 40px bottom 40px/184px 184px no-repeat;
}
.smmain_sv .smmain_sv-item.sv-1:hover {
  background-color: #edd4ff;
}
.smmain_sv .smmain_sv-item.sv-3 {
  background: #fff9e5 url("../img/image/ic-btvpop.png") right 40px bottom 40px/204px 204px no-repeat;
}
.smmain_sv .smmain_sv-item.sv-3:hover {
  background-color: #ffe4d9;
}
.smmain_sv .smmain_sv-item.sv-4 {
  background: #fff4e5 url("../img/image/ic-btvthrifty2.png") right 40px bottom 40px/140px 140px no-repeat;
}
.smmain_sv .smmain_sv-item.sv-4:hover {
  background-color: #fff3cc;
}
.smmain_sv .smmain_sv-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.smmain_sv .smmain_sv-stit {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  padding-top: 4px;
  color: #000000;
}
.smmain_sv .smmain_sv-desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-top: 20px;
}
.smmain_sv .smmain_sv-btn {
  position:initial;
  font-weight: 700;
  margin-top: 34px;
}
.smmain_sv .smmain_sv-btn:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.btvcont-item-name + .btvcont-item-name {
  margin-top: 10px;
}

.smmainsub-banner {
  margin-top: 40px;
  margin-bottom: 60px;
}

.detail_tab-wrap + .smmainsub-show {
  margin-top: 40px;
}

.smmainsub-show {
  position: relative;
  margin-bottom: 60px;
}
.smmainsub-show .smmainsub-show_item {
  position: absolute;
  height: 0;
}
.smmainsub-show .smmainsub-show_item .smmainsub-show_btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.smmainsub-show .smmainsub-show_item .smmainsub-show_btn.active {
  background: #3617ce;
}
.smmainsub-show .smmainsub-show_item .smmainsub-show_btn.active:after {
  border-color: #3617ce;
}
.smmainsub-show .smmainsub-show_item .smmainsub-show_btn.active .smmainsub-show_name {
  background: #3617ce;
  color: #ffffff;
}
.smmainsub-show .smmainsub-show_item .smmainsub-show_btn.active .smmainsub-show_name:after {
  background: url("../img/image/bg_smmain_balloon1_active.svg") 0 0/100% no-repeat;
}
.smmainsub-show .smmainsub-show_item .smmainsub-show_btn.fade {
  opacity: 0.6;
}
.smmainsub-show .smmainsub-show_item[data-item=show1-1] {
  top: 108px;
  left: 314px;
}
.smmainsub-show .smmainsub-show_item[data-item=show1-1] .smmainsub-show_boxwrap {
  left: 55px;
}
.smmainsub-show .smmainsub-show_item[data-item=show1-2] {
  top: 231px;
  right: 346px;
}
.smmainsub-show .smmainsub-show_item[data-item=show1-2] .smmainsub-show_boxwrap {
  right: 58px;
}
.smmainsub-show .smmainsub-show_item[data-item=show1-3] {
  top: 254px;
  left: 85px;
}
.smmainsub-show .smmainsub-show_item[data-item=show1-3] .smmainsub-show_boxwrap {
  left: 51px;
}
.smmainsub-show .smmainsub-show_item[data-item=show2-1] {
  top: 243px;
  left: 87px;
}
.smmainsub-show .smmainsub-show_item[data-item=show2-1] .smmainsub-show_boxwrap {
  left: 41px;
}
.smmainsub-show .smmainsub-show_item[data-item=show2-2] {
  top: 324px;
  left: 481px;
}
.smmainsub-show .smmainsub-show_item[data-item=show2-2] .smmainsub-show_boxwrap {
  left: 52px;
}
.smmainsub-show .smmainsub-show_item[data-item=show3-1] {
  top: 287px;
  left: 343px;
}
.smmainsub-show .smmainsub-show_item[data-item=show3-1] .smmainsub-show_boxwrap {
  left: 52px;
  top: -82px;
}
.smmainsub-show .smmainsub-show_item[data-item=show3-2] {
  bottom: 130px;
  left: 152px;
}
.smmainsub-show .smmainsub-show_item[data-item=show3-2] .smmainsub-show_boxwrap {
  left: 52px;
}
.smmainsub-show .smmainsub-show_item[data-item=show4-1] {
  top: 116px;
  left: 432px;
}
.smmainsub-show .smmainsub-show_item[data-item=show4-1] .smmainsub-show_boxwrap {
  left: 41px;
}
.smmainsub-show .smmainsub-show_item[data-item=show4-2] {
  top: 241px;
  left: 203px;
}
.smmainsub-show .smmainsub-show_item[data-item=show4-2] .smmainsub-show_boxwrap {
  left: 58px;
}
.smmainsub-show .smmainsub-show_item[data-item=show4-3] {
  bottom: 99px;
  right: 275px;
}
.smmainsub-show .smmainsub-show_item[data-item=show4-3] .smmainsub-show_boxwrap {
  right: 52px;
}
.smmainsub-show .smmainsub-show_item[data-item=show5-1] {
  top: 246px;
  right: 192px;
}
.smmainsub-show .smmainsub-show_item[data-item=show5-1] .smmainsub-show_boxwrap {
  right: 42px;
}
.smmainsub-show .smmainsub-show_item[data-item=show5-2] {
  top: 269px;
  left: 324px;
}
.smmainsub-show .smmainsub-show_item[data-item=show5-2] .smmainsub-show_boxwrap {
  left: 63px;
}
.smmainsub-show .smmainsub-show_item[data-item=show5-3] {
  bottom: 151px;
  right: 415px;
}
.smmainsub-show .smmainsub-show_item[data-item=show5-3] .smmainsub-show_boxwrap {
  right: 52px;
}
.smmainsub-show .smmainsub-show_item[data-item=show6-1] {
  top: 206px;
  left: 310px;
}
.smmainsub-show .smmainsub-show_item[data-item=show6-1] .smmainsub-show_boxwrap {
  left: 52px;
}
.smmainsub-show .smmainsub-show_item[data-item=show6-2] {
  bottom: 108px;
  left: 282px;
}
.smmainsub-show .smmainsub-show_item[data-item=show6-2] .smmainsub-show_boxwrap {
  left: 58px;
  top: -164px;
}
.smmainsub-show .smmainsub-show_boxwrap {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: -45px;
  z-index: 1;
}
.smmainsub-show .smmainsub-show_boxwrap.wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.smmainsub-show .smmainsub-show_boxwrap.wide .smmainsub-show_box + .smmainsub-show_box {
  margin-left: 10px;
}
.smmainsub-show .smmainsub-show_boxwrap.active {
  opacity: 1;
}
.smmainsub-show .smmainsub-show_box {
  background: #3617ce;
  border-radius: 12px;
  overflow: hidden;
  padding: 12px 20px;
  text-align: center;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.smmainsub-show .smmainsub-show_box-link {
  margin-top: 10px;
  color: #ffffff;
  font-weight: 700;
}
.smmainsub-show .smmainsub-show_box-link:after {
  background: url("../img/icon/ic_arrow_right_white.svg") 0 0/100%;
}
.smmainsub-show .smmainsub-show_box-txt1 {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #ffffff;
}
.smmainsub-show .smmainsub-show_box-txt1 + .smmainsub-show_box-txt2 {
  margin-top: 4px;
}
.smmainsub-show .smmainsub-show_box-txt2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #ffffff;
  display: block;
}
.smmainsub-show .smmainsub-show_box-txt2 + .smmainsub-show_box-txt1 {
  margin-top: 6px;
}
.smmainsub-show .smmainsub-show_btn {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
}
.smmainsub-show .smmainsub-show_btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 26px;
  height: 26px;
  background: none;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.smmainsub-show .smmainsub-show_name {
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #ffffff;
  padding: 1px 16px 1px 15px;
  border-radius: 13px;
  font-size: 14px;
  color: #000000;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.35px;
  white-space: nowrap;
}
.smmainsub-show .smmainsub-show_name::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 10px;
  height: 9px;
  background: url("../img/image/bg_smmain_balloon.svg") 0 0/100% no-repeat;
}

.smmainsub-package .smmainsub-package_title {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: left;
}
.smmainsub-package .smmainsub-package_info-wrap {
  border-radius: 32px;
  border: 4px solid #3617ce;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 40px 0;
}
.smmainsub-package .smmainsub-package_info-helptxt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  white-space: nowrap;
  margin-top: -21px;
  width: 100%;
}
.smmainsub-package .smmainsub-package_info-num {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
}
.smmainsub-package .smmainsub-package_info-num b {
  font-size: 32px;
  font-weight: 500;
  line-height: 43px;
  padding: 0 2px;
}
.smmainsub-package .smmainsub-package_info-num b.red {
  font-weight: 700;
}
.smmainsub-package .smmainsub-package_info-num .line {
  text-decoration: line-through;
}
.smmainsub-package .smmainsub-package_info.before {
  position: relative;
}
.smmainsub-package .smmainsub-package_info.before::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../img/icon/ic_arrow_right_3.svg") 0 0/100% no-repeat;
  position: absolute;
  top: 3px;
  right: -62px;
}
.smmainsub-package .smmainsub-package_info.after {
  min-width: 328px;
  padding-left: 25px;
  text-align: right;
  position: relative;
  padding-bottom: 20px;
}
.smmainsub-package .smmainsub-package_info.after .smmainsub-package_info-num {
  font-size: 28px;
  color: #000000;
  font-weight: 400;
}
.smmainsub-package .smmainsub-package_info.after .smmainsub-package_info-num b {
  font-size: 58px;
  line-height: 77px;
  padding: 0 6px;
}
.smmainsub-package .smmainsub-package_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.smmainsub-package .smmainsub-package_item {
  text-align: center;
  padding: 30px 24px;
  margin-top: 20px;
  border-radius: 32px;
  border: 1px solid #e4e4e4;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 10px);
          flex: 0 0 calc(50% - 10px);
}
.smmainsub-package .smmainsub-package_item.space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.smmainsub-package .smmainsub-package-icon {
  display: inline-block;
}
.smmainsub-package .smmainsub-package-icon img {
  width: 80px;
}
.smmainsub-package .smmainsub-package-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-top: 4px;
}
.smmainsub-package .smmainsub-package-desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 10px;
}
.smmainsub-package .smmainsub-package_price-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 16px;
}
.smmainsub-package .smmainsub-package_price-num {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  line-height: 43px;
}
.smmainsub-package .smmainsub-package_price-num b {
  font-size: 24px;
  font-weight: 400;
  line-height: 43px;
  padding: 0 2px;
}
.smmainsub-package .smmainsub-package_price-num b.red {
  font-weight: 700;
}
.smmainsub-package .smmainsub-package_price-num .line {
  text-decoration: line-through;
}
.smmainsub-package .smmainsub-package_price.before {
  position: relative;
  padding-right: 60px;
}
.smmainsub-package .smmainsub-package_price.before::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic_arrow_right_3.svg") 0 0/100% no-repeat;
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
}
.smmainsub-package .smmainsub-package_price.after .smmainsub-package_price-num b {
  font-size: 32px;
}

.sub_title_wrap {
  position: relative;
}
.sub_title_wrap .title_h3 + .right-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  position: absolute;
  bottom: -20px;
  right: 0;
}
.sub_title_wrap .title_h3 + .right-txt::before {
  display: none;
}
.sub_title_wrap .sub_title_bold {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
  margin-top: 30px;
}

.linebox-wrap {
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  padding: 40px;
}
.linebox-wrap + .linebox-wrap {
  margin-top: 30px;
}
.linebox-wrap + .butn_wrap {
  margin-top: 60px;
}
.linebox-wrap .linebox-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.linebox-wrap .linebox-item {
  padding: 30px 50px;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}
.linebox-wrap .linebox-item:last-child {
  border-bottom: 0;
}
.linebox-wrap .linebox-item-number {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  color: #3617ce;
  line-height: 48px;
  padding-right: 12px;
  position: absolute;
  top: 30px;
  left: 20px;
}
.linebox-wrap .linebox-item-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding-top: 10px;
}
.linebox-wrap .linebox-item-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-top: 10px;
}
.linebox-wrap .linebox-icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 70px 0 40px;
}
.linebox-wrap .linebox-icon-list .btv_icon_txt {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding: 100px 60px 0;
  position: relative;
  text-align: center;
}
.linebox-wrap .linebox-icon-list .btv_icon_txt.icon1 {
  background: url("../img/icon/ic_btv_u_01.svg") center 0/80px 80px no-repeat;
}
.linebox-wrap .linebox-icon-list .btv_icon_txt.icon2 {
  background: url("../img/icon/ic_btv_u_02.svg") center 0/80px 80px no-repeat;
}
.linebox-wrap .linebox-icon-list .btv_icon_txt.icon3 {
  background: url("../img/icon/ic_btv_u_03.svg") center 0/80px 80px no-repeat;
}
.linebox-wrap .linebox-icon-list .btv_icon_txt + .btv_icon_txt::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 120px;
  background: #e4e4e4;
  position: absolute;
  top: 20px;
  left: 0;
}

.video_wrap {
  border-radius: 12px;
  overflow: hidden;
  margin-top: 30px;
}

.dot_list-wrap {
  margin-top: 30px;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  padding: 30px 40px;
  position: relative;
}
.dot_list-wrap .dot_list-item {
  display: block;
}
.dot_list-wrap .dot_list-item + .dot_list-item {
  padding-top: 30px;
}
.dot_list-wrap .dot_list-item.style2 {
  background-color: #f2f2f2;
  border-radius: 12px;
  margin-top: 40px;
  padding: 40px;
}
.dot_list-wrap .dot_list-item.style2 .dot_list-tit {
  font-weight: 700;
}
.dot_list-wrap .dot_list-item.style3 {
  padding-left: 100px;
  position: relative;
}
.dot_list-wrap .dot_list-item.style3 &gt; img {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 80px;
}
.dot_list-wrap .dot_list-item .butn_wrap {
  margin-top: 30px;
  text-align: left;
}
.dot_list-wrap .dot_list-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding-bottom: 10px;
}
.dot_list-wrap .dot_list .dot_item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-left: 12px;
}
.dot_list-wrap .dot_list .dot_item:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a9a9a9;
  margin-right: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
.dot_list-wrap .title_s1 {
  margin-bottom: 30px;
}
.dot_list-wrap .title_s1 .badge {
  border-radius: 17px;
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  margin: 6px 10px 0 0;
  padding: 0 12px;
}
.dot_list-wrap .icon_plus-list {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 120px;
}
.dot_list-wrap .section-img-box {
  margin-top: 40px;
}

.my_use {
  position: relative;
  background: #f2f2f2;
  border-radius: 32px;
  width: 312px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 312px;
          flex: 0 0 312px;
  padding: 60px 24px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.my_use .my_use-before {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  text-align: center;
}
.my_use .my_use-before &gt; a {
  color: #000000;
  text-decoration: underline;
}
.my_use .my_use-name {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center;
}
.my_use .my_use-btn {
  display: inline-block;
  position: absolute;
  top: vw(25px);
  right: vw(16px);
  width: vw(20px);
  height: vw(20px);
  background: url("../img/icon/ic_arrow_normal.svg") 0 0/100% 100% no-repeat;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.my_use .my_use-btn.close {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}
.my_use .my_use_list {
  padding-top: vw(12px);
}
.my_use .my_use_item {
  margin-bottom: 40px;
  text-align: center;
}
.my_use .my_use_item:last-child {
  margin-bottom: 0;
  position: relative;
}
.my_use .my_use_item:last-child::before {
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  display: none;
}
.my_use .my_use_item-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
}
.my_use .my_use_item-name {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  margin-top: 4px;
  display: inline-block;
}

.my_use_item-btn {
  font-size: 24px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my_use_item-btn::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background: url("../img/icon/ic-arrow-normal.svg") center/100% no-repeat;
}

.my_use_pop {
  text-align: left;
  position: absolute;
  top: 34px;
  left: 0;
  display: none;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #303030;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
  padding: 24px;
  width: 356px;
  z-index: 10;
}
.my_use_pop.active {
  display: block;
  z-index: 100;
}

.my_use_pop-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.my_use_pop-txt + .my_use_pop-txt {
  margin-top: 8px;
}

.my_use_pop-list &gt; li {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 8px;
}
.my_use_pop-list &gt; li:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #a9a9a9;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  margin-top: -3px;
}
.my_use_pop-list &gt; li.circle-none:before {
  display: none;
}
.my_use_pop-list + .my_use_pop-txt {
  margin-top: 8px;
}

.my_use_pop-close {
  background: url("../img/icon/ic_header_close.svg") 0 0/100%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 24px;
}

.thumbnail_playz {
  background: url(../img/image/playz-bg-img-01.png) 0 0/100% no-repeat;
  width: 100%;
  height: 520px;
  padding: 79px 80px;
}

.thumbnail_img-wrap {
  width: 233px;
  height: 120px;
}

.thumbnail_txt-wrap {
  padding-top: 20px;
}
.thumbnail_txt-wrap .thumbnail_txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #ffffff;
}
.thumbnail_txt-wrap .thumbnail_price {
  font-size: 28px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: self-end;
      -ms-flex-align: self-end;
          align-items: self-end;
  padding-top: 40px;
}
.thumbnail_txt-wrap .thumbnail_price .accented {
  font-size: 58px;
  font-weight: 900;
  margin: 0 6px;
  line-height: 70px;
}
.thumbnail_txt-wrap .thumbnail_caption {
  display: inline-block;
  padding-left: 20px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #ffffff;
  padding-bottom: 10px;
}
.thumbnail_txt-wrap .butn_wrap {
  text-align: left;
  margin-top: 20px;
}

.playz_subt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-top: 8px;
}
.section.playz_section {
  padding-bottom: 0;
}
.section.playz_section .title_h4 {
  text-align: center;
}
.section.playz_section .playz_subt {
  text-align: center;
}
.section.playz_section .playz_subt + .thumnail_slide-wrap {
  padding: 40px 0 120px;
  margin-bottom: 0;
}
.thumnail_slide-wrap.bigsize {
  max-width: 1100px;
  margin: 0 auto;
}
.thumnail_slide-wrap.bigsize .swiper-button-prev,
.thumnail_slide-wrap.bigsize .swiper-button-next {
  width: 180px;
}
.thumnail_slide-wrap.bigsize .thumnail_slide {
  width: 880px;
}
.thumnail_slide-wrap.bigsize .thumnail_slide .swiper-slide {
  height: 506px;
}
.thumnail_slide-wrap.bigsize .thumnail_slide_list {
  width: 180px;
  height: 504px;
  padding: 52px 0;
}
.thumnail_slide-wrap.bigsize .thumnail_slide_list .swiper-slide {
  height: 120px;
  margin-bottom: 20px;
  border-radius: 12px;
}

.modal .thumnail_slide-wrap .thumnail_slide_list {width: 140px; height: 334px; margin: 38px 0; padding:0; overflow: hidden;}

.cont_acco-wrap {
  border-top: 2px solid #000000;
  border-bottom: 1px solid #e4e4e4;
}
.cont_acco-wrap .butn_wrap {
  margin-top: 30px;
}
.cont_acco-wrap ~ .cont_acco-wrap {
  border-top: 0;
}
.cont_acco-wrap.active .cont_acco-box {
  display: block;
  visibility: visible;
}
.cont_acco-wrap.active .cont_acco-btn::after {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cont_acco-btn {
  width: 100%;
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  position: relative;
  height: 140px;
  padding-left: 120px;
}
.cont_acco-btn::before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  top: 30px;
}
.cont_acco-btn.icon-ott:before {
  background: url("../img/icon/ic_11_01.svg") 0 0/100% no-repeat;
}
.cont_acco-btn.icon-z:before {
  background: url("../img/icon/ic_11_02.svg") 0 0/100% no-repeat;
}
.cont_acco-btn.icon-big:before {
  background: url("../img/icon/ic_11_03.svg") 0 0/100% no-repeat;
}
.cont_acco-btn::after {
  content: "";
  background: url(../img/icon/ic-arrow-accordion.svg) 0 0/100% no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.cont_acco-box {
  display: none;
  visibility: hidden;
  padding: 0 120px 40px;
}

.cont_acco-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}

.cont_acco-img_list .cont_acco-img_wrap {
  margin-top: 60px;
}

.cont_acco-img_wrap {
  margin-top: 20px;
  background: #e4e4e4;
  border-radius: 32px;
  overflow: hidden;
}

.cont_acco-img_wrap + .cont_acco-txt {
  padding-top: 16px;
}
.cont_acco-img_wrap + .cont_acco-txt_wrap {
  padding-top: 16px;
}

.cont_acco-txt_list {
  padding-top: 40px;
}
.cont_acco-txt_list .cont_acco-txt_item {
  margin-top: 20px;
  padding-left: 12px;
  position: relative;
}
.cont_acco-txt_list .cont_acco-txt_item:first-child {
  margin-top: 0;
}
.cont_acco-txt_list .cont_acco-txt_item::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a9a9a9;
  margin-right: 8px;
  vertical-align: middle;
  position: absolute;
  top: 8px;
  left: 0;
}

.cont_acco-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.cont_acco-tit + .cont_acco-txt {
  padding-top: 8px;
}

.cont_acco-txt_wrap + .butn_wrap {
  border-top: 1px solid #e4e4e4;
  margin-top: 30px;
  padding-top: 16px;
}
.cont_acco-txt_wrap + .cont_acco-txt_wrap {
  padding-top: vw(16px);
}

.cont_acco-subtxt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.cont_acco-subtxt b {
  font-weight: normal;
  padding-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
  color: #000000;
  display: block;
}

.cont_acco-star_wrap {
  background: #f2f2f2;
  padding: 20px;
  margin-top: 60px;
}

.cont_acco-star_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-left: 12px;
  text-indent: -12px;
}
.cont_acco-star_txt a {
  color: inherit;
}
.cont_acco-star_txt + .cont_acco-star_txt {
  padding-top: 10px;
}
.cont_acco-star_txt::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a9a9a9;
  margin-right: 8px;
  margin-top: -2px;
  vertical-align: middle;
}

.cont_acco-txt + .cont_acco-txt {
  padding-top: vw(16px);
}
.cont_acco-txt strong {
  display: block;
  font-weight: 500;
  color: #000000;
}

.cont_acco-ico_wrap {
  padding-top: 60px;
}

.cont_acco-ico-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
  padding-bottom: 20px;
}

.cont_acco-ico-subtxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -20px;
  overflow: hidden;
}

.cont_acco-ico-txt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 2px 20px 2px 84px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  margin-bottom: 20px;
  position: relative;
}
.cont_acco-ico-txt b {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  padding-bottom: 8px;
  display: block;
}
.cont_acco-ico-txt::before {
  content: "";
  display: inline-block;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
}
.cont_acco-ico-txt.ico-1::before {
  background: url("../img/icon/ic-channel.svg") 0 0/100% no-repeat;
}
.cont_acco-ico-txt.ico-2::before {
  background: url("../img/icon/ic-freechannel.svg") 0 0/100% no-repeat;
}
.cont_acco-ico-txt.ico-3::before {
  background: url("../img/icon/ic-contentsupdate.svg") 0 0/100% no-repeat;
}
.cont_acco-ico-txt.ico-4::before {
  background: url("../img/icon/ic-channelbtn.svg") 0 0/100% no-repeat;
}

.playz_app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  background: #f2f2f2;
  margin-top: 60px;
}
.playz_app img {
  width: 80px;
  height: 80px;
}
.playz_app .playz_app-con {
  padding-left: 40px;
}
.playz_app .playz_app-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.playz_app .playz_app-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-top: 10px;
}

.cont_acco-wrap + .sm-guidedown-box {
  margin-top: 90px;
}

.sm-guidedown-box.page .butn {
  margin-top: 20px;
}

.channal_one_tab-wrap .d-one_tab-item {
  padding-top: 20px;
}

.channal_tab-wrap .detail_tab-cont {
  padding-top: 20px;
}

.day-info-wrap {
  width: 368px;
  height: 84px;
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.day-info-wrap + .detail_tab-wrap {
  margin-top: 0;
}
.day-info-wrap + .detail_tab-wrap .detail-tab_link.left .tab_link-btn {
  margin: 0;
}

.day-info-prev {
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic_arrow_right2.svg") center/100% no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.day-info-next {
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic_arrow_right2.svg") center/100% no-repeat;
}

.day-info-date {
  font-size: 40px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: -1px;
  text-align: center;
}

.day-info-day {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
  text-align: center;
}

.channal-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 4.4444444444vw;
}

.channal-list-item-wrap:nth-of-type(1) {
  margin-top: 0;
}
.channal-list-item-wrap.live {
  overflow: hidden;
}
.channal-list-item-wrap.live:before {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  width: 1319px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  content: "ON AIR";
  height: 40px;
  background-color: #3617ce;
  color: #ffffff;
  font-weight: 700;
  border: 2px solid #3617ce;
  border-bottom: 0;
}
.channal-list-item-wrap.live .channal-list-item {
  border: 0;
}
.channal-list-item-wrap.live .channal-list-time {
  border-left: 2px solid #3617ce;
  border-bottom: 2px solid #3617ce;
  color: #3617ce;
}
.channal-list-item-wrap.live .channal-list-program_info {
  border-right: 2px solid #3617ce;
  border-bottom: 2px solid #3617ce;
}
.channal-list-item-wrap.live .channal-list-program_name {
  font-weight: 700;
  color: #000000;
}
.channal-list-item-wrap.title .channal-list-item {
  background-color: #f2f2f2;
  border-top: 2px solid #000000;
}
.channal-list-item-wrap.title .channal-list-time {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.channal-list-item-wrap.title .channal-list-program_info {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.channal-list-item-wrap.title .channal-list-program_name {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}

.channal-list-item {
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: #ffffff;
  border-bottom: 1px solid #e4e4e4;
}

.channal-list-time {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  border-right: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 264px;
  height: 100%;
  text-align: center;
}

.channal-list-program_info {
  width: 1055px;
  height: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.channal-list-program_name {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.channal-list-program_rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.channal-list-program_rate .rate {
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #ffffff;
  margin-left: 10px;
}
.channal-list-program_rate .rate::before {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.channal-list-program_rate .rate.rate-1:before {
  content: "수";
  background-color: #797979;
}
.channal-list-program_rate .rate.rate-2:before {
  content: "자";
  background-color: #797979;
}
.channal-list-program_rate .rate.rate-3:before {
  content: "혜";
  background-color: #797979;
}
.channal-list-program_rate .rate.rate-4:before {
  content: "12";
  background-color: #e9b630;
}
.channal-list-program_rate .rate.rate-5:before {
  content: "15";
  background-color: #dd7430;
}
.channal-list-program_rate .rate.rate-6:before {
  content: "19";
  background-color: #d92b36;
}
.channal-list-program_rate .rate.rate-7:before {
  content: "N";
  background-color: #3617ce;
}

.reference-list-wrap {
  margin-top: 20px;
}

.reference-list {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-left: 12px;
  position: relative;
  margin-top: 10px;
}
.reference-list:before {
  content: "";
  background-color: #a9a9a9;
  position: absolute;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  top: 10px;
  left: 0;
}
.reference-list:nth-of-type(1) {
  margin-top: 0;
}
.reference-list .star {
  color:#ff9000;
}

.brodcast_rating-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 30px;
  border-radius: 12px;
  background-color: #f2f2f2;
  margin-top: 20px;
  margin-bottom: 60px;
}
.brodcast_rating-info + .table_wrap {
  margin-top: 100px;
}
.brodcast_rating-info.type-01 {
  padding-right: 16.6666666667vw;
  margin-bottom: 8.3333333333vw;
}
.brodcast_rating-info.type-01 .brodcast_rating-list {
  width: 28.8888888889vw;
}

.brodcast_rating-list {
  min-width: 120px;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 60px;
}
.brodcast_rating-list:before {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  width: 24px;
  height: 24px;
  font-weight: 500;
  color: #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 6px;
}
.brodcast_rating-list.rate-1::before {
  background-color: #797979;
  content: "수";
}
.brodcast_rating-list.rate-2::before {
  background-color: #797979;
  content: "자";
}
.brodcast_rating-list.rate-3::before {
  background-color: #797979;
  content: "해";
}
.brodcast_rating-list.rate-4::before {
  background-color: #e9b630;
  content: "12";
}
.brodcast_rating-list.rate-5::before {
  background-color: #dd7430;
  content: "15";
}
.brodcast_rating-list.rate-6::before {
  background-color: #d92b36;
  content: "19";
}
.brodcast_rating-list.rate-7::before {
  background-color: #303030;
  content: "";
}
.brodcast_rating-list.rate-8::before {
  background-color: #ff9710;
  content: "￦";
}
.brodcast_rating-list.rate-9::before {
  background-color: #3617ce;
  content: "U";
}

.pay_channal-input {
  margin-bottom: 8.3333333333vw;
}
.pay_channal-input + .detail_tab-wrap {
  margin-top: 0;
}

.channal_info-wrap {
  margin-top: 52px;
  border-top: 2px solid #000000;
}

.channal_info-list {
  padding: 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e4e4e4;
}

.channal_info-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 308px;
          flex: 0 0 308px;
  padding-left: 24px;
}

.channal_info-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.channal_info-item {
  width: 225px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 24px;
}
.channal_info-item:nth-child(4n) {
  margin-right: 0;
}
.channal_info-item:nth-child(n+5) {
  margin-top: 10px;
}
.channal_info-item a {
  /* width: 100%; */
  width: auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  position: relative;
  word-break: break-word;
}
.channal_info-item span {
  width: auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  position: relative;
  word-break: break-word;
}

.channal_badge_i {
  margin-left: 4px;
  vertical-align: sub;
  pointer-events: none;
}

.week-channal-table {
  position: relative;
}
.week-channal-table .week-channal-table-mark::before {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  position: absolute;
  content: "ON AIR";
  top: -40px;
  left: 120px;
  width: 172px;
  height: 40px;
  background-color: #3617ce;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 12px 12px 0 0;
}
.week-channal-table .week-channal-table-mark::after {
  position: absolute;
  content: "";
  top: 0;
  left: 120px;
  width: 172px;
  height: 100%;
  border: 2px solid #3617ce;
}
.week-channal-table tbody th {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  padding: 20px;
}
.week-channal-table tbody td {
  padding: 20px 10px;
}
.week-channal-table .date {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  color: #a9a9a9;
}
.week-channal-table .date.active {
  color: #000000;
}
.week-channal-table .day {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #a9a9a9;
}
.week-channal-table .day.active {
  color: #000000;
}
.week-channal-table dl {
  margin-top: 40px;
}
.week-channal-table dl:nth-of-type(1) {
  margin-top: 0;
}
.week-channal-table dt {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.week-channal-table dd {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 4px;
}

.section.bg-grayf2 {
  background-color: #f2f2f2;
  position: relative;
  padding-top: 8.3333333333vw;
}
.section.bg-grayf2 + .sm-banner-section {
  padding-top: 8.3333333333vw;
}

.tit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 6;
}
.tit-wrap.bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.tit-wrap.right-align {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tit-wrap.center-align {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.tit-wrap + .rate_plan-item-wrap {
  margin-top: 2.7777777778vw;
}
.tit-wrap + .product-slide-wrap, .tit-wrap + .rc-box-wrap, .tit-wrap + .btvcont-box {
  margin-top: 40px;
}
.tit-wrap + .tit-wrap, .tit-wrap + .halfcont {
  margin-top: 60px;
}
.tit-wrap.mt0 {
  margin-top: 0 !important;
}
.tit-wrap + .product-join-box {
  margin-top: 20px;
}
.tit-wrap + .sub-tit {
  margin-top: 120px;
}
.tit-wrap + .hits_sec1 {
  margin-top: 43px;
}
.tit-wrap.column {
  flex-direction: column;
}

.product-join-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rate_plan-item-swiper {
  padding: 0 24px;
  margin-right: -24px;
  margin-left: -24px;
}
.rate_plan-item-swiper .swiper-button-next:after,
.rate_plan-item-swiper .swiper-button-prev:after {
  content: "";
}
.rate_plan-item-swiper .swiper-button-next,
.rate_plan-item-swiper .swiper-button-prev {
  width: 32px;
  height: 32px;
  background: url("../img/icon/04-icon-etc-ic-arrow-circle.svg") center/100% no-repeat;
  margin-top: 0;
}
.rate_plan-item-swiper .swiper-button-next {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 8px;
}
.rate_plan-item-swiper .swiper-button-prev {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  left: 8px;
}
.rate_plan-item-swiper.case-01 {
  margin: 0 -24px;
}
/* .rate_plan-item-swiper.tooltip {
  padding-bottom: 505px;
  margin-bottom: -505px;
} */
.rate_plan-item-swiper.tooltip .swiper-button-next,
.rate_plan-item-swiper.tooltip .swiper-button-prev {
  top: 50%;
}

.rate_plan-item-wrap + .butn_wrap {
  margin-top: 4.4444444444vw;
}

.rate_plan-item {
  width: 312px;
  /* height: 440px; */
  padding: 30px 24px;
  background-color: #ffffff;
  border-radius: 32px;
  border: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rate_plan-item:last-child {
  margin-right: 0;
}
.rate_plan-item.case-01 {
  height: 380px;
}

.rate_plan-bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  height:100%;
}
/* .rate_plan-bot.case-01 {
  height: 120px;
} */
.rate_plan-bot.case-01::before {
  content:'';
  margin-top:auto;
  height: 100%;
}
.rate_plan-bot .rate_plan-subtit {
  position: relative;
  width:100%;
}
.rate_plan-bot .rate_plan-subtit + .rate_plan_price {
  margin-top:20px;
}
/* 230517 전화 부가서비스 요금카드섹션 수정 */
.rate_plan_pro {
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #000;
  text-align: center;
}
.rate_plan-bot.case-03 {
  height: 160px;
}
.rate_plan-bot.case-03 .rate_plan-subtit {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  bottom: 134px;
  width:100%;
}
.rate_plan-bot.case-03 ul.rate_plan_list {display: flex;}
.rate_plan-bot.case-03 ul li {flex-grow: 1;}
.rate_plan-bot.case-03 ul li + li {border-left:1px solid #e4e4e4;}
.rate_plan_list + .butn_wrap {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.rate_plan_list + .butn_wrap .butn.link {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 700;
  color: #000000;
}


.badge_wrap + .rate_plan-tit {
  margin-top: 12px;
}

.rate_plan_swiper {
  width: 984px;
}

.rate_plan-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  text-align: center;
  height: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  align-items: flex-start;
}
.rate_plan_channel {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* margin-top: 10px; */
}

.rate_plan-subtit {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  text-align: center;
}

.rate_plan-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 20px;
  text-align: center;
  height: 48px;
}
.rate_plan-txt + .rate_plan-category {
  margin-top: 23px;
}

.rate_plan-pack {
  display: inline-block;
  margin: 10px auto 0;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.3px;
  border: 1px solid #a9a9a9;
  border-radius: 6px;
  color: #303030;
}
.rate_plan-pack + .rate_plan_price {
  margin-top: 10px;
}

.rate_plan-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rate_plan-category + .rate_plan-category {
  margin-top: 4px;
}

.rate_plan-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.rate_plan-price {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.rate_plan_price {
  margin-bottom: auto;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #000000;
  text-align: center;
  white-space: nowrap;
}
.rate_plan_price .red {
  font-size: 32px;
  color: #ff404e;
  line-height: 32px;
  letter-spacing: -0.8px;
  margin-left: 2px;
  margin-right: 2px;
  font-weight: 700;
}
.rate_plan_price .blackthin {
  font-size: 24px;
  color: #000000;
  line-height: 32px;
  letter-spacing: -0.6px;
  margin-left: 2px;
  margin-right: 2px;
  font-weight: 400;
}
.rate_plan_price + .butn_wrap,
.rate_plan_price-wrap + .butn_wrap {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.rate_plan_price + .butn_wrap .butn.link,
.rate_plan_price-wrap + .butn_wrap .butn.link {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  font-weight: 700;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rate_plan_price-wrap + .butn_wrap .butn.link {
  font-size: 14px;
}
.rate_plan_price .txt6 {
  margin-top: 4px;
  display: block;
}

.pt-box {
  padding-top: 16.6666666667vw;
}

.product-slide-wrap {
  margin: 0 -60px;
  padding: 0 76px;
  overflow: hidden;
}
.product-slide-wrap::before, .product-slide-wrap::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 100%;
  background: #ffffff;
  position: absolute;
  top: 0;
  z-index: 5;
}
.product-slide-wrap::before {
  left: 0;
}
.product-slide-wrap::after {
  right: 0;
}
.product-slide-wrap.case-01 .product-slide {
  width: 38.8888888889vw;
}
.product-slide-wrap.case-01 .product-slide-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 5.5555555556vw;
  min-height: 27.7777777778vw;
}
.product-slide-wrap .swiper-button-prev,
.product-slide-wrap .swiper-button-next {
  width: 60px;
  height: 60px;
  background: url("../img/icon/ic-arrow-right.svg") center/100% no-repeat;
  margin-top: 0;
  top: 145px;
}
.product-slide-wrap .swiper-button-prev::after,
.product-slide-wrap .swiper-button-next::after {
  content: "";
}
.product-slide-wrap .swiper-button-prev {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.product-slide {
  width: 280px;
  height: 380px;
  margin-right: 56px;
  position: relative;
}
.product-slide::before {
  content: "";
  position: absolute;
  top: 0;
  right: -28px;
  width: 1px;
  height: 100%;
  background-color: #e4e4e4;
}
.product-slide:last-child {
  margin-right: 0;
}

.product-slide-box {
  display: block;
  padding: 4px 0 33px;
  height: 100%;
}

.product-slide-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  display: block;
}
.product-slide-tit + .product-slide-txt {
  margin-top: 10px;
}

.product-slide-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  text-align: center;
  line-height: 24px;
  min-height: 48px;
  letter-spacing: -0.4px;
  display: block;
}

.product-slide-img {
  width: 162px;
  border-radius: 50%;
  border: 1px solid #e4e4e4;
  margin: 20px auto;
  background-color: #ffffff;
  overflow: hidden;
}

.product-slide-price {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  text-align: center;
  display: block;
}
.product-slide-price b {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #000000;
  margin-left: 2px;
  margin-right: 2px;
}

.rc-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rc-box {
  width: 648px;
  height: 200px;
  border-radius: 32px;
  background-color: #f2f2f2;
}
.rc-box.smart-rm {
  background: url("../img/image/img_remocon.png") center/100% no-repeat #f2f2f2;
  background-size: 120px 120px;
  background-position: top 40px right 40px;
}
.rc-box.zempen {
  background: url("../img/image/img_zempen_bg.png") center/100% no-repeat #f2f2f2;
  background-size: 120px 120px;
  background-position: top 40px right 40px;
}
.rc-box.brn-watch {
  background: url("../img/image/ic_watch_brn.png") center/100% no-repeat #f2f2f2;
  background-size: 256px 160px;
  background-position: top 20px right 40px;
}
.rc-box.brn-locationmap {
  background: url("../img/image/ic_locationmap_brn.png") center/100% no-repeat #f2f2f2;
  background-size: 306px 124px;
  background-position: top 38px right 0;
}
.rc-box.brn-speed {
  background: url("../img/image/ic_speed_brn.png") center/100% no-repeat #f2f2f2;
  background-size: 144px 108px;
  background-position: top 46px right 56px;
}
.rc-box.brn-speed2 {
  background: url("../img/image/ic_speed_brn2.png") center/100% no-repeat #f2f2f2;
  background-size: 168px 126px;
  background-position: top 37px right 20px;
}
.rc-link-btn {
  width: 100%;
  height: 100%;
  padding: 40px;
  display: block;
}

.rc-tit {
  display: block;
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}

.rc-txt {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 4px;
}
.rc-link-btn.type2 .rc-tit {
  margin-top: 5px
}
.rc-link-btn.type2 .rc-txt {
  font-size: 18px;
  margin-top: 15px;
}

.rc-price {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  margin-top: 21px;
}
.rc-price b {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-right: 2px;
  margin-left: 2px;
}

/* 230512 B tv pop 서비스 안내 */ 
.btvpop-info-box-wrap {display:block; position: relative; padding:60px; background-color: #ffffff; border-radius: 32px; border: 1px solid #e4e4e4;}
.btvpop-info-tit {font-size: 48px; line-height: 68px; font-weight: 700; color: #000; letter-spacing: -1.2px;}
.btvpop-info-txt { font-size: 24px; line-height: 32px; font-weight: 500; color:#000; letter-spacing: -0.6px;}
.btvpop-info-tit + .btvpop-info-txt {margin-top:20px;}
.bg_btvpop_img {display:block; position: absolute; right:75px; top:66px;}
.btvpop-info-different {display:block; margin-top:98px; padding:60px 48px; background:#eaf6fe; border-radius: 32px; text-align: center;}
.btvpop-info-different-tit {font-size: 48px; line-height: 68px; font-weight: 700; color: #3617ce; letter-spacing: -1.2px;}
.btvpop-info-different-list {display: flex; margin-top:40px;}
.btvpop-info-different-list li {flex-grow: 1; width:275.5px; height: 128px; border-left:1px solid #e4e4e4; text-align: center;}
.btvpop-info-different-list li:first-child {border:0;}
.btvpop-info-different-list .num {display:inline-block; width: 65px; height:34px; background: #3617ce; font-size: 16px; line-height: 34px; letter-spacing: -0.4px; color: #fff; font-weight: 700; border-radius: 16px;}
.btvpop-info-different-list .txt {display:block; margin-top: 16px; font-size: 18px; line-height: 26px; letter-spacing: -0.45px; font-weight: normal; color: #000;}
.btn_btvpop_detail {width:100%; margin-top:50px; text-align:center;}
.btn_btvpop_detail .butn.link {font-size:20px; font-weight:700;}
.btn_btvpop_detail .butn.link:after {width:24px; height:24px;}

.btvcont-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -24px;
}
.btvcont-box.reverse .btvcont-item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 30px;
}
.btvcont-box.reverse .btvcont-imgbox {
  margin-right: 0;
}
.btvcont-box.reverse .btvcont-item-txt {
  margin-top: 12px;
}
.btvcont-item {
  width: 424px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 40px;
  margin-right: 24px;
  border-radius: 32px;
  border: 1px solid #e4e4e4;
}

.btvcont-imgbox {
  width: 120px;
  height: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  margin-right: 40px;
}

.btvcont-item-name {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  text-align: left;
}

.btvcont-item-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  font-weight: 400;
  margin-top: 4px;
}

/* 230524 b tv pop 서브메인 */
.btvpop_submain_wrap {position: relative; margin-top:40px; background:#3617ce; border-radius: 32px; text-align:center;}
.btvpop_submain_wrap .btv_logo_img {position: absolute; left:40px; top:36px;}
.btvpop_submain_wrap .btvpop_video {width: 100%;}
.btvpop_video .inner_video{margin: 0 auto; width: 1096px;}
.btvpop_video .video {width: 1096px; height: 615px; border-radius: 32px; background: #3617ce;}
.btvpop_submain_wrap .btvpop_txt {position: relative; padding:40px 0 105px 0;}
.btvpop_submain_wrap .btvpop_txt .txt01 {font-size: 24px; line-height: 32px; letter-spacing: -0.6px; font-weight: 400; color:#fff;}
.btvpop_submain_wrap .btvpop_txt .txt01 .sup {margin-top:4px; font-size: 12px;}  /* 230530 위 첨자로 수정 */
.btvpop_submain_wrap .btvpop_txt .txt02 {margin-top: 9px; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.4px; color: #fff; opacity: 0.64;}

.btvpop_fare_wrap {display: block; position: relative; text-align: center;}
.btvpop_fare_wrap .title_h3 {color:#000;}
.btvpop_fare_wrap .btvpop_fare_txt {margin-top: 7px; font-size: 24px; line-height: 32px; letter-spacing: -0.25px; font-weight: 400; color:#707070;}
.btvpop_fare_wrap .btvpop_fare_txt .sup {margin-top:4px; font-size: 12px;}  /* 230530 위 첨자로 수정 */
.btvpop_fare_wrap .btvpop_fare_img {margin-top:52px;}
.btvpop_fare_wrap .btvpop_fare_txt02 {margin-top: 47px; font-size: 24px; line-height: 32px; letter-spacing: -0.25px; font-weight: 400; color:#797979;}
.black_color {color:#000;}
.btvpop_fare_wrap a.link {display:block; overflow: hidden; border-radius: 30px;}
.btvpop_selection_reason_wrap {margin-top: 60px;}
.btvpop_selection_reason_wrap .btvpop_selection_reason-con {display: flex; align-items: center; height: 345px; text-align: left;}
.btvpop_selection_reason_wrap .btvpop_selection_reason-con + .btvpop_selection_reason-con {margin-top:40px;}
.btvpop_selection_reason_wrap .btvpop_selection_reason-con.right {padding-left:719px;}
.btvpop_selection_reason_wrap .btvpop_selection_reason-tit {font-size: 30px; line-height: 42px; letter-spacing: -0.25px; font-weight: 700; color:#3617cd;}
.btvpop_selection_reason_wrap .btvpop_selection_reason-txt {margin-top:16px; font-size: 16px; line-height: 24px; letter-spacing: -0.25px; font-weight: 400; color:#797979;}
.btvpop_selection_reason_wrap .no01 {background: url("../img/image/img_btvpop_selection_reason01.png") right top no-repeat;}
.btvpop_selection_reason_wrap .no02 {background: url("../img/image/img_btvpop_selection_reason02.png") left top no-repeat;}
.btvpop_selection_reason_wrap .no03 {background: url("../img/image/img_btvpop_selection_reason03.png") right top no-repeat;}
.btvpop_selection_reason_wrap .no04 {background: url("../img/image/img_btvpop_selection_reason04.png") left top no-repeat;}
.btvpop_selection_reason_wrap .no05 {background: url("../img/image/img_btvpop_selection_reason05.png") right top no-repeat;}
.btvpop_best-choice {margin-top: 60px;}
.btvpop_best-choice.mt80 {margin-top: 80px;}
.btvpop_best-choice-txt {margin-top: 40px; font-size: 18px; line-height: 26px; letter-spacing: -0.25px; font-weight: 400; color:#797979; text-align: center;}


.banner-txtbox + .banner-txtbox {
  margin-top: 30px;
}

.banner-eventbox .link_item {
  display: block;
}
.imgbox-round img {
  border-radius: 12px;
}

.banner-item {
  width: 100%;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 80px;
  border-radius: 12px;
  position: relative;
  background-color: #f2f2f2;
}
.banner-item.bg-01 {
  background: url("../img/image/ic_locationmap1.png") no-repeat, url("../img/image/ic_locationmap2.png") no-repeat, url("../img/image/map.png") no-repeat #f2f2f2;
  background-size: 49px, 34px, 509px;
  background-position: top 65px right 306px, top 25px right 131px, top -30px right -8px;
}
.banner-item .img-bg {
  position: absolute;
  top: -40px;
  right: 120px;
}

.banner-item-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}

.banner-item-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  margin-left: 20px;
}

.sm-cont-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  font-weight: 700;
  text-align: left;
  color: #303030;
}
.sm-cont-tit + .sm-cont-txt {
  margin-top: 3px;
}
.sm-cont-tit + .faq-wrap.case-01 {
  margin-top: 24px;
}
.sm-cont-tit + .sm-cont-item-wrap, .sm-cont-tit + .tariff-table, .sm-cont-tit + .sm-modal-case {
  margin-top: 30px;
}
.sm-cont-tit + .img-cont-box {
  margin-top: 30px;
}
.sm-cont-tit.txt-c {
  text-align: center;
}
.sm-cont-tit + .cont-ex-wrap {
  margin-top: 17px;
}
.sm-cont-tit + .sm-cont-box {
  margin-top: 20px;
}
.sm-cont-tit + .attribute-cont {
  margin-top: 30px;
}
.sm-cont-tit + .sm-cont-subtxt {
  margin-top: 10px;
}

.sm-cont-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  text-align: left;
}
.sm-cont-txt.txt-c {
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.sm-cont-txt + .thumnail_slide-wrap {
  margin-top: 40px;
}
.sm-cont-txt + .modal-subt {
  margin-top: 10px;
}
.sm-cont-txt + .popup-inner-subtit.case-01 {
  margin-top: 10px;
}
.sm-cont-txt + .img-cont-box {
  margin-top: 40px;
}

.sm-cont-subtit {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  text-align: left;
  color: #303030;
}

.modal.pull .sm-cont-butn_wrap + .sm-cont-tit {
  margin-top: 40px;
}
.modal.pull .sm-cont-butn_wrap.butn_wrap {
  padding-top: 30px;
}
.modal.pull .sm-cont-butn_wrap.butn_wrap .butn.link {
  font-weight: 500;
}
.modal.pull .sm-guidedown-header .butn_wrap {
  padding: 0;
  margin-top: 20px;
}
.modal.pull .sm-guidedown-header .butn_wrap .butn {
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  padding: 0 20px;
}
.modal.pull .sm-guidedown-header .butn_wrap .medium.butn {
  line-height: 40px;
}
.modal.pull .img-cont-box .butn_wrap {
  padding: 0;
  width: auto;
}
.modal.pull .img-cont-box .butn_wrap .butn.link {
  font-weight: 700;
}
.modal.pull .sm-cont-item-wrap .butn_wrap {
  padding: 10px 0 0;
}
.modal.pull .input_box.sm-modal-case {
  margin-bottom: 8.3333333333vw;
}
.modal.pull .input_box.sm-modal-case .label {
  text-align: left;
  padding-bottom: 5vw;
}

.sm-guidedown-box {
  margin-top: 60px;
  height: 160px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  padding: 0 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sm-guidedown-box.case-01 {
  padding-right: 80px;
}

.sm-guidedown-header {
  position: relative;
}

.sm-guidedown-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 700;
  text-align: left;
}

.sm-cont-info_box {
  margin: 60px 0 0;
  text-align: left;
}

.sm-cont-infobox {
  padding: 40px;
  background-color: #f2f2f2;
  border-radius: 12px;
}
.sm-cont-infobox .sm-cont-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.sm-cont-infobox + .sm-cont-tit {
  margin-top: 60px;
}

.sm-cont-info {
  margin-top: 18px;
}
.sm-cont-info.circle .sm-cont-info-list {
  padding-left: 12px;
  position: relative;
}
.sm-cont-info.circle .sm-cont-info-list::before {
  position: absolute;
  top: 12px;
  left: 0;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 50%;
  background-color: #797979;
}
.sm-cont-info + .sm-cont-tit {
  margin-top: 40px;
}
.sm-cont-info + .img-cont-box {
  margin-top: 6.6666666667vw;
}
.sm-cont-info &gt; .sm-cont-subtit {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 700;
}
.sm-cont-info + .thumnail_slide-wrap {
  margin-top: 8.3333333333vw;
}

.sm-cont-info-list {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  text-align: left;
}
.sm-cont-info-list + .sm-cont-info-list {
  margin-top: 10px;
}

.sm-cont-imgbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 60px;
  margin-right: -26px;
  margin-bottom: -40px;
}
.sm-cont-imgbox .img-cont-box {
  width: 424px;
  margin-right: 26px;
  margin-bottom: 40px;
}
.sm-cont-imgbox + .butn_wrap {
  padding-top: 30px;
}
.sm-cont-imgbox + .butn_wrap .butn.link {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.sm-cont-imgbox + .sm-cont-infobox {
  margin-top: 60px;
}

.img-cont-box img {
  border-radius: 12px;
}
.img-cont-box &gt; .tit-wrap {
  margin-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.img-cont-box + .sm-cont-tit {
  margin-top: 30px;
}
.img-cont-box &gt; .sm-cont-tit {
  margin-bottom: 30px;
}
.img-cont-box.case-01, .img-cont-box + .info_box {
  margin-top: 60px;
}
.img-cont-box + .info_box-list.acdArea {
  margin-top: 60px;
  border-top: 1px solid #e4e4e4;
}
.img-cont-box + .info_box-list .info_box.acdArea + .info_box.acdArea {
  margin-top: 0;
}
.img-cont-box + .sub-tit {
  margin-top: 120px;
}
.img-cont-box.none-br img {
  border-radius: 0;
}

.img-cont-txt {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.thumnail_slide-wrap {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.thumnail_slide-wrap .swiper-button-prev,
.thumnail_slide-wrap .swiper-button-next {
  width: 140px;
  height: 32px;
  margin-top: 0;
  background-color: #ffffff;
  left: auto;
  right: 0;
}
.thumnail_slide-wrap .swiper-button-next {
  top: auto;
  bottom: 0px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.thumnail_slide-wrap .swiper-button-prev {
  top: 0;
}
.thumnail_slide-wrap .swiper-button-next:after,
.thumnail_slide-wrap .swiper-button-prev:after {
  content: "";
  background: url("../img/icon/ic-arrow-accordion.svg") center/100% no-repeat;
  width: 32px;
  height: 32px;
}

.thumnail_slide {
  width: 720px;
  margin-left: 0;
  border-radius: 12px;
}
.thumnail_slide .swiper-slide {
  width: 100%;
  height: 414px;
  border-radius: 12px;
  overflow: hidden;
  background: #e4e4e4;
}

.thumnail_slide_list {
  width: 140px;
  height: 411px;
  padding: 38px 0;
  overflow: hidden;
  margin-right: 0;
}
.thumnail_slide_list .swiper-slide {
  width: 100%;
  height: 105px;
  margin-bottom: 10px;
  border-radius: 6px;
  overflow: hidden;
  background: #e4e4e4;
}
.thumnail_slide_list .swiper-slide button {
 outline-offset: -2px;
}
.thumnail_slide_list .swiper-slide img {
  width: 100%;
}
.thumnail_slide_list .swiper-slide:last-child {
  margin-bottom: 0;
}
.thumnail_slide_list .swiper-slide.swiper-slide-thumb-active {
  border: 2px solid #3617ce;
}

.thumnail_slide_txt-wrap {
  width: 100%;
  margin-top: 40px;
}
.thumnail_slide_txt-wrap + .thumnail_slide-wrap {
  margin-top: 40px;
}

.thumnail_slide_tit {
  width: 100%;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  text-align: center;
}

.thumnail_slide_subtit {
  width: 100%;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  text-align: center;
  margin-top: 20px;
  color: #797979;
}

.sm-product-info_box {
  margin-top: 30px;
}
.sm-product-info_box .table_wrap {
  margin-bottom: 0;
}
.sm-product-info_box .info_tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  padding: 30px 0;
}
.sm-product-info_box .info_tit.active {
  border-bottom: 0;
}
.sm-product-info_box .info_panel {
  padding: 0 0 40px;
  border-bottom: 1px solid #e4e4e4;
}
/* 240703 페이지 하단 이용요금/유의사항 아코디언 영역 개선 건 */ 
.sm-product-info_box .info_panel.acdCont.scrollBar {height: 600px !important;}
.sm-product-info_box.info_box .info_tit:after {
  width: 32px;
  height: 32px;
  background: url("../img/icon/ic-arrow-accordion.svg") center/cover no-repeat;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.sm-product-info_box.info_box .info_tit.active:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.sm-product-info_box .sm-product-name {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-bottom: 20px;
}
.sm-product-info_box .link {
  color:#000;
  text-decoration: underline;
}
.sm-product-info_table ~ .sm-product-info_table {
  margin-top: 8.3333333333vw;
}
.sm-product-info_table &gt; .sm-cont-tit {
  margin-bottom: 2.7777777778vw;
}

.modal-subt + .faq-wrap.case-01 {
  margin-top: 35px;
}

.faq-wrap.case-01 .info_tit {
  padding: 30px 0;
  padding-left: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.faq-wrap.case-01 .info_tit.active {
  border-bottom: 0;
}
.faq-wrap.case-01 .info_tit.active::after {
  -webkit-transform: translateY(0) rotate(180deg);
          transform: translateY(0) rotate(180deg);
}
.faq-wrap.case-01 .info_tit::after {
  top: 38px;
}
.faq-wrap.case-01 .info_panel {
  padding: 0 0 50px;
}
.faq-wrap.case-01 .table_wrap + .sm-cont-txt {
  margin-top: 24px;
}
.faq-wrap.case-01 .table_wrap + .sm-cont-txt + .sm-cont-txt {
  margin-top: 4px;
}
.faq-wrap.case-01 .sm-cont-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
}
.faq-wrap.case-01 .txt-box {
  margin-left: 7px;
}
.faq-wrap.case-01 .badge_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.faq-wrap.case-01 .badge_wrap .badge {
  width: 90px;
  text-align: center;
  margin-right: 0;
  margin-bottom: 6px;
}
.faq-wrap.case-01 .badge_wrap .badge:last-child {
  margin-bottom: 0;
}

.sm-cont-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
  margin-right: -19px;
}
.sm-cont-item-wrap .butn.link {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sm-cont-item-wrap + .sm-cont-tit {
  margin-top: 60px;
}

.sm-cont-item {
  width: 206px;
  height: auto;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  padding: 30px 0;
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sm-cont-item-imgbox {
  width: 146px;
  margin: 0 auto;
}

.tariff-table.case-01 table {
  width: 113.3333333333vw;
}
.tariff-table.case-02 table {
  width: 130vw;
}
.tariff-table + .sm-cont-tit {
  margin-top: 8.3333333333vw;
}
.tariff-table + .tariff-table {
  margin-top: 5.5555555556vw;
}

.table_section + .sm-cont-tit {
  margin-top: 8.3333333333vw;
}
.table_section + .info_box {
  margin-top: 60px;
}

.tab-sm2 .page_tab-cont {
  background-color: #f2f2f2;
}

.main-tit {
  font-size: 90px;
  line-height: 120px;
  font-weight: 700;
  letter-spacing: -2.25px;
  text-align: center;
}
.main-tit + .sub-txt {
  margin-top: 20px;
  text-align: center;
}
.main-tit + .img-cont-box {
  margin-top: 8.3333333333vw;
}

.sub-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.sub-tit + .sub-txt {
  margin-top: 20px;
}
.sub-tit.blue {
  color: #3617ce;
}
.sub-tit + .img-cont-box {
  margin-top: 30px;
}
.sub-tit + .title_s2 {
  margin-top: 20px;
}

.title_s2 + .sub-txt {
  margin-top: 10px;
}

.sub-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.sub-txt b {
  color: #000000;
  text-decoration: underline;
}
.sub-txt + .img-cont-box {
  margin-top: 30px;
}
.sub-txt + .title_s2 {
  margin-top: 20px;
}

.btv-cont-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.btv-cont-txt + .butn_wrap {
  margin-top: 6.6666666667vw;
}

.vod_slide_wrap {
  margin: 6.6666666667vw -4.4444444444vw 0;
  padding-left: 4.4444444444vw;
}
.vod_slide_wrap .swiper-slide {
  width: 33.3333333333vw;
  margin-right: 4.4444444444vw;
}

.vod_mainslide_wrap {
  padding: 0;
  margin: 6.6666666667vw -4.4444444444vw 0;
}
.vod_mainslide_wrap .swiper-slide {
  width: 46.1111111111vw;
  margin-right: 4.4444444444vw;
}
.vod_mainslide_wrap .butn.link {
  display: inline-block;
  font-weight: 500;
  margin-top: 6.6666666667vw;
}
.vod_mainslide_wrap .swiper-control {
  background: url("../img/icon/ic_pause.svg") 0 0/100%;
  height: 5.5555555556vw;
  margin-left: 0.8333333333vw;
  position: relative;
  width: 5.5555555556vw;
}
.vod_mainslide_wrap .swiper-control.stop {
  background: url("../img/icon/ic_play.svg") 0 0/100%;
}
.vod_mainslide_wrap .swiper-pagination {
  position: static;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.vod_mainslide_wrap .swiper-pagination-bullet {
  background: #c1c1c1;
  height: 2.7777777778vw;
  opacity: 1;
  width: 2.7777777778vw;
}
.vod_mainslide_wrap .swiper-pagination-bullet-active {
  background: #3617ce;
  border-radius: 1.3888888889vw;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 7.2222222222vw;
}
.vod_mainslide_wrap .swiper-horizontal &gt; .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.8333333333vw;
}
.vod_mainslide_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.8333333333vw;
}
.vod_mainslide_wrap .swiper-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4.4444444444vw;
}

.hits_sec1 + .butn_wrap {
  margin-top: 25px;
}
.hits_sec1 + .butn_wrap .butn ~ .butn {
  margin-left: 20px;
}
.hits_sec1 .hits_sec1-item.oceanmonth {
  height: 384px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hits_sec1 .hits_sec1-item.oceanmonth .txt6 {
  padding-top: 20px;
  max-width: 100%;
}
.hits_sec1 .hits_sec1-item .tit-img {
  width: 240px;
}
.hits_sec1 .hits_sec1-item .cont-img {
  width: 180px;
  margin-top: 20px;
}
.hits_sec1.nowrap {
  flex-wrap: nowrap;
}
.hits_sec1.nowrap .hits_sec1-item.oceanmonth {
  width: 100%;
}
.btv_butn_wrap {
  margin-top: 8.3333333333vw;
}
.btv_butn_wrap .butn ~ .butn {
  margin-left: 0;
  margin-top: 8.3333333333vw;
}

.top-cont-wrap {
  position: relative;
  width: 100%;
  height: 520px;
}

.top-cont-img {
  position: absolute;
}

.top-cont-item {
  position: absolute;
  top: 130px;
  left: 80px;
}

.top-cont-titimg {
  width: 38.0555555556vw;
}

.top-cont-tit {
  font-size: 64px;
  line-height: 84px;
  font-weight: 700;
  letter-spacing: -1.6px;
  color: #ffffff;
}

.top-cont-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 400;
  color: #ffffff;
  margin-top: 20px;
}

.section .info_box.btv_info_box {
  margin-top: 30px;
}
.section .info_box.btv_info_box .img-cont-box + .sm-cont-tit {
  margin-top: 24px;
}
.section .info_box.btv_info_box .sm-cont-tit + .sm-cont-txt,
.section .info_box.btv_info_box .sm-cont-txt + .sm-cont-txt {
  margin-top: 8px;
}
.counsel_btn_wrap {
  display:flex;
  align-items: center;
  justify-content: center;
}

.counsel_btn_wrap .counsel {
  display: flex;
  align-items: center;
  justify-content: center;
  position:relative;
  min-width:240px;
  height:64px;
  border: 1px solid #3617ce;
  border-radius: 6px;
  font-size:22px;
  font-weight: 500;
}

.counsel_btn_wrap .counsel + .counsel {
  margin-left: 12px;
}

.counsel_btn_wrap .counsel.call {
  background-color:#3617ce;
  color:#fff;
}

.counsel_btn_wrap .counsel.call &gt; a:hover {
  color:#fff;
}

.counsel_btn_wrap .counsel.tel {
  color:#3617ce;
  user-select:none;
}

.counsel_btn_wrap .counsel.tel::before {
  content:'';
  position:relative;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  background:url('../img/icon/icon_counsel_headset_02.svg') 0 0 no-repeat;
  background-size: 100%;
}

.counsel_btn_wrap .counsel .btn::after {
  content:'';
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
}

.qr-wrap {
  margin-top: 60px;
}

.qr-img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.qr-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
}

.qr-subtit {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
  margin-top: 6px;
  text-align: center;
}

.qr-desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  text-align: center;
  padding: 0 14px;
}

.attribute-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 11px;
}
.attribute-cont .attribute-cont-box {
  width: 232px;
  position: relative;
}
.attribute-cont .attribute-cont-box::before {
  width: 1px;
  height: calc(100% - 10px);
  background-color: #e4e4e4;
  position: absolute;
  content: "";
  top: 0;
  left: -40px;
}
.attribute-cont .attribute-cont-img {
  width: 80px;
  margin: 0 auto 20px;
}
.attribute-cont .sm-cont-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  text-align: center;
}
.attribute-cont + .sm-product-info_box {
  margin-top: 60px;
}

.cont-ex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cont-ex-imgbox {
  margin-right: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 362px;
          flex: 0 0 362px;
}

.cont-ex-txt-list {
  margin-bottom: 20px;
}

.cont-ex-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}

.cont-ex-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-left: 20px;
  word-break: break-all;
}

.serviceinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.serviceinfo .butn_wrap {
  margin-top: 24px;
}

.serviceinfo-item {
  width: 50%;
  height: 378px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
}
.serviceinfo-item:nth-of-type(1) {
  border-right: 1px solid #e4e4e4;
}

.serviceinfo-item-img {
  width: 160px;
}

.serviceinfo-item-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-top: 28px;
}

.serviceinfo-item-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 10px;
  text-align: center;
}
.serviceinfo-item-txt .black {
  color: #000000;
}

.serviceinfo-box {
  height: 268px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 60px 0 80px;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
}

.serviceinfo-box-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-bottom: 20px;
}

.serviceinfo-box-desc {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  margin-bottom: 10px;
}

.serviceinfo-box-disclaimer {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.serviceinfo-box-disclaimer.txt-c {
  text-align: center;
}

.serviceinfo-imgbox {
  width: 160px;
  margin: 0 auto 4px;
}

.halfcont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.halfcont + .halfcont {
  margin-top: 30px;
}

.halfcont-txt-box {
  width: 600px;
}

.halfcont-img-box {
  width: 600px;
}
/* 240111 css 추가 */
.halfcont.graybox_type {
  padding: 0 100px;
  border-radius: 32px;
  background-color:#f2f2f2;
}
.halfcont.graybox_type .halfcont-txt-box {
  width: 500px;
}
.halfcont.graybox_type .halfcont-img-box {
  width: auto;
}
.halfcont.graybox_type + .halfcont.graybox_type {
  margin-top: 60px;
}
.halfcont.line-type {
  text-align: center;
}
.halfcont.line-type + .halfcont.line-type {
  margin-top:60px;
}
.halfcont.line-type .halfcont-box {
  position: relative;
}
.halfcont.line-type .halfcont-box + .halfcont-box::before {
  content:'';
  position:absolute;
  top:50%;
  left:0;
  width:1px;
  height: 300px;
  background-color: #c1c1c1;
  transform: translateY(-50%);
}
.halfcont.line-type .halfcont-box img + .sub-txt {
  margin-top: 16px;
}
.section.graybox_type {
  padding: 60px;
  border-radius: 32px;
  background-color:#f2f2f2;
}
.section.graybox_type .halfcont + .halfcont {
  margin-top: 60px;
}
.section.graybox_type .halfcont-txt-box {
  width: 540px;
}
/* //240111 css 추가 */
.area-search_wrap {
  margin: 60px 0 80px;
}
.area-search_wrap .label {
  padding-bottom: 0;
  margin-right: 20px;
}
.area-search_wrap .input_list {
  width: auto;
}
.area-search_wrap .input_box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.area-search_wrap .input_inner {
  width: auto;
}
.area-search_wrap .search_box {
  width: 320px;
}
.area-search_wrap .search_box input[type=search] {
  height: 60px;
  background-color: #f2f2f2;
  border-radius: 30px;
  padding: 10px 40px;
}
.area-search_wrap .search_box .search_btn {
  opacity: 0.3;
}
.area-search_wrap.align-left .input_box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.input_box + .tit-wrap {
  margin-top: 30px;
  margin-bottom: 10px;
}
.input_box.half .input_inner.case-01 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 8px;
}

.modal-content.case-01 {
  padding: 60px 74px 40px 80px;
}
.modal-content.case-01 .modal-title {
  font-size: 64px;
  line-height: 84px;
  font-weight: 700;
  letter-spacing: -1.6px;
  text-align: center;
}

.info_box.popup_accordion .info_tit, 
.info_box.popup_accordion .info_tit_02 {
  margin-top: 0;
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.info_box.popup_accordion .info_panel {
  background-color: #ffffff;
  padding: 30px 0;
}

.table_info-box + .table_info-box {
  margin-top: 40px;
}

.info_txt-tit.mb-10 {
  margin-bottom: 10px;
}
.info_txt-tit.mb-10 ~ .info_txt-list {
  padding-bottom: 30px;
}
.info_txt-tit.mb-10 ~ .info_txt-list:last-child {
  padding-bottom: 40px;
}
.info_txt-list + .info_txt-tit {
  margin-top:20px;
}

.table_section .subtxt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-left: 15px;
  margin-top: 20px;
  position: relative;
}
.table_section .subtxt::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}

.info_box .table_info-box .info_txt-list.hyphen .info_txt-item + .info_txt-item {
  margin-top: 10px;
}

.caption_txt-wrap {
  padding-top: 20px;
}
.caption_txt-wrap.none_table {
  padding-top: 10px;
}

.caption_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.caption_txt.sub {
  padding-left:12px;
}
.caption_txt + .caption_txt {
  margin-top: 10px;
}
.caption_txt.circle {
  padding-left: 12px;
  position: relative;
}
.caption_txt.circle::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 11px;
  background-color: #797979;
}

.select_search_box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 30px;
}
.select_search_box-wrap .search_box {
  width: 500px;
}

.select_search_label {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  margin-right: 20px;
}

.table_section .table_sub_tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  margin-bottom: 10px;
}
.table_section .table_sub_tit.right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.table_subt {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.table_subt + table {
  margin-top: 10px;
}

.table_wrap + .price_info-box {
  padding-top: 20px;
}

.section_sub_title {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.table_section .table_wrap + .table_wrap {
  margin-top: 40px;
}

.price_info-box + .price_info-box {
  padding-top: 20px;
}

.info_box-top-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  padding: 22px 20px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}

/* common */
.table_section + .info_txt-list {
  padding-top: 20px;
}
.table_section + .info_txt-tit {
  padding-top: 20px;
}
.table_section + .info_box.after_table {
  margin-top: 60px;
}

.info_box.divided_info .info_tit {
  border-top: 0;
}

.info_txt-item .black {
  display: block;
  color: #000000;
}

.table_wrap.col_table tbody th {
  background: #f2f2f2;
  text-align: center;
}

.search_result_btn {
  background: url(../img/icon/ic_header_search.svg) center center/100% no-repeat;
  display: inline-block;
  font-size: 0;
  width: 40px;
  height: 40px;
}

.search_location-tit {
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  margin-right: 20px;
}

.search_location-wrap {
  position: relative;
  text-align: center;
}
.search_location-wrap .input_inner {
  width: auto;
}
.search_location-wrap + .company_intro-tit {
  padding-top: 80px;
}

.company_intro-tit.type-03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.company_intro-tit.type-03 .point200 {
  color: #3617ce;
  margin-right: 8px;
}
.company_intro-tit.type-03 .butn_wrap {
  margin-left: auto;
}

.question_type-box.case02 .question_type-item .question_type-btn {
  display: block;
  padding: 14px 20px;
}
.question_type-box.case02 .question_type-item .question_type-btn .question_type-sub {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.question_type-box.case02 .question_type-item.active .question_type-sub {
  color: #ffffff;
}

.question_type-cont {
  display: none;
}
.question_type-cont.active {
  display: block;
}

.rate_plan-item-wrap.case02 .rate_plan-item {
  height: auto;
  padding: 60px 24px 30px;
}
.rate_plan-item-wrap.case02 .rate_plan-top .rate_plan-tit {
  margin-top: 0;
}
.rate_plan-item-wrap.case02 .rate_plan-top .rate_plan-tit + .rate_plan-txt {
  margin-top: 20px;
}
.rate_plan-item-wrap.case02 .rate_plan-top + .rate-plan-bot {
  padding-top: 40px;
}
.rate_plan-item-wrap.case02 .rate_plan-top .rate_plan-txt {
  margin-top: 0;
}
.rate_plan-item-wrap.case02 .rate_plan_price + .rate_plan_caption {
  padding-top: 3px;
}
.rate_plan-item-wrap.case02 .rate_plan_caption {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  text-align: center;
}
.product-join-box .rate_plan-item .badge_wrap {
  position: absolute; 
  top: 24px;
  left: 24px;
} 
.rc-box-wrap + .banner-txtbox {
  margin-top: 120px;
}
.rc-box-wrap.bg_white .rc-box {
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
}
.rc-box-wrap.bg_white .rc-box.wifi_phone {
  background: url(../img/image/internetcall-wifiphone.png) center/100% no-repeat;
  background-size: 120px 120px;
  background-position: top 40px right 40px;
}
.rc-box-wrap.bg_white .rc-box.phone_modem {
  background: url(../img/image/internetcall-phonemodem.png) center/100% no-repeat;
  background-size: 120px 120px;
  background-position: top 40px right 40px;
}

.modal-title .caption {
  padding-left: 16px;
}

.table_wrap &gt; .table-title {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
}
.table_wrap &gt; .table-title + table {
  margin-top: 20px;
}
.table_wrap &gt; .table-title + .table-txt {
  margin: 10px 0 30px;
}
.table_wrap &gt; .table-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.table_wrap.t_center tbody td, 
.table_wrap.t_center tbody th, 
.table_wrap.t_center thead td, 
.table_wrap.t_center thead th {
  text-align: center;
}

.butn.ml_20 {
  margin-left: 20px !important;
}

.product-join-box {
  position: relative;
  z-index: 2;
}

.rate_plan-item-swiper.four_views {
  padding: 0 24px;
}
.rate_plan-item-swiper.four_views .swiper-button-next {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.rate_plan-item-swiper.four_views .swiper-button-prev {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
  left: 0px;
}
.rate_plan-item-swiper + .rate_plan_btn-wrap .swiper-button-next {
  position: absolute;
  width: 32px;
  right: -16px;
}
.rate_plan-item-swiper + .rate_plan_btn-wrap .swiper-button-next::after {
  content: "";
  width: 32px;
  height: 32px;
  background: url("../img/icon/04-icon-etc-ic-arrow-circle.svg") center/100% no-repeat;
}
.rate_plan-item-swiper + .rate_plan_btn-wrap .swiper-button-prev {
  position: absolute;
  width: 32px;
  left: -16px;
}
.rate_plan-item-swiper + .rate_plan_btn-wrap .swiper-button-prev::after {
  content: "";
  width: 32px;
  height: 32px;
  background: url("../img/icon/04-icon-etc-ic-arrow-circle.svg") center/100% no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rate_plan-item-wrap.style2 .rate_plan-item {
  height: 552px;
}
.rate_plan-item-wrap.style3 .rate_plan-item {
  /* height: 416px; */
}
.rate_plan-item-wrap.style3 .rate_plan-item .rate_plan-top + .rate-plan-bot {
  margin-top:40px;
}

.rate_plan-item-wrap.style4 .rate_plan-item {
  /* height: 510px; */
}
.rate_plan-item-wrap.style4 .rate_plan-item.type2 {
  height: 566px;
}
.rate_plan-item-wrap.style4 .rate_plan-item.type3 {
  /* height: 588px; */
}
.rate_plan-item-wrap.style5 .rate_plan-item {
  /* height: 381px; */
}
.rate_plan-item-wrap.style5 .rate_plan-item.type2 {
  height: 446px;
}
.rate_plan-item-wrap.style5 .rate_plan-item.type3 {
  /* height: 460px; */
}
.rate_plan-item-wrap.style5 .rate_plan-item.type3 .rate_plan_price {
  height: auto;
  text-align: left;
}
.rate_plan-item-wrap.style6 .rate_plan-item {
  /* height: 618px; */
}
.rate_plan-item-wrap.style6 .badge_wrap + .rate_plan-tit {
  /* margin-top: 32px; */
  margin-top:0;
  height:126px;
  align-items: flex-start;
}
.rate_plan-item-wrap.style6 .rate_plan-item .rate_plan-txt {
  margin-top: 28px;
  height:72px;
}
.rate_plan-item-wrap.style6 .rate_plan-item .rate_plan-top + .rate-plan-bot {
  margin-top: 30px;
}
.rate_plan-item-wrap.style4 .rate_plan-tit {
  height: auto;
  line-height: 35px;
  font-size: 20px;
  margin-top: 8px;
}
.rate_plan-item-wrap.style4 .rate_plan-txt {
  margin: 0 -14px;
  height: 48px;
  font-size: 14px;
  letter-spacing: -0.6px;
}
.rate_plan-item-wrap.style4 .rate_plan-tit + .rate_plan-txt {
  margin-top: 20px;
}
.rate_plan-item-wrap.style4 .rate_plan_channel {
  color: #3617ce;
}
.rate_plan-item-wrap.style4 .rate_plan_price + .butn_wrap {
  display: block;
  flex: none;
  text-align: center;
}
.rate_plan-item-wrap.style4 .rate_plan_price + .butn_wrap .butn.link {
  display: inline-block;
  font-size: 14px;
}
.rate_plan-item-wrap.style4 .butn.link:after {
  width: 16px;
  height: 16px;
}
.rate_plan-item-wrap.style4 .bottom_btn {
  padding-top:10px;
}
.rate_plan-item-wrap.style5 .rate_plan-tit {
  height: auto;
  line-height: 35px;
  font-size: 20px;
  margin-top: 8px;
}
.rate_plan-item-wrap.style5 .rate_plan-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: flex-start;
  justify-content: center;
  margin: 0 -10px;
  font-size: 16px;
  letter-spacing: -0.6px;
  height: 48px;
}
.rate_plan-item-wrap.style5 .rate_plan-tit + .rate_plan-txt {
  margin-top:20px;
}
.rate_plan-item-wrap.style5 .rate_plan-top + .rate_plan-bot {
  margin-top: 40px;
}
.rate_plan-item-wrap.style5 .rate_plan_channel {
  color: #3617ce;
}
.rate_plan-item-wrap.style5 .rate_plan_price {
  height: 57px;
}
.rate_plan-item-wrap.style5 .rate_plan_price .txt_notice {
  display: block;
  padding-top:7px;
  font-size: 12px;
  color: #797979;
}
.rate_plan-item-wrap.style5 .rate_plan_price + .butn_wrap {
  display: block;
  flex: none;
  text-align: center;
}
.rate_plan-item-wrap.style5 .rate_plan_price + .butn_wrap .butn.link {
  display: inline-block;
  font-size: 14px;
}
.rate_plan-item-wrap.style5 .butn.link:after {
  width: 16px;
  height: 16px;
}
.rate_plan_graph {
  padding: 5px 0 25px;
  text-align: center;
}
.rate_plan-icons-wrap {
  margin-bottom: 25px;
  text-align: center;
  height: 136px;
}
.rate_plan-icons-wrap .rate_plan-icons-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.rate_plan-icons-wrap .rate_plan-icons-tit:before {
  background: url("../img/icon/ic_internetspeed.svg") center/cover no-repeat;
  content: "";
  display: inline-block;
  height: 20px;
  margin-bottom: -2px;
  margin-right: 4px;
  width: 20px;
}
.rate_plan-icons-wrap .rate_plan-icons {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
.rate_plan-icons-wrap .rate_plan-icons.plus_none .rate_plan-icons_item:after {
  display: none;
}
.rate_plan-icons-wrap .rate_plan-icons_item {
  width: auto;
  text-align: center;
  padding-right: 20px;
  position: relative;
}
.rate_plan-icons-wrap .rate_plan-icons_item:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic_plus_small.svg") 0 0/100% 100% no-repeat;
  position: absolute;
  top: 8px;
  right: 0;
}
.rate_plan-icons-wrap .rate_plan-icons_item:last-child {
  padding-right: 0;
}
.rate_plan-icons-wrap .rate_plan-icons_item:last-child:after {
  display: none;
}
.rate_plan-icons-wrap .rate_plan-icons_img {
  display: block;
  margin-bottom: 10px;
}
.rate_plan-icons-wrap .rate_plan-icons_img &gt; img {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.rate_plan-icons-wrap .rate_plan-icons_name {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  font-weight: 500;
  margin-top: 6px;
  padding-right: 16px;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.rate_plan-icons-wrap .rate_plan-icons_name:after {
  background: url("../img/icon/ic_arrow_right2.svg") center/cover no-repeat;
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: 2px;
  width: 16px;
}
.rate_plan-icons-wrap .rate_plan-icons_name.free {
  padding-right: 0;
}
.rate_plan-icons-wrap .rate_plan-icons_name.free:after {
  display: none;
}

.rate_plan_price-wrap {
  border-top: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content:space-between;
  padding-top: 20px;
}
.rate_plan_price-wrap .rate_plan_price-item {
  position: relative;
  width: 50%;
}
.rate_plan_price-wrap .rate_plan_price-item + .rate_plan_price-item {
  margin-left: 64px;
}
.rate_plan_price-wrap .rate_plan_price-item + .rate_plan_price-item:before {
  background-color: #e4e4e4;
  content: "";
  height: 50px;
  position: absolute;
  left: -30px;
  top: 3px;
  width: 1px;
}
.rate_plan_price-wrap .rate_plan_price-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #303030;
}
.rate_plan_price-wrap .rate_plan_price &gt; b {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.rate_plan_price-wrap.bd_none {
  border-top: none;
  padding-top: 0;
  justify-content: center;
}
.rate_btn_wrap {
  display:flex;
  margin-top: 20px;
}
.rate_btn_wrap .rate_btn {
  width:100%;
}
.rate_btn_wrap .rate_btn + .rate_btn {
  margin-left:12px;
}
.rate_btn_wrap .rate_btn .btn {
  display: flex;
  width:100%;
  height:40px;
  font-size: 14px;
  font-weight: 500;
  border:1px solid #3617ce;
  border-radius: 6px;
  color:#000;
  justify-content: center;
  align-items: center;
}
.rate_btn_wrap .rate_btn .btn.bg_type {
  background-color:#3617ce;
  color:#fff;
}
.counsel-box {
  display: flex;
}
.counsel-box .counsel-item {
  display:flex;
  justify-content: center;
  align-items: center;
  width:100%;
  padding: 35px 0;
  border: 1px solid #E4E4E4;
  border-radius: 12px;
  font-size:30px;
  font-weight: 500;
  line-height: 44px;
}
.counsel-box .counsel-item + .counsel-item {
  margin-left:24px;
}
.counsel-box .counsel-item &gt; img + .txt {
  margin-left: 15px;
}
.counsel-box .counsel-item .txt + .txt {
  position:relative;
  margin-left: 18px;
  padding-left: 15px;
}
.counsel-box .counsel-item .txt + .txt:before {
  content:'';
  position:absolute;
  top:8px;
  left:0;
  width:2px;
  height:28px;
  background-color:#000;
}
.sm-cont-item-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-bottom: 20px;
}
.sm-cont-item-tit ~ .sm-cont-item-tit {
  margin-top: 40px;
}

.sm-cont-item-wrap .sm-cont-item-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-bottom: 0;
}
.sm-cont-item-wrap .sm-cont-item-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 10px;
}
.sm-cont-item-wrap.style2 {
  margin: -20px -18px 0 0;
}
.sm-cont-item-wrap.style2 .sm-cont-item {
  display: block;
  min-height: 202px;
  padding: 20px 0;
  margin: 20px 18px 0 0;
  text-align: center;
  width: 225px;
}
.sm-cont-item-wrap.style2 .sm-cont-item-imgbox {
  width: auto;
  margin: 0;
}
.sm-cont-item-wrap.style2 + .sm-product-info_box {
  margin-top: 60px;
}
.modal-con .butn_wrap .butn.link,
.sm-cont-item-wrap.style2 + .butn_wrap .butn.link {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.sm-cont-item-wrap.style2 + .butn_wrap .butn.link:after {
  background: url("../img/icon/ic-arrow-right_20.svg") 0 0/100%;
}
.sm-cont-item-wrap.row-style {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0;
  margin-right: 0;
  text-align: left;
}
.sm-cont-item-wrap.row-style .sm-cont-item {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  width: 100%;
  padding: 30px 40px 30px 140px;
}
.sm-cont-item-wrap.row-style .sm-cont-item + .sm-cont-item {
  margin-top: 10px;
}
.sm-cont-item-wrap.row-style .sm-cont-item-imgbox {
  position: absolute;
  top: 40px;
  left: 40px;
}
.sm-cont-item-wrap.row-style .sm-cont-item-txt-list {
  padding-top: 10px;
}
.sm-cont-item-wrap.row-style .sm-cont-item-txt-item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-bottom: 10px;
}
.sm-cont-item-wrap.row-style .sm-cont-item-txt-item:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a9a9a9;
  margin-right: 8px;
  vertical-align: middle;
}
.sm-cont-item-wrap.row-style .sm-cont-item-txt-item:last-child {
  margin-bottom: 0;
}

.sm_home + .sm_home {
  margin-top: 40px;
}
.sm_home .sm_home-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 400;
}
.sm_home .sm_home-tit .blue {
  color: #3617ce;
}
.sm_home .sm_home-box {
  border-bottom: 1px solid #e4e4e4;
  border-top: 2px solid #000000;
  font-size: 0;
  margin-top: 20px;
  padding: 40px 0;
}
.sm_home .sm_home-item {
  display: inline-block;
  text-align: center;
  width: 50%;
}
.sm_home .sm_home-item + .sm_home-item {
  border-left: 1px solid #e4e4e4;
}
.sm_home .sm_home-subtit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-bottom: 20px;
}

.spec_paner-tiem .spec_panel-img {
  text-align: center;
}
.spec_paner-tiem .table_wrap {
  margin-top: 30px;
}
.spec_paner-tiem .table_butn_left {
  margin-top: 20px;
}
.spec_paner-tiem + .spec_paner-tiem {
  margin-top: 60px;
}

.icon_plus-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.icon_plus-list .icon_plus-item {
  position: relative;
  text-align: center;
}
.icon_plus-list .icon_plus-item + .icon_plus-item {
  margin-left: 100px;
}
.icon_plus-list .icon_plus-item + .icon_plus-item:before {
  background: url("../img/icon/ic_plus03.svg") center/cover no-repeat;
  content: "";
  position: absolute;
  height: 20px;
  top: 40px;
  left: -60px;
  width: 20px;
}
.icon_plus-list .icon_img {
  border: 1px solid #e4e4e4;
  border-radius: 100%;
  display: block;
  height: 100px;
  padding: 10px;
  width: 100%;
}
.icon_plus-list .icon_name {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
  margin-top: 10px;
}

.txt_bd_box-wrap + .txt_bd_box-wrap {
  margin-top: 40px;
}
.txt_bd_box-wrap .txt_bd_box {
  background-position: left 40px center;
  background-repeat: no-repeat;
  background-size: 80px 80px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  padding: 40px 40px 40px 160px;
}
.txt_bd_box-wrap .txt_bd_box.icon1 {
  background-image: url("../img/icon/ic_spacial_sevice1.png");
}
.txt_bd_box-wrap .txt_bd_box.icon2 {
  background-image: url("../img/icon/ic_spacial_sevice2.png");
}
.txt_bd_box-wrap .txt6 {
  display: block;
}
.txt_bd_box-wrap .txt6 + .txt1 {
  margin-top: 8px;
}
.txt_bd_box-wrap .txt1 {
  color: #000000;
}
.txt_bd_box-wrap .txt1 + .txt6 {
  margin-top: 8px;
}
.txt_bd_box-wrap .blue {
  color: #3617ce;
}

.thumnail_slide-wrap .notice {
  margin-top: 20px;
}

.sm-cont-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sm-cont-box &gt; img {
  height: 160px;
  width: 160px;
}
.sm-cont-box .sm-cont-info {
  margin-left: 20px;
  margin-top: 0;
  width: calc(100% - 180px);
}
.sm-cont-box + .sm-cont-box {
  margin-top: 20px;
}

.attribute-cont.style2 {
  padding: 0;
}
.attribute-cont.style2 .attribute-cont-box {
  padding: 0 20px;
  width: 25%;
}
.attribute-cont.style2 .attribute-cont-box:before {
  height: 100%;
  left: 0;
}
.attribute-cont.style2 .attribute-cont-box:first-of-type {
  padding-left: 0;
}
.attribute-cont.style2 .attribute-cont-box:first-of-type:before {
  display: none;
}
.attribute-cont.style2 .attribute-cont-box:last-child {
  padding-right: 0;
}
.attribute-cont.style2 .attribute-cont-box .sm-cont-txt {
  text-align: center;
}
.attribute-cont + .sm-cont-tit {
  margin-top: 60px;
}

.cont-ex-txtdl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cont-ex-txtdl + .cont-ex-txtdl {
  margin-top: 10px;
}
.cont-ex-txtdl dt,
.cont-ex-txtdl dd {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.cont-ex-txtdl dt {
  width: 110px;
}
.cont-ex-txtdl dd {
  width: calc(100% - 110px);
}

.cont-ex-wrap.style2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cont-ex-wrap.style2 .cont-ex-imgbox {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-right: 0;
}
.cont-ex-wrap.style2 .cont-ex-txtbottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cont-ex-wrap.style2 .cont-ex-txtbox {
  width: 400px;
}

.sm-cont-item-wrap.style3 {
  margin: 14px -16px 0 0;
}
.sm-cont-item-wrap.style3 .sm-cont-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 16px 16px 0 0;
}
.sm-cont-item-wrap + .notice {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 20px;
}

.sm-cont-subtxt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}

.gameapp_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -24px 0 0 -24px;
}
.gameapp_list .gameapp_item {
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  margin: 24px 0 0 24px;
  padding: 30px 24px;
  width: calc(50% - 24px);
  min-height: 456px;
}
.gameapp_list .gameapp_item.n_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gameapp_list .item_top {
  border-bottom: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  min-height:145px;
}
.gameapp_list .top-thumbnail {
  height: 100px;
  width: 100px;
}
.gameapp_list .top-thumbnail img {
  width: 100%;
}
.gameapp_list .top-title {
  margin-left: 20px;
}
.gameapp_list .top-title .txt6 {
  margin-top: 8px;
}
.gameapp_list .item_body + .item_bottom {
  margin-top: 30px;
}
.gameapp_list .item_price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 30px 0;
}
.gameapp_list .price-box {
  position: relative;
}
.gameapp_list .price-box + .price-box {
  margin-left: 60px;
}
.gameapp_list .price-box .badge {
  vertical-align: super;
}
.gameapp_list .price-box .badge.black {
  background-color: #303030;
}
.gameapp_list .price-box .caption {
  font-size: 12px;
  left: 0;
  position: absolute;
  top: 100%;
}
.gameapp_list .price-info {
  font-size: 14px;
  display: inline-block;
  position: relative;
}
.gameapp_list .price-info + .price-info {
  padding-left: 20px;
}
.gameapp_list .price-info + .price-info:before {
  background-color: #a9a9a9;
  content: "";
  height: 20px;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
}
.gameapp_list .price-info .num {
  color: #ff404e;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.8px;
  line-height: 32px;
}
.gameapp_list .price-info .txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #ff404e;
}
.gameapp_list .item_setopbox {
  background-color: #f2f2f2;
  border-radius: 8px;
  padding: 20px 16px;
}
.gameapp_list .setopbox-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.gameapp_list .setopbox-type {
  margin-top: 8px;
}
.gameapp_list .setopbox-type span {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  position: relative;
}
.gameapp_list .setopbox-type span + span {
  padding-left: 20px;
}
.gameapp_list .setopbox-type span + span:before {
  background-color: #a9a9a9;
  content: "";
  height: 10px;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
}
.gameapp_list .item_bottom {
  border-top: 1px solid #e4e4e4;
  padding-top: 30px;
  text-align: center;
}

.gameapp_info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gameapp_info-wrap .gameapp_info-img {
  text-align: center;
  width: 260px;
}
.gameapp_info-wrap .gameapp_info-img img {
  width: 100%;
}
.gameapp_info-wrap .gameapp_info-img .version {
  color: #797979;
  display: block;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.3px;
  margin-top: 4px;
}
.gameapp_info-wrap .gameapp_info-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin: 40px 0 0 40px;
}
.gameapp_info-wrap .gameapp_info-txt .blue {
  color: #3617ce;
}
.gameapp_info-wrap .gameapp_info-txt .gray {
  color: #797979;
  margin-top: 10px;
}

.zemfive {
  margin-top: 120px;
  position: relative;
}
.zemfive .empty_box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.zemfive .content_box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.zemfive .content_box img {
  display: none;
}
.zemfive .content_box img.on {
  display: block;
}

.zemapp_area {
  text-align: center;
  padding-top: 60px;
}

.zemkids_top_wrap {
  margin: 0 -140px;
  position: relative;
}
.zemkids_top_wrap .video_wrap {
  position: absolute;
  bottom: 180px;
  width: 100%;
  text-align: center;
}
.zemkids_top_wrap .video_wrap .main_img-video {
  width: 1170px;
  border-radius: 60px;
  overflow: hidden;
  border: 10px solid #c1c1c1;
}

.zemkids_section {
  margin: 0 auto;
  padding-bottom: 120px;
  width: 1170px;
}

.zemkids_section_inner + .zemkids_section_inner {
  padding-top: 120px;
}

.zemkids_video-wrap {
  border: 10px solid #c1c1c1;
  border-radius: 20px;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.zemkids_video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.zemkids_img-title {
  height: 38px;
  margin-bottom: 40px;
}
.zemkids_img-title img {
  height: 100%;
}

.zemkids_banner + .zemkids_tab-wrap {
  margin-top: 40px;
}

.zemkids_tab-wrap.orange .zemkids_tab-btn.active .zemkids_tab-link {
  background-color: #ff9710;
  border: 2px solid #ff9710;
}
.zemkids_tab-wrap.red .zemkids_tab-btn .zemkids_tab-link {
  padding: 0 24px;
}
.zemkids_tab-wrap.red .zemkids_tab-btn.active .zemkids_tab-link {
  background-color: #ff7857;
  border: 2px solid #ff7857;
}
.zemkids_tab-wrap.skyblue .zemkids_tab-btn.active .zemkids_tab-link {
  background-color: #34ccd7;
  border: 2px solid #34ccd7;
}
.zemkids_tab-wrap.pink .zemkids_tab-btn.active .zemkids_tab-link {
  background-color: #f55f7f;
  border: 2px solid #f55f7f;
}
.zemkids_tab-wrap.purple .zemkids_tab-btn.active .zemkids_tab-link {
  background-color: #c881dc;
  border: 2px solid #c881dc;
}
.zemkids_tab-wrap.green .zemkids_tab-btn.active .zemkids_tab-link {
  background-color: #53c234;
  border: 2px solid #53c234;
}
.zemkids_tab-wrap.green .zemkids_tab-content {
  -webkit-box-shadow: 0 0 0 20px #53c234;
          box-shadow: 0 0 0 20px #53c234;
}
.zemkids_tab-wrap .zemkids_tab-header {
  margin: 0 auto;
  max-width: 1016px;
}
.zemkids_tab-wrap .zemkids_tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px -5px 0 0;
}
.zemkids_tab-wrap .zemkids_tab-btn {
  margin: 10px 5px 0 0;
}
.zemkids_tab-wrap .zemkids_tab-btn.active .zemkids_tab-link {
  color: #ffffff;
}
.zemkids_tab-wrap .zemkids_tab-link {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  border: 2px solid #919191;
  border-radius: 34.5px;
  color: #919191;
  display: block;
  height: 65px;
  line-height: 61px;
  padding: 0 29px;
}
.zemkids_tab-wrap .zemkids_tab-content {
  border-radius: 20px;
  padding: 70px 0;
  margin: 0 auto;
  text-align: center;
}
.zemkids_tab-wrap .zemkids_tab-content.none_tab {
  margin: 0 auto;
}
.zemkids_tab-wrap .zemkids_tab-content.none_tab .zemkids_tab-item {
  display: block;
}
.zemkids_tab-wrap .zemkids_tab-item {
  display: none;
  text-align: center;
}
.zemkids_tab-wrap .zemkids_tab-item.inmg0 {
  margin: 0 -27px;
}
.zemkids_tab-wrap .zemkids_tab-item.active {
  display: block;
}

.butn.link.gray.zembtn {
  font-size: 17px;
  color: #6f6f6f;
  font-weight: 700;
}

.zemkids_cont_sub_txt {
  color: #666;
  font-size: 28px;
}

.zemkids_cont_slide-wrap {
  padding: 0 70px;
  width: 1016px;
  margin: 0 auto;
  position: relative;
}
.zemkids_cont_slide-wrap.style2 {
  padding: 0;
}
.zemkids_cont_slide-wrap.style2 .swiper-slide {
  width: 100%;
}
.zemkids_cont_slide-wrap .zemkids_cont_slide {
  overflow: hidden;
}
.zemkids_cont_slide-wrap .zemkids_cont_slide .swiper-pagination-bullet {
  background: #cdcfd0;
  position: relative;
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 0 6px;
}
.zemkids_cont_slide-wrap .zemkids_cont_slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff9710;
}
.zemkids_cont_slide-wrap .zemkids_cont_slide .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background: none;
  border: 1px solid #ff9710;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  left: -3px;
}
.zemkids_cont_slide-wrap .swiper-slide {
  width: 250px;
}
.zemkids_cont_slide-wrap .zemkids_slide-btn {
  display: inline-block;
  background: url("../img/image/white_gradation.png") 0 0 repeat-y;
  height: 400px;
  width: 140px;
  top: 22px;
  background-size: 100% 100%;
}
.zemkids_cont_slide-wrap .zemkids_slide-btn.swiper-button-disabled {
  display: none;
}
.zemkids_cont_slide-wrap .zemkids_slide-btn:after {
  display: none;
}
.zemkids_cont_slide-wrap .zemkids_slide-btn i {
  cursor: pointer;
  display: inline-block;
  background: url("../img/image/zemkids_slide-btn.png") 0 0/100% no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
}
.zemkids_cont_slide-wrap .zemkids_slide-btn.swiper-button-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.zemkids_cont-img-tit {
  margin-bottom: 40px;
}

.zemkids_cont_bottom_banner {
  margin-top: 60px;
}
.zemkids_acco-list .zemkids_acco-box + .zemkids_acco-box {
  margin-top: 20px;
}
.zemkids_acco-list .zemkids_acco-btn {
  position: relative;
}
.zemkids_acco-list .zemkids_acco-btn:after {
  background: url("../img/icon/gray_acco_arrow.svg") center/cover no-repeat;
  content: "";
  height: 17px;
  position: absolute;
  right: 82px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  width: 29.5px;
}
.zemkids_acco-list .zemkids_acco-btn.active:after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}
.zemkids_acco-list .zemkids_acco-btn &gt; img {
  width: 100%;
}
.zemkids_acco-list .zemkids_acco-panel {
  display: none;
  padding: 40px 0;
}

.inner_info-acco .inner_info-btn {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  position: relative;
}
.inner_info-acco .inner_info-btn:before {
  background-color: #000000;
  bottom: 2px;
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  width: 100%;
}
.inner_info-acco .inner_info-btn:after {
  background: url("../img/icon/ic-arrow-normal.svg") center/cover no-repeat;
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -20px;
  height: 20px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  vertical-align: sub;
  width: 20px;
  transform: translateY(-50%);
}
.inner_info-acco .inner_info-btn.active:after {
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}
.inner_info-acco .inner_info-panel {
  background-color: #ffffff;
  display: none;
  margin: 10px 0 0 -12px;
  padding: 20px;
}
.inner_info-acco .inner_info-box + .inner_info-box {
  margin-top: 40px;
}
.inner_info-acco .inner_info-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  display: block;
}
.inner_info-acco .inner_info-tit + .inner_info-txt {
  margin-top: 20px;
}
.inner_info-acco .inner_info-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.inner_info-acco .inner_info-txt + .inner_info-txt {
  margin-top: 8px;
}
.inner_info-acco .inner_info-txt + .table_wrap {
  margin-top: 10px;
}
.inner_info-acco .table_wrap thead th {
  text-align: center;
}
.inner_info-acco .table_wrap .super {
  font-size: 8px;
  vertical-align: super;
}
.inner_info-acco .table_wrap .total {
  color: #000000;
  font-weight: 700;
}
.inner_info-acco .table_wrap + .inner_info-txt {
  margin-top: 10px;
}

.product-join-box.noresult .my_use {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.product-join-box.before .my_use .my_use-noresult-txt {
  margin-bottom: 40px;
}
.product-join-box.before .my_use_item-btn:after {
  background: url("../img/icon/ic-arrow-right_20.svg") center/100% no-repeat;
}

.my_use_item-btn.info_type {
  position:relative;
  padding-left:28px;
  text-decoration: underline;
  font-size:17px;
  font-weight: 400;
}

.my_use_item-btn.info_type:after {
  position:absolute;
  left:0;
  top:2px;
  background: url("../img/icon/ic_infomation_gray.svg") center/100% no-repeat;
}

.my_use .my_use-noresult-txt {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}

.rate_plan-noresult {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 440px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0;
  margin-left: 25px;
  padding: 0;
  text-align: center;
  width: calc(100% - 337px);
}
.rate_plan-noresult .rate_plan-noresult-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}

.butn-floating.style2 .butn_wrap {
  padding: 17px 80px 16px;
  width: auto;
}

.tit-wrap.row {
  display: block;
}
.tit-wrap.row .txt6 {
  margin-top: 10px;
}
.tit-wrap + .detail_tab-wrap {
  margin-top: 60px;
}

.detail_tab-wrap + .tit-wrap {
  margin-top: 60px;
}

.gnb-3depth_box {
  margin-top: -1px;
}
.gnb-3depth_box .gnb-3depth_list {
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  font-size: 0;
  padding: 22px 0;
}
.gnb-3depth_box .gnb-3depth_item {
  display: inline-block;
  padding: 0 18px;
}
.gnb-3depth_box .sm-checkbox input[type=checkbox] {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.gnb-3depth_box .sm-checkbox label {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  cursor: pointer;
  color: #797979;
  font-weight: 400;
  display: inline-block;
  height: 36px;
  line-height: 36px;
}
.gnb-3depth_box .sm-checkbox input[type=checkbox]:checked + label {
  color: #000000;
  font-weight: 700;
}
.gnb-3depth_box + .tit-wrap {
  margin-top: 60px;
}

.butn.paydetail {
  border: 1px solid #a9a9a9;
  background-color: #ffffff;
}
.butn.paydetail::before {
  content: "";
  display: inline-block;
  background: url("../img/icon/ic-paydetail.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: sub;
}

.info_box.bdt-none .info_tit {
  border-top: 0;
}

.product-type-short .rate_plan-item {
  /* height: 374px; */
}
.product-type-short .rate_plan-top + .rate_plan-bot {
  margin-top: 40px;
}

.how_to_use-list {
  width: 640px;
  margin: 0 auto;
}

.dot_list.center-align {
  margin-top: 20px;
  text-align: center;
}
.dot_list.center-align .dot_item {
  display: inline-block;
  font-size: 16px;
}
.dot_list.under_table {
  margin-top: 20px;
}
.dot_list.under_table .dot_item {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  font-weight: 400;
}
.dot_list.under_table .dot_item::before {
  top: 10px;
}

.how_to_use-item {
  position: relative;
  margin-bottom: 20px;
  padding: 20px 0;
  border: 1px solid #3617ce;
  border-radius: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.how_to_use-item:last-child {
  margin-bottom: 0;
}
.how_to_use-item:last-child::before {
  display: none;
}
.how_to_use-item::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -21px;
  display: block;
  content: "";
  width: 1px;
  height: 20px;
  background: #3617ce;
}
.how_to_use-item .title_s1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.how_to_use-item .title_s1 span {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  margin-left: 10px;
  font-weight: 400;
  color: #000;
  vertical-align: middle;
}
.how_to_use-item .txt4 {
  font-weight: 400;
  margin-top: 5px;
}

.how_to_use-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
}
.how_to_use-list-wrap .how_to_use-list {
  width: 440px;
  margin: 0;
}

.how_to_use-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-bottom: 20px;
}

.rate_plan-txt {
  letter-spacing: -0.8px;
}

.rate_plan-bot.case-02 {
  height: 65px;
}
.rate_plan-top + .rate_plan-bot {
  margin-top: 20px;
}

.rate_plan-tit {
  letter-spacing: -1px;
}

.modal .area-search_wrap {
  margin: 40px 0 30px;
}
.modal .area-search_wrap + .tit-wrap {
  margin-bottom: 25px;
}

.modal-title .txt6 {
  margin-left: 10px;
}

.input_inner.selectbox_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.input_inner.selectbox_wrap .selectbox {
  width: calc(50% - 8px);
}

.table_wrap .table-total {
  font-weight: bold;
  color: #000000;
}

.table_subt.type-01 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-bottom: 20px;
}
.table_subt .caption_txt-wrap {
  padding-top: 10px;
}

.search_select_box .search_input {
  font-size: 18px;
}
.search_select_box.inputValid .search_input {
  border: 1px solid #3617ce;
  background: #ffffff;
}
.search_select_box.active .auto_complete {
  display: block;
}
.search_select_box.active .search_select_list {
  visibility: visible;
  opacity: 1;
}
.search_select_box.active .search_input {
  border: 1px solid #3617ce;
  border-bottom: none;
  border-radius: 30px 30px 0 0;
  background: #ffffff;
}

.auto_complete {
  display: none;
  overflow: hidden;
  position: absolute;
  width: 100%;
  max-height: 250px;
  border: 1px solid #3617ce;
  border-top: none;
  border-radius: 0 0 30px 30px;
  background: #ffffff;
  z-index: 3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.search_select_list {
  width: 100%;
  visibility: hidden;
  opacity: 0;
}
.search_select_list li {
  padding: 0 40px 20px;
}
.search_select_list li a {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  line-height: 20px;
}
.search_select_list li em {
  color: #3617ce;
}

.table_wrap_bottom {
  margin-top: 10px;
  padding-left: 12px;
}

.detail_tab-wrap.popup-style .detail_tab-cont {
  padding-top: 24px;
}

.sm-cont-txt.right {
  text-align: right;
}

.htlong {
  padding-bottom: 120px;
}
.htlong .fare-item.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.htlong .htlong_box {
  padding: 60px 0;
}
.htlong .htlong_box + .htlong_box {
  /* border-top: 1px solid #e4e4e4; */
  padding-top:0;
}
.htlong .htlong_box + .htlong_box:last-child {
  padding-bottom: 0;
}
.htlong .htlong_box &gt; .badge.blue {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #ffffff;
  padding: 5px 12px;
  height: auto;
  border-radius: 17px;
}
.htlong .htlong_box .title_h3 {
  padding-top: 10px;
}
.htlong_box .banner-tit {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}
.htlong_box .banner-tit + .banner-eventbox {
  margin-top: 40px;
}
.htlong .htlong_box .txt3 {
  padding-top: 20px;
  color: #000000;
}
.htlong .charge_sale-wrap {
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  margin-top: 60px;
  padding: 60px 60px 0 60px;
}
.htlong .charge_sale-wrap .btn_wrap {
  margin: 0 0 60px 0;
}
.htlong .charge_sale-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.htlong .charge_sale-list.style1 {
  padding-bottom: 60px;
}
.htlong .charge_sale-list.style1 .charge_sale-item + .charge_sale-item::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  position: absolute;
  left: -18px;
  top: calc(50% - 18px);
  background: url("../img/icon/ic_plus_blue.svg") 0 0/100% no-repeat;
  z-index: 2;
}
.htlong .charge_sale-list.style2 {
  padding: 0 95px;
}
.htlong .charge_sale-list.style2 .charge_sale-item {
  padding: 20px 0 25px;
}
.htlong .charge_sale-list.style2 .charge_sale-box {
  margin-bottom: 30px;
}
.htlong .charge_sale-list.style2 .charge_sale {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.htlong .charge_sale-list.style2 .accordionbox_gray-list {
  text-align: left;
  width: 195px;
  margin: 24px auto 0;
}
.htlong .charge_sale-list.style2 .accordionbox_gray-list.type2 {
  width: 250px;
}
.htlong .charge_sale-list.style3 .charge_sale-item {
  display: block;
}
.htlong .charge_sale-list.style3 .charge_sale {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.htlong .charge_sale-list.style4 .charge_sale-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f2f2f2;
  border-radius: 32px;
  padding: 40px 24px;
}
.htlong .charge_sale-list .charge_sale-item.charge_sale-select {
  display: flex;
  flex-direction: row;
}
.htlong .charge_sale-list .charge_sale-item.charge_sale-select &gt; .item {
  position: relative;
  width:50%;
}
.htlong .charge_sale-list .charge_sale-item.charge_sale-select &gt; .item + .item::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:100%;
  background-color: #e4e4e4;
}
.htlong .charge_sale-list .charge_sale-item.charge_sale-select &gt; .item + .item::after {
  content:'or';
  position:absolute;
  top:calc(50% - 25px);
  left:-25px;
  width:50px;
  height:50px;
  border-radius:50%;
  background-color: #e4e4e4;
  font-size: 20px;
  font-weight: 700;
  color:#707070;
  text-align: center;
  line-height: 48px;
}
.htlong .charge_sale-list.style4 .tooltip {
  margin-top: 71px;
  margin-right: 12px;
  background: url("../img/image/bg_box_style1.svg") 0 0/100% no-repeat;
  text-align: center;
  padding-top: 52px;
  width: 198px;
  height: 198px;
}
.htlong .charge_sale-list.style4 .charge_sale {
  display: block;
}
.htlong .charge_sale-list.style4 .charge_sale .txt6 {
  color: #000000;
}
.htlong .charge_sale-list.style4 .charge_sale + .txt6 {
  padding-top: 20px;
  border-top: 1px solid #d9d9d9;
}
.htlong .charge_sale-list.style4 .sale_won {
  margin-top: 11px;
  padding-bottom: 20px;
}
.htlong .charge_sale-list.style4 .tooltip_tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.htlong .charge_sale-list.style4 .tooltip_won .line-through {
  margin: 10px 0 4px;
  display: block;
  text-decoration: line-through;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.htlong .charge_sale-list.style4 .tooltip_won .red {
  font-size: 20px;
}
.htlong .charge_sale-list.list_item_2 {
  width: 788px;
  margin: 0 auto;
}
.htlong .charge_sale-list.item_2 {
  width: 730px;
  margin: 0 auto;
}
.htlong .charge_sale-list-sbtxt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  width: 100%;
  text-align: right;
  margin-top: 60px;
  margin-bottom: 10px;
}
.htlong .charge_sale-item {
  text-align: center;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.htlong .charge_sale-item + .charge_sale-item::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #e4e4e4;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.htlong .badge {
  margin-right: 0;
}
.htlong .badge + .title_s1 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.htlong .charge_sale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.htlong .charge_sale .line-through {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 32px;
  text-decoration: line-through;
}
.htlong .charge_sale .line-through.arrow {
  text-decoration: none;
  position: relative;
}
.htlong .charge_sale .line-through.arrow::before {
  content: "";
  display: inline-block;
  width: calc(100% + 12px);
  height: 7px;
  background: url("../img/image/line-arrow.svg") 0 0/100% no-repeat;
  position: absolute;
  top: 11px;
  left: 0;
}
.htlong .charge_sale .line-through.arrow-large {
  text-decoration: none;
  position: relative;
}
.htlong .charge_sale .line-through.arrow-large::before {
  content: "";
  display: inline-block;
  width: calc(100% + 12px);
  height: 7px;
  background: url("../img/image/line-arrow-large.svg") 0 0/100% no-repeat;
  position: absolute;
  top: 11px;
  left: 0;
}
.htlong .charge_sale .sale_won {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  line-height: 32px;
  margin-left: 20px;
}
.htlong .charge_sale .sale_won .number {
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  color: #ff404e;
}
.htlong .charge_sale-img {
  margin-top: 20px;
}
.htlong .charge_sale-img.center {
  text-align: center;
}
.htlong .charge_sale-img.round {
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  margin: 20px auto;
}
.htlong .charge_sale-img .caption {
  margin-top: 10px;
}
.htlong .accordionbox-body {
  border-top: 1px dashed #e4e4e4;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
}
.htlong .accordionbox_gray-box {
  border-radius: 12px;
  padding: 40px;
  background: #f2f2f2;
  margin-bottom: 60px;
}
.htlong .accordionbox_gray-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
}
.htlong .accordionbox_gray-list {
  margin-top: 8px;
}
.htlong .accordionbox_gray-item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.htlong .accordionbox_gray-item + .accordionbox_gray-item {
  margin-top: 8px;
}
.htlong .accordionbox_gray-item::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #a9a9a9;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -4px;
}
.htlong .accordionbox_gray-item2 {
  margin-top: 15px;
  font-size: 14px;
  color: #797979;

}
.htlong .txt_gray-dot {
  position: relative;
  padding-left: 15px;
  
} 
.htlong .txt_gray-dot::before {
  content:"*";
  display: inline-block;
  position:absolute;
  top: 0;
  left: 3px;
}
.htlong .charge_sale-txt {
  font-size: 20px;
  color: #797979;
  line-height: 32px;
  text-align: center;
}
.htlong .charge_sale-tit {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
  color: #3617ce;
  text-align: center;
  line-height: 70px;
}
.htlong .charge_sale-tit + .charge_sale-txt {
  padding-top: 10px;
}
.htlong .charge_sale-list-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-top: 60px;
  margin-bottom: 20px;
}
.htlong .charge_sale-list-tit + .charge_sale-list-sbtxt {
  margin-top: 40px;
}
.htlong .notice-txt {
  margin-top: 30px;
  font-size: 20px;
  color: #797979;
  line-height: 32px;
  text-align: center;
}
.htlong .notice-txt &gt; span {
  font-weight: 700;
  color: #ff404e;
}
.htlong .notice-txt &gt; span.txt_deco {
  display:inline-block;
  vertical-align: middle;
  color: #797979;
}
.htlong .charge_sale-list-wrap + .butn_wrap {
  border-top: 1px solid #e4e4e4;
  padding-top: 40px;
  margin-top: 60px;
}
.htlong .charge_sale-list-wrap .charge_sale-list {
  margin-top: 60px;
  padding-top: 60px;
  position: relative;
  border-top: 1px solid #e4e4e4;
  display: block;
}
.htlong .charge_sale-list-wrap .charge_sale-list::after {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  position: absolute;
  top: -18px;
  left: calc(50% - 18px);
  background: url("../img/icon/ic_plus_blue.svg") 0 0/100% no-repeat;
  z-index: 2;
}
.htlong .charge_sale-list-wrap .charge_sale-list .badge {
  display: inline-block;
}
.htlong .notice {
  display: inline-block;
}
.htlong .accordionbox-bottom-out {
  width: 100%;
  text-align: center;
}
.htlong .accordionbox-bottom-out .accordionbox-bottom_btn {
  display: inline-block;
  padding-right: 21px;
  margin-top: 29px;
  text-align: center;
  width: 100%;
}
.htlong .accordionbox-bottom-out .accordionbox-bottom_btn.active span::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.htlong .accordionbox-bottom-out .accordionbox-bottom_btn span {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.htlong .accordionbox-bottom-out .accordionbox-bottom_btn span:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic-arrow-normal.svg") 0 0/100%;
  margin-left: 1px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.ht-r-subbox {
  border-radius: 32px;
  border: 1px solid #e4e4e4;
  padding: 0 60px;
}
.ht-r-subbox .fare-item-icon img + img {
  margin-left: 20px;
}
.ht-r-subbox + .ht-r-subbox {
  margin-top: 60px;
}
.ht-r-subbox .accordionbox-body {
  padding-bottom: 60px;
}
.ht-r-subbox .ht-r-subbox-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 60px 0;
}
.ht-r-subbox .ht-r-subbox-left .txt3 {
  padding-top: 20px;
  color: #000000;
}
.ht-r-subbox .ht-r-subbox-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ht-r-subbox .fare-price {
  text-align: right;
  min-width: 240px;
  padding-left: 60px;
}
.ht-r-subbox .fare-price_num {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  line-height: 32px;
}
.ht-r-subbox .fare-price_num b {
  font-size: 32px;
  line-height: 32px;
  padding: 0 2px;
}
.ht-r-subbox .fare-price_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.ht-r-subbox .service-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  padding-bottom: 30px;
}
.ht-r-subbox .addbenefit_wrap {
  background: #f2f2f2;
  border-radius: 32px;
  padding: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht-r-subbox .addbenefit {
  text-align: center;
}
.ht-r-subbox .addbenefit.left {
  padding: 0 69px 0 10px;
}
.ht-r-subbox .addbenefit.right {
  border-left: 1px solid #d9d9d9;
  padding-left: 60px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ht-r-subbox .addbenefit-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-bottom: 20px;
}
.ht-r-subbox .addbenefit-tit span {
  color: #3617ce;
}
.ht-r-subbox .addbenefit-txt1 {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 20px;
  min-width: 300px;
}
.ht-r-subbox .addbenefit-txt1.center {
  text-align: center;
}
.ht-r-subbox .addbenefit-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ht-r-subbox .addbenefit-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 20px);
          flex: 0 0 calc(50% - 20px);
}
.ht-r-subbox .addbenefit-tit1 {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.ht-r-subbox .badge {
  padding: 5px 12px;
  border-radius: 17px;
  font-size: 16px;
  height: auto;
  margin-top: 7px;
}
.ht-r-subbox .addbenefit_family-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-bottom: 30px;
}
.ht-r-subbox .addbenefit_family-tit .right_txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  float: right;
  margin-top: 12px;
}
.ht-r-subbox .addbenefit_family {
  background: #f2f2f2;
  border-radius: 32px;
  padding: 0 60px;
  text-align: center;
}
.ht-r-subbox .addbenefit_family .addbenefit-img {
  margin-top: 60px;
}
.ht-r-subbox .addbenefit_family .addbenefit-txt1 {
  font-size: 20px;
}
.ht-r-subbox .addbenefit_family-tit2 {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
  color: #3617ce;
}
.ht-r-subbox .addbenefit_family-item {
  padding: 60px 0;
}
.ht-r-subbox .addbenefit_family-item + .addbenefit_family-item {
  border-top: 1px solid #d9d9d9;
}
.ht-r-subbox .addbenefit_price {
  margin: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ht-r-subbox .addbenefit_price-before {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
}
.ht-r-subbox .addbenefit_price-before b {
  text-decoration: line-through;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  padding: 0 2px;
}
.ht-r-subbox .addbenefit_price-after {
  font-size: 40px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 36px;
  color: #ff404e;
  position: relative;
}
.ht-r-subbox .addbenefit_price-after::before {
  content: "";
  display: inline-block;
  margin: 0 29px;
  width: 32px;
  height: 32px;
  background: url("../img/icon/ic_arrow_right_3.svg") 0 0/100% no-repeat;
  vertical-align: bottom;
}

.hit_action {
  height: 638px;
  margin-bottom: 60px;
}
.hit_action .hit_action_wrap {
  position: absolute;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hit_action .hit_action-con {
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  height: 520px;
  padding: 30px 40px 40px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hit_action .hit_action-con .hit_action-inner {
  text-align: right;
  visibility: hidden;
  display: none;
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  height: 0;
  width: 1024px;
  overflow: hidden;
}
.hit_action .hit_action-con.active {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 140%;
          flex: 1 1 140%;
  height: 638px;
}
.hit_action .hit_action-con.active .hit_action-inner {
  visibility: visible;
  display: block;
  height: auto;
}
.hit_action .hit_action-con.active .hit_action-titbtn_box {
  opacity: 0;
  z-index: -1;
}
.hit_action .hit_action-con.small .hit_action-titbtn_tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 400;
}
.hit_action .hit_action-con.small.left .hit_action-titbtn_box {
  top: auto;
  right: 40px;
  bottom: 60px;
}
.hit_action .hit_action-con.small.right .hit_action-titbtn_box {
  left: 40px;
  bottom: 120px;
}
.hit_action .hit_action-con.left {
  background: #3617ce;
  border-radius: 0 32px 32px 0;
  margin-right: 12px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.hit_action .hit_action-con.left .hit_action-titbtn_box {
  text-align: right;
  top: 82px;
  right: 190px;
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.hit_action .hit_action-con.left .hit_action-in_item {
  background-color: #3426b3;
}
.hit_action .hit_action-con.left .hit_action-in_num {
  color: #3617ce;
}
.hit_action .hit_action-con.right {
  background: #ff9710;
  border-radius: 32px 0 0 32px;
  margin-left: 12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.hit_action .hit_action-con.right .hit_action-titbtn_box {
  text-align: left;
  left: 190px;
  bottom: 82px;
}
.hit_action .hit_action-con.right .hit_action-in_item {
  background-color: #ec7309;
}
.hit_action .hit_action-con.right .hit_action-in_num {
  color: #ff9710;
}
.hit_action .hit_action-img .ht_people {
  position: absolute;
  left: calc(50% - 240px - 82px);
  top: 160px;
  z-index: 3;
}
.hit_action .hit_action-img.hide {
  display: none;
}
.hit_action .hit_action-titbtn_box {
  position: absolute;
  font-size: 48px;
  line-height: 60px;
  color: #ffffff;
  z-index: 5;
}
.hit_action .hit_action-titbtn_box b {
  display: block;
}
.hit_action .hit_action-titbtn_arrow {
  vertical-align: top;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("../img/icon/ic-arrow-right-2.svg") 0 0 no-repeat;
  -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.hit_action .hit_action-titbtn_arrow.right {
  background: url("../img/icon/ic-arrow-left-2.svg") 0 0 no-repeat;
}
.hit_action .hit_action-in_tit {
  font-size: 40px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  padding-bottom: 30px;
}
.hit_action .hit_action-in_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hit_action .hit_action-in_item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 12px);
          flex: 0 0 calc(50% - 12px);
  border-radius: 32px;
  overflow: hidden;
  padding: 30px 24px 40px 24px;
  height: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}
.hit_action .hit_action-in_num {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 17px;
  background: #ffffff;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
}
.hit_action .hit_action-in_text-t1 {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  line-height: 38px;
  color: #ffffff;
  padding-top: 20px;
  text-align: center;
  width: 100%;
}
.hit_action .butn.arrow {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #ffffff;
  display: inline-block;
  margin: 0 auto;
}
.hit_action .butn.arrow:after {
  background: url("../img/icon/ic_arrow_right_white.svg") 0 0/100%;
}
.hit_action .ht_action-in_con {
  padding-top: 50px;
}
.hit_action .ht_action-in_con-tit {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #ffffff;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
}
.hit_action .ht_action-in_con-iwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}
.hit_action .ht_action-in_con-iitem {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0;
}
.hit_action .ht_action-in_con-iitem ~ .ht_action-in_con-iitem:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic_ht_white_plus.svg") 0 0/100% no-repeat;
  position: absolute;
  top: 22px;
  left: -10px;
}
.hit_action .ht_action-in_con-icon {
  width: 64px;
  height: 64px;
  display: inline-block;
}
.hit_action .ht_action-in_con-icon.giga {
  background: url("../img/icon/ic_ht_white_internet_giga.svg") 0 0/100% 100% no-repeat;
}
.hit_action .ht_action-in_con-icon.btv {
  background: url("../img/icon/ic_ht_white_btvadd.svg") 0 0/100% 100% no-repeat;
}
.hit_action .ht_action-in_con-icon.phone {
  background: url("../img/icon/ic_ht_white_mobile_phone.svg") 0 0/100% 100% no-repeat;
}
.hit_action .ht_action-in_con-icon.cable {
  background: url("../img/icon/ic_ht_white_cablegigalight.svg") 0 0/100% 100% no-repeat;
}
.hit_action .ht_action-in_con-name {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #ffffff;
  padding-top: 8px;
  text-align: center;
}

.utube-con {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.utube-con.obj-wrap {
  width: 520px;
  height: 293px;
  margin: 0 40px 0 24px;
}
.utube-con .utube-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.utube-con .utube-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  z-index: 3;
  background: url("../img/icon/ic_vodplay.svg") 0 0 no-repeat;
}
.utube-con iframe {
  z-index: 1;
}

@media (max-width: 1680px) {
  .hit_action {
    overflow: hidden;
  }
}
@media (max-width: 1320px) {
  .hit_action .hit_action-con {
    width: 1500px;
  }
  .hit_action .hit_action-con.right {
    width: 100%;
  }
  .hit_action .hit_action_wrap {
    position: relative;
  }
}
.mysMain_top {
  margin-bottom: 60px;
  position: relative;
}
.mysMain_top .mysMain_top-tit {
  font-size: 90px;
  line-height: 120px;
  font-weight: 700;
  letter-spacing: -2.25px;
  text-align: center;
}

.sbtop_info_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sbtop_info_wrap &gt; * {
  width: calc((100% - 24px) / 2);
}
.sbtop_info_wrap .choice_box-name {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  display: block;
  letter-spacing: -0.6px;
  margin-bottom: 10px;
}
.sbtop_info_wrap .choice_box {
  padding: 24px 166px 24px 30px;
  width: 100%;
}
.sbtop_info_wrap .choice_box:after {
  display: none;
}
.sbtop_info_wrap .choice_box .choice_box-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #303030;
}
.sbtop_info_wrap .choice_box .choice_box-tit .badge {
  margin-top: 5px;
}
.sbtop_info_wrap .choice_box .choice_box-txt {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-top: 8px;
  line-height: 24px;
}
.sbtop_info_wrap .choice_box .butn {
  background-color: #797979;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sbtop_info_btv .sbtop_btv-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.sbtop_info_btv .sbtop_info {
  font-size: 58px;
  letter-spacing: -1.45px;
  line-height: 73px;
}
.sbtop_info_btv .sbtop_info &gt; b {
  font-weight: 900;
}
.sbtop_info_btv .sbtop_info-date {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #a9a9a9;
  padding-top: 7px;
}
.sbtop_info_btv .sbtop_btv-gift {
  height: 258px;
  width: 285px;
}
.sbtop_info_btv .sbtop_btv-alarm {
  width: 420px;
  position: absolute;
  background: #3617ce;
  border-radius: 16px;
  padding: 16px 0 16px 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  font-weight: normal;
  color: #ffffff;
  top: -40px;
  left: 0;
}
.sbtop_info_btv .sbtop_btv-alarm a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  font-weight: normal;
  color: #ffffff;
}
.sbtop_info_btv .sbtop_btv-alarm:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -14px;
  right: 64px;
  width: 20px;
  height: 15px;
  background: url("../img/icon/shape_triangle_blue.svg") 0 0/100% 100%;
}
.sbtop_info_btv .sbtop_btv-alarm.orange {
  background: #ff9710;
}
.sbtop_info_btv .sbtop_btv-alarm.orange:after {
  background: url("../img/icon/shape_triangle.svg") 0 0/100% 100%;
}
.sbtop_info_btv .sbtop_btv-alarm .font-bold {
  font-weight: 900;
}
.sbtop_info_btv .sbtop_btv-alarm_close {
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic_tolltip_close.svg") 0 0/100%;
}

.monthbnox_wrap {
  background: #f2f2f2;
  border-radius: 32px;
  padding: 40px;
}
.monthbnox_wrap .monthbnox-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 16px;
}
.monthbnox_wrap .monthbnox-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.monthbnox_wrap .monthbnox-number {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  background: #a9a9a9;
  border-radius: 15px;
  text-align: center;
  padding: 5px 20px;
  color: #ffffff;
}
.monthbnox_wrap .monthbnox-number .onlynumber {
  display: inline-block;
}
.monthbnox_wrap .monthbnox-tit {
  letter-spacing: -0.65px;
  font-size: 26px;
  line-height: 37px;
}
.monthbnox_wrap .monthbnox-tit &gt; b {
  font-size: 30px;
  font-weight: 900;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.monthbnox_wrap .monthbnox-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.monthbnox_wrap .monthbnox-won {
  font-size: 28px;
  color: #000000;
}
.monthbnox_wrap .monthbnox-won &gt; b {
  font-size: 58px;
  font-weight: 900;
  line-height: 67px;
  letter-spacing: -1.45px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}
.monthbnox_wrap .monthbox_butn {
  margin-left: 19px;
  margin-bottom: 8px;
}
.monthbnox_wrap .monthbnox_list {
  margin-top: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.monthbnox_wrap .monthbnox_list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000000;
  padding-bottom: 9px;
}
.monthbnox_wrap .monthbnox_list-item:last-child {
  padding-bottom: 0;
}
.monthbnox_wrap .monthbnox_list-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  line-height: 29px;
}
.monthbnox_wrap .monthbnox_list-won {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.monthbnox_wrap .monthbnox_list-won &gt; b {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  line-height: 29px;
}
.monthbnox_wrap .monthbnox_detail {
  padding-top: 20px;
  text-align: left;
}
.monthbnox_wrap .monthbnox_detail-title {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  margin-bottom: 8px;
}
.monthbnox_wrap .monthbnox_detail-item {
  padding-bottom: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000000;
}
.monthbnox_wrap .monthbnox_detail-item:last-child {
  padding-bottom: 0;
}
.monthbnox_wrap .monthbnox_detail-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 22px;
}
.monthbnox_wrap .monthbnox_detail-won {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
}
.monthbnox_wrap .monthbnox_detail-won &gt; b {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  line-height: 22px;
}

.dt_table_style1 {
  border-top: 2px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dt_table_style1 .dt_table_style1-list {
  width: calc(50% - 40px);
}
.dt_table_style1 .dt_table_style1-item {
  border-bottom: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 106px;
  padding: 24px 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dt_table_style1 .dt_table_style1-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dt_table_style1 .dt_table_style1-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  display: inline-block;
}
.dt_table_style1 .dt_table_style1-desc {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.dt_table_style1 .butn.link {
  font-size: 16px;
  font-weight: 700;
}
.dt_table_style1 .butn.link:after {
  background: url("../img/icon/ic_arrow_right.svg") 0 0/100%;
  vertical-align: sub;
}
.dt_table_style1 .butn.txt {
  font-size: 18px;
}
.dt_table_style1 .tolltips {
  margin-top: 0;
}
.dt_table_style1 .tolltips .tolltips_btn {
  height: 20px;
  vertical-align: inherit;
  width: 20px;
}

.bottom_gray-wap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bottom_gray-wap .bottom_gray-item {
  background-color: #f2f2f2;
  border-radius: 32px;
  height: 227px;
  padding: 40px;
  width: 648px;
}
.bottom_gray-wap .bottom_gray-item.basket {
  position: relative;
}
.bottom_gray-wap .bottom_gray-item.basket:after {
  background: url("../img/image/img-movieclip.png") center/cover no-repeat;
  bottom: 30px;
  content: "";
  height: 160px;
  position: absolute;
  right: 30px;
  width: 160px;
}
.bottom_gray-wap .bottom_gray-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.bottom_gray-wap .bottom_gray-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin: 20px 0;
}
.bottom_gray-wap .butn.link {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.bottom_gray-wap .butn.link:after {
  background: url("../img/icon/ic_arrow_right.svg") 0 0/100%;
  vertical-align: sub;
}

.benefit_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.benefit_info .info-item {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 64px 64px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 78px;
  cursor: pointer;
}
.benefit_info .info-item.coupon {
  background-image: url("../img/icon/ic-coupon.svg");
}
.benefit_info .info-item.point {
  background-image: url("../img/icon/ic-bpoint.svg");
}
.benefit_info .info-item.cash {
  background-image: url("../img/icon/ic-bcash.svg");
}
.benefit_info .title {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  font-weight: 500;
}
.benefit_info a {
  position: relative;
  display: inline-block;
}
.benefit_info a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 100%;
  border-bottom: 1px solid #3617ce;
}
.benefit_info .info {
  margin-top: 4px;
  color: #3617ce;
  font-size: 21px;
  font-weight: 700;
}
.benefit_info .number {
  font-weight: 700;
}

.sec_bt_banner .swiper-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 16px;
}
.sec_bt_banner .swiper-pagination {
  position: relative;
  top: 0;
  bottom: 0;
  font-size: 0;
  width: auto;
}
.sec_bt_banner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #c1c1c1;
  opacity: 1;
  border-radius: 5px;
  margin: 0 3px !important;
}
.sec_bt_banner .swiper-pagination-bullet-active {
  width: 26px;
  background: #ff9710;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sec_bt_banner .swiper-control {
  width: 20px;
  height: 20px;
  margin: 0 6px;
  background: url("../img/icon/ic_pause.svg") 0 0/100%;
}
.sec_bt_banner .swiper-control.stop {
  background: url("../img/icon/ic_play.svg") 0 0/100%;
}

.modal.small .modal-wrap {
  width: 400px;
}
.modal.small .dDay_count {
  display: block;
  height: 120px;
  margin: 0 auto;
  position: relative;
  width: 120px;
}
.modal.small .dDay_count .dDay_ic {
  width: 100%;
}
.modal.small .dDay_count .dDay {
  background-color: #ff404e;
  border-radius: 18px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  height: 36px;
  padding: 0 14px;
  position: absolute;
  top: 10px;
  right: 0;
}
.modal.small .dDay_txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #303030;
  margin-top: 16px;
  text-align: center;
}
.modal.small .dDay_txt .red {
  color: #ff404e;
}
.modal.small .dDay_txt + .butn_wrap {
  padding-top: 32px;
}
.modal .modal-title_sub {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 8px;
}

.pull_sub-solid-sec {
  text-align: left;
}
.pull_sub-solid-sec:before {
  background-color: #e4e4e4;
  content: "";
  display: block;
  height: 1px;
  margin: 30px 0;
  width: 100%;
}
.pull_sub-solid-sec:first-of-type {
  margin-top: 30px;
}
.pull_sub-solid-sec:first-of-type:before {
  display: none;
}
.pull_sub-solid-sec .pull_sub-tit-s {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.pull_sub-solid-sec .pull_sub-solid-txt + .pull_sub-solid-txt {
  margin-top: 16px;
}
.pull_sub-solid-sec .sub-solid-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  display: block;
}
.pull_sub-solid-sec .sub-solid-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 4px;
}
.pull_sub-solid-sec .pull_sub-form-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  text-align: left;
}
.pull_sub-solid-sec .checkbox {
  margin-top: 16px;
}
.pull_sub-solid-sec .checkbox label {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  line-height: 24px;
}

.pay_monthbnox-wrap {
  background-color: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pay_monthbnox-wrap .pay_monthbnox-select {
  position: relative;
  display: inline-block;
  margin-bottom: 8px;
  height: 26px;
  background: transparent;
}
.pay_monthbnox-wrap .pay_monthbnox-select select {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  border: none;
  background: none;
  padding-right: 37px;
  line-height: 31px;
  z-index: 1;
}
.pay_monthbnox-wrap .pay_monthbnox-select .monthbnox-select_btn {
  background: #ffffff url("../img/icon/ic_arrow_normal.svg") center/20px no-repeat;
  border-radius: 100%;
  height: 31px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 31px;
}
.pay_monthbnox-wrap .pay_monthbnox-select .btn_selectbox {
  height: 26px;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  border: none;
  background: transparent;
}
.pay_monthbnox-wrap .pay_monthbnox-select .btn_selectbox::after {
  top: -1px;
  right: 0;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background-position: center center;
  background-color: #ffffff;
  background-size: 17px auto;
  background-repeat: no-repeat;
}
.pay_monthbnox-wrap .pay_monthbnox-select .combobox {
  top: 37px;
  left: 50%;
  width: 180px;
  padding: 20px 29px 10px;
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pay_monthbnox-wrap .pay_monthbnox-select .combobox .combobox_option &gt; button,
.pay_monthbnox-wrap .pay_monthbnox-select .combobox .selectbox .combobox_option &gt; a {
  margin-bottom: 10px;
  line-height: 26px;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
}
.pay_monthbnox-wrap .pay_monthbnox-select .combobox .combobox_option &gt; button:hover,
.pay_monthbnox-wrap .pay_monthbnox-select .combobox .selectbox .combobox_option &gt; a:hover {
  color: #3617ce;
}
.pay_monthbnox-wrap .pay_monthbnox-won {
  color: #000000;
  font-size: 28px;
  font-weight: 400;
  line-height: 43px;
}
.pay_monthbnox-wrap .pay_monthbnox-won &gt; b {
  font-size: 58px;
  font-weight: 900;
  line-height: 67px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}
.pay_monthbnox-wrap .pay_monthbnox-list {
  display: inline-block;
  vertical-align: top;
  margin-left: 60px;
}
.pay_monthbnox-wrap .pay_monthbnox-list .pay_monthbnox-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 320px;
}
.pay_monthbnox-wrap .pay_monthbnox-list .pay_monthbnox-item:before {
  background-color: #d9d9d9;
  content: "";
  display: block;
  height: 1px;
  margin: 16px 0;
  width: 100%;
}
.pay_monthbnox-wrap .pay_monthbnox-list .pay_monthbnox-item:first-of-type:before {
  display: none;
}
.pay_monthbnox-wrap .pay_monthbnox-list .monthbnox-item-tit {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  line-height: 32px;
  color: #000000;
}
.pay_monthbnox-wrap .pay_monthbnox-list .monthbnox-item-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  line-height: 32px;
  color: #000000;
}
.pay_monthbnox-wrap .pay_monthbnox-list .monthbnox-item-btn {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  line-height: 20px;
  margin-left: 20px;
}

.butn_wrap.align-right {
  font-size: 0;
  margin-top: 30px !important;
  text-align: right;
}
.butn_wrap.align-right .butn ~ .butn {
  margin-left: 16px;
}
.butn_wrap.align-right .butn.medium {
  width: 160px;
}
.butn_wrap.align-right .butn.chart:before {
  content: "";
  display: inline-block;
  background-image: url("../img/icon/ic_chart.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: sub;
}

.service_price-title {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.service_price-title .service_price-btn {
  padding: 0 40px;
}

.my_pay_select {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
  padding-top: 30px;
}
.my_pay_select .selectbox {
  width: 50%;
}
.my_pay_select .small_txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}

.my_pay-list .my_pay-item .my_pay-tit {
  border-top: 1px solid #e4e4e4;
}
.my_pay-list .my_pay-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  padding: 30px 0;
  position: relative;
  text-align: left;
  width: 100%;
}
.my_pay-list .my_pay-tit:after {
  background: url("../img/icon/ic-arrow-accordion.svg") center/cover no-repeat;
  content: "";
  height: 32px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  width: 32px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.my_pay-list .my_pay-tit.active:after {
  -webkit-transform: translateY(-50%) rotate(360deg);
          transform: translateY(-50%) rotate(360deg);
}
.my_pay-list .info-tit-right {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  line-height: 30px;
  position: absolute;
  right: 92px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.my_pay-list .info-tit-right .num {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  display: inline-block;
  font-weight: 900;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.my_pay-list .my_pay-panel {
  display: none;
  padding-bottom: 40px;
}
.my_pay-list .table_wrap table {
  font-size: 16px;
}
.my_pay-list .table_wrap thead th {
  text-align: center;
}
.my_pay-list .table_wrap tbody td {
  text-align: left;
}
.my_pay-list .table_wrap tbody td.txt-r {
  text-align: right;
}

.chargebox_wrap {
  background-color: #f2f2f2;
  padding: 30px 92px 30px 40px;
}
.chargebox_wrap .chargebox_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chargebox_wrap .chargebox_list + .chargebox_list {
  margin-top: 16px;
}
.chargebox_wrap .chargebox_list.sum .chargebox_tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.chargebox_wrap .chargebox_list.sum .num {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.chargebox_wrap .chargebox_tit {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}
.chargebox_wrap .chargebox_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.chargebox_wrap .chargebox_txt .num {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}

.pay_month_pop {
  margin-top: 60px;
}
.pay_month_pop:first-of-type {
  margin-top: 0;
}
.pay_month_pop + .info_box {
  margin-top: 120px;
}
.pay_month_pop .table_wrap.footer-table {
  margin-top: 0;
}

.gage_bar-wrap {
  padding: 0 49px;
  position: relative;
  text-align: center;
}
.gage_bar-wrap .gage_bar-slide {
  overflow: hidden;
}
.gage_bar-wrap .gage_bar-next,
.gage_bar-wrap .gage_bar-prev {
  background: url("../img/icon/04-icon-etc-ic-arrow-circle.svg") center/cover no-repeat;
  cursor: pointer;
  height: 32px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 32px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.gage_bar-wrap .gage_bar-next.swiper-button-disabled,
.gage_bar-wrap .gage_bar-prev.swiper-button-disabled {
  opacity: 0;
}
.gage_bar-wrap .gage_bar-next {
  right: 0;
}
.gage_bar-wrap .gage_bar-prev {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  left: 0;
}
.gage_bar-wrap .gage_top-month {
  color: #797979;
  font-size: 10px;
  font-weight: 700;
}
.gage_bar-wrap .gage_top-won {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  margin-bottom: 10px;
}
.gage_bar-wrap .gage_top-won &gt; b {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 900;
  line-height: 29px;
  vertical-align: bottom;
}
.gage_bar-wrap .gage_box {
  margin-top: 5px;
  text-align: left;
}
.gage_bar-wrap .gage_box .gage_rate {
  background: url("../img/image/graph_pattern_01.png") 0 0 no-repeat;
  background-size: auto 100%;
}
.gage_bar-wrap .gage_box + .gage_box .gage_rate {
  background: url("../img/image/graph_pattern_02.png") 0 0 no-repeat;
  background-size: auto 100%;
}
.gage_bar-wrap .gage_box.sum .gage_rate {
  background: url("../img/image/graph_pattern_03.png") 0 0 no-repeat;
  background-size: auto 100%;
}
.gage_bar-wrap .gage_box.sum .gage_won &gt; b {
  color: #ff9710;
}
.gage_bar-wrap .gage_tit {
  font-size: 10px;
  font-weight: 500;
  color: #000000;
}
.gage_bar-wrap .gage_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gage_bar-wrap .gage_track {
  background-color: #d9d9d9;
  border-radius: 4px;
  display: block;
  height: 8px;
  margin-top: 4px;
  position: relative;
  width: 140px;
}
.gage_bar-wrap .gage_rate {
  background-color: #000000;
  border-radius: inherit;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.gage_bar-wrap .gage_won {
  font-size: 12px;
  line-height: 17px;
}
.gage_bar-wrap .gage_won &gt; b {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  font-weight: 900;
  line-height: 17px;
}
.gage_bar-wrap .swiper-slide {
  background-color: #f2f2f2;
  border-radius: 12px;
  padding: 20px;
}

.btv_service .radio {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btv_service .radio label {
  color: #000000;
  font-weight: 700;
}

.input_flex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input_flex_wrap .input_box {
  font-size: 0;
  width: 400px;
}
.input_flex_wrap .input_box label {
  width: 80px;
}
.input_flex_wrap .input_box .input_inner {
  width: calc(100% - 80px);
}
.input_flex_wrap .input_info_txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  margin-bottom: 12px;
  text-align: right;
}
.input_flex_wrap .input_info_txt &gt; b {
  color: #3617ce;
  font-weight: 700;
}

.charge_flex-wrap .charge_flex-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 360px;
}
.charge_flex-wrap .charge_flex-box + .charge_flex-box {
  margin-left: 60px;
}
.charge_flex-wrap .charge_flex-tit {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}
.charge_flex-wrap .charge_flex-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}

.content_tit + .dt_table_style1 {
  margin-top: 24px;
}

.butn.document:before {
  background-image: url("../img/icon/ic_document.svg");
  margin-right: 4px;
  vertical-align: sub;
}

.payment_info-name {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-bottom: 40px;
}
.payment_info-name &gt; b {
  color: #3617ce;
}

.payment_info-table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr 60px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}
.payment_info-table:first-of-type .payment_info-list:before {
  display: none;
}
.payment_info-table .payment_info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.payment_info-table .payment_info-list:before {
  background-color: #d9d9d9;
  content: "";
  display: block;
  height: 1px;
  margin: 16px 0;
  width: 100%;
}
.payment_info-table .payment_info-list &gt; * {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}
.payment_info-table .payment_info-txt {
  font-weight: 700;
}

.mys_info_tit {
  font-size: 64px;
  line-height: 84px;
  font-weight: 700;
  letter-spacing: -1.6px;
}
.mys_info_tit + .title_s1 {
  margin-top: 60px;
}
.mys_info_tit + .none_info.large {
  margin-top: 50px;
}

.mys_info_subtit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin: 60px 0;
}

.detail_tab-item .num {
  color: #000000;
  font-size: 24px;
  font-weight: 900;
  margin-right: 2px;
}
.detail_tab-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 24px;
  border-bottom: 2px solid #000000;
}
.detail_tab-item-header-tit {
  font-size: 30px;
  color: #000000;
  font-weight: 700;
}
.detail_tab-item-header-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.detail_tab-item-header .deadline {
  color: #797979;
  font-size: 24px;
  text-align: left;
}
.detail_tab-item-header .remain {
  color: #000000;
  font-size: 24px;
  text-align: right;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 8px;
}
.detail_tab-item-header + .none_info {
  margin-top: 30px;
}
.detail_tab-item-box {
  padding: 20px 24px;
  border-bottom: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.detail_tab-item-box-txt {
  position: relative;
  padding-left: 104px;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 400;
}
.detail_tab-item-box-txt:before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 10px;
  left: 0;
}
.detail_tab-item-box-txt.coupon:before {
  background: url("../img/icon/ic-coupon.svg") center/100% no-repeat;
}
.detail_tab-item-box-txt.Bpoint:before {
  background: url("../img/icon/ic-bpoint.svg") center/100% no-repeat;
}
.detail_tab-item-box-txt.Bcash:before {
  background: url("../img/icon/ic-bcash.svg") center/100% no-repeat;
}
.detail_tab-item-box-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 20px;
  padding-left: 104px;
}
.detail_tab-item-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-right: 40px;
}
.detail_tab-item-box dt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  margin-right: 20px;
}
.detail_tab-item-box dd {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  font-weight: 500;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail_tab-item-box + .pagination_list-wrap {
  margin-top: 60px;
}
.detail_tab-item .detail_tab-item-point {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #000000;
}
.modal .modal-con .table_wrap.mt-20 {
  margin-top: 20px;
}

.table_wrap tbody .th-l {
  padding: 14px 20px;
  background-color: #f2f2f2;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}

table.mt-8 {
  margin-top: 8px;
}

.r_align_txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  margin-bottom: 20px;
  text-align: right;
}

.chest_radio_wrap .radio label {
  color: #000000;
}

.disc-gray-box {
  width: 100%;
  background-color: #f2f2f2;
  padding: 20px 40px;
  margin-top: 40px;
}
.disc-gray-box + .chest_radio_wrap {
  margin-top: 20px;
}

.disc-gray-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.popup-img-wrap {
  margin: 40px auto;
  text-align: center;
}

.service_tit {
  padding-bottom: 24px;
  border-bottom: 2px solid #000000;
}

.content {
  border-top: 2px solid #000000;
}
.content .contents_list {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e4e4e4;
}
.content .input_list label {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 12px;
}
.content + .butn_wrap {
  margin-top: 60px;
}

.btn-margin {
  margin-top: 60px;
}

.title_btn_box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.subscript_info-wrap + .butn_wrap {
  margin-top: 60px;
}
.subscript_info-wrap + .dt_table_style1 {
  margin-top: 60px;
}

.hide-tab.active {
  padding-top: 60px;
}

.subs_chg-wrap {
  border-top: 2px solid #000000;
}
.subs_chg-wrap .contents_list {
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
  padding: 20px 0;
}
.subs_chg-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subs_chg-title {
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
.subs_chg-btn {
  width: 160px;
  margin-left: 60px;
}
.subs_chg-due {
  width: 100%;
  background-color: #f2f2f2;
  padding: 30px 408px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subs_chg-due .subs_chg-box_list {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subs_chg-due .subs_chg-box_list:nth-of-type(1) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 80px;
  position: relative;
}
.subs_chg-due .subs_chg-box_list:nth-of-type(2) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 80px;
}
.subs_chg-due .subs_chg-box_list:first-child::after {
  content: "";
  width: 1px;
  height: 16px;
  background: #797979;
  position: absolute;
  top: 50%;
  right: -80px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.subs_chg-due .subs_chg-box_tit {
  margin-right: 40px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}
.subs_chg-due .subs_chg-box_txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}

#mys_3009 .move_apply {
  margin-bottom: 5.5555555556vw;
}
#mys_3009 .move_apply:not(:first-child) {
  border-top: 0.2777777778vw solid #f2f2f2;
  padding-top: 5.5555555556vw;
}
#mys_3009 .move_apply-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.7777777778vw;
}
#mys_3009 .move_apply-item:last-child {
  margin-bottom: 0;
}
#mys_3009 .move_apply-tit {
  color: #797979;
}
#mys_3009 .move_apply-btn {
  margin-top: 4.4444444444vw;
}

.chg_number-subt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: normal;
  color: #797979;
  letter-spacing: -0.6px;
  margin-top: 8px;
  margin-bottom: 60px;
}
.chg_number_btn-wrap {
  margin-bottom: 60px;
}
.chg_number-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: normal;
  color: #797979;
  letter-spacing: -0.6px;
  margin-top: 8px;
  margin-bottom: 30px;
}

.chg_apply_btn-wrap {
  margin-top: 60px;
}

.internet_call-subt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: normal;
  color: #797979;
  margin-top: 8px;
  margin-bottom: 60px;
}
.internet_call-help {
  margin-left: 108px;
}
.internet_call-btn {
  margin-top: 60px;
  margin-bottom: 120px;
}

#regist_current {
  display: none;
  visibility: hidden;
}
#regist_current.active {
  display: block;
  visibility: visible;
}

.regist_current-box {
  width: 100%;
  padding: 60px;
  background-color: #f2f2f2;
  border-radius: 12px;
  margin-top: 25px;
  margin-bottom: 31px;
}
.regist_current-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.regist_current-list .regist_current-img {
  margin: 0 60px;
}
.regist_current-item {
  text-align: center;
  position: relative;
}
.regist_current-item.icons {
  margin-left: 94px;
}
.regist_current-item.icons::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 64px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -94px;
}
.regist_current-item.step-one::before {
  background: url("../img/icon/ic-condition-01-off.svg") 0 0/100%;
}
.regist_current-item.step-two::before {
  background: url("../img/icon/ic-condition-02-off.svg") 0 0/100%;
}
.regist_current-item.step-three::before {
  background: url("../img/icon/ic-condition-03-off.svg") 0 0/100%;
}
.regist_current-item.step-one.active::before {
  background: url("../img/icon/ic-condition-01-on.svg") 0 0/100%;
}
.regist_current-item.step-two.active::before {
  background: url("../img/icon/ic-condition-02-on.svg") 0 0/100%;
}
.regist_current-item.step-three.active::before {
  background: url("../img/icon/ic-condition-02-on.svg") 0 0/100%;
}
.regist_current-item .step-badge {
  width: 85px;
  padding: 4px 16px;
  border-radius: 14px;
  text-align: center;
  background: #a9a9a9;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}
.regist_current-item .regist_current-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #797979;
}
.regist_current-item.active .step-badge {
  background: #3617ce;
}
.regist_current-item.active .regist_current-txt {
  color: #000000;
}

.recept_consult-wrap {
  margin-top: 24px;
}
.recept_consult-wrap .recept_consult-box {
  background-color: #f2f2f2;
  width: 100%;
  border-radius: 12px;
  padding: 60px 75px;
}
.recept_consult-wrap .recept_consult-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recept_consult-wrap .recept_consult-list .recept_consult-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.recept_consult-wrap .recept_consult-list .recept_consult-txt .link {
  padding-right: 28px;
  background: url("../img/icon/ic_arrow_right.svg") right center no-repeat;
}
.recept_consult-wrap .recept_consult-list .recept_consult-sub {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  line-height: 32px;
  letter-spacing: -0.45px;
}
.recept_consult-wrap .recept_consult-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 310px;
  min-height: 64px;
  padding-left: 84px;
  margin-right: 120px;
}
.recept_consult-wrap .recept_consult-item img {
  position: absolute;
  top: -3px;
  left: 0;
}
.recept_consult-wrap .recept_consult-item:nth-last-child(1) {
  margin: 0;
}

.hope_num-modal .modal-wrap.scrollBar .modal-con {
  max-height: none;
}
.hope_num-modal .local_num {
  margin-bottom: 20px;
}

.country_code-subt {
  color: #797979;
  margin-top: 8px;
}
.country_code-subt.table-subt {
  margin-bottom: 12px;
}
.country_code-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: -0.75px;
  margin-bottom: 30px;
}
.country_code-table {
  margin-top: 20px;
  margin-bottom: 40px;
}
table tbody .country_code-radio {
  display: block;
  text-align: center;
}

.choice_number-box {
  margin-top: 50px;
  padding: 30px 40px;
  border: 1px solid #797979;
  border-radius: 12px;
}
.choice_number-box.choiced {
  background-color: #f2f2f2;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  margin-bottom: 30px;
}
.choice_number-box.choiced .choiced-num {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-right: 30px;
}
.choice_number-box.choiced .choiced-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.choice_number-title {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  letter-spacing: -0.75px;
  color: #797979;
}

.want_number-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  letter-spacing: -0.75px;
  margin-bottom: 8px;
}

.want_num-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 60px;
}

.want_num-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  -webkit-box-flex: 193px;
      -ms-flex: 193px;
          flex: 193px;
  padding-top: 12px;
}

.want_num-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.want_num-box .input_inner {
  margin-right: 8px;
}
.want_num-box .input_inner.small {
  height: 48px;
  width: 112px;
}
.want_num-box .input_inner.large {
  width: 370px;
  height: 48px;
}
.want_num-box .input_inner.large .help_txt {
  padding: 12px;
  color: #797979;
}
.want_num-box .want_num-btn {
  height: 48px;
}

.choice_num-table {
  margin-bottom: 30px;
}

.change_term-title {
  margin-bottom: 60px;
}

.subs_tab-btn {
  margin-bottom: 60px;
}

.stop_apply-tit {
  padding-bottom: 24px;
  border-bottom: 2px solid #000000;
}
.stop_apply-cont {
  margin-bottom: 60px;
}
.stop_apply-cont &gt; li {
  padding: 20px 0;
  border-bottom: 1px solid #e4e4e4;
}

.input_calendar {
  position: relative;
}
.input_calendar::after {
  content: "";
  display: inline-block;
  position: absolute;
  background: url("../img/icon/ic_calendar.svg") 0 0/100%;
  width: 32px;
  height: 32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

.detail-ta .input_title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3.3333333333vw;
}
.detail-ta .input_title-sub {
  font-size: 3.6111111111vw;
}
.detail-ta .input_title-highlight {
  color: #ff404e;
}

.input_disabled-icon:after {
  content: "";
  display: inline-block;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  position: absolute;
  background: url("../../img/icon/ic_calendar.svg") center/100% no-repeat;
}

.input_txt .red {
  color: #ff404e;
}

.last-input {
  margin: 0;
  margin-bottom: 8.3333333333vw;
}

.selectbox .icon-calender:after {
  content: "";
  display: inline-block;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  position: absolute;
  background: url("../../img/icon/ic_calendar.svg") center/100% no-repeat;
}

.input_list .input_box.calendar label {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 12px;
}

.stop_date-title {
  margin-bottom: 60px;
}
.stop_date-subt {
  margin-top: 60px;
  padding-bottom: 24px;
}
.stop_date-table {
  margin-bottom: 60px;
}

.choice_box.none_product::after {
  background: none;
}

.added_service-title {
  margin-bottom: 60px;
}
.added_service-info {
  margin-top: 30px;
  margin-bottom: 60px;
}
.added_service-table tbody tr td:first-child {
  text-decoration: underline;
  color: #303030;
}

.use_service-tit {
  margin-top: 120px;
  margin-bottom: 30px;
}
.use_service-table {
  margin-bottom: 60px;
}
.use_service-table tbody tr td a {
  text-decoration: underline;
  color: #303030;
}

.subscr_service-tit {
  margin-top: 120px;
  margin-bottom: 24px;
}
.subscr_service-table {
  margin-bottom: 60px;
}
.subscr_service-table tbody tr td a {
  text-decoration: underline;
  color: #303030;
}

.added_btv-info {
  margin-bottom: 60px;
  margin-top: 30px;
}
.added_btv-info .subs_info-cont .subs_info-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.added_btv-info .subs_info-cont .subs_info-list .subs_info-item {
  -webkit-box-flex: calc(33.33% - 60px);
      -ms-flex: calc(33.33% - 60px);
          flex: calc(33.33% - 60px);
  padding: 0;
  border: 0;
}
.added_btv-info .subs_info-cont .subs_info-list .subs_info-item:not(:last-child) {
  margin-right: 60px;
}

table.added_btv-table tbody tr td:nth-of-type(1) {
  text-decoration: underline;
  color: #303030;
}
table.added_btv-table tbody tr td:nth-of-type(2) {
  text-decoration: none;
  color: #797979;
}

.paybox_wrap {
  margin-top: 5.5555555556vw;
}

.paybox_list-item:last-child {
  margin: 0;
}

.service_list:last-child {
  margin: 0;
  padding-bottom: 0;
  border: 0;
}

.service_list {
  font-size: 3.8888888889vw;
  padding-bottom: 5.5555555556vw;
  border-bottom: 0.2777777778vw solid #d9d9d9;
  margin-bottom: 5.5555555556vw;
}
.service_list-title {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-size: bold;
  padding-bottom: 2.7777777778vw;
}
.service_list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2.7777777778vw;
}
.service_list-tit {
  color: #797979;
}
.service_list-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}
.service_list-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.service_list-btn {
  margin: 8.3333333333vw 0 16.6666666667vw 0;
}
.service_list .change_opt {
  margin-left: 4.4444444444vw;
  font-weight: normal;
}

.subscr_service-btn {
  border: 0.2777777778vw solid #ff9710;
  color: #ff9710;
}
.subscr_service-txt {
  font-size: 3.6111111111vw;
  color: #ff404e;
  margin-top: 2.2222222222vw;
}

.recepting-txt {
  color: #3617ce;
}
.recepting-install {
  color: #ff404e;
}

.add_service-title {
  margin-bottom: 60px;
}

.add_apply-tit {
  margin-bottom: 30px;
}

.add_service_box {
  width: 100%;
  padding: 24px 40px;
  border: 2px solid #000000;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.add_service_box-tit {
  font-size: 22px;
  font-weight: 700;
  color: #000000;
}
.add_service_box-txt_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.add_service_box-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
}
.add_service_box-price {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-left: 20px;
}

.apply_info_box-checkbox {
  margin-bottom: 20px;
  margin-top: 30px;
}
.apply_info_box-checkbox label {
  color: #000000;
}
.apply_info_box-list {
  border-top: 1px solid #000000;
  padding-top: 10px;
  margin-bottom: 50px;
}
.apply_info_box-item {
  padding: 20px 0;
  border-bottom: 1px solid #e4e4e4;
}
.apply_info_box-item:last-child {
  border: 0;
}
.apply_info_box-item .input_box {
  width: 580px;
}
.apply_info_box .box_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.apply_info_box .input_box.half {
  padding-left: 80px;
}
.apply_info_box .input_box .input_inner {
  width: 430px;
}
.apply_info_box .input_box .label {
  -ms-flex-item-align: start;
      align-self: flex-start;
  color: #000000;
  margin-top: 12px;
}

.apply_info-complete {
  background-color: #f2f2f2;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 40px;
}
.apply_info-complete.box_margin {
  margin-bottom: 30px;
}
.apply_info-complete .apply_info_comp-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.apply_info-complete .apply_info_comp-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  color: #797979;
}
.apply_info-complete .apply_info_comp-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #000000;
}
.apply_info-complete .apply_info_comp-btn {
  margin-left: 30px;
}

.agreement_box label {
  color: #000000;
  font-size: 20px;
}
.agreement_box.agree-cont .agreement_box-title {
  padding-bottom: 30px;
}
.agreement_box.agree-cont .agree_checkbox-all {
  padding-bottom: 20px;
  padding-top: 30px;
  border-bottom: 1px solid #000000;
}
.agreement_box.agree-cont .agree_checkbox-all label {
  font-weight: 700;
}
.agreement_box.agree-cont .agree_checkbox-items {
  border-bottom: 1px solid #e4e4e4;
}
.agreement_box.agree-cont .agree_checkbox-items .agree_checkbox-list {
  position: relative;
}
.agreement_box.agree-cont .agree_checkbox-items .agree_checkbox-list .checkbox.item {
  width: calc(100% - 40px);
  padding: 20px 0;
  position: relative;
  z-index: 10;
}
.agreement_box.agree-cont .agree_checkbox-items .agree_arrow {
  position: absolute;
  width: 100%;
  height: 70px;
  top: 0;
  right: 0;
}
.agreement_box.agree-cont .agree_checkbox-items .agree_arrow::before {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 19px;
  width: 32px;
  height: 32px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url("../img/icon/ic-arrow-accordion.svg") 0 0/100% no-repeat;
  z-index: 5;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.agreement_box.agree-cont .agree_checkbox-items .agree_arrow.active::before {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.agreement_box.agree-wait {
  border: 1px solid #797979;
}
.agreement_box.agree-wait .agreement_box-title {
  color: #797979;
}
.agreement_box-title {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.agreement_box-btn {
  margin-top: 50px;
}

.btn-before {
  margin-top: 60px;
}

.service_terms-tit {
  border-bottom: 2px solid #000000;
}
.service_terms-cont {
  padding: 30px 0;
  border-bottom: 1px solid #e4e4e4;
}

.modal.add_service-modal .add_service-table {
  margin-bottom: 30px;
}
.modal.add_service-modal .add_service-table .black {
  color: #000000;
}
.modal.add_service-modal .table_wrap {
  margin-top: 0;
}
.modal.add_service-modal .add_service-info {
  padding: 30px;
}
.modal.add_service-modal .add_service-info .input_list {
  margin-top: 40px;
  margin-left: -30px;
}
.modal.add_service-modal .add_service-info .input_list .input_box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal.add_service-modal .add_service-info .input_list .input_box + .input_box {
  margin-top: 20px;
}
.modal.add_service-modal .add_service-info .input_list .input_box &gt; label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding-bottom: 0;
}
.modal.add_service-modal .add_service-info .input_list .input_box .byte_wrap {
  margin-left: 10px;
}
.modal.add_service-modal .add_service-info .input_list .input_box .byte_wrap .byte_num {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.modal-check {
  border-top: 1px solid #e4e4e4;
  padding-top: 30px;
}

.add_service-term .add_service-subt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 500;
  margin-bottom: 20px;
}

.modal-select .modal-select_tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 700;
  margin-top: 60px;
  margin-bottom: 20px;
}

.modal_info + .modal-select {
  padding-bottom: 40px;
}
.modal_info + .modal-select .modal-select_tit {
  margin-top: 30px;
}

.modal-radio {
  margin-top: 30px;
}
.modal-radio_tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  margin-right: 60px;
}

.modal_info-box {
  width: 100%;
  padding: 30px;
  background: #f2f2f2;
  margin-top: 60px;
}
.modal_info-box .modal_info-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  color: #303030;
}
.modal_info-box .modal_info-list {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  color: #797979;
  padding-left: 12px;
}
.modal_info-box .modal_info-item {
  margin-top: 10px;
  position: relative;
}
.modal_info-box .modal_info-item::before {
  content: "";
  position: absolute;
  background-color: #797979;
  width: 4px;
  height: 4px;
  background-position: 4px 4px;
  background-repeat: no-repeat;
  border-radius: 4px;
  top: 10px;
  left: -12px;
}
.modal_info-box .modal_info-item .black {
  color: #000000;
}

.child_pass-title {
  padding-bottom: 30px;
}
.child_pass-list {
  padding: 20px 0;
  border-top: 2px solid #000000;
  border-bottom: 1px solid #e4e4e4;
}
.child_pass-list + .child_pass-list {
  border-top: none;
}
.child_pass-list label {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 12px;
}
.child_pass-list.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.child_pass-list.half &gt; div {
  width: 420px;
}
.child_pass-list.half &gt; div .input_inner {
  width: 300px;
}

.butn.remove {
  display: none;
  visibility: hidden;
}

.hide-tab {
  display: none;
  visibility: hidden;
}
.hide-tab.active {
  display: block;
  visibility: visible;
}
.hide-tab .butn_wrap {
  padding-top: 60px;
}

.title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page_title {
  margin-bottom: 60px;
}

.btn_more-wrap {
  margin-top: 10vw;
}

.btn_datepicker {
  text-align: left;
  font-size: 3.8888888889vw;
  height: 13.3333333333vw;
  border: 0.2777777778vw solid #000000;
  background-color: #ffffff;
  border-radius: 1.6666666667vw;
  width: 100%;
  padding: 0 11.6666666667vw 0 3.3333333333vw;
  color: #a9a9a9;
}
.btn_datepicker.first_placeholder {
  color: #000000;
}
.btn_datepicker-selected {
  border-bottom: 0;
  border-color: #3617ce;
  border-radius: 1.6666666667vw 1.6666666667vw 0 0;
}
.btn_datepicker::-webkit-input-placeholder {
  color: #a9a9a9 !important;
}
.btn_datepicker::-moz-placeholder {
  color: #a9a9a9 !important;
}
.btn_datepicker:-ms-input-placeholder {
  color: #a9a9a9 !important;
}
.btn_datepicker::-ms-input-placeholder {
  color: #a9a9a9 !important;
}
.btn_datepicker::placeholder {
  color: #a9a9a9 !important;
}
.btn_datepicker.disabled {
  border-color: #797979;
  background-color: #f2f2f2;
  color: #797979;
}
.btn_datepicker.disabled:focus {
  border-color: #797979;
}
.btn_datepicker:focus {
  border-color: #3617ce;
}
.btn_datepicker::after {
  content: "";
  display: inline-block;
  width: 7.7777777778vw;
  height: 7.7777777778vw;
  position: absolute;
  top: 2.7777777778vw;
  right: 2.7777777778vw;
  background: url("../img/icon/ic_calendar.svg") 0 0/100%;
}

.subs_info-wrap {
  background-color: #f2f2f2;
  border-radius: 12px;
  padding: 40px 60px;
}

.subs_info-title {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-bottom: 40px;
}
.subs_info-title .subs_info-name {
  color: #3617ce;
}
.subs_info-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subs_info-list {
  width: 360px;
  margin-right: 60px;
}
.subs_info-list:last-child {
  margin: 0;
}
.subs_info-list .subs_info-item:nth-of-type(1) {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 16px;
}
.subs_info-list .subs_info-item:nth-of-type(2) {
  padding-top: 16px;
}
.subs_info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subs_info-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.subs_info-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}

.cancle_product-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #797979;
  font-weight: 400;
  margin-top: 8px;
}

.cancle_product-wrap {
  margin-top: 30px;
}
.cancle_product-wrap .cancle_product-box {
  border-top: 1px solid #000000;
  padding: 20px 0;
}
.cancle_product-wrap .cancle_product-box + .cancle_product-box {
  border-top: 1px solid #e4e4e4;
}
.cancle_product-wrap .cancle_product-box .none_info {
  width: 100%;
  margin-top: 20px;
  padding-top: 97px;
  border: 1px solid #d9d9d9;
  background-position: center 24px;
}
.cancle_product-wrap .radio label {
  font-size: 18px;
  height: auto;
  padding-left: 40px;
}
.cancle_product-wrap .radio_name {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
}
.cancle_product-wrap .radio_txt {
  margin-top: 10px;
}
.cancle_product-wrap .radio_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.cancle_product-wrap .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 60px;
}
.cancle_product-wrap .info-txt {
  color: #000000;
  font-weight: 700;
  margin-left: 20px;
}
.cancle_product-wrap .pay_chk-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #000000;
  font-weight: 700;
}
.cancle_product-wrap .pay_chk-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  margin-top: 8px;
}
.cancle_product-wrap .pay_chk-list {
  margin-top: 20px;
}
.cancle_product-wrap .pay_chk-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.cancle_product-wrap .pay_chk-item + .pay_chk-item {
  margin-top: 8px;
}
.cancle_product-wrap .pay_chk-item:before {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background: url("../img/icon/ic_detail.svg") center/cover no-repeat;
  content: "";
  height: 20px;
  margin-right: 4px;
  width: 20px;
}
.cancle_product-wrap .pay_chk-item .won {
  margin-left: auto;
}
.cancle_product-wrap .pay_chk-sum {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 40px;
}
.cancle_product-wrap .pay_chk-sum .left {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.cancle_product-wrap .pay_chk-sum .left &gt; b {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #000000;
  display: block;
  font-weight: 500;
  margin-bottom: 8px;
}
.cancle_product-wrap .pay_chk-sum .right {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.cancle_product-wrap .pay_chk-sum .right &gt; b {
  font-size: 32px;
  font-weight: 700;
  vertical-align: sub;
}
.cancle_product-wrap .input_list.style2 .input_item:first-child {
  border-top: 1px solid #000000;
}
.cancle_product-wrap .input_list.style2 .label {
  color: #000000;
  width: 150px;
}
.cancle_product-wrap .input_list.style2 .textarea {
  height: 120px;
  padding: 20px;
}
.cancle_product-wrap .input_list.style2 .datepicker-box {
  width: 490px;
}
.cancle_product-wrap .circle_list .circle_item {
  font-size: 16px;
}
.cancle_product-wrap .circle_list .circle_item ~ .circle_item {
  margin-top: 10px;
}
.cancle_product-wrap .checkbox {
  margin-top: 20px;
}
.cancle_product-wrap .checkbox label {
  color: #000000;
}
.cancle_product-wrap + .butn_wrap {
  margin-top: 30px;
}

.donate_info-box {
  background: #f2f2f2 url("../img/icon/ic-chest.svg") right 80px center/122px 120px no-repeat;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  padding: 40px 80px;
}
.donate_info-box .donate_info-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #000000;
  font-weight: 700;
}
.donate_info-box .donate_info-mid {
  margin-left: 60px;
}
.donate_info-box .donate_info-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.donate_info-box .donate_info-txt &gt; * {
  color: #000000;
  font-weight: 700;
}
.donate_info-box .butn {
  margin-top: 30px;
}

.payment_info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.payment_info-title {
  margin-right: auto;
}

.payment_info-calendar-btn {
  width: 31px;
  height: 31px;
  background-color: #ffffff;
  border-radius: 50%;
  position: relative;
}

.payment_info-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}

.payment_info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.payment_info-table_01 {
  margin-right: 60px;
}

.sub_title_wrap {
  margin-bottom: 30px;
  position: relative;
}
.sub_title_wrap .right-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-left: 14px;
}
.sub_title_wrap .right-txt:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 2px;
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: top;
  background: url("../img/icon/ic_star.svg") center center/100%;
}
.sub_title_wrap .title_right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.sub_title_wrap .title_right .input_inner {
  width: 200px;
}
.sub_title_wrap .sub_h3_stxt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #797979;
  font-weight: 400;
  margin-top: 8px;
}

.mysMain_top {
  position: relative;
}
.mysMain_top .mysMain_top-tit {
  margin: 0 auto;
}
.mysMain_top .mysMain-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

.pay-title_wrap .pay-tit-btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.subscript_info-wrap + .accodion-wrapper {
  margin-top: 60px;
}

.join_info_wrap .join_info_box {
  border-radius: 6px;
  padding: 24px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid #000000;
  margin-top: 60px;
  width: 100%;
}

.join_info_box div:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.join_info_wrap .choice_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.join_info_wrap .choice_box::after {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-image: url("../img/icon/ic_arrow_normal.svg");
  background-repeat: no-repeat;
}

.join_info_box .badge {
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  font-size: 14px;
  border-radius: 4px;
  margin-right: 8px;
}

.join_info_box .choice_badge_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  line-height: 22px;
}

.join_info_box .choice_badge_text::before {
  content: "";
  width: 2px;
  height: 20px;
  background: #a9a9a9;
  margin: 0 20px;
}

.join_info_wrap .join_info_box .choice_box-txt {
  font-size: 18px;
  padding-top: 0;
  line-height: initial;
  margin-right: 30px;
}

.pay_wrap .pay-title_wrap {
  margin-bottom: 60px;
}

.pay-title_wrap .pay-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  line-height: 36px;
  color: #797979;
  font-weight: normal;
  margin-top: 8px;
  margin-bottom: 60px;
}
.pay-title_wrap .pay-txt .butn {
  float: right;
  margin-top: -4px;
}

.pay-box_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 60px;
}
.pay-box_wrap .graybox_wrap {
  width: 648px;
  min-height: 330px;
  padding: 40px;
  text-align: left;
  background-color: #f2f2f2;
  border-radius: 32px;
}
.pay-box_wrap .graybox_wrap .graybox-total-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 400;
  color: #000000;
}
.pay-box_wrap .graybox_wrap .graybox_list {
  margin-top: 30px;
}
.pay-box_wrap .graybox_wrap .graybox_list .graybox_list-item {
  padding-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pay-box_wrap .graybox_wrap .graybox_list .graybox_list-item .graybox_list-tit {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}
.pay-box_wrap .graybox_wrap .graybox_list .graybox_list-item .graybox_list-won {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.pay-box_wrap .graybox_wrap .graybox_list .graybox_list-item:last-child {
  padding-bottom: 0;
}
.pay-box_wrap .graybox_wrap .graybox-won {
  font-size: 28px;
  color: #000000;
  line-height: 67px;
}
.pay-box_wrap .graybox_wrap .graybox-won.big b {
  font-size: 58px;
  font-weight: 900;
  line-height: 1.16;
}
.pay-box_wrap .txt_btn_box {
  border-top: 1px solid #d9d9d9;
  padding-top: 20px;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pay-box_wrap .txt_btn_box .txt_box-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.pay-link_wrap {
  width: 648px;
  min-height: 330px;
  padding: 40px;
  border: 1px solid #797979;
  border-radius: 32px;
}
.pay-link_wrap .pay-link-tit {
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  font-weight: 700;
  margin-bottom: 8px;
}
.pay-link_wrap .links_choice_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}
.pay-link_wrap .links_choice_box .links_choice_box-item {
  width: 278px;
  border: 1px solid #797979;
  margin-right: 10px;
  height: 70px;
  border-radius: 6px;
}
.pay-link_wrap .links_choice_box .links_choice_box-item:nth-child(2n) {
  margin-right: 0;
}
.pay-link_wrap .links_choice_box .links_choice_box-item:nth-child(n+3) {
  margin-top: 12px;
}
.pay-link_wrap .links_choice_box .links_choice_box-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 15px 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-weight: 500;
  color: #303030;
}
.pay-link_wrap .links_choice_box .links_choice_box-item a::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 6px;
}
.pay-link_wrap .links_choice_box .links_choice_box-item.item01 a:before {
  background: url("../img/icon/ic_payment2.svg") center/100% no-repeat;
}
.pay-link_wrap .links_choice_box .links_choice_box-item.item02 a:before {
  background: url("../img/icon/ic_transfer2.svg") center/100% no-repeat;
}
.pay-link_wrap .links_choice_box .links_choice_box-item.item03 a:before {
  background: url("../img/icon/ic_skpay.svg") center/100% no-repeat;
}
.pay-link_wrap .links_choice_box .links_choice_box-item.item04 a:before {
  background: url("../img/icon/ic_account3.svg") center/100% no-repeat;
}
.pay-link_wrap .links_choice_box .links_choice_box-item.item05 a:before {
  background: url("../img/icon/ic_phonepay.svg") center/100% no-repeat;
}
.pay-link_wrap .links_choice_box .links_choice_box-item.item06 a:before {
  background: url("../img/icon/ic_kakaopay.svg") center/100% no-repeat;
}
.pay-link_wrap .links_choice_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 28px;
}

.pay-select_box .red {
  color: #ff404e;
}
.pay-select_box .accodion_hide-txt {
  color: #000000;
}

.pay-select_box {
  padding: 30px 40px;
  border: 2px solid #000000;
  border-radius: 12px;
  margin-top: 30px;
}

.pay-select-box-header .pay-select-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  line-height: 32px;
}

.pay-total-header_list {
  padding: 30px 0 20px;
  border-bottom: 1px solid #000000;
}
.pay-total-header_list label {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #000000;
}

.pay-select_box .pay-select-box-body {
  padding: 20px 0;
}

.pay-select-box-body .pay-check_tit {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #000000;
}

.pay-select-box-body .label_txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  line-height: 22px;
  display: inline-block;
}
.pay-select-box-body .label_txt.date {
  color: #000000;
}
.pay-select-box-body .label_txt.border {
  position: relative;
}
.pay-select-box-body .label_txt.border::after {
  content: "";
  display: inline-block;
  background-color: #d9d9d9;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -10px;
}

.pay-select-box-body .label_txt.margin-lf {
  margin-left: 80px;
}
.pay-select-box-body .label_txt.date {
  margin: 0 20px;
}

.pay-select-box-body .non-pay-list .non_pay {
  margin-left: 26px;
}

.pay-select-box-body .detail_list {
  padding-right: 40px;
}

.pay-select-box-body .detail_list.recent {
  padding-bottom: 30px;
  border-bottom: 1px solid #e4e4e4;
}

.pay-select-box-body .detail_list.non-pay-list {
  padding-top: 20px;
  padding-bottom: 25px;
}

.pay-select-box-body dt {
  position: relative;
  margin-bottom: 21px;
}
.pay-select-box-body dt .pay-select-won {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 20px;
  color: #000000;
  line-height: 26px;
  font-weight: 700;
}

.pay-select-box-body dd {
  padding-left: 40px;
  margin-bottom: 8px;
}
.pay-select-box-body dd:nth-last-child(1) {
  margin-bottom: 0;
}

.pay-select-box-body dd {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.pay-select-box-body dd .detail_list-won {
  line-height: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pay-select-box-body dd::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/icon/ic_detail.svg");
}

.pay-select-box-body .total_list-box {
  background: #f2f2f2;
  padding: 20px 40px;
}

.total_list-box div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.total_list-box .pay-total-wrap .total_won {
  font-size: 16px;
  line-height: 32px;
}

.total_list-box .pay-total-wrap.small .total-list-pay-tit {
  font-size: 18px;
  line-height: 40px;
  color: #000000;
}
.total_list-box .pay-total-wrap.small .total-list-pay-txt {
  font-size: 24px;
  line-height: 32px;
  color: #000000;
}

.total_list-box .pay-total-wrap.large .total-list-pay-tit {
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  color: #000000;
}
.total_list-box .pay-total-wrap.large .total-list-pay-txt {
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  color: #000000;
}

.card-info-box {
  border: 1px solid #797979;
  border-radius: 12px;
  padding: 30px 40px;
  margin-top: 30px;
}
.card-info-box p {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  color: #797979;
  line-height: 32px;
}

.gray-pay-select_box {
  background: #f2f2f2;
  padding: 30px 40px;
  border-radius: 12px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gray-pay-select_box .txt-btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gray-pay-select_box .gray-pay-select_tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  line-height: 32px;
  color: #797979;
}

.gray-pay-select_box .txt-btn_wrap P {
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  margin-right: 30px;
}

.card-info_box {
  padding: 30px 40px;
  border: 2px solid #000000;
  margin-top: 30px;
  border-radius: 12px;
}

.card-info_box .card-info_box-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 30px;
}

.card-info_box .card-input_list {
  width: 100%;
  margin-top: 30px;
}

.card-info_box .card-info_list {
  width: 100%;
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1px solid #e4e4e4;
}
.card-info_box .card-info_list:nth-child(1) {
  padding-top: 0;
}
.card-info_box .card-info_list:nth-last-child(1) {
  border-bottom: none;
}

.card-info_box .card-info_list .card-input_box {
  width: 45%;
}
.card-info_box .card-info_list .card-input_box label {
  color: #000000;
}
.card-info_box .card-info_list .card-input_box.card-input_box {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.card-info_box .card-info_list .card-input_box.card-input_box label {
  margin-top: 12px;
  padding-bottom: 0;
}

.card-info_box .card-info_list .card-input_inner {
  width: 430px;
}

.card-info_box .card-info_list.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-info_box .card-input_inner .install_selectbox {
  width: 211px;
}

.card-info_box .card_info-btn_wrap {
  padding-top: 30px;
}

.card-input_box .card-input_inner .card-pass-btn {
  width: 140px;
  display: inline-block;
}
.card-input_box .card-input_inner .card-back_pass {
  margin-left: 8px;
}

.pay-info-table_wrap .pay-table_tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-bottom: 30px;
}

.pay-confirm_wrap .pay-confirm_box {
  padding: 0;
  padding-top: 120px;
}

.pay-confirm_wrap .pay-confirm_box {
  text-align: center;
}
.pay-confirm_wrap .pay-confirm_box .pay-confirm-icon {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  line-height: 30px;
  position: relative;
  margin-top: 20px;
}

.pay-info-table tbody th {
  background: #f2f2f2;
  border-bottom: 1px solid #e4e4e4;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 20px;
  color: #000000;
}
.pay-info-table tbody td {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 20px;
}

.pay-info-table .butn_wrap {
  margin-top: 60px;
}

.privacy-confirm_box {
  border: 2px solid #000000;
  border-radius: 12px;
  padding: 30px 40px;
  margin-top: 30px;
}

.privacy-confirm_box .privacy-confirm-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 30px;
}

.privacy-input_box {
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000000;
}
.privacy-input_box .privacy-checkbox_tit {
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  font-weight: 700;
}

.privacy-confirm_box .privacy-info-box {
  padding: 20px 40px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 30px;
}

.privacy-info-box .privacy-info_list {
  margin-bottom: 20px;
}
.privacy-info-box .privacy-info_list:nth-last-child(1) {
  margin-bottom: 0px;
}

.privacy-info-box .privacy-info_list-tit {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: #000000;
}

.privacy-info-box .privacy-info_list-cont {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 26px;
}

.account-info_wrap {
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  padding: 38px 40px;
  height: 409px;
}

.account-info_wrap .account-info_tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-bottom: 20px;
}

.account-info_wrap .account-info-box-item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-bottom: 8px;
  position: relative;
  padding-left: 12px;
}
.account-info_wrap .account-info-box-item:nth-last-child(1) {
  margin-bottom: 0;
}
.account-info_wrap .account-info-box-item::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a9a9a9;
  top: 11px;
  left: 0;
}
.account-info_wrap .account-info-box-item .black {
  color: #000000;
}

.bank-teble-tit_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.bank-teble-tit_wrap .black {
  color: #000000;
}

.bank_list_table_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bank_list_table_wrap .bank_list_table_box {
  width: 648px;
}

.bank-link-list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}

.bank-link-list_wrap .bank-list-item {
  border: 1px solid #a9a9a9;
  border-radius: 6px;
  margin-bottom: 24px;
}

.bank-link {
  width: 156px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  color: #303030;
  font-weight: 500;
  padding: 15px 78px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.bank-link span {
  width: 110px;
  text-align: center;
}
.bank-link::before {
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  display: inline-block;
  content: "";
}
.bank-link.shinhan::before {
  background-image: url("../img/icon_bank/ic_payment_shinhan.svg");
}
.bank-link.nonghyup::before {
  background-image: url("../img/icon_bank/ic_payment_nh.svg");
}
.bank-link.hana::before {
  background-image: url("../img/icon_bank/ic_payment_hana.svg");
}
.bank-link.kookmin::before {
  background-image: url("../img/icon_bank/ic_payment_kookmin.svg");
}
.bank-link.ibk::before {
  background-image: url("../img/icon_bank/ic_payment_ibk.svg");
}
.bank-link.gyeongnam::before {
  background-image: url("../img/icon_bank/ic_payment_gyeongnam.svg");
}
.bank-link.gwangju::before {
  background-image: url("../img/icon_bank/ic_payment_gwangju.svg");
}
.bank-link.busan::before {
  background-image: url("../img/icon_bank/ic_payment_busan.svg");
}
.bank-link.suhyup::before {
  background-image: url("../img/icon_bank/ic_payment_suhyeob.svg");
}
.bank-link.saemaul::before {
  background-image: url("../img/icon_bank/ic_payment_saemaul.svg");
}
.bank-link.woori::before {
  background-image: url("../img/icon_bank/ic_payment_woori.svg");
}
.bank-link.epost::before {
  background-image: url("../img/icon_bank/ic_payment_epost.svg");
}
.bank-link.jeju::before {
  background-image: url("../img/icon_bank/ic_payment_jeju.svg");
}
.bank-link.jeju::before {
  background-image: url("../img/icon_bank/ic_payment_jeju.svg");
}
.bank-link.sc::before {
  background-image: url("../img/icon_bank/ic_payment_sc.svg");
}
.bank-link.Jeonbuk::before {
  background-image: url("../img/icon_bank/ic_payment_jeonbuk.svg");
}
.bank-link.citi::before {
  background-image: url("../img/icon_bank/ic_payment_citi.svg");
}

.gray-pay-info_box {
  background: #f2f2f2;
  border-radius: 12px;
  padding: 40px 60px;
}

.gray-pay-info_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 42px;
}
.gray-pay-info_tit .user-blue {
  color: #3617ce;
}
.gray-pay-info_tit .gray-pay-info_btn {
  margin-left: 20px;
}

.gray-pay-info-list_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gray-pay-info-list_box .gray-pay-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 360px;
}

.gray-pay-info-list.pad-bot {
  padding-bottom: 16px;
}
.gray-pay-info-list.border-bot {
  border-bottom: 1px solid #d9d9d9;
}
.gray-pay-info-list.pad-top {
  padding-top: 16px;
}

.gray-pay-info-list .gray-pay-info-list_tit {
  font-size: 18px;
  line-height: 32px;
}

.gray-pay-info-list .gray-pay-info-list_item {
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
}
.pay-info-chg_wrap.inner_section {
  margin-top:50px;
}
.pay-info-chg_wrap.inner_section .pay-info-chg-txt {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 22px;
}

.pay-info-chg_wrap .pay-info-chg_tit {
  margin-bottom: 30px;
}
.pay-info-chg_wrap .pay-chg-input-list .input_inner {
  width: 430px;
}
.pay-info-chg_wrap .pay-chg-input-list .input_inner.datepicker-box {
  width: 260px;
}
.pay-info-chg_wrap .pay-chg-input-list .input_box {
  width: auto;
}
.pay-info-chg_wrap .pay-chg-input-list .radio_wrap label {
  margin-top: 0;
}
.pay-info-chg_wrap .pay-chg-input-list .pay-chg-selectbox {
  width: 430px;
  position: relative;
}

.pay-chg-input_wrap {
  border-top: 2px solid #000000;
  margin-top: 24px;
  padding:0 20px;
}
.pay-chg-input_wrap .pay-chg-input-list {
  border-bottom: 1px solid #e4e4e4;
  padding: 20px 0;
}
.pay-chg-input_wrap .pay-chg-input-list label {
  width: 120px;
  margin-right: 60px;
  margin-top: 12px;
  padding-bottom: 0;
}
.pay-chg-input_wrap .pay-chg-input-list .pay_radio-label {
  width: auto;
  margin-right: 30px;
}
.pay-chg-input_wrap .pay-chg-input-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-top: 30px;
}

.pay-inputlist-d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
 
.pay-inputbox-d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.pay-info-chg-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.pay-info-chg-txt + .input_list {
  margin-top: 30px;
}

.pay-info-chg-btn {
  margin-top: 60px;
}

.pay-confirm-date_tit {
  margin-bottom: 30px;
}

.pay-confirm-date_table td {
  font-size: 16px;
}

.pay-confirm-date_table .pay-confirm-date_txt-list {
  text-align: left;
}

.pay-confirm-date_txt-item {
  position: relative;
  padding-left: 12px;
}
.pay-confirm-date_txt-item::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #a9a9a9;
  position: absolute;
  top: 10px;
  border-radius: 50%;
  left: 0;
}
.pay-confirm-date_txt-item:nth-child(1) {
  margin-bottom: 8px;
}

.pay-inputinner-d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pay-inputinner-d-flex .pay-inputinner-selectbox {
  width: 211px;
}
.pay-inputinner-d-flex .pay-inputinner-selectbox:nth-child(1) {
  margin-right: 8px;
}

.gray-pay-info_box.other_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gray-pay-info_box.other_type .gray-pay-info_tit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
}
.gray-pay-info_box.other_type .gray-pay-info-list_box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 568px;
}
.gray-pay-info_box.other_type .gray-pay-info-list_box .gray-pay-info-list {
  width: 100%;
}

.gray-pay-info_box.other_type .gray-pay-info_tit .gray-pay-info_txt {
  color: #000000;
  margin-top: 20px;
}

.gray-pay-info_box.other_type .gray-pay-info-list {
  padding: 16px 0;
}
.gray-pay-info_box.other_type .gray-pay-info-list:nth-child(1) {
  padding-top: 0;
}
.gray-pay-info_box.other_type .gray-pay-info-list:last-child {
  padding-bottom: 0;
}

.pay-guide-cate_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pay-guide-cate-tit_wrap .pay-guide-cate_tit {
  font-size: 26px;
  line-height: normal;
  font-weight: 400;
  padding-top: 40px;
}
.pay-guide-cate-tit_wrap .pay-guide-cate_tit .blue {
  color: #3617ce;
}

.pay-guide-cate-tit_wrap .pay-guide-cate_txt {
  margin-top: 54px;
  font-size: 58px;
  line-height: 71px;
  font-weight: 700;
}

.pay-guide-cate-tit_wrap .pay-guide-cate_info {
  line-height: 22px;
  margin-top: 13px;
}

.pay-guide-gray_box {
  background: #f2f2f2;
  padding: 40px;
  border-radius: 12px;
}

.pay-guide-gray_box .pay-guide-gray_txt {
  line-height: 36px;
  margin-top: 8px;
}

.pay-guide-gray_inputbox {
  margin-top: 40px;
}

.pay-guide-gray_inputbox .pay-guide-select-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
}

.pay-guide-select-inner .pay-guide-gray_selectbox {
  width: 460px;
  margin-right: 8px;
}

.pay-guide-select-inner .pay-guide-gray_btn {
  height: 48px;
}

.pay-info-chg_tab-tit_wrap .pay-info-chg_txt {
  font-size: 24px;
  line-height: 36px;
  color: #797979;
  font-weight: 400;
  margin-top: 8px;
}
.pay-info-chg_tab-tit_wrap + .pay-info-chg_tap-conts {
  margin-top: 30px;
}

.pay-info-chg_tap-wrap {
  margin-top: 60px;
}
.pay-info-chg_tap-wrap.detail_tab-wrap.style1 .tab_link-txt {
  font-weight: 400;
}
.pay-info-chg_tap-wrap.detail_tab-wrap .tab_link-btn.active .tab_link-txt {
  font-weight: 700;
}

.pay-info-chg_tap-item.giro {
  border-top: none;
  padding: 90px 0;
  text-align: center;
}
.pay-info-chg_tap-item.giro .giro-tit {
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  margin-top: 10px;
}
.pay-info-chg_tap-item.giro .giro-txt_list {
  display: inline-block;
  margin: 24px auto 0;
  text-align: left;
}
.pay-info-chg_tap-item.giro .giro-txt_list .giro-txt_item {
  margin-bottom: 8px;
  position: relative;
  padding-left: 12px;
}
.pay-info-chg_tap-item.giro .giro-txt_list .giro-txt_item::before {
  content: "";
  border-radius: 50%;
  background: #797979;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.pay-info-chg_tap-item.giro .giro-txt_list .giro-txt_item .red {
  color: #ff404e;
}

.pay-type-chg_list .side .inner_wrap {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pay-type-chg_list .side .inner_wrap:last-child {
  margin-bottom: 0;
}
.pay-type-chg_list .side .butn {
  width: 130px;
  height: 48px;
  line-height: 48px;
  margin-left: 8px;
}

.pay-info-chg_tap-item .giro-btn_wrap {
  margin-top: 32px;
}

.pay-info-chg_tap-conts .pay-type-chg_list {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #e4e4e4;
}
.pay-info-chg_tap-conts .pay-type-chg_list .input_inner.shot {
  width: 380px;
}
.pay-info-chg_tap-conts .pay-type-chg_list .input_inner.long {
  width: 800px;
}
.pay-info-chg_tap-conts .pay-type-radio_wrap {
  width: 690px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pay-info-chg_tap-conts .pay-type-chg_label {
  width: 107px;
  margin-right: 97px;
}
.pay-info-chg_tap-conts .pay-type-chg_label2 {
  width: 136px;
  margin-right: 44px;
}
.pay-info-chg_tap-conts .pay-type-chg_label2.tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.pay-info-chg_tap-conts .pay-type-chg-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.pay-info-chg_tap-conts label {
  margin-top: 12px;
  padding-bottom: 0;
}
.pay-info-chg_tap-conts .radio_wrap label {
  margin-top: 0;
}

.pay-info-chg-btn_wrap .pay-info-chg_tab-btn {
  margin-top: 60px;
}

.gray-pay-info_box.other_type .gray-pay-info-btn {
  text-align: left;
  margin-top: 20px;
}

.pay-list-table-tit_wrap .pay-list-table_txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  line-height: 24px;
}

.pay-list-table_wrap .pay-list-table-tit_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.pay-list-table_wrap .pay-list-table-tit_wrap .pay-list-table_txt {
  margin-left: 10px;
}

.pay-list-table_box {
  margin-top: 30px;
}
.pay-list-table_box .pay-butn {
  width: 66px;
  height: 40px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
}

.receipt_table_wrap .receipt_table-head {
  background: #f2f2f2;
  border-bottom: 1px solid #e4e4e4;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
.receipt_table_wrap + .popup-inner-subt {
  margin-top: 60px;
}
.receipt_table_wrap + .receipt_table_wrap {
  margin-top: 30px;
}

.receipt_confirm_wrap {
  text-align: center;
  margin-top: 60px;
}
.receipt_confirm_wrap + .popup-inner-list {
  margin-top: 60px;
}

.receipt_confirm_txt:nth-child(1) {
  margin-bottom: 10px;
}

.receipt_confirm_stamp {
  margin-top: 32px;
  position: relative;
}
.receipt_confirm_stamp::after {
  content: "";
  display: inline-block;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  background-image: url("../img/image/img_stamp.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid red;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: 7px;
}

.receipt_confirm_btn {
  margin-top: 43px;
}

.join-tab-item_tit {
  padding-bottom: 30px;
  border-bottom: 2px solid #000000;
}

.join-tab-item_list_wrap {
  border-top: 2px solid #000000;
}

.join-tab-item_list {
  padding: 20px;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}

.join-tab-item_list-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-bottom: 10px;
}

.join-tab-item_list-address {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}

.join-tab-item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.join-tab-item_wrap + .join-tab-item_wrap {
  margin-top: 10px;
}
.join-tab-item_wrap &gt; div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 60px;
}
.join-tab-item_wrap &gt; div:last-child {
  margin-right: 0px;
}

.join-tab-item_list_wrap.style2 .join-tab-item_wrap &gt; div {
  min-width: 355px;
}
.join-tab-item_list_wrap.style3 .join-tab-item_wrap &gt; div {
  min-width: 210px;
}

.join-tab-item-info-tit,
.join-tab-item_info-txt,
.join-tab-item_date_wrap {
  font-size: 18px;
  line-height: 32px;
}

.join-tab-item-info-tit,
.join-tab-item_date-tit {
  color: #797979;
}

.join-tab-item_info-txt,
.join-tab-item_date-info {
  color: #000000;
  font-weight: 700;
  margin-left: 20px;
}

.list_not-found_wrap {
  padding: 30px 0;
  border-top: 2px solid #000000;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
}
.list_not-found_wrap .list_not-found-txt {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}

.join-tab-item_date_wrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.join-tab-item_date_wrap .butn {
  margin-left: 40px;
}

.user-join-pagination {
  margin-top: 60px;
}

.receipt_info_wrap {
  padding: 20px;
  border-bottom: 1px dashed #e4e4e4;
  position: relative;
}

.receipt_list-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  line-height: 22px;
  text-align: left;
  margin-bottom: 10px;
}

.receipt_list-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 16px;
  text-align: left;
  margin-bottom: 20px;
}

.receipt_list-info-tit,
.receipt_list-info-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  line-height: 32px;
}

.receipt_list-info-txt {
  color: #000000;
  margin-left: 20px;
}

.receipt_list-info_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.receipt_list-info_wrap .receipt_list-info_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 60px;
}
.receipt_list-info_wrap .receipt_list-info_box:last-child {
  margin-right: 0;
}

.receipt_list-info_box.date {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 95px;
}

.receipt_info_wrap {
  position: relative;
}
.receipt_info_wrap::after {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon/ic_arrow_accordion.svg");
}

.install-location_wrap {
  margin-top: 40px;
}

.install-location-tit {
  font-size: 22px;
  line-height: 42px;
  font-weight: 700;
}

.install-loca-table_wrap {
  margin-top: 20px;
}

.install-loca-table_wrap .install-loca-table_head {
  background: #f2f2f2;
  border-bottom: 1px solid #e4e4e4;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}

.install-loca-table_cont {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 20px;
}

.gray-enginner-box {
  background: #f2f2f2;
  border-radius: 12px;
  padding: 40px 60px;
  margin-top: 30px;
}

.gray-enginner-tit {
  font-size: 22px;
  line-height: 42px;
  font-weight: 700;
}
.gray-enginner-tit .blue {
  color: #3617ce;
}

.enginner-info_wrap {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.enginner-info_wrap .enginner-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.enginner-info-list {
  margin-right: 80px;
}
.enginner-info-list:last-child {
  margin-right: 0;
}

.enginner-info-tit,
.enginner-info-txt {
  font-size: 18px;
  line-height: 32px;
  color: #000000;
  font-weight: 400;
}

.enginner-info-txt {
  font-weight: 700;
  margin-left: 20px;
}

.receipt_list .join-tab-item_list {
  padding: 0;
}
.receipt_list .join-tab-headeing {
  padding: 20px;
  position: relative;
}
.receipt_list .join-tab-panel {
  border-top: 1px dashed #e4e4e4;
  display: block;
  padding: 30px 40px 60px;
}

.join-tab-item_date_wrap.date-arrow {
  right: 92px;
}

.join-tab-acco_icon {
  background: url("../img/icon/ic-arrow-accordion.svg") center/cover no-repeat;
  position: absolute;
  right: 20px;
  top: 63px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 32px;
  width: 32px;
}
.join-tab-acco_icon.active {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.prriod-item_wrap {
  display: inherit;
}

.period-list &gt; div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 356px;
}
.period-list &gt; div:nth-child(1) {
  margin-right: 60px;
}
.period-list &gt; div:last-child {
  margin-right: 0;
}
.period-list:nth-child(1) {
  margin-bottom: 10px;
}
.period-list:nth-child(1) {
  margin-top: 20px;
}

.period-list .join-tab-item-info-tit {
  width: 97px;
}

.yellow-service_box {
  background: #fff4e5;
  padding: 24px 0;
  border-radius: 12px;
  text-align: center;
}

.yellow-service-tit {
  font-size: 36px;
  line-height: 68px;
  font-weight: 400;
}
.yellow-service-tit .red {
  color: #ff404e;
}

.gray-service_box {
  background: #f2f2f2;
  padding: 15px 0 14px;
  border-radius: 12px;
  text-align: center;
}

.gray-service-tit {
  font-size: 36px;
  line-height: 68px;
  font-weight: 400;
}
.gray-service-tit .red {
  color: #ff404e;
}

.gray-certi-box {
  background: #f2f2f2;
  border-radius: 12px;
  padding: 60px 0;
  text-align: center;
}
.gray-certi-box + .butn_wrap {
  margin-top: 60px;
}

.certi-num_txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
  line-height: 32px;
}

.certi-process-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 80px;
}

.certi-process {
  position: relative;
  font-size: 18px;
  line-height: 36px;
  font-weight: 700;
}
.certi-process::before {
  width: 85px;
  height: 28px;
  border-radius: 14px;
  background: #3617ce;
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  font-weight: 700;
  position: absolute;
  top: -30px;
  left: 0;
}
.certi-process.step01::before {
  content: "STEP01";
}
.certi-process.step02::before {
  content: "STEP02";
}
.certi-process.step03::before {
  content: "STEP03";
}

.certi-process.arrow-icon {
  margin: 0 60px;
  top: -26px;
}

.certi-pass-box {
  margin-top: 60px;
}

.certi-pass-label {
  margin-right: 60px;
  line-height: 24px;
}

.verification_code-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 120px;
  text-align: center;
}
.verification_code-list .verification_code-item {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 64px 64px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 94px 60px 0;
}
.verification_code-list .verification_code-item + .verification_code-item {
  position: relative;
}
.verification_code-list .verification_code-item + .verification_code-item:before {
  background-color: #e4e4e4;
  content: "";
  height: 120px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
}
.verification_code-list .verification_code-item:nth-child(1) {
  background-image: url("../img/icon/ic_restriction.svg");
}
.verification_code-list .verification_code-item:nth-child(2) {
  background-image: url("../img/icon/ic_authorize01.svg");
}
.verification_code-list .verification_code-item:nth-child(3) {
  background-image: url("../img/icon/ic_authorize02.svg");
}
.verification_code-list .verification_code-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.verification_code-list .verification_code-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  margin-top: 10px;
  min-height: 78px;
}
.verification_code-list .butn {
  margin-top: 30px;
}

.gray-apply-box {
  background: #f2f2f2;
  border-radius: 12px;
  padding: 60px 0;
  text-align: center;
  margin-bottom: 60px;
}

.gray-apply-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 10px;
}

.gray-apply-txt {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
}

.apply-lnform + .butn_wrap {
  margin-top: 60px;
}

.apply-lnform-item {
  margin-bottom: 10px;
  position: relative;
  padding-left: 12px;
}
.apply-lnform-item:last-child {
  margin-bottom: 0;
}
.apply-lnform-item::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a9a9a9;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.apply-lnform-item.line-break::before {
  top: 13px;
}

.cancle-receipt_list-wrap {
  margin: 30px 0 60px;
  border-top: 2px solid #000000;
}

.cancle-receipt_item {
  padding: 20px 0;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}

.cancle-badge_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.cancle-badge-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  line-height: 22px;
}

.cancle-badge {
  margin-right: 8px;
  background: #3617ce;
  border-radius: 4px;
  width: 62px;
  height: 24px;
  color: #ffffff;
  font-size: 14px;
  padding: 2px 6px;
}

.cancle-address {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 16px;
}

.cancle-receipt-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

.cancle-date-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.cancle-date-wrap .cancle-date-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 60px;
}
.cancle-date-wrap .cancle-date-box:last-child {
  margin-right: 0;
}

.cancle-date-tit,
.cancle-date-info {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  color: #000000;
}

.cancle-date-info {
  font-weight: 700;
  margin-left: 20px;
}

.pay-confirm-txt {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  margin-top: 10px;
}

.cancle-info-box {
  margin-top: 120px;
}

.cancle-info-table_wrap {
  margin-top: 20px;
}
.cancle-info-table_wrap .cancle-info-table-head {
  background: #f2f2f2;
  border-bottom: 1px solid #e4e4e4;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

.cancle-info-table-cont {
  font-size: 16px;
  line-height: 20px;
}

.cancle-info-list_wrap {
  margin-top: 30px;
}

.cancle-info-list-item {
  margin-bottom: 10px;
  position: relative;
  padding-left: 12px;
}
.cancle-info-list-item:last-child {
  margin-bottom: 0;
}
.cancle-info-list-item::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a9a9a9;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.cancle-info-list-item.line-break::before {
  top: 13px;
}

.cancle-apply-btn {
  margin-top: 60px;
}

.service-cancle-tit {
  font-size: 40px;
  line-height: 58px;
  font-weight: 700;
}

.service-cancle-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 36px;
}
.service-cancle-txt .red {
  color: #ff404e;
}

.service-cancle-list {
  border-top: 2px solid #000000;
}

.service-cancle-item {
  padding: 20px 0;
  border-bottom: 1px solid #e4e4e4;
}

.service-cancle-item_tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}

.service-cancle-item_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 8px;
}

.cancle-item-list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 18px;
}

.cancle-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 60px;
}
.cancle-item-list:last-child {
  margin-right: 0;
}

.cancle-item-list-tit,
.cancle-item-list-info {
  font-size: 16px;
  line-height: 32px;
}

.cancle-item-list-info {
  font-weight: 700;
  margin-left: 20px;
}

.none_info-list {
  padding: 0 330px;
}

.none_info-list-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 8px;
  padding-left: 12px;
  position: relative;
}
.none_info-list-txt::before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #a9a9a9;
  content: "";
  border-radius: 50%;
}
.none_info-list-txt:nth-of-type(1) {
  margin-top: 0;
}
.none_info-list-txt .red {
  color: #ff404e;
}

.input_box.pay-list-table-input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input_box.pay-list-table-input-box .input_inner.long {
  width: 660px;
}

.popup-inner-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}

.popup-inner-subtit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-top: 30px;
}
.popup-inner-subtit + .popup-inner-txt {
  margin-top: 8px;
}
.popup-inner-subtit.case-01 {
  margin-top: 0;
  margin-bottom: 20px;
}
.popup-inner-subtit.flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.popup-inner-subtit.fw-500 {
  font-weight: 500;
}
.popup-inner-subtit b.blue {
  color: #3617ce;
}

.popup-inner-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 14px;
}
.popup-inner-txt .blue {
  color: #3617ce;
}

.popup-inner-list {
  margin-top: 30px;
}
.popup-inner-list li {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 8px;
}
.popup-inner-list li:nth-of-type(1) {
  margin-top: 0;
}
.popup-inner-list.type-num {
  padding-left: 16px;
}
.popup-inner-list.type-num &gt; li {
  list-style: decimal;
  padding-left: 4px;
}
.popup-inner-list.type-dot &gt; li {
  padding-left: 12px;
  position: relative;
}
.popup-inner-list.type-dot &gt; li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #a9a9a9;
  display: block;
  border-radius: 50%;
}
.popup-inner-list a {
  color: #000000;
  text-decoration: underline;
}
.popup-inner-list span {
  color: #000000;
}
.popup-inner-list + .receipt_table_wrap {
  margin-top: 30px;
}

.popup-inner-subt + .popup-inner-list {
  margin-top: 0;
}

.receipt_table-disclaimer {
  margin-top: 24px;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  padding-left: 10px;
  position: relative;
}
.receipt_table-disclaimer::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #a9a9a9;
  display: block;
  border-radius: 50%;
}

.cancle_tab-cont .cancle_tab-item .pay-confirm_box {
  padding-top: 60px;
}

.input_box.half .input_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 430px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.input_box.half .input_inner button {
  width: 211px;
}

.input_list + .pay-chg-input_wrap {
  border-top: 1px solid #e4e4e4;
  margin-top: 0;
}

.pay-chg-input-list .pay-chg-selectbox {
  width: 430px;
  position: relative;
}

.title_s1 + .subscript_info-box {
  margin-top: 30px;
}

.accodion_one-wrap.active {
  background-color: #ffffff;
}

.popup-title.pb-20 {
  padding-bottom: 20px;
}
.popup-title.bd-none {
  border: none;
}
.popup-title .txt6 {
  margin-left: 10px;
}

.btv_none {
  padding: 190px 0 120px;
  background: url("../img/icon/ic_btvadd_big.svg") center 10px no-repeat;
}
.btv_none p {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 400;
  text-align: center;
}
.btv_none .butn_wrap {
  margin-top: 60px;
}

.btv_link {
  border-radius: 12px;
  background-color: #f2f2f2;
  text-align: center;
}
.btv_link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 60px 230px;
}
.btv_link-item {
  padding-left: 84px;
}
.btv_link-item a {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  padding: 16px 28px 16px 0;
}
.btv_link-item a::after {
  content: "";
  position: absolute;
  top: 22px;
  right: 0;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic-arrow-right_20.svg") center center no-repeat;
}
.btv_link-item.buy_con {
  background: url("../img/icon/ic_btvpurchase.svg") 0 0 no-repeat;
}
.btv_link-item.buy_month {
  background: url("../img/icon/ic_btvmonth.svg") 0 0 no-repeat;
}

.pagination_list-wrap .page_btn-icon {
  text-indent: -100000px;
}

.buy_info-txt {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 24px;
  color: #797979;
}

.accoSlide_list {
  border-top: 2px solid #000000;
  margin-bottom: 60px;
}
.accoSlide_list .accoSlide_item {
  padding: 30px 0;
  border-bottom: 1px solid #e4e4e4;
  overflow: hidden;
}
.accoSlide_list .accoSlide_item .accoSlide_btn {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  padding-left: 20px;
  padding-right: 92px;
}
.accoSlide_list .accoSlide_item .accoSlide_btn::after {
  background: url("../img/icon/ic_arrow_accordion.svg") center/cover no-repeat;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.accoSlide_list .accoSlide_item .accoSlide_btn.active::after {
  -webkit-transform: translateY(-50%) rotate(360deg);
          transform: translateY(-50%) rotate(360deg);
}
.accoSlide_list .accoSlide_item .accoSlide_btn .title_s2 {
  display: block;
  margin-bottom: 20px;
}
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide_table-list {
  display: inline-block;
  margin-right: 40px;
}
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide_table-list dt,
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide_table-list dd {
  display: inline-block;
  font-size: 18px;
  line-height: 32px;
}
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide_table-list dt {
  color: #797979;
  padding-right: 20px;
}
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide_table-list dd {
  font-weight: 500;
}
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide-date {
  position: absolute;
  top: 50%;
  right: 82px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide-date dt,
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide-date dd {
  display: inline-block;
  font-size: 18px;
  line-height: 32px;
}
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide-date dt {
  color: #797979;
  padding-right: 20px;
}
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide-date dd {
  font-weight: 500;
}
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide_total dt {
  text-indent: -100000px;
  height: 0px;
}
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide_total dd {
  font-size: 16px;
  line-height: 32px;
}
.accoSlide_list .accoSlide_item .accoSlide_btn .accoSlide_total dd .num {
  font-size: 24px;
  line-height: 32px;
}
.accoSlide_list .accoSlide_item .accoSlide_con {
  display: none;
  margin-top: 70px;
  margin-bottom: 10px;
}
.accoSlide_list .accoSlide_item .accoSlide_con .table_wrap th {
  text-align: center;
}
.accoSlide_list .accoSlide_item .accoSlide_con .table_wrap dl {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}

.btn_in_tit-wrap {
  margin-bottom: 60px;
}
.btn_in_tit-wrap .title_h2 {
  display: inline-block;
}
.btn_in_tit-wrap .butn.tolltips {
  float: right;
  margin-top: 17px;
}

.search_table {
  padding-bottom: 120px;
}
.search_table-wrap {
  border-top: 2px solid #000000;
}
.search_table-wrap &gt; li {
  padding: 20px 0;
  border-bottom: 1px solid #e4e4e4;
}
.search_table-wrap.input_wide .input_list {
  width: 100%;
}
.search_table-wrap.input_wide .input_list .input_box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.search_table-wrap.input_wide .input_list .input_box .label {
  width: 200px;
}
.search_table-wrap.input_wide .input_list .input_box .input_inner {
  width: auto;
}
.search_table-wrap.input_wide .input_list .input_box .input_inner .selectbox {
  display: inline-block;
  width: 490px;
}
.search_table-wrap.input_wide .input_list .input_box .input_inner .input_txt {
  display: inline-block;
  width: auto;
  font-size: 18px;
}
.search_table .butn_wrap {
  margin-top: 60px;
}

.call_list {
  padding-bottom: 120px;
}
.call_list-tit {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  margin-bottom: 30px;
}
.call_list .table_wrap {
  margin-bottom: 60px;
}

.none_info .none_info-txt {
  display: block;
  margin-top: 24px;
}

.info_box .info_txt-list .call_info-black {
  color: #000000;
}
.info_box .info_txt-list .call_info-black .info_txt-list li {
  margin-top: 0;
  color: #000000;
}

.call_pay_info {
  margin-bottom: 60px;
}
.call_pay_info .info_box {
  margin-top: 30px;
}

.agree_checkbox-con {
  display: none;
  padding: 30px;
  height: 220px;
  background-color: #f2f2f2;
}

.term_para {
  margin-bottom: 20px;
}

.free_call_search-tit {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.free_call_search-tit .title_s1 {
  color: #797979;
}
.free_call_search-tit .choice_number-txt {
  display: none;
}
.free_call_search-tit .choice_number-txt .number {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #ff404e;
  margin-right: 40px;
  vertical-align: middle;
}
.free_call_search .free_call_search-item {
  margin-top: 30px;
  padding: 30px 40px;
  border: 1px solid #797979;
  border-radius: 12px;
}
.free_call_search .free_call_search-item .search_service_list {
  margin-top: 30px;
  border-top: 2px solid #000000;
}
.free_call_search .free_call_search-item .search_service_list li {
  padding: 30px 20px;
  border-bottom: 1px solid #e4e4e4;
}
.free_call_search .free_call_search-item .search_service_list li .radio_wrap {
  display: block;
}
.free_call_search .free_call_search-item .search_service_list li .radio_wrap .radio {
  display: block;
}
.free_call_search .free_call_search-item .search_service_list li .radio_wrap .radio label {
  display: inline-block;
  width: 100%;
  padding-left: 44px;
  height: auto;
}
.free_call_search .free_call_search-item .search_service_list li .radio_wrap .radio label::before {
  top: 50%;
  margin-top: -12px;
}
.free_call_search .free_call_search-item .search_service_list li .radio_wrap .radio label::after {
  top: 50%;
  margin-top: -7px;
}
.free_call_search .free_call_search-item .search_service_list li .radio_wrap .radio label .title_s2 {
  color: #000000;
}
.free_call_search .free_call_search-item .search_service_list li .radio_wrap .radio label .address_txt {
  margin-top: 8px;
}
.free_call_search .free_call_search-item .search_service_list li .radio_wrap .radio label .phone_join_info dl {
  margin-top: 20px;
  display: inline-block;
  margin-right: 60px;
}
.free_call_search .free_call_search-item .search_service_list li .radio_wrap .radio label .phone_join_info dl dt,
.free_call_search .free_call_search-item .search_service_list li .radio_wrap .radio label .phone_join_info dl dd {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
}
.free_call_search .free_call_search-item .search_service_list li .radio_wrap .radio label .phone_join_info dl dt {
  color: #797979;
  padding-right: 20px;
}
.free_call_search .free_call_search-item .search_service_list li .radio_wrap .radio label .phone_join_info dl dd {
  color: #000000;
  font-weight: 700;
}
.free_call_search .free_call_search-item .free_call_search-info {
  margin-top: 8px;
}
.free_call_search .free_call_search-item .free_call_search-num {
  margin-top: 30px;
}
.free_call_search .free_call_search-item .free_call_search-num .input_inner .selectbox {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 150px;
  flex: 0 1 150px;
}
.free_call_search .free_call_search-item .free_call_search-num .input_inner .input_typing {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(100% - 158px);
  flex: 0 1 calc(100% - 158px);
}
.free_call_search .free_call_search-item .free_call_search-num .input_inner .input_txt {
  padding: 12px 0 0 172px;
}
.free_call_search .free_call_search-item .butn_wrap {
  padding-top: 30px;
}
.free_call_search .free_call_search-item .box_gray {
  margin-top: 30px;
  padding: 20px 30px;
  border-radius: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.free_call_search .free_call_search-item.active {
  border: 2px solid #000000;
}
.free_call_search .free_call_search-item.active .free_call_search-tit .title_s1 {
  color: #000000;
}

.input_box.choice_box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.input_box.choice_box-wrap .choice_box-title {
  padding-top: 12px;
}

.choice_box {
  position: relative;
  width: 490px;
  border: 2px solid #000000;
  border-radius: 6px;
  padding: 24px 40px;
  text-align: left;
}
.choice_box.full {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.choice_box.full .choice_box-info {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  position: relative;
  margin-right: 20px;
}
.choice_box.full .choice_box-info::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -20px;
  width: 2px;
  height: 20px;
  background-color: #a9a9a9;
}
.choice_box.full .choice_box-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-left: 20px;
}
.choice_box.full .choice_box-txt {
  font-size: 18px;
  padding: 0;
  -webkit-box-flex: 40%;
      -ms-flex: 40%;
          flex: 40%;
  text-align: right;
  margin-right: 30px;
}
.choice_box + .title_h1 {
  margin-top: 8.3333333333vw;
}
.choice_box.single:after {
  display: none;
}
.choice_box:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic_arrow_normal.svg") 0 0/100%;
}
.choice_box .choice_box-tit {
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 700;
}
.choice_box .choice_box-txt {
  padding-top: 6px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 16px;
}

.choice_box_stxt {
  font-size: 3.6111111111vw;
  color: #303030;
  margin-top: 2.2222222222vw;
}
.choice_box_stxt + .title_h1 {
  margin-top: 8.8888888889vw;
}

.radio_choice_box {
  position: relative;
  width: 100%;
  padding: 24px 32px 24px 28px;
  text-align: left;
  margin-bottom: 20px;
  cursor: pointer;
  border-color: #797979;
}
.radio_choice_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: 1px solid #000000;
}
.radio_choice_box.active::before {
  border: 2px solid #000000;
}
.radio_choice_box .radio_choice_box-tit {
  font-size: 20px;
  font-weight: bold;
}
.radio_choice_box .radio_choice_box-tit label {
  color: #303030;
  font-size: 20px;
  font-weight: bold;
}
.radio_choice_box .radio_choice_box-txt {
  padding-top: 6px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  font-weight: normal;
  line-height: 16px;
}

.radio_choice_box-onlytext {
  width: 100%;
  border: 1px solid #797979;
  border-radius: 12px;
  padding: 24px 30px;
  text-align: left;
  background: #f2f2f2;
}
.radio_choice_box-onlytext .radio_choice_box-onlytext_sub {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  font-weight: normal;
  line-height: 16px;
  color: #000000;
}
.radio_choice_box-onlytext .radio_choice_box-onlytext_sub.red {
  color: #ff404e;
}
.radio_choice_box-onlytext .radio_choice_box-onlytext_tit {
  padding-top: 6px;
  font-size: 20px;
  font-weight: bold;
  color: #303030;
}
.radio_choice_box-onlytext .radio_choice_box-onlytext_address {
  padding-top: 6px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 16px;
}

.title_s1 + .subscript_info-wrap {
  margin-top: 30px;
}

.subscript_info-wrap {
  width: 100%;
}
.subscript_info-wrap .subscript_info-box {
  border: 2px solid #e4e4e4;
  padding: 40px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subscript_info-wrap .subscript_info-box.pale {
  border-color: #f2f2f2;
  border-radius: 32px 32px 0 0;
}
.subscript_info-wrap .subscript_info-box.half {
  padding: 24px 30px;
  border-radius: 6px;
}
.subscript_info-wrap .subscript_info-icon {
  margin-right: 30px;
}
.subscript_info-wrap .subscript_info-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-bottom: 8px;
}
.subscript_info-wrap .subscript_info-tit .badge {
  margin-right: 8px;
  margin-top: 2px;
}
.subscript_info-wrap .subscript_info-tit .selectbox {
  width: 490px;
}
.subscript_info-wrap .subscript_info-addr {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.subscript_info-wrap .service-btn {
  margin-left: auto;
}
.subscript_info-wrap .service-btn.case-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subscript_info-wrap .service-btn.case-01 .input_inner {
  width: auto;
}
.subscript_info-wrap .service-btn.case-01 .selectbox {
  height: auto;
  margin-right: 30px;
}
.subscript_info-wrap .service-btn.case-01 .selectbox .btn_selectbox {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  height: auto;
  border: 0;
  padding-right: 27px;
}
.subscript_info-wrap .service-btn.case-01 .selectbox .btn_selectbox:after {
  background: url("../img/icon/img_arrow_down.png") center no-repeat;
  top: 4px;
  right: 0;
}
.subscript_info-wrap .service-btn.case-01 .selectbox .combobox {
  top: 37px;
  left: 50%;
  width: 180px;
  padding: 20px 29px 10px;
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.subscript_info-wrap .service-btn.case-01 .selectbox .combobox .combobox_option &gt; button {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  margin-bottom: 10px;
  color: #000000;
}
.subscript_info-wrap .service-btn.case-01 .selectbox .combobox .combobox_option &gt; button:hover {
  color: #3617ce;
}
.subscript_info-wrap .add_info-box {
  border-radius: 0 0 32px 32px;
  background-color: #f2f2f2;
  padding: 40px 60px;
}
.subscript_info-wrap .add_info-box.add_info-btv {
  padding: 30px;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 500;
}

.accodion-box:nth-of-type(1) {
  margin-top: 0;
}

.accodion-box {
  border: 1px solid #797979;
  border-radius: 12px;
  padding: 30px 40px;
  color: #797979;
  margin-top: 30px;
}
.accodion-box .accodion-list-title {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  color: #797979;
}
.accodion-box.active {
  border: 2px solid #000000;
}
.accodion-box.active .accodion-list-title {
  color: #000000;
}
.accodion-box .accodion-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accodion-box .accodion_one-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accodion-box .accodion_hide-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  text-align: right;
}
.accodion-box .accodion_hide-txt .red {
  color: #ff404e;
}
.accodion-box .accodion_hide-txt .black {
  color: #000000;
}
.accodion-box .accodion_hide-sub-txt {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #000000;
  display: block;
  font-weight: 700;
  margin-top: 4px;
}
.accodion-box .accodion_hide-btn {
  margin-left: 30px;
}

.accodion-content {
  display: none;
}

.accodion-txt {
  display: none;
}

.accodion-box.success {
  background: #f2f2f2;
  border: 0;
}
.accodion-box.success .accodion-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.accodion_one-wrap.active .accodion-content {
  display: block;
}

.popup-title.register_box {
  border-bottom: 0;
}

.register_box-wrap {
  width: 100%;
  background-color: #f2f2f2;
  padding: 30px;
  margin-bottom: 60px;
}
.register_box-wrap .register_box-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.register_box-wrap .register_box-title {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: bold;
}
.register_box-wrap .register_box-num {
  font-size: 22px;
  font-weight: bold;
  color: #3617ce;
  line-height: 27px;
  margin-left: 8px;
  letter-spacing: -0.55px;
}
.register_box-wrap .register_box-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
}
.register_box-wrap .register_box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.register_box-wrap .register_box-list .register_box-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-right: 10px;
}
.register_box-wrap .register_box-list .register_box-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}

.title_wrap {
  margin-bottom: 60px;
}
.title_wrap.center {
  text-align: center;
}
.title_wrap .title_h2_stxt {
  color: #797979;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin-top: 8px;
}
.title_wrap .title_txt {
  margin: 8px 0 60px;
  line-height: 36px;
  letter-spacing: -0.6px;
  color: #797979;
  font-size: 24px;
  font-weight: 400;
}

.content_tit {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content_tit .small_txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  margin-left: 8px;
}
.content_tit .title_right {
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: #797979;
  margin-left: auto;
}
.content_tit .title_right.center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.content_tit .right-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #797979;
  font-weight: 400;
}
.content_tit .right-txt.medium {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.content_tit .right-txt.req {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
}
.content_tit .right-txt.req:before {
  content: "";
  display: inline-block;
  margin-left: 2px;
  margin-top: 5px;
  width: 10px;
  height: 10px;
  vertical-align: top;
  background: url(../img/icon/ic_star.svg) center center/100%;
}
.content_tit &gt; .input_inner {
  margin-left: 60px;
}
.content_tit + .sb_section {
  margin-top: 24px;
}

.input_list.style2 {
  width: 100%;
}
.input_list.style2 .input_item {
  border-bottom: 1px solid #e4e4e4;
  min-height: 88px;
  padding: 20px 112px 20px 20px;
}
.input_list.style2 .input_item:first-child {
  border-top: 2px solid #000000;
}
.input_list.style2 .input_box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.input_list.style2 .label {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 10px 0 0;
  width: 204px;
}
.input_list.style2 .side_box {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 0;
  width: calc(100% - 204px);
}
.input_list.style2 .side_box-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.input_list.style2 .inner_wrap {
  margin-bottom: 12px;
}
.input_list.style2 .input_inner.full {
  width: 100%;
}
.input_list.style2 .input_inner.two {
  width: calc((100% - 12px) / 2);
}
.input_list.style2 .input_inner.two + .input_inner {
  margin-left: 12px;
}
.input_list.style2 .input_inner.three {
  width: calc((100% - 16px) / 3);
}
.input_list.style2 .input_inner.three + .input_inner {
  margin-left: 8px;
}
.input_list.style2 .input_right-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  margin: 12px 0 0 18px;
}
.input_list.style2 .checkbox {
  display: inline-block;
  margin: 10px 0 0 22px;
  vertical-align: top;
}

.input_security_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 88px;
}
.input_security_box + .input_inner {
  margin-top: 12px;
}
.input_security_box .input_security_code {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 379px;
          flex: 0 0 379px;
  border-radius: 6px;
  height: 88px;
  border: 1px solid #d9d9d9;
}
.input_security_box .input_security_btnwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  margin-left: 8px;
}
.input_security_box .input_security_btnwrap .butn {
  margin: 0;
}

.noti_txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 0 12px;
}
.noti_txt:before {
  content: "※";
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  margin-right: 3px;
}
.noti_txt.style2 {
  margin: 20px 0 0 0;
}

.none_wrap {
  border-bottom: 1px solid #e4e4e4;
  border-top: 2px solid #000000;
  padding: 80px 0;
}
.none_wrap .none_info {
  background: url("../img/icon/ic_alert_big.svg") center top no-repeat;
  color: #797979;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 0;
  padding-top: 88px;
}

.info_box-list.style2 .info_panel {
  background-color: #ffffff;
  padding: 20px 50px 20px 70px;
}
.info_box-list.style2 .info_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.hashtag-search_box {
  margin-top: 20px;
  text-align: center;
}

.hashtag-search_txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  margin-right: 16px;
}
.hashtag-search_txt:last-child {
  margin-right: 0;
}

.sbMain_top {
  margin-bottom: 60px;
  text-align: center;
}
.sbMain_top .sbMain_top-txt {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.sbMain_top .sbMain_top-tit {
  font-size: 64px;
  line-height: 84px;
  font-weight: 700;
  letter-spacing: -2.25px;
}

.self_video {
  position: relative;
  height: 317px;
  margin: 260px 0 120px;
}
.self_video-tip {
  position: absolute;
  top: -198px;
  left: 50%;
  width: 720px;
  padding: 10px 76px;
  border-radius: 40px;
  background-color: #3617ce;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.self_video-tip::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -14px;
  width: 20px;
  height: 15px;
  margin-left: -10px;
  background: url(../img/icon/shape_triangle_blue.svg) 0 0/100% 100%;
}
.self_video-tip .txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #ffffff;
}
.self_video-tip .txt strong {
  display: inline-block;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  padding-right: 20px;
  vertical-align: -3px;
}
.self_video-list {
  display: inline-block;
  width: 100%;
}
.self_video-list .self_video-item {
  position: relative;
  float: left;
  margin-left: -20px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.self_video-list .self_video-item:first-child {
  margin-left: 0;
}
.self_video-list .self_video-item:nth-child(1), .self_video-list .self_video-item:nth-child(5) {
  z-index: 3;
}
.self_video-list .self_video-item:nth-child(2), .self_video-list .self_video-item:nth-child(4) {
  z-index: 4;
}
.self_video-list .self_video-item:nth-child(3) {
  z-index: 5;
}
.self_video-list .self_video-item a {
  display: block;
  height: 100%;
}
.self_video-list .self_video-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0.4;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.self_video-list .self_video-item .txt {
  position: absolute;
  width: 360px;
  left: 50%;
  bottom: 0;
  padding: 0 80px 40px;
  line-height: 26px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-align: center; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(53%, rgba(0, 0, 0, 0.53)), to(rgb(0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.53) 53%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.self_video-list .self_video-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72px;
  height: 72px;
  background: url("../img/icon/ic_play_white.svg") center center no-repeat;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
}
.self_video-list .self_video-item.active {
  width: 360px;
  height: 360px;
  margin-top: -50px;
  z-index: 10;
}
.self_video-list .self_video-item.active::before,
.self_video-list .self_video-item.active img,
.self_video-list .self_video-item.active .txt {
  opacity: 1;
}
.self_video .butn.link {
  position: absolute;
  top: -94px;
  right: 0;
  font-size: 16px;
  font-weight: 700;
}
.self_video .butn.link::after {
  vertical-align: -3px;
}

.gray_card-wrap {
  font-size: 0;
  margin: -24px 0 0 -24px;
}
.gray_card-wrap.style2 .gray_card-item {
  height: 280px;
  width: calc((100% - 48px) / 2);
}
.gray_card-wrap.style3 {
  margin: 40px 0 0 -20px;
}
.gray_card-wrap.style3 .gray_card-item {
  background-position: right 30px top 40px;
  background-size: 130px 130px;
  height: 227px;
  margin: 20px 0 0 20px;
  width: calc((100% - 40px) / 2);
}
.gray_card-wrap.style3 .gray_card-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.gray_card-wrap.style3 .number {
  color: #3617ce;
  font-size: 24px;
  font-weight: 900;
  bottom: 28px;
  position: absolute;
  right: 74px;
}
.gray_card-wrap .gray_card-item {
  background-color: #f2f2f2;
  background-position: right 30px bottom 30px;
  background-repeat: no-repeat;
  background-size: 160px 160px;
  border-radius: 32px;
  display: inline-block;
  height: 380px;
  margin: 24px 0 0 24px;
  padding: 40px;
  position: relative;
  vertical-align: top;
  width: calc((100% - 72px) / 3);
}
.gray_card-wrap .gray_card-item.service_videoGuide {
  background-image: url("../img/image/img_3d_cs_service_videoGuide.png");
}
.gray_card-wrap .gray_card-item.service_selfInspection {
  background-image: url("../img/image/img_3d_cs_service_selfinspection.png");
}
.gray_card-wrap .gray_card-item.service_Remotecontrol {
  background-image: url("../img/image/ic_line_online_control.png");
}
.gray_card-wrap .gray_card-item.service_onlineas {
  background-image: url("../img/image/img_3d_cs_service_onlineas.png");
}
.gray_card-wrap .gray_card-item.service_move {
  background-image: url("../img/image/img_3d_cs_service_move.png");
}
.gray_card-wrap .gray_card-item.service_theslim {
  background: url("../img/image/img-3d-benefit-slim.png") right 40px bottom 40px/140px 140px no-repeat;
}
.gray_card-wrap .gray_card-item.service_join {
  background: url("../img/image/img-3d-benefit-onlinesubscription.png") right 40px bottom 40px/140px 140px no-repeat;
}
.gray_card-wrap .gray_card-item.service_card {
  background: url("../img/image/img-3d-benefit-affiliatecard.png") right 40px bottom 40px/140px 140px no-repeat;
}
.gray_card-wrap .gray_card-item.point001 {
  background-color: #ffeef0;
}
.gray_card-wrap .gray_card-item.point001:hover {
  background-color: #ffd4d9;
}
.gray_card-wrap .gray_card-item.point002 {
  background-color: #fff4e5;
}
.gray_card-wrap .gray_card-item.point002:hover {
  background-color: #fff3cc;
}
.gray_card-wrap .gray_card-item.point004 {
  background-color: #eaf6fe;
}
.gray_card-wrap .gray_card-item.point004:hover {
  background-color: #d1edff;
}
.gray_card-wrap .gray_card-item.service_online {
  background-image: url("../img/image/img_3d_service_online.png");
}
.gray_card-wrap .gray_card-item.service_live {
  background-image: url("../img/image/img_3d_service_live.png");
}
.gray_card-wrap .gray_card-item.service_compliment {
  background-image: url("../img/image/img_3d_service_compliment.png");
}
.gray_card-wrap .gray_card-item.service_shop {
  background-image: url("../img/image/img_3d_service_shop.png");
}
.gray_card-wrap .gray_card-item.online_join {
  background-image: url("../img/image/ic_line_online_join.png");
  background-size: auto 140px;
}
.gray_card-wrap .gray_card-item.online_move {
  background-image: url("../img/image/ic_line_online_move.png");
  background-size: auto 140px;
}
.gray_card-wrap .gray_card-item.service_Remotecontrol2 {
  background-image: url("../img/image/ic_line_online_control_2.png");
  background-size: auto 140px;
}
.gray_card-wrap .gray_card-item.as_Inspection {
  background-image: url("../img/image/ic_line_as_inspection.png");
  background-size: auto 140px;
}
.gray_card-wrap .gray_card-item.as_placeinstallation {
  background-image: url("../img/image/ic_line_as_placeinstallation.png");
  background-size: auto 140px;
}
.gray_card-wrap .gray_card-item.as_InternetSpeed {
  background-image: url("../img/image/ic_line_as_internetspeed.png");
  background-size: auto 140px;
}
.gray_card-wrap .gray_card-item.as_InternetSpeed2 {
  background-image: url("../img/image/ic_line_online_move_detail.png");
  background-size: auto 172px;
  background-position: right 28px bottom 24px;
}
.gray_card-wrap .gray_card-item.util_join {
  background-image: url("../img/image/util_join.png");
}
.gray_card-wrap .gray_card-item.util_cs {
  background-image: url("../img/image/util_cs.png");
}
.gray_card-wrap .gray_card-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.gray_card-wrap .gray_card-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 20px;
}
.gray_card-wrap .butn_wrap {
  bottom: 40px;
  position: absolute;
  left: 40px;
}
.gray_card-wrap .butn_wrap .butn.link {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.gray_card-wrap .butn_wrap .butn.link ~ .link {
  margin-left: 0;
}
.gray_card-wrap .butn_wrap .butn.outlink:after {
  background: url("../img/icon/icon_open_in_new.svg") 0 0/100%;
  height: 16px;
  margin-left: 8px;
  width: 16px;
  vertical-align: middle;
}
.gray_card-wrap.sub_main .gray_card-item:nth-child(1) {
  background-color: #eaf6fe;
}
.gray_card-wrap.sub_main .gray_card-item:nth-child(2) {
  background-color: #fff4e5;
}
.gray_card-wrap.sub_main .gray_card-item:nth-child(3) {
  background-color: #fff9e5;
}
.gray_card-wrap.sub_main .gray_card-item.faq {
  width: 1320px;
  height: 192px;
  background-color: #F2F2F2;
}

.gray_card-butn-list {
  position: absolute;
  top: 40px;
  right: 40px;
}
/* .gray_card-butn-list .gray_card-butn-item {
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 40px;
  background-color: blue;
} */

.gray_card-butn-list .gray_card-butn-item + .gray_card-butn-item {
  margin-left: 14px;
  border-left: 1px solid #d9d9d9;
}

/* .gray_card-butn-list .gray_card-butn-item:before {
  content: "";
  height: 48px;
  margin-right: 8px;
  width: 48px;
}

.gray_card-butn-list .gray_card-butn-item.online:before {
  background: url("../img/icon/ic_online.svg") center/cover no-repeat;
}
.gray_card-butn-list .gray_card-butn-item.live:before {
  background: url("../img/icon/ic_live.svg") center/cover no-repeat;
} */

.gray_card-butn-list .gray_card-butn-item .butn {
  margin-left: 50px;
  font-size: 16px;
  font-weight: 700;
}
.gray_card-butn-list .gray_card-butn-item .butn::after {
  vertical-align: -3px;
}

.gray_card-butn-list .gray_card-butn-txt {
  padding: 30px 40px;
  width: 832px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  background-color: #ffffff;
  border-radius: 12px;
}

.gray_card-butn-list .gray_card-butn-txt:before {
  content: "";
  height: 48px;
  margin-right: 8px;
  width: 48px;
}

.gray_card-butn-list .gray_card-butn-item.online .gray_card-butn-txt:before {
  background: url("../img/icon/ic_online.svg") center/cover no-repeat;
}

.gray_card-butn-list .gray_card-butn-item.live .gray_card-butn-txt:before {
  background: url("../img/icon/ic_live.svg") center/cover no-repeat;
}

.gray_card-wrap .gray_card-item.single {
  display: inline-flex;
  flex-direction: column;
}

.gray_card-wrap .gray_card-item.single .butn_wrap {
  position:static;
  margin-top:auto;
}

.gray_card-wrap .gray_card-item.single .butn_wrap .butn {
  position:static;
}

.gray_card-wrap .gray_card-item.single .butn_wrap .butn:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.telephone_helpline-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
}
.telephone_helpline-wrap .telephone_helpline:first-child {
  padding: 0 108px 0 118px;
}
.telephone_helpline-wrap .telephone_helpline:last-child {
  border-left: 1px solid #d9d9d9;
  padding-left: 148px;
}
.telephone_helpline-wrap .helpline-name {
  font-size: 20px;
  line-height: 26px;
}
.telephone_helpline-wrap .helpline-num {
  font-size: 120px;
  font-weight: 900;
}
.telephone_helpline_inquire-wrap {display: flex; margin-top: 40px;}
.telephone_helpline_inquire {padding: 46px 0; width:648px; border:1px solid #e4e4e4; border-radius: 32px; text-align: center;}
.telephone_helpline_inquire + .telephone_helpline_inquire {margin-left: auto;}
.helpline_inquiree-name {font-size:30px; line-height: 34px; font-weight: 700; color: #000;}
.helpline_inquiree-num {margin-top:21px;}
.helpline_inquiree-num span {font-family: "roboto"; font-size:41px; line-height: 54px; font-weight: 700; color: #000; vertical-align: middle;}
.helpline_inquiree-num .gray_card-butn-txt {display: inline-block; position: relative; margin-left: 40px; font-size: 24px; height: 52px; line-height: 48px; font-weight: 700; min-width: 183px; padding: 0 40px;background-color: #ffffff; color: #000000; border: 1px solid #a9a9a9; border-radius: 6px; vertical-align: middle;}
.helpline_inquiree-num .gray_card-butn-txt::before {
  display: inline-block;
  content: "";
    height: 38px;
    margin-right: 5px;
    width: 38px;
  background: url(../img/icon/ic_online02.svg) center / cover no-repeat;
  vertical-align: middle;
}

.sb_section {
  margin-bottom: 60px;
}
.sb_section .search_box {
  margin: 0 auto;
}

.sb_bd_box {
  border-top: 2px solid #000000;
  padding-top: 60px;
}
.sb_bd_box .board_list-contain .board_list.guide {
  margin-bottom: 60px;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  overflow: hidden;
}
.sb_bd_box .board_list-contain .board_list.guide .guide_btn-wrap {
  border-radius: 0;
}
.sb_bd_box .board_list-contain .board_list.guide .guide_btn-wrap .guide_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sb_bd_box .board_list-contain .board_list.guide .guide_btn-wrap .guide_btn:first-child {
  border-right: none;
}
.sb_bd_box .board_list-contain .board_list.guide .guide_btn-wrap .guide_btn + .guide_btn {
  border-left: 1px solid #d9d9d9;
}
.sb_bd_box .board_list-contain .board_list.guide .guide_btn-wrap .guide_btn .btn-txt:after {
  background: url("../img/icon/ic_arrow_right.svg") center/cover no-repeat;
  content: "";
  display: inline-block;
  height: 20px;
  vertical-align: sub;
  width: 20px;
}
.sb_bd_box .board_list-contain .board_list.guide .search_word {
  color: #3617ce;
}
.sb_bd_box .board_list-contain .board_list.guide .other_type {
  height: 304px;
}
.sb_bd_box .board_list-contain .board_list.guide .other_type .other_type-txt {
  margin-bottom: 4px;
}
.sb_bd_box .board_list-contain .board_list.guide .other_type .other_type-tit {
  margin-bottom: 20px;
}
.sb_bd_box .board_list-contain .board_list-cont {
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
  white-space: normal;
  min-height: 60px;
}
.sb_bd_box .none_wrap {
  border-bottom: none;
  border-top: none;
  padding: 20px 0 120px;
}
.sb_bd_box + .pagination_list-wrap {
  margin: 20px auto 0;
}

.board_other_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.board_other_type .other_type {
  height: 200px;
  width: calc(50% - 12px);
}
.board_other_type .other_type.qa {
  margin-left: 24px;
}
.board_other_type .other_type .other_type-tit {
  margin-bottom: 37px;
}

.add_info-box.other_type {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.other_type {
  background-position: right 40px top 40px;
  background-repeat: no-repeat;
  background-size: 100px 100px;
  border-radius: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 40px;
}
.other_type.youtube {
  background-color: #ffeef0;
  background-image: url("../img/image/img_3d_selfguide_youtube.png");
}
.other_type.qa {
  background-color: #eaf6fe;
  background-image: url("../img/image/img_3d_selfguide_qa.png");
}
.other_type .other_type-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.other_type .other_type-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.other_type .butn {
  font-size: 16px;
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.other_type .butn:after {
  background: url("../img/icon/ic_arrow_right.svg") 0 0/100%;
  vertical-align: sub;
}

.related_qna-list .related_qna-item {
  border: 1px solid #000000;
  border-radius: 6px;
  padding: 0 12px;
}
.related_qna-list .related_qna-item + .related_qna-item {
  margin-top: 12px;
}
.related_qna-list .related_qna-butn {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  line-height: 20px;
  padding: 12px 56px 12px 0;
  position: relative;
  text-align: left;
  width: 100%;
}
.related_qna-list .related_qna-butn:after {
  background: url("../img/icon/ic_arrow_normal.svg") center/cover no-repeat;
  content: "";
  height: 20px;
  position: absolute;
  top: 14px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  right: 0;
  width: 20px;
}
.related_qna-list .related_qna-butn.active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.related_qna-list .related_qna-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  border-top: 1px dashed #a9a9a9;
  display: none;
  padding: 12px 60px 12px 12px;
}

.attached_file-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  margin-top: 20px;
}
.attached_file-list .attached_file-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
}
.attached_file-list .attached_file_Thumb {
  height: 80px;
  width: 80px;
}
.attached_file-list .attached_file-info {
  margin-left: 12px;
}
.attached_file-list .attached_file-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  margin-bottom: 4px;
}
.attached_file-list .attached_file-name .file-name {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 130px;
  vertical-align: bottom;
}
.attached_file-list .attached_file-size {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
}
.attached_file-list .delete_file {
  background: url("../img/icon/ic_clear.svg") center/100% no-repeat;
  font-size: 0;
  height: 32px;
  width: 32px;
  margin-left: auto;
}

.inner_section_normal .section:first-child {
  padding: 0;
}

.inner_section_first {
  padding: 60px 0 0 0;
}

.inner_section {
  margin-top: 120px;
}

.cs_accodion-list {
  border-top: 2px solid #000000;
}
.cs_accodion-list .cs_accodion-item {
  border-bottom: 1px solid #e4e4e4;
}
.cs_accodion-list .cs_accodion-heading {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  text-align: left;
  width: 100%;
}
.cs_accodion-list .cs_accodion-heading:after {
  background: url("../img/icon/ic_arrow_normal.svg") center/cover no-repeat;
  content: "";
  height: 20px;
  margin-left: 20px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  width: 20px;
}
.cs_accodion-list .cs_accodion-heading.active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.cs_accodion-list .heading-badge {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  border: 1px solid #797979;
  border-radius: 15px;
  height: 30px;
  line-height: 30px;
  margin-right: 20px;
  padding: 0 16px;
}
.cs_accodion-list .heading-badge.complete {
  border: 1px solid #3617ce;
  color: #3617ce;
}
.cs_accodion-list .heading-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
  white-space: normal;
  color: #000000;
  line-height: 24px;
  word-break: break-all;
}
.cs_accodion-list .heading-tit .type {
  margin-left: 20px;
}
.cs_accodion-list .heading-tit + .heading-tit {
  padding-left: 10px;
}
.cs_accodion-list .heading-tit + .heading-tit:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #e4e4e4;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -4px;
}
.cs_accodion-list .heading-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-left: auto;
}
.cs_accodion-list .cs_accodion-panel {
  border-top: 1px solid #e4e4e4;
  display: none;
  padding-bottom: 40px;
}
.cs_accodion-list .panel-gray {
  background-color: #f2f2f2;
  border-radius: 12px;
  margin-bottom: 40px;
  padding: 40px;
}
.cs_accodion-list .panel-gray .panel-txt {
  color: #000000;
}
.cs_accodion-list .panel-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-bottom: 8px;
}
.cs_accodion-list .panel-table-list {
  margin-top: 60px;
}
.cs_accodion-list .panel-table + .panel-table {
  margin-top: 20px;
}
.cs_accodion-list.style2 .panel-table-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cs_accodion-list.style2 .panel-table {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
}
.cs_accodion-list.style2 .panel-table + .panel-table {
  margin-left: 80px;
}
.cs_accodion-list.style2 .panel-table-txt {
  margin-top: 0;
  margin-left: 20px;
}
.cs_accodion-list.style2 .panel-txt {
  color: #797979;
}
.cs_accodion-list + .pagination_list-wrap {
  margin: 80px auto 0;
}

.panel-white {
  padding: 40px 20px;
}
.panel-white .panel-content {
  padding: 0;
}

.panel-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  word-break: break-all;
}

.panel-table-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.panel-table-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  margin-top: 8px;
}
.panel-table-txt .info {
  margin-right: 20px;
}
.panel-table-txt .gray {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
}
.panel-table-txt .download {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.panel-table-txt .download:before {
  background: url("../img/icon/ic_download.svg") center/cover no-repeat;
  content: "";
  height: 20px;
  margin-right: 12px;
  width: 20px;
}
.panel-table-txt .download_name {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 1180px;
}

.board_list-title {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  margin-bottom: 26px;
  padding-left: 56px;
}
.board_list-title.btv {
  background-image: url("../img/icon/ic_btvinfo.svg");
}
.board_list-title.vod {
  background-image: url("../img/icon/ic_vodreplay.svg");
}

.board_list-contain .board_list .board_list-thumb {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 0;
}
.board_list-contain .board_list .board_list-thumb.item1 {
  background-image: url("../img/image/Thumbnail_livecs_1.png");
}
.board_list-contain .board_list .board_list-thumb.item2 {
  background-image: url("../img/image/Thumbnail_livecs_2.png");
}
.board_list-contain .board_list .board_list-thumb.item3 {
  background-image: url("../img/image/Thumbnail_livecs_3.png");
}
.board_list-contain .board_list .board_list-thumb.item4 {
  background-image: url("../img/image/img_livecs_6.png");
}

.ars_info_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.ars_info_wrap .cellphone_butn-wrap {
  background: url("../img/image/img_cellphone_2.png") center/cover no-repeat;
  height: 740px;
  margin-right: 60px;
  padding-top: 64px;
  text-align: center;
  width: 380px;
}
.ars_info_wrap .cellphone_top-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}
.ars_info_wrap .cellphone_top-num {
  color: #ff9710;
  font-size: 80px;
  font-weight: 500;
  line-height: 100px;
}
.ars_info_wrap .cellphone_butn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
  padding: 0 10px 10px;
}
.ars_info_wrap .cellphone_butn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 125px;
  text-align: center;
  padding: 23px 16px 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 120px;
}
.ars_info_wrap .cellphone_butn.active {
  background-color: #fbf3f1;
}
.ars_info_wrap .cellphone_butn.active .txt {
  color: #000000;
}
.ars_info_wrap .cellphone_butn.disabled {
  color: #d9d9d9;
  pointer-events:none;
}
.ars_info_wrap .cellphone_butn.disabled .txt {
  color: #d9d9d9;
}
.ars_info_wrap .cellphone_butn.gray {
  color: #919191;
}
.ars_info_wrap .cellphone_butn.gray .txt {
  color: #919191;
}
.ars_info_wrap .cellphone_butn .num {
  font-size: 28px;
  font-weight: 500;
  height: 34px;
  line-height: 34px;
}
.ars_info_wrap .cellphone_butn .num.large {
  font-size: 48px;
  line-height: 53px;
}
.ars_info_wrap .cellphone_butn .txt_box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-top: 4px;
  line-height: 20px;
}
.ars_info_wrap .cellphone_butn .txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: rgba(0, 0, 0, 0.87);
}

.ars_info_accodion {
  width: calc(100% - 440px);
}

.ars_info_accodion .info_box-list .info_box button.info_tit {
  outline: 0;
}

.circle_list {
  margin-top: 20px;
}
.circle_list .circle_item {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  padding-left: 11px;
  position: relative;
}
.circle_list .circle_item:before {
  background-color: #797979;
  border-radius: 100%;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 4px;
}
.circle_list .circle_item ~ .circle_item {
  margin-top: 6px;
}

.select_result {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  display: block;
  margin-bottom: 24px;
}
.select_result .place {
  color: #3617ce;
}

.select_result-list {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.select_result-list .select_result-item {
  border: solid 1px #e4e4e4;
  border-radius: 12px;
  padding: 40px;
}
.select_result-list .result-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  display: block;
  margin-bottom: 24px;
}
.select_result-list .result-info {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  background-position: left top -4px;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  word-break: break-all;
  padding-left: 36px;
}
.select_result-list .result-info + .result-info {
  margin-top: 12px;
}
.select_result-list .result-info.place {
  background-image: url("../img/icon/ic_place.svg");
}
.select_result-list .result-info.phone {
  background-image: url("../img/icon/ic_phone.svg");
}

.search_result-table .search_result-value {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  display: inline-block;
  margin-bottom: 16px;
}
.search_result-table .search_result-value .search_word {
  font-weight: 700;
}
.search_result-table table {
  border-top: 2px solid #000000;
  text-align: center;
}
.search_result-table table tbody td {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  border-bottom: 1px solid #e4e4e4;
  padding: 20px 0;
}
.search_result-table table tbody td.link {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  padding: 0 20px;
  text-align: left;
}
.search_result-table table tbody td.link .search_word {
  font-weight: 500;
}
.search_result-table table tbody td.type span {
  border: 1px solid #3617ce;
  border-radius: 15px;
  color: #3617ce;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
.search_result-table table tbody td.clip {
  font-size: 0;
  background: url("../img/icon/ic_file.svg") center/32px 32px no-repeat;
}
.search_result-table table tbody td.cable {
  color: #000000;
}
.search_result-table .search_word {
  color: #3617ce;
}
.search_result-table + .pagination_list-wrap {
  margin: 80px auto 0;
}

.search_input_list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.search_input_list .search_box {
  font-size: 18px;
  width: 320px;
}
.search_input_list .search_box .search_input {
  padding: 16px 74px 16px 40px;
}
.search_input_list.single .search_box {
  width: 505px;
}

/* .search_input_list .search_box .search_input::-webkit-input-placeholder {
  color: #797979 !important;
}
.search_input_list .search_box .search_input::-moz-placeholder {
  color: #797979 !important;
}
.search_input_list .search_box .search_input:-ms-input-placeholder {
  color: #797979 !important;
}
.search_input_list .search_box .search_input::-ms-input-placeholder {
  color: #797979 !important;
}
.search_input_list .search_box .search_input::placeholder {
  color: #797979 !important;
} */


.search_input_list .datepicker_wrap {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e4e4e4;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-right: 10px;
  padding: 0 24px 0 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 354px;
}
.search_input_list .datepicker_wrap .wave {
  padding: 0 10px;
}
.search_input_list .datepicker_wrap input[type=text] {
  color: #000000;
  font-size: 18px;
  height: auto;
  line-height: normal;
  padding: 0;
}
.search_input_list .datepicker_wrap .datepicker {
  padding-right: 45px;
  background-color: #ffffff;
  background-image: url("../img/icon/ic_calendar.svg");
  background-position: 97% -3px;
  background-repeat: no-repeat;
  background-size: 28px 28px;
}
.search_input_list .datepicker_wrap .ui-datepicker-trigger {
  height: 32px;
  width: 32px;
}
.search_input_list + .search_result-table {
  margin-top: 60px;
}
.search_input_list.type2 .search_box {
  width: 430px;
}

.detail_page-wrap {
  border-top: 2px solid #000000;
}
.detail_page-wrap .detail_page-heading {
  border-bottom: 1px solid #e4e4e4;
  padding: 30px 20px;
}
.detail_page-wrap .heading-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-bottom: 8px;
}
.detail_page-wrap .heading-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.detail_page-wrap .detail_sub-heading {
  border-bottom: 1px solid #e4e4e4;
  padding: 20px;
}
.detail_page-wrap .detail_sub-heading .detail_sub-item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-right: 80px;
}
.detail_page-wrap .detail_sub-heading .detail_sub-info {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  margin-left: 20px;
}
.detail_page-wrap .detail_page-panel {
  padding-bottom: 60px;
}
.detail_page-wrap .panel-white {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 60px;
}
.detail_page-wrap .panel-table-list {
  margin-top: 80px;
}
.detail_page-wrap .panel-txt-blk {
  color: #000000;
  display: block;
}

/* 240716 공지사항 테이블 수정 */
.panel-content .div-note-tbl {
  overflow-x: auto;
  max-width: 100%;
}
.panel-content .div-note-tbl td:last-child {
  border-right: 1px solid #eeeceb;
}

#noticeView .panel-content table {
  border: 1px solid #eeeceb;
}

.detail_navi-list {
  border-top: 2px solid #000000;
}
.detail_navi-list .detail_navi-item {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e4e4e4;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding: 0 20px;
}
.detail_navi-list .detail_navi-item .navi-title {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
  margin-left: 20px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.detail_navi-list .detail_navi-item:before {
  background: url("../img/icon/ic-arrow-gray-next.svg") center/cover no-repeat;
  content: "";
  height: 20px;
  margin-right: 20px;
  width: 20px;
}
.detail_navi-list .detail_navi-item.next:before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.detail_navi-list .detail_navi-item.prev:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.detail_navi-list .detail_navi-item.disabled {
  color: #a9a9a9;
}
.detail_navi-list .detail_navi-item.disabled .navi-title {
  color: #a9a9a9;
}

.title_wrap + .search_box {
  margin: 0 auto;
}
.title_wrap + .search_box .search_input {
  font-size: 18px;
}

.search_box + .search_result-table {
  margin-top: 20px;
}

.title_s1 + .download_list {
  margin-top: 30px;
}

.download_list {
  border-top: 2px solid #000000;
}
.info_box.guide_type + .download_list {
  border-top: 0;
}
.download_list + .title_s1 {
  margin-top: 60px;
}
.download_list + .pagination_list-wrap {
  margin-top: 60px;
}
.download_list .butn_wrap .butn.type-list_btn  {
  min-width: 154px;
}
.download_list .download_item {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 70px;
}
.download_list .download_name {
  max-width: 1000px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.download_list .download_name .search_word {
  font-weight: 500;
}
.download_list .download_date {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.download_list .butn_wrap {
  font-size: 0;
}
.download_list .butn_wrap .butn {
  border-color: #a9a9a9;
}
.download_list.style2 .download_item {
  padding: 43px 20px;
}
.download_list.style2 .download_name {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.download_list.style2 .download_stxt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  display: block;
  margin-top: 4px;
}
.download_list .link_blank {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url("../img/icon/ic_link.svg") right 20px center no-repeat;
  background-size: 32px 32px;
}
.download_item_title {padding:43px 20px 0;}
.download_item_title .download_name {font-size: 24px; line-height: 32px; letter-spacing: -0.6px; font-weight: bold;}
.download_item_title .download_stxt {font-size: 16px; line-height: 24px; font-weight: normal; letter-spacing: -0.4px; color: #797979; display: block; margin-top: 4px;}               
.download_item_title + .download_list.style2 {border-top:0;}
.download_item_title + .download_list.style2 .download_item {padding:36px 20px 36px 34px; border-bottom-color:#F2F2F2;}
.download_item_title + .download_list.style2 .download_item .download_stxt {font-size:18px; font-weight:500; color:#303030;}
.download_item_title + .download_list.style2 .download_item:last-child {padding-bottom:60px; border-bottom-color:#e4e4e4;}
/* datapincker */
.input_list .datepicker_wrap {
  position: relative;
}
.input_list .ui-datepicker-trigger {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}

/* datapincker end */
.ht-subtit {
  font-size: 30px;
  font-weight: 500;
  text-align: center;
}

.ht-tit {
  font-size: 90px;
  line-height: 120px;
  font-weight: 700;
  letter-spacing: -2.25px;
  text-align: center;
  margin-bottom: 60px;
}

.bar {
  width: 100%;
  height: 2px;
  background-color: #000000;
}

.detail_tab-item .ht-subbox:nth-of-type(1) {
  margin-top: -1.3888888889vw;
}

.ht-tit2 {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
  margin-bottom: 8px;
}

.ht-subtit2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  line-height: 36px;
  color: #797979;
  margin-bottom: 60px;
}
.ht-subtit2 .butn {
  margin-left: auto;
}

.ht-subbox {
  border-bottom: 1px solid #e4e4e4;
  padding: 60px 0 60px;
}
.ht-subbox .badge {
  margin-bottom: 10px;
  border-radius: 17px;
  font-size: 16px;
  padding: 7px 12px;
  height: auto;
  line-height: 20px;
}
.ht-subbox .align-right {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  text-align: right;
}
.ht-subbox + .info_box-list {
  margin-top: 60px;
}
.ht-subbox + .info_box {
  margin-top: 60px;
}

.ht-subbox-fare-item {
  margin-bottom: 60px;
}
.ht-subbox-fare-item .fare-item {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ht-subbox-fare-item .fare-item .fare-item-list:first-child {
  margin-left: 0;
}

.ht-subbox-header {
  position: relative;
  padding-left: 24px;
  padding-right: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ht-subbox-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ht-subbox-body {
  margin-top: 40px;
}
.ht-subbox-body.acdCont2 {
  display: none;
  visibility: hidden;
}
.ht-subbox-body + .ht-subbox-header {
  margin-top: 60px;
}
.ht-subbox-body.mt-36 {
  margin-top: 36px;
}

.ht-subbox-tit {
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  color: #000000;
  margin-bottom: 8px;
}
.ht-subbox-tit .super {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  vertical-align: super;
}
.ht-subbox-tit + .ht-subbox-desc {
  margin-top: 20px;
}

.ht-subbox-subtit {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-bottom: 24px;
}

.ht-subbox-desc {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}
.ht-subbox-desc .hashtag {
  display: inline-block;
  margin: 10px 20px 0 0;
}
.ht-subbox-desc + .ht-subbox-subtit {
  margin-top: 4px;
  margin-bottom: 0;
}

.ht-subbox-desc + .butn_wrap {
  margin-top: 40px;
  text-align: left;
}
.ht-subbox-desc + .butn_wrap .butn.link {
  font-size: 16px;
  font-weight: 700;
}
.ht-subbox-desc + .butn_wrap .butn.link.active::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.ht-subbox-desc + .butn_wrap .butn.link::after {
  background: url("../img/icon/ic_arrow_location_normal.svg");
}

.ht-subbox-table-header {
  margin-bottom: 30px;
}
.ht-subbox-table-header .ht-subbox-table-tit {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
  margin-bottom: 40px;
}
.ht-subbox-table-header .ht-subbox-table-sub {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.ht-subbox-table-header .ht-subbox-table-sub &gt; strong {
  margin-right: 10px;
  vertical-align: -4px;
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  color: #000000;
}
.ht-subbox-table-header.type2 {
  margin-bottom: 10px;
}

.badge.gray30 {
  background-color: #303030;
}

.fare-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.fare-item.case-1 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fare-item.case-1 .fare-item-list {
  width: 100%;
}
.fare-item.case-2 .fare-item-list {
  margin-left: 100px;
}
.fare-item.case-3 .fare-item-list {
  margin-left: 100px;
}
.fare-item.case-4 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fare-item.case-4 .fare-item-list:nth-of-type(2) {
  margin-left: 100px;
}
.fare-item.case-4 .fare-item-list:before {
  content: "OR";
  background-image: none;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  width: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.fare-item.case-4 .fare-item-list.circle {
  margin-left: 96px;
}
.fare-item.case-4 .fare-item-list.circle:before {
  background: url("../img/icon/ic_arrow_next.svg") center/100% no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 24px;
  height: 24px;
}
.fare-item.case-4 .fare-item-list .fare-item-circle {
  width: 130px;
  height: 130px;
  background: #ff404e;
  border-radius: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  font-size: 22px;
  line-height: 27px;
}
.fare-item.case-4 .fare-item-list .fare-item-circle span {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #ffffff;
}
.fare-item.case-4 .fare-item-list .fare-item-circle em {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.fare-item.case-4 .fare-item-list .fare-item-circle + .fare-item-name {
  margin-top: 8px;
}
.fare-item.case-5 .fare-item-list {
  margin-left: 100px;
}
.fare-item.case-5 .fare-item-list:before {
  top: 76px;
}
.fare-item.case-6 .fare-item-list {
  margin-left: 82px;
}
.fare-item.case-6 .fare-item-list.left-43:before {
  left: -43px;
}

.fare-item-list {
  text-align: center;
  position: relative;
}
.fare-item-list:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/icon/ic_plus03.svg) center/100% no-repeat;
  display: block;
  position: absolute;
  top: 40px;
  left: -60px;
}
.fare-item-list:nth-of-type(1)::before {
  display: none;
}

.fare-item-tit {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}

.fare-item-icon {
  margin: 0 auto;
}
.fare-item-icon + p {
  margin-top: 10px;
}
.fare-item-icon img {
  padding: 17px;
  border: 1px solid #e4e4e4;
  border-radius: 50%;
}

.fare-item-icon + .caption {
  margin-top: 16px;
}

.fare-item-icon .badge {
  position: absolute;
  top: 80px;
  white-space: nowrap;
}

.fare-item-num {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
  color: #ff404e;
}

.fare-item-name {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  font-weight: 400;
  color: #000000;
}
.fare-item-name.mt-16 {
  margin-top: 16px;
}
.fare-item-name.mt-12 {
  margin-top: 12px;
}

.fare-item-name + .caption {
  margin-top: 1.1111111111vw;
}

.caption.orange {
  color: #ff9710;
}

.onlinejoin-tit {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
  text-align: center;
}

.onlinejoin-tit b {
  color: #3617ce;
}

.onlinejoin-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 60px 0 0;
}
.onlinejoin-box .onlinejoin-box-list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 284px;
          flex: 0 0 284px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid #e4e4e4;
  padding: 17px 0;
}
.onlinejoin-box .onlinejoin-box-list:nth-of-type(1) {
  border-left: 0;
}
.onlinejoin-box img {
  margin: 0 auto;
  width: 72px;
  height: 72px;
}
.onlinejoin-box span {
  font-size: 24px;
  line-height: 1;
  text-align: center;
  color: #000000;
  font-weight: 700;
  margin-top: 4px;
  margin-bottom: 30px;
}
.onlinejoin-box span + .butn_wrap {
  margin: 0 auto;
}
.onlinejoin-box span + .butn_wrap .butn {
  font-size: 16px;
  font-weight: 700;
}

.join-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 240px;
  padding: 0 80px;
  background-color: #f2f2f2;
  background-image: url("../img/image/img_monitor.png");
  background-position: bottom -30px right 100px;
  background-size: 332px;
  background-repeat: no-repeat;
  border-radius: 12px;
}
.join-banner.butn.link {
  font-weight: 500;
}

.join-banner-t1 {
  font-size: 24px;
  letter-spacing: -0.6px;
}

.join-banner-tit b {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.75px;
}

.notice-box {
  padding: 60px 84px 120px 24px;
}
.notice-box .notice-tit {
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  margin-bottom: 16px;
  font-weight: 700;
}
.notice-box .notice-list.circle &gt; .notice-item {
  padding-left: 12px;
  position: relative;
}
.notice-box .notice-list.circle &gt; .notice-item:after {
  position: absolute;
  border-radius: 50%;
  top: 12px;
  height: 4px;
  width: 4px;
  background-color: #a9a9a9;
  content: "";
  left: 0;
}
.notice-box .notice-list + .notice-list {
  margin-top: 24px;
}
.notice-box .notice-list + .butn_wrap {
  margin-top: 40px;
  text-align: left;
}
.notice-box .notice-item-tit {
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
  font-weight: 700;
  margin-bottom: 15px;
}
.notice-box .notice-item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 8px;
}
.notice-box .notice-item:nth-of-type(1) {
  margin-top: 0;
}

.ht-subbox.accordionbox .title_h1 {
  padding-bottom: 2.2222222222vw;
}
.ht-subbox.accordionbox .title_h1 + .txt4 {
  margin-top: 0;
}
.ht-subbox.accordionbox .txt4 {
  margin: 6.6666666667vw 0;
}
.ht-subbox.accordionbox .accordionbox-body {
  padding: 6.6666666667vw 0 0;
}
.ht-subbox.accordionbox .table_wrap tbody td {
  text-align: center;
}

.addfamily_service-list .addfamily_service-item + .addfamily_service-item:before {
  background-color: #d9d9d9;
  content: "";
  display: block;
  height: 1px;
  margin: 60px 0;
  width: 100%;
}
.addfamily_service-list .addfamily_service-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 64px;
  height: 64px;
  line-height: 64px;
  padding-left: 74px;
}
.addfamily_service-list .addfamily_service-tit.style2 {
  line-height: 32px;
}
.addfamily_service-list .addfamily_service-tit.style2 .txt6 {
  display: block;
  margin-top: 10px;
}
.addfamily_service-list .addfamily_service-tit.tit1 {
  background-image: url("../img/icon/ic__family_service_photo.svg");
}
.addfamily_service-list .addfamily_service-tit.tit2 {
  background-image: url("../img/icon/ic_movie.svg");
}
.addfamily_service-list .addfamily_service-tit.tit3 {
  background-image: url("../img/icon/ic_music.svg");
}
.addfamily_service-list .addfamily_service-tit.tit4 {
  background-image: url("../img/icon/ic_family_service_oceanvod.svg");
}
.addfamily_service-list .addfamily_service-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.addfamily_service-list .video_area {
  width: 520px;
  height: 293px;
  border-radius: 12px;
  margin: 0;
}
.addfamily_service-list .video_area .youcover a {
  display: block;
}
.addfamily_service-list .service-content-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-left: 40px;
}

.service-cont {
  padding: 120px 0 0;
}
.service-cont.txt-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0;
  margin: -4px 0 0 -24px;
}

.service-cont-tit {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
  margin-bottom: 40px;
}

.service-cont-box {
  padding-bottom: 60px;
}

.service-cont-box + .service-cont-box {
  border-top: 1px solid #d9d9d9;
  padding-top: 60px;
}

.service-cont-item-name {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-bottom: 40px;
}
.service-cont-item-name img {
  margin-right: 13px;
  vertical-align: middle;
}

.service-cont-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.service-cont-item .obj {
  width: 520px;
  margin-right: 40px;
}

.service-cont-item-list {
  width: calc(100% - 560px);
}
.service-cont-item-list li {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-bottom: 24px;
}
.service-cont-item-list li .tit {
  display: block;
  margin-bottom: -14px;
  line-height: 29px;
  letter-spacing: -0.5px;
  font-size: 20px;
  font-weight: 700;
  color: #000000;
}

.service-txt-box-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.service-txt-box-tit .butn {
  font-size: 16px;
  font-weight: 700;
  height: 24px;
  margin-left: auto;
  margin-top: 20px;
}
.service-txt-box-tit .butn:after {
  background: url("../img/icon/ic-arrow-right_20.svg") 0 0/100%;
}

.txt-box-list {
  background-color: #f2f2f2;
  width: calc(33.333% - 24px);
  max-height: 269px;
  padding: 40px;
  border-radius: 32px;
  margin: 24px 0 0 24px;
}

.service-cont-list {
  width: calc(100% - 12px);
}
.service-cont-list li {
  padding-left: 12px;
  position: relative;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.service-cont-list li::before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #a9a9a9;
  border-radius: 15px;
}

.service-cont-list-tit {
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  font-weight: 700;
  margin-bottom: 15px;
}

.ht-subbox + .parent-service {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}

.parent-service {
  margin-top: 20px;
}

.parent-service-tit {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
  margin-bottom: 50px;
}

.parent-service-box img {
  margin-right: 13px;
  vertical-align: middle;
}
.parent-service-box .parent-service-name {
  display: inline-block;
  vertical-align: middle;
}
.parent-service-box .parent-service-name .tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.parent-service-box .parent-service-name .sub_txt {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.product-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  justify-items: center;
  margin-right: -60px;
  margin-bottom: -60px;
}

.product-box-list {
  width: 630px;
  padding: 60px 65px;
  margin-bottom: 60px;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  margin-right: 60px;
}

.product-name {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  text-align: center;
}

.product-code {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  text-align: center;
  margin-top: 4px;
  margin-bottom: 40px;
}

.product-desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  text-align: center;
  margin: 40px 0;
  min-height: 48px;
}

.product_info_tit {
  font-size: 40px;
  font-weight: 700;
  line-height: 58px;
  margin-bottom: 30px;
  color: #000000;
  text-align: left;
}

.product_info_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}
.product_info_list li {
  width: 94px;
  height: 94px;
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  background-color: #f2f2f2;
  margin-right: 20px;
  font-size: 16px;
  color: #797979;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 15px 10px;
}
.product_info_list li:nth-child(2n) {
  background-color: #ffffff;
}

.rental_list_box {
  padding: 29px 40px;
  background-color: #f2f2f2;
  border-radius: 12px;
}

.rental_list_box + .butn_wrap {
  margin-top: 40px;
}
.rental_list_box + .butn_wrap .butn.link {
  font-size: 16px;
  font-weight: 700;
}

.rental_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rental_info {
  font-size: 16px;
  line-height: 32px;
  color: #000000;
  margin-bottom: 1px;
}

.rental_price {
  font-size: 14px;
  line-height: 32px;
  color: #000000;
}
.rental_price em {
  font-size: 32px;
  margin-right: 2px;
}
.rental_price em.red {
  margin-left: 4px;
  font-weight: 700;
}
.rental_price em.blue {
  color: #3617ce;
  font-weight: 700;
  margin-left: 4px;
}

.table_wrap tbody.product_table th {
  font-size: 16px;
  color: #000000;
  background-color: #f2f2f2;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding: 12px 20px;
  font-weight: 700;
}
.table_wrap tbody.product_table td {
  padding: 12px 20px;
  text-align: left;
}

.card-spec-desc + .card-spec-desc-dot {
  padding-top: 7px;
}

.card-spec-desc-dot {
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  text-indent: -12px;
  padding-left: 12px;
}
.card-spec-desc-dot:last-child {
  padding-bottom: 0;
}
.card-spec-desc-dot:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #a9a9a9;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  margin-top: -1px;
}

.card-spec-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-spec-box-obj {
  margin: 0 auto;
}
.card-spec-box-obj img + .butn_wrap {
  margin-top: 24px;
}

.card-spec-info {
  width: 720px;
  margin-left: 40px;
}

.card-spec-list {
  display:block;
  /* border-bottom: 1px solid #e4e4e4; */
}
/* .card-spec-list:nth-of-type(1) {
  border-top: 2px solid #000000;
} */
.card-spec-list + .card-spec-list {
  margin-top: 14px;
}
.card-spec-list.top_line {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e4e4e4;
}
.card-spec-tit {
  display: block;
  padding: 0 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
}

.card-spec-txt {
  padding: 0 20px;
}
.card-spec-tit + .card-spec-txt {
  margin-top: 10px;
}
.card-spec-txt + .card-spec-txt {
  margin-top: 14px;
}
.card-spec-info .bull_list {
  margin-top:15px;
  padding:0 20px;
  font-size:18px;
  color:#797979;
}
.card-spec-info .bull_list .circle:after {
  width:3px;
  height:3px;
}

.card-spec-desc-y {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-bottom: 8px;
}

.card-spec-desc {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #000000;
}
.card-spec-desc .blue {
  color: #3617ce;
  font-weight: 500;
}
.card-spec-desc-sm {
  font-size: 18px;
  color:#797979;
}
.card-spec-desc + .card-spec-desc-sm {
  margin-top:2px;
}
.card-spec-disclaimer {
  font-size: 18px;
  line-height: 26px;
  color: #797979;
}
.card-spec-desc-sm + .card-spec-disclaimer {
  margin-top: 14px;
}
.card-spec-disclaimer + .card-spec-desc {
  margin-top: 16px;
}

.card_bdbox_wrap {
  display:flex;
  justify-content:space-between;
  border:1px solid #e4e4e4;
  border-radius: 32px;
  padding:60px;
}
.card_bdbox_wrap .modal_benefit_card {
  min-width:208px;
  padding-top:15px;
}
.card_bdbox_wrap .modal_benefit_card &gt; img { 
  width:158px;
}
.card_bdbox_wrap .modal_benefit_info {min-width:400px; width:100%;}
.card_bdbox_wrap .modal_benefit_info .modal_benefit_tit {font-size:30px; font-weight:700; line-height:46px;}
.card_bdbox_wrap .modal_benefit_info .modal_benefit_txt {margin-top:20px; margin-right:auto; font-size:18px;}
.card_bdbox_wrap .modal_benefit_info .modal_benefit_sm {margin-top:4px; font-size:16px; color:#797979;}
.card_bdbox_wrap .modal_benefit_info .icon_won_txt {display:flex; align-items:center; position:relative; margin-top:18px; font-size:16px; color:#797979;}
.card_bdbox_wrap .modal_benefit_info .icon_won_txt::before {content:''; display:inline-block; width:18px; height:18px; margin-right:4px; background:url('../img/icon/ic_won_gray.svg') 0 center no-repeat; background-size:100%;}
.card_bdbox_wrap .modal_benefit_info .icon_won_txt .txt {display:inline-block; height:21px;}
.card_bdbox_wrap .modal_benefit_price {min-width:162px; text-align:right; font-size:14px;}
.card_bdbox_wrap .modal_benefit_price .red {font-size:30px; font-weight:500; line-height:38px;}
.card_acdbox + .card_acdbox .info_tit {border-top:0;}
.card_acdbox p.info_tit::after {display: none;}
.card_acdbox .acdBtn.active + .acdCont {border-bottom:1px solid #e4e4e4;}
.card_acdbox .bull_list .circle {font-size:16px; color:#797979;}
.card_acdbox .bull_list .circle::after {width:4px; height:4px; border-radius:50%; background-color:#797979;}
.card_acdbox .bull_list .circle + .circle {margin-top:10px;}
.card_acdbox .spec_paner-tiem .table_wrap {margin-top:18px;}
.card_acdbox .spec_paner-tiem + .bull_list {margin-top:20px;}
.card_acdbox .table_wrap thead th {padding:14px; font-size:16px; text-align:center;}
.card_acdbox .table_wrap tbody td {font-size:16px; color:#797979;}
.card_acdbox .card_acdbox_tit {font-size:18px; font-weight:700; line-height:32px;}
.card_acdbox .card_acdbox_txt {font-size:16px; color:#797979; line-height:32px;}
.card_acdbox .card_acdbox_tit .card_acdbox_txt {margin-top:2px;}
.card_acdbox_txt + .spec_paner-tiem {margin-top:20px;}
.card_num_list {display:flex; justify-content:space-between; counter-reset: number 0;}
.card_num_list .item {display:flex; align-items:center; justify-content:center; position:relative; width:100%; padding:28px 4px; border:1px solid #e4e4e4; border-radius:16px;}
.card_num_list .item::before {content:counter(number); display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; margin-right:5px; vertical-align:middle; border-radius:50%; background-color:#3617ca; font-size:18px; color:#fff; counter-increment: number 1;}
.card_num_list .item + .item {margin-left:10px;}
.card_acdbox.info_box .info_txt-list.circle &gt; .info_txt-item::after {top:9px;}
.card_acdbox.info_box .info_txt-list.circle &gt; .info_txt-item.black {font-weight:500; color:#000;}
.card_acdbox.info_box .info_txt-list.circle &gt; .info_txt-item.black::after {background-color:#000;}
.card_acdbox.info_box .info_txt-list.circle &gt; .info_txt-item.black p {font-weight:500;}
.card_acdbox.info_box .txt.black {font-size:16px; font-weight:500; color:#000;}
.ex_ico {font-family:'roboto';}

.filter_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 60px;
}

.categorie_filter_wrap {
  font-size:0;
}
.categorie_filter {
  padding:17px 20px;
  font-size: 18px;
  letter-spacing: -0.6px;
  font-weight: 400;
  color: #000;
  margin-left: 5px;
  position: relative;
  border:1px solid #d9d9d9;
  border-radius: 50px;
  line-height: 24px;
}
.categorie_filter:nth-of-type(1) {
  margin-left: 0;
}

.categorie_filter.active {
  border:1px solid #3617ce;
  background-color:#3617ce;
  color: #fff;
}

.day_filter {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  font-weight: 400;
  vertical-align: bottom;
  margin-left: 20px;
}
.day_filter:nth-of-type(1) {
  margin-left: 0;
}
.day_filter.active {
  color: #000000;
  font-weight: 700;
}

.event-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}

.event-box-list-item {
  width: 424px;
  margin-right: 24px;
  margin-bottom: 60px;
  position: relative;
}
.event-box-list-item a {
  display: block;
  border-radius: 12px;
  overflow: hidden;
}
.event-box-list-item #GA_EVENTIMAGE_B08010000_2340.obj,
.event-box-list-item #GA_EVENTIMAGE_B08010000_2518.obj {
  border: 1px solid #e4e4e4;
}
.event-box-list-item img {
  width: 100%;
}
.event-box-list-item:nth-child(3n) {
  margin-right: 0;
}
.event-box-list-item .event_outlink {
  width: 40px;
  height: 40px;
  background: url("../img/icon/ic_new_window2.svg") center/100% no-repeat;
  position: absolute;
  top: 20px;
  right: 20px;
}

.categorie_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.categorie_wrap.left-align {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.categorie {
  border-radius: 25px;
  border: 1px solid #3617ce;
  color: #3617ce;
  padding: 3px 16px;
  font-size: 14px;
  margin-left: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.categorie:first-child {
  margin-left: 0;
}
.categorie.gray {
  color: #797979;
  border-color: #797979;
}

.event-box-list-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  text-align: center;
  margin-top: 13px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
}

.event-page-search {
  margin: 0 auto;
}
.event-page-search + .search_result-value {
  margin-top: 60px;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  display: inline-block;
  margin-bottom: 16px;
}
.event-page-search + .search_result-value .search_word {
  color: #3617ce;
  font-weight: 700;
}
.event-page-search + .search_result-value + .event-page-list-wrap {
  margin-top: 0;
}

.event-page-list-wrap {
  border-top: 2px solid #000000;
  margin: 60px 0 80px;
}

.event-page-list-item {
  border-bottom: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 22px 0;
}

.event-page-list-item .search_word {
  color: #3617ce;font-weight:500;
}

.evnet-page-listnum {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding: 0 20px;
}

.event-page-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  font-weight: 500;
  color: #000000;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 157px;
}

.event-page-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding: 0 10px;
}
.event-page-date.pd-none {
  padding: 0;
}

.detail_page-wrap.style2 .heading-tit {
  margin-bottom: 0;
}
.detail_page-wrap.style2 .panel-content {
  padding: 80px 75px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 60px;
}
.detail_page-wrap.style2 .panel-content &gt; img {
  width: 100%;
}
.detail_page-wrap.style2 .categorie_wrap {
  margin-top: 12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.detail_page-wrap.style2 .detail_sub-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail_page-wrap.style2 .detail_sub-heading .detail_sub-item {
  display: block;
  margin-right: 0;
}
.detail_page-wrap.style2 .detail_sub-heading .detail_sub-item + .detail_sub-item {
  margin-left: 80px;
}
.detail_page-wrap.style2 .panel-txt {
  text-align: left;
}
.detail_page-wrap.style2 .panel-txt .orange {
  color: #ff9710;
}
.detail_page-wrap.style2 .panel-txt .blue {
  color: #3617ce;
}
.detail_page-wrap.style2 .panel_event {
  background-color: #f7ecff;
  border-radius: 32px;
  padding: 0 80px 0 120px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 340px;
}
.detail_page-wrap.style2 .panel_event:after {
  background: url("../img/image/event_img.png") center/cover no-repeat;
  top: 40px;
  content: "";
  height: 260px;
  position: absolute;
  right: 80px;
  width: 260px;
}
.detail_page-wrap.style2 .panel_event-tit {
  font-size: 36px;
  line-height: 71px;
  font-weight: 400;
  text-align: left;
}
.detail_page-wrap.style2 .panel_event-butn {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail_page-wrap.style2 .panel_event-butn .butn ~ .butn {
  margin-left: 12px;
}
.detail_page-wrap.style2 .panel_table_tit {
  font-size: 40px;
  text-align: center;
  margin: 80px 0 62px;
  position: relative;
  display: inline-block;
  font-weight: 700;
}
.detail_page-wrap.style2 .panel_table_tit::before {
  width: 100%;
  height: 2px;
  background-color: #000000;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
}
.detail_page-wrap.style2 .table_wrap.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail_page-wrap.style2 .table_wrap.half table:nth-of-type(1) {
  margin-right: 40px;
}
.detail_page-wrap.style2 .table_wrap tbody td {
  text-align: center;
}
.detail_page-wrap.style3 .heading-tit {
  margin-bottom: 0;
}
.detail_page-wrap.style3 .panel-content {
  padding: 40px 20px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 60px;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.detail_page-wrap.style3 .panel-content * {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.detail_page-wrap.style3 .panel-content &gt; img {
  max-width: 100%;
}
.detail_page-wrap.style3 .panel-content .image_box {
  margin-top: 40px;
  text-align: center;
}
.detail_page-wrap.style3 .categorie_wrap {
  margin-top: 8px;
}

.event_pop {
  text-align: center;
}
.event_pop .event_pop-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-top: 40px;
  position: relative;
}
.event_pop .event_pop-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  margin-top: 20px;
}
.event_pop .event_pop-txt b {
  color: #000000;
}
.event_pop .event-input {
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 12px;
  padding: 40px 120px;
  margin-top: 40px;
  text-align: left;
}
.event_pop .event-input .input_box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event_pop .event-input .input_box + .input_box {
  margin-top: 20px;
}
.event_pop .event-input .input_box .label {
  width: 77px;
}
.event_pop .event-input .input_box .input_inner {
  width: 320px;
}
.event_pop .event-input + .butn {
  margin-top: 40px;
}
.event_pop .event_list-wrap {
  border-bottom: 1px solid #e4e4e4;
  padding: 60px 0 40px;
  text-align: left;
}
.event_pop .event_list-wrap .event_list-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.event_pop .event_list-wrap .event_pop-list {
  margin-top: 14px;
}
.event_pop .event_list-wrap .event_pop-item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 8px;
  padding-left: 11px;
  position: relative;
}
.event_pop .event_list-wrap .event_pop-item:before {
  background-color: #797979;
  border-radius: 100%;
  content: "";
  width: 3px;
  height: 3px;
  left: 0;
  position: absolute;
  top: 9px;
}
.event_pop .event_result-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: inline-block;
  height: 140px;
  margin-top: 80px;
  width: 140px;
}
.event_pop .event_result-icon.giftbox {
  background-image: url("../img/icon/ic_giftbox.svg");
  position: relative;
}
.event_pop .event_result-icon.giftbox:after {
  background: url("../img/image/img_b_event.png") center/cover no-repeat;
  content: "";
  height: 160px;
  left: 63px;
  position: absolute;
  top: -7px;
  width: 160px;
}
.event_pop .event_result-icon.giftbox_open {
  background-image: url("../img/icon/ic_giftbox_open.svg");
}
.event_pop .event_result-icon.giftbox_open_empty {
  background-image: url("../img/icon/ic_giftbox_open_empty.svg");
  margin-left: -20px;
}
.event_pop .event_result-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  margin-top: 40px;
  color: #000000;
}
.event_pop .event_result-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin: 20px 0 0;
  padding-bottom: 80px;
}
.event_pop .withdraw-table_box {
  padding-bottom: 16px;
}
.event_pop .withdraw-table_box th {
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  font-weight: 700;
  background-color: #f2f2f2;
}
.event_pop .withdraw-table_box td {
  text-align: left;
}

.butn_wrap.event_pop_butn {
  margin-top: 40px;
}

.modal-imgbox {
  padding: 0 40px;
  margin-top: -30px;
  text-align: center;
}

.butn.outlink:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon/ic_new_window.svg) 0 0/100%;
  vertical-align: text-bottom;
}

.info_txt-list + .butn.link {
  margin-top: 24px;
}

.sbtop_info_wrap.myt {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sbtop_info_wrap.myt .sbtop_btv-box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 140px;
}
.sbtop_info_wrap.myt .sbtop_btv-gift {
  height: 260px;
  width: 260px;
  margin-left: 100px;
}
.sbtop_info_wrap .myttop_bottom_txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  width: 100%;
}
.sbtop_info_wrap .myttop_bottom_txt:before {
  background-color: #797979;
  border-radius: 100%;
  content: "";
  height: 4px;
  margin-right: 8px;
  width: 4px;
}

.sbtop_input .input_box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sbtop_input .input_box + .input_box {
  margin-top: 20px;
}
.sbtop_input .label {
  padding-bottom: 0;
  width: 160px;
}
.sbtop_input .input_inner {
  width: 446px;
}

.bill_refer-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #000000;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 40px;
}
.bill_refer-box .bill_refer-tit {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.55px;
}
.bill_refer-box .bill_refer-span {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  display: block;
  margin-left: 40px;
}
.bill_refer-box .bill_refer-num {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-left: auto;
}
.bill_refer-box + .sub_title_wrap {
  margin-top: 60px;
}

.bill_detail-table .table_wrap .txt-r {
  text-align: right;
}
.bill_detail-table .table_wrap table {
  font-size: 16px;
}
.bill_detail-table .table_wrap thead th {
  background-color: #fff4e5;
}
.bill_detail-table .table_wrap tbody th {
  background-color: #f2f2f2;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.bill_detail-table .table_wrap tbody th .butn {
  margin-left: 16px;
  vertical-align: baseline;
}
.bill_detail-table .table_wrap tbody .sum th {
  border-right: none;
}
.bill_detail-table .table_wrap tbody .sum td {
  background-color: #f2f2f2;
}
.bill_detail-table .table_wrap tbody .sum th,
.bill_detail-table .table_wrap tbody .sum td {
  font-weight: 700;
}
.bill_detail-table .table_wrap tbody .sum.blue th,
.bill_detail-table .table_wrap tbody .sum.blue td {
  color: #3617ce;
}
.bill_detail-table .table_wrap tbody .sum.red th,
.bill_detail-table .table_wrap tbody .sum.red td {
  color: #ff404e;
}

.bill_detail-box {
  background-color: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  padding: 40px 60px;
  margin-top: 30px;
}
.bill_detail-box .bill_detail-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.bill_detail-box .bill_detail-list {
  margin-left: 120px;
}
.bill_detail-box .bill_detail-list + .bill_detail-list {
  margin-left: 60px;
}
.bill_detail-box .bill_detail-list dt,
.bill_detail-box .bill_detail-list dd {
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.bill_detail-box .bill_detail-list dd {
  margin-left: 20px;
  color: #000000;
  font-weight: 700;
}

.modal-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.modal-txt + .modal-inner {
  margin-top: 30px;
}

.modal-inner + .modal-txt {
  margin-top: 30px;
}

.subscript_info-wrap .subscript_info-select {
  margin-left: auto;
}
.subscript_info-wrap .subscript_info-select .label {
  margin-right: 30px;
  padding-bottom: 0;
}
.subscript_info-wrap .subscript_info-select .input_inner {
  width: 200px;
}

.payment_info-wrap {
  border-bottom: 1px solid #000000;
  padding-bottom: 40px;
}
.payment_info-wrap .payment_info-name {
  margin-bottom: 20px;
}
.payment_info-wrap + .pay_monthbnox-wrap {
  padding-top: 40px;
}

.table_list_view table tfoot th {
  border-right: 1px solid #e4e4e4;
  color: #000000;
  font-weight: 700;
}
.table_list_view table tfoot td strong {
  font-weight: 700;
  color: #000000;
}
.table_list_view table tbody th {
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  color: #000000;
  font-weight: 700;
  background-color: #f2f2f2;
}
.table_list_view + .info_box {
  margin-top: 30px;
}

.pdt_detail {
  border-top: none;
}
.pdt_detail .info_box .info_tit {
  padding: 30px 75px 30px 0;
  line-height: 35px;
  font-size: 24px;
}
.pdt_detail .info_box .info_tit::after {
  background: url("../img/icon/ic_arrow_accordion.svg") center/cover no-repeat;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.pdt_detail .info_box .info_tit.active::after {
  -webkit-transform: translateY(-50%) rotate(360deg);
          transform: translateY(-50%) rotate(360deg);
}
.pdt_detail .info_box .info_panel {
  padding: 40px;
  background-color: #ffffff;
}

.my_t_point-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.my_t_point-item {
  min-width: 180px;
  text-align: center;
}
.my_t_point-item .tit {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}
.my_t_point-item .num {
  font-size: 20px;
}
.my_t_point-item .num b {
  display: inline-block;
  margin-right: 4px;
  line-height: 44px;
  font-size: 36px;
  font-weight: 900;
}
.my_t_point-item .num b.red {
  color: #ff404e;
}
.my_t_point-item + .my_t_point-item {
  margin-left: 160px;
}

.subscript_info-txt {
  position: relative;
  margin-top: 30px;
  padding-left: 12px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.subscript_info-txt::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #a9a9a9;
}

.pay_per_num {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  margin-left: 16px;
}

.pay-info-chg_wrap .pay-chg-input-list .input_inner.datepicker-box {
  width: 260px;
}
.pay-info-chg_wrap .pay-chg-input-list .input_box .butn_wrap {
  display: inline-block;
  margin-left: 27px;
  vertical-align: top;
}
.pay-info-chg_wrap .pay-chg-input-list .input_box .butn_wrap .butn {
  height: 48px;
}

.detail_tab-item .section:first-child {
  padding-top: 0;
}

.cprs_graph-top {
  margin-bottom: 40px;
}
.cprs_graph-top .modal-subt {
  display: inline-block;
  margin-right: 60px;
}
.cprs_graph-top .selectbox {
  display: inline-block;
  width: 300px;
  vertical-align: 4px;
}
.cprs_graph-top .selectbox + .selecbox {
  margin-left: 6px;
}

.cprs_graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
}
.cprs_graph .gage_bar-item {
  width: 294px;
  padding: 20px 30px;
  border-radius: 12px;
  background-color: #f2f2f2;
}
.cprs_graph .gage_bar-item .gage_top-title {
  margin-bottom: 20px;
}
.cprs_graph .gage_bar-item .gage_top-title strong {
  font-size: 20px;
  line-height: 29px;
}
.cprs_graph .gage_bar-item .gage_top-title span {
  font-size: 14px;
  line-height: 20px;
}
.cprs_graph .gage_bar-item .gage_box:nth-child(2) .gage_rate {
  background: #ff7e5a url(../img/image/graph_pattern_04.png) 0 0 no-repeat;
  background-size: auto 100%;
}
.cprs_graph .gage_bar-item .gage_box:nth-child(3) .gage_rate {
  background: #65cfc2 url(../img/image/graph_pattern_05.png) 0 0 no-repeat;
  background-size: auto 100%;
}
.cprs_graph .gage_bar-item .gage_box:nth-child(4) .gage_rate {
  background: #ef65a2 url(../img/image/graph_pattern_06.png) 0 0 no-repeat;
  background-size: auto 100%;
}
.cprs_graph .gage_bar-item .gage_box:nth-child(5) .gage_rate {
  background: #898efe url(../img/image/graph_pattern_07.png) 0 0 no-repeat;
  background-size: auto 100%;
}

.cprs_info {
  position: relative;
  margin-top: 30px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  padding-left: 12px;
}
.cprs_info::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #a9a9a9;
}

.contents_buy {
  border-top: 2px solid #000000;
}
.contents_buy-item {
  position: relative;
  padding: 20px 200px 20px 20px;
  border-bottom: 1px solid #e4e4e4;
}
.contents_buy-box .title_s2 {
  display: block;
}
.contents_buy-info {
  margin-top: 20px;
}
.contents_buy-info dl {
  display: inline-block;
  margin-right: 40px;
}
.contents_buy-info dl dt,
.contents_buy-info dl dd {
  display: inline-block;
  font-size: 18px;
  line-height: 32px;
}
.contents_buy-info dl dt {
  color: #797979;
  padding-right: 20px;
}
.contents_buy-info dl dd {
  font-weight: 500;
}
.contents_buy .buy_num {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contents_buy .buy_num dt {
  text-indent: -100000px;
  height: 0px;
}
.contents_buy .buy_num dd,
.contents_buy .buy_num .num {
  font-size: 24px;
  font-weight: 900;
  line-height: 32px;
}
.contents_buy-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px;
  background-color: #f2f2f2;
}
.contents_buy-total .tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 500;
}
.contents_buy-total .num {
  font-size: 20px;
}
.contents_buy-total .num strong {
  display: inline-block;
  margin-right: 2px;
  line-height: 35px;
  vertical-align: -2px;
  font-size: 32px;
  font-weight: 700;
}

.dps_account {
  padding-top: 120px;
}
.dps_account .title_s1 {
  margin-bottom: 30px;
}
.dps_account .content_tit {
  margin-bottom: 20px;
}
.dps_account .content_tit h4 {
  color: #000000;
}

.pay-box_wrap .graybox_wrap {
  position: relative;
}
.pay-box_wrap .graybox_wrap .pay_sort_list {
  position: absolute;
  top: 40px;
  right: 40px;
}
.pay-box_wrap .graybox_wrap .pay_sort_list .pay_sort_link {
  float: left;
  overflow: hidden;
}
.pay-box_wrap .graybox_wrap .pay_sort_list .pay_sort_link button {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  border-radius: 18px;
  padding: 4px 18px;
  color: #000000;
}
.pay-box_wrap .graybox_wrap .pay_sort_list .pay_sort_link.active button {
  color: #ffffff;
  background-color: #303030;
}
.pay-box_wrap .pay_sort_tab_item {
  display: none;
  visibility: hidden;
}
.pay-box_wrap .pay_sort_tab_item.active {
  display: block;
  visibility: visible;
}

.table_wrap.table-view tbody th {
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  background-color: #f2f2f2;
}

.con_info-list li {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  color: #797979;
  padding-left: 12px;
  letter-spacing: -0.5px;
}
.con_info-list li + li {
  margin-top: 10px;
}
.con_info-list li strong {
  color: #000000;
}
.con_info-list li a {
  text-decoration: underline;
  color: #000000;
}
.con_info-list .con_info-list {
  margin-top: 8px;
}
.con_info-list .con_info-list li + li {
  margin-top: 0;
}
.con_info-list.circle &gt; li::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #797979;
}
.con_info-list.hyphen &gt; li::before {
  content: "-";
  position: absolute;
  top: -3px;
  left: 0;
  color: #797979;
}

.table_write .input_list .input_item.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.table_write .input_list .input_item.half .input_box + .input_box {
  width: 404px;
}
.table_write .input_list .input_item.half .input_box .selectbox.time {
  width: 200px;
}
.table_write .input_list .input_item .input_inner.address input[type=text] {
  display: inline-block;
  width: 382px;
}
.table_write .input_list .input_item .input_inner.address .btn_address {
  display: inline-block;
  height: 48px;
  margin-left: 8px;
  font-size: 16px;
  padding: 0 20px;
}
.table_write .input_list .input_item .input_inner.address.full {
  margin-top: 8px;
}
.table_write .input_list .input_item .input_inner.address.full input[type=text] {
  width: 800px;
}
.table_write .input_list .input_item .input_inner .selectbox.year, .table_write .input_list .input_item .input_inner .selectbox.month {
  display: inline-block;
  width: 200px;
}
.table_write .input_list .input_item .input_inner .selectbox.year + .month, .table_write .input_list .input_item .input_inner .selectbox.month + .month {
  margin-left: 8px;
}
.table_write.type2 .input_list.style2 .input_item:last-child {
  border-bottom: none;
}
.table_write + .sub_title_wrap {
  margin-top: 60px;
}

.request_complete {
  padding-top: 240px;
  margin-bottom: 120px;
  text-align: center;
  background: url("../img/icon/ic_confirm2.svg") center 60px no-repeat;
}
.request_complete-em {
  font-size: 24px;
  line-height: 35px;
  color: #333;
  margin-bottom: 10px;
  font-weight: 700;
}
.request_complete-txt {
  font-size: 18px;
  line-height: 29px;
  color: #000000;
}
.request_complete .butn_wrap {
  margin-top: 40px;
}

.pay_txt_info {
  margin: 40px 0 20px;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  text-align: center;
}

.mt-120 {
  margin-top: 120px;
}

.accoSlide_list.num_list .accoSlide_item {
  padding: 20px 0;
}
.accoSlide_list.num_list .accoSlide_item .accoSlide_btn {
  padding-left: 70px;
}
.accoSlide_list.num_list .accoSlide_item .accoSlide_btn .num {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.accoSlide_list.num_list .accoSlide_con {
  border-top: 1px solid #e4e4e4;
  margin-top: 20px;
}
.accoSlide_list.num_list .accoSlide_con .as_detail {
  position: relative;
  padding: 40px 50px 10px 156px;
}
.accoSlide_list.num_list .accoSlide_con .as_detail .tit {
  position: absolute;
  top: 40px;
  left: 70px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.accoSlide_list.num_list .accoSlide_con .as_detail p {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}

.step_box {
  padding: 60px 40px;
  border-radius: 32px;
  background-color: #f2f2f2;
}
.step_box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.step_box-item + .step_box-item {
  position: relative;
  margin-left: 180px;
}
.step_box-item + .step_box-item::before {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  left: -120px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/icon/ic_step_arrow.svg) center/100% no-repeat;
}
.step_box-item .step_badge {
  display: inline-block;
  padding: 4px 16px;
  line-height: 20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.35px;
  border-radius: 50px;
  background-color: #3617ce;
}
.step_box-item .tit {
  margin-top: 8px;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.step_box .step_info_txt {
  position: relative;
  margin-top: 60px;
  padding-left: 12px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.step_box .step_info_txt::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #a9a9a9;
}

.certify_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 60px;
}
.certify_box-item {
  width: 640px;
  padding: 170px 60px 60px;
  border-radius: 32px;
  border: 1px solid #d9d9d9;
  text-align: center;
}
.certify_box-item .tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.certify_box-item .txt {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.certify_box-item .butn_wrap {
  margin-top: 30px;
}
.certify_box-item.i-pin {
  background: url("../img/icon/ic_certify_ipin.svg") center 60px no-repeat;
}
.certify_box-item.phone {
  background: url("../img/icon/ic_certify_phone.svg") center 60px no-repeat;
}

.section.user_info {
  margin-top: -60px;
}

.pay_user_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pay_user_info-item {
  padding-top: 40px;
}
.pay_user_info-item .pay_user_info-txt {
  font-size: 26px;
  line-height: 37px;
  letter-spacing: -0.65px;
}
.pay_user_info-item .pay_user_info-txt b {
  color: #3617ce;
  font-weight: 700;
}
.pay_user_info-item .tit_h {
  margin-top: 44px;
  font-size: 58px;
  line-height: 84px;
  font-weight: 700;
  letter-spacing: -1.45px;
}
.pay_user_info-item .txt {
  margin-top: 8px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.pay_user_info-item.choice {
  width: 648px;
  padding: 40px;
  border-radius: 12px;
  background-color: #f2f2f2;
}
.pay_user_info-item.choice .tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.pay_user_info-item.choice .txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.pay_user_info-item.choice .choice_month {
  margin-top: 48px;
}
.pay_user_info-item.choice .choice_month .input_inner {
  width: 460px;
}
.pay_user_info-item.choice .choice_month .butn {
  height: 48px;
  margin-left: 5px;
}

.search_result_wrap {
  padding: 20px 0 120px;
}
.search_result_wrap .search_box {
  margin: 0 auto;
}
.search_result_wrap .page_tab-header {
  padding-bottom: 0 !important;
}

.hits_top {
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}
.hits_top b {
  color: #3617ce;
}

.hits_top-word {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 2px solid #000000;
}

.hits_top-word_tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 134px;
          flex: 0 0 134px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
}

.hits_top-word_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  overflow: hidden;
}

.hits_top-word_item {
  white-space: nowrap;
  display: inline-block;
  width: auto;
  padding-right: 35px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.hits_top-word_item:last-child {
  padding-right: 0;
}
.hits_top-word_item::before {
  content: "#";
  display: inline-block;
  margin-right: 2px;
}

.hits_section {
  padding-top: 120px;
}
.hits_section .title_h3 {
  padding-bottom: 40px;
}
.hits_section .title_h3 b {
  color: #3617ce;
}
.hits_section .title_s3 {
  font-weight: 700;
}

.hits_sec1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -24px -24px 0;
  overflow: hidden;
}
.hits_sec1 .hits_sec1-item {
  display: block;
  margin: 0 24px 24px 0;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  overflow: hidden;
  padding: 0 40px;
  background-size: 120px 120px;
  background-position: right 40px center;
  background-repeat: no-repeat;
  min-height: 200px;
  width: 424px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hits_sec1 .hits_sec1-item:last-child {
  margin-bottom: 0;
}
.hits_sec1 .hits_sec1-item.btv {
  background-image: url("../img/icon/ic-btv.png");
}
.hits_sec1 .hits_sec1-item.playz {
  background-image: url("../img/icon/ic-playz.png");
}
.hits_sec1 .hits_sec1-item.care {
  background-image: url("../img/icon/b-tv-icon.png");
}
.hits_sec1 .hits_sec1-item.ocean {
  background-image: url("../img/icon/btvchoice-ocean.png");
}
.hits_sec1 .hits_sec1-item.btvmonth {
  background-image: url("../img/icon/monthlyfixed-broadcasting.png");
}
.hits_sec1 .hits_sec1-item.month {
  background-image: url("../img/icon/monthlyfixed-broadcasting.png");
}
.hits_sec1 .hits_sec1-item.cj {
  background-image: url("../img/icon/monthlyfixed-cjenm.png");
}
.hits_sec1 .hits_sec1-item.life {
  background-image: url("../img/icon/monthlyfixed-lifeplus.png");
}
.hits_sec1 .hits_sec1-item.wings {
  background-image: url("../img/icon/gigalite_wings.png");
}
.hits_sec1 .title_s1 {
  max-width: 228px;
}
.hits_sec1 .txt6 {
  padding-top: 12px;
  max-width: 228px;
}

.hits_sec2 .hits_location {
  padding-bottom: 40px;
}
.hits_sec2 .hits_location:last-child {
  padding-bottom: 0;
}
.hits_sec2 .hits_location-list {
  margin-top: 10px;
  border-top: 2px solid #000000;
}
.hits_sec2 .hits_location-list + .butn_wrap {
  margin-top: 20px;
}
.hits_sec2 .hits_location-item {
  position: relative;
  display: block;
  padding: 20px;
  border-bottom: 1px solid #e4e4e4;
}
.hits_sec2 .hits_location-item a {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.hits_sec2 .hits_location-item .mark {
  font-weight: 700;
  color: #3617ce;
}
.hits_sec2 .chstyle .hits_location-date {
  position: absolute;
  top: 23px;
  right: 20px;
}
.hits_sec2 .chstyle .hits_location-txt {
  padding: 0 200px 0 102px;
}
.hits_sec2 .txtstyle .hits_location-txt {
  padding-top: 10px;
}
.hits_sec2 .hits_location-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.hits_sec2 .hits_location-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #303030;
}
.hits_sec2 .ch {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-block;
  margin-right: 40px;
  background: #f2f2f2;
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  color: #303030;
  padding: 3px 10px;
}

.hits_sec3 {
  margin: 0 -24px -24px 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.hits_sec3 .hits_sec3-item {
  width: 312px;
  display: block;
  margin: 0 24px 24px 0;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  overflow: hidden;
  padding: 60px 24px 50px;
  text-align: center;
  height: 361px;
}
.hits_sec3 .hits_sec3-item:last-child {
  margin-bottom: 0;
}
.hits_sec3 .title_s2 {
  padding: 20px;
}
.hits_sec3 .hits_sec3-icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.hits_sec3 .hits_sec3-icon.btvall {
  background-image: url("../img/icon/ic_btv_all.svg");
}
.hits_sec3 .hits_sec3-icon.playz {
  background-image: url("../img/icon/ic_playz.svg");
}
.hits_sec3 .hits_sec3-icon.family {
  background-image: url("../img/icon/ic_family_plan.svg");
}
.hits_sec3 .hits_sec3-icon.remote {
  background-image: url("../img/icon/ic_care_gigalite.svg");
}
.hits_sec3 .hits_sec3-icon.ocean {
  background-image: url("../img/icon/ic_ocean.svg");
}
.hits_sec3 .hits_sec3-icon.tvsale {
  background-image: url("../img/icon/ic_tv_discount.svg");
}
.hits_sec3 .hits_sec3-icon.month {
  background-image: url("../img/icon/ic_month_tv.svg");
}
.hits_sec3 .hits_sec3-icon.cj {
  background-image: url("../img/icon/ic_month_cjenm.svg");
}
.hits_sec3 .hits_sec3-icon.internet {
  background-image: url("../img/icon/ic_opticlan_internet.svg");
}
.hits_sec3 .hits_sec3-icon.remotegiga {
  background-image: url("../img/icon/ic_care_gigalite.svg");
}
.hits_sec3 .hits_sec3-icon.gigalight {
  background-image: url("../img/icon/ic_gigalite_wings.svg");
}
.hits_sec3 .hits_sec3-icon.onlinesale {
  background-image: url("../img/icon/ic_online_discount.svg");
}
.hits_sec3 .hits_sec3-icon.theslim {
  background-image: url("../img/icon/ic_theslim4.svg");
}
.hits_sec3 .hits_sec3-icon.card {
  background-image: url("../img/icon/ic_card.svg");
}
.hits_sec3 .hits_sec3-icon.btvfamily {
  background-image: url("../img/icon/ic_family_plan.svg");
}
.hits_sec3 .hits_sec3-icon.longmember {
  background-image: url("../img/icon/ic_long.svg");
}
.hits_sec3 .hits_sec3-icon.security {
  background-image: url("../img/icon/ic_careplus.svg");
}

.hits_online_banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: #f2f2f2;
  border-radius: 12px;
  height: 160px;
  padding-left: 80px;
  position: relative;
}
.hits_online_banner .txt3 {
  padding-left: 20px;
}
.hits_online_banner &gt; img {
  position: absolute;
  bottom: 0;
  right: 120px;
}

.hits_search .search_box {
  margin: 0 auto;
}

.hits_search_result {
  background-color: #f2f2f2;
  border-radius: 32px;
  margin-top: 60px;
  padding: 40px 40px 53px;
}

.hits_search-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  padding-bottom: 30px;
}

.hits_search-con {
  border-top: 2px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hits_search-list {
  width: 400px;
}
.hits_search-list:first-child .hits_search-item:nth-child(-n+3) &gt; a {
  color: #3617ce;
  font-weight: 700;
}

.hits_search-item {
  border-bottom: 1px solid #e4e4e4;
}
.hits_search-item &gt; a {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
  display: block;
  padding: 20px;
}
.hits_search-item .rank {
  color: #000000;
  font-weight: 700;
}

.gboxguide {
  border-radius: 32px;
  background: #f2f2f2;
  padding: 70px 60px 70px 100px;
}
.gboxguide .gboxguide_con {
  background: url("../img/image/img_ch1.png") right top no-repeat;
}
.gboxguide .gboxguide_tbig {
  font-size: 36px;
  font-weight: 700;
  line-height: 55px;
  color: #000000;
}
.gboxguide .gboxguide_tmiddle {
  font-size: 24px;
  color: #797979;
  padding-top: 12px;
  line-height: 34px;
}
.gboxguide .gboxguide_tmiddle &gt; a {
  border-bottom: 1px solid #797979;
  color: inherit;
  line-height: 24px;
  display: inline-block;
}
.gboxguide .gboxguide_tblack {
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  line-height: 34px;
  padding-top: 34px;
}

.authlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.authlist .authlist-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 60px;
}
.authlist .authlist-con {
  text-align: center;
}
.authlist .authlist-con &gt; img {
  width: 64px;
  height: 64px;
}
.authlist .authlist-tit {
  padding-top: 30px;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #000000;
}
.authlist .authlist-txt {
  padding-top: 10px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.authlist .authlist-btn {
  margin-top: 30px;
}
.authlist.case-01 {
  display: block;
}
.authlist.case-01 .authlist-item {
  border-bottom: 1px solid #e4e4e4;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  padding: 20px;
}
.authlist.case-01 .authlist-item:first-child {
  padding: 0 20px 20px;
}
.authlist.case-01 .authlist-item:last-child {
  border-bottom: none;
  padding: 20px 20px 0;
}
.authlist.case-01 .authlist-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.authlist.case-01 .authlist-tit {
  padding-top: 0;
  margin: 0 30px;
  width: 120px;
}
.authlist.case-01 .authlist-txt {
  width: 446px;
  margin-right: 30px;
}
.authlist.case-01 .authlist-btn {
  margin-top: 0;
}
.authlist.case-01 + .event_pop_butn {
  margin-top: 60px;
}

.personal_btn_box {
  padding: 32px 0 30px;
  border-bottom: 1px solid #e4e4e4;
}

.title_s1 + .personal_info {
  margin-top: 8px;
}

.personal_info + .title_h3 {
  padding-top: 24px;
}
.personal_info.notice-top {
  margin-top: 60px;
}

.agree_item_tit .title_h1 {
  display: inline-block;
}
.agree_item_tit .tolltips {
  vertical-align: top;
}

.personal_choice {
  padding-top: 24px;
}
.personal_choice + .butn_wrap {
  padding-bottom: 16px;
}
.personal_choice .personal_choice_box {
  position: relative;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  margin-bottom: 16px;
}
.personal_choice .personal_choice_box:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
  background: url("../img/icon/ic_arrow_normal.svg") 0 0 no-repeat;
}
.personal_choice .personal_choice_box &gt; a {
  display: block;
  padding: 20px 52px 20px 16px;
}
.personal_choice .personal_choice_box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  padding-bottom: 16px;
}
.personal_choice .personal_choice_box dl:last-child {
  padding-bottom: 0;
}
.personal_choice .personal_choice_box dl &gt; dd {
  text-align: right;
  color: #000000;
  font-weight: 500;
  max-width: 170px;
  letter-spacing: -0.4px;
}

.input-btn {
  padding-top: 8px;
}

.notice a {
  color: inherit;
}

.coblue {
  color: #3617ce !important;
  font-weight: 700;
}

.download_item .badge {
  margin-left: 5px;
}

.link_blank {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.pay-info-chg_wrap .pay-chg-input-list .input_inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pay-info-chg_wrap .pay-chg-input-list .input_inner-box .input_inner {
  width: 215px;
  margin-left: 30px;
  position: relative;
}
.pay-info-chg_wrap .pay-chg-input-list .input_inner-box .input_inner:nth-of-type(1) {
  margin-left: 0;
}
.pay-info-chg_wrap .pay-chg-input-list .input_inner-box .input_inner:nth-of-type(1)::after {
  display: none;
}
.pay-info-chg_wrap .pay-chg-input-list .input_inner-box .input_inner::after {
  content: "-";
  position: absolute;
  top: 11px;
  left: -17px;
}
.pay-info-chg_wrap .pay-chg-input-list .input_inner-box.case-01 .input_inner {
  width: 133px;
}
.pay-info-chg_wrap .pay-chg-input-list .input_inner.case-01 {
  width: 460px;
}

.notice {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  margin-top: 12px;
  padding-left: 18px;
  position: relative;
}
.notice:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.notice.dot {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-left: 12px;
}
.notice.dot:before {
  background-color: #797979;
  border-radius: 100%;
  content: "";
  height: 4px;
  width: 4px;
}

.agree_wrap-item {
  margin-top: 60px;
}
.agree_wrap-item .gray_txt {
  margin-bottom: 30px;
}
.agree_wrap-item .gray_txt:last-child {
  margin-bottom: 0;
}

.footer_input_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer_input_list .input_inner {
  margin-right: 8px;
  width: 280px;
}
.footer_input_list .input_inner + .input_inner {
  width: 196px;
}
.footer_input_list .butn {
  height: 48px;
  line-height: 48px;
}
.footer_input_list .butn.orange {
  margin-left: auto;
}
.footer_input_list .butn.assist-b {
  min-width: 140px;
}

.personal_info .title_s2 {
  color: #000000;
  font-weight: 500;
  margin-top: 30px;
  word-break: break-all;
}
.personal_info .title_s2.mt0 {
  margin-top: 0;
}
.personal_info .title_s2 + .info_list {
  margin-top: 8px;
}
.personal_info .title_s2 + .info_txt {
  margin-top: 24px;
}
.personal_info a {
  color: #797979;
}
.personal_info .astrick {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  margin-top: 10px;
}
.personal_info .info_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  word-break: break-all;
}
.personal_info .info_txt + .info_list {
  margin-top: 30px;
}
.personal_info .info_txt + .table_wrap {
  margin-top: 30px;
}
.personal_info .info_list &gt; .info_item + .info_item {
  margin-top: 30px;
}
.personal_info .info_list &gt; .info_item &gt; .info_list {
  padding: 30px 0 10px;
}
.personal_info .info_list &gt; .info_item &gt; .info_list .info_item + .info_item {
  margin-top: 10px;
}
.personal_info .info_list .info_item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  word-break: break-all;
}
.personal_info .info_list.fs18 .info_item {
  font-size: 18px;
}
.personal_info .info_list.ml-22 {
  margin-left: 22px;
}
.personal_info .info_list.hangul &gt; .info_item {
  list-style: hangul;
  margin-left: 22px;
  color:#000;
  font-weight: 700;
}
.personal_info .info_list.hangul &gt; .info_item &gt; .info_list &gt; .info_item {
  margin-left: -22px;
}
.personal_info .info_list.hyphen &gt; .info_item {
  padding-left: 12px;
  position: relative;
}
.personal_info .info_list.hyphen &gt; .info_item:before {
  background-color: #797979;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 6px;
}
.personal_info .info_list.dot &gt; .info_item {
  padding-left: 12px;
  position: relative;
}
.personal_info .info_list.dot &gt; .info_item:before {
  background-color: #797979;
  border-radius: 100%;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 4px;
}
.personal_info .info_list.number &gt; .info_item span {
  display: inline-block;
  margin-right: 5px;
}
.personal_info .info_list + .info_txt {
  margin-top: 30px;
}
.personal_info .info_list + .table_wrap {
  margin-top: 30px;
}
.personal_info .item_inner {
  margin-left: -22px;
}
.personal_info .table_wrap {
  margin-top: 24px;
}
.personal_info .table_wrap.footer-table table + table {
  border-top: none;
}
.personal_info .table_wrap.footer-table table th {
  text-align: center;
}
.personal_info .table_wrap.footer-table table tbody td {
  text-align: left;
}
.personal_info .table_wrap.footer-table table tbody td.txt-c {
  text-align: center;
}
.personal_info .table_wrap.footer-table table tbody td button {
  color: #797979;
  vertical-align: baseline;
}
.personal_info .table_wrap .info_list .info_item + .info_item {
  margin-top: 10px;
}
.personal_info .table_wrap + .info_txt {
  margin-top: 30px;
}
.personal_info .table_wrap + .info_list {
  margin-top: 30px;
}
.personal_info .checkbox {
  margin: 40px 0 24px;
}
.personal_info .checkbox label {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
}
.personal_info .input_list {
  margin-top: 30px;
}
.personal_info + .info_box {
  margin-top: 60px;
}
.personal_info + .butn_wrap {
  margin-top: 60px;
}
.personal_info + .table_wrap {
  margin-top: 24px;
}
a.underline:hover {
  text-decoration: underline;
}

.gboxguide.style2 {
  padding: 40px 80px 40px 120px;
}
.gboxguide.style2 .gboxguide_con {
  padding: 35px 0;
  background: url("../img/image/event_img.png") right center/260px no-repeat;
}
.gboxguide.style2 .gboxguide_tbig {
  font-weight: 400;
}
.gboxguide.style3 {
  padding: 60px;
}
.gboxguide.style3 .gboxguide_con {
  padding-left: 337px;
  background: url("../img/image/web_accessibility.png") left center/287px no-repeat;
}
.gboxguide.style4 {
  padding: 48px 212px 47px 60px;
  position: relative;
}
.gboxguide.style4:after {
  content: "";
  width: 100px;
  height: 100px;
  background: url("../img/image/event_img03.png") 0 0/100px no-repeat;
  position: absolute;
  top: 30px;
  right: 60px;
}
.gboxguide.style4 + .agree_wrap-item {
  margin-top: 30px;
  margin-bottom: 60px;
}
.gboxguide.style4 .gboxguide_con {
  background: none;
}
.gboxguide.style4 .gboxguide_tbig {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-size: 20px;
}
.gboxguide.style4 .gboxguide_tmiddle {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.gboxguide_link {
  margin-top: 60px;
  text-align: center;
}
.gboxguide_link .link_btns {
  display: inline-block;
  font-size: 0;
  margin: -24px 0 0 -24px;
  width: 784px;
}
.gboxguide_link .link_btns .btn {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  border: 1px solid #a9a9a9;
  border-radius: 6px;
  color: #303030;
  height: 70px;
  line-height: 70px;
  margin: 24px 0 0 24px;
  width: calc(50% - 24px);
}
.gboxguide_link .link_btns .btn:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 40px;
  -webkit-transform: translateY(12px);
          transform: translateY(12px);
  width: 40px;
}
.gboxguide_link .link_btns .btn.ic_payment01::before {
  background-image: url("../img/icon/ic_payment01.svg");
}
.gboxguide_link .link_btns .btn.ic_payment02::before {
  background-image: url("../img/icon/ic_payment02.svg");
}
.gboxguide_link .link_btns .btn.ic_payment03::before {
  background-image: url("../img/icon/ic_payment03.svg");
}
.gboxguide_link .link_btns .btn.ic_payment04::before {
  background-image: url("../img/icon/ic_payment04.svg");
}
.gboxguide_link span {
  display: inline-block;
  width: 215px;
}

.gray_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 8px;
}

.right_bold_txt {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
  text-align: right;
}

.btvAd_top-tit {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
  margin-bottom: 60px;
  text-align: center;
}
.btvAd_top-tit .blue {
  color: #3617ce;
}

.btvAd_info-box {
  font-size: 0;
  text-align: center;
}
.btvAd_info-box .btvAd_info-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 235px;
  padding: 0;
  width: 33.333%;
}
.btvAd_info-box .btvAd_info-item + .btvAd_info-item {
  border-left: 1px solid #e4e4e4;
}
.btvAd_info-box .btvAd_info-item:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 80px;
  margin-bottom: 30px;
  width: 80px;
}
.btvAd_info-box .btvAd_info-item.item1:before {
  background-image: url("../img/icon/ic_onlinediscount2.svg");
}
.btvAd_info-box .btvAd_info-item.item2:before {
  background-image: url("../img/icon/ic_theslim3.svg");
}
.btvAd_info-box .btvAd_info-item.item3:before {
  background-image: url("../img/icon/ic_affiliatecard2.svg");
}
.btvAd_info-box .btvAd_info-item.item4:before {
  background-image: url("../img/icon/ic_marketing_planning1.svg");
}
.btvAd_info-box .btvAd_info-item.item5:before {
  background-image: url("../img/icon/ic_marketing_planning2.svg");
}
.btvAd_info-box .btvAd_info-item.item6:before {
  background-image: url("../img/icon/ic_marketing_planning3.svg");
}
.btvAd_info-box .btvAd_info-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.btvAd_info-box .btvAd_info-tit span {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  display: block;
}
.btvAd_info-box .btvAd_info-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  word-break: break-all;
}
.btvAd_info-box.style2 {
  margin-top: 60px;
}
.btvAd_info-box.style2 .btvAd_info-item {
  padding: 0 12px;
  height: 317px;
  width: 20%;
}
.btvAd_info-box.style2 .btvAd_info-item:before {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.btvAd_info-box.style2 .btvAd_info-item.item1 {
  padding-left: 0;
}
.btvAd_info-box.style2 .btvAd_info-item.item1:before {
  background-image: url("../img/icon/ic_data_use.svg");
}
.btvAd_info-box.style2 .btvAd_info-item.item2:before {
  background-image: url("../img/icon/ic_personal_target.svg");
}
.btvAd_info-box.style2 .btvAd_info-item.item3:before {
  background-image: url("../img/icon/ic_expenses.svg");
}
.btvAd_info-box.style2 .btvAd_info-item.item4:before {
  background-image: url("../img/icon/ic_viewability.svg");
}
.btvAd_info-box.style2 .btvAd_info-item.item5 {
  padding-right: 0;
}
.btvAd_info-box.style2 .btvAd_info-item.item5:before {
  background-image: url("../img/icon/ic_stability.svg");
}
.btvAd_info-box.style2 .btvAd_info-item.item6 {
  padding-left: 0;
}
.btvAd_info-box.style2 .btvAd_info-item.item6:before {
  background-image: url("../img/icon/ic_coverage.svg");
}
.btvAd_info-box.style2 .btvAd_info-item.item7:before {
  background-image: url("../img/icon/ic_utillty.svg");
}
.btvAd_info-box.style2 .btvAd_info-item.item8:before {
  background-image: url("../img/icon/ic_target.svg");
}
.btvAd_info-box.style2 .btvAd_info-tit {
  margin-bottom: 30px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.btvAd_info-box.style2 .btvAd_info-txt {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.btvAd_info-box.style3 {
  margin-top: 60px;
}
.btvAd_info-box.style3 .btvAd_info-item {
  padding: 0 38px;
  height: 167px;
  width: 25%;
}
.btvAd_info-box.style3 .btvAd_info-item:first-child {
  padding-left: 25px;
}
.btvAd_info-box.style3 .btvAd_info-item:last-child {
  padding-right: 25px;
}
.btvAd_info-box.style3 .btvAd_info-item:before {
  display: none;
}
.btvAd_info-box.style3 .btvAd_info-tit {
  margin-bottom: 10px;
}

.btvtable {
  margin-top: 0 !important;
}
.btvtable tbody th {
  background-color: #f2f2f2;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  font-weight: 700;
  padding: 0;
}

.co_flex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.co_flex_wrap .personal_info {
  width: 760px;
}
.co_flex_wrap .personal_info .title_s2 {
  font-weight: 700;
  margin-top: 0;
}
.co_flex_wrap .co_btvAd_box {
  margin-top: 90px;
}
.co_flex_wrap .co_btvAd_box.style2 {
  margin-top: 30px;
}
.co_flex_wrap .co_btvAd_box .co_btvAd_video {
  position: relative;
  width: 424px;
  height: 238px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}
.co_flex_wrap .co_btvAd_box video {
  width: 100%;
  height: 100%;
}
.co_flex_wrap .co_btvAd_box img {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.co_flex_wrap.style2 .personal_info {
  width: 500px;
}
.co_flex_wrap.style2 .co_btvAd_box {
  margin-top: 0;
  width: 760px;
}
.co_flex_wrap + .notice {
  margin-top: 10px;
}
.co_flex_wrap + .notice + .notice {
  margin-top: 8px;
}

.btvAd_process-list {
  font-size: 0;
  margin: 60px 0 8px;
}
.btvAd_process-list .btvAd_process-item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: calc((100% - 115px) / 6);
}
.btvAd_process-list .btvAd_process-item:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 160px;
  width: 160px;
}
.btvAd_process-list .btvAd_process-item.item1:before {
  background-image: url("../img/icon/ic_3008_c01.png");
}
.btvAd_process-list .btvAd_process-item.item2:before {
  background-image: url("../img/icon/ic_3008_c02.png");
}
.btvAd_process-list .btvAd_process-item.item3:before {
  background-image: url("../img/icon/ic_3008_c03.png");
}
.btvAd_process-list .btvAd_process-item.item4:before {
  background-image: url("../img/icon/ic_3008_c04.png");
}
.btvAd_process-list .btvAd_process-item.item5:before {
  background-image: url("../img/icon/ic_3008_c05.png");
}
.btvAd_process-list .btvAd_process-item.item6:before {
  background-image: url("../img/icon/ic_3008_c06.png");
}
.btvAd_process-list .btvAd_process-item + .btvAd_process-item {
  margin-left: 23px;
  position: relative;
}
.btvAd_process-list .btvAd_process-item + .btvAd_process-item:after {
  background-color: #3617ce;
  content: "";
  height: 2px;
  left: -47px;
  position: absolute;
  top: 74.5px;
  width: 69px;
}
.btvAd_process-list .btvAd_process-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  display: block;
  margin: 12px 0 8px;
}
.btvAd_process-list .btvAd_process-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.btvAd_table-wrap {
  border-top: 2px solid #000000;
  margin-top: 24px;
}
.btvAd_table-wrap .btvAd_table-box {
  border-bottom: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.btvAd_table-wrap .left {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  background-color: #f2f2f2;
  color: #000000;
  position: relative;
  text-align: center;
  width: 150px;
}
.btvAd_table-wrap .left span {
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  width: 100%;
}
.btvAd_table-wrap .right {
  width: calc(100% - 150px);
}
.btvAd_table-wrap .right_mid_tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  background-color: #f2f2f2;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  color: #000000;
  padding: 14px 0;
  text-align: center;
}
.btvAd_table-wrap .btvAd_table-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.btvAd_table-wrap .btvAd_table-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 1px solid #e4e4e4;
  font-size: 16px;
  padding: 24px 18px;
  text-align: center;
}
.btvAd_table-wrap .btvAd_table-list li .name,
.btvAd_table-wrap .btvAd_table-list li span,
.btvAd_table-wrap .btvAd_table-list li a {
  color: #797979;
}
.btvAd_table-wrap .btvAd_table-list li .name,
.btvAd_table-wrap .btvAd_table-list li span {
  display: block;
}
.btvAd_table-wrap .btvAd_table-list li .name {
  font-size: 16px;
  margin-bottom: 2px;
}
.btvAd_table-wrap .btvAd_table-list li span {
  font-size: 12px;
  margin-top: 2px;
}
.btvAd_table-wrap .btvAd_table-list li a {
  text-decoration: underline;
  word-break: break-all;
}
.btvAd_table-wrap .btvAd_table-list li img {
  height: 34px;
  margin-bottom: 8px;
}
.btvAd_table-wrap .btvAd_table-list + .btvAd_table-list {
  border-top: 1px solid #e4e4e4;
}
.btvAd_table-wrap.style2 .left {
  width: 240px;
}
.btvAd_table-wrap.style2 .right {
  width: calc(100% - 240px);
}

.video_area {
  border-radius: 32px;
  overflow: hidden;
  margin: 0 auto;
}

.video_area .cover {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.video_area .cover a {
  display: block;
}

.video_area .cover p {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -54px 0 0 -54px;
}

.video_area .cover img {
  width: 100%;
}

.video_area .video_box {
  display: none;
}

.video_box {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.video_box iframe,
.video_box object,
.video_box embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.performance_report-box {
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  margin-top: 60px;
  padding: 40px;
}
.performance_report-box .performance_report-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
  margin-bottom: 20px;
}
.performance_report-box .performance_report-tit ~ .performance_report-tit {
  margin-top: 40px;
}
.performance_report-box .performance_report-tit b {
  color: #3617ce;
}
.performance_report-box .performance_report-tit img {
  vertical-align: middle;
}
.performance_report-box .performance_report-list li {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.performance_report-box .performance_report-list li + li {
  margin-top: 8px;
}
.performance_report-box .performance_report-list li:before {
  background-color: #797979;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 4px;
  margin: 0 8px 5px 0;
  width: 4px;
}

.title_s1.mb24 {
  margin-bottom: 24px;
}

.title_h3.mt30 {
  margin-top: 30px;
}

.info_box.mb0 {
  margin-bottom: 0;
}

.input_box .input_inner.adress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input_box .input_inner.adress input {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(100% - 128px);
          flex: 0 1 calc(100% - 128px);
}
.input_box .input_inner.adress .butn {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 120px;
          flex: 0 1 120px;
  height: 48px;
  margin-left: 8px;
}

.butn_wrap.mt120 {
  margin-top: 120px;
}

.none_info.border {
  border-top: 2px solid #000000;
  border-bottom: 1px solid #e4e4e4;
  margin: 0;
  width: 100%;
}

.none_info.large.confirm2 {
  background: url("../img/icon/ic_confirm2.svg") center top 60px/160px no-repeat;
  padding-bottom: 0;
}

.input_list.adress {
  padding-top: 10px;
}
.input_list.adress .input_box {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.input_list.adress .butn {
  height: 48px;
  line-height: 48px;
  margin-left: 8px;
  min-width: 100px;
}
.input_list.adress + .adress_gray-box {
  margin-top: 30px;
}

.modal .modal-subt.mb30 {
  margin-bottom: 30px;
}
.modal .modal-subt.fw-500 {
  font-weight: 500;
}
.modal .modal-subt .blue {
  color: #3617ce;
}

.info_box.check {
  position: relative;
}
.info_box.check.bb1 {
  height: 76px;
  border-bottom:1px solid #e4e4e4;
}
.info_box.check .info_tit {
  height: 76px;
}
.info_box.check .info_tit:after {
  background: url("../img/icon/ic-arrow-accordion.svg") center/cover no-repeat;
  height: 32px;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
  width: 32px;
}
.info_box.check .info_tit.active:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.info_box.check .checkbox {
  left: 0;
  position: absolute;
  top: 24px;
  z-index: 1;
}
.info_box.check .checkbox label {
  color: #000000;
  font-size: 20px;
}
.checkbox.style2 label {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
}
.checkbox + .info_box-list {
  margin-top: 20px;
}
.info_box-list + .notice.dot {
  margin: 30px 0 20px;
}
.info_box.guide_type {
  overflow: hidden;
}
.info_box.guide_type .info_tit {
  font-weight:500;
  outline: none;
}

.info_box.guide_type .guide_cont {
  width: 938px;
  margin: 0 auto;
}

.input_inner_box.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input_inner_box.half .input_inner {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input_inner_box.half .input_inner input[type=text],
.input_inner_box.half .input_inner input[type=password],
.input_inner_box.half .input_inner input[type=search],
.input_inner_box.half .input_inner input[type=num],
.input_inner_box.half .input_inner input[type=date] {
  width: 200px;
  margin-right: 8px;
}
.input_inner_box.half .input_inner:nth-of-type(2) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.input_inner_box + .input_inner_box {
  margin-top: 8px;
}

.input_list .input_box.multi {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.input_list .input_box.multi .label {
  padding-top: 12px;
}

.popup_wrap {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #666;
}
.popup_wrap .popup {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 40px;
  border-radius: 12px;
  height: auto;
  width: 1040px;
}
.popup_wrap .popup_title {
  padding-bottom: 30px;
}
.popup_wrap .popup_content {
  max-height: calc(100vh - 426px);
}
.popup_wrap .butn_wrap {
  margin-top: 60px;
}

.blossom_banner {
  margin-bottom: 60px;
}

.blossom_winner ~ .blossom_winner {
  margin-top: 40px;
}

.blossom_winner_title {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-bottom: 20px;
}
.blossom_winner_title.win {
  color: #3617ce;
}
.blossom_winner_title.win::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../img/icon/ic-award-01.svg") 0 0/100% no-repeat;
  margin-right: 10px;
  vertical-align: middle;
}
.blossom_winner_title.win2::before {
  background: url("../img/icon/ic-award-02.svg") 0 0/100% no-repeat;
}

.blossom_winner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 -30px 0;
  overflow: hidden;
}

.blossom_winner-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 12px);
          flex: 0 0 calc(50% - 12px);
  margin: 0 0 30px 0;
}

.blossom_winner-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
  padding-bottom: 20px;
}

.blossom_winner-thum {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
}
.blossom_winner-thum .blossom_winner-cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.blossom_winner-thum img {
  width: 100%;
}

.blossom_winner-text {
  text-align: center;
}

.blossom_winner-name {
  padding-top: 10px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.blossom_winner-name.ch {
  font-weight: 700;
}

.blossom_winner-desc {
  padding-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blossom_winner-desc span {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  display: inline-block;
  vertical-align: middle;
}
.blossom_winner-desc span ~ span:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  vertical-align: middle;
  background-color: #797979;
  margin: 0 5px;
}

.result-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 16px;
}
.result-flex .result-value {
  margin-bottom: 0;
}
.result-flex .selectbox {
  min-width: 160px;
}

.result-value {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  display: inline-block;
  margin-bottom: 16px;
}

.media_list {
  border-top: 2px solid #000000;
}
.media_list .media_wrap {
  padding-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -24px;
  overflow: hidden;
}
.media_list .media_list-item {
  margin-right: 24px;
  padding-top: 60px;
  width: 424px;
}
.media_list .media_list-item.none .media_list-img:after {
  display: none;
}
.media_list .media_list-img {
  position: relative;
}
.media_list .media_list-img:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  z-index: 1;
  background: url("../img/icon/ic_vodplay.svg") 0 0 no-repeat;
}
.media_list .media_list-tit {
  padding: 20px 22px 0;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  text-align: center;
}
.media_list .media_list-date {
  padding: 8px 22px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  text-align: center;
}

.video_posi {
  max-width: 970px;
  margin: 0 auto 30px;
}

.news_graybox {
  background: #f2f2f2;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
}
.news_graybox .news_graybox-con {
  max-width: 820px;
}
.news_graybox .news_graybox-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.news_graybox .news_graybox-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-top: 8px;
  display: inline-block;
}
.news_graybox .news_graybox-list {
  padding-top: 20px;
}
.news_graybox .news_graybox-item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  text-indent: -12px;
  margin-left: 12px;
  padding-bottom: 8px;
}
.news_graybox .news_graybox-item:last-child {
  padding-bottom: 0;
}
.news_graybox .news_graybox-item::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a9a9a9;
  margin-right: 8px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  vertical-align: middle;
}
.news_graybox .news_graybox-img {
  width: 320px;
}
.news_graybox .news_graybox-img img {
  width: 100%;
}

.faq-wrap .info_tit.active {
  border-bottom: 1px dashed #e4e4e4;
}
.faq-wrap .info_tit.active i.icon {
  background-color: #3617ce;
}
.faq-wrap .info_panel {
  border-bottom: 1px solid #e4e4e4;
  background: none;
  padding: 20px 60px 20px 70px;
  color: #797979;
}

.img_info_hidden {
  left: -99999px;
  overflow: hidden;
  position: absolute;
  top: -99999px;
  z-index: -99999;
}

.bzk_sub_top {
  background: url("../img/image/visual_companyintroduction.png") center/cover no-repeat;
  border-radius: 32px;
  height: 720px;
  overflow: hidden;
  text-align: center;
  padding-top: 267px;
  position: relative;
}
.bzk_sub_top:after {
  background-color: #000000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 100%;
}
.bzk_sub_top .sub_top_txt,
.bzk_sub_top .butn_wrap {
  position: relative;
  z-index: 1;
}
.bzk_sub_top .sub_top_txt {
  color: #ffffff;
}
.bzk_sub_top .sub_top_txt.large {
  font-size: 90px;
  line-height: 120px;
  font-weight: 700;
  letter-spacing: -2.25px;
}
.bzk_sub_top .sub_top_txt.medium {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
}
.bzk_sub_top .sub_top_txt.small {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 400;
  margin-top: 20px;
}
.bzk_sub_top .butn_wrap {
  margin-top: 100px;
}
.bzk_sub_top .butn_wrap .butn {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}
.bzk_sub_top .butn_wrap .butn:after {
  background: url("../img/icon/ic_arrow_right_white.svg") 0 0/100%;
  vertical-align: sub;
}

.press_list {
  font-size: 0;
  margin-top: 60px;
}
.press_list .press_item {
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  display: inline-block;
  overflow: hidden;
  width: calc((100% - 48px) / 3);
}
.press_list .press_item + .press_item {
  margin-left: 24px;
}
.press_list .press_item-link {
  display: block;
}
.press_list .press_item-img {
  height: 282px;
}
.press_list .press_item-img img {
  width: 100%;
}
/* 230627 css 추가 */
.press_list .press_list-img {
  border-bottom: 1px solid #e4e4e4;
}
.press_list .press_list-img img {
  width: 100%;
}
.press_list .press_item-bottom {
  padding: 20px;
  text-align: center;
}
.press_list .press_item-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
  white-space: normal;
  color: #000000;
  word-break: break-all;
}
.press_list .press_item-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  display: block;
  margin-top: 20px;
}

.quicklink_list {
  font-size: 0;
  margin-top: 60px;
}
.quicklink_list .quicklink_item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 400px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden;
  padding: 50px 40px;
  position: relative;
  vertical-align: top;
  width: calc((100% - 72px) / 4);
}
.quicklink_list .quicklink_item + .quicklink_item {
  margin-left: 24px;
}
.quicklink_list .quicklink_item:after {
  background-color: #000000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 100%;
}
.quicklink_list .quicklink_item.item1 {
  background-image: url("../img/image/thumbnail_quicklink_list_1.png");
}
.quicklink_list .quicklink_item.item2 {
  background-image: url("../img/image/thumbnail_quicklink_list_2.png");
}
.quicklink_list .quicklink_item.item3 {
  background-image: url("../img/image/thumbnail_quicklink_list_3.png");
}
.quicklink_list .quicklink_item.item4 {
  background-image: url("../img/image/thumbnail_quicklink_list_4.png");
}
.quicklink_list .quicklink_item-txt,
.quicklink_list .quicklink_item-tit,
.quicklink_list .butn {
  z-index: 1;
}
.quicklink_list .quicklink_item-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #ffffff;
}
.quicklink_list .quicklink_item-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #ffffff;
  font-weight: 700;
  margin: 10px 0 40px;
}
.quicklink_list .butn.link {
  color: #ffffff;
  font-size: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.quicklink_list .butn.link:after {
  background: url("../img/icon/ic_arrow_right_white.svg") 0 0/100%;
  vertical-align: sub;
}
.quicklink_list.quicklink_list_eng.none_title .quicklink_item {
  height:600px;
}
.quicklink_list.quicklink_list_eng.none_title .quicklink_item-txt {
  margin-top: 184px;
}
.quicklink_list.quicklink_list_eng .quicklink_item {
  padding: 64px 20px;
}
.ceo_greeting-wrap {
  margin-top: 60px;
}
.ceo_greeting-wrap .title_h3 {
  text-align: center;
}
.ceo_greeting-wrap .ceo_greeting-flex {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 60px;
}
.ceo_greeting-wrap .ceo_greeting-img {
  width: 580px;
}
.ceo_greeting-wrap .ceo_greeting-txt {
  width: 703px;
}
.ceo_greeting-wrap .greeting-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 50px;
}
.ceo_greeting-wrap .greeting-txt &gt; b {
  font-weight: 500;
  color: #000000;
}
.ceo_greeting-wrap .ceo_greeting-sign {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  margin-top: 40px;
  text-align: right;
}
.ceo_greeting-wrap .ceo_greeting-sign img {
  margin-left: 20px;
  vertical-align: bottom;
}

.skb_bzinfo-list {
  display:flex;
  flex-wrap:wrap;
  font-size: 0;
  margin: -50px 0 0 -24px;
}
.skb_bzinfo-list .skb_bzinfo-item {
  display: inline-block;
  margin: 80px 0 0 24px;
  width: calc(50% - 24px);
}
.skb_bzinfo-list .skb_bzinfo-item.item1 .skb_bzinfo-top {
  background-image: url("../img/image/skb_bzinfo_img1.png");
}
.skb_bzinfo-list .skb_bzinfo-item.item2 .skb_bzinfo-top {
  background-image: url("../img/image/skb_bzinfo_img2.png");
}
.skb_bzinfo-list .skb_bzinfo-item.item3 .skb_bzinfo-top {
  background-image: url("../img/image/skb_bzinfo_img3.png");
}
.skb_bzinfo-list .skb_bzinfo-item.item4 .skb_bzinfo-top {
  background-image: url("../img/image/skb_bzinfo_img4.png");
}
.skb_bzinfo-list .skb_bzinfo-item.item5 .skb_bzinfo-top {
  background-image: url("../img/image/skb_bzinfo_img5.png");
}
.skb_bzinfo-list .skb_bzinfo-item.item6 .skb_bzinfo-top {
  background-image: url("../img/image/skb_bzinfo_img6.png");
}
.skb_bzinfo-list .skb_bzinfo-top {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 360px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 40px;
}
.skb_bzinfo-list .skb_bzinfo-top b {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-top: 4px;
}
.skb_bzinfo-list .skb_bzinfo-txt {
  padding: 30px 40px 0;
}
.skb_bzinfo-list .skb_bzinfo-txt &gt; .txt6 {
  height: 48px;
}
.skb_bzinfo-list .skb_bzinfo-bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}
.skb_bzinfo-list .skb_bzinfo-bottom + .txt6 {
  margin-top: 20px;
}
.skb_bzinfo-list .skb_bzinfo-img-wrap img {
  margin-right: 22px;
}
.skb_bzinfo-list .skb_bzinfo-img-wrap .butn.link {
  font-size:16px;
  font-weight:700;
  line-height: 33px;
}

.ethic_management_btns {
  font-size: 0;
  margin-top: 40px;
}
.ethic_management_btns .butn {
  text-align: center;
}
.ethic_management_btns .butn ~ .butn {
  margin-left: 20px;
}

.ethic_consult-area {
  margin-top: 60px;
}
.ethic_consult-area .ethic_consult-wrap {
  background-color: #f2f2f2;
  border-radius: 32px;
  margin-top: 30px;
  padding: 40px;
}
.ethic_consult-area .ethic_consult-wrap &gt; .txt6 {
  margin: 20px 0 30px;
}
.ethic_consult-box {
  background-color: #ffffff;
  border: 2px solid #e4e4e4;
  border-radius: 32px;
  padding: 40px 78px;
}
.ethic_consult-box + .ethic_consult-box {
  margin-top: 60px;
}
.ethic_consult-box .txt1 {
  color: #000000;
  display: block;
  margin-bottom: 10px;
}
.ethic_consult-box-bottom {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  padding-top: 20px;
}
.ethic_consult-box-bottom .txt2 {
  color: #000000;
  margin-left: 20px;
}

.bargraph_seclect-wrap {
  margin-top: 60px;
}
.bargraph_seclect-wrap .input_inner {
  margin-left: 20px;
  width: 140px;
}
.bargraph_seclect-wrap img {
  margin: 30px 0;
}

.sustainability-cont-tit {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
  margin-bottom: 40px;
}

.company_intro-move-list {
  margin-top: 60px;
}
.company_intro-move-list .company_intro-move-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  flex-direction: column;
  padding-top: 3%;
}
.company_intro-move-list .company_intro-move-item + .company_intro-move-item {
  margin-top: 3%;
}
.company_intro-move-list .company_intro-move-txt {
  width: 100%;
}
.company_intro-move-list .company_intro-move-txt + img {
  overflow:hidden;
  margin-top: 30px;
}
.company_intro-move-list .title_s1 {
  margin-bottom: 30px;
}
.company_intro-move-list .title_s1 ~ .title_s1 {
  margin-top: 60px;
}
.company_intro-move-list .txt6 {
  word-break: break-all;
  line-height: 24px;
}
.company_intro-move-list .txt + .txt {
  display: block;
  margin-top: 24px;
}
.company_accodion-list {
  border-top: 2px solid #000000;
  margin-top: 30px;
}
.company_accodion-list .company_accodion-item {
  border-bottom: 1px solid #e4e4e4;
}
.company_accodion-list .company_accodion-heading {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  padding: 22px 60px 22px 20px;
  position: relative;
  text-align: left;
  width: 100%;
}
.company_accodion-list .company_accodion-heading:after {
  background: url("../img/icon/ic-arrow-normal.svg") center/cover no-repeat;
  content: "";
  height: 20px;
  position: absolute;
  right: 20px;
  top: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 20px;
}
.company_accodion-list .company_accodion-heading.active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.company_accodion-list .company_accodion-panel {
  border-top: 1px solid #e4e4e4;
  display: none;
  padding: 20px;
}
.company_accodion-list .panel-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.company_accodion-list .panel-title ~ .panel-title {
  margin-top: 20px;
}
.company_accodion-list .panel-dot-list {
  margin-top: 10px;
}
.company_accodion-list .panel-dot-list .panel-dot-item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-left: 12px;
  position: relative;
}
.company_accodion-list .panel-dot-list .panel-dot-item:before {
  background-color: #797979;
  border-radius: 100%;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 11.8px;
  width: 4px;
}
.company_accodion-list .panel-dot-list .panel-dot-item + .panel-dot-item {
  margin-top: 7px;
}
.company_accodion-list .notice {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  margin-top: 10px;
}
.company_accodion-list .notice.txtN {
  font-weight: 400;
  color: #797979;
}

.report_cover-wrap {
  margin-top: 120px;
}
.report_cover-wrap .report_cover-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 182px;
}
.report_cover-wrap .report_cover-box + .report_cover-box {
  border-top: 1px solid #e4e4e4;
  margin-top: 60px;
  padding-top: 60px;
}
.report_cover-wrap .report_cover-txt {
  margin-left: 60px;
}
.report_cover-wrap .title_s1 b {
  color: #3617ce;
}
.report_cover-wrap .title_s3 {
  font-weight: 700;
  margin: 20px 0 10px;
}
.report_cover-wrap .butn_wrap {
  font-size: 0;
  margin-top: 40px;
  text-align: left;
}
.report_cover-wrap .butn_wrap .butn ~ .butn {
  margin-left: 20px;
}

.company_intro-contents + .company_intro-contents {
  margin-top: 60px;
}
.company_intro-contents .title_h3 {
  margin-bottom: 40px;
}
.company_intro-contents .description {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  word-break: break-all;
}
.company_intro-contents .description .descr_link {
  color: black;
  font-weight: 500;
  text-decoration: underline;
}
.company_intro-contents .description .blue {
  color: #3617ce;
}
.company_intro-contents .description + .company_intro-img_wrap {
  margin-top: 60px;
}
.company_intro-contents .description + .table_wrap {
  margin-top: 30px;
}
.company_intro-contents .description + .company_intro-table_tit {
  margin-top: 30px;
}
.company_intro-contents .description + .datail_guideline-wrap {
  margin-top: 60px;
}
.company_intro-contents .table_wrap tbody td {
  position: relative;
}
.company_intro-contents .table_wrap tbody td .reference {
  font-size: 12px;
  position: absolute;
}
.company_intro-contents .table_wrap .subs-img-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 20px;
}
.company_intro-contents .table_wrap .subs-img-name &gt; b {
  color: #000000;
  font-weight: 700;
}
.company_intro-contents .table_wrap + .description {
  margin-top: 30px;
}
.company_intro-contents .reference_txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  margin-top: 13px;
}
.company_intro-contents .reference_txt .reference {
  font-size: 12px;
  vertical-align: 4px;
}
.company_intro-contents .company_intro-txt {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: black;
  font-weight: 400;
}
.company_intro-contents .company_intro-txt + .dot_list {
  margin-top: 20px;
}

.company_intro-img_wrap {
  text-align: center;
}
.company_intro-img_wrap.left {
  text-align: left;
}
.company_intro-img_wrap + .description {
  margin-top: 60px;
}
.company_intro-img_wrap + .table_wrap {
  margin-top: 60px;
}

.company_intro-subs_tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-bottom: 20px;
}

.company_intro-table_tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
  margin-bottom: 20px;
}

.datail_guideline-wrap {
  margin: 60px 0;
  padding: 40px;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
}
.datail_guideline-wrap .description {
  margin: 20px 0;
}
.datail_guideline-wrap + .description {
  margin-top: 60px;
}

.datail_guideline-box + .datail_guideline-box {
  margin-top: 20px;
}
.datail_guideline-box .datail_guideline-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  margin-bottom: 10px;
}
.datail_guideline-box .datail_guideline-item {
  padding-left: 12px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  position: relative;
}
.datail_guideline-box .datail_guideline-item::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #797979;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 0;
}
.datail_guideline-box .datail_guideline-item + .datail_guideline-item {
  margin-top: 10px;
}
.datail_guideline-box .datail_guideline-item span {
  color: black;
  font-weight: 700;
}
.datail_guideline-box .datail_guideline-item a {
  text-decoration: underline;
}

.company_intro-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.company_intro-table .table_wrap {
  width: 648px;
}
.company_intro-table .table_wrap:first-child tbody th,
.company_intro-table .table_wrap:first-child tbody td {
  padding: 26px;
}

.member_story-list {
  font-size: 0;
  margin: 6px 0 0 -24px;
}
.member_story-list .member_story-item {
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  display: inline-block;
  height: 285px;
  margin: 24px 0 0 24px;
  padding: 40px;
  vertical-align: top;
  width: calc(33.333% - 24px);
}
.member_story-list .member_story-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-bottom: 22px;
}
.member_story-list .member_story-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  word-break: break-all;
}

.ci_logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ci_logo.top {
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  height: 400px;
  margin-top: 60px;
}
.ci_logo.top img {
  width: 374px;
}

.color_info_txt {
  padding: 0 20px;
}
.color_info_txt dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.corporate_color_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.corporate_color_box .corporate_color {
  width: 627px;
}
.corporate_color_box .ci_logo {
  border-radius: 12px;
  height: 140px;
  margin-bottom: 30px;
}
.corporate_color_box .ci_logo img {
  width: 84px;
}
.corporate_color_box .ci_logo.red {
  background-color: #ea0e2c;
}
.corporate_color_box .ci_logo.orange {
  background-color: #f47725;
}
.corporate_color_box .color_info_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.corporate_color_box .color_info_txt .title_s1 {
  width: 100%;
}
.corporate_color_box .color_info_txt dl {
  margin-top: 10px;
  width: 230px;
}
.corporate_color_box .color_info_txt dl dt,
.corporate_color_box .color_info_txt dl dd {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}
.corporate_color_box .color_info_txt dl dt {
  width: 90px;
}
.corporate_color_box .color_info_txt dl dd {
  color: #000000;
}

.sub_color_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: -50px;
}
.sub_color_list .sub_color_item {
  margin-top: 80px;
  width: 280px;
}
.sub_color_list .ci_logo {
  border-radius: 12px;
  height: 140px;
  margin-bottom: 20px;
}
.sub_color_list .ci_logo img {
  width: 84px;
}
.sub_color_list .ci_logo.yellow {
  background-color: #fbbc05;
}
.sub_color_list .ci_logo.green {
  background-color: #b3cf0a;
}
.sub_color_list .ci_logo.teal {
  background-color: #009a93;
}
.sub_color_list .ci_logo.blue {
  background-color: #0072c6;
}
.sub_color_list .ci_logo.navy {
  background-color: #0e306d;
}
.sub_color_list .ci_logo.purple {
  background-color: #68127a;
}
.sub_color_list .ci_logo.white {
  border: 1px solid #e4e4e4;
  background-color: #ffffff;
}
.sub_color_list .ci_logo.black {
  background-color: #000000;
}
.sub_color_list .color_info_txt .title_s2 {
  margin-bottom: 10px;
}
.sub_color_list .color_info_txt dl dt,
.sub_color_list .color_info_txt dl dd {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.sub_color_list .color_info_txt dl dt {
  width: 80px;
}
.sub_color_list .color_info_txt dl dd {
  color: #000000;
}

.character_top-wrap {
  margin-top: 60px;
  text-align: center;
}
.character_top-wrap .character_top-box {
  background-color: #fbf3f1;
  border-radius: 24px;
  height: 522px;
  padding-top: 60px;
}
.character_top-wrap .title_h3 {
  margin-bottom: 20px;
}
.character_top-wrap .title_s3 {
  color: #797979;
  line-height: 32px;
}
.character_top-wrap img {
  margin-top: -281px;
  width: 1061px;
}

.character_info-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.character_info-box &gt; img {
  margin: 0 80px;
}
.character_info-box .character_info-txt {
  width: calc(100% - 660px);
}
.character_info-box .title_s2 {
  margin-top: 40px;
}
.character_info-box .title_s3 {
  color: #797979;
  margin-top: 20px;
}
.character_info-box:nth-child(even) img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.character_info-box:nth-child(even) .character_info-txt {
  text-align: right;
}
.character_info-box + .character_info-box:before {
  background-color: #e4e4e4;
  content: "";
  display: block;
  height: 1px;
  margin: 120px 0;
  width: 100%;
}

.dot_list .dot_item {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #797979;
  font-weight: 400;
  padding-left: 12px;
  position: relative;
}
.dot_list .dot_item:before {
  background-color: #797979;
  border-radius: 100%;
  content: "";
  position: absolute;
  height: 4px;
  left: 0;
  top: 14px;
  width: 4px;
}
.dot_list .dot_item + .dot_item {
  margin-top: 10px;
}
.dot_list .dot_item &gt; b {
  color: #000000;
}
.dot_list .dot_item &gt; a {
  text-decoration: underline;
}

.gray_solid_box {
  height: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
}
.gray_solid_box .butn_wrap {
  margin-top: 40px;
}

.gray_flex_list-box {
  background-color: #f2f2f2;
  border-radius: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  padding: 60px;
}
.gray_flex_list-box .gray_flex_list-item {
  width: 50%;
}
.gray_flex_list-box .gray_flex_list-item + .gray_flex_list-item {
  border-left: 1px solid #d9d9d9;
  padding-left: 60px;
}
.gray_flex_list-box .dot_list {
  margin-top: 20px;
}
.gray_flex_list-box + .butn_wrap {
  margin-top: 60px;
}
.gray_flex_list-box.case-01 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gray_flex_list-box.case-01 .butn_wrap {
  margin-top: 40px;
}
.gray_flex_list-box.case-01 .dot_item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.grab_bg_txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  background-color: #f2f2f2;
  border-radius: 60px;
  color: #3617ce;
  padding: 23px;
  text-align: center;
}

.title_h2 a:after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("../img/icon/ic-arrow-right-3.svg") 0 0/100%;
  margin-left: 10px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.table_check_list {
  text-align: left;
}
.table_check_list .table_check_item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-bottom: 10px;
}
.table_check_list .table_check_item::before {
  background: url("../img/icon/ic_bullet_check.svg") center/cover no-repeat;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
}
.table_check_list .table_check_item:last-child {
  margin-bottom: 0;
}

.download_item-value {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-right: 20px;
}

.link-list-wrap {
  background-color: #f2f2f2;
  padding: 40px 43px 40px 44px;
  margin: 40px -20px 0;
}

.link-list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}

.link-list-item {
  width: 6.25%;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  background-color: #ffffff;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
.link-list-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 40px;
}
.link-list-item a.active,
.link-list-item a:hover {
  color: #ff9710 !important;
  text-decoration: underline;
}

.detail_page-heading.type-02 {
  padding: 30px 0 20px;
}
.detail_page-heading.type-02 .event-page-subtit {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  margin-right: 80px;
}
.detail_page-heading.type-02 .event-page-desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.detail_page-heading.type-02 .event-page-date {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.detail_page-heading.type-02 .heading-tit {
  padding: 0 20px 30px;
  border-bottom: 1px solid #e4e4e4;
}
.detail_page-heading.type-02 .categorie_wrap {
  margin-top: 20px;
  padding: 0 20px;
}


.title_s1 + .guide_txt_wrap,
.guide_txt_wrap + .guide_img {margin-top:30px;}
.guide_img + .guide_txt_wrap,
.guide_img_txt_wrap + .guide_txt_wrap {margin-top:60px;}
.guide_txt_wrap .title_s2 + .txt_big {margin-top:10px;}
.title_s4 + .guide_img {
  margin-top:10px;
}
.title_s2 + .guide_txt_wrap {
  margin-top:20px;
}
.guide_txt_wrap + img,
img + .guide_txt_wrap {
  margin-top: 40px;
}
.guide_img + .title_s4 {
  margin-top:22px;
}
.guide_img_txt_wrap {
  display:flex;
  flex-direction: column;
}
.guide_txt_wrap + .title_s4 {
  margin-top:30px;
}
.guide_txt_wrap + .guide_img_txt_wrap {
  margin-top:30px;
}
.guide_img_txt_wrap .guide_item {
  display:flex;
  align-items: center;
}
.guide_img_txt_wrap .guide_item + .guide_item {
  margin-top:10px;
}
.guide_img_txt_wrap .guide_item .guide_img {
  min-width:270px;
}
.guide_img_txt_wrap .guide_item .guide_img img {
  width:100%;
}
.guide_img_txt_wrap .guide_txt_wrap {
  margin-top:0;
  padding:0 40px;
}
.guide_img_txt_wrap .guide_txt_wrap &gt; dd {
  margin-top:10px;
}
.content.tbl_type {}
.guide_txt_wrap + .content.tbl_type {
  margin-top:20px;
}
.content.tbl_type .contents_list {
  display: flex;
  padding:0;
}
.content.tbl_type .contents_list &gt; dt {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width:220px;
  padding:30px;
  background-color:#F2F2F2;
  font-weight: 700;
  color:#000;
}
.content.tbl_type .contents_list &gt; dd {
  padding:30px;
}
.disclo-info-wrap {
  width: 100%;
  height: 720px;
  border: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.disclo-info-box::-webkit-scrollbar {
  width: 6px;
}
.disclo-info-box::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 3px;
}
.disclo-info-box iframe {
  width: 731px;
  height: 680px;
  border: 0;
}

.question_type-wrap .question_type-box {
  width: 100%;
  margin-bottom: 60px;
}
.question_type-wrap .question_type-box .question_type-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}
.question_type-wrap .question_type-box .question_type-item {
  -webkit-box-flex: 20%;
      -ms-flex: 20%;
          flex: 20%;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  height: 80px;
}
.question_type-wrap .question_type-box .question_type-item.active {
  background-color: #3617ce;
}
.question_type-wrap .question_type-box .question_type-item.active .question_type-btn {
  color: #ffffff;
}
.question_type-wrap .question_type-box .question_type-btn {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0px 20px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.question_type-wrap .question_type-box .question_type-icon {
  padding-right: 12px;
}
.question_type_cont-wrap {
  margin-top:60px;
}
.question_type_cont-item {
  display: none;
}
.question_type_cont-item.active {
  display: block;
}

.sustainability-imgbox {
  margin-bottom: 60px;
}
.sustainability-imgbox img {
  margin: 0 auto;
  display: block;
}
.sustainability-imgbox.case-1 {
  margin-bottom: 30px;
}

.cont_info-wrap {
  text-align: center;
}

.cont_info-tit {
  font-size: 40px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #3617ce;
}

.download-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  margin-top: 60px;
}

.download-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
.download-txt .txt_eng {
  font-size: 20px;
}

.sustainability-cont-subtit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  margin-bottom: 20px;
}

.sustainability-item-wrap {
  padding: 40px;
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  margin: 60px 0;
}
.sustainability-item-wrap.type-02 {
  border: 0;
  background-color: #f2f2f2;
  margin: 30px 0 0;
}
.sustainability-item-wrap.type-02 .sustainability-item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 8px;
}
.sustainability-item-wrap.type-02 .sustainability-item b {
  color: #000000;
}
.sustainability-item-wrap.type-02 .sustainability-item:nth-of-type(1) {
  margin-top: 0;
}

.sustainability-item-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}

.sustainability-item {
  margin-top: 20px;
}
.sustainability-item.circle {
  padding-left: 12px;
  position: relative;
}
.sustainability-item.circle::before {
  position: absolute;
  top: 12px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #a9a9a9;
  content: "";
}

.sustainability-item-list {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 10px;
}
.sustainability-item-list.circle {
  padding-left: 12px;
  position: relative;
}
.sustainability-item-list.circle::before {
  position: absolute;
  top: 12px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #a9a9a9;
  content: "";
}

.sustainability-item-list-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}

.sign_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 40px;
}

.sign_txt {
  text-align: right;
  margin-right: 40px;
}
.sign_txt .name {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}

.mail_box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 140px;
  padding: 42px 40px;
  background-color: #f2f2f2;
  border-radius: 12px;
}

.mail_txt-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 80px;
}
.mail_txt-box:nth-of-type(1) {
  margin-left: 40px;
}

.mail_name {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.mail_cont {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  margin-left: 20px;
  text-decoration: underline;
}
.mail_cont:hover {
  text-decoration: underline;
}
.mail_cont.disabled {
  text-decoration: none;
  cursor: auto;
}

.download_list.type-02 .download_item {
  padding: 0;
}
.download_list.type-02 .butn_wrap {
  padding: 20px 40px;
  border-left: 1px solid #e4e4e4;
}

.agenda_table_wrap {
  margin-bottom: 55px;
}
.agenda_table_wrap tbody th {
  background-color: #f2f2f2;
}

.agenda-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.agenda-list:nth-of-type(1) {
  margin-top: 0;
}
.agenda-list .txt6 {
  align-self: flex-start;
  line-height: 26px;
}

.agenda-list-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  margin-left: 20px;
}

.table_wrap tbody td.black {
  color: #000000;
  font-weight: 700;
}

.company_intro-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  font-weight: 700;
  padding-bottom: 30px;
}
.company_intro-tit.type-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 35px;
}
.company_intro-tit.small {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.bg-grayd9 {
  background-color: #d9d9d9;
}

.state-disclaimer {
  margin-top: 20px;
}
.state-disclaimer .state-disclaimer-list {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  position: relative;
  margin-top: 10px;
}
.state-disclaimer .state-disclaimer-list:nth-of-type(1) {
  margin-top: 0;
}
.state-disclaimer .state-disclaimer-list.circle {
  padding-left: 12px;
}
.state-disclaimer .state-disclaimer-list.circle:before {
  width: 4px;
  height: 4px;
  position: absolute;
  top: 8px;
  left: 0;
  background-color: #d9d9d9;
  content: "";
  border-radius: 50%;
}

.butn_wrap + .company_intro-tit {
  margin-top: 30px;
}

.ref-caption {
  padding-left: 18px;
  position: relative;
}
.ref-caption::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  color: #797979;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
}
.ref-caption + .noti-butn_wrap {
  font-size: 0;
  margin-top: 60px;
  margin-top: 60px;
}
.ref-caption + .noti-butn_wrap .butn ~ .butn {
  margin-left: 20px;
}

.ethic_management_btns {
  margin-top: 40px;
}

.membus-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.membus-list {
  width: 424px;
  margin-right: 24px;
  border: 1px solid #e4e4e4;
  padding: 40px;
  border-radius: 32px;
}
.membus-list:nth-child(3n) {
  margin-right: 0;
}
.membus-list:nth-child(n+4) {
  margin-top: 24px;
}

.membus-list-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}

.membus-list-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 22px;
  word-break: break-all;
}

.contest-info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -24px;
}
.contest-info-box .red {
  color: #ff404e;
}
.contest-info-box + .thum_link_box {
  padding-top: 10px;
  margin-top: 60px;
  border-top: 1px dotted #a9a9a9;
}

.contest-info-box-item {
  width: 424px;
  height: 396px;
  margin-right: 24px;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contest-info-box-item-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}

.contest-info-box-item-img {
  width: 160px;
  margin: 30px 0;
}

.contest-info-box-item-txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  text-align: center;
}

.thum_link_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -24px;
}
.thum_link_box.case-01 .thum_link_box-item {
  width: 312px;
}
.thum_link_box.case-01 .thum_link_box-tit .blue {
  color: #3617ce;
  font-weight: 700;
}
.thum_link_box.case-01 .thum_link_box-txt {
  font-weight: 400;
}
.thum_link_box.case-01 .thum_link_box-cont {
  height: 176px;
  border-radius: 6px;
}
.thum_link_box.case-01 .thum_link_box-cont:after {
  width: 56px;
  height: 56px;
}
.thum_link_box.case-01 .thum_link_box-cont.more .thum_link_box-cont-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  position: absolute;
  top: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.thum_link_box.case-01 .thum_link_box-cont.more::after {
  width: 40px;
  height: 40px;
  top: 100px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../img/icon/ic-arrow-right-1.svg") center/100% no-repeat;
}

.thum_link_box-item {
  width: 424px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 40px;
  margin-right: 24px;
}

.thum_link_box-tit {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.thum_link_box-tit .blue {
  color: #3617ce;
}
.thum_link_box-tit + .thum_link_box-cont {
  margin-top: 20px;
}

.thum_link_box-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
}
.thum_link_box-txt + .thum_link_box-cont {
  margin-top: 20px;
}

.thum_link_box-cont {
  width: 100%;
  height: 240px;
  background-color: #f2f2f2;
  border-radius: 12px;
  position: relative;
}
.thum_link_box-cont::after {
  content: "";
  width: 80px;
  height: 80px;
  background: url("../img/icon/ic_vodplay.svg") center/100% no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.thum_link_box-cont:hover {
  background-color: #f2f2f2;
}

.justified-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justified-box .company_intro-img_wrap img {
  margin-left: 40px;
}
.justified-box .company_intro-img_wrap img:nth-of-type(1) {
  margin-left: 0;
}

.bzk_banner-wrap {
  position: relative;
  margin-bottom: 130px;
}
.bzk_banner-wrap .bzk_banner-txt {
  text-align: center;
  font-size: 40px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: -1px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  white-space: nowrap;
  color: #ffffff;
}
.bzk_banner-wrap.case-01 {
  margin-bottom: 26px;
}

.simple_history-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.simple_history-item {
  position: relative;
  padding-left: 66px;
}
.simple_history-item::before {
  content: "";
  position: absolute;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #3617ce;
  left: 0;
  top: 8px;
}
.simple_history-item:nth-child(1)::before {
  content: "01";
}
.simple_history-item:nth-child(2)::before {
  content: "02";
}
.simple_history-item:nth-child(3)::before {
  content: "03";
}
.simple_history-item:nth-child(4)::before {
  content: "04";
}
.simple_history-item .simple_history-year {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  line-height: 44px;
}
.simple_history-item .simple_history-maintxt {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
  font-weight: normal;
  padding-top: 10px;
}
.simple_history-item .simple_history-maintxt b.accented {
  color: #3617ce;
}
.simple_history-item:nth-child(2n-1) {
  width: 680px;
  margin-right: 1px;
}
.simple_history-item:nth-child(1), .simple_history-item:nth-child(2) {
  margin-bottom: 120px;
}

.simple_history-desc_wrap {
  padding-top: 30px;
}
.simple_history-desc_wrap .simple_history-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.simple_history-desc_wrap .simple_history-desc + .simple_history-desc {
  padding-top: 20px;
}
.simple_history-desc_wrap .simple_history-desc_date {
  padding-right: 20px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
}
.simple_history-desc_wrap .simple_history-desc_subs {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.simple_history-desc_wrap .simple_history-desc_subs .t_small {
  font-size:11px;
  vertical-align: text-bottom;
}

.progress_box {
  position: relative;
  margin: 0 -290px;
  padding: 75px 300px;
  background: #3617ce;
  z-index: 999;
}
.progress_box.fixed {
  position: fixed;
  margin: 0;
  width: 100%;
  top: 0;
  left: 0;
}

.progress_container {
  width: 100%;
  min-width: 790px;
  height: 2px;
  background: rgba(228, 228, 228, 0.1882352941);
}

.progress_bar {
  width: 25%;
  height: 2px;
  background: #e4e4e4;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.history_section-wrap {
  padding-top: 60px;
}

.history_section {
  position: relative;
}

.history_section-img_wrap {
  position: relative;
}
.history_section-img_wrap .history_section-txt_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.history_section-img_wrap .history_section-year {
  padding: 1px 30px 4px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #3617ce;
  line-height: 35px;
  margin-bottom: 10px;
}
.history_section-img_wrap .history_section-txt {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
  color: #ffffff;
}

.center_bar {
  width: 1px;
  height: 100%;
  background: #e4e4e4;
  position: absolute;
  left: calc(50% - 0.5px);
  top: 0;
  z-index: -1;
}
.center_bar.end_circle::after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
  background: #e4e4e4;
}

.history_section-con {
  padding-top: 103px;
}

.history-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.history-list.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 474px;
}
.history-list.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 474px;
}
.history-list.right .history-list-date {
  position: relative;
  padding-right: 44px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.history-list.right .history-list-month {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
}
.history-list.right .history-list-subsc {
  text-align: right;
}
.history-list + .history-list {
  margin-top: 80px;
}
.history-list:last-child {
  padding-bottom: 120px;
}

.history-list-tit {
  font-size: 40px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: -1px;
}

.history-list-dot {
  background: url(../img/icon/dot.svg) 0 0/100% no-repeat;
  width: 24px;
  height: 24px;
  margin: 0 48px;
  margin-top: 17px;
}

.history-list-date_wrap {
  margin-top: 17px;
}

.history-list-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history-list-date .history-list-month {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #3617ce;
  margin-right: 20px;
}
.history-list-date .history-list-subsc {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.history-list-date .history-list-subsc .phrases-txt + .phrases-txt {
  padding-top: 10px;
}
.history-list-date + .history-list-date {
  margin-top: 20px;
}

.progress_years-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: calc(100% - 600px);
  min-width: 790px;
}

.progress_years-item {
  margin: 0;
  width: 25%;
  text-align: right;
  cursor: pointer;
}
.progress_years-item:first-child {
  margin-left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.progress_years-item:first-child .progress_years-link {
  margin-left: 0;
}
.progress_years-item:last-child {
  margin-right: 0;
}
.progress_years-item.active .progress_years-link {
  color: #ffffff;
}
.progress_years-item.active.current .progress_years-link {
  position: relative;
}
.progress_years-item.active.current .progress_years-link::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 50%;
}

.progress_years-link {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.1882352941);
  padding: 10px 30px;
  background-color: #3617ce;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.progress_years-link:hover {
  color: #ffffff;
  background-color: #3617ce;
}

.butn-floating {
  height: 60px;
  padding: 0;
}
.butn-floating .butn_wrap {
  width: 310px;
  position: fixed;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 17px 40px 16px;
  background-color: #303030;
  -webkit-box-shadow: 2px 4px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 2px 4px 3px 0 rgba(0, 0, 0, 0.16);
  border-radius: 32px;
  z-index: 100;
}
.butn-floating .buttn {
  font-size: 22px;
  color: #ffffff;
}
.butn-floating .buttn + .buttn {
  margin-left: 34px;
  position: relative;
}
.butn-floating .buttn + .buttn::before {
  content: "";
  width: 2px;
  height: 20px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -16px;
}
.butn-floating .buttn .link {
  font-weight: 500;
  line-height: 27px;
}

.detail_tab-wrap.tabslide.eng_tab .tab_link-btn {
  margin-right: 60px;
}
.detail_tab-wrap.tabslide.eng_tab .tab_link-txt {
  font-size: 24px;
}
.detail_tab-wrap.tabslide.eng_tab + .title_h3 {
  padding-top: 60px;
}
.detail_tab-wrap.tabslide.eng_tab + .direct_tab-wrap {
  padding-top: 60px;
}

/* common */
.table_wrap.eng_table table tbody {
  font-size: 16px;
}

.bze_sub_top {
  background: url("../img/image/visual_companyintroduction.png") center/cover no-repeat;
  border-radius: 32px;
  height: 720px;
  overflow: hidden;
  text-align: center;
  padding-top: 241px;
  position: relative;
}
.bze_sub_top:after {
  background-color: #000000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 100%;
}
.bze_sub_top .sub_top_txt,
.bze_sub_top .butn_wrap {
  position: relative;
  z-index: 1;
}
.bze_sub_top .sub_top_txt {
  color: #ffffff;
}
.bze_sub_top .sub_top_txt.large {
  font-size: 90px;
  line-height: 120px;
  font-weight: 700;
  letter-spacing: -2.25px;
}
.bze_sub_top .sub_top_txt.medium {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
}
.bze_sub_top .sub_top_txt.small {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 400;
  margin-top: 20px;
}
.bze_sub_top.about_us {
  background-image: url(../img/image/img-bze-banner-us-01.png);
  height: 520px;
  padding: 182px 0;
}
.bze_sub_top.about_us &gt; .sub_top_txt {
  font-size: 40px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #ffffff;
  line-height: 52px;
}
.bze_sub_top.about_us + .banner_description {
  padding-top: 60px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.bze_sub_top.home_service {
  background-image: url(../img/image/img-bze-banner-us-02.png);
  height: 520px;
  padding: 182px 0;
}
.bze_sub_top.home_service &gt; .sub_top_txt {
  font-size: 40px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #ffffff;
  line-height: 52px;
}

.quicklink_list.none_title {
  display: flex;
  margin-top: 0;
}
.quicklink_list.none_title .quicklink_item {
  cursor: pointer;
  width: calc((100% - 48px) / 3);
  height: 540px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.quicklink_list.none_title .quicklink_item.item1 {
  background-image: url(../img/image/img-company.png);
}
.quicklink_list.none_title .quicklink_item.item2 {
  background-image: url(../img/image/img-homeservice.png);
}
.quicklink_list.none_title .quicklink_item.item3 {
  background-image: url(../img/image/img-bussinessservice.png);
}
.quicklink_list.none_title .quicklink_item.item4 {
  background-image: url(../img/image/img-ethicalmanagement.png);
}
.quicklink_list.none_title .quicklink_item-txt {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  margin-top: 190px;
  margin-bottom: 20px;
}
.quicklink_list.none_title .quicklink_item-tit {
  font-weight: 500;
  margin: 0;
  -webkit-box-flex: 113px;
      -ms-flex: 113px;
          flex: 113px;
}
.quicklink_list.none_title .butn.link {
  font-weight: 700;
}

.skb_bzinfo-list.version_eng {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}
.skb_bzinfo-list.version_eng .skb_bzinfo-item {
  display: block;
  margin: 0;
  width: calc((100% - 24px) / 2);
  margin-bottom: 80px;
}
.skb_bzinfo-list.version_eng .skb_bzinfo-item:nth-child(2n-1) {
  margin-right: 24px;
}
.skb_bzinfo-list.version_eng .skb_bzinfo-item:nth-last-child(1) {
  margin-bottom: 0;
}
.skb_bzinfo-list.version_eng .skb_bzinfo-item:nth-last-child(2) {
  margin-bottom: 0;
}
.skb_bzinfo-list.version_eng .skb_bzinfo-top {
  border-radius: 32px;
}
.skb_bzinfo-list.version_eng .skb_bzinfo-bottom {
  height: 48px;
  margin-top: 54px;
}
.skb_bzinfo-list.version_eng .skb_bzinfo-bottom .skb_bzinfo-img-wrap {
  margin-right: 30px;
}
.skb_bzinfo-list.version_eng .skb_bzinfo-bottom .skb_bzinfo-img-wrap:last-child {
  margin-right: 0;
}
.section.his_facts-wrap .simple_history-maintxt {
  font-weight: bold;
  line-height: 59px;
  padding-top: 20px;
  min-height: 197px;
}
.section.his_facts-wrap .simple_history-maintxt + .simple_history-desc_wrap {
  padding-top: 40px;
}
.section.his_facts-wrap .simple_history-desc {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.service_cont-wrap {
  margin-top: 60px;
}
.service_cont-wrap .service_banner {
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 32px;
  width: 100%;
  height: 320px;
}
.service_cont-wrap .service_banner.internet {
  background-image: url(../img/image/img-internet-service-01.png);
}
.service_cont-wrap .service_banner.btv {
  background-image: url(../img/image/img-btv-service-01.png);
}
.service_cont-wrap .service_banner.phone {
  background-image: url(../img/image/img-phone-service-01.png);
}
.service_cont-wrap .service_banner.phone .service_banner-txt {
  padding-top: 100px;
}
.service_cont-wrap .service_banner-txt {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  color: #ffffff;
  padding-top: 120px;
}

.service_box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 40px;
  margin-top: -60px;
}
.service_box-list .service_box-item {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  margin-right: 10px;
  text-align: center;
  width: calc((100% - 40px) / 5);
  padding: 54px 19px 40px;
}
.service_box-list .service_box-item:last-child {
  margin-right: 0;
}
.service_box-list .service_box-item .service_box-title {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  line-height: 28px;
  font-weight: 700;
}
.service_box-list .service_box-item .service_box-title + .service_box-desc {
  margin-top: 44px;
}
.service_box-list .service_box-item .service_box-title b {
  display: block;
  color: #3617ce;
}
.service_box-list .service_box-item .service_box-desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.service_box-list .service_box-item.line_three {
  padding: 40px 19px;
}
.service_box-list .service_box-item.line_three .service_box-title + .service_box-desc {
  margin-top: 30px;
}
.service_box-list.internet_box .service_box-item {
  min-height: 268px;
}
.service_box-list.btv_box .service_box-item {
  min-height: 316px;
}
.service_box-list.phone_box {
  margin-top: -100px;
}
.service_box-list.phone_box .service_box-item {
  padding: 80px 19px;
  min-height: 240px;
}

.contact_center-box {
  background: #f2f2f2;
  border-radius: 12px;
  padding: 40px;
}
.contact_center-box .contact_center-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  line-height: 22px;
}
.contact_center-box .contact_center-txt b {
  font-weight: 500;
  color: #000000;
}

.service_main-content {
  padding-top: 40px;
}
.service_main-content .service_main-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.service_main-content .service_main-txt + .service_main-box {
  margin-top: 20px;
}
.service_main-content .service_main-box {
  background: #f2f2f2;
  border-radius: 32px;
  padding: 40px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.service_main-content .service_main-box .service_main-box-tit {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 10px;
}
.service_main-content + .service_sub-list {
  padding-top: 60px;
}

.service_sub-item + .service_sub-item {
  padding-top: 60px;
}

.service_sub-title {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.service_sub-title + .service_sub-desc {
  padding-top: 20px;
}

.service_sub-desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.service_sub-desc + .service_sub-cont {
  margin-top: 40px;
}
.service_sub-desc sup {
  font-size: 8px;
}

.direct_tab-wrap + .direct_tab-cont {
  padding-top: 60px;
}

.direct_tab-cont .service_box-wrap {
  padding-top: 40px;
}
.direct_tab-cont .service_box-wrap &gt; .title_h4 {
  padding-bottom: 40px;
}
.direct_tab-cont .service_box-wrap + .service_box-wrap {
  padding-top: 120px;
}

.mi .main-w {
  width: 1452px;
  padding-bottom: 154px;
}
.mi .mimain {
  width: 1320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mi .mimain .mimain-con {
  padding: 60px 80px;
  border-radius: 32px;
  height: 864px;
  width: 648px;
  position: relative;
  z-index: 3;
}
.mi .mimain .mimain-con .mimain-video {
  z-index: -1;
}
.mi .mimain .mimain-con .mimain-video_cover {
  z-index: -1;
  width: 820px;
}
.mi .mimain .mimain-con.women {
  background: #ffeef0;
}
.mi .mimain .mimain-con.women .mimain-video_cover {
  position: absolute;
  top: 0;
  right: 0;
}
.mi .mimain .mimain-con.women .mimain-video {
  width: 820px;
  position: absolute;
  top: 0;
  right: 0;
}
.mi .mimain .mimain-con.women .mimain-list {
  right: 80px;
  top: 400px;
}
.mi .mimain .mimain-con.man {
  background: #eaf6fe;
}
.mi .mimain .mimain-con.man .mimain-video_cover {
  position: absolute;
  top: 0;
  left: 0;
}
.mi .mimain .mimain-con.man .mimain-video {
  position: absolute;
  width: 820px;
  top: 0;
  left: 0;
}
.mi .mimain .mimain-con.man .mimain-list {
  left: 70px;
  bottom: 80px;
}
.mi .mimain .mimain-tit {
  font-size: 64px;
  line-height: 84px;
  font-weight: 700;
  letter-spacing: -1.6px;
  display: inline-block;
}
.mi .mimain .mimain-tit:after {
  content: "";
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-left: 10px;
  background: url("../img/icon/ic-main-link.svg") 0 0/100% no-repeat;
}
.mi .mimain .mimain-desc {
  margin-top: 10px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 400;
}
.mi .mimain .mimain-desc b {
  color: #3617ce;
}
.mi .mimain .mimain-list {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mi .mimain .mimain-item + .mimain-item {
  margin-top: 30px;
}
.mi .mimain .mimain-icon {
  text-align: center;
  display: inline-block;
}
.mi .mimain .mimain-name {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  padding-top: 1px;
}
.mi .milife-sbtn.swiper-button-prev {
  width: auto;
  left: -60px;
}
.mi .milife-sbtn.swiper-button-prev::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("../img/icon/ic_main_milife_arrow.svg") 0 0/100% no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mi .milife-sbtn.swiper-button-next {
  width: auto;
  right: -60px;
}
.mi .milife-sbtn.swiper-button-next::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("../img/icon/ic_main_milife_arrow.svg") 0 0/100% no-repeat;
}
.mi .milife.active .milife_list {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mi .milife.active.stay .milife_item.swiper-slide-prev, .mi .milife.active.stay .milife_item.swiper-slide-next {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: 0.5s flipCard ease-out forwards;
          animation: 0.5s flipCard ease-out forwards;
}
.mi .milife.active.stay .milife_item.swiper-slide-active {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: 0.5s flipCard ease-out forwards;
          animation: 0.5s flipCard ease-out forwards;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
@-webkit-keyframes flipCard {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes flipCard {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.mi .milife .milife_list {
  opacity: 0;
  visibility: hidden;
}
.mi .milife .milife_item {
  position: relative;
  padding: 60px 0 0 60px;
  width: 500px;
  height: 600px;
  border-radius: 32px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
  overflow: visible;
}
.mi .milife .milife_item.swiper-slide-prev::before, .mi .milife .milife_item.swiper-slide-prev::after, .mi .milife .milife_item.swiper-slide-next::before, .mi .milife .milife_item.swiper-slide-next::after {
  height: 500px;
}
.mi .milife .milife_item::before {
  content: "";
  display: inline-block;
  background: url("../img/image/bg_main_shadow.png") 0 0 repeat-y;
  position: absolute;
  top: 50%;
  left: -61px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  width: 61px;
  height: 480px;
  z-index: 15;
}
.mi .milife .milife_item::after {
  content: "";
  display: inline-block;
  background: url("../img/image/bg_main_shadow.png") 0 0 no-repeat;
  position: absolute;
  top: 50%;
  right: -61px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 61px;
  height: 480px;
  z-index: 15;
}
.mi .milife .milife_item.bc-1 {
  background-color: #ffeef0;
}
.mi .milife .milife_item.bc-1 .milife-bg {
  right: 0;
  bottom: -16px;
}
.mi .milife .milife_item.bc-2 {
  background-color: #fff4e5;
}
.mi .milife .milife_item.bc-2 .milife-bg {
  right: -23px;
  bottom: 14px;
}
.mi .milife .milife_item.bc-3 {
  background-color: #fff9e5;
}
.mi .milife .milife_item.bc-3 .milife-bg {
  right: -36px;
  bottom: 6px;
}
.mi .milife .milife_item.bc-4 {
  background-color: #eaf6fe;
}
.mi .milife .milife_item.bc-4 .milife-bg {
  right: -2px;
  bottom: 2px;
}
.mi .milife .milife_item.bc-5 {
  background-color: #f7ecff;
}
.mi .milife .milife_item.bc-5 .milife-bg {
  right: -16px;
  bottom: 26px;
}
.mi .milife .milife_item .butn {
  margin-top: 20px;
  z-index: 10;
}
.mi .milife .milife_item .milife-bg {
  position: absolute;
}
.mi .milife .milife-tit {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.mi .milife .milife-txt {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.mi .mi_title {
  font-size: 64px;
  line-height: 84px;
  font-weight: 700;
  letter-spacing: -1.6px;
}
.mi .smmain_sv .smmain_sv-item.mi-1 {
  background: url("../img/image/img_3d_unionmyhouse.png") right 40px bottom 40px/140px 140px no-repeat;
  background-color: #f7ecff;
}
.mi .smmain_sv .smmain_sv-item.mi-2 {
  background: #fff4e5 url("../img/image/img_3d_familyunion.png") right 40px bottom 40px/140px 140px no-repeat;
}
.mi .smmain_sv .smmain_sv-item.mi-3 {
  background: #ffeef0 url("../img/image/img-3d-benefit-slim.png") right 40px bottom 40px/140px 140px no-repeat;
}
.mi .smmain_sv .smmain_sv-item.mi-4 {
  background: #eaf6fe url("../img/image/img-3d-benefit-affiliatecard.png") right 40px bottom 40px/140px 140px no-repeat;
}
.mi .smmain_sv .smmain_sv-item:hover.mi-1 {
  background-color: #edd4ff;
}
.mi .smmain_sv .smmain_sv-item:hover.mi-2 {
  background-color: #fff3cc;
}
.mi .smmain_sv .smmain_sv-item:hover.mi-3 {
  background-color: #ffd4d9;
}
.mi .smmain_sv .smmain_sv-item:hover.mi-4 {
  background-color: #d1edff;
}
.mi .smmain_sv .smmain_sv-btn {
  position:initial;
  margin-top: 67px;
}
.mi .mihelp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mi .mihelp .butn {
  margin-top: 23px;
}
.mi .mihelp .mihelp-con {
  -webkit-box-flex: 0;
      
  text-align: center;
}
.mi .mihelp .mihelp-con:first-child {
  -ms-flex: 0 1 calc(436px - 12px);
      flex: 0 1 calc(436px - 12px);
}
.mi .mihelp .mihelp-con:nth-child(2) {
  -ms-flex: 0 1 calc(884px - 12px);
      flex: 0 1 calc(884px - 12px);
}
.mi .mihelp .mihelp-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-bottom: 46px;
}
.mi .mihelp .mihelp-video {
  display: block;
  height: 364px;
  position: relative;
}
.mi .mihelp .mihelp-video &gt; img {
  display: block;
  margin: 0 auto;
}
.mi .mihelp .mihelp-video .butn {
  background-color: #f2f2f2;
  border-radius: 32px;
  bottom: 0;
  height: 144px;
  margin-top: 0;
  left: 0;
  padding: 90px 0 30px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.mi .mihelp .mihelp-list {
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          padding-top: 14px;
}
.mi .mihelp .mihelp-item {
  position: relative;
  padding: 24px 148px 30px 30px;
  margin-bottom: 24px;
  text-align: left;
  border-radius: 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 12px);
          flex: 0 0 calc(50% - 12px);
}
.mi .mihelp .mihelp-item &gt; img {
  width: 100px;
  height: 100px;
}
.mi .mihelp .mihelp-item:after {
  display: block;
  position: absolute;
  top: 41px;
  right: 24px;
  width: 100px;
  height: 100px;
  content: "";
}
.mi .mihelp .mihelp-item.help-1 {
  background-color: #EAF6FE;
}
.mi .mihelp .mihelp-item.help-1:after {
  background: url(../img/image/img-3-d-cs-service-move.png) no-repeat;
}
.mi .mihelp .mihelp-item.help-2 {
  background-color: #F7ECFF;
}
.mi .mihelp .mihelp-item.help-2:after {
  background: url(../img/image/img-3-d-cs-service-home.png) no-repeat;
}
.mi .mihelp .mihelp-item.help-3 {
  background-color: #FFF4E5;
  margin-bottom: 0;
}
.mi .mihelp .mihelp-item.help-3:after {
  background: url(../img/image/img-3-d-cs-service-self-inspection.png) no-repeat;
}
.mi .mihelp .mihelp-item.help-4 {
  background-color: #FFF9E5;
  margin-bottom: 0;
}
.mi .mihelp .mihelp-item.help-4:after {
  background: url(../img/image/ic-line-online-control.png) no-repeat;
}
.mi .mihelp .mihelp-item.help-3 .mihelp-item_tit {
  margin-top: 10px;
}
.mi .mihelp .mihelp-item:hover.help-1 {
  background-color: #d1edff;
}
.mi .mihelp .mihelp-item:hover.help-2 {
  background-color: #edd4ff;
}
.mi .mihelp .mihelp-item:hover.help-3 {
  background-color: #fff3cc;
}
.mi .mihelp .mihelp-item:hover.help-4 {
  background-color: #ffe4d9;
}
.mi .mihelp .mihelp-item_tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 700;
}
.mi .mihelp .mihelp-item_txt {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.mi .mihelp .mihelp-item .butn.link.big {
  position: initial;
}
.mi .mihelp .mihelp-item .butn.link.big:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/****/
.sub_help-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.sub_help-list .sub_help-item {
  position: relative;
  /* padding: 40px 220px 40px 40px; */
  margin-bottom: 24px;
  text-align: left;
  border-radius: 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 12px);
          flex: 0 0 calc(50% - 12px);
}
.sub_help-item:after {
  display: block;
  position: absolute;
  top: 100px;
  right: 40px;
  width: 140px;
  height: 140px;
  content: "";
  pointer-events: none;
}
.sub_help-list .sub_help-item .sub_help-link {display: block; padding: 40px 220px 127px 40px;}
.sub_help-item.help-1 {
  background-color: #EAF6FE;
}
.sub_help-item.help-1:after {
  background: url(../img/image/img_3d_cs_service_move_sub.png) no-repeat;
}
.sub_help-item.help-2 {
  background-color: #F7ECFF;
}
.sub_help-item.help-2:after {
  background: url(../img/image/ic_line_online_join_sub.png) no-repeat;
}
.sub_help-item.help-3 {
  background-color: #FFF4E5;
}
.sub_help-item.help-3:after {
  background: url(../img/image/img_3d_cs_service_selfinspection_sub.png) no-repeat;
}
.sub_help-item.help-4 {
  background-color: #FFF9E5;
}
.sub_help-item.help-4:after {
  right: 30px;
  width: 160px;
  background: url(../img/image/ic_line_online_control_sub.png) no-repeat;
}
.sub_help-item.help-5:after {
  right: 30px;
  background: url(../img/image/ic_line_online_join_2.png) no-repeat;
}
.sub_help-list.type_gray .sub_help-item {
  background-color: #F2F2F2 !important;
}
.sub_help-item.help-3 .sub_help-tit {
  margin-top: 10px;
}
.sub_help_btns {
  display: inline-block;
  padding-top: 24px;
}
.sub_help_btns.single {
  padding-top: 64px;
}
.sub_help_btns.single .butn  {
  position:initial;
}
.sub_help_btns.single .butn:before  {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sub_help-item .butn {
  display: block;
}
.sub_help-item .butn + .butn {
  margin-top: 20px;
}
.sub_help-item .butn.link ~ .link {
  margin-left: 0;
}
.sub_help-tit {
  font-size: 30px;
  line-height: 45px;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.sub_help-txt {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.long-inquiry_form {
  padding:38px 0 62px;
  border-top: 1px dashed #e4e4e4;
  text-align: center;
}
.long-inquiry_form .top_desc {
  display: block;
  padding: 14px 0 50px;
  font-size: 24px;
  font-weight: 400;
  color: #797979;
  text-align:center;
}
.long-inquiry_form .wrap_inquiry .input_inner {
  position: relative;
  width: 200px;
}
.long-inquiry_form .wrap_inquiry {
  width: 100%;
  display: flex;  
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.long-inquiry_form .input_box.three {
  width: 935px;
}
.long-inquiry_form .input_inner + .input_inner:before {
  display: block;
  position: absolute;
  top: 50%;
  left: -30px;
  width: 15px;
  height: 2px;
  background: #7f7f7f;
  margin-top: -1px;
  content:"";
}
.long-inquiry_form .input_inner + .input_inner.btn_inner:before {
  display: none;
}
.long-inquiry_form .input_inner input {
  height: 56px;
  padding: 12px;
  font-size: 18px;
  text-align: center;
}
.long-inquiry_form .bottom_desc {
  padding: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #797979;
}
.long-inquiry_form .bottom_desc .txt_deco {
  display: inline-block;
  padding:0 7px;
}

.evt_end_iframe {
  position:relative;
}
.evt_end_iframe .dimmed_iframe {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:100;
}
.dimmed {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  content: "";
  z-index: 900;
}

.ui_tab_self {display:flex; justify-content:flex-start;}
.ui_tab_self &gt; li + li {margin-left:5px;}
.bt_tab_self {display:inline-block; padding: 17px 20px; border: 1px solid #d9d9d9; border-radius: 50px; font-size: 18px; font-weight: 400; color: #000; line-height:24px;}
.bt_tab_self.active {background: #3617ce; border-color: #3617ce; color: #fff;}

/* 셀프서비스 */
.self_service_box {margin-bottom:40px; padding:40px; border:1px solid #e4e4e4; border-radius:32px;}
.self_service_box .title_s1 {text-align:left;}
.self_service_list {display:flex;}
.self_service_list .self_service_item {position:relative; min-width:250px; text-align:center;}
.self_service_list .self_service_item + .self_service_item {margin-left:30px;}
.self_service_list.line_type {justify-content: space-around; width:auto;}
.self_service_list.line_type .self_service_item {width:50%;}
.self_service_list.line_type .self_service_item + .self_service_item {margin-left:0;}
.self_service_list.line_type .self_service_item + .self_service_item:before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#E4E4E4;}
.self_service_txt,
.self_service_list .self_service_item dt {font-size:20px; font-weight:500; line-height:24px; color:#000;}
.self_service_list .self_service_item dd {margin-top:6px; font-size:16px; font-weight:400; line-height:24px; color:#797979;}
.self_service_list .self_service_item .self_service_img {display:block; margin:36px auto 0;}
.self_service_list .self_service_item .self_service_img + .btn {margin-top:40px;}
.self_service_list + .self_service_btn,
.title_s1 + .self_service_btn {margin-left:20px;}
.self_service_box .btn_title_wrap {display:flex; justify-content:flex-start;}      
.self_service_box .btn_title_wrap + .btn_title_wrap {margin-top:16px;}      
.title_s1 + .self_service_list,
.btn_title_wrap + .self_service_list {margin-top:40px;}
.self_service_box .btn {font-size:0;}      
.self_service_box .btn + .btn {margin-left:12px;}      
.self_service_box .btn &gt; a {display:block; height:40px; padding:0 20px; font-size:14px;  font-weight:500; background-color:#3617ce;  border-radius:6px; color: #fff; line-height:40px;}      

/* 메인 플로팅바 */
.floating.float_main .floating-wrap {width:410px; height:80px; padding:0 33px; border-radius: 50px 0 0 50px; opacity:1; background:linear-gradient(-75deg, #3617ce 40%, #590ABF); transition:all .3s ease;}
.floating.float_main.close .floating-wrap {width:150px; height:80px; padding:0 15px 0 28px; animation: main_flotingbox 1s ease-out infinite;}
.floating .self_service .close_item {display:none;}
.floating.close .self_service .close_item {display:block; visibility: visible;}
.floating.close .self_service .open_item {display:none; width:0;}
.floating .self_service .open_item {display:block; width:344px; transition:width .5s; transition-timing-function:ease-in}
.floating .self_service {position:initial;}
.floating .self_service a::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
@keyframes main_flotingbox {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

.modal .modal_sec + .modal_sec {margin-top:70px;}
.modal_sec .title_h3 {font-size:48px; font-weight:700; line-height:68px;}
.modal_sec .title_h4 {font-size:36px; font-weight:700; line-height:52px;}
.modal_gray_box {width:100%; padding:85px 0; border-radius:32px; background-color:#f2f2f2;}
.modal_gray_box h2 {font-size: 64px; font-weight: 700; color:#3617ce; line-height:84px;}
.modal_gray_box .txt {font-size:24px; color:#797979; line-height: 32px;}
.modal_sec .middle_txt {font-size:24px; color:#797979; line-height:32px;}
.modal_sec .aibtv_service_wrap {display:block;}
.modal_sec .aibtv_service_wrap .item {display: flex; align-items: center;}
.modal_sec .aibtv_service_wrap .item + .item {margin-top: 40px;}
.modal_sec .aibtv_service_wrap .item img {width:600px;}
.modal_sec .aibtv_service_wrap .item .service {margin-left:120px;}
.modal_sec .aibtv_service_wrap .item .service dt {font-size:30px; font-weight:700; color:#3617cd; line-height:42px;}
.modal_sec .aibtv_service_wrap .item .service dd {margin-top:20px; font-size:16px; color:#797979; line-height:24px;}
.modal_sec .btvpop_selection_reason_wrap .aibtv01 {background: url("../img/image/img_aibtv_service_01.png") left top no-repeat;}
.modal_sec .btvpop_selection_reason_wrap .aibtv02 {background: url("../img/image/img_aibtv_service_02.png") right top no-repeat;}
.modal_sec .arw_t {display:inline-block; width:24px; height:30px; margin-right:8px; background: url("../img/icon/ic_arw_title.png") left top no-repeat; background-size:100%;}
.modal_sec .btvpop_selection_reason_wrap {margin-top:20px;}
.modal_sec .aibtv_service_wrap .item .service sup {margin-top:4px; font-size:11px;}

.title_btn_wrap {position:relative;}
.title_btn_wrap .butn_wrap {position:absolute; top:16px; right:0;}

.layerbody_privacy .bull_list .square {word-break: keep-all;}

.img_btn_wrap {position:relative;}
.btn_link_apple {position:absolute; bottom:70px; right:180px; width:250px; height: 40px; font-size:0; text-indent: -9999px;}

/* wifi */
.section.wifi_sec {padding-bottom:0;}
.wifi_box_wrap {padding:60px; border-radius:32px; background-color:#f2f2f2;}
.wifi_box_wrap .title_wrap {margin-bottom:0;}
.wifi_box_list {display:flex; justify-content: space-between;}
.wifi_box_list .item {flex:1; position:relative; text-align: center; cursor:pointer;}
.wifi_box_list .item  + .item::before {content:''; position:absolute; top:66px; left:0; width:1px; height:140px; background-color:#c1c1c1;}
.wifi_box_list .item .txt {margin-top:40px; font-size:24px; color:#000; text-align:center; letter-spacing: -1px; line-height:36px;}
.wifi_box_wrap .title_wrap + .wifi_box_list,
.wifi_box_wrap .wifi_box_list + .video_wrap {margin-top:60px;} 
.wifi_sec .halfcont {padding:0 54px;}
.wifi_sec .halfcont + .halfcont {margin-top:80px;}
.wifi_sec .halfcont .sub-txt {font-size: 24px; color:#000; line-height: 36px; letter-spacing: -1px;}
.wifi_sec .tit-wrap .title_h3 + .b_txt {display:block; margin-top:10px; font-size:30px; font-weight:700;}
.wifi_sec .gnb-3depth_box .gnb-3depth_item.tab_link-btn &gt; a {font-size:20px; font-weight:400; color:#797979;}
.wifi_sec .gnb-3depth_box .gnb-3depth_item.tab_link-btn.active &gt; a {font-weight:700; color:#000;}

/* 240119 폰트 사이즈 수정 */
.wifi-item .rate_plan_price-tit {font-size: 16px; line-height: 24px; font-weight: normal; letter-spacing: -0.4px;}
.wifi-item .rate_plan_price-item {flex:1;}
.wifi-item .rate_plan_price-item + .rate_plan_price-item {margin-left:64px;}
.wifi-item .rate_plan_price-item + .rate_plan_price-item::before {left:-30px;}
.wifi-item .rate_plan_price-item .rate_plan_price {text-align: left;}
.wifi-item.type02 .rate_plan_price-item .rate_plan_price {text-align: center;}
.wifi-item.type02 .rate_plan-icons-wrap .rate_plan-icons-tit {visibility: hidden;}

.line_link.black {color:#000;}

/* 넷플릭스 */
.product-price-box {margin-top:20px;}
.rate_plan-item-wrap.style4 .rate_plan-item.type4 {height: 408px;}
.rate_plan-item-wrap.style4 .rate_plan-item.type4 .rate_plan_channel {margin-top:21px;}
.rate_plan-item-wrap.style4 .rate_plan-item.type4 .rate_plan-tit {margin-top:24px;}
.rate_plan-item-wrap.style4 .rate_plan-item.type4 .rate_plan_graph {padding:0 0 42px;}
.rate_plan-item-wrap.style4 .rate_plan-item.type4 .rate_plan_price {margin-bottom:9px;}
.halfcont.num_circle {flex-wrap:wrap; counter-reset:circle 0; padding:0 23px;}
.halfcont.num_circle .halfcont_item_txt {position:relative; height:48px; margin-top:20px; padding-left:28px; list-style:none; color:#797979;}
.halfcont.num_circle .halfcont_item_txt::before {position:absolute; top:0.2em; left:1em; counter-increment:circle 1; content: counter(circle); font-size: 0.8em;}
.halfcont.num_circle .halfcont_item_txt::after {content:''; position:absolute; top:0.2em; left:0.5em; display: inline-block; border: 1px solid #797979; border-radius: 50%; width: 1em; height: 1em;}
.halfcont .halfcont_item {width:50%; padding:0 17px;}
.halfcont .halfcont_item:nth-child(n + 3) {margin-top:60px;}
.netflix_box_wrap .title {font-size:18px; font-weight:700; line-height:24px; color:#000;}
.netflix_box_wrap .info_txt-item .info_box {margin-top:30px;}
.netflix_box_wrap .info_txt-item .info_box .info_title {font-size:16px; font-weight:700; line-height:24px; color:#000;}
.netflix_box_wrap .info_txt-item .info_box &gt; img {margin-top:10px;}
.netflix_box_wrap .info_txt-list + .title {margin-top:40px;}
.netflix_box_wrap .title + .info_txt-list {margin-top:20px;}
.rate_plan_graph.netflix_type {padding-bottom:24px;}
.butn_wrap + .rate_plan_price-wrap {margin-top:20px;}
.rate_plan_graph + .butn_wrap .butn.link,
.rate_plan-bot .butn_wrap .butn.link  {display:inline-block; font-size:14px; font-weight:700; color:#000; letter-spacing:-0.4px;}
/* 240527 아코디언 포커스 라인 지우기 */
.acdBtn:focus {outline: none;}
.mb0 {margin-bottom:0 !important;}
.ht-r-subbox-con.ht-plusbox-type {display:flex;}
.ht-r-subbox-con.ht-plusbox-type .ht-r-subbox-left {width:295px; padding-right:65px; text-align:center;}
.ht-r-subbox-con.ht-plusbox-type .ht-r-subbox-right {flex-direction:column; width:calc(100% - 295px); padding-left:65px; text-align:center;}
.ht-r-subbox-con.ht-plusbox-type .ht-r-subbox-left + .ht-r-subbox-right {position:relative; border-left:1px solid #e4e4e4;}
.ht-r-subbox-con.ht-plusbox-type .ht-r-subbox-left + .ht-r-subbox-right::before {content:''; position:absolute; top:50%; left:-25px; width:50px; height:50px; background:url('../img/icon/ic_plus_blue.svg') 0 0 no-repeat; background-size:100%; transform:translateY(-50%);}
.ht-r-subbox-con.ht-plusbox-type .ht-plus-list {margin-top:40px; width:100%;}
.ht-r-subbox-con.ht-plusbox-type .ht-plus-list .ht-plus-item {display:flex; flex-direction:column; justify-content:center; width:100%; height:286px; padding:40px; border:1px solid #e4e4e4; border-radius:32px;}
.ht-r-subbox-con.ht-plusbox-type .ht-plus-list .ht-plus-item.long-item {height:310px;}
.ht-r-subbox-con.ht-plusbox-type .ht-r-subbox-right .ht-plus-list .ht-plus-item {cursor:pointer;}
.ht-r-subbox-con.ht-plusbox-type .ht-plus-list .ht-plus-item.c_type {align-items:center;}
.ht-r-subbox-con.ht-plusbox-type .ht-plus-list .ht-plus-item + .ht-plus-item {margin-top:40px;}
.ht-r-subbox-con.ht-plusbox-type .ht-plus-list .ht-plus-item .ht-plus-icon {width:80px; height:80px;}
.ht-r-subbox-con.ht-plusbox-type .ht-plus-list .ht-plus-item .ht-plus-name.big-type {font-size:24px; font-weight:500;}
.ht-r-subbox-con.ht-plusbox-type .ht-plus-list .ht-plus-item .ht-plus-icon + .ht-plus-name.big-type {margin-top:46px;}
.ht-r-subbox-con.ht-plusbox-type .ht-plus-list .ht-plus-item .ht-plus-name.sm-type {font-size:18px; white-space:nowrap;}
.ht-r-subbox-con.ht-plusbox-type .ht-plus-list .ht-plus-item .ht-plus-name.sm-type + .ht-plus-icon {width:90px; height:90px; margin-top:auto;}
.ht-plus-item {text-align:left;}
.ht-plus-item .ht-plus-item-tit {font-size:30px; font-weight:700; line-height:42px;}
.ht-plus-item .ht-plus-item-txt {font-size:18px; line-height:26px;}
.ht-plus-ic-list {display:flex;}
.ht-plus-item-txt + .ht-plus-ic-list {margin-top:20px;}
.ht-plus-ic-list .ht-plus-ic-item {display:inline-flex; flex-direction:column; align-items:center; text-align:center;}
.ht-plus-ic-list .ht-plus-ic-item + .ht-plus-ic-item {margin-left:40px;}

.section .tit-wrap + .ht-r-subbox,
.section .tit-wrap + .acdtxt_wrap {margin-top:40px;}

.ht-dream-acdtype {display:none;}
.accordionbox-body.ht-dream-acdtype {padding-top:60px; border-top:1px dashed #e4e4e4;}
.ht-dream-acdtype .ht-r-subbox-left {margin-bottom:auto;}
.ht-dream-acdtype .ht-r-subbox-right .fare-item-list {display:flex; flex-direction:column; align-self:stretch;}
.ht-dream-acdtype .ht-r-subbox-right .fare-item-list:before {display:none;}
.ht-dream-acdtype .ht-r-subbox-right .fare-item-list + .fare-item-list {margin-left:40px;}
.ht-dream-acdtype .ht-r-subbox-right .fare-item-icon {width:100px;}
.ht-dream-acdtype .ht-r-subbox-right .fare-item-name + .fare-item-icon {margin-top:auto; padding-top:9px;}
.ht-dream-acdtype .ht-r-subbox-right .fare-item-icon img {padding:4px;}
.ht-dream-acdtype .dot_list-wrap {display:flex; margin-top:0; padding:40px; border:0; background-color:#f2f2f2;}
.ht-dream-acdtype .dot_list-wrap + .dot_list-wrap {margin-top:20px;}
.ht-dream-acdtype .dot_list-wrap .title_s1 {margin-bottom:14px;}
.ht-dream-acdtype .dot_list-wrap .title_s1 .badge {margin-top:2px;}
.ht-dream-acdtype .dot_list-wrap .dot_list_icon {min-width:120px; height:120px; margin-bottom:auto; border-radius:50%; background-color:#fff;}
.ht-dream-acdtype .dot_list-wrap .dot_list_icon &gt; img {width:100%; padding:6px;}
.ht-dream-acdtype .dot_list-wrap .dot_list_addinfo {position:absolute; top:40px; right:40px;}
.ht-dream-acdtype .dot_list-wrap .dot_list_addinfo.no_logo {display:flex; flex-direction:column; justify-content:center; height:calc(100% - 80px);}
.ht-dream-acdtype .dot_list-wrap .dot_list_addinfo .fare-price_num + .fare-price_num {margin-top:15px;}
.ht-dream-acdtype .dot_list-wrap .dot_list_addinfo .fare-price_num + .fare-price_txt {margin-top:10px;}
.ht-dream-acdtype .dot_list-wrap .dot_list_addinfo .fare-price_tit {font-size:30px; font-weight:500;}
.ht-dream-acdtype .dot_list-wrap .dot_list_addinfo .fare-addtxt {margin-right:10px; font-size:16px; font-weight:500; color:#000;}
.ht-dream-acdtype .dot_list-wrap .dot_list_logo {text-align:right;}
.ht-dream-acdtype .dot_list-wrap .dot_list_logo img {mix-blend-mode:multiply;}
.ht-dream-acdtype .dot_list-wrap .dot_list_logo img + img {margin-left:30px;}
.ht-dream-acdtype .dot_list-wrap .dot_list-item {position:relative; padding-left:30px;}
.ht-dream-acdtype .dot_list-wrap .dot_list_logo + .fare-price {margin-top:30px;}
.ht-dream-acdtype .dot_list-wrap .fare-price + .fare-price {margin-top:11px;}
.ht-dream-acdtype .dot_list-wrap .dot_list-tit {padding-bottom:6px;}
.ht-dream-acdtype .dot_list-wrap .dot_list .dot_item::before {margin-top:-5px;}
.ht-dream-acdtype .dot_list-wrap .dot_list .dot_item + .dot_item {margin-top:5px;}
.ht-dream-acdtype .dot_list-wrap .dot_item_banner {margin:10px 0 10px -12px;}
.ht-dream-acdtype .dot_list-wrap .dot_item_mhome {position:absolute; bottom:0; right:-214px; width:190px; mix-blend-mode:multiply;}
.star_list .star_item {position:relative; font-size: 16px; line-height: 24px; font-weight: normal; letter-spacing: -0.4px; color: #797979; padding-left: 12px;}
.star_list .star_item::before {content: "*"; display: inline-block; position:absolute; top:0; left:0; color:#797979;}

.acdtxt_wrap .accordionbox-bottom-out .accordionbox-bottom_btn { display: inline-block; padding-right: 21px; margin-top: 29px; text-align: center; width: 100%; } 
.acdtxt_wrap .accordionbox-bottom-out .accordionbox-bottom_btn.active span::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 
.acdtxt_wrap .accordionbox-bottom-out .accordionbox-bottom_btn span { font-size: 16px; line-height: 24px; font-weight: bold; letter-spacing: -0.4px; color: #797979; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.acdtxt_wrap .accordionbox-bottom-out .accordionbox-bottom_btn span:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url("../img/icon/ic-arrow-normal.svg") 0 0/100%; margin-left: 1px; -webkit-transform: rotate(0); transform: rotate(0);} 

.btn.blueline_type {display:flex; align-items:center; justify-content:center; width:264px; padding:10px 20px; border:1px solid #3617ca; border-radius:6px; font-size:14px; font-weight:500;}
.title_h4 + .btn.blueline_type {margin-top:20px;}
.dreamline_box {display:flex; justify-content:space-between;}
.tit-wrap + .dreamline_box {margin-top:40px;}
.dreamline_box .dreamline_item {display:block; position:relative; width:100%; padding:44px 30px; border:1px solid #e4e4e4; border-radius:32px;}
.dreamline_box .dreamline_item + .dreamline_item {margin-left:24px;}
.dreamline_box .dreamline_item .dreamline_txt_box {}
.dreamline_box .dreamline_item .dreamline_txt_box .dreamline_item_name {font-size:30px; font-weight:700; line-height:42px;}
.dreamline_box .dreamline_item .dreamline_txt_box .dreamline_item_txt {margin-top:11px; font-size:18px; line-height:27px; color:#797979;}
.dreamline_box .dreamline_item .dreamline_imgbox {position:absolute; top:50%; right:40px; width:80px; height:80px; transform:translateY(-50%);}
.dreamline_box.img_full .dreamline_txt_box {pointer-events:none;}
.dreamline_box.img_full .dreamline_imgbox {width:120px; pointer-events:none;}
.dreamline_box.img_full .dreamline_imgbox.plus_type img {width:100%; padding:14px;}
.dreamline_box.img_full .dreamline_imgbox.plus_type {display:flex; width:auto; top:40px; transform:none;}
.dreamline_box.img_full .dreamline_imgbox.plus_type .dreamline_imgbox_item {width:130px; text-align:center;}
.dreamline_box.img_full .dreamline_imgbox.plus_type .dreamline_imgbox_item + .dreamline_imgbox_item {position:relative;}
.dreamline_box.img_full .dreamline_imgbox.plus_type .dreamline_imgbox_item + .dreamline_imgbox_item::before {content:''; position:absolute; top:50%; left:-8px; width:16px; height:16px; background:url('../img/icon/ic_plus03.svg') 0 0 no-repeat; background-size:100%; transform:translateY(-50%);}
.dreamline_box.img_full .dreamline_imgbox.plus_type .dreamline_imgbox_item .dreamline_item_icon {display:inline-block; width:78px; height:78px; border-radius:50%; background-color:#f5f5f5;}
.dreamline_box.img_full .dreamline_imgbox.plus_type .dreamline_imgbox_item .dreamline_item_name {display:block; margin-top:8px; font-size:14px; line-height:21px; text-align:center;}

/* 240704 넷플릭스서비스조회 배너 */
.netflix_banner_box {display: block; padding: 60px 0; background: #000; text-align: center; border-radius: 32px;}
.netflix_banner_box .netflix_banner_tit {font-size: 48px; line-height: 68px; font-weight: 700; color: #fff;}
.netflix_banner_box .netflix_banner_txt {margin-top: 40px; font-size: 30px; line-height: 42px; font-weight: 700; color: #fff;}

/* 개인정보 처리방침 */
.policy_section {}
.policy_section .txt3.black {color:#000;}
.policy_section .title_h2 + .txt3 {margin-top:20px;}
.policy_section .txt3 + .title_h4 {margin-top:60px;}
.policy_section .title_h4 + .labelingbox_wrap {margin-top:40px;}
.policy_section .labelingbox_wrap {display:flex; justify-content:center;}
.policy_section .labelingbox_wrap + .labelingbox_wrap {margin-top:15px;}
.policy_section .labelingbox_wrap .labelingbox {position:relative; width:390px; padding:40px; border-radius:32px; background-color:#f2f2f2; text-align:center;}
.policy_section .labelingbox_wrap .labelingbox .tolltips_btn {position:absolute; top:0; left:0; width:100%; height:100%; background:none; text-indent:-9999px;}
.policy_section .labelingbox_wrap .labelingbox .tool_txt {margin-top:10px; font-size:24px; font-weight:500;}
.policy_section .labelingbox_wrap .labelingbox + .labelingbox {margin-left:15px;}
.policy_section .labelingbox_wrap .labelingbox::before {content:''; display:inline-block; position:relative; width:100px; height:100px; background-size:100%;}
.policy_section .labelingbox_wrap .labelingbox.label_1::before {background:url('../img/icon/policy_label_01.svg') center top no-repeat;}
.policy_section .labelingbox_wrap .labelingbox.label_2::before {background:url('../img/icon/policy_label_02.svg') center top no-repeat;}
.policy_section .labelingbox_wrap .labelingbox.label_3::before {background:url('../img/icon/policy_label_03.svg') center top no-repeat;}
.policy_section .labelingbox_wrap .labelingbox.label_4::before {background:url('../img/icon/policy_label_04.svg') center top no-repeat;}
.policy_section .labelingbox_wrap .labelingbox.label_5::before {background:url('../img/icon/policy_label_05.svg') center top no-repeat;}
.policy_section .labelingbox_wrap .labelingbox.label_6::before {background:url('../img/icon/policy_label_06.svg') center top no-repeat;}
.policy_section .tolltips_box {left:50%; top:190px; width:500px; text-align:left;} 
.policy_section .tolltips_box .str {font-size:16px; font-weight:700;}
.policy_section .tolltips_box .str + .str {margin-top:26px;}
.policy_section .tolltips_box .str + .tolltips_bull {margin-top:10px;}
.policy_section .tolltips_box .tolltips_bull {position:relative; padding-left:12px; font-size:16px;}
.policy_section .tolltips_box .tolltips_bull::before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:100%; background-color:#000;}
.policy_section .tolltips_box .tolltips_bull + .tolltips_bull {margin-top:3px;}
.policy_section .tolltips_box .tolltips_bull + .essential {margin-top:10px;}
.policy_section .tolltips_box .essential {position:relative; padding-left:22px; font-size:14px; color:#797979;}
.policy_section .tolltips_box .essential::before {content:'※'; position:absolute; top:0; left:0; font-family:'roboto'; line-height:19px;}
.policy_section .labelingbox_wrap + .txt6 {margin-top:30px; padding-left:60px;}
.policylist_wrap {display:flex; justify-content:space-between; padding:60px 54px; border:1px solid #e4e4e4; border-radius:32px;}
.policylist_wrap .policylist_half {min-width:50%;}
.policylist_wrap .policylist_half .list {display:block; font-size:20px; font-weight:700; line-height:24px; color:#303030;}
.policylist_wrap .policylist_half .list:hover {color:#3617ce;}
.policylist_wrap .policylist_half .list + .list {margin-top:10px;}
.policylist_wrap .policylist_half .list .num {display:inline-block; width:30px; margin-right:5px; font-weight:700; text-align:right;}
.policy_section .table_wrap tbody td, 
.policy_section .table_wrap tfoot td {text-align:left;}
.private_list {display:flex; justify-content:space-between;}
.personal_info .info_txt + .private_list {width:1200px; margin:30px auto 0;}
.private_list .item {width:25%;}
.private_list .item .item_tit {font-size:30px; font-weight:700; text-align:center;}
.private_list .item .item_tit .item_img {display:block; width:195px; height:141px; margin:20px auto 0; background-position:center 0; background-size:100%; background-repeat:no-repeat;}
.private_list .item .item_tit .item_img.type01 {background-image:url('../img/icon/icon_private_01.png');}
.private_list .item .item_tit .item_img.type02 {background-image:url('../img/icon/icon_private_02.png');}
.private_list .item .item_date {margin-top:20px; font-size:18px; text-align:center;}
.butn.outline.outline02 {border-color: #3617ce; color: #303030;}

.ui_policy_tab {display:flex; justify-content:space-between; align-items:center; margin-top:40px;}
.ui_policy_tab .tab {display:flex; justify-content:center; align-items:center; flex-direction:column; width:230px; height:230px; border-radius:50%; background-color:#f2f2f2;}
.ui_policy_tab .tab + .tab {margin-left:20px;}
.ui_policy_tab .tab.active {width:280px; height:280px; background-color:#2617ca;}
.ui_policy_tab .tab .txt {margin-top:10px; font-size:24px; color:#000;}
.ui_policy_tab .tab.active .txt {margin-top:15px; font-size:34px; font-weight:700; color:#fff;}
.ui_policy_tab .tab::before {content:''; display:block; width:80px; height:80px; background-size:100%; transition: all .2s ease-in;}
.ui_policy_tab .tab.active::before {width:100px; height:100px; background-repeat:no-repeat;}
.ui_policy_tab .tab.tab_01::before {background-image:url('../img/icon/ui_policy_01_off.svg'); }
.ui_policy_tab .tab.tab_02::before {background-image:url('../img/icon/ui_policy_02_off.svg');}
.ui_policy_tab .tab.tab_03::before {background-image:url('../img/icon/ui_policy_03_off.svg');}
.ui_policy_tab .tab.tab_04::before {background-image:url('../img/icon/ui_policy_04_off.svg');}
.ui_policy_tab .tab.tab_05::before {background-image:url('../img/icon/ui_policy_05_off.svg');}
.ui_policy_tab .tab.tab_01.active::before {background-image:url('../img/icon/ui_policy_01_on.svg');}
.ui_policy_tab .tab.tab_02.active::before {background-image:url('../img/icon/ui_policy_02_on.svg');}
.ui_policy_tab .tab.tab_03.active::before {background-image:url('../img/icon/ui_policy_03_on.svg');}
.ui_policy_tab .tab.tab_04.active::before {background-image:url('../img/icon/ui_policy_04_on.svg');}
.ui_policy_tab .tab.tab_05.active::before {background-image:url('../img/icon/ui_policy_05_on.svg');}

.ui_policy_cont {margin-top:60px;}
.ui_policy_cont .essential {font-family:'roboto';}
.ui_policy_cont .cont {display:none;}
.ui_policy_cont .cont.active {display:block;}
.ui_policy_cont .cont .policy_tit {font-size:40px; font-weight:700; text-align:center;}
.ui_policy_cont .cont .policy_list {margin-top:40px;}
.ui_policy_cont .cont .policy_list .item .tit {font-size:20px; font-weight:700; text-align:center;}
.ui_policy_cont .cont .policy_list .item .txt {font-size:16px; text-align:center;}
.ui_policy_cont .cont .policy_list .item .tit + .txt {margin-top:10px;}
.ui_policy_cont .cont .policy_list .item .add_info {font-size:14px; color:#797979; text-align:center;}
.ui_policy_cont .cont .policy_list .item .txt + .add_info {margin-top:5px;}
.ui_policy_cont .cont .policy_list.type01 {display:flex; justify-content:space-between; padding:60px 144px; border:1px solid #e4e4e4; border-radius:32px;}
.ui_policy_cont .cont .policy_list.type01 .item::before {content:''; display:block; width:110px; height:110px; margin:0 auto 20px; background-size:100%; background-position:0; background-repeat:no-repeat;}
.ui_policy_cont .cont .policy_list.type01 .item.ico_01::before {background-image:url('../img/icon/ui_policy_cont_01.svg');}
.ui_policy_cont .cont .policy_list.type01 .item.ico_02::before {background-image:url('../img/icon/ui_policy_cont_02.svg');}
.ui_policy_cont .cont .policy_list.type01 .item.ico_03::before {background-image:url('../img/icon/ui_policy_cont_03.svg');}
.ui_policy_cont .cont .policy_list.type02 {margin-top:60px;}
.ui_policy_cont .cont .policy_list.type02::before {content:''; display:block; width:622px; height:647px; margin:0 auto; background:url('../img/icon/ui_policy_cont_graph.svg') 0 0 no-repeat;}
.ui_policy_cont .cont .policy_list.type03 {display:flex; justify-content:space-between; flex-wrap:wrap; padding:64px 200px; border:1px solid #e4e4e4; border-radius:32px;}
.ui_policy_cont .cont .policy_list.type03 .item {display:flex; flex-direction:column; justify-content:center; position:relative; width:406px; height:110px; padding-left:130px;}
.ui_policy_cont .cont .policy_list.type03 .item .tit {text-align:left;}
.ui_policy_cont .cont .policy_list.type03 .item .txt {text-align:left;}
.ui_policy_cont .cont .policy_list.type03 .item .add_info {margin-left:6px; text-align:left; font-weight:400;}
.ui_policy_cont .cont .policy_list.type03 .item:nth-child(n + 3) {margin-top:56px;}
.ui_policy_cont .cont .policy_list.type03 .item::before {content:''; display:block; position:absolute; top:0; left:0; width:110px; height:110px; background-size:100%; background-position:0; background-repeat:no-repeat;}
.ui_policy_cont .cont .policy_list.type03 .item.ico_01::before {background-image:url('../img/icon/ui_policy_cont_04.svg');}
.ui_policy_cont .cont .policy_list.type03 .item.ico_02::before {background-image:url('../img/icon/ui_policy_cont_05.svg');}
.ui_policy_cont .cont .policy_list.type03 .item.ico_03::before {background-image:url('../img/icon/ui_policy_cont_06.svg');}
.ui_policy_cont .cont .policy_list.type03 .item.ico_04::before {background-image:url('../img/icon/ui_policy_cont_07.svg');}
.ui_policy_cont .cont .policy_list.type04 {display:flex; justify-content:space-between; padding:60px 0; border:1px solid #e4e4e4; border-radius:32px;}
.ui_policy_cont .cont .policy_list.type04 .item {width:100%;}
.ui_policy_cont .cont .policy_list.type04 .item + .item {position:relative;}
.ui_policy_cont .cont .policy_list.type04 .item + .item::before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#e4e4e4;}
.ui_policy_cont .cont .policy_list.type04 .item .ico {display:block; width:110px; height:110px; margin:20px auto 0; background-size:100%; background-position:0; background-repeat:no-repeat;}
.ui_policy_cont .cont .policy_list.type04 .item.ico_01 .ico {background-image:url('../img/icon/ui_policy_cont_08.svg');}
.ui_policy_cont .cont .policy_list.type04 .item.ico_02 .ico {background-image:url('../img/icon/ui_policy_cont_09.svg');}
.ui_policy_cont .cont .policy_list.type04 .item.ico_03 .ico {background-image:url('../img/icon/ui_policy_cont_10.svg');}
.ui_policy_cont .cont .policy_list.type04 .item.ico_04 .ico {background-image:url('../img/icon/ui_policy_cont_11.svg');}
.ui_policy_cont .cont .policy_list.type04 .item.ico_05 .ico {background-image:url('../img/icon/ui_policy_cont_12.svg');}
.ui_policy_cont .cont .policy_list.type04 .item .ico + .add_info {margin-top:10px;}

.private_box {margin-top:60px; padding:60px; border-radius:32px; background-color:#f2f2f2;}
.private_box .private_tit {font-size:40px; font-weight:700; text-align:center;}
.private_box .whitebox + .private_tit {margin-top:60px;}
.private_box .private_txt {margin-top:10px; font-size:24px; text-align:center;}
.private_box .whitebox{padding:60px 82px; border-radius:32px; background-color:#fff;}
.private_box .private_txt + .whitebox{margin-top:40px;}
.private_box .private_depart .depart {position:relative; min-height:140px; padding-left:185px; padding-top:15px;}
.private_box .private_depart .depart::before {content:''; display:block; position:absolute; top:0; left:0; width:140px; height:140px; background-size:100%; background-position:0; background-repeat:no-repeat;}
.private_box .private_depart .depart:nth-child(1)::before {background-image:url('../img/icon/ui_private_01.svg');}
.private_box .private_depart .depart:nth-child(2)::before {background-image:url('../img/icon/ui_private_02.svg');}
.private_box .private_depart .depart + .depart {margin-top:40px;}
.private_box .private_depart .depart .tit {font-size:18px; font-weight:700;}
.private_box .private_depart .depart .list {font-size:18px;}
.private_box .private_depart .depart .tit + .list {margin-top:5px;}
.private_box .private_depart .depart .list li + li {margin-top:4px;}
.private_box .private_depart .depart .list .link {position:relative;}
.private_box .private_depart .depart .list .link::after {content:''; position:absolute; bottom:-1px; left:50%; width:calc(100% - 10px); height:1px; background-color:#000; transform:translateX(-50%);}</pre></body></html>