@charset "utf-8";
/* Info
 ========================================================================== */
/**
    * 1. Writer: Ajin Lee. (Weaverloft Corp.)
    * 2. Production Date: 2025-06
    * 3. Client: W PromptHub
 */

#sub {position: relative;padding: 88px 0 0; zoom: 90%;min-height: calc(100vh - 80px);}
#sub::after {content: '';display: block;position: fixed;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: radial-gradient(ellipse 160% 120% at 100% 80%, rgba(219, 238, 255, 1) 0%, rgba(247, 249, 252, 1) 30%, rgba(247, 249, 252, 1) 100%);pointer-events: none;}
#sub .section-inner {padding: 0 0 200px;}
#sub .section-inner .sub-top #lnb {margin: 110px 0 20px;}
#sub .section-inner .section + .sub-top #lnb {margin: 50px 0 20px;}
.sub-top .badge-wrap {margin: 20px 0 0;}
@media screen and (max-width: 768px) {
    #sub {padding: 60px 0 0;}
    #sub .section-inner {padding: 0 0 150px;}
    #sub .section-inner .sub-top #lnb  {margin: 80px 0 20px;}
}

/*========== Sub Top Box ==========*/
.sub-top-box {display: flex; justify-content: space-between; align-items: center;}
.sub-top-box:has(.item-icon-list.status-btn) {align-items: flex-start;gap: 10px;}
.sub-top-box .sub-top-main-tit {word-break: keep-all;}
.sub-top-box .sub-top-main-tit.max {max-width: 1146px;text-align: left;}
.sub-top-box .common-sch-area {width: 400px;}
.sub-top-img { overflow: hidden; width: 100%; height: 320px; margin: 24px 0 0; border-radius: 14px; }
.sub-top-img figure { position: relative; width: 100%; height: 100%;background-color: #eee;}
.sub-top-img figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: none; height: 100%; }
.sub-top-box .item-icon-list.status-btn {gap: 10px;min-width: 220px;}
.sub-top-box .item-icon-list.status-btn li {font-weight: 600;font-variation-settings: 'wght' 600;}
.sub-top-box .item-icon-list.status-btn li button {display: flex;align-items: center;gap: 4px;font-weight: 600;font-variation-settings: 'wght' 600;}
.sub-top-box .item-icon-list.status-btn li .icon-box {width: 28px; height: 28px;}
.sub-top-box .item-icon-list.status-btn li.zoom .icon-box {width: 20px; height: 20px;}
.sub-top-box .item-icon-list.status-btn li.view .icon-box {background-image: url('../images/common/icon-list-view-on.svg');}
.sub-top-box .item-icon-list.status-btn li.view .icon-box {background-image: url('../images/common/icon-list-view.svg');}
.sub-top-box .item-icon-list.status-btn li.calender .icon-box {background-image: url('../images/common/icon-calender-gray.svg');}
.sub-top-box .item-icon-list.status-btn li.on.calender .icon-box {background-image: url('../images/common/icon-calender.svg');}
.detail-wrap {padding: 50px; border-top: 1px solid #D4D8DD; border-bottom: 1px solid #D4D8DD;}
.detail-wrap .visual-img-wrap {overflow: hidden;width: 100%; max-width: 100%;}
.visual-area + .detail-conts-wrap {margin: 40px 0 0;}
.detail-conts-wrap .detail-cont-txt {font-size: var(--text-md); color: var(--text-gray-color);font-weight: 300;font-variation-settings: 'wght' 300;line-height: 1.73; word-break: keep-all;}
.detail-conts-wrap .detail-cont-txt + .detail-cont-txt {margin: 30px 0 0;}
.detail-btn-wrap {display: flex; align-items: center;gap: 24px;padding: 20px;border-bottom: 1px solid #D4D8DD;}
.detail-btn-wrap .input-label {margin: 0; font-size: 1rem; font-weight: 600;font-variation-settings: 'wght' 600;color: var(--main-txt-color);}
.detail-btn-wrap .icon-txt-btn {font-size: 1rem; font-weight: 400;font-variation-settings: 'wght' 400;color: var(--main-txt-color);text-decoration: underline;text-underline-position: under;}
.section-btn-wrap {justify-content: flex-end; margin: 30px 0 0;}
.sub-top-input {display: flex; justify-content: center; align-items: center; margin: 20px auto 0;}
.sub-top-profiles { border-radius:14px;background-color: #fff;box-shadow: inset 0.5px 1px 0px rgba(255, 255, 255, 0.16), 0px 2px 5px rgba(0, 0, 0, 0.08)}

@media screen and (max-width: 768px) {
    .detail-wrap {padding: 30px 20px;}
    .detail-conts-wrap .detail-cont-txt + .detail-cont-txt {margin: 20px 0 0;}
    .sub-top-box {flex-direction: column; align-items: flex-start; gap: 10px;}
    .sub-top-box .common-sch-area {align-self: flex-end;width: auto;}
    .sub-top-box .sub-top-main-tit.max {font-size: 24px;}
    .detail-btn-wrap .icon-txt-btn {font-size: 14px;}
}
@media screen and (max-width: 375px) {
    .sub-top-box .common-sch-area {align-self: flex-start;width: 100%;}
}

/*========== Category Detail ==========*/
#sub .sub-top.category-detail-top:not(.sub-top-img) {margin: 0 0 30px;}
.category-detail-sec .visual-area .visual-top {padding: 30px 0 0; border-top: 1px solid #D4D8DD;}

/*========== Prmpt Detail ==========*/
.sub-top + .section:not(.search-section).prmpt-detail-sec {margin: 0;}
.sub-top.prmpt-detail-top #lnb {margin: 0;}
.prmpt-detail-sec .tag { display: inline-block; padding: 0 4px; border-radius: 3px; background-color: rgba(219, 238, 255, 0.6);font-size: 1rem;font-weight: 300;font-variation-settings: 'wght' 300;word-break: keep-all;line-height: 1.4;color: var(--text-gray-color); }
.prmpt-detail-sec .prmpt-desc-area.prompt-area .tag {font-size: 1.125rem;}
.left-tit-wrap {margin: 0 0 20px;}
.left-tit-wrap .sub-top-box {margin: 0 0 20px;}
.contents-cols {display: flex;gap: 60px;justify-content: space-between;}
.contents-cols .section-content + .section-content {margin: 0;}
.left-content {flex: 1;max-width: 50%; width: 100%;}
.right-content {flex: 1;max-width: 50%; width: 100%;}
article.left-content {flex: 1;max-width: 50%; width: 100%;}
article.right-content {flex: 1;max-width: 50%; width: 100%;}
.prmpt-img-area {width: 100%;}
.prmpt-img {position: relative; width: 100%; height: 100%; background-color: #eee;}
.prmpt-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-width: none; height: 100%; }
.tags-area {margin: 30px 0;}
.tags-area .label-wrap {gap: 14px;}
.prmpt-desc-area { padding: 26px; border-radius:14px; background-color: #fff; box-shadow: 4px 4px 10px rgba(28, 60, 119, 0.06);}
.prmpt-desc-area.grid-prmpt-area { padding: 0; border-radius:0;background-color: transparent; box-shadow: none;}
.prmpt-conts-tit-wrap {display: flex; justify-content: space-between; align-items: center;}
.prmpt-conts-tit-wrap:has(.prmpt-conts-tit.line) {margin: 0 0 20px;padding: 0 0 7px; border-bottom: 1px solid rgba(123, 145, 173, 0.32);}
.prmpt-desc-area.prompt-area .prmpt-conts-tit-wrap {margin: 0 0 25px;}
.prmpt-conts-tit { margin: 0 0 15px; font-size: var(--title-md);font-weight: 600;font-variation-settings: 'wght' 600;line-height: 1.2;}
.prmpt-conts-tit.line {margin: 0;}
.prmpt-conts-tit.icon {padding: 0 0 0 30px; background-image: url('../images/common/icon-prmpt-tit.svg'); background-repeat: no-repeat;background-position: left center; background-size: 24px auto;}
.prmpt-desc-area.prompt-area .prmpt-conts-tit.icon {margin: 0;}
.prmpt-conts-txt {max-height: 500px; min-height: 60px; font-size: 1rem;font-weight: 300;font-variation-settings: 'wght' 300;line-height: 1.875;color: var(--text-gray-color); word-break: keep-all;white-space: pre-line;}
.prmpt-conts-txt-wrap p { font-size: 1.125rem;line-height: 1.555;font-weight: 300;font-variation-settings: 'wght' 300;color: var(--text-gray-color); word-break: keep-all;white-space: pre-line;}
.prmpt-desc-area.prompt-area .prmpt-conts-txt {margin: 0;}
.prmpt-desc-area.menual-area .prmpt-conts-txt {min-height: auto;}
.prmpt-img-area {margin: 0 0 50px;}
.left-content .left-tit-wrap {margin: 0 0 30px;}
.left-content .prmpt-desc-area + .prmpt-desc-area {margin: 50px 0 0;}
.prmpt-desc-area.result-area {border: 3px solid var(--main-point-color);}
.prmpt-desc-area.result-area .prmpt-conts-tit {color: var(--main-point-color);}
.section-content.left-content .left-tit-wrap + .prmpt-desc-area:last-child.prompt-area .prmpt-conts-txt {max-height: 980px;}
.section-content.left-content .left-tit-wrap + .prmpt-desc-area:last-child.result-area .prmpt-conts-txt {max-height: 980px;}


.contents-cols .item-icon-list.status-btn li.like .icon-box {background-image: url('../images/common/icon-list-like.svg');}
.contents-cols .item-icon-list.status-btn li.like .active .icon-box {background-image: url('../images/common/icon-list-like-on.svg');}
.prmpt-conts-btn .item-icon-list.status-btn li.calender .icon-box {background-image: url('../images/common/icon-calender-gray.svg');}

.right-content .prmpt-desc-area + .prmpt-desc-area {margin: 50px 0 0;}
.right-content .left-tit-wrap .sub-top-box {justify-content: flex-end;margin: 0 0 30px;}
.right-content .left-tit-wrap .sub-top-box .item-icon-list.status-btn {min-width: auto;}
.right-content .sub-top-profiles {padding: 27px 30px; background-color: transparent;box-shadow: none;border: 1px solid #E2E6ED;}
.right-content .sub-top-profiles .profiles-inner {padding: 0;}
.right-content .sub-top-profiles .prmpt-conts-tit {font-size: 1rem;font-weight: 600;font-variation-settings: 'wght' 600; color: #3F5776;line-height: 1.187;}
.right-content .sub-top-profiles .profile {gap: 10px;}
.right-content .sub-top-profiles .profile-img-area {width: 45px;}
.right-content .sub-top-profiles .profile .profile-img {width: 45px; height: 45px;}
.right-content .sub-top-profiles .profile-img-area::after {display: none;}
.right-content .sub-top-profiles .profile .profile-id {font-size: 1.125rem;font-weight: 600;font-variation-settings: 'wght' 600;color: var(--text-dark-color);line-height: 1.166;}
.right-content .sub-top-profiles .item-icon-list {margin: 8px 0 0;gap: 0;}
.right-content .sub-top-profiles .item-icon-list li a {font-size: 0.875rem;font-weight: 400;font-variation-settings: 'wght' 400;color: var(--text-gray-color);}
.right-content .sub-top-profiles .item-icon-list li + li {position: relative; margin-left: 6px;padding-left: 6px;}
.right-content .sub-top-profiles .item-icon-list li + li::before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 1px; height: 11px; background-color: #DDDDDD;}
.right-content .prmpt-conts-tit-wrap .prmpt-conts-btn.sub-top-box {align-items: center;}
.left-content .prmpt-desc-area.prompt-area .prmpt-conts-tit-wrap .prmpt-conts-btn.sub-top-box {align-items: center;}
.right-content .prmpt-conts-tit-wrap .item-icon-list {gap: 20px; margin: 0;min-width: auto;width: max-content;}
.left-content .prmpt-desc-area.prompt-area .prmpt-conts-tit-wrap .item-icon-list {gap: 20px;margin: 0;min-width: auto;width: max-content;}
.prmpt-conts-tit-wrap .item-icon-list li.calender {gap: 4px; font-size: 0.750rem;font-weight: 500;font-variation-settings: 'wght' 500; color: #7B91AD;}
.prmpt-conts-tit-wrap .item-icon-list.status-btn li.calender .icon-box {width: 18px; height: 18px;}
.share-btn-wrap {padding: 30px 0 0;}
.prmpt-by {display: flex; justify-content: flex-end; align-items: center; padding: 10px 0;}
.prmpt-by .prmpt-by-txt { font-size: 0.750rem;font-weight: 500;font-variation-settings: 'wght' 500;color: #7B91AD;text-align: right;}
.prmpt-by + .prmpt-conts-txt-wrap {margin-top: 10px;}
.prmpt-desc-area .form-area {padding: 0; background-color: transparent;}
.prmpt-desc-area .form-list-wrap .form-list {display: block;gap: 0;}
.prmpt-desc-area .form-list-wrap .form-list .form-tits {display: none;}

.prmpt-img-wrap {overflow: hidden;width: 100%; aspect-ratio: 1/1; margin: 0 0 20px; border-radius: 14px; max-width: 100%;}
.prmpt-slide-wrap {position: relative;}
.prmpt-slide-wrap .swiper-wrapper {justify-content: center;}
.prmpt-swiper {overflow: hidden; display: flex; max-width: 428px; margin: 0 auto;}
.prmpt-swiper .swiper-slide:first-child {margin-left: 17px;}
.prmpt-swiper .swiper-slide {overflow: hidden; width: 130px; margin-right: 16px; border-radius: 12px; transition: opacity 300ms; cursor: pointer;}
.prmpt-swiper .swiper-slide:last-of-type {margin-right: 0;}
.prmpt-swiper .swiper-slide figure {width: 100%; aspect-ratio: 1 / 1; transition: 300ms; border: 1px solid #eee; box-sizing: border-box; background-color: #eee;}
.prmpt-swiper .swiper-slide figure img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 400ms ease-in-out; transform: scale(1); -webkit-transition: transform 400ms ease-in-out; -moz-transition: transform 400ms ease-in-out; -ms-transition: transform 400ms ease-in-out; -o-transition: transform 400ms ease-in-out; }
.prmpt-swiper .swiper-slide a {display: block; width: 100%; height: 100%;}
.prmpt-swiper .swiper-slide a:focus {box-shadow: 0 0 0 2px #111;}
.prmpt-swiper .swiper-btns {position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10;}
.prmpt-slide-wrap .swiper-btns button { position: absolute; top: 50%; width: 45px; height: 45px; cursor: pointer; transition: 300ms; background-color: transparent; pointer-events: auto; font-size: 0; background-image: none; transition: opacity 400ms;}
.prmpt-slide-wrap .swiper-btns button:focus {outline: 0 0 0 2px #111;}
.prmpt-slide-wrap .swiper-btns button:hover { opacity: 0.6; }
.prmpt-slide-wrap .swiper-btns .swiper-button-prev::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/common/icon-slide-prev.svg'); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }
.prmpt-slide-wrap .swiper-btns .swiper-button-next::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/common/icon-slide-next.svg'); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }
.prmpt-slide-wrap .swiper-btns button:disabled {opacity: 0.5; cursor: not-allowed;}
.prmpt-desc-area.menual-area .prmpt-conts-txt-wrap {display: flex; justify-content: space-between;gap: 15px;}
.prmpt-desc-area.menual-area .prmpt-conts-txt-wrap .btn-wrap {align-self: flex-start;margin: 12px 0 0;}

.prmpt-main-swiper .swiper-slide {aspect-ratio: 1/1; width: 100% !important; max-width: 100% !important;}
.prmpt-main-swiper .swiper-slide a {width: 100%; height: 100%;}
.prmpt-main-swiper .swiper-slide a .wrap {width: 100%; height: 100%;}
.prmpt-main-swiper {width: 100% !important; max-width: 100% !important;}
.prmpt-main-swiper .swiper-slide figure{position: relative;height: 100%;background-color: #eee; overflow: hidden;}
.prmpt-main-swiper .swiper-slide figure img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; object-position: center; }

.prmpt-swiper .swiper-slide {aspect-ratio: 1/1;}
.prmpt-swiper .swiper-slide a {width: 100%; height: 100%;}
.prmpt-swiper .swiper-slide a .wrap {width: 100%; height: 100%;}
.prmpt-swiper .swiper-slide figure{position: relative;height: 100%;background-color: #eee;}
.prmpt-swiper .swiper-slide figure img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.prmpt-desc-area.grid-prmpt-area .grid-box-area {gap: 10px;}
.prmpt-desc-area.grid-prmpt-area .grid-box-area .grid-item {width: calc(100% / 2 - 10px); flex: auto;}

.detail-section .profile-img-area::before {display: none;}
.detail-section .prmpt-desc-area.grid-prmpt-area .grid-box-area .grid-item .item-description {display: none;}
.detail-section .sub-top.prmpt-detail-top .sub-top.category-top .inner {margin: 0;}

.prmpt-desc-area.grid-prmpt-area .grid-box-area .grid-item {max-width: 366px;}

@media screen and (max-width: 1520px) {
    .contents-cols {gap: 40px;}
}
@media screen and (max-width: 1380px) {
    .prmpt-desc-area.grid-prmpt-area .grid-box-area .grid-item {width: calc(100% - 10px);max-width: 366px;}
    .right-content .sub-top-profiles .profiles-inner {flex-direction: column;gap: 15px;}
    .right-content .sub-top-profiles .profiles-inner .btn-wrap {justify-content: flex-end;}
    .prmpt-swiper {overflow: hidden; display: flex; max-width: 325px; margin: 0 auto;}
    .prmpt-swiper .swiper-slide {width: 94px !important;margin-right: 12px;}
    .right-content .sub-top-profiles .profile .profile-id {max-width: 100%; text-align: center;}
}
@media screen and (max-width: 1024px) {
    .contents-cols {position: relative; flex-direction: column; padding: 40px 0 0;}
    .left-content {max-width: none;width: 100%;}
    .right-content {max-width: none;width: 100%;}
    article.left-content {max-width: none;width: 100%;}
    article.right-content {max-width: none;width: 100%;}
    .right-content .left-tit-wrap .sub-top-box .item-icon-list.status-btn {position: absolute;top: 0; right: 0;}
    .prmpt-desc-area.grid-prmpt-area .grid-box-area .grid-item {width: calc(50% - 10px);max-width: min-content;}
    .right-content .sub-top-profiles .profile {flex-direction: column;}
    .right-content .sub-top-profiles .profiles-inner .btn-wrap {justify-content: center;}
    .right-content .sub-top-profiles .profile .profile-id {justify-content: center;}
    .right-content .sub-top-profiles .item-icon-list {justify-content: center;}
}
@media screen and (max-width: 768px) {
    .contents-cols {gap: 20px;}
    .right-content .prmpt-conts-tit-wrap .prmpt-conts-btn.sub-top-box {flex-direction: row;}
    .left-content .prmpt-desc-area.prompt-area .prmpt-conts-tit-wrap .prmpt-conts-btn.sub-top-box {flex-direction: row;}
    .prmpt-slide-wrap .swiper-btns button {top: 60%;width: 30px; height: 30px;}
}
@media screen and (max-width: 660px) {
    .prmpt-desc-area.grid-prmpt-area .grid-box-area .grid-item {width: calc(100% - 10px);max-width: none;}
}

/*========== Search ==========*/
#sub .sub-top.search-top {margin: 0 0 40px;}
.search-section .visual-area .visual-top {padding: 30px 0 0; border-top: 1px solid #D4D8DD;}
.search-section .inner.main-cont-inner {margin: 0;}
.search-section .section-content + .section-content {margin-top: 100px;}
.search-section .prmp-tit.main-title {display: none;}
.search-section .empty-message {display: none;}
@media screen and (max-width: 768px) {
    .search-section .section-content + .section-content {margin-top: 60px;}
}

/*========== Notice ==========*/
.notice-top.sub-top #lnb {margin-top: 0;}

/*========== Notice Detail ==========*/
.notice-detail-section .sub-top-box .item-icon-list.status-btn li.calender .icon-box { background-image: url('../images/common/icon-calender-gray.svg');}
.notice-detail-section .sub-top + .section:not(.search-section) {margin-top: 30px;}
.notice-detail-section .btn-wrap.section-btn-wrap .basic-btn.square {min-width: auto;padding: 14px 20px;background-color: #E1E3E6;border-radius: 4px;font-size: 0.875rem;font-weight: 500;font-variation-settings: 'wght' 500;color: var(--text-gray-color);}
.notice-detail-section .btn-wrap.section-btn-wrap .basic-btn.square {min-width: auto;padding: 14px 20px;background-color: #E1E3E6;border-radius: 4px;font-size: 0.875rem;font-weight: 500;font-variation-settings: 'wght' 500;color: var(--text-gray-color);}
.notice-detail-section .btn-wrap.section-btn-wrap .basic-btn.square:hover {background-color: #D4D8DD;}

/*========== Profiles ==========*/
.profiles-top.sub-top #lnb {margin-top: 0;}
.profile-section .profile-img-area {pointer-events: none; cursor: default;}
.profile-section .profile-img-area::before {display: none;}
.profile-section .prmp-tit.main-title {display: none;}
.profile-section .empty-message {display: none;}

/*========== Mypage ==========*/
.mypage-top.sub-top #lnb {margin-top: 0;}
.mypage-section .prmp-tit.main-title {display: none;}
.mypage-section .empty-message {display: none;}
.mypage-section .empty-actions {display: none;}