/*폰트 모음*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@font-face {
    font-family: 'BookkMyungjo-Bd';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@300;400;500;600;700&display=swap');
/*공통*/
.con {width:1500px;margin:0 auto;}
.ctn{padding-top:7rem;}
.title-bx{text-align:center;}
.title-bx .s-txt { font-family: "Cormorant", serif;font-weight:700;font-size:0.9rem;color:#C3B1CF;}
.title-bx h2{font-size:2rem;font-weight:600;color:#603D82;line-height:2.5rem;margin-bottom:2.5rem;}
.title-bx h2 em { font-family: "Cormorant", serif;font-size:2.5rem;font-weight:700;}
@media (max-width:1500px) {
    .con {width:100%;padding:0 1rem;}
    .ctn{padding-top:5rem;}
}
@media (max-width:1030px) {
    .ctn{padding-top:3rem;}
    .title-bx h2{font-size:1.75rem;}

}


.emotion-joy{background:url(/images/default/content/emotion-joy.svg)no-repeat center center;background-size:cover;}
.emotion-sad{background:url(/images/default/content/emotion-sad.svg)no-repeat center center;background-size:cover;}
.emotion-angry{background:url(/images/default/content/emotion-angry.svg)no-repeat center center;background-size:cover;}
.emotion-irritated{background:url(/images/default/content/emotion-irritated.svg)no-repeat center center;background-size:cover;}
.emotion-anxious{background:url(/images/default/content/emotion-anxious.svg)no-repeat center center;background-size:cover;}
.emotion-scared{background:url(/images/default/content/emotion-scared.svg)no-repeat center center;background-size:cover;}
.emotion-warm{background:url(/images/default/content/emotion-warm.svg)no-repeat center center;background-size:cover;}
.emotion-love{background:url(/images/default/content/emotion-love.svg)no-repeat center center;background-size:cover;}
.emotion-memory{background:url(/images/default/content/emotion-memory.svg)no-repeat center center;background-size:cover;}
.emotion-blank{background:url(/images/default/content/emotion-blank.svg)no-repeat center center;background-size:cover;}



/*새로 추가 된 비주얼 슬라이드*/

#visual-new{margin-top:-4rem;position:relative;height:40rem}
.swiper-slide02{background:url(/images/default/main/visual-new.jpg)no-repeat center center;background-size:cover;padding-bottom:5.5rem;}
#visual-new .visualSwiper-new .swiper-slide{padding-top:4rem;}
#visual-new .visualSwiper-new .swiper-slide .visual-tit{text-align:center;margin-top:2.25rem;}
#visual-new .visualSwiper-new .swiper-slide .visual-tit h2{font-family: 'BookkMyungjo-Bd';font-size:2rem;font-weight:700;color:#603D82;margin-top:1.5rem;}
#visual-new .visualSwiper-new .swiper-slide .slide-step {display:flex;width:1720px;margin:1.75rem auto 0 auto;gap:2rem;;}
#visual-new .visualSwiper-new .swiper-slide .slide-step > li {width:calc(100% / 4 - 1rem);text-align:center;}
#visual-new .visualSwiper-new .swiper-slide .slide-step > li .step-txt {font-size:1.15rem;color:#603D82;font-family: "Cormorant", serif;font-weight:700;}
#visual-new .visualSwiper-new .swiper-slide .slide-step > li .step-bx {background:#fff;border-radius:1rem;padding:2.5rem 1rem 1.35rem 1rem;box-shadow: 0 15px 30px rgb(96 61 130 / 8%);margin-top:0.85rem;}
#visual-new .visualSwiper-new .swiper-slide .slide-step > li .step-bx p {font-size:1rem;color:#666;margin-top:1.3rem;min-height:4.5rem;}
#visual-new .visualSwiper-new .swiper-slide .slide-step > li:nth-child(3) .step-bx p{margin-top:2rem;}
#visual-new .visualSwiper-new .swiper-slide .slide-step > li .step-bx img{max-width:100%;}

#visual-new .swiper {height:100%;}

.visual-banner {background:#603D82;padding:0.825rem 0;position:relative;z-index:1;}
.visual-banner > div {animation: content_move linear infinite 20s;white-space: nowrap;}
.visual-banner span {font-family: 'BookkMyungjo-Bd';color:#fff;opacity:0.9;animation: content_move linear infinite 20s;padding:0 1.5rem;font-size:0.8rem;position:relative;}
.visual-banner span:after{content:'';display:block;position:absolute;width:0.75rem;height:0.8rem;background:url(/images/default/main/step-icon.svg)no-repeat center center;right:0;top:50%;transform:translate(50%,-50%);}
.visual-banner span:nth-child(2n){opacity:0.5;}

@-webkit-keyframes content_move {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@media (max-width:1720px) {
    #visual-new .visualSwiper-new .swiper-slide .slide-step {width:100%;padding:0 1rem;gap:1rem;}
    #visual-new .visualSwiper-new .swiper-slide .slide-step > li{width: calc(100% / 4 - 0.5rem);}

}
@media (max-width:1500px) {
    #visual-new .visualSwiper-new .swiper-slide .slide-step > li .step-bx p{font-size:0.9rem;}
}
@media (max-width:1150px) {
    #visual-new .visualSwiper-new .swiper-slide .slide-step > li .step-bx p{min-height:5.5rem;}

}
@media (max-width:1030px) {
    #visual-new .visualSwiper-new .swiper-slide .slide-step > li .step-bx img{height:4rem;}
    #visual-new .visualSwiper-new .swiper-slide .slide-step > li:nth-child(3) .step-bx p{margin-top:1.3rem;}
    #visual-new .visualSwiper-new .swiper-slide .slide-step > li .step-bx p{min-height:4rem;}
    #visual-new .visualSwiper-new .swiper-slide .visual-tit h2{font-size:1.75rem;}
    #visual-new .visualSwiper-new .swiper-slide .visual-tit img {width:4.5rem;}
    #visual-new{margin-top:0;}

}
@media (max-width:925px) {
    #visual-new .visualSwiper-new .swiper-slide .slide-step > li .step-bx p{min-height:5.5rem;}
}
@media (max-width:800px) {
    #visual-new .visualSwiper-new .swiper-slide .slide-step{flex-wrap:wrap;}
    #visual-new .visualSwiper-new .swiper-slide .slide-step > li {width: calc(100% / 2 - 0.5rem);}
    #visual-new .visualSwiper-new .swiper-slide .slide-step > li .step-bx p{min-height:3rem;}
    #visual-new{height:auto;}
    #visual-new .bead-slide{height:100vh !important}
    #visual-new .visualSwiper-new .swiper-slide{padding-top:0;}
}

@media (max-width:606px) {

    #visual-new .visualSwiper-new .swiper-slide .slide-step > li:nth-child(4) .step-bx p{min-height:4rem;}
}
@media (max-width:400px) {
    #visual-new .visualSwiper-new .swiper-slide .slide-step > li:nth-child(1) .step-bx p{min-height:4rem;}
    #visual-new .visualSwiper-new .swiper-slide .slide-step > li:nth-child(4) .step-bx p{min-height:5.3rem;}

}



#visual-new .swiper-pagination-new {line-height:1;text-align:center;margin-top:2.7rem;bottom:2rem;z-index:1;position:absolute;}

#visual-new .swiper-pagination-new .swiper-pagination-bullet {width:10px;height:10px;opacity: 1;border:1px solid #603D82;background:#fff;}
#visual-new .swiper-pagination-new .swiper-pagination-bullet-active {width:30px;border-radius:50px;background:#603D82}

#visual-new .bead-slide{display:flex;align-items: center;justify-content: center;text-align:center;height:100%;}

#visual-new .bead-slide .bg {z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;width:26.5rem;height:26.95rem;background:url(/images/default/main/bead-slide-bg.png)no-repeat center center;background-size:cover;}
#visual-new .bead-slide .bg img {position:absolute;left:-2.45rem;top:-2.7rem; opacity: 0;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
#visual-new .bead-slide .bg img.bead-img01{width:31.35rem;margin-top:-5px; animation-name: sparkle1;}
#visual-new .bead-slide .bg img.bead-img02{width:31.45rem;animation-name: sparkle2;}

#visual-new .bead-slide h2 {font-size:2.5rem;font-weight:700;font-family: 'BookkMyungjo-Bd';color:#603D82;position:relative;z-index:1;}

#visual-new .bead-slide h2 div {margin-bottom:-1rem;position:relative;display:inline-block;width:9rem;height:3.5rem;background:#fff;border-radius:2.5rem;box-shadow: 0 10px 15px rgb(96 61 130 / 20%);}
#visual-new .bead-slide h2 div ul li {

    text-align: center;display:flex;align-items: center;padding:0.6rem 0.65rem;gap:0.85rem;position: absolute;top: 0;left: 0;opacity: 0;}
#visual-new .bead-slide h2 div ul li img {width:2.2rem;}
#visual-new .bead-slide h2 div ul li p {font-size:0.9rem;color:#603D82;}
#visual-new .bead-slide h2 div ul li:first-child {opacity: 1;}
#visual-new .bead-slide h2 span {display:block;}

.bead-slide h2 span,
.bead-slide h2 span + span,
.bead-slide > div > p {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}

/* visual-new에 on 클래스가 붙었을 때 애니메이션 */
#visual-new.on .bead-slide h2 span {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}

#visual-new.on .bead-slide h2 span + span {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

#visual-new.on .bead-slide > div > p {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.8s;
}



#visual-new .bead-slide p {position:relative;z-index:1;}
#visual-new .bead-slide > div {position:relative;z-index:1;}
#visual-new .bead-slide > div > p {font-size:1.2rem;color:#603D82;font-weight:600;margin-top:1.5rem;}

@media (max-width:500px) {
    #visual-new .bead-slide .bg img{width:100% !important;left:0 !important;top:0 !important;}
    #visual-new .bead-slide .bg{width:90%;   background-size: 90%;}
    #visual-new .bead-slide h2{font-size:2rem;}
    #visual-new .bead-slide > div{width:100%;padding:0 1rem;}

}

/* 애니메이션 정의 */
@keyframes sparkle1 {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}

@keyframes sparkle2 {
    0%, 50%, 100% { opacity: 0; }
    25%, 75% { opacity: 1; }
}



/*비주얼 슬라이드*/
#visual{padding-top:9rem;}
#visual .swiper {position:relative;height:26.5rem;margin-top:3.8rem;}
#visual .visual-tit{text-align:center;}
#visual .visual-tit .s-tit { font-family: "Cormorant", serif;font-weight:700;font-size:0.9rem;color:#C3B1CF;}
#visual .visual-tit h2{font-size:2rem;font-weight:600;color:#603D82;line-height:2.5rem;}
#visual .visual-tit h2 em {font-family:"Cormorant", serif;font-size:2.5rem;font-weight:700;}

.typewriter {
    font-family: inherit;
    display: inline-block;
    border-right: 2px solid #000;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
    animation: typing 2s steps(14) forwards, erase 2s steps(14) forwards 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes typing {
    from { width: 0; }
    to { width: 8.5em; }
}

@keyframes erase {
    from { width: 8.5em; }
    to { width: 0; }
}
.typing {
    font-family: inherit;
    display: inline-block;
    border-right: 2px solid #603D82;
    white-space: nowrap;
    overflow: hidden;
    min-height: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: -0.5rem;
}

.typing2 {
    font-family: inherit;
    display: inline-block;
    border-right: 2px solid #603D82;
    white-space: nowrap;
    overflow: hidden;
    min-height: 2.75rem;
    line-height: 2.5rem;
    margin-bottom: -0.5rem;
}


#visual .swiper-slide {height:100%;}
#visual .swiper-slide img{max-width:100%;width:100%;height:100%;transition-duration: 0.3s;object-fit: cover;}
#visual .img-type {width:27.60%;position:relative;}
#visual .img-type img{position:absolute;left:0;top:0;object-fit: cover;}
#visual .img-type .bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.35);left:0;top:0;z-index: 1;}
#visual .img-type .txt-zone {position:absolute;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;color:#fff;
    justify-content:flex-end;align-items:flex-start;padding:3rem 2rem;}
#visual .txt-type {width:44.58%;display:flex; flex-direction:column;justify-content:space-between;}
#visual .txt-type > div {background:#F8F8F8;height:calc(100% / 2 - 0.5rem);}
#visual .txt-type > div:first-child{margin-bottom:1rem}
#visual .txt-type > div:last-child a{flex-direction: row-reverse;}
#visual .swiper-slide a{display:block;width:100%;height:100%;}
#visual .swiper-slide .txt-zone p.tit{font-size:1.2rem;line-height:1.23rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;height: 1.28rem;text-decoration: underline;text-underline-position: under;text-decoration-color: rgba(255,255,255,0);padding-bottom:5px;}
#visual .swiper-slide .txt-zone p.txt {font-size:0.8rem;color:#666;margin-top:0.75rem;}
#visual .swiper-slide:hover .txt-zone p.tit {text-decoration-color:  #fff;}
#visual .swiper-slide .txt-zone span{font-family: "Courgette", serif;color:#fff;font-size:0.9rem;margin-right:4px;}
#visual .swiper-slide .txt-zone .writer {font-size:0.8rem;color:rgba(255,255,255,0.6);margin-top:0.75rem;}
#visual .swiper-slide.img-type .txt-zone p.txt {display:none;}
#visual .swiper-slide.img-type-top .txt-zone{display:flex;flex-direction:column;color:#fff;justify-content:flex-start;align-items:flex-start;padding:3rem 2rem;}
#visual .swiper-slide.txt-type a {display:flex;align-items: center;}
#visual .swiper-slide.txt-type a .img-zone{width:30%;height:100%;overflow:hidden;}
#visual .swiper-slide.txt-type a .img-zone:not(:has(img)){display:none}
#visual .swiper-slide.txt-type a .img-zone:not(:has(img)) + .txt-zone {
    width:100%;
}








#visual .swiper-slide.txt-type a .txt-zone{width:calc(100% - 30%);padding:0 2rem;}
#visual .swiper-slide.txt-type a .txt-zone span{color:#333;}
#visual .swiper-slide.txt-type a .txt-zone .writer {color:#999;}
#visual .swiper-slide.txt-type a:hover .txt-zone p.tit {text-decoration-color:  #333;}
#visual .swiper-slide.txt-type .txt-zone p.tit {color:#333}
#visual .swiper-slide.txt-type .txt-zone p.txt{font-size:0.8rem;line-height:1.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;height: 2.4rem;text-decoration: underline;text-underline-position: under;text-decoration-color: rgba(255,255,255,0);}

#visual .swiper-pagination {line-height:1;top:-2.3rem;bottom:auto;}

#visual .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;opacity: 1;border:1px solid #603D82;background:#fff;}
#visual .swiper-pagination .swiper-pagination-bullet-active {width:30px;border-radius:50px;background:#603D82}

#visual .visual-swiper-button-next {right:2.25rem;width:2.75rem;height:2.75rem;background:rgba(0,0,0,0.4) url(/images/default/main/arrow-right.svg)no-repeat center center;border-radius:50%;position:absolute;top:50%;z-index:1;margin-top:-1.375rem;cursor:pointer;}
#visual .visual-swiper-button-prev {left:2.25rem;width:2.75rem;height:2.75rem;background:rgba(0,0,0,0.4) url(/images/default/main/arrow-left.svg)no-repeat center center;border-radius:50%;position:absolute;top:50%;z-index:1;margin-top:-1.375rem;cursor:pointer;}

#visual .img-type.none-img .bg{opacity:0;}


@media (max-width:1720px) {
    #visual .visual-swiper-button-next {right:1rem;}
    #visual .visual-swiper-button-prev{left:1rem;}
}
@media (max-width:1400px){
    #visual .swiper {height:23rem;}
}
@media (max-width:1200px){
    #visual .swiper {height:20rem;}
}
@media (max-width:1030px) {
    #visual .swiper-slide .txt-zone p.tit {font-size:1.1rem;}
}

@media (max-width:767px){
    #visual .swiper {height:18rem;}
    #visual{padding-top:3rem;}
}
@media (max-width:700px){
    #visual .swiper {height:16rem;}
}
@media (max-width:640px){
    #visual .swiper {height:25rem;}
    #visual .swiper-slide.txt-type img{object-fit:contain;}
    #visual .swiper-slide.txt-type a {padding:0 1rem;}
    #visual .swiper-slide.txt-type a .txt-zone{padding:0 0 0 1rem;}
    #visual .txt-type > div:last-child a .txt-zone{padding-left:0;padding-right:1rem;}
    #visual .swiper-slide.txt-type a .txt-zone{}
    #visual .swiper-slide.txt-type a .img-zone:not(:has(img)) + .txt-zone{padding-left:0;}

}



/******키워드 태그******/
.keyword .keyword-list {display: flex;border-top:1px solid #603D82;border-bottom:1px solid #603D82;}
.keyword .keyword-list li {width:calc(100% / 10);padding:1rem;display:flex;align-items: center;justify-content: center;}
.keyword .keyword-list li:not(:last-child){border-right:1px solid #603D82}
.keyword .keyword-list li .keyword-one{text-align:center;width:5rem;height:5rem;border-radius:50%;background:#603D82;color:#fff;display:flex;justify-content:center;align-items:center;}
.keyword .search-keyword {position:relative;width:26.25rem;margin:0 auto;margin-top:2.5rem;}

.keyword .search-keyword p.search-tit {font-size:1.25rem;font-weight:600;color:#603D82;text-align:center;}
.keyword .search-keyword .keyword-input {height:3.25rem;border-radius:3.25rem;border:2px solid #603D82;overflow:hidden;padding:0 2.25rem 0 1.25rem;position:relative;}
.keyword .search-keyword .keyword-input input[type="text"] {border:none;height:calc(3.25rem - 4px);}
.keyword .search-keyword .keyword-input input[type="text"]::placeholder{color:#999;font-size:0.9rem;}
.keyword .search-keyword .keyword-input input[type="submit"] {position:absolute;right:1.25rem;top:50%;width:1.2rem;height:1.2rem;margin-top:-0.6rem;background:url(/images/default/main/search-btn.svg)no-repeat center center;background-size:cover;border:none;cursor:pointer;}
.keyword .search-keyword .search-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:0.65rem;justify-content: center;}
.keyword .search-keyword .search-list a{border:1px solid #ddd;border-radius:2.5rem;color:#603D82;padding:0.125rem 0.5rem;font-size:12px;display:inline-block;font-weight:500}
.keyword .search-keyword .search-list a:hover{background:#603D82;color:#fff;}
.keyword .search-keyword .keyword-input input[type="text"]:focus{border:none !important;}

.keyword .keyword-tag-tit {text-align:center;font-size:1.25rem;font-weight:700;color:#603D82;font-family: "Cormorant", serif;margin-bottom:1.5rem;margin-top:1.85rem;}
.keyword .title-bx h2 {margin-top:0;}

@media (max-width:1500px) {
    .keyword .keyword-list li {padding:1rem 0;}
}
@media (max-width:1200px) {
    .keyword .keyword-list{flex-wrap:wrap;}
    .keyword .keyword-list li {width: calc(100% / 5);}
    .keyword .keyword-list li:nth-child(5){border-right:none;border-bottom:1px solid #603D82}
    .keyword .keyword-list li:nth-child(1){border-bottom:1px solid #603D82}
    .keyword .keyword-list li:nth-child(2){border-bottom:1px solid #603D82}
    .keyword .keyword-list li:nth-child(3){border-bottom:1px solid #603D82}
    .keyword .keyword-list li:nth-child(4){border-bottom:1px solid #603D82}

}
@media (max-width:500px) {
    .keyword .keyword-list li {width: calc(100% / 5);padding:0.5rem;}


    .keyword .search-keyword{width:100%;}
    .keyword .keyword-list li .keyword-one{    width: 100%;aspect-ratio: 1 / 1;height:auto;}
}


/*최신글*/
.board .board-list {display:flex;flex-wrap: wrap;margin:-0.5rem;}
.board .board-list li {margin:0.5rem;width:calc(100% / 2 - 1rem);background:#FCFAFD;border:1px solid #ddd;}
.board .board-list li:nth-child(2),
.board .board-list li:nth-child(3),
.board .board-list li:nth-child(6){background:#F8F8F8;}
.board .board-list li a{display:flex;padding:0.75rem;align-items: center;min-height:10.5rem;padding-right:1rem;}
.board .board-list li a .img-zone {width:9rem;height:9rem;overflow:hidden;}
.board .board-list li a .img-zone img {max-width:100%;object-fit: cover;transition-duration: 0.3s;height:100%;width:100%;
}

.board .board-list li a:hover .img-zone img{scale: 1.05;transition-duration: 0.3s;
}

.board .board-list li a .txt-zone{padding-left:1.25rem;}
.board .board-list li:has(.img-zone img) .txt-zone {
    width:calc(100% - 9rem);padding-left:2rem; /* 기본 값 */
}


.board .board-list li:has(.img-zone:not(:has(img))) .txt-zone {width: 100%;}
.board .board-list li .img-zone:not(:has(img)){display:none;}
.board .board-list li a .txt-zone .board-tit{font-size:1.15rem;line-height:1.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;height: 1.5rem;text-decoration: underline;text-underline-position: under;text-decoration-color: rgba(255,255,255,0);}
.board .board-list li a:hover .txt-zone .board-tit{text-decoration-color:  #333;}

.board .board-list li a .txt-zone .time {color:#603D82;font-size:0.8rem;position:relative;padding-left:0.35rem;}
.board .board-list li a .txt-zone .time:before{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#603D82;left:0;top:0.5rem;}
.board .board-list li a .txt-zone .board-txt{font-size:0.8rem;line-height:1.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;height: 2.4rem;text-decoration: underline;text-underline-position: under;text-decoration-color: rgba(255,255,255,0);margin-top:0.75rem;color:#666;}

.board .board-list li a .txt-zone .writer span{font-family: "Courgette", serif;color:#333;font-size:0.9rem;margin-right:4px;}
.board .board-list li a .txt-zone .writer {color:#999;font-size:0.8rem;margin-top:0.75rem;display:flex;justify-content: space-between;align-items: center;}
@media (max-width:1030px) {
    .board .board-list li a .txt-zone .board-tit {font-size:1.1rem;}
}
@media (max-width:870px) {
    .board .board-list li{width:100%;}
    .board .board-list li a .txt-zone{padding-left:0;}
    .board .board-list li:has(.img-zone img) .txt-zone{padding-left:1rem;}
    .board .board-list li a{min-height:inherit;}
}
@media (max-width:500px) {
    .board .board-list li a{align-items: flex-start;}
    .board .board-list li a .img-zone{width:6rem;height:6rem;}
    .board .board-list li:has(.img-zone img) .txt-zone{width:calc(100% - 6rem);}


}

/*작가 모집 배너*/
.recommendation-banner {background:#603D82;position:relative;margin-top:12.35rem;text-align:center;padding:2.6rem 1rem 2rem 1rem;}
.recommendation-banner .banner-top {width:8.95rem;position:absolute;left:50%;top:-6rem;transform:translateX(-50%);display:flex;justify-content: center;align-items: flex-start;padding-top:1rem;}
.recommendation-banner .banner-top img{width:100%;}

.recommendation-banner .txt {font-size:1rem;font-weight:700;    font-family: "Cormorant", serif;position:relative;z-index:1;color:#fff;}
.recommendation-banner .tit{font-size:1.25rem;color:#fff;display:inline-block;position:relative;}
.recommendation-banner .tit:before{content:'';position:absolute;width:3.05rem;height:.8rem;background:url(/images/default/main/banner-left-point.svg)no-repeat center center;background-size:cover;top:50%;left:-4.15rem;transform:translateY(-50%);}
.recommendation-banner .tit:after{content:'';position:absolute;width:3.05rem;height:.8rem;background:url(/images/default/main/banner-right-point.svg)no-repeat center center;background-size:cover;top:50%;right:-4.15rem;transform:translateY(-50%);}

.recommendation-banner .more-btn{margin-top:1rem;}
@media (max-width:1030px) {
    .recommendation-banner {margin-top:7.35rem;}
}
@media (max-width:500px) {
    .recommendation-banner .tit:before{display:none;}
    .recommendation-banner .tit:after{display:none;}
}
/*작가 추천*/
.recommendation {padding:7rem 0;}
.recommendation .title-bx h2 {margin-bottom:1.25rem;}
.recommendation .recommendation-bx{margin-top:2.5rem;}
.recommendation .recommendation-bx .recommendation-bx ul {flex-wrap:wrap;display:flex;}
.recommendation .recommendation-bx .recommendation-bx ul li{width:calc(100% / 4);}
.recommendation .recommendation-bx .recommendation-bx ul li a{display:inline-block;width:100%;height:100%;padding:1.5rem;outline: 1px solid #603D82;background:url(/images/default/main/dot-icon.svg)no-repeat right+1.5rem top+1.5rem;}

.recommendation .recommendation-bx .recommendation-bx ul {flex-wrap: wrap;display: flex;gap: 1px; /* 요소 간 간격 추가 */}

.recommendation .recommendation-bx .recommendation-bx ul li {width: calc(100% / 4 - 1px); /* gap 고려하여 크기 조정 */background: #fff; /* 내부 배경색 설정 */
}
.recommendation .recommendation-bx .recommendation-bx ul li a .writer-img {width:5rem;height:5rem;position:relative;overflow:hidden;border-radius:50%;}
.recommendation .recommendation-bx .recommendation-bx ul li a .writer-img img {position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;}

.recommendation .recommendation-bx .recommendation-bx ul li a .writer-con {margin-top:1.5rem;}
.recommendation .recommendation-bx .recommendation-bx ul li a .writer-con .writer-name{font-size:1rem;color:#333;font-weight:500;}

.recommendation .recommendation-bx .recommendation-bx ul li a .writer-con .writer-name{font-size:1rem;line-height:1.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;height: 1.45rem;text-decoration: underline;text-underline-position: under;text-decoration-color: rgba(255,255,255,0);}

.recommendation .recommendation-bx .recommendation-bx ul li a:hover .writer-con .writer-name {text-decoration-color: #333;}


.recommendation .recommendation-bx .recommendation-bx ul li a .writer-con .writer-job{color:#603D82;font-size:0.8rem;}
.recommendation .recommendation-bx .recommendation-bx ul li a .writer-con .writer-ex {font-size:0.8rem;line-height:1.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;height: 3.75rem;text-decoration: underline;text-underline-position: under;text-decoration-color: rgba(255,255,255,0);margin-top:1rem;color:#666;}
.recommendation .recommendation-bx .recommendation-bx ul li a .writer-keyword{flex-wrap:wrap;margin-top:1.75rem;display:flex;gap:5px;}
.recommendation .recommendation-bx .recommendation-bx ul li a .writer-keyword span {    border: 1px solid #ddd;border-radius: 2.5rem;color: #603D82;padding: 0.125rem 0.5rem;font-size: 12px;display: inline-block;font-weight: 500;}

.recommendation .recommendation-bx .recommendation-bx ul li a:hover .writer-con .writer-ex{text-decoration-color: #666;}

.recommendation .cate-list {display:flex;justify-content: center;gap:10px;}
.recommendation .cate-list li {padding:0.4rem 0.95rem;border:1px solid #ddd;color:#603D82;border-radius:2.5rem;min-width:2.5rem;font-size:0.8rem;text-align:center;cursor:pointer;}
.recommendation .cate-list li.on {background:#603D82;color:#fff;border:1px solid #603D82}

.recommendation .cate-list li:hover{background:#603D82;color:#fff;border:1px solid #603D82}

@media (max-width:1500px) {
    .recommendation {margin-top:5rem;}
}
@media (max-width:1030px) {
    .recommendation {margin-top:0rem;padding:3rem 0;}

}
@media (max-width:767px) {
    .recommendation .recommendation-bx .recommendation-bx ul li{width: calc(100% / 2 - 1px);}
    .recommendation .recommendation-bx .recommendation-bx ul li a .writer-keyword{margin-top:1.5rem;}
    .recommendation .recommendation-bx .recommendation-bx ul li a{padding:1rem;}
}


.more-btn {background:#000;color:#fff;width:7rem;height:2.5rem;display:flex;align-items: center;justify-content: center;border-radius:100px;z-index: 9999;margin:0 auto;margin-top:2.5rem;cursor:pointer;}
.more-btn .link-box {display: flex;align-items: center;overflow: hidden;position: relative;}
.more-btn .link-box span {transition: all .2s;  transform: translateY(0) rotate(0.00001deg);--animation-bounce: 0.4s cubic-bezier(0.35, 1.5, 0.6, 1);font-size:0.8rem;font-weight:500;}
.more-btn .link-box span.duplicate {position: absolute;transform: translateY(100%) rotate(0.00001deg);     transition: all .2s;}
.more-btn:hover .link-box span {transform: translateY(-100%) rotate(0.0001deg);}
.more-btn:hover .link-box span.duplicate {transform: translateY(0) rotate(0.0001deg);}


/*magazine*/
.magazine{padding-top:6.25rem;background:#694E8A url(/images/default/main/magazine-big.png)no-repeat center top+16rem;padding-bottom:4.5rem;position:relative;}
.magazine .title-bx .s-txt{color:#fff;font-size:1.75rem;font-weight:600;font-style:italic}
.magazine .title-bx h2 {color:#fff;margin-bottom:1rem;line-height:1;}
.magazine .title-bx .magazine-txt{font-size:.9rem;color:#fff;margin-top:0.75rem;}
.magazine .title-bx .more-btn {margin-top:2.5rem;}
.magazine .title-bx .more-btn span {color:#fff;}
.magazine .magazineSwiper {margin-top:2.5rem;position:relative;}
.magazine .magazineSwiper .swiper-slide .img-zone {padding-top:100%;overflow:hidden;position:relative;}
.magazine .magazineSwiper .swiper-slide .img-zone img{position:absolute;width:100%;left:0;top:0;height:100%;object-fit: cover;}
.magazine .magazineSwiper .swiper-slide p.magazine-tit {color:#fff;font-size:1rem;margin-top:0.5rem;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}


.magazine .magazineSwiper .swiper-slide > a:hover .img-zone img {scale: 1.05;transition-duration: 0.3s;}
.magazine  .swiper-button-next {right:2.25rem;width:2.75rem;height:2.75rem;background:rgba(0,0,0,0.4) url(/images/default/main/arrow-right.svg)no-repeat center center;border-radius:50%;margin-top:-1.375rem}
.magazine  .swiper-button-prev {left:2.25rem;width:2.75rem;height:2.75rem;background:rgba(0,0,0,0.4) url(/images/default/main/arrow-left.svg)no-repeat center center;border-radius:50%;margin-top:-1.375rem}
.magazine .swiper-con {position:relative;width:1500px;margin:0 auto;margin-top:2.5rem;}
.magazine .swiper-con > div.magazineSwiper  {width:68.5rem;margin:0 auto;overflow:hidden;}
.magazine .swiper-con .swiper-button-next{width:2.75rem;height:2.75rem;border:2px solid rgba(255,255,255,0.4);background:url(/images/default/main/swiper-right.svg)no-repeat center center;border-radius:50%;right:0;margin-top:-1.375rem;}

.magazine .swiper-con .swiper-button-prev{width:2.75rem;height:2.75rem;border:2px solid rgba(255,255,255,0.4);background:url(/images/default/main/swiper-left.svg)no-repeat center center;border-radius:50%;left:0;margin-top:-1.375rem;}



@media (max-width:1720px) {
    .magazineSwiper .swiper-button-next{right:1rem;}
    .magazineSwiper .swiper-button-prev{left:1rem;}

    .magazine .magazineSwiper .swiper-slide p.magazine-tit{font-size:0.9rem;line-height:1.2;}
}
@media (max-width:1500px) {
    .magazine .swiper-con{width:100%;}
    .magazine .swiper-con > div.magazineSwiper{width:calc(100% - 6rem);}
    .magazine{padding:5rem 1rem 5rem 1rem;}
    .magazine .swiper-con .swiper-button-next{width:2.5rem;height:2.5rem;margin-top:-1.25rem;}
    .magazine .swiper-con .swiper-button-prev{width:2.5rem;height:2.5rem;margin-top:-1.25rem;}
}
@media (max-width:1030px) {
    .magazine{padding-top:3rem;}
}
@media (max-width:767px) {
    .magazine .swiper-con > div.magazineSwiper{width: calc(100% - 4rem);}
    .magazine .swiper-con .swiper-button-next{width:1.75rem;height:1.75rem;margin-top:-0.875rem;}
    .magazine .swiper-con .swiper-button-prev{width:1.75rem;height:1.75rem;margin-top:-0.875rem;}

}
@media (max-width:500px) {
    .magazine .swiper-con > div.magazineSwiper{width:100%;}
    .magazine .swiper-con .swiper-button-next{display:none;}
    .magazine .swiper-con .swiper-button-prev{display:none;}

}


/*인스타그램 영역*/
.follow{padding:7rem 0 6rem 0;}
.follow .title-bx h2 {margin-bottom:1rem;font-family: "Cormorant", serif;line-height:1;font-size:2.5rem;font-weight:700;}
.follow .title-bx p.follow-txt {font-size:0.9rem;color:#603D82}
.follow .followSwiper{position:relative;}
.follow .followSwiper .swiper-slide .img-zone{padding-top: 125%; /* 4:5 비율 */position: relative;overflow: hidden;}
.follow .followSwiper .swiper-slide .img-zone img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; }
.followSwiper {overflow: visible;margin-top:2.5rem;}
.followSwiper .swiper-slide {box-sizing: border-box;}
.followSwiper .swiper-slide .follow-txt {font-size:1rem;color:#333;margin-top:1rem;}



.follow .followSwiper .follow-next{width:2.75rem;height:2.75rem;border:2px solid rgba(255,255,255,0.4);background:url(/images/default/main/swiper-right.svg)no-repeat center center;border-radius:50%;right:5rem;position:absolute;z-index:1;top:50%;transform:translateY(-50%);cursor:pointer;
}

.follow .followSwiper .follow-prev{width:2.75rem;height:2.75rem;border:2px solid rgba(255,255,255,0.4);background:url(/images/default/main/swiper-left.svg)no-repeat center center;border-radius:50%;left:5rem;position:absolute;z-index:1;top:50%;transform:translateY(-50%);cursor:pointer;
}
@media (max-width:1600px) {
    .followSwiper{padding:0 1rem;}
    .follow .followSwiper .follow-next{right:2rem;}
    .follow .followSwiper .follow-prev{left:2rem;}
}
@media (max-width:1030px) {
    .follow .followSwiper .follow-next {width: 2.5rem;height: 2.5rem;margin-top: -1.25rem;}
    .follow .followSwiper .follow-prev{width: 2.5rem;height: 2.5rem;margin-top: -1.25rem;}

}

@media (max-width:767px) {
    .follow .followSwiper .follow-next {width: 1.75rem;height: 1.75rem;margin-top: -0.875rem;}
    .follow .followSwiper .follow-prev{width: 1.75rem;height: 1.75rem;margin-top: -0.875rem;}
}
@media (max-width:500px) {
    .follow .followSwiper .follow-next {display:none;}
    .follow .followSwiper .follow-prev{display:none;}

}

.banner-zone {position:relative;padding-bottom:5.5rem;}
.bannerSwiper {overflow:hidden;}
.bannerSwiper img { width: 100%;
    height: auto;
    min-height: 11.75rem;
    object-fit: cover;}

.banner-zone .swiper-pagination-bullet {width:10px;height:10px;opacity: 1;border:1px solid #603D82;background:#fff;}
.banner-zone .swiper-pagination-bullet-active {width:30px;border-radius:50px;background:#603D82}
.banner-zone .swiper-pagination {bottom:3.75rem;}

@media (max-width:1500px) {
    .follow{padding:5rem 0;}
}
@media (max-width:1030px) {
    .follow{padding:3rem 0;}

}