@charset "utf-8";
area {
  color: "#00ff00"
}

/* 후원하기 공통*/
.donate_wrapper {
  position: relative;
}

.donate_wrapper .size1 {
  text-align: center;
}

.donate_banner {
  padding: 126px 0 125px;
  text-align: center;
  margin-top: 40px;
  color: #fff;
}

.donate_banner strong {
  display: block;
  font-size: 24px;
  color: #fff;
  font-weight: normal;
}

.donate_banner span.name {
  font-size: 17px;
  display: block;
  font-weight: 100;
  margin-top: 8px;
}

.donate_banner .btn {
  margin-top: 22px;
}

.donate_banner.regular {
  background-image: url(../images/donate/bg_donate_banner_01.jpg);
}

.donate_banner.irregular {
  background-image: url(../images/donate/bg_donate_banner_02.jpg);
}

.donate_banner.company {
  background-image: url(../images/donate/bg_donate_banner_03.jpg);
  padding: 111px 0 111px
}

.sec_donate {
  padding: 60px 0;
}

.sec_donate.gray {
  background-color: #f9f9fa;
}

.sec_donate .hd + .table_type_02,.sec_donate .estimate_wrapper {
  margin-top: 40px;
}

.sec_donate .note,.guide_text .note {
  display: block;
  padding-left: 8px;
  position: relative;
  font-size: 15px;
  color: #888888;
  margin-top: 12px;
}

.sec_donate .note:before,.guide_text .note:before {
  content: '*';
  color: #888888;
  font-size: 15px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 5px;
}

.sec_donate .faq_wrapper {
  margin-top: 40px;
}

ho .sec_donate .faq_wrapper .list_faq .title_quest a {
  padding-left: 80px;
}

.sec_donate.st01, .support2020 .sec_donate.st01, .support2020 .sec_donate.st01.gray {
  padding: 100px 0;
}

.form_area dd .ars_txt {
  font-weight: normal;
  font-size: 17px;
  color: #00b551;
  margin-bottom: 8px;
  display: block;
}

/* 정기후원, 일시후원 */
.use_list {
  margin-top: 40px;
}

.use_list ul {
  overflow: hidden;
}

.use_list li {
  float: left;
  width: 380px;
  margin-left: 20px;
  text-align: center;
}

.use_list li:first-child {
  margin-left: 0;
}

.use_list li strong {
  display: block;
  color: #000000;
  font-weight: normal;
  margin-top: 15px;
}

.use_list li p {
  padding-top: 4px;
}

.use_list li .note {
  display: inline-block;
}

.use_list li .thumbnail {
  position: relative;
  width: 380px;
  height: 214px;
  overflow: hidden;
}

.use_list li .thumbnail .desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.7);
  line-height: 40px;
  color: #fff;
  font-size: 15px;
  padding: 0 10px;
}

/*** 2018.04.16 정기후원, 일시후원 상단 박스 수정 ***/
.donate_box {
  width: 1180px;
  margin: 35px auto 60px auto;
  overflow: hidden;
}

.donate_box .box_left {
  display: block;
  float: left;
  width: 590px;
  height: 320px;
}

.donate_box .box_right {
  display: block;
  float: left;
  width: 510px;
  height: 178px;
  background-color: #00b551;
  padding: 71px 40px;
  text-align: center;
}

.donate_box .box_right span {
  color: #ffffff;
  font-size: 15px;
  font-weight: normal;
}

.donate_box .box_right p {
  color: #ffffff;
  letter-spacing: -0.06em;
  font-size: 24px;
  font-weight: bold;
}

.donate_box .box_right p + p {
  margin-top: 14px;
}

/*** 2018.04.16 정기후원, 일시후원 하단 리스트 수정 ***/
.donate_list {
  text-align: center;
  margin-top: 20px;
}

.donate_list ul {
  display: inline-block;
}

.donate_list ul li {
  position: relative;
  width: 227px;
  height: 242px;
  border: 4px solid #e9e9e9;
  margin-left: 20px;
  margin-top: 20px;
  float: left;
  padding: 25px 20px 25px 25px;
  text-align: left;
  word-break: keep-all;
  word-wrap: normal;
}

.donate_list ul li:first-child, .donate_list ul li:nth-child(5) {
  margin-left: 0
}

.donate_list ul li strong {
  display: block;
  font-weight: normal;
  color: #000000;
  padding-bottom: 15px;
}

.donate_list ul li p span, .donate_list ul li .note {
  margin-top: 5px;
  font-size: 13px;
  line-height: 18px;
  display: block;
}

.list_thumb {
  content: '';
  position: absolute;
  background: url(../images/donate/sp_donate_list.png) no-repeat;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  width: 56px;
  height: 56px;
  bottom: 25px;
  left: 50%;
  margin-left: -28px;
}

.list_thumb.s1 {
  background-position: 0 0;
}

.list_thumb.s2 {
  background-position: 17% 0;
}

.list_thumb.s3 {
  background-position: 34% 0;
}

.list_thumb.s4 {
  background-position: 51% 0;
}

.list_thumb.s5 {
  background-position: 68% 0;
}

.list_thumb.s6 {
  background-position: 85% 0;
}

.list_thumb.s7 {
  background-position: 101% 0;
}

.note.sl:before {
  content: "-";
  top: 0px
}

.donate_noti {
  margin-top: 22px;
  text-align: center;
  font-weight: normal;
  border: 2px solid #fff;
  color: #fff;
  font-size: 17px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 48px;
  padding: 5px 20px
}

/* 띠배너 */
.band_banner_wrapper {
  height: 100px;
  position: relative;
  width: 100%;
  background: #f9f9fa;
}

.band_banner_wrapper.active .donate_band_banner {
  position: fixed;
  bottom: 0;
}

.band_banner_wrapper.active_bottom .donate_band_banner {
  position: relative;
  bottom: 0;
}

.donate_band_banner {
  z-index: 4;
  background: #00b551;
  color: #fff;
  padding: 30px 0;
  position: fixed;
  left: 0;
  right: 0;
  height: 40px;
  transition: bottom .3s;
  -webkit-transition: bottom .3s;
  bottom: -100px;
}

.donate_band_banner .inner {
  overflow: hidden;
  padding: 0 40px;
  width: 1100px;
}

.donate_band_banner strong {
  display: block;
  font-size: 20px;
  font-weight: normal;
  float: left;
  line-height: 40px;
}

.donate_band_banner .btn {
  float: right;
  background-color: #fff;
  border: 2px solid #fff;
  color: #00b551;
}

.donate_band_banner .btn:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #00b551;
}

.donate_band_banner .btn span {
  font-weight: normal;
}

/* 결연후원 2018.04.10 수정 */
.sec_bonding {
  padding: 0 0 60px;
  text-align: center;
}

.sec_bonding.domestic {
  padding: 0 0 80px;
}

.bonding_vbox {
  overflow: hidden;
}

.bonding_vbox .vbox_left {
  display: block;
  float: left;
  width: 590px;
  height: 332px;
}

.bonding_vbox .vbox_right {
  display: block;
  float: left;
  width: 510px;
  height: 208px;
  background-color: #00b551;
  padding: 62px 40px;
  text-align: left;
}

.bonding_vbox .vbox_right.domestic {
  width: 510px;
  height: 152px;
  padding: 90px 40px;
}

.bonding_vbox .vbox_right strong {
  display: block;
  color: #ffffff;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: -0.07em;
  margin-bottom: 11px;
}

.bonding_vbox .vbox_right p {
  color: #ffffff;
  letter-spacing: -0.07em;
}

.bonding_vbox .vbox_right p + p {
  margin-top: 14px;
}

.bonding_list {
  padding: 34px 0 0;
}

.bonding_list ul {
  overflow: hidden;
}

.bonding_list ul li strong {
  display: block;
  color: #000000;
  font-weight: normal;
}

.bonding_list ul li p {
  margin-top: 7px;
  letter-spacing: -0.07em
}

.bonding_list.col04 ul li {
  width: 280px;
}

.bonding_list.col03 ul li {
  width: 380px;
}

.bonding_list ul li:first-child {
  margin-left: 0
}

.bonding_list ul li {
  text-align: left;
  float: left;
  position: relative;
  margin-left: 20px;
}

.bonding_list ul li:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 100px;
  background-color: #e9e9e9;
}

.bonding_list.col03 ul li:after {
  height: 76px;
}

.bonding_list ul li:last-child:after {
  display: none;
}

.bonding_step {
  margin-top: 40px;
}

.hd + .donate_benefit {
  margin-top: 40px;
}

.donate_benefit > ul > li {
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
}

.donate_benefit > ul {
  border-top: 2px solid #222222;
}

.donate_benefit .thumbnail {
  float: left;
  margin-right: 40px;
  width: 240px;
  height: 140px;
  overflow: hidden;
  background-color: gray
}

.donate_benefit .desc {
  overflow: hidden;
  min-height: 140px;
}

.donate_benefit .desc strong {
  display: block;
  font-weight: normal;
  color: #000;
  margin-bottom: 10px;
}

.donate_benefit .desc p {
  overflow: hidden;
  margin-bottom: 8px;
}

.donate_benefit .desc p.send {
  color: #00b551;
  margin-top: 8px;
  font-weight: normal;
}

.donate_benefit .desc .note {
  margin-top: 6px;
}

/* 맞춤후원 */
.spacial_banner_area {
  height: 340px;
  margin-bottom: 60px;
}

.spacial_banner_slide {
  width: 870px;
  float: left;
}

.spacial_banner_slide li {
  position: relative;
  width: 870px;
  height: 340px;
  overflow: hidden;
}

.spacial_banner_slide li img {
  width: 870px;
  height: 340px;
}

.spacial_banner_slide li a:before {
  display: block;
  content: "";
  clear: both;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.spacial_banner_slide .bx-controls {
  margin-top: -20px;
}

.spacial_small_banner {
  width: 300px;
  float: left;
  margin-left: 10px;
}

.spacial_small_banner li {
  width: 300px;
  height: 165px;
  overflow: hidden;
  position: relative;
}

.spacial_small_banner li:before {
  display: block;
  content: "";
  clear: both;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.spacial_small_banner li.rd_banner {
  margin-top: 10px;
}

.spacial_small_banner li img {
  width: 300px;
  height: 165px;
}

.spacial_donate_list {
  margin-bottom: 20px;
}

.spacial_donate_list ul {
  overflow: hidden;
  margin-left: -20px;
}

.spacial_donate_list li {
  width: 280px;
  position: relative;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}

.spacial_donate_list .thumbnail {
  width: 280px;
  height: 340px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.spacial_donate_list .title {
  position: absolute;
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 18px 20px;
}

.spacial_donate_list .title .category {
  font-size: 14px;
  font-weight: 100;
  color: #fff;
  display: inline-block;
  margin-bottom: 5px
}

.spacial_donate_list .title .category.label {
  background-color: #00b551;
  height: 25px;
  line-height: 25px;
  width: inherit;
  padding: 0 10px
}

.spacial_donate_list .title .category.label.campaign {
  background-color: #ff6567
}

.spacial_donate_list .title .campaign_title {
  position: relative;
  font-size: 15px;
  font-weight: 100;
  margin-left: 10px
}

.spacial_donate_list .title strong {
  display: block
}

.spacial_donate_list .thumbnail .title {
  opacity: 1;
  transition: all 0.2s ease-out;
}

.spacial_donate_list a:hover .thumbnail .title {
  opacity: 0;
  bottom: -10px;
}

.spacial_donate_list .thumbnail:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 170px;
  background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
  background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8));
  background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8));
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));
}

.spacial_donate_list .hover_area {
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  background-color: #01b552;
  color: #fff;
  overflow: hidden;
  padding: 15px 19px 70px 19px;
  transition: bottom 0.4s ease-out;
}

.spacial_donate_list .hover_area .title {
  position: relative;
  padding: 0;
}

.spacial_donate_list .hover_area .category {
  font-size: 15px
}

.spacial_donate_list .hover_area p {
  font-size: 15px;
  font-weight: 100;
  color: #fff;
}

.spacial_donate_list .hover_area .special_cont {
  margin-top: 10px;
  overflow: hidden;
  width: 240px;
  max-height: 92px;
  white-space: normal;
  position: relative;
}

.spacial_donate_list .hover_area .special_cont:after {
  content: '...';
  letter-spacing: 1px;
  position: absolute;
  right: 12px;
  bottom: 10px;
  line-height: 70%;
  color: #fff;
  font-size: 20px;
  z-index: 1;
}

.spacial_donate_list .hover_area .special_cont p {
  position: relative;
  width: 210px;
  z-index: 3;
}

.spacial_donate_list .hover_area .special_cont p:after {
  content: '';
  position: absolute;
  right: -25px;
  bottom: 0;
  width: 25px;
  height: 20px;
  background-color: #01b552;
}

.spacial_donate_list .hover_area .more_text {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 15px;
  color: #fff;
}

.spacial_donate_list .hover_area .campaign_title:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 15px;
  background-color: #4dcb86;
  left: -5px;
  top: 5px;
}

.spacial_donate_list .hover_area .sp_comm {
  background-position: -18px 0;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.spacial_donate_list .hover_area .btn_more {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #fff;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 48px;
  line-height: 30px;
  width: 80px;
  box-sizing: border-box;
  background-color: #00b551;
  text-align: center;
}

.spacial_donate_list a:hover .hover_area {
  bottom: 0;
}

.spacial_donate_list a:hover .thumbnail p {
  opacity: 0;
  bottom: -10px;
  transition: all 0.2s ease-out;
}

/* 191004 맞춤후원 고도화 */
.spacial_donate_list.new_speacial li {
  width: 380px;
}

.spacial_donate_list.new_speacial li a {
  position: relative;
  display: block;
  border: 1px solid #ddd
}

.spacial_donate_list.new_speacial li a .hover_box {
  border: 1px solid #00b551;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  overflow: hidden
}

.spacial_donate_list.new_speacial li a:hover .hover_box {
  display: block
}

.spacial_donate_list.new_speacial li a:hover {
  border-color: #00b551
}

.spacial_donate_list.new_speacial li a .new_speacial_box {
  display: block;
  overflow: hidden
}

.spacial_donate_list.new_speacial li a .new_speacial_box .new_thum img {
  width: 100%;
  height: 250px;
}

.spacial_donate_list.new_speacial li a .new_speacial_box .new_speacial_text {
  padding: 18px 20px 20px;
}

.spacial_donate_list.new_speacial li a .new_speacial_box .new_speacial_text .new_cate {
  font-size: 14px;
  color: #666
}

.spacial_donate_list.new_speacial li a .new_speacial_box .new_speacial_text .new_cate span {
  display: inline-block;
  vertical-align: middle;
  max-width: 40%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.spacial_donate_list.new_speacial li a .new_speacial_box .new_speacial_text .new_cate span.line {
  margin-left: 5px;
  margin-right: 5px;
  width: 1px;
  height: 15px;
  background: #ebebeb;
  position: relative;
  top: 2px
}

.spacial_donate_list.new_speacial li a .new_speacial_box .new_speacial_text .new_title {
  font-size: 20px;
  color: #333;
  margin-top: 5px;
  font-weight: 700;
  /*text-overflow:ellipsis;*/
  white-space: nowrap;
  overflow: hidden
}

.spacial_donate_list.new_speacial li a .new_speacial_box .new_speacial_text .new_more {
  text-align: right;
  line-height: 1em;
  margin-top: 15px;
}

.spacial_donate_list.new_speacial li a .new_speacial_box .new_speacial_text .new_more span.more_text {
  font-size: 14px;
  color: #00b551;
  position: relative
}

.spacial_donate_list.new_speacial li a .new_speacial_box .new_speacial_text .new_more span.more_text span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 12px;
}

/*.spacial_donate_list.new_speacial li a .new_speacial_box .new_speacial_text .new_more span.more_text span + span { background:url(../../images/donate/special_arrow.png) no-repeat; width:7px; height:12px; margin-left:5px; background-size:7px}*/
.spacial_donate_list.new_speacial li a .new_speacial_box .new_speacial_text .new_more span.more_text span + span {
  position: absolute;
  top: 64%;
  right: 0;
  width: 6px;
  height: 6px;
  padding: 0;
  -webkit-transform: translate(-50%,-50%) scaleX(.8) rotate(45deg);
  -ms-transform: translate(-50%,-50%) scaleX(.8) rotate(45deg);
  transform: translate(-50%,-50%) scaleX(.8) rotate(45deg);
  margin-left: -2px;
  border-top: 1px solid #00b551;
  border-right: 1px solid #00b551;
}

.board_view_wrapper.special_view {
  padding-bottom: 0;
}

.board_view_wrapper.special_view .board_view {
  border-top: none;
}

.board_view_wrapper.special_view .view_cont {
  padding-bottom: 70px !important;
  -webkit-touch-callout: none;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}

.special_view .btn_sponsor {
  position: fixed;
  bottom: 50px;
  right: 100px;
  background: url(../images/donate/fixed_sponsor.png) 0 0 no-repeat;
  width: 130px;
  height: 130px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  z-index: 10;
  background-position: -130px 0;
}

.special_view .btn_sponsor:hover {
  background-position: -130px 0;
}

.special_view .btn_sponsor.campaign221220 {
  width: 140px;
  height: 242px;
  background: none;
  overflow: inherit;
}

.special_view .btn_sponsor.campaign221220 img {
  margin: -3px -7px -5px -3px;
}

.special_view .btn_sponsor.campaign221220.btn_effect01:before {
  border: 6px solid transparent;
  border-radius: 18px;
  box-sizing: border-box;
}

.special_view .btn_sponsor.campaign221220.btn_effect01:hover:before {
  border-color: #188d59;
}

/*.special_view .campaignCont {width:1920px; margin-left:-960px;}*/
.special_view .campaignCont, .special_view .campaignCont * {
  box-sizing: border-box;
}

.special_view .campaignCont .link {
  display: block;
}

.special_view .campaignCont .visual, .special_view .campaignCont .visualArea, .special_view .campaignCont .videoArea, .special_view .campaignCont .supportArea, .special_view .campaignCont .clipArea, .special_view .campaignCont .vodArea {
  position: relative;
}

.special_view .campaignCont .visual .link, .special_view .campaignCont .videoArea iframe, .special_view .campaignCont .videoArea .link, .special_view .campaignCont .supportArea .link, .special_view .campaignCont .videoArea video {
  position: absolute;
  left: 50%;
  display: block;
  z-index: 5;
}

.special_view .campaignCont .visualArea video {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaignCont .clipArea video {
  position: absolute;
}

.special_view .campaignCont .videoArea iframe, .special_view .campaignCont .videoArea .link, .special_view .campaignCont .supportArea .link, .special_view .campaignCont .videoArea video {
  transform: translateX(-50%);
}

.special_view .campaignCont .videoArea iframe {
  margin-left: 0 !important;
  border: 0;
}

.special_view .campaignCont .link.btn_effect01 {
  width: 703px;
  height: 74px;
}

.special_view .campaignCont .link.btn_effect01:before {
  border: 6px solid transparent;
  box-sizing: border-box;
}

.special_view .campaignCont .link.btn_effect02:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s linear;
  z-index: 1;
  display: block;
  content: '';
}

.special_view .campaignCont .link.btn_effect02:hover:after {
  width: 100%;
}

.special_view .campaignCont figure > span img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaignCont .vodArea {
  line-height: 0;
}

.special_view .campaignCont .vodArea video {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.special_view .campaignCont .vodArea figure {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.special_view .campaign210817 .visual .link {
  top: 539px;
  margin-left: 53px;
}

.special_view .campaign210817 .videoArea iframe {
  top: 290px;
  width: 720px;
  height: 404px;
}

.special_view .campaign210817 .videoArea .link {
  top: 820px;
}

.special_view .campaign220518 .link.btn_effect01 {
  width: 703px;
}

.special_view .campaign220518 .link.btn_effect01:before {
  border-color: #11974e;
}

.special_view .campaign220518 .videoArea iframe {
  top: 74px;
  width: 750px;
  height: 422px;
}

.special_view .campaign220518 .videoArea .link.btn_effect01 {
  bottom: 80px;
}

.special_view .campaign220518 .supportArea .link.btn_effect01 {
  top: 683px;
}

.special_view .campaign220622 .link.btn_effect01:before {
  border-color: #3966a1;
}

.special_view .campaign220622 .videoArea iframe {
  top: 74px;
  width: 750px;
  height: 422px;
}

.special_view .campaign220622 .videoArea .link.btn_effect01 {
  bottom: 80px;
}

.special_view .campaign220622 .supportArea .link.btn_effect01 {
  bottom: 108px;
}

.special_view .campaign220725 .link.btn_effect01:before {
  border-color: #2a4a79;
}

.special_view .campaign220725 .videoArea iframe {
  top: 74px;
  width: 750px;
  height: 422px;
}

.special_view .campaign220725 .videoArea .link.btn_effect01 {
  bottom: 80px;
}

.special_view .campaign220725 .supportArea .link.btn_effect01 {
  top: 653px;
  width: 710px;
}

.special_view .campaign220725 .supportArea .link.btn_effect01:before {
  border-color: #1c549f;
}

.special_view .campaign220830 .link.btn_effect01:before {
  border-color: #11974e;
}

.special_view .campaign220830 .videoArea iframe {
  top: 74px;
  width: 750px;
  height: 422px;
}

.special_view .campaign220830 .videoArea .link.btn_effect01 {
  bottom: 80px;
}

.special_view .campaign220830 .supportArea .link.btn_effect01 {
  top: 444px;
  width: 704px;
}

.special_view .campaign220830 .supportArea .link.btn_effect01:before {
  border-color: #11974e;
}

.special_view .campaign221014 .link.btn_effect01:before {
  border-color: #d9560e;
}

.special_view .campaign221014 .videoArea iframe {
  top: 118px;
  width: 750px;
  height: 422px;
}

.special_view .campaign221014 .videoArea .link.btn_effect01 {
  top: 626px;
}

.special_view .campaign221014 .clipArea video {
  top: 506px;
}

.special_view .campaign221014 .clipArea video#clipVod02 {
  top: 514px;
}

.special_view .campaign221014 .supportArea .link.btn_effect01 {
  top: 267px;
  width: 390px;
  transform: translateX(50px);
}

.special_view .campaign221014 .supportArea .link.btn_effect01:before {
  border-radius: 8px;
}

.special_view .campaign221124 .link.btn_effect01:before {
  border-color: #6a830e;
}

.special_view .campaign221124 .videoArea iframe {
  top: 80px;
  width: 750px;
  height: 422px;
}

.special_view .campaign221124 .videoArea .link.btn_effect01 {
  bottom: 80px;
}

.special_view .campaign221124 .supportArea .link.btn_effect01 {
  top: 492px;
  width: 390px;
  transform: translateX(-537px);
}

.special_view .campaign221124 .supportArea .link.btn_effect01:before {
  border-radius: 8px;
}

.special_view .campaign221220 .link.btn_effect01 {
  width: 390px;
  height: 74px;
}

.special_view .campaign221220 .link.btn_effect01:before {
  border-color: #188d59;
  border-radius: 8px;
}

.special_view .campaign221220 .visual .js-scroll-item {
  position: absolute;
  top: 283px;
  left: 50%;
  width: 400px;
  height: 180px;
  transform: translateX(126px);
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.special_view .campaign221220 .visual .js-scroll-item span {
  width: 73px;
  height: 73px;
  margin-left: 7px;
  font-size: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.6s linear;
}

.special_view .campaign221220 .visual .js-scroll-item span:nth-child(1) {
  background-image: url("/upload/newdesign/20221220/page1920_dj_01_txt01.jpg");
}

.special_view .campaign221220 .visual .js-scroll-item span:nth-child(2) {
  background-image: url("/upload/newdesign/20221220/page1920_dj_01_txt02.jpg");
}

.special_view .campaign221220 .visual .js-scroll-item span:nth-child(3) {
  background-image: url("/upload/newdesign/20221220/page1920_dj_01_txt03.jpg");
}

.special_view .campaign221220 .visual .js-scroll-item span:nth-child(4) {
  background-image: url("/upload/newdesign/20221220/page1920_dj_01_txt04.jpg");
}

.special_view .campaign221220 .visual .js-scroll-item span:nth-child(5) {
  background-image: url("/upload/newdesign/20221220/page1920_dj_01_txt05.jpg");
}

.special_view .campaign221220 .visual .js-scroll-item span:nth-child(6) {
  background-image: url("/upload/newdesign/20221220/page1920_dj_01_txt06.jpg");
}

.special_view .campaign221220 .visual .js-scroll-item span:nth-child(7) {
  margin-left: 87px;
  background-image: url("/upload/newdesign/20221220/page1920_dj_01_txt07.jpg");
}

.special_view .campaign221220 .visual .js-scroll-item span:nth-child(8) {
  background-image: url("/upload/newdesign/20221220/page1920_dj_01_txt08.jpg");
}

.special_view .campaign221220 .visual .js-scroll-item span:nth-child(9) {
  background-image: url("/upload/newdesign/20221220/page1920_dj_01_txt09.jpg");
}

.special_view .campaign221220 .visual .is-selected span {
  opacity: 1;
}

.special_view .campaign221220 .visual .is-selected span:nth-child(2) {
  transition-delay: 0.4s;
}

.special_view .campaign221220 .visual .is-selected span:nth-child(3) {
  transition-delay: 0.8s;
}

.special_view .campaign221220 .visual .is-selected span:nth-child(4) {
  transition-delay: 1.2s;
}

.special_view .campaign221220 .visual .is-selected span:nth-child(5) {
  transition-delay: 1.6s;
}

.special_view .campaign221220 .visual .is-selected span:nth-child(6) {
  transition-delay: 2.0s;
}

.special_view .campaign221220 .visual .is-selected span:nth-child(7) {
  transition-delay: 2.8s;
}

.special_view .campaign221220 .visual .is-selected span:nth-child(8) {
  transition-delay: 3.2s;
}

.special_view .campaign221220 .visual .is-selected span:nth-child(9) {
  transition-delay: 3.6s;
}

.special_view .campaign221220 .visual .link.btn_effect01 {
  top: 535px;
  transform: translateX(135px);
}

.special_view .campaign221220 .videoArea iframe {
  top: 184px;
  width: 750px;
  height: 422px;
}

.special_view .campaign221220 .videoArea figure > span:nth-child(2) img {
  position: absolute;
  top: 184px;
  z-index: 5;
}

.special_view .campaign221220 .txtArea {
  position: relative;
  text-align: center;
}

.special_view .campaign221220 .txtArea .js-scroll-item {
  position: absolute;
  width: 100%;
}

.special_view .campaign221220 .txtArea .js-scroll-item span {
  position: relative;
  transform: translateY(-100%);
  transition: all 0.6s linear;
  opacity: 0;
  display: block;
  z-index: 3;
}

.special_view .campaign221220 .txtArea .js-scroll-item.is-selected span {
  transform: translateY(0);
  opacity: 1;
  z-index: 5;
}

.special_view .campaign221220 .txtArea .js-scroll-item.is-selected span:nth-child(2) {
  transition-delay: 0.5s;
}

.special_view .campaign221220 .txtArea .js-scroll-item.is-selected span:nth-child(3) {
  transition-delay: 1.0s;
}

.special_view .campaign221220 .txtArea.txt01 h2 {
  top: 88px;
}

.special_view .campaign221220 .txtArea.txt01 p {
  bottom: 66px;
}

.special_view .campaign221220 .txtArea.txt02 dl {
  top: 135px;
  left: 1px;
  width: auto;
}

.special_view .campaign221220 .txtArea.txt02 dl dd {
  position: absolute;
  transition: all 0.6s linear;
  opacity: 0;
}

.special_view .campaign221220 .txtArea.txt02 dl dd:nth-of-type(1) {
  left: 159px;
}

.special_view .campaign221220 .txtArea.txt02 dl dd:nth-of-type(2), .special_view .campaign221220 .txtArea.txt02 .js-scroll-item dd:nth-of-type(5) {
  top: 134px;
}

.special_view .campaign221220 .txtArea.txt02 dl dd:nth-of-type(2) {
  left: 246px;
}

.special_view .campaign221220 .txtArea.txt02 dl dd:nth-of-type(3), .special_view .campaign221220 .txtArea.txt02 .js-scroll-item dd:nth-of-type(4) {
  top: 274px;
}

.special_view .campaign221220 .txtArea.txt02 dl dd:nth-of-type(3) {
  left: 197px;
}

.special_view .campaign221220 .txtArea.txt02 dl dd:nth-of-type(4) {
  left: 59px;
}

.special_view .campaign221220 .txtArea.txt02 dl.is-selected dd {
  opacity: 1;
}

.special_view .campaign221220 .txtArea.txt02 dl.is-selected dd:nth-of-type(1) {
  transition-delay: 0.4s;
}

.special_view .campaign221220 .txtArea.txt02 dl.is-selected dd:nth-of-type(2) {
  transition-delay: 0.8s;
}

.special_view .campaign221220 .txtArea.txt02 dl.is-selected dd:nth-of-type(3) {
  transition-delay: 1.2s;
}

.special_view .campaign221220 .txtArea.txt02 dl.is-selected dd:nth-of-type(4) {
  transition-delay: 1.6s;
}

.special_view .campaign221220 .txtArea.txt02 dl.is-selected dd:nth-of-type(5) {
  transition-delay: 2s;
}

.special_view .campaign221220 .txtArea.txt02 p.js-motion-item {
  position: absolute;
  top: 268px;
  left: 50%;
  height: 108px;
  margin-left: 4px;
  text-align: left;
}

.special_view .campaign221220 .txtArea.txt02 p.js-motion-item span {
  position: absolute;
  height: 28px;
  font-size: 0;
  line-height: 0;
  background: #191919;
  display: inline-block;
  overflow: hidden;
}

.special_view .campaign221220 .txtArea.txt02 p.js-motion-item span img {
  position: relative;
  z-index: 5
}

.special_view .campaign221220 .txtArea.txt02 p.js-motion-item span i {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: #0d5938;
  transition: all 1.4s linear;
  display: block;
  z-index: 1;
}

.special_view .campaign221220 .txtArea.txt02 p.js-motion-item span:nth-of-type(3) {
  bottom: 0;
}

.special_view .campaign221220 .txtArea.txt02 p.js-motion-item.is-selected span i {
  height: 100%;
  transition-delay: 2s;
}

.special_view .campaign221220 .txtArea.txt02 p.js-motion-item.is-selected span:nth-of-type(3) i {
  transition-delay: 3.4s;
}

.special_view .campaign221220 .txtArea.txt02 p.js-scroll-item {
  bottom: 66px;
}

.special_view .campaign221220 .supportArea .link.btn_effect01 {
  bottom: 81px;
  left: 58px;
  width: 370px;
  transform: translateX(0);
}

.special_view .campaign221220 .txtArea.txt03 .js-scroll-item {
  top: 99px;
}

.special_view .campaign221220 .txtArea.txt04 .js-scroll-item {
  top: 98px;
}

.special_view .campaign221220 .txtArea.txt05 .js-scroll-item {
  top: 98px;
}

.special_view .campaign221220 .txtArea.txt05 ul, .special_view .campaign221220 .txtArea.txt05 ul li {
  position: absolute;
}

.special_view .campaign221220 .txtArea.txt05 ul {
  top: 258px;
  width: 100%;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(1) {
  left: -8px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(2) {
  top: 11px;
  right: -13px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(3) {
  top: 173px;
  right: -39px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(4) {
  top: 393px;
  right: -20px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(5) {
  top: 363px;
  left: 20px;
}

.special_view .campaign221220 .txtArea.txt05 ul li {
  transform: scale(1.055);
  transition: all 0.5s ease;
}

.special_view .campaign221220 .txtArea.txt05 ul li span {
  position: absolute;
  width: 0;
  height: 16px;
  transition: all 0.5s linear;
  display: block;
}

.special_view .campaign221220 .txtArea.txt05 ul li:hover {
  transform: scale(1);
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(1) span {
  left: 56px;
  background: #ffd9ba;
  opacity: 0.5;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(1) span:nth-of-type(1) {
  top: 226px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(1) span:nth-of-type(2) {
  top: 260px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(1):hover span:nth-of-type(1) {
  width: 415px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(1):hover span:nth-of-type(2) {
  width: 360px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(3) span {
  background: #edff25;
  opacity: 0.4;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(3) span:nth-of-type(1) {
  top: 104px;
  left: 221px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(3) span:nth-of-type(2) {
  top: 136px;
  left: 56px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(3) span:nth-of-type(3) {
  top: 170px;
  left: 56px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(3):hover span:nth-of-type(1) {
  width: 249px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(3):hover span:nth-of-type(2) {
  width: 387px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(3):hover span:nth-of-type(3) {
  width: 250px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(4) span {
  left: 62px;
  background: #c7acff;
  opacity: 0.3;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(4) span:nth-of-type(1) {
  top: 192px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(4) span:nth-of-type(2) {
  top: 224px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(4):hover span:nth-of-type(1) {
  width: 441px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(4):hover span:nth-of-type(2) {
  width: 162px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(5) span {
  left: 66px;
  background: #78f4ff;
  opacity: 0.4;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(5) span:nth-of-type(1) {
  top: 178px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(5) span:nth-of-type(2) {
  top: 208px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(5):hover span:nth-of-type(1) {
  width: 364px;
}

.special_view .campaign221220 .txtArea.txt05 ul li:nth-child(5):hover span:nth-of-type(2) {
  width: 217px;
}

.special_view .campaign221220 .videoArea video {
  top: 257px;
  width: 660px;
  height: 372px;
}

.special_view .campaign221220 .videoArea .link.btn_effect01 {
  bottom: 124px;
}

.special_view .campaign230216 .link[class*="btn_effect0"] {
  width: 704px;
  height: 74px;
}

.special_view .campaign230216 .link[class*="btn_effect0"]:before {
  border-color: #eb6133;
}

.special_view .campaign230216 .videoArea iframe {
  top: 80px;
  width: 750px;
  height: 422px;
}

.special_view .campaign230216 .videoArea .link.btn_effect01 {
  bottom: 79px;
  width: 704px;
}

.special_view .campaign230216 .js-scroll-item {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign230216 .js-scroll-item span {
  position: relative;
  transform: translateY(-100%);
  transition: all 0.6s linear;
  opacity: 0;
  display: block;
  z-index: 3;
}

.special_view .campaign230216 .js-scroll-item.is-selected span {
  transform: translateY(0);
  opacity: 1;
  z-index: 5;
}

.special_view .campaign230216 .txtArea {
  position: relative;
}

.special_view .campaign230216 .txtArea.txt01 .js-scroll-item {
  top: 119px;
  left: 50%;
  width: 512px;
  margin-left: 126px;
}

.special_view .campaign230216 .txtArea.txt02 .js-scroll-item {
  top: 139px;
  width: 100%;
  margin-left: -3px;
}

.special_view .campaign230216 .txtArea.txt02 .js-scroll-item span {
  /*transition-duration:1.2s;*/
}

.special_view .campaign230216 .txtArea.txt03 .js-scroll-item {
  top: 190px;
  left: 50%;
  width: 512px;
  margin-left: 65px;
}

.special_view .campaign230216 .txtArea.txt04 .js-scroll-item {
  top: 92px;
  width: 100%;
  margin-left: -42px;
}

.special_view .campaign230216 .txtArea.txt04 .js-scroll-item span {
  /*transition-duration:1.2s;*/
}

.special_view .campaign230216 .txtArea.txt05 .js-scroll-item {
  top: 112px;
  width: 100%;
  text-align: center;
}

.special_view .campaign230216 .txtArea.txt06 .js-scroll-item {
  top: 279px;
  width: 609px;
  margin-left: -103px;
  text-align: center;
}

.special_view .campaign230216 .txtArea.txt06 .js-scroll-item span {
  /*transition-duration:2.0s;*/
}

.special_view .campaign230216 .txtArea.txt06 .link.btn_effect01 {
  position: absolute;
  top: 540px;
  left: 197px;
  width: 420px;
  transform: translateX(-50%);
  z-index: 5;
}

.special_view .campaign230216 .txtArea.txt06 .link.btn_effect01:before {
  border-radius: 6px;
}

.special_view .campaign230216 .visualArea .js-scroll-item {
  top: 294px;
  left: 50%;
  width: 643px;
  margin-left: -51px;
}

.special_view .campaign230216 .visualArea .js-scroll-item span {
  /*transition-duration:1.2s;*/
}

.special_view .campaign230412 .link[class*="btn_effect0"] {
  height: 76px;
}

.special_view .campaign230412 .link[class*="btn_effect0"]:before {
  border-color: #40964b;
  border-radius: 12px;
}

.special_view .campaign230412 .link[class*="btn_effect0"] img {
  margin: -2px 0 0 -3px;
}

.special_view .campaign230412 .visual .link.btn_effect01 {
  bottom: 96px;
  width: 384px;
  margin-left: 156px;
}

.special_view .campaign230412 .supportArea .link.btn_effect01 {
  bottom: 164px;
  width: 280px;
  margin-left: 256px;
  transform: none;
}

.special_view .campaign230412 .supportArea .link.btn_effect01.st01 {
  bottom: 191px;
  width: 406px;
  margin-left: 95px;
}

.special_view .campaign230511 .link[class*="btn_effect0"] {
  position: absolute;
  width: 703px;
  height: 74px;
}

.special_view .campaign230511 .link[class*="btn_effect0"]:before {
  border-color: #11974d;
}

.special_view .campaign230511 .js-scroll-item {
  position: absolute;
  width: 100%;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign230511 .js-scroll-item span {
  position: relative;
  transform: translateY(-100%);
  transition: all 0.4s ease-out;
  opacity: 0;
  display: block;
  z-index: 3;
}

.special_view .campaign230511 .js-scroll-item.is-selected span {
  transform: translateY(0);
  opacity: 1;
  z-index: 5;
}

.special_view .campaign230511 .supportArea .link.btn_effect01 {
  bottom: 98px;
}

.special_view .campaign230511 .txtArea {
  position: relative;
}

.special_view .campaign230511 .txtArea.txt01 .js-scroll-item {
  top: 75px;
  right: -44px;
  text-align: right;
}

.special_view .campaign230511 .txtArea.txt02 .js-scroll-item {
  top: 91px;
  left: -32px;
}

.special_view .campaign230511 .txtArea.txt03 .js-scroll-item {
  top: 139px;
  right: -58px;
  text-align: right;
}

.special_view .campaign230511 .txtArea.txt04 .js-scroll-item {
  top: 120px;
  left: -21px;
}

.special_view .campaign230511 .txtArea.txt04 .link.btn_effect01 {
  bottom: 132px;
  left: 1px;
  width: 336px;
}

.special_view .campaign230511 .txtArea.txt05 .js-scroll-item, .special_view .campaign230511 .txtArea.txt06 .js-scroll-item {
  top: 76px;
  text-align: center;
}

.special_view .campaign230511 .txtArea.txt06 .link.btn_effect01 {
  bottom: 203px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign230525 .link[class*="btn_effect0"] {
  height: 75px;
}

.special_view .campaign230525 .link[class*="btn_effect0"]:before {
  border-color: #527442;
  border-radius: 10px;
}

.special_view .campaign230525 .link[class*="btn_effect0"].st01:before {
  border-color: #42a911;
}

.special_view .campaign230525 .supportArea.support01 .link.btn_effect01 {
  bottom: 42px;
  width: 620px;
  height: 80px;
}

.special_view .campaign230525 .supportArea.support02 .link.btn_effect01 {
  bottom: 168px;
  width: 307px;
}

.special_view .campaign230525 .supportArea.support02 .link.btn_effect01 {
  transform: translateX(calc(-100% - 9px));
}

.special_view .campaign230525 .supportArea.support02 .link.btn_effect01.st01 {
  transform: translateX(9px) !important;
}

.special_view .campaign230613 .link[class*="btn_effect0"] {
  position: absolute;
  width: 703px;
  height: 74px;
}

.special_view .campaign230613 .link[class*="btn_effect0"]:before {
  border-color: #9b6ec9;
}

.special_view .campaign230613 .js-scroll-item {
  position: absolute;
  width: 50%;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign230613 .js-scroll-item span {
  position: relative;
  opacity: 0;
  display: block;
  z-index: 3;
}

.special_view .campaign230613:not(.etc) .js-scroll-item span {
  transform: translateX(-100%);
  transition: all 0.6s ease-out;
}

.special_view .campaign230613 .js-scroll-item.is-selected span {
  transform: translateX(0);
  opacity: 1;
  z-index: 5;
}

.special_view .campaign230613 .videoArea iframe {
  bottom: 266px;
  width: 760px;
  height: 432px;
}

.special_view .campaign230613 .videoArea .link.btn_effect01 {
  bottom: 153px;
}

.special_view .campaign230613 .txtArea {
  position: relative;
}

.special_view .campaign230613 .txtArea.txt01 .js-scroll-item {
  top: 184px;
  left: 50%;
  margin-left: 134px;
}

.special_view .campaign230613 .txtArea.txt02 .js-scroll-item {
  top: 140px;
  right: 50%;
  margin-right: 19px;
}

.special_view .campaign230613 .txtArea.txt03 .js-scroll-item {
  top: 136px;
  left: 50%;
  margin-left: 134px;
}

.special_view .campaign230613 .txtArea.txt04 .js-scroll-item {
  top: 140px;
  right: 50%;
  margin-right: 33px;
}

.special_view .campaign230613 .txtArea.txt05 .js-scroll-item {
  top: 140px;
  left: 50%;
  margin-left: 134px;
}

.special_view .campaign230613 .txtArea.txt06 .js-scroll-item {
  top: 192px;
  right: 50%;
  margin-right: 12px;
}

.special_view .campaign230613 .txtArea.txt06 .link.btn_effect01 {
  bottom: 159px;
  right: 50%;
  width: 375px;
  margin-right: 82px;
}

.special_view .campaign230613 .txtArea.txt06 .link.btn_effect01:before {
  border-radius: 8px;
}

.special_view .campaign230613.etc .js-scroll-item span {
  transform: translateX(-5%);
}

.special_view .campaign230613.etc .js-scroll-item.is-selected span {
  animation: 3.4s slideLeft ease-in;
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(-5%);
  }

  20% {
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.special_view .campaign230811 .link[class*="btn_effect0"] {
  position: absolute;
  width: 703px;
  height: 74px;
}

.special_view .campaign230811 .link[class*="btn_effect0"]:before {
  border-color: #dd9a24;
}

.special_view .campaign230811 .js-scroll-item {
  position: absolute;
  min-width: 50%;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign230811 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0;
  display: block;
  z-index: 3;
}

.special_view .campaign230811 .js-scroll-item.is-selected span {
  transform: translateX(0);
  opacity: 1;
  z-index: 5;
}

.special_view .campaign230811 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 432px;
}

.special_view .campaign230811 .videoArea .link.btn_effect01 {
  bottom: 80px;
}

.special_view .campaign230811 .txtArea {
  position: relative;
}

.special_view .campaign230811 .txtArea.txt01 .js-scroll-item {
  top: 64px;
  left: -42px;
}

.special_view .campaign230811 .txtArea.txt02 .js-scroll-item {
  top: 148px;
  left: 50%;
  transform: translateX(calc(-50% + 60px));
}

.special_view .campaign230811 .txtArea.txt03 .js-scroll-item {
  top: 97px;
  left: -16px;
}

.special_view .campaign230811 .txtArea.txt04 .js-scroll-item {
  top: 149px;
  left: 50%;
  margin-left: 122px;
}

.special_view .campaign230811 .txtArea.txt05 .js-scroll-item {
  top: 153px;
  left: -59px;
}

.special_view .campaign230811 .txtArea.txt06 .js-scroll-item {
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign230811 .txtArea.txt06 .link.btn_effect01 {
  bottom: 46px;
  left: 50%;
  width: 460px;
  transform: translateX(-50%);
}

.special_view .campaign230811 .txtArea.txt06 .link.btn_effect01:before {
  border-radius: 8px;
}

.special_view .campaign230914 .link[class*="btn_effect0"] {
  position: absolute;
  width: 703px;
  height: 74px;
}

.special_view .campaign230914 .link[class*="btn_effect0"]:before {
  border-color: #f26522;
}

.special_view .campaign230914 .js-scroll-item {
  position: absolute;
  min-width: 50%;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign230914 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.1;
  display: block;
  z-index: 3;
}

.special_view .campaign230914 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign230914 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 432px;
}

.special_view .campaign230914 .videoArea .link.btn_effect01 {
  bottom: 80px;
}

.special_view .campaign230914 .txtArea {
  position: relative;
}

.special_view .campaign230914 .txtArea.txt01 .js-scroll-item {
  top: 219px;
  left: calc(50% + 179px);
}

.special_view .campaign230914 .txtArea.txt02 .js-scroll-item {
  top: 161px;
  left: 2px;
}

.special_view .campaign230914 .txtArea.txt03 .js-scroll-item {
  top: 289px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign230914 .txtArea.txt04 .js-scroll-item {
  top: 236px;
  left: calc(50% + 215px);
}

.special_view .campaign230914 .txtArea.txt05 .js-scroll-item {
  top: 124px;
  left: -5px;
}

.special_view .campaign230914 .txtArea.txt06 .js-scroll-item {
  top: 129px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign230914 .txtArea.txt06 .link.btn_effect01 {
  bottom: 117px;
  left: 50%;
  width: 420px;
  transform: translateX(-50%);
}

.special_view .campaign230914 .txtArea.txt06 .link.btn_effect01:before {
  border-radius: 8px;
}

.special_view .campaign231025 .link[class*="btn_effect0"] {
  position: absolute;
  width: 703px;
  height: 74px;
}

.special_view .campaign231025 .link[class*="btn_effect0"]:before {
  border-color: #d27b00;
  border-radius: 10px;
}

.special_view .campaign231025 .js-scroll-item {
  position: absolute;
  min-width: 50%;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign231025 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign231025 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign231025 .videoArea:not(.supportArea) iframe {
  top: 50px;
  bottom: inherit;
  width: 760px;
  height: 432px;
}

.special_view .campaign231025 .txtArea {
  position: relative;
}

.special_view .campaign231025 .txtArea.txt01 .js-scroll-item {
  top: 90px;
  width: 100%;
  text-align: center;
}

.special_view .campaign231025 .txtArea.txt01 .link.btn_effect01 {
  top: 291px;
}

.special_view .campaign231025 .txtArea.txt02 .js-scroll-item {
  top: 162px;
  left: 2px;
}

.special_view .campaign231025 .txtArea.txt03 .js-scroll-item {
  top: 247px;
  right: -2px;
  text-align: right;
}

.special_view .campaign231025 .txtArea.txt04 .js-scroll-item {
  top: 144px;
  width: 100%;
  text-align: center;
}

.special_view .campaign231025 .txtArea.txt04 .link.btn_effect01 {
  bottom: 132px;
}

.special_view .campaign231025 .txtArea.txt05 .js-scroll-item, .special_view .campaign231025 .txtArea.txt06 .js-scroll-item {
  right: -44px;
  text-align: right;
}

.special_view .campaign231025 .txtArea.txt05 .js-scroll-item {
  top: 197px;
}

.special_view .campaign231025 .txtArea.txt06 .js-scroll-item {
  bottom: 473px;
}

.special_view .campaign231025 .videoArea.supportArea figure {
  position: relative;
  z-index: 5;
}

.special_view .campaign231025 .videoArea.supportArea .link.btn_effect01 {
  bottom: 261px;
  left: 50%;
  width: 400px;
  transform: translateX(159px);
}

.special_view .campaign231115 .link[class*="btn_effect0"] {
  position: absolute;
  width: 703px;
  height: 74px;
}

.special_view .campaign231115 .link[class*="btn_effect0"]:before {
  border-color: #4d72b3;
  border-radius: 10px;
}

.special_view .campaign231115 .js-scroll-item {
  position: absolute;
  min-width: 50%;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign231115 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.5;
  display: block;
  z-index: 3;
}

.special_view .campaign231115 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign231115 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 432px;
}

.special_view .campaign231115 .videoArea .link.btn_effect01 {
  bottom: 80px;
}

.special_view .campaign231115 .videoArea .link.btn_effect01:before {
  border-radius: 0;
}

.special_view .campaign231115 .txtArea {
  position: relative;
}

.special_view .campaign231115 .txtArea.txt01 .js-scroll-item {
  top: 131px;
  left: -10px;
}

.special_view .campaign231115 .txtArea.txt02 .js-scroll-item {
  top: 157px;
  left: calc(50% + 103px);
}

.special_view .campaign231115 .txtArea.txt03 .js-scroll-item {
  top: 182px;
  left: -1px;
}

.special_view .campaign231115 .txtArea.txt04 .js-scroll-item {
  top: 203px;
  left: calc(50% + 110px);
}

.special_view .campaign231115 .txtArea.txt05 .js-scroll-item {
  top: 266px;
  left: calc(50% + 123px);
}

.special_view .campaign231115 .txtArea.txt06 .js-scroll-item {
  top: 199px;
  left: -41px;
}

.special_view .campaign231115 .supportArea:not(.txtArea) .link.btn_effect01 {
  bottom: 119px;
  width: 420px;
}

.special_view .campaign231207 .link[class*="btn_effect0"] {
  position: absolute;
  width: 370px;
  height: 74px;
}

.special_view .campaign231207 .link[class*="btn_effect0"]:before {
  border-color: #006ad9;
  border-radius: 10px;
}

.special_view .campaign231207 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign231207 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign231207 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign231207 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 432px;
}

.special_view .campaign231207 .videoArea .link.btn_effect01 {
  bottom: 80px;
}

.special_view .campaign231207 .videoArea .link.btn_effect01:before {
  border-radius: 0;
}

.special_view .campaign231207 .txtArea {
  position: relative;
}

.special_view .campaign231207 .txtArea.txt01 .js-scroll-item {
  top: 175px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign231207 .txtArea.txt01 .link.btn_effect01 {
  bottom: 197px;
}

.special_view .campaign231207 .txtArea.txt02 .js-scroll-item {
  top: 260px;
  right: -86px;
}

.special_view .campaign231207 .txtArea.txt03 .js-scroll-item {
  top: 230px;
  left: -87px;
}

.special_view .campaign231207 .txtArea.txt04 .js-scroll-item {
  top: 222px;
  right: -86px;
}

.special_view .campaign231207 .txtArea.txt05 .js-scroll-item {
  top: 228px;
  left: -87px;
}

.special_view .campaign231207 .txtArea.txt06 .js-scroll-item {
  top: 199px;
  left: -41px;
}

.special_view .campaign231207 .supportArea:not(.txtArea) .link.btn_effect01 {
  bottom: 208px;
  left: calc(50% + 156px);
  transform: translateX(0);
}

.special_view .campaign240207 .link[class*="btn_effect0"] {
  position: absolute;
  width: 703px;
  height: 74px;
}

.special_view .campaign240207 .link[class*="btn_effect0"]:before {
  border-color: #f2d335;
  border-radius: 10px;
}

.special_view .campaign240207 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign240207 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign240207 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign240207 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 427px;
}

.special_view .campaign240207 .videoArea .link.btn_effect01 {
  bottom: 80px;
}

.special_view .campaign240207 .videoArea .link.btn_effect01:before {
  border-radius: 0;
}

.special_view .campaign240207 .txtArea {
  position: relative;
}

.special_view .campaign240207 .txtArea.txt01 .js-scroll-item {
  top: 150px;
  left: 0;
}

.special_view .campaign240207 .txtArea.txt02 .js-scroll-item {
  top: 153px;
  left: calc(50% + 124px);
}

.special_view .campaign240207 .txtArea.txt03 .js-scroll-item {
  top: 147px;
  left: 0;
}

.special_view .campaign240207 .txtArea.txt04 .js-scroll-item {
  top: 186px;
  left: calc(50% + 122px);
}

.special_view .campaign240207 .txtArea.txt05 .js-scroll-item {
  top: 105px;
  left: calc(50% + 113px);
}

.special_view .campaign240207 .txtArea.txt06 .js-scroll-item {
  top: 116px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign240207 .supportArea:not(.txtArea) .link.btn_effect01 {
  bottom: 118px;
  width: 420px;
}

.special_view .campaign240307 .link[class*="btn_effect0"] {
  position: absolute;
  width: 600px;
  height: 74px;
}

.special_view .campaign240307 .link[class*="btn_effect0"]:before {
  border-color: #ae57f8;
  border-radius: 0;
}

.special_view .campaign240307 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign240307 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign240307 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign240307 .visual .link.btn_effect01 {
  bottom: 215px;
  width: 360px;
  margin-left: 124px;
  transform: translateX(0);
}

.special_view .campaign240307 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 427px;
}

.special_view .campaign240307 .videoArea .link.btn_effect01 {
  bottom: 100px;
}

.special_view .campaign240307 .txtArea {
  position: relative;
}

.special_view .campaign240307 .txtArea.txt01 .js-scroll-item {
  top: 186px;
  left: -16px;
}

.special_view .campaign240307 .txtArea.txt02 .js-scroll-item {
  top: 163px;
  left: calc(50% + 79px);
}

.special_view .campaign240307 .txtArea.txt03 .js-scroll-item {
  top: 202px;
  left: -36px;
}

.special_view .campaign240307 .txtArea.txt04 .js-scroll-item {
  top: 165px;
  left: calc(50% + 161px);
}

.special_view .campaign240307 .txtArea.txt05 .js-scroll-item {
  top: 231px;
  left: -35px;
}

.special_view .campaign240307 .txtArea.txt06 .js-scroll-item {
  top: 243px;
  left: calc(50% + 120px);
}

.special_view .campaign240307 .txtArea.txt06 .link.btn_effect01 {
  bottom: 231px;
  left: calc(50% + 147px);
  width: 400px;
}

.special_view .campaign240307 .txtArea.txt06 .link.btn_effect01:before {
  border-radius: 10px;
}

.special_view .campaign240401 .link[class*="btn_effect0"] {
  position: absolute;
  width: 711px;
  height: 74px;
}

.special_view .campaign240401 .link[class*="btn_effect0"]:before {
  border-color: #23265d;
  border-radius: 10px;
}

.special_view .campaign240401 .js-scroll-item {
  position: absolute;
  overflow: inherit;
  z-index: 3;
}

.special_view .campaign240401 .js-scroll-item span:not(.blind) {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign240401 .js-scroll-item.is-selected span:not(.blind) {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign240401 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 427px;
}

.special_view .campaign240401 .supportArea .link.btn_effect01 {
  bottom: 192px;
}

.special_view .campaign240401 .txtArea {
  position: relative;
}

.special_view .campaign240401 .txtArea.txt01 .js-scroll-item span:not(.blind) {
  animation: titles 1s linear both 0.5s;
}

.special_view .campaign240401 .txtArea.txt01 h2.js-scroll-item {
  top: 228px;
  left: calc(50% + 156px);
}

.special_view .campaign240401 .txtArea.txt01 h3.js-scroll-item.st01 {
  top: 525px;
  left: calc(50% + 157px);
}

.special_view .campaign240401 .txtArea.txt01 h3.js-scroll-item.st02 {
  top: 571px;
  left: calc(50% + 156px);
}

.special_view .campaign240401 .txtArea.txt02 .js-scroll-item.st01 {
  top: 194px;
  left: calc(50% + 157px);
}

.special_view .campaign240401 .txtArea.txt02 .js-scroll-item.st02 {
  bottom: 188px;
  left: calc(50% - 132px);
}

.special_view .campaign240401 .txtArea.txt03 .js-scroll-item.st01 {
  top: 194px;
  left: -72px;
}

.special_view .campaign240401 .txtArea.txt03 .js-scroll-item.st02 {
  bottom: 148px;
  left: calc(50% - 81px);
}

.special_view .campaign240401 .txtArea.txt04 .js-scroll-item {
  top: 195px;
  left: calc(50% + 97px);
}

.special_view .campaign240401 .txtArea.txt05 h2.js-scroll-item {
  top: 143px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign240401 .txtArea.txt05 ul.js-scroll-item {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: inherit;
}

.special_view .campaign240401 .txtArea.txt05 ul.js-scroll-item li {
  position: absolute;
}

.special_view .campaign240401 .txtArea.txt05 ul.js-scroll-item span {
  transition: all 0.6s ease-in;
  opacity: 0;
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(1) {
  top: 297px;
  left: -249px;
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(1) span {
  transform: translateX(-25%);
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(2) {
  top: 297px;
  left: calc(50% + 6px);
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(2) span {
  transform: translateY(-40%);
  transition-delay: 1.2s;
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(3) {
  top: 297px;
  left: calc(50% + 390px);
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(3) span {
  transform: translateX(40%);
  transition-delay: 0.6s;
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(4) {
  bottom: 119px;
  left: calc(50% + 6px);
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(4) span {
  transform: translateX(25%);
  transition-delay: 1.8s;
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(5) {
  bottom: 119px;
  left: 124px;
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(5) span {
  transform: translateY(40%);
  transition-delay: 3s;
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(6) {
  bottom: 431px;
  left: -249px;
}

.special_view .campaign240401 .txtArea.txt05 li:nth-child(6) span {
  transform: translateX(-40%);
  transition-delay: 2.4s;
}

.special_view .campaign240401 .txtArea.txt05 ul.js-scroll-item.is-selected li {
}

.special_view .campaign240401 .txtArea.txt05 ul.js-scroll-item.is-selected span {
  transform: translate(0, 0);
  opacity: 1;
}

.special_view .campaign240401 .txtArea.txt06 .js-scroll-item {
  top: 230px;
  left: 37px;
}

.special_view .campaign240401 .txtArea.txt06 .js-scroll-item dt {
  float: left;
  transform: translateY(-30%);
  transition: all 0.6s ease-in;
  opacity: 0;
}

.special_view .campaign240401 .txtArea.txt06 .js-scroll-item dt:not(:first-of-type) {
  margin-left: 21px;
}

.special_view .campaign240401 .txtArea.txt06 .js-scroll-item dt:nth-of-type(2) {
  transition-delay: 0.4s;
}

.special_view .campaign240401 .txtArea.txt06 .js-scroll-item dt:nth-of-type(3) {
  transition-delay: 0.8s;
}

.special_view .campaign240401 .txtArea.txt06 .js-scroll-item.is-selected dt {
  transform: translate(0, 0);
  opacity: 1;
}

.special_view .campaign240401 .txtArea.txt07 .js-scroll-item {
  top: 188px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign240401 .txtArea.txt07 .link.btn_effect01 {
  top: 398px;
  width: 702px;
}

@keyframes titles {
  0% {
    filter: blur(10px);
    opacity: 0;
  }

  100% {
    filter: blur(0px);
    opacity: 1;
  }
}

.special_view .campaign240417 .link[class*="btn_effect0"] {
  position: absolute;
  height: 78px;
}

.special_view .campaign240417 .link[class*="btn_effect0"]:before {
  border-color: #40964b;
  border-radius: 10px;
}

.special_view .campaign240417 .supportArea.support01 .link.btn_effect01 {
  bottom: 148px;
  width: 384px;
  transform: translateX(144px);
}

.special_view .campaign240417 .supportArea.support02 .link.btn_effect01 {
  bottom: 162px;
  width: 466px;
  transform: translateX(-510px);
}

.special_view .campaign240417 .supportArea.support03 .link.btn_effect01 {
  bottom: 161px;
  width: 466px;
  transform: translateX(-510px);
}

.special_view .campaign240417 .supportArea.support04 .link.btn_effect01 {
  bottom: 166px;
  width: 606px;
}

.special_view .campaign240520 .link[class*="btn_effect0"] {
  position: absolute;
  width: 360px;
  height: 74px;
}

.special_view .campaign240520 .link[class*="btn_effect0"]:before {
  border-color: #3352af;
  border-radius: 0;
}

.special_view .campaign240520 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign240520 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign240520 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign240520 .visual .link.btn_effect01 {
  bottom: 182px;
  margin-left: -510px;
  transform: translateX(0);
}

.special_view .campaign240520 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 427px;
}

.special_view .campaign240520 .videoArea .link.btn_effect01 {
  bottom: 100px;
  width: 600px;
}

.special_view .campaign240520 .txtArea {
  position: relative;
}

.special_view .campaign240520 .txtArea.txt01 .js-scroll-item {
  top: 130px;
  left: -37px;
}

.special_view .campaign240520 .txtArea.txt02 .js-scroll-item {
  top: 98px;
  left: calc(50% + 190px);
}

.special_view .campaign240520 .txtArea.txt03 .js-scroll-item {
  top: 121px;
  left: -37px;
}

.special_view .campaign240520 .txtArea.txt04 .js-scroll-item {
  top: 165px;
  left: -77px;
}

.special_view .campaign240520 .txtArea.txt05 .js-scroll-item {
  top: 213px;
  left: calc(50% + 203px);
}

.special_view .campaign240520 .txtArea.txt05 .link.btn_effect01 {
  bottom: 200px;
  left: calc(50% + 180px);
  width: 400px;
}

.special_view .campaign240520 .txtArea.txt05 .link.btn_effect01:before {
  border-radius: 10px;
}

.special_view .campaign240520 .txtArea.txt06 .js-scroll-item {
  top: 243px;
  left: calc(50% + 120px);
}

.special_view .campaign240717 .link[class*="btn_effect0"] {
  position: absolute;
  width: 360px;
  height: 74px;
}

.special_view .campaign240717 .link[class*="btn_effect0"]:before {
  border-color: #009d57;
  border-radius: 0;
}

.special_view .campaign240717 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign240717 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign240717 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign240717 .visual .link.btn_effect01 {
  bottom: 189px;
  margin-left: -491px;
  transform: translateX(0);
}

.special_view .campaign240717 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 427px;
}

.special_view .campaign240717 .videoArea .link.btn_effect01 {
  bottom: 100px;
  width: 600px;
}

.special_view .campaign240717 .txtArea {
  position: relative;
}

.special_view .campaign240717 .txtArea.txt01 .js-scroll-item {
  top: 117px;
  left: -2px;
}

.special_view .campaign240717 .txtArea.txt02 .js-scroll-item {
  top: 121px;
  left: calc(50% + 157px);
}

.special_view .campaign240717 .txtArea.txt03 .js-scroll-item {
  top: 132px;
  left: -53px;
}

.special_view .campaign240717 .txtArea.txt04 .js-scroll-item {
  top: 78px;
  left: calc(50% + 105px);
}

.special_view .campaign240717 .txtArea.txt05 .js-scroll-item {
  top: 150px;
  left: -60px;
}

.special_view .campaign240717 .txtArea.txt06 .js-scroll-item {
  top: 214px;
  left: calc(50% + 222px);
}

.special_view .campaign240717 .txtArea.txt06 .link.btn_effect01 {
  bottom: 200px;
  left: calc(50% + 181px);
  width: 400px;
}

.special_view .campaign240717 .txtArea.txt06 .link.btn_effect01:before {
  border-radius: 10px;
}

.special_view .campaign240828 .link[class*="btn_effect0"] {
  width: 360px;
  height: 82px;
}

.special_view .campaign240828 .link[class*="btn_effect0"]:before {
  border-color: #ff650e;
  border-radius: 10px;
}

.special_view .campaign240828 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign240828 .js-scroll-item span, .special_view .campaign240828 .js-scroll-item a {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign240828 .js-scroll-item.is-selected span, .special_view .campaign240828 .js-scroll-item.is-selected a {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign240828 .visual .js-scroll-item {
  top: 312px;
  left: -81px;
  width: 100%;
  height: calc(100% - 312px);
}

.special_view .campaign240828 .visual .js-scroll-item > * {
  position: absolute;
  left: 0;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign240828 .visual .js-scroll-item > * > * {
  transform: translate(0, 80%);
  transition: all 0.6s linear;
  opacity: 0;
}

.special_view .campaign240828 .visual .js-scroll-item.is-selected, .special_view .campaign240828 .visual .js-scroll-item.is-selected div {
  overflow: inherit;
}

.special_view .campaign240828 .visual .js-scroll-item.is-selected > * > * {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign240828 .visual .js-scroll-item h2 {
  top: 0;
}

.special_view .campaign240828 .visual .js-scroll-item p {
  top: 244px;
}

.special_view .campaign240828 .visual .js-scroll-item p span {
  transition-delay: 0.6s;
}

.special_view .campaign240828 .visual .js-scroll-item div {
  top: 376px;
}

.special_view .campaign240828 .visual .js-scroll-item div .link.btn_effect01 {
  transition-delay: 1.2s;
}

.special_view .campaign240828 .visual > .link.btn_effect01 {
  top: 688px;
  left: -81px;
}

.special_view .campaign240828 .txtArea {
  position: relative;
}

.special_view .campaign240828 .txtArea.txt01 .js-scroll-item {
  top: 280px;
  left: -78px;
}

.special_view .campaign240828 .txtArea.txt02 .js-scroll-item {
  top: 277px;
  left: calc(50% + 101px);
}

.special_view .campaign240828 .txtArea.txt03 .js-scroll-item {
  top: 263px;
  left: -78px;
}

.special_view .campaign240828 .txtArea.txt04 .js-scroll-item {
  top: 196px;
  left: calc(50% + 102px);
}

.special_view .campaign240828 .txtArea.txt05 h2.js-scroll-item {
  top: 155px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign240828 .txtArea.txt05 ul.js-scroll-item {
  top: 272px;
  left: 50%;
  width: 1180px;
  transform: translateX(-50%);
}

.special_view .campaign240828 .txtArea.txt05 ul.js-scroll-item li {
  float: left;
  width: 380px;
  transform: translateY(-36%);
  transition: all 0.6s ease-out;
  opacity: 0;
}

.special_view .campaign240828 .txtArea.txt05 ul.js-scroll-item li + li {
  margin-left: 20px;
}

.special_view .campaign240828 .txtArea.txt05 ul.js-scroll-item.is-selected li {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign240828 .txtArea.txt05 ul.js-scroll-item.is-selected li:nth-child(2) {
  transition-delay: 0.4s;
}

.special_view .campaign240828 .txtArea.txt05 ul.js-scroll-item.is-selected li:nth-child(3) {
  transition-delay: 0.8s;
}

.special_view .campaign240828 .txtArea.txt06 h2.js-scroll-item {
  top: 125px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign240828 .txtArea.txt06 h2.js-scroll-item span, .special_view .campaign240828 .txtArea.txt06 div.js-scroll-item .link.btn_effect01 {
  transform: translate(0, 50%);
  transition: all 0.6s linear;
}

.special_view .campaign240828 .txtArea.txt06 h2.js-scroll-item.is-selected span, .special_view .campaign240828 .txtArea.txt06 div.js-scroll-item.is-selected .link.btn_effect01 {
  transform: translate(0, 0);
  overflow: inherit;
}

.special_view .campaign240828 .txtArea.txt06 div.js-scroll-item {
  bottom: 184px;
  left: 50%;
  margin-left: -180px;
}

.special_view .campaign240828 .txtArea.txt06 div.js-scroll-item.is-selected {
  overflow: inherit;
}

.special_view .campaign240828 .txtArea.txt07 .js-scroll-item {
  top: 135px;
  left: -80px;
}

.special_view .campaign241030 .link[class*="btn_effect0"] {
  position: absolute;
  width: 360px;
  height: 74px;
}

.special_view .campaign241030 .link[class*="btn_effect0"]:before {
  border-color: #047d4e;
  border-radius: 0;
}

.special_view .campaign241030 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign241030 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign241030 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign241030 .visual .link.btn_effect01 {
  bottom: 182px;
  left: 0;
  transform: translateX(0);
}

.special_view .campaign241030 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 427px;
}

.special_view .campaign241030 .videoArea .link.btn_effect01 {
  bottom: 90px;
  width: 600px;
}

.special_view .campaign241030 .txtArea {
  position: relative;
}

.special_view .campaign241030 .txtArea.txt01 .js-scroll-item {
  top: 159px;
  left: -36px;
}

.special_view .campaign241030 .txtArea.txt02 .js-scroll-item {
  top: 108px;
  left: calc(50% + 141px);
}

.special_view .campaign241030 .txtArea.txt03 .js-scroll-item {
  top: 165px;
  left: -49px;
}

.special_view .campaign241030 .txtArea.txt04 .js-scroll-item {
  top: 130px;
  left: calc(50% + 162px);
}

.special_view .campaign241030 .txtArea.txt05 {
  width: 1020px;
}

.special_view .campaign241030 .txtArea.txt05 .js-scroll-item {
  top: 147px;
  left: 28px;
}

.special_view .campaign241030 .txtArea.txt05 .link.btn_effect01 {
  bottom: 168px;
  left: 0;
  width: 400px;
}

.special_view .campaign241030 .txtArea.txt05 .link.btn_effect01:before {
  border-radius: 10px;
}

/* 위드미 목걸이
------------------------------------------------------------------------------- */
.special_view .campaign241212 .visual figcaption {
  position: absolute;
  top: 50px;
  z-index: 3;
  display: none;
}

/* 종료시 display:none */
/* 종료시 --------- */
.special_view .campaign241212 .visual > span img {
  opacity: 0;
}

.special_view .campaign241212 .visual:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1920px;
  height: 100%;
  background: url("/upload/newdesign/20241212/page1920_wm_01_close.jpg") 50% 0 no-repeat;
  transform: translateX(-50%);
  display: block;
  content: '';
}

.special_view .campaign241212 .visual:has(figcaption h1 a):after {
  background-image: url("/upload/newdesign/20241212/page1920_wm_01_ad_close.jpg");
}

/* --------- 종료시 */
/* 활성화시 --------- */
/*.special_view .campaign241212 .visual figcaption > * {position:absolute; left:0;}
.special_view .campaign241212 .visual h2 {top:201px;}
.special_view .campaign241212 .visual p {top:296px; display:flex; align-items:center;}
.special_view .campaign241212 .visual p span:nth-child(4),
.special_view .campaign241212 .visual p span:nth-child(5),
.special_view .campaign241212 .visual p span:nth-child(8),
.special_view .campaign241212 .visual p span:nth-child(10),
.special_view .campaign241212 .visual p span:nth-child(13),
.special_view .campaign241212 .visual p span:nth-child(15) {margin-left:5px;}
.special_view .campaign241212 .visual .link.btn_effect02 {top:370px; width:362px; display:block; overflow:hidden;}
.special_view .campaign241212 .visual .link.btn_effect02:after {background-image:url("/upload/newdesign/20241212/page1920_wm_01_btn_on.png");}
.special_view .campaign241212 .visual.js-scroll-item > span {transform:scale(1.2); transition:all 1.4s linear;}
.special_view .campaign241212 .visual.is-selected > span {transform:scale(1);}
.special_view .campaign241212 .visual.js-scroll-item figcaption > * span {position:relative; transition:all 0.3s linear; opacity:0; display:block; z-index:3;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected figcaption > * span {opacity:1; z-index:5;}
.special_view .campaign241212 .visual.js-scroll-item h2 span {transform:translateY(-30px); transition:all 0.6s linear; }
.special_view .campaign241212 .visual.js-scroll-item.is-selected h2 span {transform:translateY(0);}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(1) {transition-delay:0.4s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(2) {transition-delay:0.5s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(3) {transition-delay:0.6s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(4) {transition-delay:0.7s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(5) {transition-delay:0.8s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(6) {transition-delay:0.9s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(7) {transition-delay:1.0s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(8) {transition-delay:1.1s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(9) {transition-delay:1.2s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(10) {transition-delay:1.3s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(11) {transition-delay:1.4s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(12) {transition-delay:1.5s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(13) {transition-delay:1.6s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(14) {transition-delay:1.7s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(15) {transition-delay:1.8s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(16) {transition-delay:1.9s;}
.special_view .campaign241212 .visual.js-scroll-item.is-selected p span:nth-child(17) {transition-delay:2.0s;}*/
/* --------- 활성화시 */
.special_view .campaign241212 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 427px;
}

.special_view .campaign241212 .txtArea {
  position: relative;
}

.special_view .campaign241212 .txtArea figcaption.js-scroll-item {
  top: 0;
  width: 100%;
}

.special_view .campaign241212 .txtArea figcaption.js-scroll-item > *:not(span):not(.link) {
  position: absolute;
  overflow: hidden;
  z-index: 5;
}

.special_view .campaign241212 .txtArea .js-scroll-item {
  position: absolute;
  font-size: 0;
  line-height: 0;
}

.special_view .campaign241212 .txtArea .js-scroll-item:not(figcaption) {
  overflow: hidden;
}

.special_view .campaign241212 .txtArea .js-scroll-item:not([class*='icon0']):not([class*='bg0']) span {
  position: relative;
  transform: translateY(100%);
  transition: all 0.6s linear;
  opacity: 0;
  display: block;
  z-index: 5;
}

.special_view .campaign241212 .txtArea .js-scroll-item.is-selected:not([class*='icon0']):not([class*='bg0']) span {
  transform: translateY(0) !important;
  opacity: 1;
}

.special_view .campaign241212 .txtArea .js-scroll-item *[class*='pic0'] span, .special_view .campaign241212 .txtArea *[class*='pic0'].js-scroll-item span {
  transform: translateY(10%);
}

.special_view .campaign241212 .txtArea .js-scroll-item.is-selected *[class*='pic0'] span, .special_view .campaign241212 .txtArea *[class*='pic0'].js-scroll-item.is-selected span {
  transform: translateY(0) !important;
}

.special_view .campaign241212 .txtArea *[class*='pic0'] img {
  transition: all 0.7s 0.2s ease;
  transform-origin: center;
  transform: scale(1.05);
}

.special_view .campaign241212 .txtArea *[class*='pic0'].js-scroll-item.is-selected img, .special_view .campaign241212 .txtArea .js-scroll-item.is-selected *[class*='pic0'] img {
  transform: scale(1);
}

.special_view .campaign241212 .txtArea *[class*='pic0']:hover img {
  transform: scale(1.05) !important;
}

.special_view .campaign241212 .txtArea.txt01 h2, .special_view .campaign241212 .txtArea.txt01 .txt {
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign241212 .txtArea.txt01 h2 {
  top: 93px;
}

.special_view .campaign241212 .txtArea.txt01 .txt {
  top: 180px;
}

.special_view .campaign241212 .txtArea.txt01 .js-scroll-item.is-selected p span {
  transition-delay: 0.3s;
}

.special_view .campaign241212 .txtArea.txt02 .js-scroll-item {
  top: 132px;
  left: 50%;
  margin-left: 64px;
}

.special_view .campaign241212 .txtArea.txt02 .txt {
  top: 82px;
}

.special_view .campaign241212 .txtArea.txt02 .pic {
  top: 237px;
}

.special_view .campaign241212 .txtArea.txt02 .js-scroll-item p.pic span {
  transform: translateY(50px);
}

.special_view .campaign241212 .txtArea.txt02 .js-scroll-item.is-selected p.txt span {
  transition-delay: 0.3s;
}

.special_view .campaign241212 .txtArea.txt02 .js-scroll-item.is-selected p.pic span {
  transition-delay: 0.7s;
}

.special_view .campaign241212 .txtArea.txt03 .js-scroll-item h2, .special_view .campaign241212 .txtArea.txt03 .js-scroll-item p.txt {
  left: 50%;
  margin-left: 126px;
}

.special_view .campaign241212 .txtArea.txt03 .js-scroll-item h2 {
  top: 208px;
}

.special_view .campaign241212 .txtArea.txt03 .js-scroll-item p.txt {
  top: 282px;
}

.special_view .campaign241212 .txtArea.txt03 .pic01.js-scroll-item {
  top: 124px;
  right: 50%;
}

.special_view .campaign241212 .txtArea.txt03 .pic02.js-scroll-item {
  top: 630px;
  left: 50%;
  margin-left: -140px;
}

.special_view .campaign241212 .txtArea.txt04 .js-scroll-item h2, .special_view .campaign241212 .txtArea.txt04 .js-scroll-item p.txt {
  left: -68px;
}

.special_view .campaign241212 .txtArea.txt04 .js-scroll-item h2 {
  top: 229px;
}

.special_view .campaign241212 .txtArea.txt04 .js-scroll-item p.txt {
  top: 310px;
}

.special_view .campaign241212 .txtArea.txt04 .pic01.js-scroll-item {
  top: 125px;
  left: 50%;
}

.special_view .campaign241212 .txtArea.txt04 .pic02.js-scroll-item {
  top: 629px;
  right: 50%;
  margin-right: -127px;
}

.special_view .campaign241212 .txtArea.txt05 .js-scroll-item h2, .special_view .campaign241212 .txtArea.txt05 .js-scroll-item p.txt {
  left: 50%;
  margin-left: 126px;
}

.special_view .campaign241212 .txtArea.txt05 .js-scroll-item h2 {
  top: 208px;
}

.special_view .campaign241212 .txtArea.txt05 .js-scroll-item p.txt {
  top: 282px;
}

.special_view .campaign241212 .txtArea.txt05 .pic01.js-scroll-item {
  top: 128px;
  right: 50%;
}

.special_view .campaign241212 .txtArea.txt05 .pic02.js-scroll-item {
  top: 630px;
  left: 50%;
  margin-left: -140px;
}

.special_view .campaign241212 .txtArea.txt06 h2, .special_view .campaign241212 .txtArea.txt06 .txt {
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign241212 .txtArea.txt06 h2 {
  top: 114px;
}

.special_view .campaign241212 .txtArea.txt06 .txt {
  top: 168px;
}

.special_view .campaign241212 .txtArea.txt06 .js-scroll-item.is-selected p span {
  transition-delay: 0.3s;
}

.special_view .campaign241212 .txtArea.txt07 .picArea {
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}

.special_view .campaign241212 .txtArea.txt07 .picArea li + li {
  margin-left: 20px;
}

.special_view .campaign241212 .txtArea.txt07 .picArea figure {
  position: relative;
}

.special_view .campaign241212 .txtArea.txt07 .picArea figure > span:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  animation: picBlock 6s step-end infinite;
}

.special_view .campaign241212 .txtArea.txt07 .picArea li:nth-child(2) figure > span:nth-child(2) {
  animation-delay: 0.5s;
}

.special_view .campaign241212 .txtArea.txt07 .picArea li:nth-child(3) figure > span:nth-child(2) {
  animation-delay: 1s;
}

.special_view .campaign241212 .txtArea.txt07 .picArea li:nth-child(4) figure > span:nth-child(2) {
  animation-delay: 1.5s;
}

.special_view .campaign241212 .txtArea.txt07 .figArea {
  position: absolute;
  left: 50%;
  width: 1020px;
  transform: translateX(-50%);
}

.special_view .campaign241212 .txtArea.txt07 .fig01 {
  top: 607px;
}

.special_view .campaign241212 .txtArea.txt07 .fig01 .pic01 {
  left: 0;
  margin-left: -2px;
  transform: translateX(-100%);
}

.special_view .campaign241212 .txtArea.txt07 .fig01 .pic02 {
  right: 50%;
  margin-right: 64px;
}

.special_view .campaign241212 .txtArea.txt07 .fig01 .pic02.is-selected span {
  transition-delay: 0.3s;
}

.special_view .campaign241212 .txtArea.txt07 .fig01 figcaption {
  position: absolute;
  top: 322px;
  left: 50%;
  margin-left: 225px;
}

.special_view .campaign241212 .txtArea.txt07 .fig01 .txt {
  top: 157px;
}

.special_view .campaign241212 .txtArea.txt07 .fig02 {
  top: 1456px;
}

.special_view .campaign241212 .txtArea.txt07 .fig02 .icon01 {
  top: 0;
  left: -24px;
  animation: motionStar 1.5s linear infinite alternate;
}

.special_view .campaign241212 .txtArea.txt07 .fig02 h2 {
  top: 43px;
  left: 2px;
}

.special_view .campaign241212 .txtArea.txt07 .fig02 .pic01 {
  top: 210px;
  left: -2px;
}

.special_view .campaign241212 .txtArea.txt07 .fig02 .pic02 {
  top: 210px;
  left: 50%;
  margin-left: -192px;
}

.special_view .campaign241212 .txtArea.txt07 .fig02 .pic03 {
  top: -136px;
  left: 50%;
  margin-left: 223px;
}

.special_view .campaign241212 #photoSlide {
  left: 50%;
  width: 1920px;
  padding: 92px 0;
  background: url("/upload/newdesign/20241212/page1920_wm_11.jpg") 0 50%/cover no-repeat;
  transform: translateX(-50%);
}

.special_view .campaign241212 #photoSlide ol {
  width: max-content;
  display: flex;
  animation: flowAuto 10s linear infinite;
}

.special_view .campaign241212 #photoSlide ol li + li {
  margin-left: 19px;
}

.special_view .campaign241212 #photoSlide img:not(:hover) {
  filter: grayscale(1);
}

.special_view .campaign241212 .txtArea.txt08 h2 {
  top: 126px;
  left: 50%;
  margin-left: 128px;
}

.special_view .campaign241212 .txtArea.txt08 .bg01 {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign241212 .txtArea.txt08 .bg01 img {
  transition: all 1s linear;
  transform-origin: center;
}

.special_view .campaign241212 .txtArea.txt08 .bg01.is-selected img {
  transform: scale(1.1);
}

.special_view .campaign241212 .txtArea.txt09 h2, .special_view .campaign241212 .txtArea.txt09 .txt {
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign241212 .txtArea.txt09 h2 {
  top: 183px;
}

.special_view .campaign241212 .txtArea.txt09 .txt {
  top: 91px;
}

.special_view .campaign241212 .txtArea.txt09 .js-scroll-item.is-selected h2 span {
  transition-delay: 0.3s;
}

.special_view .campaign241212 .txtArea.txt10 .js-scroll-item {
  top: 50%;
}

.special_view .campaign241212 .txtArea.txt10 .txt {
  left: 50%;
  transform: translateY(-50%);
}

.special_view .campaign241212 .txtArea.txt11 .js-scroll-item {
  top: 228px;
  left: 50%;
  margin-left: 128px;
}

.special_view .campaign241212 .txtArea.txt11 .js-scroll-item h2 {
  margin-left: -13px;
}

.special_view .campaign241212 .txtArea.txt11 .txt01 {
  top: 139px;
}

.special_view .campaign241212 .txtArea.txt11 .txt02 {
  top: 259px;
}

.special_view .campaign241212 .txtArea.txt11 .js-scroll-item.is-selected .txt01 span {
  transition-delay: 0.3s;
}

.special_view .campaign241212 .txtArea.txt11 .js-scroll-item.is-selected .txt02 span {
  transition-delay: 0.6s;
}

.special_view .campaign241212 .txtArea.txt11 .link.btn_effect01 {
  top: 432px;
  width: 360px;
  height: 80px;
  display: none;
}

/* 종료시 display:none */
.special_view .campaign241212 .txtArea.txt11 .link.btn_effect01:before {
  border: 3px solid #d16c81;
  border-radius: 15px;
  animation: lineFadeOut 1s linear infinite;
}

.special_view .campaign241212 .faqArea {
  position: relative;
}

.special_view .campaign241212 .tabArea {
  position: absolute;
  top: 211px;
  left: 50%;
  width: 1164px;
  padding-top: 99px;
  transform: translateX(-50%);
}

.special_view .campaign241212 .tabArea h3 {
  position: absolute;
  top: 0;
}

.special_view .campaign241212 .tabArea h3:nth-of-type(1) {
  left: 0;
}

.special_view .campaign241212 .tabArea h3:nth-of-type(2) {
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign241212 .tabArea h3:nth-of-type(3) {
  right: 0;
}

.special_view .campaign241212 .faqArea dl.faq dt:not(:nth-child(1)) {
  margin-top: 10px;
}

.special_view .campaign241212 .faqArea dl.faq dt {
  position: relative;
}

.special_view .campaign241212 .faqArea dl.faq dt:after {
  position: absolute;
  right: 71px;
  top: 50%;
  width: 17px;
  height: 17px;
  font-size: 0;
  background: url("/upload/newdesign/20241212/page1920_wm_FAQ_fold_off.png") 50% no-repeat;
  transform: translateY(-50%);
  display: block;
  content: '+';
}

.special_view .campaign241212 .faqArea dl.faq dt.on:after {
  background-image: url("/upload/newdesign/20241212/page1920_wm_FAQ_fold_on.png");
  content: '-';
}

.special_view .campaign241212 .faqArea dl.faq dd {
  margin-top: 4px;
}

@keyframes picBlock {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  50% {
    opacity: 1;
    visibility: inherit;
  }
}

@keyframes motionStar {
  0% {
    transform: rotate(0deg);
  }

  49% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(30deg);
  }

  100% {
    transform: rotate(30deg);
  }
}

@keyframes flowAuto {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.special_view .campaign250115 .link[class*="btn_effect0"] {
  position: absolute;
  width: 600px;
  height: 74px;
}

.special_view .campaign250115 .link[class*="btn_effect0"]:before {
  border-color: #623c29;
  border-radius: 0;
}

.special_view .campaign250115 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign250115 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign250115 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign250115 .visualArea .link {
  position: absolute;
  width: 360px;
}

.special_view .campaign250115 .visualArea.pic01 .link {
  bottom: 186px;
}

.special_view .campaign250115 .visualArea.pic02 .link {
  bottom: 266px;
}

.special_view .campaign250115 .videoArea iframe {
  top: 80px;
  bottom: inherit;
  width: 760px;
  height: 427px;
}

.special_view .campaign250115 .videoArea .link.btn_effect01 {
  bottom: 100px;
}

.special_view .campaign250115 .txtArea {
  position: relative;
}

.special_view .campaign250115 .txtArea.txt01 .js-scroll-item {
  top: 114px;
  left: -29px;
}

.special_view .campaign250115 .txtArea.txt02 .js-scroll-item {
  top: 140px;
  left: calc(50% + 161px);
}

.special_view .campaign250115 .txtArea.txt03 .js-scroll-item {
  top: 120px;
  left: -60px;
}

.special_view .campaign250115 .txtArea.txt04 .js-scroll-item {
  top: 99px;
  left: calc(50% + 125px);
}

.special_view .campaign250115 .txtArea.txt05 .js-scroll-item {
  top: 119px;
  left: -39px;
}

.special_view .campaign250115 .txtArea.txt06 .js-scroll-item {
  top: 102px;
  left: calc(50% + 106px);
}

.special_view .campaign250115 .txtArea.txt07 .js-scroll-item {
  top: 78px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign250115 .txtArea.txt07 .link.btn_effect01 {
  bottom: 111px;
  width: 420px;
}

.special_view .campaign250115 .txtArea.txt07 .link.btn_effect01:before {
  border-color: #2e8551;
}

.special_view .campaign250307 .link[class*="btn_effect0"] {
  position: absolute;
  width: 600px;
  height: 74px;
}

.special_view .campaign250307 .link[class*="btn_effect0"]:before {
  border-color: #4d4d08;
  border-radius: 0;
}

.special_view .campaign250307 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign250307 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign250307 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign250307 .videoArea iframe {
  top: 0;
  bottom: inherit;
  width: 1000px;
  height: 562px;
}

.special_view .campaign250307 .videoArea .link.btn_effect01 {
  bottom: 62px;
}

.special_view .campaign250307 .txtArea {
  position: relative;
}

.special_view .campaign250307 .txtArea.txt01 .js-scroll-item {
  top: 40px;
  left: -22px;
}

.special_view .campaign250307 .txtArea.txt02 .js-scroll-item {
  top: 62px;
  left: -1px;
}

.special_view .campaign250307 .txtArea.txt03 .js-scroll-item {
  top: 77px;
  left: calc(50% + 170px);
}

.special_view .campaign250307 .txtArea.txt03 video {
  position: absolute;
  top: 629px;
  left: calc(50% + 142px);
  z-index: 5;
}

.special_view .campaign250307 .txtArea.txt04 .js-scroll-item {
  top: 110px;
  left: calc(50% + 155px);
}

.special_view .campaign250307 .txtArea.txt05 h3.js-scroll-item {
  top: 193px;
  left: -5px;
}

.special_view .campaign250307 .txtArea.txt05 h2.js-scroll-item {
  top: 314px;
  left: -37px;
}

.special_view .campaign250307 .txtArea.txt05 h2.js-scroll-item.is-selected span {
  transition-delay: 1.2s;
}

.special_view .campaign250307 .vodArea figcaption {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1020px;
  transform: translateX(-50%);
}

.special_view .campaign250307 .vodArea .link.btn_effect01 {
  bottom: 223px;
  width: 400px;
  left: calc(50% - 527px);
  z-index: 5;
}

.special_view .campaign250307 .vodArea .link.btn_effect01:before {
  border-radius: 5px;
}

.special_view .campaign250401 .link[class*="btn_effect0"] {
  width: 378px;
  height: 72px;
}

.special_view .campaign250401 .link[class*="btn_effect0"]:before {
  border-color: #ac394f;
  border-radius: 10px;
}

.special_view .campaign250401 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign250401 .js-scroll-item span, .special_view .campaign240828 .js-scroll-item a {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign250401 .js-scroll-item.is-selected span, .special_view .campaign240828 .js-scroll-item.is-selected a {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign250401 .visual .link.btn_effect01 {
  bottom: 183px;
  left: -68px;
}

.special_view .campaign250401 .txtArea {
  position: relative;
}

.special_view .campaign250401 .txtArea.txt01 .js-scroll-item {
  top: 132px;
  left: -86px;
}

.special_view .campaign250401 .txtArea.txt02 .js-scroll-item {
  top: 101px;
  left: calc(50% + 175px);
}

.special_view .campaign250401 .txtArea.txt03 .js-scroll-item {
  top: 112px;
  left: -87px;
}

.special_view .campaign250401 .txtArea.txt04 .js-scroll-item {
  top: 162px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign250401 .txtArea.txt04 .link.btn_effect01 {
  bottom: 127px;
}

.special_view .campaign250422 .link[class*="btn_effect0"] {
  position: absolute;
  width: 600px;
  height: 74px;
}

.special_view .campaign250422 .link[class*="btn_effect0"]:before {
  border-color: #773800;
  border-radius: 0;
}

.special_view .campaign250422 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign250422 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign250422 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign250422 .visualArea .link {
  position: absolute;
  bottom: 221px;
  width: 360px;
}

.special_view .campaign250422 .videoArea iframe {
  top: 60px;
  bottom: inherit;
  width: 1000px;
  height: 562px;
}

.special_view .campaign250422 .videoArea .link.btn_effect01 {
  bottom: 70px;
}

.special_view .campaign250422 .txtArea {
  position: relative;
}

.special_view .campaign250422 .txtArea.txt01 .js-scroll-item {
  top: 128px;
  left: -30px;
}

.special_view .campaign250422 .txtArea.txt02 .js-scroll-item {
  top: 151px;
  left: calc(50% + 169px);
}

.special_view .campaign250422 .txtArea.txt03 .js-scroll-item {
  top: 138px;
  left: -31px;
}

.special_view .campaign250422 .txtArea.txt04 .js-scroll-item {
  top: 189px;
  right: -31px;
}

.special_view .campaign250422 .txtArea.txt05 h3.js-scroll-item {
  top: 103px;
  right: -57px;
}

.special_view .campaign250422 .txtArea.txt05 h3.js-scroll-item span {
  opacity: 1;
}

.special_view .campaign250422 .txtArea.txt05 h2.js-scroll-item {
  top: 201px;
  right: -93px;
}

.special_view .campaign250422 .vodArea figcaption {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1020px;
  transform: translateX(-50%);
}

.special_view .campaign250422 .vodArea .link.btn_effect01 {
  bottom: 116px;
  width: 360px;
  left: calc(50% + 220px);
  z-index: 5;
}

.special_view .campaign250422 .vodArea .link.btn_effect01:before {
  border-radius: 5px;
  border-color: #18530f;
}

.special_view .campaign250612 .link[class*="btn_effect0"] {
  position: absolute;
  height: 72px;
}

.special_view .campaign250612 .link[class*="btn_effect0"]:before {
  border-color: #a63d31;
  border-radius: 8px;
}

.special_view .campaign250612 .visual .link.btn_effect01 {
  top: 570px;
  left: -50px;
  width: 380px;
  z-index: 5;
}

.special_view .campaign250612 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign250612 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign250612 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign250612 .visual, .special_view .campaign250612 .txtArea {
  position: relative;
}

.special_view .campaign250612 .txtArea .js-scroll-item[class*="pic0"] span {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign250612 .txtArea.txt01 h2.js-scroll-item {
  top: 403px;
  left: -39px;
}

.special_view .campaign250612 .txtArea.txt01 .pic01.js-scroll-item {
  top: 60px;
  left: -29px;
  z-index: 6;
}

.special_view .campaign250612 .txtArea.txt01 .pic02.js-scroll-item {
  top: 68px;
  left: 301px;
}

.special_view .campaign250612 .txtArea[class*="txt0"]:not(.txt05) .pic02.js-scroll-item span {
  transition-delay: 0.4s;
}

.special_view .campaign250612 .txtArea.txt02 h2.js-scroll-item {
  top: 94px;
  right: -45px;
}

.special_view .campaign250612 .txtArea.txt02 .pic01.js-scroll-item {
  right: 279px;
  bottom: 107px;
  z-index: 6;
}

.special_view .campaign250612 .txtArea.txt02 .pic02.js-scroll-item {
  right: -30px;
  bottom: 82px;
}

.special_view .campaign250612 .txtArea.txt03 h2.js-scroll-item {
  top: 392px;
  left: -40px;
}

.special_view .campaign250612 .txtArea.txt03 .pic01.js-scroll-item {
  top: 49px;
  left: -30px;
  z-index: 6;
}

.special_view .campaign250612 .txtArea.txt03 .pic02.js-scroll-item {
  top: 28px;
  left: 280px;
}

.special_view .campaign250612 .txtArea.txt04 h2.js-scroll-item {
  top: 182px;
  right: -99px;
}

.special_view .campaign250612 .txtArea.txt04 .link.btn_effect01 {
  top: 431px;
  right: -31px;
  width: 420px;
}

.special_view .campaign250612 .txtArea.txt05 .js-scroll-item[class*="pic0"] span {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign250612 .txtArea.txt05 .pic01.js-scroll-item {
  top: 269px;
  left: 55px;
}

.special_view .campaign250612 .txtArea.txt05 .pic02.js-scroll-item {
  top: 297px;
  left: 313px;
}

.special_view .campaign250612 .txtArea.txt05 .pic03.js-scroll-item {
  top: 296px;
  left: 542px;
}

.special_view .campaign250612 .txtArea.txt05 .pic04.js-scroll-item {
  top: 297px;
  left: 773px;
}

.special_view .campaign250612 .txtArea.txt05 .pic01.js-scroll-item span {
  transition-delay: 0.4s;
}

.special_view .campaign250612 .txtArea.txt05 .pic02.js-scroll-item span {
  transition-delay: 0.6s;
}

.special_view .campaign250612 .txtArea.txt05 .pic03.js-scroll-item span {
  transition-delay: 0.8s;
}

.special_view .campaign250612 .txtArea.txt05 .pic04.js-scroll-item span {
  transition-delay: 1s;
}

.special_view .campaign250612 .txtArea .js-scroll-item.is-selected[class*="pic0"] span, .special_view .campaign250612 .txtArea.txt05 .js-scroll-item.is-selected[class*="pic0"] span {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign250806 .link[class*="btn_effect0"] {
  position: absolute;
  width: 600px;
  height: 74px;
}

.special_view .campaign250806 .link[class*="btn_effect0"]:before {
  border-color: #fdb632;
  border-radius: 0;
}

.special_view .campaign250806 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign250806 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign250806 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign250806 .js-scroll-item[class*="pic0"] {
  overflow: inherit;
}

.special_view .campaign250806 .js-scroll-item[class*="pic0"] span {
  transform: translateY(-150px);
  transition-timing-function: ease-out;
  opacity: 0;
}

.special_view .campaign250806 .js-scroll-item[class*="pic0"].is-selected span {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign250806 .visualArea .link {
  position: absolute;
  top: 398px;
  width: 360px;
}

.special_view .campaign250806 .videoArea iframe {
  top: 60px;
  bottom: inherit;
  width: 1000px;
  height: 562px;
}

.special_view .campaign250806 .videoArea .link.btn_effect01 {
  bottom: 58px;
}

.special_view .campaign250806 .txtArea {
  position: relative;
}

.special_view .campaign250806 .txtArea.txt01 .js-scroll-item {
  top: 83px;
  left: calc(50% + 113px);
}

.special_view .campaign250806 .txtArea.txt01 .pic01 {
  top: 852px;
  left: calc(50% - 2px);
  z-index: 5;
}

.special_view .campaign250806 .txtArea.txt01 .pic02 {
  top: 828px;
  left: calc(50% + 216px);
  z-index: 3;
}

.special_view .campaign250806 .txtArea.txt01 .pic02 span {
  transition-delay: 0.6s;
}

.special_view .campaign250806 .txtArea.txt02 .js-scroll-item {
  top: 80px;
  left: -3px;
}

.special_view .campaign250806 .txtArea.txt03 .js-scroll-item {
  top: 142px;
  left: -3px;
}

.special_view .campaign250806 .txtArea.txt04 .js-scroll-item {
  top: 118px;
  left: calc(50% + 113px);
}

.special_view .campaign250806 .txtArea.txt05 .js-scroll-item {
  top: 88px;
  left: -27px;
}

.special_view .campaign250806 .txtArea.txt05 .pic01 {
  top: 639px;
  left: 2px;
}

.special_view .campaign250806 .txtArea.txt06 .js-scroll-item {
  top: 259px;
  left: calc(50% + 125px);
}

.special_view .campaign250806 .txtArea.txt07 .js-scroll-item {
  top: 108px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign250806 .vodArea figcaption {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1020px;
  transform: translateX(-50%);
}

.special_view .campaign250806 .vodArea .link.btn_effect01 {
  top: 516px;
  left: calc(50% + 162px);
  width: 420px;
  z-index: 5;
}

.special_view .campaign250806 .vodArea .link.btn_effect01:before {
  border-radius: 5px;
}

/* 유앤미 목걸이
------------------------------------------------------------------------------- */
.special_view .campaign250811 {
  margin: 0 -150px;
}

.special_view .campaign250811 .link.btn_effect02 {
  position: absolute;
  display: block;
  overflow: hidden;
}

.special_view .campaign250811 .slideArea .swiper-pagination .swiper-pagination-bullet {
  margin: 0 7px;
  border-color: #fff;
  background: #fff;
  opacity: 0.7;
}

.special_view .campaign250811 .slideArea .swiper-pagination .swiper-pagination-bullet-active {
  border-color: #fff;
  background: #fff;
  opacity: 1;
}

.special_view .campaign250811 .visual figcaption, .special_view .campaign250811 .pic01 figcaption {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  z-index: 3;
}

.special_view .campaign250811 .visual figcaption > * {
  position: absolute;
}

.special_view .campaign250811 .visual:not(.st01) figcaption > *:not(h1) {
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign250811 .visual h1 {
  top: 42px;
  left: 0;
  transform: translateX(0);
}

.special_view .campaign250811 .visual h1:has(a) {
  top: 37px;
}

.special_view .campaign250811 .visual p {
  top: 562px;
}

.special_view .campaign250811 .visual .link.btn_effect02 {
  top: 657px;
  width: 548px;
  height: 96px;
  display: block;
  overflow: hidden;
}

.special_view .campaign250811 .visual:not(.st01) .link.btn_effect02:after {
  background-image: url("/upload/newdesign/20250811/page1920_ym_01_btn_on.png");
}

.special_view .campaign250811 .visual:not(.st01).js-scroll-item > span {
  transform: scale(1.2);
  transition: all 0.8s ease-out;
}

.special_view .campaign250811 .visual:not(.st01).is-selected > span {
  transform: scale(1);
}

.special_view .campaign250811 .visual.js-scroll-item figcaption > * span {
  position: relative;
  transition: all 0.8s ease-out;
  transform: translateY(80%);
  opacity: 0;
  display: block;
  z-index: 3;
}

.special_view .campaign250811 .visual.is-selected figcaption > * span {
  transition-delay: 0.8s;
  transform: translateY(0);
  opacity: 1;
  z-index: 5;
}

.special_view .campaign250811 .visual:not(.st01).js-scroll-item h1 {
  transition: all 0.8s ease-out;
  opacity: 0;
}

.special_view .campaign250811 .visual:not(.st01).is-selected h1 {
  transition-delay: 0.8s;
  opacity: 1;
}

.special_view .campaign250811 .visual.st01 p {
  top: 549px;
  left: 3px;
}

.special_view .campaign250811 .visual.st01 .link.btn_effect01 {
  top: 685px;
  left: -7px;
  width: 340px;
  height: 82px;
}

.special_view .campaign250811 .visual.st01 .link.btn_effect01:before {
  border-color: #3387d3;
  border-radius: 45px;
}

.special_view .campaign250811 .txtArea {
  position: relative;
}

.special_view .campaign250811 .txtArea .js-scroll-item, .special_view .campaign250811 .slideArea .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign250811 .txtArea .js-scroll-item span, .special_view .campaign250811 .txtArea .js-scroll-item li, .special_view .campaign250811 .slideArea .js-scroll-item span {
  position: relative;
  transition: all 0.8s ease-out;
  opacity: 0;
  display: block;
  z-index: 3;
}

.special_view .campaign250811 .txtArea .js-scroll-item.is-selected span, .special_view .campaign250811 .txtArea .js-scroll-item.is-selected li, .special_view .campaign250811 .slideArea .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign250811 .txtArea.txt01 .js-scroll-item {
  left: calc(50% + 29px);
  display: flex;
}

.special_view .campaign250811 .txtArea.txt01 .js-scroll-item span {
  transform: translateY(100%);
  opacity: 0;
}

.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.is-selected span {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont01 {
  top: 165px;
}

/*.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont01 span:nth-of-type(2) {transition-delay:0.6s;}
.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont01 span:nth-of-type(3) {transition-delay:1.2s;}
.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont01 span:nth-of-type(4) {transition-delay:1.8s;}
.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont01 span:nth-of-type(5) {transition-delay:2.4s;}*/
.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont02 {
  top: 207px;
}

.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont02.is-selected span {
  transition-delay: 1.2s;
}

/*.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont02 span:nth-of-type(1) {transition-delay:3.0s;}
.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont02 span:nth-of-type(2) {transition-delay:3.4s;}
.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont02 span:nth-of-type(3) {transition-delay:3.8s;}
.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont02 span:nth-of-type(4) {transition-delay:4.4s;}
.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont02 span:nth-of-type(5) {transition-delay:5.0s;}
.special_view .campaign250811 .txtArea.txt01 .js-scroll-item.cont02 span:nth-of-type(6) {transition-delay:5.6s;}*/
/*.special_view .campaign250811 .txtArea.pic01 figcaption {width:1920px; display:flex; align-items:center;}
.special_view .campaign250811 .txtArea.pic01 figcaption p:nth-child(odd) {margin-bottom:6px;}
.special_view .campaign250811 .txtArea.pic01 figcaption p:nth-child(even) {margin-bottom:4px;}
.special_view .campaign250811 .txtArea.pic01 figcaption p:not(:first-child) {margin-left:52px;}*/
.special_view .campaign250811 #photoSlide {
  left: 50%;
  width: 1920px;
  height: 1152px;
  background: url("/upload/newdesign/20250811/page1920_ym_03.jpg") 50% 0 no-repeat;
  transform: translateX(-50%);
}

.special_view .campaign250811 #photoSlide ol {
  width: max-content;
  height: 100%;
  animation: flowAuto 30s linear infinite;
  display: flex;
  align-items: center;
}

.special_view .campaign250811 #photoSlide ol li + li {
  margin-left: 52px;
}

.special_view .campaign250811 #photoSlide ol li:nth-child(odd) {
  margin-bottom: 6px;
}

.special_view .campaign250811 #photoSlide ol li:nth-child(even) {
  margin-bottom: 4px;
}

.special_view .campaign250811 #photoSlide ol li:nth-child(4n+1) .js-scroll-item.is-selected span {
  transition-delay: 0.4s;
}

.special_view .campaign250811 #photoSlide ol li:nth-child(4n+2) .js-scroll-item.is-selected span {
  transition-delay: 1.2s;
}

.special_view .campaign250811 #photoSlide ol li:nth-child(4n) .js-scroll-item.is-selected span {
  transition-delay: 0.8s;
}

.special_view .campaign250811 #photoSlide .js-scroll-item {
  position: relative;
  overflow: inherit;
}

.special_view .campaign250811 #photoSlide .js-scroll-item span {
  transform: translateY(50px);
  opacity: 0;
}

.special_view .campaign250811 #photoSlide .js-scroll-item.is-selected span {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign250811 .txtArea.txt02 .js-scroll-item {
  top: 134px;
  left: 4px;
}

.special_view .campaign250811 .localContArea {
  position: relative;
}

/*.special_view .campaign250811 .localContArea #localNav {position:absolute; top:100px; left:50%; transform:translateX(-960px); width:437px; text-align:center; background:#f3f3f3;}
.special_view .campaign250811 .localContArea #localNav li:not(:first-child) {margin-top:30px;}
.special_view .campaign250811 .localContArea #localNav li a {position:relative; width:268px; height:56px; display:block;}
.special_view .campaign250811 .localContArea #localNav li a:before {position:absolute; top:0; left:0; bottom:0; right:0; width:0; height:100%; background-position:0 0; background-repeat:no-repeat; transition:all 0.3s linear; display:block; content:''; z-index:1;}
.special_view .campaign250811 .localContArea #localNav li.on a:before {width:100%;}
.special_view .campaign250811 .localContArea #localNav li.on:first-child a:before {background-image:url("/upload/newdesign/20250811/page1920_ym_nav01_on.png");}
.special_view .campaign250811 .localContArea #localNav li.on:nth-child(2) a:before {background-image:url("/upload/newdesign/20250811/page1920_ym_nav02_on.png");}
.special_view .campaign250811 .localContArea #localNav.fix {position:fixed;}
.special_view .campaign250811 .localContArea #localNav.off {top:auto; bottom:150px;}*/
.special_view .campaign250811 .localContArea h2 {
  position: absolute;
  top: 60px;
  left: -33px;
  z-index: 3;
}

.special_view .campaign250811 .localContArea .swiper {
  width: 1920px;
  margin: 0 -300px;
}

.special_view .campaign250811 .localContArea .js-scroll-item {
  overflow: inherit;
}

.special_view .campaign250811 .localContArea .js-scroll-item span {
  transform: translateY(60px);
  opacity: 0;
}

.special_view .campaign250811 .localContArea .js-scroll-item.is-selected span {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign250811 .localContArea .js-scroll-item.cont01.is-selected span {
  transition-delay: 0.4s;
}

.special_view .campaign250811 .localContArea .js-scroll-item.cont02.is-selected span {
  transition-delay: 1.2s;
}

/*.special_view .campaign250811 .localContArea .js-scroll-item.cont03.is-selected span {transition-delay:0.6s;}*/
.special_view .campaign250811 .txtArea.pic02 .js-scroll-item.cont01 {
  top: 113px;
  left: -43px;
}

.special_view .campaign250811 .txtArea.pic02 .js-scroll-item.cont02 {
  top: 482px;
  left: 435px;
}

.special_view .campaign250811 .txtArea.pic02 .js-scroll-item.cont03 {
  top: 1064px;
  left: calc(50% + 240px);
}

.special_view .campaign250811 .txtArea.pic03 .js-scroll-item.cont01 {
  top: 90px;
  left: calc(50% - 47px);
}

.special_view .campaign250811 .txtArea.pic03 .js-scroll-item.cont02 {
  top: 222px;
  left: calc(50% - 82px);
}

.special_view .campaign250811 .txtArea.pic03 .js-scroll-item.cont03 {
  top: 1053px;
  left: 50px;
}

.special_view .campaign250811 .txtArea.txt03 .js-scroll-item {
  top: 179px;
  left: calc(50% + 226px);
}

.special_view .campaign250811 .txtArea.txt03 .link.btn_effect02 {
  top: 333px;
  left: calc(50% + 217px);
  width: 452px;
  height: 128px;
}

.special_view .campaign250811 .txtArea.txt03 .link.btn_effect02:after {
  background-image: url("/upload/newdesign/20250811/page1920_ym_07_btn_on.png");
}

.special_view .campaign250811 .txtArea.txt04 .slideArea {
  position: absolute;
  top: 278px;
  left: 50%;
  width: 600px;
  transform: translateX(-50%);
}

.special_view .campaign250811 .txtArea.txt04 .ico {
  position: absolute;
  top: 182px;
  width: 51px;
  height: 52px;
  margin: 0;
  z-index: 5;
}

.special_view .campaign250811 .txtArea.txt04 .ico.swiper-prev {
  left: -168px;
  background-image: url("/upload/newdesign/20250811/page1920_ym_08_btn_prev.png");
}

.special_view .campaign250811 .txtArea.txt04 .ico.swiper-next {
  left: calc(50% + 415px);
  background-image: url("/upload/newdesign/20250811/page1920_ym_08_btn_next.png");
}

.special_view .campaign250811 .txtArea.txt04 .swiper-pagination {
  position: static;
  margin-top: 10px;
}

.special_view .campaign250811 .txtArea.txt04 .swiper-pagination .swiper-pagination-bullet {
  margin: 0 7px;
  border-color: #ebf7ff;
  background: #ebf7ff;
  opacity: 1;
}

.special_view .campaign250811 .txtArea.txt04 .swiper-pagination .swiper-pagination-bullet-active {
  border-color: #70a0c2;
  background: #70a0c2;
  opacity: 1;
}

.special_view .campaign250811 .txtArea.txt05 ul.js-scroll-item {
  top: 232px;
  width: 1320px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 22px;
  overflow: inherit;
}

.special_view .campaign250811 .txtArea.txt05 ul.js-scroll-item li {
  transform: translateY(64%);
  opacity: 0;
}

.special_view .campaign250811 .txtArea.txt05 ul.js-scroll-item.is-selected li {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign250811 .txtArea.txt05 ul.js-scroll-item.is-selected li:nth-child(2) {
  transition-delay: 0.4s;
}

.special_view .campaign250811 .txtArea.txt05 ul.js-scroll-item.is-selected li:nth-child(3) {
  transition-delay: 0.8s;
}

.special_view .campaign250811 .txtArea.txt05 ul.js-scroll-item.is-selected li:nth-child(4) {
  transition-delay: 1.2s;
}

.special_view .campaign250811 .txtArea.txt06 .js-scroll-item {
  top: 214px;
  left: 0;
}

.special_view .campaign250811 .txtArea.txt06 .link.btn_effect02 {
  top: 405px;
  left: calc(50% + 269px);
  width: 401px;
  height: 128px;
}

.special_view .campaign250811 .txtArea.txt06 .link.btn_effect02:after {
  background-image: url("/upload/newdesign/20250811/page1920_ym_10_btn_on.png");
}

.special_view .campaign250811 .faqArea {
  position: relative;
  font-size: 0;
  line-height: 0;
}

.special_view .campaign250811 .tabArea {
  position: absolute;
  top: 234px;
  left: 0;
  width: 100%;
  padding-top: 111px;
}

.special_view .campaign250811 .tabArea h3 {
  position: absolute;
  top: 0;
}

.special_view .campaign250811 .tabArea h3:nth-of-type(1) {
  left: 0;
}

.special_view .campaign250811 .tabArea h3:nth-of-type(2) {
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign250811 .tabArea h3:nth-of-type(3) {
  right: 0;
}

.special_view .campaign250811 .faqArea dl.faq dt:not(:nth-child(1)) {
  margin-top: 13px;
}

.special_view .campaign250811 .faqArea dl.faq dt {
  position: relative;
  z-index: 3;
}

.special_view .campaign250811 .faqArea dl.faq dt:after {
  position: absolute;
  right: 30px;
  top: 50%;
  width: 35px;
  height: 21px;
  font-size: 0;
  background: url("/upload/newdesign/20250811/page1920_ym_FAQ_fold_off.png") 50% no-repeat;
  transform: translateY(-50%);
  display: block;
  content: '▽';
}

.special_view .campaign250811 .faqArea dl.faq dt.on:after {
  background-image: url("/upload/newdesign/20250811/page1920_ym_FAQ_fold_on.png");
  content: '△';
}

.special_view .campaign250811 .faqArea dl.faq dd {
  position: relative;
  margin-top: -1px;
  z-index: 5;
}

.special_view .campaign251023 .link[class*="btn_effect0"] {
  position: absolute;
  width: 600px;
  height: 74px;
}

.special_view .campaign251023 .link[class*="btn_effect0"]:before {
  border-color: #e29900;
  border-radius: 0;
}

.special_view .campaign251023 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign251023 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign251023 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign251023 .js-scroll-item[class*="pic0"] {
  overflow: inherit;
}

.special_view .campaign251023 .js-scroll-item[class*="pic0"] span {
  transform: translateY(-150px);
  transition-timing-function: ease-out;
  opacity: 0;
}

.special_view .campaign251023 .js-scroll-item[class*="pic0"].is-selected span {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign251023 .visualArea .link {
  position: absolute;
  bottom: 234px;
  width: 475px;
}

.special_view .campaign251023 .videoArea iframe {
  top: 60px;
  bottom: inherit;
  width: 1000px;
  height: 562px;
}

.special_view .campaign251023 .videoArea .link.btn_effect01 {
  bottom: 140px;
}

.special_view .campaign251023 .supportArea h2.js-scroll-item {
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign251023 .txtArea {
  position: relative;
}

.special_view .campaign251023 .txtArea.txt01 .js-scroll-item {
  top: 105px;
  left: calc(50% + 199px);
}

.special_view .campaign251023 .txtArea.txt02 .js-scroll-item {
  top: 81px;
  left: -16px;
}

.special_view .campaign251023 .txtArea.txt02 .pic01 {
  top: 745px;
  left: 0;
  z-index: 5;
}

.special_view .campaign251023 .txtArea.txt03 .js-scroll-item {
  top: 66px;
  left: calc(50% + 201px);
}

.special_view .campaign251023 .txtArea.txt03 .pic01 {
  top: 607px;
  left: calc(50% + 215px);
  z-index: 5;
}

.special_view .campaign251023 .txtArea.txt04.supportArea .js-scroll-item {
  top: 70px;
}

.special_view .campaign251023 .supportArea.support01 .link.btn_effect01 {
  top: 414px;
}

.special_view .campaign251023 .supportArea.support01 .link.btn_effect01:before {
  border-color: #b85c02;
}

.special_view .campaign251023 .txtArea.txt05 .js-scroll-item {
  top: 119px;
  left: -41px;
}

.special_view .campaign251023 .txtArea.txt06 .js-scroll-item {
  top: 118px;
  left: calc(50% + 203px);
}

.special_view .campaign251023 .txtArea.txt07 .js-scroll-item {
  top: 174px;
  left: -140px;
}

.special_view .campaign251023 .txtArea.txt07 .link.btn_effect01 {
  top: 487px;
  left: -70px;
  width: 460px;
  z-index: 5;
}

.special_view .campaign251023 .txtArea.txt07 .link.btn_effect01:before {
  border-color: #c38400;
}

.special_view .campaign251023 .txtArea.txt08.supportArea h2.js-scroll-item {
  top: 91px;
}

.special_view .campaign251023 .txtArea.txt08.supportArea ul li {
  top: 240px;
}

.special_view .campaign251023 .txtArea.txt08.supportArea ul .js-scroll-item[class*="pic0"] span {
  transition-duration: 1.3s;
}

.special_view .campaign251023 .txtArea.txt08.supportArea ul .pic01 {
  left: -80px;
}

.special_view .campaign251023 .txtArea.txt08.supportArea ul .pic02 {
  left: 210px;
}

.special_view .campaign251023 .txtArea.txt08.supportArea ul .pic02 span {
  transition-delay: 0.6s;
}

.special_view .campaign251023 .txtArea.txt08.supportArea ul .pic03 {
  left: calc(50% - 10px);
}

.special_view .campaign251023 .txtArea.txt08.supportArea ul .pic03 span {
  transition-delay: 1.2s;
}

.special_view .campaign251023 .txtArea.txt08.supportArea ul .pic04 {
  left: calc(50% + 280px);
}

.special_view .campaign251023 .txtArea.txt08.supportArea ul .pic04 span {
  transition-delay: 1.8s;
}

.special_view .campaign251218 .link[class*="btn_effect0"] {
  position: absolute;
  width: 470px;
  height: 100px;
}

.special_view .campaign251218 .link[class*="btn_effect0"]:before {
  border-color: #004d40;
  border-radius: 10px;
}

.special_view .campaign251218 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign251218 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign251218 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign251218 .js-scroll-item[class*="pic0"] {
  overflow: inherit;
}

.special_view .campaign251218 .js-scroll-item[class*="pic0"] span {
  transform: translateY(-150px);
  transition-timing-function: ease-out;
  opacity: 0;
}

.special_view .campaign251218 .js-scroll-item[class*="pic0"].is-selected span {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign251218 .visual .link.btn_effect01 {
  top: 570px;
  left: -67px;
}

.special_view .campaign251218 .visual .link.btn_effect01 img {
  margin: -25px 0 0 -25px;
}

.special_view .campaign251218 .videoArea iframe {
  top: 120px;
  bottom: inherit;
  width: 1000px;
  height: 562px;
}

.special_view .campaign251218 .txtArea {
  position: relative;
}

.special_view .campaign251218 .txtArea.txt01 .js-scroll-item {
  top: 100px;
  left: 615px;
}

.special_view .campaign251218 .txtArea.txt01 .pic01 {
  top: 598px;
  left: 448px;
}

.special_view .campaign251218 .txtArea.txt01 .pic02 {
  top: 600px;
  left: 829px;
}

.special_view .campaign251218 .txtArea.txt01 .pic02 span {
  transition-delay: 0.6s;
}

.special_view .campaign251218 .txtArea.txt02 .js-scroll-item {
  top: 89px;
  left: -37px;
}

.special_view .campaign251218 .txtArea.txt03 .js-scroll-item {
  top: 0;
}

.special_view .campaign251218 .txtArea.txt03 .pic01 {
  left: -450px;
}

.special_view .campaign251218 .txtArea.txt03 .pic02 {
  left: 230px;
}

.special_view .campaign251218 .txtArea.txt03 .pic02 span {
  transition-delay: 0.6s;
}

.special_view .campaign251218 .txtArea.txt03 .pic03 {
  right: -450px;
}

.special_view .campaign251218 .txtArea.txt03 .pic03 span {
  transition-delay: 1.2s;
}

.special_view .campaign251218 .txtArea.txt04 .js-scroll-item {
  top: 129px;
  left: 620px;
}

.special_view .campaign251218 .txtArea.txt05 .js-scroll-item {
  top: 134px;
  left: -25px;
}

.special_view .campaign251218 .txtArea.txt06 .js-scroll-item {
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign251218 .txtArea.txt07 .js-scroll-item {
  top: 173px;
  left: 708px;
}

.special_view .campaign251218 #photoSlide ol {
  width: max-content;
  height: 100%;
  margin: 0 -450px;
  animation: flowAuto 30s linear infinite;
  display: flex;
  align-items: center;
}

.special_view .campaign251218 .txtArea.txt08 .link.btn_effect01 {
  top: 450px;
  left: -34px;
  width: 500px;
  height: 90px;
}

.special_view .campaign251218 .txtArea.txt08 .link.btn_effect01 img {
  margin: -25px 0 0 -25px;
}

.special_view .campaign251218 .txtArea.txt08 .pic01 {
  top: 70px;
  left: 540px;
}

.special_view .campaign251218 .txtArea.txt08 .pic02 {
  top: 283px;
  left: 675px;
  z-index: 5;
}

.special_view .campaign251218 .txtArea.txt08 .pic02 span {
  transition-delay: 0.6s;
}

.special_view .campaign251218 .txtArea.txt09 .js-scroll-item {
  top: 166px;
  left: 580px;
}

.special_view .campaign251218 .txtArea.txt10 .js-scroll-item:not([class*="pic0"]) {
  top: 75px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign251218 .txtArea.txt10 .js-scroll-item[class*="pic0"] {
  top: 214px;
}

.special_view .campaign251218 .txtArea.txt10 ul .js-scroll-item[class*="pic0"] span {
  transition-duration: 1s;
}

.special_view .campaign251218 .txtArea.txt10 .pic01 {
  left: 7px;
}

.special_view .campaign251218 .txtArea.txt10 .pic02 {
  left: 341px;
}

.special_view .campaign251218 .txtArea.txt10 .pic02 span {
  transition-delay: 0.6s;
}

.special_view .campaign251218 .txtArea.txt10 .pic03 {
  left: 675px;
}

.special_view .campaign251218 .txtArea.txt10 .pic03 span {
  transition-delay: 1.2s;
}

.special_view .campaign251226 .link[class*="btn_effect0"] {
  position: absolute;
  display: block;
}

.special_view .campaign251226 .link.btn_effect02 {
  overflow: hidden;
}

.special_view .campaign251226 .link.btn_effect02:hover:after {
  transition: none;
}

.special_view .campaign251226 .js-scroll-item {
  position: absolute;
  overflow: hidden;
  z-index: 3;
}

.special_view .campaign251226 .js-scroll-item span {
  position: relative;
  transition: all 1.8s ease-in;
  opacity: 0.3;
  display: block;
  z-index: 3;
}

.special_view .campaign251226 .js-scroll-item.is-selected span {
  opacity: 1;
  z-index: 5;
}

.special_view .campaign251226 .js-scroll-item[class*="pic0"] {
  overflow: inherit;
}

.special_view .campaign251226 .js-scroll-item[class*="pic0"] span {
  transform: translateY(-150px);
  transition-timing-function: ease-out;
  opacity: 0;
}

.special_view .campaign251226 .js-scroll-item[class*="pic0"].is-selected span {
  transform: translateY(0);
  opacity: 1;
}

.special_view .campaign251226 .visualArea .link {
  position: absolute;
  left: calc(50% + 130px);
  bottom: 200px;
  width: 360px;
}

.special_view .campaign251226 .videoArea iframe {
  top: 65px;
  bottom: inherit;
  width: 1000px;
  height: 562px;
}

.special_view .campaign251226 .videoArea .link.btn_effect02 {
  top: 684px;
  left: 50%;
  transform: translateX(-50%);
}

.special_view .campaign251226 .videoArea .link.btn_effect02:hover:after {
  background-image: url("/upload/newdesign/20251226/page1920_yb_02_btn_on.png");
}

.special_view .campaign251226 .txtArea {
  position: relative;
}

.special_view .campaign251226 .txtArea.txt01 .pic01 {
  top: 70px;
  left: -171px;
}

.special_view .campaign251226 .txtArea.txt01 .pic02 {
  top: 254px;
  left: 435px;
}

.special_view .campaign251226 .txtArea.txt01 .pic02 span {
  transition-delay: 0.6s;
}

.special_view .campaign251226 .txtArea.txt01 .pic03 {
  top: 164px;
  left: 909px;
}

.special_view .campaign251226 .txtArea.txt01 .pic03 span {
  transition-delay: 1.2s;
}

.special_view .campaign251226 .txtArea.txt02 .js-scroll-item {
  top: 149px;
  left: -15px;
}

.special_view .campaign251226 .txtArea.txt03 p:not([class]) {
  position: absolute;
  top: 199px;
  left: 640px;
  z-index: 5;
}

.special_view .campaign251226 .txtArea.txt03 .box01 {
  top: 254px;
  left: 634px;
}

.special_view .campaign251226 .txtArea.txt03 .box02 {
  top: 626px;
  left: 874px;
}

.special_view .campaign251226 .txtArea.txt03 .box02 span {
  transition-delay: 0.6s;
}

.special_view .campaign251226 .txtArea.txt04 p:not([class]) {
  position: absolute;
  top: 180px;
  left: -11px;
  z-index: 5;
}

.special_view .campaign251226 .txtArea.txt04 .js-scroll-item {
  top: 248px;
  left: -16px;
}

.special_view .campaign251226 .txtArea.txt05 .js-scroll-item {
  top: 152px;
  left: -9px;
}

.special_view .campaign251226 .txtArea.txt05 .link.btn_effect02 {
  top: 733px;
  left: 605px;
}

.special_view .campaign251226 .txtArea.txt05 .link.btn_effect02:hover:after {
  background-image: url("/upload/newdesign/20251226/page1920_yb_06_btn_on.png");
}

.special_view .campaign251226 .txtArea.txt06 .pic01 {
  top: 74px;
  left: 4px;
  z-index: 4;
}

.special_view .campaign251226 .txtArea.txt06 .pic02 {
  top: 244px;
  left: 565px;
}

.special_view .campaign251226 .txtArea.txt06 .pic02 span {
  transition-delay: 0.6s;
}

.special_view .campaign251226 .txtArea.txt06 .pic03 {
  position: absolute;
  top: 104px;
  left: -361px;
  z-index: 5;
}

.special_view .campaign251226 .txtArea.txt07 .js-scroll-item {
  top: 110px;
  left: -15px;
}

.special_view .campaign251226 .txtArea.txt08 .link.btn_effect02 {
  top: 525px;
  left: 619px;
}

.special_view .campaign251226 .txtArea.txt08 .link.btn_effect02:hover:after {
  background-image: url("/upload/newdesign/20251226/page1920_yb_08_btn_on.png");
}

.special_view .campaign251226 .txtArea.txt09 .js-scroll-item[class*="pic0"] {
  top: 494px;
}

.special_view .campaign251226 .txtArea.txt09 ul .js-scroll-item[class*="pic0"] span {
  transition-duration: 1s;
}

.special_view .campaign251226 .txtArea.txt09 .pic01 {
  left: -78px;
}

.special_view .campaign251226 .txtArea.txt09 .pic02 {
  left: 212px;
}

.special_view .campaign251226 .txtArea.txt09 .pic02 span {
  transition-delay: 0.6s;
}

.special_view .campaign251226 .txtArea.txt09 .pic03 {
  left: 502px;
}

.special_view .campaign251226 .txtArea.txt09 .pic03 span {
  transition-delay: 1.2s;
}

.special_view .campaign251226 .txtArea.txt09 .pic04 {
  left: 792px;
}

.special_view .campaign251226 .txtArea.txt09 .pic04 span {
  transition-delay: 1.8s;
}

/* 슬라이드
------------------------------------------------------------------------------------------------------*/
.slideArea {
  position: relative;
}

.slideArea .slideCont {
  position: absolute;
  top: 204px;
  left: 50%;
  width: 1020px;
  transform: translateX(-50%);
}

.slideArea .swiper-pagination {
  bottom: -57px;
  width: 100%;
}

.slideArea .swiper-pagination .swiper-pagination-bullet, .slideArea .swiper-pagination .swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border: 1px solid #298951;
  background: transparent;
  opacity: 1;
}

.slideArea .swiper-pagination .swiper-pagination-bullet-active {
  border-color: #298951;
  background: #298951;
}

.slideArea .swiper-prev, .slideArea .swiper-next {
  position: absolute;
  top: 245px;
  left: 50%;
  width: 30px;
  height: 58px;
  background-repeat: no-repeat;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.slideArea .swiper-prev {
  margin-left: -622px;
  background-image: url("/upload/miral/static/img/bg/campaign/btn_slidePrev01.png");
}

.slideArea .swiper-next {
  margin-left: 592px;
  background-image: url("/upload/miral/static/img/bg/campaign/btn_slideNext01.png");
}

.slideArea.st01 .slideCont {
  top: 239px;
}

.slideArea.st01 .swiper-pagination {
  bottom: -81px;
  z-index: 5;
}

.slideArea.st01 .swiper-prev, .slideArea.st01 .swiper-next {
  top: 308px;
}

.slideArea.st02 .slideCont {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  transform: none;
}

.slideArea.st02 .swiper-pagination {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  margin-top: 40px;
}

.slideArea.st02 .swiper-prev, .slideArea.st02 .swiper-next {
  top: 50%;
  width: 43px;
  height: 82px;
  margin-top: -21px;
}

.slideArea.st02 .swiper-prev {
  left: 4%;
  margin-left: 0;
}

.slideArea.st02 .swiper-next {
  right: 4%;
  left: auto;
  margin-left: 0;
}

.slideArea.em01 .swiper-pagination .swiper-pagination-bullet, .slideArea.em01 .swiper-pagination .swiper-pagination-bullet-active {
  border-color: #fff;
}

.slideArea.em01 .swiper-pagination .swiper-pagination-bullet-active {
  border-color: #fff;
  background: #fff;
}

.slideArea.em01 .swiper-prev {
  margin-left: -622px;
  background-image: url("/upload/miral/static/img/bg/campaign/btn_slidePrev02.png");
}

.slideArea.em01 .swiper-next {
  margin-left: 592px;
  background-image: url("/upload/miral/static/img/bg/campaign/btn_slideNext02.png");
}

.slideArea.em02 .swiper-pagination .swiper-pagination-bullet, .slideArea.em02 .swiper-pagination .swiper-pagination-bullet-active {
  width: 11px;
  height: 11px;
  margin: 0 7.5px;
  border-color: #ddd;
  background: #ddd;
}

.slideArea.em02 .swiper-pagination .swiper-pagination-bullet-active {
  width: 40px;
  border-color: #ff6468;
  background: #ff6468;
  border-radius: 8px;
}

.slideArea.em02 .swiper-prev {
  background-image: url("/images/donate/btn_slidePrev03.png");
}

.slideArea.em02 .swiper-next {
  background-image: url("/images/donate/btn_slideNext03.png");
}

.slideArea.em03 .swiper-pagination .swiper-pagination-bullet, .slideArea.em03 .swiper-pagination .swiper-pagination-bullet-active {
  border: none;
  background: #fff;
  opacity: 0.2;
}

.slideArea.em03 .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

.slideArea.em03 .swiper-prev {
  background-image: url("/images/donate/btn_slidePrev04.png");
}

.slideArea.em03 .swiper-next {
  background-image: url("/images/donate/btn_slideNext04.png");
}

/* 단추효과-220518 */
.btn_effect01 {
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.btn_effect01 img {
  position: relative;
  z-index: 3;
}

.btn_effect01:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  content: '';
  z-index: 0;
}

.btn_effect01:hover:before, .btn_effect01:focus:before, .btn_effect01:active:before {
  -webkit-animation-name: lineFadeOut;
  animation-name: lineFadeOut;
}

@keyframes lineFadeOut {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

/* 기업후원 */
.company_list {
  font-size: 15px;
}

.company_list em {
  font-size: 15px;
  color: #00b551;
  display: block;
  margin-top: 8px;
}

/* 물품후원 */
.donate_goods .hd {
  margin-bottom: 40px;
}

.donate_goods .input_form .form_radio span {
  font-size: 16px;
  color: #444;
}

.donate_goods .input_form .form_radio + .form_radio {
  margin-left: 60px;
}

.donate_goods .input_form .notes {
  margin-top: 10px;
}

.donate_goods .input_form .notes span + .btn.txt {
  margin-left: 6px;
}

.article_banner {
  background: url(../images/donate/bg_donate_banner_04.jpg) 50% 0 no-repeat;
  height: 320px;
  margin-top: 35px;
  padding-bottom: 30px
}

.sec_goods_guide {
  padding: 30px 0 60px 0;
}

/* 후원신청하기 */
.donate_sum_list ul {
  border-bottom: 1px dashed #ddd;
  margin: 0 28px;
}

.donate_apply_wrapper .btns_wrapper {
  margin-top: 40px;
}

.donate_apply_wrapper .btns_wrapper.more {
  margin-top: 30px;
  margin-bottom: 33px;
}

.donate_apply_wrapper .input_form dt {
  width: 160px;
}

.donate_apply_wrapper .input_form dt span {
  color: #888888;
  font-size: 15px;
  line-height: 23px;
  font-weight: 100;
  margin-top: 6px;
  display: inline-block;
}

.apply_sec {
  margin-top: 20px;
}

.apply_sec .title {
  text-align: left;
  margin-bottom: 18px;
  overflow: hidden;
}

.apply_sec .title h3 {
  font-size: 20px;
  color: #000000;
  display: inline-block;
}

.apply_sec .title p {
  font-size: 17px;
  color: #666666;
}

.apply_sec .title span {
  display: inline-block;
  float: right;
  font-size: 15px;
}

.apply_sec .title h3 + span {
  padding-top: 5px;
}

.apply_sec .input_form {
  margin-bottom: 0;
  overflow: visible;
}

.apply_sec .input_form .form_radio {
  width: 160px;
}

.apply_sec .input_form dd.wide_radio .form_radio {
  display: block;
  margin-top: 18px;
}

.apply_sec .input_form dd.wide_radio .form_radio:first-child {
  margin-top: 0;
}

.apply_sec .input_form .form_area dl:first-child {
  border-top: 1px solid #ddd;
}

/*후원step*/
.donate_step.step1 {
  background: url(../images/common/bg_donate_01.png) no-repeat;
}

.donate_step.step2 {
  background: url(../images/common/bg_donate_02.png) no-repeat;
}

.donate_step.step3 {
  background: url(../images/common/bg_donate_03.png) no-repeat;
}

.donate_step ul {
  overflow: hidden;
}

.donate_step ul li {
  float: left;
  width: 33.3%;
  line-height: 56px;
  text-align: center;
  font-size: 18px;
  color: #666666;
  font-weight: normal;
}

.donate_step.step1 li:first-child {
  color: #00b551;
}

.donate_step.step2 li:first-child+li {
  color: #00b551;
}

.donate_step.step3 li:first-child+li+li {
  color: #00b551;
}

/*후원 상단 박스*/
.donate_top {
  background: #f9f9fa url(../images/common/icon_donate_top.png) no-repeat 96% 50%;
  padding: 35px 40px;
  margin-top: 40px;
}

.donate_top strong {
  color: #000000;
  font-weight: normal;
  display: block;
  font-size: 20px;
}

.donate_top p {
  color: #666666;
  line-height: 27px;
  margin-top: 13px;
}

.donate_top p em {
  color: #00b551;
}

.donate_top p .btn {
  margin-top: -6px;
}

/*후원선택내역*/
.donate_sum_wrapper h4 {
  background-color: #00b551;
  padding: 0 28px;
  height: 51px;
  line-height: 51px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.donate_sum_list {
  border: 1px solid #00b551;
  border-top: 0;
}

.donate_sum_list ul {
  padding: 0 28px;
}

.donate_sum_list ul li {
  border-top: 1px dashed #dddddd;
  position: relative;
}

.donate_sum_list ul li:first-child {
  border-top: 0;
}

.donate_sum_list ul li .form_checkbox {
  padding: 24px 0;
  width: 280px;
}

.donate_sum_list ul li .form_checkbox span, .donate_check_wrapper .form_checkbox span {
  font-size: 17px;
}

.donate_check_wrapper .form_checkbox a {
  text-decoration: underline;
  margin-left: 5px;
  font-size: 17px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}

.donate_sum_list ul li .form_select + .form_text {
  margin-left: 8px;
}

.donate_sum_list ul li .number {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 24px;
  margin-top: -12px;
  font-size: 15px;
}

.donate_sum_list ul li .number em {
  font-size: 20px;
  color: #00b551;
}

.donate_sum_list ul li p {
  line-height: 70px;
}

.donate_sum_foot {
  background-color: #f5f6f8;
  padding: 0 28px;
  height: 60px;
  line-height: 60px;
  position: relative;
}

.donate_sum_foot strong {
  color: #000000;
  font-weight: normal;
}

.donate_sum_foot .total {
  position: absolute;
  right: 28px;
  top: 50%;
  line-height: 24px;
  margin-top: -12px;
  font-size: 15px;
}

.donate_sum_foot .total em {
  font-size: 24px;
  color: #00b551;
  font-weight: bold;
}

/*약관동의*/
.donate_check_wrapper {
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
}

.donate_check_wrapper .check_all {
  padding: 20px 20px 14px;
  border-bottom: 1px solid #ddd;
}

.donate_check_wrapper .check_all .form_checkbox span {
  color: #000000;
  font-weight: normal;
}

.donate_check_wrapper .check_list {
  padding: 10px 20px 30px;
  overflow: hidden;
}

.donate_check_wrapper .check_list .form_checkbox {
  display: block;
  margin-top: 20px;
  float: left;
  width: 50%;
}

.donate_check_wrapper .check_list .form_checkbox span em {
  color: #ff6468;
  font-weight: bold;
}

.donate_check_wrapper .form_checkbox + .form_checkbox {
  margin-left: 0;
}

/*툴팁*/
.form_radio a.tooltip {
  position: relative;
  display: inline-block;
}

.form_radio .tooltip em {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/common/icon_tooltip.png) no-repeat;
  margin-left: 7px;
  text-indent: -999px;
  overflow: hidden;
}

.form_radio .tooltip .tooltip_cont {
  position: absolute;
  left: -35px;
  top: 30px;
  width: 490px;
  border: 1px solid #222222;
  background-color: #fff;
  padding: 16px;
  z-index: 1;
  display: none;
}

.form_radio .tooltip .tooltip_cont:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 6px;
  background: url(../images/common/bg_tooltip_arr.png) no-repeat;
  position: absolute;
  left: 47px;
  bottom: 100%;
}

.form_radio .tooltip .tooltip_cont p {
  line-height: 23px;
  padding-left: 6px;
  position: relative;
  font-size: 15px;
}

.form_radio .tooltip .tooltip_cont p:before {
  content: '-';
  color: #666;
  font-size: 15px;
  position: absolute;
  left: 0;
  top: 0;
}

.form_radio .tooltip .tooltip_cont p + p {
  margin-top: 4px;
}

.donate_complete .complete_text {
  background: url(../images/common/icon_donate_end.png) no-repeat 50% 0;
  padding-top: 98px;
  text-align: center;
  margin: 65px 0 40px;
}

.donate_complete .complete_text strong {
  font-size: 24px;
  color: #000000;
  font-weight: bold;
  line-height: 45px;
}

.donate_complete .complete_text p {
  color: #000000;
}

.complete_text strong em, .complete_text p em,.complete_box p em {
  color: #00b551;
}

.donate_complete .complete_box {
  background-color: #f9f9fa;
  padding: 40px 0;
  text-align: center;
  margin-bottom: 40px;
}

.donate_complete .complete_box p.note {
  font-size: 15px;
  color: #888888;
  font-weight: 100;
  line-height: 23px;
  margin-top: 10px;
}

/* 결연 */
.sec_donate.bonding_02 .bonding_step ul li {
  width: 208px;
  height: 200px;
}

/* 2020기업후원 */
.support2020 .bg_gray {
  background-color: #f9f9fa;
}

.support2020 .sec_donate {
  padding: 0
}

.support2020 .sec_donate.gray {
  padding: 60px 0
}

.support2020 .tab_wrapper {
  margin-top: 60px
}

.support2020 .donate_benefit .hd {
  margin-bottom: 40px;
}

.support2020 .story_tit {
  padding: 20px 0;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 28px;
  color: #000000;
  font-weight: bold;
  border-top: 2px solid #222222;
  border-bottom: 1px solid #222222;
}

.donate_banner.partner {
  background-image: url(../images/donate/bg_donate_banner_03-2.jpg);
  padding: 111px 0 111px
}

.support2020 .donate_banner.company {
  background-image: url(../images/donate/donate_support_bg.jpg);
  background-position: center;
  padding: 60px 0
}

.support2020 .donate_banner.company .inner {
  padding-left: 610px;
  text-align: left;
  width: 570px;
}

.support2020 .donate_banner.company .company_tit {
  padding-left: 80px;
}

.support2020 .donate_banner.company .company_tit strong {
  font-size: 40px;
  color: #00b551;
  line-height: 1.3em;
  font-weight: bold;
  letter-spacing: -2px;
}

.support2020 .donate_banner.company .company_tit p {
  font-size: 40px;
  color: #00b551;
  line-height: 1.3em;
  letter-spacing: -2px;
}

.support2020 .donate_banner.company .line {
  width: 100%;
  height: 1px;
  display: block;
  background: #00b551;
  margin: 30px auto
}

.support2020 .donate_banner.company .partnership {
  padding-left: 80px;
}

.support2020 .donate_banner.company .partnership .hd {
  text-align: left;
}

.support2020 .donate_banner.company .partnership .hd h3 {
  color: #fff;
  font-size: 20px;
  padding: 0;
  line-height: normal
}

.support2020 .donate_banner.company .partnership .hd h3::after {
  left: auto;
  margin: 4px;
  width: 6px;
  height: 6px
}

.support2020 .donate_banner.company .partnership_list {
  margin-top: 20px;
}

.support2020 .donate_banner.company .partnership_list ul.list {
  overflow: hidden;
}

.support2020 .donate_banner.company .partnership_list ul.list + ul {
  margin-top: 20px;
}

.support2020 .donate_banner.company .partnership_list ul.list li.list_l {
  float: left
}

.support2020 .donate_banner.company .partnership_list ul.list li.list_r {
  float: left;
  width: 300px;
  word-break: keep-all;
  margin-left: 20px;
}

.support2020 .donate_banner.company .partnership_list ul.list .list_tit {
  padding: 30px 0;
  width: 110px;
  border: 1px solid #6d686a;
  font-weight: bold;
  line-height: 1.3em;
  text-align: center;
}

.support2020 .donate_banner.company .partnership_list .sub_tit {
  margin-bottom: 5px;
}

.support2020 .donate_banner.company .partnership_list .sub_tit + ul li {
  opacity: 0.5;
  font-size: 13px;
  position: relative;
  padding-left: 10px;
}

.support2020 .donate_banner.company .partnership_list .sub_tit + ul li::before {
  content: '-';
  margin-left: -8px;
  margin-right: 3px
}

.support2020 .sec_donate.donate_benefit {
  padding: 60px 0 30px;
}

.support2020 .sec_donate.donate_benefit .btns_wrapper {
  margin-top: 20px
}

.support2020 .sec_donate.donate_benefit ul {
  overflow: hidden
}

.support2020 .sec_donate.donate_benefit ul li {
  width: 580px;
  float: left;
}

.support2020 .sec_donate.donate_benefit ul li:nth-child(2n) {
  float: right
}

.support2020 .sec_donate.donate_benefit .desc {
  padding: 30px 0;
  min-height: inherit;
}

.support2020 .sec_donate.donate_benefit .desc strong, .support2020 .sec_donate.donate_benefit .desc p {
  display: block;
  float: left;
  vertical-align: top
}

.support2020 .sec_donate.donate_benefit .desc strong {
  width: 120px;
  font-size: 20px
}

.support2020 .sec_donate.donate_benefit .desc p a {
  margin-top: 10px;
}

.support2020 .sec_donate.donate_field {
  padding: 60px 0 50px 0;
}

.support2020 .sec_donate.donate_field .btns_wrapper {
  margin-top: 20px
}

.support2020 .sec_donate.donate_field ul.subject {
  margin-top: 40px;
  border-top: 2px solid #222;
}

.support2020 .sec_donate.donate_field ul.subject > li {
  padding: 30px 0;
}

.support2020 .sec_donate.donate_field ul.subject > li:not(:first-child) {
  border-top: 1px solid #ddd;
}

.support2020 .sec_donate.donate_field ul.subject figure > span {
  width: 240px;
}

.support2020 .sec_donate.donate_field ul.subject figure figcaption {
  padding-left: 40px;
}

.support2020 .sec_donate.donate_field ul.subject h4 {
  margin: -1px 0 5px 0;
  font-size: 20px;
  color: #000;
  font-weight: 400;
}

.support2020 .sec_donate.donate_field ul.subject ul.list01 {
  margin: 14px 0 8px 0;
}

.support2020 .donate_process {
  background-color: #f9f9fa;
  padding: 60px 0;
}

.support2020 .donate_process .process_icon ul, .support2020 .donate_process ol.process_icon {
  margin: 30px auto;
  overflow: hidden;
}

.support2020 .donate_process .process_icon ul li, .support2020 .donate_process ol.process_icon > li {
  display: block;
  float: left;
  width: 228px;
  height: 228px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  position: relative
}

.support2020 .donate_process .process_icon ul li + li, .support2020 .donate_process ol.process_icon > li + li {
  margin-left: 10px
}

.support2020 .donate_process .process_icon ul li p:first-child {
  padding-top: 40px;
}

.support2020 .donate_process .process_icon ul li .step {
  font-size: 15px;
  font-weight: bold;
  color: #00b551;
  margin-top: 10px
}

.support2020 .donate_process .process_icon ul li + li:before, .support2020 .donate_process ol.process_icon > li + li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  background: url(../images/donate/donate_support_arrow.png) no-repeat;
  width: 43px;
  height: 16px;
  margin-left: -27px;
}

.link_list a:hover {
  text-decoration: underline;
}

.support2020 .donate_process ol.process_icon > li > figure {
  margin-top: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.support2020 .donate_process ol.process_icon > li > figure > span {
  height: 80px;
}

.support2020 .donate_process ol.process_icon > li > figure > figcaption strong {
  margin-top: 18px;
  font-size: 15px;
  line-height: 23px;
  color: #009590;
}

.support2020 .donate_process ol.process_icon > li > figure > figcaption p {
  margin-top: 2px;
  font-size: 17px;
  line-height: 20px;
  color: #333;
}

.support2020 .partner_tit {
  padding: 0 0 20px;
}

.support2020 .partner_logo_wrap {
  padding-bottom: 60px
}

.support2020 .partner_logo_wrap ul {
  overflow: hidden
}

.support2020 .partner_logo_wrap ul li {
  display: block;
  width: 218px;
  height: 170px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  background: #fff;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: 2px solid #ddd;
  text-align: center
}

.support2020 .partner_logo_wrap ul li:nth-child(5n) {
  margin-right: 0
}

.support2020 .partner_logo_wrap ul li a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.support2020 .partner_logo_wrap ul li a .logo_box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.support2020 .partner_logo_wrap ul li a .logo_box img {
  display: block;
  margin: 0 auto;
  /*max-height:100px; max-width:100%*/
  width: 138px;
  height: 40px
}

.support2020 .partner_logo_wrap ul li .table_box {
  display: table;
  width: 100%;
  height: 120px
}

.support2020 .partner_logo_wrap ul li .table_box .table_cell {
  display: table-cell;
  vertical-align: middle
}

.support2020 .partner_logo_wrap ul li:hover {
  border-bottom-color: #00b551;
}

.support2020 .partner_logo_wrap ul li:hover a {
  color: #00b551;
}

.support2020 .partner_logo_wrap + .pagination {
  padding-bottom: 130px;
}

.support2020 .service_list {
  border-top: 2px solid #222222;
  border-bottom: 1px solid #222222;
  margin-bottom: 40px;
}

.support2020 .service_list dl {
  display: table;
  border-top: 1px solid #ddd;
  width: 100%;
}

.support2020 .service_list dl:first-child {
  border-top: 0;
}

.support2020 .service_list dl dt {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  text-align: center
}

.support2020 .service_list dl dd {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 30px 0;
}

.support2020 .service_list dl dd .b {
  font-size: 17px;
  color: #000000;
  font-weight: normal;
}

.support2020 .service_list dl dd span {
  color: #00b551;
  font-size: 15px;
  margin-top: 10px;
  display: block
}

.support2020 .service_list .icon_s {
  display: block;
  width: 66px;
  height: 66px;
  margin: 0 auto;
}

.support2020 .service_list .icon_s.s_call {
  background: url(../images/donate/icon_call.png) no-repeat;
}

/************ 특별후원 2021 ************/
.special_top {
  background: #dcdcd4 url(../images/donate/special/top_visual_01.jpg) center no-repeat;
  padding: 100px 0
}

.special_top .txt_wrap {
  padding-left: 510px;
  text-align: center
}

.special_top .txt_wrap .img {
  margin-bottom: 10px;
}

.special_top .txt_wrap .tit {
  font-size: 50px;
  color: #333;
  font-weight: 700;
  line-height: 1.2em
}

.special_top .txt_wrap .tit span {
  color: #126e5c
}

.special_top .txt_wrap .desc {
  font-size: 18px;
  color: #666;
}

.special_top .txt_wrap .line {
  width: 250px;
  height: 1px;
  background: #000;
  opacity: 0.2;
  margin: 40px auto;
  display: block;
}

.special_top.bg2 {
  background: #000 url(../images/donate/special/top_visual_02.jpg) center no-repeat;
  background-size: cover
}

/*.special_top.bg2 .txt_wrap .tit,
.special_top.bg2 .txt_wrap .desc {color:#fff}
.special_top.bg2 .txt_wrap .tit span { color:#00b551}*/
.special_top.bg2 .txt_wrap .desc2 {
  font-size: 14px;
  color: #666;
  margin-top: 10px
}

/*.special_top.bg2 .txt_wrap .line {background:#fff}*/
.support2020.special_center .partner_logo_wrap {
  padding-bottom: 20px
}

.support2020.special_center .partner_logo_wrap ul li .cate {
  display: block;
  margin: 0 auto 2px;
  color: #00b551
}

.support2020.special_center .partner_logo_wrap ul li .table_box {
  height: 98px;
}

.special_center .type_list {
  text-align: center;
  margin: 10px auto 30px
}

.special_center .type_list a {
  display: inline-block
}

.special_center .type_list a + a {
  margin-left: 20px;
}

.special_center .type_list a .ic {
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 160px;
  border-radius: 160px;
  background: #f9f9fa url("../images/donate/special/center_icon_01.png") center no-repeat
}

.special_center .type_list a.center_type_1 .ic {
  background-image: url("../images/donate/special/center_icon_01.png")
}

.special_center .type_list a.center_type_2 .ic {
  background-image: url("../images/donate/special/center_icon_02.png")
}

.special_center .type_list a.center_type_3 .ic {
  background-image: url("../images/donate/special/center_icon_03.png")
}

.special_center .type_list a.center_type_1.active .ic {
  background-color: #05ae50;
  background-image: url("../images/donate/special/center_icon_01_on.png")
}

.special_center .type_list a.center_type_2.active .ic {
  background-color: #05ae50;
  background-image: url("../images/donate/special/center_icon_02_on.png")
}

.special_center .type_list a.center_type_3.active .ic {
  background-color: #05ae50;
  background-image: url("../images/donate/special/center_icon_03_on.png")
}

.special_center .type_list a .txt {
  color: #333;
  font-size: 18px;
  display: inline-block;
  text-align: center;
  margin-top: 10px
}

.special_center .type_list a.active .txt {
  font-weight: 700
}

.special_center .center_message {
  background: url("../images/donate/special/message.jpg") bottom no-repeat;
}

.special_center .center_message .inner {
  padding: 150px 60px 80px;
}

.special_center .center_message .message1 {
  color: #00b551;
  font-size: 16px;
  font-weight: 700
}

.special_center .center_message .message2 {
  color: #333;
  font-size: 34px;
  margin-top: 10px;
  line-height: 1em
}

.special_center .center_message .message2 strong {
  font-weight: 700
}

.special_center .center_message .message3 {
  color: #666;
  font-size: 16px;
  margin-top: 60px;
  line-height: 1.6em;
}

.special_center .center_message_desc {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 20px
}

.special_center .center_message_desc .message_box {
  width: 50%;
  display: table-cell;
  vertical-align: top
}

.special_center .center_message_desc .message_box p {
  color: #666;
  font-size: 16px;
  line-height: 2em
}

.special_center .center_message_desc .message_box p strong {
  color: #333
}

.special_center .center_message_desc .message_box p.tit {
  color: #333;
  font-size: 18px;
  margin-bottom: 10px;
}

.special_center .bd_t {
  border-top: 1px solid #eee
}

.special_center .thumb_wrap ul {
  overflow: hidden
}

.special_center .thumb_wrap ul li {
  width: 580px;
  float: left;
  text-align: center
}

.special_center .thumb_wrap ul li + li {
  float: right
}

.special_center .thumb_wrap ul li .thumb {
  margin-bottom: 10px
}

.special_center .thumb_wrap ul li .desc {
  font-size: 15px;
  color: #333
}

.special_center .thumb_wrap ul li .desc strong {
  display: block;
  margin: 0 auto 4px;
}

.special_center .table_type_02 table td {
  text-align: left
}

.special_center .table_desc {
  color: #999;
  font-size: 14px
}

.special_center table + .table_desc {
  margin-top: 10px
}

.special_center .form_checkarea .form_checkbox {
  width: 100px;
  padding-left: 40px;
}

.special_center .form_checkarea .form_checkbox.donate span::before {
  left: -30px
}

.support2020.special_center .sec_donate.donate_benefit {
  background: #f8f8f8
}

.support2020.special_center .donate_benefit .hd {
  margin-bottom: 0
}

.support2020.special_center .sec_donate.donate_benefit .desc p {
  width: 410px
}

.support2020.special_center .sec_donate.donate_benefit .desc strong {
  width: 160px
}

.support2020.special_center .partner_logo_wrap ul {
  text-align: center
}

.support2020.special_center .partner_logo_wrap ul li {
  display: inline-block;
  float: none
}

.support2020.special_center .desc_area ul li span {
  color: #999;
  font-size: 14px;
  line-height: 1.4em;
  display: block;
  margin-top: 10px
}

.support2020.special_center .desc_area ul li table th {
  border-top: 1px solid #333;
  border-bottom: 1px solid #d5d5d5;
  padding: 10px;
  text-align: center;
  color: #333;
  font-size: 16px
}

.support2020.special_center .desc_area ul li table td {
  border-bottom: 1px solid #d5d5d5;
  padding: 10px;
  text-align: center;
  color: #666;
  font-size: 16px
}

.support2020.special_center .desc_area ul li table th + th, .support2020.special_center .desc_area ul li table td + td {
  border-left: 1px solid #d5d5d5
}

.support2020.special_center .table_type_02 table tr td {
  height: 50px;
}

.support2020 .process_icon .tit {
  line-height: 18px;
}

.support2020 .justify {
  text-align: justify;
  text-align-last: justify;
}

.support2020 .tit + .justify {
  padding-right: 40px
}

/* 2023 특별후원 */
#container.specialSupport {
  background: url("../images/donate/special/top_visual_03.jpg") no-repeat;
  background-size: auto 960px;
  background-position: center 50px;
}

.visual_content {
  width: 1180px;
  height: 750px;
  margin: 0 auto;
  color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}

.visual_content h3 {
  font-size: 56px;
  line-height: 72px;
}

.visual_content p {
  margin-top: 30px;
  font-size: 22px;
  line-height: 40px;
}

#companionSlide, #familySlide, .donate_campaign.slideArea .swiper-slide > ul {
  background: url("../images/donate/special/bg_companion01.jpg");
}

#companionSlide .slideCont .swiper-container, #familySlide .slideCont .swiper-container {
  width: 1180px;
  margin: 40px auto 0 auto;
}

#verticalSlide {
  position: relative;
  height: 960px;
  background: #00594c;
  overflow: hidden;
}

#verticalSlide h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -316px 0 0 100px;
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  z-index: 5;
}

#verticalSlide ol {
  width: 100vw;
  height: 960px;
  transform: none;
  overflow: hidden;
}

#verticalSlide ol > li {
  height: 960px !important;
  box-sizing: border-box;
}

#verticalSlide figure {
  width: 100vw;
  height: 960px;
}

#verticalSlide figure span {
  position: absolute;
  top: 0;
  right: 50%;
  width: 50vw;
  height: 960px;
  overflow: hidden;
  opacity: 0;
}

#verticalSlide figure span:after {
  padding-bottom: 75%;
  display: block;
  content: "";
}

#verticalSlide figure span img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  min-width: 100%;
  min-height: 100%;
}

#verticalSlide ol > li figure figcaption {
  opacity: 0.5;
}

#verticalSlide ol > li:first-of-type figure figcaption {
  margin-top: -216px;
}

#verticalSlide ol > li:nth-of-type(2) figure figcaption {
  margin-top: -96px;
}

#verticalSlide ol > li:nth-of-type(3) figure figcaption {
  margin-top: 50px;
}

#verticalSlide ol > li:last-of-type figure figcaption {
  margin-top: 196px;
}

#verticalSlide ol > li.on figure span, #verticalSlide ol > li.on figure figcaption {
  opacity: 1;
  transition: all .5s;
}

#verticalSlide figure figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 500px;
  margin-left: 100px;
  padding-bottom: 40px;
  color: #fff;
}

#verticalSlide figure figcaption:before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  display: block;
  content: "";
}

#verticalSlide ol > li:not(:last-of-type) figure figcaption:after {
  position: absolute;
  top: 9px;
  left: 6px;
  width: 1px;
  height: calc(100% - 9px);
  border-left: 1px dashed #fff;
  display: block;
  content: "";
}

#verticalSlide figure figcaption h4 {
  padding-left: 40px;
  font-size: 24px;
  line-height: 30px;
}

#verticalSlide figure figcaption p {
  margin-top: 8px;
  padding-left: 70px;
}

#verticalSlide.difference h3 {
  margin-top: -298px;
}

#verticalSlide.difference ol > li:first-of-type figure span, #verticalSlide.difference figure figcaption {
  opacity: 1;
}

#verticalSlide.difference ol > li figure figcaption:before, #verticalSlide.difference ol > li figure figcaption:after {
  display: none;
}

#verticalSlide.difference ol > li figure figcaption h4 {
  padding-left: 0;
}

#verticalSlide.difference ol > li figure figcaption p {
  padding-left: 30px;
}

#verticalSlide.difference ol > li:first-of-type figure figcaption {
  margin-top: -206px;
}

#verticalSlide.difference ol > li:nth-of-type(2) figure figcaption {
  margin-top: -83px;
}

#verticalSlide.difference ol > li:nth-of-type(3) figure figcaption {
  margin-top: 40px;
}

#verticalSlide.difference ol > li:last-of-type figure figcaption {
  margin-top: 186px;
}

.donate_campaign .hd {
  margin-top: 100px;
}

.donate_campaign figure, .donate_campaign.slideArea .slideCont {
  position: relative;
  margin-top: 40px;
  width: 100%;
  height: 780px;
  overflow: hidden;
}

.donate_campaign figure > span {
  width: 100vw;
  height: 100%;
}

.donate_campaign figure > span img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  min-width: 1920px;
  min-height: 100%;
}

.donate_campaign figure figcaption {
  position: absolute;
  top: 290px;
  left: 50%;
  width: 710px;
  height: 410px;
  padding: 70px 60px 0 60px;
  color: #fff;
  background: #00594c;
  box-sizing: border-box;
}

.donate_campaign figure figcaption h4 {
  font-size: 28px;
  line-height: 38px;
}

.donate_campaign figure figcaption dl {
  margin-top: 40px;
}

.donate_campaign figure figcaption dl dt {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}

.donate_campaign figure figcaption dl dd {
  margin-top: 8px;
}

.donate_campaign.slideArea .slideCont {
  top: auto;
  left: auto;
  height: auto;
  margin-top: 0;
  transform: none;
}

.donate_campaign.slideArea .slideCont figure {
  max-width: 1920px;
  margin: 0 auto;
}

.donate_campaign.slideArea .slideCont figure figcaption dl {
  margin-top: 78px;
}

.donate_campaign.slideArea .swiper-slide > ul {
  max-width: 1920px;
  margin: 0 auto;
  padding: 50px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.donate_campaign.slideArea .swiper-slide > ul > li {
  margin: 0 16px;
  background: #fff;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

.donate_campaign.slideArea .swiper-pagination-custom {
  position: absolute;
  top: 360px;
  left: 50%;
  bottom: auto;
  width: auto;
  margin-left: 60px;
  z-index: 5;
}

.donate_campaign.slideArea .swiper-pagination-custom .custom_bullet {
  font-weight: 700;
  font-size: 22px;
  line-height: 38px;
  color: #fff;
  border: 0 none;
  border-radius: 0;
  background: none;
  vertical-align: middle;
  opacity: 0.5;
  transition: all .5s;
}

.donate_campaign.slideArea .swiper-pagination-custom .custom_bullet:not(:first-of-type):before {
  width: 4px;
  height: 4px;
  margin: 6px 12px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.2;
  content: "";
  display: inline-block;
}

.donate_campaign.slideArea .swiper-pagination-custom .custom_bullet.swiper-pagination-custom-bullet-active {
  font-size: 28px;
  opacity: 1;
}

.donate_campaign.slideArea .swiper-pagination, .donate_campaign.slideArea .swiper-prev, .donate_campaign.slideArea .swiper-next {
  top: 594px;
  left: 50%;
  bottom: auto;
  z-index: 5;
}

.donate_campaign.slideArea .swiper-pagination {
  width: auto;
  margin-left: 60px;
}

.donate_campaign.slideArea .swiper-prev {
  margin-left: 178px;
}

.donate_campaign.slideArea .swiper-next {
  margin-left: 221px;
}

.specialSupport .table_type_01 h4 {
  padding: 50px 0 18px 0;
  font-size: 20px;
  line-height: 30px;
  color: #333;
}

.specialSupport .table_type_01 h4:first-of-type {
  padding-top: 80px;
}

.specialSupport .table_type_01 h4 span {
  padding-left: 12px;
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.specialSupport .table_type_01 table:last-of-type tbody tr:nth-of-type(2) > * {
  border-bottom: 0;
}

.specialSupport .table_type_01 table:last-of-type tbody tr:last-of-type > * {
  border-top: 0;
}

#container.specialSupport .videoArea {
  position: relative;
  height: 940px;
  background: url("../images/donate/special/bg_donate01.jpg");
}

#container.specialSupport #fixVideo {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 356px;
  height: 200px;
  z-index: 9;
}

#container.specialSupport #fixVideo.off {
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
  width: 1180px;
  height: auto;
}

#container.specialSupport #fixVideo .close {
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background-color: #00594c;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

#container.specialSupport #fixVideo .close span.sp_comm {
  width: 12px;
  height: 12px;
  background-position: -182px -40px;
}

#container.specialSupport #fixVideo.off .close {
  display: none;
}

#container.specialSupport #fixVideo:not(.off) #visualVod {
  width: 356px;
  height: auto;
}

#container.specialSupport #fixVideo:not(.off) iframe#visualVod {
  height: 200px;
}

.business_list_wrapper {
  height: 684px;
}

.business_list_wrapper .pagination a.active, #container.specialSupport .faq_wrapper .list_faq .desc_answer .txt_answer {
  background-color: #009590;
}

.business_list_wrapper .pagination a.active:after {
  width: 0;
  height: 0;
  border-left: 8px solid #009590;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  background: none;
}

.business_list_wrapper .desc_area > ul > li ul > li strong.dot, .business_list_wrapper .desc_area > ul > li ul > li strong.dot:after {
  color: #009590;
}

.business_list_wrapper .desc_area > ul > li ul > li > dl {
  display: flex;
}

.business_list_wrapper .desc_area > ul > li ul > li > dl > dd {
  margin-right: 10px;
}

.business_list_wrapper .desc_area > ul > li ul > li > dl > dd figure {
  width: 170px;
  height: 118px;
  text-align: center;
  background: #fff;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
}

#container.specialSupport .faq_wrapper .list_faq .title_quest .txt_quest {
  color: #009590;
}

.special_view .campaign250811 .txtArea.txt04 .ico {font-size: 0 !important;}