@charset "UTF-8";
/* 20260310 폰트 경로 개발 서버용으로 수정 */
@import url("../front_fonts/font.css?v=260310_1");
/* 최대 화면 크기 설정 */
/* 전역 스위치: 딱 1번만 선언 */
/* 
모바일에서만 vw를 사용할 경우 vw함수만 사용해도 무방
pc와 모바일 둘다 vw를 사용할경우 pc에서는 vw함수를
모바일에서는 vw-mo함수를 사용
*/
html {
  overflow-x: hidden;
}

body {
  font-family: "Y Spotlight App", "맑은 고딕", Malgun Gothic, Arial, "Roboto", "Noto Sans KR", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
}

/* common: etc */
.hidden {
  display: inline-block !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -99999px !important;
}

.pc-show {
  display: block !important;
}

.mobile-show {
  display: none !important;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.ellipsis {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.mgt0 {
  margin-top: 0px !important;
}

.mgt05 {
  margin-top: 5px !important;
}

.mgt-20 {
  margin-top: -20px !important;
}

.pad_r0 {
  padding-right: 0;
}

.help_text {
  color: #28cdc8;
}

.font_01 {
  color: #28cdc8;
}

.section_tabs li a {
  display: block;
}

.hover_event em.line {
  /*display: none;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0px solid #fff;
  z-index: 9;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

.hover_event:hover em.line {
  border: 10px solid #fff;
}

.dimmed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9998;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.swiper_popup {
  display: none;
  position: absolute;
  left: 50%;
  top: 20px;
  z-index: 9999;
  width: 90%; /*max-width: 1000px;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
}

/* .swiper_popup .swiper-header {height: 123px;} */
.swiper_popup .swiper-header dl dt {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
}

.swiper_popup .swiper-header dl dd {
  margin-bottom: 22px;
  font-size: 16px;
  color: #fff;
}

.swiper_popup .swiper-header dl dd > span {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #666;
}

.swiper_popup .swiper-header dl dd .instagram {
  padding-left: 40px;
  background: url(../images/icon_instagram.png) no-repeat 15px 50%/auto 100%;
}

.swiper_popup .swiper-header dl .btn_shortcut {
  display: inline-block;
  margin-left: 15px;
  border-left: 1px solid #666;
  line-height: 1;
  vertical-align: middle;
}

.swiper_popup .swiper-header dl .btn_shortcut span {
  display: inline-block;
  padding-left: 40px;
  background: url(../images/icon_shortcut.png) no-repeat 15px 50%/auto 100%;
}

.swiper_popup .swiper-pagination {
  width: auto;
  top: 37px;
  bottom: auto;
  left: auto;
  right: 0;
  font-size: 18px;
  color: #fff;
}

.swiper_popup .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 5px;
}

.swiper_popup .swiper-button-prev {
  top: 50%;
  left: -50px;
  color: #fff;
  outline: none;
}

.swiper_popup .swiper-button-next {
  top: 50%;
  right: -50px;
  color: #fff;
  outline: none;
}

.swiper_popup .swiper-container {
  background-color: #fff;
}

.swiper_popup .popup_cancel {
  position: absolute; /*bottom:-116px;*/
  bottom: -70px;
  left: 50%;
  margin-left: -24px;
  width: 48px;
  height: 50px;
  background: url(../images/popup_cancel.png) no-repeat 50% 50%/100%;
  font-size: 0;
}

/* .swiper_popup .slide_item {position: absolute; top: 50%; transform: translateY(-50%);} */
/* .swiper_popup .swiper-slide {height : auto;} 0530-pop */
.swiper_popup .slide_item img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

/* .swiper_popup.artist .slide_item { position:relative; width:400px; height:400px;} */
/* .swiper_popup.artist .slide_item img { position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} */
.swiper_popup .bottom_page {
  position: relative;
  height: 58px;
  border-top: 1px solid #ddd;
}

.swiper_popup .bottom_page button {
  font-family: "Y Spotlight App";
}

.swiper_popup .bottom_page .profile_prev {
  position: absolute;
  top: 14px;
  left: 32px;
  padding-left: 30px;
  height: 30px;
  background: url(../images/ico_arrow_left.png) no-repeat 0% 50%/auto 20px;
  font-size: 20px;
}

.swiper_popup .bottom_page .profile_next {
  position: absolute;
  top: 14px;
  right: 32px;
  padding-right: 30px;
  height: 30px;
  background: url(../images/ico_arrow_right.png) no-repeat 100% 50%/auto 20px;
  font-size: 20px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  pointer-events: auto !important;
}

.dimmed.on,
.popup.on,
.swiper_popup.on {
  display: block !important;
}

.clear {
  zoom: 1;
  clear: both;
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

.Floatdate {
  position: absolute;
  right: 3px;
  top: 120px;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: bold;
  transform: rotate(90deg) translateX(100%);
  -webkit-transform: rotate(90deg) translateX(100%);
  transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  text-transform: uppercase;
}

.Floatdate.type_white {
  color: #fff;
}

.Floatdate.upper-none {
  text-transform: inherit;
}

.topAlert {
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  background: #28cdc8;
  text-align: center;
}

.topAlert a {
  text-decoration: underline;
}

.topAlert .topAlert_cancel {
  margin-left: 15px;
  width: 25px;
  height: 25px;
  background: url(../images/popup_cancel2.png) no-repeat 50% 50%/100%;
  font-size: 0;
}

/* component: button */
.btn {
  display: inline-block;
  min-width: 104px;
  height: 35px;
  padding: 0 10px;
  border-radius: 1px;
  font-size: 13px;
  line-height: 33px;
  text-align: center;
  outline: 0;
}

.btn_wrap {
  margin: 0 auto;
  max-width: 1400px;
  text-align: left;
}

.btn_wrap:not(.abs) {
  padding: 100px 0 120px;
}

.btn_wrap.abs {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.btn_wrap:after {
  content: "";
  display: block;
  clear: both;
}

.btn_wrap .fr {
  float: right;
}

.btn_wrap .fr a:last-child {
  margin-left: 50px;
}

.btn_wrap .btn_prev {
  display: inline-block;
  padding-left: 28px;
  background: no-repeat left center;
  background-size: auto 100%;
  background-image: url(../images/ico_arrow_left.png);
  font-size: 18px;
}

.btn_wrap .btn_prev.type_white {
  background-image: url(../images/ico_arrow_left_w.png);
  color: #fff;
}

.btn_wrap.abs .btn_prev {
  position: absolute;
  left: 0;
  top: 212px;
}

.btn_wrap .btn_next {
  display: inline-block;
  padding-right: 28px;
  background: url(../images/ico_arrow_right.png) no-repeat right center;
  background-size: auto 100%;
  font-size: 18px;
}

.btn_wrap .btn_list {
  padding-left: 28px;
  background: url(../images/ico_list.png) no-repeat left center;
  font-size: 18px;
}

.type_btn {
  display: inline-block;
  min-width: 200px;
  height: 68px;
  line-height: 68px;
  font-size: 20px;
  color: #28cdc8;
  background-color: #fff;
}

/* common: icons */
.icon {
  display: inline-block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon_share {
  width: 23px;
  height: 23px;
  font-size: 0px;
  background: url(../images/ico_share.png) no-repeat center;
  background-size: 100%;
}

.icon_share.black {
  background: url(../images/ico_share_black.png) no-repeat center/100%;
}

.icon_share.white {
  background: url(../images/ico_share_white.png) no-repeat center/100%;
}

.icon_instagram {
  width: 32px;
  height: 32px;
  font-size: 0px;
  background: url(../images/icon_instagram3.png) no-repeat center;
  background-size: 100%;
}

.icon_facebook {
  width: 32px;
  height: 32px;
  font-size: 0px;
  background: url(../images/icon_facebook.png) no-repeat center;
  background-size: 100%;
}

.icon_kakao {
  width: 32px;
  height: 32px;
  font-size: 0px;
  background: url(../images/icon_kakao.png) no-repeat center;
  background-size: 100%;
}

.icon_blog {
  width: 32px;
  height: 32px;
  font-size: 0px;
  background: url(../images/icon_blog.png) no-repeat center;
  background-size: 100%;
}

.tooltip {
  position: absolute;
  padding: 23px 0;
  width: 216px;
  border: 2px solid #000;
  background-color: #fff;
  text-align: center;
  z-index: 99999;
}

.tooltip .icon {
  margin: 0 10px;
}

.tooltip .icon.icon_instagram {
  display: none;
}

/* .tooltip .icon + .icon { margin-left: 5px;} */
.tooltip em {
  position: absolute;
  top: -13px;
  right: 20px;
  width: 18px;
  height: 13px;
  font-size: 0px;
  background: url(../images/ico_tooltip.png) no-repeat center;
  background-size: 100%;
}

/* common: 첨부파일 */
.attach_area {
  margin-top: 80px;
}

.attach_area h3 {
  font-family: "Y Spotlight App" !important;
  font-size: 18px;
}

.attach_area .file_item {
  margin-top: 4px;
  font-size: 0;
}

.attach_area .file_item:first-of-type {
  margin-top: 16px;
}

.attach_area .file_item .btn_attach {
  display: inline-block;
  padding: 0 14px 0 42px;
  min-height: 42px;
  border-radius: 4px;
  background: url(../images/ico_file.png) no-repeat 16px center #f5f5f5;
  font-size: 18px;
  color: #666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.attach_area .file_item .volume {
  padding-left: 18px;
  font-size: inherit;
  color: inherit;
}

/* common: wrap & area */
.wrap {
  width: 100%;
  height: 100%;
}

.left-area,
.center-area {
  float: left;
}

.right-area {
  float: right;
}

/* common: header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 93px;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  z-index: 999;
}

.header h1 {
  position: absolute;
  top: 25px;
  left: 50px;
  width: 40px;
  height: 43px;
  font-size: 0;
}

.header h1 a {
  display: block;
}

.header h1 a img {
  width: 40px;
  height: 42px;
  vertical-align: middle;
}

.header .header_emoticon {
  display: none !important;
  position: absolute;
  top: 25px;
  right: 42px;
  font-size: 42px;
  color: #28cdc8;
}

.header .header_emoticon.ie-start {
  display: none;
  position: absolute;
  top: 25px;
  right: 42px;
  width: 39px;
  height: 42px;
  font-size: 0px;
  background: url(../images/header_icon.png) no-repeat center center/100%;
}

.header .header_emoticon.ie-start.on {
  display: block;
}

.topAlert.on + #wrap .header {
  top: 50px;
}

/* common: gnb */
.gnb {
  margin: 0 auto;
  max-width: 1400px;
  height: 93px;
  line-height: 93px;
}

.gnb ul.gnb_inner {
  margin-left: 360px;
}

.gnb ul.gnb_inner > li {
  display: inline-block; /*font-size: 22px; 210610 폰트사이즈 수정*/
  font-size: 20px;
  font-family: "Y Spotlight App";
  letter-spacing: -0.4px;
}

.gnb ul.gnb_inner > li + li {
  margin-left: 80px;
}

.gnb ul.gnb_inner > li a {
  display: block;
  width: 100%;
  height: 100%;
}

.gnb ul.gnb_inner > li .gnb_sub {
  display: none;
  position: absolute;
  top: 93px;
  left: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #f2f2f2;
  opacity: 0.95;
  z-index: 999;
}

.gnb ul.gnb_inner > li.active {
  color: #28cdc8;
}

/* .gnb ul.gnb_inner > li.active .gnb_sub {display: block;} */
.gnb ul.gnb_inner > li .gnb_sub ul {
  margin: 0 auto;
  max-width: 1400px;
}

.gnb ul.gnb_inner > li .gnb_sub ul li {
  display: inline-block;
  font-size: 16px;
  color: #000;
}

.gnb ul.gnb_inner > li .gnb_sub ul li.active {
  color: #28cdc8;
}

.gnb ul.gnb_inner > li .gnb_sub ul li + li {
  margin-left: 60px;
}

.gnb ul.gnb_inner > li .gnb_sub ul.sub1 li:first-child {
  margin-left: 360px;
}

.gnb ul.gnb_inner > li .gnb_sub ul.sub2 li:first-child {
  margin-left: 500px;
}

.gnb ul.gnb_inner > li .gnb_sub ul.sub3 li:first-child {
  margin-left: 498px;
}

.gnb ul.gnb_inner > li .gnb_sub ul.sub4 li:first-child {
  margin-left: 850px;
}

.gnb ul.gnb_inner > li .gnb_sub ul.sub5 li:first-child {
  margin-left: 820px;
}

.gnb ul.gnb_inner > li .gnb_sub ul.sub6 li:first-child {
  margin-left: 1126px;
}

.gnb ul.gnb_inner li:hover,
.gnb ul.gnb_inner li.active {
  color: #28cdc8 !important;
}

.gnb ul.gnb_inner li:hover .gnb_sub {
  display: block;
}

/* .gnb ul.gnb_inner li.active .gnb_sub {display: block;} */
.gnb_mobile {
  display: none;
}
@media (min-width: 1005px) {
  .gnb_mobile {
    display: none !important;
  }
}

/* common: container */
.container {
  padding-top: 93px;
  min-height: calc(100vh - 191px);
}

@media (max-width: 1004px) {
  .container {
    padding-top: 80px;
  }
}
/* content body */
.content_body section.bottom_line {
  border-bottom: 1px solid #ebebeb;
}

.content_body section .section_inner {
  position: relative;
  margin: 0 auto;
  max-width: 1400px;
  min-height: 200px;
}

.content_body .section-inner {
  position: relative;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 20px;
}

.content_body section .section_inner h2 {
  margin-top: 20px;
  font-size: 24px;
  color: #28cdc8;
  font-weight: normal;
  word-break: keep-all;
}

.content_body section .section_inner .section_header_info {
  margin-top: 75px;
  font-size: 60px;
  line-height: 86px;
}

.content_body section .section_inner .section_header_info_inner {
  position: relative;
}

.content_body section .section_inner .section_header_info_inner .icon_share {
  position: absolute;
  bottom: -5px;
  left: 657px;
}

.content_body section .section_inner .section_header_info_inner .tooltip {
  position: absolute;
  bottom: -105px;
  left: 485px;
}

.content_body section .section_inner .right_title {
  position: absolute;
  top: 122px;
  right: -210px;
  font-family: "Noto Sans KR";
  font-size: 17px;
  font-weight: bold;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.content_body section .section_inner .introduction {
  right: -206px;
}

.content_body section .section_inner .support {
  right: -138px;
}

.content_body section .section_inner .inner_title {
  font-size: 24px;
}

.content_body section.section_header .section_inner {
  padding: 100px 0 150px 360px;
}

.notice_detail .content_body section .section_inner .section_header_info {
  max-width: 680px;
  word-break: keep-all;
}

.notice_detail .section_header_info_inner span {
  display: inline-block !important;
  color: #999;
}

.notice_detail .section_header_info_inner span + span {
  margin-left: 10px;
}

.notice_detail .section_header_info_inner span + span::before {
  content: "|";
  margin-right: 10px;
}

/* common: footer */
.footer {
  margin-top: 50px;
  padding-bottom: 50px;
  font-family: "Noto Sans KR";
}

.footer .inner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  position: relative;
  margin: 0 auto;
  max-width: 1400px;
}

.footer .inner-wrap .footer-emblem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.footer .inner-wrap .footer-emblem img {
  width: 80px;
}

.footer .inner-wrap .footer-emblem img:nth-child(2) {
  width: 55px;
}

.footer .inner-wrap .list_corp {
  display: none !important;
  margin-bottom: 30px;
}

/* 21.04.29 footer 이용약관 / 개인정보처리방침 Hide
.footer .inner-wrap .list_corp span a {font-size: 16px; font-weight: bold; vertical-align: middle;}
.footer .inner-wrap .list_corp span + span::before {display: inline-block; content: ""; margin: 0 13px 0 10px; width: 1px; height: 16px; background-color: #cecece; vertical-align: middle;}*/
.footer .inner-wrap ul {
  margin-bottom: 10px;
}

.footer .inner-wrap ul li {
  display: inline-block;
  font-size: 16px;
}

.footer .inner-wrap ul li + li::before {
  display: inline-block;
  content: "";
  margin: 0 13px 0 10px;
  width: 1px;
  height: 16px;
  background-color: #cecece;
  vertical-align: middle;
}

.footer .inner-wrap cite {
  font-size: 16px;
  font-style: normal;
}

/* 19세 인증 팝업 */
.pop_19 {
  position: relative;
  padding: 0;
  height: 100vh;
  background: url(../images/pop19_bg.png) center center;
  background-size: 100%;
}

.pop_19 .pop_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pop_19 .pop_inner {
  padding: 90px;
  min-height: 380px;
  background-color: #28cdc8;
  -webkit-box-shadow: 0px 10px 20px 10px #d3d3d3;
          box-shadow: 0px 10px 20px 10px #d3d3d3;
}

.pop_19 .pop_inner .text {
  font-size: 40px;
  line-height: 60px;
  color: #fff;
}

.pop_19 .pop_inner footer {
  margin-top: 50px;
}

.pop_19 .help_text {
  margin-top: 150px;
  font-size: 20px;
  line-height: 1.5;
  color: #000;
}

html .editor img {
  margin: auto !important;
}

html .editor {
  font-family: "Noto Sans KR";
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}
html .editor i {
  font-style: italic;
}
html .editor a {
  background-color: inherit;
  text-decoration: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: #337ab7;
  text-decoration: underline;
}
html .editor a:hover, html .editor a:focus {
  color: #23527c;
  text-decoration: underline;
  outline: 0;
}
html .editor ul li,
html .editor ol li {
  list-style-position: inside;
}
html .editor ul,
html .editor ol {
  list-style: initial; /* 기본 점/번호 스타일 */
  margin: initial; /* 기본 마진 */
  padding: initial; /* 기본 패딩 */
}
html .editor ul,
html .editor ol {
  padding-left: 15px;
  margin-top: 0;
  margin-bottom: 10px;
}
html .editor li {
  list-style: inherit;
}
html .editor ol {
  list-style: decimal;
  list-style-type: decimal;
}
html .editor ul ul,
html .editor ol ul,
html .editor ul ol,
html .editor ol ol {
  margin-bottom: 0;
}
html .editor table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}
html .editor table td,
html .editor table th {
  border: 1px solid #ececec;
  padding: 5px 3px;
}
html .editor figure {
  margin: 0;
}
html .editor .note-video-clip {
  max-width: 100%;
}

/* progress */
.progress_area {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.progress_area img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

@media screen and (max-width: 1050px) {
  .gnb ul.gnb_inner > li + li {
    margin-left: 80px;
  }
  .footer .inner-wrap ul li:nth-child(n+4) {
    display: block;
    margin-top: 10px;
  }
  .footer .inner-wrap ul li:nth-child(n+4)::before {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .gnb ul.gnb_inner {
    margin-left: auto;
    text-align: center;
  }
  .gnb ul.gnb_inner > li .gnb_sub ul.sub1 li:first-child,
  .gnb ul.gnb_inner > li .gnb_sub ul.sub2 li:first-child,
  .gnb ul.gnb_inner > li .gnb_sub ul.sub3 li:first-child,
  .gnb ul.gnb_inner > li .gnb_sub ul.sub4 li:first-child,
  .gnb ul.gnb_inner > li .gnb_sub ul.sub5 li:first-child {
    margin-left: 0px;
  }
  .content_body section .section_inner {
    padding: 0 40px;
  }
  .content_body section.section_header .section_inner {
    padding: 7% 0 8% 20%;
  }
  .content_body section .section_inner .introduction {
    position: absolute;
    top: 100px;
    right: -170px;
  }
  .notice_detail .section_header .section_inner {
    padding: 120px 0 60px 0px;
  }
  .notice_detail .section_header .section_inner .section_header_info {
    max-width: 680px;
    margin: 75px auto 0;
  }
  .notice_detail .section_header .section_inner .section_header_info_inner {
    max-width: 680px;
    margin: 0 auto;
  }
  .footer .inner-wrap {
    padding: 0 40px;
  }
}
@media screen and (max-width: 520px) {
  .footer .inner-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
  .footer .inner-wrap .footer-emblem img {
    width: 70px;
  }
  .footer .inner-wrap .footer-emblem img:nth-child(2) {
    width: 46px;
  }
}
/** candyworks added(2021.07.15 / 2021.11.04 / 2022.01.27) **/
/* custom: dimmed */
.dimmed.op50 {
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}

/* common: popup */
.popup.basic {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  width: 100%;
  max-width: 544px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.popup.basic .popup_cancel {
  position: absolute;
  bottom: -70px;
  left: 50%;
  width: 48px;
  height: 50px;
  margin-left: -24px;
  background: url(../images/popup_cancel.png) no-repeat 50% 50%/100%;
  font-size: 0;
}

/* custom: popup */
.popup .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 60px 0;
}

.popup .btns li {
  margin: 0 30px;
}

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

.popup .btns li:last-child {
  margin-right: 0;
}

.popup .btns li a {
  display: block;
  min-width: 95px;
  max-width: 122px;
}

.popup .btns li a img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.popup .btns li a span {
  display: block;
  margin-top: 18px;
  font-size: 18px;
  text-align: center;
}

.popup .message {
  padding: 60px 35px;
  text-align: center;
  word-break: keep-all;
}

.popup .message em {
  display: block;
  margin-bottom: 25px;
  font-size: 32px;
  color: #28cdc8;
}

.popup .message .caution {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  font-size: 20px;
  line-height: 1.5;
  text-align: left;
}

.popup .message .caution:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

.popup .message .desc {
  display: block;
  margin-top: 31px;
  font-size: 16px;
}

/* common: error */
.error {
  min-height: 0;
  height: calc(100vh - 145px);
}

.error-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background-color: #28cdc8;
}

.error-info ul {
  max-width: 1400px;
}

.error-info ul li {
  padding: 40px 20px;
  font-size: 40px;
  color: #fff;
  text-align: center;
  word-break: keep-all;
}

.error-info ul li em {
  display: block;
  margin: 26px 0 27px;
  font-size: 60px;
  line-height: 1.23;
}

.error-info ul li .desc {
  display: block;
  font-size: 24px;
  line-height: 1.34;
}

.error-info ul li .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  height: 68px;
  margin: 40px auto 0;
  padding-left: 30px;
  background: #fff url(../images/btn_propose.png) no-repeat right center;
  font-size: 20px;
  color: #28cdc8;
  line-height: 1;
}

@media screen and (max-width: 423px) {
  .popup .btns {
    margin: 40px;
  }
  .popup .btns li {
    margin: 0 20px;
  }
  .popup .btns li a img {
    max-width: 80px;
  }
  .popup .btns li a span {
    margin-top: 14px;
    font-size: 14px;
  }
  .popup .message {
    padding: 60px 20px;
  }
  .popup .message em {
    font-size: 24px;
  }
  .popup .message .caution {
    padding-left: 20px;
    font-size: 16px;
  }
  .popup .message .desc {
    font-size: 14px;
  }
}
.ui-tab-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}
.ui-tab-container .ui-tab-item.active a {
  color: #28cdc8;
  border-bottom-color: #28cdc8;
}
.ui-tab-container .ui-tab-item a {
  display: block;
  width: 200px;
  text-align: left;
  padding-bottom: 22px;
  font-size: 24px;
  color: rgb(206, 206, 206);
  border-bottom: 2px solid rgb(206, 206, 206);
}

.ui-tab-content {
  display: none;
}
.ui-tab-content:nth-of-type(1) {
  display: block;
}

@media screen and (max-width: 1004px) {
  .ui-tab-container {
    gap: 13px;
  }
  .ui-tab-container .ui-tab-item a {
    width: 74px;
    padding-bottom: 12px;
    font-size: 16px;
  }
}
.common-btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 100px auto 0;
}
.common-btn-more.small {
  margin-top: 60px;
}
.common-btn-more.small .btn {
  height: 68px;
  padding: 0 40px;
  font-size: 20px;
}
.common-btn-more.small .icon {
  margin-left: 16px;
}
.common-btn-more .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 110px;
  padding: 0 50px;
  background-color: #28cdc8;
  font-family: "Y Spotlight App";
  font-size: 32px;
  color: #fff;
  text-align: center;
  word-break: keep-all;
}
.common-btn-more .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 25px;
  height: 17px;
  margin: 0 0 0 40px;
  background: url(../images/btn_link_right.png) no-repeat 50% 100%;
  background-size: cover;
}
.common-btn-more .icon.down {
  width: 16px;
  height: 19px;
  background: url(../images/ico_download.png) no-repeat 50% 100%;
}

@media (max-width: 1004px) {
  .common-btn-more {
    margin: 50px auto 0;
  }
  .common-btn-more.full .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .common-btn-more.small {
    margin-top: 40px;
  }
  .common-btn-more.small .btn {
    height: 48px;
    padding: 0 20px;
    font-size: 14px;
  }
  .common-btn-more.small .icon {
    width: 16px;
    height: 9px;
    margin-left: 12px;
  }
  .common-btn-more.small .icon.down {
    height: 19px;
  }
  .common-btn-more .btn {
    height: auto;
    min-height: 51px;
    padding: 5px 20px;
    font-size: 18px;
  }
  .common-btn-more .icon {
    margin-left: 20px;
  }
}
.common-arrow-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 68px;
  padding: 0 55px;
  background-color: #28cdc8;
  font-size: 20px;
  color: #fff;
}
.common-arrow-btn::after {
  display: block;
  content: "";
  width: 25px;
  height: 17px;
  margin-left: 16px;
  background-image: url(../images/btn_link_right.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
@media (max-width: 1004px) {
  .common-arrow-btn {
    max-width: 420px;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 48px;
    font-size: 14px;
  }
  .common-arrow-btn::after {
    width: 16px;
    height: 11px;
  }
}

/* margin ============================================================*/
.m0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.m5 {
  margin: 5px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.m10 {
  margin: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.m16 {
  margin: 16px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.m20 {
  margin: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

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

.mr20 {
  margin-right: 20px !important;
}

.m24 {
  margin: 24px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.m30 {
  margin: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.m40 {
  margin: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.m50 {
  margin: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.m60 {
  margin: 60px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

/* padding ============================================================*/
.p0 {
  padding: 0 !important;
}

.p40 {
  padding: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl13-5 {
  padding-left: 135px !important;
}

.pr13-5 {
  padding-right: 135px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.pl56 {
  padding-left: 56px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

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

.flex-box-int {
  display: block !important;
}

.flex-shrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-row-rv {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-col-rv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-spc-btw {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-spc-ard {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flex-spc-cnt {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.flex-spc-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.flex-spc-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.flex-align-cnt {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.flex-align-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.flex-align-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.flex-align-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.flex-align-int {
  -webkit-box-align: initial !important;
      -ms-flex-align: initial !important;
          align-items: initial !important;
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.gap0 {
  gap: 0;
}

.gap06 {
  gap: 6px;
}

.gap08 {
  gap: 8px;
}

.gap12 {
  gap: 12px;
}

.gap16 {
  gap: 16px;
}

.gap24 {
  gap: 24px;
}

.gap32 {
  gap: 32px;
}

.gap40 {
  gap: 40px;
}

.gap48 {
  gap: 48px;
}

.gap56 {
  gap: 56px;
}

.gap80 {
  gap: 80px;
}

.gap148 {
  gap: 148px;
}

.col-gap04 {
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
}

.col-gap06 {
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}

.col-gap08 {
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.col-gap12 {
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}

.col-gap16 {
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}

.col-gap24 {
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}

.col-gap32 {
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
}

.col-gap40 {
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}

.col-gap48 {
  -webkit-column-gap: 48px;
     -moz-column-gap: 48px;
          column-gap: 48px;
}

.col-gap55 {
  -webkit-column-gap: 55px;
     -moz-column-gap: 55px;
          column-gap: 55px;
}

.col-gap80 {
  -webkit-column-gap: 80px;
     -moz-column-gap: 80px;
          column-gap: 80px;
}

.col-gap148 {
  -webkit-column-gap: 148px;
     -moz-column-gap: 148px;
          column-gap: 148px;
}

.row-gap06 {
  row-gap: 6px;
}

.row-gap08 {
  row-gap: 8px;
}

.row-gap12 {
  row-gap: 12px;
}

.row-gap16 {
  row-gap: 16px;
}

.row-gap24 {
  row-gap: 24px;
}

.row-gap32 {
  row-gap: 32px;
}

.row-gap40 {
  row-gap: 40px;
}

.row-gap48 {
  row-gap: 48px;
}

/* font size
============================================================*/
.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fs24 {
  font-size: 24px !important;
}

.fs28 {
  font-size: 28px !important;
}

.fs32 {
  font-size: 32px !important;
}

.fs36 {
  font-size: 36px !important;
}

/* font weight
============================================================*/
.fw300 {
  font-weight: 300 !important;
}

.fw400 {
  font-weight: 400 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw600 {
  font-weight: 600 !important;
}

.fw700 {
  font-weight: 700 !important;
}

.fw800 {
  font-weight: 800 !important;
}

/* text align
============================================================*/
.txt-lt {
  text-align: left;
}

.txt-rt {
  text-align: right;
}

.txt-cnt {
  text-align: center;
}

.nowrap {
  white-space: nowrap;
}