/*폰트 모음*/

@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');

.con{width:1500px;margin:0 auto;}


/*태그 클릭시 뷰페이지-리스트*/
.list-top{border-bottom:1px solid #ddd;padding-bottom:1.5rem;}
.list-top ul {display:flex;gap:0.75rem;justify-content: center;margin-top:1.5rem;    flex-wrap: wrap;}
.list-top ul li {border:1px solid #ddd;border-radius:2.5rem;min-width:4rem;min-height:2rem;}
.list-top ul li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:0.8rem;color:#603D82;text-align:center;padding:0 0.5rem;}
.list-top ul li.on {background:#603D82;color:#fff;}
.list-top ul li.on a{color:#fff;}
.list-top ul li:hover {background:#603D82;color:#fff;}
.list-top ul li:hover a {color:#fff;}


h2.list-tit {font-size:2.25rem;color:#603D82;font-weight:600;text-align: center;line-height:1;}
.view-list{padding-top:2.5rem;}
.view-list .info-bx {display:flex;justify-content: space-between;margin-bottom:1rem;}
.view-list .info-bx .total {font-size:0.8rem;color:#603D82;}
.view-list .info-bx .filter {display:flex;}
.view-list .info-bx .filter a,
.view-list .info-bx .filter button {color:#666;padding:0 0.5rem;line-height:1;position:relative;font-size:.8rem;}
.view-list .info-bx .filter a:not(:last-child):after,
.view-list .info-bx .filter button:not(:last-child):after{content:'';display:block;position:absolute;width:1px;height:12px;background:#ddd;right:0;top:0.25rem;}
.view-list .info-bx .filter a.on,
.view-list .info-bx .filter button.on{color:#603D82;font-weight:600;}
.view-list .view-list-con > li {height:10.5rem;position:relative;}
.view-list .view-list-con > li button.love{position:absolute;right:0.75rem;top:0.75rem;color: #603D82;font-size: 0.6rem;text-align: left;padding-left: 1.15rem;height: 1.2rem;background: url(/images/default/content/love-icon.svg) no-repeat center left;background-size: 0.8rem;
	z-index:1;}
.view-list .view-list-con > li button.love:hover{background: url(/images/default/content/love-icon-on.svg) no-repeat center left;background-size: 0.8rem;}
.view-list .view-list-con > li button.love.ing{background: url(/images/default/content/love-icon-on.svg) no-repeat center left;background-size: 0.8rem;}

.view-list .view-list-con > li > a{display:flex;align-items: center;padding:0.75rem;background:#FCFAFD;border:1px solid #E8DFF3;height:100%;}
.view-list .view-list-con > li > a .img-zone{width:9rem;height:9rem;overflow:hidden;}
.view-list .view-list-con > li > a .img-zone img{height:100%;transition-duration: 0.3s;}

.view-list .view-list-con > li > a:hover .img-zone img{scale: 1.05;transition-duration: 0.3s;}
.view-list .view-list-con > li:nth-child(2n) > a {background:#F8F8F8;border:1px solid #ddd;}
.view-list .view-list-con > li > a .txt-zone{padding-left:2rem;width:calc(100%  - 9rem);}
.view-list .view-list-con > li > a .txt-zone ul.cate-list {display:flex;gap:5px;margin-bottom:0.45rem;}
.view-list .view-list-con > li > a .txt-zone ul.cate-list li {border: 1px solid #ddd;border-radius: 2.5rem;color: #603D82;padding: 0.125rem 0.5rem;font-size: 12px;display: inline-block;font-weight: 500;background:#fff;}
.view-list .view-list-con > li > a .txt-zone p.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);}
.view-list .view-list-con > li > a:hover .txt-zone p.tit {text-decoration-color: #333;}
.view-list .view-list-con > li > a .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);margin-top: 0.75rem;color: #666;}

.view-list .view-list-con > li > a .txt-zone .cate-list-bx {display:flex;justify-content: space-between;align-items: flex-start;margin-top:0.75rem;}

.view-list .view-list-con > li > a .txt-zone .writer{color: #999;font-size: 0.8rem;}
.view-list .view-list-con > li > a .txt-zone .writer span{font-family:"Courgette", serif;color: #333;font-size: 0.9rem;margin-right: 4px;margin-left:12px;}
.view-list .view-list-con > li:not(:last-child){margin-bottom:1rem;}
.view-list .view-list-con > li .img-zone:not(:has(img)) {
	display:none;
}
.view-list .view-list-con > li .img-zone:not(:has(img)) + .txt-zone{padding-left:1.35rem;width:100%;}

@media (max-width:1500px){
	.con{width:100%; padding:0 1rem;}
}
@media (max-width:1030px){
	.view-list .view-list-con > li > a .txt-zone{padding-left:1rem;}
	.view-list .view-list-con > li .img-zone:not(:has(img)) + .txt-zone{padding-left:0;}
}
@media (max-width:500px){
	.view-list .view-list-con > li > a{display:block;}
	.view-list .view-list-con > li > a .img-zone {width:6rem;height:6rem;}
	.view-list .view-list-con > li{height:auto;}
	.view-list .view-list-con > li > a .txt-zone{padding-left:0;}
	.view-list .view-list-con > li > a .txt-zone{margin-top:1rem;width:100%;}
	.view-list .view-list-con > li .img-zone:not(:has(img)) + .txt-zone{margin-top:0;}
	.list-top{padding:0 1rem 1.5rem 1rem;}
}

/*태그별 상세페이지_뷰*/
.view-top {height:21.5rem;position:relative;display:flex;align-items: flex-end;justify-content: center;padding-bottom:2.5rem;border-bottom:1px solid #ddd;}
.view-top .view-top-tit {position:relative;z-index:2;}
.view-top .view-top-tit h2{font-size:2.25rem;color:#fff;font-weight:600;}
.view-top .view-top-tit .writer {margin-top:6.2rem;font-size:0.8rem;color:#fff;text-align:center;position:relative;}
.view-top .view-top-tit .writer:after{content:'';display:block;position:absolute;width:1rem;height:1px;background:#fff;top:-0.75rem;left:50%;margin-left:-0.5rem;}

.view-top .view-top-tit .writer span {font-family:"Courgette", serif;color: #fff;font-size: 0.9rem;margin-right: 4px;margin-left:12px;}
.view-top .view-top-img-cover{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;}

.view-top .view-top-bg {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);left:0;top:0;z-index:1;}

.view-top .view-top-btn {position:absolute;width:1720px;left:50%;margin-left:-43rem;display:flex;justify-content: flex-end;top:1.5rem;gap:0.5rem;}
.view-top .view-top-btn button,
.view-top .view-top-btn a {width:2rem;height:2rem;background:#000000;border-radius:5px;cursor:pointer;z-index:1;position:relative;}
.view-top .view-top-btn button:first-child,
.view-top .view-top-btn a{background:#000 url(/images/default/content/view-top-icon01.svg)no-repeat center center;}
.view-top .view-top-btn button:nth-child(2) {background:#000 url(/images/default/content/view-top-icon02.svg)no-repeat center center;}
.view-top .view-top-btn a span.tooltip-text,
.view-top .view-top-btn button span.tooltip-text {visibility: hidden;background-color: black;color: white;text-align: center;padding: 5px 10px;border-radius: 5px;position: absolute;bottom: -100%;left: 50%;transform: translateX(-50%);white-space: nowrap;
	opacity: 0;transition: opacity 0.3s ease-in-out;}
.view-top .view-top-btn a:hover span.tooltip-text,
.view-top .view-top-btn button:hover span.tooltip-text {visibility: visible;
	opacity: 1;}

.view-top .sharing-btn {width:1720px;margin:0 auto;position:absolute;left:50%;margin-left:-860px;bottom:2.5rem;  text-align: right;}
.view-top .sharing-btn > a {width:2.5rem;height:2.5rem;background:#fff url(/images/default/content/sharing-icon.svg)no-repeat center center;background-size:1.2rem;border:1px solid #ddd;border-radius:50%;position:absolute;z-index:999;right:0;bottom:0;}
.view-top.no-img .sharing-btn > a{background:#000 url(/images/default/content/sharing-icon-on.svg)no-repeat center center;background-size:1.2rem;border:1px solid #000;}

.view-top .sharing-btn .sharing-bx {position:absolute;z-index:10;right:3rem;width:7.5rem;height:12rem;background:#F8F8F8;border-radius:0.5rem;padding:0.55rem 0.5rem 0.55rem 0.5rem;display: none; }
.view-top .sharing-btn .sharing-bx > p {font-size:12px;font-weight:600;color:#333;text-align:center;border-bottom:1px solid #ddd;padding-bottom:0.35rem;}
.view-top .sharing-btn .sharing-bx ul{margin-top:0.6rem;}
.view-top .sharing-btn .sharing-bx ul li a{display:flex;align-items: center;font-size:14px;color:#333;gap:5px}
.view-top .sharing-btn .sharing-bx ul li a img{width:2rem;}
.view-top .sharing-btn .sharing-bx ul li:not(:last-child){margin-bottom:0.35rem;}

@media (max-width:1720px) {
	.view-top .view-top-btn{width:100%;padding:0 1rem;margin-left:0;left:auto;}
	.view-top .sharing-btn{width:100%;left:auto;margin-left:0;right:1rem;}
	.view-top .view-top-tit{padding:0 1rem;text-align:center;}
}
@media (max-width:1030px) {

	.view-top .sharing-btn .sharing-bx {height:auto;width:9rem;}
	.view-top .sharing-btn{top:1rem;}
}


@media (max-width:500px) {
	.view-top .view-top-btn a,
	.view-top .view-top-btn button {background-size:60% !important;}

}


/*상단 이미지가 style:display일 경우*/
.view-top.no-img .view-top-tit h2,
.view-top.no-img .view-top-tit .writer,
.view-top.no-img .view-top-tit .writer span {color: #333;}
.view-top.no-img .view-top-tit .writer:after {background:#333;}
.view-top.no-img .view-top-tit .writer {color:#999;}
.view-top.no-img .view-top-bg {display:none;}

.view-editor {width:1200px;margin:0 auto;padding:4rem 0 5rem 0}

.view-editor .scrap-btn {margin-top:2.5rem;border-bottom:1px solid #ddd;padding-bottom:1rem;text-align:right;}
.view-editor .scrap-btn button {color:#603D82;font-size:0.8rem;text-align:left;padding-left:1.45rem;height:1.2rem;background:#fff url(/images/default/content/scrap-icon.svg)no-repeat center left;background-size:1.2rem;}
.view-editor .scrap-btn button.ing,
.view-editor .scrap-btn button:hover{background:url(/images/default/content/scrap-icon-on.svg)no-repeat center left;}
.view-editor .scrap-btn button.love {background:#fff url(/images/default/content/love-icon.svg)no-repeat center left;background-size:1.2rem;margin-right:0.75rem;}
.view-editor .scrap-btn button.love:hover {background:#fff url(/images/default/content/love-icon-on.svg)no-repeat center left;background-size:1.2rem;}
.view-editor .scrap-btn button.love.ing {background:#fff url(/images/default/content/love-icon-on.svg)no-repeat center left;background-size:1.2rem;}

.view-editor .view-tag {display:flex;gap: 5px;margin-top:0.75rem;}
.view-editor .view-tag li{}
.view-editor .view-tag li 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;background: #fff;}
.view-editor .view-tag li a:hover{background:#603D82;color:#fff;border:1px solid #603D82;}

.writer-info{background:#603D82 url(/images/default/content/info-bg.png)no-repeat right+28rem top;);padding:1.5rem 0;}
.writer-info .info-con {width:1200px;margin:0 auto;display:flex;}
.writer-info .info-con .left{width:calc(100% - 7.5rem);}
.writer-info .info-con .left .writer-img {width:5.5rem;height:5.5rem;border-radius:50%;position:relative;overflow:hidden;}
.writer-info .info-con .left .writer-img img{position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);height:100%;}
.writer-info .info-con .left {display:flex;}
.writer-info .info-con .left .writer-txt{color:#fff;margin-left:1.5rem;width:calc(100% - 7rem)}
.writer-info .info-con .left .writer-txt .name {font-size:1.15rem;color:#fff;font-weight:500;}
.writer-info .info-con .left .writer-txt .info-txt{font-size:0.8rem;font-weight:300;}
.writer-info .info-con .left .writer-txt .info-desc{font-size:0.8rem;margin-top:1rem;font-weight:300;}
.writer-info .info-con .right {width:7.5rem;}
.writer-info .info-con .right button {background:#fff url(/images/default/content/subscription-icon.svg)no-repeat center right+1.5rem;border:1px solid #fff;color:#603D82;padding:0 2.5rem 0 1.5rem;height:2.5rem;border-radius:2.5rem;font-size:0.8rem;text-align:left;width:100%;}
.view-list-writer {width:1200px;margin:0 auto;padding-top:5rem;}
.writer-info .info-con .right button.ing {background:#603D82 url(/images/default/content/subscription-icon-on.svg)no-repeat center right+1.5rem;color:#fff;}
.writer-info .info-con .right button.ing-hover {background:#603D82;color:#fff;padding:0 1rem;text-align:center;}

.sub-con {width:22.5rem;}
.pop-con .pop-con-tit{font-size:1.15rem;color:#603D82;font-weight:600;}
.pop-con .pop-con-txt {font-size:0.8rem;color:#666;margin-top:1.4rem;}
.pop-con .pop-con-btn {display:flex;justify-content: flex-end;margin-top:2rem;color:#fff;}
.pop-con .pop-con-btn button,
.pop-con .pop-con-btn a {width:5.25rem;height:2.75rem;text-align:center;border-radius:5px;border:1px solid #603D82;color:#603D82;font-size:0.8rem;}
.pop-con .pop-con-btn a {line-height: 2.75rem;}
.pop-con .pop-con-btn button.cancel {margin-right:0.5rem;background:#603D82;color:#fff;}

@media (max-width:1200px){
	.view-editor{width:100%;padding: 4rem 1rem 5rem 1rem;}
	.editor-con img{max-width:100%;}
	.writer-info .info-con{width:100%;padding:0 1rem;}
	.view-list-writer{width:100%;padding:5rem 1rem 0 1rem;}

}
@media (max-width:1030px) {
	.view-top .view-top-tit h2 {font-size:1.75rem;}
	.view-top {height:20rem;}
	.view-editor{padding:3rem 1rem ;}
	.view-top .view-top-tit .writer{margin-top:2rem;}
}
@media (max-width:500px) {
	.writer-info .info-con {display:block;}
	.writer-info .info-con .left .writer-img{width:4rem;height:4rem;}
	.writer-info .info-con .left{width:100%;}
	.writer-info .info-con .right{margin-left:5.5rem;margin-top:1.5rem;}

}
@media (max-width:450px){
	.sub-con{width:calc(100% - 2rem);left:1rem;}

}

/*popopo매거진*/

.po-magazine .po-magazine-top {padding:5rem 0 4.5rem 0;background:#694E8A url(/images/default/content/sub-ma-bg.png) no-repeat center bottom;}
.po-magazine .po-magazine-top .top-con {width:500px;margin:0 auto;}
.po-magazine .po-magazine-top .top-con img{display:block;margin:0 auto;margin-top:0.85rem;margin-bottom:4.5rem;}
.po-magazine .po-magazine-top .top-con .tit {color: #fff;font-size: 2.5rem;font-weight: 600; font-family: "Cormorant", serif;text-align:center;line-height:1.75rem;position:relative;padding-bottom:4rem;}
.po-magazine .po-magazine-top .top-con .tit:after{content:'';position:absolute;width:1px;height:2.85rem;background:#fff;bottom:0;left:50%;}
.po-magazine .po-magazine-top .top-con .txt{color:#fff;font-size:0.9rem;text-align:center;font-weight:300;line-height:1.4rem;margin-top:1rem;}
.po-magazine .po-magazine-cate {border-bottom:1px solid #ddd;margin-top:5rem;}
.po-magazine .po-magazine-cate ul {display:flex;justify-content: center;}
.po-magazine .po-magazine-cate ul li:not(:last-child) {margin-right:1.75rem;}
.po-magazine .po-magazine-cate ul li {font-size:0.8rem;color:#666;padding-bottom:0.55rem;display:inline-block;position:relative;}
.po-magazine .po-magazine-cate ul li.on {color:#603D82;font-weight:600;}
.po-magazine .po-magazine-cate ul li.on:after{content:'';display:block;position:absolute;width:100%;height:2px;background:#603D82;bottom:0;left:0;}
.po-magazine .po-magazine-cate ul li:hover{color:#603D82;font-weight:600;}

.po-magazine-list {width:1500px;margin:0 auto;margin-top:5rem;}
.po-magazine-list > ul > li  {display:flex;align-items: center;}
.po-magazine-list > ul > li:not(:last-child){margin-bottom:5rem;}
.po-magazine-list > ul > li .img-zone {overflow:hidden;width:16rem;height:16rem;background: url(/images/default/main/magazine-bg.jpg) no-repeat center center;display:flex;align-items: center;justify-content:center;}
.po-magazine-list > ul > li .img-zone img {transition-duration: 0.3s;max-width: 100%;box-shadow: 0 8px 15px rgb(0 0 0 / 10%);height:100%;width:100%;}

.po-magazine-list > ul > li:hover .img-zone img {scale: 1.05;transition-duration: 0.3s;}

.po-magazine-list > ul > li .txt-zone {width:calc(100% - 16rem);padding-left:3rem;}
.po-magazine-list > ul > li .txt-zone p.magazine-tit {font-size:1.15rem;font-weight:600;color:#603D82;    text-decoration: underline;text-underline-position: under;
	text-decoration-color: rgba(255, 255, 255, 0);}
.po-magazine-list > ul > li:hover .txt-zone p.magazine-tit {text-decoration-color: #603D82;}
.po-magazine-list > ul > li .txt-zone p.magazine-txt {color:#333;font-size:0.8rem;line-height:1.3rem;margin-top:1.25rem;}
.po-magazine-list > ul > li .txt-zone .more-btn {margin:1rem 0 0 0 ;}

.po-magazine-list:has(.writing-end) {width:100%;}

@media (max-width:1500px) {
	.po-magazine-list {width:100%;padding:0 1rem;}
	.po-magazine-list > ul > li{align-items: flex-start;}
}


@media (max-width:1030px) {
	.po-magazine .po-magazine-top {background-size:100%;padding:3rem 0;}
	.po-magazine .po-magazine-top .top-con{width:100%;padding:0 1rem;}
	.po-magazine .po-magazine-top .top-con img{margin-bottom:1.5rem;width:9.7rem;}
	.po-magazine-list > ul > li .txt-zone{padding-left:1rem;}
	.po-magazine-list > ul > li:not(:last-child){margin-bottom:3rem;}
	.po-magazine-list > ul > li .img-zone img {height:100%;}
}
@media (max-width:767px) {
	.po-magazine-list > ul > li .img-zone{width:12rem;height:12rem;}
	.po-magazine-list > ul > li .txt-zone{width:calc(100% - 12rem)}
}
@media (max-width:650px) {
	.po-magazine-list > ul > li {display:block;}
	.po-magazine-list > ul > li .img-zone{height:auto;width:100%;background-size:cover;}
	.po-magazine-list > ul > li .txt-zone{padding-left:0;width:100%;margin-top:1.5rem;}

}
@media (max-width:500px) {
	.po-magazine .po-magazine-cate ul{padding:0 1rem;}
	.po-magazine .po-magazine-cate ul li {width:calc(100% / 3);display:flex;align-items: center;justify-content: center;text-align:center;        padding: 0 0.5rem 0.5rem 0.5rem;}
	.po-magazine .po-magazine-cate ul li:not(:last-child){margin-right:0;}
}

/*popopo매거진 뷰*/
.po-magazine-view .magazine-view-top{display:flex;width:1200px;margin:0 auto;}
.po-magazine-view .magazine-view-top .img-zone {position:relative;width:23.75rem;height:23.75rem;background: url(/images/default/main/magazine-bg.jpg) no-repeat center center;background-size:cover;display:flex;align-items: center;justify-content: center;}
.po-magazine-view .magazine-view-top .img-zone img{position:absolute;width:100%;height:100%;left:0;top:0;}
.po-magazine-view .magazine-view-top .txt-zone {width:calc(100% - 23.75rem - 5rem);margin-left:5rem;}
.po-magazine-view .magazine-view-top .txt-zone .view-txt {padding:1.5rem 0 3rem 0;border-bottom:1px solid #ddd;}
.po-magazine-view .magazine-view-top .txt-zone .price {padding:1rem 0;font-size:0.8rem;color:#333;border-bottom:1px solid #ddd;}
.po-magazine-view .magazine-view-top .txt-zone .price b {font-size:1rem;font-weight:700;}


.po-magazine-view .magazine-view-top .txt-zone .link-box {width:9rem;height:2.5rem;border-radius:0.25rem;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:4.5rem;margin-left:auto;}
.po-magazine-view .magazine-view-top .view-tit {font-size:1.25rem;color:#603D82;font-weight:600;padding-bottom:2rem;border-bottom:1px solid #000;}
.po-magazine-view .magazine-view-top .more-btn {width:7rem;}

.po-magazine-view .magazine-view-info {width:1500px;margin:0 auto;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:6.25rem 1.5rem 1.25rem 1.5rem;margin-top:6.25rem;}
.po-magazine-view .magazine-view-info p{font-size:0.8rem;color:#333;line-height:1.3rem;}

.po-magazine-view .magazine-view-img {text-align:center;padding:2.5rem 0;}
.po-magazine-view .magazine-view-img img{max-width:100%;}
.po-magazine-view .list-btn{width:8rem;height:2.5rem;display:flex;align-items: center;justify-content: center;border:1px solid #ddd;border-radius:2.5rem;color:#666;font-size:0.8rem;margin:0 auto;}

@media (max-width:1500px) {
	.po-magazine-view .magazine-view-info {width: 100%;padding:1.25rem 1rem;}
	.po-magazine-view .magazine-view-top .img-zone img {height:100%;}
}

@media (max-width:1200px){
	.po-magazine-view .magazine-view-top{width:100%;padding:0 1rem;}
	.po-magazine-view .magazine-view-top .txt-zone{margin-left:2rem;width: calc(100% - 23.75rem - 2rem);}

}
@media (max-width:1030px){
	.po-magazine-view .magazine-view-top{display:block;}
	.po-magazine-view .magazine-view-top .img-zone{margin:0 auto;}
	.po-magazine-view .magazine-view-top .txt-zone{margin-left:0;width:100%;margin-top:1.5rem;}

}

@media (max-width:767px) {
	.po-magazine-view .magazine-view-img {padding:2.5rem 1rem;}
}

@media (max-width:650px) {

	.po-magazine-view .magazine-view-top .view-tit{margin:1.25rem 0;}
	.po-magazine-view .magazine-view-top .more-btn{margin-top:0;}

}
@media (max-width:500px) {
	.po-magazine-view .magazine-view-top .img-zone{width:100%;height:auto;padding-top:100%;}

}


/*포인트 교환*/
.po-magazine .point-top{ }
.po-magazine .point-top .top-con img{margin:1.2rem auto;}
.po-magazine .point-top .top-con {width:840px;}
.po-magazine .point-top .top-con .tit{padding-bottom:3.5rem;}

.po-magazine .point-top .top-con .store-list {display:flex;gap:2rem;margin-top:3rem;}
.po-magazine .point-top .top-con .store-list > div {background:#fff;border-radius:1rem;width:calc(100% / 2 - 1rem);padding:2rem 1rem;text-align:center;}
.po-magazine .point-top .top-con .store-list > div .list-tit {color:#333;font-size:1rem;font-weight:600;}
.po-magazine .point-top .top-con .store-list > div .list-txt {color:#666;font-size:1rem;}

.point-tab {border-bottom:1px solid #ddd;margin-top:3.25rem;}
.point-tab ul {display:flex;justify-content: center;gap:2rem;}
.point-tab ul li{font-size:0.8rem;color:#666;padding-bottom:0.55rem;}
.point-tab ul li.on {color:#603D82;font-weight:600;border-bottom:2px solid #603D82}
.point-list{margin-top:5rem;}
.point-list > ul {display:flex;margin:-2.5rem;flex-wrap:wrap;}
.point-list > ul > li{margin:2.5rem;width:calc(100% / 4 - 5rem);}
.point-list > ul > li > a .img-zone {background: url(/images/default/main/magazine-bg.jpg) no-repeat center center;background-size:cover;text-align:center;position:relative;padding-top:100%;}
.point-list > ul > li > a .img-zone img{ position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;max-width:100%;margin:0 auto;}
.point-list > ul > li > a .point-txt-zone {margin-top:1.25rem;}
.point-list > ul > li > a .point-txt-zone .point-name {font-size:1rem;color:#603D82;font-weight:600;}

.point-list > ul > li > a .point-txt-zone .point-price {font-size:1.15rem;color:#333;font-weight:600;padding-left:1.5rem;position:relative;line-height:1.4rem;margin-top:0.75rem;}

.point-list > ul > li > a .point-txt-zone .point-price:after{content:'';display:block;position:absolute;width:1.4rem;height:1.4rem;background:url(/images/default/content/point-icon.svg)no-repeat center center;background-size:cover;left:0;top:0;}

#point02 > ul > li > a .point-txt-zone .point-price{padding-left:0;}
#point02 > ul > li > a .point-txt-zone .point-price:after {display:none;}

@media (max-width:1500px) {
	.point-list > ul{margin:-1rem;}
	.point-list > ul > li{margin:1rem;width:calc(100% / 4 - 2rem);}

	.point-list > ul > li > a .img-zone img{max-width:100%;}
}
@media (max-width:1030px) {
	.po-magazine .point-top .top-con img {width:auto;}
}
@media (max-width:900px) {
	.point-list > ul > li{margin:1rem;width:calc(100% / 3 - 2rem);}
}
@media (max-width:900px) {
	.point-list > ul > li{margin:1rem;width:calc(100% / 2 - 2rem);}
}


/*포인트 교환 - 뷰*/
.point-view {width:34.5rem;margin:0 auto;}
.point-view .img-zone {position:relative;width:24.85rem;height:24.85rem;background: url(/images/default/main/magazine-bg.jpg) no-repeat center center;background-size:cover;margin:0 auto;display:flex;align-items: center;justify-content: center;}
.point-view .img-zone img{position:absolute;left:0;top:0;width:100%;height:100%;}
.point-view .point-view-info {padding:0 6.75rem;}
.point-view .point-view-info .view-tit{font-size: 1.25rem;color: #603D82;font-weight: 600;margin: 1.25rem 0 2.5rem 0;text-align: center;}
.point-view .point-view-info ul{border-top:1px solid #ddd;}
.point-view .point-view-info ul li{border-bottom:1px solid #ddd;padding:1rem 0.5rem;display:flex;justify-content: space-between; }
.point-view .point-view-info ul li p{color:#603D82;font-size:0.8rem;}
.point-view .point-view-info ul li > div {font-size:1.15rem;color:#333;font-weight:600;}
.point-view .point-view-info ul li > div.point-price {padding-left:1.55rem;position:relative;}
.point-view .point-view-info ul li > div.point-price:before{content:'';display:block;position:absolute;width:1.4rem;height:1.4rem;background:url(/images/default/content/point-icon.svg)no-repeat center center;background-size:cover;left:0;top:0.25rem;}

@media (max-width:1500px) {
	.point-view .img-zone img{height:100%;}
}
@media (max-width:650px) {
	.point-view .point-view-info{padding:0 1rem;}

}
@media (max-width:840px) {
	.po-magazine .point-top .top-con{width:100%;}
	.po-magazine .point-top .top-con .store-list > div{padding:1rem;}
	.po-magazine .point-top .top-con .store-list > div img{width:4.5rem;}

}

@media (max-width:500px) {
	.point-view{width:100%;padding:0 1rem;}
	.point-view .img-zone{width:100%;}
	.po-magazine .point-top .top-con .store-list{flex-wrap:wrap;gap:1rem;}
	.po-magazine .point-top .top-con .store-list > div{width:100%;}

}


/*글쓰기 출석체크*/

.attendance-wrap {
	max-width: 44rem;
	margin: 0 auto;
	position: relative;
}
.attendance-tit{background: linear-gradient(90deg, #B0ABBC, #AFACBD, #C9A5BB, #B6ACC2, #87C3CE);font-size:1rem;color:#fff;text-align:center;padding:1.75rem 1rem;margin-bottom:3rem;}
.attendance-wrap > div {display:flex;justify-content: space-between;align-items: center;width:36.5rem;gap:1rem;}
.attendance-wrap > div:first-child {    justify-content: flex-end;margin-left:3.75rem;position:relative;}
.attendance-wrap > div:first-child:after{content:'';position:absolute;width:38.55rem;height:4.45rem;right:-2.7rem;top:1.5rem;background:url(/images/default/content/attendance-bg01.png)no-repeat center center;background-size:cover;}
.attendance-wrap > div:nth-child(2) {    justify-content: flex-start;}
.attendance-wrap > div:nth-child(3) {justify-content: flex-end;width:40.25rem;margin-left:3rem;position:relative}
.attendance-wrap > div:nth-child(3):after{content:'';position:absolute;width:41.85rem;height:4.45rem;left:-3.7rem;bottom:1.1rem;background:url(/images/default/content/attendance-bg02.png)no-repeat center center;background-size:cover;top:-2.8rem}
.attendance-wrap > div:nth-child(3) .attendance-item{margin-bottom:0;}

.attendance-item {font-size:12px;width: 9%;aspect-ratio: 1/1;border: 1px dashed #ddd;border-radius: 50%;background: #FCFAFD;position: relative;z-index: 1;display: flex;align-items: center;
	justify-content: center;font-weight: 500;color: rgba(96,61,130,0.2);margin-bottom: 30px;
}
.attendance-item span {position:absolute;left:0;top:0;width:100%;height:100%;background:#ddd;border-radius:50%;}
.attendance-item p {position:absolute;bottom:-1.1rem;font-size:11px;color:#555;}

/*출석이모션*/
.attendance-item span.emotion-joy{background:url(/images/default/content/emotion-joy.svg)no-repeat center center;background-size:cover;}
.attendance-item span.emotion-sad{background:url(/images/default/content/emotion-sad.svg)no-repeat center center;background-size:cover;}
.attendance-item span.emotion-angry{background:url(/images/default/content/emotion-angry.svg)no-repeat center center;background-size:cover;}
.attendance-item span.emotion-irritated{background:url(/images/default/content/emotion-irritated.svg)no-repeat center center;background-size:cover;}
.attendance-item span.emotion-anxious{background:url(/images/default/content/emotion-anxious.svg)no-repeat center center;background-size:cover;}
.attendance-item span.emotion-scared{background:url(/images/default/content/emotion-scared.svg)no-repeat center center;background-size:cover;}
.attendance-item span.emotion-warm{background:url(/images/default/content/emotion-warm.svg)no-repeat center center;background-size:cover;}
.attendance-item span.emotion-love{background:url(/images/default/content/emotion-love.svg)no-repeat center center;background-size:cover;}
.attendance-item span.emotion-memory{background:url(/images/default/content/emotion-memory.svg)no-repeat center center;background-size:cover;}
.attendance-item span.emotion-blank{background:url(/images/default/content/emotion-blank.svg)no-repeat center center;background-size:cover;}

.attendance-item.checked {
	border: none;
	color: #603D82;
}
.attendance-item.special {
	border: 1px solid #603D82;
	color: #603D82;
	font-weight: 600;
	text-align:center;
}
.attendance-item.special div.num {position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);background:#603D82;color:#fff;min-width:35px;height:18px;display:flex;align-items: center;justify-content: center;border-radius:2.5rem;font-size:12px;font-weight:400;}
.line-break {
	width: 100%;
}

.attendance-item.special-end {background:url(/images/default/content/special-end.svg)no-repeat center center;background-size:cover;border:none;position:relative;}
.attendance-item.special-end .star{position:absolute;}
.attendance-item.special-end .star01{background:url(/images/default/content/star01.svg)no-repeat center center;background-size:cover;width:3.6rem;height:3.3rem;animation: twinkle 1.5s infinite ease-in-out;}
.attendance-item.special-end .star02{background:url(/images/default/content/star02.svg)no-repeat center center;background-size:cover;width:3.7rem;height:3.4rem; animation: twinkle-alt 1.5s infinite ease-in-out;}
.attendance-item.special-end p {color:#603D82}

@keyframes twinkle {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}

@keyframes twinkle-alt {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
}



@media (max-width:1030px) {
	.attendance-wrap > div:first-child:after{ display:none; }
	.attendance-wrap > div:nth-child(3):after{ display:none;}
	.attendance-wrap{width:100%;padding:0 1rem;}
	.attendance-wrap > div{width:100%;}
	.attendance-wrap > div:first-child{width:100%;margin-left:0;}
	.attendance-wrap > div:nth-child(3){width:100%;margin-left:0;position:relative;margin-bottom:calc(1rem + 38px);}

	.attendance-wrap > div .special {position:absolute;bottom:-4rem;width:140px;height:38px;border-radius:100px;left:50%;margin-left:-70px;}
	.attendance-wrap > div .special br {display:none;}
	.attendance-item.special-end{position:absolute;bottom:-5rem;left:50%;transform:translateX(-50%);}
	.attendance-item.special-end .star01{width:6.2rem;height:5.6rem;}
	.attendance-item.special-end .star02{width:6.4rem;height:5.8rem; }
}
@media (max-width:767px) {

	.attendance-tit{margin-bottom:1.5rem;}

}
@media (max-width:600px) {

	.attendance-wrap{max-width:100%;padding:0;}
	.attendance-wrap > div{flex-wrap:wrap;gap:2rem 1rem}
	.attendance-item{width:calc(100% / 5 - 0.8rem);margin-bottom:0;}
	.attendance-wrap > div:not(:last-child){margin-bottom:2rem;}
	.attendance-wrap > div .special{bottom:calc(-2rem - 38px);}
	.attendance-wrap > div:nth-child(2){margin-top:2rem;}

	.attendance-item.special-end{bottom:-8rem ;margin-bottom:4rem  !important;}
	.writing{margin-top:6rem !important;}
	.attendance-wrap > div:nth-child(3):has(.special-end){padding-bottom:3.5rem;}

}
@media (max-width:400px) {
	.attendance-wrap > div:nth-child(3):has(.special-end){padding-bottom:1rem;}
}



/*페이지네이션*/
.pagination {display:flex;align-items: center;justify-content: center;gap:0.4rem;margin-top:1.5rem;}
.pagination a img{    vertical-align: middle;}
.pagination a.first-page {font-weight:700;font-size:0.75rem;color:#333;margin-left:0.3rem;}
.pagination a.last-page {font-size:0.75rem;color:#888;margin-right:0.3rem;}
.pagination em {font-size:0.75rem;color:#888;}

.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{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:20rem;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:2.75rem;border-radius:4rem;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(2.75rem - 4px);padding:0;padding-right:1rem;}
.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;}
}

/*댓글 기능 추가- 로그인 전*/
.comments .comment-tit {color:#603D82;font-size:0.8rem;font-weight:700;padding-bottom:0.8rem;border-bottom:1px solid #ddd;margin-bottom:1.25rem;}
.comments .comment-tit span {padding-left:0.25rem;}
.comments .comments-box {height:4.75rem;border-radius: 0.25rem;border: 1px solid #DDD;background: #FFF;}
.comments .comments-box::placeholder{font-size: 0.8rem;color: #999;}

/*댓글 기능 추가 -로그인 후*/

.comments.comments01 .comment-wrap{gap:1rem;display:flex;}
.comments.comments01 .comment-wrap textarea{flex:1;color:#333;}
.comments.comments01 .comment-wrap .profile-img img{width:2rem;height:2rem;}
.comments.comments01 .comment-btn {display:flex;justify-content:flex-end;gap:0.5rem;margin-top:0.75rem;}
.comments.comments01 .comment-btn button {font-family: 'Pretendard';border-radius: 0.25rem;width:3.25rem;height:2rem;display:flex;justify-content:center;align-items:center;}
.comments.comments01 .comment-btn button[type="reset"]{background: #F8F8F8;color: #999;}
.comments.comments01 .comment-btn button[type="submit"] {background:#603D82;color:#fff;}

.comments.comments01 .writer-img img {width:2rem;height:2rem;border-radius:50%;}

.comments.comments01 .comment-list{margin-top:1.5rem;}
.comments.comments01 .comment-list .comment-items {display:flex; gap: 1rem;padding:1.4rem 0 ;border-bottom:1px solid #ddd;}
.comments.comments01 .comment-list .comment-items:last-child{padding-bottom:0;border-bottom:none;}
.comments.comments01 .comment-list .comment-items:first-child{border-top:1px solid #ddd;}
.comments.comments01 .comment-list .comment-con{flex:1;position:relative;}
.comments.comments01 .comment-list .comment-con .buttons {position:absolute;right:0;top:0;display:flex;gap:0.5rem;}
.comments.comments01 .comment-list .comment-con .buttons a {font-size:0.75rem;position:relative;padding-left:0.8rem;}
.comments.comments01 .comment-list .comment-con .buttons a.comment-update:after {content:'';position:absolute;width:0.65rem;height:0.65rem;background:url(/images/default/content/pencil-icon.svg)no-repeat center center;background-size:0.65rem;left:0;top:0.15rem;}
.comments.comments01 .comment-list .comment-con .buttons a.comment-delete:after {content:'';position:absolute;width:0.65rem;height:0.65rem;background:url(/images/default/content/setting-icon01.svg)no-repeat center center;background-size:0.65rem;left:0;top:0.15rem;}
.comments.comments01 .comment-list .comment-con .buttons a:hover{color:#603D82;}
.comments.comments01 .comment-list .comment-con .buttons a.comment-update:hover:after {background:url(/images/default/content/pencil-icon-on.svg)no-repeat center center;background-size:0.65rem;}
.comments.comments01 .comment-list .comment-con .buttons a.comment-delete:hover:after {background:url(/images/default/content/setting-icon01-on.svg)no-repeat center center;background-size:0.65rem;}


.comments.comments01 .comment-list .comment-con .info p{font-size: 0.65rem;}
.comments.comments01 .comment-list .comment-con .info p.name {color:#666;font-weight:700;}
.comments.comments01 .comment-list .comment-con .info p.date{color: #999;}
.comments.comments01 .comment-list .comment-con .comment-txt{font-size: 0.8rem;color:#333;margin:0.75rem 0;}
.comments.comments01 .comment-list .comment-con .reply-btn{font-size: 0.65rem;color:#333;cursor:pointer;}
.comments.comments01 .comment-list .comment-con .comment-wrap{margin-top:1.5rem;display:none; flex-direction:column;
}
.comments.comments01 .comment-list .comment-con .comment-wrap > div {display:flex;gap:1rem;}
.comments.comments01 .comment-list .reply-list .reply-list-btn {margin-top:0.7rem;color:#603D82;font-size:0.65rem;position:relative;padding-left:1.05rem;cursor:pointer;}
.comments.comments01 .comment-list .reply-list .reply-list-btn:before{content:'';position:absolute;width:0.8rem;height:0.8rem;background:url(/images/default/content/chevron-down.svg)no-repeat center center;background-size:cover;left:0;top:0;}
.modify-con {display:none;}


.reply-list .comment-items > div .comment-con > div:has(.comment-update) {position:absolute;right:0;top:0;display:flex;gap:0.5rem;}
.reply-list .comment-items > div .comment-con > div:has(.comment-update) a {font-size:0.75rem;position:relative;padding-left:0.8rem;}
.reply-list .comment-items > div .comment-con > div:has(.comment-update) a.comment-update:after {content:'';position:absolute;width:0.65rem;height:0.65rem;background:url(/images/default/content/pencil-icon.svg)no-repeat center center;background-size:0.65rem;left:0;top:0.15rem;}
.reply-list .comment-items > div .comment-con > div:has(.comment-update) a.comment-delete:after {content:'';position:absolute;width:0.65rem;height:0.65rem;background:url(/images/default/content/setting-icon01.svg)no-repeat center center;background-size:0.65rem;left:0;top:0.15rem;}
.reply-list .comment-items > div .comment-con > div:has(.comment-update) a:hover{color:#603D82;}

.reply-list .comment-items > div .comment-con > div:has(.comment-update) a.comment-update:hover:after {background:url(/images/default/content/pencil-icon-on.svg)no-repeat center center;background-size:0.65rem;}
.reply-list .comment-items > div .comment-con > div:has(.comment-update) a.comment-delete:hover:after {background:url(/images/default/content/setting-icon01-on.svg)no-repeat center center;background-size:0.65rem;}



.comments.comments01 .comment-list .reply-list .comment-items {display:none;padding:0;}
.reply-list .comment-items > div {display:flex;gap:1rem;}
.comments.comments01 .comment-list .reply-list .comment-con-my {display:flex;justify-content:space-between;}
.comments.comments01 .comment-list .reply-list .comment-con-my > div {flex:1;}
.comments.comments01 .comment-list .reply-list .comment-con-my .setting{position:relative;flex:none;}

.comments.comments01 .comment-list .reply-list .comment-con-my .setting .setting-btn {cursor:pointer;width:0.9rem;height:0.9rem;background:url(/images/default/content/more-vertical.svg)no-repeat center center;background-size:cover;}
.comments.comments01 .comment-list .reply-list .comment-con-my .setting .setting-list {display: none;
	border-radius: 0.25rem;background: #FFF;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);padding:0.55rem 0.6rem;flex-direction:column;gap:1rem;position:absolute;right:1rem;top:0;}
.comments.comments01 .comment-list .reply-list .comment-con-my .setting .setting-list button {font-size: 0.75rem;padding-left:0.9rem;background:url(/images/default/content/pencil-icon.svg)no-repeat center left;background-size:0.65rem;}
.comments.comments01 .comment-list .reply-list .comment-con-my .setting .setting-list button:hover{background:url(/images/default/content/pencil-icon-on.svg)no-repeat center left;background-size:0.65rem;color:#603D82;}
.comments.comments01 .comment-list .reply-list .comment-con-my .setting .setting-list button.del {background:url(/images/default/content/setting-icon01.svg)no-repeat center left;background-size:0.65rem;}
.comments.comments01 .comment-list .reply-list .comment-con-my .setting .setting-list button.del:hover {background:url(/images/default/content/setting-icon01-on.svg)no-repeat center left;background-size:0.65rem;}
.comments .no-comment {text-align:center;color:#999999;border-top:1px solid #ddd;font-size:0.8rem;padding-top:1.5rem;margin-top:1.5rem;}