@charset "utf-8";
.gradient-reveal {
  display: block;
  -webkit-text-fill-color: transparent;
  --progress: 0%;
  background: linear-gradient(110deg, #fff 0%, #fff var(--progress), #888 var(--progress), #888 100%);
  -webkit-background-clip: text;
  background-clip: text;
}




/* 게시판 상단 */
.bbs-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; }
.bbs-head .lf-flex { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; }
.bbs-head .rg-flex { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; }
.bbs-head .count { flex-shrink: 0; display: flex; align-items: center; gap: 10px; font-size: 1.8rem; }
.bbs-head .count strong { font-weight: 600; }
.bbs-head .rg { margin-left: auto; }
.bbs-head .inp-flex { display: flex; align-items: center; }
.bbs-head .inp-flex select.inp-st3 { border-right: 0; }
.bbs-head .filter-wrap { position: relative; padding-left: 15px; }
.bbs-head .filter-wrap::before { content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background-color: var(--gray-e5); }
@media only screen and (max-width: 767px) {
    .bbs-head .inp-flex { width: 100%; }
    .bbs-head .inp-flex .sch-inp-st1 { width: 100%; }
    .bbs-head .lf-flex-st1 { flex-direction: column; align-items: baseline; }
    .bbs-head .lf-flex-st1 .filter-wrap { flex-wrap: wrap; width: 100%; padding-left: 0; }
    .bbs-head .lf-flex-st1 .filter-wrap::before { display: none; }
    .bbs-head .lf-flex-st1 .filter-wrap .item { flex-grow: 1; }
    .bbs-head .lf-flex-st1 .filter-wrap .item .btn { width: 100%; }
    .bbs-head .lf-flex-st1 .filter-wrap .btn-bace2-1 { flex-grow: 1; }
}


/* 일반 게시판 */
.bbs-st1 { border-top: 2px solid #000; }
.bbs-st1 > li { border-bottom: 1px solid var(--gray-e5); }
/* .bbs-st1 > li.top-fix { background: var(--gray-fc); } */
.bbs-st1 > li > .inner { display: flex; align-items: center; gap: 30px; min-height: 106px; padding: 15px 30px 15px 0; }
.bbs-st1 > li > .inner > div:not(.tit-wrap) { flex-shrink: 0; }
.bbs-st1 > li > .inner > div:first-child { width: 60px; text-align: center; }
.bbs-st1 > li > .inner > div.view-wrap { width: 50px; text-align: center; }
.bbs-st1-1 > li > a > div:first-child { width: 80px; }
.bbs-st1 > li > .inner .tit-wrap { flex-grow: 1; }
.bbs-st1 > li > .inner .tit { display: flex; align-items: center; gap: 7px; }
.bbs-st1 > li > .inner .tit strong { line-height: 1.2; font-weight: 500; font-size: 2rem; }
.bbs-st1 > li > a:hover .tit strong { text-decoration: underline; }
.bbs-st1 > li > .inner .tit .new { flex-shrink: 0; display: inline-block; width: 20px; height: 20px; line-height: 20px; font-weight: 700; font-size: 11px; color: #fff; background: #000; text-align: center; }
@media only screen and (max-width: 1023px) {
    .bbs-st1 > li > .inner { flex-wrap: wrap; gap: 10px 20px; padding: 15px; }
    .bbs-st1 > li > .inner > div:first-child { width: unset; }
    .bbs-st1 > li > .inner > div.view-wrap { position: relative; padding-left: 20px; }
    .bbs-st1 > li > .inner > div.view-wrap::before { content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background: var(--gray-e5); }
    .bbs-st1 > li > .inner .tit-wrap { width: 100%; }
    .bbs-st1 > li > .inner .tit strong { font-size: 17px; }
}




/* 갤러리 게시판 */
.bbs-gallery { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.bbs-gallery .gallery-item { width: 20%; margin-bottom: 30px; padding: 0 10px; }
.bbs-gallery-st1 .gallery-item { width: calc(100% / 6); }
.bbs-gallery .gallery-item .inner { display: block; }
.bbs-gallery .gallery-item .inner .img-wrap { background: #000; }
.bbs-gallery .gallery-item .inner .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }
.bbs-gallery .gallery-item .inner .img-wrap .no-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.bbs-gallery .gallery-item .inner .img-wrap .num-wrap { position: absolute; top: 0; left: 0; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; width: 100%; padding: 10px; }
.bbs-gallery .gallery-item .inner .img-wrap .num-wrap .num-st1 { margin-left: auto; }
.bbs-gallery .gallery-item .inner .img-wrap .state-wrap { position: absolute; top: 0; left: 0; z-index: 1; }
.bbs-gallery .gallery-item .inner .txt-wrap { display: block; padding-top: 20px; }
.bbs-gallery .gallery-item .inner .txt-wrap .tit { height: 57px; margin-bottom: 10px; }
.bbs-gallery .gallery-item .inner:hover .txt-wrap .tit { text-decoration: underline; }
.bbs-gallery .gallery-item .inner:hover .img-wrap img { transform: scale(1.1); opacity: .7; }
@media only screen and (max-width: 1400px) {
    .bbs-gallery { margin: 0 -5px; }
    .bbs-gallery .gallery-item { width: 25%; padding: 0 5px; }
}
@media only screen and (max-width: 1023px) {    
    .bbs-gallery .gallery-item { width: 33.3%; }
}
@media only screen and (max-width: 767px) {
    .bbs-gallery .gallery-item { width: 50%; }

}
@media only screen and (max-width: 560px) {
    .bbs-gallery { margin: 0; }
    .bbs-gallery .gallery-item { width: 100%; padding: 0; }
}


.bbs-gallery-st2 { display: flex; flex-wrap: wrap; }
.bbs-gallery-st2 .gallery-item { width: 50%; margin-bottom: 20px; }
.bbs-gallery-st2 .gallery-item .inner { display: flex; padding: 20px; border: 1px solid var(--gray-e5); }
.bbs-gallery-st2 .gallery-item .inner .lf { flex-shrink: 0; width: 20%; }
.bbs-gallery-st2 .gallery-item .inner .txt-wrap { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 3rem; padding: 1rem 2rem; }
.bbs-gallery-st2 .gallery-item .inner .txt-wrap .tit { height: unset; margin-bottom: 20px; }


.bbs-gallery-st3 {  border-top: 1px solid var(--gray-e5); }
.bbs-gallery-st3 .gallery-item { display: flex; align-items: center; gap: 30px; padding: 30px; border-bottom: 1px solid var(--gray-e5); }
.bbs-gallery-st3 .gallery-item .lf { flex-shrink: 0; width: 100px; }
.bbs-gallery-st3 .gallery-item .txt-wrap { flex-grow: 1; display: flex; align-items: center; }
.bbs-gallery-st3 .gallery-item .txt-wrap .tit { width: calc(100% - 26rem); }
.bbs-gallery-st3 .gallery-item .txt-wrap .info { display: flex; align-items: center; justify-content: center; width: 300px; text-align: center; }
.bbs-gallery-st3 .gallery-item .btn-lf { flex-shrink: 0; }



.no-list { width: 100%; padding: 100px 0; border-top: 1px solid var(--gray-e5); border-bottom: 1px solid var(--gray-e5); text-align: center; }
.no-list-st2 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; width: 100%; padding: 100px 0; border: 1px solid var(--gray-f5); border-radius: 5px; }

.bbs-sch-filter { display: flex; align-items: center; justify-content: center; gap: 5px; }
 
.filter-wrap { display: flex; align-items: center; gap: 5px; }
.filter-wrap .item { position: relative; }
.filter-wrap .item .btn { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 35px; line-height: 35px; padding: 0 15px; font-size: 15px; border: 1px solid var(--gray-e5); border-radius: 50px; white-space: nowrap; }
.filter-wrap .item.on .btn { color: var(--primary900); background: var(--primary100); border: 1px solid var(--primary900); }
.filter-wrap .item .btn i { font-size: 12px; transition: all .3s; }
.filter-wrap .item.open .btn i { transform: rotate(180deg); }
.filter-wrap .item .cont { display: none; position: absolute; top: 35px; left: 0; z-index: 1; width: 200px; padding: 20px; background: #fff; border: 1px solid var(--gray-e5); border-radius: 10px; }
.filter-wrap .item.open .cont { display: block; }

.filter-selected { display: flex; align-items: flex-start; gap: 30px; padding: 12px; background: var(--gray-f5); }

.selected-item-list { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; }
.selected-item-list .item { display: flex; align-items: center; gap: 5px; }
.selected-item-list .item span { font-size: 15px; color: #555; }
.selected-item-list .item i { font-size: 13px; color: #555; }
@media only screen and (max-width: 470px) {
    .filter-wrap { position: relative; }
    .filter-wrap .item { position: unset; }
    .filter-wrap .item .cont { width: 100%; }
}


/* 일반게시판 상세 */
.bbs-view-st1 { border-top: 2px solid #000; }
.bbs-view-st1 .bbs-header { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 30px 40px; border-bottom: 1px solid var(--gray-e5); }
.bbs-view-st1 .bbs-header .tit { display: block; width: 100%; line-height: 1.4; font-weight: 700; font-size: 3.6rem; color: #222; word-break: keep-all; word-wrap: break-word; text-align: center; }
.bbs-view-st1 .bbs-header .info { flex-shrink: 0; display: flex; align-items: center; gap: 15px; }
.bbs-view-st1 .bbs-header .info li { position: relative; }
.bbs-view-st1 .bbs-header .info li + li { padding-left: 10px; }
.bbs-view-st1 .bbs-header .info li + li::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background-color: var(--gray-cc); }
.bbs-view-st1 .bbs-header .info span { font-weight: 600; color: var(--gray-75); }
.bbs-view-st1 .bbs-header .info .share-btn { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: #000; }
.bbs-view-st1 .info-wrap { padding: 25px 40px; border-bottom: 1px solid var(--gray-e5); }
.bbs-view-st1 .bbs-body { padding: 40px; border-bottom: 1px solid var(--gray-e5); }
.bbs-foot .btn-wrap { display: flex; align-items: center; margin-top: 40px; border-top: 1px solid var(--gray-e5); border-bottom: 1px solid var(--gray-e5); }
.bbs-foot .btn-wrap li { position: relative; width: 50%; display: flex; align-items: center; opacity: 0.5; }
.bbs-foot .btn-wrap li:hover { opacity: 1; }
.bbs-foot .btn-wrap li + li { justify-content: flex-end; }
.bbs-foot .btn-wrap li + li::before { content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 20px; background: var(--gray-cc); }
.bbs-foot .btn-wrap li strong { flex-shrink: 0; position: relative; display: flex; align-items: center; gap: 8px; line-height: 1.5; padding: 20px 30px; font-weight: 600; color: #000; }
.bbs-foot .btn-wrap li strong i::before { font-weight: 700 !important; }
.bbs-foot .btn-wrap li a { display: block; }
.bbs-foot .btn-wrap li a:hover span { text-decoration: underline; }
.bbs-foot .btn-wrap li a span { position: relative; line-height: 1.5; color: #000; }
.bbs-foot .adm-reply { display: flex; margin-top: 40px; border-top: 1px solid var(--gray-e5); border-bottom: 1px solid var(--gray-e5); }
.bbs-foot .adm-reply .tit { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 140px; background: var(--gray-f467); }
.bbs-foot .adm-reply .cont { flex-grow: 1; padding: 20px;  }
@media only screen and (max-width: 1023px) {
    .bbs-view-st1 .bbs-header .tit { font-size: 3rem; }
}
@media only screen and (max-width: 767px) {
    .bbs-view-st1 .bbs-header { flex-direction: column; gap: 20px; padding: 25px; }  
    .bbs-view-st1 .bbs-header .tit { font-size: 2.4rem; }
    .bbs-view-st1 .bbs-body { padding: 25px; }
    .bbs-foot .btn-wrap { flex-direction: column; }
    .bbs-foot .btn-wrap li { width: 100%; }
    .bbs-foot .btn-wrap li + li { border-top: 1px solid var(--gray-e5); }
    .bbs-foot .btn-wrap li + li::before { display: none; }
    .bbs-foot .btn-wrap li strong { padding: 14px; }

    .bbs-foot .adm-reply { flex-direction: column; }
    .bbs-foot .adm-reply .tit { justify-content: left; width: 100%; padding: 15px 20px; }
}





/* FAQ 게시판 */
.bbs-faq { border-top: 2px solid #000; }
.bbs-faq .faq-item { border-bottom: 1px solid var(--gray-e5); }
.bbs-faq .faq-item .tit { position: relative; display: flex; align-items: center; gap: 1.5rem; padding: 30px 55px 30px 50px; }
.bbs-faq .faq-item .tit::before { content:"Q"; position: absolute; top: 50%; left: 15px; display: flex; justify-content: center; align-items: center; height: 34px; font-weight: 600; transform: translateY(-50%); }
.bbs-faq .faq-item .tit::after { content:""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); display: block; width: 36px; height: 36px; background: var(--gray-f6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E") no-repeat center center / auto; border-radius: 5px; }
.bbs-faq .faq-item.on .tit::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E"); }
.bbs-faq .faq-item .tit strong { line-height: 1.3; font-weight: 600; font-size: 1.8rem; }
.bbs-faq .faq-item .cont { display: none; padding-left: 30px; background: var(--gray-f6); border-top: 1px solid var(--gray-e5); }
.bbs-faq .faq-item .cont .editor-text { position: relative; padding: 30px 30px 30px 60px; }
.bbs-faq .faq-item .cont .editor-text::before { content:"A"; position: absolute; top: 30px; left: 30px; display: flex; justify-content: center; align-items: center; height: 25px; font-weight: 600; }
@media only screen and (max-width: 1023px) {
	.bbs-faq .faq-item .tit { gap: 2rem; padding: 20px 55px 20px 40px; }
	.bbs-faq .faq-item .tit::before { left: 15px; font-size: 14px; }
    .bbs-faq .faq-item .tit strong { font-size: 16px; }
	.bbs-faq .faq-item .cont { padding-left: 0; }
	.bbs-faq .faq-item .cont .editor-text { padding: 20px 20px 20px 40px; font-size: 16px; }
	.bbs-faq .faq-item .cont .editor-text::before { left: 15px; font-size: 14px; }
}




/* 페이징 */
.pagination { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 50px; }
.pagination a { flex-shrink: 0; display: block; margin: 0 12px; padding: 5px; font-size: 18px; opacity: .5; }
.pagination a.arr { font-size: 0; background-position: center; background-repeat: no-repeat; background-size: auto 10px; border: none; }
.pagination a.arr:hover { opacity: 1; }
.pagination a.first-page { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.72 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='33.72 34.34 17.55 18.17 33.72 2'/%3E%3Cpolyline class='cls-1' points='18.17 34.34 2 18.17 18.17 2'/%3E%3C/svg%3E"); }
.pagination a.last-page { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.72 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='2 2 18.17 18.17 2 34.34'/%3E%3Cpolyline class='cls-1' points='17.55 2 33.72 18.17 17.55 34.34'/%3E%3C/svg%3E"); }
.pagination a.prev-page { margin-right: 5px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.17 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='18.17 34.34 2 18.17 18.17 2'/%3E%3C/svg%3E"); }
.pagination a.next-page { margin-left: 5px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.17 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='2 2 18.17 18.17 2 34.34'/%3E%3C/svg%3E"); }
.pagination a.active { font-weight: 600; border-bottom: 2px solid #000; opacity: 1; }








/* 첨부파일 리스트 */
.attr-st1 {  }
.attr-st1 li + li { margin-top: 6px; }
.attr-st1 li a { display: flex; gap: 6px; padding: 16px; background: var(--gray-f6);}
.attr-st1 li a span { line-height: 1.4; }
.attr-st1 li a em { line-height: 1.4; }
@media only screen and (max-width: 767px) {
    .attr-st1 li { flex-wrap: wrap; }
    .attr-st1 li a { width: 100%; }
    .attr-st1 li a i { margin-top: 3px; }
}





/* 회원가입 */
.join-links {  }
.join-links .join-item {  }
.join-links .join-item + .join-item { margin-top: 10px; }
.join-links .join-item a { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2rem; border: 1px solid var(--gray-e5); transition: all .3s; }
.join-links .join-item a:hover { border: 1px solid #000; }
.join-links .join-item a .txt-wrap {  }
.join-links .join-item a span {  }
.join-links .join-item a i {  }

.join-step { display: flex; justify-content: center; margin: 0 -10px; }
.join-step li { position: relative; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 1rem; min-width: 70px; padding: 0 10px; }
.join-step li + li::before { content: ""; position: absolute; top: 17px; left: 0; transform: translateX(-50%); z-index: 0; width: calc(100% - 17px); height: 1px; background: var(--gray-e5); }
.join-step li:first-child.on ~ li:nth-child(2):before {width: calc(100% + 52px);}
.join-step li span { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; font-size: 14px; color: #333; background-color: #fff; border: 1px solid var(--gray-e5); border-radius: 100%; }
.join-step li em { font-size: 0; /*line-height: 1.2; font-size: 15px; opacity: 0; text-align: center;*/ }
.join-step li:first-child em br {display: none;}
.join-step li.on span { font-weight: 600; color: #fff; background-color: #000; }
.join-step li.on em { /*opacity: 1;*/  line-height: 1.2; font-size: 15px; text-align: center; }


.agree-item {  }
.agree-item .btn { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--gray-e5); }
.agree-item .cont {  }
.agree-item.on .cont {  }
@media only screen and (max-width: 767px) {
    .agree-item .btn { flex-direction: column; align-items: flex-start; row-gap: 10px; }
    .join-step li:first-child.on em br {display: block;}
}







.img-box { position: relative; display: flex; flex-direction: column; align-items: center; min-height: 30rem; padding: 10rem 0; }
.img-box .con-header { color: #fff; }
.img-box .txt-wrap { position: relative; z-index: 1; color: #fff; opacity: 0; }
.img-box .txt-wrap strong { font-family: var(--head-font), var(--body-font); }
.img-box .txt-wrap p { line-height: 1.6; font-family: var(--head-font), var(--body-font); }
.img-box .bg { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 50%; height: 100%; }
.img-box .bg::before { content:""; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
.img-box .bg .img-wrap { width: 100%; height: 100%; }
.img-box .bg .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 1023px) {
    .img-box { padding: 15rem 0; }
    
}


.img-swiper-st1 {  }
.img-swiper-st1 .img-swiper {  }
.img-swiper-st1 .img-swiper .swiper-slide { max-width: 280px; }

.img-swiper-st2 {  }
.img-swiper-st2 .swiper-button-st2 {  }
.img-swiper-st2 .swiper-button-st2 {  }




.grid-layout { --aside: 260px; display: flex; align-items: flex-start; }
.grid-layout .layout-aside { flex: 0 0 var(--aside); padding-top: 30px; padding-left: 50px; }
.grid-layout .layout-main { flex: 1 1 auto; width: 100%; padding-left: 0; }
.grid-layout .layout-main-1 { padding-left: 60px; padding-right: 50px; }


.grid-main { --aside: 400px; display: flex; align-items: flex-start; }
.grid-main.r-250 { --aside: 250px; }
.grid-main .main-aside { flex: 0 0 var(--aside); padding-top: 30px; }
.grid-main .con-body { flex: 1 1 0; padding-left: 60px; padding-top: 30px; }

.grid-main.is-reverse .con-body { padding-left: 0; padding-right: 60px; }

@media only screen and (max-width: 1500px) {
    .grid-layout .layout-aside { padding-left: 20px; }
    .grid-layout .layout-main-1 { padding-right: 20px; }
}
@media only screen and (max-width: 1200px) {
    .grid-layout .layout-aside { --aside: 200px; }
    .grid-layout .layout-main-1 { padding-left: 40px; }
    
    .grid-main .main-aside { --aside: 200px; }
    .grid-main .con-body { flex-basis: auto; padding-left: 40px; }
    .grid-main.is-reverse .con-body { padding-right: 0; }
}
@media only screen and (max-width: 1023px) {
    .grid-layout { flex-direction: column; }
    .grid-layout .layout-aside { flex-basis: auto; width: 100%; padding-top: 0; padding-left: 15px; padding-right: 15px; }
    .grid-layout .layout-main { width: 100%; padding-top: 0; }
    .grid-layout .layout-main-1 { padding-left: 15px; padding-right: 15px; }
    
    .grid-main { flex-direction: column; }
    .grid-main .main-aside { flex-basis: auto; width: 100%; padding-top: 0; } 
    .grid-main .con-body { width: 100%; padding-left: 0; }
}
@media only screen and (max-width: 767px) {
    .grid-layout .layout-aside { padding-left: 10px; padding-right: 10px;   }
    .grid-layout .layout-main-1 { padding-left: 10px; padding-right: 10px; }
}




.grid-list-st1 { margin: 0 -5px; }
.grid-list-st1 .grid-item { width: 33.3%; margin-bottom: 10px; padding: 0 5px; }
.grid-list-st1 .grid-item.is-hidden { display: none; }
@media only screen and (max-width: 767px) {
    .grid-list-st1 .grid-item { width: 50%; }
    
}



.item-list-st1 { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--gray-55); }
.item-list-st1 .item { display: flex; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--gray-cc); }
.item-list-st1 .item.r-20 { --fixed: 20%; }
.item-list-st1 .item.r-25 { --fixed: 25%; }
.item-list-st1 .item.r-33 { --fixed: 33.333%; }
.item-list-st1 .item.r-40 { --fixed: 40%; }
.item-list-st1 .item.r-50 { --fixed: 50%; }
.item-list-st1 .pane-fixed { flex: 0 0 var(--fixed, 30%); padding-right: 3rem; }
.item-list-st1 .pane-fluid { flex: 1 1 0; min-width: 0; }
.item-list-st1 .item.is-reverse { flex-direction: row-reverse; }
.item-list-st1 .item.is-reverse .pane-fluid { padding-right: 0; padding-left: 3rem; }

@media only screen and (max-width: 767px) {    
    .item-list-st1 .item { flex-direction: column; gap: 10px; }
    .item-list-st1 .item .pane-fluid { width: 100%; }
    .item-list-st1 .item .pane-fixed { width: 100%; padding-left: 0; }
}


.item-list-st2 {  }
.item-list-st2 .item { display: flex; }
.item-list-st2 .item .img-wrap { border-radius: 5px; overflow: hidden; }
.item-list-st2 .pane-fixed { flex: 0 0 50%; margin-right: 3rem; padding-right: 3rem; border-right: 1px solid var(--gray-e5); }
.item-list-st2 .pane-fluid { flex: 1 1 0; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; }
.item-list-st2 .item.is-reverse { flex-direction: row-reverse; }
.item-list-st2 .item.is-reverse .pane-fluid { padding-right: 0; padding-left: 3rem; }

@media only screen and (max-width: 1023px) {    
    .item-list-st2 .item { flex-direction: column; gap: 2rem; }
    .item-list-st2 .item .pane-fixed { width: 100%; margin-right: 0; padding-right: 0; border-right: 0 }
    .item-list-st2 .item .pane-fluid { width: 100%; }
}



.item-list-st3 { display: flex; align-items: stretch; margin: 0 -10px; }
.item-list-st3 .item { flex: 1 1 0; padding: 0 10px; }
.item-list-st3 .item .inner { display: flex; flex-direction: column; justify-content: space-between; gap: 3rem; width: 100%; height: 100%; padding: 20px; border: 1px solid #000; border-radius: 1rem; }
.item-list-st3 .item .inner .top { display: flex; flex-direction: column; gap: 1rem; }
.item-list-st3 .item .inner .top .img-wrap { max-width: 120px; height: 120px; }
.item-list-st3 .item .inner .top .img-wrap img { width: 100%; height: 100%; object-fit: contain; object-position: left; }
.item-list-st3.item-list-st3-1 { flex-wrap: wrap; row-gap: 2rem; }
.item-list-st3.item-list-st3-1 .item { flex: 1 1 50%; }
@media only screen and (max-width: 1600px) {    
    .item-list-st3 { flex-wrap: wrap; row-gap: 20px; }
    .item-list-st3 .item { flex: 1 1 50%; }
}
@media only screen and (max-width: 767px) {    
    .item-list-st3 { row-gap: 10px; }
    .item-list-st3 .item { padding: 0 5px; }
    .item-list-st3.item-list-st3-1 { row-gap: 1rem; }
}
@media only screen and (max-width: 400px) {    
    .item-list-st3 { margin: 0; }
    .item-list-st3 .item { flex: 1 1 100%; padding: 0; }
    .item-list-st3.item-list-st3-1 .item { flex: 1 1 100%; }
}




.item-list-st4 { display: flex; align-items: stretch; margin: 0 -10px; }
.item-list-st4 .item { flex: 1 1 0; padding: 0 10px; }
.item-list-st4 .item .inner { display: flex; flex-direction: column; align-items: center; gap: 2rem; width: 100%; height: 100%; padding: 30px; border-radius: 1rem; }
.item-list-st4 .item:nth-child(1) .inner { background-color: var(--cate1); }
.item-list-st4 .item:nth-child(2) .inner { background-color: var(--cate2); }
.item-list-st4 .item:nth-child(3) .inner { background-color: var(--cate3); }
.item-list-st4 .item:nth-child(4) .inner { background-color: var(--cate4); }
.item-list-st4 .item:nth-child(5) .inner { background-color: var(--cate5); }
.item-list-st4 .item .inner .top { width: 100%; }
.item-list-st4 .item .inner .img-wrap { width: 35px; height: 35px; margin: 0 auto; }
.item-list-st4 .item .inner .img-wrap img { width: 100%; height: 100%; object-fit: contain; }
.item-list-st4 .item .inner .txt-wrap { text-align: center; }
.item-list-st4.item-list-st4-1 { flex-wrap: wrap; row-gap: 2rem; }
.item-list-st4.item-list-st4-1 .item { flex: 1 1 33.3%; }
@media only screen and (max-width: 1600px) {    
    .item-list-st4 { flex-wrap: wrap; row-gap: 20px; }
    .item-list-st4 .item { flex: 1 1 50%; }
}
@media only screen and (max-width: 767px) {    
    .item-list-st4 { row-gap: 10px; }
    .item-list-st4 .item { padding: 0 5px; }
    .item-list-st4.item-list-st4-1 { row-gap: 1rem; }
    .item-list-st4.item-list-st4-1 .item { flex: 1 1 50%; }
}
@media only screen and (max-width: 400px) {    
    .item-list-st4 { margin: 0; }
    .item-list-st4 .item { flex: 1 1 100%; padding: 0; }
    .item-list-st4.item-list-st4-1 .item { flex: 1 1 100%; }
}

.item-list-st5 { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }



.item-list-st6-header { display: flex; padding: 18px; font-weight: 500; border-top: 2px solid #000; text-align: center; }
.item-list-st6-header > div { flex-shrink: 0; padding: 0 10px; width: var(--width); }
.item-list-st6-header .tit { flex-shrink: unset; flex-grow: 1; width: unset; }
.item-list-st6 { border-top: 1px solid var(--gray-e5); }
.item-list-st6 .item { display: flex; padding: 20px; border-bottom: 1px solid var(--gray-e5); }
.item-list-st6 .item .mx-w-100 { margin: 0 2rem 0 0; }
.item-list-st6 .item .txt-wrap { display: flex; flex-grow: 1; align-items: center; }
.item-list-st6 .item .txt-wrap .tit { flex-grow: 1; padding: 0 10px; }
.item-list-st6 .item .info { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: var(--width); padding: 0 10px; text-align: center; word-break: break-all; word-wrap: break-word; }
.item-list-st6 .item .info-btn { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: var(--width); padding: 0 10px; text-align: center; word-break: break-all; word-wrap: break-word; }
.item-list-st6 .item .btn-ce { flex-shrink: 0; flex-direction: column; align-items: center; width: var(--width); padding: 0 10px; text-align: center; }
.item-list-st6 .item .tit a:hover strong { text-decoration: underline; }
.item-list-st6 .no-list { border-top: 0; }
@media only screen and (max-width: 1023px) {    
    .item-list-st6-header { display: none; }
    .item-list-st6 .item { padding: 15px; }
    .item-list-st6 .item .txt-wrap { flex-direction: column; align-items: baseline; }
    .item-list-st6 .item .txt-wrap .tit { padding: 0; }
    .item-list-st6 .item .txt-wrap .tit .txt-20 { font-size: 18px; }
    .item-list-st6 .item .txt-wrap > div { align-items: baseline; justify-content: flex-start; width: 100%; margin-bottom: 10px; padding: 0; text-align: left; }
    .item-list-st6 .no-list { border-top: 1px solid var(--gray-e5); }
}
@media only screen and (max-width: 767px) {    
}


.item-list-st7 { display: flex; margin: 0 -10px; }
.item-list-st7 .item { width: 33.3%; padding: 0 10px; }
.item-list-st7 .item .inner { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 30px; border-radius: 10px; overflow: hidden; }
.item-list-st7 .item .inner > * { z-index: 1; }
.item-list-st7 .item .inner .bg { position: absolute; z-index: 0; opacity: 0.1; }
.item-list-st7 .item:nth-child(1) .inner { background-color: var(--cate1); }
.item-list-st7 .item:nth-child(1) .inner .bg { top: 70px; right: -10px; color: #fff; opacity: 0.2; }
.item-list-st7 .item:nth-child(2) .inner { background-color: var(--cate2); }
.item-list-st7 .item:nth-child(2) .inner .bg { top: -60px; right: -20px; color: #fff; }
.item-list-st7 .item:nth-child(3) .inner { background-color: var(--cate3); }
.item-list-st7 .item:nth-child(3) .inner .bg { bottom: 170px; right: -100px; color: #fff; }
.item-list-st7 .item:nth-child(4) .inner { background-color: var(--cate5); }
.item-list-st7 .item:nth-child(4) .inner .bg { bottom: 70px; right: -100px; color: #fff; transform: rotate(180deg); }
@media only screen and (max-width: 1500px) {
    .item-list-st7 { flex-wrap: wrap; row-gap: 10px; margin: 0 -5px; }
    .item-list-st7 .item { width: 50%; padding: 0 5px; }
    .item-list-st7 .item .inner { padding: 20px; }

}
@media only screen and (max-width: 767px) {
    .item-list-st7 { margin: 0; }
    .item-list-st7 .item { width: 100%; padding: 0; }
    .item-list-st7 .item .inner {  }
}




.item-list-st8 .item { padding: 15px; border: 1px solid var(--gray-e5); border-radius: 3px; }
.item-list-st8 .item + .item { margin-top: 5px; }
.item-list-st8 .item.no-list { padding: 100px 0; justify-content: center; align-items: center; }
.item-list-st8 .item .lf { flex-grow: 1; display: flex; align-items: center; gap: 20px; }
.item-list-st8 .item .rg { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.item-list-st8 .item .rg span {  }
@media only screen and (max-width: 767px) {
    .item-list-st8 .item { gap: 10px; padding: 8px; }
    .item-list-st8 .item { flex-direction: column; align-items: flex-start; }
    .item-list-st8 .item .lf { gap: 10px; width: 100%; }
    .item-list-st8 .item .lf .txt-18 { font-size: 16px; }
    .item-list-st8 .item .rg { width: 100%; }
    .item-list-st8 .item .rg span { width: unset; }
    .item-list-st8 .item .rg span + span { position: relative; padding-left: 10px; }
    .item-list-st8 .item .rg span + span::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 8px; background-color: var(--gray-e5); }
}






.step-st1 { display: flex; align-items: stretch; margin: 0 -30px; }
.step-st1 .item { position: relative; flex: 1 1 0; padding: 0 30px; }
.step-st1 .item::after { content: ""; position: absolute; top: 50%; right: -15px; transform: translateY(-50%); width: 30px; height: 30px; background: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L8.5 8L1.5 15' stroke='%23FF256D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / auto 15px; border-radius: 100%; }
.step-st1 .item:last-child::after { display: none; }
.step-st1 .item .inner { display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; width: 100%; min-height: 200px; height: 100%; padding: 20px; border: 1px solid var(--gray-e5); }
@media only screen and (max-width: 1200px) {  
    .step-st1 { margin: 0 -20px; }
    .step-st1 .item { padding: 0 20px; }
}
@media only screen and (max-width: 1023px) {  
    .step-st1 { flex-wrap: wrap; margin: 0 -10px; }
    .step-st1 .item { flex: 1 1 50%; margin-bottom: 20px; padding: 0 10px; }
    .step-st1 .item:nth-child(2n)::after { display: none; }
}
@media only screen and (max-width: 450px) { 
    .step-st1 { margin: 0; }
    .step-st1 .item { flex: 1 1 100%; margin-bottom: 30px; padding: 0 0 10px 0; }
    .step-st1 .item:nth-child(2n)::after { display: block; }
    .step-st1 .item::after { content: ""; position: absolute; top: unset; bottom: -25px; left: 50%; right: unset; transform: translateX(-50%) rotate(90deg); width: 30px; height: 30px; background: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L8.5 8L1.5 15' stroke='%23FF256D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / auto 15px; border-radius: 100%; }
    .step-st1 .item .inner { min-height: unset; }
    .step-st1 .item:last-child::after { display: none; }
 }


.space-group .tab-btn--mobile { display: none; }
@media only screen and (max-width: 1023px) {
    .col-group.space-group { flex-direction: column; gap: 3rem; margin: 0; }
    .col-group.space-group [class*="col-"] { width: 100%; padding: 0; }
    
    .space-group .tab-btn--pc { display: none; }
    .space-group .tab-btn--mobile { display: block; }
}



.retal-info .chk-list-st2 .rdo-st2 { flex: 1 1 calc(33.3% - 6px); }
.retal-info .chk-list-st2 .rdo-st2 label { width: 100%; }

.calendar-st1 { width: 100%; text-align: center; }
.calendar-st1 thead th { line-height: 20px; padding: 7px 0 3px; font-weight: 400; font-size: 15px; }
.calendar-st1 thead th:first-child { color: var(--primary900); }
.calendar-st1 tbody td {  }
.calendar-st1 tbody td .date { display: inline-flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 50px; height: 50px; }
.calendar-st1 tbody td .unselectable {  }
.calendar-st1 tbody td .date .num { display: block; line-height: 18px; margin-top: 9px; font-weight: 400; font-size: 16px; }
.calendar-st1 tbody td .date .txt { display: block; line-height: 12px; margin-top: 2px; font-size: 10px; }

.calendar-st1 tbody td .today .num { color: var(--primary900); }
.calendar-st1 tbody td .today .txt { color: var(--primary900); }
.calendar-st1 tbody td .unselectable .num { color: var(--gray-aa); }
.calendar-st1 tbody td .unselectable .txt { color: var(--gray-aa); }
.calendar-st1 tbody td .closed .num { color: var(--gray-aa); }
.calendar-st1 tbody td .closed .txt { color: var(--gray-aa); }
.calendar-st1 tbody td .selected { background-color: var(--primary900); border-radius: 2px; }
.calendar-st1 tbody td .selected .num { color: #fff; }
.calendar-st1 tbody td .selected .txt { color: #fff; }


.calendar-header .calendar-month { display: flex; align-items: center; justify-content: center; gap: 50px; }
.calendar-header .calendar-month button { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 1px solid #000; }



.calendar-st2 { width: 100%; }
.calendar-st2 thead th { padding: 12px; font-weight: 500; font-size: 14px; border-top: 1px solid var(--gray-e5); border-bottom: 1px solid var(--gray-e5); text-align: center; }
.calendar-st2 thead th:first-child { color: var(--primary900); }
.calendar-st2 tbody td { position: relative; border-bottom: 1px solid var(--gray-e5); vertical-align: top; }
.calendar-st2 tbody td.selected::before { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; }
.calendar-st2 tbody td .item { display: flex; flex-direction: column;  min-height: 85px; height: 100%; padding: 12px; font-size: 14px; }
.calendar-st2 tbody td .item:hover { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid var(--gray-e5); }
.calendar-st2 tbody td .item .num { position: relative; z-index: 1; display: inline-block; width: fit-content; margin-bottom: 20px; font-weight: 500; }
.calendar-st2 tbody td.today {  }
.calendar-st2 tbody td.today .item .num { color: var(--primary900); }
.calendar-st2 tbody td.today .item .num::before { content:""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; width: 30px; height: 30px; background-color: var(--primary100); border-radius: 100%; }
@media only screen and (max-width: 1600px) {
    .calendar-st2 thead th { padding: 8px; }
    .calendar-st2 tbody td .item { padding: 8px; }
    .calendar-st2 tbody td.today .item .num::before { width: 24px; height: 24px; }
}
@media only screen and (max-width: 1023px) {
    .calendar-st2 thead th { padding: 8px 5px; font-size: 13px; }
    .calendar-st2 tbody td .item { padding: 5px; font-size: 13px; }
    .calendar-st2 tbody td.today .item .num::before { width: 18PX; height: 18PX; }
}



.mship-wrap { position: relative; display: block; padding: 40px; background-color: #000; border-radius: 1rem; }
.mship-wrap::before { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.1) 100%), url(../img/content/sub05/sub050101_tab02--pattern.png) no-repeat center center / cover; border-radius: 1rem; overflow: hidden; }
.mship-wrap::after { content:""; position: absolute; bottom: -47px; right: 20px; width: 300px; height: 250px; background: url(../img/content/sub05/sub050101_tab02.webp) no-repeat center center / contain; }
.mship-wrap .txt-wrap { position: relative; display: flex; align-items: flex-end; gap: 3rem; }
.mship-wrap .txt-wrap .tit { padding-right: 3rem; border-right: 1px solid var(--white20); }
.mship-wrap-st1::after { display: none; }
.mship-wrap-st1 .txt-wrap .tit { padding-right: 0; border-right: 0; }
@media only screen and (max-width: 1600px) {
    .mship-wrap::after { bottom: -31px; width: 200px; height: 167px; }
}
@media only screen and (max-width: 767px) {
    .mship-wrap .txt-wrap { flex-direction: column; align-items: baseline; }
    .mship-wrap .txt-wrap .tit { padding-right: 0; border-right: 0; }
}
@media only screen and (max-width: 470px) {
    .mship-wrap { padding: 25px 25px 120px 25px; }
}


@media only screen and (max-width: 1023px) {
    .col-group.mship-group { flex-direction: column; gap: 3rem; margin: 0; }
    .col-group.mship-group [class*="col-"] { width: 100%; padding: 0; }
}




/* 검색창 */
.sch-inp-wrap { margin-bottom: 50px; }
.sch-inp-wrap .inp-wrap { display: flex; flex-wrap: nowrap; align-items: center; max-width: 1000px; height: 60px; line-height: 60px; margin: 0 auto; border: 2px solid #000; }
.sch-inp-wrap .inp-wrap input { width: 100%; height: 60px; line-height: 60px; margin: 0; padding: 0 20px; font-weight: 500; font-size: 20px; background: transparent; }
.sch-inp-wrap .inp-wrap input::placeholder { font-weight: 500; font-size: 20px; color: #aaa; }
.sch-inp-wrap .inp-wrap button { flex-shrink: 0; width: 60px; height: 60px; }

.sch-section { margin-bottom: 12rem; }
.sch-section .sch-tit { display: flex; align-items: center; justify-content: space-between; padding-bottom: 2rem; border-bottom: 1px solid #000; }
.sch-section .sch-result .item { border-bottom: 1px solid var(--gray-e5); }
.sch-section .sch-result .item a { display: block; padding: 3rem 3rem 3rem 1rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") no-repeat right 10px center / auto 18px; }
.sch-section .sch-result .item a .date { display: block; margin: 15px 0 20px; }
.sch-section .sch-result .item a .location { display: block; }
@media only screen and (max-width: 1023px) {
    .sch-section .sch-result .item a { padding: 3rem 3rem 3rem 1rem; }
    
}

.aisch-wrap { padding: 30px; background-color: var(--gray-fa); border-radius: 5px; }
.aisch-inp-wrap {  }
.aisch-inp-wrap .inp-wrap { position: relative; display: flex; flex-wrap: nowrap; align-items: center; max-width: 1000px; height: 60px; line-height: 60px; margin: 0 auto; background: linear-gradient(90deg, var(--primary900), var(--secondary100), #000, var(--secondary100), var(--primary900)); border-radius: 50px; background-size: 300% 300%; animation: gradientFlow 6s linear infinite; overflow: hidden; }
.aisch-inp-wrap .inp-wrap::before { content: ""; position: absolute; inset: 3px; border-radius: 50px; background: #fff; }
.aisch-inp-wrap .inp-wrap input { position: relative; width: 100%; height: 60px; line-height: 60px; margin: 0; padding: 0 25px; font-weight: 500; font-size: 18px; background: transparent; }
.aisch-inp-wrap .inp-wrap input::placeholder { font-weight: 500; font-size: 18px; color: #aaa; }
.aisch-inp-wrap .inp-wrap button { flex-shrink: 0; width: 60px; height: 60px; }
@keyframes gradientFlow {
    0%   { background-position:   0% 50%; }
    100% { background-position: 200% 50%; }
}
.aisch-result-wrap {  }
.aisch-result-wrap .search_result_section { line-height: 1.4; border-radius: 5px; border: 1px solid var(--gray-e5); }
.aisch-result-wrap .search_result_section * { letter-spacing: inherit; }
.aisch-result-wrap .search_result_section p { padding: 0; font-size: unset; }
.aisch-result-wrap .search_result_section h3 { line-height: 1.4; margin: 5px 0; padding: 0; font-weight: 500; font-size: 16px; }
.aisch-result-wrap .search_result_section hr { display: none; }
.aisch-result-wrap .search_result_section > ul { margin-bottom: 10px; padding: 0; }
.aisch-result-wrap .search_result_section > ul > li { font-size: 15px; }
.aisch-result-wrap .search_result_section > ul > li + li { margin-top: 5px; }
.aisch-result-wrap .search_result_section > ul > li > ul { margin: 3px 0 5px; }
.aisch-result-wrap .search_result_section > ul > li + li { margin-top: 5px; }
.aisch-result-wrap .search_result_section > ul > li > ul > li { margin-top: 4px; }
.aisch-result-wrap .search_result_section a { font-size: 15px; color: var(--primary900); }
@media only screen and (max-width: 1023px) {
    .aisch-wrap { padding: 20px; }
    .aisch-inp-wrap .inp-wrap { height: 50px; line-height: 50px; }
    .aisch-inp-wrap .inp-wrap input { height: 50px; line-height: 50px; font-size: 15px; }
    .aisch-inp-wrap .inp-wrap input::placeholder { font-size: 15px; }
    .aisch-inp-wrap .inp-wrap button { width: 50px; height: 50px; }
    .aisch-inp-wrap .inp-wrap button svg { width: 15px; height: 15px; }
}


.info-box { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 30px; padding: 16px 24px; background-color: var(--gray-f6); border-radius: 5px; }
.info-box li { display: flex; align-items: center; gap: 10px; font-size: 15px; }
.info-box li strong { display: flex; align-items: center; gap: 5px; }
.info-box li strong::before { content: ""; display: inline-block; width: 20px; height: 20px; }
.info-box li:first-child strong::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-briefcase-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v1.384l7.614 2.03a1.5 1.5 0 0 0 .772 0L16 5.884V4.5A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5V6.85L8.129 8.947a.5.5 0 0 1-.258 0L0 6.85z'/%3E%3C/svg%3E") no-repeat center center / auto; }
.info-box li:last-child strong::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-telephone-fill' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3E%3C/svg%3E") no-repeat center center / auto; }
@media only screen and (max-width: 767px) {
    .info-box { flex-direction: column; align-items: baseline; border-radius: 3px; }
}




.mypg-overview { display: flex; background-color: #000; border-radius: 5px; overflow: hidden; }
.mypg-overview .item { position: relative; display: flex; width: 50%; padding: 30px; }
.mypg-overview .item:nth-child(2)::after { content: ""; position: absolute; bottom: -70px; right: 20px; width: 260px; height: 260px; background: url(../img/content/sub08/sub080101_item02.webp) no-repeat center center / contain; }
.mypg-overview .item + .item::before { content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 80%; background: var(--white10); }
.mypg-overview .item .inner { position: relative; z-index: 1; }
.mypg-overview .item .inner .tit { display: flex; align-items: center; gap: 8px; margin-bottom: 30px; color: var(--white50); }
.mypg-overview .item .inner .cont { color: #fff; }
.mypg-overview .item .char img { position: absolute; z-index: 1; width: 200px; }
.mypg-overview .item .char1 { object-position: -30px; }
.mypg-overview .item .char5 { object-position: left 15px; }
.mypg-overview-st2 {  }
.mypg-overview-st2 .btn-rg { align-self: flex-end; padding: 30px; }
.mypg-overview-st2 .btn-rg .more-btn-st2 { position: relative; z-index: 2; background-color: #000; }
.mypg-overview-st2 .item { flex-grow: 1; }
@media only screen and (max-width: 767px) {
    .mypg-overview .item { padding: 20px; }
    .mypg-overview .item .txt-18 { font-size: 16px; }
    .mypg-overview .item .txt-36 { font-size: 2.4rem; }
    .mypg-overview .item .char img { width: 140px; }
    .mypg-overview .item:nth-child(2)::after { bottom: -50px; width: 190px; height: 190px; }
    .mypg-overview-st2 .btn-rg { padding: 20px; }
}
@media only screen and (max-width: 560px) {
    .mypg-overview .item .char1 { object-position: 0; }
    .mypg-overview .item .char img { left: 70px; bottom: -20px; width: 80px; }
    .mypg-overview .item:nth-child(2)::after { bottom: -20px; right: -10px; width: 120px; height: 120px; }
    
    .mypg-overview-st2 { position: relative; }
    .mypg-overview-st2 .item { position: unset; }
    .mypg-overview-st2 .item .char img { left: unset; right: 20px; bottom: 40px; }
}


.mypg-grade { padding: 30px; border: 1px solid var(--gray-e5); border-radius: 5px; }
.mypg-grade .tit { display: flex; align-items: center; gap: 8px; margin-bottom: 30px;  }
.mypg-grade .cont {   }
.mypg-grade .grade-wrap { position: relative; padding-top: 60px; }
.mypg-grade .grade-wrap .bubble { position: absolute; top: 0; transform: translateX(-50%); width: fit-content; padding: 1rem 1.5rem; color: #fff; background-color: var(--primary900); border-radius: 3px; }
.mypg-grade .grade-wrap .bubble::after { content:""; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); display: block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid var(--primary900); }
.mypg-grade .grade-wrap .bar { position: relative; display: flex; width: 100%; height: 18px; padding: 0 10px; background-color: var(--gray-f5); border-radius: 50px; overflow: hidden; }
.mypg-grade .grade-wrap .bar .fill { position: absolute; top: 0; left: 0; height: 100%; background-color: #000; border-radius: 50px; }
.mypg-grade .grade-wrap .bar .circle {position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; }
.mypg-grade .grade-wrap .bar .circle span {display: block; width: 7px; height: 7px; background-color: var(--gray-cc); border-radius: 100%; }
.mypg-grade .grade-wrap .txt {position: relative; display: flex; justify-content: space-between; margin-top: 10px; padding: 0 10px; font-size: 15px; }
.mypg-grade .grade-wrap .middle {position: absolute; left: 50%}
.mypg-grade .grade-wrap .middle2 {position: absolute; left: 75%}

.mypg-grade .grade-wrap .bubble.zero {transform: unset;}
.mypg-grade .grade-wrap .bubble.zero::after {left: 7px; transform: unset;}
.mypg-grade .grade-wrap .bubble.hund {transform: translateX(-100%);}
.mypg-grade .grade-wrap .bubble.hund p {white-space: nowrap;}
.mypg-grade .grade-wrap .bubble.hund::after {left: 94%;}

@media only screen and (max-width: 767px) {
    .mypg-grade { padding: 20px; }
    .mypg-grade .grade-wrap .bubble { /*left: 50% !important;*/ line-height: 1.2; padding: 1rem; font-size: 12px; text-align: center; word-break: keep-all; }
}




.idv-links { display: flex; align-items: center; margin: 0 -10px; }
.idv-links .item { width: 50%; height: 100%; padding: 0 10px; }
.idv-links .item a { display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 20px; width: 100%; min-height: 200px; padding: 3rem; border: 1px solid var(--gray-e5); text-align: center; transition: all .3s; }
.idv-links .item a:hover { border: 1px solid #000; }
.idv-links .item a .arr { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #000; border-radius: 100%; }
@media only screen and (max-width: 767px) {
    .idv-links { margin: 0 -5px; }
    .idv-links .item { padding: 0 5px; }
    .idv-links .item a { min-height: unset; }
}


.sns-btn-st1 { display: flex; align-items: center; gap: 3rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--gray-e5); }
.sns-btn-st1 .tit { flex-shrink: 0; display: flex; align-items: center; gap: 1rem; }
.sns-btn-st1 button { margin-left: auto; }
@media only screen and (max-width: 767px) {
    .sns-btn-st1 { flex-wrap: wrap; gap: 1rem; }
    .sns-btn-st1 button {  }
}



.select-st1 { position: relative; }
.select-st1 .select-btn { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 2rem; border: 1px solid var(--gray-e5); transition: all .3s; }
.select-st1 .select-btn.on { border: 1px solid #000; }
.select-st1 .select-btn.on i { transform: rotate(180deg); }
.select-st1 .select-list { display: none; position: absolute; top: 100%; left: 0; z-index: 1; width: 100%; background-color: #fff; border: 1px solid var(--gray-e5); border-top: 0; }
.select-st1 .select-btn.on + .select-list { display: block; }
.select-st1 .select-list ul li a { display: block; padding: 15px; }
.select-st1 .select-list ul li a:hover { background-color: var(--gray-fa); }
.select-st1 .select-list ul li + li { border-top: 1px solid var(--gray-e5); }


.survey-scale { display: flex; justify-content: center; align-items: flex-end; gap: 3rem; }
.survey-scale .label { line-height: 30px; word-break: keep-all; }
.survey-scale .chk-list-st1 { flex-shrink: 0; }
@media only screen and (max-width: 470px) {
    .survey-scale .label { display: none; }
    
}


.cert-lp .mx-w-250 { margin-right: unset; }
.cert-lp .bd-box-st1 { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
@media print {
    @page {
        size: A4;
        margin: 0;
    }
    .cert-lp .bd-box-st1 { width: 210mm !important; height: 297mm !important; }
}



.coupon-list-st1 { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.coupon-list-st1 > li { width: 33.3%; margin-bottom: 20px; padding: 0 10px; }
.coupon-list-st1 > li .item { position: relative; display: flex; flex-direction: column; gap: 3rem; padding: 1.6rem 2.4rem; background: radial-gradient(8px at left center,transparent 99%,#f4f4f4); }
.coupon-list-st1 > li .item .top .cate-wrap { display: flex; align-items: center; justify-content: space-between; }
.coupon-list-st1 > li .item .bottom { display: flex; align-items: center; justify-content: space-between; }
.coupon-list-st1 > li.no-list { width: calc(100% - 20px); margin: 0 auto; padding: 100px 0; }
@media only screen and (max-width: 1023px) {
    .coupon-list-st1 { margin: 0 -5px; }
    .coupon-list-st1 > li { width: 50%; margin-bottom: 10px; padding: 0 5px; }
}
@media only screen and (max-width: 470px) {
    .coupon-list-st1 { margin: 0; }
    .coupon-list-st1 > li { width: 100%; margin-bottom: 10px; padding: 0; }
    
}



.ben-mov-state { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-radius: 5px; }
.ben-mov-state .lf { flex-grow: 1; display: flex; align-items: center; justify-content: space-between; }
.ben-mov-state .rg { display: flex; align-items: center; gap: 20px; }
@media only screen and (max-width: 767px) {
    .ben-mov-state { flex-direction: column; align-items: baseline; row-gap: 10px; }
    .ben-mov-state .lf { flex-direction: column; align-items: baseline; row-gap: 10px; }
    
}




.movie-swiper {  }
.movie-swiper .swiper-slide a { display: block; }
.movie-swiper .swiper-slide .img-wrap { position: relative; border-radius: 5px; overflow: hidden; }
.movie-swiper .swiper-slide .img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; }
.movie-swiper .swiper-slide .img-wrap .no-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; }
.movie-swiper .swiper-slide .num-wrap { position: absolute; top: 10px; left: 10px; z-index: 1; }
.movie-swiper .swiper-slide .txt-wrap { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; display: flex; align-items: flex-end; justify-content: center; padding: 2rem; background: linear-gradient(to bottom, #00000000, #000); }


.calendar-group .col-4 { flex-shrink: 0; }
.calendar-group .col-8 { flex-grow: 1; }
.calendar-group .col-8 .ovf-y-scroll { max-height: 460px; }
@media only screen and (max-width: 1023px) {
    .calendar-group .col-4 { width: 50%; }
    .calendar-group .col-8 { width: 50%; }
}
@media only screen and (max-width: 767px) {
    .calendar-group { flex-direction: column; row-gap: 30px; }
    .calendar-group .col-4 { width: 100%; }
    .calendar-group .col-8 { width: 100%; }
    .calendar-group .col-8 .ovf-y-scroll { max-height: unset; }
    
}




.intro .sub-content { background-color: #000; }
.intro .sub-content .con-body { padding: 0; }
.intro-sec1 { position: relative; width: 100vw; height: 100vh; }
.intro-sec1 .img-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; }
.intro-sec1 .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.intro-sec1 .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }
.intro-sec1 .inner .lang-btn-wrap { display: flex; align-items: center; margin-top: 30px; border: 1px solid #ffffff30; border-radius: 50px; overflow: hidden; }
.intro-sec1 .inner .lang-btn-wrap a { display: block; height: 40px; line-height: 40px; padding: 0 15px; font-weight: 300; font-size: 15px; color: #fff; border-right: 1px solid #ffffff30; }
.intro-sec1 .inner .lang-btn-wrap a.on { font-weight: 700; background-color: #ffffff10; }
.intro-sec1 .inner .lang-btn-wrap a:first-child { padding-left: 20px; }
.intro-sec1 .inner .lang-btn-wrap a:last-child { padding-right: 20px; border-right: 0; }
.intro-sec1 .txt-wrap { display: flex; align-items: center; justify-content: center; }
.intro-sec1 .txt-wrap .txt { font-weight: 800; font-size: 9rem; color: #fff; }
.eng .intro-sec1 .txt-wrap .txt { font-size: 6rem; }
.jpn .intro-sec1 .txt-wrap .txt { font-size: 7.5rem; }
.intro-sec1 .txt-wrap .txt1 { position: relative; right: -130px; z-index: 1; padding-right: 20px; background-color: #000; }
.eng .intro-sec1 .txt-wrap .txt1 { right: -180px; }
.chn .intro-sec1 .txt-wrap .txt1 { right: -100px; }
.jpn .intro-sec1 .txt-wrap .txt1 { right: -130px; }
.intro-sec1 .txt-wrap .txt2 { opacity: 0; }
.intro-sec1 .txt-wrap .txt3 { position: relative; left: -100px; z-index: 1; padding-left: 20px; background-color: #000; }
.eng .intro-sec1 .txt-wrap .txt3 { left: -150px; }
.chn .intro-sec1 .txt-wrap .txt3 { left: -80px; }
.jpn .intro-sec1 .txt-wrap .txt3 { left: -130px; }
.intro-sec1 .scroll-down { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 20px; animation: bounce 2s infinite; }
.intro-sec1 .scroll-down span { font-family: var(--head-font); color: #fff; letter-spacing: 0px; }
.intro-sec1 .scroll-down i { color: #fff; animation: arrow 2s infinite; }
.intro-sec1 .scroll-down i:nth-child(2) { animation-delay: 0.3s; }
.intro-sec1 .scroll-down svg { width: 50px; height: 50px; }
.intro-sec1 .scroll-down svg path:last-child { animation: wheel 2s infinite; }
.intro-sec1 .scroll-down .arr { display: flex; flex-direction: column; }
@keyframes wheel { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
@keyframes arrow { 0%, 100% { opacity: 0; transform: translateY(-10px); } 50% { opacity: 1; transform: translateY(0); } }
@keyframes bounce { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(10px); } }
@media only screen and (max-width: 1700px) {
    .eng .intro-sec1 .txt-wrap { flex-direction: column; align-items: center; margin-bottom: 3rem; }
    .eng .intro-sec1 .txt-wrap .txt1 { top: 20px; right: unset; padding-right: 0; }
    .eng .intro-sec1 .txt-wrap .txt3 { top: -20px; left: unset; padding-left: 0; }
    .chn .intro-sec1 .txt-wrap { flex-direction: column; align-items: center; margin-bottom: 3rem; }
    .chn .intro-sec1 .txt-wrap .txt1 { top: 20px; right: unset; padding-right: 0; }
    .chn .intro-sec1 .txt-wrap .txt3 { top: -20px; left: unset; padding-left: 0; }
    .jpn .intro-sec1 .txt-wrap { flex-direction: column; align-items: center; margin-bottom: 3rem; }
    .jpn .intro-sec1 .txt-wrap .txt1 { top: 10px; right: unset; padding-right: 0; }
    .jpn .intro-sec1 .txt-wrap .txt3 { top: -10px; left: unset; padding-left: 0; }
}
@media only screen and (max-width: 1500px) {
    .intro-sec1 .txt-wrap .txt { font-size: 7rem; }
    .intro-sec1 .txt-wrap .txt1 { right: -100px; }
    .intro-sec1 .txt-wrap .txt3 { left: -80px; }
}
@media only screen and (max-width: 1200px) {
    .intro-sec1 .txt-wrap .txt { font-size: 5.5rem; }
    .intro-sec1 .txt-wrap .txt1 { right: -70px; }
    .intro-sec1 .txt-wrap .txt3 { left: -80px; }
}
@media only screen and (max-width: 1023px) {
    .intro-sec1 .inner .lang-btn-wrap a { height: 35px; line-height: 35px; padding: 0 10px; font-size: 14px; }
    .intro-sec1 .inner .lang-btn-wrap a:first-child { padding-left: 15px; }
    .intro-sec1 .inner .lang-btn-wrap a:last-child { padding-right: 15px; }
    .intro-sec1 .txt-wrap { flex-direction: column; align-items: center; }
    .intro-sec1 .txt-wrap .txt { font-size: 5rem; }
    .intro-sec1 .txt-wrap .txt1 { top: 10px; right: unset; padding-right: 0; }
    .intro-sec1 .txt-wrap .txt3 { top: -10px; left: unset; padding-left: 0; }

    .eng .intro-sec1 .txt-wrap .txt { font-size: 4rem; }
    .eng .intro-sec1 .txt-wrap .txt1 { top: 10px; }
    .eng .intro-sec1 .txt-wrap .txt3 { top: -10px; }

    .chn .intro-sec1 .txt-wrap .txt { font-size: 4rem; }
    .chn .intro-sec1 .txt-wrap .txt1 { top: 10px; }
    .chn .intro-sec1 .txt-wrap .txt3 { top: -10px; }

    .jpn .intro-sec1 .txt-wrap .txt { font-size: 4rem; }

}
@media only screen and (max-width: 470px) {
    .intro-sec1 .txt-wrap .txt { font-size: 3.5rem; }
    .eng .intro-sec1 .txt-wrap .txt { font-size: 2.8rem; }
}

.intro-sec2 { position: relative; display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 15rem 0; background-color: #000; overflow: hidden; }
.intro-sec2 .txt-wrap { text-align: center; word-break: keep-all; }
.intro-sec2 .svg-tit { position: relative; display: flex; align-items: center; justify-content: center; }
.intro-sec2 .svg-tit .sub-tit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 600; font-size: 2.2rem; color: var(--primary900); }
.intro-sec2 .txt-wrap .bg-txt { opacity: .1; }
.intro-sec2 .txt-wrap .bg-txt img { height: 100px; }
.intro-sec2 .tit { display: block; margin: 100px 0 40px; font-weight: 700; font-size: clamp(3rem, 5.8333vw, 7rem); color: #fff; }
.intro-sec2 .desc1 { margin-bottom: 30px; line-height: 1.7; font-weight: 500; font-size: clamp(17px, 2vw, 2.4rem); color: #eee; }
.intro-sec2 .desc2 { line-height: 1.7; font-weight: 400; font-size: clamp(14px, 1.6667vw, 2rem); color: #ccc; }

.intro-sec2 .bg-wrap .img-wrap { position: absolute; z-index: 0; width: 600px; opacity: .3; pointer-events: none; }
.intro-sec2 .bg-wrap .img-wrap:nth-child(1) { top: -300px; right: -100px; transform: rotate(90deg); }
.intro-sec2 .bg-wrap .img-wrap:nth-child(2) { bottom: -500px; left: -400px; transform: rotate(90deg); width: 1000px; }

.item-list-st9 { display: flex; margin: 0 -10px; }
.item-list-st9 .item { flex: 1; min-width: 0; padding: 0 10px; } 
.item-list-st9 .item .inner { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: baseline; height: 100%; padding: 4.5rem 4rem; color: #fff; border-radius: 1rem; backdrop-filter: blur(10px); border: 1px solid #ffffff15; overflow: hidden; } 
.item-list-st9 .item .inner:hover::before { content: ""; position: absolute; width: 50%; height: 300%; background: linear-gradient( 90deg, #475259 0%, var(--primary900) 0%, rgba(81, 81, 84, 0) 0%, var(--primary900) 50%, var(--secondary100) 70%, rgba(0, 0, 0, 0) 100% ); transition: 0.5s; animation: gradientRotate 8s linear infinite; opacity: 1; visibility: visible; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.item-list-st9 .item .inner:hover .theme { animation: fill 1.5s infinite; }
.item-list-st9 .item .inner .txt-15 { word-break: break-all; }
@keyframes gradientRotate {
    0% { transform: translate(-50%, -50%) rotate(45deg); }
    100% { transform: translate(-50%, -50%) rotate(405deg); }
}
@keyframes fill {
    0%, 100% { fill: var(--primary900);  }
    50% { fill: #fff; }
}
.item-list-st9 .item .inner::after { content: ""; position: absolute; z-index: -1; inset: 1px; background-color: #000; border-radius: 1rem; } 

@media only screen and (max-width: 1023px) {
    .intro-sec2 .desc1 br { display: none; }
    .intro-sec2 .desc2 br { display: none; }


    .intro-sec2 .item-wrap { overflow: visible; }
    .item-list-st9.swiper-wrapper {  }
    .item-list-st9 .item.swiper-slide { flex: 0 0 auto; width: 360px; height: auto; }
    .item-list-st9 .item .inner {  }
    .item-list-st9 .item.swiper-slide-active .inner::before { content: ""; position: absolute; width: 50%; height: 300%; background: linear-gradient( 90deg, #475259 0%, var(--primary900) 0%, rgba(81, 81, 84, 0) 0%, var(--primary900) 50%, var(--secondary100) 70%, rgba(0, 0, 0, 0) 100% ); transition: 0.5s; animation: gradientRotate 8s linear infinite; opacity: 1; visibility: visible; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .item-list-st9 .item.swiper-slide-active .inner .theme { animation: fill 1.5s infinite; }
}
@media only screen and (max-width: 470px) {
    .item-list-st9 .item.swiper-slide { width: 290px; }
}



.privacy-icn-list { display: flex; margin: 0 -10px; }
.privacy-icn-list li { flex: 1; min-width: 0; padding: 0 10px; }
.privacy-icn-list li > div { display: flex; align-items: start; justify-content: center; width: 100%; padding-top: 130px; border: 1px solid var(--gray-e5); border-radius: 1rem; background-repeat: no-repeat; background-size: 60px auto; background-position: center 40px; }
.privacy-icn-list li:nth-child(1) > div { background-image: url(../img/common/icn_privacy01.png) }
.privacy-icn-list li:nth-child(2) > div { background-image: url(../img/common/icn_privacy02.png) }
.privacy-icn-list li:nth-child(3) > div { background-image: url(../img/common/icn_privacy03.png) }
.privacy-icn-list li:nth-child(4) > div { background-image: url(../img/common/icn_privacy04.png) }
.privacy-icn-list li:nth-child(5) > div { background-image: url(../img/common/icn_privacy05.png) }
.privacy-icn-list li:nth-child(6) > div { background-image: url(../img/common/icn_privacy06.png) }
.privacy-icn-list li > div span { display: block; height: 40px; font-weight: 600; }
@media only screen and (max-width: 1200px) {
    .privacy-icn-list { flex-wrap: wrap; row-gap: 20px; }
    .privacy-icn-list li { flex-basis: 33.3%; }
}
@media only screen and (max-width: 1023px) {
    .privacy-icn-list { row-gap: 10px; margin: 0 -5px; }
    .privacy-icn-list li { padding: 0 5px; }
}
@media only screen and (max-width: 560px) {
    .privacy-icn-list li { flex-basis: 50%; }
}

.privacy_list { display: flex; flex-wrap: wrap; row-gap: 5px; padding: 3rem; border: 1px solid var(--gray-e5); border-radius: 1rem; }
.privacy_list li { width: 50%; }
.privacy_list li:nth-child(odd) { padding-right: 1rem; }
.privacy_list li:nth-child(even) { padding-left: 1rem; }
.privacy_list li a { display: flex; align-items: start; gap: 5px; line-height: 1.5; font-size: 17px; word-break: keep-all; word-wrap: break-word; }
.privacy_list li a:hover { text-decoration: underline; }
.privacy_list li a em { flex-shrink: 0; font-weight: 600; white-space: nowrap; }
@media only screen and (max-width: 767px) {
    .privacy_list { padding: 2rem; }
    .privacy_list li { width: 100%; }
    .privacy_list li:nth-child(odd) { padding-right: 0; }
    .privacy_list li:nth-child(even) { padding-left: 0; }
    .privacy_list li a { font-size: 16px; }
}

/* 트레일러 팝업 */
.popup-st2.trailer-lp .popup-inner {max-width: 90vw; max-height: 90vh;}
.popup-st2.trailer-lp .popup-inner .img-wrap video {display: block; max-width: 100%; max-height: calc(90vh - 40px); width: auto; height: auto; object-fit: contain;}