@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

:root {
    --color-main: #f16112;
}

* { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; }
html, body { font-size: 10px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
button { cursor: pointer; background: none; cursor: pointer; }
button, input, textarea, select { font-weight: 500; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
textarea { resize: none; }
img { width: 100%; height: auto; }
.mo { display: none !important; }

.no-scroll { overflow: hidden; max-height: 100vh; }
.pop-bg { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .68); }

select { appearance: none; -webkit-appearance: none; -moz-appearance: none; height: auto; background:url('../images/lang-arrow-show.png') no-repeat right .8rem center; background-size: 2rem; color: #111; -webkit-text-fill-color: #111; line-height: 1.4; }
select option { color: #111; -webkit-text-fill-color: #111; background-color: #fff; }

input::placeholder, textarea::placeholder { color: #b2b2b2; }

.custom-input-label { position: relative; display: flex; align-items: center; gap: 0.8rem;  }
.custom-input-label input { display: none; }
.custom-input-label .custom-ck { position: relative; top: inherit; right: inherit; z-index: 2; }
.custom-input-label .input-tit { position: relative; display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; }
.custom-input-label input:checked ~ .input-tit { color: var(--color-main); font-weight: bold; }
.custom-input-label .custom-radio { width: 2.4rem; height: 2.4rem; border: .1rem solid #dbdbdb; border-radius: 50%; position: relative; margin-right: 0.8rem; }
.custom-input-label .custom-radio::after { content: ''; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: #dbdbdb; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.custom-input-label input:checked + .custom-radio { border: .1rem solid var(--color-main); }
.custom-input-label input:checked + .custom-radio::after { background: var(--color-main); }

.date-input-wrap { position: relative; display: inline-block; width: 150px; }
.date-input-wrap input { width: 100%; padding: 10px; box-sizing: border-box; }
input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; opacity: 0; }


.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
            
#wrap { width: 100%; height: 100%; min-height: 100vh; overflow: hidden; display: flex; flex-flow: column; overflow-x: hidden !important; }
.no-scroll { overflow: hidden; }
.inner { margin: 0 6rem; }

.section .bg-vid { width: calc(100% + 12rem); position: relative; left: -6rem; }

.search-form { margin: 0 auto; display: block; }
.search-input-container { background: #fff; border-radius: 80rem; display: flex; align-items: center; margin-bottom: 3.2rem; padding-right: 3.2rem; }
.search-input-container input { border: 0; width: 100%; padding: 2.8rem 3.2rem; font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; color: var(--color-main); border-radius: 80rem; }
.search-input-container input::placeholder { color: var(--color-main); }
.search-input-container button { width: 4rem; }
.search-input-container button img { width: 4rem; height: 4rem; }
.search-form .recommend-search { display: flex; align-items: center; justify-content: center; }
.search-form .recommend-tit { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; display: flex; align-items: center; }
.search-form .recommend-tit::after { content: ''; width: 0.1rem; height: 2.4rem; display: block; margin: 0 1.6rem; background: #dbdbdb; }
.search-form .recommend-list { display: flex; gap: .8rem; }
.search-form .recommend-list a { padding: 1rem 2rem; border-radius: 80rem; border: .1rem solid #ebebeb; background: #f8f8f8; font-size: 1.5rem; letter-spacing: -0.3px; color: #919191; display: flex; align-items: center; gap: .4rem; font-weight: 500; }
.search-form .recommend-list a::before { content: '#'; }

/* .section-tit-wra{ padding: 3.6rem 2.4rem; } */

.ui-widget.ui-widget-content { left: 50% !important; transform: translateX(-50%) !important; }
.ui-menu .ui-menu-item-wrapper { font-size: 1.6rem; padding: 1rem; }

header { width: 100%; position: absolute; top: 0; z-index: 65; }
header.sub { border-bottom: .1rem solid rgba(255, 255, 255, .12); background: transparent; }
header.no-bg { background: #fff !important; }
header .default { display: block; }
header.no-bg.show .default { display: block; }
header .close { display: none; }
header .show,
header.no-bg.show .show { display: none; }
header.no-bg .search-area .show { display: block; }
header.no-bg .search-area .default { display: none; }
header .inner { padding: 3.2rem 0; display: flex; align-items: center; justify-content: space-between; }
header.sub > .inner { padding: 2.6rem 0; }
header .logo { width: 19rem; height: 5rem; position: relative; z-index: 5; }
header .logo img { width: 100%; height: 100%; }
header.show { background: #fff; }
header.show .default { display: none; }
header.show .show { display: block; }
.menu-container { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; height: 10rem; z-index: 5; padding-top: 4rem; z-index: 1; }
.show .menu-container::before { content: ''; position: absolute; width: 100%; height: calc(100vh - 10rem); left: 0; top: 10rem; background: rgba(0, 0, 0, .6); z-index: -1; }
header.show .menu-container { border-bottom: .1rem solid #ebebeb; }
header nav { width: 80rem; z-index: 5; position: absolute; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; }
header nav.on { width: 100rem; }
header .dep1 { display: flex; align-items: center; width: 100%; }
header .dep1 > li { position: relative; text-align: center; flex: 1 auto; }
header .dep1 > li > a { font-size: 1.8rem; font-weight: bold; letter-spacing: -0.36px; color: #fff; position: relative; padding-bottom: 4rem; }
header.show .dep1 > li > a { color: #000; }
header .dep1 > li:hover > a { color: var(--color-main); }
.dep1 > li > a::after { content: ''; position: absolute; height: 0.3rem; background: var(--color-main); top: calc(100% - .2rem); left: 50%; width: 11rem; transform: translateX(-50%) scaleX(0); transform-origin: center; transition: transform 0.4s ease; }
.dep1 > li.active > a { color: var(--color-main); }
.dep1 > li.active > a::after { content: ''; position: absolute; height: 0.3rem; background: var(--color-main); top: calc(100% - .2rem); left: 50%; width: 11rem; transform: translateX(-50%) scaleX(1); transform-origin: center;}
header.show .dep1 > li:hover > a::after { transform: translateX(-50%) scaleX(1); }
.menu-slide-area { padding-top: 1.8rem; margin-top: 6rem; z-index: 2; position: absolute; width: 100%; background: #fff; left: 0; z-index: -1; }
.menu-slide-area .inner { padding: 3.6rem 2.4rem; gap: 2.4rem; margin: 0; }
.menu-slide-area .menu-vid { width: 38.2rem; height: 20.4rem; border-radius: 1.6rem; overflow: hidden; position: relative; }
.menu-slide-area .menu-vid video { width: 100%; height: 100%; object-fit: cover; }
.menu-slide-area p { color: #fff; position: absolute; }
.menu-slide-area .top { top: 2.4rem; left: 2rem; font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; line-height: 2.4rem; }
.menu-slide-area .bottom { right: 2rem; bottom: 2.4rem; font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; line-height: 3.4rem; }
header .dep2 { display: none; width: 100%; height: 29rem; position: absolute; margin-top: 4rem; padding-top: 3rem; }

header .dep2:first-child { border-left: .1rem solid #ebebeb; border-right: .1rem solid #ebebeb; }
header .dep2:not(:first-child) { border-right: .1rem solid #ebebeb; }
header .dep2 li { text-align: center; }
header .dep2 li + li { margin-top: 2.4rem; }
header .dep2 a { color: #919191; text-align: center; font-size: 1.6rem; font-weight: 500; }
header .dep2 a:hover { color: #000; font-weight: bold; text-decoration: underline; text-underline-offset: .3rem; }

header .util { display: flex; align-items: center; z-index: 2; }
header .lang-area { position: relative; }
header .lang-area button { font-size: 1.5rem; font-weight: 500; display: flex; align-items: center; color: #fff; }
header .lang-area button::before { content: ''; width: 2.4rem; height: 2.4rem; background: url(../images/lang.png) no-repeat center; background-size: cover; margin-right: 0.8rem; }
header .lang-area button::after { content: ''; width: 2rem; height: 2rem; background: url(../images/lang-arrow.png) no-repeat center; background-size: cover; transition: transform .4 ease-in-out; }
header .lang-area button.on::after { transform: rotate(180deg); }
header .lang-area .lang-list { border: .1rem solid #ebebeb; border-radius: 1.2rem; display: none; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 1.5rem); width: 100%; width: 100%; z-index: 2; }
header .lang-area .lang-list li { background: #f5f5f5; text-align: center; font-size: 1.3rem; letter-spacing: -0.26px; font-weight: 500; }
header .lang-area .lang-list li:not(:first-child) { border-top: .1rem solid #ebebeb; }
header .lang-area .lang-list li:hover,
header .lang-area .lang-list li.active { background: #fff; }
header .lang-area .lang-list li a { padding: .6rem 0; display: block; color: #9c9ea8;  }
header .lang-area .lang-list li:hover a,
header .lang-area .lang-list li.active a { color: var(--color-main); font-weight: bold; }
header .lang-area .lang-list li:nth-child(1) { border-radius: 1.2rem 1.2rem 0 0; }
header .lang-area .lang-list li:nth-child(4) { border-radius: 0 0 1.2rem 1.2rem; }

header .search-area { margin: 0 2rem; width: 2.4rem; height: 2.4rem; background: url(../images/search.png) no-repeat center; background-size: cover; }
header .search-slide-area { display: none; position: absolute; left: 0; width: 100%; background: #fff; top: 0; padding: 12rem 0; }
header .search-slide-area .tit { text-align: center; font-size: 4rem; font-weight: bold; letter-spacing: -0.8px; margin-bottom: 4.8rem; }

header .search-area .pop-close { width: 6.8rem; height: 6.8rem; top: 4.8rem; border-radius: 50%; background: #f5f5f5; position: absolute; z-index: 2; right: 15%; }
header .search-area .pop-close img { width: 4.8rem; }
header .search-slide-area .search-form { width: 72rem; }
header .search-slide-area .search-input-container { border: .2rem solid var(--color-main); }
header .search-slide-area.show::before { content: ''; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .6); z-index: -1; }

header .login-btn { margin-right: 2.4rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; border-radius: 80rem; padding: 1rem 1.6rem; border: .1rem solid rgba(255, 255, 255, .4); background: rgba(255, 255, 255, .12); color: #fff; }

header.show .lang-area button { color: #000; }
header.show .lang-area button::before { content: ''; width: 2.4rem; height: 2.4rem; background: url(../images/lang-show.png) no-repeat center; background-size: cover; margin-right: 0.8rem; }
header.show .lang-area button::after { content: ''; width: 2rem; height: 2rem; background: url(../images/lang-arrow-show.png) no-repeat center; background-size: cover; }
header.show .login-btn { border: .1rem solid rgba(219, 219, 219, 1); background: rgba(245, 245, 245, 1); color: #000; }

header .menu-btn { width: 3.6rem; height: 3.6rem; }
header .menu-btn.on .default { display: none; }
header .menu-btn.on .close { display: block; }

header .sitemap-area { display: none; width: 100%; height: calc(100vh - 10rem); top: 10rem; left: 0; border-top: .1rem solid #ebebeb; background: #fff; position: absolute; z-index: -2; }
header .sitemap-area.on { display: block; }
header .sitemap-area .tit { text-align: center; margin: 8rem auto 4rem; font-size: 4rem; font-weight: bold; letter-spacing: -0.8px; }
header .sitemap-area .sitemap-dep1 { display: flex; gap: 3.6rem; justify-content: center; }
header .sitemap-area .dep1-tit { font-size: 2.6rem; padding: 1.8rem; width: 30rem; border-radius: 1.2rem; letter-spacing: --.25px; font-weight: bold; background: var(--color-main); color: #fff; text-align: center; }
header .sitemap-area .sitemap-dep2 { margin-top: 1.2rem; }
header .sitemap-area .sitemap-dep2 li + li { margin-top: 1.2rem; }
header .sitemap-area .sitemap-dep2 li { width: 100%; text-align: center; }
header .sitemap-area .sitemap-dep2 li a { padding: 2rem 1.6rem; border-radius: 1.2rem; border: .1rem solid #dbdbdb; font-size: 1.8rem; letter-spacing: -0.36px; font-weight: 500; color: #666; display: flex; align-items: center; justify-content: space-between; }
header .sitemap-area .sitemap-dep2 li a::after { content: ''; width: 2.8rem; height: 2.8rem; border-radius: 50%; background: #f5f5f5 url(../images/sitemap-arrow.png) no-repeat center; background-size: 1.6rem; }
header .sitemap-area .sitemap-dep2 li a:hover { border: .1rem solid var(--color-main); color: var(--color-main); box-shadow: 0 0 1.2rem 0 rgba(241, 97, 18, .36); }
header .sitemap-area .sitemap-dep2 li a:hover::after { background: var(--color-main) url(../images/sitemap-arrow-on.png) no-repeat center; background-size: 1.6rem; }

.menu-slide-area, .lang-list, .search-slide-area { display: none; transition: all 0.3s ease; }
header .dep2.show, .menu-slide-area.show, 
.lang-list.show, .search-slide-area.show, .pop-bg.show { display: block !important; }
.pop-bg.show { z-index: 20; }

main { flex: 1; }
main .section { position: relative; width: 100%; height: 100%; min-height: 100vh; }
main .section .bg-vid { position: absolute; width: 100%; left: 0; height: 100%; text-align: center; }
main .section .bg-vid video { width: 100%; height: 100%; object-fit: cover; }
/* Pin the hero video to the top even when its parent uses grid alignment. */
main .section1 .bg-vid { top: 0; }

.section-tit-area .sm-tit { font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; color: var(--color-main); margin-bottom: 2rem; }
.section-tit-area .big-tit { color: #fff; font-size: 4.8rem; font-weight: bold; letter-spacing: -0.96px; }

.section1 .bg-vid .txt { position: absolute; left: 50%; transform: translateX(-50%); color: #fff; font-size: 1.3rem; font-weight: 500; z-index: 2; bottom: 0; }
.section1 .bg-vid .bar { width: 0.2rem; height: 10rem; background: rgba(255, 255, 255, .4); content: ''; display: block; margin: .8rem auto; position: relative; }
.section1 .bg-vid .bar .bar-fill { position: absolute; top: 0; left: 0; width: 100%; height: 33%; background: rgba(255, 255, 255, .8); animation: fillProgress 3s infinite; }
.section1 .search-container { width: 66rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.section1 .recommend-tit { color: #fff; }
.section1 .recommend-tit::after { background: rgba(255, 255, 255, .48); }
.section1 .recommend-list a { text-decoration: none; color: #fff; background: rgba(255, 255, 255, .12); border: .1rem solid rgba(255, 255, 255, .24); }
.section1 .right-contents { display: flex; align-items: center; position: absolute; right: 6rem; top: 50%; transform: translateY(-50%); transition: right .4s ease-in-out; }
.section1 .right-contents.hide { right: -39.5rem; }
.section1 .right-contents .contents-btn { border-radius: 80rem; background: rgba(0, 0, 0, .36); width: 2.8rem; height: 10rem; }
.section1 .right-contents .contents-btn img { width: 2rem; }
.section1 .right-contents.hide .contents-btn img { transform: rotate(180deg); }
.section1 .right-contents .contents-area { width: 39.2rem; margin-left: 2.4rem; }
.section1 .right-contents .intro-vid { margin-bottom: 1.6rem; border-radius: 2rem; padding: 1.6rem 1.6rem 2rem; background: #fff; }
.section1 .right-contents .intro-vid .video-wrap { border-radius: 1.6rem; height: 20rem; margin-bottom: 1.6rem; position: relative; overflow: hidden; }
.section1 .right-contents .intro-vid .video-wrap .video-area { position: relative; }
.section1 .right-contents .intro-vid .video-wrap .video-area::after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .48); position: absolute; left: 0; top: 0; }
.section1 .right-contents .intro-vid .video-wrap video { width: 100%; height: 100%; }
.section1 .right-contents .intro-vid .video-wrap img { width: 100%; }
.section1 .video-control { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; }
.section1 .video-control .btn-icon { margin-bottom: 0.8rem; width: 6rem; height: 6rem; border: .3rem solid var(--color-main); border-radius: 50%; background: url(../images/category-list-hover-play.png) no-repeat center; background-size: 70%; }
.section1 .video-control p { font-size: 1.4rem; letter-spacing: -0.28px; color: #fff; }
.section1 .video-control.hidden {display: none; }
.section1 .intro-txt .tit { font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; margin-bottom: 1.2rem; }
.section1 .intro-txt .txt { font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; color: #666; line-height: 2rem; margin-bottom: 2.4rem; }
.section1 .go-video { display: flex; align-items: center; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: bold; color: var(--color-main); }
.section1 .go-video::after { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/right-arrow-color.png); background-size: contain; margin-left: 0.4rem; }
.section1 .ai-banner { display: block; padding: 3.2rem 2.4rem; border-radius: 2rem; background: url(../images/ai-banner.png) no-repeat center; background-size: cover; width: 100%; }
.section1 .ai-banner .tit { width: 18.4rem; display: block; margin-bottom: 2rem; }
.section1 .ai-banner .txt { font-size: 1.4rem; letter-spacing: -0.26px; font-weight: 500; color: #333; line-height: 2.2rem; color: #fff; margin-bottom: 2.8rem; }
.section1 .ai-banner .btn { padding: 1.2rem 1.5rem; border-radius: .8rem; color: #fff;  display: block; margin-top: 2.8rem; background: var(--color-main); background: var(--color-main); width: 12rem; font-size: 1.2rem; letter-spacing: -0.26px; text-align: center; font-weight: bold; }
.section1 .guide-btn { margin-top: 1.6rem; display: flex; align-items: center; width: 100%; border-radius: 1.6rem; padding: 1.4rem 2.4rem; background: #000; color: #fff; }
.section1 .guide-btn::before { content: ''; width: 3.2rem; height: 4rem; background: url(../images/pdf.png) no-repeat center; background-size: cover; margin-right: 1.6rem; }
.section1 .guide-btn::after { display: none; }
.section1 .guide-btn .guide-preview { display: block; min-width: 0; color: #fff; font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; line-height: 2rem; word-break: keep-all; }
.section1 .guide-btn .guide-download { display: block; flex: 0 0 auto; width: 2.8rem; height: 2.8rem; margin-left: auto; background: url(../images/download.png) no-repeat center; background-size: cover; }

.section1 .main-text { position: absolute; left: 6rem; bottom: 6rem; color: #fff; }
.section1 .main-text .sm { letter-spacing: -0.56px; line-height: 3.8rem; font-size: 2.8rem; font-weight: bold; }
.section1 .main-text .big { line-height: 8.4rem; font-size: 7.4rem; font-weight: bold; letter-spacing: -1.48px; margin-top: 1.6rem; }

.section-wrap { position: relative; overflow: hidden; width: 100%; height: 100vh; }
main .section-wrap .section { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; }

.section2 { width: 100%; height: 100%; z-index: 9; }
.section2 .bg-vid::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.section2 .section-tit-area { width: 100%; text-align: center; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.section2 .section-tit-area .tit { font-size: 12rem; letter-spacing: -0.24px; line-height: 13rem; font-weight: bold; }
.section2 .section-tit-area .sm { display: inline-flex; position: relative; }
.section2 .section-tit-area .sm::after { animation: 3s arrow infinite ease; animation-name: float; top: -1rem;  position: relative; left: 5rem; content: ''; width: 8rem; height: 8rem; background: url(../images/headset.png) no-repeat center; background-size: cover; }
.section2 .section-tit-area .txt { font-size: 2.8rem; font-weight: bold; letter-spacing: -0.56px; color: var(--color-main); margin-top: 3.6rem; }

.section2 .animate-vid { aspect-ratio: 1 / 1; width: 36rem; height: 36rem; overflow: hidden; position: absolute; z-index: 2; filter: grayscale(100%); bottom: -18rem; left: 50%; transform: translateX(-50%); border-radius: 50%; }
.section2 .animate-vid video { width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: cover; }
.section2 .animate-vid .overlay { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 6); opacity: 0; transition: opacity 0.5s; pointer-events: none; z-index: 2; width: 100%; height: 100%; }

.section3 .section-tit-area { opacity: 0; transform: translateY(50px); }
.section3 .library-list li { opacity: 0; transform: translateY(50px); }

.section3 { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 10; transform: translateY(100vh); }
.section3 .section-tit-area { margin: 14rem 0 6.8rem; }
.section3 .library-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 3.6rem; }
.section3 .library-list li { border-radius: 2rem; background: rgba(255, 255, 255, .4); backdrop-filter: blur(32px); position: relative; }
.section3 .library-list a { padding: 2.8rem 0 3.6rem; display: block; text-align: center; color: #fff; }
.section3 .library-list .icon { width: 6rem; height: 6rem; margin: 0 auto 2.4rem; }
.section3 .library-list li:nth-child(1) .icon { background: url(../images/item-icon1.png) no-repeat center; background-size: cover; }
.section3 .library-list li:nth-child(2) .icon { background: url(../images/item-icon2.png) no-repeat center; background-size: cover; }
.section3 .library-list li:nth-child(3) .icon { background: url(../images/item-icon3.png) no-repeat center; background-size: cover; }
.section3 .library-list li:nth-child(4) .icon { background: url(../images/item-icon4.png) no-repeat center; background-size: cover; }
.section3 .library-list li:nth-child(5) .icon { background: url(../images/item-icon5.png) no-repeat center; background-size: cover; }
.section3 .library-list li:nth-child(6) .icon { background: url(../images/item-icon6.png) no-repeat center; background-size: cover; }
.section3 .library-list li:nth-child(7) .icon { background: url(../images/item-icon7.png) no-repeat center; background-size: cover; }
.section3 .library-list li:nth-child(8) .icon { background: url(../images/item-icon8.png) no-repeat center; background-size: cover; }
.section3 .library-list li:nth-child(9) .icon { background: url(../images/item-icon9.png) no-repeat center; background-size: cover; }
.section3 .library-list li:nth-child(10) .icon { background: url(../images/item-icon10.png) no-repeat center; background-size: cover; }
.section3 .library-list li:nth-child(11) .icon { background: url(../images/item-icon11.png) no-repeat center; background-size: cover; }
.section3 .library-list .item-tit { font-size: 2rem; font-weight: 500; letter-spacing: -0.4px; margin-bottom: 1.6rem; }
.section3 .library-list .item-count { font-size: 3.2rem; letter-spacing: -0.64px; font-weight: bold; }

.section3 .library-list li:hover { background: url(../images/item-hover.png) no-repeat center; background-size: 100% 100%; backdrop-filter: none; }
.section3 .library-list li:hover a { color: #000; }
.section3 .library-list li:hover::after { content: ''; width: 2.2rem; height: 2.2rem; background: url(../images/item-hover-arrow.png) no-repeat center; background-size: cover; position: absolute; top: .8rem; right: .8rem; }
.section3 .library-list li:hover:nth-child(1) .icon { background: url(../images/item-hover-icon1.png) no-repeat center; background-size: cover; }
.section3 .library-list li:hover:nth-child(2) .icon { background: url(../images/item-hover-icon2.png) no-repeat center; background-size: cover; }
.section3 .library-list li:hover:nth-child(3) .icon { background: url(../images/item-hover-icon3.png) no-repeat center; background-size: cover; }
.section3 .library-list li:hover:nth-child(4) .icon { background: url(../images/item-hover-icon4.png) no-repeat center; background-size: cover; }
.section3 .library-list li:hover:nth-child(5) .icon { background: url(../images/item-hover-icon5.png) no-repeat center; background-size: cover; }
.section3 .library-list li:hover:nth-child(6) .icon { background: url(../images/item-hover-icon6.png) no-repeat center; background-size: cover; }
.section3 .library-list li:hover:nth-child(7) .icon { background: url(../images/item-hover-icon7.png) no-repeat center; background-size: cover; }
.section3 .library-list li:hover:nth-child(8) .icon { background: url(../images/item-hover-icon8.png) no-repeat center; background-size: cover; }
.section3 .library-list li:hover:nth-child(9) .icon { background: url(../images/item-hover-icon9.png) no-repeat center; background-size: cover; }
.section3 .library-list li:hover:nth-child(10) .icon { background: url(../images/item-hover-icon10.png) no-repeat center; background-size: cover; }
.section3 .library-list li:hover:nth-child(11) .icon { background: url(../images/item-hover-icon11.png) no-repeat center; background-size: cover; }
.section3 .library-list li:hover .item-count { color: var(--color-main); }

.section3 .animate-bg { background: linear-gradient(to bottom, rgba(241,97,18, 0), #f16112); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; }

.section4 { position: absolute; z-index: 8; height: 100vh; top: 0; left: 0; opacity: 0; transform: translateY(0); }
.section4 .txt-wrap { color: #fff; text-align: center; position: absolute; bottom: 4.8rem; left: 0; width: 100%; z-index: 2; }
.section4 .txt-wrap .tit { font-size: 12rem; font-weight: 900; letter-spacing: -0.24px; margin-bottom: 4.8rem; }
.section4 .txt-wrap .txt .big { font-size: 4.8rem; font-weight: bold; letter-spacing: -0.96px; margin-bottom: 2.4rem; }
.section4 .txt-wrap .txt .sm { font-size: 2rem; font-weight: 500; letter-spacing: -0.4px; line-height: 3.4rem; }

.section4 .white-gradeint-overlay { opacity: 0; background: linear-gradient(to bottom, #f16112, #fcdfcf); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.section4 .white-overlay { opacity: 0; background: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.section4 .carousel-wrap { pointer-events: none; opacity: 0; position: absolute; top: 110%; left: 50%; transform: translate(-50%, -50%); perspective: 2000px; z-index: 5; pointer-events: auto; touch-action: none; }
.section4 .carousel { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; pointer-events: auto; touch-action: none; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; image-rendering: -webkit-optimize-contrast; 
  transition: none !important; /* 중요: JS로 transform을 제어할 때 transition이 있으면 무조건 떨림 */
  perspective: 2000px;
  backface-visibility: hidden;
  will-change: transform;
  
  /* 추가: 3D 렌더링 시 하위 요소들의 정렬을 강제함 */
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}
.section4 .card-wrap { position: absolute; left: 50%; top: 50%; width: 21rem; height: 24rem;
  backface-visibility: hidden;
  will-change: transform;
}
.section4 .card-wrap .category-tit { font-size: 1.8rem; font-weight: bold; color: var(--color-main); margin-bottom: 1rem; }
.section4 .card-wrap .category-vid { position: relative; }
.section4 .card-wrap .video { width: 100%; height: 24rem; overflow: hidden; border-radius: 2rem; position: relative; }
.section4 .card-wrap .video::after { content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.48)); position: absolute; top: 0; left: 0; border-radius: 2rem; }
.section4 .card-wrap video { width: 100%; height: 100%; object-fit: cover; }
.section4 .card-wrap .user-id { position: absolute; top: 1.2rem; left: 1.2rem; color: #fff; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.24px; }
.section4 .card-wrap .vid-intro-txt { position: absolute; margin: 0 1.2rem; bottom: 1.2rem; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; line-height: 2rem; color: #fff; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; height: 4rem; word-break: break-all; }
.section4 .card-wrap .bg-area { position: absolute; width: 100%; height: 100%; top: 0; border-radius: 2rem; }
.section4 .card-wrap:hover .bg-area { background: linear-gradient(to bottom, rgba(241,97,18,.48), rgba(241,97,18,.88)); }
.section4 .card-wrap:hover .bg-area .vid-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6rem; height: 6rem; background: url(../images/category-play.png) no-repeat center; background-size: cover; }
.section4 .card-wrap video { width: 100%; }
.section4 .control { z-index: 14; opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); top: -53rem; display: flex; gap: .8rem; width: 9rem; height: 4rem; }
.section4 .control button { width: 4rem; height: 4rem; border-radius: 50%; border: .1rem solid #ebebeb; }
.section4 .is-playing { background: #f5f5f5 url(../images/category-list-play.png) no-repeat center; background-size: 2rem; }
.section4 .is-paused { background: #f5f5f5 url(../images/category-list-stop.png) no-repeat center; background-size: 2rem; }
.section4 .control button:hover,
.section4 .control .active { border: .1rem solid var(--color-main); }
.section4 .is-playing.active,
.section4 .is-playing:hover { background: #fff url(../images/category-list-hover-play.png) no-repeat center; background-size: 2rem; }
.section4 .is-paused.active,
.section4 .is-paused:hover { background: #fff url(../images/cateogry-list-hover-stop.png) no-repeat center; background-size: 2rem; }

.section4 .light-txt { opacity: 0; position: absolute; bottom: 0; color: rgba(240,97,18,.1); font-size: 14rem; font-weight: bold; text-align: center; left: 50%; transform: translateX(-50%); white-space: nowrap; z-index: 2; }

.section5 { background: #fff; position: absolute; z-index: 12; height: 100vh; top: 0; left: 0; transform: translateY(100%); }
.section5 .inner { display: flex; align-items: center; height: 100%; }
.section5 .section-tit-area { margin-bottom: 4.8rem; }
.section5 .section-tit-area .big-tit { color: #000; }
.section5 .news-area { width: 72rem; margin-right: 21rem; position: relative; }
.section5 .news-list { display: flex; }
.section5 .news-list .thumb { width: 100%; height: 32rem; margin-bottom: 2.8rem; }
.section5 .news-list .news-tit { font-size: 2.4rem; letter-spacing: -0.48px; font-weight: bold; margin-bottom: 1.6rem; }
.section5 .news-list .news-detail-txt { font-size: 1.5rem; letter-spacing: -0.3px; color: #666; font-weight: 500; margin-bottom: 3.6rem; }
.section5 .news-list .news-detail-btn { padding: 1.4rem 3rem; border-radius: 1.2rem; font-size: 1.6rem; font-weight: bold; letter-spacing: -0.32px; border: .1rem solid #000; display: inline-flex; align-items: center; width: fit-content; white-space: nowrap; }
.section5 .news-list .news-detail-btn::after { content: ''; width: 1.6rem; height: 1.6rem; margin-left: 0.8rem; background: url(../images/news-arrow.png) no-repeat center; background-size: cover; }
.section5 .news-list .news-detail-btn:hover { background: var(--color-main); color: #fff; border-color: var(--color-main); }
.section5 .news-list .news-detail-btn:hover::after { content: ''; width: 1.6rem; height: 1.6rem; margin-left: 0.8rem; background: url(../images/news-arrow-hover.png) no-repeat center; background-size: cover; }
.section5 .news-area .news-controls { border-radius: 80rem; border: .1rem solid #ebebeb; padding: 1.4rem 2rem; position: absolute; top: 5.5rem; right: 0; display: flex; width: 16rem; align-items: center; }
.section5 .swiper-pagination { bottom: inherit; position: relative; font-size: 1.6rem; font-weight: bold; }
.section5 .swiper-pagination-current { color: var(--color-main); }
.section5 .news-area .news-controls button { text-indent: -999999999px; width: 2rem; min-width: 2rem; height: 2rem; }
.section5 .news-area .news-controls button.btn-prev { background: url(../images/news-prev.png) no-repeat center; background-size: cover; } 
.section5 .news-area .news-controls button.news-ctl:not(.is-paused) { background: url(../images/news-stop.png) no-repeat center; background-size: cover; } 
.section5 .news-area .news-controls button.news-ctl.is-paused { background: url(../images/news-play.png) no-repeat center; background-size: cover; } 
.section5 .news-area .news-controls button.btn-next { background: url(../images/news-next.png) no-repeat center; background-size: cover; } 

.section5 .notice-area { position: relative; }
.section5 .notice-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6rem 6.8rem; }
.section5 .notice-list a { display: flex; }
.section5 .notice-list .hover-layer { display: none; }
.section5 .notice-list .thumb { position: relative; width: 16rem; min-width: 16rem; height: 22.6rem; margin-right: 2.4rem; border-radius: 1.6rem; overflow: hidden; }
.section5 .notice-list .thumb.no-thumb { border: .1rem #ebebeb; background: #f8f8f8; display: flex; align-items: center; justify-content: center; }
.section5 .notice-list .thumb.no-thumb img { width: 6.8rem; }
.section5 .notice-list .cate-label { border-radius: .8rem; border: .1rem solid var(--color-main); color: var(--color-main); width: 6rem; text-align: center; padding: .6rem 0; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; margin-bottom: 1.8rem; }
.section5 .notice-list .tit { font-size: 1.8rem; font-weight: bold; letter-spacing: -0.36px; line-height: 2.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; margin-bottom: 2.8rem; height: 8rem; }
.section5 .notice-list .info-list li { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; font-weight: 500; }
.section5 .notice-list .info-list li:not(:last-child) { margin-bottom: 1rem; }
.section5 .notice-area .notice-detail-btn { position: absolute; right: 0; top: 5.5rem; padding: 1.4rem 2.4rem; border-radius: 80rem; border: .1rem solid #ebebeb; display: flex; align-items: center; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; }
.section5 .notice-area .notice-detail-btn::after { content: ''; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; background: url(../images/plus.png) no-repeat center; background-size: cover; position: relative; top: -.2rem; }
.section5 .notice-list li:hover .thumb::after { content: ''; width: 100%; height: 100%; border-radius: 1.6rem; background-color: rgba(0, 0, 0, .6); position: absolute; top: 0; left: 0; }
.section5 .notice-list li:hover .tit { text-decoration: underline; text-underline-offset: .3rem; color: var(--color-main); }
.section5 .notice-list li:hover .hover-layer { display: flex; position: absolute; top: 50%; left: 50%; color: #fff; z-index: 2; transform: translate(-50%, -50%); font-size: 1.2rem; letter-spacing: -0.24px; font-weight: 500; border-radius: 50%; width: 6.8rem; height: 6.8rem; border: .1rem solid #fff; align-items: center; justify-content: center; }
.section5 .notice-list li:hover .hover-layer::after { content: ''; width: 1.4rem; height: 1.4rem; background: url(../images/plus-white.png) no-repeat center; background-size: cover; }

.section6 { background: #fff; position: absolute; z-index: 13; height: 100vh; top: 0; left: 0; transform: translateY(100%); }
.section6 .inner { height: 100%; display: flex; flex-flow: column; align-items: center; justify-content: center; }
.section6 .section-tit-area { width: 100%; }
.section6 .section-tit-area .big-tit { color: #000; }
.section6 .contents-swiper-container { margin-top: 6.8rem; position: relative; width: calc(100% + 12rem) }
.section6 .contents-swiper { left: -16rem; width: calc(100% + 32rem); }
.section6 .contents-swiper .swiper-slide { width: calc(100% / 5.5 - 9rem) !important; }
.section6 .contents-swiper-container .thumb { margin-bottom: 2.4rem; border-radius: 2rem; overflow: hidden; width: 32rem; height: 32rem; aspect-ratio: 16 / 9; height: auto; transition: all .4s; position: relative; }
.section6 .contents-swiper-container .thumb img { width: 100%; height: 100%; object-fit: cover; background: #f5f5f5; }
.section6 .contents-swiper-container .thumb:not(.no-thumb) img { transform: none; }
.section6 .contents-swiper-container li:hover .thumb { border-radius: 50%; }
.section6 .contents-swiper-container li:hover .thumb::after { content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute;
  background: url(../images/news-arrow-hover.png),
              linear-gradient(to bottom, rgba(241,97,18,.32), rgba(241,97,18,.88));
  background-repeat: no-repeat;
  background-size: 4rem, 100%;
  background-position: center;
}
.section6 .contents-swiper-container .contents-cate { margin-bottom: 1.6rem; font-size: 1.6rem; letter-spacing: -0.32px; font-weight: 500; color: var(--color-main); }
.section6 .contents-swiper-container .contents-tit { font-size: 2.2rem; font-weight: bold;  letter-spacing: -0.44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.section6 .contents-swiper-container li:hover .contents-tit { text-decoration: underline; text-underline-offset: .3rem; color: var(--color-main); }
.section6 .contents-detail-btn { position: absolute; right: 6rem; top: -12rem; padding: 1.4rem 2.4rem; border-radius: 80rem; border: .1rem solid #ebebeb; display: flex; align-items: center; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; }
.section6 .contents-detail-btn::after { content: ''; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; background: url(../images/plus.png) no-repeat center; background-size: cover; position: relative; top: -.2rem; }


.section6 .contents-list > li { margin-right: 8rem; }
.contents-list { 
  display: flex; gap: 0;
  will-change: transform; 
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout;
  transform: translate3d(0, 0, 0);
}
.swiper-pagination-progressbar-fill {
  transition: none !important;
}

.section6 .contents-swiper-container .no-thumb { background: #f8f8f8; border: .1rem solid #ebebeb; display: flex; align-items: center; justify-content: center; }
.section6 .contents-swiper-container .no-thumb img { width: 12rem; height: 12rem; transform: none; object-fit: contain; }

.fixed-btn-wrap { opacity: 0; position: fixed; right: 4.4rem; bottom: 14rem; display: flex; flex-flow: column; justify-content: center; z-index: 5; }
.ai-search-btn { 
    box-shadow: 0 0 2.6rem 0 rgba(249,84,23,.48);
    display: flex; align-items: center; justify-content: center; gap: 1.2rem; overflow: hidden;
    background: linear-gradient(135deg, #f16112, #8c1463, #3c0c84);
    border-radius: 50%; width: 9.2rem; height: 9.2rem; transition: all .4s; position: relative;
}
.ai-search-btn .txt-left { display: block; width: 0; transition: all .4s; }
.ai-search-btn .txt { width: 5.8rem; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ai-search-btn .ai-character { width: 0; position: relative; left: -2rem; transition: all .4s; }
.ai-search-btn:hover { border-radius: 80rem; width: 28.2rem; }
.ai-search-btn:hover .txt { display: none; }
.ai-search-btn:hover .txt-left { width: 12.4rem; }
.ai-search-btn:hover .ai-character { width: 9.2rem; left: 1rem; }
.top-btn { position: fixed; right: 6rem; bottom: 4rem; width: 6rem; height: 6rem; border-radius: 50%; border: .1rem solid #ebebeb; background: url(../images/top.png) rgba(255, 255, 255, .8) no-repeat center; background-size: 2.4rem; backdrop-filter: filter(2.2rem); }

footer { border-top: .1rem solid #ebebeb; position: relative; z-index: 2; }
footer .inner { padding: 10rem 0; display: flex; flex-flow: row wrap; justify-content: space-between; }
footer .terms-list { display: flex; gap: 3.6rem; margin-bottom: 2.6rem; }
footer .terms-list li a { font-size: 1.8rem; letter-spacing: -0.36px; font-weight: bold; }
footer .terms-list li:nth-child(1) a { color: var(--color-main); }
footer .txt-wrap { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; }
footer .txt-wrap .txt:last-child { margin-top: 1.2rem; }
footer .logo { width: 12rem; position: absolute; left: 50%; transform: translateX(-50%); }
footer .family-site { display: flex; gap: 2.4rem; }
footer .family-site li { height: 4.2rem; }
footer .family-site li img { height: 100%; width: auto; }
footer .copyright { width: 100%; text-align: right; color: #888; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; }



/*================= 로그인 ==========================*/
header.no-bg.sub { border-bottom: .1rem solid #ebebeb; }
header.no-bg.sub .search-area .show { display: block; }
header.no-bg .logo .default,
header.no-bg.sub .search-area .default { display: none; }
header.no-bg .logo .show { display: block; }
header.no-bg .lang-area button::before { background: url(../images/lang-show.png) no-repeat center; background-size: cover; }
header.no-bg .lang-area button::after { background: url(../images/lang-arrow-show.png) no-repeat center; background-size: cover; }
header.no-bg .lang-area button { color: #000; }
header.no-bg .dep1 > li > a { color: #000; }
header.no-bg .login-btn { color: #000; border: .1rem solid #dbdbdb; background: #f5f5f5; }

.login-area { margin: 22rem auto 24rem; width: 48rem; }
.login-area .tit,
.join-area .tit { text-align: center; font-size: 3.6rem; font-weight: bold; margin-bottom: 6rem; }
.login-area label { display: block; width: 100%; position: relative; }
.login-area .input-label + .input-label { margin-top: 1.2rem; }
.login-area .input-label input { border-radius: 1.2rem; border: .1rem solid #dbdbdb; padding: 1.8rem 1.6rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; width: 100%; }
.login-area .input-label input::placeholder { color: #b2b2b2; }
.login-area input[type="checkbox"] { display: none; }
.login-area .ck-label { display: flex; align-items: center; gap: .8rem; margin: 1.6rem 0 2.8rem; }
.login-area .ck-label .label-tit { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; }
.login-area .custom-ck { position: static; }
.login-area .login-btn { width: 100%; padding: 1.7rem; background: var(--color-main); border-radius: 1.2rem; font-size: 1.7rem; font-weight: bold; color: #fff; letter-spacing: -0.34px; }
.login-area .login-util { margin: 2.8rem 0 3.2rem; display: flex; align-items: center; justify-content: center; }
.login-area .login-util li { font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; display: flex; align-items: center; }
.login-area .login-util li:not(:last-child)::after { content: ''; width: 0.1rem; height: 1.4rem; background: #dbdbdb; margin: 0 1.6rem; }
.login-area .easy-login { padding-top: 4rem; position: relative; border-top: .1rem solid #dbdbdb; }
.login-area .easy-login .tit { background: #fff; padding: .8rem; display: block; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; position: absolute; left: 50%; top: -1.7rem; transform: translateX(-50%); }
.login-area .easy-login-list { display: flex; gap: .8rem; align-items: center; }
.login-area .easy-login-list li { width: 100%; }
.login-area .easy-login a { display: block; padding: 1.7rem 1.6rem; width: 100%; text-align: center; font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; color: #fff; border-radius: 1.2rem; }
.login-area .easy-login li:first-child a { background: #03c75a url(../images/login-naver.png) no-repeat 1.6rem center; background-size: 2rem; }
.login-area .easy-login li:last-child a { background: #313131 url(../images/login-google.png) no-repeat 1.6rem center; background-size: 2rem; }

.join-area { width: 128rem; margin: 22rem auto 24rem; }
.join-area.no-mt { margin-top: 0; }
.join-step { margin: 8rem auto; display: flex; align-items: center; justify-content: center; gap: 16rem; position: relative; }
.join-step::after { content: ''; width: 40rem; height: 0.1rem; position: absolute; left: 0; top: 2.4rem; background-color: #dbdbdb; left: 50%; transform: translateX(-50%); z-index: -1; }
.join-step li { position: relative; }
.join-step li.on::after { content: ''; width: 20rem; height: 0.1rem; position: absolute; left: 100%; background: var(--color-main); top: 2.4rem; }
.join-step li.on:last-child:after { left: -20rem; }
.join-step .num { width: 4.8rem; height: 4.8rem; border-radius: 50%; color: #fff; font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; background: #b2b2b2; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; }
.join-step .step-tit { position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 1.6rem; font-weight: bold; letter-spacing: -0.32px; color: #b2b2b2; margin-top: 2rem; }
.join-step .on .num { background: url(../images/step-on.png) no-repeat center; background-size: cover; }
.join-step .on .step-tit { color: var(--color-main); }
.join-step li:has(~ li.on) .num { background: #b2b2b2 url(../images/check-white.png) no-repeat center; background-size: 2rem; text-indent: -999999px; }
.join-area input[type="checkbox"] { display: none; }
.join-area .all-ck-box { margin-bottom: 10rem; position: relative; width: 100%; display: flex; align-items: center; border-radius: 1.2rem; padding: 3.2rem 2.4rem; background: #f5f5f5; border: .2rem solid transparent; }
.join-area .custom-ck { position: static; margin-right: 0.8rem; align-self: flex-start; background: #f9f9f9; }
.join-area .all-ck-box .txt { font-size: 1.5rem; font-weight: 500; letter-spacing: 0.3px; line-height: 3.4rem; color: #666; }
.join-area .all-ck-box .tit { color: #000; line-height: 1.5; font-size: 1.8rem; letter-spacing: -0.36px; margin: 0 0 1rem; text-align: left; }
.join-area .all-ck-box.on { border: .2rem solid var(--color-main); background: #fff; }
.join-area .all-ck-box.on .tit { color: var(--color-main); }
.join-area .scroll-wrap + .scroll-wrap { margin-top: 14.8rem; }
.join-area .scroll-wrap .sub_tit { font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; margin-bottom: 2rem; }
.join-area .scroll-wrap .use_1 { border-radius: 1.2rem; padding: 3.2rem 1.2rem 2.4rem 2.4rem; border: .1rem solid #ebebeb; }
.join-area .scroll-wrap .use_1 { font-weight: 500; font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; color: #919191; }
.join-area .scroll-wrap .use_1 .big_subject { font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; color: #000; }
.join-area .scroll-wrap .use_1 .top_title { font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; margin-top: 1.6rem; color: #000; }
.join-area .scroll-wrap .use_1 * + .big_subject { margin-top: 1.6rem; }
.join-area .scroll-wrap .agree_check { display: flex; align-items: center; justify-content: flex-end; margin-top: 2.4rem; }
.join-area .scroll-wrap .agree_check .label-tit { font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; }
.join-area .scroll-wrap .agree_check .label-tit.c { color: #666; }
.join-area .scroll-wrap .agree_check .label-tit.c span { color: #000; }
.join-area .scroll-wrap .agree_check .label-tit .c { color: #e60909; }
.join-area .scroll-wrap .use_1 tr td:nth-child(1) { white-space: nowrap; }
.join-area .scroll-wrap .use_1 td + td { padding-left: 1rem; }

.join-area .scroll-wrap .use_1 .txt-wrap { height: 42rem; overflow-y: auto; word-break: keep-all; }
.join-area .scroll-wrap .use_1 .txt-wrap::-webkit-scrollbar { width: 0.8rem; }
.join-area .scroll-wrap .use_1 .txt-wrap::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0.4rem; }
.join-area .scroll-wrap .use_1 .txt-wrap::-webkit-scrollbar-thumb { background: #ccc; border-radius: 0.4rem; }
.join-area .scroll-wrap .use_1 .txt-wrap::-webkit-scrollbar-thumb:hover { background: #999; }

.join-area .auth_wrap { background: #f5f5f5; padding: 4.8rem 1rem; border-radius: 1.6rem; margin-top: 8rem; }
.join-area .auth_wrap .tit { font-size: 2.8rem; letter-spacing: -0.56px; margin-bottom: 1.6rem; }
.join-area .auth_wrap .txt { text-align: center; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; color: #666; margin-bottom: 3.2rem; }
.join-area .auth_wrap ul { display: flex; align-items: center; justify-content: center; gap: 1.6rem; }
.join-area .auth_wrap ul li { float: none; width: 26rem; height: auto; margin: 0; border-radius: 1.6rem; background: #fff; padding: 3.6rem 1rem; display: flex; flex-flow: column; align-items: center; justify-content: center; border: .2rem solid transparent; line-height: normal; }
.join-area .auth_wrap li:hover { border: .2rem solid var(--color-main); }
.join-area .auth_wrap ul li a { display: flex; flex-flow: column; align-items: center; justify-content: center; width: 100%; height: auto; line-height: normal; color: inherit; font-weight: inherit; }
.join-area .auth_wrap .img { display: block; width: 6rem; height: 6rem; margin: 0 auto 2rem; }
.join-area .auth_wrap .img,
.join-area .auth_wrap ul li span,
.join-area .auth_wrap ul li span:nth-child(2),
.join-area .auth_wrap li p span { float: none; width: auto; margin-top: 0; text-align: inherit; }
.join-area .auth_wrap .img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.join-area .auth_wrap p { margin: 0; text-align: center; font-size: 1.8rem; font-weight: bold; letter-spacing: -0.36px; line-height: 1.4; }
.join-area .auth_wrap li p span { display: inline; margin-right: 0.4rem; }
.join-area .auth_wrap li:nth-child(1) span { color: #ff3a4a; }
.join-area .auth_wrap li:nth-child(2) span { color: #03c75a; }
.join-area .auth_wrap li:nth-child(3) span { color: #1565c0; }
.join-area .reset { padding: 1.7rem 1rem; width: 12rem; text-align: center; background: #919191; margin: 4.8rem auto; color: #fff; font-weight: bold; font-size: 1.7rem; letter-spacing: -0.34px; display: block; border-radius: 1.2rem; }

.join-form .btn-wrap { border-top: 0.1rem solid #ebebeb; margin-top: 6rem; padding-top: 4.8rem; }
.join-form .btn-wrap .btn-cancel { background: #919191; color: #fff; }

.join-form-box { position: relative; width: 108rem; margin: 0 auto; }
.input-form-box .tit-wrap { margin-bottom: 4rem; width: 100%; display: flex; align-items: center; justify-content: space-between; padding-bottom: 2rem; border-bottom: .2rem solid var(--color-main); }
.input-form-box .tit-wrap .tit { font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; text-align: left; margin-bottom: 0; }
.input-form-box .required { display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #919191; gap: .2rem; white-space: nowrap; }
.input-form-box .red { color: var(--color-main); font-size: 2rem; position: relative; top: .4rem; }
.input-form-box .input-label { display: flex; width: 100%; align-items: center; flex-flow: row wrap; position: relative; }
.input-form-box .input-label + .input-label { margin-top: 2.8rem; }
.input-form-box .flex { display: flex; width: 100%; }
.input-form-box .flex input { width: 100%; }
.input-form-box .input-label .tit { font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; margin: 0; width: 100%; display: block; text-align: left; margin-bottom: 1.6rem; }
.input-form-box .input-label input[type="text"], .input-form-box .input-label input[type="password"], .input-form-box .input-label select { padding: 1.6rem 1.8rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; border-radius: 1.2rem; border: .1rem solid #dbdbdb; width: 100%; }
.input-form-box .input-label select:disabled { color: #666; -webkit-text-fill-color: #666; opacity: 1; }
.input-form-box .input-label input:disabled { background: #f5f5f5; color: #000; }
.input-form-box .input-label .btn-dark { padding: 1.7rem 1rem; width: 9.8rem; min-width: 9.8rem; white-space: nowrap; border-radius: 1.2rem; background: #313131; color: #fff; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; display: block; margin-left: 0.4rem;; }
.input-form-box .input-label .ck-confirm { margin-top: 0.8rem; font-size: 1.4rem; letter-spacing: -0.28px; color: var(--color-main); font-weight: 500; margin-left: 1.2rem; }
.input-form-box .input-label .custom-input-label + .custom-input-label { margin-left: 3.2rem; }
.input-form-box .input-label .custom-input-label { display: flex; align-items: center; }
.input-form-box .input-label .custom-input-label input { display: none; }
.input-form-box .input-label .custom-input-label .input-tit { font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; }
.input-form-box .mail-wrap { gap: .4rem; font-size: 1.5rem; display: flex; align-items: center; flex-flow: row nowrap !important; }
.input-form-box .mail-wrap select { width: 26rem !important; min-width: 26rem; background: #f5f5f5 url(../images/lang-arrow-show.png) no-repeat calc(100% - 1.2rem) center; background-size: 2rem; }
.input-form-box .mail-wrap .btn-dark { margin-left: 0; }
.input-form-box .mail-wrap .ck-confirm { margin-left: 0.8rem; }
.input-form-box .mail-wrap input:disabled { background: #fff; }
.input-form-box .m { width: 33.6rem !important; }
.input-form-box .s { width: 23rem !important; }
.input-form-box { border-bottom: .1rem solid #ebebeb; padding-bottom: 6rem; margin-bottom: 4.8rem; }
.input-form .btn-wrap { margin-top: 4.8rem; display: flex; gap: .8rem; align-items: center; justify-content: center; }
.input-form .btn-wrap button { width: 12rem; padding: 1.7rem 1rem; border-radius: 1.2rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; color: #fff; }
.input-form .btn-wrap .btn-line { border: .1rem solid #000; color: #000; }
.input-form .btn-wrap .btn-cancel { background: #919191; }
.input-form .btn-wrap .btn-confirm { background: var(--color-main); }

.success-join { display: flex; width: 92.8rem; box-shadow: .2rem .2rem 1.2rem 0 rgba(0, 0, 0, .08); margin: 14rem auto 0; border-radius: 1.6rem; }
.success-join > div { flex: 1 50%; }
.success-join .txt-wrap { padding: 4.8rem; border: .1rem solid #ebebeb; border-left: 0; }
.success-join .txt-wrap .success-tit { font-size: 2.6rem; letter-spacing: -0.52px; color: var(--color-main); font-weight: bold; margin-bottom: 3.6rem; }
.success-join .txt-wrap .sm-tit { padding: 1rem 0; border-radius: 80rem; background: #000; color: #fff; width: 8rem; text-align: center; font-size: 1.4rem; margin-bottom: 1.2rem; }
.success-join .txt-wrap .join-info { margin-bottom: 5rem; border-top: .1rem solid #ebebeb; padding: 3.2rem 0; border-bottom: .1rem solid #ebebeb; }
.success-join .txt-wrap .join-info li { display: flex; align-items: center; justify-content: space-between; }
.success-join .txt-wrap .join-info li, .success-join .txt-wrap .join-info li * { font-size: 1.6rem; letter-spacing: -0.32px; margin: 0; }
.success-join .txt-wrap .join-info li + li { margin-top: 2.4rem; }
.success-join .txt-wrap .join-info li .tit { color: #666; font-weight: 500; }
.success-join .txt-wrap .join-info li .cont { font-weight: bold; }
.join-area .btn-wrap { display: flex; align-items: center; gap: .8rem; justify-content: center; }
.join-area .btn { width: 12rem; border-radius: 1.2rem; padding: 1.7rem 1rem; text-align: center; font-weight: bold; font-size: 1.7rem; letter-spacing: -0.34px; }
.success-join .btn-line,
.join-area .btn-line.c { border: .1rem solid var(--color-main); color: var(--color-main); }
.join-area .btn-confirm { background: var(--color-main); color: #fff; }

.find-info { display: flex; align-items: center; justify-content: center; gap: 4.8rem; }
.find-info li a { display: block; width: 40rem; border-radius: 1.6rem; padding: 4.8rem 3.6rem; background: #fff url(../images/find-icon.png) no-repeat calc(100% - 3.2rem) center; background-size: 5.8rem; border: .1rem solid #ebebeb; box-shadow: .2rem .2rem 1.2rem 0 rgba(0, 0, 0, .08); }
.find-info .tit { font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; margin-bottom: 2.8rem; text-align: left; }
.find-info .btn { display: flex; align-items: center; gap: .2rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; color: #666; background: #f5f5f5; border-radius: .8rem; border: .1rem solid #ebebeb; width: 12rem; justify-content: center; padding: 1.3rem 1rem; }
.find-info .btn::after { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/find-arrow.png) no-repeat center; background-size: cover; }
.find-info li a:hover { background: var(--color-main) url(../images/find-icon-on.png) no-repeat calc(100% - 3.2rem) center; background-size: 5.8rem; border-color: var(--color-main); }
.find-info li a:hover .tit { color: #fff; }
.find-info li a:hover .btn { background: #fff; color: var(--color-main); border-color: var(--color-main); }
.find-info li a:hover .btn::after { background: url(../images/find-arrow-on.png) no-repeat center; background-size: cover; }

.find-tit { text-align: center; font-size: 2.8rem; letter-spacing: -0.56px; font-weight: bold; margin-bottom: 4.8rem; color: var(--color-main); }
.find-result { width: 40rem; margin: 0 auto 4.8rem; background: #f5f5f5; border-radius: 1.6rem; padding: 3.6rem 1rem; text-align: center; }
.find-result .label { padding: 1rem 2rem; font-size: 1.4rem; font-weight: 500; color: #fff; border-radius: 80rem; background: #000; display: inline-block; margin-bottom: 1.6rem; }
.find-result .value { font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; }
.find-result .date { margin-top: 2rem; color: #919191; letter-spacing: -0.28px; font-weight: 500; font-size: 1.4rem; }



/*================= sub page ==========================*/

.main-contents .search-area,
.top-bn, .guide-wrap > .tit, .guide-list > li, .img-upload-box,
.seller-card, .rank-list-wrap, .seller-item-list, .recent-reivew, .review-container,
.detail-item-card, .cc-mark, .flex-template .left > div, .flex-template .right ,
.result-box, .analyzed-btns,
.result-tab-btn,
.select-sound-list > li,
.select-sound-list tr,
.theme-list li,
.login-area .tit,
.login-area .login-form,
.login-area .easy-login,
.join-area > .tit, .join-step, .all-ck-box, .scroll-wrap, .auth_wrap, .join-form .reset,
.join-form .join-form-box, .join-form .btn-wrap,
.success-join, .find-info,
.join-area .find-tit, .find-result, .join-area > .btn-wrap,
.list-container .list-top, .list-container .collumn-list > li,
.intro-section-wrap .section-item1 .tit-wrap, .intro-section-wrap .section-item1 .txt-wrap, .intro-section-wrap .section-item1 .logo-item,
.section-item2 .intro-section-tit, .section-item2 .rotation-wrap {
  opacity: 0;
  transform: translateY(30px);
}

.main-contents {  }
.main-contents .inner { width: 140rem; margin: 0 auto; }
.main-contents .main-tit-inner { width: 140rem; margin: 0 auto; height: 100%; }
.soundEffect01 { background: url(../images/soundEffect01.png) no-repeat center; background-size: cover; }
.main-tit-bn { margin-bottom: 12rem; position: relative; width: calc(100% + 52rem); left: -26rem; top: 0; height: 60rem; background-size: 120%; transition: background-size .4s ease-in-out; overflow: hidden; }
.main-tit-bn.on { background-size: 100%; }
.main-tit-bn::after { content: ''; width: 100%; height: calc(100%); background: linear-gradient(to bottom, rgba(0,0,0,.54), rgba(0,0,0,.2)); position: absolute; top: 0; left: 0; }
.main-tit-bn * { position: relative; z-index: 5; }
.main-contents .breadcrumb { position: absolute; top: 16rem; left: 0; display: flex; align-items: center; z-index: 2; }
.main-contents .detail-container .breadcrumb { left: 25rem; }
.main-contents .breadcrumb li.home a { display: block; width: 1.8rem; height: 1.8rem; background: url(../images/home.png) center no-repeat; background-size: cover; }
.main-contents .breadcrumb > li { color: #fff; display: flex; align-items: center; position: relative; }
.main-contents .breadcrumb > li:not(:last-child)::after { content: ''; width: 0.1rem; height: 1.2rem; background: rgba(255, 255, 255, .24); display: block; margin: 0 1.2rem; }
.main-contents .breadcrumb button { color: #fff; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; display: flex; align-items: center; }
.main-contents .breadcrumb button::after { content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/lang-arrow.png) no-repeat center; background-size: cover; margin-left: 0.4rem; }
.main-contents .breadcrumb .no-deps { pointer-events: none; cursor: normal; }
.main-contents .breadcrumb .no-deps::after { display: none; }
.main-contents .breadcrumb .menu { display: none; width: 13.8rem; position: absolute; top: calc(100% + 1.8rem); border-radius: .8rem; background: #fff; overflow: hidden; left: 50%; transform: translateX(-57%); padding: 1.4rem 0; box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, .12); }
.main-contents .breadcrumb .menu a { display: block; padding: 1rem .2rem; font-weight: 500; font-size: 1.3rem; letter-spacing: -0.26px; text-align: center; color: #666; }
.main-contents .breadcrumb .menu a.long { letter-spacing: -.84px; } 
.main-contents .breadcrumb .menu a:hover { color: var(--color-main); font-weight: bold; }
.main-contents .breadcrumb .menu.is-active { display: block; opacity: 1; }
.main-tit-bn .page-tit-wrap { position: absolute; left: 50%; top: 28.8rem; transform: translateX(-50%); text-align: center; color: #fff; z-index: 1; }
.main-tit-bn .page-tit { font-size: 5.6rem; letter-spacing: -0.12px; margin-bottom: 2.8rem; font-weight: bold; }
.main-tit-bn .page-sub-txt { font-size: 2rem; letter-spacing: -0.4px; font-weight: 500; }

.main-contents .search-area { position: relative; z-index: 8; }
.main-contents .search-area .tit { display: flex; align-items: center; font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; margin-bottom: 2.8rem; }
.main-contents .search-area .tit::before { content: ''; width: 3rem; height: 3rem; margin-right: 1.2rem; background: url(../images/search-icon.png) no-repeat center; background-size: cover; }
.main-contents .search-area .search-tab { margin: 8rem auto 12rem; position: relative; padding: 3.2rem 2.8rem; border-radius: 0 1.6rem 0 1.6rem; border: .2rem solid #ebebeb; background: #f5f5f5; }
.main-contents .search-area .search-tab-btn { position: absolute;  top: -5.44rem; left: -.1rem; gap: .4rem; display: flex; align-items: center; }
.main-contents .search-area .search-tab-btn a { font-size: 1.8rem; letter-spacing: -0.36px; color: #919191; font-weight: 500; padding: 1.6rem 0; width: 18rem; border-radius: 1.6rem 1.6rem 0 0; background: #e9e9e9; display: block; text-align: center;  }
.main-contents .search-area .search-tab-btn .active a { background: var(--color-main); color: #fff; }
.main-contents .search-area .search-tab-cont > div { display: none; }
.main-contents .search-area .search-tab-cont > .active { display: block; }
.main-contents .search-area .search-tab-cont .flex { display: flex; align-items: center; }
.main-contents .search-area .search-tab-cont .search-dep1-cate { width: 34rem; display: flex; align-items: center; position: relative; }
.main-contents .search-area .search-tab-cont .search-dep1-cate > button { width: 34rem; min-width: 34rem; padding: 1.6rem 0; border-bottom: .2rem solid #000; text-align: left; font-size: 1.8rem; font-weight: bold; letter-spacing: -0.36px; display: flex; align-items: center; }
.main-contents .search-area .search-tab-cont .search-dep1-cate > button::after { content: ''; width: 2.4rem; height: 2.4rem; background: url(../images/lang-arrow-show.png) no-repeat center; background-size: cover; margin-left: auto;}
.main-contents .search-area .search-tab-cont .search-dep1-cate-list { border: 0; position: absolute; width: 34rem; height: 0; overflow-y: scroll; top: 12rem; background: #fff; border-radius: .8rem; z-index: 5; transition: height .4s ease-in-out; box-shadow: 0 0 1.2rem 0 rgba(0,0,0,.2); }
.search-dep1-cate-list::-webkit-scrollbar { width: 0.8rem; }
.search-dep1-cate-list::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0.4rem; }
.search-dep1-cate-list::-webkit-scrollbar-thumb { background: #ccc; border-radius: 0.4rem; }
.search-dep1-cate-list::-webkit-scrollbar-thumb:hover { background: #999; }
.search-area .search-tab-cont .search-dep1-cate-list li + li { border-top: .1rem solid #ebebeb; }
.search-area .search-tab-cont .search-dep1-cate-list li button { width: 100%; font-size: 1.7rem; font-weight: 500; padding: 1.4rem .4rem; }
.search-area .search-tab-cont .search-dep1-cate-list li button:hover { color: var(--color-main); }
.search-area .search-tab-cont .search-dep1-cate::after { content: ''; width: 0.1rem; min-width: .1rem; height: 15.6rem; background: #dbdbdb; display: block; margin: 0 2.8rem; }
.search-area .search-tab-cont .search-dep2-cate { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; font-size: 1.5rem; letter-spacing: -0.3px; color: #b2b2b2; font-weight: 500; width: 100%; margin-left: 5.6rem; }
.search-area .search-tab-cont .select-category { width: 100%; text-align: center; }
.search-area .search-tab-cont .sub-category-list { width: 100%; }
.search-area .search-tab-cont .sub-category-list ul { display: flex; flex-flow: row wrap; gap: 2.8rem; width: 100%; max-height: 15rem; overflow-y: auto; }
.search-area .search-tab-cont .sub-category-list ul.on { max-height: 100%; }
.main-contents .search-area .ucs-btn { position: absolute; top: 0; right: 0; padding: 1.5rem 1.2rem; width: 16rem; border-radius: .8rem; border: .1rem solid #dbdbdb; text-align: center; white-space: nowrap; font-size: 1.5rem; font-weight: 500; letter-spacing: -.3px; }

.sub-category-list ul::-webkit-scrollbar { width: 0.8rem; }
.sub-category-list ul::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0.4rem; }
.sub-category-list ul::-webkit-scrollbar-thumb { background: #ccc; border-radius: 0.4rem; }
.sub-category-list ul::-webkit-scrollbar-thumb:hover { background: #999; }
.search-area .search-tab-cont .sub-category-list ul.on::-webkit-scrollbar { display: none; }
.search-area .search-tab-cont .sub-category-list input { display: none; }
.search-area .search-tab-cont .sub-category-list .input-tit { position: relative; display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; }
.search-area .search-tab-cont .sub-category-list .input-tit::before { content: ''; width: 2.4rem; height: 2.4rem; border-radius: .6rem; background: #f9f9f9; border: .1rem solid #dbdbdb; display: block; margin-right: 0.8rem; }
.search-area .search-tab-cont .sub-category-list input:checked + .input-tit::before { background: var(--color-main); border: var(--color-main); }
.search-area .search-tab-cont .sub-category-list input:checked + .input-tit::after { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/check-white.png) no-repeat center; background-size: cover; position: absolute; left: .4rem; }
.search-area .search-tab-cont .sub-category-list input:checked + .input-tit { color: var(--color-main); font-weight: bold; }
.search-area .search-tab-cont .input-area { width: 48rem; margin-bottom: 2.4rem; border-radius: .8rem; border: .1rem solid #dbdbdb; display: flex; align-items: center; background: #fff; }
.search-area .search-tab-cont .input-area input { font-size: 1.5rem; font-weight: 500; width: 100%; padding: 1.5rem 1.6rem; border-radius: .8rem; }
.search-area .search-tab-cont .input-area input::placeholder { color: #b2b2b2; }
.search-area .search-tab-cont .input-area button { width: 2rem; height: 2rem; background: url(../images/search-gray.png) no-repeat center; background-size: cover; margin-right: 1.6rem; }
.main-contents .search-area .search-tab.sound-effect-mode { padding: 3.2rem 1.4rem 2rem 2.8rem; }
.search-tab-cont .sub-category-scroll { overflow-y: auto; overflow-x: hidden; height: 26rem; padding-right: 1rem; }
.search-tab-cont .sub-category-scroll::-webkit-scrollbar { width: 0.8rem; }
.search-tab-cont .sub-category-scroll::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0.4rem; }
.search-tab-cont .sub-category-scroll::-webkit-scrollbar-thumb { background: #ccc; border-radius: 0.4rem; }
.search-tab-cont .sub-category-scroll::-webkit-scrollbar-thumb:hover { background: #999; }
.search-tab-cont .sub-category-scroll.on { height: 82rem; }
.cate-box { display: inline-block; vertical-align: top;margin: 0 1.2rem 1.2rem 0; }
.cate-box:nth-child(1) { width: 25%; }
.cate-box:nth-child(2) { width: 30%; }
.cate-box:nth-child(3) { width: 10%; }
.cate-box:nth-child(4) { width: 25%; }
.cate-box:nth-child(5) { width: 27%; }
.cate-box:nth-child(6) { width: 27%; }
.cate-box:nth-child(7) { width: 10%; }
.cate-box:nth-child(8) { width: 33%; }
.cate-box:nth-child(9) { width: 28%; }
.cate-box:nth-child(10) { width: 33%; }
.cate-box:nth-child(11) { width: 100%; }
.cate-box:nth-child(12) { width: 70%; }
.search-area .search-tab-cont .cate-box { border-radius: 1.2rem; background: #fff; padding: 2.4rem; }
.search-area .search-tab-cont .cate-box .cate-tit { font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; margin-bottom: 2rem; }
.search-area .search-tab-cont .cate-box ul { gap: 2rem 1.6rem; display: flex; flex-flow: row wrap; }
.search-area .search-tab-cont .cate-box label { display: flex; align-items: center; gap: .8rem; font-size: 1.5rem; letter-spacing: -0.3px; color: #666; font-weight: 500; }
.search-area .search-tab-cont .cate-box label .input-tit { display: flex; align-items: center; position: relative; }
.search-area .search-tab-cont .cate-box label .input-tit::before { content: ''; width: 2.4rem; height: 2.4rem; border-radius: .6rem; border: .1rem solid #dbdbdb; background: #f9f9f9; margin-right: 0.8rem; }
.search-area .search-tab-cont .cate-box label input:checked + .input-tit::before { border: .1rem solid var(--color-main); background: var(--color-main); }
.search-area .search-tab-cont .cate-box label input:checked + .input-tit::after { content: ''; width: 1.6rem; height: 1.6rem; left: 0.4rem; position: absolute; background: url(../images/check-white.png) no-repeat center; background-size: cover; }
.search-area .search-tab-cont .cate-box label input:checked + .input-tit { color: var(--color-main); font-weight: bold; }
.search-area .search-tab-cont .cate-box label input { display: none; }
.search-area .search-toggle-btn { font-size: 1.2rem; font-weight: 500; letter-spacing: -0.24px; color: #919191; display: flex; position: absolute; right: -.2rem; bottom: -4.05rem; border-radius: 0 0 .8rem .8rem; border: .2rem solid #ebebeb; background: #fff; padding: 1.1rem 1.2rem; }
.search-area .search-toggle-btn::after { content: ''; width: 1.2rem; height: 1.2rem; background: url(../images/search-toggle.png) no-repeat center; background-size: cover; display: block; margin-left: 0.2rem; transform: rotate(180deg); }
.search-area .search-toggle-btn.on::after { transform: rotate(0); }

.list-section { margin-bottom: 24rem; }
.list-section .list-search { display: flex;  margin: 0 auto 6rem; border-radius: 3.4rem; border: .2rem solid var(--color-main); width: 68rem;}
.list-section .list-search input { border-radius: 3.4rem; width: 100%; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; color: var(--color-main); padding: 2.4rem 2.8rem; }
.list-section .list-search input::placeholder { color: var(--color-main); }
.list-section .list-search .search-util { display: flex; align-items: center; margin-right: 2.8rem; }
.list-section .list-search .voice { border-radius: 50%; width: 2.8rem; height: 2.8rem; background: #f5f5f5 url(../images/voice.png) no-repeat center; background-size: 1.8rem; display: flex; align-items: center; }
.list-section .search-util li { display: flex; }
.list-section .search-util li:not(:last-child)::after { content: ''; width: 0.1rem; height: 3.2rem; background: #ebebeb; margin: 0 1.6rem; display: block; }
.list-section .list-search .search { width: 2.4rem; height: 2.4rem; background: url(../images/search-color.png) no-repeat center; background-size: cover; } 

.list-section .list-area { position: relative; border-top: .1rem solid #ebebeb; padding-top: 2.4rem; }
.list-section .list-area .total-count { font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; }
.list-section .list-area .total-count .c-main { font-weight: bold; color: var(--color-main); }
.list-section .list-area .list-util { margin: 0 0 3.6rem; display: flex; justify-content: space-between; align-items: center; }
.list-section .list-area .add-all-item { padding: 1.5rem 1.2rem; border-radius: .8rem; border: .1rem solid #666; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; display: flex; align-items: center; }
.list-section .list-area .add-all-item::before { content: ''; width: 1.2rem; height: 1.2rem; background: url(../images/plus.png) no-repeat center;  background-size: cover; }
.list-section .list-area .util-btns { display: flex; align-items: center; }
.list-section .list-area .list-util select { width: 16.8rem; margin: 0 .8rem; padding: 1.5rem 1.2rem; border-radius: .8rem; border: .1rem solid #dbdbdb; font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; }
.list-section .list-area .list-util .sort-type-btns { display: flex;  }
.list-section .list-area .list-util .sort-type-btns button { display: block; width: 4.8rem; height: 4.8rem; border: .1rem solid #dbdbdb; }
.list-section .list-area .list-util .sort-type-btns button:last-child { border-left: 0; }
.list-section .list-area .list-util .sort-type-btns .thumb { border-radius: .8rem 0 0 .8rem; background: #f5f5f5 url(../images/sort-thumb.png) no-repeat center; background-size: 2rem; }
.list-section .list-area .list-util .sort-type-btns .list { border-radius: 0 .8rem .8rem 0; background: #f5f5f5 url(../images/sort-list.png) no-repeat center; background-size: 2rem; }
.list-section .list-area .list-util .sort-type-btns .thumb.active { background: #fff url(../images/sort-thumb-on.png) no-repeat center; background-size: 2rem; }
.list-section .list-area .list-util .sort-type-btns .list.active { background: #fff url(../images/sort-list-on.png) no-repeat center; background-size: 2rem; }
.list-type { display: none; }
.list-type.active { display: block; }

.card-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.2rem; }
.card-list > li { display: flex; align-items: stretch; min-width: 0; }
.market-sale-list-wrap .card-list > .seller-empty-item { grid-column: 1 / -1; }
.card-list > .market-empty-item { grid-column: 1 / -1; min-height: 18rem; border: .1rem solid #ebebeb; border-radius: 1.6rem; background: #f8f8f8; display: flex; align-items: center; justify-content: center; color: #919191; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.36px; text-align: center; }
.list-wrap > .sound-empty-item { width: 100%; min-height: 18rem; border: .1rem solid #ebebeb; border-radius: 1.6rem; background: #f8f8f8; display: flex; align-items: center; justify-content: center; color: #919191; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.36px; text-align: center; box-sizing: border-box; }
.card-list > .sound-empty-item { grid-column: 1 / -1; }
.full-list > .sound-empty-item { margin-top: 0; }
.list-wrap > li > a { padding: 4.8rem 2rem 2rem; border: .2rem solid transparent; border-radius: 1.6rem; box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, .12); position: relative; display: block; }
.card-list > li > a { display: flex; flex-direction: column; width: 100%; height: 100%; min-width: 0; }
.list-wrap > li > a:hover,
.list-wrap > li > a:has(input:checked) { border: .2rem solid var(--color-main); box-shadow: 0 0 1.2rem 0 rgba(241, 97, 18, .36); }
.item-category { margin-bottom: 2.2rem; display: flex; align-items: center; }
.item-category::before { content: ''; flex: 0 0 auto; width: 2.4rem; height: 2.4rem; background: url(../images/ucs-mark.png) no-repeat center; background-size: cover; margin-right: 0.6rem; }
.item-category li { white-space: nowrap; display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; }
.item-category li:not(:last-child)::after { content: ''; flex: 0 0 auto; width: 1.2rem; height: 1.2rem; background: url(../images/list-arrow.png) no-repeat center; background-size: cover; }
.item-category li:last-child { overflow: hidden; text-overflow: ellipsis; display: block; }
.list-wrap.card-list .item-category { min-height: 2.4rem; overflow: hidden; }
.list-wrap.card-list .item-category li { max-width: calc(50% - .6rem); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-wrap.card-list .item-category li:only-child { max-width: calc(100% - 3rem); }
.list-wrap .item-tit { margin-bottom: 2rem; height: 6.4rem; font-size: 2rem; letter-spacing: -0.4px; line-height: 3.2rem; font-weight: bold; line-clamp: 2; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.list-wrap .sound-meta { min-width: 0; margin-bottom: 2rem; }
.list-wrap .sound-meta .meta-row { display: flex; align-items: flex-start; gap: 1.2rem; min-width: 0; margin-bottom: .8rem; font-size: 1.4rem; line-height: 2.4rem; letter-spacing: -0.28px; color: #666; font-weight: 600; }
.list-wrap .sound-meta .meta-row:last-child { margin-bottom: 0; }
.list-wrap .sound-meta .meta-label { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 5.4rem; height: 2.8rem; padding: 0 1rem; border-radius: 1.4rem; background: #f5f5f5; color: #919191; font-size: 1.3rem; line-height: 1; letter-spacing: -0.26px; font-weight: 700; white-space: nowrap; }
.list-wrap .sound-meta .meta-file .meta-label { background: #fff3ed; color: var(--color-main); }
.list-wrap .sound-meta .meta-value { display: block; min-width: 0; overflow-wrap: anywhere; word-break: break-word; }
.card-list .sound-meta .meta-value { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.card-list .sound-meta { height: 11.2rem; overflow: hidden; }
.list-wrap.full-list .sound-meta { margin-bottom: 2rem; }
.list-wrap.full-list .sound-meta .meta-row { align-items: center; }
.list-wrap.full-list .sound-meta .meta-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; }
.list-wrap a > .provider,
.info-txt .provider { margin-bottom: 2.4rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; }
.my-page-wrap .list-wrap .flex { display: flex; align-items: center; margin-bottom: 2.4rem; }
.my-page-wrap .list-wrap .flex p { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; display: flex; align-items: center; }
.my-page-wrap .list-wrap .flex p:last-child { margin-bottom: 0; }
.my-page-wrap .list-wrap .flex p span { color: #919191; margin-right: 0.4rem; display: block; }
.my-page-wrap .list-wrap .flex p:not(:last-child)::after { content: ''; width: 0.1rem; height: 1.2rem; background: #dbdbdb; margin: 0 1.2rem; }
.my-page-wrap .success-box { border-radius: 1.6rem; background: #f5f5f5; padding: 3.6rem 1rem; width: 60rem; margin: 0 auto 24rem; }
.my-page-wrap .success-box .tit { font-size: 2.4rem; font-weight: bold; margin-bottom: 1.6rem; letter-spacing: -0.48px; text-align: center; }
.my-page-wrap .success-box .txt { font-size: 1.6rem; text-align: center; letter-spacing: -0.24px; line-height: 2.4rem; font-weight: 500; margin-bottom: 2rem; }
.my-page-wrap .success-box .success { display: block; margin: 0 auto; width: 12rem; border-radius: 1.2rem; padding: 1.7rem 1rem; text-align: center; font-weight: bold; font-size: 1.7rem; letter-spacing: -0.34px; background: var(--color-main); color: #fff; } 
.regist-table-wrap { margin-bottom: 24rem; }
.regist-status { width: 100%; table-layout: fixed; border-collapse: collapse; border-top: .2rem solid #000; }
.regist-status col:nth-child(1) { width: 30%; }
.regist-status col:nth-child(2) { width: 15%; }
.regist-status col:nth-child(3) { width: 10%; }
.regist-status col:nth-child(4) { width: 15%; }
.regist-status col:nth-child(5) { width: 10%; }
.regist-status th { background: #f7f7f7; font-size: 1.7rem; padding: 1.2rem 0; }
.regist-status tbody tr { border-bottom: .1rem solid #ebebeb; }
.regist-status td { font-size: 1.6rem; text-align: center; padding: 1.2rem 0; }
.regist-status td .state { display: block; width: 9rem; margin: 0 auto; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: 500; padding: .8rem 1.6rem; border-radius: .8rem; }
.regist-status td .type1 { border: .1rem solid #f5d6c6; background: #fbf1ec; color: var(--color-main); }
.regist-status td .type2 { border: .1rem solid #c6d7f5; background: #ecf6fb; color: #0e499c; }
.regist-table-wrap .prev { display: block; margin: 8rem auto 0; background: #666; width: 12rem; border-radius: 1.2rem; padding: 1.8rem 1rem; font-size: 1.7rem; letter-spacing: -0.34px; color: #fff; font-weight: bold; text-align: center; }
.list-wrap .pay { margin-bottom: 2.8rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; color: #666; }
.list-wrap .pay.on { color: var(--color-main); }
.list-wrap .thumb { margin-bottom: 1.6rem; display: flex; align-items: flex-start; overflow: hidden; height: 10rem; }
.list-wrap .thumb .img { margin-right: 1.6rem; width: 16.8rem; min-width: 16.8rem; height: 10rem; border-radius: 1.2rem; overflow: hidden; }
.list-wrap .thumb img { width: 100%; height: 100%; }
.list-wrap .thumb.no-thumb .img { background: #f5f5f5; display: flex; align-items: flex-start; justify-content: center; }
.list-wrap .thumb.no-thumb .img img { width: 6.8rem; height: auto; position: relative; top: 2rem; }
.list-wrap .hashtags { display: flex; align-items: center; gap: .4rem; flex-flow: row wrap; }
.list-wrap .hashtags li { border: .1rem solid #ebebeb; border-radius: .6rem; padding: .6rem .8rem; font-size: 1.3rem; letter-spacing: -0.26px; white-space: nowrap; color: #919191; display: flex; align-items: center; font-weight: 500; }
.list-wrap .hashtags li::before { content: '#'; margin-right: 0.2rem; }
.card-list .thumb { flex: 0 0 auto; }
.card-list .hashtags { align-content: flex-start; overflow: hidden; }
.list-wrap .wave-area { padding: 1.2rem; border-radius: .8rem; display: flex; align-items: center; background: #f5f5f5; }
.card-list .wave-area { flex: 0 0 auto; min-height: 6rem; margin-top: auto; }
.list-wrap .wave-area .play { width: 3.6rem; min-width: 3.6rem; height: 3.6rem; margin-right: 2rem; background: url(../images/item-play-on.png) no-repeat center; background-size: cover; }
.list-wrap .wave-area .play.isPlay { background: url(../images/item-stop.png) no-repeat center; background-size: cover }
.list-wrap .wave-area > div { width: calc(100% - 5.6rem); height: 100%; overflow: hidden; }
.list-wrap .wave-area > div > * { width: 100%; height: 100%; }
.list-wrap .item-utils { position: absolute; right: 2rem; top: 2rem; gap: 1.2rem; display: flex; align-items: center; }
.list-wrap .item-utils .star { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; display: flex; align-items: center; }
.list-wrap .item-utils .star::before { content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/star-icon.png) no-repeat center; background-size: cover; }
.list-wrap .item-utils > li { position: relative; }
.list-wrap .item-utils > li > button { width: 1.8rem; height: 1.8rem; }
.item-utils .share-menu { top: calc(100% + 1.2rem); padding: 1.6rem .8rem; border: .1rem solid #ebebeb; border-radius: 2.2rem; box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, .12); display: none; position: absolute; left: 50%; transform: translateX(-50%); background: #fff; }
.item-utils .share-menu button { width: 2.8rem; height: 2.8rem; }
.item-utils .share-menu li + li { margin-top: 1rem; }
.item-utils .share-menu .share1 { background: url(../images/share1.png) no-repeat center; background-size: cover; }
.item-utils .share-menu .share2 { background: url(../images/share2.png) no-repeat center; background-size: cover; }
.item-utils .share-menu .share3 { background: url(../images/share3.png) no-repeat center; background-size: cover; }
.item-utils .share-menu.on { display: block; }
.list-wrap .item-utils .item-add { background: url(../images/item-add-full.png) no-repeat center; background-size: cover; }
.list-wrap .item-utils .item-add-free { background: url(../images/item-add-free.png) no-repeat center; background-size: cover; }
.list-wrap .item-utils .item-download { background: url(../images/item-download-full.png) no-repeat center; background-size: cover; }
.list-wrap .item-utils .item-like { background: url(../images/item-like-full.png) no-repeat center; background-size: cover; }
.list-wrap .item-utils .item-share { background: url(../images/item-share-full.png) no-repeat center; background-size: cover; }
.list-wrap .item-utils .item-add:hover,
.list-wrap .item-utils .item-add.on { background: url(../images/item-add-on.png) no-repeat center; background-size: cover; }
.list-wrap .item-utils .item-add-free:hover,
.list-wrap .item-utils .item-add-free.on { background: url(../images/item-add-free-on.png) no-repeat center; background-size: cover; }
.list-wrap .item-utils .item-download:hover { background: url(../images/item-download-on.png) no-repeat center; background-size: cover; }
.list-wrap .item-utils .item-like:hover { background: url(../images/item-like-on.png) no-repeat center; background-size: cover; }
.list-wrap .item-utils .item-share:hover,
.list-wrap .item-utils .item-share.on { background: url(../images/item-share-on.png) no-repeat center; background-size: cover; }

.list-wrap.full-list > li + li { margin-top: 2.8rem; }
.list-wrap.full-list > li > a { display: flex; flex-flow: row wrap; position: relative; padding: 2.8rem; }
.list-wrap.full-list .thumb { margin-bottom: 0; margin-right: 4.8rem; height: 20rem; min-width: 32.4rem; width: 32.4rem; margin-right: 4.8rem; position: relative; }
.list-wrap.full-list .thumb .img { position: relative; border-radius: 1.2rem; width: 100%; height: 100%; margin-right: 0; }
.list-wrap.full-list .thumb .img img { width: 100%; height: 100%; }
.list-wrap.full-list .thumb.no-thumb .img img { width: 8.8rem; height: auto; }
.list-wrap.full-list .thumb .img::after {content: ''; background: rgba(0, 0, 0, .48); border-radius: 1.2rem; height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
.list-wrap.full-list .thumb .wave-area { background: rgba(255, 255, 255, .2); backdrop-filter: blur(3rem); position: absolute; left: 1.2rem; bottom: 1.2rem; width: calc(100% - 2.4rem) }
.list-wrap.full-list .no-thumb .wave-area { background: rgba(255, 255, 255, .6); }
.list-wrap.full-list .info-txt { width: calc(100% - 37.2rem); }
.list-wrap.full-list .item-category { margin-bottom: 1.6rem; width: calc(100% - 13.5rem); }
.list-wrap.full-list .item-tit { height: auto; }
.list-wrap.full-list .flex { margin-bottom: 2rem; }
.list-wrap.full-list .pay { margin-bottom: 2.4rem; }
.list-wrap.full-list .hashtags { height: 3rem; overflow: hidden; }
.list-wrap.full-list .share-menu { padding: .8rem .8rem; }
.list-wrap.full-list .wave-area .play { width: 3.6rem; min-width: 3.6rem; height: 3.6rem; margin-right: 2rem; background: url(../images/item-play.png) no-repeat center; background-size: cover; }
.list-wrap.full-list a:hover .wave-area .play { background: url(../images/item-play-on.png) no-repeat center; background-size: cover; }
.list-wrap.full-list .wave-area .play.isPlay { background: url(../images/item-stop.png) no-repeat center; background-size: cover }
.list-wrap.full-list a:hover .wave-area .play.isPlay { background: url(../images/item-stop.png) no-repeat center; background-size: cover; }

.list-container .pagination { margin-top: 6rem; display: flex; align-items: center; justify-content: center; gap: .4rem; }
.list-container .pagination a { border: .1rem solid #ebebeb; font-size: 1.5rem; letter-spacing: -0.3px; color: #919191; width: 3.6rem; height: 3.6rem; border-radius: .6rem; display: flex; align-items: center; justify-content: center; gap: .4rem; }
.list-container .pagination .page-btn.active,
.list-container .pagination .page-btn:hover { background: #000; color: #fff; }
.list-container .pagination .first { background: #f5f5f5 url(../images/page-first.png) no-repeat center; background-size: 2rem; }
.list-container .pagination .prev { margin-right: 1.2rem; background: #f5f5f5 url(../images/page-prev.png) no-repeat center; background-size: 2rem; }
.list-container .pagination .next { margin-left: 1.2rem; background: #f5f5f5 url(../images/page-next.png) no-repeat center; background-size: 2rem; }
.list-container .pagination .last { background: #f5f5f5 url(../images/page-last.png) no-repeat center; background-size: 2rem; }

.detail-item-card { position: relative; height: 42rem; border-radius: 2rem; }
.detail-item-card.no-thumb { background: rgba(0, 0, 0, .68); border-radius: 2rem; }
.detail-item-card .img { position: relative; border-radius: 2rem; overflow: hidden; }
.detail-item-card .img::after { content: ''; width: 100%; height: 99.6%; background: rgba(0, 0, 0, .68); position: absolute; left: 0; top: 0; border-radius: 2rem; }
.detail-item-card .detail-item-info { position: absolute; top: 0; left: 0; width: calc(100% - 9.6rem); height: 100%; left: 4.8rem; top: 4.4rem; }
.detail-item-card.no-thumb .detail-item-info { height: calc(100% - 8.8rem); display: flex; flex-direction: column; }
.detail-item-card .item-category { position: relative; left: 0; top: 0; margin-bottom: 2rem; }
.detail-item-card .item-category li { font-size: 1.5rem; letter-spacing: -0.3px; color: #fff; }
.detail-item-card .detail-item-info .item-tit { font-size: 2.8rem; font-weight: bold; letter-spacing: -0.56px; color: #fff; margin-bottom: 3.4rem; }
.detail-item-card .detail-item-info .item-info li { display: flex; align-items: center; }
.detail-item-card .detail-item-info .item-info li + li { margin-top: 1.3rem; }
.detail-item-card .detail-item-info .item-info .tit { color: var(--color-main); font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; display: flex; align-items: center; }
.detail-item-card .detail-item-info .item-info .tit::after { content: ''; width: 0.1rem; height: 1.2rem; margin: 0 .8rem; background: rgba(255, 255, 255, .16); }
.detail-item-card .detail-item-info .item-info .cont { color: #fff; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; }
.detail-item-card .detail-item-info .item-info .go-sellerHome { display: block; padding: .9rem 1.2rem; margin-left: 0.8rem; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.24px; background: rgba(0, 0, 0, .36); border-radius: .8rem; border: .1rem solid rgba(255, 255, 255, .2); color: rgba(255, 255, 255, .7); }
.detail-item-card .hashtags { width: 100%; margin: 3rem 0 1.6rem; display: flex; align-items: center; justify-content: flex-start; gap: 1.2rem; color: #ccc; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px;}
.detail-item-card.no-thumb .hashtags { margin-top: 3rem; }
.detail-item-card .hashtags .tit { flex: 0 0 auto; }
.detail-item-card .hashtag { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: .8rem; overflow: hidden; white-space: nowrap; color: #919191; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; }
.detail-item-card .hashtag li { flex: 0 0 auto; }
.detail-item-card .hashtag li::before { content: '#'; }
.detail-item-card .control-box { width: 100%; display: flex; align-items: center; }
.detail-item-card .control-box .play-box { width: 100%; flex: 1;  padding: 2rem 3.2rem; display: flex; align-items: center; gap: 3rem; background: rgba(255, 255, 255, .12); border-radius: 1.2rem; margin-right: 1.2rem; backdrop-filter: blur(3rem); }
.detail-item-card .control-box .play-box img { width: 100%; height: 7.3rem; }
.detail-item-card .control-box .play { min-width: 5.6rem; width: 5.6rem; height: 5.6rem; background: url(../images/item-play.png) no-repeat center; background-size: cover; }
.detail-item-card .control-box .play.isPlay { background: url(../images/item-stop.png) no-repeat center; background-size: cover; }
.waveforms-box { display: flex; gap: .2rem; border-radius: 1.2rem; background: rgba(255, 255, 255, .12); padding: 1.2rem 1.6rem; backdrop-filter: blur(3rem); }
.waveforms-box .range-input { display: inline-block; appearance: slider-vertical; width: .6rem; height: 8rem; accent-color: rgb(255, 120, 38); }
.waveforms-box label { width: 3rem; display: flex; flex-flow: column; align-items: center; justify-content: center; font-size: 1rem; letter-spacing: -0.2px; color: #ccc; font-weight: 500; }
.detail-item-card .item-utils { bottom: inherit; gap: 1.2rem; position: absolute; right: -2.4rem; top: -2rem; left: auto; z-index: 2; display: flex; align-items: center; }
.detail-item-card .item-utils button { width: 3.6rem; height: 3.6rem; border-radius: 50%; }
.detail-item-card .item-utils li { position: relative; }
.detail-item-card .item-utils li .item-add { background: rgba(255, 255, 255, .1) url(../images/item-add.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
.detail-item-card .item-utils li .item-add-free { background: rgba(255, 255, 255, .1) url(../images/item-add-free-full.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
.detail-item-card .item-utils li .item-download { background: rgba(255, 255, 255, .1) url(../images/item-download.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
.detail-item-card .item-utils li .item-like { background: rgba(255, 255, 255, .1) url(../images/item-like.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
.detail-item-card .item-utils li .item-share { background: rgba(255, 255, 255, .1) url(../images/item-share.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
.detail-item-card .item-utils li .item-add.on,
.detail-item-card .item-utils li:hover .item-add { background: rgba(255, 255, 255, .1) url(../images/item-add-on.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
.detail-item-card .item-utils li .item-add-free.on,
.detail-item-card .item-utils li:hover .item-add-free { background: rgba(255, 255, 255, .1) url(../images/item-add-free-on.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
.detail-item-card .item-utils li:hover .item-download { background: rgba(255, 255, 255, .1) url(../images/item-download-on.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
.detail-item-card .item-utils li:hover .item-like { background: rgba(255, 255, 255, .1) url(../images/item-like-on.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
.detail-item-card .item-utils li .item-share.on,
.detail-item-card .item-utils li:hover .item-share { background: rgba(255, 255, 255, .1) url(../images/item-share-on.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
.detail-item-card .item-utils .star { display: flex; align-items: center; gap: .2rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #fff; padding: .9rem 1.6rem; border-radius: 80rem; background: rgba(255, 255, 255, .1); backdrop-filter: blur(3rem); }
.detail-item-card .item-utils .star::before { content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/star-icon.png) no-repeat center; background-size: cover; }

.cc-mark { margin: 2rem 0 8rem; display: flex; align-items: center; font-size: 1.4rem; letter-spacing: -0.28px; color: #666; }
.cc-mark::before { content: ''; width: 8.6rem; height: 3rem; background: url(../images/cc-mark.png) no-repeat center; background-size: cover; margin-right: 1.2rem; }
.cc-mark .b { font-weight: bold; color: #000; }
.flex-template { margin-bottom: 24rem; display: flex; gap: 8rem; }
.flex-template .left { width: 44rem; min-width: 44rem; }
.flex-template .item-detail-area > .tit,
.flex-template .right > .tit { font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; margin-bottom: 2.8rem; }
.flex-template .item-detail-area .detail-box { border-radius: 1.6rem; border: .2rem var(--color-main) solid; padding: 2.8rem 2.4rem; }
.flex-template .detail-box .detail-pop-btn { display: flex; align-items: center; gap: .4rem; padding: 1.2rem 1.6rem; border-radius: 80rem; background: linear-gradient(to bottom, #000000, #606060); color: #fff; font-weight: 500; font-size: 1.4rem; margin-bottom: 2rem; } 
.flex-template .detail-pop-btn::before { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/detail-pop-btn.png) no-repeat center; background-size: cover; }
.item-detail-area .detail-tab-btn { margin-bottom: 2.4rem; display: flex; gap: .4rem }
.item-detail-area .detail-tab-btn li { width: 100%; }
.item-detail-area .detail-tab-btn button { font-size: 1.5rem; letter-spacing: -0.3px; border-radius: .8rem; padding: 1rem; border: .1rem solid #ebebeb; background: #f5f5f5; text-align: center; width: 100%; font-weight: 500; color: #666; }
.item-detail-area .detail-tab-btn button.active { border-color: var(--color-main); color: var(--color-main); background: #fffbf9; }
.item-detail-area .detail-list li { display: flex; justify-content: space-between; align-items: flex-start; }
.item-detail-area .detail-list li + li { margin-top: 2rem; }
.item-detail-area .detail-list .tit { width: 10rem; min-width: 10rem; white-space: nowrap; font-size: 1.5rem; font-weight: 500; color: #666; letter-spacing: -0.3px; margin-right: 1.2rem; }
.item-detail-area .detail-list .cont { font-size: 1.5rem; font-weight: bold; color: var(--color-main); letter-spacing: -0.3px; text-align: right; word-break: break-all; }
.item-detail-area .item-detail-btns { display: flex; width: 100%; gap: .4rem; margin-top: 3.2rem; }
.item-detail-area .item-detail-btns button { display: flex; align-items: center; padding: 1.7rem 0; justify-content: center; color: #fff; font-size: 1.7rem; letter-spacing: -0.34px; font-weight: bold; border-radius: 1.2rem; gap: .4rem; }
.item-detail-area .item-detail-btns button::before { content: ''; width: 1.8rem; height: 1.8rem; }
.item-detail-area .item-detail-btns .add-cart,
.item-detail-area .item-detail-btns .add-storage { background: #24a593; flex: 1; }
.item-detail-area .item-detail-btns .download { background: var(--color-main); flex: 2; }
.item-detail-area .item-detail-btns .download::before { display: none; }
.item-detail-area .item-detail-btns .add-cart::before { background: url(../images/addcart-icon.png) no-repeat center; background-size: cover; }
.item-detail-area .item-detail-btns .add-storage::before { background: url(../images/addStorage-icon.png) no-repeat center; background-size: cover; }
.item-detail-area .item-detail-btns .download::after { background: url(../images/download-icon.png) no-repeat center; background-size: cover; }
.item-detail-area .item-detail-btns .item-delete { background: #b2b2b2; flex: 1; }
.item-detail-area .item-detail-btns .item-delete::before { background: url(../images/delete-detail.png) no-repeat center; background-size: cover; }
.item-detail-area .item-detail-btns .item-update { background: var(--color-main); flex: 2; }
.item-detail-area .item-detail-btns .item-update::before { background: url(../images/update.png) no-repeat center; background-size: cover; }
.flex-template .item-rating-box { margin-top: 3.2rem; background: url(../images/rating-bg.png) no-repeat center; background-size: cover; border-radius: 1.6rem; padding: 2.8rem 2.4rem; }
.flex-template .item-rating-box .tit { font-size: 1.8rem; font-weight: bold; letter-spacing: -0.36px; color: #fff; margin-bottom: 1rem; }
.flex-template .item-rating-box .txt { font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; margin-bottom: 2rem; color: #fff; }
.flex-template .item-rating-box .txt .c { color: var(--color-main); }
.flex-template .right { width: calc(100% - 52rem); }
.rating-inner { display: flex; }
.rating-control { position: relative; margin-right: 8.4rem; }
.rating-control:not(:has(.rating)) { margin-right: 2.8rem; }
.rating-control::after { content: ''; width: 0.1rem; height: 14rem; background: rgba(255, 255, 255, .24); position: absolute; right: -4.4rem; top: 0; }
.rating-control:not(:has(.rating))::after { display: none; }
.rating { margin-bottom: 3.6rem; display: flex; flex-direction: row-reverse; justify-content: flex-end; }
.rating input { display: none; }
.rating label { cursor: pointer; display: block; width: 3rem; height: 3rem; background: url(../images/star.png) no-repeat center; background-size: cover; }
.rating input:checked ~ label { background: url(../images/star-active.png) no-repeat center; background-size: cover; }
.rating label:hover,
.rating label:hover ~ label { background: url(../images/star-active.png) no-repeat center; background-size: cover; }
.rating-control .go-rating { padding: 1.2rem; width: 9.8rem; text-align: center; border-radius: .8rem; border: .1rem solid rgba(255, 255, 255, .16); color: #fff; background: rgba(255, 255, 255, .2); backdrop-filter: blur(3rem); }
.rating-result li { display: flex; align-items: center; gap: 1.2rem; }
.rating-result li + li { margin-top: .9rem; }
.rating-result p { font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; margin-bottom: 1.6rem; color: #fff; }
.rating-result p span { font-size: 1.3rem; }
.rating-result span { color: #fff; font-size: 1.1rem; letter-spacing: -0.22px; }
.rating-inner:not(:has(.rating)) .rating-result span { font-size: 1.2rem; }
.rating-result .c { color: var(--color-main); }
.rating-result .rating-container { display: flex; }
.rating-result .rating-container img { width: 1.6rem; height: 1.6rem; }
.rating-inner:not(:has(.rating)) .rating-result .rating-container img { width: 2.4rem; height: 2.4rem; }
.flex-template .full-list .info { width: calc(100% - 35rem); }
.item-opinion-box { margin-top: 3.2rem; }
.item-opinion-box .tit { font-size: 1.8rem; letter-spacing: -0.36px; margin-bottom: 1.6rem; font-weight: bold; }
.item-opinion-box .textarea-wrap { position: relative; border-radius: 1.6rem; border: .1rem solid #ebebeb; background: #f5f5f5; }
.item-opinion-box textarea { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; background: transparent; padding: 2rem 1.6rem; width: 100%; overflow: hidden; resize: none; border-radius: 1.6rem; height: 10.8rem; font-weight: 500; }
.item-opinion-box .textarea-wrap.comment_form textarea { background: transparent !important; border: 0 !important; box-shadow: none; }
.item-opinion-box button { border-radius: .8rem; background: #666; color: #fff; width: 8rem; text-align: center; padding: 1.2rem; font-weight: bold; letter-spacing: -0.28px; font-size: 1.4rem; margin: 1.6rem 1.6rem 1.6rem auto; display: block; }
.flex-template .full-list a { flex-flow: row nowrap; width: 100%; }
.flex-template .full-list .item-tit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
.flex-template .full-list .thumb { width: 32.4rem; min-width: 32.4rem; }
.flex-template .full-list .item-utils button { width: 1.8rem; height: 1.8rem; }

.flex-template .full-list .item-utils .share-menu button { width: 2.8rem; height: 2.8rem; }
.flex-template .full-list .hashtags { width: calc(100%); flex-flow: row nowrap; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
.flex-template .full-list .hashtags li { display: inline-block; }
.flex-template .go-list { display: block; padding: 1.7rem 0; width: 10rem; text-align: center; border-radius: 1.2rem; border: .1rem solid #dbdbdb; background: #f5f5f5; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; color: #666; margin: 6.5rem 0 0 auto; }

.pop-bg.on { display: block; z-index: 66; }
.pop.on { display: block; }
.pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; background: #fff; position: relative; border-radius: 1.6rem; overflow-x: hidden; overflow-y: hidden; }
.pop .pop-close { position: absolute; right: .8rem; top: .8rem; width: 3.2rem; height: 3.2rem; border-radius: 50%; background: #f5f5f5 url(../images/pop-close-btn.png) no-repeat center; background-size: 1.8rem; }
.detail-pop { min-width: 47rem; padding: 3.2rem .4rem 3.2rem 2.4rem; overflow-y: auto; }
.detail-pop .content-wrapper { margin-bottom: 3rem; height: 48rem; overflow: auto; margin-right: 1rem; padding-right: 1rem; }
.detail-pop .content-wrapper::-webkit-scrollbar { width: 0.8rem; }
.detail-pop .content-wrapper::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0.4rem; }
.detail-pop .content-wrapper::-webkit-scrollbar-thumb { background: #ccc; border-radius: 0.4rem; }
.detail-pop .content-wrapper::-webkit-scrollbar-thumb:hover { background: #999; }
.pop .pop-tit { display: flex; align-items: center; font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; color: var(--color-main); margin-bottom: 2rem; }

.detail-pop .pop-tit::before { content: ''; width: 2.4rem; height: 2.4rem; background: url(../images/title-icon.png) no-repeat center; background-size: cover; margin-right: 1.2rem; }
.detail-pop .pop-tit.no-icon::before { display: none; }
.detail-pop .pop-detail-box { width: 100%; border-radius: 1.2rem; padding: 2rem; background: #f5f5f5; }
.detail-pop .pop-detail-box + .pop-detail-box { margin-top: 1.2rem; }
.detail-pop .pop-detail-box .detail-tit { font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; margin-bottom: 1.6rem; }
.detail-pop .pop-detail-box .detail-list li { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; display: flex; align-items: center; justify-content: space-between; }
.detail-pop .pop-detail-box .detail-list li + li { margin-top: 1.2rem; }
.detail-pop .pop-detail-box .detail-list .tit { white-space: nowrap; color: #919191; align-self: flex-start; }
.detail-pop .pop-detail-box .detail-list .cont { color: #000; text-align: right; }
.pop .pop-confirm { position: fixed; left: 0; bottom: 0; width: 100%; background: var(--color-main); color: #fff; padding: 1.7rem 0; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; }


.pop { width: 42.2rem; }
.pop .pop-txt { font-size: 2rem; line-height: 3.2rem; font-weight: bold; letter-spacing: -0.4px; margin: 6rem 0 10rem; text-align: center; }
.pop .pop-txt .c { display: block; margin-top: 2rem; font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; color: #666; }
.pop .pop-txt .title { margin-bottom: 2rem; }
.pop .pop-txt .inner-txt { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; color: #666; font-weight: 500; }
.pop .pop-txt .inner-txt .c { margin: 0; display: inline; color: var(--color-main); }
.pop .bottom-btn-wrap { position: fixed; display: flex; align-items: center; gap: .2rem; left: 0; bottom: 0; width: 100%; }
.pop .bottom-btn-wrap button { position: static; width: 100%; padding: 1.7rem 0; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; color: #fff; }
.pop .pop-cancel { background: #919191; }

.agree-items-box { padding: 2rem; border-radius: 1.2rem; background: #f5f5f5; }
.agree-items-box + .agree-items-box { margin-top: 1.2rem; }
.agree-items-box .tit { font-size: 1.7rem; margin-bottom: 1.6rem; letter-spacing: -0.34px; font-weight: bold; }
.agree-items-box .agree-list { display: flex; align-items: center; flex-flow: row wrap; gap: 1.6rem 2rem; }
.agree-items-box .custom-ck { background: #f9f9f9; }
.agree-items-box .fpo-name { font-size: 1.4rem; font-weight: 500; padding: 1.6rem 1.2rem; border-radius: .8rem; border: .1rem solid #dbdbdb; display: block; margin-top: 1.6rem; width: 100%; }
.agree-items-box .fpo-name::placeholder { color: #b2b2b2; }
.detail-pop .agree-label { margin: 2rem auto 1.6rem; justify-content: center; }
.detail-pop .agree-label.custom-input-label .input-tit { color: #000; }
.detail-pop .note { margin-bottom: 4rem; font-size: 1.4rem; letter-spacing: -0.28px; color: var(--color-main); font-weight: 500; text-align: center; }
.detail-pop.w { width: 64rem; }
.detail-pop.w .content-wrapper { height: 100%; overflow: hidden; }
.detail-pop .order-list-wrap { margin-top: 0.8rem; }
.detail-pop .order-list-wrap > .tit { font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; margin-bottom: 1.6rem; }
.detail-pop .order-list-wrap > .tit .c { font-size: 1.4rem; letter-spacing: -0.28px; font-weight: 500; }
.detail-pop .order-box { margin-bottom: 1.2rem; padding: 0 1.2rem 2rem; border: .1rem solid var(--color-main); border-radius: 1.2rem; width: 100%; }
.detail-pop .order-list li { border-bottom: .1rem solid #ebebeb; padding: 1.5rem 0; font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; display: flex; align-items: center; }
.detail-pop .order-list .num { padding: 0 2rem; }
.detail-pop .order-list .tit { margin-right: auto; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail-pop .order-list .pay { padding: 0 3rem; white-space: nowrap; }
.detail-pop .order-list-wrap .total { margin-top: 2rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; text-align: center; }
.detail-pop .order-list-wrap .total .c { color: var(--color-main); }
.detail-pop .transaction-type li { position: relative; padding: 1.6rem 0; }
.detail-pop .transaction-type .tit { font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: 1.2rem; font-weight: bold; }
.detail-pop .transaction-type .sm { font-size: 1.3rem; letter-spacing: -0.26px; color: #919191; font-weight: 500; }
.detail-pop .transaction-type select { width: 14rem; border-radius: .8rem; border: .1rem solid #dbdbdb; padding: 1.6rem 1.2rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.detail-pop .transaction-type select, .detail-pop .transaction-type option { font-size: 1.4rem; letter-spacing: -0.28px; font-weight: 500; }
.detail-pop .order-info { margin-top: 3.2rem; }
.detail-pop .order-info .tit { font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: 1rem; font-weight: bold; }
.detail-pop .order-info .order-info-tb { font-size: 1.4rem; letter-spacing: -0.28px; border-top: .1rem solid #666; border-collapse: collapse; width: 100%; font-weight: 500; color: #666;  }
.detail-pop .order-info .order-info-tb tr { border-bottom: .1rem solid #ebebeb; }
.detail-pop .order-info .order-info-tb th { background: #f5f5f5; }
.detail-pop .order-info .order-info-tb td { padding: 1.2rem; }
.detail-pop .order-info .note { font-size: 1.4rem; gap: .2rem; letter-spacing: -0.28px; margin-top: 1.2rem; display: flex; align-items: center; }
.detail-pop .order-info .note::before { content: '*'; }

.sellerChannel { background: url(../images/seller-bg.png) no-repeat center; background-size: 120%; }
.sellerChannel .prev { position: absolute; left: 26rem; top: 50%; transform: translateY(-50%); width: 6rem; height: 6rem; border-radius: 50%; border: .1rem solid rgba(255, 255, 255, .16); background: url(../images/seller-prev.png) no-repeat center rgba(255, 255, 255, .1); backdrop-filter: blur(3rem); background-size: 2.8rem; }
.seller-card { width: 100%; border-radius: 2rem; padding: 4.8rem 4.8rem 3.6rem; background: url(../images/seller-card.png) no-repeat center; background-size: cover; }
.seller-card .seller-flex { position: relative; margin-bottom: 4.8rem; display: flex; gap: 2.4rem; align-items: center; }
.seller-card .seller-flex .ucs { position: absolute; right: 0; top: 0; width: 8rem; }
.seller-card .profile-img { width: 12.8rem; height: 12.8rem; border-radius: 50%; background: #fff; padding: .4rem; }
.seller-card .profile-img.no-thumb { background: #f5f5f5; position: relative; }
.seller-card .profile-img.no-thumb img { width: 6.8rem; height: 6.8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.seller-card .profile-txt { color: #fff; }
.seller-card .profile-txt .seller-name { font-size: 2.8rem; font-weight: bold; letter-spacing: -0.56px; margin-bottom: 1.6rem; }
.seller-card .profile-txt .seller-txt { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; margin-bottom: 2.4rem; }
.seller-card .profile-txt .seller-info { display: flex; align-items: center; }
.seller-card .profile-txt .seller-info li, .seller-card .profile-txt .seller-info li * { color: #fff; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; }
.seller-card .profile-txt .seller-info li { display: flex; align-items: center; gap: .8rem; }
.seller-card .profile-txt .seller-info li::before { content: ''; width: 2rem; height: 2rem; }
.seller-card .profile-txt .seller-info li:not(:last-child)::after { content: ''; width: 0.1rem; height: 1.4rem; background: rgba(255, 255, 255, .24); margin: 0 1.6rem; }
.seller-card .profile-txt .seller-info .page-url::before { background: url(../images/seller-page.png) no-repeat center; background-size: cover; }
.seller-card .profile-txt .seller-info .country::before { background: url(../images/seller-country.png) no-repeat center; background-size: cover; }
.seller-card .seller-history { display: flex; gap: .8rem; margin-bottom: 1.6rem; }
.seller-card .seller-history li { padding: 1.8rem 0; width: 100%; border-radius: 1.2rem; border: .1rem solid rgba(255, 255, 255, .12); text-align: center; background: rgba(255, 255, 255, .02); backdrop-filter: blur(3.2rem); color: #fff; }
.seller-card .seller-history li:nth-child(1) { background: url(../images/seller-item.png) rgba(255, 255, 255, .02) no-repeat 2.6rem center; backdrop-filter: blur(3.2rem); background-size: 3.6rem; }
.seller-card .seller-history li:nth-child(2) { background: url(../images/seller-follow.png) rgba(255, 255, 255, .02) no-repeat 2.6rem center; backdrop-filter: blur(3.2rem); background-size: 3.6rem; }
.seller-card .seller-history li:nth-child(3) { background: url(../images/seller-download.png) rgba(255, 255, 255, .02) no-repeat 2.6rem center; backdrop-filter: blur(3.2rem); background-size: 3.6rem; }
.seller-card .seller-history li .count { font-size: 2rem; font-weight: bold; margin-bottom: 1.2rem; letter-spacing: -0.4px; }
.seller-card .seller-history li .tit { font-size: 1.4rem; font-weight: bold; color: rgba(255, 255, 255, .6); } 
.seller-card .seller-history li img { display: block; width: 6rem; height: 6rem; margin: 0 auto; }
.seller-card .seller-introTxt { border-radius: 1.6rem; padding: 3.2rem 2.8rem; background: rgba(255, 255, 255, .7); backdrop-filter: blur(3rem); font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; line-height: 2.4rem; }
.seller-card .seller-introTxt .tit { padding: 1rem 1.3rem; border-radius: 80rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #fff; background: var(--color-main); width: 9rem; margin-bottom: 3rem; }

.seller-contents { display: flex; flex-flow: column; gap: 8rem; margin: 12rem auto 24rem; }
.seller-contents .rank-list-wrap { width: 100%; display: flex; align-items: center; border: .1rem solid var(--color-main); background: #fffbf9; border-radius: 1.6rem; padding: 2.8rem 3.6rem; }
.seller-contents .rank-list-wrap > .tit { display: flex; align-items: center; font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; margin-right: 4.8rem; color: var(--color-main); }
.seller-contents .rank-list-wrap > .tit::before { content: ''; width: 3rem; height: 3rem; background: url(../images/hot.png) no-repeat center; background-size: cover; margin-right: 0.8rem; } 
.seller-contents .rank-list { display: flex; align-items: center; gap: 3.6rem; }
.seller-contents .rank-list li { display: flex; align-items: center; }
.seller-contents .rank-list .num { font-size: 1.5rem; font-weight: bold; color: var(--color-main); margin-right: 1.2rem; text-decoration: underline; text-underline-offset: .3rem; }
.seller-contents .rank-list .tit { font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; margin-bottom: 0.8rem; white-space: nowrap; width: calc(100% - 2.4rem); text-overflow: ellipsis; overflow: hidden; }
.seller-contents .rank-list .rank-item-util { display: flex; align-items: center; gap: 1.2rem; }
.seller-contents .rank-list .rank-item-util .pay { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; }
.seller-contents .rank-list .rank-item-util .download { font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; color: #919191; display: flex; align-items: center; }
.seller-contents .rank-list .rank-item-util .download::before { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/item-download-full.png); background-size: cover; margin-right: 0.2rem; }
.seller-contents .content-tit { font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; margin-bottom: 2.8rem; }
.seller-search-area { display: flex; margin-bottom: 2.4rem; }
.seller-search-area .cate-wrap { display: flex; align-items: center; }
.seller-search-area select { border-radius: .8rem; padding: 1.5rem 1.2rem; font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; }
.seller-search-area .cate1 { width: 12rem; border: .1rem solid #666; margin-right: 0.4rem; }
.seller-search-area .cate2 { width: 14.8rem; border: .1rem solid #dbdbdb; }
.seller-search-area .cate-wrap::after { content: ''; width: 0.1rem; height: 4.8rem; background: #ebebeb; margin: 0 1.6rem; }
.seller-search-area .input-wrap { border-radius: .8rem; border: .1rem solid #dbdbdb; display: flex; align-items: center; width: 48rem; }
.seller-search-area input { font-size: 1.5rem; letter-spacing: -0.3px; width: 100%; padding: 1.5rem 1.2rem; border-radius: .8rem; }
.seller-search-area .btn-search { width: 2rem; height: 2rem; margin: 0 0.8rem; background: url(../images/search-gray.png) no-repeat center; background-size: cover; }
.seller-detail-history { width: calc(100%); }
.seller-detail-history .tit-flex { display: flex; align-items: center; justify-content: space-between; }

.recent-reivew { margin-top: 8rem; position: relative; }
.review-list { width: 100%; border-top: .1rem solid #ebebeb; border-bottom: .1rem solid #ebebeb; }
.review-list li { display: flex; align-items: center; width: 100%; }
.reviews { width: 100%; }
.reviews li { padding: 2rem 0; }
.review-list li + li { border-top: .1rem solid #ebebeb; }
.review-list .rating-container { display: flex; margin-right: 3.6rem; }
.review-list .rating-container img { width: 2.4rem; height: 2.4rem; }
.review-list .tit-area .tit { line-height: 2.4rem; font-size: 1.5rem; font-weight: bold; margin-bottom: 0.8rem; letter-spacing: -0.3px; }
.review-list .tit-area .date { font-size: 1.2rem; font-weight: 500; letter-spacing: -0.26px; color: #919191; }
.review-list .author { margin-left: auto; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; }
.recent-reivew .review-controls { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 1.3rem; }
.recent-reivew .review-controls button { width: 2.4rem; min-width: 2.4rem; height: 2.4rem; border-radius: 50%; border: .1rem solid #dbdbdb; text-indent: -99999px; }
.recent-reivew .review-controls .btn-prev { background: url(../images/btn-control.png) no-repeat center; background-size: 1.4rem; }
.recent-reivew .review-controls .btn-next { background: url(../images/btn-control.png) no-repeat center; background-size: 1.4rem; transform: rotate(180deg); }
.recent-reivew .swiper-pagination { position: static; font-size: 1.4rem; font-weight: 500; color: #919191; }
.review-controls .swiper-pagination-current { color: #000; font-weight: bold; }
.review-container { margin-top: 6rem; }
.review-container .review-box { padding: 2rem 2rem 0; border: .1rem solid #666; border-radius: 1.2rem; }
.review-container .review-box .rating { margin-bottom: 2rem; }
.review-box .author { font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; margin-bottom: 1.6rem; }
.review-box textarea { width: 100%; height: 6.8rem; font-weight: 500; letter-spacing: -0.3px; line-height: 2.4rem; font-size: 1.5rem; resize: none; overflow: auto; }
.review-box textarea::-webkit-scrollbar { width: 0.8rem; }
.review-box textarea::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0.4rem; }
.review-box textarea::-webkit-scrollbar-thumb { background: #ccc; border-radius: 0.4rem; }
.review-box textarea::-webkit-scrollbar-thumb:hover { background: #999; }
.review-box-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 1.6rem; border-top: .1rem solid #ebebeb; position: relative; width: calc(100% + 4rem); left: -2rem; padding: 2.4rem 2rem; }
.review-box-bottom .txt-count { font-size: 1.4rem; letter-spacing: -0.28px; color: #919191; }
.review-box-bottom .txt-count .cur { color: #000; }
.review-box-bottom button { padding: 1rem 0; width: 8rem; border-radius: .8rem; background: var(--color-main); color: #fff; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; }

.theme-select-area > .tit { font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; }
.theme-select-area > .tit .c { color: var(--color-main); }
.theme-select-area + .theme-select-area { margin-top: 12rem; margin-bottom: 24rem; }
.theme-list { display: grid; margin-top: 2.8rem; }
.soundEffect-theme { grid-template-columns: repeat(6, 1fr); gap: 2.8rem; }
.soundEffect-theme a { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 1.6rem; overflow: hidden; position: relative; }
.soundEffect-theme a::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .48); position: absolute; top: 0; left: 0; }
.soundEffect-theme a:hover::before { background: linear-gradient(to bottom, rgba(241,97,18,.6), #f16112); }
.soundEffect-theme a:hover { box-shadow: .2rem .2rem 2.8rem 0 rgba(241, 97, 18, .48); }
.soundEffect-theme a img { width: 100%; height: 100%; }
.soundEffect-theme a .theme-tit { position: absolute; font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; color: #fff; }
.ucs-theme { height: auto; max-height: 52rem; overflow-y: hidden; grid-template-columns: repeat(8, 1fr); gap: 2.4rem 3rem; padding: 2rem; width: calc(100% + 4rem); left: -2rem; position: relative; top: -2rem; mask-image: linear-gradient(to bottom, black 50%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%); transition: all .4s ease-in-out; }
.ucs-theme.on { max-height: 2000rem; mask-image: linear-gradient(to bottom, black 100%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 100%, transparent 100%); }
.ucs-theme a { display: flex; align-items: center; justify-content: center; padding: 3.2rem 0; border-radius: 1.6rem; box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, .12); }
.ucs-theme a .theme-tit { font-size: 1.7rem; letter-spacing: -0.34px; font-weight: bold; text-align: center; }
.ucs-theme a .theme-tit::before { content: ''; width: 6rem; height: 6rem; margin: 0 auto 3.2rem; display: block; }
.ucs-theme a:hover { background: var(--color-main); box-shadow: .2rem .2rem 2.4rem 0 rgba(241, 97, 18, .48); color: #fff; }
.ucs-theme li:nth-child(1) a .theme-tit::before { background: url(../images/ucs-icon1.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(2) a .theme-tit::before { background: url(../images/ucs-icon2.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(3) a .theme-tit::before { background: url(../images/ucs-icon3.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(4) a .theme-tit::before { background: url(../images/ucs-icon4.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(5) a .theme-tit::before { background: url(../images/ucs-icon5.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(6) a .theme-tit::before { background: url(../images/ucs-icon6.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(7) a .theme-tit::before { background: url(../images/ucs-icon7.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(8) a .theme-tit::before { background: url(../images/ucs-icon8.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(9) a .theme-tit::before { background: url(../images/ucs-icon9.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(10) a .theme-tit::before { background: url(../images/ucs-icon10.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(11) a .theme-tit::before { background: url(../images/ucs-icon11.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(12) a .theme-tit::before { background: url(../images/ucs-icon12.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(13) a .theme-tit::before { background: url(../images/ucs-icon13.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(14) a .theme-tit::before { background: url(../images/ucs-icon14.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(15) a .theme-tit::before { background: url(../images/ucs-icon15.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(16) a .theme-tit::before { background: url(../images/ucs-icon16.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(17) a .theme-tit::before { background: url(../images/ucs-icon17.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(18) a .theme-tit::before { background: url(../images/ucs-icon18.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(19) a .theme-tit::before { background: url(../images/ucs-icon19.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(20) a .theme-tit::before { background: url(../images/ucs-icon20.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(21) a .theme-tit::before { background: url(../images/ucs-icon21.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(22) a .theme-tit::before { background: url(../images/ucs-icon22.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(23) a .theme-tit::before { background: url(../images/ucs-icon23.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(24) a .theme-tit::before { background: url(../images/ucs-icon24.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(25) a .theme-tit::before { background: url(../images/ucs-icon25.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(26) a .theme-tit::before { background: url(../images/ucs-icon26.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(27) a .theme-tit::before { background: url(../images/ucs-icon27.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(28) a .theme-tit::before { background: url(../images/ucs-icon28.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(29) a .theme-tit::before { background: url(../images/ucs-icon29.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(30) a .theme-tit::before { background: url(../images/ucs-icon30.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(31) a .theme-tit::before { background: url(../images/ucs-icon31.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(32) a .theme-tit::before { background: url(../images/ucs-icon32.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(33) a .theme-tit::before { background: url(../images/ucs-icon33.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(34) a .theme-tit::before { background: url(../images/ucs-icon34.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(35) a .theme-tit::before { background: url(../images/ucs-icon35.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(36) a .theme-tit::before { background: url(../images/ucs-icon36.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(37) a .theme-tit::before { background: url(../images/ucs-icon37.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(38) a .theme-tit::before { background: url(../images/ucs-icon38.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(39) a .theme-tit::before { background: url(../images/ucs-icon39.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(40) a .theme-tit::before { background: url(../images/ucs-icon40.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(41) a .theme-tit::before { background: url(../images/ucs-icon41.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(42) a .theme-tit::before { background: url(../images/ucs-icon42.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(43) a .theme-tit::before { background: url(../images/ucs-icon43.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(44) a .theme-tit::before { background: url(../images/ucs-icon44.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(45) a .theme-tit::before { background: url(../images/ucs-icon45.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(46) a .theme-tit::before { background: url(../images/ucs-icon46.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(47) a .theme-tit::before { background: url(../images/ucs-icon47.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(48) a .theme-tit::before { background: url(../images/ucs-icon48.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(49) a .theme-tit::before { background: url(../images/ucs-icon49.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(50) a .theme-tit::before { background: url(../images/ucs-icon50.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(51) a .theme-tit::before { background: url(../images/ucs-icon51.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(52) a .theme-tit::before { background: url(../images/ucs-icon52.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(53) a .theme-tit::before { background: url(../images/ucs-icon53.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(54) a .theme-tit::before { background: url(../images/ucs-icon54.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(55) a .theme-tit::before { background: url(../images/ucs-icon55.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(56) a .theme-tit::before { background: url(../images/ucs-icon56.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(57) a .theme-tit::before { background: url(../images/ucs-icon57.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(58) a .theme-tit::before { background: url(../images/ucs-icon58.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(59) a .theme-tit::before { background: url(../images/ucs-icon59.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(60) a .theme-tit::before { background: url(../images/ucs-icon60.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(61) a .theme-tit::before { background: url(../images/ucs-icon61.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(62) a .theme-tit::before { background: url(../images/ucs-icon62.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(63) a .theme-tit::before { background: url(../images/ucs-icon63.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(64) a .theme-tit::before { background: url(../images/ucs-icon64.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(65) a .theme-tit::before { background: url(../images/ucs-icon65.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(66) a .theme-tit::before { background: url(../images/ucs-icon66.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(67) a .theme-tit::before { background: url(../images/ucs-icon67.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(68) a .theme-tit::before { background: url(../images/ucs-icon68.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(69) a .theme-tit::before { background: url(../images/ucs-icon69.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(70) a .theme-tit::before { background: url(../images/ucs-icon70.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(71) a .theme-tit::before { background: url(../images/ucs-icon71.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(72) a .theme-tit::before { background: url(../images/ucs-icon72.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(73) a .theme-tit::before { background: url(../images/ucs-icon73.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(74) a .theme-tit::before { background: url(../images/ucs-icon74.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(75) a .theme-tit::before { background: url(../images/ucs-icon75.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(76) a .theme-tit::before { background: url(../images/ucs-icon76.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(77) a .theme-tit::before { background: url(../images/ucs-icon77.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(78) a .theme-tit::before { background: url(../images/ucs-icon78.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(79) a .theme-tit::before { background: url(../images/ucs-icon79.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(80) a .theme-tit::before { background: url(../images/ucs-icon80.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(81) a .theme-tit::before { background: url(../images/ucs-icon81.png) no-repeat center; background-size: cover; }
.ucs-theme li:nth-child(82) a .theme-tit::before { background: url(../images/ucs-icon82.png) no-repeat center; background-size: cover; }
.toggle-ucs { margin: 4.8rem auto 0; display: flex; border-radius: 80rem; padding: 1.7rem 0; width: 19.2rem; justify-content: center; align-items: center; border: .1rem solid var(--color-main); box-shadow: .2rem .2rem 2.8rem 0 rgba(241, 97, 18, .28); font-size: 1.7rem; letter-spacing: -0.34px; font-weight: bold; color: var(--color-main); position: relative; top: -10rem; background: #fff; transition: top .4rem ease-in-out; }
.toggle-ucs.on { top: 0; }
.toggle-ucs::after { content: ''; width: 2rem; height: 2rem; background: url(../images/toggle-arrow.png) no-repeat center; background-size: cover; transform: rotate(180deg); margin-left: 0.4rem; }
.toggle-ucs.on::after { transform: rotate(0); }

.aiSoundSearch { background: url(../images/ai-sound-search.png) no-repeat center; background-size: 120%; }
.top-bn { height: 28rem; margin-bottom: 8rem; width: 100%; border-radius: 2rem; padding: 4.8rem; background: linear-gradient(to left, #e3ecf3, #efebf2); position: relative; }
.top-bn::before { content: ''; width: 48rem; height: 28rem; background: url(../images/top-bn-bg.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.top-bn::after { content: ''; width: 28rem; height: 28rem; background: url(../images/top-bn-img.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.top-bn img { position: absolute; left: 4.8rem; top: 50%; transform: translateY(-50%); width: 42.6rem; }
.top-bn .txt { text-align: right; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.36px; line-height: 2.8rem; color: #666; position: relative; z-index: 2; }
.top-bn .txt .c { color: var(--color-main); font-weight: bold; }
.top-bn .txt b { color: #000; }

.guide-wrap > .tit { padding: 1.7rem; width: 16.8rem; text-align: center; font-size: 1.6rem; font-weight: bold; color: #fff; background: #000; border-radius: 80rem; margin-bottom: 3.2rem; }
.guide-wrap .guide-list { margin-bottom: 4.8rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.8rem; }
.guide-wrap .guide-list li { border-radius: 2rem; box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, .12); padding: 4.8rem 1.8rem 2.4rem; }
.guide-wrap .guide-list .tit { text-align: center; margin-bottom: 2.4rem; font-size: 2.2rem; font-weight: bold; letter-spacing: -0.44px; }
.guide-wrap .guide-list .tit .c { color: var(--color-main); }
.guide-wrap .guide-list .txt { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; color: #666; line-height: 2.6rem; margin-bottom: 3.2rem; text-align: center; }
.guide-wrap .img-upload-box { margin-bottom: 24rem; border-radius: 2rem; border: .1rem solid #ebebeb; background: #f5f5f5; padding: 6rem 1rem; text-align: center; }
.guide-wrap .img-upload-box > .tit { font-size: 2.4rem; letter-spacing: -0.48px; margin-bottom: 2.8rem; font-weight: bold; display: flex; align-items: center; justify-content: center; }
.guide-wrap .img-upload-box > .tit::before { content: ''; width: 3.2rem; height: 3.2rem; background: url(../images/img-icon.png) no-repeat center; background-size: cover; margin-right: 0.8rem; }
.guide-wrap .img-upload-box > .txt { font-size: 1.5rem; font-weight: 500; color: #666; margin-bottom: 3.2rem; }
.guide-wrap .img-upload-box > .txt .c { color: #000; }
.guide-wrap .img-upload-box .file-box { border-radius: 1.2rem; border: .1rem solid #dbdbdb; padding: 1.4rem 1.6rem 1.2rem; width: 86rem; margin: 0 auto; background: #fff; }
.guide-wrap .img-upload-box .file-box + .file-box { margin-top: 0.8rem; }
.file-wrap { display: flex; align-items: center; }
.file-addr { font-size: 1.5rem; letter-spacing: -0.3px; color: #b2b2b2; font-weight: 500; width: 100%; text-align: left; }
.file-addr.on { color: #000; }
.file-clear { width: 2rem; min-width: 2rem; height: 2rem; display: block; margin: 0 2.4rem 0 1.2rem; background: url(../images/file-clear.png) no-repeat center; background-size: cover; }
input[type="file"] { display: none; }
.guide-wrap .img-upload-box .file-box .tit { cursor: pointer; font-size: 1.5rem; letter-spacing: -.3px; white-space: nowrap; display: block; width: auto; padding: 1.1rem; border-radius: .8rem; border: .1rem solid var(--color-main); color: var(--color-main); font-weight: bold; }
.guide-wrap .img-upload-box .alt-area { display: flex; align-items: center; width: 100%; margin-top: 1.4rem; border-radius: .8rem; background: #f5f5f5; }
.guide-wrap .img-upload-box .alt-area .txt { font-size: 1.4rem; color: #666; font-weight: 500; letter-spacing: -0.28px; white-space: nowrap; padding-left: 1.4rem; }
.guide-wrap .img-upload-box .alt-area .txt.hide { display: none; }
.guide-wrap .img-upload-box .alt-area input { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; background: transparent; padding: 1.4rem 1.2rem; width: 100%; }
.guide-wrap .img-upload-box .alt-area input::placeholder { color: #b2b2b2; }
.guide-wrap .img-upload-box .add-img { margin: 2rem auto 0; font-size: 1.3rem; letter-spacing: -0.26px; font-weight: 500; color: #919191; display: flex; align-items: center; justify-content: center; width: 10rem; padding: 1.2rem; border: .1rem dashed #bbbaba; border-radius: .8rem; background: #fff; }
.guide-wrap .img-upload-box .add-img::after { content: '';  width: 1.2rem; height: 1.2rem; background: url(../images/img-add.png) no-repeat center; background-size: cover; margin-left: 0.4rem; }
.guide-wrap .img-upload-box .analyze-btn { position: relative; border-radius: 80rem; padding: 2rem 1rem; width: 21rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; color: #fff; background: linear-gradient(to right, #342597, #901760, #f16112); cursor: pointer; margin: 4.8rem auto 0; }
.guide-wrap .img-upload-box .analyze-btn::after { content: ''; width: 2rem; height: 2rem; position: absolute; top: 1rem; right: 2.4rem; background: url(../images/analyzed-icon.png) no-repeat center; background-size: cover; }

.loading-wrap { position: absolute; left: 50%; top: 20rem; transform: translateX(-50%); text-align: center; }
.loading-wrap .spinner { animation: rotation 18s infinite linear; position: relative; width: 22rem; height: 22rem; background: url(../images/loading-spinner.png) no-repeat center; background-size: cover; margin: 0 auto; }
.loading-wrap img { display: block; width: 14.6rem; position: absolute; left: 50%; transform: translateX(-50%); top: 10rem; }
.loading-wrap .loading-txt { margin: 4.8rem auto 2rem; font-size: 2.8rem; font-weight: bold; letter-spacing: -0.56px; }
.loading-wrap .sm-txt { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; color: #919191; }

.result-tab { margin-bottom: 24rem; }
.result-tab > .txt { text-align: center; font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; margin-bottom: 3.6rem; }
.result-tab > .txt .c { color: var(--color-main); }
.result-tab .result-tab-btn { display: flex; gap: 1.6rem; margin-bottom: 4.8rem; justify-content: center; }
.result-tab .result-tab-btn li { position: relative; width: 14.8rem; height: 9.2rem; border-radius: 1.2rem; overflow: hidden; }
.result-tab .result-tab-btn img { width: 100%; height: 100%; }
.item-label { font-size: 1.2rem; font-weight: 500; letter-spacing: -0.24px; color: #fff; position: absolute; left: 0; top: 0; padding: .7rem 1.5rem; border-radius: 1.2rem 0 1.2rem 0; background: rgba(0, 0, 0, .1); backdrop-filter: blur(3rem); }
.result-box + .result-box { margin-top: 2.8rem; }
.result-box { padding: 2.4rem; border-radius: 2rem; background: #efefef; }
.result-box .tit-area { position: relative; height: 27.2rem; color: #fff; }
.result-box .tit-area .bg-img { height: 100%; border-radius: 1.6rem; overflow: hidden; width: 100%; object-fit: cover; object-position: center; position: relative; }
.result-box .tit-area .bg-img img { object-fit: cover; object-position: center; }
.result-box .tit-area .bg-img::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); }
.result-box .tit-area .txt-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.result-box .tit-area .tit { font-size: 3.6rem; font-weight: bold; letter-spacing: -0.72px; color: #fff; margin-bottom: 2.8rem; }
.result-box .tit-area .keyword-list { gap: .4rem; display: flex; align-items: center; justify-content: center; }
.result-box .tit-area .keyword-list li { font-size: 1.4rem; font-weight: 500; color: #ccc; letter-spacing: -.28px; padding: 1.2rem 2.8rem; border-radius: 80rem; display: flex; align-items: center; background: rgba(255, 255, 255, .1); backdrop-filter: blur(.6rem); border: .1rem solid rgba(255, 255, 255, .24); }
.result-box .tit-area .keyword-list li::before { content: '#'; margin-right: 0.2rem; }
.keyword-tab-wrap { margin-top: 2.4rem; }
.keyword-tab { display: flex; align-items: center; width: 100%; }
.keyword-tab li { width: 100%; overflow: hidden; }
.keyword-tab li:nth-child(1) { border-radius: 1.6rem 0 0 0; }
.keyword-tab li:nth-child(3) { border-radius: 0 1.6rem 0 0; }
.keyword-tab li a { padding: 2.2rem 1rem; font-size: 2rem; letter-spacing: -0.4px; color: #b2b2b2; font-weight: bold; text-align: center; background: #666; display: block; }
.keyword-tab li.active a { background: linear-gradient(to bottom, #f16112, #f28950); color: #fff; }
.keyword-cont-wrap { background: #fff; border-radius: 0 0 1.6rem 1.6rem; padding: 3.2rem 2.8rem; }
.keyword-cont-wrap .keyword-cont { display: none; }
.keyword-cont-wrap .active { display: block; }
.keyword-ck-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6rem; }
.keyword-ck-list label { display: block; padding: 2rem 1.6rem; border-radius: 1.2rem; border: .1rem solid transparent; outline: .1rem solid #dbdbdb; position: relative; }
.keyword-ck-list label.on { border: .2rem solid var(--color-main); background: #fef8f5; outline: 0; }
.keyword-ck-list label input { display: none; }
.custom-ck { width: 2.4rem; height: 2.4rem; border-radius: .6rem; border: .1rem solid #dbdbdb; position: absolute; right: 0.8rem; top: 0.8rem; display: flex; align-items: center; justify-content: center; }
input:checked + .custom-ck { background: var(--color-main); border-color: var(--color-main); }
input:checked + .custom-ck::after { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/check-white.png) no-repeat center; background-size: cover; }
.keyword-cate { margin-bottom: 1.2rem; display: flex; align-items: center; }
.keyword-cate li { font-size: 1.3rem; letter-spacing: -0.26px; color: #666; font-weight: 500; display: flex; align-items: center; }
.keyword-cate li:not(:last-child)::after { content: ''; width: 1.2rem; height: 1.2rem; background: url(../images/list-arrow.png) no-repeat center; background-size: cover; margin: 0 .2rem; }
.keyword-ck-list label .tit { font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; margin-bottom: 1.6rem; height: 4.8rem; line-height: 2.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.keyword-ck-list label .keyword-ck { display: flex; align-items: center; }
.keyword-ck-list label .keyword-ck li, .keyword-ck-list label .keyword-ck li * { font-size: 1.3rem; font-weight: 500; color: #919191; letter-spacing: -0.26px; }
.keyword-ck-list label .keyword-ck li { display: flex; align-items: center; }
.keyword-ck-list label .keyword-ck li:not(:last-child)::after { content: ''; width: 0.1rem; height: 1rem; background: #dbdbdb; display: block; margin: 0 .8rem; }
.keyword-ck-list label .keyword-ck .b { color: #666; font-weight: bold; }
.keyword-ck-list label .keyword-ck .play { display: flex; align-items: center; }
.keyword-ck-list label .keyword-ck .play::after { content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/item-play-on.png) no-repeat center; background-size: cover; display: block; margin-left: 0.2rem; }
.no-keyword-result { padding: 1.6rem 0 2.8rem; text-align: center; }
.no-keyword-result .icon { width: 8rem; height: 8rem; margin: 0 auto 2.4rem; background: url(../images/no-item.png) no-repeat center; background-size: cover; }
.no-keyword-result .tit { font-size: 1.8rem; font-weight: bold; letter-spacing: -0.36px; color: #666; margin-bottom: 1.6rem; }
.no-keyword-result .txt { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; color: #919191; font-weight: 500; }
.analyzed-btns { margin-top: 4.8rem; display: flex; justify-content: space-between; }
.analyzed-btns button { display: flex; align-items: center; padding: 1.7rem 2rem; border-radius: 1.2rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; gap: .4rem; }
.analyzed-btns .prev { border: .1rem solid #dbdbdb; background: #f5f5f5; color: #919191; }
.analyzed-btns .next { border: .1rem solid var(--color-main); background: #fff; color: var(--color-main); }
.analyzed-btns .prev::before { content: ''; width: 2rem; height: 2rem; background: url(../images/btn-prev.png) no-repeat center; background-size: cover; }
.analyzed-btns .next::after { content: ''; width: 2rem; height: 2rem; background: url(../images/btn-next.png) no-repeat center; background-size: cover; }

.select-sound-wrap { margin-bottom: 24rem; }
.select-sound-wrap .tit { font-size: 3.2rem; font-weight: bold; letter-spacing: -0.64px; margin-bottom: 2.8rem; }
.select-sound-list > li { border-radius: 2rem; padding: 3.6rem 2.8rem 3.6rem 3.2rem; box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, .12); display: flex; align-items: flex-start; }
.select-sound-list > li + li { margin-top: 2.8rem; }
.select-sound-list .thumb { position: relative; width: 24.8rem; border-radius: 1.2rem; overflow: hidden; }
.select-sound-list .once-play { border: .1rem solid var(--color-main); font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; display: flex; align-items: center; border-radius: 8rem; margin-top: 2rem; padding: 1.2rem 1rem; width: 100%; background: #fff; color: var(--color-main); justify-content: center; }
.select-sound-list .once-play::before { content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/item-play-on.png) no-repeat center; background-size: cover; margin-right: 0.8rem; }
.select-sound-list .once-play:hover { background: var(--color-main); border-color: var(--color-main); color: #fff; }
.select-sound-list .once-play:hover::before { background: url(../images/item-play.png) no-repeat center; background-size: cover; margin-right: 0.8rem; }
.select-sound-list .sound-info { margin-left: 8rem; width: 100%; border-collapse: collapse; table-layout: fixed; }
.select-sound-list .sound-info col:nth-child(1) { width: 8%; }
.select-sound-list .sound-info col:nth-child(2) { width: 56%; }
.select-sound-list .sound-info col:nth-child(3) { width: 16%; }
.select-sound-list .sound-info col:nth-child(4) { width: 8%; }
.select-sound-list .sound-info col:nth-child(5) { width: 8%; }
.select-sound-list .sound-info th { font-size: 1.4rem; font-weight: 500; color: #919191; text-align: center; padding: 1rem 0; }
.select-sound-list .sound-info tbody tr:not(:last-child) { border-bottom: .1rem solid #ebebeb; }
.select-sound-list .sound-info tbody tr:hover td { background: #fbf1eb; }
.select-sound-list .sound-info td { text-align: center; padding: 1.8rem 2.2rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; }
.select-sound-list .sound-info td.tit-td { width: 65%; }
.select-sound-list .sound-info .item-tit { text-align: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.select-sound-list .sound-info .custom-ck { position: static; margin: 0 auto; }
.select-sound-list .sound-info .keyword-cate { margin-bottom: 0; justify-content: center; align-items: center; }
.select-sound-list .sound-info .keyword-cate::before { content: ''; width: 2rem; height: 2rem; background: url(../images/ucs-mark.png) no-repeat center; background-size: cover; margin-right: 0.4rem; }
.select-sound-list .sound-info .play { width: 2.4rem; height: 2.4rem; background: url(../images/item-play-on.png) no-repeat center; background-size: cover; display: block; } 
.select-btns { display: flex; gap: .4rem; }
.select-btns button { color: #fff; display: flex; align-items: center; gap: .4rem; width: 15rem; justify-content: center; }
.select-btns .add-cart { background: #24a593; }
.select-btns .add-cart::before { content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/addcart-icon.png) no-repeat center; background-size: cover; }
.select-btns .download { background: var(--color-main); }
.select-btns .download::after { content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/download-icon.png) no-repeat center; background-size: cover; }

.main-tit-bn.noAfter { margin-bottom: 0; height: 41rem; overflow: visible; }
.main-tit-bn.noAfter::after { display: none; }
.main-tit-bn.noAfter .breadcrumb > li { color: #000; }
.main-tit-bn.noAfter .breadcrumb button { color: #000; }
.main-tit-bn.noAfter .breadcrumb button::after { background: url(../images/lang-arrow-show.png) no-repeat center; background-size: cover; }
.main-tit-bn.noAfter .breadcrumb > li:not(:last-child)::after { background: #dbdbdb; }
.main-tit-bn.noAfter .page-tit { color: #000; }
.main-tit-bn.noAfter .page-sub-txt { color: #666; }

.slide-swiper-container { position: relative; width: calc(100% + 51rem); margin: 8rem auto; left: -25.5rem; z-index: 6; }
.slide-list { display: flex; }
.slide-list li { width: 50rem; height: 32rem; margin-right: 3.6rem; border-radius: 1.6rem; overflow: hidden;  }
.slide-list a { width: 100%; height: 100%; display: block; position: relative; }
.slide-list .thumb { height: 100%; }
.slide-list a img { width: 100%; height: 100%; object-fit: cover; transform: scaleY(1.16); transform-origin: center; }
.slide-list a::before { content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.8)); position: absolute; top: 0; left: 0; }
.slide-list a::after { content: ''; width: 5.6rem; height: 5.6rem; background: url(../images/item-play-on.png) no-repeat center; background-size: cover; position: absolute;  right: 2.4rem; bottom: 2.8rem; }
.slide-list a:hover::before { content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.12) 30%, rgba(0,0,0,.12) 50%, #f16112 100%); position: absolute; top: 0; left: 0; }
.slide-list a:hover::after { background: url(../images/item-play.png) no-repeat center; background-size: cover; position: absolute; }
.slide-list .new-label { position: absolute; top: 2rem; left: 2.4rem; font-size: 1.4rem; letter-spacing: -0.28px; color: #fff; padding: .8rem 1.8rem; text-align: center; display: block; background: rgba(255, 255, 255, .24); border: .1rem solid rgba(255, 255, 255, .24); border-radius: .6rem; }
.slide-list .slide-tit { width: 32rem; position: absolute; font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; line-height: 3.4rem; left: 2.4rem; bottom: 2.4rem; color: #fff; }
.slide-controller { width: 80%; margin: 7rem auto 0; display: flex; align-items: center; }
.slide-controller .swiper-pagination-progressbar { position: relative; height: .8rem; background: #efefef; width: calc(100%); border-radius: 80rem; overflow: hidden; }
.slide-controller .swiper-pagination-progressbar-fill { position: absolute; display: block; background: var(--color-main); border-radius: 80rem; width: 100%; height: 100%; transform-origin: left center; transform: scaleX(0); }
.slide-controller .btn-wrap { display: flex; align-items: center; margin-left: 1.6rem; gap: .8rem; }
.slide-controller .btn-wrap button { width: 4rem; height: 4rem; border-radius: 50%; border: .1rem solid #ebebeb; }
.slide-controller .btn-wrap .btn-stop { background: #f5f5f5 url(../images/slide-stop.png) no-repeat center; background-size: 2rem; }
.slide-controller .btn-wrap .btn-stop:hover,
.slide-controller .btn-wrap .btn-stop.on { border: .1rem solid var(--color-main);  background: #fff url(../images/cateogry-list-hover-stop.png) no-repeat center; background-size: 2rem; }
.slide-controller .btn-wrap .btn-play { background: #f5f5f5 url(../images/slide-play.png) no-repeat center; background-size: 2rem; }
.slide-controller .btn-wrap .btn-play:hover,
.slide-controller .btn-wrap .btn-play.on { border: .1rem solid var(--color-main);  background: #fff url(../images/category-list-hover-play.png) no-repeat center; background-size: 2rem; }

.list-search-area { width: 80rem; margin: 0 auto 6rem; border-bottom: .2rem solid #000; padding: 2.4rem 0; display: flex; align-items: center; }
.list-search-area .txt { font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; display: flex; align-items: center; }

.list-search-area .txt::after { content: ''; width: 0.1rem; height: 2.4rem; background: #dbdbdb; margin: 0 2.4rem; }
.list-search-area input { flex: 1; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.34px; }
.list-search-area input::placeholder { color: #b2b2b2; }
.list-search-area .btn-search { position: static !important; right: auto !important; top: auto !important; z-index: auto; flex: 0 0 2.4rem; display: block; width: 2.4rem !important; height: 2.4rem !important; margin-left: 2.8rem; line-height: 0; font-size: 0; color: transparent; background: url(../images/search-black.png) no-repeat center; background-size: cover; }

.list-container { margin-bottom: 24rem; }
.list-container .total-count { font-size: 1.5rem; font-weight: 500; color: #000; letter-spacing: -0.3px; margin-bottom: 2.4rem; }
.list-container .total-count .c { font-weight: bold; color: var(--color-main); }
.list-container .list-top { align-items: center; margin-bottom: 2.4rem; }
.list-container .list-top .total-count { margin-bottom: 0; }
.list-container .item-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.4rem; margin-bottom: 4.8rem; }
.list-container .item-list > li { border-radius: 1.6rem; overflow: hidden; background: #fff; transition: all .4s ease-in-out; box-shadow: .2rem .2rem 1.2rem 0 rgba(0, 0, 0, .08); }
.list-container .item-list .thumb { border-radius: 1.6rem 1.6rem 0 0; overflow: hidden; width: 100%; height: 18rem; transition: all .4s ease-in-out; border: .1rem solid transparent; border-bottom: 0; position: relative; }
.list-container .item-list .thumb img { width: 100%; height: 100%; object-fit: cover; transform: scaleY(1.16); transform-origin: center; }
.list-container .item-list .info-box { padding: 2.8rem 2rem; border: .1rem solid #ebebeb; border-radius: 0 0 1.6rem 1.6rem; border-top: 0; background: transparent; }
.list-container .item-list .info-box .tit { font-size: 2rem; height: 6rem; font-weight: bold; letter-spacing: -0.4px; line-height: 3.2rem; margin-bottom: 3.6rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }
.item-info-list { display: flex; align-items: center; }
.item-info-list li { display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #919191; font-weight: 500; }
.item-info-list li:not(:last-child)::after { content: ''; width: 0.1rem; height: 1.2rem; margin: 0 1.2rem; background: #dbdbdb; }
.item-info-list .c { color: #666; margin-left: 0.2rem; }
.list-container .item-list > li:hover { background: var(--color-main); }
.list-container .item-list > li:hover a .thumb { width: calc(100% - 4rem); height: 15.8rem; margin: 2rem 2rem .2rem; border-radius: 1.6rem; }
.list-container .item-list > li:hover a .thumb::after { content: ''; width: 4.4rem; height: 4.4rem; background: url(../images/item-play-on.png) no-repeat center; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.list-container .item-list > li:hover a .info-box { border-color: transparent; }
.list-container .item-list > li:hover a .info-box * { color: #fff !important; }

.detail-container { margin: 10.5rem 0 24rem; padding-top: 19rem; }
.detail-container.no-mb { margin-bottom: 0; }
.detail-container .breadcrumb > li { color: #000; }
.detail-container .breadcrumb button { color: #000; }
.detail-container .breadcrumb button::after { background: url(../images/lang-arrow-show.png) no-repeat center; background-size: cover; }
.detail-container .breadcrumb > li:not(:last-child)::after { background: #dbdbdb; }
.detail-container .tit-wrap { margin-bottom: 4.8rem; }
.detail-container .viewer-wrap > .tit-wrap > .tit { margin-bottom: 3.2rem; font-size: 4rem; letter-spacing: -0.8px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.detail-container .tit-wrap .item-info-list li { color: #666; }
.detail-container .tit-wrap .item-info-list .c { color: #000; font-weight: bold; }
.detail-container .txt-area { padding-bottom: 8rem; border-bottom: .1rem solid #dbdbdb; margin-bottom: 4.8rem; }
.detail-container .txt-cont { min-height: 38rem; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.36px; line-height: 3.2rem; }
.detail-container .txt-cont iframe { width: 100%; height: 78rem; margin-bottom: 4.8rem; }
.detail-container .txt-cont img { max-width: 100%; width: auto; height: auto; }
.expert-viewer-wrap .txt-cont,
.expert-viewer-wrap .txt-cont p,
.expert-viewer-wrap .txt-cont div,
.expert-viewer-wrap .txt-cont span,
.expert-viewer-wrap .txt-cont font,
.expert-viewer-wrap .txt-cont li,
.expert-viewer-wrap .txt-cont td,
.expert-viewer-wrap .txt-cont th {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif !important;
  font-size: 1.8rem !important;
  letter-spacing: -0.36px !important;
  line-height: 3.2rem !important;
}
.detail-container .btns-area { display: flex; align-items: center; }
.detail-container .btns-area button, .detail-container .btns-area a { display: block;  padding: 1.7rem 0; border-radius: 1.2rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; width: 10rem; text-align: center; }
.detail-container .go-list { margin-left: auto; border: .1rem solid #dbdbdb; background: #f5f5f5; color: #666; }
.detail-container .edit-btns { position: absolute; left: 50%; transform: translateX(-50%); display: flex; gap: .8rem; }
.detail-container .edit-btns button { width: 12rem; }
.detail-container .edit-btns .btn-remove { border: .1rem solid #000; color: #000; }
.detail-container .edit-btns .btn-edit { border: .1rem solid var(--color-main); color: var(--color-main); background: #fff8f5; }
.detail-container .input-form .tit-wrap .tit { margin-bottom: 0; }

.list-container.mt { margin: 8rem 0 24rem; }
.list-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.6rem; }
.list-top .list-search-wrap { display: flex; align-items: center; gap: .8rem; }
.list-top select { width: 12.8rem; padding: 1.6rem 1.2rem; font-size: 1.5rem; letter-spacing: -0.3px; border-radius: .8rem; border: .1rem solid #666; font-weight: 500; }
.list-container .list-top .list-search-wrap select.cate_select#codeSelect { width: 14.8rem; height: 4.8rem; box-sizing: border-box; padding: 0 3.6rem 0 1.2rem; border: .1rem solid #dbdbdb; border-radius: .8rem; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1.2rem center; background-size: 1.6rem 1.6rem; color: #000; -webkit-text-fill-color: #000; font-size: 1.5rem; font-weight: 500; line-height: 4.8rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.list-top .search-container { width: 36rem; border: .1rem solid #dbdbdb; border-radius: .8rem; display: flex; align-items: center; gap: .4rem; padding-right: 1.2rem; }
.list-top input { width: 100%; padding: 1.5rem 1.2rem; font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; border-radius: .8rem; }
.list-top input::placeholder { color: #b2b2b2; }
.list-top .search-btn { width: 2rem; height: 2rem; background: url(../images/search-black.png) no-repeat center; background-size: cover; }
.list-container .column-list { border-top: .2rem solid #000; }
.list-container .column-list > li { border-bottom: .1rem solid #ebebeb; }
.list-container .column-list a { display: flex; align-items: center; padding: 3.6rem 0; position: relative; }
.list-container .column-list a::after { content: ''; width: 6rem; height: 6rem; position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); background: url(../images/column-arrow.png) no-repeat center; background-size: cover; }
.list-container .column-list a:hover { background: #f5f5f5; }
.list-container .column-list a:hover::after { background: url(../images/column-arrow-on.png) no-repeat center; background-size: cover; }
.list-container .column-list .num { width: 14rem; min-width: 14rem; text-align: center; font-size: 2.8rem; letter-spacing: -0.56px; font-weight: bold; color: #000; }
.list-container .column-list .column-info { width: calc(100% - 22rem); }
.list-container .column-list .cate { font-size: 1.8rem; font-weight: bold; letter-spacing: -0.36px; color: var(--color-main); margin-bottom: 1.2rem; }
.list-container .column-list .tit { font-size: 2.8rem; font-weight: bold; letter-spacing: -0.56px; margin-bottom: 2.4rem; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-container .column-list .item-info-list li { font-size: 1.5rem; letter-spacing: -0.3px; }
.list-container .column-list > li.no-data { border: 0; border-radius: 0; min-height: 24rem; display: flex; align-items: center; justify-content: center; padding: 4.8rem 2rem; background: #fafafa; box-sizing: border-box; }
.list-container .column-list > li.no-data .column-info { width: 100%; text-align: center; }
.list-container .column-list > li.no-data .empty-state-icon { display: block; width: 5.6rem; height: 5.6rem; margin: 0 auto 2rem; border-radius: 50%; background: #fff5f0 url(../images/search-black.png) no-repeat center; background-size: 2.2rem; }
.list-container .column-list > li.no-data .tit { width: auto; margin: 0; color: #666; font-size: 1.8rem; font-weight: 500; line-height: 1.6; white-space: normal; word-break: keep-all; }

.detail-container .tit-wrap .cate { display: inline-block; font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; color: var(--color-main); border: .1rem solid var(--color-main); border-radius: .8rem; padding: 1.2rem 2rem; min-width: 9.2rem; text-align: center; margin-bottom: 2.8rem; }
.detail-container .tit-wrap .add-file-box { margin-top: 4.8rem; border-radius: 1.6rem; padding: 2.4rem 3.2rem; background: #f5f5f5; display: flex; align-items: center; }
.detail-container .tit-wrap .add-file-box .tit { width: auto; min-width: 6rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; display: flex; align-items: center; margin-bottom: 0; flex: 1 auto; }
.detail-container .tit-wrap .add-file-box .file-list::before {  content: ''; display: inline-block; left: 0; width: 0.1rem; min-width: .1rem; height: 100%; background: #dbdbdb; position: absolute; }
.detail-container .tit-wrap .add-file-box .file-list { width: 100%; display: flex; position: relative; flex-flow: row wrap; padding-left: 3.2rem; margin-left: 3.2rem; }
.detail-container .tit-wrap .add-file-box .file-list li { width: 100%; }
.detail-container .tit-wrap .add-file-box .file-list li + li { margin-top: 2rem; }
.detail-container .tit-wrap .add-file-box .file-list a { font-size: 1.6rem; letter-spacing: -0.32px; color: #666; gap: .8rem; display: flex; align-items: center; font-weight: 500; }
.detail-container .tit-wrap .add-file-box .file-list a::before { content: ''; width: 2rem; height: 2rem; background: url(../images/file.png) no-repeat center; background-size: cover; }
.detail-container .tit-wrap .add-file-box .file-list li:hover a { color: var(--color-main); text-decoration: underline; text-underline-offset: .3rem; }
.detail-container .tit-wrap .add-file-box .file-list li:hover a::before { background: url(../images/file-on.png) no-repeat center; background-size: cover; }

.comment-wrap { margin-top: 8rem; position: relative; width: calc(100% + 50.6rem); left: -25.3rem; padding: 4.8rem 26rem 24rem; background: #f8f8f8; }
.comment-wrap .user-util-list { margin-bottom: 6rem; display: flex; align-items: center; justify-content: center; gap: 1.2rem; }
.comment-wrap .user-util-list button { font-size: 1.5rem; gap: .4rem; letter-spacing: -0.3px; font-weight: 500; padding: 1.2rem 1rem; width: 10.2rem; border-radius: 2.4rem; background: #fff; display: flex; align-items: center; justify-content: center; color: #666; box-shadow: .2rem .2rem 1.2rem 0 rgba(0, 0, 0, .08); }
.comment-wrap .user-util-list button::before { content: ''; width: 2.4rem; height: 2.4rem; }
.comment-wrap .user-util-list button.recommend::before { background: url(../images/recommend.png) no-repeat center; background-size: cover; }
.comment-wrap .user-util-list button.bookmark::before { background: url(../images/bookmark.png) no-repeat center; background-size: cover; }
.comment-wrap .user-util-list button.recommend.on::before,
.comment-wrap .user-util-list button.recommend:hover::before { background: url(../images/recommend-on.png) no-repeat center; background-size: cover; }
.comment-wrap .user-util-list button.bookmark.on::before,
.comment-wrap .user-util-list button.bookmark:hover::before { background: url(../images/bookmark-on.png) no-repeat center; background-size: cover; }
.comment-wrap .total-count { font-size: 1.5rem; font-weight: 500; color: #000; letter-spacing: -0.3px; margin-bottom: 2.4rem; }
.comment-wrap .total-count .c { font-weight: bold; color: var(--color-main); }
.comment-wrap .review-box { margin-bottom: 4.8rem; border-radius: 1.2rem; border: .1rem solid #666; padding: 2rem 2rem 0 2rem; background: #fff; }
.comment-wrap .review-box .review-box-bottom { padding: 1.2rem 2rem; }
.comment-wrap .comment-sort-type { display: flex; align-items: center; gap: 2rem; }
.comment-wrap .comment-sort-type button { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; color: #666; }
.comment-wrap .comment-sort-type .active { font-weight: bold; color: #000; }
.comment-wrap .comment-list { margin-top: 1.2rem; border-top: .1rem solid #ebebeb; }
.comment-wrap .comment-list .no-comment { padding: 2.4rem 0 0; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; color: #b2b2b2; }
.comment-wrap .comment { border-bottom: .1rem solid #dbdbdb; }
.comment-wrap .comment .author { font-size: 1.7rem; font-weight: bold; letter-spacing: 0.34px; color: #000; margin-bottom: 1.6rem; margin-top: 2.4rem; }
.comment-wrap .comment .comment-txt { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; line-height: 2.6rem; margin-bottom: 1.6rem; }
.comment-wrap .comment .comment-util { margin-bottom: 2rem; display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; }
.comment-wrap .comment .date { color: #b2b2b2; margin-right: 2rem; }
.comment-wrap .comment .recommend-btn { display: flex; align-items: center; color: #666; margin-right: 2rem; font-weight: 500; }
.comment-wrap .comment .recommend-btn::before { content: ''; width: 1.6rem; margin-right: 0.4rem; height: 1.6rem; background: url(../images/comment-recommend.png) no-repeat center; background-size: cover; display: block; }
.comment-wrap .comment .recommend-btn.on::before { background: url(../images/item-add-free-on.png) no-repeat center; background-size: cover; }
.comment-wrap .comment .user-util { display: flex; align-items: center; }
.comment-wrap .comment .user-util li { display: flex; align-items: center; }
.comment-wrap .comment .user-util li:not(:last-child)::after { content: ''; width: 0.1rem; height: 1.2rem; background: #dbdbdb; margin: 0 .8rem; display: block; }
.comment-wrap .comment .user-util li button { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px;  }
.comment-wrap .comment .user-util li .remove { color: var(--color-main); }
.comment-wrap .comment .user-util li .edit { color: #000; }
.comment-wrap .comment .reply-toggle-btn { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #000; text-decoration: underline; text-underline-offset: .3rem; margin-bottom: 2rem; }
.comment-wrap .comment .reply-toggle { display: none; border-top: .1rem solid #dbdbdb; background: #efefef; padding: 2.4rem 0; }
.comment-wrap .comment .reply-toggle.on { display: block; }
.comment-wrap .comment .reply-toggle .author { margin-top: 0; }
.comment-wrap .comment .reply-toggle .review-box { margin: 0 2rem; border-color: #ebebeb; }
.comment-wrap .comment .reply-item { padding: 0 2rem; }
.comment-wrap .comment .reply-item + .reply-item { border-top: .1rem solid #dbdbdb; padding-top: 2.4rem; }
.comment-wrap .comment .review-box textarea { height: 4.8rem; }
.comment-wrap .comment .review-box-bottom { padding: .6rem 2rem; }
.comment-wrap .comment .review-box-bottom button { font-size: 1.4rem; letter-spacing: -0.28px; background: #919191; }

.update-comment { display: none; margin-top: -3rem; align-items: center; gap: .8rem; border-radius: 1.2rem; border: .1rem solid #666; padding: .9rem 2rem .9rem 0; background: #f8f8f8; position: relative; }
.update-comment.on { display: flex; }
.update-comment textarea { padding: .9rem 1.6rem; height: 3.6rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; border-radius: 1.2rem; width: 100%; background: transparent; }
.update-comment .update-btn { border-radius: .8rem; padding: 1rem 1.2rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #fff; background: #666; white-space: nowrap; }
.comment-wrap .reply-box .update-comment { top: 0; margin-top: -5rem; margin-bottom: 1.2rem; }

.detail-container.no-mg { margin: 0; }
.detail-container.pt { padding-top: 12rem; }
.detail-container.last { margin-bottom: 24rem; }
.cke_notifications_area { display: none !important; } /* 임시 */
.write-form { padding-bottom: 6rem; margin-bottom: 4.8rem;  border-bottom: .1rem solid #ebebeb;}
.write-form .input-form-box { border: 0; padding: 0; margin: 0; }
.write-form .input-form-box .input-label select { border: .1rem solid #000; width: 14.4rem; }
.expert-write-form .input-form-box .input-label select#category { width: 100%; height: 5.2rem; box-sizing: border-box; padding: 0 4.2rem 0 1.8rem; border: .1rem solid #dbdbdb; border-radius: 1.2rem; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1.4rem center; background-size: 2rem 2rem; color: #000; -webkit-text-fill-color: #000; font-size: 1.5rem; font-weight: 500; line-height: 5.2rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.write-form .textarea { border-radius: 1.2rem; padding: 1.6rem; width: 100%; border: .1rem solid #dbdbdb; }
.write-form .cke_chrome { border: 0; }
.write-form .cke_top { border-radius: 1.2rem; border: .1rem solid #ebebeb; }
.write-form .cke_bottom { display: none; }
.write-form .file-wrap { display: flex; align-items: center; width: 100%; }
.file-tit { margin-right: 0.8rem; border-radius: 1.2rem; border: .1rem solid #666; background: #f5f5f5; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; text-align: center; padding: 1.8rem 0; width: 12rem; min-width: 12rem; display: block; cursor: pointer; }
.write-form .file-wrap input { display: none; }
.file-area { border-radius: 1.2rem; padding: 1.8rem 1.6rem; width: 100%; border: .1rem solid #dbdbdb; display: flex; width: calc(100% - 12rem);  align-items: center; gap: 1rem .8rem; flex-flow: row wrap; }
.file-area .file-item { display: inline-flex; align-items: center; gap: .2rem; font-size: 1.5rem; font-weight: 500; color: #555; max-width: 100%; }
.file-area .file-item span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: calc(100% - 2rem); }
.file-area .file-item.f { width: 100%; justify-content: space-between; }
.file-area .file-item .clear { width: 2rem; height: 2rem !important; background: url(../images/file-clear.png) no-repeat center; background-size: cover; }
.file-area .no-file { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; color: #b2b2b2; }
.detail-container .edit-btns .btn-reset { background: #919191; color: #fff; }
.detail-container .edit-btns .btn-confirm { background: var(--color-main); color: #fff; }

.intro-section-wrap { position: relative; width: calc(100% + 52rem); height: 100vh; z-index: 2; left: -26rem; }
.intro-section-wrap section { position: absolute; left: 0; width: calc(100%); height: 100vh; z-index: 3; top: 0; background: #fff; }
.intro-section-wrap section .inner { position: relative; height: 100%; z-index: 3; }
.intro-section-wrap .intro-section-tit .sm { font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; margin-bottom: 2rem; }
.intro-section-wrap .intro-section-tit .tit { font-size: 4.8rem; letter-spacing: -0.96px; font-weight: bold; }
.intro-section-wrap .section-item1 { }
.section-item2, .section-item3 { transform: translateY(100%); }
.intro-section-wrap .section-item1 .bg-mov { position: absolute; width: 108rem; height: 40rem; border-radius: 2rem; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.intro-section-wrap .bg-mov video { width: 100%; height: 100%; object-fit: cover; }
.intro-section-wrap .section-item1 .tit-wrap { margin-top: 26rem; margin-bottom: 3.6rem; font-size: 4.8rem; font-weight: bold; letter-spacing: -0.96px; line-height: 6.4rem; color: #fff; text-align: center; position: relative; z-index: 2; }
.intro-section-wrap .section-item1 .txt-wrap { font-size: 1.8rem; letter-spacing: -0.36px; line-height: 3rem; font-weight: 500; margin-bottom: 12rem; text-align: center; color: #fff; position: relative; z-index: 2; }
.intro-section-wrap .section-item1 .logo-item { width: 21rem; height: 4.6rem; background: url(../images/logo-item.png) no-repeat center; background-size: cover; margin: 0 auto; position: relative; z-index: 2; }
.intro-section-wrap .section-item2 .bg-mov { width: 100%; height: 100%; position: absolute; z-index: -1; }
.intro-section-wrap .section-item2 { background: #ef6011; }
.intro-section-wrap .section-item2 .bg-mov { z-index: 3; }
.intro-section-wrap .section-item2 .bg-mov video { width: 130%; }
.intro-section-wrap .section-item2 .intro-section-tit { color: #fff; position: absolute; left: 0; top: 16rem; z-index: 4; }
.intro-section-wrap .section-item2 .rotation-wrap { position: absolute; left: 70%; top: 50%; transform: translate(-50%, -50%); z-index: 4; }
.intro-section-wrap .section-item2 .rotation-wrap .white-logo-item { display: block; height: 6.3rem; width: auto; margin-bottom: 2.4rem; }
.intro-section-wrap .section-item2 .rotation-center { width: 34.4rem; height: 34.4rem; border-radius: 50%; background: url(../images/rotation-center.png) no-repeat center; background-size: cover; display: flex; align-items: center; justify-content: center; flex-flow: column; border-radius: 50%; box-shadow: 0 0 6rem 0 rgba(0, 0, 0, .24); }
.intro-section-wrap .section-item2 .rotation-center .item-tit { font-size: 2.8rem; letter-spacing: -0.56px; line-height: 3.8rem; font-weight: bold; color: #fff; text-align: center; }
.intro-section-wrap .section-item2 .rotation-items { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: rotateParent 20s linear infinite; }
.intro-section-wrap .section-item2 .rotation-items li { font-size: 2.2rem; letter-spacing: -0.44px; line-height: 3.2rem; font-weight: bold; color: #fff; position: absolute; width: 22rem; height: 22rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; animation: rotateChild 20s linear infinite; }
.intro-section-wrap .section-item2 .rotation-items li:nth-child(1) { left: -42rem; top: -11rem; background: url(../images/rotation-item01.png) no-repeat center; background-size: cover; }
.intro-section-wrap .section-item2 .rotation-items li:nth-child(2) { left: -11rem; top: -42rem; background: url(../images/rotation-item02.png) no-repeat center; background-size: cover; }
.intro-section-wrap .section-item2 .rotation-items li:nth-child(3) { left: 20rem; top: -11rem; background: url(../images/rotation-item03.png) no-repeat center; background-size: cover; }
.intro-section-wrap .section-item2 .rotation-items li:nth-child(4) { left: -11rem; top: 20rem; background: url(../images/rotation-item04.png) no-repeat center; background-size: cover; }
.intro-section-wrap .section-item3 .inner { padding: 20rem 0 0; }
.intro-section-wrap .section-item3 .intro-section-tit { text-align: center; margin-bottom: 12rem; }
.intro-section-wrap .section-item3 .intro-section-tit .sm { color: var(--color-main); }
.intro-section-wrap .section-item3 .type-list { display: flex; align-items: center; height: 32.6rem; }
.intro-section-wrap .section-item3 .type-list li { width: 32.6rem; height: 32.6rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-flow: column; background: var(--color-main); position: absolute; color: #fff; text-align: center; }
.intro-section-wrap .section-item3 .type-list li:nth-child(1) { background: url(../images/type01.png) no-repeat center; background-size: cover; }
.intro-section-wrap .section-item3 .type-list li:nth-child(2) { background: url(../images/type02.png) no-repeat center; background-size: cover; }
.intro-section-wrap .section-item3 .type-list li:nth-child(3) { background: url(../images/type03.png) no-repeat center; background-size: cover; }
.intro-section-wrap .section-item3 .type-list li .item-tit { font-size: 2.8rem; font-weight: bold; letter-spacing: -0.56px; }
.intro-section-wrap .section-item3 .type-list li .counting-txt { font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; margin-bottom: 2.4rem; }
.intro-section-wrap .section-item3 .type-list li .counting-txt span { font-size: 4.8rem; letter-spacing: -0.96px; }
.intro-section-wrap .section-item3 .type-list li .b { font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; margin-bottom: 0.8rem; }
.intro-section-wrap .section-item3 .type-list li .sm { font-size: 1.6rem; font-weight: 500; }

.intro-wrap { margin: 4rem 0 24rem; }
.intro-wrap .bg-mov { margin-bottom: 12rem; border-radius: 2rem; overflow: hidden; position: relative; color: #fff; }
.intro-wrap .bg-mov video { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.intro-wrap .bg-mov .txt-wrap { padding: 6rem 4.8rem; position: relative; z-index: 1; }
.intro-wrap .bg-mov .tit { font-size: 3.6rem; font-weight: bold; letter-spacing: -0.72px; line-height: 5rem; margin-bottom: 8rem; }
.intro-wrap .bg-mov .txt { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; line-height: 2.8rem; word-break: keep-all; } 
.intro-wrap .license-type { margin-bottom: 12rem; }
.intro-wrap .license-type > .tit { font-size: 3.6rem; font-weight: bold; letter-spacing: -0.72px; margin-bottom: 2.8rem; }
.intro-wrap .license-type > .txt { font-size: 1.6rem; letter-spacing: -0.32px; line-height: 2.6rem; font-weight: 500; margin-bottom: 4.8rem; }
.intro-wrap .terms-of-use { margin-bottom: 2.4rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.4rem; }
.intro-wrap .terms-of-use li { width: 100%; }
.intro-wrap .license-type .item-box { border-radius: 1.6rem; padding: 3.6rem 4rem; text-align: center; background: #f5f5f5; }
.intro-wrap .terms-of-use .img { width: 8rem; margin: 0 auto 2.8rem; }
.intro-wrap .terms-of-use .item-tit { font-size: 2rem; letter-spacing: -0.4px; font-weight: bold; margin-bottom: 0.8rem; }
.intro-wrap .terms-of-use .en-tit { margin-bottom: 2rem; font-size: 1.6rem; font-weight: bold; letter-spacing: -0.32px; color: var(--color-main); }
.intro-wrap .terms-of-use .txt { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; line-height: 2.4rem; color: #666; font-weight: 500; word-break: keep-all; }
.intro-wrap .item-box .big-img { width: 77.2rem; }
.intro-wrap .license-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.4rem; }
.intro-wrap .license-list .item-box { padding: 3rem 2.4rem; border-radius: 1.6rem; border: .1rem solid #dbdbdb; }
.intro-wrap .license-list .tit-wrap { margin-bottom: 2.4rem; font-weight: bold; padding-bottom: 2.7rem; border-bottom: .1rem solid #ebebeb; position: relative; }
.intro-wrap .license-list .tit-wrap .tit { font-size: 2.2rem; letter-spacing: -0.44px; }
.intro-wrap .license-list .tit-wrap .c { color: var(--color-main); }
.intro-wrap .license-list .tit-wrap::after { content: ''; width: 16rem; height: 5.6rem; position: absolute; right: 0; top: 25%; transform: translateY(-50%);  }
.intro-wrap .license-list .item-box:nth-child(1) .tit-wrap::after { background: url(../images/cc-license01.png) no-repeat center; background-size: cover; }
.intro-wrap .license-list .item-box:nth-child(2) .tit-wrap::after { background: url(../images/cc-license02.png) no-repeat center; background-size: cover; }
.intro-wrap .license-list .item-box:nth-child(3) .tit-wrap::after { background: url(../images/cc-license03.png) no-repeat center; background-size: cover; }
.intro-wrap .license-list .item-box:nth-child(4) .tit-wrap::after { background: url(../images/cc-license04.png) no-repeat center; background-size: cover; }
.intro-wrap .license-list .item-box:nth-child(5) .tit-wrap::after { background: url(../images/cc-license05.png) no-repeat center; background-size: cover; }
.intro-wrap .license-list .item-box:nth-child(6) .tit-wrap::after { background: url(../images/cc-license06.png) no-repeat center; background-size: cover; }
.intro-wrap .license-list .info-txt { height: 9.8rem; margin-bottom: 2.8rem; }
.intro-wrap .license-list .info-txt li { display: flex; align-items: center; font-size: 1.6rem; letter-spacing: -0.32px; line-height: 2.6rem; font-weight: 500; }
.intro-wrap .license-list .info-txt li::before { content: '-'; margin-right: .4rem; }
.intro-wrap .license-list .limit .tit { margin-bottom: 1.6rem; padding: 1.1rem; border-radius: .8rem; font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; color: #fff; background: #000; width: 10rem; text-align: center; }
.intro-wrap .license-list .limit-list li { line-height: 2.4rem; display: flex; align-items: center; gap: .4rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; }
.intro-wrap .license-list .limit-list li::before { content: '-'; }

.source-guide { margin: 4rem 0 24rem; }
.source-guide .guide-box { margin-bottom: 8rem; padding: 4rem 0; border-radius: 2rem; border: .2rem solid var(--color-main); background: #fffbf9; text-align: center; color: var(--color-main); }
.source-guide .guide-box .tit { font-size: 2.8rem; letter-spacing: -0.56px; margin-bottom: 2rem; font-weight: bold; }
.source-guide .guide-box .txt { font-size: 1.6rem; letter-spacing: -0.32px; font-weight: 500; color: var(--color-main); margin: 0; }
.source-guide .case-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.4rem; }
.source-guide .case-list > li { text-align: center; border-radius: 1.6rem; border: .1rem solid #dbdbdb; padding: 4rem 2.8rem; }
.source-guide .label { width: 9.6rem; text-align: center; padding: .8rem; border-radius: 1.8rem; border: .1rem solid var(--color-main); color: var(--color-main); margin: 0 auto 2.4rem; font-weight: bold; }
.source-guide .tit { font-size: 2.2rem; letter-spacing: -0.44px; font-weight: bold; margin-bottom: 1.6rem; }
.source-guide .txt { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; color: #666; margin-bottom: 2.8rem; }
.source-guide .strong-box { border-radius: 1.2rem; padding: 2.2rem; font-size: 1.6rem; background: #f5f5f5; font-weight: bold; letter-spacing: -0.32px; text-align: center; }
.source-guide .logo-download { display: flex; align-items: center; justify-content: center; }
.source-guide .logo-download li { position: relative; }
.source-guide .logo-download li:not(:last-child) { margin-right: 3.7rem; padding-right: 3.7rem; }
.source-guide .logo-download li:not(:last-child)::after { content: ''; width: 0.1rem; height: 100%; background: #ebebeb; position: absolute; right: 0; top: 0; }
.source-guide .img { width: 17.6rem; height: 12.2rem; }
.source-guide .logo-download li span { font-size: 1.5rem; margin-top: 1rem; letter-spacing: -0.3px; padding: 1rem; border-radius: .8rem; width: 100%; background: #000; display: block; font-weight: 500; color: #fff; } 
.source-guide .logo-download li:hover span { background: var(--color-main); }

.faq-wrap { margin: 4rem 0 24rem; }
.faq-wrap .tab-btns { display: flex; align-items: center; gap: .8rem; justify-content: center; margin-bottom: 8rem; }
.faq-wrap .tab-btns button { border-radius: 1.2rem; font-size: 1.7rem; letter-spacing: -0.34px; padding: 2rem 0; width: 12.8rem; text-align: center; color: #000; font-weight: 500; background: #f5f5f5; }
.faq-wrap .tab-btns button.active { background: #000; color: #fff; font-weight: bold; }
.faq-wrap .total-count { font-size: 1.5rem; margin-bottom: 2.4rem; font-weight: bold; letter-spacing: -0.3px; color: #666; }
.faq-wrap .total-count .c { color: var(--color-main); }
.faq-wrap .faq-list li { border-radius: 1.6rem; overflow: hidden; border: .1rem solid #dbdbdb; }
.faq-wrap .faq-list li + li { margin-top: 1.6rem; }
.faq-wrap .faq-list button { padding: 4rem 3.6rem; font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; display: flex; align-items: center; width: 100%; position: relative; }
.faq-wrap .faq-list button::before { content: ''; width: 3rem; height: 3rem; background: url(../images/faq-q.png) no-repeat center; background-size: cover; margin-right: 2.4rem; }
.faq-wrap .faq-list button::after { content: ''; width: 3rem; height: 3rem; background: url(../images/faq-open.png) no-repeat center; background-size: cover; position: absolute; top: 50%; right: 3.6rem; transform: translateY(-50%); }
.faq-wrap .faq-list .answer { display: none; margin: .8rem 3.6rem 4rem 9rem; font-size: 1.7rem; letter-spacing: -0.34px; line-height: 2.6rem; font-weight: 500; color: #666; }
.faq-wrap .faq-list li.on { border: .2rem solid var(--color-main); background: #fffbf9; }
.faq-wrap .faq-list li.on button { background: #fffbf9; }
.faq-wrap .faq-list li.on button::after { background: url(../images/faq-close.png) no-repeat center; background-size: cover; }
.faq-wrap .faq-list li.on .answer { display: block; }

.qna-wrap .go-qna { margin: 8rem auto 0; font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; padding: 1.8rem; width: 32rem; border-radius: 3.4rem; color: var(--color-main); display: block; text-align: center; border: .2rem solid var(--color-main); }
.qna-wrap .go-qna:hover { background: var(--color-main); color: #fff; }

.detail-container .answer-cont { margin-top: 6rem; border-radius: 1.2rem; border: .1rem solid var(--color-main); background: #fffbf9; }
.detail-container .answer-cont .tit { border-bottom: .1rem solid #ebebeb; padding: 2rem 2.4rem; font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; color: var(--color-main); }
.detail-container .answer-txt { padding: 2rem 2.4rem 2.4rem; font-size: 1.6rem; letter-spacing: -0.32px; line-height: 2.6rem; color: #666; font-weight: 500; } 

.item-info-list .status { font-size: 1.4rem; letter-spacing: -0.28px; padding: .8rem; width: 7.2rem; border-radius: .6rem; background: #b2b2b2; font-weight: 500; color: #fff; text-align: center; }
.item-info-list .status.on { background: var(--color-main); }
.detail-container .tit-wrap .item-info-list .status { font-size: 1.5rem; letter-spacing: -0.3px; }

.ucs-section-wrap { margin-top: 6rem; }
.ucs-section { display: flex; gap: 0 13rem; flex-flow: row wrap; }
.ucs-section + .ucs-section  { margin-top: 12rem; }
.ucs-section .section-tit { width: 37rem; font-size: 2.8rem; letter-spacing: -0.56px; font-weight: bold; color: var(--color-main); position: relative; }
.ucs-section .section-tit::after { content: ''; width: 4.8rem; position: absolute; left: 0; top: -1.2rem; height: 0.2rem; background: var(--color-main); }
.ucs-section .content-area { width: calc(100% - 50rem); }
.ucs-section .content-area .cont-box + .cont-box { margin-top: 4.8rem; }
.ucs-section .content-area .tit { font-size: 2.2rem; letter-spacing: -0.44px; font-weight: bold; margin-bottom: 2.4rem; }
.ucs-section .txt-wrap .txt + .txt { margin-top: 2rem; }
.ucs-section .txt { font-size: 1.6rem; letter-spacing: -0.32px; line-height: 2.6rem; color: #666; font-weight: 500; }
.ucs-section .section-box-list { display: grid; gap: .8rem; grid-template-columns: repeat(2, 1fr); }
.ucs-section .section-box-list li { padding: 2rem; font-size: 1.6rem; letter-spacing: -0.32px; border-radius: 1.2rem; background: #f5f5f5; text-align: center; }
.ucs-section .round-tit { padding: 1.2rem 0; width: 16rem; border-radius: 2.4rem; margin: 4.8rem 0 2.8rem; font-size: 2rem; letter-spacing: -0.4px; font-weight: bold; text-align: center; background: var(--color-main); color: #fff;  }
.ucs-section .number-list > li + li { margin-top: 4.8rem; }
.ucs-section .number-list .txt { width: 100%; }
.ucs-section .number-list li::before,
.ucs-section .number-tit { font-size: 2.2rem; letter-spacing: -0.44px; font-weight: bold; margin-bottom: 2.4rem; }
.ucs-section .number-list .section-box-list { margin-top: 2.4rem; width: 100%; } 
.ucs-section .b { color: #000; font-weight: bold; }
.ucs-section .ucs-table-wrap { width: 100%; margin: 12rem 0 24rem; padding-top: 12rem; position: relative; border-top: .1rem solid #ebebeb; }
.ucs-section .ucs-table-wrap .table-tit-wrap { margin-bottom: 3.2rem; display: flex; align-items: center; justify-content: space-between; }
.ucs-section .ucs-table-wrap .table-tit-wrap .tit { font-size: 2.8rem; letter-spacing: -0.56px; font-weight: bold; }
.ucs-section .ucs-table-wrap .table-tit-wrap .download { font-size: 1.4rem; letter-spacing: -0.28px; padding: .8rem 1.6rem; border-radius: .8rem; display: flex; align-items: center; background: #10912b; color: #fff; }
.ucs-section .ucs-table-wrap .table-tit-wrap .download::before { content: ''; width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; background: url(../images/excel.png) no-repeat center; background-size: cover; }
.ucs-section .ucs-table-wrap .table-tit-wrap .download::after { content: ''; width: 1.8rem; height: 1.8rem; margin-left: 0.4rem; background: url(../images/download-icon.png) no-repeat center; background-size: cover; }
.ucs-section .ucs-tb { border-top: .1rem solid #000; width: 100%; table-layout: fixed; border-collapse: collapse; }
.ucs-section .ucs-tb col:nth-child(1) { width: 22rem; }
.ucs-section .ucs-tb col:nth-child(2) { width: 22rem; }
.ucs-section .ucs-tb th { font-size: 1.6rem; letter-spacing: -0.32px; padding: 1.6rem 0; background: #f0f0f0; border: .1rem solid #ebebeb; border-top-color: #000; }
.ucs-section .ucs-tb td { font-size: 1.5rem; padding: 1.7rem 1.6rem; letter-spacing: -0.3px; border: .1rem solid #ebebeb; font-weight: 500; color: #666; background: #f8f8f8; }
.ucs-section .ucs-tb td.cate,
.ucs-section .ucs-tb td.sub-cate { text-align: center; background: #fff; font-weight: bold; }
.ucs-section .ucs-tb tr td:last-child { line-height: 2.6rem; }
.ucs-section .ucs-tb td.cate { color: var(--color-main); }
.ucs-section .ucs-tb td.sub-cate { color: #000; }

.number-list > li { display: flex; flex-flow: row wrap; }
.number-list > li::before { content: ''; margin-right: 0.4rem; }
.number-list > li:nth-child(1)::before { content: '1.'; }
.number-list > li:nth-child(2)::before { content: '2.'; }

.my-page-wrap .tab-btns { margin: 8rem 0 6rem; display: flex; align-items: center; gap: .5rem; }
.my-page-wrap .tab-btns li { width: 100%; margin: 0; }
.my-page-wrap .tab-btns li a { padding: 2rem 1rem; border-radius: 1.2rem; border: .1rem solid #ebebeb; font-size: 1.7rem; letter-spacing: -0.34px; font-weight: 500; width: 100%; background: #f5f5f5; color: #919191; display: flex; align-items: center; justify-content: center; }
.my-page-wrap .tab-btns .active,
.my-page-wrap .tab-btns li:hover a { background: var(--color-main); color: #fff; border-color: var(--color-main); }
.my-page-wrap .tab-btns li a::before { content: ''; width: 2rem; height: 2rem; margin-right: 0.8rem; }
.my-page-wrap .tab-btns li.download a::before { background: url(../images/tab-icon1.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.interest a::before { background: url(../images/tab-icon2.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.rating a::before { background: url(../images/tab-icon3.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.recent-search a::before { background: url(../images/tab-icon4.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.recent-post a::before { background: url(../images/tab-icon5.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.cart a::before { background: url(../images/tab-icon6.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.buying a::before { background: url(../images/tab-icon7.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.refund a::before { background: url(../images/tab-icon8.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.dashboard a::before { background: url(../images/tab-icon9.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.channel a::before { background: url(../images/tab-icon10.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.items a::before { background: url(../images/tab-icon11.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.calendar a::before { background: url(../images/tab-icon12.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.download:hover a::before,
.my-page-wrap .tab-btns li.download a.active::before { background: url(../images/tab-icon1-on.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.interest:hover a::before,
.my-page-wrap .tab-btns li.interest a.active::before { background: url(../images/tab-icon2-on.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.rating:hover a::before,
.my-page-wrap .tab-btns li.rating a.active::before { background: url(../images/tab-icon3-on.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.recent-search:hover a::before,
.my-page-wrap .tab-btns li.recent-search a.active::before { background: url(../images/tab-icon4-on.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.recent-post:hover a::before,
.my-page-wrap .tab-btns li.recent-post a.active::before { background: url(../images/tab-icon5-on.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.cart:hover a::before,
.my-page-wrap .tab-btns li.cart a.active::before { background: url(../images/tab-icon6-on.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.buying:hover a::before,
.my-page-wrap .tab-btns li.buying a.active::before { background: url(../images/tab-icon7-on.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.refund:hover a::before,
.my-page-wrap .tab-btns li.refund a.active::before { background: url(../images/tab-icon8-on.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.dashboard:hover a::before,
.my-page-wrap .tab-btns li.dashboard a.active::before { background: url(../images/tab-icon9-on.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.channel:hover a::before,
.my-page-wrap .tab-btns li.channel a.active::before { background: url(../images/tab-icon10-on.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.items:hover a::before,
.my-page-wrap .tab-btns li.items a.active::before { background: url(../images/tab-icon11-on.png) no-repeat center; background-size: cover; }
.my-page-wrap .tab-btns li.calendar:hover a::before,
.my-page-wrap .tab-btns li.calendar a.active::before { background: url(../images/tab-icon12-on.png) no-repeat center; background-size: cover; }

.my-page-wrap .mypage-bn { margin-bottom: 8rem; border-radius: 2rem; width: 100%; padding: 3.6rem; background: url(../images/mypage-bn.png) no-repeat center; background-size: cover; position: relative; }
.my-page-wrap .update-myInfo { padding: 1.3rem 1.6rem; border-radius: .8rem; border: .1rem solid rgba(255, 255, 255, .24); gap: .4rem; font-size: 1.2rem; letter-spacing: -0.24px; position: absolute; top: 2.4rem; right: 2.4rem; display: flex; align-items: center; color: #fff; font-weight: 500; background: rgba(255, 255, 255, .1); backdrop-filter: blur(1.4rem); }
.my-page-wrap .update-myInfo::before { content: ''; width: 1.4rem; height: 1.4rem; background: url(../images/my-info-setting.png) no-repeat center; background-size: cover; margin-right: 0.4rem; }
.my-page-wrap .mypage-bn .tit { text-align: center; font-size: 3.2rem; font-weight: bold; letter-spacing: -0.64px; color: #fff; margin: 9.2rem auto 8rem; }
.my-page-wrap .my-history { padding: 2rem 1rem; border-radius: 1.2rem; width: 100%; background: rgba(0, 0, 0, .2); backdrop-filter: blur(2rem); display: flex; align-items: center; justify-content: center;  }
.my-page-wrap .my-history li { font-size: 1.5rem; letter-spacing: -0.3px; color: #fff; display: flex; align-items: center; }
.my-page-wrap .my-history li:not(:last-child)::after { content: ''; width: 0.1rem; height: 1.6rem; background: rgba(255, 255, 255, .2); margin: 0 2rem; }
.my-page-wrap .my-history li a { color: #fff; text-decoration: underline; text-underline-offset: .3rem; margin-left: 2.4rem; }

.my-page-wrap .list-section .list-area { border-top: 0; padding-top: 0; }
.my-page-wrap .list-section .list-area .list-info { display: flex; align-items: center; justify-content: flex-end; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; margin-bottom: 1.6rem; position: relative; z-index: 3; }
.my-page-wrap .list-section .list-area .list-info .c { font-weight: bold; }
.date-select-wrap { display: flex; align-items: center; gap: .4rem; }
.date-select-wrap::after,
.my-page-wrap .list-top .list-search-wrap::after { content: ''; width: 0.1rem; height: 4.8rem; background: #ebebeb; margin: 0 2rem; } 
.list-section .list-area .util-btns > div:last-child::after { display: none; }
.date-select-wrap .bar { display: block; width: 0.8rem; height: 0.1rem; background: #666; }
.date-select-wrap .date-input-wrap { width: 13.4rem; border: .1rem solid #dbdbdb; border-radius: .8rem; display: flex; align-items: center; background: url(../images/calendar.png) no-repeat center right .8rem; background-size: 1.6rem; }
.date-select-wrap .date-input-wrap input { background: transparent; }
.my-page-wrap .list-section .list-area .list-util select:not(.select-m) { width: 12rem; border-color: #000; margin: 0 .4rem 0 0; }
.my-page-wrap .list-section .list-area .list-util .select-m { width: 14.8rem; }
.my-page-wrap .list-section .list-area .list-util select.s { width: 13rem; }
.my-page-wrap .list-top .list-search-wrap { gap: 0; }
.my-page-wrap .list-top .list-search-wrap select.cate_select#searchCnd { width: 12rem; height: 4.8rem; box-sizing: border-box; padding: 0 3.6rem 0 1.2rem; border: .1rem solid #dbdbdb; border-radius: .8rem; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1.2rem center; background-size: 1.6rem 1.6rem; color: #000; -webkit-text-fill-color: #000; font-size: 1.5rem; font-weight: 500; line-height: 4.8rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.action-btns { display: flex; align-items: center; gap: .4rem; }
.action-btns button { font-size: 1.5rem; letter-spacing: -0.3px; border-radius: .8rem; padding: 1.5rem 1.2rem; display: flex; align-items: center; justify-content: center; font-weight: 500; }
.action-btns button::before { content: ''; width: 1.8rem; height: 1.8rem; margin-right: 0.4rem; }
.action-btns .all-download { border: .1rem solid var(--color-main); background: #fff; color: var(--color-main); }
.action-btns .select-download { border: .1rem solid #dbdbdb; background: #f5f5f5; color: #000; }
.action-btns .all-select { border: .1rem solid #dbdbdb; color: #666; }
.action-btns .select-buying { border: .1rem solid var(--color-main); color: var(--color-main); }
.action-btns .select-delete { background: #919191; color: #fff; }
.action-btns .all-download::before { background: url(../images/item-download-on.png) no-repeat center; background-size: cover; } 
.action-btns .select-download::before { background: url(../images/download-black.png) no-repeat center; background-size: cover; } 
.action-btns .all-select::before { background: url(../images/check.png) no-repeat center; background-size: cover; }
.action-btns .select-buying::before { background: url(../images/buying.png) no-repeat center; background-size: cover; }
.action-btns .select-delete::before { background: url(../images/delete.png) no-repeat center; background-size: cover; }
.action-btns .add-source { font-weight: bold; color: var(--color-main); width: 12.4rem; border-radius: 2.4rem; border: .1rem solid var(--color-main); box-shadow: 0 0 1.2rem 0 rgba(241,97,18,.36); }
.action-btns .add-source::before { background: url(../images/mic-on.png) no-repeat center; background-size: cover; }
.action-btns .add-source:hover { background: var(--color-main); color: #fff; }
.action-btns .add-source:hover::before { background: url(../images/mic.png) no-repeat center; background-size: cover; }
.my-page-wrap .list-section .custom-ck-label { position: absolute; top: 2rem; left: 2rem;  }
.my-page-wrap .list-section .custom-ck-label input { display: none; }
.my-page-wrap .list-section .custom-ck-label .custom-ck { border-radius: 50%; position: relative; top: 0; right: inherit; left: 0; }
.my-page-wrap .list-section .custom-ck-label input + .custom-ck { width: 3.2rem; height: 3.2rem; background: #e8e8e8 url(../images/check-white.png) no-repeat center; background-size: 1.8rem; border-color: #e8e8e8; }
.my-page-wrap .list-section .custom-ck-label input:checked + .custom-ck { background: var(--color-main) url(../images/check-white.png) no-repeat center; background-size: 1.8rem; border-color: var(--color-main); }
.my-page-wrap .list-wrap.ck-list > li > a { padding: 8rem 2rem 2rem; }

.my-page-wrap .search-rating { padding: 3.2rem 1rem; border-radius: 1.6rem; margin-bottom: 3.6rem; background: #f5f5f5; display: flex; align-items: center; justify-content: center; }
.my-page-wrap .search-rating .tit { display: flex; align-items: center; font-size: 1.6rem; font-weight: bold; letter-spacing: -0.32px; }
.my-page-wrap .search-rating .tit::before { content: ''; width: 2rem; height: 2rem; background: url(../images/star-sm.png) no-repeat center; background-size: cover; margin-right: 0.4rem;}
.my-page-wrap .search-rating .tit::after { content: ''; width: 0.1rem; height: 2rem; background: #dbdbdb; margin: 0 2rem; }
.my-page-wrap .search-rating .rating-list { gap: 2.4rem; display: flex; align-items: center; }
.my-page-wrap .search-rating .rating-list .custom-input-label .custom-radio { background: #fff; }
.my-page-wrap .search-rating .rating-list .custom-input-label .input-tit { color: #000; font-weight: 500 !important; }
.my-page-wrap .card-list .img { position: relative;}
.my-page-wrap .card-list .rating-info { display: flex; flex-flow: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }
.my-page-wrap .card-list .rating-info .tit { font-size: 1.4rem; margin-bottom: 1.2rem; letter-spacing: -0.28px; font-weight: 500; color: #fff; }
.my-page-wrap .card-list .rating-info .rating-area { font-size: 1.2rem; letter-spacing: -0.24px; color: #fff; font-weight: 500; display: flex; align-items: center; }
.my-page-wrap .card-list .rating-info .rating-container { margin-right: 0.4rem; display: flex; align-items: center; }
.my-page-wrap .card-list .rating-info .rating-container img { width: 1.8rem; height: 1.8rem; display: block; }
.my-page-wrap .card-list .refund-btn { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; top: 2rem; right: 2rem; padding: .8rem 1.6rem; border-radius: .8rem; border: .1rem solid #f5d6c6; background: #fbf1ec; position: absolute; color: var(--color-main); }
.my-page-wrap .card-list .refund-btn.not-refund { color: #666; border-color: #ebebeb; background: #f5f5f5; }
.my-page-wrap .card-list .refund-btn.success:disabled { color: #fff; background: #919191; border-color: #919191; }

.list-container .util-btns { display: flex; align-items: center; }
.list-container .util-btns .list-search-wrap { gap: .4rem; }
.list-container .util-btns .list-search-wrap::after { display: none; }
.list-container .util-btns .action-btns { display: flex; }
.list-container .util-btns .action-btns::before { content: ''; width: 0.1rem; height: 4.8rem; background: #ebebeb; margin: 0 2rem; }
.list-container .util-btns .action-btns .go-write { font-size: 1.7rem; letter-spacing: -0.34px; padding: 1.4rem 0; width: 10rem; border-radius: .8rem; background: var(--color-main); font-weight: bold; color: #ffff; text-align: center; }

.my-page-wrap .password-ck { margin: 8rem auto 24rem; width: 68rem; padding: 8rem 10rem; border-radius: 2rem; background: #313131;}
.my-page-wrap .password-ck .tit { font-size: 2.8rem; letter-spacing: -0.56px; margin-bottom: 6rem; font-weight: bold; color: #fff; text-align: center; }
.my-page-wrap .password-ck input,
.my-page-wrap .password-ck button { padding: 1.8rem 1.6rem; border-radius: 1.2rem; font-size: 1.5rem; letter-spacing: -0.3px; width: 100%; }
.my-page-wrap .password-ck button { display: block; margin-top: 2.4rem; background: var(--color-main); color: #fff; }

.my-page-wrap .info-update-btns { margin: 8rem auto 12rem; gap: .8rem; justify-content: center; display: flex; align-items: center; }
.my-page-wrap .info-update-btns a { padding: 2rem 0; width: 16rem; border-radius: 1.2rem; font-size: 1.7rem; letter-spacing: -0.34px; font-weight: 500; background: #f5f5f5; display: block; text-align: center; }
.my-page-wrap .info-update-btns .active { background: #000; color: #fff; font-weight: bold; }
.my-page-wrap .update-form { width: 108rem; margin: 0 auto 24rem; }
.my-page-wrap .update-form .file-wrap { width: 100%; }
.question-wrap { margin-bottom: 4rem; gap: .8rem; align-items: center; display: flex; }
.question-wrap a {  padding: 1.8rem 2rem; font-size: 1.5rem; letter-spacing: -0.3px; border-radius: 2.7rem; border: .2rem solid var(--color-main);  display: inline-block; color: var(--color-main); font-weight: bold; }
.question-wrap a:hover { background: var(--color-main); color: #fff; }
.question-wrap .question-mark { width: 1.8rem; height: 1.8rem; background: url(../images/question-mark.png) no-repeat center; background-size: cover; display: block; } 
.question-area { position: relative; }
.notice-wrap { display: none; padding: 2rem 2.4rem; border-radius: .8rem; position: absolute; left: 50%; top: calc(100% + 2.4rem); transform: translateX(-50%); width: 52rem; box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, .12); background: #fff; z-index: 2; }
.notice-wrap::before { content: ''; position: absolute; top: -1.6rem; left: 50%; transform: translateX(-50%); border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-bottom: 1.6rem solid #fff; filter: drop-shadow(0 -0.5rem 0.5rem rgba(0, 0, 0, 0.05)); }
.notice-wrap .tit { font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: 1.6rem; font-weight: bold; }
.notice-wrap .notice-txt li { font-size: 1.4rem; letter-spacing: -0.4px; font-weight: 500; line-height: 2.4rem; color: #919191; display: flex; align-items: center; }
.notice-wrap .notice-txt li::before { content: '-'; margin-right: 0.4rem; }
.question-area.on .notice-wrap { display: block; }
.my-page-wrap .update-form .btn-wrap .btn-line { border: .1rem solid #000; color: #000; }

.my-page-wrap .update-form .input-item { border-radius: 1.2rem; border: .1rem solid #dbdbdb; padding: 0 1.6rem; display: flex; align-items: center; align-items: center; width: 100%; }
.my-page-wrap .update-form .input-item + .input-item { margin-top: 0.8rem; }
.my-page-wrap .update-form .input-item input { border: 0 !important; width: 100%; }
.my-page-wrap .update-form .input-item .tit { font-size: 1.5rem; letter-spacing: -0.3px; color: #919191; margin-right: 1.6rem; width: auto; white-space: nowrap; margin-bottom: 0; font-weight: 500; }
.my-page-wrap .update-form .business-number-wrap { margin-top: 2rem; width: 100%; }
.my-page-wrap .update-form .business-number-wrap .tit { font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; }
.my-page-wrap .update-form .business-number-wrap .tit .c { color: #919191; }
.my-page-wrap .update-form .flex { align-items: center; gap: .7rem; }
.my-page-wrap .update-form .bar { width: 0.8rem; height: 0.1rem; background: #919191; display: block; }
.my-page-wrap .update-form .flex input:disabled { background: #fff; }
.my-page-wrap .update-form .profile-mail-wrap { width: auto; max-width: 69.6rem; gap: 1rem; flex-flow: row nowrap !important; align-items: center; }
.my-page-wrap .update-form .profile-mail-wrap input.m { flex: 0 0 33.6rem; width: 33.6rem !important; }
.my-page-wrap .update-form .profile-mail-wrap .mail-at { flex: 0 0 auto; font-size: 1.5rem; font-weight: 600; color: #000; line-height: 1; }
.my-page-wrap .update-form .mail-control-wrap { display: flex; align-items: center; gap: .8rem; margin-top: .8rem; width: 100%; }
.my-page-wrap .update-form .add-input { margin-top: 1.2rem; border-radius: .8rem; font-size: 1.3rem; letter-spacing: -0.26px; padding: 1.2rem 1rem; width: 7rem; border: .1rem solid #ebebeb; display: flex; align-items: center; justify-content: center; font-weight: 500; color: #919191; background: #f5f5f5; }
.my-page-wrap .update-form .add-input::after { content: ''; width: 1.2rem; height: 1.2rem; background: url(../images/add-input.png) no-repeat center; background-size: cover; margin-left: 0.4rem; }
.my-page-wrap .update-form .inputs-area { width: 100%; }
.my-page-wrap .update-form .inputs-area input + input { margin-top: 0.8rem; }
.my-page-wrap .update-form .report-num { margin: 1.6rem 0; }
.my-page-wrap .update-form .reference-box { border-radius: 1.2rem; padding: 2rem; background: #f5f5f5; width: 100%; }
.my-page-wrap .update-form .reference-box .tit { font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: 1.2rem; font-weight: bold; }
.my-page-wrap .update-form .reference-box .txt { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; color: #666; font-weight: 500; }
.my-page-wrap .update-form .reference-box .txt + .txt { margin: 1.6rem 0 .4rem; }
.my-page-wrap .update-form .reference-box .num-list li { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; font-weight: 500; color: #919191; }

.my-page-wrap .list-info .question-wrap { margin-bottom: 0; position: relative; z-index: 2; }
.my-page-wrap .list-info .notice-wrap { width: 35rem; padding: 2rem 2.4rem; background: #fff; z-index: 2; }
.my-page-wrap .list-info .notice-wrap .num-list li { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; }
.my-page-wrap .list-info .notice-wrap .txt { margin: 1.2rem 0; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: 500; color: #666; }
.my-page-wrap .list-info .notice-wrap .note { font-size: 1.4rem; gap: .4rem; letter-spacing: -0.28px; line-height: 2.4rem; word-break: keep-all; font-weight: 500; color: var(--color-main); display: flex; }
.my-page-wrap .list-info .notice-wrap .note::before { content: '※'; }

.num-list li { display: flex; align-items: center; gap: .4rem; }
.num-list li:nth-child(1)::before { content: '①'; }
.num-list li:nth-child(2)::before { content: '②'; }

.withdraw-box { width: 140rem; margin: 8rem auto 12rem; border-radius: 2rem; padding: 6rem 3.6rem; background: #f5f5f5; }
.withdraw-box .tit { width: 12.8rem; padding: 1.2rem 1rem; border-radius: 2.8rem; font-size: 2.4rem; letter-spacing: -0.48px; margin: 0 auto 3.2rem; font-weight: bold; text-align: center; background: var(--color-main); color: #fff; }
.withdraw-box .withdraw-list { display: flex; gap: 1.6rem; margin-bottom: 3.2rem; justify-content: center; }
.withdraw-box .withdraw-list > li { border-radius: 1.6rem; padding: 4.8rem 1rem; border: .1rem solid #ebebeb; background: #fff; width: 100%; text-align: center; }
.withdraw-box .withdraw-list .item-tit { font-size: 1.8rem; letter-spacing: -0.36px; line-height: 3rem; font-weight: bold; margin-bottom: 2.4rem; }
.withdraw-box .withdraw-list .list-wrap { display: inline-flex; flex-flow: column; align-items: flex-start; width: auto; }
.withdraw-box .withdraw-list .list-wrap li { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.6rem; display: flex; font-weight: 500; align-items: center; color: #666; }
.withdraw-box .withdraw-list .list-wrap li::before { content: '*'; margin-right: 0.4rem;  }
.withdraw-box .c-txt { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.6rem; color: var(--color-main); font-weight: 500; text-align: center; }
.withdraw-box .busineess-withdraw li { display: flex; align-items: center; gap: .4rem; font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.6rem; font-weight: 500; color: #666; }
.withdraw-box .busineess-withdraw li + li { margin-top: 0.8rem; }
.withdraw-box .busineess-withdraw li::before { content: '·'; }
.withdraw-form { margin-bottom: 24rem; }
.withdraw-form .form-section + .form-section { margin-top: 8rem; }
.withdraw-form .form-section .tit { font-size: 2rem; letter-spacing: -0.48px; margin-bottom: 2rem; font-weight: bold; display: block; }
.withdraw-form .form-section .reason-wrap { display: flex; flex-flow: row wrap; gap: 2.4rem; }
.my-page-wrap .custom-radio { margin-right: 0; }
.my-page-wrap .input-tit { white-space: nowrap; color: #000; font-size: 1.5rem; letter-spacing: -0.3px; }
.my-page-wrap input:checked ~ .input-tit { color: #000; font-weight: 500; }
.withdraw-form .form-section .input-flex { width: 100%; display: flex; align-items: center; gap: 1.2rem; }
.withdraw-form .form-section .input-flex textarea { overflow: hidden; height: 5rem; font-size: 1.5rem; border: .1rem solid #dbdbdb; border-radius: 1.2rem; padding: 1.1rem 1.2rem; width: 100%; }
.withdraw-form .form-section textarea { height: 24rem; font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; border-radius: 1.2rem; border: .1rem solid #dbdbdb; padding: 2rem; width: 100%; }
.withdraw-form .btn-wrap { margin-top: 4.8rem; display: flex; align-items: center; gap: .8rem; justify-content: center; }
.withdraw-form .btn-wrap button { width: 12rem; border-radius: 1.2rem; padding: 1.8rem 1rem; font-size: 1.7rem; letter-spacing: -0.34px; color: #fff; font-weight: bold; text-align: center; }
.withdraw-form .btn-wrap .btn-cancel { background: #919191; }
.withdraw-form .btn-wrap .btn-confirm { background: var(--color-main); }

.my-page-wrap .seller-card { margin-bottom: 12rem; }
.my-page-wrap .total-count-wrap { display: flex; gap: 2.8rem; margin-bottom: 12rem; }
.my-page-wrap .total-count-wrap li { width: 100%; border-radius: 1.6rem; box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, .08); padding: 3.6rem 3.6rem 4.8rem; }
.my-page-wrap .total-count-wrap .tit { margin-bottom: 2.8rem; width: 8.8rem; padding: 1rem 0; font-size: 1.5rem; letter-spacing: -0.3px; border-radius: 1.8rem; border: .1rem solid var(--color-main); text-align: center; font-weight: 500; color: var(--color-main); }
.my-page-wrap .total-count-wrap .counting { font-size: 2.8rem; letter-spacing: -0.56px; font-weight: bold; } 
.my-page-wrap .total-count-wrap .counting span { margin-right: 0.4rem; }
.my-page-wrap .total-count-wrap li:nth-child(1) { background: url(../images/count-wrap-img1.png) no-repeat center right 2.8rem; background-size: 7.4rem; }
.my-page-wrap .total-count-wrap li:nth-child(2) { background: url(../images/count-wrap-img2.png) no-repeat center right 2.8rem; background-size: 7.4rem; }
.my-page-wrap .total-count-wrap li:nth-child(3) { background: url(../images/count-wrap-img3.png) no-repeat center right 2.8rem; background-size: 7.4rem; }
.my-page-wrap .section-item + .section-item { margin-top: 12rem; }
.my-page-wrap .section-item.mb { margin-bottom: 24rem; }
.my-page-wrap .section-item .tit { font-size: 2.4rem; letter-spacing: -0.48px; margin-bottom: 2.8rem; font-weight: bold; }
.my-page-wrap .section-item .tit .c { color: var(--color-main); }
#chart-wrap { border-radius: 1.6rem; height: 45rem; background: #313131; }
.download-list { display: flex; gap: 1.5rem; }
.download-list > li { border-radius: 1.6rem; border: .1rem solid #ebebeb; padding: 2.4rem 2rem; width: 100%; }
.download-list .rank { font-size: 1.8rem; font-weight: bold; width: 4rem; height: 4rem; background: #ccc; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.download-list .rank1 { background: url(../images/rank1.png) no-repeat center; background-size: cover; }
.download-list .rank2 { background: url(../images/rank2.png) no-repeat center; background-size: cover; }
.download-list .rank3 { background: url(../images/rank3.png) no-repeat center; background-size: cover; }
.download-list .item-category { margin: 2rem 0 1.6rem; }
.my-page-wrap .section-item { position: relative; }
.my-page-wrap .section-item .download-list > li > .tit { margin-bottom: 2.8rem; height: 5.6rem; font-size: 1.7rem; letter-spacing: -0.34px; line-height: 2.8rem; line-clamp: 2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; }
.my-page-wrap .section-item .download-info li { display: flex; align-items: center; }
.my-page-wrap .section-item .download-info li + li { margin-top: 0.8rem; }
.my-page-wrap .section-item .download-info .tit { padding: .8rem; width: 7.2rem; border-radius: .8rem; border: .1rem solid #ebebeb; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #919191; background: #f5f5f5; text-align: center; margin: 0 .8rem 0 0; }
.my-page-wrap .section-item .download-info .txt { font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; color: #666; }
.my-page-wrap .section-item .download-info .txt.c { font-weight: bold; color: var(--color-main); }
.opinion-list .opinions li + li { margin-top: 0.8rem; }
.opinion-list .opinions li { border-radius: 1.6rem; border: .1rem solid #ebebeb; padding: 3.2rem 2.8rem 3.2rem 2.4rem; width: 100%; display: flex; align-items: center; background: #f8f8f8; }
.opinion-list .opinions .recommend-label { width: 8.6rem; border-radius: 1.6rem; margin-right: 2.8rem; padding: .8rem; font-size: 1.3rem; letter-spacing: -0.26px; color: #fff; text-align: center; background: var(--color-main); font-weight: 500; }
.opinion-list .opinions .tit { font-size: 1.7rem; letter-spacing: -0.34px; margin-bottom: 1.6rem; color: var(--color-main); font-weight: bold; }
.opinion-list .opinions .sub-txt { font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; color: #666; }
.opinion-list .opinions .date { color: #919191; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: 500; margin-left: auto; }
.opinion-swiper-container .review-controls { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 1.3rem; }
.opinion-swiper-container .review-controls button { width: 2.4rem; min-width: 2.4rem; height: 2.4rem; border-radius: 50%; border: .1rem solid #dbdbdb; text-indent: -99999px; }
.opinion-swiper-container .review-controls .btn-prev { background: url(../images/btn-control.png) no-repeat center; background-size: 1.4rem; }
.opinion-swiper-container .review-controls .btn-next { background: url(../images/btn-control.png) no-repeat center; background-size: 1.4rem; transform: rotate(180deg); }
.opinion-swiper-container .swiper-pagination { position: static; font-size: 1.4rem; font-weight: 500; color: #919191; }
.opinion-swiper-container .review-controls .swiper-pagination-current { color: #000; font-weight: bold; }

.sellerChannel-form { margin-bottom: 24rem; }
.sellerChannel-form .input-form-box .input-label + .input-label { margin-top: 8rem; }
.sellerChannel-form .counting-input { width: 100%; }
.sellerChannel-form .count-wrap { font-size: 1.3rem; letter-spacing: -0.26px; font-weight: 500; text-align: right; width: 100%; color: #919191; position: absolute; top: 0; }
.sellerChannel-form .count-wrap .cur { color: #000; }
.sellerChannel-form .input-form-box .input-label .tit { font-size: 2rem; margin-bottom: 2rem; letter-spacing: -0.4px; }
.sellerChannel-form textarea { font-size: 1.5rem; height: 30rem; letter-spacing: -0.3px; line-height: 2.4rem; border-radius: 1.2rem; border: .1rem solid #dbdbdb; padding: 1.6rem; width: 100%; }
.sellerChannel-form textarea.sm { height: 7.8rem; }
.sellerChannel-form .input-form-box .m { width: 65.2rem !important; }
.sellerChannel-form .flex { gap: 1.2rem; }
.sellerChannel-form .file-wrap { width: 63rem; }

.my-page-wrap .form-tit { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 8rem; font-weight: bold; }

.update-item-form { margin-bottom: 24rem; position: relative; }
.update-item-form-box { border-bottom: 0; padding-bottom: 0; }
.update-item-form .tit-wrap .c { margin-right: 0.4rem; color: var(--color-main); }
.update-item-form .tit-wrap .item-type { border-radius: .8rem; border: .1rem solid #dbdbdb; padding: 1.2rem .8rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; width: 8.4rem; background: #f5f5f5 url(../images/disabled-arrow.png) no-repeat center right .8rem; background-size: 1.6rem; }
.update-item-form .form-cont + .form-cont { margin-top: 12rem; }
.update-item-form .input-wrap { gap: 4rem 4.6rem; display: flex; align-items: center; flex-flow: row wrap; }
.update-item-form .input-wrap .tit { font-size: 1.7rem; letter-spacing: -0.34px; margin-bottom: 2rem; font-weight: bold; display: block; }
.update-item-form .input-wrap input, .update-item-form .input-wrap select { font-size: 1.5rem; letter-spacing: -0.3px; }
.update-item-form .input-wrap input:not(.date-input input), .update-item-form .input-wrap select { width: 100%; padding: 1.8rem 1.6rem; border-radius: 1.2rem; border: .1rem solid #dbdbdb; }
.update-item-form .input-form-box .s select { border-color: #000; }
.update-item-form .input-wrap .date-input { display: flex; align-items: center; padding: 1.8rem 1.6rem; border-radius: 1.2rem; border: .1rem solid #dbdbdb; justify-content: space-between; background: url(../images/calendar-color.png) no-repeat center right 2rem; background-size: 2.4rem; position: relative; }
.update-item-form .form-cont:nth-child(1) .input-wrap { display: grid; grid-template-columns: repeat(3, 1fr); }
.update-item-form .form-cont:nth-child(2) .input-wrap { display: grid; grid-template-columns: repeat(1, 1fr);  }
.update-item-form .input-form-box select:disabled { background: #f5f5f5 url(../images/disabled-arrow.png) no-repeat right .8rem center; background-size: 2rem; }
.update-item-form .input-form-box .label-col { width: 43.6rem; }
.update-item-form .input-form-box .line { align-items: center; gap: 4rem; }
.update-item-form .input-form-box .s { width: 14.4rem !important; min-width: 14.4rem; }
.update-item-form .input-form-box .l { width: 100%; }
.update-item-form .input-form-box .xl { width: 64rem; min-width: 64rem; }
.update-item-form .input-form-box .line .flex { gap: .4rem; }
.update-item-form .input-form-box .line2 .label-col { width: 100%; }
.update-item-form .input-form-box .question-wrap { position: relative; margin-bottom: 0; }
.update-item-form .input-form-box .question-wrap select { padding-left: 3.6rem; border-color: #000; }
.update-item-form .input-form-box .question-area { position: absolute; left: 1.6rem; }
.update-item-form .input-form-box .question-wrap .notice-wrap { width: auto; }
.update-item-form .input-form-box .add-metaData-wrap { width: 100%; }
.update-item-form .input-form-box .add-metaData { width: 43.6rem; display: flex; align-items: baseline; flex-flow: row wrap; }
.update-item-form .input-form-box .add-metaData select { border-color: #000; }
.update-item-form .input-form-box .add-meta { margin-left: 0.8rem; min-width: 5.4rem; width: 5.4rem; height: 5.4rem; border-radius: 1.2rem; background: #666 url(../images/plus-white.png) no-repeat center; background-size: 2.4rem; }
.update-item-form .form-cont:nth-child(3) .xl { width: 91.8rem; }
.update-item-form .form-cont:nth-child(4) .tit-wrap { margin-bottom: 0; }
.update-item-form .add-item-table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.update-item-form .add-item-table tr { border-bottom: .1rem solid #ebebeb; }
.update-item-form .add-item-table th { font-size: 1.7rem; letter-spacing: -0.34px; font-weight: bold; border-right: .1rem solid #ebebeb; }
.update-item-form .add-item-table .bg { background: #f5f5f5; }
.update-item-form .add-item-table td { font-size: 1.4rem; letter-spacing: -0.28px; font-weight: 500; padding: 1.6rem 0; }
.update-item-form .add-item-table .input-flex-wrap { gap: 1.6rem; padding: 0 2rem 0 .8rem; align-items: center; }
.update-item-form .add-item-table select { border-radius: .8rem; padding: 1.6rem 1.2rem; font-size: 1.4rem; letter-spacing: -0.28px; border: .1rem solid #dbdbdb; font-weight: 500; }
.update-item-form .add-item-table .input-flex-wrap  > * { height: 4.8rem; }
.update-item-form .add-item-table .s { width: 12.6rem !important; min-width: 12.6rem; }
.update-item-form .add-item-table .m { width: 17.4rem !important; min-width: 17.4rem; }
.update-item-form .add-item-table .l { width: 20rem !important; min-width: 20rem; }
.update-item-form .add-item-table .file-size { border-radius: .8rem; border: .1rem solid #dbdbdb; text-align: center; display: flex; align-items: center; justify-content: center; background: #f5f5f5; color: #555; }
.update-item-form .add-item-table .file-wrap { width: 100%; border-radius: .8rem; border: .1rem solid #dbdbdb; padding: .4rem; }
.update-item-form .add-item-table .file-wrap .file-tit { font-size: 1.3rem; border-radius: .8rem; letter-spacing: -0.26px; padding: 1rem 0; width: 6rem; min-width: 6rem; white-space: nowrap; background: #313131; color: #fff; font-weight: 500; }
.update-item-form .add-item-table .file-wrap .file-area { border: 0; padding-left: 0; }
.update-item-form .add-item-table button { width: 6rem; height: 3.8rem !important; padding: 1rem; border-radius: .8rem; background: var(--color-main); color: #fff; font-size: 1.4rem; letter-spacing: -0.28px; display: flex; align-items: center; gap: .2rem; white-space: nowrap; }
.update-item-form .add-item-table .add-item::before { content: ''; width: 1.2rem; height: 1.2rem; background: url(../images/add-item.png) no-repeat center; background-size: cover; }
.update-item-form .add-item-table .remove-item { background: #919191; }
.update-item-form .add-item-table .remove-item::before { content: ''; width: 1.2rem; height: 1.2rem; background: url(../images/minus-white.png) no-repeat center; background-size: cover; }
.update-item-form .add-item-table td.bg { padding-left: 1.2rem; }
.update-item-form .go-list { position: absolute; right: 0; bottom: 0; border: .1rem solid #dbdbdb; background: #f5f5f5; text-align: center; border-radius: 1.2rem; padding: 1.7rem; width: 10rem; font-size: 1.7rem; letter-spacing: -0.34px; font-weight: bold; color: #666; }

.calendar-section .section-tit { font-size: 2.4rem; letter-spacing: -0.48px; font-weight: bold; margin-bottom: 2.8rem; }
.calendar-section .billing-state { display: flex; gap: 2.4rem; margin-bottom: 4.8rem; width: 100%; }
.calendar-section .billing-state li { border-radius: 1.6rem; padding: 4.2rem 4rem; width: 100%; }
.calendar-section .billing-state li:nth-child(1) { background: #e5edf8 url(../images/billing-state01.png) no-repeat center right 2.8rem; background-size: 5.8rem; }
.calendar-section .billing-state li:nth-child(2) { background: #f8eae7 url(../images/billing-state02.png) no-repeat center right 2.8rem; background-size: 5.8rem; }
.calendar-section .billing-state li:nth-child(3) { background: #e5f8ef url(../images/billing-state03.png) no-repeat center right 2.8rem; background-size: 5.8rem; }
.calendar-section .billing-state li:nth-child(4) { background: #fbf2d1 url(../images/billing-state04.png) no-repeat center right 2.8rem; background-size: 5.8rem; }
.calendar-section .billing-state .tit { width: 8rem; margin-bottom: 2.4rem; border-radius: 80rem; padding: 1rem .8rem; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: bold; background: #fff; text-align: center;  white-space: nowrap; }
.calendar-section .billing-state li:nth-child(1) .tit { color: #1b5db4; }
.calendar-section .billing-state li:nth-child(2) .tit { color: #d2340c; }
.calendar-section .billing-state li:nth-child(3) .tit { color: #0cab61; }
.calendar-section .billing-state li:nth-child(4) .tit { color: #e5960e; }
.calendar-section .billing-state .bill { font-size: 2.2rem; letter-spacing: -0.44px; font-weight: bold; }
.calendar-wrap { margin-bottom: 24rem; border-radius: 2rem; background: #f8f8f8; border: .1rem solid #ebebeb; position: relative; padding: 4.8rem 3.4rem 3.4rem; }
.fc-scrollgrid-section-header .fc-scroller { border-top: .2rem solid #000 !important; }
.fc .fc-button { font-size: 2.2rem; letter-spacing: -0.44px; font-weight: bold; gap: 1.2rem; display: flex; align-items: center; background: transparent; border: 0; color: #000; }
.fc .fc-button:hover, .fc .fc-button:focus, .fc .fc-button:active,
.fc .fc-button-primary,
.fc .fc-button-primary:hover, 
.fc .fc-button-primary:active, 
.fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled):active, 
.fc .fc-button-primary:not(:disabled).fc-button-active { background-color: transparent !important; border-color: transparent !important; color: #000 !important; box-shadow: none !important; }
.fc-prev-button::before, .fc-next-button::after { content: ''; width: 4.8rem; height: 4.8rem; border-radius: 50%; background: red; }
.fc-prev-button::before { background: #b2b2b2 url(../images/calendar-prev.png) no-repeat center; background-size: 2.4rem; }
.fc-next-button::after { background: #b2b2b2 url(../images/canlendar-next.png) no-repeat center; background-size: 2.4rem; }
.fc .fc-toolbar-title { font-size: 3.2rem; letter-spacing: -0.6px; font-weight: bold; }
.fc .fc-toolbar-title span { color: var(--color-main); }
.fc .fc-col-header-cell-cushion { font-size: 1.7rem; letter-spacing: -0.34px; font-weight: bold; padding: 2.4rem 0; }
.fc-day { background: #f8f8f8 !important; }
.fc-day-other .date-number { display: none !important; }
.fc .fc-button.fc-today-button { display: none; }
.fc-scrollgrid, .fc .fc-scrollgrid-section, .fc .fc-scrollgrid-section table, .fc .fc-scrollgrid-section > td, .fc-theme-standard td, .fc-theme-standard th { border: 0 !important; }
.fc-theme-standard tr { padding: 1.2rem 0; }
.fc .fc-daygrid-day.fc-day-today { background: #f8f8f8 !important; }
.fc-daygrid-day-frame { padding: 1.8rem 1.6rem; min-height: inherit !important; border-radius: 1.2rem; margin: .6rem; background: #fff; height: stretch; aspect-ratio: 1 / 1; border: .1rem solid #ebebeb; }
.fc .fc-daygrid-day-top { flex-flow: row; font-size: 2rem; letter-spacing: -0.4px; font-weight: bold; }
.fc-day-other .fc-daygrid-day-frame { background: #efefef !important; }
.active .fc-daygrid-day-frame { border: .1rem solid var(--color-main); box-shadow: 0 0 .6rem 0 rgba(241, 97, 18, .36); }
.fc-day-other .fc-daygrid-day-frame .fc-event-main { display: none; }
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin: 0; background: transparent; border: 0; }
.fc-h-event .fc-event-main { color: #666; position: static; }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events,
.fc-daygrid-event, .fc .fc-daygrid-event-harness { position: static; }
.fc-daygrid-day-frame .status-tag { top: 1.6rem; right: 1.6rem; position: absolute; }
.fc-daygrid-day-frame .amount { font-size: 1.7rem; letter-spacing: -0.34px; text-align: center; font-weight: 500; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.status-tag { padding: .6rem; width: 5rem; border-radius: 1.4rem; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; display: block; text-align: center; }
.status1 { background: #f8eae7; color: #d2340c; }
.status2 { background: #e5edf8; color: #1b5db4; }
.status3 { background: #e5f8ef; color: #0cab61; }
.status4 { background: #fbf2d1; color: #cf940f; }
.transaction-detail { margin-top: 4.8rem; border-radius: 1.2rem; padding: 3.6rem 2.8rem 2.8rem; background: #fff; border: .2rem solid var(--color-main); }
.transaction-detail .transaction-tit-wrap { margin-bottom: 2.8rem; display: flex; align-items: center; justify-content: space-between; }
.transaction-detail .tit { font-size: 2rem; letter-spacing: -0.4px; font-weight: bold; color: var(--color-main); }
.transaction-detail .transaction-utils { display: flex; align-items: center;  gap: .8rem; }
.transaction-detail select { width: 12rem; border: .1rem solid #dbdbdb; padding: 1.2rem; border-radius: .8rem; margin-right: 0.8rem; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: bold; }
.transaction-detail button { display: flex; align-items: center; padding: .8rem 1.2rem; border-radius: .8rem; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: 500; white-space: nowrap; color: #fff; background: #10912b; display: flex; }
.transaction-detail button::before { content: ''; margin-right: 0.8rem; width: 2.4rem; height: 2.4rem; background: url(../images/excel.png) no-repeat center; background-size: cover; }
.transaction-detail button::after { content: ''; margin-left: 0.4rem; width: 1.8rem; height: 1.8rem; background: url(../images/download-icon.png) no-repeat center; background-size: cover; }
.transaction-detail .no-data { font-size: 1.5rem; letter-spacing: -0.28px; color: #919191; text-align: center; font-weight: 500; margin: 2rem 0; }
.transaction-detail table { table-layout: fixed; width: 100%; border-collapse: collapse; }
.transaction-detail table .total { color: var(--color-main); }
.transaction-detail table col:nth-child(1) { width: 18%; }
.transaction-detail table col:nth-child(2) { width: 37%; }
.transaction-detail table col:nth-child(3) { width: 10%; }
.transaction-detail table col:nth-child(4) { width: 10%; }
.transaction-detail table col:nth-child(5) { width: 10%; }
.transaction-detail table col:nth-child(6) { width: 10%; }
.transaction-detail th { font-size: 1.4rem; padding-bottom: 1.4rem; letter-spacing: -0.28px; font-weight: 500; color: #919191; text-align: left; }
.transaction-detail tbody tr:not(:last-child) { border-bottom: .1rem solid #f1f1f1; }
.transaction-detail tbody tr.mobile-header-row { border-bottom: 0; display: none; }
.transaction-detail tbody tr.mobile-header-row:first-of-type { display: table-row; }
.transaction-detail td { padding: 2.4rem 0; font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; }
.transaction-detail td.fw-bold { font-size: 1.7rem; letter-spacing: -0.34px; font-weight: bold;}
.transaction-detail .transaction-item-tit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 .4rem; }

.new-popup { background: transparent !important; }
.new-popup .pop-img { position: relative; }
.new-popup .btns-wrap { width: calc(100% - 6.8rem); display: flex; gap: 4.4rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: 4.6rem; justify-content: center; }
.new-popup .btns-wrap a { position: relative; display: block; padding: 1.4rem; width: 16.4rem; border-radius: 1.2rem; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: 500; text-align: center; color: #fff; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: 500; }
.new-popup .btns-wrap a:nth-child(1) { background: var(--color-main); }
.new-popup .btns-wrap a:nth-child(2) { background: rgba(255, 255, 255, .24); border: .1rem solid rgba(255, 255, 255, .24); }
.new-popup .pop-util-btn { margin-top: 1.7rem; display: flex; justify-content: center; align-items: center; }
.new-popup .pop-util-btn button { font-size: 1.3rem; letter-spacing: -0.26px; color: #fff; font-weight: 500; display: flex; align-items: center; }
.new-popup .pop-util-btn button.not-today::after { content: ''; width: 0.1rem; height: 1.4rem; background: rgba(255, 255, 255, .32); display: block; margin: 0 1.6rem; } 
.new-popup .pop-util-btn .close::after { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/popup-close.png) no-repeat center; background-size: cover; margin-left: 0.2rem; }
.new-popup > .close { position: absolute; width: 2.4rem; height: 2.4rem; top: 1.2rem; right: 1.2rem; background: url(../images/popup-close.png) no-repeat center; background-size: cover; }


@media all and (max-width: 1550px) {
  .section .bg-vid { width: calc(100% + 6rem); position: relative; left: -3rem; }

  .search-input-container { background: #fff; border-radius: 80rem; display: flex; align-items: center; margin-bottom: 3.2rem; padding-right: 3.2rem; }
  .search-input-container input { width: 100%; padding: 2.8rem 3.2rem; font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; color: var(--color-main); border-radius: 80rem; }
  .search-input-container input::placeholder { color: var(--color-main); }
  .search-input-container button { width: 4rem; }
  .search-form .recommend-search { display: flex; align-items: center; justify-content: center; }
  .search-form .recommend-tit { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; display: flex; align-items: center; }
  .search-form .recommend-tit::after { content: ''; width: 0.1rem; height: 2.4rem; display: block; margin: 0 1.6rem; background: #dbdbdb; }
  .search-form .recommend-list { display: flex; gap: .8rem; }
  .search-form .recommend-list a { padding: 1rem 2rem; border-radius: 80rem; border: .1rem solid #ebebeb; background: #f8f8f8; font-size: 1.5rem; letter-spacing: -0.3px; color: #919191; display: flex; align-items: center; gap: .4rem; }
  .search-form .recommend-list a::before { content: '#'; }

  /* .section-tit-wra{ padding: 3.6rem 2.4rem; } */

  header .inner { padding: 3.2rem 0; }
  header .logo {  width: 16rem; height: auto; position: relative; z-index: 5; }
  .menu-container { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; height: 10rem; padding-top: 4rem; z-index: 1; }
  header.show .menu-container { z-index: 4; border-bottom: .1rem solid #ebebeb; }
  header nav { width: 85rem; z-index: 5; position: absolute; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; }
  header nav.on { width: 90rem; }
  header .dep1 > li > a { font-size: 1.6rem; font-weight: bold; letter-spacing: -0.36px; color: #fff; position: relative; display: block; width: 100%; }
  .dep1 > li > a::after { content: ''; position: absolute; height: 0.3rem; background: var(--color-main); bottom: -4rem; left: 50%; width: 8rem; transform: translateX(-50%) scaleX(0); transform-origin: center; transition: transform 0.4s ease; }
  .menu-slide-area { padding-top: 1.8rem; margin-top: 6rem; z-index: 2; position: absolute; width: 100%; background: #fff; left: 0; z-index: -1; }
  .menu-slide-area .inner { padding: 3.6rem 2.4rem; gap: 2.4rem; margin: 0; }
  .menu-slide-area .menu-vid { width: 28rem; height: 16rem; border-radius: 1.6rem; overflow: hidden; position: relative; }
  .menu-slide-area .menu-vid video { width: 100%; height: 100%; object-fit: cover; }
  .menu-slide-area p { color: #fff; position: absolute; }
  .menu-slide-area .top { top: 1.6rem; left: 1.2rem; font-size: 1.4rem; font-weight: bold; letter-spacing: -0.3px; line-height: 2rem; }
  .menu-slide-area .bottom { right: 1.2rem; bottom: 1.6rem; font-size: 2rem; font-weight: bold; letter-spacing: -0.48px; line-height: 2.6rem; }
  header .dep2 { display: none; width: 100%; height: 25rem; position: absolute; margin-top: 0; padding-top: 2rem; }
  header.sub .dep2 { height: 25rem; }
  header .dep2:first-child { border-left: .1rem solid #ebebeb; border-right: .1rem solid #ebebeb; }
  header .dep2:not(:first-child) { border-right: .1rem solid #ebebeb; }
  header .dep2 li { text-align: center; }
  header .dep2 li + li { margin-top: 1.8rem; }
  header .dep2 a { color: #919191; text-align: center; font-size: 1.4rem; font-weight: 500; }
  header .dep2 a:hover { color: #000; font-weight: bold; text-decoration: underline; text-underline-offset: .3rem; }

  header .util { display: flex; align-items: center; z-index: 5; }
  header .lang-area { position: relative; }
  header .lang-area button { font-size: 1.4rem; font-weight: 500; display: flex; align-items: center; color: #fff; }
  header .lang-area button::before { content: ''; width: 2rem; height: 2rem; background: url(../images/lang.png) no-repeat center; background-size: cover; margin-right: 0.8rem; }
  header .lang-area button::after { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/lang-arrow.png) no-repeat center; background-size: cover; }
  header .lang-area .lang-list { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 1.5rem); width: 17.6rem; width: 100%; }
  header .lang-area .lang-list li { background: #f5f5f5; text-align: center; font-size: 1.3rem; letter-spacing: -0.26px; font-weight: 500; }
  header .lang-area .lang-list li:not(:first-child) { border-top: .1rem solid #ebebeb; }
  header .lang-area .lang-list li:hover { background: #fff; }
  header .lang-area .lang-list li a { padding: .6rem 0; display: block; color: #9c9ea8;  }
  header .lang-area .lang-list li:hover a { color: var(--color-main); font-weight: bold; }
  header .lang-area .lang-list li:nth-child(1) { border-radius: 1.2rem 1.2rem 0 0; }
  header .lang-area .lang-list li:nth-child(4) { border-radius: 0 0 1.2rem 1.2rem; }

  header .search-area { margin: 0 2rem; width: 2rem; height: 2rem; background: url(../images/search.png) no-repeat center; background-size: cover; }
  header .search-slide-area { display: none; position: absolute; left: 0; width: 100%; background: #fff; top: 0; padding: 12rem 0; }
  header .search-slide-area .tit { text-align: center; font-size: 4rem; font-weight: bold; letter-spacing: -0.8px; margin-bottom: 4.8rem; }

  header .search-area .pop-close { width: 6.8rem; height: 6.8rem; top: 4.8rem; border-radius: 50%; background: #f5f5f5; position: absolute; z-index: 2; right: 15%; }
  header .search-area .pop-close img { width: 4.8rem; }
  header .search-slide-area .search-form { width: 72rem; }
  header .search-slide-area .search-input-container { border: .2rem solid var(--color-main); }

  header .login-btn { margin-right: 2rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; border-radius: 80rem; padding: 1rem 1.6rem; border: .1rem solid rgba(255, 255, 255, .4); background: rgba(255, 255, 255, .12); color: #fff; }

  header.show .lang-area button { color: #000; }
  header.show .lang-area button::before { content: ''; width: 2.4rem; height: 2.4rem; background: url(../images/lang-show.png) no-repeat center; background-size: cover; margin-right: 0.8rem; }
  header.show .lang-area button::after { content: ''; width: 2rem; height: 2rem; background: url(../images/lang-arrow-show.png) no-repeat center; background-size: cover; }
  header.show .login-btn { border: .1rem solid rgba(219, 219, 219, 1); background: rgba(245, 245, 245, 1); color: #000; }

  header .menu-btn { width: 3rem; height: 3rem; }

  .menu-slide-area, .lang-list, .search-slide-area { display: none; transition: all 0.3s ease; }
  header .dep2.show, .menu-slide-area.show, 
  .lang-list.show, .search-slide-area.show, .pop-bg.show { display: block !important; }

  main .section { position: relative; width: 100%; height: 100%; min-height: 100vh; }
  main .section .bg-vid { position: absolute; width: 100%; left: 0; height: 100%; text-align: center; }
  main .section .bg-vid video { width: 100%; height: 100%; object-fit: cover; }

  .section-tit-area .sm-tit { font-size: 1.8rem; font-weight: bold; letter-spacing: -0.4px; color: var(--color-main); margin-bottom: 2rem; }
  .section-tit-area .big-tit { color: #fff; font-size: 4rem; font-weight: bold; letter-spacing: -0.96px; }

  .section1 .bg-vid .txt { position: absolute; left: 50%; transform: translateX(-50%); color: #fff; font-size: 1.3rem; font-weight: 500; z-index: 2; bottom: 0; }
  .section1 .bg-vid .bar { width: 0.2rem; height: 10rem; background: rgba(255, 255, 255, .4); content: ''; display: block; margin: .8rem auto; position: relative; }
  .section1 .bg-vid .bar .bar-fill { position: absolute; top: 0; left: 0; width: 100%; height: 33%; background: rgba(255, 255, 255, .8); animation: fillProgress 3s infinite; }
  .section1 .search-container { width: 66rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .section1 .recommend-tit { color: #fff; }
  .section1 .recommend-tit::after { background: rgba(255, 255, 255, .48); }
  .section1 .recommend-list a { text-decoration: none; color: #fff; background: rgba(255, 255, 255, .12); border: .1rem solid rgba(255, 255, 255, .24); }
  .section1 .right-contents { display: flex; align-items: center; position: absolute; right: 4rem; top: 56%; transform: translateY(-50%); transition: right .4s ease-in-out; }
  .section1 .right-contents.hide { right: -36.5rem; }
  .section1 .right-contents .contents-btn { border-radius: 80rem; background: rgba(0, 0, 0, .36); width: 2.8rem; height: 10rem; }
  .section1 .right-contents .contents-btn img { width: 2rem; }
  .section1 .right-contents.hide .contents-btn img { transform: rotate(180deg); }
  .section1 .right-contents .contents-area { width: 36rem; margin-left: 2.4rem; }
  .section1 .right-contents .intro-vid { margin-bottom: 1.6rem; border-radius: 2rem; padding: 1.6rem 1.6rem 2rem; background: #fff; }
  .section1 .right-contents .intro-vid .video-wrap { border-radius: 1.6rem; height: 16rem; margin-bottom: 1.6rem; position: relative; overflow: hidden; }
  .section1 .right-contents .intro-vid .video-wrap .video-area { position: relative; }
  .section1 .right-contents .intro-vid .video-wrap .video-area::after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .48); position: absolute; left: 0; top: 0; }
  .section1 .right-contents .intro-vid .video-wrap video { width: 100%; height: 100%; }
  .section1 .right-contents .intro-vid .video-wrap img { width: 100%; }
  .section1 .video-control { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; }
  .section1 .video-control .btn-icon { margin-bottom: 0.8rem; width: 6rem; height: 6rem; border: .3rem solid var(--color-main); border-radius: 50%; background: url(../images/category-list-hover-play.png) no-repeat center; background-size: 70%; }
  .section1 .video-control p { font-size: 1.4rem; letter-spacing: -0.28px; color: #fff; }
  .section1 .video-control.hidden {display: none; }
  .section1 .intro-txt .tit { font-size: 1.6rem; font-weight: bold; letter-spacing: -0.4px; margin-bottom: 1.2rem; }
  .section1 .intro-txt .txt { font-size: 1.1rem; font-weight: 500; letter-spacing: -0.26px; color: #666; line-height: 2rem; margin-bottom: 2.4rem; }
  .section1 .go-video { display: flex; align-items: center; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: bold; color: var(--color-main); }
  .section1 .go-video::after { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/right-arrow-color.png); background-size: contain; margin-left: 0.4rem; }
  .section1 .ai-banner { display: block; padding: 3.2rem 2.4rem; border-radius: 2rem; background: url(../images/ai-banner.png) no-repeat center; background-size: cover; width: 100%; }
  .section1 .ai-banner .tit { width: 16rem; display: block; margin-bottom: 2rem; }
  .section1 .ai-banner .txt { font-size: 1.1rem; letter-spacing: -0.26px; font-weight: 500; color: #333; line-height: 2.2rem; color: #fff; margin-bottom: 2.8rem; }
  .section1 .ai-banner .btn { padding: 1.2rem 1.5rem; border-radius: .8rem; color: #fff;  display: block; margin-top: 2.8rem; background: var(--color-main); background: var(--color-main); width: 12rem; font-size: 1.2rem; letter-spacing: -0.26px; text-align: center; font-weight: bold; }
  .section1 .guide-btn { margin-top: 1.6rem; display: flex; align-items: center; width: 100%; border-radius: 1.6rem; padding: 1.4rem 2.4rem; background: #000; color: #fff; }
  .section1 .guide-btn::before { content: ''; width: 2.8rem; height: 3.6rem; background: url(../images/pdf.png) no-repeat center; background-size: cover; margin-right: 1.6rem; }
  .section1 .guide-btn::after { display: none; }
  .section1 .guide-btn .guide-preview { color: #fff; font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; line-height: 2rem; }
  .section1 .guide-btn .guide-download { width: 2.8rem; height: 2.8rem; }

  .section1 .main-text { position: absolute; left: 6rem; bottom: 6rem; color: #fff; }
  .section1 .main-text .sm { font-size: 2.8rem; font-weight: bold; letter-spacing: -0.2rem; }
  .section1 .main-text .big { font-size: 7.4rem; font-weight: bold; letter-spacing: -0.1em 0.48px; margin-top: 1.6rem; }

  .section-wrap { position: relative; overflow: hidden; width: 100%; height: 100vh; }
  main .section-wrap .section { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; }

  .section2 { width: 100%; height: 100%; z-index: 9; }
  .section2 .section-tit-area { width: 100%; text-align: center; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .section2 .section-tit-area .tit { font-size: 12rem; letter-spacing: -0.24px; line-height: 13rem; font-weight: bold; }
  .section2 .section-tit-area .sm { display: inline-flex; position: relative; }
  .section2 .section-tit-area .sm::after { animation: 3s arrow infinite ease; animation-name: float; top: -1rem;  position: relative; left: 5rem; content: ''; width: 8rem; height: 8rem; background: url(../images/headset.png) no-repeat center; background-size: cover; }
  .section2 .section-tit-area .txt { font-size: 2.8rem; font-weight: bold; letter-spacing: -0.56px; color: var(--color-main); margin-top: 3.6rem; }

  .section2 .animate-vid { aspect-ratio: 1 / 1; width: 36rem; height: 36rem; overflow: hidden; position: absolute; z-index: 2; filter: grayscale(100%); bottom: -18rem; left: 50%; transform: translateX(-50%); border-radius: 50%; }
  .section2 .animate-vid video { width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: cover; }
  .section2 .animate-vid .overlay { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 6); opacity: 0; transition: opacity 0.5s; pointer-events: none; z-index: 2; width: 100%; height: 100%; }

  .section3 .section-tit-area { opacity: 0; transform: translateY(50px); }
  .section3 .library-list li { opacity: 0; transform: translateY(50px); }

  .section3 { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 10; transform: translateY(100vh); }
  .section3 .section-tit-area { margin: 7rem 0 5rem; }
  .section3 .library-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 2rem; }
  .section3 .library-list li { border-radius: 2rem; background: rgba(255, 255, 255, .2); backdrop-filter: blur(32px); position: relative; }
  .section3 .library-list a { padding: 2.8rem 0 3.6rem; display: block; text-align: center; color: #fff; }
  .section3 .library-list .icon { width: 6rem; height: 6rem; margin: 0 auto 2.4rem; }
  .section3 .library-list li:nth-child(1) .icon { background: url(../images/item-icon1.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:nth-child(2) .icon { background: url(../images/item-icon2.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:nth-child(3) .icon { background: url(../images/item-icon3.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:nth-child(4) .icon { background: url(../images/item-icon4.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:nth-child(5) .icon { background: url(../images/item-icon5.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:nth-child(6) .icon { background: url(../images/item-icon6.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:nth-child(7) .icon { background: url(../images/item-icon7.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:nth-child(8) .icon { background: url(../images/item-icon8.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:nth-child(9) .icon { background: url(../images/item-icon9.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:nth-child(10) .icon { background: url(../images/item-icon10.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:nth-child(11) .icon { background: url(../images/item-icon11.png) no-repeat center; background-size: cover; }
  .section3 .library-list .item-tit { font-size: 2rem; font-weight: 500; letter-spacing: -0.4px; margin-bottom: 1.6rem; }
  .section3 .library-list .item-count { font-size: 3.2rem; letter-spacing: -0.64px; font-weight: bold; }

  .section3 .library-list li:hover { background: url(../images/item-hover.png) no-repeat center; background-size: 100% 100%; backdrop-filter: none; }
  .section3 .library-list li:hover a { color: #000; }
  .section3 .library-list li:hover::after { content: ''; width: 2.2rem; height: 2.2rem; background: url(../images/item-hover-arrow.png) no-repeat center; background-size: cover; position: absolute; top: .8rem; right: .8rem; }
  .section3 .library-list li:hover:nth-child(1) .icon { background: url(../images/item-hover-icon1.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:hover:nth-child(2) .icon { background: url(../images/item-hover-icon2.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:hover:nth-child(3) .icon { background: url(../images/item-hover-icon3.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:hover:nth-child(4) .icon { background: url(../images/item-hover-icon4.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:hover:nth-child(5) .icon { background: url(../images/item-hover-icon5.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:hover:nth-child(6) .icon { background: url(../images/item-hover-icon6.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:hover:nth-child(7) .icon { background: url(../images/item-hover-icon7.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:hover:nth-child(8) .icon { background: url(../images/item-hover-icon8.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:hover:nth-child(9) .icon { background: url(../images/item-hover-icon9.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:hover:nth-child(10) .icon { background: url(../images/item-hover-icon10.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:hover:nth-child(11) .icon { background: url(../images/item-hover-icon11.png) no-repeat center; background-size: cover; }
  .section3 .library-list li:hover .item-count { color: var(--color-main); }

  .section3 .animate-bg { background: linear-gradient(to bottom, rgba(241,97,18, 0), #f16112); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; }

  .section4 { position: absolute; z-index: 8; height: 100vh; top: 0; left: 0; opacity: 0; transform: translateY(0); }
  .section4 .txt-wrap { color: #fff; text-align: center; position: absolute; bottom: 4.8rem; left: 0; width: 100%; z-index: 2; }
  .section4 .txt-wrap .tit { font-size: 12rem; font-weight: 900; letter-spacing: -0.24px; margin-bottom: 4.8rem; }
  .section4 .txt-wrap .txt .big { font-size: 4rem; font-weight: bold; letter-spacing: -0.96px; margin-bottom: 2.4rem; }
  .section4 .txt-wrap .txt .sm { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.4px; line-height: 2.4rem; }

  .section4 .white-gradeint-overlay { opacity: 0; background: linear-gradient(to bottom, #f16112, #fcdfcf); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
  .section4 .white-overlay { opacity: 0; background: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

  .section4 .carousel-wrap { opacity: 0; position: absolute; top: 130%; left: 50%; transform: translate(-50%, -50%); perspective: 1000px; }
  .section4 .carousel { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; z-index: 5; }
  .section4 .card-wrap { position: absolute; left: 50%; top: 50%; width: 21rem; height: 24rem; }
  .section4 .card-wrap .category-tit { font-size: 1.6rem; font-weight: bold; color: var(--color-main); margin-bottom: 1rem; }
  .section4 .card-wrap .category-vid { position: relative; }
  .section4 .card-wrap .video { width: 100%; height: 24rem; overflow: hidden; border-radius: 2rem; position: relative; }
  .section4 .card-wrap .video::after { content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.48)); position: absolute; top: 0; left: 0; border-radius: 2rem; }
  .section4 .card-wrap video { width: 100%; height: 100%; object-fit: cover; }
  .section4 .card-wrap .user-id { position: absolute; top: 1.2rem; left: 1.2rem; color: #fff; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.24px; }
  .section4 .card-wrap .vid-intro-txt { position: absolute; margin: 0 1.2rem; bottom: 1.2rem; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; line-height: 2rem; color: #fff; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; height: 4rem; }
  .section4 .card-wrap .bg-area { position: absolute; width: 100%; height: 100%; top: 0; border-radius: 2rem; }
  .section4 .card-wrap:hover .bg-area { background: linear-gradient(to bottom, rgba(241,97,18,.48), rgba(241,97,18,.88)); }
  .section4 .card-wrap:hover .bg-area .vid-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6rem; height: 6rem; background: url(../images/category-play.png) no-repeat center; background-size: cover; }
  .section4 .card-wrap video { width: 100%; }
  .section4 .control { opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); top: -60rem; display: flex; gap: .8rem; width: 9rem; height: 4rem; }
  .section4 .control button { width: 4rem; height: 4rem; border-radius: 50%; border: .1rem solid #ebebeb; }
  .section4 .is-playing { background: #f5f5f5 url(../images/category-list-play.png) no-repeat center; background-size: 2rem; }
  .section4 .is-paused { background: #f5f5f5 url(../images/category-list-stop.png) no-repeat center; background-size: 2rem; }
  .section4 .control button:hover { border: .1rem solid var(--color-main); }
  .section4 .is-playing:hover { background: #fff url(../images/category-list-hover-play.png) no-repeat center; background-size: 2rem; }
  .section4 .is-paused:hover { background: #fff url(../images/cateogry-list-hover-stop.png) no-repeat center; background-size: 2rem; }

  .section4 .light-txt { opacity: 0; position: absolute; bottom: 0; color: rgba(240,97,18,.1); font-size: 14rem; font-weight: bold; text-align: center; left: 50%; transform: translateX(-50%); white-space: nowrap; }

  .section5 { background: #fff; position: absolute; z-index: 12; height: 100vh; top: 0; left: 0; transform: translateY(100%); }
  .section5 .inner { display: flex; align-items: center; height: 100%; }
  .section5 .section-tit-area { margin-bottom: 4rem; }
  .section5 .section-tit-area .big-tit { color: #000; }
  .section5 .news-area { width: 55rem; margin-right: 10rem; position: relative; }
  .section5 .news-list { display: flex; }
  .section5 .news-list .thumb { width: 100%; height: 26rem; margin-bottom: 2.8rem; }
  .section5 .news-list .thumb img { height: 100%; }
  .section5 .news-list .news-tit { font-size: 2rem; letter-spacing: -0.48px; font-weight: bold; margin-bottom: 1.6rem; }
  .section5 .news-list .news-detail-txt { font-size: 1.5rem; letter-spacing: -0.3px; color: #666; font-weight: 500; margin-bottom: 3.6rem; }
  .section5 .news-list .news-detail-btn { padding: 1.4rem 3rem; border-radius: 1.2rem; font-size: 1.6rem; font-weight: bold; letter-spacing: -0.32px; border: .1rem solid #000; display: inline-flex; align-items: center; width: fit-content; white-space: nowrap; }
  .section5 .news-list .news-detail-btn::after { content: ''; width: 1.4rem; height: 1.6rem; margin-left: 0.8rem; background: url(../images/news-arrow.png) no-repeat center; background-size: cover; }
  .section5 .news-list .news-detail-btn:hover { background: var(--color-main); color: #fff; border-color: var(--color-main); }
  .section5 .news-list .news-detail-btn:hover::after { content: ''; width: 1.6rem; height: 1.6rem; margin-left: 0.8rem; background: url(../images/news-arrow-hover.png) no-repeat center; background-size: cover; }
  .section5 .news-area .news-controls { border-radius: 80rem; border: .1rem solid #ebebeb; padding: 1.4rem 2rem; position: absolute; top: 5.5rem; right: 0; display: flex; width: 16rem; align-items: center; }
  .section5 .swiper-pagination { bottom: inherit; position: relative; font-size: 1.6rem; font-weight: bold; }
  .section5 .swiper-pagination-current { color: var(--color-main); }
  .section5 .news-area .news-controls button { text-indent: -999999999px; width: 2rem; min-width: 2rem; height: 2rem; }
  .section5 .news-area .news-controls button.btn-prev { background: url(../images/news-prev.png) no-repeat center; background-size: cover; } 
  .section5 .news-area .news-controls button.news-ctl:not(.is-paused) { background: url(../images/news-stop.png) no-repeat center; background-size: cover; } 
  .section5 .news-area .news-controls button.news-ctl.is-paused { background: url(../images/news-play.png) no-repeat center; background-size: cover; } 
  .section5 .news-area .news-controls button.btn-next { background: url(../images/news-next.png) no-repeat center; background-size: cover; } 

  .section5 .notice-area { position: relative; }
  .section5 .notice-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem 4.8rem; }
  .section5 .notice-list a { display: flex; }
  .section5 .notice-list .hover-layer { display: none; }
  .section5 .notice-list .thumb { position: relative; width: 14rem; min-width: 14rem; height: 21rem; margin-right: 2.4rem; border-radius: 1.6rem; overflow: hidden; }
  .section5 .notice-list .cate-label { border-radius: .8rem; border: .1rem solid var(--color-main); color: var(--color-main); width: 6rem; text-align: center; padding: .6rem 0; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.28px; margin-bottom: 1.4rem; }
  .section5 .notice-list .tit { font-size: 1.6rem; font-weight: bold; letter-spacing: -0.36px; line-height: 2.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; margin-bottom: 1rem; height: 6.5rem; }
  .section5 .notice-list .info-list li { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; font-weight: 500; }
  .section5 .notice-list .info-list li:not(:last-child) { margin-bottom: .6rem; }
  .section5 .notice-area .notice-detail-btn { position: absolute; right: 0; top: 5.5rem; padding: 1.4rem 2.4rem; border-radius: 80rem; border: .1rem solid #ebebeb; display: flex; align-items: center; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; }
  .section5 .notice-area .notice-detail-btn::after { content: ''; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; background: url(../images/plus.png) no-repeat center; background-size: cover; position: relative; top: -.2rem; }
  .section5 .notice-list li:hover .thumb::after { content: ''; width: 100%; height: 100%; border-radius: 1.6rem; background-color: rgba(0, 0, 0, .6); position: absolute; top: 0; left: 0; }
  .section5 .notice-list li:hover .tit { text-decoration: underline; text-underline-offset: .3rem; color: var(--color-main); }
  .section5 .notice-list li:hover .hover-layer { display: flex; position: absolute; top: 50%; left: 50%; color: #fff; z-index: 2; transform: translate(-50%, -50%); font-size: 1.2rem; letter-spacing: -0.24px; font-weight: 500; border-radius: 50%; width: 6.8rem; height: 6.8rem; border: .1rem solid #fff; align-items: center; justify-content: center; }
  .section5 .notice-list li:hover .hover-layer::after { content: ''; width: 1.4rem; height: 1.4rem; background: url(../images/plus-white.png) no-repeat center; background-size: cover; }

  .section6 { background: #fff; position: absolute; z-index: 13; height: 100vh; top: 0; left: 0; transform: translateY(100%); }
  .section6 .inner { height: 100%; display: flex; flex-flow: column; align-items: center; justify-content: center; }
  .section6 .section-tit-area { width: 100%; }
  .section6 .section-tit-area .big-tit { color: #000; }
  .section6 .contents-swiper-container { margin-top: 6.8rem; position: relative; width: calc(100% + 12rem) }
  .section6 .contents-swiper { left: -16rem; width: calc(100% + 32rem); }
  .section6 .contents-swiper .swiper-slide { width: calc(100% / 5.5 - 9rem) !important; }
  .section6 .contents-swiper-container .thumb { margin-bottom: 2.4rem; border-radius: 2rem; overflow: hidden; width: 32rem; height: 32rem; transition: all .4s; position: relative; }
  .section6 .contents-swiper-container .thumb img { width: 100%; height: 100%; object-fit: cover; }
  .section6 .contents-swiper-container li:hover .thumb { border-radius: 50%; }
  .section6 .contents-swiper-container li:hover .thumb::after { content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute;
    background: url(../images/news-arrow-hover.png),
                linear-gradient(to bottom, rgba(241,97,18,.32), rgba(241,97,18,.88));
    background-repeat: no-repeat;
    background-size: 4rem, 100%;
    background-position: center;
  }
  .section6 .contents-swiper-container .contents-cate { margin-bottom: 1.6rem; font-size: 1.6rem; letter-spacing: -0.32px; font-weight: 500; color: var(--color-main); }
  .section6 .contents-swiper-container .contents-tit { font-size: 2.2rem; font-weight: bold;  letter-spacing: -0.44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .section6 .contents-swiper-container li:hover .contents-tit { text-decoration: underline; text-underline-offset: .3rem; color: var(--color-main); }
  .section6 .contents-detail-btn { position: absolute; right: 6rem; top: -12rem; padding: 1.4rem 2.4rem; border-radius: 80rem; border: .1rem solid #ebebeb; display: flex; align-items: center; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; }
  .section6 .contents-detail-btn::after { content: ''; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; background: url(../images/plus.png) no-repeat center; background-size: cover; position: relative; top: -.2rem; }


  .section6 .contents-list > li { margin-right: 14rem; }
  .contents-list { 
    display: flex; gap: 0;
    will-change: transform; 
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: layout;
    transform: translate3d(0, 0, 0);
  }
  .swiper-pagination-progressbar-fill {
    transition: none !important;
  }
  

  .fixed-btn-wrap { opacity: 0; position: fixed; right: 4.4rem; bottom: 14rem; display: flex; flex-flow: column; justify-content: center; }
  .ai-search-btn { 
    box-shadow: 0 0 2.6rem 0 rgba(249,84,23,.48);
    display: flex; align-items: center; justify-content: center; gap: 1.2rem; overflow: hidden;
    background: linear-gradient(135deg, #f16112, #8c1463, #3c0c84);
    border-radius: 50%; width: 9.2rem; height: 9.2rem; transition: all .4s; position: relative;
  }
  .ai-search-btn .txt-left { display: block; width: 0; transition: all .4s; }
  .ai-search-btn .txt { width: 5.8rem; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .ai-search-btn .ai-character { width: 0; position: relative; left: -2rem; transition: all .4s; }
  .ai-search-btn:hover { border-radius: 80rem; width: 28.2rem; }
  .ai-search-btn:hover .txt { display: none; }
  .ai-search-btn:hover .txt-left { width: 12.4rem; }
  .ai-search-btn:hover .ai-character { width: 9.2rem; left: 1rem; }
  .top-btn { position: fixed; right: 6rem; bottom: 4rem; width: 6rem; height: 6rem; border-radius: 50%; border: .1rem solid #ebebeb; background: url(../images/top.png) rgba(255, 255, 255, .8) no-repeat center; background-size: 2.4rem; backdrop-filter: filter(2.2rem); }

  footer { border-top: .1rem solid #ebebeb; }
  footer .inner { padding: 10rem 0; display: flex; flex-flow: row wrap; justify-content: space-between; }
  footer .terms-list { display: flex; gap: 3.6rem; margin-bottom: 2.6rem; }
  footer .terms-list li a { font-size: 1.8rem; letter-spacing: -0.36px; font-weight: bold; }
  footer .terms-list li:nth-child(1) a { color: var(--color-main); }
  footer .txt-wrap { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; }
  footer .txt-wrap .txt:last-child { margin-top: 1.2rem; }
  footer .logo { width: 12rem; position: absolute; left: 50%; transform: translateX(-50%); }
  footer .family-site { display: flex; gap: 2.4rem; }
  footer .family-site li { height: 4.2rem; }
  footer .family-site li img { height: 100%; width: auto; }
  footer .copyright { width: 100%; text-align: right; color: #888; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; }

 /*================= sub page ==========================*/

  .main-contents .search-area,
  .top-bn, .guide-wrap > .tit, .guide-list > li, .img-upload-box,
  .seller-card, .rank-list-wrap, .seller-item-list, .recent-reivew, .review-container,
  .detail-item-card, .cc-mark, .flex-template .left > div, .flex-template .right ,
  .result-box, .analyzed-btns,
  .result-tab-btn,
  .select-sound-list > li,
  .select-sound-list tr,
  .theme-list li {
    opacity: 0;
    transform: translateY(30px);
  }

  .main-contents {  }
  .main-contents .inner { width: calc(100% - 16rem); margin: 0 auto; }
  .main-contents .main-tit-inner { width: calc(100% - 36rem); }
  .main-tit-bn { margin-bottom: 12rem; position: relative; width: calc(100% + 36rem); left: -18rem; top: -.2rem; height: 47rem; background-size: 120%; transition: background-size .4s ease-in-out; }
  .main-contents .breadcrumb { top: 14rem; left: 18rem; }
  .main-contents .detail-container .breadcrumb { left: 8rem; }
  .main-tit-bn .page-tit-wrap { position: absolute; left: 50%; top: 55%; transform: translateX(-50%); text-align: center; color: #fff; }
  .main-tit-bn .page-tit { font-size: 5rem; letter-spacing: -0.12px; margin-bottom: 2.8rem; font-weight: bold; }
  .main-tit-bn .page-sub-txt { font-size: 2rem; letter-spacing: -0.4px; font-weight: 500; }

  .main-contents .search-area .tit { display: flex; align-items: center; font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; margin-bottom: 2.8rem; }
  .main-contents .search-area .tit::before { content: ''; width: 3rem; height: 3rem; margin-right: 1.2rem; background: url(../images/search-icon.png) no-repeat center; background-size: cover; }
  .main-contents .search-area .search-tab { margin: 8rem auto 12rem; position: relative; padding: 3.2rem 2.8rem; border-radius: 0 1.6rem 0 1.6rem; border: .2rem solid #ebebeb; background: #f9f9f9; position: relative; z-index: 5; }
  .main-contents .search-area .search-tab.sound-effect-mode { padding: 2.8rem 2rem 0 2.2rem; }
  .main-contents .search-area .search-tab-btn { position: absolute;  top: -5.44rem; left: -.1rem; gap: .4rem; display: flex; align-items: center; }
  .main-contents .search-area .search-tab-btn a { font-size: 1.8rem; letter-spacing: -0.36px; color: #919191; font-weight: 500; padding: 1.6rem 0; width: 18rem; border-radius: 1.6rem 1.6rem 0 0; background: #e9e9e9; display: block; text-align: center;  }
  .main-contents .search-area .search-tab-btn .active a { background: var(--color-main); color: #fff; }
  .main-contents .search-area .search-tab-cont > div { display: none; }
  .main-contents .search-area .search-tab-cont > .active { display: block; }
  .main-contents .search-area .search-tab-cont .flex { display: flex; align-items: center; }
  .main-contents .search-area .search-tab-cont .search-dep1-cate { width: 34rem; display: flex; align-items: center; position: relative; }
  .main-contents .search-area .search-tab-cont .search-dep1-cate > button { width: 34rem; min-width: 34rem; padding: 1.6rem 0; border-bottom: .2rem solid #000; text-align: left; font-size: 1.8rem; font-weight: bold; letter-spacing: -0.36px; display: flex; align-items: center; }
  .main-contents .search-area .search-tab-cont .search-dep1-cate > button::after { content: ''; width: 2.4rem; height: 2.4rem; background: url(../images/lang-arrow-show.png) no-repeat center; background-size: cover; margin-left: auto;}
  .main-contents .search-area .search-tab-cont .search-dep1-cate-list { border: 0; position: absolute; width: 34rem; height: 0; overflow-y: scroll; top: 12rem; background: #fff; border-radius: .8rem; z-index: 6; transition: height .4s ease-in-out; box-shadow: 0 0 1.2rem 0 rgba(0,0,0,.2); }

  .search-area .search-tab-cont .search-dep1-cate-list li button { width: 100%; font-size: 1.7rem; font-weight: 500; padding: .8rem .4rem; }
  .search-area .search-tab-cont .search-dep1-cate-list li button:hover { color: var(--color-main); }
  .search-area .search-tab-cont .search-dep1-cate::after { content: ''; width: 0.1rem; min-width: .1rem; height: 15.6rem; background: #dbdbdb; display: block; margin: 0 2.8rem; }
  .search-area .search-tab-cont .search-dep2-cate { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; font-size: 1.5rem; letter-spacing: -0.3px; color: #b2b2b2; font-weight: 500; width: 100%; margin-left: 5.6rem; }
  .search-area .search-tab-cont .select-category { width: 100%; text-align: center; }
  .search-area .search-tab-cont .sub-category-list { width: 100%; }
  .search-area .search-tab-cont .sub-category-list ul { display: flex; flex-flow: row wrap; gap: 2.8rem; width: 100%; max-height: 15rem; overflow-y: scroll; }
  .search-area .search-tab-cont .sub-category-list ul.on { max-height: inherit; }

  .search-area .search-tab-cont .sub-category-list input { display: none; }
  .search-area .search-tab-cont .sub-category-list .input-tit { position: relative; display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #919191; }
  .search-area .search-tab-cont .sub-category-list .input-tit::before { content: ''; width: 2rem; height: 2rem; border-radius: .6rem; background: #f9f9f9; border: .1rem solid #dbdbdb; display: block; margin-right: 0.8rem; }
  .search-area .search-tab-cont .sub-category-list input:checked + .input-tit::before { background: var(--color-main); border: var(--color-main); }
  .search-area .search-tab-cont .sub-category-list input:checked + .input-tit::after { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/check-white.png) no-repeat center; background-size: cover; position: absolute; left: .4rem; }
  .search-area .search-tab-cont .sub-category-list input:checked + .input-tit { color: var(--color-main); font-weight: bold; }
  .search-area .search-tab-cont .input-area { width: 48rem; margin-bottom: 2.4rem; border-radius: .8rem; border: .1rem solid #dbdbdb; display: flex; align-items: center; background: #fff; }
  .search-area .search-tab-cont .input-area input { width: 100%; padding: 1.5rem 1.6rem; border-radius: .8rem; }
  .search-area .search-tab-cont .input-area button { width: 2rem; height: 2rem; background: url(../images/search-gray.png) no-repeat center; background-size: cover; margin-right: 1.6rem; }
  .search-area .search-tab-cont .category-list { }
  .search-area .search-tab-cont .category-list.on { height: 72rem; margin-bottom: 2.8rem; }
  .cate-box { display: inline-block; vertical-align: top;margin: 0 1.2rem 1.2rem 0; }
  .cate-box:nth-child(1) { width: 25%; }
  .cate-box:nth-child(2) { width: 30%; }
  .cate-box:nth-child(3) { width: 10%; }
  .cate-box:nth-child(4) { width: 28%; }
  .cate-box:nth-child(5) { width: 27%; }
  .cate-box:nth-child(6) { width: 27%; }
  .cate-box:nth-child(7) { width: 10%; }
  .cate-box:nth-child(8) { width: 33%; }
  .cate-box:nth-child(9) { width: 28%; }
  .cate-box:nth-child(10) { width: 33%; }
  .cate-box:nth-child(11) { width: 100%; }
  .cate-box:nth-child(12) { width: 70%; }
  .search-area .search-tab-cont .cate-box { border-radius: 1.2rem; background: #fff; padding: 1.6rem; }
  .search-area .search-tab-cont .cate-box .cate-tit { font-size: 1.6rem; font-weight: bold; letter-spacing: -0.34px; margin-bottom: 2rem; }
  .search-area .search-tab-cont .cate-box ul { gap: 2rem 1.6rem; display: flex; flex-flow: row wrap; }
  .search-area .search-tab-cont .cate-box label { display: flex; align-items: center; gap: .8rem; font-size: 1.3rem; letter-spacing: -0.3px; color: #666; font-weight: 500; }
  .search-area .search-tab-cont .cate-box label .input-tit { display: flex; align-items: center; position: relative; }
  .search-area .search-tab-cont .cate-box label .input-tit::before { content: ''; width: 2.4rem; height: 2.4rem; border-radius: .6rem; border: .1rem solid #dbdbdb; background: #f9f9f9; margin-right: 0.8rem; }
  .search-area .search-tab-cont .cate-box label input:checked + .input-tit::before { border: .1rem solid var(--color-main); background: var(--color-main); }
  .search-area .search-tab-cont .cate-box label input:checked + .input-tit::after { content: ''; width: 1.6rem; height: 1.6rem; left: 0.4rem; position: absolute; background: url(../images/check-white.png) no-repeat center; background-size: cover; }
  .search-area .search-tab-cont .cate-box label input:checked + .input-tit { color: var(--color-main); font-weight: bold; }
  .search-area .search-tab-cont .cate-box label input { display: none; }
  .search-area .search-toggle-btn { font-size: 1.2rem; font-weight: 500; letter-spacing: -0.24px; color: #919191; display: flex; position: absolute; right: -.2rem; bottom: -4.05rem; border-radius: 0 0 .8rem .8rem; border: .2rem solid #ebebeb; background: #fff; padding: 1.1rem 1.2rem; }
  .search-area .search-toggle-btn::after { content: ''; width: 1.2rem; height: 1.2rem; background: url(../images/search-toggle.png) no-repeat center; background-size: cover; display: block; margin-left: 0.2rem; transform: rotate(180deg); }
  .search-area .search-toggle-btn.on::after { transform: rotate(0); }

  .list-section { margin-bottom: 24rem; }
  .list-section .list-search { display: flex;  margin: 0 auto 6rem; border-radius: 3.4rem; border: .2rem solid var(--color-main); width: 68rem; position: relative; z-index: 4; }
  .list-section .list-search input { border-radius: 3.4rem; width: 100%; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; color: var(--color-main); padding: 2.4rem 2.8rem; }
  .list-section .list-search input::placeholder { color: var(--color-main); }
  .list-section .list-search .search-util { display: flex; align-items: center; margin-right: 2.8rem; }
  .list-section .list-search .voice { border-radius: 50%; width: 2.8rem; height: 2.8rem; background: #f5f5f5 url(../images/voice.png) no-repeat center; background-size: 1.8rem; display: flex; align-items: center; }
  .list-section .search-util li { display: flex; }
  .list-section .search-util li:not(:last-child)::after { content: ''; width: 0.1rem; height: 3.2rem; background: #ebebeb; margin: 0 1.6rem; display: block; }
  .list-section .list-search .search { width: 2.4rem; height: 2.4rem; background: url(../images/search-color.png) no-repeat center; background-size: cover; } 

  .list-section .list-area { position: relative; border-top: .1rem solid #ebebeb; padding-top: 2.4rem; }
  .list-section .list-area .total-count { font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; }
  .list-section .list-area .total-count .c-main { font-weight: bold; color: var(--color-main); }
  .list-section .list-area .list-util { margin: 2.4rem 0; display: flex; justify-content: space-between; align-items: center; }
  .list-section .list-area .add-all-item { padding: 1.5rem 1.2rem; border-radius: .8rem; border: .1rem solid #666; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; display: flex; align-items: center; }
  .list-section .list-area .add-all-item::before { content: ''; width: 1.2rem; height: 1.2rem; background: url(../images/plus.png) no-repeat center;  background-size: cover; }
  .list-section .list-area .util-btns { display: flex; align-items: center; }
  .list-section .list-area .list-util select { width: 16.8rem; margin: 0 .8rem; padding: 1.5rem 1.2rem; border-radius: .8rem; border: .1rem solid #dbdbdb; font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; }
  .list-section .list-area .list-util .sort-type-btns { display: flex;  }
  .list-section .list-area .list-util .sort-type-btns button { display: block; width: 4.8rem; height: 4.8rem; border: .1rem solid #dbdbdb; }
  .list-section .list-area .list-util .sort-type-btns button:last-child { border-left: 0; }
  .list-section .list-area .list-util .sort-type-btns .thumb { border-radius: .8rem 0 0 .8rem; background: #f5f5f5 url(../images/sort-thumb.png) no-repeat center; background-size: 2rem; }
  .list-section .list-area .list-util .sort-type-btns .list { border-radius: 0 .8rem .8rem 0; background: #f5f5f5 url(../images/sort-list.png) no-repeat center; background-size: 2rem; }
  .list-section .list-area .list-util .sort-type-btns .thumb.active { background: #fff url(../images/sort-thumb-on.png) no-repeat center; background-size: 2rem; }
  .list-section .list-area .list-util .sort-type-btns .list.active { background: #fff url(../images/sort-list-on.png) no-repeat center; background-size: 2rem; }
  .list-type { display: none; }
  .list-type.active { display: block; }
  
  
  .list-container .btn_right { margin-top: 2rem; }
  .list-container .pagination { margin-top: 4.8rem; display: flex; align-items: center; justify-content: center; gap: .4rem; }
  .list-container .pagination a { border: .1rem solid #ebebeb; font-size: 1.5rem; letter-spacing: -0.3px; color: #919191; width: 3.6rem; height: 3.6rem; border-radius: .6rem; display: flex; align-items: center; justify-content: center; gap: .4rem; }
  .list-container .pagination .page-btn.active,
  .list-container .pagination .page-btn:hover { background: #000; color: #fff; }
  .list-container .pagination .first { background: #f5f5f5 url(../images/page-first.png) no-repeat center; background-size: 2rem; }
  .list-container .pagination .prev { margin-right: 1.2rem; background: #f5f5f5 url(../images/page-prev.png) no-repeat center; background-size: 2rem; }
  .list-container .pagination .next { margin-left: 1.2rem; background: #f5f5f5 url(../images/page-next.png) no-repeat center; background-size: 2rem; }
  .list-container .pagination .last { background: #f5f5f5 url(../images/page-last.png) no-repeat center; background-size: 2rem; }
  
  .detail-item-card .detail-item-info { width: calc(100% - 6.8rem); }
  .detail-item-card.no-thumb .detail-item-info { top: 3rem; left: 3.4rem; }
  .detail-item-card .detail-item-info .item-tit { margin-bottom: 2rem; }
  
  .cc-mark { margin: 2rem 0 8rem; display: flex; align-items: center; font-size: 1.4rem; letter-spacing: -0.28px; color: #666; }
  .cc-mark::before { content: ''; width: 8.6rem; height: 3rem; background: url(../images/cc-mark.png) no-repeat center; background-size: cover; margin-right: 1.2rem; }
  .cc-mark .b { font-weight: bold; color: #000; }
  .flex-template { margin-bottom: 24rem; display: flex; gap: 2rem; justify-content: space-between; }
  .flex-template .left { width: 44rem; min-width: 44rem; }
  .flex-template .item-detail-area > .tit,
  .flex-template .right > .tit { font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; margin-bottom: 2.8rem; }
  .flex-template .item-detail-area .detail-box { border-radius: 1.6rem; border: .2rem var(--color-main) solid; padding: 2.8rem 2.4rem; }
  .flex-template .detail-box .detail-pop-btn { display: flex; align-items: center; gap: .4rem; padding: 1.2rem 1.6rem; border-radius: 80rem; background: linear-gradient(to bottom, #000000, #606060); color: #fff; font-weight: 500; font-size: 1.4rem; margin-bottom: 2rem; } 
  .flex-template .detail-pop-btn::before { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/detail-pop-btn.png) no-repeat center; background-size: cover; }

  .item-detail-area .detail-list li + li { margin-top: 2rem; }
  .item-detail-area .detail-list .tit { width: 10rem; min-width: 10rem; white-space: nowrap; font-size: 1.5rem; font-weight: 500; color: #666; letter-spacing: -0.3px; margin-right: 1.2rem; }
  .item-detail-area .detail-list .cont { font-size: 1.5rem; font-weight: bold; color: var(--color-main); letter-spacing: -0.3px; text-align: right; word-break: break-all; }
  .item-detail-area .item-detail-btns { display: flex; width: 100%; gap: .4rem; margin-top: 3.2rem; }
  .flex-template .item-rating-box { margin-top: 3.2rem; background: url(../images/rating-bg.png) no-repeat center; background-size: cover; border-radius: 1.6rem; padding: 2.8rem 2.4rem; }
  .flex-template .item-rating-box .tit { font-size: 1.8rem; font-weight: bold; letter-spacing: -0.36px; color: #fff; margin-bottom: 1rem; }
  .flex-template .item-rating-box .txt { font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; margin-bottom: 2rem; color: #fff; }
  .flex-template .right { width: calc(100% - 48rem); }
  .rating-inner { display: flex; }
  .rating-control { position: relative; margin-right: 8.4rem; }
  .rating-control::after { content: ''; width: 0.1rem; height: 14rem; background: rgba(255, 255, 255, .24); position: absolute; right: -4.4rem; top: 0; }
  .rating { margin-bottom: 3.6rem; display: flex; flex-direction: row-reverse; justify-content: flex-end; }

  .rating label { cursor: pointer; display: block; width: 3rem; height: 3rem; background: url(../images/star.png) no-repeat center; background-size: cover; }
  .rating input:checked ~ label { background: url(../images/star-active.png) no-repeat center; background-size: cover; }
  .rating label:hover,
  .rating label:hover ~ label { background: url(../images/star-active.png) no-repeat center; background-size: cover; }
  .rating-control .go-rating { padding: 1.2rem; width: 9.8rem; text-align: center; border-radius: .8rem; border: .1rem solid rgba(255, 255, 255, .16); color: #fff; background: rgba(255, 255, 255, .2); backdrop-filter: blur(3rem); }
  .rating-result li { display: flex; align-items: center; gap: 1.2rem; }
  .rating-result li + li { margin-top: .9rem; }
  .rating-result p { font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; margin-bottom: 1.6rem; color: #fff; }
  .rating-result p span { font-size: 1.3rem; }
  .rating-result span { color: #fff; font-size: 1.1rem; letter-spacing: -0.22px; }
  .rating-result .c { color: var(--color-main); }
  .rating-result .rating-container { display: flex; }
  .rating-result .rating-container img { width: 1.6rem; height: 1.6rem; }
  .flex-template .full-list .info { width: calc(100% - 32rem); }
  .item-opinion-box { margin-top: 3.2rem; }
  .item-opinion-box .tit { font-size: 1.8rem; letter-spacing: -0.36px; margin-bottom: 1.6rem; font-weight: bold; }
  .item-opinion-box .textarea-wrap { position: relative; border-radius: 1.6rem; border: .1rem solid #ebebeb; background: #f5f5f5; }
  .item-opinion-box textarea { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; background: transparent; padding: 2rem 1.6rem; width: 100%; overflow: hidden; resize: none; border-radius: 1.6rem; height: 10.8rem; }
  .item-opinion-box button { border-radius: .8rem; background: #666; color: #fff; width: 8rem; text-align: center; padding: 1.2rem; font-weight: bold; letter-spacing: -0.28px; font-size: 1.4rem; margin: 1.6rem 1.6rem 1.6rem auto; display: block; }

  .flex-template .go-list { display: block; padding: 1.7rem 0; width: 10rem; text-align: center; border-radius: 1.2rem; border: .1rem solid #dbdbdb; background: #f5f5f5; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; color: #666; margin: 6.5rem 0 0 auto; }

  .pop-bg.on { display: block; }
  .pop.on { display: block; }
  .pop { display: none; background: #fff; position: relative; border-radius: 1.6rem; }
  .pop .pop-close { position: absolute; right: 1.5rem; top: 1.5rem; width: 3.2rem; height: 3.2rem; border-radius: 50%; background: #f5f5f5 url(../images/pop-close-btn.png) no-repeat center; background-size: 1.8rem; }
  .detail-pop .content-wrapper { margin-bottom: 3rem; height: 48rem; overflow: auto; margin-right: 1rem; padding-right: 1rem; }
  .pop .pop-tit { display: flex; align-items: center; font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; color: var(--color-main); margin-bottom: 2rem; }
  .detail-pop .pop-tit::before { content: ''; width: 2.4rem; height: 2.4rem; background: url(../images/title-icon.png) no-repeat center; background-size: cover; margin-right: 1.2rem; }
  .detail-pop .pop-detail-box { width: 100%; border-radius: 1.2rem; padding: 2rem; background: #f5f5f5; }
  .detail-pop .pop-detail-box + .pop-detail-box { margin-top: 1.2rem; }
  .detail-pop .pop-detail-box .detail-tit { font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; margin-bottom: 1.6rem; }
  .detail-pop .pop-detail-box .detail-list li { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; display: flex; align-items: center; justify-content: space-between; }
  .detail-pop .pop-detail-box .detail-list li + li { margin-top: 1.2rem; }
  .detail-pop .pop-detail-box .detail-list .tit { color: #919191; }
  .detail-pop .pop-detail-box .detail-list .cont { color: #000; }
  .pop .pop-confirm { position: fixed; left: 0; bottom: 0; width: 100%; background: var(--color-main); color: #fff; padding: 1.7rem 0; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; }

  .sellerChannel { background: url(../images/seller-bg.png) no-repeat center; background-size: 120%; }
  .sellerChannel .prev { position: absolute; left: 26rem; top: 50%; transform: translateY(-50%); width: 6rem; height: 6rem; border-radius: 50%; border: .1rem solid rgba(255, 255, 255, .16); background: url(../images/seller-prev.png) no-repeat center rgba(255, 255, 255, .1); backdrop-filter: blur(3rem); background-size: 2.8rem; }
  .seller-card { width: 100%; border-radius: 2rem; padding: 4.8rem 4.8rem 3.6rem; background: url(../images/seller-card.png) no-repeat center; background-size: cover; }
  .seller-card .seller-flex { margin-bottom: 4.8rem; display: flex; gap: 2.4rem; align-items: center; }
  .seller-card .profile-txt .seller-name { font-size: 2.8rem; font-weight: bold; letter-spacing: -0.56px; margin-bottom: 1.6rem; }
  .seller-card .profile-txt .seller-txt { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; margin-bottom: 2.4rem; }
  .seller-card .profile-txt .seller-info { display: flex; align-items: center; }
  .seller-card .profile-txt .seller-info li, .seller-card .profile-txt .seller-info li * { color: #fff; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; }
  .seller-card .profile-txt .seller-info li { display: flex; align-items: center; gap: .8rem; }
  .seller-card .profile-txt .seller-info li::before { content: ''; width: 2rem; height: 2rem; }
  .seller-card .profile-txt .seller-info li:not(:last-child)::after { content: ''; width: 0.1rem; height: 1.4rem; background: rgba(255, 255, 255, .24); margin: 0 1.6rem; }
  .seller-card .profile-txt .seller-info .page-url::before { background: url(../images/seller-page.png) no-repeat center; background-size: cover; }
  .seller-card .profile-txt .seller-info .country::before { background: url(../images/seller-country.png) no-repeat center; background-size: cover; }
  .seller-card .seller-history { display: flex; gap: .8rem; margin-bottom: 1.6rem; }
  .seller-card .seller-history li { padding: 1.8rem 0; width: 100%; border-radius: 1.2rem; border: .1rem solid rgba(255, 255, 255, .12); text-align: center; background: rgba(255, 255, 255, .02); backdrop-filter: blur(3.2rem); color: #fff; }
  .seller-card .seller-history li:nth-child(1) { background: url(../images/seller-item.png) rgba(255, 255, 255, .02) no-repeat 2.6rem center; backdrop-filter: blur(3.2rem); background-size: 3.6rem; }
  .seller-card .seller-history li:nth-child(2) { background: url(../images/seller-follow.png) rgba(255, 255, 255, .02) no-repeat 2.6rem center; backdrop-filter: blur(3.2rem); background-size: 3.6rem; }
  .seller-card .seller-history li:nth-child(3) { background: url(../images/seller-download.png) rgba(255, 255, 255, .02) no-repeat 2.6rem center; backdrop-filter: blur(3.2rem); background-size: 3.6rem; }
  .seller-card .seller-history li .count { font-size: 2rem; font-weight: bold; margin-bottom: 1.2rem; letter-spacing: -0.4px; }
  .seller-card .seller-history li .tit { font-size: 1.4rem; font-weight: bold; color: rgba(255, 255, 255, .6); } 
  .seller-card .seller-history li img { display: block; width: 6rem; height: 6rem; margin: 0 auto; }
  .seller-card .seller-introTxt { border-radius: 1.6rem; padding: 3.2rem 2.8rem; background: rgba(255, 255, 255, .7); backdrop-filter: blur(3rem); font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; line-height: 2.4rem; }
  .seller-card .seller-introTxt .tit { padding: 1rem 1.3rem; border-radius: 80rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #fff; background: var(--color-main); width: 9rem; margin-bottom: 3rem; }

  .recent-reivew { margin-top: 8rem; position: relative; }
  .review-list { width: 100%; border-top: .1rem solid #ebebeb; border-bottom: .1rem solid #ebebeb; }
  .review-list li { display: flex; align-items: center; width: 100%; }
  .reviews { width: 100%; }
  .reviews li { padding: 2rem 0; }
  .review-list li + li { border-top: .1rem solid #ebebeb; }
  .review-list .rating-container { display: flex; margin-right: 3.6rem; }
  .review-list .rating-container img { width: 2.4rem; height: 2.4rem; }
  .review-list .tit-area .tit { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.8rem; letter-spacing: -0.3px; }
  .review-list .tit-area .date { font-size: 1.2rem; font-weight: 500; letter-spacing: -0.26px; color: #919191; }
  .review-list .author { margin-left: auto; font-size: 1.4rem; letter-spacing: -0.28px; }
  .recent-reivew .review-controls { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 1.3rem; }
  .recent-reivew .review-controls button { width: 2.4rem; min-width: 2.4rem; height: 2.4rem; border-radius: 50%; border: .1rem solid #dbdbdb; text-indent: -99999px; }
  .recent-reivew .review-controls .btn-prev { background: url(../images/btn-control.png) no-repeat center; background-size: 1.4rem; }
  .recent-reivew .review-controls .btn-next { background: url(../images/btn-control.png) no-repeat center; background-size: 1.4rem; transform: rotate(180deg); }
  .recent-reivew .swiper-pagination { position: static; font-size: 1.4rem; font-weight: 500; color: #919191; }
  .review-controls .swiper-pagination-current { color: #000; font-weight: bold; }
  .review-container { margin-top: 6rem; }
  .review-container .review-box { padding: 2rem 2rem 0; border: .1rem solid #666; border-radius: 1.2rem; }
  .review-box .author { font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; margin-bottom: 1.6rem; }
  .review-box textarea { width: 100%; height: 6.8rem; font-weight: 500; letter-spacing: -0.3px; line-height: 2.4rem; font-size: 1.5rem; resize: none; overflow: auto; }
  .review-box textarea::-webkit-scrollbar { width: 0.8rem; }
  .review-box textarea::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0.4rem; }
  .review-box textarea::-webkit-scrollbar-thumb { background: #ccc; border-radius: 0.4rem; }
  .review-box textarea::-webkit-scrollbar-thumb:hover { background: #999; }
  .review-box-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 1.6rem; border-top: .1rem solid #ebebeb; position: relative; width: calc(100% + 4rem); left: -2rem; padding: 2.4rem 2rem; }
  .review-box-bottom .txt-count { font-size: 1.4rem; letter-spacing: -0.28px; color: #919191; }
  .review-box-bottom .txt-count .cur { color: #000; }
  .review-box-bottom button { padding: 1rem 0; width: 8rem; border-radius: .8rem; background: var(--color-main); color: #fff; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; }

  .theme-select-area > .tit { font-size: 2.4rem; font-weight: bold; letter-spacing: -0.48px; }
  .theme-select-area > .tit .c { color: var(--color-main); }
  .theme-select-area + .theme-select-area { margin-top: 12rem; margin-bottom: 24rem; }
  .theme-list { display: grid; margin-top: 2.8rem; }
  .soundEffect-theme { grid-template-columns: repeat(6, 1fr); gap: 2.8rem; }
  .soundEffect-theme a { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 1.6rem; overflow: hidden; position: relative; }
  .soundEffect-theme a::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .48); position: absolute; top: 0; left: 0; }
  .soundEffect-theme a:hover::before { background: linear-gradient(to bottom, rgba(241,97,18,.6), #f16112); }
  .soundEffect-theme a:hover { box-shadow: .2rem .2rem 2.8rem 0 rgba(241, 97, 18, .48); }
  .soundEffect-theme a img { width: 100%; height: 100%; }
  .soundEffect-theme a .theme-tit { position: absolute; font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; color: #fff; }
  .ucs-theme { height: auto; max-height: 52rem; overflow-y: hidden; grid-template-columns: repeat(8, 1fr); gap: 2.4rem 3rem; padding: 2rem; width: calc(100% + 4rem); left: -2rem; position: relative; top: -2rem; mask-image: linear-gradient(to bottom, black 50%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%); transition: all .4s ease-in-out; }
  .ucs-theme.on { max-height: 1000rem; mask-image: linear-gradient(to bottom, black 100%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 100%, transparent 100%); }
  .ucs-theme a { display: flex; align-items: center; justify-content: center; padding: 3.2rem 0; border-radius: 1.6rem; box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, .12); }
  .ucs-theme a .theme-tit { font-size: 1.7rem; letter-spacing: -0.34px; font-weight: bold; text-align: center; }
  .ucs-theme a .theme-tit::before { content: ''; width: 6rem; height: 6rem; margin: 0 auto 3.2rem; display: block; }
  .ucs-theme a:hover { background: var(--color-main); box-shadow: .2rem .2rem 2.4rem 0 rgba(241, 97, 18, .48); color: #fff; }
  
  .toggle-ucs { margin: 4.8rem auto 0; display: flex; border-radius: 80rem; padding: 1.7rem 0; width: 19.2rem; justify-content: center; align-items: center; border: .1rem solid var(--color-main); box-shadow: .2rem .2rem 2.8rem 0 rgba(241, 97, 18, .28); font-size: 1.7rem; letter-spacing: -0.34px; font-weight: bold; color: var(--color-main); position: relative; top: -10rem; background: #fff; transition: top .4rem ease-in-out; }
  .toggle-ucs.on { top: 0; }
  .toggle-ucs::after { content: ''; width: 2rem; height: 2rem; background: url(../images/toggle-arrow.png) no-repeat center; background-size: cover; transform: rotate(180deg); margin-left: 0.4rem; }
  .toggle-ucs.on::after { transform: rotate(0); }

  .aiSoundSearch { background: url(../images/ai-sound-search.png) no-repeat center; background-size: 120%; }
  .top-bn { margin-bottom: 8rem; width: 100%; border-radius: 2rem; padding: 4.8rem; background: linear-gradient(to left, #e3ecf3, #efebf2); position: relative; }
  .top-bn::before { content: ''; width: 48rem; height: 28rem; background: url(../images/top-bn-bg.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .top-bn::after { content: ''; width: 24rem; height: 24rem; background: url(../images/top-bn-img.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .top-bn img { position: absolute; left: 4.8rem; top: 50%; transform: translateY(-50%); width: 36rem; }
  .top-bn .txt { text-align: right; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.36px; line-height: 2.8rem; color: #666; position: relative; z-index: 2; }
  .top-bn .txt .c { color: var(--color-main); font-weight: bold; }
  .top-bn .txt b { color: #000; }

  .guide-wrap > .tit { padding: 1.7rem; width: 16.8rem; text-align: center; font-size: 1.6rem; font-weight: bold; color: #fff; background: #000; border-radius: 80rem; margin-bottom: 3.2rem; }
  .guide-wrap .guide-list { margin-bottom: 4.8rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
  .guide-wrap .guide-list li { border-radius: 2rem; box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, .12); padding: 4.8rem 1rem 2.4rem; }
  .guide-wrap .guide-list .tit { text-align: center; margin-bottom: 2.4rem; font-size: 2.2rem; font-weight: bold; letter-spacing: -0.44px; }
  .guide-wrap .guide-list .tit .c { color: var(--color-main); }
  .guide-wrap .guide-list .txt { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.32px; color: #666; line-height: 2.6rem; margin-bottom: 3.2rem; text-align: center; }
  .guide-wrap .img-upload-box { margin-bottom: 24rem; border-radius: 2rem; border: .1rem solid #ebebeb; background: #f5f5f5; padding: 6rem 1rem; text-align: center; }
  .guide-wrap .img-upload-box > .tit { font-size: 2.4rem; letter-spacing: -0.48px; margin-bottom: 2.8rem; font-weight: bold; display: flex; align-items: center; justify-content: center; }
  .guide-wrap .img-upload-box > .tit::before { content: ''; width: 3.2rem; height: 3.2rem; background: url(../images/img-icon.png) no-repeat center; background-size: cover; margin-right: 0.8rem; }
  .guide-wrap .img-upload-box > .txt { font-size: 1.5rem; font-weight: 500; color: #666; margin-bottom: 3.2rem; }
  .guide-wrap .img-upload-box > .txt .c { color: #000; }
  .guide-wrap .img-upload-box .file-box { border-radius: 1.2rem; border: .1rem solid #dbdbdb; padding: 1.4rem 1.6rem 1.2rem; width: 86rem; margin: 0 auto; background: #fff; }
  .guide-wrap .img-upload-box .file-box + .file-box { margin-top: 0.8rem; }
  .file-wrap { display: flex; align-items: center; }
  .file-addr { font-size: 1.5rem; letter-spacing: -0.3px; color: #b2b2b2; font-weight: 500; width: 100%; text-align: left; }
  .file-addr.on { color: #000; }
  .file-clear { width: 2rem; min-width: 2rem; height: 2rem; display: block; margin: 0 2.4rem 0 1.2rem; background: url(../images/file-clear.png) no-repeat center; background-size: cover; }
  input[type="file"] { display: none; }
  .guide-wrap .img-upload-box .file-box .tit { cursor: pointer; font-size: 1.5rem; letter-spacing: -.3px; white-space: nowrap; display: block; width: auto; padding: 1.1rem; border-radius: .8rem; border: .1rem solid var(--color-main); color: var(--color-main); font-weight: bold; }
  .guide-wrap .img-upload-box .alt-area { display: flex; align-items: center; width: 100%; margin-top: 1.4rem; border-radius: .8rem; background: #f5f5f5; }
  .guide-wrap .img-upload-box .alt-area .txt { font-size: 1.4rem; color: #666; font-weight: 500; letter-spacing: -0.28px; white-space: nowrap; padding-left: 1.4rem; }
  .guide-wrap .img-upload-box .alt-area .txt.hide { display: none; }
  .guide-wrap .img-upload-box .alt-area input { background: transparent; padding: 1.4rem 1.2rem; width: 100%; }
  .guide-wrap .img-upload-box .alt-area input::placeholder { color: #b2b2b2; }
  .guide-wrap .img-upload-box .add-img { margin: 2rem auto 0; font-size: 1.3rem; letter-spacing: -0.26px; font-weight: 500; color: #919191; display: flex; align-items: center; justify-content: center; width: 10rem; padding: 1.2rem; border: .1rem dashed #bbbaba; border-radius: .8rem; background: #fff; }
  .guide-wrap .img-upload-box .add-img::after { content: '';  width: 1.2rem; height: 1.2rem; background: url(../images/img-add.png) no-repeat center; background-size: cover; margin-left: 0.4rem; }
  .guide-wrap .img-upload-box .analyze-btn { position: relative; border-radius: 80rem; padding: 2rem 1rem; width: 21rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; color: #fff; background: linear-gradient(to right, #342597, #901760, #f16112); cursor: pointer; margin: 4.8rem auto 0; }
  .guide-wrap .img-upload-box .analyze-btn::after { content: ''; width: 2rem; height: 2rem; position: absolute; top: 1rem; right: 2.4rem; background: url(../images/analyzed-icon.png) no-repeat center; background-size: cover; }

  .loading-wrap { position: absolute; left: 50%; top: 20rem; transform: translateX(-50%); text-align: center; }
  .loading-wrap .spinner { animation: rotation 18s infinite linear; position: relative; width: 22rem; height: 22rem; background: url(../images/loading-spinner.png) no-repeat center; background-size: cover; margin: 0 auto; }
  .loading-wrap img { display: block; width: 14.6rem; position: absolute; left: 50%; transform: translateX(-50%); top: 10rem; }
  .loading-wrap .loading-txt { margin: 4.8rem auto 2rem; font-size: 2.8rem; font-weight: bold; letter-spacing: -0.56px; }
  .loading-wrap .sm-txt { font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; color: #919191; }

  .result-tab { margin-bottom: 24rem; }
  .result-tab > .txt { text-align: center; font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; margin-bottom: 3.6rem; }
  .result-tab > .txt .c { color: var(--color-main); }
  .result-tab .result-tab-btn { display: flex; gap: 1.6rem; margin-bottom: 4.8rem; justify-content: center; }
  .result-tab .result-tab-btn li { position: relative; width: 14.8rem; height: 9.2rem; border-radius: 1.2rem; overflow: hidden; }
  .result-tab .result-tab-btn img { width: 100%; height: 100%; }
  .item-label { font-size: 1.2rem; font-weight: 500; letter-spacing: -0.24px; color: #fff; position: absolute; left: 0; top: 0; padding: .7rem 1.5rem; border-radius: 1.2rem 0 1.2rem 0; background: rgba(0, 0, 0, .1); backdrop-filter: blur(3rem); }
  .result-box + .result-box { margin-top: 2.8rem; }
  .result-box { padding: 2.4rem; border-radius: 2rem; background: #efefef; }
  .result-box .tit-area { position: relative; height: 27.2rem; color: #fff; }
  .result-box .tit-area .bg-img { height: 100%; border-radius: 1.6rem; overflow: hidden; width: 100%; object-fit: cover; object-position: center; position: relative; }
  .result-box .tit-area .bg-img img { object-fit: cover; object-position: center; }
  .result-box .tit-area .bg-img::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); }
  .result-box .tit-area .txt-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .result-box .tit-area .tit { font-size: 3.6rem; font-weight: bold; letter-spacing: -0.72px; color: #fff; margin-bottom: 2.8rem; }
  .result-box .tit-area .keyword-list { gap: .4rem; display: flex; align-items: center; justify-content: center; }
  .result-box .tit-area .keyword-list li { font-size: 1.4rem; font-weight: 500; color: #ccc; letter-spacing: -.28px; padding: 1.2rem 2.8rem; border-radius: 80rem; display: flex; align-items: center; background: rgba(255, 255, 255, .1); backdrop-filter: blur(.6rem); border: .1rem solid rgba(255, 255, 255, .24); }
  .result-box .tit-area .keyword-list li::before { content: '#'; margin-right: 0.2rem; }
  .keyword-tab-wrap { margin-top: 2.4rem; }
  .keyword-tab { display: flex; align-items: center; width: 100%; }
  .keyword-tab li { width: 100%; overflow: hidden; }
  .keyword-tab li:nth-child(1) { border-radius: 1.6rem 0 0 0; }
  .keyword-tab li:nth-child(3) { border-radius: 0 1.6rem 0 0; }
  .keyword-tab li a { padding: 2.2rem 1rem; font-size: 2rem; letter-spacing: -0.4px; color: #b2b2b2; font-weight: bold; text-align: center; background: #666; display: block; }
  .keyword-tab li.active a { background: linear-gradient(to bottom, #f16112, #f28950); color: #fff; }
  .keyword-cont-wrap { background: #fff; border-radius: 0 0 1.6rem 1.6rem; padding: 3.2rem 2.8rem; }
  .keyword-cont-wrap .keyword-cont { display: none; }
  .keyword-cont-wrap .active { display: block; }
  .keyword-ck-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6rem; }
  .keyword-ck-list label { display: block; padding: 2rem 1.6rem; border-radius: 1.2rem; border: .1rem solid transparent; outline: .1rem solid #dbdbdb; position: relative; }
  .keyword-ck-list label.on { border: .2rem solid var(--color-main); background: #fef8f5; outline: 0; }
  .keyword-ck-list label input { display: none; }
  .custom-ck { width: 2.4rem; height: 2.4rem; border-radius: .6rem; border: .1rem solid #dbdbdb; position: absolute; right: 0.8rem; top: 0.8rem; display: flex; align-items: center; justify-content: center; }
  input:checked + .custom-ck { background: var(--color-main); border-color: var(--color-main); }
  input:checked + .custom-ck::after { content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/check-white.png) no-repeat center; background-size: cover; }
  .keyword-cate { margin-bottom: 1.2rem; display: flex; align-items: center; }
  .keyword-cate li { white-space: nowrap; font-size: 1.3rem; letter-spacing: -0.26px; color: #666; font-weight: 500; display: flex; align-items: center; }
  .keyword-cate li:not(:last-child)::after { content: ''; width: 1.2rem; height: 1.2rem; background: url(../images/list-arrow.png) no-repeat center; background-size: cover; margin: 0 .2rem; }
  .keyword-ck-list label .tit { font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; margin-bottom: 1.6rem; height: 4.8rem; line-height: 2.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
  .keyword-ck-list label .keyword-ck { display: flex; align-items: center; }
  .keyword-ck-list label .keyword-ck li, .keyword-ck-list label .keyword-ck li * { font-size: 1.3rem; font-weight: 500; color: #919191; letter-spacing: -0.26px; }
  .keyword-ck-list label .keyword-ck li { display: flex; align-items: center; }
  .keyword-ck-list label .keyword-ck li:not(:last-child)::after { content: ''; width: 0.1rem; height: 1rem; background: #dbdbdb; display: block; margin: 0 .8rem; }
  .keyword-ck-list label .keyword-ck .b { color: #666; font-weight: bold; }
  .keyword-ck-list label .keyword-ck .play { display: flex; align-items: center; }
  .keyword-ck-list label .keyword-ck .play::after { content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/item-play-on.png) no-repeat center; background-size: cover; display: block; margin-left: 0.2rem; }
  .no-keyword-result { padding: 1.6rem 0 2.8rem; text-align: center; }
  .no-keyword-result .icon { width: 8rem; height: 8rem; margin: 0 auto 2.4rem; background: url(../images/no-item.png) no-repeat center; background-size: cover; }
  .no-keyword-result .tit { font-size: 1.8rem; font-weight: bold; letter-spacing: -0.36px; color: #666; margin-bottom: 1.6rem; }
  .no-keyword-result .txt { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; color: #919191; font-weight: 500; }
  .analyzed-btns { margin-top: 4.8rem; display: flex; justify-content: space-between; }
  .analyzed-btns button { display: flex; align-items: center; padding: 1.7rem 2rem; border-radius: 1.2rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; gap: .4rem; }
  .analyzed-btns .prev { border: .1rem solid #dbdbdb; background: #f5f5f5; color: #919191; }
  .analyzed-btns .next { border: .1rem solid var(--color-main); background: #fff; color: var(--color-main); }
  .analyzed-btns .prev::before { content: ''; width: 2rem; height: 2rem; background: url(../images/btn-prev.png) no-repeat center; background-size: cover; }
  .analyzed-btns .next::after { content: ''; width: 2rem; height: 2rem; background: url(../images/btn-next.png) no-repeat center; background-size: cover; }

  .select-sound-wrap { margin-bottom: 24rem; }
  .select-sound-wrap .tit { font-size: 3.2rem; font-weight: bold; letter-spacing: -0.64px; margin-bottom: 2.8rem; }
  .select-sound-list > li { border-radius: 2rem; padding: 3.6rem 2.8rem 3.6rem 3.2rem; box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, .12); }
  .select-sound-list > li + li { margin-top: 2.8rem; }
  .select-sound-list .thumb { position: relative; width: 24.8rem; border-radius: 1.2rem; overflow: hidden; }
  .select-sound-list .once-play { border: .1rem solid var(--color-main); font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; display: flex; align-items: center; border-radius: 8rem; margin-top: 2rem; padding: 1.2rem 1rem; width: 100%; background: #fff; color: var(--color-main); justify-content: center; }
  .select-sound-list .once-play::before { content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/item-play-on.png) no-repeat center; background-size: cover; margin-right: 0.8rem; }
  .select-sound-list .once-play:hover { background: var(--color-main); border-color: var(--color-main); color: #fff; }
  .select-sound-list .once-play:hover::before { background: url(../images/item-play.png) no-repeat center; background-size: cover; margin-right: 0.8rem; }
  .select-sound-list .sound-info { margin-left: 8rem; width: 100%; border-collapse: collapse; table-layout: fixed; }
  .select-sound-list .sound-info col:nth-child(1) { width: 8%; }
  .select-sound-list .sound-info col:nth-child(2) { width: 60%; }
  .select-sound-list .sound-info col:nth-child(3) { width: 17%; }
  .select-sound-list .sound-info col:nth-child(4) { width: 8%; }
  .select-sound-list .sound-info col:nth-child(5) { width: 8%; }
  .select-sound-list .sound-info th { font-size: 1.4rem; font-weight: 500; color: #919191; text-align: center; padding: 1rem 0; }
  .select-sound-list .sound-info tbody tr:not(:last-child) { border-bottom: .1rem solid #ebebeb; }
  .select-sound-list .sound-info tbody tr:hover td { background: #fbf1eb; }
  .select-sound-list .sound-info td { text-align: center; padding: 1.8rem 2.2rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; }
  .select-sound-list .sound-info td.tit-td { width: 65%; }
  .select-sound-list .sound-info .item-tit { text-align: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .select-sound-list .sound-info .custom-ck { position: static; margin: 0 auto; }
  .select-sound-list .sound-info .keyword-cate { margin-bottom: 0; justify-content: center; }
  .select-sound-list .sound-info .keyword-cate::before { width: 2rem; height: 2rem; min-width: 2rem; margin-right: 0.4rem; }
  .select-sound-list .sound-info .play { width: 2.4rem; height: 2.4rem; background: url(../images/item-play-on.png) no-repeat center; background-size: cover; display: block; } 
  .select-btns { display: flex; gap: .4rem; }
  .select-btns button { color: #fff; display: flex; align-items: center; gap: .4rem; width: 15rem; justify-content: center; }
  .select-btns .add-cart { background: #24a593; }
  .select-btns .add-cart::before { content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/addcart-icon.png) no-repeat center; background-size: cover; }
  .select-btns .download { background: var(--color-main); }
  .select-btns .download::after { content: ''; width: 1.8rem; height: 1.8rem; background: url(../images/download-icon.png) no-repeat center; background-size: cover; }

  .join-area { width: 100%; margin: 22rem auto 24rem; }
  .withdraw-box { width: 100%; }
  .withdraw-box .busineess-withdraw li::before,
  .withdraw-box .withdraw-list .list-wrap li::before { align-self: flex-start; }
  
  .detail-item-card .item-utils { top: 0; right: 0; } 
  
  header.show .menu-container { margin-top: -.2rem; }
  .intro-section-wrap { width: calc(100% + 32rem); left: -16rem; }
  .intro-section-wrap .section-item2 .intro-section-tit { left: 16rem; }
  .intro-section-wrap .section-item3 .type-list { position: relative; left: 16rem; } 
	.intro-section-wrap .section-item1 .tit-wrap {
	    margin-top: 18rem;
	}
	
	
	.intro-section-wrap .section-item2 .rotation-center {
	    width: 26rem;
	    height: 26rem;
	}
	
	.intro-section-wrap .section-item2 .rotation-center .item-tit {
	    font-size: 2.4rem;
	}
	
	.intro-section-wrap .section-item2 .rotation-items li {
	    font-size: 1.6rem;
	    line-height: 2.4rem;
	    width: 18rem;
	    height: 18rem;
	}
	
    .intro-section-wrap .section-item2 .rotation-items li:nth-child(1) {
        left: -33rem;
        top: -17rem;
    }

    .intro-section-wrap .section-item2 .rotation-items li:nth-child(2) {
        left: -4rem;
        top: -33rem;
    }

    .intro-section-wrap .section-item2 .rotation-items li:nth-child(3) {
        left: 14rem;
        top: -1rem;
    }

    .intro-section-wrap .section-item2 .rotation-items li:nth-child(4) {
        left: -16rem;
        top: 14rem;
    }
	
	.intro-section-wrap .section-item3 .inner {
	    padding: 10rem 0 0;
	}
	
	.intro-section-wrap .section-item3 .type-list {
	    display: flex;
	    align-items: center;
	    height: 26rem;
	}
	
	.intro-section-wrap .section-item3 .type-list li {
	    width: 26rem;
	    height: 26rem;
	}
	
	.intro-section-wrap .section-item3 .type-list li .item-tit {
	    font-size: 2.6rem;
	}
	
	.intro-section-wrap .section-item3 .type-list li .counting-txt {
	    font-size: 1.8rem;
	    margin-bottom: 2rem;
	}
	
	.intro-section-wrap .section-item3 .type-list li .counting-txt span {
	    font-size: 4rem;
	    letter-spacing: -0.96px;
	}
	
	.intro-section-wrap .section-item3 .type-list li .b {
	    font-size: 2rem;
	    letter-spacing: -0.4px;
	    margin-bottom: 0.8rem;
	}
	
	.intro-section-wrap .section-item3 .type-list li .sm {
	    font-size: 1.6rem;
	}
	
	.source-guide .txt,
	.source-guide .strong-box { line-height: 2.4rem; word-break: keep-all; }
}

@media all and (max-width: 1400px) and (min-width: 1281px) {
	header.show .menu-container { margin-top: -.2rem; }
	header nav { width: 65rem; }
	header nav.on { width: 80rem; }
	header .inner { margin: 0 3rem; }
	header .search-area { margin: 0 1rem; }
	header .login-btn { margin-right: 1rem; }
	.menu-slide-area .menu-vid { width: 24rem; }
	
	.main-contents .inner { width: calc(100% - 20rem); }
	
	.section1 .right-contents { top: 56%; }
	.section1 .right-contents .intro-vid { margin-bottom: 1rem; }
	.section1 .intro-txt .tit { margin-bottom: 1rem; }
	.section1 .intro-txt .txt { margin-bottom: 1rem; }
	
	.section1 .ai-banner .tit { width: 10rem; margin-bottom: 1rem; }
	.section1 .ai-banner .txt { margin-bottom: 1rem; }
	.section1 .guide-btn,
	.section1 .ai-banner .btn { margin-top: 1rem; }
	
	.section1 .main-text .big { font-size: 6.8rem; }
	
	.section5 .news-area { margin-right: 5rem; }
	
	.detail-item-card .item-utils { top: 0; right: 0; }
	
	.main-contents .breadcrumb { left: 10rem; }
	.main-contents .detail-container .breadcrumb { left: 10rem; }
	
	.pagingUtil { margin: 2rem auto 0; }
	
	.intro-section-wrap { width: calc(100% + 23rem); left: 50%; transform: translateX(-50%); }
    .intro-section-wrap .section-item2 .intro-section-tit { left: 0; }
    .intro-section-wrap .section-item3 .type-list { position: relative; left: 0; } 
	.intro-section-wrap .section-item1 .tit-wrap {
	    margin-top: 18rem;
	}
	
	.intro-section-wrap .section-item2 .rotation-center {
	    width: 26rem;
	    height: 26rem;
	}
	
	.intro-section-wrap .section-item2 .rotation-center .item-tit {
	    font-size: 2.4rem;
	}
	
	.intro-section-wrap .section-item2 .rotation-items li {
	    font-size: 1.6rem;
	    line-height: 2.4rem;
	    width: 18rem;
	    height: 18rem;
	}
	
    .intro-section-wrap .section-item2 .rotation-items li:nth-child(1) {
        left: -33rem;
        top: -17rem;
    }

    .intro-section-wrap .section-item2 .rotation-items li:nth-child(2) {
        left: -4rem;
        top: -33rem;
    }

    .intro-section-wrap .section-item2 .rotation-items li:nth-child(3) {
        left: 14rem;
        top: -1rem;
    }

    .intro-section-wrap .section-item2 .rotation-items li:nth-child(4) {
        left: -16rem;
        top: 14rem;
    }
	
	.intro-section-wrap .section-item3 .inner {
	    padding: 10rem 0 0;
	}
	
	.intro-section-wrap .section-item3 .type-list {
	    display: flex;
	    align-items: center;
	    height: 26rem;
	}
	
	.intro-section-wrap .section-item3 .type-list li {
	    width: 26rem;
	    height: 26rem;
	}
	
	.intro-section-wrap .section-item3 .type-list li .item-tit {
	    font-size: 2.6rem;
	}
	
	.intro-section-wrap .section-item3 .type-list li .counting-txt {
	    font-size: 1.8rem;
	    margin-bottom: 2rem;
	}
	
	.intro-section-wrap .section-item3 .type-list li .counting-txt span {
	    font-size: 4rem;
	    letter-spacing: -0.96px;
	}
	
	.intro-section-wrap .section-item3 .type-list li .b {
	    font-size: 2rem;
	    font-weight: bold;
	    letter-spacing: -0.4px;
	    margin-bottom: 0.8rem;
	}
	
	.intro-section-wrap .section-item3 .type-list li .sm {
	    font-size: 1.6rem;
	    font-weight: 500; 
	}
	
	.list-top .search-container { width: 26rem; }
	.action-btns button { font-size: 1.3rem; padding: 1.5rem 1rem; }
	
	.flex-template .full-list .thumb { width: 28rem; min-width: 28rem; margin-right: 2rem; }
	.list-wrap.full-list .info-txt { width: calc(100% - 30rem); }
}

@media all and (max-width: 1280px) {
	.section3 .library-list li:hover::after { display: none; }
  .custom-input-label { gap: 0.8rem; }
  .custom-input-label .input-tit { font-size: 3rem; letter-spacing: -0.6px; color: #666; }
  .custom-input-label .custom-radio { width: 4.8rem; height: 4.8rem; border: .2rem solid #dbdbdb; margin-right: 1.6rem; }
  .custom-input-label .custom-radio::after { content: ''; width: 2.4rem; height: 2.4rem;}
  select { background: url('../images/lang-arrow-show.png') no-repeat right 1.6rem center; background-size: 4rem; }

  .mo-none { display: none !important; }
  .mo { display: block !important; }

  .inner { margin: 0 3.2rem; }

  .section .bg-vid { width: calc(100% + 6.4rem); left: -3.2rem; }

  .search-input-container { border-radius: 80rem; margin-bottom: 4.8rem; padding-right: 4rem; }
  .search-input-container input { padding: 3.4rem 4rem; font-size: 3.2rem; letter-spacing: -0.64px; }
  .search-input-container button { width: 5.6rem; }
  .search-input-container button img { width: 5.6rem; height: 5.6rem; }
  .search-form .recommend-search { flex-flow: row wrap; width: calc(100% - 8rem); margin: 0 4rem; }
  .search-form .recommend-tit { width: 100%; font-size: 2.8rem; letter-spacing: -0.59px; }
  .search-form .recommend-tit::after { display: none; }
  .search-form .recommend-list { margin-top: 2.4rem; display: flex; gap: .8rem; }
  .search-form .recommend-list a { padding: 1.6rem 2rem; border: .2rem solid #ebebeb; font-size: 2.6rem; letter-spacing: -0.52px; gap: .8rem; white-space: nowrap; }

  /* .section-tit-wra{ padding: 3.6rem 2.4rem; } */

  header { background: transparent; }
  header .inner { padding: 3.6rem 0; }
  header .logo { width: 24.4rem; height: 6.4rem; }
  header.show .default { display: none; }
  header.show .menu-btn .close { display: block; }
  header.show .menu-btn .show,
  header.no-bg.show .menu-btn .default { display: none; }

  header .lang-area button { font-size: 2.6rem; }
  header .lang-area button::before, header.show .lang-area button::before { width: 4rem; height: 4rem; margin-right: .8rem; }
  header .lang-area button::after, header.show .lang-area button::after { width: 3.2rem; height: 3.2rem; }
  header .lang-area .lang-list { top: calc(100% + 3.2rem); width: 8.8rem; }
  header .lang-area .lang-list li { font-size: 2.8rem; letter-spacing: -0.56px; }
  header .lang-area .lang-list li a { padding: 2rem 0; }

  .menu-container { border-top: .2rem solid #ebebeb; position: fixed; width: 100%; padding: 0; height: calc(100vh - 13.6rem); margin-top: 13.6rem !important; display: block; background: #fff; left: 100%; top: 0; transform: inherit; z-index: 555; display: block; transition: left .4s ease-in-out; }
  .show .menu-container::before { display: none; } 
  .menu-container.active { left: 0; }
  .menu-container .nav-util { margin-bottom: 9.6rem; display: flex; align-items: center; width: 100%; }
  .menu-container .nav-util li { width: 100%; text-align: center; }
  .menu-container .nav-util a { padding: 2.8rem 0; display: block; font-size: 2.8rem; font-weight: 500; letter-spacing: -0.56px; color: #666; background: #f5f5f5; }
  header.show .menu-container { overflow-y: auto; border-bottom: 0; height: 100%; }
  header nav { width: 100%; z-index: 5; position: relative; left: 0; transform: inherit; }
  header .dep1 { display: flex; flex-flow: column; }
  header .dep1 > li { text-align: left; width: 100%; }
  header .dep1 > li + li { margin-top: 9.6rem; }
  header .dep1 > li > a { padding: 0 3.2rem; font-size: 3.4rem; font-weight: bold; letter-spacing: -0.68px; color: #000; position: relative; width: 100%; display: block; }
  header .dep1 > li > a::after { left: inherit; position: absolute; right: 3.2rem; top: 50%; transform: translateY(-50%); content: ''; width: 3.2rem; height: 3.2rem; background: url(../images/mo-menu.png) no-repeat center; background-size: cover; transition: none; }
  header .dep1 > li:hover > a { color: #000; }
  header.show .dep1 > li:hover > a::after { transform: scale(1) translateX(0) translateY(0); top: 0.2rem; }
  header .dep1 > li.active > a { color: var(--color-main); }
  header .dep1 > li.active > a::after { transform: inherit; background: url(../images/mo-menu-on.png) no-repeat center; background-size: cover; top: .2rem; height: 1.6rem; width: 1.6rem; margin-left: auto; }
  .menu-slide-area { display: none; }
  header .dep2 { overflow: hidden; display: none; background: #f5f5f5; border-radius: 2.4rem; margin: 0 3.2rem; border: .2rem solid #ebebeb; grid-template-columns: repeat(2, 1fr); width: calc(100% - 6.4rem); height: auto; position: relative; margin-top: 3.2rem; padding-top: 0; }
  header.sub .dep2 { height: auto; }
  header .dep2:first-child { border-left: 0; border-right: 0; }
  header .dep2:not(:first-child) { border-right: .2rem solid #ebebeb; }
  header .dep2 li { text-align: center; }
  header .dep2 li a { color: #000; font-size: 2.8rem; letter-spacing: -0.56px; font-weight: 500; padding: 2.8rem 0; display: block; background: #fff; }
  header .dep2 li + li { margin-top: 0; }
  header .dep2 li:nth-child(odd) { border-right: .2rem solid #ebebeb; }
  header .dep2 li:not(:last-child) { border-bottom: .2rem solid #ebebeb; }
  header .dep1 li:nth-child(1) .dep2 li:nth-child(3),
  header .dep1 li:nth-child(5) .dep2 li:nth-child(3) { border-bottom: 0; }
  header .aiSearchBtn { display: block; margin: 12rem 3.2rem 24rem; width: calc(100% - 6.4rem); }

  header .search-area { margin: 0 3.2rem; width: 4rem; height: 4rem; }
  header .search-slide-area { padding: 24rem 0 16rem; }
  header .search-slide-area .tit { font-size: 4.8rem; letter-spacing: -0.96px; margin-bottom: 6.4rem; }

  header .search-area .pop-close { width: 8.8rem; height: 8.8rem; top: 4rem; right: 4rem; }
  header .search-area .pop-close img { width: 4.8rem; }
  header .search-slide-area .search-form { width: calc(100% - 6.4rem); margin: 0 3.2rem; }
  header .search-slide-area .search-input-container { border: .4rem solid var(--color-main); }

  header.show .lang-area button { color: #000; }
  header.show .lang-area button::before { content: ''; width: 4.8rem; height: 4.8rem; background: url(../images/lang-show.png) no-repeat center; background-size: cover; margin-right: 1.6rem; }
  header.show .lang-area button::after { content: ''; width: 4rem; height: 4rem; background: url(../images/lang-arrow-show.png) no-repeat center; background-size: cover; }
  header.show .login-btn { border: .2rem solid rgba(219, 219, 219, 1); background: rgba(245, 245, 245, 1); color: #000; }

  header .menu-btn { width: 4.8rem; height: 4.8rem; }

  .menu-slide-area, .lang-list, .search-slide-area { display: none; transition: all 0.3s ease; }
  .menu-slide-area.show, .lang-list.show, .search-slide-area.show, .pop-bg.show { display: block !important; }
  header .dep2.show { display: grid !important; }

  main .section { position: relative; width: 100%; height: 100%; min-height: 100vh; }
  main .section .bg-vid { position: absolute; width: 100%; left: 0; height: 100%; text-align: center; }
  main .section .bg-vid video { width: 100%; height: 100%; object-fit: cover; }

  .section-tit-area .sm-tit { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 2.4rem; }
  .section-tit-area .big-tit { font-size: 6.4rem; letter-spacing: -1.28px; }

  .section1 .bg-vid .txt { font-size: 2.4rem; }
  .section1 .bg-vid .bar { width: 0.4rem; height: 12rem; margin: .8rem auto; }
  .section1 .search-container { width: calc(100% - 6.4rem); top: 38%; }
  .section1 .recommend-tit::after { display: none; }
  .section1 .recommend-list a { color: #fff; border: .2rem solid rgba(255, 255, 255, .24); }
  .section1 .right-contents { top: 53%; right: 3.2rem; z-index: 22 }
  .section1 .right-contents.hide { right: -56rem; }
  .section1 .right-contents .contents-btn { border-radius: 80rem; width: 4.8rem; height: 13.6rem; }
  .section1 .right-contents .contents-btn img { width: 3.2rem; }
  .section1 .right-contents .contents-area { width: 56rem; margin-left: 3.2rem; }
  .section1 .right-contents .intro-vid { margin-bottom: 2.4rem; border-radius: 3.2rem; padding: 2rem 2rem 3rem; }
  .section1 .right-contents .intro-vid .video-wrap { border-radius: 2.4rem; height: 22rem; margin-bottom: 2.4rem; }
  .section1 .video-control .btn-icon { margin-bottom: 1.6rem; width: 8rem; height: 8rem; border: .6rem solid var(--color-main); }
  .section1 .video-control p { font-size: 2rem; letter-spacing: -0.48px; }
  .section1 .intro-txt .tit { font-size: 2.6rem; letter-spacing: -0.64px; margin-bottom: 1.6rem; }
  .section1 .intro-txt .txt { font-size: 2rem; letter-spacing: -0.48px; line-height: 3.4rem; margin-bottom: 2rem; }
  .section1 .go-video { font-size: 2rem; letter-spacing: -0.52px; }
  .section1 .go-video::after { width: 2.8rem; height: 2.8rem; margin-left: 0.4rem; }
  .section1 .ai-banner { padding: 2.8rem 2.4rem; border-radius: 3.2rem; }
  .section1 .ai-banner .tit { width: 18rem; margin-bottom: 2rem; }
  .section1 .ai-banner .txt { font-size: 2rem; letter-spacing: -0.56px; line-height: 3.4rem; margin-bottom: 3rem; }
  .section1 .ai-banner .btn { padding: 2rem 3rem; border-radius: 1.6rem; width: 23.2rem; font-size: 2.6rem; letter-spacing: -0.52px; }
  .section1 .guide-btn { font-size: 3rem; font-weight: bold; letter-spacing: -0.6px; margin-top: 2.4rem; border-radius: 2.4rem; padding: 2.4rem 3.2rem; }
  .section1 .guide-btn::before { width: 4rem; height: 4.2rem; margin-right: 1.6rem; }
  .section1 .guide-btn::after { display: none; }
  .section1 .guide-btn .guide-preview { font-size: 3rem; letter-spacing: -0.6px; line-height: 4rem; }
  .section1 .guide-btn .guide-download { width: 4.8rem; height: 4.8rem; }

  .section1 .main-text { left: 3.2rem; bottom: 25.2rem; }
  .section1 .main-text .sm { font-size: 3.6rem; letter-spacing: -0.72px; }
  .section1 .main-text .big { font-size: 9.6rem; letter-spacing: -1.98px; margin-top: 3.2rem; }

  .section2 .section-tit-area .tit { font-size: 12rem; letter-spacing: -2.4px; line-height: 14rem; }
  .section2 .section-tit-area .sm { display: inline-flex; position: relative; }
  .section2 .section-tit-area .sm::after { top: -2rem;  position: absolute; right: -16rem; left: inherit; content: ''; width: 10.8rem; height: 10.8rem; }
  .section2 .section-tit-area .txt { font-size: 4.8rem; letter-spacing: -0.96px; line-height: 6.8rem; margin-top: 6.4rem; }

  .section2 .animate-vid { width: 48rem; height: 24rem; bottom: -28rem; left: 50%; transform: translateX(-50%); }
  /* .section2 .animate-vid video { height: 24rem; } */

  .section3 .section-tit-area { margin: 16rem 0 6.4rem; }
  .section3 .library-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
  .section3 .library-list li { border-radius: 2.4rem; }
  .section3 .library-list a { padding: 3.2rem 0; }
  .section3 .library-list .icon { width: 8rem; height: 8rem; margin: 0 auto 3.2rem; }
  .section3 .library-list .item-tit { font-size: 2.8rem; letter-spacing: -0.56px; margin-bottom: 1.6rem; }
  .section3 .library-list .item-count { font-size: 4rem; letter-spacing: -0.8px; }
  .section3 .animate-bg { width: calc(100% + 6.4rem); left: -3.2rem; }

  .section4 .txt-wrap { bottom: 9.6rem; }
  .section4 .txt-wrap .tit { font-size: 12rem; letter-spacing: -2.4px; margin-bottom: 6.4rem; }
  .section4 .txt-wrap .txt .big { font-size: 4.8rem; letter-spacing: -0.96px; margin-bottom: 3.2rem; }
  .section4 .txt-wrap .txt .sm { font-size: 3.2rem; letter-spacing: -0.6px; line-height: 4.8rem; }

  .section4 .carousel-wrap { top: 90%; perspective: 1000px; }
  .section4 .card-wrap { width: 26.8rem; height: 36rem; }
  .section4 .card-wrap .category-tit { font-size: 3rem; margin-bottom: 1.6rem; }
  .section4 .card-wrap .video { height: 36rem; border-radius: 2.4rem; }
  .section4 .card-wrap .video::after { border-radius: 2.4rem; }
  .section4 .card-wrap .user-id { top: 2rem; left: 2rem; font-size: 2rem; letter-spacing: -.4px; }
  .section4 .card-wrap .vid-intro-txt { margin: 0 2rem; bottom: 2rem; font-size: 2.2rem; font-weight: bold; letter-spacing: -0.44px; line-height: 3.6rem; height: 8rem; }
  .section4 .card-wrap .bg-area { display: block; background: none; }
  .section4 .card-wrap:hover .bg-area { background: transparent; }
  .section4 .card-wrap .bg-area .vid-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6.4rem; height: 6.4rem; background: url(../images/category-play.png) no-repeat center; background-size: cover; }
  .section4 .card-wrap:hover .bg-area .vid-play { width: 6.4rem; height: 6.4rem; }
  .vid-play.is-playing {
      opacity: 0;
      pointer-events: none; /* 클릭 방지 */
  }
  .section4 .control { top: -56rem; }
  .section4 .control button { width: 7.2rem; height: 7.2rem; min-width: 7.2rem; }
  .section4 .is-playing { background: #f5f5f5 url(../images/category-list-play.png) no-repeat center; background-size: 3.2rem; }
  .section4 .is-paused { background: #f5f5f5 url(../images/category-list-stop.png) no-repeat center; background-size: 3.2rem; }
  .section4 .control button:hover { border: .2rem solid var(--color-main); }
  .section4 .is-playing:hover { background: #fff url(../images/category-list-hover-play.png) no-repeat center; background-size: 3.2rem; }
  .section4 .is-paused:hover { background: #fff url(../images/cateogry-list-hover-stop.png) no-repeat center; background-size: 3.2rem; }

  .section4 .light-txt { font-size: 14rem; line-height: 100%; bottom: -2rem; font-weight: 800;  }

  /* .section5 { height: 100% !important; } */
  .section5 .inner { flex-flow: column; margin-top: 24rem; }
  .section5 .section-tit-area { margin-bottom: 6.4rem; }
  .section5 .news-area { width: 100%; margin-right: 0; }
  .section5 .news-list .thumb { height: 30.8rem; margin-bottom: 4.8rem; }
  .section5 .news-list .thumb img { height: 100%; }
  .section5 .news-list .news-tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 2.4rem; }
  .section5 .news-list .news-detail-txt { font-size: 2.8rem; letter-spacing: -0.56px; margin-bottom: 6.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .section5 .news-list .news-detail-btn { padding: 2.2rem 2.4rem; border-radius: 1.6rem; font-size: 3rem; letter-spacing: -0.6px; border: .2rem solid #000; width: 26rem; }
  .section5 .news-list .news-detail-btn::after { width: 2.8rem; height: 2.8rem; margin-left: auto; }
  .section5 .news-area .news-controls { padding: 2.4rem 3.2rem; top: 5.6rem; right: 0; display: flex; width: 27.6rem; align-items: center; }
  .section5 .swiper-pagination { font-size: 2.8rem; }
  .section5 .news-area .news-controls button { width: 3.2rem; min-width: 3.2rem; height: 3.2rem; }

  .section5 .notice-area { position: relative; margin-top: 16rem; }
  .section5 .notice-list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0; }
  .section5 .notice-list > li + li { border-top: .2rem solid #ebebeb; padding-top: 4.8rem; margin-top: 4.8rem; }
  .section5 .notice-list a { display: flex; }
  .section5 .notice-list .thumb { width: 25.2rem; min-width: 25.2rem; height: 35.9rem; margin-right: 3.2rem; border-radius: 2.4rem; }
  .section5 .notice-list .thumb.no-thumb { border: .2rem #ebebeb solid; }
  .section5 .notice-list .thumb.no-thumb img { width: 13.6rem; }
  .section5 .notice-list .cate-label { border-radius: 1.2rem; border: .2rem solid var(--color-main); width: 9.6rem; padding: .8rem 0; font-size: 2.6rem; letter-spacing: -0.52px; margin-bottom: 2.4rem; }
  .section5 .notice-list .tit { font-size: 3.2rem; letter-spacing: -0.64px; line-height: 5.2rem; margin-bottom: 3.2rem; height: 14.4rem; }
  .section5 .notice-list .info-list li { font-size: 2.4rem; letter-spacing: -0.48px; }
  .section5 .notice-list .info-list li:not(:last-child) { margin-bottom: 1.2rem; }
  .section5 .notice-area .notice-detail-btn { position: absolute; right: 0; top: 5.2rem; padding: 2.4rem 3.2rem; border-radius: 80rem; border: .2rem solid #ebebeb; font-size: 2.8rem; letter-spacing: -0.56px; }
  .section5 .notice-area .notice-detail-btn::after { width: 3.2rem; height: 3.2rem; margin-left: 0.8rem; top: -.2rem; }
  .section5 .notice-list li:hover .thumb::after { display: none; }
  .section5 .notice-list li:hover .hover-layer { display: none; }
  .section5 .notice-list li:hover .hover-layer::after { display: none; }

  .section6 .contents-swiper-container { margin-top: 6.4rem; position: relative; width: calc(100% + 3.2rem) }
  .section6 .contents-swiper { left: -1.6rem; width: calc(100% + 3.2rem); }
  .section6 .contents-list { left: 44rem !important; }
  .section6 .contents-swiper .swiper-slide { width: calc(100%) !important; flex: 0; }
  .section6 .contents-swiper-container .thumb { margin-bottom: 4rem; border-radius: 3.2rem; width: 53.6rem; aspect-ratio: 16 / 9; height: auto; }
  .section6 .contents-swiper-container .thumb:not(.no-thumb) img { transform: none; }
  .section6 .contents-swiper-container li:hover .thumb::after { display: none; }
  .section6 .contents-swiper-container .contents-cate { margin-bottom: 2.4rem; font-size: 3rem; letter-spacing: -0.6px; }
  .section6 .contents-swiper-container .contents-tit { font-size: 4rem; letter-spacing: -0.8px; }
  .section6 .contents-detail-btn { right: 2.4rem; top: -16rem; padding: 2.4rem 3.2rem; border-radius: 80rem; border: .2rem solid #ebebeb; font-size: 2.8rem; letter-spacing: -0.56px; }
  .section6 .contents-detail-btn::after { width: 3.2rem; height: 3.2rem; margin-left: 0.8em; top: -.2rem; }
  .section6 .swiper-pagination-progressbar { position: relative; margin: 12rem auto; background: #efefef; width: calc(100% - 3.2rem); border-radius: 80rem; overflow: hidden; }
  .section6 .swiper-pagination-progressbar-fill { background: #919191; border-radius: 80rem; }
  .section6 .contents-detail-btn::after { width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; top: -.1rem; }
  .section6 .swiper-pagination-progressbar {position: relative; margin: 12rem auto; background: #efefef; width: calc(100% - 3.2rem); border-radius: 80rem; overflow: hidden; height: 1.2rem; }
  .section6 .swiper-pagination-progressbar-fill { position: absolute; display: block; background: #919191; border-radius: 80rem; width: 100%;  height: 100%; transform-origin: left center; transform: scaleX(0); }

  .section6 .contents-list > li { margin-right: 6.4rem; }
  .section6 .contents-swiper-container .no-thumb { border: .2rem solid #ebebeb; }
  .section6 .contents-swiper-container .no-thumb img { width: 24rem; height: 24rem; }


  .fixed-btn-wrap { right: 3.2rem; bottom: 20rem; }
  .ai-search-btn { 
      box-shadow: 0 0 5.2rem 0 rgba(249,84,23,.48);
      display: flex; align-items: center; justify-content: center; gap: 2.4rem; overflow: hidden;
      background: linear-gradient(135deg, #f16112, #8c1463, #3c0c84);
      border-radius: 50%; width: 14.4rem; height: 14.4rem; transition: all .4s; 
  }
  .ai-search-btn .txt-left { display: block; width: 0; transition: all .4s; }
  .ai-search-btn .txt { width: 9rem; }
  .ai-search-btn:hover { border-radius: 50%; width: 14.4rem; }
  .ai-search-btn:hover .txt { display: block; }
  .ai-search-btn:hover .txt-left { display: none; }
  .ai-search-btn:hover .ai-character { display: none; }
  .top-btn { right: 5.6rem; bottom: 5.6rem;  width: 9.6rem; height: 9.2rem; border: .2rem solid #ebebeb; background-size: 4.8rem; }

  footer { border-top: .2rem solid #ebebeb; }
  footer .inner { padding: 12rem 0; display: flex; flex-flow: row wrap; justify-content: space-between; }
  footer .terms-list { display: flex; flex-flow: row wrap; gap: 4rem; margin-bottom: 6.4rem; width: 100%; }
  footer .terms-list li { width: 100%; }
  footer .terms-list li a { font-size: 3rem; letter-spacing: -0.6px; }
  footer .txt-wrap { font-size: 2.8rem; letter-spacing: -0.56px; }
  footer .txt-wrap .txt:last-child { margin-top: 1.6rem; }
  footer .logo { width: 16.4rem; position: absolute; left: inherit; right: 3.2rem; transform: inherit; }
  footer .family-site { display: flex; gap: 4rem; margin: 9.6rem 0 5.8rem; }
  footer .family-site li { height: 5.6rem; }
  footer .copyright {text-align: left; font-size: 2.4rem; letter-spacing: -0.48px; }

  /*================= 로그인 ==========================*/
  header.no-bg.sub { border-bottom: .2rem solid #ebebeb; }
  header.no-bg .login-btn { border: .2rem solid #dbdbdb; }

  .login-area { margin: 25.6rem auto 24rem; width: 100%; }
  .login-area .tit,
  .join-area .tit { font-size: 5.2rem; margin-bottom: 9.6rem; }
  .login-area .input-label + .input-label { margin-top: 2.4rem; }
  .login-area .input-label input { border-radius: 2.4rem; border: .2rem solid #dbdbdb; padding: 3.2rem 2.4rem; font-size: 3rem; font-weight: 500; letter-spacing: -0.6px; }
  .login-area .ck-label {gap: 1.6rem; margin: 3.2rem 0 5.6rem; }
  .login-area .ck-label .label-tit { font-size: 3rem; letter-spacing: -0.6px; }
  .login-area .login-btn { width: 100%; padding: 3.4rem; border-radius: 2.4rem; font-size: 3.4rem; letter-spacing: -0.68px; }
  .login-area .login-util { margin: 5.6rem 0 9.2rem; }
  .login-area .login-util li { font-size: 3rem; letter-spacing: -0.6px; }
  .login-area .login-util li:not(:last-child)::after { width: 0.2rem; height: 2.8rem; margin: 0 3.2rem; }
  .login-area .easy-login { padding-top: 6.8rem; border-top: .2rem solid #dbdbdb; }
  .login-area .easy-login .tit { padding: 1.6rem; display: block; font-size: 2.8rem; font-weight: 500; letter-spacing: -0.56px; color: #666; position: absolute; left: 50%; top: -3.4rem; transform: translateX(-50%); }
  .login-area .easy-login-list { gap: 1.6rem;  }
  .login-area .easy-login a { padding: 3rem 3.2rem; justify-content: center; font-size: 3rem; font-weight: bold; letter-spacing: -0.6px; color: #fff; border-radius: 2.4rem; display: flex; align-items: center; gap: 1.6rem; }
  .login-area .easy-login a::before { content: ''; width: 4rem; height: 4rem; }
  .login-area .easy-login li:first-child a { background: #03c75a; background-size: 4rem; }
  .login-area .easy-login li:last-child a { background: #313131; background-size: 4rem; }
  .login-area .easy-login li:first-child a::before { background: url(../images/login-naver.png) no-repeat center; background-size: cover; }
  .login-area .easy-login li:last-child a::before { background: url(../images/login-google.png) no-repeat center; background-size: cover; }

  .join-area { width: 100%; margin: 29.6rem auto 24rem; }
  .join-step { margin: 9.6rem auto 24rem; gap: 18rem; }
  .join-step::after { width: 60rem; height: 0.2rem; top: 4.8rem; }
  .join-step li { text-align: center; }
  .join-step li.on::after { width: 20rem; height: 0.2rem; top: 4.8rem; }
  .join-step li.on:last-child:after { left: -20rem; }
  .join-step .num { width: 9.6rem; height: 9.6rem; font-size: 3rem; letter-spacing: -0.6px; }
  .join-step .step-tit { font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; margin-top: 4rem; }
  .join-area .all-ck-box { flex-flow: column; margin-bottom: 12rem; border-radius: 2.4rem; padding: 4rem 3.2rem; border: .4rem solid transparent; }
  .join-area .all-ck-box .custom-ck { margin-bottom: 2.4rem; }
  .join-area .custom-ck { margin-right: 1.6rem; margin-bottom: 0; }
  .join-area .all-ck-box .tit { line-height: 5.2rem; font-size: 3.26rem; letter-spacing: -0.64px; margin: 0 0 2.4rem; word-break: keep-all; }
  .join-area .all-ck-box .txt { font-size: 2.8rem; letter-spacing: 0.56px; line-height: 4.8rem; }
  .join-area .scroll-wrap + .scroll-wrap { margin-top: 12.2rem; }
  .join-area .scroll-wrap .sub_tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4rem; }
  .join-area .scroll-wrap .use_1 { border-radius: 2.4rem; padding: 4rem 2.4rem 3.2rem 4rem; border: .2rem solid #ebebeb; }
  .join-area .scroll-wrap .use_1 { font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem;}
  .join-area .scroll-wrap .use_1 .big_subject { font-size: 4rem; letter-spacing: -0.8px; }
  .join-area .scroll-wrap .use_1 .top_title { font-size: 3rem; letter-spacing: -0.6px; margin-top: 3.2rem; }
  .join-area .scroll-wrap .use_1 * + .big_subject { margin-top: 3.2rem; }
  .join-area .scroll-wrap .agree_check { margin-top: 4rem; text-align: right; }
  .join-area .scroll-wrap .agree_check .label-tit { font-size: 3.2rem; letter-spacing: -0.64px; line-height: 5.2rem; }
  
  .join-area .scroll-wrap .use_1 .txt-wrap { height: 116rem; overflow-y: auto; padding-right: 2rem; }
  .join-area .scroll-wrap .use_1 .txt-wrap::-webkit-scrollbar { width: 1.6rem; }

  .join-area .auth_wrap { padding: 9.6rem 3.2rem; border-radius: 3.2rem; margin-top: 12rem; }
  .join-area .auth_wrap .tit { font-size: 4.8rem; letter-spacing: -0.96px; margin-bottom: 3.2rem; }
  .join-area .auth_wrap .txt { font-size: 2.8rem; letter-spacing: -0.56px; margin-bottom: 6.4rem; }
  .join-area .auth_wrap ul { flex-flow: row wrap; gap: 2.4rem; }
  .join-area .auth_wrap ul li { width: 100%; border-radius: 3.2rem; background: #fff; padding: 2.4rem 4rem; position: relative; }
  .join-area .auth_wrap ul li a { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; width: 100%; }
  .join-area .auth_wrap .img { display: block; width: 8rem; height: 8rem; margin: 0; }
  .join-area .auth_wrap p { font-size: 3.4rem; letter-spacing: -0.68px; position: absolute; left: 50%; transform: translateX(-50%); }
  .join-area .auth_wrap li span { margin-right: 0; }
  .join-area .reset { padding: 2.8rem 2rem; width: 17.6rem; margin: 9.6rem 0 0 auto; font-size: 3.2rem; letter-spacing: -0.64px; border-radius: 2rem; }

  .join-form-box { width: 100%; }
  .input-form-box .tit-wrap { margin-bottom: 7.2rem; width: 100%; display: flex; align-items: center; justify-content: space-between; padding-bottom: 3.2rem; border-bottom: .4rem solid var(--color-main); }
  .input-form-box .tit-wrap .tit { font-size: 4rem; font-weight: bold; letter-spacing: -0.8px; text-align: left; margin-bottom: 0; }
  .input-form-box .required { display: flex; align-items: center; font-size: 2.8rem; font-weight: 500; letter-spacing: -0.56px; color: #919191; gap: .4rem; white-space: nowrap; }
  .input-form-box .red { font-size: 4rem; position: relative; top: .8rem; }
  .input-form-box .input-label { display: flex; width: 100%; align-items: center; flex-flow: row wrap; position: relative; }
  .input-form-box .input-label + .input-label { margin-top: 7.2rem; }
  .input-form-box .input-label .tit { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 3.2rem; }
  .input-form-box .input-label input[type="text"], .input-form-box .input-label input[type="password"], .input-form-box .input-label select { padding: 3.2rem 3.6rem; font-size: 3rem; font-weight: 500; letter-spacing: -0.6px; border-radius: 2.4rem; border: .2rem solid #dbdbdb; width: 100%; }
  .input-form-box .input-label input:disabled { background: #f5f5f5; color: #000; }
  .input-form-box .input-label .btn-dark { padding: 3.4rem 2rem; width: 14.4rem; min-width: 14.4rem; border-radius: 2.4rem; font-size: 2.8rem; letter-spacing: -0.56px; margin-left: 1.6rem; }
  .input-form-box .input-label .ck-confirm { margin-top: 1.6rem; font-size: 2.6rem; letter-spacing: -0.52px; margin-left: 0; }
  .input-form-box .input-label .custom-input-label + .custom-input-label { margin-left: 6.4rem; }
  .input-form-box .input-label .custom-input-label { display: flex; align-items: center; }
  .input-form-box .input-label .custom-input-label input { display: none; }
  .input-form-box .input-label .custom-input-label .input-tit { font-size: 3rem; letter-spacing: -0.6px; font-weight: 500; }
  .input-form-box .mail-wrap { gap: 1.6rem 1rem; font-size: 3rem; display: flex; flex-flow: row wrap; align-items: center; }
  .input-form-box .mail-wrap input { width: calc(50% - 2.4rem) !important; }
  .input-form-box .mail-wrap select { width: calc(100% - 16rem) !important; min-width: calc(100% - 16rem); background: #f5f5f5 url(../images/lang-arrow-show.png) no-repeat calc(100% - 1.6rem) center; background-size: 4rem; }
  .input-form-box .mail-wrap .btn-dark { margin-left: 0; }
  .input-form-box .mail-wrap .ck-confirm { margin-left: 1.6rem; }
  .input-form-box .m { width: 100% !important; }
  .input-form-box .s { width: 23rem !important; }
  .input-form-box { border-bottom: .2rem solid #ebebeb; padding-bottom: 12rem; margin-bottom: 8rem; }
  .input-form .btn-wrap { margin-top: 8rem; gap: 1.6rem; }
  .input-form .btn-wrap button { white-space: nowrap; width: 17.6rem; padding: 2.8rem 2rem; border-radius: 2.4rem; font-size: 3.2rem; letter-spacing: -0.64px; box-sizing: content-box; }
  .input-form .btn-wrap .btn-line { border: .2rem solid #000; }
  .join-form .s, .join-form .m { width: 100% !important; }
  .join-form-box .mail-wrap { flex-flow: row wrap !important; }

  .success-join { display: flex; flex-flow: row wrap; width: 100%; margin: 28rem auto 0; border-radius: 3.2rem; }
  .success-join > div { flex: 100%; }
  .success-join .txt-wrap { padding: 7.2rem 3.2rem 8rem; border: .2rem solid #ebebeb; border-left: .2rem solid #ebebeb; border-top: 0; border-radius: 0 0 3.2rem 3.2rem; }
  .success-join .txt-wrap .success-tit { font-size: 4.4rem; letter-spacing: -0.88px; margin-bottom: 5.6rem; }
  .success-join .txt-wrap .sm-tit { padding: 2rem 0; border-radius: 80rem; width: 16rem; font-size: 2.8rem; margin-bottom: 2.4rem; }
  .success-join .txt-wrap .join-info { margin-bottom: 7.2rem; border-top: .2rem solid #ebebeb; padding: 4rem 0; border-bottom: .2rem solid #ebebeb; }
  .success-join .txt-wrap .join-info li, .success-join .txt-wrap .join-info li * { font-size: 3rem; letter-spacing: -0.6px; margin: 0; }
  .success-join .txt-wrap .join-info li + li { margin-top: 2rem; }
  .join-area .btn { width: 17.6rem; border-radius: 2rem; padding: 3.4rem 2rem; font-size: 3.2rem; letter-spacing: -0.64px; }
  .success-join .btn-line,
  .join-area .btn-line.c { border: .2rem solid var(--color-main); }

  .find-info { display: flex; flex-flow: column; gap: 5.6rem; }
  .find-info li { width: 100%; }
  .find-info li a { width: 100%; border-radius: 3.2rem; padding: 8rem 5.6rem; background: #fff url(../images/find-icon.png) no-repeat calc(100% - 5.6rem) center; background-size: 11.9rem; border: .2rem solid #ebebeb; }
  .find-info .tit { font-size: 4.4rem; letter-spacing: -0.88px; margin-bottom: 6.4rem; }
  .find-info .btn { gap: .4rem; font-size: 3rem; letter-spacing: -0.6px; border-radius: 1.6rem; border: .2rem solid #ebebeb; width: 24rem; padding: 2.6rem 2rem; }
  .find-info .btn::after { width: 3.2rem; height: 3.2rem; }
  .find-info li a:hover { background: var(--color-main) url(../images/find-icon-on.png) no-repeat calc(100% - 36.4rem) center; background-size: 11.6rem; border-color: var(--color-main); }

  .find-tit { font-size: 5.2rem; line-height: 8rem; letter-spacing: -1.04px; margin-bottom: 9.6rem; }
  .find-result { width: 100%; margin: 0 auto 8rem; border-radius: 3.2rem; padding: 7.2rem 2rem; }
  .find-result .label { padding: 2rem 4rem; font-size: 2.8rem; margin-bottom: 4rem; }
  .find-result .value { font-size: 4.4rem; letter-spacing: -0.88px; }
  .find-result .date { margin-top: 3.2rem; letter-spacing: -0.56px; font-size: 2.8rem; }
  .join-area .btn-line.c { width: 22.4rem; }


  /* ======================== 서브 ===========================*/
  header.sub > .inner { padding: 3.6rem 0; }
  .main-contents .inner { width: calc(100% - 6.4rem); margin: 0 auto; }
  .main-contents .main-tit-inner { width: calc(100% - 6.4rem); }
  .soundEffect01 { background: url(../images/soundEffect01-mo.png) no-repeat center; background-size: cover; }
  .main-tit-bn { margin-bottom: 16rem; position: relative; width: calc(100% + 6.4rem); left: -3.2rem; top: -.4rem; height: 72rem; }
  .main-tit-bn::after { content: ''; height: calc(100%); }
  .main-contents .breadcrumb { top: 19.8rem; left: 3.2rem; }
  .main-contents .detail-container .breadcrumb { left: 3.2rem; }
  .main-contents .breadcrumb li.home a { width: 3.2rem; height: 3.2rem; }
  .main-contents .breadcrumb > li:not(:last-child)::after { width: 0.2rem; height: 2rem; margin: 0 1.6rem; }
  .main-contents .breadcrumb button { font-size: 2.8rem; letter-spacing: -0.56px; }
  .main-contents .breadcrumb button::after { width: 3.2rem; height: 3.2rem; margin-left: 0.8rem; }

  .main-contents .breadcrumb .menu { width: 27.6rem; position: absolute; top: calc(100% + 1.2rem); border-radius: 1.6rem; background: #fff; overflow: hidden; }
  .main-contents .breadcrumb .menu a { display: block; padding: 2rem 1.6rem; font-size: 2.8rem; letter-spacing: -0.56px; }

  .main-tit-bn .page-tit-wrap { width: 100%; top: 34.4rem; }
  .main-tit-bn .page-tit { font-size: 6.4rem; letter-spacing: -1.28px; margin-bottom: 4rem;  }
  .main-tit-bn .page-sub-txt { font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; }
  .main-tit-bn .page-sub-txt.l { letter-spacing: -2.24px; }
  .main-tit-bn .page-sub-txt.m { letter-spacing: -1.5px; }

  .main-contents .search-area .tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4.8rem; }
  .main-contents .search-area .tit::before { width: 4.8rem; height: 4.8rem; margin-right: 1.6rem; }
  .main-contents .search-area .search-tab { margin: 16rem auto 24rem; padding: 6.4rem 3.2rem; border-radius: 0 0 0 3.2rem; border: .4rem solid #ebebeb; }
  .main-contents .search-area .search-tab.sound-effect-mode { padding: 6.4rem 2rem 0 3.2rem ; }
  .main-contents .search-area .search-tab-btn { top: -9.4rem; left: -.2rem; gap: .6rem; width: 100%; justify-content: space-between; }
  .main-contents .search-area .search-tab-btn li { width: 100%;}
  .main-contents .search-area .search-tab-btn a { font-size: 3.2rem; letter-spacing: -0.64px; padding: 2.8rem 0; width: 100%;; border-radius: 3.2rem 3.2rem 0 0; }
  .main-contents .search-area .search-tab-btn .active a { background: var(--color-main); color: #fff; }
  .main-contents .search-area .search-tab-cont .flex { flex-flow: column; }
  .main-contents .search-area .search-tab-cont .search-dep1-cate { width: 100%; }
  .main-contents .search-area .search-tab-cont .search-dep1-cate > button { width: 100%; min-width: 100%; padding: 2.8rem 0; border-bottom: .4rem solid #000; font-size: 3.2rem; letter-spacing: -0.64px; }
  .main-contents .search-area .search-tab-cont .search-dep1-cate > button::after { width: 3.6rem; height: 3.6rem; }
  .main-contents .search-area .search-tab-cont .search-dep1-cate-list { top: 12rem; width: 100%; border-radius: 1.6rem;  box-shadow: 0 0 1.2rem 0 rgba(0,0,0,.2); }

  .search-area .search-tab-cont .search-dep1-cate-list li button { font-size: 3.4rem; font-weight: 500; padding: 1.6rem .8rem; }
  .search-area .search-tab-cont .search-dep1-cate::after { display: none; }
  .search-area .search-tab-cont .search-dep2-cate { font-size: 2.8rem; letter-spacing: -0.56px; margin-left: 0; margin-top: 4.8rem; }

  .search-area .search-tab-cont .sub-category-list { min-height: 30rem; }
  .search-area .search-tab-cont .sub-category-list ul { gap: 4rem; max-height: 52rem; }
  .sub-category-list ul::-webkit-scrollbar { width: 1.6rem; }
  .sub-category-list ul::-webkit-scrollbar-track { border-radius: 0.8rem; }
  .sub-category-list ul::-webkit-scrollbar-thumb { border-radius: 0.8rem; }
  .main-contents .search-area .ucs-btn { top: -3rem; padding: 3rem 2.4rem; width: 32rem; border-radius: 1.6rem; border: .2rem solid #dbdbdb; font-size: 3rem; letter-spacing: -.6px; }
    
  .search-area .search-tab-cont .sub-category-list .input-tit { font-size: 2.8rem; letter-spacing: -0.56px; }
  .search-area .search-tab-cont .sub-category-list .input-tit::before { width: 4.8rem; height: 4.8rem; border-radius: 1.2rem; border: .2rem solid #dbdbdb; margin-right: 1.6rem; }
  .search-area .search-tab-cont .sub-category-list input:checked + .input-tit::after { width: 3.2rem; height: 3.2rem; left: .8rem; }
  
  .search-area .search-tab-cont .input-area { width: 100%; margin-bottom: 4.8rem; border-radius: 1.6rem; border: .2rem solid #dbdbdb; }
  .search-area .search-tab-cont .input-area input { padding: 2.8rem 2.4rem; border-radius: 1.6rem; }
  .search-area .search-tab-cont .input-area button { width: 4rem; height: 4rem; margin-right: 1.6rem; }
  .search-area .search-tab-cont .category-list { height: 64rem; }
  .search-area .search-tab-cont .category-list.on { height: 400rem; margin-bottom: 5.6rem; }
  .cate-box { margin: 0 2.4rem 2.4rem 0; }
  .cate-box:nth-child(1) { width: 25%; }
  .cate-box:nth-child(2) { width: 30%; }
  .cate-box:nth-child(3) { width: 25%; }
  .cate-box:nth-child(4) { width: 28%; }
  .cate-box:nth-child(5) { width: 27%; }
  .cate-box:nth-child(6) { width: 27%; }
  .cate-box:nth-child(7) { width: 22%; }
  .cate-box:nth-child(8) { width: 33%; }
  .cate-box:nth-child(9) { width: 28%; }
  .cate-box:nth-child(10) { width: 33%; }
  .cate-box:nth-child(11) { width: 100%; }
  .cate-box:nth-child(12) { width: 70%; }
  .search-area .search-tab-cont .cate-box { border-radius: 2.4rem; padding: 3.2rem 2.4rem; }
  .search-area .search-tab-cont .cate-box .cate-tit { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 3.2rem; }
  .search-area .search-tab-cont .cate-box ul { gap: 4rem 3.2rem; }
  .search-area .search-tab-cont .cate-box label { gap: 1.6rem; font-size: 2.8rem; letter-spacing: -0.56px; }
  .search-area .search-tab-cont .cate-box label .input-tit::before { content: ''; width: 4.8rem; height: 4.8rem; border-radius: 1.2rem; border: .2rem solid #dbdbdb; margin-right: 1.6rem; }
  .search-area .search-tab-cont .cate-box label input:checked + .input-tit::before { border: .2rem solid var(--color-main); }
  .search-area .search-tab-cont .cate-box label input:checked + .input-tit::after { width: 3.2rem; height: 3.2rem; left: .8rem; }

  .search-area .search-toggle-btn { font-size: 2.4rem; letter-spacing: -0.48px; right: -.4rem; bottom: -8.1rem; border-radius: 0 0 1.6rem 1.6rem; border: .4rem solid #ebebeb; padding: 2.2rem 2.4rem; }
  .search-area .search-toggle-btn::after { width: 2.4rem; height: 2.4rem; margin-left: 0.4rem; }

  .list-section { margin-bottom: 24rem; }
  .list-section .list-search { margin: 0 auto 6.4rem; border-radius: 30rem; border: .4rem solid var(--color-main); width: 100%;}
  .list-section .list-search input { border-radius: 6.8rem; font-size: 3.2rem; letter-spacing: -0.64px; padding: 4rem; }
  .list-section .list-search .search-util { margin-right: 2.4rem; }
  .list-section .list-search .voice { width: 4rem; height: 4rem; background-size: 2.2rem; }
  .list-section .search-util li:not(:last-child)::after { width: 0.2rem; height: 4rem; margin: 0 1.6rem; }
  .list-section .list-search .search { width: 4rem; height: 4rem; } 

  .list-section .list-area { border-top: .2rem solid #ebebeb; padding-top: 4rem; }
  .list-section .list-area .total-count { font-size: 2.8rem; letter-spacing: -0.56px; }
  .list-section .list-area .list-util { margin: 4rem 0; }
  .list-section .list-area .add-all-item { padding: 2.8rem 1.6rem; border-radius: 1.6rem; border: .2rem solid #666; font-size: 2.8rem; letter-spacing: -0.56px; }
  .list-section .list-area .add-all-item::before { width: 2.4rem; height: 2.4rem; }
  .list-section .list-area .list-util select { width: 29.6rem; margin: 0 0 0 .8rem; padding: 2.8rem 2rem; border-radius: 1.6rem; border: .2rem solid #dbdbdb; font-size: 3rem; letter-spacing: -0.6px; font-weight: 500; }
  
  .card-list { display: grid; grid-template-columns: repeat(1, 100%); gap: 4.8rem; }
  .list-wrap > li > a { padding: 8.8rem 3.2rem 3.2rem; border: .4rem solid transparent; border-radius: 3.2rem; }
  .list-wrap > li > a:hover,
  .list-wrap > li > a:has(input:checked) { border: .4rem solid var(--color-main); box-shadow: 0 0 1.2rem 0 rgba(241, 97, 18, .36); }
  .item-category { margin-bottom: 3.2rem; }
  .item-category::before { width: 4.8rem; height: 4.8rem; margin-right: 1.2rem; }
  .item-category li { font-size: 2.8rem; letter-spacing: -0.56px; }
  .item-category li:not(:last-child)::after { width: 2.4rem; height: 2.4rem; }
  .list-wrap .item-tit { margin-bottom: 4rem; height: auto; font-size: 4rem; letter-spacing: -0.8px; line-height: 6.4rem; display: block; white-space: nowrap; }
  .list-wrap .sound-meta { min-width: 0; margin-bottom: 2rem; }
	.list-wrap .sound-meta .meta-row { gap: 1.2rem; min-width: 0; margin-bottom: 1.6rem; font-size: 2.8rem; line-height: 4.4rem; letter-spacing: -0.56px; color: #666; font-weight: 600; }
	.list-wrap .sound-meta .meta-row:last-child { margin-bottom: 0; }
	.list-wrap .sound-meta .meta-label { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 5.4rem; height: 5.6rem; padding: 0 1rem; border-radius: 1.4rem; background: #f5f5f5; color: #919191; font-size: 2.6rem; line-height: 1; letter-spacing: -0.26px; font-weight: 700; white-space: nowrap; }
	.list-wrap .sound-meta .meta-file .meta-label { background: #fff3ed; color: var(--color-main); }
	.list-wrap .sound-meta .meta-value { display: block; min-width: 0; overflow-wrap: anywhere; word-break: break-word; }
	.card-list .sound-meta .meta-value { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .list-wrap.card-list .item-category { min-height: 4.8rem; }
  .list-wrap.card-list .item-category li { max-width: calc(50% - 1.2rem); }
  .list-wrap.card-list .item-tit { height: 12.8rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
  .list-wrap.card-list .sound-meta { height: 22.4rem; overflow: hidden; }
  .list-wrap a > .provider,
  .info-txt .provider  { margin-bottom: 4.8rem; font-size: 2.8rem; letter-spacing: -0.56px; }
  .my-page-wrap .list-wrap .flex { flex-flow: row wrap; margin-bottom: 4.8rem; }
  .my-page-wrap .list-wrap .flex p { font-size: 2.8rem; letter-spacing: -0.56px; width: 100%; margin-bottom: 0; }
  .my-page-wrap .list-wrap .flex p + p { margin-top: 2.4rem; }
  .my-page-wrap .list-wrap .flex p span { margin-right: 0.8rem; }
  .my-page-wrap .success-box { border-radius: 3.2rem; padding: 3.6rem 4rem; width: 100%; margin: 0 auto 24rem; }
  .my-page-wrap .success-box .tit { font-size: 4.8rem; margin-bottom: 3.2rem; letter-spacing: -0.96px; }
  .my-page-wrap .success-box .txt { font-size: 3.2rem; letter-spacing: -0.48px; line-height: 4.8rem; margin-bottom: 4rem; }
  .my-page-wrap .success-box .success { width: 24rem; border-radius: 2.4rem; padding: 3.4rem 2rem; font-size: 3.4rem; letter-spacing: -0.68px;} 
  .regist-table-wrap { margin-bottom: 24rem; margin-top: 16rem; }
  .regist-status { border-top: .4rem solid #000; }
  .regist-status col { display: none; }
  .regist-status tbody tr { position: relative; border-bottom: .2rem solid #ebebeb; display: flex; flex-flow: row wrap; padding: 3.2rem 0; }
  .regist-status td { display: flex; }
  .regist-status td:nth-child(1) { order: 1; width: 100%; margin-bottom: 2.8rem; }
  .regist-status td:nth-child(2) { order: 2; width: 100%; margin-bottom: 2.8rem; }
  .regist-status td:nth-child(3) { order: 3; margin-right: 2.4rem; }
  .regist-status td:nth-child(4) { order: 4; margin-right: 2.4rem; }
  .regist-status td:nth-child(5) { order: 5; }
  .regist-status td { font-size: 3.2rem; padding: 0; font-weight: 500; }
  .regist-status td .mo { margin-right: 0.8rem; color: #555; }
  .regist-status td .state { width: 18rem; font-size: 2.8rem; letter-spacing: -0.56px; padding: 1.6rem 3.2rem; border-radius: 1.6rem; position: absolute; bottom: 1.8rem; }
  .regist-status td .type1 { border: .2rem solid #f5d6c6; }
  .regist-status td .type2 { border: .2rem solid #c6d7f5; }
  .regist-table-wrap .prev { margin: 16rem auto 0; width: 24rem; border-radius: 2.4rem; padding: 3.6rem 2rem; font-size: 3.4rem; letter-spacing: -0.68px; }

  .list-wrap .flex p:not(:last-child)::after { display: none; }
  .list-wrap .pay { margin-bottom: 5.6rem; font-size: 3.4rem; letter-spacing: -0.68px; }
  .list-wrap .thumb { margin-bottom: 3.2rem; height: 20rem; }
  .list-wrap .thumb .img { margin-right: 2.6rem; width: 25.6rem; min-width: 25.6rem; height: 20rem; border-radius: 2.4rem; }
  .list-wrap .thumb.no-thumb .img { align-items: center; }
  .list-wrap .thumb.no-thumb .img img { width: 13.6rem; top: 0; }
  .list-wrap .thumb .img::after { display: none; }
  .list-wrap .hashtags { gap: .8rem; }
  .list-wrap .hashtags li { border: .2rem solid #ebebeb; border-radius: 1.2rem; padding: 1.2rem 1.6rem; font-size: 2.6rem; letter-spacing: -0.52px; }
  .list-wrap .hashtags li::before { margin-right: 0.4rem; }
  .list-wrap .wave-area { padding: 2.4rem 3.2rem; border-radius: 1.6rem; margin-top: 3.2rem; }
  .my-page-wrap .list-wrap .wave-area .play { width: 7.2rem; min-width: 7.2rem; height: 7.2rem; margin-right: 3.2rem; position: static; right: inherit; bottom: inherit; }
  .list-wrap .wave-area > div { width: calc(100% - 11.2rem); height: 100%; }
  .list-wrap .wave-area > div > * { width: 100%; height: 100%; }
  .list-wrap .item-utils { right: 3.2rem; top: 3.2rem; gap: 2.4rem; }
  .list-wrap .item-utils .star { font-size: 2.8rem; letter-spacing: -0.56px; }
  .list-wrap .item-utils .star::before { width: 3.6rem; height: 3.6rem; }
  .list-wrap .item-utils > li > button { width: 3.6rem; height: 3.6rem; }
  .item-utils .share-menu { top: calc(100% + 2.4rem); padding: 3.2rem 1.6rem; border: .2rem solid #ebebeb; border-radius: 4.4rem; }
  .item-utils .share-menu button { width: 5.6rem; height: 5.6rem; }
  .item-utils .share-menu li + li { margin-top: 2rem; }

  .list-wrap.full-list .pay { margin-bottom: 5.6rem; }

  .list-container .pagination { margin-top: 9.6rem; display: flex; align-items: center; justify-content: center; gap: .8rem; }
  .list-container .pagination a { border: .21rem solid #ebebeb; font-size: 3rem; letter-spacing: -0.6px; color: #919191; width: 7.2rem; height: 7.2rem; border-radius: 1.2rem; display: flex; align-items: center; justify-content: center; gap: .8rem; }
  .list-container .pagination .mo { margin: 0 4rem; text-align: center; font-size: 3rem; font-weight: bold; letter-spacing: -0.6px; }
  .list-container .pagination .mo .cur { color: var(--color-main); }
  .list-container .pagination .first { background-size: 4rem; }
  .list-container .pagination .prev { margin-right: 0rem; background-size: 4rem; }
  .list-container .pagination .next { margin-left: 0rem; background-size: 4rem; }
  .list-container .pagination .last { background-size: 4rem; }

  .detail-item-card { overflow: hidden; height: calc(58.8rem * 2); position: relative; border-radius: 4rem; }
  .detail-item-card.no-thumb { height: 117.6rem; background: rgba(0, 0, 0, .68); border-radius: 4rem; }
  .detail-item-card .img { position: relative; border-radius: 4rem; overflow: hidden; }
  .detail-item-card .img::after { height: 100%; border-radius: 4rem; }
  .detail-item-card .detail-item-info { width: calc(100% - 6.4rem); left: 3.2rem; top: 12.8rem; }
  .detail-item-card.no-thumb .detail-item-info { height: calc(100% - 25.6rem); }
  .detail-item-card .item-category { margin-bottom: 3.2rem; }
  .detail-item-card .item-category li { font-size: 2.8rem; letter-spacing: -0.56px; }
  .detail-item-card .detail-item-info .item-tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4.8rem; line-height: 6.4rem; overflow: hidden; text-overflow: ellipsis; }
  .detail-item-card .detail-item-info .item-info li + li { margin-top: .8rem; }
  .detail-item-card .detail-item-info .item-info .tit { font-size: 2.8rem; letter-spacing: -0.56px; }
  .detail-item-card .detail-item-info .item-info .tit::after { width: 0.2rem; height: 2rem; margin: 0 1.2rem; }
  .detail-item-card .detail-item-info .item-info .cont { font-size: 2.8rem; letter-spacing: -0.56px; }
  .detail-item-card .detail-item-info .item-info .go-sellerHome { padding: 1.4rem 1.6rem; margin-left: 1.2rem; font-size: 2.2rem; letter-spacing: -0.44px; border-radius: 1.2rem; border: .2rem solid rgba(255, 255, 255, .2); }
  .detail-item-card .hashtags { flex-flow: column; align-items: flex-start; margin: 7.8rem auto 4.8rem; gap: 1.6rem; font-size: 3.2rem; letter-spacing: -1.2px;}
  .detail-item-card.no-thumb .hashtags { margin-top: auto; }
  .detail-item-card .hashtag { gap: 1.2rem 1.6rem; font-size: 2.4rem; letter-spacing: -0.48px; flex-flow: row wrap; }
  .detail-item-card .control-box { flex-flow: row wrap; width: 100%; }
  .detail-item-card .control-box .play-box { width: 100%; margin-bottom: 2rem; padding: 3.2rem 1.6rem; gap: 2.4rem; border-radius: 2.4rem; margin-right: 0rem; }
  .detail-item-card .control-box .play-box .img { overflow: hidden; }
  .detail-item-card .control-box .play-box img { height: 11.6rem; object-fit: cover; }
  .detail-item-card .control-box .play { min-width: 7.2rem; width: 7.2rem; height: 7.2rem; }
  
  .waveforms-box { width: 100%; gap: .4rem; padding: 2.4rem 3.2rem; }
  .waveforms-box .range-input { width: 3rem; height: 12rem; }
  .waveforms-box label { width: 100%; font-size: 2rem; letter-spacing: -0.36px; color: #fff; }
  .waveforms-box label .value { display: block; margin-top: 0.8rem; }
  .detail-item-card .item-utils { gap: .8rem; right: -.6rem; top: -10rem; }
  .detail-item-card .item-utils button { width: 6rem; height: 6rem; }
  .detail-item-card .item-utils li .item-add { background: rgba(255, 255, 255, .1) url(../images/item-add-free.png) no-repeat center; background-size: 3.2rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-add-free { background: rgba(255, 255, 255, .1) url(../images/item-add-free-full.png) no-repeat center; background-size: 3.2rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-download { background: rgba(255, 255, 255, .1) url(../images/item-download.png) no-repeat center; background-size: 3.2rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-like { background: rgba(255, 255, 255, .1) url(../images/item-like.png) no-repeat center; background-size: 3.2rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-share { background: rgba(255, 255, 255, .1) url(../images/item-share.png) no-repeat center; background-size: 3.2rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-add.on,
  .detail-item-card .item-utils li:hover .item-add { background: rgba(255, 255, 255, .1) url(../images/item-add-on.png) no-repeat center; background-size: 3.2rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-add-free.on,
  .detail-item-card .item-utils li:hover .item-add-free { background: rgba(255, 255, 255, .1) url(../images/item-add-free-on.png) no-repeat center; background-size: 3.2rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li:hover .item-download { background: rgba(255, 255, 255, .1) url(../images/item-download-on.png) no-repeat center; background-size: 3.2rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li:hover .item-like { background: rgba(255, 255, 255, .1) url(../images/item-like-on.png) no-repeat center; background-size: 3.2rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li:hover .item-share { background: rgba(255, 255, 255, .1) url(../images/item-share-on.png) no-repeat center; background-size: 3.2rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils .star { gap: .4rem; font-size: 2.8rem; padding: 1.4rem 3.2rem; }
  .detail-item-card .item-utils .star::before { width: 3.6rem; height: 3.6rem; }
  

  .cc-mark { margin: 3.6rem 0 12.8rem; font-size: 2.42rem; letter-spacing: -0.48px; line-height: 4rem; }
  .cc-mark::before { width: 17.2rem; min-width: 17.2rem; height: 6rem; margin-right: 1.6rem; }
  
  .flex-template { margin-bottom: 24rem; gap: 0; flex-flow: row wrap; }
  .flex-template .left { min-width: calc(100% + 6.4rem); width: calc(100% + 6.4rem); left: -3.2rem; position: relative; padding: 0 3.2rem 7.2rem; margin-bottom: 7.2rem; border-bottom: 1.6rem solid #f5f5f5; }
  .flex-template .item-detail-area > .tit,
  .flex-template .right > .tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4.8rem; }
  .flex-template .item-detail-area .detail-box { border-radius: 3.2rem; border: .4rem var(--color-main) solid; padding: 4.8rem 3.2rem; }
  .flex-template .detail-box .detail-pop-btn { gap: .8rem; padding: 2.4rem 3.2rem; font-size: 2.6rem; margin-bottom: 4rem; } 
  .flex-template .detail-pop-btn::before { width: 3.2rem; height: 3.2rem; }
  .item-detail-area .detail-tab-btn { margin-bottom: 4rem; gap: 1rem; }
  .item-detail-area .detail-tab-btn button { font-size: 2.8rem; letter-spacing: -0.56px; border-radius: 1.6rem; padding: 2rem; border: .2rem solid #ebebeb; }
  .item-detail-area .detail-list li + li { margin-top: 3.2rem; }
  .item-detail-area .detail-list .tit { width: 18rem; min-width: 18rem; font-size: 2.8rem; letter-spacing: -0.56px; margin-right: 2.4rem; }
  .item-detail-area .detail-list .cont { font-size: 2.8rem; letter-spacing: -0.56px; line-height: 4.8rem; }
  .item-detail-area .item-detail-btns { gap: .8rem; margin-top: 5.6rem; }
  .item-detail-area .item-detail-btns button { padding: 3rem 0; font-size: 3rem; letter-spacing: -0.6px; border-radius: 2.4rem; gap: .8rem; }
  .item-detail-area .item-detail-btns button::before { width: 3.6rem; height: 3.6rem; }
  .flex-template .item-rating-box { margin-top: 7.2rem; border-radius: 3.2rem; padding: 5.6rem 3.2rem; }
  .flex-template .item-rating-box .tit { font-size: 3.4rem; letter-spacing: -0.68px; margin-bottom: 1.6rem; }
  .flex-template .item-rating-box .txt { font-size: 2.4rem; letter-spacing: -0.48px; line-height: 4rem; margin-bottom: 3.6rem; }
  .flex-template .right { width: calc(100%); }
  .rating-control { margin-right: 6rem; }
  .rating-control:not(:has(.rating)) { margin-right: 6rem; }
  .rating-control::after { width: 0.2rem; height: 24.8rem; right: -3rem; }
  .rating { margin-bottom: 6.4rem; }
  .rating label { width: 4.8rem; height: 4.8rem; }
  .rating-control .go-rating { font-size: 2.6rem; letter-spacing: -0.52px; padding: 2rem; width: 18rem; border-radius: 1.6rem; border: .1rem solid rgba(255, 255, 255, .16); }
  .rating-result li { gap: 3.6rem; }
  .rating-result li + li { margin-top: 1.2rem; }
  .rating-result p { font-size: 2.4rem; letter-spacing: -0.52px; margin-bottom: 3.2rem; }
  .rating-result p span { font-size: 2.4rem; }
  .rating-result span { color: #fff; font-size: 2rem; letter-spacing: -0.4px; }
  .rating-result .rating-container img { width: 2.8rem; height: 2.8rem; }
  .rating-inner:not(:has(.rating)) { justify-content: space-between; }
  .rating-inner:not(:has(.rating)) .rating-result li { gap: 1.6rem; }
  .rating-inner:not(:has(.rating)) .rating-result .rating-container img { width: 4rem; height: 4rem; }
  .rating-inner:not(:has(.rating)) .rating-result span { font-size: 2.4rem; letter-spacing: -0.48px; }
  .flex-template .full-list .info { width: calc(100%); }
  .item-opinion-box { margin-top: 6.4rem; }
  .item-opinion-box .tit { font-size: 3.6rem; letter-spacing: -0.52px; margin-bottom: 3.2rem; font-weight: bold; }
  .item-opinion-box .textarea-wrap { position: relative; border-radius: 3.2rem; border: .2rem solid #ebebeb; background: #f5f5f5; }
  .item-opinion-box textarea { font-size: 2.8rem; letter-spacing: -0.56px; line-height: 4.8rem; background: transparent; padding: 4rem 3.2rem; width: 100%; overflow: hidden; resize: none; border-radius: 3.2rem; height: 21.6rem; }
  .item-opinion-box button { border-radius: 1.6rem; background: #666; color: #fff; width: 16rem; text-align: center; padding: 2.4rem; font-weight: bold; letter-spacing: -0.56px; font-size: 2.8rem; margin: 3.2rem 3.2rem 3.2rem auto; display: block; }
  .flex-template .list-wrap.full-list a { padding: 8.8rem 3.2rem 3.2rem; flex-flow: row wrap; width: 100%; }
  .flex-template .list-wrap.full-list .info-txt { order: 1; width: 100%; }
  .flex-template .full-list .item-category { position: static; margin-bottom: 3.2rem; }
  .flex-template .full-list .item-category li { color: #666; }
  .flex-template .full-list .item-tit { display: block; width: 100%; color: #000; white-space: nowrap; }
  .flex-template .full-list .item-tit { position: static; }
  .flex-template .full-list .hashtags { position: absolute; max-height: 20rem; height: auto; width: calc(100% - 34.4rem); right: 3.2rem; top: 51.8rem; display: flex; flex-flow: row wrap; }
  .flex-template .full-list .thumb { position: static; margin-top: 0; order: 2; width: 25.6rem; margin-right: 2.4rem; min-width: inherit; height: 40rem; }
  .flex-template .full-list .thumb .img { width: 100%; height: 20rem; }
  .flex-template .list-wrap.full-list a .wave-area .play { background: url(../images/item-play-on.png) no-repeat center; background-size: cover; }
  .flex-template .list-wrap.full-list .thumb .wave-area { bottom: inherit; position: absolute; top: 72.4rem; width: calc(100% - 6.4rem); height: 15.8rem; left: 50%; transform: translateX(-50%); background: #f5f5f5; }
  .flex-template .full-list .play { position: static; right: 2.4rem; bottom: 2.4rem; }
  .flex-template .full-list .item-utils { position: absolute; top: 3.2rem; right: 3.2rem; left: inherit; bottom: inherit; }
  .flex-template .full-list .item-utils button { width: 3.6rem; height: 3.6rem; background-size: cover; }
  .flex-template .full-list .play { position: absolute; right: 4.8rem; bottom: 4.8rem; }
  .flex-template .go-list { padding: 5.6rem 0; width: 35.2rem; border-radius: 2.4rem; border: .2rem solid #dbdbdb; font-size: 3.2rem; letter-spacing: -0.64px; margin: 8rem 0 0 auto; }

  .pop { border-radius: 3.2rem; width: 95%; min-width: inherit; }
  .pop .pop-close { right: 1.2rem; top: 1.2rem; width: 6.4rem; height: 6.4rem; background-size: 3.6rem; }
  .detail-pop { width: calc(100% - 6.4rem); padding: 6.4rem .8rem 6.4rem 3.2rem; }
  .detail-pop .content-wrapper { margin-bottom: 6rem; height: 80rem; margin-right: 1rem; padding-right: 2rem; }
  .pop .pop-tit { font-size: 3.2rem; letter-spacing: -0.72px; margin-bottom: 3.2rem; }
  .detail-pop .pop-tit::before { width: 4.4rem; height: 4.4rem; margin-right: 1.2rem; }
  .detail-pop .pop-detail-box { border-radius: 2.4rem; padding: 3.2rem 2.4rem; }
  .detail-pop .pop-detail-box + .pop-detail-box { margin-top: 1.6rem; }
  .detail-pop .pop-detail-box .detail-tit { font-size: 3rem; letter-spacing: -0.6px; margin-bottom: 3.2rem; }
  .detail-pop .pop-detail-box .detail-list li { font-size: 2.6rem; letter-spacing: -0.52px; }
  .detail-pop .pop-detail-box .detail-list li + li { margin-top: 2rem; }
  .pop .pop-confirm  { padding: 2.8rem 0; font-size: 3.2rem; letter-spacing: -0.64px; }

  .pop .pop-txt { font-size: 3.4rem; line-height: 5.6rem; letter-spacing: -0.68px; margin: 12rem 0 19.2rem; }
  .pop .pop-txt .c { margin-top: 3.2rem; font-size: 2.8rem; letter-spacing: -0.28px; }
  .pop .pop-txt .title { margin-bottom: 3.2rem; font-size: 3.4rem; letter-spacing: -0.68px; }
  .pop .pop-txt .inner-txt { font-size: 2.8rem; letter-spacing: -0.56px; line-height: 4.8rem; }
  .pop .bottom-btn-wrap { gap: .4rem; left: 0; bottom: 0; width: 100%; }
  .pop .bottom-btn-wrap button {  padding: 3.4rem 0; font-size: 3.4rem; letter-spacing: -0.64px;  }

  .agree-items-box { padding: 4rem; border-radius: 2.4rem; }
  .agree-items-box + .agree-items-box { margin-top: 2.4rem; }
  .agree-items-box .tit { font-size: 3.4rem; margin-bottom: 3.2rem; letter-spacing: -0.68px; font-weight: bold; }
  .agree-items-box .agree-list { display: flex; align-items: center; flex-flow: row wrap; gap: 3.2rem 4rem; }

  .agree-items-box .fpo-name { font-size: 2.8rem; font-weight: 500; padding: 3.2rem 2.4rem; border-radius: 1.6rem; border: .2rem solid #dbdbdb; display: block; margin-top: 3.2rem; width: 100%; }

  .detail-pop .agree-label { margin: 4rem auto 3.2rem; justify-content: center; }
  .detail-pop .agree-label.custom-input-label .input-tit { color: #000; }
  .detail-pop .note { margin-bottom: 8rem; font-size: 2.8rem; letter-spacing: -0.56px; color: var(--color-main); font-weight: 500; text-align: center; }
  .detail-pop.w { width: 95%; }
  .detail-pop.w .content-wrapper { max-height: 90rem; overflow-y: scroll }
  .detail-pop .order-list-wrap { margin-top: 4rem; }
  .detail-pop .order-list-wrap > .tit { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 2.4rem; }
  .detail-pop .order-list-wrap > .tit .c { font-size: 2.8rem; letter-spacing: -0.56px; }
  .detail-pop .order-box { margin-bottom: 2.8rem; padding: 0 1.6rem 3.2rem; border: .2rem solid var(--color-main); border-radius: 2.4rem; }
  .detail-pop .order-list li { border-bottom: .2rem solid #ebebeb; padding: 3rem 0; font-size: 2.8rem; letter-spacing: -0.56px; }
  .detail-pop .order-list .num { padding: 0 3.2rem; }
  .detail-pop .order-list .pay { padding: 0 3rem; }
  .detail-pop .order-list-wrap .total { margin-top: 3.2rem; font-size: 3.2rem; letter-spacing: -0.64px; }
  .detail-pop .transaction-type li { padding: 2.4rem 0; }
  .detail-pop .transaction-type .tit { font-size: 3rem; letter-spacing: -0.6px; margin-bottom: 2.4rem; }
  .detail-pop .transaction-type .sm { width: calc(100% - 30rem); font-size: 2.4rem; letter-spacing: -0.68px; line-height: 4.8rem; word-break: keep-all; }
  .detail-pop .transaction-type select { width: 24rem; border-radius: 1.6rem; border: .2rem solid #dbdbdb; padding: 2.8rem 2.4rem; }
  .detail-pop .transaction-type select, .detail-pop .transaction-type option { font-size: 2.8rem; letter-spacing: -0.56px; }
  .detail-pop .order-info { margin-top: 5.6rem; }
  .detail-pop .order-info .tit { font-size: 3rem; letter-spacing: -0.6px; margin-bottom: 2.4rem; }
  .detail-pop .order-info .order-info-tb { font-size: 2.8rem; letter-spacing: -0.56px; border-top: .2rem solid #666; }
  .detail-pop .order-info .order-info-tb col:nth-child(1) { width: 25%; }
  .detail-pop .order-info .order-info-tb tr { border-bottom: .2rem solid #ebebeb; }
  .detail-pop .order-info .order-info-tb td { padding: 2.4rem; }
  .detail-pop .order-info .note { font-size: 2.8rem; gap: .4rem; letter-spacing: -0.56px; line-height: 4.8rem; margin-top: 3.2rem; justify-content: center; }
  .detail-pop .order-info .note::before { align-self: flex-start; }

  .sellerChannel { background: url(../images/seller-bg-mo.png) no-repeat center; }
  .sellerChannel .prev { display: none; }
  .sellerChannel .sub-nav-dep1 { display: block !important; }
  .seller-card { border-radius: 4rem; padding: 6.4rem 3.2rem 4.8rem; background: url(../images/seller-card-mo.png) no-repeat center; background-size: cover; }
  .seller-card .seller-flex { flex-flow: row wrap; margin-bottom: 6.4rem;  gap: 4rem 3.2rem; }
  .seller-card .seller-flex .ucs { width: 10rem; top: 1.5rem; }
  .seller-card .profile-img { width: 13.6rem; height: 13.6rem; padding: .4rem; }
  .seller-card .profile-img.no-thumb img { width: 8rem; height: 8rem; }
  .seller-card .seller-name { font-size: 4.4rem; font-weight: bold; letter-spacing: -0.88px; color: #fff; }
  .seller-card .profile-txt .seller-txt { font-size: 3rem; line-height: 4.8rem; letter-spacing: -0.6px; margin-bottom: 4.8rem; }
  .seller-card .profile-txt .seller-info { flex-flow: column; align-items: flex-start; }
  .seller-card .profile-txt .seller-info li, .seller-card .profile-txt .seller-info li * { font-size: 2.6rem; letter-spacing: -0.52px; }
  .seller-card .profile-txt .seller-info li { gap: 1.2rem; }
  .seller-card .profile-txt .seller-info li + li { margin-top: 2.4rem; }
  .seller-card .profile-txt .seller-info li::before { width: 3.6rem; height: 3.6rem; }
  .seller-card .profile-txt .seller-info li:not(:last-child)::after { display: none; }
  .seller-card .seller-history { flex-flow: row wrap; width: 100%; gap: 1.4rem; margin-bottom: 3.2rem; }
  .seller-card .seller-history li { width: calc(50% - .8rem); padding: 3.2rem 0; border-radius: 2.4rem; border: .2rem solid rgba(255, 255, 255, .12); }
  .seller-card .seller-history li:nth-child(1) { background: url(../images/seller-item.png) rgba(255, 255, 255, .02) no-repeat 4rem center; background-size: 6.4rem; }
  .seller-card .seller-history li:nth-child(2) { background: url(../images/seller-follow.png) rgba(255, 255, 255, .02) no-repeat 4rem center; background-size: 6.4rem; }
  .seller-card .seller-history li:nth-child(3) { background: url(../images/seller-download.png) rgba(255, 255, 255, .02) no-repeat 4rem center; background-size: 6.4rem; }
  .seller-card .seller-history li .count { font-size: 3.6rem; margin-bottom: 2rem; letter-spacing: -0.72px; position: relative; left: 3rem; }
  .seller-card .seller-history li .tit { font-size: 2.6rem; position: relative; left: 3rem; } 
  .seller-card .seller-history li img { width: 9.6rem; height: 9.6rem; }
  .seller-card .seller-introTxt { border-radius: 3.2rem; padding: 3.2rem 2.4rem; font-size: 2.8rem; letter-spacing: -0.56px; line-height: 4.8rem; }
  .seller-card .seller-introTxt .tit { padding: 1.6rem 2.6rem; font-size: 2.6rem; letter-spacing: -0.52px; width: 18rem; margin-bottom: 3.2rem; }

  .seller-contents { margin: 12rem auto 24rem; gap: 0; }
  .seller-contents .rank-list-wrap { width: calc(100% + 6.4rem); left: -3.2rem; padding: 0 3.2rem; border: 0; background: #fff; border-radius: 0; flex-flow: column; min-width: 100%; margin-bottom: 7.2rem; padding-bottom: 7.2rem; border-bottom: 1.6rem solid #f5f5f5; position: relative; }
  .seller-contents .rank-list-wrap > .tit { padding-left: 2.6rem; text-align: left; width: 100%; font-size: 4rem; margin-bottom: 4.8rem; letter-spacing: -0.4px; }
  .seller-contents .rank-list-wrap > .tit::before { width: 6rem; height: 6rem; margin-right: 1.2rem; } 
  .seller-contents .rank-list { flex-flow: column; gap: 0; width: 100%; border-radius: 3.2rem; border: .4rem solid var(--color-main); padding: 4rem; }
  .seller-contents .rank-list li { width: 100%; }
  .seller-contents .rank-list .num { font-size: 3rem; margin-right: 3.2rem; }
  .seller-contents .rank-list .tit { font-size: 3rem; letter-spacing: -0.6px; margin-bottom: 1.6rem; white-space: nowrap; width: calc(100%); }
  .seller-contents .rank-list .rank-item-util { gap: 2.4rem; }
  .seller-contents .rank-list .rank-item-util .pay { font-size: 2.8rem; letter-spacing: -0.56px; }
  .seller-contents .rank-list .rank-item-util .download { font-size: 2.6rem; letter-spacing: -0.5.px; }
  .seller-contents .rank-list .rank-item-util .download::before { width: 3.2rem; height: 3.2rem; margin-right: 0.4rem; }
  .seller-contents .rank-list > li + li { margin-top: 3.2rem; padding-top: 3.2rem; border-top: .2rem solid #ebebeb; }
  .seller-detail-history .tit-flex { flex-flow: column; width: 100%; justify-content: flex-start; align-items: flex-start; }
  .seller-contents .content-tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4.8rem; }
  .seller-search-area { margin-bottom: 4rem; flex-flow: column; width: 100%; }
  .seller-search-area select { border-radius: 1.6rem; padding: 2.8rem 2rem; font-size: 2.8rem; letter-spacing: -0.52px; }
  .seller-search-area .cate1 { width: 24rem; border: .2rem solid #666; margin-right: 0.8rem; }
  .seller-search-area .cate2 { width: 29.6rem; border: .2rem solid #dbdbdb; }
  .seller-search-area .cate-wrap::after { display: none; }
  .seller-search-area .input-wrap { margin-top: 1.6rem; border-radius: 1.6rem; border: .2rem solid #dbdbdb; display: flex; align-items: center; width: 100%; }
  .seller-search-area input { width: 100%; padding: 2.8rem 2rem; border-radius: 1.6rem; font-size: 2.8rem; letter-spacing: -0.52px; }
  .seller-search-area .btn-search { width: 4rem; height: 4rem; margin: 0 1.6rem; }
  .seller-detail-history { width: calc(100%); }
  .seller-detail-history .seller-list { grid-template-columns: repeat(1, 1fr); gap: 2.4rem; }
  .seller-detail-history .seller-list > li > a { border-radius: 3.2rem; border: .2rem solid #ebebeb; padding: 3.2rem 2.4rem; }
  .seller-detail-history .seller-list .item-category { margin-bottom: 2rem; }
  .seller-detail-history .seller-list .item-category li { font-size: 2.4rem; }
  .seller-detail-history .seller-list .tit { height: 4rem; font-size: 3.2rem; letter-spacing: -0.64px; line-height: 5.2rem; margin-bottom: 4rem; }
  .seller-detail-history .seller-list .pay { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 2rem; }
  .seller-detail-history .seller-list .item-info { gap: 2.4rem; }
  .seller-detail-history .seller-list .item-info li { font-size: 2.4rem; letter-spacing: -0.48px; }
  .seller-detail-history .seller-list .item-info li::before { width: 3.2rem; height: 3.2rem; margin-right: 0.4rem; }
  .seller-detail-history .seller-list .item-box { margin-bottom: 3.2rem; }
  .seller-detail-history .seller-list .item-util-btn { gap: 1.6rem; }
  .seller-detail-history .seller-list .item-util-btn button { width: 5.2rem; height: 5.2rem; border-radius: 50%; }
  .seller-detail-history .seller-list .item-util-btn .add-cart {background-size: 3.2rem; }
  .seller-detail-history .seller-list .item-util-btn .play { background-size: 3.2rem; }
  .seller-detail-history .seller-list .item-util-btn .like { background-size: 3.2rem; }
  .seller-detail-history .seller-list .item-util-btn .add-cart:hover { background-size: 3.2rem; }
  .seller-detail-history .seller-list .item-util-btn .play:hover { background-size: 3.2rem; }
  .seller-detail-history .seller-list .item-util-btn .like:hover { background-size: 3.2rem; }
  .seller-detail-history .seller-list .wave-area { border-radius: 2.4rem; padding: 1.6rem; }

  .recent-reivew { margin-top: 12.4rem; }
  .review-list { border-top: .2rem solid #ebebeb; border-bottom: .2rem solid #ebebeb; }
  .reviews li { padding: 3.2rem 0; flex-flow: row wrap; }
  .review-list li + li { border-top: .2rem solid #ebebeb; }
  .review-list li:last-child { border-bottom: .2rem solid #ebebeb; }
  .review-list li ul { width: 100%; }
  .review-list .rating-container { margin-right: 0; margin-bottom: 2.4rem; order: 1; width: 100%; }
  .review-list .rating-container img { width: 3.2rem; height: 3.2rem; }
  .review-list .tit-area { order: 2; }
  .review-list .tit-area .tit { line-height: 4.8rem; font-size: 2.8rem; margin-bottom: 1.6rem; letter-spacing: -0.56px; width: 100%; }
  .review-list .tit-area .date { font-size: 2.4rem; margin-bottom: 2.4rem; font-weight: 500; letter-spacing: -0.52px; color: #919191; order: 3; width: 100%; }
  .review-list .author { margin-left: auto; font-size: 2.8rem; letter-spacing: -0.56px; order: 4; width: 100%; }
  .recent-reivew .review-controls { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 2.6rem; }
  .recent-reivew .review-controls button { width: 4.8rem; min-width: 4.8rem; height: 4.8rem; border-radius: 50%; border: .2rem solid #dbdbdb; }
  .recent-reivew .review-controls .btn-prev { background: url(../images/btn-control.png) no-repeat center; background-size: 2.8rem; }
  .recent-reivew .review-controls .btn-next { background: url(../images/btn-control.png) no-repeat center; background-size: 2.8rem; transform: rotate(180deg); }
  .recent-reivew .swiper-pagination { position: static; font-size: 2.8rem; font-weight: 500; color: #919191; }
  .review-controls .swiper-pagination-current { color: #000; font-weight: bold; }
  .review-container { margin-top: 9.6rem; }
  .review-container .review-box { padding: 3.2rem 2.4rem 0; border: .2rem solid #666; border-radius: 2.4rem; }
  .review-box .author { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 2.4rem; }
  .review-box textarea { height: 37.2rem; letter-spacing: -0.56px; line-height: 4.8rem; font-size: 2.8rem;  }
  .review-box-bottom { margin-top: 2.4rem; border-top: .2rem solid #ebebeb; position: relative; width: calc(100% + 4.8rem); left: -2.4rem; padding: 2rem 2.4rem; }
  .review-box-bottom .txt-count { font-size: 2.6rem; letter-spacing: -0.52px; }
  .review-box-bottom button { padding: 2rem 0; width: 13.6rem; border-radius: 1.6rem; font-size: 2.6rem; letter-spacing: -0.52px; }

  .theme-select-area > .tit { font-size: 4rem; letter-spacing: -0.8px; }
  .theme-select-area + .theme-select-area { margin-top: 16rem; margin-bottom: 24rem; }
  .theme-list { margin-top: 4.8rem; }
  .soundEffect-theme { grid-template-columns: repeat(2, 1fr); gap: 2.2rem; }
  .soundEffect-theme a { border-radius: 3.2rem; }
  .soundEffect-theme a .theme-tit { font-size: 3.6rem; letter-spacing: -0.72px; }
  .ucs-theme { max-height: 100rem; grid-template-columns: repeat(3, 1fr); gap: 2.2rem; padding: 4rem 4rem 6.4rem; width: calc(100% + 8rem); left: -4rem; top: -4rem; }
  .ucs-theme.on { max-height: 1000rem; }
  .ucs-theme a { padding: 4rem 0 6.4rem; border-radius: 3.2rem; box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, .12); }
  .ucs-theme a .theme-tit { font-size: 3rem; letter-spacing: -0.6px; }
  .ucs-theme a .theme-tit::before { width: 9.6rem; height: 9.6rem; margin: 0 auto 4rem; }

  .toggle-ucs { margin: 8rem auto 0; padding: 3.2rem 0; width: 37.2rem; border: .2rem solid var(--color-main); font-size: 3.2rem; letter-spacing: -0.64px; top: -20rem; }
  .toggle-ucs::after { width: 4rem; height: 4rem; margin-left: 0.8rem; }

  .aiSoundSearch { background: url(../images/ai-sound-search-mo.png) no-repeat center; background-size: 120%; }
  .aiSoundSearch .sub-nav-dep1 { display: block !important; }
  .top-bn { height: 110rem; margin-bottom: 16rem; border-radius: 4rem; padding: 9.6rem 4rem; }
  .top-bn::before { width: 61.4rem; height: 35.8rem; background: url(../images/top-bn-bg-mo.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: inherit; bottom: 0; transform: translateX(-50%); }
  .top-bn::after { width: 45.6rem; height: 45.6rem; top: inherit; bottom: 0; transform: translateX(-50%); }
  .top-bn img { position: static;  width: 100%; margin: 9.6rem 0 0rem; }
  .top-bn .txt { text-align: left; font-size: 3.2rem; letter-spacing: -0.64px; line-height: 5.2rem; }

  .guide-wrap > .tit { padding: 3rem; width: 29.6rem; font-size: 3rem; margin-bottom: 4.8rem; }
  .guide-wrap .guide-list { margin-bottom: 7.2rem; display: grid; grid-template-columns: repeat(1, 1fr); gap: 4.8rem; }
  .guide-wrap .guide-list li { border-radius: 4rem; padding: 7.2rem 2.4rem 2.4rem; }
  .guide-wrap .guide-list .tit { margin-bottom: 4rem; font-size: 4rem; letter-spacing: -0.8px; }
  .guide-wrap .guide-list .txt { font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; margin-bottom: 5.6rem; }
  .guide-wrap .img-upload-box { margin-bottom: 12rem; border-radius: 2rem; border: .1rem solid #ebebeb; padding: 4rem 1.2rem; }
  .guide-wrap .img-upload-box > .tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4rem; }
  .guide-wrap .img-upload-box > .tit::before { width: 4.8rem; height: 4.8rem; margin-right: 1.6rem; }
  .guide-wrap .img-upload-box > .txt { line-height: 4.8rem; font-size: 2.8rem; margin-bottom: 4.8rem; }

  .guide-wrap .img-upload-box .file-box { border-radius: 2.4rem; border: .2rem solid #dbdbdb; padding: 2.4rem; width: 100%; }
  .guide-wrap .img-upload-box .file-box + .file-box { margin-top: 2.4rem; }
  .file-addr { font-size: 2.8rem; letter-spacing: -0.56px; }
  .file-clear { width: 4rem; min-width: 4rem; height: 4rem; margin: 0 3rem; }
  .guide-wrap .img-upload-box .file-box .tit { font-size: 2.8rem; letter-spacing: -.56px; width: auto; padding: 2rem 1.6rem; border-radius: 1.6rem; }
  .guide-wrap .img-upload-box .alt-area { display: flex; align-items: center; width: 100%; margin-top: 2.8rem; border-radius: 1.6rem; background: #f5f5f5; }
  .guide-wrap .img-upload-box .alt-area .txt { font-size: 2.8rem; color: #666; font-weight: 500; letter-spacing: -0.56px; white-space: nowrap; padding-left: 2.8rem; }
  .guide-wrap .img-upload-box .alt-area input { font-size: 2.6rem; letter-spacing: -0.52px; padding: 2.8rem 1.6rem; }
  .guide-wrap .img-upload-box .add-img { margin: 4rem auto 0; font-size: 2.6rem; letter-spacing: -0.52px; width: 20rem; padding: 2.4rem; border: .2rem dashed #bbbaba; border-radius: 1.6rem; }
  .guide-wrap .img-upload-box .add-img::after { width: 2.4rem; height: 2.4rem; margin-left: 0.8rem; }
  .guide-wrap .img-upload-box .analyze-btn { padding: 3.4rem 2rem; width: 34.6rem; font-size: 3.2rem; letter-spacing: -0.64px; margin: 8rem auto 0; }
  .guide-wrap .img-upload-box .analyze-btn::after { width: 3.2rem; height: 3.2rem; top: 1.2rem; right: 3.4rem; }

  .loading-wrap { top: 40rem; }
  .loading-wrap .spinner { width: 32rem; height: 32rem; }
  .loading-wrap img { width: 21.2rem; top: 15rem; }
  .loading-wrap .loading-txt { white-space: nowrap; width: 100%; margin: 7.2rem auto 3.2rem; font-size: 4rem;  letter-spacing: -0.8px; }
  .loading-wrap .sm-txt { white-space: nowrap; font-size: 2.8rem; letter-spacing: -0.56px;}

  .result-tab { margin-bottom: 24rem; }
  .result-tab > .txt { font-size: 3.6rem; letter-spacing: -0.72px; margin-bottom: 4.8rem; line-height: 5..6rem; }
  .result-tab .result-tab-btn { gap: 2.2rem; margin-bottom: 7.2rem; }
  .result-tab .result-tab-btn li { width: 100%; height: 18.4rem; border-radius: 2.4rem; }
  .item-label { font-size: 2.2rem; letter-spacing: -0.44px; padding: 1.4rem 2rem; border-radius: 2.4rem 0 2.4rem 0; }
  .result-box + .result-box { margin-top: 4.8rem; }
  .result-box { padding: 2.4rem; border-radius: 4rem; }
  .result-box .tit-area { height: 37.2rem; }
  .result-box .tit-area .bg-img { border-radius: 3.2rem; }
  .result-box .tit-area .bg-img img { width: 100%; height: 100%; }
  .result-box .tit-area .tit { white-space: nowrap; font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4.8rem; }
  .result-box .tit-area .keyword-list { gap: .8rem; }
  .result-box .tit-area .keyword-list li { font-size: 2.4rem; letter-spacing: -.48px; padding: 1.8rem 3.2rem; border: .2rem solid rgba(255, 255, 255, .24); white-space: nowrap; }
  .result-box .tit-area .keyword-list li::before { margin-right: 0.4rem; }
  .keyword-tab-wrap { margin-top: 4rem; }
  .keyword-tab li a { padding: 4rem 2rem; font-size: 3.4rem; letter-spacing: -0.68px; }
  .keyword-cont-wrap { padding: 4.8rem 2.4rem; }
  .keyword-ck-list { width: 100%; grid-template-columns: repeat(1, 100%); gap: 2rem; }
  .keyword-ck-list label { padding: 3.2rem 2.4rem; border-radius: 2.4rem; border: .2rem solid transparent; outline: .2rem solid #dbdbdb; }
  .keyword-ck-list label.on { border: .4rem solid var(--color-main); outline: 0; }
  .custom-ck { width: 4.8rem; height: 4.8rem; border-radius: 1.2rem; border: .2rem solid #dbdbdb; right: 1.6rem; top: 1.6rem; }
  input:checked + .custom-ck::after { width: 3.2rem; height: 3.2rem; }
  .keyword-cate { margin-bottom: 2.4rem; }
  .keyword-cate li { font-size: 2.4rem; letter-spacing: -0.48px; }
  .keyword-cate li:not(:last-child)::after { width: 2.4rem; height: 2.4rem; margin: 0 .4rem; }
  .keyword-ck-list label .tit { font-size: 3rem; letter-spacing: -0.3px; margin-bottom: 2.4rem; height: 4rem; white-space: nowrap; -webkit-line-clamp: 1; width: 100%; }
  .keyword-ck-list label .keyword-ck li, .keyword-ck-list label .keyword-ck li * { font-size: 2.42rem; letter-spacing: -0.48px; }
  .keyword-ck-list label .keyword-ck li:not(:last-child)::after { width: 0.2rem; height: 2rem; background: #dbdbdb; display: block; margin: 0 1.2rem; }
  .keyword-ck-list label .keyword-ck .play::after { width: 2.8rem; height: 2.8rem; margin-left: 0.8rem; }
  .no-keyword-result { padding: 3.2rem .8rem 7.2rem; }
  .no-keyword-result .icon { width: 14.4rem; height: 14.4rem; margin: 0 auto 4rem; }
  .no-keyword-result .tit { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 2.4rem; }
  .no-keyword-result .txt { font-size: 2.4rem; letter-spacing: -0.48px; line-height: 4rem; }
  .analyzed-btns { margin-top: 8rem; }
  .analyzed-btns button { padding: 2.8rem 2.4rem; border-radius: 2rem; font-size: 3.2rem; letter-spacing: -0.64px; gap: .8rem; }
  .analyzed-btns .prev { border: .2rem solid #dbdbdb; }
  .analyzed-btns .next { border: .2rem solid var(--color-main); }
  .analyzed-btns .prev::before { width: 3.6rem; height: 3.6rem; }
  .analyzed-btns .next::after { width: 3.6rem; height: 3.6rem; }

  .select-sound-wrap { margin-bottom: 24rem; }
  .select-sound-wrap .tit { font-size: 4.8rem; letter-spacing: -0.96px; margin-bottom: 4.8rem; }
  .select-sound-list > li { flex-flow: column; border-radius: 4rem; padding: 3.2rem 3.2rem 6.4rem; box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, .12); }
  .select-sound-list > li + li { margin-top: 4.8rem; }
  .select-sound-list .thumb { width: 100%; border-radius: 2.4rem; overflow: hidden; }
  .select-sound-list .once-play { margin-bottom: 3.2rem; border: .2rem solid var(--color-main); font-size: 3rem; letter-spacing: -0.6px; border-radius: 16rem; margin-top: 3.2rem; padding: 2.4rem 2rem; }
  .select-sound-list .once-play::before { width: 4.8rem; height: 4.8rem; margin-right: 1.6rem; }
  .select-sound-list .sound-info { margin-left: 0; width: 100%; border-collapse: collapse; table-layout: fixed; }
  .select-sound-list .sound-info thead { display: none; }
  .select-sound-list .sound-info col:nth-child(1) { width: 100%; }
  .select-sound-list .sound-info col:nth-child(2) { width: 0; }
  .select-sound-list .sound-info col:nth-child(3) { width: 0; }
  .select-sound-list .sound-info col:nth-child(4) { width: 0; }
  .select-sound-list .sound-info col:nth-child(5) { width: 0; }
  .select-sound-list .sound-info tbody tr:hover td { background: #fff; }
  .select-sound-list .sound-info tbody tr:not(:last-child) { border-bottom: .2rem solid #ebebeb; }
  .select-sound-list .sound-info tbody tr:last-child { padding-bottom: 0; }
  .select-sound-list .sound-info tbody tr { display: flex; flex-flow: row wrap; width: 100%; align-items: center; position: relative; padding: 4rem 0; }
  .select-sound-list .sound-info tr td:nth-child(1) { order: 1; width: 4.8rem; height: 4.8rem; margin-right: 3.2rem; position: absolute; top: 50%; transform: translateY(-50%); left: 3.2rem; }
  .select-sound-list .sound-info tr td:nth-child(2) { order: 3; width: calc(100%); margin-left: 11.2rem;  }
  .select-sound-list .sound-info tr td:nth-child(3) { order: 2; width: calc(100%); margin-left: 11.2rem; }
  .select-sound-list .sound-info tr td:nth-child(4) { order: 4; width: calc(16rem); margin-left: 11.2rem; }
  .select-sound-list .sound-info tr td:nth-child(4) { white-space: nowrap; display: flex; align-items: center; font-size: 2.4rem; font-weight: 500; color: #666; font-weight: bold; }
  .select-sound-list .sound-info tr td:nth-child(4) .mo { color: #919191; font-weight: 500; margin-right: 0.8rem; }
  .select-sound-list .sound-info tr td:nth-child(4)::after { content: ''; width: 0.2rem; min-width: .2rem; height: 2rem; display: inline-block; margin: 0 1.2rem; background: #dbdbdb; }
  .select-sound-list .sound-info tr td:nth-child(5) { white-space: nowrap; order: 5; width: calc(14rem); }
  .select-sound-list .sound-info tr:last-child td:nth-child(1) { top: 58%; }
  .select-sound-list .sound-info td { display: block; padding: 0; }
  .select-sound-list .sound-info td.tit-td { width: 100%; }
  .select-sound-list .sound-info .item-tit { width: calc(100% - 11.2rem); font-size: 3rem; letter-spacing: -0.6px; margin-bottom: 2.4rem; }
  .select-sound-list .sound-info .keyword-cate { margin-bottom: 2.4rem; justify-content: flex-start; }
  .select-sound-list .sound-info .keyword-cate::before { width: 4rem; height: 4rem; margin-right: 0.4rem; }
  .select-sound-list .sound-info .play { width: 100%; background-size: 2.8rem; background-position: calc(100%) center; } 
  .select-sound-list .sound-info .play .mo { position: relative; left: -2rem; font-size: 2.4rem; letter-spacing: -0.48px; color: #919191; }
  .select-btns { gap: 1.2rem; }
  .select-btns button { gap: .8rem; width: 20.4rem; white-space: nowrap; }
  .select-btns .add-cart::before { width: 3.2rem; height: 3.2rem; }
  .select-btns .download::after { width: 3.2rem; height: 3.2rem;  }

  .main-tit-bn.noAfter { height: 50rem; }


  .slide-swiper-container { position: relative; width: calc(100% + 6.4rem); margin: 12rem auto; left: -3.2rem; }
  .slide-list li { width: calc(100% - 4rem); height: 64rem; margin-right: 3.2rem; border-radius: 3.2rem; }
  .slide-list a::after {width: 9.6rem; height: 9.6rem; right: 3.2rem; bottom: 4.6rem; }
  .slide-list a:hover::before { content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.12) 30%, rgba(0,0,0,.12) 50%, #f16112 100%); position: absolute; top: 0; left: 0; }
  .slide-list a:hover::after { background: url(../images/item-play.png) no-repeat center; background-size: cover; position: absolute; }
  .slide-list .new-label { top: 4rem; left: 3.2rem; font-size: 2.6rem; letter-spacing: -0.52px; padding: 1.68rem 2.4rem; border: .2rem solid rgba(255, 255, 255, .24); border-radius: 1.2rem; }
  .slide-list .slide-tit { width: calc(100% - 14rem); font-size: 4rem; letter-spacing: -0.8px; line-height: 6rem; left: 3.2rem; bottom: 4rem; word-break: keep-all; }
  .slide-controller { width: 90%; margin: 6.4rem auto 0; }
  .slide-controller .swiper-pagination-progressbar { height: 1.6rem; }
  .slide-controller .btn-wrap { margin-left: 3.2rem; gap: 1.6rem; }
  .slide-controller .btn-wrap button { width: 6.4rem; height: 6.4rem; border: .2rem solid #ebebeb; }
  .slide-controller .btn-wrap .btn-stop { background: #f5f5f5 url(../images/slide-stop.png) no-repeat center; background-size: 3.2rem; }
  .slide-controller .btn-wrap .btn-stop:hover,
  .slide-controller .btn-wrap .btn-stop.on { border: .2rem solid var(--color-main);  background: #fff url(../images/cateogry-list-hover-stop.png) no-repeat center; background-size: 3.2rem; }
  .slide-controller .btn-wrap .btn-play { background: #f5f5f5 url(../images/slide-play.png) no-repeat center; background-size: 3.2rem; }
  .slide-controller .btn-wrap .btn-play:hover,
  .slide-controller .btn-wrap .btn-play.on { border: .2rem solid var(--color-main);  background: #fff url(../images/category-list-hover-play.png) no-repeat center; background-size: 3.2rem; }
  
  .list-search-area { width: 100%; margin: 0 auto 12rem; border-bottom: .4rem solid #000; padding: 0; flex-flow: row wrap; }
  .list-search-area .txt { width: 100%; font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 5.6rem; }
  .list-search-area .txt::after { display: none; }
  .list-search-area input { padding: 4rem 0; flex: 1; font-size: 3.2rem; letter-spacing: -0.64px; }
  .list-search-area .btn-search { flex-basis: 4rem; width: 4rem !important; height: 4rem !important; margin-left: 2rem; }
  
  .list-container { margin-bottom: 24rem; }
  .list-container .total-count { font-size: 2.8rem; letter-spacing: -0.56px; margin-bottom: 4.8rem; }
  .list-container .list-top { margin-bottom: 4.8rem; flex-flow: row wrap; }
  .list-container .list-top .total-count { margin-bottom: 0; }
  .list-container .item-list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 4.8rem; margin-bottom: 8rem; }
  .list-container .item-list > li { border-radius: 3.2rem; }
  .list-container .item-list .thumb { border-radius: 3.2rem 3.2rem 0 0; height: 36rem; border: .2rem solid transparent; }
  .list-container .item-list .info-box { padding: 5.6rem 3.2rem; border: .2rem solid #ebebeb; border-radius: 0 0 3.2rem 3.2rem; border-top: 0; }
  .list-container .item-list .info-box .tit { font-size: 4rem; height: 12rem; letter-spacing: -0.8px; line-height: 6.4rem; margin-bottom: 7.2rem; }
  .item-info-list li { font-size: 2.8rem; letter-spacing: -0.56px; }
  .item-info-list li:not(:last-child)::after { width: 0.2rem; height: 2.4rem; margin: 0 2.4rem; }
  .item-info-list .c { margin-left: 0.8rem; }
  .list-container .item-list > li:hover a .thumb { width: calc(100% - 8rem); height: 31.6rem; margin: 4rem 4rem .4rem; border-radius: 3.6rem; }
  .list-container .item-list > li:hover a .thumb::after { width: 8.8rem; height: 8.8rem; }
  
  .detail-container { margin: 0rem 0 24rem; padding-top: 34rem; }
  .detail-container .tit-wrap { margin-bottom: 7.2rem; }
  .detail-container .viewer-wrap > .tit-wrap > .tit { margin-bottom: 4.8rem; font-size: 5.6rem; line-height: 8.8rem; letter-spacing: -1.12px; white-space: wrap; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
  .detail-container .tit-wrap .item-info-list { flex-flow: row wrap; }
  .detail-container .tit-wrap .item-info-list li { width: 100%; font-size: 3rem; letter-spacing: -0.6px; }
  .detail-container .tit-wrap .item-info-list li + li { margin-top: 2.4rem; }
  .detail-container .tit-wrap .item-info-list li::after { display: none; }
  .detail-container .txt-area { padding-bottom: 12rem; border-bottom: .2rem solid #dbdbdb; margin-bottom: 8rem; }
  .detail-container .txt-cont { min-height: 76rem; font-size: 3.2rem; letter-spacing: -0.64px; line-height: 5.2rem; }
  .expert-viewer-wrap .txt-cont,
  .expert-viewer-wrap .txt-cont p,
  .expert-viewer-wrap .txt-cont div,
  .expert-viewer-wrap .txt-cont span,
  .expert-viewer-wrap .txt-cont font,
  .expert-viewer-wrap .txt-cont li,
  .expert-viewer-wrap .txt-cont td,
  .expert-viewer-wrap .txt-cont th { font-size: 3.2rem !important; letter-spacing: -0.64px !important; line-height: 5.2rem !important; }
  .detail-container .txt-cont iframe { height: 40rem; margin-bottom: 6.4rem; }
  .detail-container .btns-area button, .detail-container .btns-area a { padding: 2.8rem 0; border-radius: 2rem; font-size: 3.2rem; letter-spacing: -0.64px; width: 17.6rem; }
  .detail-container .go-list { border: .2rem solid #dbdbdb; }
  .detail-container .edit-btns { position: static; left: inherit; transform: inherit; display: flex; gap: 1.6rem; }
  .detail-container .edit-btns button { width: 17.6rem; }
  .detail-container .edit-btns .btn-remove { border: .2rem solid #000; }
  .detail-container .edit-btns .btn-edit { border: .2rem solid var(--color-main); color: var(--color-main); }
  .detail-container .write-form .tit-wrap { align-items: flex-end; }
  .detail-container .write-form .tit-wrap .tit { font-size: 4rem; letter-spacing: -0.4px; line-height: inherit; }
  
  .list-container.mt { margin: 12rem 0 24rem; }
  .list-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5.2rem; }
  .list-top .list-search-wrap { width: 100%; display: flex; align-items: center; gap: 1.6rem; margin-top: 3.2rem; }
  .list-top select { width: 24rem; min-width: 24rem; padding: 2.8rem 2rem; font-size: 2.8rem; letter-spacing: -0.56px; border-radius: 1.6rem; border: .2rem solid #666; }
  .list-container .list-top .list-search-wrap select.cate_select#codeSelect { width: 24rem; min-width: 24rem; height: 9.6rem; padding: 0 7.2rem 0 2.4rem; border: .2rem solid #dbdbdb; border-radius: 1.6rem; background-position: right 2.4rem center; background-size: 3.2rem 3.2rem; font-size: 3rem; line-height: 9.6rem; }
  .list-top .search-container { width: 100%; border: .2rem solid #dbdbdb; border-radius: 1.6rem; gap: .8rem; padding-right: 1.6rem; }
  .list-top input { width: 100%; padding: 2.8rem 2em; font-size: 2.4rem; letter-spacing: -0.56px; border-radius: 1.6rem; }
  .list-top .search-btn { width: 4rem; min-width: 4rem; height: 4rem; background: url(../images/search-black.png) no-repeat center; background-size: cover; }
  .list-container .column-list { border-top: .4rem solid #000; }
  .list-container .column-list > li { border-bottom: .2rem solid #ebebeb; }
  .list-container .column-list a { padding: 5.6rem 0; }
  .list-container .column-list a::after { width: 7.2rem; height: 7.2rem; right: .8rem; }
  .list-container .column-list .num { width: 12rem; min-width: 12rem; font-size: 4rem; letter-spacing: -0.8px; }
  .list-container .column-list .column-info { width: calc(100% - 20rem); }
  .list-container .column-list .cate { font-size: 3rem; letter-spacing: -0.6px; margin-bottom: 2.4rem; }
  .list-container .column-list .tit { font-size: 4rem; letter-spacing: -0.8px; line-height: 6.4rem; margin-bottom: 4rem; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: wrap; word-break: keep-all; }
  .list-container .column-list .item-info-list { flex-flow: row wrap; }
  .list-container .column-list .item-info-list li { width: auto; font-size: 2.8rem; letter-spacing: -0.56px; }
  .list-container .column-list .item-info-list li:nth-child(1),
  .list-container .column-list .item-info-list li:nth-child(2) { width: 100%; }
  .list-container .column-list .item-info-list li:not(:nth-child(3))::after { display: none; }
  .list-container .column-list .item-info-list li + li { margin-top: 2.4rem; }
  .list-container .column-list > li.no-data { min-height: 36rem; padding: 7.2rem 3.2rem; }
  .list-container .column-list > li.no-data .column-info { width: 100%; }
  .list-container .column-list > li.no-data .empty-state-icon { width: 9.6rem; height: 9.6rem; margin-bottom: 3.2rem; background-size: 3.6rem; }
  .list-container .column-list > li.no-data .tit { font-size: 3rem; line-height: 1.55; }
  
  .detail-container .tit-wrap .cate { font-size: 3rem; letter-spacing: -0.6px; border: .2rem solid var(--color-main); border-radius: 1.6rem; padding: 2.4rem 2rem; min-width: 14.8rem; margin-bottom: 4rem; }
  .detail-container .tit-wrap .add-file-box { margin-top: 7.2rem; border-radius: 3.2rem; padding: 2.4rem 3.2rem; flex-flow: column; align-items: flex-start; }
  .detail-container .tit-wrap .add-file-box .tit { width: auto; min-width: 12rem; font-size: 3.2rem; font-weight: bold; letter-spacing: -0.68px; display: flex; align-items: center; margin-bottom: 0; flex: 1 auto; }
  .detail-container .tit-wrap .add-file-box .file-list::before { display: none; }
  .detail-container .tit-wrap .add-file-box .file-list { padding-left: 0; margin-left: 0; }
  .detail-container .tit-wrap .add-file-box .file-list li + li { margin-top: 3.2rem; }
  .detail-container .tit-wrap .add-file-box .file-list a { line-height: 4.2rem; font-size: 3rem; letter-spacing: -0.6px; gap: 1.6rem; }
  .detail-container .tit-wrap .add-file-box .file-list a::before { width: 4rem; height: 4rem; min-width: 4rem; }
  
  .comment-wrap { margin-top: 12rem; width: calc(100% + 6.4rem); left: -3.2rem; padding: 7.2rem 3.2rem 24rem; }
  .comment-wrap .user-util-list { margin-bottom: 9.6rem; gap: 2.4rem; }
  .comment-wrap .user-util-list button { font-size: 3rem; gap: .8rem; letter-spacing: -0.6px; padding: 2.4rem 2rem; width: 20.4rem; border-radius: 4.8rem; }
  .comment-wrap .user-util-list button::before { content: ''; width: 4.8rem; height: 4.8rem; }
  .comment-wrap .total-count { font-size: 3.6rem; letter-spacing: -0.72px; margin-bottom: 3.2rem; }
  .comment-wrap .review-box { margin-bottom: 7.2rem; border-radius: 2.4rem; border: .2rem solid #666; padding: 4rem 3.2rem 0 3.2rem; }
  .comment-wrap .review-box .review-box-bottom { padding: 3.2rem; }
  .comment-wrap .comment-sort-type { gap: 4rem; }
  .comment-wrap .comment-sort-type button { font-size: 3rem; letter-spacing: -0.6px; }
  .comment-wrap .comment-list { margin-top: 2.4rem; border-top: .2rem solid #ebebeb; }
  .comment-wrap .comment-list .no-comment { padding: 4.8rem 0 0; font-size: 3rem; letter-spacing: -0.6px; }
  .comment-wrap .comment .author { font-size: 3.4rem; letter-spacing: 0.68px; margin-bottom: 3.2rem; margin-top: 4.8rem; }
  .comment-wrap .comment .comment-txt { font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; margin-bottom: 3.2rem; }
  .comment-wrap .comment .comment-util { margin-bottom: 4rem; font-size: 2.8rem; letter-spacing: -0.56px; }
  .comment-wrap .comment .date { margin-right: 8rem; }
  .comment-wrap .comment .recommend-btn { margin-right: 4rem; font-size: 2.8rem; letter-spacing: -0.56px; font-weight: 500; }
  .comment-wrap .comment .recommend-btn::before { width: 3.2rem; margin-right: 0.8rem; height: 3.2rem; }
  .comment-wrap .comment .user-util li:not(:last-child)::after { width: 0.2rem; height: 2.4rem; margin: 0 1.6rem; }
  .comment-wrap .comment .user-util li button { font-size: 2.8rem; letter-spacing: -0.56px; }
  .comment-wrap .comment .reply-toggle-btn { font-size: 2.8rem; letter-spacing: -0.56px; margin-bottom: 4rem; }
  .comment-wrap .comment .reply-toggle { border-top: .2rem solid #dbdbdb; padding: 2rem 0; }
  .comment-wrap .comment .reply-toggle .review-box { margin: 0 3.2rem; }
  .comment-wrap .comment .reply-item { padding: 0 3.2rem; }
  .comment-wrap .comment .reply-item + .reply-item { border-top: .2rem solid #dbdbdb; padding-top: 4.8rem; }
  .comment-wrap .comment .review-box textarea { height: 24rem; }
  .comment-wrap .comment .review-box-bottom { padding: 1.6rem 3.2rem; }
  .comment-wrap .comment .review-box-bottom button { font-size: 2.4rem; letter-spacing: -0.56px; }
  
  .update-comment { position: relative; display: none; margin-top: -9.8rem; align-items: center; gap: 1.6rem; border-radius: 2.4rem; border: .2rem solid #666; padding: 1.8rem 4rem .1.8rem 0; background: #f8f8f8; position: relative; }
  .update-comment.on { display: flex; }
  .update-comment textarea { max-height: 16rem; height: auto; line-height: 4.8rem; margin-bottom: 12rem; padding: 1.8rem 3.2rem; font-size: 3rem; letter-spacing: -0.6px; border-radius: 2.4rem; scrollbar-width: 0; }
  .update-comment .update-btn { position: absolute; right: 3.2rem; bottom: 3.2rem; border-radius: 1.6rem; padding: 2rem 2.4rem; font-size: 2.8rem; letter-spacing: -0.56px; }
  .comment-wrap .reply-box .update-comment { top: 0; margin-top: -12.8rem; margin-bottom: 2.4rem; }
  .comment-wrap .reply-box .update-comment textarea { max-height: 14rem; }
  
  .detail-container.no-mg { margin: 0; }
  .detail-container.pt { padding-top: 24rem; }
  .detail-container.last { margin-bottom: 24rem; }
  .cke_notifications_area { display: none !important; } /* 임시 */
  .write-form { padding-bottom: 12rem; margin-bottom: 9.6rem;  border-bottom: .2rem solid #ebebeb;} 
  .write-form .input-form-box .input-label select { border: .2rem solid #dbdbdb; width: 100%; }
  .expert-write-form .input-form-box .input-label select#category { height: 10.4rem; padding: 0 8.4rem 0 3.6rem; border: .2rem solid #dbdbdb; border-radius: 2.4rem; background-position: right 2.8rem center; background-size: 4rem 4rem; font-size: 3rem; line-height: 10.4rem; }
  .write-form .textarea { border-radius: 2.4rem; padding: 2.4rem; width: 100%; border: .2rem solid #dbdbdb; }
  .write-form .cke_chrome { border: 0; }
  .write-form .cke_top { border-radius: 2.4rem; border: .2rem solid #ebebeb; }
  .write-form .cke_bottom { display: none; }
  .write-form .file-wrap { display: flex; align-items: center; width: 100%; }
  .file-tit { margin-right: 1.6rem; border-radius: 2.4rem; border: .2rem solid #666; font-size: 2.8rem; letter-spacing: -0.56px; padding: 3.4rem 0; width: 14.4rem; min-width: 14.4rem; }
  .file-area { border-radius: 2.4rem; padding: 3.4rem 2.4rem; width: calc(100% - 14.4rem); border: .2rem solid #dbdbdb; gap: 2rem 1.6rem; }
  .file-area .file-item { gap: .4rem; font-size: 3rem; }
  .file-area .file-item .clear { width: 4rem; height: 4rem !important;  }
  .file-area .no-file { font-size: 3rem; letter-spacing: -0.6px; }
  
  .intro-platform-page .inner { width: 100% !important; }
  .intro-section-wrap { position: relative; width: calc(100%) !important; height: 100vh; left: 0; transform: translateX(); }
  .intro-section-wrap .section-item2 .bg-mov::after { content: ''; width: 100%; height: 5rem; position: absolute; bottom: -8px; left: 0; background-color: var(--bg-after-color, transparent); z-index: 2; }
  .intro-section-wrap .intro-section-tit .sm { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 2.4rem; }
  .intro-section-wrap .intro-section-tit .tit { font-size: 6.4rem; letter-spacing: -1.28px; }
  .intro-section-wrap .section-item1 .tit-wrap { margin-top: 28.8rem; margin-bottom: 5.2rem; font-size: 5.2rem; letter-spacing: -1.12px; line-height: 8.4rem; }
  .intro-section-wrap .section-item1 .txt-wrap { font-size: 3.2rem; letter-spacing: -0.64px; line-height: 5.2rem;  margin: 0 auto 12rem; width: 80%; word-break: keep-all; }
  .intro-section-wrap .section-item1 .txt-wrap br { display: none; }
  .intro-section-wrap .section-item1 .logo-item { width: 31.2rem; height: 6.8rem; }
  .intro-section-wrap .section-item2 .bg-mov video { object-position: center; }
  .intro-section-wrap .section-item2 .intro-section-tit { top: 16rem; left: 3.2rem; }
  .intro-section-wrap .section-item2 .rotation-wrap { left: 50%; top: 70%; }
  .intro-section-wrap .section-item2 .rotation-wrap .white-logo-item { height: 11.6rem; margin-bottom: 3.2rem; }
  .intro-section-wrap .section-item2 .rotation-center { width: 42.8rem; height: 42.8rem; position: relative; margin: 0 auto; }
  .intro-section-wrap .section-item2 .rotation-center .item-tit { font-size: 4rem; letter-spacing: -0.88px; line-height: 6.4rem; }
  .intro-section-wrap .section-item2 .rotation-items,
  .intro-section-wrap .section-item2 .rotation-items li { animation-play-state: paused; }
  .intro-section-wrap .section-item2 .rotation-items { width: 100%; height: 100%; position: absolute; left: 63%; top: 62%; transform: translate(-50%, -50%);  }
  .intro-section-wrap .section-item2 .rotation-items li { font-size: 3.4rem; letter-spacing: -0.68px; line-height: 5.6rem; width: 32rem; height: 32rem; }
  .intro-section-wrap .section-item2 .rotation-items li:nth-child(1) { left: -17.6rem; top: -37.6rem; }
  .intro-section-wrap .section-item2 .rotation-items li:nth-child(2) { left: 17.6rem; top: -37.6rem; }
  .intro-section-wrap .section-item2 .rotation-items li:nth-child(3) { left: -17.6rem; top: 37.6rem; }
  .intro-section-wrap .section-item2 .rotation-items li:nth-child(4) { left: 17.6rem; top: 37.6rem;  }
  .intro-section-wrap .section-item3 .inner { padding: 16rem 0 0; }
  .intro-section-wrap .section-item3 .intro-section-tit { text-align: center; margin-bottom: 9.6rem; }
  .intro-section-wrap .section-item3 .type-list { left: 0; height: 56rem; justify-content: center; }
  .intro-section-wrap .section-item3 .type-list li { width: 56rem; height: 56rem; }
  .intro-section-wrap .section-item3 .type-list li .item-tit { font-size: 4.8rem; letter-spacing: -0.96px; }
  .intro-section-wrap .section-item3 .type-list li .counting-txt { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4rem; }
  .intro-section-wrap .section-item3 .type-list li .counting-txt span { font-size: 9.6rem; letter-spacing: -1.92px; }
  .intro-section-wrap .section-item3 .type-list li .b { font-size: 3rem; letter-spacing: -0.8px; margin-bottom: 2.4rem; }
  .intro-section-wrap .section-item3 .type-list li .sm { font-size: 3.2rem; letter-spacing: -0.6px; }

  .intro-section-wrap .section-item2 .bg-mov video { width: 100%; }
  
  .intro-wrap { margin: 4rem 0 24rem; }
  .intro-wrap .bg-mov { margin-bottom: 16rem; border-radius: 4rem; }
  .intro-wrap .bg-mov .txt-wrap { padding: 9.6rem 3.2rem; }
  .intro-wrap .bg-mov .tit { font-size: 5.6rem; letter-spacing: -1.12px; line-height: 8.4rem; margin-bottom: 7.2rem; }
  .intro-wrap .bg-mov .txt { font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; } 
  .intro-wrap .license-type { margin-bottom: 9.6rem; }
  .intro-wrap .license-type > .tit { font-size: 5.6rem; letter-spacing: -1.12px; line-height: 8.4rem; margin-bottom: 5.6rem; }
  .intro-wrap .license-type > .txt { font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; margin-bottom: 7.2rem; }
  .intro-wrap .terms-of-use { margin-bottom: 1.4rem; grid-template-columns: repeat(2, 1fr); gap: 1.4rem; }
  .intro-wrap .terms-of-use li { width: 100%; }
  .intro-wrap .license-type .item-box { border-radius: 3.2rem; padding: 6.4rem 1.6rem 4.8rem; }
  .intro-wrap .terms-of-use .img { width: 10.8rem; margin: 0 auto 5.2rem; }
  .intro-wrap .terms-of-use .item-tit { font-size: 3.6rem; letter-spacing: -0.72px; margin-bottom: 1.6rem; }
  .intro-wrap .terms-of-use .en-tit { margin-bottom: 3.2rem; font-size: 3rem; letter-spacing: -0.6px; }
  .intro-wrap .terms-of-use .txt { font-size: 2.6rem; letter-spacing: -0.52px; line-height: 4.4rem; }
  .intro-wrap .item-box .big-img { width: 100%; }
  .intro-wrap .license-list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 3.2rem; }
  .intro-wrap .license-list .item-box { padding: 4.8rem 3.2rem; border-radius: 3.2rem; border: .2rem solid #dbdbdb; }
  .intro-wrap .license-list .tit-wrap { margin-bottom: 4rem; padding-bottom: 3.2rem; border-bottom: .2rem solid #ebebeb; }
  .intro-wrap .license-list .tit-wrap .tit { font-size: 3.6rem; letter-spacing: -0.72px; text-align: center; }
  .intro-wrap .license-list .tit-wrap .tit .c { display: block; }
  .intro-wrap .license-list .tit-wrap::after { content: ''; width: 27.6rem; height: 9.6rem; margin: 3.2rem auto 0; display: block; position: static; right: inherit; top: inherit; transform: inherit; }
  .intro-wrap .license-list .info-txt { height: auto; margin-bottom: 4.8rem; }
  .intro-wrap .license-list .info-txt li { font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; }
  .intro-wrap .license-list .info-txt li::before { content: '-'; margin-right: .8rem; align-self: flex-start; }
  .intro-wrap .license-list .limit .tit { margin-bottom: 2.4rem; padding: 2rem; border-radius: 1.6rem; font-size: 2.8rem; letter-spacing: -0.56px; width: 16rem; }
  .intro-wrap .license-list .limit-list li { line-height: 4.4rem; gap: .8rem; font-size: 2.6rem; letter-spacing: -0.44px; }
  .intro-wrap .license-list .limit-list li::before { content: '-'; align-self: flex-start; }
  
  .source-guide { margin: 4rem 0 24rem; }
  .source-guide .guide-box { margin-bottom: 9.6rem; padding: 7.2rem 8rem; border-radius: 4rem; border: .4rem solid var(--color-main); }
  .source-guide .guide-box .tit { font-size: 4.8rem; letter-spacing: -0.96px; margin-bottom: 4rem; }
  .source-guide .guide-box .txt { font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; word-break: keep-all; }
  .source-guide .case-list { font-size: 3rem; letter-spacing: -0.6px; display: grid; grid-template-columns: repeat(1, 100%); gap: 3.2rem; }
  .source-guide .case-list > li { border-radius: 3.2rem; border: .2rem solid #dbdbdb; padding: 6.4rem 3.2rem; }
  .source-guide .label { width: 17.6rem; padding: 1.6rem; border-radius: 3.2rem; border: .2rem solid var(--color-main); margin: 0 auto 4.4rem; }
  .source-guide .tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 2.4rem; }
  .source-guide .txt { font-size: 3rem; line-height: 4.8rem; letter-spacing: -0.6px; margin-bottom: 4.8rem; }
  .source-guide .strong-box { border-radius: 2.4rem; padding: 4.8rem 4rem; font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; }
  .source-guide .logo-download { gap: 3rem; }
  .source-guide .strong-box { border-radius: 2.4rem; padding: 4.8rem 4rem; font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; }
  .source-guide .logo-download li:not(:last-child) { margin-right: 0; padding-right: 0; }
  .source-guide .logo-download li:not(:last-child)::after { display: none; }
  .source-guide .img { width: 25.6rem; height: 20.4rem; }
  .source-guide .logo-download li span { font-size: 3rem; margin-top: 1.6rem; letter-spacing: -0.6px; padding: 2rem; border-radius: 1.6rem; } 
  
  .faq-wrap { margin: 4rem 0 24rem; }
  .faq-wrap .tab-btns { width: calc(100% + 6.4rem); position: relative; left: -3.2rem; gap: 1.6rem; margin-bottom: 12rem; overflow-x: auto; padding: 0 3.2rem 0; justify-content: flex-start; }
  .faq-wrap .tab-btns::-webkit-scrollbar { display: none; }
  .faq-wrap .tab-btns button { border-radius: 2.4rem; font-size: 3.2rem; letter-spacing: -0.64px; padding: 2.8rem 0; width: 16rem; min-width: 16rem; }
  .faq-wrap .total-count { font-size: 2.8rem; margin-bottom: 4.8rem; letter-spacing: -0.56px; }
  .faq-wrap .faq-list li { border-radius: 3.2rem; border: .2rem solid #dbdbdb; }
  .faq-wrap .faq-list li + li { margin-top: 2.4rem; }
  .faq-wrap .faq-list button { padding: 6.4rem 3.2rem; font-size: 4rem; line-height: 6.4rem; text-align: left; letter-spacing: -0.8px; padding-right: 9.6rem; }
  .faq-wrap .faq-list button::before { width: 4.8rem; height: 4.8rem; margin-right: 2.4rem; }
  .faq-wrap .faq-list button::after { width: 4.8rem; height: 4.8rem; right: 3.2rem; }
  .faq-wrap .faq-list .answer { margin: 0 3.2rem 6.4rem 8.8rem; font-size: 3rem; letter-spacing: -0.5px; line-height: 4.8rem; }
   
  .qna-wrap .go-qna { margin: 9.6rem auto 12rem; font-size: 3.4rem; letter-spacing: -0.68px; padding: 3.4rem; width: 100%; border-radius: 5.4rem; }
  .qna-wrap .list-top .list-search-wrap { width: 43rem; margin-top: 0; }
  .qna-wrap .list-container .column-list .item-info-list li:nth-child(3) { width: 100%; }
  .qna-wrap .list-container .column-list .item-info-list li:nth-child(3)::after { display: none; }

  .detail-container .answer-cont { margin-top: 7.2rem; border-radius: 2.4rem; border: .2rem solid var(--color-main);  }
  .detail-container .answer-cont .tit { border-bottom: .2rem solid #ebebeb; padding: 4rem 3.2rem; font-size: 3.4rem; letter-spacing: -0.68px; }
  .detail-container .answer-txt { padding: 4rem 3.2rem 4.8rem; font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; } 
  
  .item-info-list .status { font-size: 2.8rem; letter-spacing: -0.56px; padding: 1.6rem; width: 14.4rem; border-radius: 1.2rem; }
  .detail-container .tit-wrap .item-info-list .status { font-size: 2.8rem; letter-spacing: -0.56px; }

  .ucs-section-wrap { margin-top: 8rem; }
  .ucs-section { gap: 4.8rem 0; flex-flow: row wrap; }
  .ucs-section + .ucs-section  { margin-top: 8rem; }
  .ucs-section .section-tit { width: 100%; font-size: 4.4rem; letter-spacing: -0.88px; }
  .ucs-section .section-tit::after { width: 9.6rem; top: -2.4rem; height: .4rem; }
  .ucs-section .content-area { width: calc(100%); }
  .ucs-section .content-area .cont-box + .cont-box { margin-top: 7.2rem; }
  .ucs-section .content-area .tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4rem; }
  .ucs-section .txt-wrap .txt + .txt { margin-top: 4rem; }
  .ucs-section .txt { font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; }
  .ucs-section .section-box-list { gap: 1.6rem; grid-template-columns: repeat(1, 100%); }
  .ucs-section .section-box-list li { padding: 4rem 0; font-size: 3rem; letter-spacing: -0.6px; border-radius: 2.4rem; }
  .ucs-section .round-tit { padding: 2.4rem 0; width: 27.2rem; border-radius: 4.4rem; margin: 7.2rem 0 4.8rem; font-size: 3.4rem; letter-spacing: -0.68px; }
  .ucs-section .number-list > li + li { margin-top: 7.2rem; }
  .ucs-section .number-list li::before,
  .ucs-section .number-tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 3.2rem; }
  .ucs-section .number-list .section-box-list { margin-top: 3.2rem; } 
  .ucs-section .ucs-table-wrap { width: calc(100% + 6.4rem); position: relative; left: -3.2rem; margin: 12rem 0 24rem; padding-top: 24rem; border-top: .2rem solid #ebebeb; }
  .ucs-section .scroll-x { overflow-x: auto; padding: 0 3.2rem 3.2rem; }
  .scroll-container-wrapper { position: relative; width: 100%; }
  .scroll-x { overflow-x: auto; scrollbar-width: none; }
  .scroll-x::-webkit-scrollbar { display: none; }
  .custom-scrollbar-track { width: 90%; margin: 0 auto; height: 1.6rem; background: #efefef; border-radius: .8rem; margin-top: 3.2rem; }
  .custom-scrollbar-thumb { height: 100%; background: #919191; border-radius: .8rem; width: 20%; cursor: pointer; }

  .ucs-section .ucs-table-wrap .table-tit-wrap { padding-left: 3.2rem; margin-bottom: 4.8rem; flex-flow: column; align-items: flex-start; }
  .ucs-section .ucs-table-wrap .table-tit-wrap .tit { font-size: 4.4rem; letter-spacing: -0.88px; margin-bottom: 5.6rem; }
  .ucs-section .ucs-table-wrap .table-tit-wrap .download { font-size: 2.8rem; letter-spacing: -0.56px; padding: 1.6rem 4rem; border-radius: 1.6rem; }
  .ucs-section .ucs-table-wrap .table-tit-wrap .download::before { width: 4.8rem; height: 4.8rem; margin-right: 1.6rem; }
  .ucs-section .ucs-table-wrap .table-tit-wrap .download::after { width: 3.6rem; height: 3.6rem; margin-left: 0.8rem; }
  .ucs-section .ucs-tb { border-top: .2rem solid #000; }
  .ucs-section .ucs-tb col:nth-child(1) { width: 44rem; }
  .ucs-section .ucs-tb col:nth-child(2) { width: 44rem; }
  .ucs-section .ucs-tb col:nth-child(3) { width: 192rem; }
  .ucs-section .ucs-tb th { font-size: 3.2rem; letter-spacing: -0.64px; padding: 3.2rem 0; border: .2rem solid #ebebeb; }
  .ucs-section .ucs-tb td { font-size: 3rem; padding: 3.4rem 3.2rem; letter-spacing: -0.6px; border: .2rem solid #ebebeb; }
  .ucs-section .ucs-tb tr td:last-child { line-height: 5.2rem; }
  

  .number-list > li::before { margin-right: 0.8rem; }
  
  .my-page-wrap .tab-btns { margin: 12rem 0 7.2rem; width: calc(100% + 6.4rem); position: relative; left: -3.2rem; padding: 0 3.2rem; display: flex; align-items: center; gap: 1.6rem; overflow-x: auto; scrollbar-width: none; }
  .my-page-wrap .tab-btns::-webkit-scrollbar { display: none; }
  .my-page-wrap .tab-btns li { width: auto; margin: 0; }
  .my-page-wrap .tab-btns li a { padding: 2.8rem 3.2em; border-radius: 2.4rem; border: .2rem solid #ebebeb; font-size: 3.2rem; letter-spacing: -0.64px; white-space: nowrap; }
  .my-page-wrap .tab-btns li a::before { content: ''; width: 4rem; height: 4rem; margin-right: 0.8rem; }
  
  .my-page-wrap .mypage-bn { margin-bottom: 12rem; border-radius: 4rem; padding: 3.2rem 2.4rem; background: url(../images/mypage-bn-mob.png) no-repeat center; background-size: cover; }
  .my-page-wrap .update-myInfo { padding: 2.6rem 3.2rem; border-radius: 1.6rem; border: .2rem solid rgba(255, 255, 255, .24); gap: .8rem; font-size: 2.4rem; letter-spacing: -0.48px; top: 3.2rem; right: 3.2rem; }
  .my-page-wrap .update-myInfo::before { width: 2.8rem; height: 2.8rem; margin-right: 0; }
  .my-page-wrap .mypage-bn .tit { font-size: 4.8rem; letter-spacing: -0.96px; margin: 22.4rem auto 13.6rem; }
  .my-page-wrap .my-history { padding: 4rem 3.2rem; border-radius: 2.4rem; gap: 2.4rem 0; flex-flow: row wrap; justify-content: flex-start; }
  .my-page-wrap .my-history li { position: relative; font-size: 2.8rem; letter-spacing: -0.56px; width: calc(50% - .2rem); justify-content: center; }
  .my-page-wrap .my-history li:nth-child(even) { width: calc(50% - .2rem); }
  .my-page-wrap .my-history li:not(:last-child)::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0.2rem; height: 2.4rem; margin: 0; }
  .my-page-wrap .my-history li:nth-child(even)::after { display: none; }
  .my-page-wrap .my-history li a { margin-left: 2.4rem; }
  
  .my-page-wrap .list-section .list-area .list-util { flex-flow: column; align-items: flex-start; }
  .my-page-wrap .list-section .list-area .util-btns { flex-flow: column; align-items: flex-start; margin: 3.2rem 0 .8rem; width: 100%; }
  .my-page-wrap .list-section .list-area .list-info { position: absolute; right: 0; font-size: 2.8rem; letter-spacing: -0.56px; margin-bottom: 0; }
  .date-select-wrap { gap: 1.6rem; width: 100%; }
  .date-select-wrap::after,
  .my-page-wrap .list-top .list-search-wrap::after { display: none; } 
  .list-section .list-area .util-btns > div:last-child::after { display: none; }
  .date-select-wrap .bar { width: 1.6rem; min-width: 1.6rem; height: 0.2rem;}
  .date-select-wrap .date-input-wrap { width: 100%; border: .2rem solid #dbdbdb; border-radius: 1.6rem; background: url(../images/calendar.png) no-repeat center right 1.6rem; background-size: 3.20rem; }
  .date-select-wrap .date-input-wrap input { background: transparent; }
  .my-page-wrap .list-section .list-area .list-util select:not(.select-m) { width: 24rem; margin: 0 .8rem 0 0; }
  .my-page-wrap .list-section .list-area .list-util .select-m { width: 25.6rem; }
  .my-page-wrap .list-section .list-area .list-util .input { width: calc(100% - 25.6rem); }
  .my-page-wrap .list-section .list-area .list-util select.s { width: 26rem; }
  .my-page-wrap .list-top .search-container { width: 100%; margin: 0; }
  .my-page-wrap .list-top .search-container input { padding: 2.8rem 2rem; font-size: 2.8rem; letter-spacing: -0.56px; }
  .my-page-wrap .list-top .list-search-wrap { gap: 0; margin: 2.4rem 0 3.2rem; width: 100%; }
  .my-page-wrap .list-top .list-search-wrap select.cate_select#searchCnd { width: 24rem; height: 9.6rem; padding: 0 7.2rem 0 2.4rem; border: .2rem solid #dbdbdb; border-radius: 1.6rem; background-position: right 2.4rem center; background-size: 3.2rem 3.2rem; font-size: 3rem; line-height: 9.6rem; }
  .action-btns { gap: 1.6rem; border-top: .2rem solid #ebebeb; padding-top: 3.2rem; width: 100%; }
  .action-btns button { font-size: 2.8rem; letter-spacing: -0.56px; border-radius: 1.6rem; padding: 2.8rem 1.6rem; }
  .action-btns button::before { width: 3.6rem; height: 3.6rem; margin-right: 0.8rem; }
  .action-btns:has(.add-source) { border-top: 0; padding-top: 2.4rem; width: 100%; }
  .action-btns .all-download { border: .2rem solid var(--color-main); }
  .action-btns .select-download { border: .2rem solid #dbdbdb; }
  .action-btns .all-select { border: .2rem solid #dbdbdb; color: #666; }
  .action-btns .select-buying { border: .2rem solid var(--color-main); }
  .action-btns .add-source { width: 100%; border-radius: 2.4rem; font-size: 3.4rem; letter-spacing: -0.68px; box-shadow: none; background: var(--color-main); color: #fff; }
  .action-btns .add-source::before { width: 4.8rem; height: 4.8rem; background: url(../images/mic.png) no-repeat center; background-size: cover; }
  .action-btns .add-source:hover { background: var(--color-main); color: #fff; }
  .my-page-wrap .list-section .custom-ck-label { position: absolute; top: 3.2rem; left: 3.2rem; }
  .my-page-wrap .list-section .custom-ck-label input + .custom-ck { width: 6.4rem; height: 6.4rem; background: #e8e8e8 url(../images/check-white.png) no-repeat center; background-size: 3.6rem; border-color: #e8e8e8; }
  .my-page-wrap .list-section .custom-ck-label input:checked + .custom-ck { background: var(--color-main) url(../images/check-white.png) no-repeat center; background-size: 3.6rem; border-color: var(--color-main); }
  .my-page-wrap .list-wrap.ck-list > li > a { padding: 16rem 4rem 4rem; }
  
  .my-page-wrap .search-rating { flex-flow: column; align-items: flex-start; padding: 4rem 3.2rem; border-radius: 3.2rem; margin-bottom: 4.8rem; }
  .my-page-wrap .search-rating .tit { font-size: 3.2rem; margin-bottom: 3.2rem; letter-spacing: -0.64px; }
  .my-page-wrap .search-rating .tit::before { width: 4rem; height: 4rem; }
  .my-page-wrap .search-rating .tit::after { display: none; }
  .my-page-wrap .search-rating .rating-list { gap: 3.2rem 4.8rem; flex-flow: row wrap; }
  .my-page-wrap .card-list .rating-info .tit { font-size: 2.8rem; margin-bottom: 2.4rem; letter-spacing: -0.56px; }
  .my-page-wrap .card-list .rating-info .rating-area { font-size: 2.4rem; letter-spacing: -0.48px; flex-flow: column; }
  .my-page-wrap .card-list .rating-info .rating-container { margin-right: 0; margin-bottom: 1.6rem; }
  .my-page-wrap .card-list .rating-info .rating-container img { width: 3.9rem; height: 3.9rem; }
  .my-page-wrap .card-list .refund-btn { font-size: 2.8rem; font-weight: 500; letter-spacing: -0.56px; top: 3.2rem; right: 3.2rem; padding: 1.6rem 3.2rem; border-radius: 1.6rem; border: .2rem solid #f5d6c6; background: #fbf1ec; position: absolute; color: var(--color-main); }
  
  .list-container .util-btns { flex-flow: row wrap; margin-top: 3.2rem; width: 100%; }
  .list-container .util-btns .list-search-wrap { gap: 1.6rem; margin-top: 0; }
  .list-container .util-btns .action-btns { border-top: 0; }
  .list-container .util-btns .action-btns::before { display: none; }
  .list-container .util-btns .action-btns .go-write { font-size: 3.2rem; letter-spacing: -0.64px; padding: 2.8rem 0; width: 100%; border-radius: 2rem; }
  .my-page-wrap .list-container .util-btns .list-search-wrap { margin-top: 2.4rem; }
  
  .my-page-wrap .password-ck { margin: 12rem auto 24rem; width: 100%; padding: 12rem 3.2rem; border-radius: 4rem; }
  .my-page-wrap .password-ck .tit { font-size: 4.8rem; letter-spacing: -0.96px; margin-bottom: 9.6rem; }
  .my-page-wrap .password-ck input,
  .my-page-wrap .password-ck button { padding: 3.2rem 2.4rem; border-radius: 2.4rem; font-size: 3rem; letter-spacing: -0.6px; }
  .my-page-wrap .password-ck button { margin-top: 3.2rem; }
  
  .my-page-wrap .info-update-btns { margin: 12rem auto; gap: 1.6rem; }
  .my-page-wrap .info-update-btns a { padding: 2.8rem 0; width: 28rem; border-radius: 2.4rem; font-size: 3.2rem; letter-spacing: -0.64px; }
  .my-page-wrap .update-form { width: 100%; margin: 0 auto 24rem; }
  .question-wrap { margin-bottom: 6.4rem; gap: 1.6rem; }
  .question-wrap a { padding: 3.6rem 4rem; font-size: 3rem; letter-spacing: -0.6px; border-radius: 5.4rem; border: .4rem solid var(--color-main); }
  .question-wrap .question-mark { width: 3.6rem; height: 3.6rem; } 
  .notice-wrap { width: 52.4rem; padding: 4.8rem 3.2rem; border-radius: 1.6rem; top: calc(100% + 2.4rem); }
  .notice-wrap::before { top: -3.2rem; border-bottom: 3.2rem solid #fff; }
  .notice-wrap .tit { font-size: 3rem; letter-spacing: -0.6px; margin-bottom: 3.2rem; }
  .notice-wrap .notice-txt li { font-size: 2.8rem; letter-spacing: -0.56px; line-height: 4.8rem; }
  .notice-wrap .notice-txt li::before { align-self: flex-start; }
  .my-page-wrap .update-form .btn-wrap .btn-line { border: .2rem solid #000; color: #000; }
  
  .my-page-wrap .update-form .input-item { border-radius: 2.4rem; border: .2rem solid #dbdbdb; padding: 0 3.2rem; display: flex; align-items: center; align-items: center; width: 100%; }
  .my-page-wrap .update-form .input-item + .input-item { margin-top: 1.6rem; }
  .my-page-wrap .update-form .input-item .tit { font-size: 3rem; letter-spacing: -0.6px; margin-right: 0; }
  .my-page-wrap .update-form .business-number-wrap { margin-top: 4rem; width: 100%; }
  .my-page-wrap .update-form .business-number-wrap .flex { flex-flow: row nowrap !important; }
  .my-page-wrap .update-form .business-number-wrap .tit { font-size: 3rem; letter-spacing: -0.6px; }
  .my-page-wrap .update-form .business-number-wrap .m { width: calc(50% - 2.4rem) !important; }
  .my-page-wrap .update-form .flex { align-items: center; gap: 1.6rem; flex-flow: row wrap; }
  .my-page-wrap .update-form .bar { width: 1.6rem; min-width: 1.6rem; height: 0.2rem;}
  .my-page-wrap .input-form-box .input-label .flex .btn-dark { margin: 0; }
  .my-page-wrap .input-form-box .input-label .flex .btn-dark + input { width: calc(100% - 16rem); }
  .my-page-wrap .input-form-box .input-label .flex .s,
  .my-page-wrap .input-form-box .input-label .flex .m { width: 100% !important; }
  .my-page-wrap .input-form-box .input-label .profile-mail-wrap { width: 100%; max-width: none; gap: 1.6rem; flex-flow: row nowrap !important; }
  .my-page-wrap .input-form-box .input-label .profile-mail-wrap input.m { flex: 1 1 0; width: auto !important; min-width: 0; }
  .my-page-wrap .input-form-box .input-label .profile-mail-wrap .mail-at { font-size: 3rem; }
  .my-page-wrap .update-form .add-input { margin-top: 2.4rem; border-radius: 1.6rem; font-size: 2.6rem; letter-spacing: -0.52px; padding: 2.4rem 2rem; width: 14rem; border: .2rem solid #ebebeb; display: flex; align-items: center; justify-content: center; font-weight: 500; color: #919191; background: #f5f5f5; }
  .my-page-wrap .update-form .add-input::after { content: ''; width: 2.4rem; height: 2.4rem; background: url(../images/add-input.png) no-repeat center; background-size: cover; margin-left: 0.8rem; }
  .my-page-wrap .update-form .inputs-area { width: 100%; }
  .my-page-wrap .update-form .inputs-area input + input { margin-top: 1.6rem; }
  .my-page-wrap .update-form .report-num { margin: 3.2rem 0; }
  .my-page-wrap .update-form .reference-box { border-radius: 2.4rem; padding: 4rem 3.2rem; }
  .my-page-wrap .update-form .reference-box .tit { font-size: 2.6rem; letter-spacing: -0.52px; line-height: 4.4rem; margin-bottom: 2.4rem; }
  .my-page-wrap .update-form .reference-box .txt { font-size: 2.6rem; letter-spacing: -0.52px; line-height: 4.4rem; }
  .my-page-wrap .update-form .reference-box .txt + .txt { margin: 2.4rem 0 0; }
  .my-page-wrap .update-form .reference-box .num-list li { font-size: 2.6rem; letter-spacing: -0.52px; line-height: 4.4rem; }
  .my-page-wrap .update-form .reference-box .num-list li::before { align-self: flex-start; }
  
  .my-page-wrap .list-info .question-wrap { margin-bottom: 0; position: relative; z-index: 2; }
  .my-page-wrap .list-info .notice-wrap { width: 70rem; padding: 4rem 4.8rem; background: #fff; z-index: 2; }
  .my-page-wrap .list-info .notice-wrap .num-list li { font-size: 2.8rem; letter-spacing: -0.48px; line-height: 4.8rem; }
  .my-page-wrap .list-info .notice-wrap .txt { margin: 2.4rem 0; font-size: 2.8rem;  line-height: 4.8rem; letter-spacing: -0.56px; }
  .my-page-wrap .list-info .notice-wrap .note { font-size: 2.8rem; gap: .8rem; letter-spacing: -0.56px; line-height: 4.8rem; }
  .my-page-wrap .list-info .notice-wrap.style { padding: 4rem 3.2rem; width: 56rem; left: -52rem; transform: inherit; }
  .my-page-wrap .list-info .notice-wrap.style::before { left: 93%; transform: rotate(0); top: -2.4rem; }
  
  .withdraw-box { width: 100%; margin: 12rem auto; border-radius: 4rem; padding: 9.6rem 3.2rem; }
  .withdraw-box .tit { width: 24rem; padding: 2.4rem 2rem; border-radius: 5.6rem; font-size: 4rem; letter-spacing: -0.8px; margin: 0 auto 5.6rem; }
  .withdraw-box .withdraw-list { gap: 2.4rem; margin-bottom: 5.6rem; flex-flow: row wrap; }
  .withdraw-box .withdraw-list > li { border-radius: 3.2rem; padding: 8rem 3.2rem; border: .2rem solid #ebebeb; }
  .withdraw-box .withdraw-list .item-tit { font-size: 3.4rem; letter-spacing: -0.68px; line-height: 5.6rem; margin-bottom: 4.8rem; word-break: keep-all; }
  .withdraw-box .withdraw-list .item-tit br { display: none; }
  .withdraw-box .withdraw-list .list-wrap li { font-size: 2.8rem; letter-spacing: -0.56px; line-height: 4.8rem; text-align: left; word-break: keep-all; }
  .withdraw-box .withdraw-list .list-wrap li::before { align-self: flex-start; position: relative; top: 0.4rem; }
  .withdraw-box .c-txt { font-size: 2.8rem; letter-spacing: -0.56px; line-height: 4.8rem; word-break: keep-all; }
  .withdraw-box .busineess-withdraw li { gap: .8rem; font-size: 3rem; letter-spacing: -0.6px; line-height: 5.2rem; }  
  .withdraw-box .busineess-withdraw li + li { margin-top: 1.6rem; }
  .withdraw-box .c-txt br { display: none; }
  .withdraw-form { margin-bottom: 24rem; }
  .withdraw-form .form-section + .form-section { margin-top: 12rem; }
  .withdraw-form .form-section .tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4rem; }
  .withdraw-form .form-section .reason-wrap { display: flex; flex-flow: row wrap; gap: 4rem 4.8rem; }
  .withdraw-form .form-section .input-flex { gap: 2.4rem; flex-flow: row wrap; }
  .withdraw-form .form-section .input-flex textarea { height: 16rem; overflow: auto; font-size: 3rem; border: .2rem solid #dbdbdb; border-radius: 2.4rem; padding: 2rem 2.4rem; width: 100%; }
  .withdraw-form .form-section textarea { height: 56rem; font-size: 3rem; letter-spacing: -0.6px; line-height: 4.8rem; border-radius: 2.4rem; border: .2rem solid #dbdbdb; padding: 4rem; }
  .withdraw-form .btn-wrap { margin-top: 9.6rem; display: flex; align-items: center; gap: 1.6rem; justify-content: center; }
  .withdraw-form .btn-wrap button { width: 24rem; border-radius: 2.4rem; padding: 3.6rem 2rem; font-size: 3.4rem; letter-spacing: -0.68px; color: #fff; font-weight: bold; text-align: center; }
  .withdraw-form .btn-wrap .btn-cancel { background: #919191; }
  .withdraw-form .btn-wrap .btn-confirm { background: var(--color-main); }
  
  .my-page-wrap .seller-card { margin-bottom: 12rem; }
  .my-page-wrap .total-count-wrap { flex-flow: row wrap; gap: 4rem; margin-bottom: 12rem; }
  .my-page-wrap .total-count-wrap li { border-radius: 3.2rem; padding: 5.6rem 4.8rem 7.2rem; }
  .my-page-wrap .total-count-wrap .tit { margin-bottom: 4.8rem; width: 17.6rem; padding: 2rem 0; font-size: 3rem; letter-spacing: -0.6px; border-radius: 3.6rem; border: .2rem solid var(--color-main); }
  .my-page-wrap .total-count-wrap .counting { font-size: 4.2rem; letter-spacing: -0.96px; } 
  .my-page-wrap .total-count-wrap .counting span { margin-right: 0.4rem; }
  .my-page-wrap .total-count-wrap li:nth-child(1) { background: url(../images/count-wrap-img1.png) no-repeat center right 4.8rem; background-size: 12.8rem; }
  .my-page-wrap .total-count-wrap li:nth-child(2) { background: url(../images/count-wrap-img2.png) no-repeat center right 4.8rem; background-size: 12.8rem; }
  .my-page-wrap .total-count-wrap li:nth-child(3) { background: url(../images/count-wrap-img3.png) no-repeat center right 4.8rem; background-size: 12.8rem; }
  .my-page-wrap .section-item + .section-item { margin-top: 12rem; }
  .my-page-wrap .section-item.mb { margin-bottom: 24rem; }
  .my-page-wrap .section-item .tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4.8rem; }
  .my-page-wrap .scroll-container { overflow-x: auto; }
  #chart-wrap { border-radius: 3.2rem; height: 73.6rem; min-width: 100%; }
  .download-list { width: calc(100% + 6.4rem); position: relative; left: -3.2rem; padding: 0 3.2rem; gap: 3.2rem; overflow-x: auto; scrollbar-width: 0; }
  .download-list::-webkit-scrollbar { display: none; }
  .download-list > li { border-radius: 3.2rem; border: .2rem solid #ebebeb; padding: 4rem 3.2rem; width: 44rem; min-width: 44rem; }
  .download-list .rank { font-size: 3.6rem; width: 8rem; height: 8rem; }
  .download-list .item-category { margin: 4rem 0 3.6rem; }
  .my-page-wrap .section-item .download-list > li > .tit { margin-bottom: 5.6rem; height: 11.2rem; font-size: 3.4rem; letter-spacing: -0.68px; line-height: 5.6rem; }
  .my-page-wrap .section-item .download-info li + li { margin-top: 1.6rem; }
  .my-page-wrap .section-item .download-info .tit { padding: 1.6rem; width: 14.4rem; border-radius: 1.6rem; border: .2rem solid #ebebeb; font-size: 2.8rem; letter-spacing: -0.56px; width: 14.4rem; margin: 0 1.6rem 0 0; }
  .my-page-wrap .section-item .download-info .txt { font-size: 3rem; letter-spacing: -0.6px; font-weight: 500; color: #666; }
  .my-page-wrap .section-item .download-info .txt.c { font-weight: bold; color: var(--color-main); }
  .opinion-list .opinions { width: 100%; }
  .opinion-list .opinions li + li { margin-top: 2.4rem; }
  .opinion-list .opinions li { border-radius: 3.2rem; border: .2rem solid #ebebeb; padding: 4rem 3.2rem; flex-flow: column; align-items: flex-start; }
  .opinion-list .opinions .recommend-label { width: 17.2rem; margin-bottom: 4.8rem; border-radius: 3.2rem; margin-right: 0; padding: 1.6rem; font-size: 2.6rem; letter-spacing: -0.52px; }
  .opinion-list .opinions .tit-area { width: 100%; }
  .opinion-list .opinions .tit { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 2.4rem; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .opinion-list .opinions .sub-txt { font-size: 2.8rem; letter-spacing: -0.56px; line-height: 4.8rem; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
  .opinion-list .opinions .date { font-size: 2.6rem; margin-top: 3.2rem; letter-spacing: -0.52px; margin-left: 0; }
  .opinion-swiper-container .review-controls { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 2.6rem; }
  .opinion-swiper-container .review-controls button { width: 4.8rem; min-width: 4.8rem; height: 4.8rem; border-radius: 50%; border: .2rem solid #dbdbdb; text-indent: -99999px; }
  .opinion-swiper-container .review-controls .btn-prev { background: url(../images/btn-control.png) no-repeat center; background-size: 2.8rem; }
  .opinion-swiper-container .review-controls .btn-next { background: url(../images/btn-control.png) no-repeat center; background-size: 2.8rem; transform: rotate(180deg); }
  .opinion-swiper-container .swiper-pagination { position: static; font-size: 2.4rem; font-weight: 500; color: #919191; }
  .opinion-swiper-container .review-controls .swiper-pagination-current { color: #000; font-weight: bold; }
  
  .sellerChannel-form { margin-bottom: 24rem; }
  .sellerChannel-form .input-form-box .input-label + .input-label { margin-top: 12rem; }
  .sellerChannel-form .count-wrap { font-size: 2.8rem; letter-spacing: -0.56px; top: 1.2rem; }
  .sellerChannel-form .input-form-box .input-label .tit { font-size: 4rem; margin-bottom: 4rem; letter-spacing: -0.8px; }
  .sellerChannel-form textarea { font-size: 3rem; height: 60rem; letter-spacing: -0.6px; line-height: 4.8rem; border-radius: 2.4rem; border: .2rem solid #dbdbdb; padding: 3.2rem; width: 100%; }
  .sellerChannel-form textarea.sm { height: 30rem; }
  .sellerChannel-form .input-form-box .m { width: 100% !important; }
  .sellerChannel-form .flex { gap: 2.4rem; flex-flow: row wrap; }
  .sellerChannel-form .file-wrap { width: 100%; }
  .sellerChannel-form .file-wrap .file-tit { width: 14.4rem; min-width: 14.4rem; }
  
  .my-page-wrap .form-tit { font-size: 6.4rem; letter-spacing: -1.28px; margin-bottom: 16rem; font-weight: bold; }
  
  .update-item-form { margin-bottom: 24rem; position: relative; }
  .update-item-form-box { border-bottom: 0; padding-bottom: 0; }
  .update-item-form .tit-wrap .c { margin-right: 0.8rem; color: var(--color-main); }
  .update-item-form .tit-wrap .item-type { border-radius: 1.6rem; border: .2rem solid #dbdbdb; padding: 2.4rem 1.6rem; font-size: 2.8rem; font-weight: 500; letter-spacing: -0.56px; width: 16.8rem; background: #f5f5f5 url(../images/disabled-arrow.png) no-repeat center right 1.6rem; background-size: 3.2rem; }
  .update-item-form .form-cont + .form-cont { margin-top: 16rem; }
  .update-item-form .input-wrap { gap: 8rem 9.2rem; display: flex; align-items: center; flex-flow: row wrap; }
  .update-item-form .input-wrap .tit { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 3.2rem; }
  .update-item-form .input-wrap input, .update-item-form .input-wrap select { font-size: 3rem; letter-spacing: -0.6px; }
  .update-item-form .input-wrap input:not(.date-input input), .update-item-form .input-wrap select { width: 100%; padding: 3.2rem 2.4rem; border-radius: 2.4rem; border: .2rem solid #dbdbdb; }
  .update-item-form .input-wrap .date-input { border-radius: 2.4rem; border: .2rem solid #dbdbdb; padding: 3.2rem 2.4rem; background: url(../images/calendar-color.png) no-repeat center right 1.6rem; background-size: 4.2rem; }
  .update-item-form .form-cont:nth-child(1) .input-wrap { display: grid; grid-template-columns: repeat(1, 100%); }
  .update-item-form .form-cont:nth-child(2) .input-wrap { display: grid; grid-template-columns: repeat(1, 100%);  }
  .update-item-form .input-form-box select:disabled { background: #f5f5f5 url(../images/disabled-arrow.png) no-repeat right 1.6rem center; background-size: 4rem; }
  .update-item-form .input-form-box .label-col { width: 100%; }
  .update-item-form .input-form-box .line { gap: 7.2rem; flex-flow: row wrap; }
  .update-item-form .input-form-box .s { width: 29.6rem !important; min-width: 29.6rem; }
  .update-item-form .input-form-box .l { width: 100%; }
  .update-item-form .input-form-box .xl { width: 100%; min-width: inherit; }
  .update-item-form .input-form-box .line .flex { gap: 1.6rem; flex-flow: row wrap; width: 100%; }
  .update-item-form .input-form-box .line2 .label-col { width: 100%; }
  .update-item-form .input-form-box .question-wrap { position: relative; margin-bottom: 0; }
  .update-item-form .input-form-box .question-wrap.s .notice-wrap {  width: auto; left: -1rem; transform: inherit; }
  .update-item-form .input-form-box .question-wrap.s .notice-wrap::before { left: 13%; }
  .update-item-form .input-form-box .question-wrap select { padding-left: 7.2rem; border-color: #000; }
  .update-item-form .input-form-box .question-area { position: absolute; left: 3.2rem; }
  .update-item-form .input-form-box .add-metaData-wrap { width: 100%; }
  .update-item-form .input-form-box .add-metaData { width: 100%; display: flex; align-items: baseline; flex-flow: row wrap; }
  .update-item-form .input-form-box .add-meta { margin-left: 1.6rem; min-width: 10rem; width: 10rem; height: 10rem; border-radius: 2.4rem; background-size: 4rem; }
  .update-item-form .input-form-box .file-tit { width: 14.4rem; min-width: 14.4rem; }
  .update-item-form .form-cont:nth-child(3) .xl { width: 100%; }
  .update-item-form .form-cont:nth-child(4) .tit-wrap { margin-bottom: 0; }
  .update-item-form .add-item-table { margin-top: 4rem; border-collapse: separate; border-spacing: 0; }
  .update-item-form .add-item-table col { display: none; }
  .update-item-form .add-item-table tr {  display: block; border-bottom: 0; }
  .update-item-form .add-item-table tr + tr { margin-top: 2.4rem; }
  .update-item-form .add-item-table th { display: block;  border: 0; }
  .update-item-form .add-item-table tr:nth-child(1) th { font-size: 3.2rem; letter-spacing: -0.64px; background: none; text-align: left; margin-bottom: 3.2rem; }
  .update-item-form .add-item-table td { font-size: 2.8rem; letter-spacing: -0.56px; padding: 0; }
  .update-item-form .add-item-table .input-flex-wrap { border: .2rem solid #000; border-radius: 3.2rem; flex-flow: row wrap; gap: 1.4rem; padding: 2.4rem; }
  .update-item-form .add-item-table select { width: 50%; border-radius: 1.6rem; padding: 2.8rem 2.4rem; font-size: 2.8rem; letter-spacing: -0.56px; border: .2rem solid #dbdbdb; }
  .update-item-form .add-item-table .input-flex-wrap  > * { height: auto; }
  .update-item-form .add-item-table .s { width: calc(50% - .7rem) !important; min-width: calc(50% - .7rem); }
  .update-item-form .add-item-table .m { width: calc(50% - .7rem) !important; min-width: calc(50% - .7rem); letter-spacing: -2.px; }
  .update-item-form .add-item-table .l { width: calc(50% - .7rem) !important; min-width: calc(50% - .7rem); }
  .update-item-form .add-item-table .file-size { padding: 2.8rem 0; border-radius: 1.6rem; border: .2rem solid #dbdbdb; width: 100% !important; }
  .update-item-form .add-item-table .file-wrap { border-radius: 1.6rem; border: .2rem solid #dbdbdb; padding: .4rem; }
  .update-item-form .add-item-table .file-wrap .file-tit { font-size: 2.6rem; border-radius: 1.6rem; letter-spacing: -0.52px; padding: 3rem 0; margin-right: 1rem; width: 12rem; min-width: 12rem; }
  .update-item-form .add-item-table .file-wrap .file-area {  }
  .update-item-form .add-item-table button { margin-left: auto; width: 12rem; height: 7.6rem !important; padding: 2rem; border-radius: 1.6rem; font-size: 2.8rem; letter-spacing: -0.56px; gap: .4rem; }
  .update-item-form .add-item-table .add-item::before { width: 2.4rem; height: 2.4rem; }
  .update-item-form .add-item-table .remove-item::before { width: 2.4rem; height: 2.4rem; }
  .update-item-form .add-item-table .notice-row { border-radius: 3.2rem; overflow: hidden; padding: 4rem 2.4rem; background: #f5f5f5; }
  .update-item-form .add-item-table .notice-row th { font-size: 3.2rem; letter-spacing: -0.64px; padding-bottom: 2.4rem; border-bottom: .2rem solid #ebebeb; }
  .update-item-form .add-item-table td.bg { padding-left: 0rem; padding-top: 3.2rem; line-height: 4rem; letter-spacing: -0.56px; font-size: 2.8rem; }
  .update-item-form .btn-wrap { flex-flow: row wrap; width: 80%; margin: 0 auto; }
  .update-item-form .go-list { position: relative; right: inherit; bottom: inherit; border: .1rem solid #dbdbdb; border-radius: 2rem; padding: 2.4rem; width: 17.6rem; font-size: 3.2rem; letter-spacing: -0.64px; margin-top: 8rem; box-sizing: content-box; }
  
  .calendar-section .section-tit { font-size: 4rem; letter-spacing: -0.8px; margin-bottom: 4.8rem; }
  .calendar-section .billing-state { flex-flow: row wrap; gap: 2.4rem; margin-bottom: 7.2rem; }
  .calendar-section .billing-state li { width: calc(50% - 1.2rem); border-radius: 3.2rem; padding: 5.6rem 2.4rem; }
  .calendar-section .billing-state li:nth-child(1) { background: #e5edf8 url(../images/billing-state01.png) no-repeat bottom 5.6rem center; background-size: 9.6rem; }
  .calendar-section .billing-state li:nth-child(2) { background: #f8eae7 url(../images/billing-state02.png) no-repeat bottom 5.6rem center; background-size: 9.6rem; }
  .calendar-section .billing-state li:nth-child(3) { background: #e5f8ef url(../images/billing-state03.png) no-repeat bottom 5.6rem center; background-size: 9.6rem; }
  .calendar-section .billing-state li:nth-child(4) { background: #fbf2d1 url(../images/billing-state04.png) no-repeat bottom 5.6rem center; background-size: 9.6rem; }
  .calendar-section .billing-state .tit { width: 17.2rem; margin: 0 auto 4.8rem; border-radius: 80rem; padding: 2rem 2.4rem; font-size: 2.8rem; letter-spacing: -0.56px; font-weight: 500; }
  .calendar-section .billing-state .bill { font-size: 3.6rem; letter-spacing: -0.72px; text-align: center; margin-bottom: 16rem; }
  .calendar-wrap { margin-bottom: 24rem; border-radius: 4rem; border: .2rem solid #ebebeb; padding: 6.4rem 2.4rem 2.4rem; }
  .fc-scrollgrid-section-header .fc-scroller { border-top: .4rem solid #000 !important; }
  .fc .fc-button { font-size: 3rem; letter-spacing: -0.6px; gap: 1.2rem; }
  .fc-prev-button::before, .fc-next-button::after { width: 4.8rem; height: 4.8rem; }
  .fc-prev-button::before { background: #b2b2b2 url(../images/calendar-prev.png) no-repeat center; background-size: 3.2rem; }
  .fc-next-button::after { background: #b2b2b2 url(../images/canlendar-next.png) no-repeat center; background-size: 3.2rem; }
  .fc .fc-toolbar-title { font-size: 4.4rem; letter-spacing: -0.88px; }
  .fc .fc-col-header-cell-cushion { font-size: 2rem; letter-spacing: -0.4px; padding: 2.4rem 0; }
  .fc-theme-standard tr { padding: 0; }
  .fc-daygrid-day-frame { padding: .8rem; border-radius: 1.2rem; margin: .3rem; aspect-ratio: 1 / 1.5; border: .2rem solid #ebebeb; }
  .fc .fc-daygrid-day-top { font-size: 2rem; letter-spacing: -0.4px; }
  .active .fc-daygrid-day-frame { border: .2rem solid var(--color-main); }
  .fc-daygrid-day-frame .status-tag { position: relative; margin: 1.6rem auto; padding: .6rem; font-size: 1.6rem; letter-spacing: -0.32px; width: 5.2rem; top: inherit; right: inherit; }
  .fc-daygrid-day-frame .amount { position: relative; top: inherit; left: inherit; transform: inherit; font-size: 1.4rem; letter-spacing: -0.28px; }
  .status-tag { padding: 1.2rem; width: 10rem; border-radius: 2.8rem; font-size: 2.6rem; font-weight: 500; letter-spacing: -0.52px; display: block; text-align: center; }
  .transaction-detail { margin-top: 5.6rem; border-radius: 3.2rem; padding: 5.6rem 2.4rem 6.8rem; }
  .transaction-detail .transaction-tit-wrap { margin-bottom: 4rem; flex-flow: column; }
  .transaction-detail .tit { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 4rem; }
  .transaction-detail .transaction-utils { gap: 1.4rem; }
  .transaction-detail select { width: 24rem; border: .2rem solid #dbdbdb; padding: 2.4rem; border-radius: 1.6rem; margin-right: 0; font-size: 2.8rem; letter-spacing: -0.56px; }
  .transaction-detail button { padding: 1.6rem 2.4rem; border-radius: 1.6rem; font-size: 2.8rem; letter-spacing: -0.56px; }
  .transaction-detail button::before { margin-right: 1.6rem; width: 4.8rem; height: 4.8rem; }
  .transaction-detail button::after { margin-left: 0.8rem; width: 3.6rem; height: 3.6rem; }
  .transaction-detail .no-data { font-size: 3rem; letter-spacing: -0.56px; margin: 8rem 0 4em; }
  .transaction-detail table col { display: none; }
  .transaction-detail table tbody { display: flex; flex-flow: row wrap; }
  .transaction-detail table tr { display: flex !important; flex-flow: column; }
  .transaction-detail tbody tr.mobile-header-row { width: 15rem; }
  .transaction-detail tbody tr:not(.mobile-header-row) { width: calc(100% - 15rem); }
  .transaction-detail tbody tr { border-bottom: .2rem solid #f1f1f1 !important; }
  .transaction-detail tbody tr:nth-last-child(1),
  .transaction-detail tbody tr:nth-last-child(2) { border-bottom: none !important; }
  .transaction-detail tbody tr:nth-last-child(n+3) th:last-child,
  .transaction-detail tbody tr:nth-last-child(n+3) td:last-child { padding-bottom: 4rem; }
  .transaction-detail tbody tr:not(:nth-child(1), :nth-child(2)) th:nth-child(1),
  .transaction-detail tbody tr:not(:nth-child(1), :nth-child(2)) td:nth-child(1) { padding-top: 4rem; }
  .transaction-detail th { font-size: 2.8rem; letter-spacing: -0.56px; padding-bottom: 0; }
  .transaction-detail td { padding: 0; font-size: 2.8rem; letter-spacing: -0.56px; font-weight: bold; text-align: right; }
  .transaction-detail td .status-tag { margin-left: auto; }
  .transaction-detail th + th,
  .transaction-detail td + td { padding-top: 2.8rem; }
  .transaction-detail td.fw-bold { font-size: 2.8rem; letter-spacing: -0.56px; font-weight: bold;}
  .transaction-detail .transaction-item-tit { padding: 0 .8rem; }  

  .ui-menu .ui-menu-item-wrapper { font-size: 3.2rem; padding: 1.8rem; }

  .new-popup { width: 70rem; }
  .new-popup .btns-wrap { width: calc(100% - 14rem); gap: 3.6rem; bottom: 8rem; }
  .new-popup .btns-wrap a { width: 100%; padding: 2.4rem 0; border-radius: 1.6rem; font-size: 2.4rem; letter-spacing: -0.52px; }
  .new-popup .btns-wrap a:nth-child(2) { border: .2rem solid rgba(255, 255, 255, .24); }
  .new-popup .pop-util-btn { margin-top: 3.2rem; }
  .new-popup .pop-util-btn button { font-size: 2.6rem; letter-spacing: -0.52px; }
  .new-popup .pop-util-btn button.not-today::after { width: 0.2rem; height: 2.8rem; margin: 0 3.2rem; } 
  .new-popup .pop-util-btn .close::after { width: 3.2rem; height: 3.2rem; margin-left: 0.4rem; }
  .new-popup > .close { width: 4.8rem; height: 4.8rem; top: 2rem; right: 2rem; }

}

@media all and (max-width: 1024px) {
	
    .intro-section-wrap .section-item1 .tit-wrap {
        margin-top: 12rem;
        margin-bottom: 5.2rem;
        font-size: 4rem;
        letter-spacing: -1.12px;
        line-height: 6rem;
    }

    .intro-section-wrap .section-item1 .txt-wrap {
        font-size: 2.8rem;
        line-height: 4.6rem;
    }

    .intro-section-wrap .section-item2 .rotation-wrap {
        top: 74%;
    }

    .intro-section-wrap .section-item2 .rotation-wrap .white-logo-item {
        height: 10rem;
        margin-bottom: 3rem;
    }

    .intro-section-wrap .section-item2 .rotation-center {
        width: 40rem;
        height: 40rem;
        position: relative;
        margin: 0 auto;
    }

    .intro-section-wrap .section-item2 .rotation-center .item-tit {
        font-size: 3.4rem;
        letter-spacing: -0.88px;
        line-height: 5.2rem;
    }

    .intro-section-wrap .section-item2 .rotation-items, .intro-section-wrap .section-item2 .rotation-items li {
        animation-play-state: paused;
    }

    .intro-section-wrap .section-item2 .rotation-items {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 63%;
        top: 62%;
        transform: translate(-50%, -50%);
    }

    .intro-section-wrap .section-item2 .rotation-items li {
        font-size: 3rem;
        letter-spacing: -0.68px;
        line-height: 5.6rem;
        width: 28rem;
        height: 28rem;
    }

    .intro-section-wrap .section-item2 .rotation-items li:nth-child(1) {
        left: -17.6rem;
        top: -34.6rem;
    }

    .intro-section-wrap .section-item2 .rotation-items li:nth-child(2) {
        left: 17.6rem;
        top: -34.6rem;
    }

    .intro-section-wrap .section-item2 .rotation-items li:nth-child(3) {
        left: -17.6rem;
        top: 34.6rem;
    }

    .intro-section-wrap .section-item2 .rotation-items li:nth-child(4) {
        left: 17.6rem;
        top: 34.6rem;
    }

    .intro-section-wrap .section-item3 .type-list {
        height: 48rem;
        justify-content: center;
    }

    .intro-section-wrap .section-item3 .type-list li {
        width: 48rem;
        height: 48rem;
    }

    .intro-section-wrap .section-item3 .type-list li .item-tit {
        font-size: 4.4rem;
        letter-spacing: -0.96px;
    }

    .intro-section-wrap .section-item3 .type-list li .counting-txt {
        font-size: 3.6rem;
        letter-spacing: -0.8px;
        margin-bottom: 4rem;
    }

    .intro-section-wrap .section-item3 .type-list li .counting-txt span {
        font-size: 8.8rem;
        letter-spacing: -1.92px;
    }

    .intro-section-wrap .section-item3 .type-list li .b {
        letter-spacing: -0.8px;
        margin-bottom: 2.4rem;
    }

    .intro-section-wrap .section-item3 .type-list li .sm {
        font-size: 3rem;
        letter-spacing: -0.6px;
    }
}

@media all and (max-width: 768px) {

  .custom-input-label { gap: 0.4rem; }
  .custom-input-label .input-tit { font-size: 1.5rem; letter-spacing: -0.3px; color: #666; }
  .custom-input-label .custom-radio { width: 2.4rem; height: 2.4rem; border: .1rem solid #dbdbdb; margin-right: .8rem; }
  .custom-input-label .custom-radio::after { content: ''; width: 1.2rem; height: 1.2rem;}
  select { background: url('../images/lang-arrow-show.png') no-repeat right .8rem center; background-size: 2rem; }
  

  .mo-none { display: none !important; }
  .mo { display: block; }

  .inner { margin: 0 1.6rem; }

  .section .bg-vid { width: calc(100% + 3.2rem); left: -1.6rem; }

  .search-input-container { border-radius: 80rem; margin-bottom: 2.4rem; padding-right: 2rem; }
  .search-input-container input { padding: 1.7rem 2rem; font-size: 1.6rem; letter-spacing: -0.32px; }
  .search-input-container button { width: 2.8rem; }
  .search-input-container button img { width: 2.8rem; height: 2.8rem; }
  .search-form .recommend-search { flex-flow: row wrap; width: calc(100% - 4rem); margin: 0 2rem; }
  .search-form .recommend-tit { width: 100%; font-size: 1.4rem; letter-spacing: -0.28px; }
  .search-form .recommend-tit::after { display: none; }
  .search-form .recommend-list { margin-top: 1.2rem; display: flex; gap: .4rem; }
  .search-form .recommend-list a { padding: .8rem 1rem; border: .1rem solid #ebebeb; font-size: 1.3rem; letter-spacing: -0.26px; gap: .4rem; white-space: nowrap; }

  /* .section-tit-wra{ padding: 3.6rem 2.4rem; } */

  header .inner { padding: 1.8rem 0; }
  header .logo { width: 12.2rem; height: 3.2rem; }

  header .lang-area button { font-size: 1.3rem; }
  header .lang-area button::before, header.show .lang-area button::before { width: 2rem; height: 2rem; margin-right: .4rem; }
  header .lang-area button::after, header.show .lang-area button::after { width: 1.6rem; height: 1.6rem; }
  header .lang-area .lang-list { top: calc(100% + 1.6rem); }
  header .lang-area .lang-list li { font-size: 1.4rem; letter-spacing: -0.28px; }
  header .lang-area .lang-list li a { padding: 1rem 0; }

  .menu-container { border-top: .1rem solid #ebebeb; position: fixed; width: 100%; padding: 0; height: calc(100vh - 6.8rem); margin-top: 6.8rem !important; display: block; background: #fff; left: 100%; top: 0; transform: inherit; z-index: 555; display: block; transition: left .4s ease-in-out; }
  .menu-container.active { left: 0; }
  .menu-container .nav-util { margin-bottom: 4.8rem; display: flex; align-items: center; width: 100%; }
  .menu-container .nav-util li { width: 100%; text-align: center; }
  .menu-container .nav-util a { padding: 1.4rem 0; display: block; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; background: #f5f5f5; }
  header.show .menu-container { overflow-y: auto; border-bottom: 0; height: 100%; }
  header nav { width: 100%; z-index: 5; position: relative; left: 0; transform: inherit; }
  header .dep1 { display: flex; flex-flow: column; }
  header .dep1 > li { text-align: left; }
  header .dep1 > li + li { margin-top: 4.8rem; }
  header .dep1 > li > a { padding: 0 1.6rem; font-size: 1.7rem; font-weight: bold; letter-spacing: -0.34px; color: #000; position: relative; width: 100%; display: block; }
  header .dep1 > li > a::after { position: absolute; right: 1.6rem; top: 50%; transform: translateY(-50%); content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/mo-menu.png) no-repeat center; background-size: cover; }
  header .dep1 > li.active > a { color: var(--color-main); }
  header .dep1 > li.active > a::after { background: url(../images/mo-menu-on.png) no-repeat center; background-size: cover; }
  .menu-slide-area { display: none; }
  header .dep2 { overflow: hidden; display: none; background: #f5f5f5; border-radius: 1.2rem; margin: 0 1.6rem; border: .1rem solid #ebebeb; grid-template-columns: repeat(2, 1fr); width: calc(100% - 3.2rem); height: auto; position: relative; margin-top: 1.6rem; padding-top: 0; }
  header .dep2:first-child { border-left: 0; border-right: 0; }
  header .dep2:not(:first-child) { border-right: .1rem solid #ebebeb; }
  header .dep2 li { text-align: center; }
  header .dep2 li a { font-size: 1.4rem; letter-spacing: -0.28px; font-weight: 500; padding: 1.4rem 0; display: block; background: #fff; }
  header .dep2 li + li { margin-top: 0; }
  header .dep2 li:nth-child(odd) { border-right: .1rem solid #ebebeb; }
  header .dep2 li:not(:last-child) { border-bottom: .1rem solid #ebebeb; }
  header .dep1 li:nth-child(1) .dep2 li:nth-child(3),
  header .dep1 li:nth-child(5) .dep2 li:nth-child(3) { border-bottom: 0; }
  header .aiSearchBtn { display: block; margin: 6rem 1.6rem 12rem; width: calc(100% - 3.2rem); }

  header .search-area { margin: 0 1.6rem; width: 2rem; height: 2rem; }
  header .search-slide-area { padding: 12rem 0 8rem; }
  header .search-slide-area .tit { font-size: 2.4rem; letter-spacing: -0.48px; margin-bottom: 3.2rem; }

  header .search-area .pop-close { width: 4.4rem; height: 4.4rem; top: 2rem; right: 2rem; }
  header .search-area .pop-close img { width: 2.4rem; }
  header .search-slide-area .search-form { width: calc(100% - 3.2rem); margin: 0 1.6rem; }
  header .search-slide-area .search-input-container { border: .2rem solid var(--color-main); }

  header.show .lang-area button { color: #000; }
  header.show .login-btn { border: .1rem solid rgba(219, 219, 219, 1); background: rgba(245, 245, 245, 1); color: #000; }

  header .menu-btn { width: 2.4rem; height: 2.4rem; }

  .menu-slide-area, .lang-list, .search-slide-area { display: none; transition: all 0.3s ease; }
  .menu-slide-area.show, .lang-list.show, .search-slide-area.show, .pop-bg.show { display: block !important; }
  header .dep2.show { display: grid !important; }

  main .section { position: relative; width: 100%; height: 100%; min-height: 100vh; }
  main .section .bg-vid { position: absolute; width: 100%; left: 0; height: 100%; text-align: center; }
  main .section .bg-vid video { width: 100%; height: 100%; object-fit: cover; }

  .section-tit-area .sm-tit { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 1.2rem; }
  .section-tit-area .big-tit { font-size: 3.2rem; letter-spacing: -0.64px; }

  .section1 .bg-vid .txt { font-size: 1.2rem; }
  .section1 .bg-vid .bar { width: 0.2rem; height: 6rem; margin: .4rem auto; }
  .section1 .search-container { width: calc(100% - 3.2rem); top: 38%; }
  .section1 .recommend-tit::after { display: none; }
  .section1 .recommend-list a { color: #fff; border: .1rem solid rgba(255, 255, 255, .24); }
  .section1 .right-contents { top: 55%; right: 1.6rem; z-index: 2 }
  .section1 .right-contents.hide { right: -28rem; }
  .section1 .right-contents .contents-btn { border-radius: 80rem; width: 2.4rem; height: 6.8rem; }
  .section1 .right-contents .contents-btn img { width: 1.6rem; }
  .section1 .right-contents .contents-area { width: 28rem; margin-left: 1.6rem; }
  .section1 .right-contents .intro-vid { margin-bottom: 1.2rem; border-radius: 1.6rem; padding: 1.2rem 1.2rem 2rem; }
  .section1 .right-contents .intro-vid .video-wrap { border-radius: 1.2rem; height: 14rem; margin-bottom: 1.2rem; }
  .section1 .video-control .btn-icon { margin-bottom: 0.8rem; width: 4rem; height: 4rem; border: .3rem solid var(--color-main); }
  .section1 .video-control p { font-size: 1.2rem; letter-spacing: -0.24px; }
  .section1 .intro-txt .tit { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: .8rem; }
  .section1 .intro-txt .txt { font-size: 1.2rem; letter-spacing: -0.24px; line-height: 2rem; margin-bottom: 1.6rem; }
  .section1 .go-video { font-size: 1.3rem; letter-spacing: -0.26px; }
  .section1 .go-video::after { width: 1.4rem; height: 1.4rem; margin-left: 0.2rem; }
  .section1 .ai-banner { padding: 2.8rem 1.6rem; border-radius: 1.6rem; }
  .section1 .ai-banner .tit { width: 15.4rem; margin-bottom: 2rem; }
  .section1 .ai-banner .txt { font-size: 1.3rem; letter-spacing: -0.26px; line-height: 2rem; color: #fff; margin-bottom: 2.8rem; }
  .section1 .ai-banner .btn { padding: 1rem 1.5rem; border-radius: .8rem; width: 11.6rem; font-size: 1.3rem; letter-spacing: -0.26px; }
  .section1 .guide-btn { font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; margin-top: 1.2rem; border-radius: 1.2rem; padding: 1.4rem 1.6rem; }
  .section1 .guide-btn::before { width: 2rem; height: 2.4rem; margin-right: .8rem; }
  .section1 .guide-btn::after { display: none; }
  .section1 .guide-btn .guide-preview { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2rem; }
  .section1 .guide-btn .guide-download { width: 2.4rem; height: 2.4rem; }

  .section1 .main-text { left: 1.6rem; bottom: 12.6rem; }
  .section1 .main-text .sm { font-size: 1.8rem; letter-spacing: -0.36px; }
  .section1 .main-text .big { font-size: 4.8rem; letter-spacing: -.96px; margin-top: 1.6rem; }

  .section2 .section-tit-area .tit { font-size: 6rem; letter-spacing: -1.2px; line-height: 7rem; }
  .section2 .section-tit-area .sm { display: inline-flex; position: relative; }
  .section2 .section-tit-area .sm::after { top: -1rem;  position: absolute; right: -8rem; left: inherit; content: ''; width: 5.4rem; height: 5.4rem; }
  .section2 .section-tit-area .txt { font-size: 2.4rem; letter-spacing: -0.48px; line-height: 3.4rem; margin-top: 3.2rem; }

  .section2 .animate-vid { width: 24rem; height: 12rem; bottom: -14rem; left: 50%; transform: translateX(-50%); }
  /* .section2 .animate-vid video { height: 24rem; } */

  .section3 .section-tit-area { margin: 8rem 0 3.2rem; }
  .section3 .library-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }
  .section3 .library-list li { border-radius: 1.2rem; }
  .section3 .library-list a { padding: 1.6rem 0; }
  .section3 .library-list .icon { width: 4rem; height: 4rem; margin: 0 auto 1.6rem; }
  .section3 .library-list .item-tit { font-size: 1.4rem; letter-spacing: -0.28px; margin-bottom: .8rem; }
  .section3 .library-list .item-count { font-size: 2rem; letter-spacing: -0.4px; }

  .section4 .txt-wrap { bottom: 4.8rem; }
  .section4 .txt-wrap .tit { font-size: 6rem; letter-spacing: -1.2px; margin-bottom: 3.2rem; }
  .section4 .txt-wrap .txt .big { font-size: 2.4rem; letter-spacing: -0.48px; margin-bottom: 1.6rem; }
  .section4 .txt-wrap .txt .sm { font-size: 1.6rem; letter-spacing: -0.3px; line-height: 2.4rem; }

  .section4 .carousel-wrap { top: 75%; perspective: 1000px; }
  .section4 .card-wrap { width: 13.4rem; height: 18rem; }
  .section4 .card-wrap .category-tit { font-size: 1.5rem; margin-bottom: .8rem; }
  .section4 .card-wrap .video { height: 18rem; border-radius: 1.2rem; }
  .section4 .card-wrap .video::after { border-radius: 1.2rem; }
  .section4 .card-wrap .user-id { top: 1rem; left: 1rem; font-size: 1rem; letter-spacing: -0.2px; }
  .section4 .card-wrap .vid-intro-txt { margin: 0 1rem; bottom: 1rem; font-size: 1.1rem; font-weight: bold; letter-spacing: -0.22px; line-height: 1.8rem; height: 4rem; }
  .section4 .card-wrap .bg-area .vid-play,
  .section4 .card-wrap:hover .bg-area .vid-play { width: 3.2rem; height: 3.2rem; }
  .section4 .control { top: -25rem; }
  .section4 .control button { width: 3.6rem; height: 3.6rem; min-width: 3.6rem; }
  .section4 .is-playing { background: #f5f5f5 url(../images/category-list-play.png) no-repeat center; background-size: 1.6rem; }
  .section4 .is-paused { background: #f5f5f5 url(../images/category-list-stop.png) no-repeat center; background-size: 1.6rem; }
  .section4 .control button:hover { border: .1rem solid var(--color-main); }
  .section4 .is-playing:hover { background: #fff url(../images/category-list-hover-play.png) no-repeat center; background-size: 1.6rem; }
  .section4 .is-paused:hover { background: #fff url(../images/cateogry-list-hover-stop.png) no-repeat center; background-size: 1.6rem; }

  .section4 .light-txt { font-size: 7rem; line-height: 100%; bottom: -1rem; font-weight: 800;  }

  /* .section5 { height: 100% !important; } */
  .section5 .inner { flex-flow: column; margin-top: 12rem; }
  .section5 .section-tit-area { margin-bottom: 3.2rem; }
  .section5 .news-area { width: 100%; margin-right: 0; }
  .section5 .news-list .thumb { height: 17rem; margin-bottom: 2.4rem; }
  .section5 .news-list .thumb img { height: 100%; }
  .section5 .news-list .news-tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 1.2rem; }
  .section5 .news-list .news-detail-txt { font-size: 1.4rem; letter-spacing: -0.28px; margin-bottom: 3.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .section5 .news-list .news-detail-btn { padding: 1.1rem 1.2rem; border-radius: .8rem; font-size: 1.5rem; letter-spacing: -0.3px; border: .1rem solid #000; width: 13rem; }
  .section5 .news-list .news-detail-btn::after { width: 1.4rem; height: 1.4rem; margin-left: auto; }
  .section5 .news-area .news-controls { padding: 1.2rem 1.6rem; top: 2.8rem; right: 0; display: flex; width: 13.8rem; align-items: center; }
  .section5 .swiper-pagination { font-size: 1.4rem; }
  .section5 .news-area .news-controls button { width: 1.6rem; min-width: 1.6rem; height: 1.6rem; }

  .section5 .notice-area { position: relative; margin-top: 8rem; }
  .section5 .notice-list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0; }
  .section5 .notice-list > li + li { border-top: .1rem solid #ebebeb; padding-top: 2.4rem; margin-top: 2.4rem; }
  .section5 .notice-list a { display: flex; }
  .section5 .notice-list .thumb { width: 12.6rem; min-width: 12.6rem; height: 17.8rem; margin-right: 1.6rem; border-radius: 1.2rem; }
  .section5 .notice-list .thumb.no-thumb { border: .1rem #ebebeb solid; }
  .section5 .notice-list .thumb.no-thumb img { width: 6.8rem; }
  .section5 .notice-list .cate-label { border-radius: .6rem; border: .1rem solid var(--color-main); width: 4.8rem; padding: .4rem 0; font-size: 1.3rem; letter-spacing: -0.26px; margin-bottom: 1.2rem; }
  .section5 .notice-list .tit { font-size: 1.6rem; letter-spacing: -0.32px; line-height: 2.6rem; margin-bottom: 1.6rem; height: 7.2rem; }
  .section5 .notice-list .info-list li { font-size: 1.2rem; letter-spacing: -0.24px; }
  .section5 .notice-list .info-list li:not(:last-child) { margin-bottom: .6rem; }
  .section5 .notice-area .notice-detail-btn { position: absolute; right: 0; top: 2.8rem; padding: 1.2rem 1.6rem; border-radius: 80rem; border: .1rem solid #ebebeb; font-size: 1.4rem; letter-spacing: -0.28px; }
  .section5 .notice-area .notice-detail-btn::after { width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; top: -.1rem; }
  .section5 .notice-list li:hover .thumb::after { display: none; }
  .section5 .notice-list li:hover .hover-layer { display: none; }
  .section5 .notice-list li:hover .hover-layer::after { display: none; }

  .section6 .contents-swiper-container { margin-top: 3.2rem; position: relative; width: calc(100% + 1.6rem) }
  .section6 .contents-swiper { left: -.8rem; width: calc(100% + 1.6rem); }
  .section6 .contents-list { left: 26.5rem !important; }
  .section6 .contents-swiper .swiper-slide { width: calc(100%) !important; flex: 0; }
  .section6 .contents-swiper-container .thumb { margin-bottom: 2rem; border-radius: 1.6rem; width: 26.8rem; aspect-ratio: 16 / 9; height: auto; }
  .section6 .contents-swiper-container .thumb:not(.no-thumb) img { transform: none; }
  .section6 .contents-swiper-container li:hover .thumb::after { display: none; }
  .section6 .contents-swiper-container .contents-cate { margin-bottom: 1.2rem; font-size: 1.5rem; letter-spacing: -0.3px; }
  .section6 .contents-swiper-container .contents-tit { font-size: 2rem; letter-spacing: -0.4px; }
  .section6 .contents-detail-btn { right: 1.2rem; top: -8rem; padding: 1.2rem 1.6rem; border-radius: 80rem; border: .1rem solid #ebebeb; font-size: 1.4rem; letter-spacing: -0.28px; }
  .section6 .contents-detail-btn::after { width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; top: -.1rem; }
  .section6 .swiper-pagination-progressbar { position: relative; margin: 6rem auto; height: .6rem; background: #efefef; width: calc(100% - 1.6rem); border-radius: 80rem; overflow: hidden; }
  .section6 .swiper-pagination-progressbar-fill { position: absolute; display: block; background: #919191; border-radius: 80rem; width: 100%;  height: 100%; transform-origin: left center; transform: scaleX(0); }

  .section6 .contents-list > li { margin-right: 3.2rem; }
  .section6 .contents-swiper-container .no-thumb { border: .1rem solid #ebebeb; }
  .section6 .contents-swiper-container .no-thumb img { width: 12rem; height: 12rem; }

  .fixed-btn-wrap { right: 1.6rem; bottom: 8rem; }
  .ai-search-area { margin-bottom: 2.4rem; }
  .ai-search-btn { 
      box-shadow: 0 0 2.6rem 0 rgba(249,84,23,.48);
      display: flex; align-items: center; justify-content: center; gap: 1.2rem; overflow: hidden;
      background: linear-gradient(135deg, #f16112, #8c1463, #3c0c84);
      border-radius: 50%; width: 7.2rem; height: 7.2rem; transition: all .4s; 
  }
  .ai-search-btn .txt-left { display: block; width: 0; transition: all .4s; }
  .ai-search-btn .txt { width: 4.5rem; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .ai-search-btn:hover { border-radius: 50%; width: 7.2rem; }
  .ai-search-btn:hover .txt { display: block; }
  .ai-search-btn:hover .txt-left { display: none; }
  .ai-search-btn:hover .ai-character { display: none; }
  .top-btn { right: 2.8rem; bottom: 2.8rem; width: 4.8rem; height: 4.8rem; border: .1rem solid #ebebeb; background-size: 2.4rem; }

  footer { border-top: .1rem solid #ebebeb; }
  footer .inner { padding: 6rem 0; display: flex; flex-flow: row wrap; justify-content: space-between; }
  footer .terms-list { display: flex; flex-flow: row wrap; gap: 2rem; margin-bottom: 3.2rem; width: 100%; }
  footer .terms-list li { width: 100%; }
  footer .terms-list li a { font-size: 1.5rem; letter-spacing: -0.3px; }
  footer .txt-wrap { font-size: 1.4rem; letter-spacing: -0.28px; }
  footer .txt-wrap .txt:last-child { margin-top: .8rem; }
  footer .logo { width: 8.2rem; position: absolute; left: inherit; right: 1.6rem; transform: inherit; }
  footer .family-site { display: flex; gap: 2rem; margin: 4.8rem 0 2.6rem; }
  footer .family-site li { height: 2.8rem; }
  footer .copyright {text-align: left; font-size: 1.2rem; letter-spacing: -0.24px; }


  /*================= 로그인 ==========================*/
  header.no-bg.sub { border-bottom: .1rem solid #ebebeb; }
  header.no-bg .login-btn { border: .1rem solid #dbdbdb; }

  .login-area { margin: 14.8rem auto 12rem; width: 100%; }
  .login-area .tit,
  .join-area .tit { font-size: 2.6rem; margin-bottom: 4.8rem; }
  .login-area .input-label + .input-label { margin-top: 1.2rem; }
  .login-area .input-label input { border-radius: 1.2rem; border: .1rem solid #dbdbdb; padding: 1.6rem 1.2rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; }
  .login-area .ck-label {gap: .8rem; margin: 1.6rem 0 2.8rem; }
  .login-area .ck-label .label-tit { font-size: 1.5rem; letter-spacing: -0.3px; }
  .login-area .login-btn { width: 100%; padding: 1.7rem; border-radius: 1.2rem; font-size: 1.7rem; letter-spacing: -0.34px; }
  .login-area .login-util { margin: 2.8rem 0 4.6rem; }
  .login-area .login-util li { font-size: 1.5rem; letter-spacing: -0.3px; }
  .login-area .login-util li:not(:last-child)::after { width: 0.1rem; height: 1.4rem; margin: 0 1.6rem; }
  .login-area .easy-login { padding-top: 3.4rem; border-top: .1rem solid #dbdbdb; }
  .login-area .easy-login .tit { padding: .8rem; display: block; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #666; position: absolute; left: 50%; top: -1.7rem; transform: translateX(-50%); }
  .login-area .easy-login-list { gap: .8rem;  }
  .login-area .easy-login a { padding: 1.5rem 1.6rem; justify-content: center; font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; color: #fff; border-radius: 1.2rem; display: flex; align-items: center; gap: .8rem; }
  .login-area .easy-login a::before { content: ''; width: 2rem; height: 2rem; }
  .login-area .easy-login li:first-child a { background: #03c75a; background-size: 2rem; }
  .login-area .easy-login li:last-child a { background: #313131; background-size: 2rem; }
  .login-area .easy-login li:first-child a::before { background: url(../images/login-naver.png) no-repeat center; background-size: cover; }
  .login-area .easy-login li:last-child a::before { background: url(../images/login-google.png) no-repeat center; background-size: cover; }

  .join-area { width: 100%; margin: 14.8rem auto 12rem; }
  .join-step { margin: 4.8rem auto 12rem; gap: 9rem; }
  .join-step::after { width: 30rem; height: 0.1rem; top: 2.4rem; }
  .join-step li { text-align: center; }
  .join-step li.on::after { width: 10rem; height: 0.1rem; top: 2.4rem; }
  .join-step li.on:last-child:after { left: -10rem; }
  .join-step .num { width: 4.8rem; height: 4.8rem; font-size: 1.5rem; letter-spacing: -0.3px; }
  .join-step .step-tit { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; margin-top: 2rem; }
  .join-area .all-ck-box { flex-flow: column; margin-bottom: 6rem; border-radius: 1.2rem; padding: 2rem 1.6rem; border: .2rem solid transparent; }
  .join-area .all-ck-box .custom-ck { margin-bottom: 1.2rem; }
  .join-area .custom-ck { margin-right: .8rem; margin-bottom: 0; }
  .join-area .all-ck-box .tit { line-height: 2.6rem; font-size: 1.6rem; letter-spacing: -0.32px; margin: 0 0 1.2rem; word-break: keep-all; }
  .join-area .all-ck-box .txt { font-size: 1.4rem; letter-spacing: 0.28px; line-height: 2.4rem; }
  .join-area .scroll-wrap + .scroll-wrap { margin-top: 6.2rem; }
  .join-area .scroll-wrap .sub_tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2rem; }
  .join-area .scroll-wrap .use_1 { border-radius: 1.2rem; padding: 2rem 1.2rem 1.6rem 2rem; border: .1rem solid #ebebeb; }
  .join-area .scroll-wrap .use_1 { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem;}
  .join-area .scroll-wrap .use_1 .big_subject { font-size: 2rem; letter-spacing: -0.4px; }
  .join-area .scroll-wrap .use_1 .top_title { font-size: 1.5rem; letter-spacing: -0.3px; margin-top: 1.6rem; }
  .join-area .scroll-wrap .use_1 * + .big_subject { margin-top: 1.6rem; }
  .join-area .scroll-wrap .agree_check { margin-top: 2rem; text-align: right; }
  .join-area .scroll-wrap .agree_check .label-tit { font-size: 1.6rem; letter-spacing: -0.32px; line-height: 2.6rem; }
  
  .join-area .scroll-wrap .use_1 .txt-wrap { height: 58rem; overflow-y: auto; padding-right: 1rem; }
  .join-area .scroll-wrap .use_1 .txt-wrap::-webkit-scrollbar { width: 0.8rem; }

  .join-area .auth_wrap { padding: 4.8rem 1.6rem; border-radius: 1.6rem; margin-top: 6rem; }
  .join-area .auth_wrap .tit { font-size: 2.4rem; letter-spacing: -0.48px; margin-bottom: 1.6rem; }
  .join-area .auth_wrap .txt { font-size: 1.4rem; letter-spacing: -0.28px; margin-bottom: 3.2rem; }
  .join-area .auth_wrap ul { flex-flow: row wrap; gap: 1.2rem; }
  .join-area .auth_wrap ul li { width: 100%; border-radius: 1.6rem; background: #fff; padding: 1.2rem 2rem; position: relative; }
  .join-area .auth_wrap ul li a { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; width: 100%; }
  .join-area .auth_wrap .img { display: block; width: 4rem; height: 4rem; margin: 0; }
  .join-area .auth_wrap p { font-size: 1.7rem; letter-spacing: -0.34px; position: absolute; left: 50%; transform: translateX(-50%); }
  .join-area .auth_wrap li span { margin-right: 0; }
  .join-area .reset { padding: 1.4rem 1rem; width: 8.8rem; margin: 4.8rem 0 0 auto; font-size: 1.6rem; letter-spacing: -0.32px; border-radius: 1rem; }

  .join-form-box { width: 100%; }
  .input-form-box .tit-wrap { margin-bottom: 3.6rem; width: 100%; display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.6rem; border-bottom: .2rem solid var(--color-main); }
  .input-form-box .tit-wrap .tit { font-size: 2rem; font-weight: bold; letter-spacing: -0.4px; text-align: left; margin-bottom: 0; }
  .input-form-box .required { display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; color: #919191; gap: .2rem; white-space: nowrap; }
  .input-form-box .red { font-size: 2rem; position: relative; top: .4rem; }
  .input-form-box .input-label { display: flex; width: 100%; align-items: center; flex-flow: row wrap; position: relative; }
  .input-form-box .input-label + .input-label { margin-top: 3.6rem; }
  .input-form-box .input-label .tit { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 1.6rem; }
  .input-form-box .input-label input[type="text"], .input-form-box .input-label input[type="password"], .input-form-box .input-label select { padding: 1.6rem 1.8rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; border-radius: 1.2rem; border: .1rem solid #dbdbdb; width: 100%; }
  .input-form-box .input-label input:disabled { background: #f5f5f5; color: #000; }
  .input-form-box .input-label .btn-dark { padding: 1.7rem 1rem; width: 7.2rem; min-width: 7.2rem; border-radius: 1.2rem; font-size: 1.4rem; letter-spacing: -0.28px; margin-left: 0.8rem;; }
  .input-form-box .input-label .ck-confirm { margin-top: 0.8rem; font-size: 1.3rem; letter-spacing: -0.26px; margin-left: 0; }
  .input-form-box .input-label .custom-input-label + .custom-input-label { margin-left: 3.2rem; }
  .input-form-box .input-label .custom-input-label { display: flex; align-items: center; }
  .input-form-box .input-label .custom-input-label input { display: none; }
  .input-form-box .input-label .custom-input-label .input-tit { font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; }
  .input-form-box .mail-wrap { gap: .8rem .5rem; font-size: 1.5rem; display: flex; flex-flow: row nowrap !important; align-items: center; }
  .input-form-box .mail-wrap input { width: calc(50% - 1.2rem) !important; }
  .input-form-box .mail-wrap select { width: calc(100% - 8rem) !important; min-width: calc(100% - 8rem); background: #f5f5f5 url(../images/lang-arrow-show.png) no-repeat calc(100% - .8rem) center; background-size: 2rem; }
  .input-form-box .mail-wrap .btn-dark { margin-left: 0; }
  .input-form-box .mail-wrap .ck-confirm { margin-left: 0.8rem; }
  .input-form-box .mail-wrap input:disabled { background: #fff; }
  .input-form-box .m { width: 33.6rem !important; }
  .input-form-box .s { width: 23rem !important; }
  .input-form-box { border-bottom: .1rem solid #ebebeb; padding-bottom: 6rem; margin-bottom: 4rem; }
  .input-form .btn-wrap { margin-top: 4rem; gap: .8rem; }
  .input-form .btn-wrap button { width: 8.8rem; padding: 1.4rem 1rem; border-radius: 1.2rem; font-size: 1.6rem; letter-spacing: -0.32px; box-sizing: border-box; }
  .input-form .btn-wrap .btn-line { border: .1rem solid #000; }
  .join-form .s, .join-form .m { width: 100% !important; }
  .join-form-box .mail-wrap { flex-flow: row wrap !important; }

  .success-join { display: flex; flex-flow: row wrap; width: 100%; box-shadow: .2rem .2rem 1.2rem 0 rgba(0, 0, 0, .08); margin: 14rem auto 0; border-radius: 1.6rem; }
  .success-join > div { flex: 100%; }
  .success-join .txt-wrap { padding: 3.6rem 1.6rem 4rem; border: .1rem solid #ebebeb; border-left: .1rem solid #ebebeb; border-top: 0; border-radius: 0 0 1.6rem 1.6rem; }
  .success-join .txt-wrap .success-tit { font-size: 2.2rem; letter-spacing: -0.44px; margin-bottom: 2.8rem; }
  .success-join .txt-wrap .sm-tit { padding: 1rem 0; border-radius: 80rem; width: 8rem; font-size: 1.4rem; margin-bottom: 1.2rem; }
  .success-join .txt-wrap .join-info { margin-bottom: 3.6rem; border-top: .1rem solid #ebebeb; padding: 2rem 0; border-bottom: .1rem solid #ebebeb; }
  .success-join .txt-wrap .join-info li, .success-join .txt-wrap .join-info li * { font-size: 1.5rem; letter-spacing: -0.3px; margin: 0; }
  .success-join .txt-wrap .join-info li + li { margin-top: 2rem; }
  .join-area .btn { width: 8.8rem; border-radius: 1rem; padding: 1.7rem 1rem; font-size: 1.6rem; letter-spacing: -0.32px; }
  .success-join .btn-line,
  .join-area .btn-line.c { border: .1rem solid var(--color-main); }

  .find-info { display: flex; flex-flow: column; gap: 2.8rem; }
  .find-info li { width: 100%; }
  .find-info li a { width: 100%; border-radius: 1.6rem; padding: 4rem 2.8rem; background: #fff url(../images/find-icon.png) no-repeat calc(100% - 2.8rem) center; background-size: 5.8rem; border: .1rem solid #ebebeb; }
  .find-info .tit { font-size: 2.2rem; letter-spacing: -0.44px; margin-bottom: 3.2rem; }
  .find-info .btn { gap: .2rem; font-size: 1.5rem; letter-spacing: -0.3px; border-radius: .8rem; border: .1rem solid #ebebeb; width: 12rem; padding: 1.3rem 1rem; }
  .find-info .btn::after { width: 1.6rem; height: 1.6rem; }
  .find-info li a:hover { background: var(--color-main) url(../images/find-icon-on.png) no-repeat calc(100% - 3.2rem) center; background-size: 5.8rem; border-color: var(--color-main); }

  .find-tit { font-size: 2.6rem; line-height: 4rem; letter-spacing: -0.52px; margin-bottom: 4.8rem; }
  .find-result { width: 100%; margin: 0 auto 4rem; border-radius: 1.6rem; padding: 3.6rem 1rem; }
  .find-result .label { padding: 1rem 2rem; font-size: 1.4rem; margin-bottom: 2rem; }
  .find-result .value { font-size: 2.2rem; letter-spacing: -0.44px; }
  .find-result .date { margin-top: 1.6rem; letter-spacing: -0.28px; font-size: 1.4rem; }
  .join-area .btn-line.c { white-space: nowrap; width: 11.2rem; }


  /* ======================== 서브 ===========================*/
  header.sub > .inner { padding: 1.8rem 0; }
  .main-contents .inner { width: calc(100% - 3.2rem); margin: 0 auto; }
  .main-contents .main-tit-inner { width: calc(100% - 3.2rem); }
  .soundEffect01 { background: url(../images/soundEffect01-mo.png) no-repeat center; background-size: cover; }
  .main-tit-bn { margin-bottom: 8rem; position: relative; width: calc(100% + 3.2rem); left: -1.6rem; top: -.2rem; height: 36rem; }
  .main-tit-bn::after { content: ''; height: calc(100%); }
  .main-contents .breadcrumb { top: 9.6rem; left: 1.6rem; }
  .main-contents .detail-container .breadcrumb { left: 1.6rem; }
  .main-contents .breadcrumb li.home a { width: 1.6rem; height: 1.6rem; }
  .main-contents .breadcrumb > li:not(:last-child)::after { width: 0.1rem; height: 1rem; margin: 0 .8rem; }
  .main-contents .breadcrumb button { font-size: 1.4rem; letter-spacing: -0.28px; }
  .main-contents .breadcrumb button::after { width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; }

  .main-contents .breadcrumb .menu { width: 13.8rem; position: absolute; top: calc(100% + .6rem); border-radius: .8rem; background: #fff; overflow: hidden; }
  .main-contents .breadcrumb .menu a { display: block; padding: 1rem .8rem; font-size: 1.4rem; letter-spacing: -0.28px; }
  .main-contents .breadcrumb .menu a.long { letter-spacing: -1.68px; } 

  .main-tit-bn .page-tit-wrap { width: 100%; top: 17.2rem }
  .main-tit-bn .page-tit { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 2rem;  }
  .main-tit-bn .page-sub-txt { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; }
  .main-tit-bn .page-sub-txt.l { letter-spacing: -1.12px; }
  .main-tit-bn .page-sub-txt.m { letter-spacing: -0.75px; }

  .main-contents .search-area .tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2.4rem; }
  .main-contents .search-area .tit::before { width: 2.4rem; height: 2.4rem; margin-right: .8rem; }
  .main-contents .search-area .search-tab { margin: 8rem auto 12rem; padding: 3.2rem 1.6rem; border-radius: 0 0 0 1.6rem; border: .2rem solid #ebebeb; }
  .main-contents .search-area .search-tab.sound-effect-mode { padding: 3.2rem .4rem 0 1.6rem; }
  .main-contents .search-area .search-tab-btn { top: -4.7rem; left: -.1rem; gap: .3rem; width: 100%; justify-content: space-between; }
  .main-contents .search-area .search-tab-btn li { width: 100%;}
  .main-contents .search-area .search-tab-btn a { font-size: 1.6rem; letter-spacing: -0.32px; padding: 1.4rem 0; width: 100%;; border-radius: 1.6rem 1.6rem 0 0; }
  .main-contents .search-area .search-tab-btn .active a { background: var(--color-main); color: #fff; }
  .main-contents .search-area .search-tab-cont .flex { flex-flow: column; }
  .main-contents .search-area .search-tab-cont .search-dep1-cate { width: 100%; }
  .main-contents .search-area .search-tab-cont .search-dep1-cate > button { width: 100%; min-width: 100%; padding: 1.4rem 0; border-bottom: .2rem solid #000; font-size: 1.6rem; letter-spacing: -0.32px; }
  .main-contents .search-area .search-tab-cont .search-dep1-cate > button::after { width: 1.8rem; height: 1.8rem; }
  .main-contents .search-area .search-tab-cont .search-dep1-cate-list { top: 6rem; width: 100%; border-radius: .8rem;  box-shadow: 0 0 1.2rem 0 rgba(0,0,0,.2); }

  .search-area .search-tab-cont .search-dep1-cate-list li button { font-size: 1.7rem; font-weight: 500; padding: .8rem .4rem; }
  .search-area .search-tab-cont .search-dep1-cate::after { display: none; }
  .search-area .search-tab-cont .search-dep2-cate { font-size: 1.4rem; letter-spacing: -0.28px; margin-left: 0; margin-top: 2.4rem; }

  .search-area .search-tab-cont .sub-category-list { min-height: 15rem; }
  .search-area .search-tab-cont .sub-category-list ul { gap: 2rem; max-height: 26rem; }
  .sub-category-list ul::-webkit-scrollbar { width: 0.8rem; }
  .sub-category-list ul::-webkit-scrollbar-track { border-radius: 0.4rem; }
  .sub-category-list ul::-webkit-scrollbar-thumb { border-radius: 0.4rem; }
  .main-contents .search-area .ucs-btn { top: -1.5rem; padding: 1.5rem 1.2rem; width: 16rem; border-radius: .8rem; border: .1rem solid #dbdbdb; font-size: 1.5rem; letter-spacing: -.3px; }
   
  
  .search-area .search-tab-cont .sub-category-list .input-tit { font-size: 1.4rem; letter-spacing: -0.28px; }
  .search-area .search-tab-cont .sub-category-list .input-tit::before { width: 2.4rem; height: 2.4rem; border-radius: .6rem; border: .1rem solid #dbdbdb; margin-right: 0.8rem; }
  .search-area .search-tab-cont .sub-category-list input:checked + .input-tit::after { width: 1.6rem; height: 1.6rem; left: .4rem; }
  
  .search-area .search-tab-cont .input-area { width: 100%; margin-bottom: 2.4rem; border-radius: .8rem; border: .1rem solid #dbdbdb; }
  .search-area .search-tab-cont .input-area input { padding: 1.4rem 1.2rem; border-radius: .8rem; }
  .search-area .search-tab-cont .input-area button { width: 2rem; height: 2rem; margin-right: .8rem; }
  .search-area .search-tab-cont .category-list { height: 196rem; }
  .search-area .search-tab-cont .category-list.on { height: 0rem; margin-bottom: 2.8rem; }
  .cate-box { margin: 0 1.2rem 1.2rem 0; }
  .cate-box:nth-child(1) { width: 100%; }
  .cate-box:nth-child(2) { width: 100%; }
  .cate-box:nth-child(3) { width: 35%; }
  .cate-box:nth-child(4) { width: 100%; }
  .cate-box:nth-child(5) { width: 100%; }
  .cate-box:nth-child(6) { width: 100%; }
  .cate-box:nth-child(7) { width: 35%; }
  .cate-box:nth-child(8) { width: 100%; }
  .cate-box:nth-child(9) { width: 100%; }
  .cate-box:nth-child(10) { width: 100%; }
  .cate-box:nth-child(11) { width: 100%; }
  .cate-box:nth-child(12) { width: 100%; }
  .search-area .search-tab-cont .cate-box { border-radius: 1.2rem; padding: 1.6rem 1.2rem; }
  .search-area .search-tab-cont .cate-box .cate-tit { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 1.6rem; }
  .search-area .search-tab-cont .cate-box ul { gap: 2rem 1.6rem; }
  .search-area .search-tab-cont .cate-box label { gap: .8rem; font-size: 1.4rem; letter-spacing: -0.28px; }
  .search-area .search-tab-cont .cate-box label .input-tit::before { content: ''; width: 2.4rem; height: 2.4rem; border-radius: .6rem; border: .1rem solid #dbdbdb; margin-right: 0.8rem; }
  .search-area .search-tab-cont .cate-box label input:checked + .input-tit::before { border: .1rem solid var(--color-main); }
  .search-area .search-tab-cont .cate-box label input:checked + .input-tit::after { width: 1.6rem; height: 1.6rem; left: 0.4rem; }

  .search-area .search-toggle-btn { font-size: 1.2rem; letter-spacing: -0.24px; right: -.2rem; bottom: -4.05rem; border-radius: 0 0 .8rem .8rem; border: .2rem solid #ebebeb; padding: 1.1rem 1.2rem; }
  .search-area .search-toggle-btn::after { width: 1.2rem; height: 1.2rem; margin-left: 0.2rem; }

  .list-section { margin-bottom: 12rem; }
  .list-section .list-search { margin: 0 auto 3.2rem; border-radius: 30rem; border: .2rem solid var(--color-main); width: 100%;}
  .list-section .list-search input { border-radius: 3.4rem; font-size: 1.6rem; letter-spacing: -0.32px; padding: 2rem; }
  .list-section .list-search .search-util { margin-right: 1.2rem; }
  .list-section .list-search .voice { width: 2rem; height: 2rem; background-size: 1.1rem; }
  .list-section .search-util li:not(:last-child)::after { width: 0.1rem; height: 2rem; margin: 0 .8rem; }
  .list-section .list-search .search { width: 2rem; height: 2rem; } 

  .list-section .list-area { border-top: .1rem solid #ebebeb; padding-top: 2rem; }
  .list-section .list-area .total-count { font-size: 1.4rem; letter-spacing: -0.28px; }
  .list-section .list-area .list-util { margin: 2rem 0; }
  .list-section .list-area .add-all-item { padding: 1.4rem .8rem; border-radius: .8rem; border: .1rem solid #666; font-size: 1.4rem; letter-spacing: -0.28px; }
  .list-section .list-area .add-all-item::before { width: 1.2rem; height: 1.2rem; }
  .list-section .list-area .list-util select { width: 14.8rem; margin: 0 0 0 .4rem; padding: 1.4rem 1rem; border-radius: .8rem; border: .1rem solid #dbdbdb; font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; }

  .card-list { display: grid; grid-template-columns: repeat(1, 100%); gap: 2.4rem; }
  .list-wrap > li > a { padding: 4.4rem 1.6rem 1.6rem; border: .2rem solid transparent; border-radius: 1.6rem; }
  .list-wrap > li > a:hover,
  .list-wrap > li > a:has(input:checked) { border: .2rem solid var(--color-main); box-shadow: 0 0 1.2rem 0 rgba(241, 97, 18, .36); }
  .item-category { margin-bottom: 1.6rem; }
  .item-category::before { width: 2.4rem; height: 2.4rem; margin-right: 0.6rem; }
  .item-category li { font-size: 1.4rem; letter-spacing: -0.28px; }
  .item-category li:not(:last-child)::after { width: 1.2rem; height: 1.2rem; }
  .list-wrap .item-tit { margin-bottom: 2rem; height: auto; font-size: 2rem; letter-spacing: -0.4px; line-height: 3.2rem; display: block; white-space: nowrap; }
  .list-wrap .sound-meta { min-width: 0; margin-bottom: 2rem; }
.list-wrap .sound-meta .meta-row { display: flex; align-items: flex-start; gap: 1.2rem; min-width: 0; margin-bottom: .8rem; font-size: 1.4rem; line-height: 2.4rem; letter-spacing: -0.28px; color: #666; font-weight: 600; }
.list-wrap .sound-meta .meta-row:last-child { margin-bottom: 0; }
.list-wrap .sound-meta .meta-label { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 5.4rem; height: 2.8rem; padding: 0 1rem; border-radius: 1.4rem; background: #f5f5f5; color: #919191; font-size: 1.3rem; line-height: 1; letter-spacing: -0.26px; font-weight: 700; white-space: nowrap; }
.list-wrap .sound-meta .meta-file .meta-label { background: #fff3ed; color: var(--color-main); }
.list-wrap .sound-meta .meta-value { display: block; min-width: 0; overflow-wrap: anywhere; word-break: break-word; }
.card-list .sound-meta .meta-value { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .list-wrap.card-list .item-category { min-height: 2.4rem; }
  .list-wrap.card-list .item-category li { max-width: calc(50% - .6rem); }
  .list-wrap.card-list .item-tit { height: 6.4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
  .list-wrap.card-list .sound-meta { height: 11.2rem; overflow: hidden; }
  .list-wrap a > .provider,
  .info-txt .provider  { margin-bottom: 2.4rem; font-size: 1.4rem; letter-spacing: -0.28px; }
  .my-page-wrap .list-wrap .flex { margin-bottom: 2.4rem; }
  .my-page-wrap .list-wrap .flex p { font-size: 1.4rem; letter-spacing: -0.28px; }
  .my-page-wrap .list-wrap .flex p + p { margin-top: 1.2rem; }
  .my-page-wrap .list-wrap .flex p span { margin-right: 0.4rem; }
  .my-page-wrap .success-box { border-radius: 1.6rem; padding: 3.6rem 1rem; margin: 0 auto 12rem; }
  .my-page-wrap .success-box .tit { font-size: 2.4rem; margin-bottom: 1.6rem; letter-spacing: -0.48px; }
  .my-page-wrap .success-box .txt { font-size: 1.6rem; letter-spacing: -0.248px; line-height: 2.4rem; margin-bottom: 2rem; }
  .my-page-wrap .success-box .success { width: 12rem; border-radius: 1.2rem; padding: 1.2rem 1rem; font-size: 1.6rem; letter-spacing: -0.34px;} 
  .regist-table-wrap { margin-bottom: 12rem; margin-top: 8rem; }
  .regist-status { border-top: .2rem solid #000; }
  .regist-status tbody tr { border-bottom: .1rem solid #ebebeb; padding: 1.6rem 0; }
  .regist-status td:nth-child(1) { order: 1; width: 100%; margin-bottom: 1.4rem; }
  .regist-status td:nth-child(2) { order: 2; width: 100%; margin-bottom: 1.4rem; }
  .regist-status td:nth-child(3) { order: 3; margin-right: 1.2rem; }
  .regist-status td:nth-child(4) { order: 4; margin-right: 1.2rem; }
  .regist-status td:nth-child(5) { order: 5; }
  .regist-status td { font-size: 1.4rem; }
  .regist-status td .mo { margin-right: 0.4rem; }
  .regist-status td .state { width: 9rem; font-size: 1.4rem; letter-spacing: -0.28px; padding: .8rem 1.6rem; border-radius: .8rem; bottom: 1rem; }
  .regist-status td .type1 { border: .1rem solid #f5d6c6; }
  .regist-status td .type2 { border: .1rem solid #c6d7f5; }
  .regist-table-wrap .prev { margin: 8rem auto 0; width: 12rem; border-radius: 1.2rem; padding: 1.8rem 1rem; font-size: 1.7rem; letter-spacing: -0.34px; }

  .list-wrap .pay { margin-bottom: 2.8rem; font-size: 1.7rem; letter-spacing: -0.34px; }
  .list-wrap .thumb { margin-bottom: 1.6rem; height: 10rem; }
  .list-wrap .thumb .img { margin-right: 1.3rem; width: 12.8rem; min-width: 12.8rem; height: 10rem; border-radius: 1.2rem; }
  .list-wrap .thumb.no-thumb .img img { width: 6.8rem; }
  .list-wrap .hashtags { gap: .4rem; }
  .list-wrap .hashtags li { border: .1rem solid #ebebeb; border-radius: .6rem; padding: .6rem .8rem; font-size: 1.3rem; letter-spacing: -0.26px; }
  .list-wrap .hashtags li::before { margin-right: 0.2rem; }
  .list-wrap .wave-area { padding: 1.2rem 1.6rem; border-radius: .8rem; margin-top: .4rem; }
  .my-page-wrap .list-wrap .wave-area .play { width: 3.6rem; min-width: 3.6rem; height: 3.6rem; margin-right: 1.6rem; }
  .list-wrap .wave-area > div { width: calc(100% - 5.6rem); height: 100%; }
  .list-wrap .wave-area > div > * { width: 100%; height: 100%; }
  .list-wrap .item-utils { right: 1.6rem; top: 1.6rem; gap: 1.2rem; }
  .list-wrap .item-utils .star { font-size: 1.4rem; letter-spacing: -0.28px; }
  .list-wrap .item-utils .star::before { width: 1.8rem; height: 1.8rem; }
  .list-wrap .item-utils > li > button { width: 1.8rem; height: 1.8rem; }
  .item-utils .share-menu { top: calc(100% + 1.2rem); padding: 1.6rem .8rem; border: .1rem solid #ebebeb; border-radius: 2.2rem; }
  .item-utils .share-menu button { width: 2.8rem; height: 2.8rem; }
  .item-utils .share-menu li + li { margin-top: 1rem; }

  .list-wrap.full-list .pay { margin-bottom: 2.8rem; }
  
  .list-container .pagination { margin-top: 4.8rem; display: flex; align-items: center; justify-content: center; gap: .4rem; }
  .list-container .pagination a { border: .1rem solid #ebebeb; font-size: 1.5rem; letter-spacing: -0.3px; color: #919191; width: 3.6rem; height: 3.6rem; border-radius: .6rem; display: flex; align-items: center; justify-content: center; gap: .4rem; }
  .list-container .pagination .mo { margin: 0 2rem; text-align: center; font-size: 1.5rem; font-weight: bold; letter-spacing: -0.3px; }
  .list-container .pagination .mo .cur { color: var(--color-main); }
  .list-container .pagination .first { background-size: 2rem; }
  .list-container .pagination .prev { margin-right: 0rem; background-size: 2rem; }
  .list-container .pagination .next { margin-left: 0rem; background-size: 2rem; }
  .list-container .pagination .last { background-size: 2rem; }

  .detail-item-card { position: relative; height: auto; border-radius: 2rem; }
  .detail-item-card.no-thumb { height: 59rem; background: rgba(0, 0, 0, .68); border-radius: 2rem; }
  .detail-item-card .img { position: relative; border-radius: 2rem; overflow: hidden; }
  .detail-item-card .img::after { height: 100%; border-radius: 2rem; }
  .detail-item-card .detail-item-info { width: calc(100% - 3.2rem); left: 1.6rem; top: 6.8rem; }
  .detail-item-card.no-thumb .detail-item-info { height: calc(100% - 13.6rem); width: calc(100% - 6.8rem); top: 8rem; }
  .detail-item-card .item-category { margin-bottom: 1.6rem; }
  .detail-item-card .item-category li { font-size: 1.4rem; letter-spacing: -0.28px; }
  .detail-item-card .detail-item-info .item-tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2.4rem; line-height: 3.2rem; line-clamp: 2; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
  .detail-item-card .detail-item-info .item-info li + li { margin-top: .4rem; }
  .detail-item-card .detail-item-info .item-info .tit { font-size: 1.4rem; letter-spacing: -0.28px; }
  .detail-item-card .detail-item-info .item-info .tit::after { width: 0.1rem; height: 1rem; margin: 0 .6rem; }
  .detail-item-card .detail-item-info .item-info .cont { font-size: 1.4rem; letter-spacing: -0.28px; }
  .detail-item-card .detail-item-info .item-info .go-sellerHome { padding: .7rem .8rem; margin-left: 0.6rem; font-size: 1.1rem; letter-spacing: -0.22px; border-radius: .6rem; border: .1rem solid rgba(255, 255, 255, .2); }
  .detail-item-card .hashtags { flex-flow: column; align-items: flex-start; margin: 3.6rem 0 2.4rem; gap: .8rem; font-size: 1.6rem; letter-spacing: -0.6px;}
  .detail-item-card.no-thumb .hashtags { margin-top: 3.6rem; }
  .detail-item-card .hashtag { gap: .6rem .8rem; overflow: visible; white-space: normal; font-size: 1.2rem; letter-spacing: -0.24px; flex-flow: row wrap; }
  .detail-item-card .control-box { flex-flow: row wrap; width: 100%; }
  .detail-item-card .control-box .play-box { margin-bottom: 1rem; padding: 1.4rem .8rem; gap: 1.2rem; border-radius: 1.2rem; margin-right: 0rem; }
  .detail-item-card .control-box .play-box .img { overflow: hidden; }
  .detail-item-card .control-box .play-box img { height: 5.8rem; object-fit: cover; }
  .detail-item-card .control-box .play { min-width: 3.6rem; width: 3.6rem; height: 3.6rem; }
  
  .waveforms-box { gap: .2rem; padding: 1.2rem 1.6rem; }
  .waveforms-box .range-input { width: .6rem; height: 5rem; }
  .waveforms-box label { font-size: .9rem; letter-spacing: -0.18px; color: #fff; }
  .waveforms-box label .value { display: block; margin-top: 0.4rem; }
  .detail-item-card .item-utils { gap: .8rem; right: -.3rem; top: -5rem; }
  .detail-item-card .item-utils button { width: 3rem; height: 3rem; }
  .detail-item-card .item-utils li .item-add { background: rgba(255, 255, 255, .1) url(../images/item-add-free.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-add-free { background: rgba(255, 255, 255, .1) url(../images/item-add-free-full.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-download { background: rgba(255, 255, 255, .1) url(../images/item-download.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-like { background: rgba(255, 255, 255, .1) url(../images/item-like.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-share { background: rgba(255, 255, 255, .1) url(../images/item-share.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-add.on,
  .detail-item-card .item-utils li:hover .item-add { background: rgba(255, 255, 255, .1) url(../images/item-add-on.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li .item-add-free.on,
  .detail-item-card .item-utils li:hover .item-add-free { background: rgba(255, 255, 255, .1) url(../images/item-add-free-on.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li:hover .item-download { background: rgba(255, 255, 255, .1) url(../images/item-download-on.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li:hover .item-like { background: rgba(255, 255, 255, .1) url(../images/item-like-on.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils li:hover .item-share { background: rgba(255, 255, 255, .1) url(../images/item-share-on.png) no-repeat center; background-size: 1.8rem; backdrop-filter: blur(3rem); }
  .detail-item-card .item-utils .star { gap: .2rem; font-size: 1.4rem; padding: .7rem 1.6rem; }
  .detail-item-card .item-utils .star::before { width: 1.8rem; height: 1.8rem; }
  
  .cc-mark { margin: 1.8rem 0 6.4rem; font-size: 1.2rem; letter-spacing: -0.24px; line-height: 2rem; }
  .cc-mark::before { width: 8.6rem; min-width: 8.6rem; height: 3rem; margin-right: .8rem; }
  
  .flex-template { margin-bottom: 12rem; gap: 0; flex-flow: row wrap; }
  .flex-template .left { min-width: calc(100% + 3.2rem); width: calc(100% + 3.2rem); left: -1.6rem; position: relative; padding: 0 1.6rem 3.6rem; margin-bottom: 3.6rem; border-bottom: .8rem solid #f5f5f5; }
  .flex-template .item-detail-area > .tit,
  .flex-template .right > .tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2.4rem; }
  .flex-template .item-detail-area .detail-box { border-radius: 1.6rem; border: .2rem var(--color-main) solid; padding: 2.4rem 1.6rem; }
  .flex-template .detail-box .detail-pop-btn { gap: .4rem; padding: 1.2rem 1.6rem; font-size: 1.3rem; margin-bottom: 2rem; } 
  .flex-template .detail-pop-btn::before { width: 1.6rem; height: 1.6rem; }
  .item-detail-area .detail-tab-btn { margin-bottom: 2rem; gap: .5rem; }
  .item-detail-area .detail-tab-btn button { font-size: 1.4rem; letter-spacing: -0.28px; border-radius: .8rem; padding: 1rem; border: .1rem solid #ebebeb; }
  .item-detail-area .detail-list li + li { margin-top: 1.6rem; }
  .item-detail-area .detail-list .tit { position: relative; top: 0.4rem; width: 9rem; min-width: 9rem; font-size: 1.4rem; letter-spacing: -0.28px; margin-right: 1.2rem; }
  .item-detail-area .detail-list .cont { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; }
  .item-detail-area .item-detail-btns { gap: .4rem; margin-top: 2.8rem; }
  .item-detail-area .item-detail-btns button { padding: 1.5rem 0; font-size: 1.5rem; letter-spacing: -0.3px; border-radius: 1.2rem; gap: .4rem; }
  .item-detail-area .item-detail-btns button::before { width: 1.8rem; height: 1.8rem; }
  .flex-template .item-rating-box { margin-top: 3.6rem; border-radius: 1.6rem; padding: 2.8rem 1.6rem; }
  .flex-template .item-rating-box .tit { font-size: 1.7rem; letter-spacing: -0.34px; margin-bottom: .8rem; }
  .flex-template .item-rating-box .txt { font-size: 1.2rem; letter-spacing: -0.24px; line-height: 2rem; margin-bottom: 1.8rem; }
  .flex-template .right { width: calc(100%); }
  .rating-control { margin-right: 3rem; }
  .rating-control:not(:has(.rating)) { margin-right: 6rem; }
  .rating-control::after { width: 0.1rem; height: 12.4rem; right: -1.5rem; }
  .rating { margin-bottom: 3.2rem; }
  .rating label { width: 2.4rem; height: 2.4rem; }
  .rating-control .go-rating { font-size: 1.3rem; letter-spacing: -0.26px; padding: 1rem; width: 9rem; border-radius: .8rem; border: .1rem solid rgba(255, 255, 255, .16); }
  .rating-result li { gap: 1.8rem; }
  .rating-result li + li { margin-top: .6rem; }
  .rating-result p { font-size: 1.2rem; letter-spacing: -0.26px; margin-bottom: 1.6rem; }
  .rating-result p span { font-size: 1.2rem; }
  .rating-result span { color: #fff; font-size: 1rem; letter-spacing: -0.2px; }
  .rating-result .rating-container img { width: 1.4rem; height: 1.4rem; }
  .rating-inner:not(:has(.rating)) .rating-result li { gap: .8rem; }
  .rating-inner:not(:has(.rating)) .rating-result .rating-container img { width: 2rem; height: 2rem; }
  .rating-inner:not(:has(.rating)) .rating-result span { font-size: 1.2rem; letter-spacing: -0.24px; }
  .flex-template .full-list .info { width: calc(100%); }
  .item-opinion-box { margin-top: 3.2rem; }
  .item-opinion-box .tit { font-size: 1.8rem; letter-spacing: -0.36px; margin-bottom: 1.6rem; font-weight: bold; }
  .item-opinion-box .textarea-wrap { position: relative; border-radius: 1.6rem; border: .1rem solid #ebebeb; background: #f5f5f5; }
  .item-opinion-box textarea { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; background: transparent; padding: 2rem 1.6rem; width: 100%; overflow: hidden; resize: none; border-radius: 1.6rem; height: 10.8rem; }
  .item-opinion-box button { border-radius: .8rem; background: #666; color: #fff; width: 8rem; text-align: center; padding: 1.2rem; font-weight: bold; letter-spacing: -0.28px; font-size: 1.4rem; margin: 1.6rem 1.6rem 1.6rem auto; display: block; }
  .flex-template .list-wrap.full-list a { padding: 4.4rem 1.6rem 1.6rem; flex-flow: row wrap; width: 100%; }
  .flex-template .list-wrap.full-list .info-txt { order: 1; width: 100%; }
  .flex-template .full-list .item-category { position: static; margin-bottom: 1.6rem; }
  .flex-template .full-list .item-category li { color: #666; }
  .flex-template .full-list .item-tit { display: block; width: 100%; color: #000; white-space: nowrap; }
  .flex-template .full-list .item-tit { position: static; }
  .flex-template .full-list .hashtags { position: absolute; max-height: 10rem; width: calc(100% - 17.2rem); right: 1.6rem; top: 26.6rem; display: flex; flex-flow: row wrap; }
  .flex-template .full-list .thumb { position: static; margin-top: 0; order: 2; width: 12.8rem; margin-right: 1.2rem; min-width: inherit; height: 19rem; }
  .flex-template .full-list .thumb .img { width: 100%; height: 10rem; }
  .flex-template .list-wrap.full-list a .wave-area .play { background: url(../images/item-play-on.png) no-repeat center; background-size: cover; }
  .flex-template .list-wrap.full-list .thumb .wave-area { position: absolute; top: 38.2rem; width: calc(100% - 3.2rem); height: 7.6rem; left: 50%; transform: translateX(-50%); background: #f5f5f5; }
  .flex-template .full-list .play { position: static; right: 1.2rem; bottom: 1.2rem; }
  .flex-template .full-list .item-utils { position: absolute; top: 1.6rem; right: 1.6rem; left: inherit; bottom: inherit; }
  .flex-template .full-list .item-utils button { width: 1.8rem; height: 1.8rem; background-size: cover; }
  
  .flex-template .go-list { padding: 1.4rem 0; width: 8.8rem; border-radius: 1.2rem; border: .1rem solid #dbdbdb; font-size: 1.6rem; letter-spacing: -0.32px; margin: 4rem 0 0 auto; }

  .pop { border-radius: 1.6rem; }
  .pop .pop-close { right: .6rem; top: .6rem; width: 3.2rem; height: 3.2rem; background-size: 1.8rem; }
  .detail-pop { width: calc(100% - 3.2rem); padding: 3.2rem .4rem 3.2rem 1.6rem; }
  .detail-pop .content-wrapper { margin-bottom: 3rem; height: 46rem; margin-right: .5rem; padding-right: 1rem; }
  .pop .pop-tit { font-size: 1.8rem; letter-spacing: -0.36px; margin-bottom: 1.6rem; }
  .detail-pop .pop-tit::before { width: 2.2rem; height: 2.2rem; margin-right: .6rem; }
  .detail-pop .pop-detail-box { border-radius: 1.2rem; padding: 1.6rem 1.2rem; }
  .detail-pop .pop-detail-box + .pop-detail-box { margin-top: .8rem; }
  .detail-pop .pop-detail-box .detail-tit { font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: 1.6rem; }
  .detail-pop .pop-detail-box .detail-list li { font-size: 1.3rem; letter-spacing: -0.26px; }
  .detail-pop .pop-detail-box .detail-list li + li { margin-top: 1rem; }
  .pop .pop-confirm  { padding: 1.4rem 0; font-size: 1.6rem; letter-spacing: -0.32px; }

  .pop .pop-txt { font-size: 1.7rem; line-height: 2.8rem; letter-spacing: -0.34px; margin: 6rem 0 9.6rem; }
  .pop .pop-txt .c { margin-top: 1.6rem; font-size: 1.4rem; letter-spacing: -0.28px; }
  .pop .pop-txt .title { margin-bottom: 1.6rem; font-size: 1.7rem; letter-spacing: -0.34px; }
  .pop .pop-txt .inner-txt { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; }
  .pop .bottom-btn-wrap { gap: .2rem; left: 0; bottom: 0; width: 100%; }
  .pop .bottom-btn-wrap button {  padding: 1.7rem 0; font-size: 1.7rem; letter-spacing: -0.34px;  }

	.new-popup { width: 90%; }

  .agree-items-box { padding: 2rem; border-radius: 1.2rem; }
  .agree-items-box + .agree-items-box { margin-top: 1.2rem; }
  .agree-items-box .tit { font-size: 1.7rem; margin-bottom: 1.6rem; letter-spacing: -0.34px; font-weight: bold; }
  .agree-items-box .agree-list { display: flex; align-items: center; flex-flow: row wrap; gap: 1.6rem 2rem; }

  .agree-items-box .fpo-name { font-size: 1.4rem; font-weight: 500; padding: 1.6rem 1.2rem; border-radius: .8rem; border: .1rem solid #dbdbdb; display: block; margin-top: 1.6rem; width: 100%; }

  .detail-pop .agree-label { margin: 2rem auto 1.6rem; justify-content: center; }
  .detail-pop .agree-label.custom-input-label .input-tit { color: #000; }
  .detail-pop .note { margin-bottom: 4rem; font-size: 1.4rem; letter-spacing: -0.28px; color: var(--color-main); font-weight: 500; text-align: center; }
  .detail-pop.w { width: 90%; }
  .detail-pop.w .content-wrapper { max-height: 90rem; overflow-y: auto; }
  .detail-pop .order-list-wrap { margin-top: 2rem; }
  .detail-pop .order-list-wrap > .tit { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 1.2rem; }
  .detail-pop .order-list-wrap > .tit .c { font-size: 1.4rem; letter-spacing: -0.28px; }
  .detail-pop .order-box { margin-bottom: 1.4rem; padding: 0 .8rem 1.6rem; border: .1rem solid var(--color-main); border-radius: 1.2rem; }
  .detail-pop .order-list li { border-bottom: .1rem solid #ebebeb; padding: 1.5rem 0; font-size: 1.4rem; letter-spacing: -0.28px; }
  .detail-pop .order-list .num { padding: 0 1.6rem; }
  .detail-pop .order-list .pay { padding: 0 1.5rem; }
  .detail-pop .order-list-wrap .total { margin-top: 1.6rem; font-size: 1.6rem; letter-spacing: -0.32px; }
  .detail-pop .transaction-type li { padding: 1.2rem 0; }
  .detail-pop .transaction-type .tit { font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: 1.2rem; }
  .detail-pop .transaction-type .sm { width: calc(100% - 15rem); font-size: 1.2rem; letter-spacing: -0.24px; line-height: 2.4rem; word-break: keep-all; }
  .detail-pop .transaction-type select { width: 12rem; border-radius: .8rem; border: .1rem solid #dbdbdb; padding: 1.4rem 1.2rem; }
  .detail-pop .transaction-type select, .detail-pop .transaction-type option { font-size: 1.4rem; letter-spacing: -0.28px; }
  .detail-pop .order-info { margin-top: 2.8rem; }
  .detail-pop .order-info .tit { font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: 1.2rem; }
  .detail-pop .order-info .order-info-tb { font-size: 1.4rem; letter-spacing: -0.28px; border-top: .1rem solid #666; }
  .detail-pop .order-info .order-info-tb col:nth-child(1) { width: 25%; }
  .detail-pop .order-info .order-info-tb tr { border-bottom: .1rem solid #ebebeb; }
  .detail-pop .order-info .order-info-tb td { padding: 1.2rem; }
  .detail-pop .order-info .note { font-size: 1.4rem; gap: .2rem; letter-spacing: -0.28px; line-height: 2.4rem; margin-top: 1.6rem; justify-content: center; }
  .detail-pop .order-info .note::before { align-self: flex-start; }

  .sellerChannel { background: url(../images/seller-bg-mo.png) no-repeat center; }
  .sellerChannel .prev { display: none; }
  .sellerChannel .sub-nav-dep1 { display: block !important; }
  .seller-card { border-radius: 2rem; padding: 3.2rem 1.6rem 2.4rem; background: url(../images/seller-card-mo.png) no-repeat center; }
  .seller-card .seller-flex { flex-flow: row wrap; margin-bottom: 3.2rem;  gap: 2rem 1.6rem; }
  .seller-card .seller-flex .ucs { width: 5rem; top: .7rem; }
  .seller-card .profile-img { width: 6.8rem; height: 6.8rem; padding: .2rem; }
  .seller-card .profile-img.no-thumb img { width: 4rem; height: 4rem; }
  .seller-card .seller-name { font-size: 2.2rem; font-weight: bold; letter-spacing: -0.44px; color: #fff; }
  .seller-card .profile-txt .seller-txt { font-size: 1.5rem; line-height: 2.4rem; letter-spacing: -0.3px; margin-bottom: 2.4rem; }
  .seller-card .profile-txt .seller-info { flex-flow: column; align-items: flex-start; }
  .seller-card .profile-txt .seller-info li, .seller-card .profile-txt .seller-info li * { font-size: 1.3rem; letter-spacing: -0.26px; }
  .seller-card .profile-txt .seller-info li { gap: .6rem; }
  .seller-card .profile-txt .seller-info li + li { margin-top: 1.2rem; }
  .seller-card .profile-txt .seller-info li::before { width: 1.8rem; height: 1.8rem; }
  .seller-card .profile-txt .seller-info li:not(:last-child)::after { display: none; }
  .seller-card .seller-history { flex-flow: row wrap; width: 100%; gap: .7rem; margin-bottom: 1.6rem; }
  .seller-card .seller-history li { width: calc(50% - .4rem); padding: 1.6rem 0; border-radius: 1.2rem; border: .1rem solid rgba(255, 255, 255, .12); }
  .seller-card .seller-history li:nth-child(1) { background: url(../images/seller-item.png) rgba(255, 255, 255, .02) no-repeat 2rem center; background-size: 3.2rem; }
  .seller-card .seller-history li:nth-child(2) { background: url(../images/seller-follow.png) rgba(255, 255, 255, .02) no-repeat 2rem center; background-size: 3.2rem; }
  .seller-card .seller-history li:nth-child(3) { background: url(../images/seller-download.png) rgba(255, 255, 255, .02) no-repeat 2rem center; background-size: 3.2rem; }
  .seller-card .seller-history li .count { font-size: 1.8rem; margin-bottom: 1rem; letter-spacing: -0.36px; position: relative; left: 1.5rem; }
  .seller-card .seller-history li .tit { font-size: 1.3rem; position: relative; left: 1.5rem; } 
  .seller-card .seller-history li img { width: 4.8rem; height: 4.8rem; }
  .seller-card .seller-introTxt { border-radius: 1.6rem; padding: 1.6rem 1.2rem; font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; }
  .seller-card .seller-introTxt .tit { padding: .8rem 1.3rem; font-size: 1.3rem; letter-spacing: -0.26px; width: 9rem; margin-bottom: 1.6rem; }

  .seller-contents { margin: 6rem auto 12rem;  }
  .seller-contents .rank-list-wrap { width: calc(100% + 3.2rem); left: -1.6rem; padding: 0 1.6rem; margin-bottom: 3.6rem; padding-bottom: 3.6rem; border-bottom: .8rem solid #f5f5f5; position: relative; }
  .seller-contents .rank-list-wrap > .tit { padding-left: 2.6rem; font-size: 2rem; margin-bottom: 2.4rem; letter-spacing: -0.2px; }
  .seller-contents .rank-list-wrap > .tit::before { width: 3rem; height: 3rem; margin-right: .6rem; } 
  .seller-contents .rank-list { border-radius: 1.6rem; border: .2rem solid var(--color-main); padding: 2rem; }
  .seller-contents .rank-list .num { font-size: 1.5rem; margin-right: 1.6rem; }
  .seller-contents .rank-list .tit { font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: .8rem; }
  .seller-contents .rank-list .rank-item-util { gap: 1.2rem; }
  .seller-contents .rank-list .rank-item-util .pay { font-size: 1.4rem; letter-spacing: -0.28px; }
  .seller-contents .rank-list .rank-item-util .download { font-size: 1.3rem; letter-spacing: -.25px; }
  .seller-contents .rank-list .rank-item-util .download::before { width: 1.6rem; height: 1.6rem; margin-right: 0.2rem; }
  .seller-contents .rank-list > li + li { margin-top: 1.6rem; padding-top: 1.6rem; border-top: .12rem solid #ebebeb; }
  .seller-contents .content-tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2.4rem; }
  .seller-search-area { margin-bottom: 2rem; flex-flow: column; }
  .seller-search-area select { border-radius: .8rem; padding: 1.4rem 1rem; font-size: 1.4rem; letter-spacing: -0.28px; }
  .seller-search-area .cate1 { width: 12rem; border: .1rem solid #666; margin-right: 0.4rem; }
  .seller-search-area .cate2 { width: 14.8rem; border: .1rem solid #dbdbdb; }
  .seller-search-area .cate-wrap::after { display: none; }
  .seller-search-area .input-wrap { margin-top: 0.8rem; border-radius: .8rem; border: .1rem solid #dbdbdb; display: flex; align-items: center; width: 100%; }
  .seller-search-area input { width: 100%; padding: 1.4rem 1rem; border-radius: .8rem; font-size: 1.4rem; letter-spacing: -0.26px; }
  .seller-search-area .btn-search { width: 2rem; height: 2rem; margin: 0 0.8rem; }
  .seller-detail-history { width: calc(100%); }
  .seller-detail-history .seller-list { grid-template-columns: repeat(1, 1fr); gap: 1.2rem; }
  .seller-detail-history .seller-list > li > a { border-radius: 1.6rem; border: .1rem solid #ebebeb; padding: 1.6rem 1.2rem; }
  .seller-detail-history .seller-list .item-category { margin-bottom: 1rem; }
  .seller-detail-history .seller-list .item-category li { font-size: 1.2rem; }
  .seller-detail-history .seller-list .tit { height: 2rem; font-size: 1.6rem; letter-spacing: -0.32px; line-height: 2.6rem; margin-bottom: 2rem; }
  .seller-detail-history .seller-list .pay { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 1rem; }
  .seller-detail-history .seller-list .item-info { gap: 1.2rem; }
  .seller-detail-history .seller-list .item-info li { font-size: 1.2rem; letter-spacing: -0.24px; }
  .seller-detail-history .seller-list .item-info li::before { width: 1.6rem; height: 1.6rem; margin-right: 0.2rem; }
  .seller-detail-history .seller-list .item-box { margin-bottom: 1.6rem; }
  .seller-detail-history .seller-list .item-util-btn { gap: .8rem; }
  .seller-detail-history .seller-list .item-util-btn button { width: 2.8rem; height: 2.8rem; border-radius: 50%; }
  .seller-detail-history .seller-list .item-util-btn .add-cart {background-size: 1.6rem; }
  .seller-detail-history .seller-list .item-util-btn .play { background-size: 1.6rem; }
  .seller-detail-history .seller-list .item-util-btn .like { background-size: 1.6rem; }
  .seller-detail-history .seller-list .item-util-btn .add-cart:hover { background-size: 1.6rem; }
  .seller-detail-history .seller-list .item-util-btn .play:hover { background-size: 1.6rem; }
  .seller-detail-history .seller-list .item-util-btn .like:hover { background-size: 1.6rem; }
  .seller-detail-history .seller-list .wave-area { border-radius: 1.2rem; padding: .8rem; }

  .recent-reivew { margin-top: 6.2rem; }
  .review-list { border-top: .1rem solid #ebebeb; border-bottom: .1rem solid #ebebeb; }
  .reviews li { padding: 1.6rem 0; flex-flow: row wrap; }
  .review-list li + li { border-top: .1rem solid #ebebeb; }
  .review-list li:last-child { border-bottom: .1rem solid #ebebeb; }
  .review-list li ul { width: 100%; }
  .review-list .rating-container { margin-right: 0; margin-bottom: 1.2rem; order: 1; width: 100%; }
  .review-list .rating-container img { width: 1.6rem; height: 1.6rem; }
  .review-list .tit-area { order: 2; }
  .review-list .tit-area .tit { line-height: 2.4rem; font-size: 1.4rem; margin-bottom: 0.8rem; letter-spacing: -0.28px; width: 100%; }
  .review-list .tit-area .date { font-size: 1.2rem; margin-bottom: 1.2rem; font-weight: 500; letter-spacing: -0.26px; color: #919191; order: 3; width: 100%; }
  .review-list .author { margin-left: auto; font-size: 1.4rem; letter-spacing: -0.28px; order: 4; width: 100%; }
  .recent-reivew .review-controls { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 1.3rem; }
  .recent-reivew .review-controls button { width: 2.4rem; min-width: 2.4rem; height: 2.4rem; border-radius: 50%; border: .1rem solid #dbdbdb; }
  .recent-reivew .review-controls .btn-prev { background: url(../images/btn-control.png) no-repeat center; background-size: 1.4rem; }
  .recent-reivew .review-controls .btn-next { background: url(../images/btn-control.png) no-repeat center; background-size: 1.4rem; transform: rotate(180deg); }
  .recent-reivew .swiper-pagination { position: static; font-size: 1.4rem; font-weight: 500; color: #919191; }
  .review-controls .swiper-pagination-current { color: #000; font-weight: bold; }
  .review-container { margin-top: 4.8rem; }
  .review-container .review-box { padding: 1.6rem 1.2rem 0; border: .1rem solid #666; border-radius: 1.2rem; }
  .review-box .author { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 1.2rem; }
  .review-box textarea { height: 36rem; letter-spacing: -0.28px; line-height: 2.4rem; font-size: 1.4rem;  }
  .review-box-bottom { margin-top: 1.2rem; border-top: .1rem solid #ebebeb; position: relative; width: calc(100% + 2.4rem); left: -1.2rem; padding: 1rem 1.2rem; }
  .review-box-bottom .txt-count { font-size: 1.3rem; letter-spacing: -0.26px; }
  .review-box-bottom button { padding: 1rem 0; width: 6.8rem; border-radius: .8rem; font-size: 1.3rem; letter-spacing: -0.26px; }

  .theme-select-area > .tit { font-size: 2rem; letter-spacing: -0.4px; }
  .theme-select-area + .theme-select-area { margin-top: 8rem; margin-bottom: 12rem; }
  .theme-list { margin-top: 2.4rem; }
  .soundEffect-theme { grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }
  .soundEffect-theme a { border-radius: 1.6rem; }
  .soundEffect-theme a .theme-tit { font-size: 1.8rem; letter-spacing: -0.36px; }
  .ucs-theme { max-height: 100rem; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; padding: 2rem 2rem 3.2rem; width: calc(100% + 4rem); left: -2rem; top: -2rem; }
  .ucs-theme.on { max-height: 1000rem; }
  .ucs-theme a { padding: 2rem 0 3.2rem; border-radius: 1.6rem; box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, .12); }
  .ucs-theme a .theme-tit { font-size: 1.5rem; letter-spacing: -0.3px; }
  .ucs-theme a .theme-tit::before { width: 4.8rem; height: 4.8rem; margin: 0 auto 2rem; }

  .toggle-ucs { margin: 4rem auto 0; padding: 1.6rem 0; width: 18.6rem; border: .1rem solid var(--color-main); font-size: 1.6rem; letter-spacing: -0.32px; top: -10rem; }
  .toggle-ucs::after { width: 2rem; height: 2rem; margin-left: 0.4rem; }

  .aiSoundSearch { background: url(../images/ai-sound-search-mo.png) no-repeat center; background-size: 120%; }
  .aiSoundSearch .sub-nav-dep1 { display: block !important; }
  .top-bn { height: 55rem; margin-bottom: 8rem; border-radius: 2rem; padding: 4.8rem 2rem; }
  .top-bn::before { width: 30.7rem; height: 17.9rem; background: url(../images/top-bn-bg-mo.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: inherit; bottom: 0; transform: translateX(-50%); }
  .top-bn::after { width: 22.8rem; height: 22.8rem; top: inherit; bottom: 0; transform: translateX(-50%); }
  .top-bn img { position: static;  width: 100%; margin: 4.8rem 0 0rem; }
  .top-bn .txt { text-align: left; font-size: 1.6rem; letter-spacing: -0.32px; line-height: 2.6rem; }

  .guide-wrap > .tit { padding: 1.5rem; width: 14.8rem; font-size: 1.5rem; margin-bottom: 2.4rem; }
  .guide-wrap .guide-list { margin-bottom: 3.6rem; display: grid; grid-template-columns: repeat(1, 1fr); gap: 2.4rem; }
  .guide-wrap .guide-list li { border-radius: 2rem; padding: 3.6rem 1.2rem 1.2rem; }
  .guide-wrap .guide-list .tit { margin-bottom: 2rem; font-size: 2rem; letter-spacing: -0.4px; }
  .guide-wrap .guide-list .txt { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; margin-bottom: 2.8rem; }
  .guide-wrap .img-upload-box { margin-bottom: 12rem; border-radius: 2rem; border: .1rem solid #ebebeb; padding: 4rem 1.2rem; }
  .guide-wrap .img-upload-box > .tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2rem; }
  .guide-wrap .img-upload-box > .tit::before { width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; }
  .guide-wrap .img-upload-box > .txt { line-height: 2.4rem; font-size: 1.4rem; margin-bottom: 2.4rem; }

  .guide-wrap .img-upload-box .file-box { border-radius: 1.2rem; border: .1rem solid #dbdbdb; padding: 1.2rem; width: 100%; }
  .guide-wrap .img-upload-box .file-box + .file-box { margin-top: 1.2rem; }
  .file-addr { font-size: 1.4rem; letter-spacing: -0.28px; }
  .file-clear { width: 2rem; min-width: 2rem; height: 2rem; margin: 0 1rem; }
  .guide-wrap .img-upload-box .file-box .tit { font-size: 1.4rem; letter-spacing: -.28px; width: auto; padding: 1rem .8rem; border-radius: .8rem; }
  .guide-wrap .img-upload-box .alt-area { display: flex; align-items: center; width: 100%; margin-top: 1.4rem; border-radius: .8rem; background: #f5f5f5; }
  .guide-wrap .img-upload-box .alt-area .txt { font-size: 1.4rem; color: #666; font-weight: 500; letter-spacing: -0.28px; white-space: nowrap; padding-left: 1.4rem; }
  .guide-wrap .img-upload-box .alt-area input { font-size: 1.3rem; letter-spacing: -0.26px; padding: 1.4rem .8rem; }
  .guide-wrap .img-upload-box .add-img { margin: 2rem auto 0; font-size: 1.3rem; letter-spacing: -0.26px; width: 10rem; padding: 1.2rem; border: .1rem dashed #bbbaba; border-radius: .8rem; }
  .guide-wrap .img-upload-box .add-img::after { width: 1.2rem; height: 1.2rem; margin-left: 0.4rem; }
  .guide-wrap .img-upload-box .analyze-btn { padding: 1.7rem 1rem; width: 18.8rem; font-size: 1.6rem; letter-spacing: -0.32px; margin: 4rem auto 0; }
  .guide-wrap .img-upload-box .analyze-btn::after { width: 1.6rem; height: 1.6rem; top: 0.6rem; right: 2.7rem; }

  .loading-wrap { top: 20rem; }
  .loading-wrap .spinner { width: 16rem; height: 16rem; }
  .loading-wrap img { width: 10.6rem; top: 7.5rem; }
  .loading-wrap .loading-txt { white-space: nowrap; width: 100%; margin: 3.6rem auto 1.6rem; font-size: 2rem;  letter-spacing: -0.4px; }
  .loading-wrap .sm-txt { white-space: nowrap; font-size: 1.4rem; letter-spacing: -0.28px;}

  .result-tab { margin-bottom: 12rem; }
  .result-tab > .txt { font-size: 1.8rem; letter-spacing: -0.36px; margin-bottom: 2.4rem; line-height: 2.8rem; }
  .result-tab .result-tab-btn { gap: 1.1rem; margin-bottom: 3.6rem; }
  .result-tab .result-tab-btn li { width: 100%; height: 9.2rem; border-radius: 1.2rem; }
  .item-label { font-size: 1.1rem; letter-spacing: -0.22px; padding: .7rem 1rem; border-radius: 1.2rem 0 1.2rem 0; }
  .result-box + .result-box { margin-top: 2.4rem; }
  .result-box { padding: 1.2rem; border-radius: 2rem; }
  .result-box .tit-area { height: 18.6rem; }
  .result-box .tit-area .bg-img { border-radius: 1.6rem; }
  .result-box .tit-area .bg-img img { width: 100%; height: 100%; }
  .result-box .tit-area .tit { white-space: nowrap; font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2.4rem; }
  .result-box .tit-area .keyword-list { gap: .4rem; }
  .result-box .tit-area .keyword-list li { font-size: 1.2rem; letter-spacing: -.24px; padding: .9rem 1.6rem; border: .1rem solid rgba(255, 255, 255, .24); white-space: nowrap; }
  .result-box .tit-area .keyword-list li::before { margin-right: 0.2rem; }
  .keyword-tab-wrap { margin-top: 2rem; }
  #aiSoundSearch .keyword-ck-list label .keyword-cate li { height: auto !important; }
  .keyword-tab { border-radius: 1.6rem 1.6rem 0 0; overflow: hidden; }
  .keyword-tab li a { padding: 2rem 1rem; font-size: 1.7rem; letter-spacing: -0.34px; }
  .keyword-cont-wrap { padding: 2.4rem 1.2rem; }
  .keyword-ck-list { width: 100%; grid-template-columns: repeat(1, 100%); gap: 1rem; }
  .keyword-ck-list label { padding: 1.6rem 1.2rem; border-radius: 1.2rem; border: .1rem solid transparent; outline: .1rem solid #dbdbdb; }
  .keyword-ck-list label.on { border: .2rem solid var(--color-main); outline: 0; }
  .custom-ck { width: 2.4rem; height: 2.4rem; border-radius: .6rem; border: .1rem solid #dbdbdb; right: 0.8rem; top: 0.8rem; }
  input:checked + .custom-ck::after { width: 1.6rem; height: 1.6rem; }
  .keyword-cate { margin-bottom: 1.2rem; }
  .keyword-cate li { font-size: 1.2rem; letter-spacing: -0.24px; }
  .keyword-cate li:not(:last-child)::after { width: 1.2rem; height: 1.2rem; margin: 0 .2rem; }
  .keyword-ck-list label .tit { font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: 1.2rem; height: 2rem; white-space: nowrap; -webkit-line-clamp: 1; width: 100%; }
  .keyword-ck-list label .keyword-ck li, .keyword-ck-list label .keyword-ck li * { font-size: 1.2rem; letter-spacing: -0.24px; }
  .keyword-ck-list label .keyword-ck li:not(:last-child)::after { width: 0.1rem; height: 1rem; background: #dbdbdb; display: block; margin: 0 .6rem; }
  .keyword-ck-list label .keyword-ck .play::after { width: 1.4rem; height: 1.4rem; margin-left: 0.4rem; }
  .no-keyword-result { padding: 1.6rem .4rem 3.6rem; }
  .no-keyword-result .icon { width: 7.2rem; height: 7.2rem; margin: 0 auto 2rem; }
  .no-keyword-result .tit { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 1.2rem; }
  .no-keyword-result .txt { font-size: 1.2rem; letter-spacing: -0.24px; line-height: 2rem; }
  .analyzed-btns { margin-top: 4rem; }
  .analyzed-btns button { padding: 1.4rem 1.2rem; border-radius: 1rem; font-size: 1.6rem; letter-spacing: -0.32px; gap: .4rem; }
  .analyzed-btns .prev { border: .1rem solid #dbdbdb; }
  .analyzed-btns .next { border: .1rem solid var(--color-main); }
  .analyzed-btns .prev::before { width: 1.8rem; height: 1.8rem; }
  .analyzed-btns .next::after { width: 1.8rem; height: 1.8rem; }

  .select-sound-wrap { margin-bottom: 12rem; }
  .select-sound-wrap .tit { font-size: 2.4rem; letter-spacing: -0.48px; margin-bottom: 2.4rem; }
  .select-sound-list > li { flex-flow: column; border-radius: 2rem; padding: 1.6rem 1.6rem 3.2rem; box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, .12); }
  .select-sound-list > li + li { margin-top: 2.4rem; }
  .select-sound-list .thumb { width: 100%; border-radius: 1.2rem; overflow: hidden; }
  .select-sound-list .once-play { margin-bottom: 1.6rem; border: .1rem solid var(--color-main); font-size: 1.5rem; letter-spacing: -0.3px; border-radius: 8rem; margin-top: 1.6rem; padding: 1.2rem 1rem; }
  .select-sound-list .once-play::before { width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; }
  .select-sound-list .sound-info { margin-left: 0; width: 100%; border-collapse: collapse; table-layout: fixed; }
  .select-sound-list .sound-info thead { display: none; }
  .select-sound-list .sound-info col:nth-child(1) { width: 100% !important; }
  .select-sound-list .sound-info col:nth-child(2) { width: 0 !important; }
  .select-sound-list .sound-info col:nth-child(3) { width: 0 !important; }
  .select-sound-list .sound-info col:nth-child(4) { width: 0 !important; }
  .select-sound-list .sound-info col:nth-child(5) { width: 0 !important; }
  .select-sound-list .sound-info tbody tr:not(:last-child) { border-bottom: .1rem solid #ebebeb; }
  .select-sound-list .sound-info tbody tr { display: flex; flex-flow: row wrap; width: 100%; align-items: center; position: relative; padding: 2rem 0; }
  .select-sound-list .sound-info tr td:nth-child(1) { order: 2; width: 100%; height: 2.4rem; margin-right: 1.6rem; position: relative; left: 0; }
  .select-sound-list .sound-info tr td:nth-child(2) { order: 1; width: calc(100%); margin-left: 0; margin-bottom: 1.4rem; }
  .select-sound-list .sound-info tr td:nth-child(3) { order: 3; width: calc(2.4rem); margin-left: 0; }
  .select-sound-list .sound-info tr td:nth-child(4) { order: 4; width: calc(2.4rem); margin-left: 0; }
  .select-sound-list .sound-info tr td:nth-child(4) { white-space: nowrap; display: flex; align-items: center; font-size: 1.2rem; font-weight: 500; color: #666; font-weight: bold; }
  .select-sound-list .sound-info tr td:nth-child(4) .mo { color: #919191; font-weight: 500; margin-right: 0.4rem; }
  .select-sound-list .sound-info tr td:nth-child(4)::before { content: ''; width: 0.1rem; min-width: .1rem; height: 1rem; display: inline-block; margin: 0 .6rem; background: #dbdbdb; }
  .select-sound-list .sound-info tr td:nth-child(4)::after { display: none; }
  .select-sound-list .sound-info tr td:nth-child(5) { white-space: nowrap; order: 5; width: calc(7rem); }
  .select-sound-list .sound-info td { display: block; padding: 0; }
  .select-sound-list .sound-info td.tit-td { width: 100%; }
  .select-sound-list .sound-info .item-tit { width: calc(100%); font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: 1.2rem; }
  .select-sound-list .sound-info .keyword-cate { margin-bottom: 1.2rem; justify-content: flex-start; }
  .select-sound-list .sound-info .keyword-cate::before { width: 2rem; height: 2rem; margin-right: 0.4rem; }
  .select-sound-list .sound-info .play { width: 100%; background-size: cover; background-position: calc(100%) center; } 
  .select-sound-list .sound-info .play .mo { position: relative; left: -1rem; font-size: 1.2rem; letter-spacing: -0.24px; color: #919191; }
  .select-btns { gap: .6rem; }
  .select-btns button { gap: .4rem; width: 10.2rem; white-space: nowrap; }
  .select-btns .add-cart::before { width: 1.6rem; height: 1.6rem; }
  .select-btns .download::after { width: 1.6rem; height: 1.6rem;  }

  .main-tit-bn.noAfter { height: 25rem; }

  .slide-swiper-container { position: relative; width: calc(100% + 3.2rem); margin: 6rem auto; left: -1.6rem; }
  .slide-list li { width: calc(100% - 2rem); height: 32rem; margin-right: 1.6rem; border-radius: 1.6rem; }
  .slide-list a::after {width: 4.8rem; height: 4.8rem; right: 1.6rem; bottom: 2.3rem; }
  .slide-list a:hover::before { content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.12) 30%, rgba(0,0,0,.12) 50%, #f16112 100%); position: absolute; top: 0; left: 0; }
  .slide-list a:hover::after { background: url(../images/item-play.png) no-repeat center; background-size: cover; position: absolute; }
  .slide-list .new-label { top: 2rem; left: 1.6rem; font-size: 1.3rem; letter-spacing: -0.26px; padding: .8rem 1.2rem; border: .1rem solid rgba(255, 255, 255, .24); border-radius: .6rem; }
  .slide-list .slide-tit { width: calc(100% - 7rem); font-size: 2rem; letter-spacing: -0.4px; line-height: 3rem; left: 1.6rem; bottom: 2rem; word-break: keep-all; }
  .slide-controller { width: 90%; margin: 3.2rem auto 0; }
  .slide-controller .swiper-pagination-progressbar { height: .8rem; }
  .slide-controller .btn-wrap { margin-left: 1.6rem; gap: .8rem; }
  .slide-controller .btn-wrap button { width: 3.2rem; height: 3.2rem; border: .1rem solid #ebebeb; }
  .slide-controller .btn-wrap .btn-stop { background: #f5f5f5 url(../images/slide-stop.png) no-repeat center; background-size: 1.6rem; }
  .slide-controller .btn-wrap .btn-stop:hover,
  .slide-controller .btn-wrap .btn-stop.on { border: .1rem solid var(--color-main);  background: #fff url(../images/cateogry-list-hover-stop.png) no-repeat center; background-size: 1.6rem; }
  .slide-controller .btn-wrap .btn-play { background: #f5f5f5 url(../images/slide-play.png) no-repeat center; background-size: 1.6rem; }
  .slide-controller .btn-wrap .btn-play:hover,
  .slide-controller .btn-wrap .btn-play.on { border: .1rem solid var(--color-main);  background: #fff url(../images/category-list-hover-play.png) no-repeat center; background-size: 1.6rem; }
  
  .list-search-area { width: 100%; margin: 0 auto 6rem; border-bottom: .2rem solid #000; padding: 0; flex-flow: row wrap; }
  .list-search-area .txt { width: 100%; font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 2.8rem; }
  .list-search-area .txt::after { display: none; }
  .list-search-area input { padding: 2rem 0; flex: 1; font-size: 1.6rem; letter-spacing: -0.32px; }
  .list-search-area .btn-search { flex-basis: 2rem; width: 2rem !important; height: 2rem !important; margin-left: 1rem; }
  
  .list-container { margin-bottom: 12rem; }
  .list-container .total-count { font-size: 1.4rem; letter-spacing: -0.28px; margin-bottom: 2.4rem; }
  .list-container .list-top { margin-bottom: 2.4rem; }
  .list-container .list-top .total-count { margin-bottom: 0; }
  .list-container .item-list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 2.4rem; margin-bottom: 4rem; }
  .list-container .item-list > li { border-radius: 1.6rem; }
  .list-container .item-list .thumb { border-radius: 1.6rem 1.6rem 0 0; height: 18rem; border: .1rem solid transparent; }
  .list-container .item-list .info-box { padding: 2.8rem 1.6rem; border: .1rem solid #ebebeb; border-radius: 0 0 1.6rem 1.6rem; border-top: 0; }
  .list-container .item-list .info-box .tit { font-size: 2rem; height: 6rem; letter-spacing: -0.4px; line-height: 3.2rem; margin-bottom: 3.6rem; }
  .item-info-list li { font-size: 1.4rem; letter-spacing: -0.28px; }
  .item-info-list li:not(:last-child)::after { width: 0.1rem; height: 1.2rem; margin: 0 1.2rem; }
  .item-info-list .c { margin-left: 0.4rem; }
  .list-container .item-list > li:hover a .thumb { width: calc(100% - 4rem); height: 15.8rem; margin: 2rem 2rem .2rem; border-radius: 1.6rem; }
  .list-container .item-list > li:hover a .thumb::after { width: 4.4rem; height: 4.4rem; }
  
  .detail-container { margin: 0rem 0 12rem; padding-top: 17rem; }
  .detail-container .tit-wrap { margin-bottom: 3.6rem; }
  .detail-container .viewer-wrap > .tit-wrap > .tit { margin-bottom: 2.4rem; font-size: 2.8rem; line-height: 4.4rem; letter-spacing: -0.56px; white-space: wrap; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
  .detail-container .tit-wrap .item-info-list { flex-flow: row wrap; }
  .detail-container .tit-wrap .item-info-list li { width: 100%; font-size: 1.5rem; letter-spacing: -0.3px; }
  .detail-container .tit-wrap .item-info-list li + li { margin-top: 1.2rem; }
  .detail-container .tit-wrap .item-info-list li::after { display: none; }
  .detail-container .txt-area { padding-bottom: 6rem; border-bottom: .1rem solid #dbdbdb; margin-bottom: 4rem; }
  .detail-container .txt-cont { min-height: 38rem; font-size: 1.6rem; letter-spacing: -0.32px; line-height: 2.6rem; }
  .expert-viewer-wrap .txt-cont,
  .expert-viewer-wrap .txt-cont p,
  .expert-viewer-wrap .txt-cont div,
  .expert-viewer-wrap .txt-cont span,
  .expert-viewer-wrap .txt-cont font,
  .expert-viewer-wrap .txt-cont li,
  .expert-viewer-wrap .txt-cont td,
  .expert-viewer-wrap .txt-cont th { font-size: 1.6rem !important; letter-spacing: -0.32px !important; line-height: 2.6rem !important; }
  .detail-container .txt-cont iframe { height: 20rem; margin-bottom: 3.2rem; }
  .detail-container .btns-area button, .detail-container .btns-area a { padding: 1.4rem 0; border-radius: 1rem; font-size: 1.6rem; letter-spacing: -0.32px; width: 8.8rem; }
  .detail-container .go-list { border: .1rem solid #dbdbdb; }
  .detail-container .edit-btns { position: static; left: inherit; transform: inherit; display: flex; gap: .8rem; }
  .detail-container .edit-btns button { width: 8.8rem; }
  .detail-container .edit-btns .btn-remove { border: .1rem solid #000; }
  .detail-container .edit-btns .btn-edit { border: .1rem solid var(--color-main); color: var(--color-main); }
  .detail-container .write-form .tit-wrap .tit { font-size: 2rem; letter-spacing: -0.2px; }
  
  .list-container.mt { margin: 6rem 0 12rem; }
  .list-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.6rem; }
  .list-top .list-search-wrap { width: 100%; display: flex; align-items: center; gap: .8rem; margin-top: 1.6rem; }
  .list-top select { width: 12rem; min-width: 12rem; padding: 1.4rem 1rem; font-size: 1.4rem; letter-spacing: -0.28px; border-radius: .8rem; border: .1rem solid #666; }
  .list-container .list-top .list-search-wrap select.cate_select#codeSelect { width: 12rem; min-width: 12rem; height: 4.8rem; padding: 0 3.6rem 0 1.2rem; border: .1rem solid #dbdbdb; border-radius: .8rem; background-position: right 1.2rem center; background-size: 1.6rem 1.6rem; font-size: 1.5rem; line-height: 4.8rem; }
  .list-top .search-container { width: 100%; border: .1rem solid #dbdbdb; border-radius: .8rem; gap: .4rem; padding-right: .8rem; }
  .list-top input { width: 100%; padding: 1.4rem 1rem; font-size: 1.4rem; letter-spacing: -0.28px; border-radius: .8rem; }
  .list-top input::placeholder { color: #b2b2b2; }
  .list-top .search-btn { width: 2rem; min-width: 2rem; height: 2rem; background: url(../images/search-black.png) no-repeat center; background-size: cover; }
  .list-container .column-list { border-top: .2rem solid #000; }
  .list-container .column-list > li { border-bottom: .1rem solid #ebebeb; }
  .list-container .column-list a { padding: 2.8rem 0; }
  .list-container .column-list a::after { width: 3.6rem; height: 3.6rem; right: .4rem; }
  .list-container .column-list .num { width: 6rem; min-width: 6rem; font-size: 2rem; letter-spacing: -0.4px; }
  .list-container .column-list .column-info { width: calc(100% - 10rem); }
  .list-container .column-list .cate { font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: 1.2rem; }
  .list-container .column-list .tit { font-size: 2rem; letter-spacing: -0.4px; line-height: 3.2rem; margin-bottom: 2rem; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: wrap; word-break: keep-all; }
  .list-container .column-list .item-info-list { flex-flow: row wrap; }
  .list-container .column-list .item-info-list li { width: auto; font-size: 1.4rem; letter-spacing: -0.28px; }
  .list-container .column-list .item-info-list li:nth-child(1),
  .list-container .column-list .item-info-list li:nth-child(2) { width: 100%; }
  .list-container .column-list .item-info-list li:not(:nth-child(3))::after { display: none; }
  .list-container .column-list .item-info-list li + li { margin-top: 1.2rem; }
  .list-container .column-list > li.no-data { min-height: 18rem; padding: 3.6rem 1.6rem; }
  .list-container .column-list > li.no-data .column-info { width: 100%; }
  .list-container .column-list > li.no-data .empty-state-icon { width: 4.8rem; height: 4.8rem; margin-bottom: 1.6rem; background-size: 1.8rem; }
  .list-container .column-list > li.no-data .tit { font-size: 1.5rem; line-height: 1.55; }
  
  .detail-container .tit-wrap .cate { font-size: 1.5rem; letter-spacing: -0.3px; border: .1rem solid var(--color-main); border-radius: .8rem; padding: 1.2rem 1rem; min-width: 7.4rem; margin-bottom: 2rem; }
  .detail-container .tit-wrap .add-file-box { margin-top: 3.6rem; border-radius: 1.6rem; padding: 1.2rem 1.6rem; flex-flow: column; align-items: flex-start; }
  .detail-container .tit-wrap .add-file-box .tit { width: auto; min-width: 6rem; font-size: 1.6rem; font-weight: bold; letter-spacing: -0.34px; display: flex; align-items: center; margin-bottom: 0; flex: 1 auto; }
  .detail-container .tit-wrap .add-file-box .file-list::before { display: none; }
  .detail-container .tit-wrap .add-file-box .file-list { padding-left: 0; margin-left: 0; }
  .detail-container .tit-wrap .add-file-box .file-list li + li { margin-top: 1.6rem; }
  .detail-container .tit-wrap .add-file-box .file-list a { line-height: 2.4rem; font-size: 1.5rem; letter-spacing: -0.3px; gap: .8rem; }
  .detail-container .tit-wrap .add-file-box .file-list a::before { width: 2rem; height: 2rem; min-width: 2rem; }
  
  .comment-wrap { margin-top: 6rem; width: calc(100% + 3.2rem); left: -1.6rem; padding: 3.6rem 1.6rem 12rem; }
  .comment-wrap .user-util-list { margin-bottom: 4.8rem; gap: 1.2rem; }
  .comment-wrap .user-util-list button { font-size: 1.5rem; gap: .4rem; letter-spacing: -0.3px; padding: 1.2rem 1rem; width: 10.2rem; border-radius: 2.4rem; }
  .comment-wrap .user-util-list button::before { content: ''; width: 2.4rem; height: 2.4rem; }
  .comment-wrap .total-count { font-size: 1.8rem; letter-spacing: -0.36px; margin-bottom: 1.6rem; }
  .comment-wrap .review-box { margin-bottom: 3.6rem; border-radius: 1.2rem; border: .1rem solid #666; padding: 2rem 1.6rem 0 1.6rem; }
  .comment-wrap .review-box .review-box-bottom { padding: 1.6rem; }
  .comment-wrap .comment-sort-type { gap: 2rem; }
  .comment-wrap .comment-sort-type button { font-size: 1.5rem; letter-spacing: -0.3px; }
  .comment-wrap .comment-list { margin-top: 1.2rem; border-top: .1rem solid #ebebeb; }
  .comment-wrap .comment-list .no-comment { padding: 2.4rem 0 0; font-size: 1.5rem; letter-spacing: -0.3px; }
  .comment-wrap .comment .author { font-size: 1.7rem; letter-spacing: 0.34px; margin-bottom: 1.6rem; margin-top: 2.4rem; }
  .comment-wrap .comment .comment-txt { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; margin-bottom: 1.6rem; }
  .comment-wrap .comment .comment-util { margin-bottom: 2rem; font-size: 1.4rem; letter-spacing: -0.26px; }
  .comment-wrap .comment .date { margin-right: 2rem; }
  .comment-wrap .comment .recommend-btn { margin-right: 2rem; font-size: 1.4rem; letter-spacing: -0.28px; }
  .comment-wrap .comment .recommend-btn::before { width: 1.6rem; margin-right: 0.4rem; height: 1.6rem; }
  .comment-wrap .comment .user-util li:not(:last-child)::after { width: 0.1rem; height: 1.2rem; margin: 0 .8rem; }
  .comment-wrap .comment .user-util li button { font-size: 1.4rem; letter-spacing: -0.28px; }
  .comment-wrap .comment .reply-toggle-btn { font-size: 1.4rem; letter-spacing: -0.28px; margin-bottom: 2rem; }
  .comment-wrap .comment .reply-toggle { border-top: .1rem solid #dbdbdb; padding: 2rem 0; }
  .comment-wrap .comment .reply-toggle .review-box { margin: 0 1.6rem; }
  .comment-wrap .comment .reply-item { padding: 0 1.6rem; }
  .comment-wrap .comment .reply-item + .reply-item { border-top: .1rem solid #dbdbdb; padding-top: 2.4rem; }
  .comment-wrap .comment .review-box textarea { height: 12rem; }
  .comment-wrap .comment .review-box-bottom { padding: .8rem 1.6rem; }
  .comment-wrap .comment .review-box-bottom button { font-size: 1.4rem; letter-spacing: -0.28px; }
  
  .update-comment { position: relative; display: none; margin-top: -7.6rem; align-items: center; gap: .8rem; border-radius: 1.2rem; border: .1rem solid #666; padding: .9rem 2rem .9rem 0; background: #f8f8f8; position: relative; }
  .update-comment.on { display: flex; }
  .update-comment textarea { max-height: 8rem; height: auto; line-height: 2.4rem; margin-bottom: 6rem; padding: .9rem 1.6rem; font-size: 1.5rem; letter-spacing: -0.3px; border-radius: 1.2rem; scrollbar-width: 0; }
  .update-comment textarea::-webkit-scrollbar { width: 8px; }
  .update-comment textarea::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
  .update-comment textarea::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; }
  .update-comment .update-btn { position: absolute; right: 1.6rem; bottom: 1.6rem; border-radius: .8rem; padding: 1rem 1.2rem; font-size: 1.4rem; letter-spacing: -0.28px; }
  .comment-wrap .reply-box .update-comment { top: 0; margin-top: -6.4rem; margin-bottom: 1.2rem; }
  .comment-wrap .reply-box .update-comment textarea { max-height: 7rem; }
  
  .detail-container.no-mg { margin: 0; }
  .detail-container.pt { padding-top: 6rem; }
  .detail-container.last { margin-bottom: 6rem; }
  .cke_notifications_area { display: none !important; } /* 임시 */
  .write-form { padding-bottom: 6rem; margin-bottom: 4.8rem;  border-bottom: .1rem solid #ebebeb;}
  .write-form .input-form-box .input-label select { border: .1rem solid #dbdbdb; }
  .expert-write-form .input-form-box .input-label select#category { height: 5.2rem; padding: 0 4.2rem 0 1.8rem; border: .1rem solid #dbdbdb; border-radius: 1.2rem; background-position: right 1.4rem center; background-size: 2rem 2rem; font-size: 1.5rem; line-height: 5.2rem; }
  .write-form .textarea { border-radius: 1.2rem; padding: 1.2rem; width: 100%; border: .1rem solid #dbdbdb; }
  .write-form .cke_chrome { border: 0; }
  .write-form .cke_top { border-radius: 1.2rem; border: .1rem solid #ebebeb; }
  .write-form .cke_bottom { display: none; }
  .write-form .file-wrap { display: flex; align-items: center; width: 100%; }
  .file-tit { margin-right: 0.8rem; border-radius: 1.2rem; border: .1rem solid #666; font-size: 1.4rem; letter-spacing: -0.28px; padding: 1.7rem 0; width: 7.2rem; min-width: 7.2rem; }
  .file-area { border-radius: 1.2rem; padding: 1.7rem 1.2rem; width: calc(100% - 7.2rem); border: .1rem solid #dbdbdb; gap: 1rem .8rem; }
  .file-area .file-item { align-items: center; gap: .2rem; font-size: 1.5rem; font-weight: 500; color: #555; }
  .file-area .file-item.f { width: 100%; justify-content: space-between; }
  .file-area .file-item .clear { width: 2rem; height: 2rem !important; background: url(../images/file-clear.png) no-repeat center; background-size: cover; }
  .file-area .no-file { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; color: #b2b2b2; }
  .detail-container .edit-btns .btn-reset { background: #919191; color: #fff; }
  .detail-container .edit-btns .btn-confirm { background: var(--color-main); color: #fff; }
  
  .intro-section-wrap { position: relative; width: calc(100%); height: 100vh; left: 0; }
  .intro-section-wrap .intro-section-tit .sm { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 1.2rem; }
  .intro-section-wrap .intro-section-tit .tit { font-size: 3.2rem; letter-spacing: -0.64px; }
  .intro-section-wrap .section-item1 .tit-wrap { margin-top: 12rem; margin-bottom: 2.8rem; font-size: 2.8rem; letter-spacing: -0.56px; line-height: 4.2rem; }
  .intro-section-wrap .section-item1 .txt-wrap { font-size: 1.6rem; letter-spacing: -0.32px; line-height: 2.6rem;  margin: 0 auto 3rem; width: 80%; word-break: keep-all; }
  .intro-section-wrap .section-item1 .txt-wrap br { display: none; }
  .intro-section-wrap .section-item1 .logo-item { width: 15.6rem; height: 3.4rem; }
  .intro-section-wrap .section-item2 .bg-mov video { object-position: center; }
  .intro-section-wrap .section-item2 .intro-section-tit { top: 8rem; left: 1.6rem; }
  .intro-section-wrap .section-item2 .rotation-wrap { left: 50%; top: 60%; }
  .intro-section-wrap .section-item2 .rotation-wrap .white-logo-item { height: 5.8rem; margin-bottom: 1.6rem; }
  .intro-section-wrap .section-item2 .rotation-center { width: 21.4rem; height: 21.4rem; position: relative; margin: 0 auto; }
  .intro-section-wrap .section-item2 .rotation-center .item-tit { font-size: 1.8rem; letter-spacing: -0.44px; line-height: 2.8rem; }
  .intro-section-wrap .section-item2 .rotation-items,
  .intro-section-wrap .section-item2 .rotation-items li { animation-play-state: paused; }
  .intro-section-wrap .section-item2 .rotation-items { width: 100%; height: 100%; position: absolute; left: 63%; top: 62%; transform: translate(-50%, -50%);  }
  .intro-section-wrap .section-item2 .rotation-items li { font-size: 1.7rem; letter-spacing: -0.34px; line-height: 2.8rem; width: 16rem; height: 16rem; }
  .intro-section-wrap .section-item2 .rotation-items li:nth-child(1) { left: -8.8rem; top: -18.8rem; }
  .intro-section-wrap .section-item2 .rotation-items li:nth-child(2) { left: 8.8rem; top: -18.8rem; }
  .intro-section-wrap .section-item2 .rotation-items li:nth-child(3) { left: -8.8rem; top: 18.8rem; }
  .intro-section-wrap .section-item2 .rotation-items li:nth-child(4) { left: 8.8rem; top: 18.8rem;  }
  .intro-section-wrap .section-item3 .inner { padding: 8rem 0 0; }
  .intro-section-wrap .section-item3 .intro-section-tit { text-align: center; margin-bottom: 4.8rem; }
  .intro-section-wrap .section-item3 .type-list { height: 28rem; justify-content: center; }
  .intro-section-wrap .section-item3 .type-list li { width: 28rem; height: 28rem; }
  .intro-section-wrap .section-item3 .type-list li .item-tit { font-size: 2.4rem; letter-spacing: -0.48px; }
  .intro-section-wrap .section-item3 .type-list li .counting-txt { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2rem; }
  .intro-section-wrap .section-item3 .type-list li .counting-txt span { font-size: 4.8rem; letter-spacing: -0.96px; }
  .intro-section-wrap .section-item3 .type-list li .b { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 1.2rem; }
  .intro-section-wrap .section-item3 .type-list li .sm { font-size: 1.6rem; letter-spacing: -0.3px; }
  
  .intro-wrap { margin: 2rem 0 12rem; }
  .intro-wrap .bg-mov { margin-bottom: 8rem; border-radius: 2rem; }
  .intro-wrap .bg-mov .txt-wrap { padding: 4.8rem 1.6rem; }
  .intro-wrap .bg-mov .tit { font-size: 2.8rem; letter-spacing: -0.56px; line-height: 4.2rem; margin-bottom: 3.6rem; }
  .intro-wrap .bg-mov .txt { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; } 
  .intro-wrap .license-type { margin-bottom: 4.8rem; }
  .intro-wrap .license-type > .tit { font-size: 2.8rem; letter-spacing: -0.56px; line-height: 4.2rem; margin-bottom: 2.8rem; }
  .intro-wrap .license-type > .txt { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; margin-bottom: 3.6rem; }
  .intro-wrap .terms-of-use { margin-bottom: .7rem; grid-template-columns: repeat(2, 1fr); gap: .7rem; }
  .intro-wrap .terms-of-use li { width: 100%; }
  .intro-wrap .license-type .item-box { border-radius: 1.6rem; padding: 3.2rem .8rem 2.4rem; }
  .intro-wrap .terms-of-use .img { width: 5.4rem; margin: 0 auto 2.6rem; }
  .intro-wrap .terms-of-use .item-tit { font-size: 1.8rem; letter-spacing: -0.36px; margin-bottom: 0.8rem; }
  .intro-wrap .terms-of-use .en-tit { margin-bottom: 1.6rem; font-size: 1.5rem; letter-spacing: -0.3px; }
  .intro-wrap .terms-of-use .txt { font-size: 1.3rem; letter-spacing: -0.26px; line-height: 2.2rem; }
  .intro-wrap .item-box .big-img { width: 100%; }
  .intro-wrap .license-list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 1.6rem; }
  .intro-wrap .license-list .item-box { padding: 2.4rem 1.6rem; border-radius: 1.6rem; border: .1rem solid #dbdbdb; }
  .intro-wrap .license-list .tit-wrap { margin-bottom: 2rem; padding-bottom: 1.6rem; border-bottom: .1rem solid #ebebeb; }
  .intro-wrap .license-list .tit-wrap .tit { font-size: 1.8rem; letter-spacing: -0.36px; text-align: center; }
  .intro-wrap .license-list .tit-wrap .tit .c { display: block; }
  .intro-wrap .license-list .tit-wrap::after { content: ''; width: 13.8rem; height: 4.8rem; margin: 1.6rem auto 0; display: block; position: static; right: inherit; top: inherit; transform: inherit;  }
  .intro-wrap .license-list .info-txt { height: auto; margin-bottom: 2.4rem; }
  .intro-wrap .license-list .info-txt li { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; }
  .intro-wrap .license-list .info-txt li::before { content: '-'; margin-right: .4rem; align-self: flex-start; }
  .intro-wrap .license-list .limit .tit { margin-bottom: 1.2rem; padding: 1rem; border-radius: .8rem; font-size: 1.4rem; letter-spacing: -0.28px; width: 8rem; }
  .intro-wrap .license-list .limit-list li { line-height: 2.2rem; gap: .4rem; font-size: 1.3rem; letter-spacing: -0.22px; }
  .intro-wrap .license-list .limit-list li::before { content: '-'; align-self: flex-start; }
  
  .source-guide { margin: 2rem 0 12rem; }
  .source-guide .guide-box { margin-bottom: 4.8rem; padding: 3.6rem 4rem; border-radius: 2rem; border: .2rem solid var(--color-main); }
  .source-guide .guide-box .tit { font-size: 2.4rem; letter-spacing: -0.48px; margin-bottom: 2rem; }
  .source-guide .guide-box .txt { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; word-break: keep-all; }
  .source-guide .case-list { font-size: 1.5rem; letter-spacing: -0.3px; display: grid; grid-template-columns: repeat(1, 100%); gap: 1.6rem; }
  .source-guide .case-list > li { border-radius: 1.6rem; border: .1rem solid #dbdbdb; padding: 3.2rem 1.6rem; }
  .source-guide .label { width: 8.8rem; padding: .8rem; border-radius: 1.6rem; border: .1rem solid var(--color-main); margin: 0 auto 2.2rem; }
  .source-guide .tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 1.2rem; }
  .source-guide .txt { font-size: 1.5rem; line-height: 2.4rem; letter-spacing: -0.3px; margin-bottom: 2.4rem; }
  .source-guide .strong-box { border-radius: 1.2rem; padding: 2.4rem 2rem; font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; }
  .source-guide .logo-download { gap: 1.5rem; }
  .source-guide .strong-box { border-radius: 1.2rem; padding: 2.4rem 2rem; font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; }
  .source-guide .logo-download li:not(:last-child) { margin-right: 0; padding-right: 0; }
  .source-guide .logo-download li:not(:last-child)::after { display: none; }
  .source-guide .img { width: 14.8rem; height: 10.2rem; }
  .source-guide .logo-download li span { font-size: 1.5rem; margin-top: .8rem; letter-spacing: -0.3px; padding: 1rem; border-radius: .8rem; } 

  .faq-wrap { margin: 2rem 0 12rem; }
  .faq-wrap .tab-btns { width: calc(100% + 3.2rem); position: relative; left: -1.6rem; gap: .8rem; margin-bottom: 6rem; overflow-x: auto; padding: 0 1.6rem 0; justify-content: flex-start; }
  .faq-wrap .tab-btns::-webkit-scrollbar { display: none; }
  .faq-wrap .tab-btns button { border-radius: 1.2rem; font-size: 1.6rem; letter-spacing: -0.32px; padding: 1.4rem 0; width: 8rem; min-width: 8rem; }
  .faq-wrap .total-count { font-size: 1.4rem; margin-bottom: 2.4rem; letter-spacing: -0.28px; }
  .faq-wrap .faq-list li { border-radius: 1.6rem; border: .1rem solid #dbdbdb; }
  .faq-wrap .faq-list li + li { margin-top: 1.2rem; }
  .faq-wrap .faq-list button { padding: 3.2rem 1.6rem; font-size: 2rem; line-height: 3.2rem; text-align: left; letter-spacing: -0.4px; background: #fff; padding-right: 4.8rem; }
  .faq-wrap .faq-list button::before { width: 2.4rem; height: 2.4rem; margin-right: 1.2rem; }
  .faq-wrap .faq-list button::after { width: 2.4rem; height: 2.4rem; right: 1.6rem; }
  .faq-wrap .faq-list .answer { margin: 0 1.6rem 3.2rem 4.4rem; font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; }
  
  .qna-wrap .go-qna { margin: 4.8rem auto 6rem; font-size: 1.7rem; letter-spacing: -0.34px; padding: 1.7rem; width: 100%; border-radius: 2.7rem; color: #fff; background: var(--color-main); }
  .qna-wrap .list-top .list-search-wrap { width: 21.5rem; margin-top: 0; }
  .qna-wrap .list-container .column-list .item-info-list li:nth-child(3) { width: 100%; }
  .qna-wrap .list-container .column-list .item-info-list li:nth-child(3)::after { display: none; }

  .detail-container .answer-cont { margin-top: 3.6rem; border-radius: 1.2rem; border: .1rem solid var(--color-main);  }
  .detail-container .answer-cont .tit { border-bottom: .1rem solid #ebebeb; padding: 2rem 1.6rem; font-size: 1.7rem; letter-spacing: -0.34px; }
  .detail-container .answer-txt { padding: 2rem 1.6rem 2.4rem; font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; } 
  
  .item-info-list .status { font-size: 1.4rem; letter-spacing: -0.28px; padding: .8rem; width: 7.2rem; border-radius: .6rem; }
  .detail-container .tit-wrap .item-info-list .status { font-size: 1.4rem; letter-spacing: -0.28px; }
  
  .ucs-section-wrap { margin-top: 4rem; }
  .ucs-section { gap: 2.4rem 0; flex-flow: row wrap; }
  .ucs-section + .ucs-section  { margin-top: 8rem; }
  .ucs-section .section-tit { width: 100%; font-size: 2.2rem; letter-spacing: -0.44px; }
  .ucs-section .section-tit::after { width: 4.8rem; top: -1.2rem; height: 0.2rem; }
  .ucs-section .content-area { width: calc(100%); }
  .ucs-section .content-area .cont-box + .cont-box { margin-top: 3.6rem; }
  .ucs-section .content-area .tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2rem; }
  .ucs-section .txt-wrap .txt + .txt { margin-top: 2rem; }
  .ucs-section .txt { font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; }
  .ucs-section .section-box-list { gap: .8rem; grid-template-columns: repeat(1, 100%); }
  .ucs-section .section-box-list li { padding: 2rem 0; font-size: 1.5rem; letter-spacing: -0.3px; border-radius: 1.2rem; }
  .ucs-section .round-tit { padding: 1.2rem 0; width: 13.6rem; border-radius: 2.2rem; margin: 3.6rem 0 2.4rem; font-size: 1.7rem; letter-spacing: -0.34px; }
  .ucs-section .number-list > li + li { margin-top: 3.6rem; }
  .ucs-section .number-list li::before,
  .ucs-section .number-tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 1.6rem; }
  .ucs-section .number-list .section-box-list { margin-top: 1.6rem; } 
  .ucs-section .ucs-table-wrap { width: calc(100% + 3.2rem); position: relative; left: -1.6rem; margin: 6rem 0 12rem; padding-top: 12rem; border-top: .1rem solid #ebebeb; }
  .ucs-section .scroll-x { overflow-x: auto; padding: 0 1.6rem 1.6rem; }
  .scroll-container-wrapper { position: relative; width: 100%; }
  .scroll-x { overflow-x: auto; scrollbar-width: none; }
  .scroll-x::-webkit-scrollbar { display: none; }
  .custom-scrollbar-track { width: 90%; margin: 0 auto; height: .8rem; background: #efefef; border-radius: .4rem; margin-top: 1.6rem; }
  .custom-scrollbar-thumb { height: 100%; background: #919191; border-radius: .4rem; width: 20%; cursor: pointer; }

  .ucs-section .ucs-table-wrap .table-tit-wrap { padding-left: 1.6rem; margin-bottom: 2.4rem; flex-flow: column; align-items: flex-start; }
  .ucs-section .ucs-table-wrap .table-tit-wrap .tit { font-size: 2.2rem; letter-spacing: -0.44px; margin-bottom: 2.8rem; }
  .ucs-section .ucs-table-wrap .table-tit-wrap .download { font-size: 1.4rem; letter-spacing: -0.28px; padding: .8rem 2rem; border-radius: .8rem; }
  .ucs-section .ucs-table-wrap .table-tit-wrap .download::before { width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; }
  .ucs-section .ucs-table-wrap .table-tit-wrap .download::after { width: 1.8rem; height: 1.8rem; margin-left: 0.4rem; }
  .ucs-section .ucs-tb { border-top: .1rem solid #000; table-layout: fixed;}
  .ucs-section .ucs-tb col:nth-child(1) { width: 22rem; }
  .ucs-section .ucs-tb col:nth-child(2) { width: 22rem; }
  .ucs-section .ucs-tb col:nth-child(3) { width: 96rem; }
  .ucs-section .ucs-tb th { font-size: 1.6rem; letter-spacing: -0.32px; padding: 1.6rem 0; border: .1rem solid #ebebeb; }
  .ucs-section .ucs-tb td { font-size: 1.5rem; padding: 1.7rem 1.6rem; letter-spacing: -0.3px; border: .1rem solid #ebebeb; }
  .ucs-section .ucs-tb tr td:last-child { line-height: 2.6rem; }
  
  .number-list > li { display: flex; flex-flow: row wrap; }
  .number-list > li::before { content: ''; margin-right: 0.4rem; }

  .my-page-wrap .tab-btns { margin: 6rem 0 3.6rem; width: calc(100% + 3.2rem); left: -1.6rem; padding: 0 1.6rem; gap: .8rem; }
  .my-page-wrap .tab-btns li { width: auto; margin: 0; }
  .my-page-wrap .tab-btns li a { padding: 1.4rem 1.6em; border-radius: 1.2rem; border: .1rem solid #ebebeb; font-size: 1.6rem; letter-spacing: -0.32px; white-space: nowrap; }
  .my-page-wrap .tab-btns li a::before { content: ''; width: 2rem; height: 2rem; margin-right: 0.4rem; }
  
  .my-page-wrap .mypage-bn { margin-bottom: 6rem; border-radius: 2rem; padding: 1.6rem 1.2rem; background: url(../images/mypage-bn-mob.png) no-repeat center; }
  .my-page-wrap .update-myInfo { padding: 1.3rem 1.6rem; border-radius: .8rem; border: .1rem solid rgba(255, 255, 255, .24); gap: .4rem; font-size: 1.2rem; letter-spacing: -0.24px; top: 1.6rem; right: 1.6rem; }
  .my-page-wrap .update-myInfo::before { width: 1.4rem; height: 1.4rem; margin-right: 0; }
  .my-page-wrap .mypage-bn .tit { font-size: 2.4rem; letter-spacing: -0.48px; margin: 11.2rem auto 6.8rem; }
  .my-page-wrap .my-history { padding: 2rem 1.6rem; border-radius: 1.2rem; gap: 1.2rem 0; flex-flow: row wrap; justify-content: flex-start; }
  .my-page-wrap .my-history li { font-size: 1.4rem; letter-spacing: -0.28px; width: calc(53%); justify-content: flex-start; }
  .my-page-wrap .my-history li:nth-child(even) { width: auto; }
  .my-page-wrap .my-history li:not(:last-child)::after { width: 0.1rem; height: 1.2rem; margin: 0 1.6rem; }
  .my-page-wrap .my-history li:nth-child(even)::after { display: none; }
  .my-page-wrap .my-history li a { margin-left: 1.2rem; }
  
  .my-page-wrap .list-section .list-area .list-util { flex-flow: column; align-items: flex-start; }
  .my-page-wrap .list-section .list-area .util-btns { flex-flow: column; align-items: flex-start; margin: 1.6rem 0 .4rem; width: 100%; }
  .my-page-wrap .list-section .list-area .list-info { position: absolute; right: 0; font-size: 1.4rem; letter-spacing: -0.28px; margin-bottom: 0; }
  .date-select-wrap { gap: .8rem; width: 100%; }
  .date-select-wrap::after,
  .my-page-wrap .list-top .list-search-wrap::after { display: none; } 
  .list-section .list-area .util-btns > div:last-child::after { display: none; }
  .date-select-wrap .bar { width: 0.8rem; min-width: .8rem; height: 0.1rem;}
  .date-select-wrap .date-input-wrap { width: 100%; border: .1rem solid #dbdbdb; border-radius: .8rem; background: url(../images/calendar.png) no-repeat center right .8rem; background-size: 1.6rem; }
  .date-select-wrap .date-input-wrap input { background: transparent; }
  .my-page-wrap .list-section .list-area .list-util select:not(.select-m) { width: 12rem; margin: 0 .8rem 0 0; }
  .my-page-wrap .list-section .list-area .list-util .select-m { width: 14.8rem; }
  .my-page-wrap .list-section .list-area .list-util .input { width: calc(100% - 12.8rem); }
  .my-page-wrap .list-section .list-area .list-util select.s { width: 13rem; }
  .my-page-wrap .list-top .search-container { width: 100%; margin: 0; }
  .my-page-wrap .list-top .search-container input { padding: 1.4rem 1rem; font-size: 1.4rem; letter-spacing: -0.28px; }
  .my-page-wrap .list-top .list-search-wrap { gap: 0; margin: 1.2rem 0 1.6rem; }
  .my-page-wrap .list-top .list-search-wrap select.cate_select#searchCnd { width: 12rem; height: 4.8rem; padding: 0 3.6rem 0 1.2rem; border: .1rem solid #dbdbdb; border-radius: .8rem; background-position: right 1.2rem center; background-size: 1.6rem 1.6rem; font-size: 1.5rem; line-height: 4.8rem; }
  .action-btns { gap: .8rem; border-top: .1rem solid #ebebeb; padding-top: 1.6rem; width: 100%; }
  .action-btns button { font-size: 1.4rem; letter-spacing: -0.28px; border-radius: .8rem; padding: 1.4rem .8rem; }
  .action-btns button::before { width: 1.8rem; height: 1.8rem; margin-right: 0.4rem; }
  .action-btns:has(.add-source) { border-top: 0; padding-top: 1.2rem; width: 100%; }
  .action-btns .all-download { border: .1rem solid var(--color-main); }
  .action-btns .select-download { border: .1rem solid #dbdbdb; }
  .action-btns .all-select { border: .1rem solid #dbdbdb; color: #666; }
  .action-btns .select-buying { border: .1rem solid var(--color-main); }
  .action-btns .add-source { width: 100%; border-radius: 1.2rem; font-size: 1.7rem; letter-spacing: -0.34px; box-shadow: none; background: var(--color-main); color: #fff; }
  .action-btns .add-source::before { width: 2.4rem; height: 2.4rem; background: url(../images/mic.png) no-repeat center; background-size: cover; }
  .action-btns .add-source:hover { background: var(--color-main); color: #fff; }
  .my-page-wrap .list-section .custom-ck-label { position: absolute; top: 1.6rem; left: 1.6rem; }
  .my-page-wrap .list-section .custom-ck-label input + .custom-ck { width: 3.2rem; height: 3.2rem; background: #e8e8e8 url(../images/check-white.png) no-repeat center; background-size: 1.8rem; border-color: #e8e8e8; }
  .my-page-wrap .list-section .custom-ck-label input:checked + .custom-ck { background: var(--color-main) url(../images/check-white.png) no-repeat center; background-size: 1.8rem; border-color: var(--color-main); }
  .my-page-wrap .list-wrap.ck-list > li > a { padding: 8rem 2rem 2rem; }
  
  .my-page-wrap .search-rating { flex-flow: column; align-items: flex-start; padding: 2rem 1.6rem; border-radius: 1.6rem; margin-bottom: 2.4rem; }
  .my-page-wrap .search-rating .tit { font-size: 1.6rem; margin-bottom: 1.6rem; letter-spacing: -0.32px; }
  .my-page-wrap .search-rating .tit::before { width: 2rem; height: 2rem; }
  .my-page-wrap .search-rating .tit::after { display: none; }
  .my-page-wrap .search-rating .rating-list { gap: 1.6rem 2.4rem; flex-flow: row wrap; }
  .my-page-wrap .card-list .rating-info .tit { font-size: 1.4rem; margin-bottom: 1.2rem; letter-spacing: -0.28px; }
  .my-page-wrap .card-list .rating-info .rating-area { font-size: 1.2rem; letter-spacing: -0.24px; flex-flow: column; }
  .my-page-wrap .card-list .rating-info .rating-container { margin-right: 0; margin-bottom: 0.8rem; }
  .my-page-wrap .card-list .rating-info .rating-container img { width: 1.8rem; height: 1.8rem; }
  .my-page-wrap .card-list .refund-btn { font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; top: 1.6rem; right: 1.6rem; padding: .8rem 1.6rem; border-radius: .8rem; border: .1rem solid #f5d6c6; background: #fbf1ec; position: absolute; color: var(--color-main); }
  .my-page-wrap .card-list .refund-btn.not-refund { color: #666; border-color: #ebebeb; background: #f5f5f5; }
  .my-page-wrap .card-list .refund-btn.success:disabled { color: #fff; background: #919191; border-color: #919191; }
  
  .list-container .util-btns { flex-flow: row wrap; margin-top: 1.6rem; }
  .list-container .util-btns .list-search-wrap { gap: .8rem; }
  .list-container .util-btns .action-btns .go-write { font-size: 1.6rem; letter-spacing: -0.32px; padding: 1.4rem 0; border-radius: 1rem; }

  
  .my-page-wrap .password-ck { margin: 6rem auto 12rem; width: 100%; padding: 6rem 1.6rem; border-radius: 2rem; }
  .my-page-wrap .password-ck .tit { font-size: 2.4rem; letter-spacing: -0.48px; margin-bottom: 4.8rem; }
  .my-page-wrap .password-ck input,
  .my-page-wrap .password-ck button { padding: 1.6rem 1.2rem; border-radius: 1.2rem; font-size: 1.5rem; letter-spacing: -0.3px; }
  .my-page-wrap .password-ck button { margin-top: 1.6rem; }
  
  .my-page-wrap .info-update-btns { margin: 6rem auto; gap: .8rem; }
  .my-page-wrap .info-update-btns a { padding: 1.4rem 0; width: 14rem; border-radius: 1.2rem; font-size: 1.6rem; letter-spacing: -0.32px; }
  .my-page-wrap .update-form { width: 100%; margin: 0 auto 12rem; }
  .question-wrap { margin-bottom: 3.2rem; gap: .8rem; }
  .question-wrap a { padding: 1.8rem 2rem; font-size: 1.5rem; letter-spacing: -0.3px; border-radius: 2.7rem; border: .2rem solid var(--color-main); }
  .question-wrap .question-mark { width: 1.8rem; height: 1.8rem; } 
  .notice-wrap { width: 26.2rem; padding: 2.4rem 1.6rem; border-radius: .8rem; top: calc(100% + 2.4rem); }
  .notice-wrap::before { top: -1.6rem; border-bottom: 1.6rem solid #fff; }
  .notice-wrap .tit { font-size: 1.5rem; letter-spacing: -0.3px; margin-bottom: 1.6rem; }
  .notice-wrap .notice-txt li { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; }
  .notice-wrap .notice-txt li::before { align-self: flex-start; }
  .my-page-wrap .update-form .btn-wrap .btn-line { border: .1rem solid #000; color: #000; }
  
  .my-page-wrap .update-form .input-item { border-radius: 1.2rem; border: .1rem solid #dbdbdb; padding: 0 1.6rem; display: flex; align-items: center; align-items: center; width: 100%; }
  .my-page-wrap .update-form .input-item + .input-item { margin-top: 0.8rem; }
  .my-page-wrap .update-form .input-item .tit { font-size: 1.5rem; letter-spacing: -0.3px; margin-right: 0; }
  .my-page-wrap .update-form .business-number-wrap { margin-top: 2rem; width: 100%; }
  .my-page-wrap .update-form .business-number-wrap .tit { font-size: 1.5rem; letter-spacing: -0.3px; }
  .my-page-wrap .update-form .business-number-wrap .m { width: calc(50% - 1.2rem) !important; }
  .my-page-wrap .update-form .flex { align-items: center; gap: .8rem; flex-flow: row wrap; }
  .my-page-wrap .update-form .bar { width: 0.8rem; min-width: .8rem; height: 0.1rem;}
  .my-page-wrap .input-form-box .input-label .flex .btn-dark { margin: 0; }
  .my-page-wrap .input-form-box .input-label .flex .btn-dark + input { width: calc(100% - 8rem); }
  .my-page-wrap .input-form-box .input-label .flex .s,
  .my-page-wrap .input-form-box .input-label .flex .m { width: 100% !important; }
  .my-page-wrap .input-form-box .input-label .profile-mail-wrap { width: 100%; max-width: none; gap: .8rem; flex-flow: row nowrap !important; }
  .my-page-wrap .input-form-box .input-label .profile-mail-wrap input.m { flex: 1 1 0; width: auto !important; min-width: 0; }
  .my-page-wrap .input-form-box .input-label .profile-mail-wrap .mail-at { font-size: 1.5rem; }
  .my-page-wrap .update-form .add-input { margin-top: 1.2rem; border-radius: .8rem; font-size: 1.3rem; letter-spacing: -0.26px; padding: 1.2rem 1rem; width: 7rem; border: .1rem solid #ebebeb; display: flex; align-items: center; justify-content: center; font-weight: 500; color: #919191; background: #f5f5f5; }
  .my-page-wrap .update-form .add-input::after { content: ''; width: 1.2rem; height: 1.2rem; background: url(../images/add-input.png) no-repeat center; background-size: cover; margin-left: 0.4rem; }
  .my-page-wrap .update-form .inputs-area { width: 100%; }
  .my-page-wrap .update-form .inputs-area input + input { margin-top: 0.8rem; }
  .my-page-wrap .update-form .report-num { margin: 1.6rem 0; }
  .my-page-wrap .update-form .reference-box { border-radius: 1.2rem; padding: 2rem 1.6rem; }
  .my-page-wrap .update-form .reference-box .tit { font-size: 1.3rem; letter-spacing: -0.26px; line-height: 2.2rem; margin-bottom: 1.2rem; }
  .my-page-wrap .update-form .reference-box .txt { font-size: 1.3rem; letter-spacing: -0.26px; line-height: 2.2rem; }
  .my-page-wrap .update-form .reference-box .txt + .txt { margin: 1.2rem 0 0; }
  .my-page-wrap .update-form .reference-box .num-list li { font-size: 1.3rem; letter-spacing: -0.26px; line-height: 2.2rem; }
  .my-page-wrap .update-form .reference-box .num-list li::before { align-self: flex-start; }
  
  .my-page-wrap .list-info .question-wrap { margin-bottom: 0; position: relative; z-index: 2; }
  .my-page-wrap .list-info .notice-wrap { width: 35rem; padding: 2rem 2.4rem; background: #fff; z-index: 2; }
  .my-page-wrap .list-info .notice-wrap .num-list li { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; }
  .my-page-wrap .list-info .notice-wrap .txt { margin: 1.2rem 0; font-size: 1.4rem;  line-height: 2.4rem; letter-spacing: -0.28px; }
  .my-page-wrap .list-info .notice-wrap .note { font-size: 1.4rem; gap: .4rem; letter-spacing: -0.28px; line-height: 2.4rem; }
  .my-page-wrap .list-info .notice-wrap.style { padding: 2rem 1.6rem; width: 28rem; left: -26rem; transform: inherit; }
  .my-page-wrap .list-info .notice-wrap.style::before { left: 93%; transform: rotate(0); top: -1.2rem; }
  
  .withdraw-box { width: 100%; margin: 6rem auto; border-radius: 2rem; padding: 4.8rem 1.6rem; }
  .withdraw-box .tit { width: 12rem; padding: 1.2rem 1rem; border-radius: 2.8rem; font-size: 2rem; letter-spacing: -0.4px; margin: 0 auto 2.8rem; }
  .withdraw-box .withdraw-list { gap: 1.2rem; margin-bottom: 2.8rem; flex-flow: row wrap; }
  .withdraw-box .withdraw-list > li { border-radius: 1.6rem; padding: 4rem 1.6rem; border: .1rem solid #ebebeb; }
  .withdraw-box .withdraw-list .item-tit { font-size: 1.7rem; letter-spacing: -0.34px; line-height: 2.8rem; margin-bottom: 2.4rem; word-break: keep-all; }
  .withdraw-box .withdraw-list .item-tit br { display: none; }
  .withdraw-box .withdraw-list .list-wrap li { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; text-align: left; word-break: keep-all; }
  .withdraw-box .withdraw-list .list-wrap li::before { align-self: flex-start; position: relative; top: 0.2rem; }
  .withdraw-box .c-txt { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; word-break: keep-all; }
  .withdraw-box .busineess-withdraw li { gap: .4rem; font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.6rem; }  
  .withdraw-box .busineess-withdraw li + li { margin-top: .8rem; }
  .withdraw-box .c-txt br { display: none; }
  .withdraw-form { margin-bottom: 12rem; }
  .withdraw-form .form-section + .form-section { margin-top: 6rem; }
  .withdraw-form .form-section .tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2rem; }
  .withdraw-form .form-section .reason-wrap { display: flex; flex-flow: row wrap; gap: 2rem 2.4rem; }
  .withdraw-form .form-section .input-flex { gap: 1.2rem; flex-flow: row wrap; }
  .withdraw-form .form-section .input-flex textarea { height: 8rem; overflow: auto; font-size: 1.5rem; border: .1rem solid #dbdbdb; border-radius: 1.2rem; padding: 1rem 1.2rem; width: 100%; }
  .withdraw-form .form-section textarea { height: 28rem; font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.4rem; border-radius: 1.2rem; border: .1rem solid #dbdbdb; padding: 2rem; }
  .withdraw-form .btn-wrap { margin-top: 4.8rem; display: flex; align-items: center; gap: .8rem; justify-content: center; }
  .withdraw-form .btn-wrap button { width: 12rem; border-radius: 1.2rem; padding: 1.8rem 1rem; font-size: 1.7rem; letter-spacing: -0.34px; color: #fff; font-weight: bold; text-align: center; }
  .withdraw-form .btn-wrap .btn-cancel { background: #919191; }
  .withdraw-form .btn-wrap .btn-confirm { background: var(--color-main); }
  
  .my-page-wrap .seller-card { margin-bottom: 6rem; }
  .my-page-wrap .total-count-wrap { flex-flow: row wrap; gap: 2rem; margin-bottom: 6rem; }
  .my-page-wrap .total-count-wrap li { border-radius: 1.6rem; padding: 2.8rem 2.4rem 3.6rem; }
  .my-page-wrap .total-count-wrap .tit { margin-bottom: 2.4rem; width: 8.8rem; padding: 1rem 0; font-size: 1.5rem; letter-spacing: -0.3px; border-radius: 1.8rem; border: .1rem solid var(--color-main); }
  .my-page-wrap .total-count-wrap .counting { font-size: 2.4rem; letter-spacing: -0.48px; } 
  .my-page-wrap .total-count-wrap .counting span { margin-right: 0.4rem; }
  .my-page-wrap .total-count-wrap li:nth-child(1) { background: url(../images/count-wrap-img1.png) no-repeat center right 2.4rem; background-size: 6.4rem; }
  .my-page-wrap .total-count-wrap li:nth-child(2) { background: url(../images/count-wrap-img2.png) no-repeat center right 2.4rem; background-size: 6.4rem; }
  .my-page-wrap .total-count-wrap li:nth-child(3) { background: url(../images/count-wrap-img3.png) no-repeat center right 2.4rem; background-size: 6.4rem; }
  .my-page-wrap .section-item + .section-item { margin-top: 6rem; }
  .my-page-wrap .section-item.mb { margin-bottom: 12rem; }
  .my-page-wrap .section-item .tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2.4rem; }
  .my-page-wrap .scroll-container { overflow-x: auto; }
  #chart-wrap { border-radius: 1.6rem; height: 36.8rem; min-width: 100%; }
  .download-list { width: calc(100% + 3.2rem); position: relative; left: -1.6rem; padding: 0 1.6rem; gap: 1.6rem; overflow-x: auto; scrollbar-width: 0; }
  .download-list::-webkit-scrollbar { display: none; }
  .download-list > li { border-radius: 1.6rem; border: .1rem solid #ebebeb; padding: 2rem 1.6rem; width: 22rem; min-width: 22rem; }
  .download-list .rank { font-size: 1.8rem; width: 4rem; height: 4rem; }
  .download-list .item-category { margin: 2rem 0 1.6rem; }
  .my-page-wrap .section-item .download-list > li > .tit { margin-bottom: 2.8rem; height: 5.6rem; font-size: 1.7rem; letter-spacing: -0.34px; line-height: 2.8rem; }
  .my-page-wrap .section-item .download-info li + li { margin-top: 0.8rem; }
  .my-page-wrap .section-item .download-info .tit { padding: .8rem; width: 7.2rem; border-radius: .8rem; border: .1rem solid #ebebeb; font-size: 1.4rem; letter-spacing: -0.28px; width: 7.2rem; margin: 0 .8rem 0 0; }
  .my-page-wrap .section-item .download-info .txt { font-size: 1.5rem; letter-spacing: -0.3px; font-weight: 500; color: #666; }
  .my-page-wrap .section-item .download-info .txt.c { font-weight: bold; color: var(--color-main); }
  .opinion-list .opinions li + li { margin-top: 1.2rem; }
  .opinion-list .opinions li { border-radius: 1.6rem; border: .1rem solid #ebebeb; padding: 2rem 1.6rem; flex-flow: column; align-items: flex-start; }
  .opinion-list .opinions .recommend-label { width: 8.6rem; margin-bottom: 2.4rem; border-radius: 1.6rem; margin-right: 0; padding: .8rem; font-size: 1.3rem; letter-spacing: -0.26px; }
  .opinion-list .opinions .tit-area { width: 100%; }
  .opinion-list .opinions .tit { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 1.2rem; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .opinion-list .opinions .sub-txt { font-size: 1.4rem; letter-spacing: -0.28px; line-height: 2.4rem; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
  .opinion-list .opinions .date { font-size: 1.3rem; margin-top: 1.6rem; letter-spacing: -0.26px; margin-left: 0; }
  .opinion-swiper-container .review-controls { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 1.3rem; }
  .opinion-swiper-container .review-controls button { width: 2.4rem; min-width: 2.4rem; height: 2.4rem; border-radius: 50%; border: .1rem solid #dbdbdb; text-indent: -99999px; }
  .opinion-swiper-container .review-controls .btn-prev { background: url(../images/btn-control.png) no-repeat center; background-size: 1.4rem; }
  .opinion-swiper-container .review-controls .btn-next { background: url(../images/btn-control.png) no-repeat center; background-size: 1.4rem; transform: rotate(180deg); }
  .opinion-swiper-container .swiper-pagination { position: static; font-size: 1.4rem; font-weight: 500; color: #919191; }
  .opinion-swiper-container .review-controls .swiper-pagination-current { color: #000; font-weight: bold; }
  
  .sellerChannel-form { margin-bottom: 12rem; }
  .sellerChannel-form .input-form-box .input-label + .input-label { margin-top: 6rem; }
  .sellerChannel-form .count-wrap { font-size: 1.4rem; letter-spacing: -0.28px; top: .6rem; }
  .sellerChannel-form .input-form-box .input-label .tit { font-size: 2rem; margin-bottom: 2rem; letter-spacing: -0.4px; }
  .sellerChannel-form textarea { font-size: 1.5rem; height: 30rem; letter-spacing: -0.3px; line-height: 2.4rem; border-radius: 1.2rem; border: .1rem solid #dbdbdb; padding: 1.6rem; width: 100%; }
  .sellerChannel-form textarea.sm { height: 15.2rem; }
  .sellerChannel-form .input-form-box .m { width: 100% !important; }
  .sellerChannel-form .flex { gap: 1.2rem; flex-flow: row wrap; }
  .sellerChannel-form .file-wrap { width: 63rem; }
  .sellerChannel-form .file-wrap .file-tit { width: 7.2rem; min-width: 7.2rem; }
  
  .my-page-wrap .form-tit { font-size: 3.2rem; letter-spacing: -0.64px; margin-bottom: 8rem; font-weight: bold; }
  
  .update-item-form { margin-bottom: 12rem; position: relative; }
  .update-item-form-box { border-bottom: 0; padding-bottom: 0; }
  .update-item-form .tit-wrap .c { margin-right: 0.4rem; color: var(--color-main); }
  .update-item-form .tit-wrap .item-type { border-radius: .8rem; border: .1rem solid #dbdbdb; padding: 1.2rem .8rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.28px; width: 8.4rem; background: #f5f5f5 url(../images/disabled-arrow.png) no-repeat center right .8rem; background-size: 1.6rem; }
  .update-item-form .form-cont + .form-cont { margin-top: 8rem; }
  .update-item-form .input-wrap { gap: 4rem 4.6rem; display: flex; align-items: center; flex-flow: row wrap; }
  .update-item-form .input-wrap .tit { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 1.6rem; }
  .update-item-form .input-wrap input, .update-item-form .input-wrap select { font-size: 1.5rem; letter-spacing: -0.3px; }
  .update-item-form .input-wrap input:not(.date-input input), .update-item-form .input-wrap select { width: 100%; padding: 1.6rem 1.2rem; border-radius: 1.2rem; border: .1rem solid #dbdbdb; }
  .update-item-form .input-wrap .date-input { padding: 1.6rem 1.2rem; background: url(../images/calendar-color.png) no-repeat center right .8rem; background-size: 2.4rem; border-radius: 1.2rem; border-width: .1rem; }
  .update-item-form .form-cont:nth-child(1) .input-wrap { display: grid; grid-template-columns: repeat(1, 100%); }
  .update-item-form .form-cont:nth-child(2) .input-wrap { display: grid; grid-template-columns: repeat(1, 100%);  }
  .update-item-form .input-form-box select:disabled { background: #f5f5f5 url(../images/disabled-arrow.png) no-repeat right .8rem center; background-size: 2rem; }
  .update-item-form .input-form-box .label-col { width: 100%; }
  .update-item-form .input-form-box .line { gap: 3.6rem; flex-flow: row wrap; }
  .update-item-form .input-form-box .s { width: 14.8rem !important; min-width: 14.8rem; }
  .update-item-form .input-form-box .l { width: 100%; }
  .update-item-form .input-form-box .xl { width: 100%; min-width: inherit; }
  .update-item-form .input-form-box .line .flex { gap: .8rem; flex-flow: row wrap; width: 100%; }
  .update-item-form .input-form-box .line2 .label-col { width: 100%; }
  .update-item-form .input-form-box .question-wrap { position: relative; margin-bottom: 0; }
  .update-item-form .input-form-box .question-wrap.s .notice-wrap {  width: auto; left: -.5rem; transform: inherit; }
  .update-item-form .input-form-box .question-wrap.s .notice-wrap::before { left: 13%; }
  .update-item-form .input-form-box .question-wrap select { padding-left: 3.6rem; border-color: #000; }
  .update-item-form .input-form-box .question-area { position: absolute; left: 1.6rem; }
  .update-item-form .input-form-box .add-metaData-wrap { width: 100%; }
  .update-item-form .input-form-box .add-metaData { width: 100%; display: flex; align-items: baseline; flex-flow: row wrap; }
  .update-item-form .input-form-box .add-meta { margin-left: 0.8rem; min-width: 5rem; width: 5rem; height: 5rem; border-radius: 1.2rem; background-size: 2rem; }
  .update-item-form .input-form-box .file-tit { width: 7.2rem; min-width: 7.2rem; }
  .update-item-form .form-cont:nth-child(3) .xl { width: 91.8rem; }
  .update-item-form .form-cont:nth-child(4) .tit-wrap { margin-bottom: 0; }
  .update-item-form .add-item-table { margin-top: 2rem; border-collapse: separate; border-spacing: 0; }
  .update-item-form .add-item-table col { display: none; }
  .update-item-form .add-item-table tr {  display: block; border-bottom: 0; }
  .update-item-form .add-item-table tr + tr { margin-top: 1.2rem; }
  .update-item-form .add-item-table th { display: block;  border: 0; }
  .update-item-form .add-item-table tr:nth-child(1) th { font-size: 1.6rem; letter-spacing: -0.32px; background: none; text-align: left; margin-bottom: 1.6rem; }
  .update-item-form .add-item-table td { font-size: 1.4rem; letter-spacing: -0.28px; padding: 0; }
  .update-item-form .add-item-table .input-flex-wrap { border: .1rem solid #000; border-radius: 1.6rem; flex-flow: row wrap; gap: .7rem; padding: 1.2rem; }
  .update-item-form .add-item-table select { width: 50%; border-radius: .8rem; padding: 1.4rem 1.2rem; font-size: 1.4rem; letter-spacing: -0.28px; border: .1rem solid #dbdbdb; }
  .update-item-form .add-item-table .input-flex-wrap  > * { height: auto; }
  .update-item-form .add-item-table .s { width: calc(50% - .35rem) !important; min-width: calc(50% - .35rem); }
  .update-item-form .add-item-table .m { width: calc(50% - .35rem) !important; min-width: calc(50% - .35rem); letter-spacing: -1.05px; }
  .update-item-form .add-item-table .l { width: calc(50% - .35rem) !important; min-width: calc(50% - .35rem); }
  .update-item-form .add-item-table .file-size { padding: 1.4rem 0; border-radius: .8rem; border: .1rem solid #dbdbdb; width: 100% !important; }
  .update-item-form .add-item-table .file-wrap { border-radius: .8rem; border: .1rem solid #dbdbdb; padding: .2rem; }
  .update-item-form .add-item-table .file-wrap .file-tit { font-size: 1.3rem; border-radius: .8rem; letter-spacing: -0.26px; padding: 1.2rem 0; width: 6rem; min-width: 6rem; }
  .update-item-form .add-item-table .file-wrap .file-area { padding: .2rem; }
  .update-item-form .add-item-table button { margin-left: auto; width: 6rem; height: 3.8rem !important; padding: 1rem; border-radius: .8rem; font-size: 1.4rem; letter-spacing: -0.28px; gap: .2rem; }
  .update-item-form .add-item-table .add-item::before { width: 1.2rem; height: 1.2rem; }
  .update-item-form .add-item-table .remove-item::before { width: 1.2rem; height: 1.2rem; }
  .update-item-form .add-item-table .notice-row { border-radius: 1.6rem; overflow: hidden; padding: 2rem 1.2rem; background: #f5f5f5; }
  .update-item-form .add-item-table .notice-row th { font-size: 1.6rem; letter-spacing: -0.32px; padding-bottom: 1.2rem; border-bottom: .1rem solid #ebebeb; }
  .update-item-form .add-item-table td.bg { padding-left: 0rem; padding-top: 1.6rem; line-height: 2rem; letter-spacing: -0.28px; font-size: 1.4rem; }
  .update-item-form .btn-wrap { flex-flow: row wrap; width: 100%; }
  .update-item-form .go-list { position: relative; right: inherit; bottom: inherit; border: .1rem solid #dbdbdb; border-radius: 1rem; padding: 1.4rem; width: 8.8rem; font-size: 1.6rem; letter-spacing: -0.32px; margin: 4rem 0 0; box-sizing: border-box; }
  
  .calendar-section .section-tit { font-size: 2rem; letter-spacing: -0.4px; margin-bottom: 2.4rem; }
  .calendar-section .billing-state { flex-flow: row wrap; gap: 1.2rem; margin-bottom: 3.6rem; }
  .calendar-section .billing-state li { width: calc(50% - .6rem); border-radius: 1.6rem; padding: 2.8rem 1.2rem; }
  .calendar-section .billing-state li:nth-child(1) { background: #e5edf8 url(../images/billing-state01.png) no-repeat bottom 2.8rem center; background-size: 4.8rem; }
  .calendar-section .billing-state li:nth-child(2) { background: #f8eae7 url(../images/billing-state02.png) no-repeat bottom 2.8rem center; background-size: 4.8rem; }
  .calendar-section .billing-state li:nth-child(3) { background: #e5f8ef url(../images/billing-state03.png) no-repeat bottom 2.8rem center; background-size: 4.8rem; }
  .calendar-section .billing-state li:nth-child(4) { background: #fbf2d1 url(../images/billing-state04.png) no-repeat bottom 2.8rem center; background-size: 4.8rem; }
  .calendar-section .billing-state .tit { width: 8.6rem; margin: 0 auto 2.4rem; border-radius: 80rem; padding: 1rem 1.2rem; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: 500; }
  .calendar-section .billing-state .bill { font-size: 1.8rem; letter-spacing: -0.36px; text-align: center; margin-bottom: 8rem; }
  .calendar-wrap { margin-bottom: 12rem; border-radius: 2rem; border: .1rem solid #ebebeb; padding: 3.2rem 1.2rem 1.2rem; }
  .fc-scrollgrid-section-header .fc-scroller { border-top: .2rem solid #000 !important; }
  .fc .fc-button { font-size: 1.5rem; letter-spacing: -0.3px; gap: .6rem; }
  .fc-prev-button::before, .fc-next-button::after { width: 2.4rem; height: 2.4rem; }
  .fc-prev-button::before { background: #b2b2b2 url(../images/calendar-prev.png) no-repeat center; background-size: 1.6rem; }
  .fc-next-button::after { background: #b2b2b2 url(../images/canlendar-next.png) no-repeat center; background-size: 1.6rem; }
  .fc .fc-toolbar-title { font-size: 2.2rem; letter-spacing: -0.44px; }
  .fc .fc-col-header-cell-cushion { font-size: 1rem; letter-spacing: -0.2px; padding: 1.2rem 0; }
  .fc-theme-standard tr { padding: 0; }
  .fc-daygrid-day-frame { padding: .4rem; border-radius: .6rem; margin: .15rem; aspect-ratio: 1 / 2; border: .1rem solid #ebebeb; }
  .fc .fc-daygrid-day-top { font-size: 1rem; letter-spacing: -0.2px; }
  .active .fc-daygrid-day-frame { border: .1rem solid var(--color-main); }
  .fc-daygrid-day-frame .status-tag { position: relative; margin: .8rem auto; padding: .3rem; font-size: 0.8rem; letter-spacing: -0.16px; width: 2.6rem; top: inherit; right: inherit; }
  .fc-daygrid-day-frame .amount { position: relative; top: inherit; left: inherit; transform: inherit; font-size: 0.7rem; letter-spacing: -0.14px; }
  .status-tag { padding: .6rem; width: 5rem; border-radius: 1.4rem; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.26px; display: block; text-align: center; }
  .transaction-detail { margin-top: 2.8rem; border-radius: 1.6rem; padding: 2.8rem 1.2rem 3.4rem; }
  .transaction-detail .transaction-tit-wrap { margin-bottom: 2rem; flex-flow: column; }
  .transaction-detail .tit { font-size: 1.6rem; letter-spacing: -0.32px; margin-bottom: 2rem; }
  .transaction-detail .transaction-utils { gap: .7rem; }
  .transaction-detail select { width: 12rem; border: .1rem solid #dbdbdb; padding: 1.2rem; border-radius: .8rem; margin-right: 0; font-size: 1.4rem; letter-spacing: -0.28px; }
  .transaction-detail button { padding: .8rem 1.2rem; border-radius: .8rem; font-size: 1.4rem; letter-spacing: -0.28px; }
  .transaction-detail button::before { margin-right: 0.8rem; width: 2.4rem; height: 2.4rem; }
  .transaction-detail button::after { margin-left: 0.4rem; width: 1.8rem; height: 1.8rem; }
  .transaction-detail .no-data { font-size: 1.5rem; letter-spacing: -0.28px; margin: 4rem 0 2rem; }
  .transaction-detail table col { display: none; }
  .transaction-detail table tbody { display: flex; flex-flow: row wrap; }
  .transaction-detail table tr { display: flex !important; flex-flow: column; }
  .transaction-detail tbody tr.mobile-header-row { width: 7.5rem; }
  .transaction-detail tbody tr:not(.mobile-header-row) { width: calc(100% - 7.5rem); }
  .transaction-detail tbody tr { border-bottom: .1rem solid #f1f1f1 !important; }
  .transaction-detail tbody tr:nth-last-child(1),
  .transaction-detail tbody tr:nth-last-child(2) { border-bottom: none !important; }
  .transaction-detail tbody tr:nth-last-child(n+3) th:last-child,
  .transaction-detail tbody tr:nth-last-child(n+3) td:last-child { padding-bottom: 2rem; }
  .transaction-detail tbody tr:not(:nth-child(1), :nth-child(2)) th:nth-child(1),
  .transaction-detail tbody tr:not(:nth-child(1), :nth-child(2)) td:nth-child(1) { padding-top: 2rem; }
  .transaction-detail th { font-size: 1.4rem; letter-spacing: -0.28px;  }
  .transaction-detail td { padding: 0; font-size: 1.4rem; letter-spacing: -0.28px; font-weight: bold; text-align: right; }
  .transaction-detail td .status-tag { margin-left: auto; }
  .transaction-detail th + th,
  .transaction-detail td + td { padding-top: 1.4rem; }
  .transaction-detail td.fw-bold { font-size: 1.4rem; letter-spacing: -0.28px; font-weight: bold;}
  .transaction-detail .transaction-item-tit { padding: 0 .4rem; }  

  .ui-menu .ui-menu-item-wrapper { font-size: 1.4rem; padding: 1rem; }

  .new-popup .btns-wrap { width: calc(100% - 4.6rem); gap: 1.8rem; bottom: 3.8rem; }
  .new-popup .btns-wrap a { padding: 1.3rem; width: 100%; border-radius: .8rem; font-size: 1.3rem; letter-spacing: -0.26px; }
  .new-popup .btns-wrap a:nth-child(2) { border: .1rem solid rgba(255, 255, 255, .24); }
  .new-popup .pop-util-btn { margin-top: 1.6rem; }
  .new-popup .pop-util-btn button { font-size: 1.3rem; letter-spacing: -0.26px; }
  .new-popup .pop-util-btn button.not-today::after { width: 0.1rem; height: 1.4rem; margin: 0 1.6rem; } 
  .new-popup .pop-util-btn .close::after { width: 1.6rem; height: 1.6rem; margin-left: 0.2rem; }
  .new-popup > .close { width: 2.4rem; height: 2.4rem; top: 1rem; right: 1rem; }


}

@media all and (max-width: 374px) {
  

  /* ======================== 서브 ===========================*/
  .main-tit-bn.on { background-size: 110%; }
  .aiSoundSearch { height: 33rem; }
  .detail-item-card .detail-item-info .item-info .tit { font-size: 1.2rem; }

  .detail-item-card .detail-item-info { top: 6rem; }
  .detail-item-card.no-thumb .detail-item-info { height: calc(100% - 12rem); }
  .detail-item-card .item-category { margin-bottom: 1rem; }
  .detail-item-card .detail-item-info .item-tit { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 1.6rem; }
  .detail-item-card .hashtags { margin: 2rem 0; }
  .detail-item-card.no-thumb .hashtags { margin-top: 2rem; }

  .cate-box:nth-child(3),
  .cate-box:nth-child(7) { width: 38%; }

  .guide-wrap .img-upload-box .file-box { padding: 1rem; }
  .file-addr { font-size: 1.3rem; letter-spacing: -0.4px; }

  .main-tit-bn .page-sub-txt { font-size: 1.3rem; }
  .update-comment { margin-top: -9.6rem; }

  .source-guide .img { width: 100%; height: auto; }

  .my-page-wrap .my-history li { font-size: 1.3rem; }

  .detail-pop { padding: 3.2rem .4rem 2.8rem 1.2rem; }
  .custom-input-label .input-tit { font-size: 1.4rem; }
  .notice-wrap { width: 21rem; }
  .custom-input-label .custom-radio { margin-right: 0; }
  .input-form-box .input-label .custom-input-label + .custom-input-label { margin-left: 1.4rem; }
  .action-btns button { padding: 1.4rem .6rem; font-size: 1.3rem; }
  .file-area .no-file { font-size: 1.3rem; }

  .fc-daygrid-day-frame .amount { font-size: 0.6rem;}
  .transaction-detail button { font-size: 1.3rem; }
  .transaction-detail select { width: 10rem; }

  .join-step { gap: 6rem; }
  .join-step::after { width: 26rem; }
  .input-form-box .tit-wrap .tit { font-size: 1.8rem; }
  .update-item-form .add-item-table .input-flex-wrap { padding: .8rem; }
  .update-item-form .add-item-table select { padding: 1rem .4rem; }

  .regist-status td:nth-child(3), .regist-status td:nth-child(4) { margin-right: 1rem; }
  .regist-status td .state { width: 8rem; padding: .8rem 0; }

}

@keyframes fillProgress {
  0% {
      height: 0%;
  }
  50% {
      height: 33%;
  }
  50% {
      height: 66%;
  }
  100% {
      height: 100%;
  }
}

@keyframes float {
  0%,100% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, 20px);
  }
}

@keyframes rotation {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}

/* 시계방향 회전 */
@keyframes rotateParent {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* 반시계방향 회전 (글자 방향 유지) */
@keyframes rotateChild {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}

/* 운영 데이터/브라우저 기본 스타일 안정화 */
button,
input,
select,
textarea {
  box-sizing: border-box;
}

input,
select,
textarea {
  min-width: 0;
  color: #111;
  -webkit-text-fill-color: #111;
  opacity: 1;
}

select,
select option,
.cate_select {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  opacity: 1;
}

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

input::placeholder,
textarea::placeholder {
  color: #b2b2b2;
  -webkit-text-fill-color: #b2b2b2;
  opacity: 1;
}

.login-area .input-label input[type="text"],
.login-area .input-label input[type="password"],
.input-form-box .input-label input[type="text"],
.input-form-box .input-label input[type="password"],
.input-form-box .input-label input[type="email"],
.input-form-box .input-label input[type="number"],
.input-form-box .input-label input[type="tel"] {
  min-height: 5.6rem;
  padding: 1.6rem 1.8rem;
  border: .1rem solid #dbdbdb;
  border-radius: 1.2rem;
  background-color: #fff;
  box-sizing: border-box;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 2.2rem;
}

.login-area .input-label input[type="text"],
.login-area .input-label input[type="password"] {
  min-height: 6rem;
  padding: 1.8rem 1.6rem;
}

.search-container,
.list-search-wrap,
.list-search-area,
.input-form-box .flex,
.input-form-box .input-label,
.my-page-wrap .list-top,
.my-page-wrap .list-util {
  min-width: 0;
}

.search-container input,
.list-top .search-container input,
.list-search-area input,
.date-input-wrap input {
  border: 0 !important;
  outline: 0;
  background-color: transparent;
  box-shadow: none;
}

.list-search-area input {
  height: auto;
  flex: 1 1 auto;
}

.list-search-area .txt,
.list-search-area .btn-search,
.list-top select,
.list-search-wrap select,
.date-input-wrap,
.action-btns button {
  flex-shrink: 0;
}

.list-top .search-container,
.my-page-wrap .list-top .search-container {
  flex: 1 1 auto;
}

.my-page-wrap .date-select-wrap .date-input-wrap {
  height: 4.8rem;
  box-sizing: border-box;
  overflow: hidden;
}

.my-page-wrap .date-select-wrap .date-input-wrap input.input_date,
.my-page-wrap .date-select-wrap .date-input-wrap input[type="date"] {
  width: 100%;
  height: 100%;
  padding: 0 3.2rem 0 1.2rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: normal;
  appearance: none;
  -webkit-appearance: none;
}

.my-page-wrap .date-select-wrap .date-input-wrap input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.my-page-wrap .date-select-wrap .date-input-wrap input[type="date"]::-webkit-date-and-time-value {
  text-align: left;
}

.my-page-wrap .list-top .search-container {
  background: #fff;
  visibility: visible;
  opacity: 1;
}

.my-page-wrap .list-top .search-container input {
  display: block;
  visibility: visible;
  opacity: 1;
}

.my-page-wrap .list-top .list-search-wrap select.cate_select {
  width: 12rem;
  min-width: 12rem;
  height: 4.8rem;
  padding: 0 3.6rem 0 1.2rem;
  border: .1rem solid #dbdbdb;
  border-radius: .8rem;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.2rem center;
  background-size: 1.6rem 1.6rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: normal;
  vertical-align: middle;
}

.list-container .list-top .list-search-wrap select.cate_select#codeSelect {
  min-width: 14.8rem;
  height: 4.8rem;
  padding: 0 3.6rem 0 1.2rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: normal;
  vertical-align: middle;
}

.list-container .list-top .search-container {
  height: 4.8rem;
  box-sizing: border-box;
  background: #fff;
}

.list-container .list-top .search-container input {
  height: 100%;
  padding: 0 1.2rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: normal;
}

.detail-container .viewer-wrap > .tit-wrap > .tit {
  line-height: 5.4rem;
  min-height: 5.4rem;
  padding: .2rem 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: keep-all;
}

.section6 .contents-swiper-container .contents-tit {
  line-height: 3.2rem;
  max-height: 6.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.slide-list .slide-tit {
  max-height: 6.8rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.list-container .item-list .info-box .tit,
.list-container .column-list .tit {
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-container .column-list a {
  min-width: 0;
}

.list-container .column-list .column-info {
  min-width: 0;
  padding-right: 8rem;
  box-sizing: border-box;
}

.list-container .column-list .tit {
  line-height: 3.8rem;
  max-height: 7.6rem;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}

.list-container .column-list > li.no-data .column-info {
  padding-right: 0;
}

.list-container .column-list > li.no-data .tit {
  display: block;
  max-height: none;
  -webkit-line-clamp: initial;
  line-clamp: initial;
}

@media (max-width: 1024px) {
  .section6 .contents-swiper-container .contents-tit {
    line-height: 5.2rem;
    max-height: 10.4rem;
  }

  .list-container .column-list .column-info {
    padding-right: 8rem;
  }

  .list-container .column-list .tit {
    line-height: 6.4rem;
    max-height: 12.8rem;
  }

  .my-page-wrap .date-select-wrap .date-input-wrap {
    height: 9.6rem; width: 46.5%;
  }

  .my-page-wrap .date-select-wrap .date-input-wrap input.input_date,
  .my-page-wrap .date-select-wrap .date-input-wrap input[type="date"] {
    padding: 0 6.4rem 0 2.4rem;
    font-size: 3rem;
    letter-spacing: -0.6px;
  }

  .my-page-wrap .list-top .list-search-wrap select.cate_select {
    width: 24rem;
    min-width: 24rem;
    height: 9.6rem;
    padding: 0 7.2rem 0 2.4rem;
    border-width: .2rem;
    border-radius: 1.6rem;
    background-position: right 2.4rem center;
    background-size: 3.2rem 3.2rem;
    font-size: 3rem;
    letter-spacing: -0.6px;
  }

  .login-area .input-label input[type="text"],
  .login-area .input-label input[type="password"],
  .input-form-box .input-label input[type="text"],
  .input-form-box .input-label input[type="password"],
  .input-form-box .input-label input[type="email"],
  .input-form-box .input-label input[type="number"],
  .input-form-box .input-label input[type="tel"] {
    min-height: 9.6rem;
    padding: 3.2rem 2.4rem;
    border-width: .2rem;
    border-radius: 2.4rem;
    font-size: 3rem;
    letter-spacing: -0.6px;
    line-height: 4rem;
  }

  .list-container .list-top .list-search-wrap select.cate_select#codeSelect {
    min-width: 24rem;
    height: 9.6rem;
    padding: 0 7.2rem 0 2.4rem;
    font-size: 3rem;
    letter-spacing: -0.6px;
  }

  .list-container .list-top .search-container {
    height: 9.6rem;
  }

  .list-container .list-top .search-container input {
    padding: 0 2.4rem;
    font-size: 3rem;
    letter-spacing: -0.6px;
  }

  .detail-container .viewer-wrap > .tit-wrap > .tit {
    line-height: 8.8rem;
    min-height: 8.8rem;
    padding: .4rem 0;
  }
}

@media (max-width: 767px) {
  .section6 .contents-swiper-container .contents-tit {
    line-height: 3.2rem;
    max-height: 6.4rem;
  }

  .slide-list .slide-tit {
    max-height: 6rem;
  }

  .list-container .column-list .column-info {
    padding-right: 4rem;
  }

  .list-container .column-list .tit {
    line-height: 3.2rem;
    max-height: 6.4rem;
  }

  .my-page-wrap .date-select-wrap .date-input-wrap {
    height: 4.8rem;
  }

  .my-page-wrap .date-select-wrap .date-input-wrap input.input_date,
  .my-page-wrap .date-select-wrap .date-input-wrap input[type="date"] {
    padding: 0 3.2rem 0 1.2rem;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
  }

  .my-page-wrap .list-top .list-search-wrap select.cate_select {
    width: 12rem;
    min-width: 12rem;
    height: 4.8rem;
    padding: 0 3.6rem 0 1.2rem;
    border-width: .1rem;
    border-radius: .8rem;
    background-position: right 1.2rem center;
    background-size: 1.6rem 1.6rem;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
  }

  .login-area .input-label input[type="text"],
  .login-area .input-label input[type="password"],
  .input-form-box .input-label input[type="text"],
  .input-form-box .input-label input[type="password"],
  .input-form-box .input-label input[type="email"],
  .input-form-box .input-label input[type="number"],
  .input-form-box .input-label input[type="tel"] {
    min-height: 5.6rem;
    padding: 1.6rem 1.2rem;
    border-width: .1rem;
    border-radius: 1.2rem;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    line-height: 2.2rem;
  }

  .list-container .list-top .list-search-wrap select.cate_select#codeSelect {
    min-width: 12rem;
    height: 4.8rem;
    padding: 0 3.6rem 0 1.2rem;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
  }

  .list-container .list-top .search-container {
    height: 4.8rem;
  }

  .list-container .list-top .search-container input {
    padding: 0 1.2rem;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
  }

  .detail-container .viewer-wrap > .tit-wrap > .tit {
    line-height: 4.4rem;
    min-height: 4.4rem;
    padding: .2rem 0;
  }
}

/* 효과음원 상세 상단 배경 이미지 안정화 */
.detail-item-card {
  overflow: hidden;
  background: #5f5f5f;
  isolation: isolate;
}

.detail-item-card > .img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #5f5f5f;
  z-index: 0;
  pointer-events: none;
}

.detail-item-card > .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.detail-item-card > .img::after {
  height: 100%;
  border-radius: inherit;
  background: rgba(0, 0, 0, .62);
  z-index: 1;
}

.detail-item-card.no-thumb > .img {
  display: none;
}

.detail-item-card .detail-item-info,
.detail-item-card .item-utils {
  z-index: 2;
}

@media (max-width: 767px) {
  .detail-item-card:not(.no-thumb) {
    height: 59rem;
  }
}

/* Narrow or short windows (including browser zoom) need content-driven hero height. */
@media (max-width: 1550px), (max-height: 1100px) {
  main .section1 { height: auto; min-height: 100vh; }
  .section1 > .inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(28rem, 36rem);
    grid-template-rows: 1fr auto;
    align-items: center;
    gap: 4rem;
    min-height: 100vh;
    margin: 0;
    padding: 16rem 4rem 5rem;
  }
  .section1 .search-container {
    position: relative;
    inset: auto;
    transform: none;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    max-width: 66rem;
    min-width: 0;
    justify-self: center;
  }
  .section1 .main-text {
    position: relative;
    inset: auto;
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
  }
  .section1 .main-text .sm { font-size: clamp(2rem, 2vw, 2.8rem); line-height: 1.4; }
  .section1 .main-text .big { font-size: clamp(3.2rem, 4vw, 6.8rem); line-height: 1.15; margin-top: 1.6rem; overflow-wrap: anywhere; }
  .section1 .right-contents,
  .section1 .right-contents.hide {
    position: relative;
    inset: auto;
    transform: none;
    grid-column: 2;
    grid-row: 1 / span 2;
    width: 100%;
    min-width: 0;
  }
  /* The cards occupy their own column; there is no overlay to collapse. */
  .section1 .right-contents .contents-btn { display: none; }
  .section1 .right-contents .contents-area { width: 100%; margin: 0; }
  .section1 .right-contents .intro-vid { padding: 1.6rem; margin-bottom: 1.6rem; border-radius: 2rem; }
  .section1 .right-contents .intro-vid .video-wrap { height: 16rem; margin-bottom: 1.6rem; border-radius: 1.6rem; }
  .section1 .video-control .btn-icon { width: 6rem; height: 6rem; border-width: .3rem; margin-bottom: .8rem; }
  .section1 .video-control p { font-size: 1.4rem; }
  .section1 .intro-txt .tit { font-size: 2rem; margin-bottom: 1.2rem; }
  .section1 .intro-txt .txt { font-size: 1.3rem; line-height: 2rem; margin-bottom: 1.6rem; }
  .section1 .go-video { font-size: 1.4rem; }
  .section1 .go-video::after { width: 1.6rem; height: 1.6rem; }
  .section1 .ai-banner { padding: 2.4rem; border-radius: 2rem; }
  .section1 .ai-banner .tit { width: 16rem; margin-bottom: 1.6rem; }
  .section1 .ai-banner .txt { font-size: 1.4rem; line-height: 2.2rem; margin-bottom: 1.6rem; }
  .section1 .ai-banner .btn { width: fit-content; max-width: 100%; padding: 1.2rem 1.5rem; font-size: 1.4rem; margin-top: 1.6rem; border-radius: .8rem; }
  .section1 .guide-btn { margin-top: 1.6rem; padding: 1.4rem 1.6rem; border-radius: 1.6rem; }
  .section1 .guide-btn::before { width: 3.2rem; height: 4rem; flex-shrink: 0; }
  .section1 .guide-btn .guide-preview { font-size: 1.5rem; line-height: 2rem; }
  .section1 .guide-btn .guide-download { width: 2.8rem; height: 2.8rem; margin-left: 1.2rem; }
  .section1 .search-input-container { margin-bottom: 2.4rem; padding-right: 2rem; }
  .section1 .search-input-container input { min-width: 0; padding: 2.4rem; font-size: 2rem; }
  .section1 .search-input-container button { flex: 0 0 3.2rem; }
  .section1 .search-input-container button img { width: 3.2rem; height: 3.2rem; }
  .section1 .recommend-search { width: 100%; margin: 0; flex-wrap: wrap; gap: 1.2rem; }
  .section1 .recommend-tit { width: auto; font-size: 1.6rem; }
  .section1 .recommend-tit::after { display: none; }
  .section1 .recommend-list { min-width: 0; margin: 0; flex-wrap: wrap; justify-content: center; gap: .8rem; }
  .section1 .recommend-list a { padding: .8rem 1.2rem; font-size: 1.5rem; white-space: normal; overflow-wrap: anywhere; border-width: .1rem; }
  .section1 .bg-vid .txt { display: none; }
}

@media (max-width: 768px) {
  .section1 > .inner { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 3.2rem; padding: 12rem 1.6rem 4rem; }
  .section1 .right-contents,
  .section1 .right-contents.hide { grid-column: 1; grid-row: 3; max-width: 40rem; justify-self: center; }
  .section1 .main-text { text-align: center; }
  .section1 .search-input-container input { padding: 1.8rem; font-size: 1.6rem; }
}

/* UCS badge follows the header's existing light/menu-open states. */
header .logo .ucs-header-logo {
  position: absolute;
  left: calc(100% + 2.4rem);
  top: 50%;
  transform: translateY(-50%);
  width: 31.2%;
  aspect-ratio: 1;
}
header .logo .ucs-header-logo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .logo .ucs-header-logo .ucs-white { display: block; }
header .logo .ucs-header-logo .ucs-maroon { display: none; }
header.show .logo .ucs-header-logo .ucs-white,
header.no-bg .logo .ucs-header-logo .ucs-white { display: none; }
header.show .logo .ucs-header-logo .ucs-maroon,
header.no-bg .logo .ucs-header-logo .ucs-maroon { display: block; }

/* UCS information uses the same white card as the introduction video. */
.section1 .right-contents .ucs-intro .ucs-intro-logo {
  display: block;
  width: 13rem;
  height: 13rem;
  object-fit: contain;
  margin: 0 auto 1.6rem;
}
.section1 .ucs-intro .intro-txt { color: #222; word-break: keep-all; overflow-wrap: anywhere; }
.section1 .ucs-intro .intro-txt .txt { line-height: 1.6; margin-bottom: 1.2rem; }
.section1 .ucs-intro .intro-txt { container-type: inline-size; }
.section1 .ucs-intro .intro-txt .tit {
  font-size: min(2rem, 5.5cqi);
  line-height: 1.4;
  letter-spacing: -0.02em;
  white-space: normal;
}
.section1 .ucs-intro .intro-txt .tit span { white-space: nowrap; }

.section1 .ucs-intro .go-video { margin-top: 1.6rem; }

/* Keep the search centered on the full hero when desktop width permits it. */
@media (min-width: 1551px) and (max-height: 1100px) {
  .section1 .search-container { grid-column: 1 / -1; }
}