@charset "UTF-8";

/** Common **/
.inner {position: relative;max-width: 1200px;padding: 130px 0 200px;margin: 0 auto;letter-spacing: -0.035em;}
.sub-tit {font-family: "GildaDisplay", serif;font-size: 58px;letter-spacing: 0.06em;text-align: center;}
.m_show {display: none;}

/** Qna **/
#sub-qna .sec-qna .sub-tit {border-bottom: 2px solid #666;padding-bottom:40px;}
#sub-qna .sec-qna .qna-question{position: relative;padding: 26px 50px 26px 90px;font-size: 17px;font-weight: 400;color: var(--color-font);border-bottom: 1px solid #ddd;background: url("../images/qna/qna.svg") no-repeat;background-size: 34px 34px;background-position: 32px 22px;}
#sub-qna .sec-qna .qna-question:hover{cursor:pointer;}
/* Qna : 슬라이드 기본 상태(닫힘) */
#sub-qna .sec-qna .qna-answer{max-height: 0;overflow: hidden;padding: 0 50px 0 90px;font-size: 16px;line-height: 1.6;background-color: #f8f8f8;color: #666;opacity: 0;transform: translateY(-6px);transition:
    max-height 0.35s ease,
    padding 0.35s ease,
    opacity 0.25s ease,
    transform 0.15s ease;
}
/* Qna : 열림 상태 */
#sub-qna .sec-qna dl.active .qna-answer{max-height: 500px;padding: 30px 50px 35px 100px;opacity: 1;transform: translateY(0);}
/* Qna : 화살표 */
#sub-qna .sec-qna .qna-question::before,
#sub-qna .sec-qna .qna-question::after{position:absolute; right:20px; top:50%;content:'';width:10px; height:2px;background-color:#c4c4c4;border-radius:2px;transition: transform 0.25s ease;}
#sub-qna .sec-qna .qna-question::before{right:26px; transform: rotate(45deg);}
#sub-qna .sec-qna .qna-question::after{transform: rotate(-45deg); }
#sub-qna .sec-qna dl.active .qna-question::before{transform: rotate(-45deg);}
#sub-qna .sec-qna dl.active .qna-question::after{transform: rotate(45deg);}
/* Qna : 꽃 */
#sub-qna {position: relative;}
#sub-qna .sec-qna .flower-sway {position: absolute;left: -100px;bottom: -18px;z-index: -1;}
#sub-qna .sec-qna .flower-sway .flower-left {position:absolute;left:0;bottom:0;width:52px;transform-origin:50% 95%;transform:rotate(-18deg);animation:flower-ani 5s ease-in-out infinite alternate;}
#sub-qna .sec-qna .flower-sway .flower-right {position:absolute;right:-67px;bottom: -9px;width: 51px;transform-origin:50% 95%;transform:rotate(14deg);animation:flower-ani 5s ease-in-out infinite alternate;animation-delay:1s;}
@keyframes flower-ani {
  0% {
    transform: rotate(7deg);
  }
  100% {
    transform: rotate(0);
  }
}
/* 모션 최소화 선호 사용자 배려 */
@media (prefers-reduced-motion: reduce){
  .flower-left,
  .flower-right{
    animation:none;
  }
}

/** About **/
#sub-about .sec-about .inner {max-width: 900px;padding: 130px 0 100px;}
#sub-about .sec-about .sub-tit {font-size:43px;line-height: 1.2;text-align: left;color: var(--color-main);}
#sub-about .sec-about .deco {width: 1px;height: 100px;margin: 20px 0;background-color: var(--color-main);}
#sub-about .sec-about p {font-size: 16px;line-height: 2;padding-bottom: 30px;font-family: "MaruBuri";color: #333;}
#sub-about .sec-about .about-author {text-align:right;}

/** Frame1 **/
#sub-frame1 .sec-frame1 ul {display: flex;flex-wrap: wrap;}
#sub-frame1 .sec-frame1 ul li {width: 33.33%;padding: 0 10px;margin-bottom: 20px;}
#sub-frame1 .sec-frame1 ul li .thumb_img {padding-top: 150%;}
#sub-frame1 .sec-frame1 ul li p {color: #666;font-size: 15px;text-align: center;padding-top: 10px;transition: 0.2s;}
#sub-frame1 .sec-frame1 ul li a {pointer-events: auto;}
#sub-frame1 .sec-frame1 ul li a:hover p {color: var(--color-main);}
#sub-frame1 .sec-frame1 ul li a .thumb_img::after {content:"";position:absolute;inset:0;background:rgba(0,0,0,0);transition: background 0.8s cubic-bezier(.22,.61,.36,1);pointer-events:none;}
#sub-frame1 .sec-frame1 ul li .thumb_img img {transition: transform 0.6s cubic-bezier(.22,.61,.36,1);will-change: transform;}
#sub-frame1 .sec-frame1 ul li a:hover .thumb_img img {transform: translate(-50%, -50%) scale(1.01);}
#sub-frame1 .sec-frame1 ul li a:hover .thumb_img::after{background:rgba(0,0,0,0.18);}
/** Frame1 detail **/
#sub-frame1 .sec-frame1.detail .inner {max-width: 1100px;display: flex;flex-direction:column;gap: 100px;}

/** Frame2 **/
#sub-frame2 .sec-frame2 .inner {padding: 400px 0;}
#sub-frame2 .sec-frame2 p {font-size: 18px;line-height: 1.6;text-align: center;font-weight: 300;}

/** Product **/
#sub-product .sec-product .inner {max-width: 950px;}
#sub-product .sec-product .product-info {margin-bottom: 100px;}
#sub-product .sec-product .product-info > li {display: flex;margin-bottom: 50px;border-bottom: 1px solid #ddd;}
#sub-product .sec-product .product-info > li:last-child {padding-bottom: 50px;}
#sub-product .sec-product .product-info > li .product-info-tit {width: 276px;color: var(--color-main);font-size: 23px;font-weight: 700;}
#sub-product .sec-product .product-info > li .product-info-tit .price {display: block;padding-top: 30px;color: #666;font-size: 17px;font-weight: 700;}
#sub-product .sec-product .product-info > li div {width: 77%;padding-top: 7px;}
#sub-product .sec-product .product-info > li dl {display: flex;margin-bottom: 45px;font-size: 17px;}
#sub-product .sec-product .product-info > li dl dt {width: 184px;color: #535353;font-weight: 700;}
#sub-product .sec-product .product-info > li p {position:relative;padding-left: 13px;font-size: 16px;font-weight: 300;}
#sub-product .sec-product .product-info > li p::before {content:'';width: 2.5px;height: 2.5px;position: absolute;left: 3px;top: 10px;background-color: var(--color-font);border-radius: 50%;}
#sub-product .sec-product .product-info > li dl.event p {padding-left: 0;}
#sub-product .sec-product .product-info > li dl.event p::before {display: none;}
#sub-product .sec-product .product-bottom {display: flex;justify-content: center;align-items: center;}
#sub-product .sec-product .product-bottom .thumb_img {width: 28%;padding-top: 31%;}
#sub-product .sec-product .product-bottom p {padding-left: 50px;font-size: 17px;line-height: 2;font-weight: 300;}