@charset "UTF-8";

a, a:not([href]) {color: unset; text-decoration: none;}
a:hover{ text-decoration: none;}
p, dl, dt, dd, h1, h2, h3, h4, h5, h6, ul{margin: 0 0 0 0; padding: 0 0 0 0;}
li{list-style: none;}

.vertical-wrapper { display: flex; flex-direction: column; justify-content: center; min-height: calc(100vh - (1.625rem * 2));}
.svg-icon{display: inline-block; width: 18px; height: 18px;}
.svg-icon svg{display:block; width: 100%; height: 100%;}
.thumb,
.event-card-img{background: url(../images/img_thumb.jpg); background-size: cover; border: 1px solid rgba(0, 0, 0, .01);}

.btn-point{ border: 1px solid var(--tf-primary); background: #FFF; color: #7264FF; display: flex; width: 100%; min-width: 150px; height: 50px; justify-content: center; align-items: center; gap: 4px; font-size: 16px; font-weight: 600; line-height: 100%; border-radius: 10px;}
.btn-point:hover{color: #7264FF; }
.btn-point.fill{background-color: #7264FF; color: #fff;}
.btn-point.fill:hover{color: #fff;}
.more-button {color: #7E7E8F; font-size: 16px; font-weight: 600; height: 14px; line-height: 14px;}
.more-button::after{  content: ""; display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; background-image: url('/images/icon_arrow.svg'); background-size: cover; background-repeat: no-repeat; margin-left: 6px; }
.hr{background-color:rgba(0, 0, 0, .04);}

.error-cont-area .error-img{max-width: 350px; width: 70%; margin:0 auto 30px auto;}
.error-cont-area .error-img img{width: 100%;}
.error-cont-area dl{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding-top: 10px;}
.error-cont-area dl dt {font-size: 28px; font-weight: 600;}
.error-cont-area dl dd{font-size: 20px; padding: 0 30px; word-break:keep-all; line-height: 160%; text-align: center;}
.error-cont-area dl dd .btn{max-width: 200px; width: 100%;}
.error-cont-area dl dd a{background: #fffecd; color: #000; display: inline-block; padding: 0 5px; border-radius: 3px;}
.error-cont-area dl dd a:hover{color: #000;}

.header-warp{display: flex; width: 100%; max-width: 1024px; margin: 0 auto; padding: 0px 16px; justify-content: space-between; align-items: center; flex-shrink: 0;}
.header-warp .header-area{display: flex; justify-content: flex-start; align-items: center; gap: 40px;}
.header-warp .logo{display: inline-block; padding-left: 3px;}
.header-warp .logo img{height: 33.5px;}
.header-warp .nav-link{color: #A3A3AF; font-size: 16px; padding: 0; height: 40px; display: flex; align-items: center; justify-content: center;}
.header-warp .nav-link:active, .header-warp .nav-link.on{color: var(--tf-dark); font-weight: 600;}
.header-warp .nav-link .nav-link-icon{display: none; width: 30px; height: 30px; padding: 3px;}
.header-warp .nav-link .nav-link-icon svg{width: 24px; height: 24px; fill: #A3A3AF;}
.header-warp .nav-link:active .nav-link-icon svg, .header-warp .nav-link.on .nav-link-icon svg{fill: var(--tf-dark);}

.header-warp .navbar-menu{gap: 40px;}
.header-warp .navbar-outlogin{gap: 10px; padding-right: 3px;}
.header-warp .navbar-outlogin a{ border-radius: 22px; display: flex; height: 40px; padding: 5px 20px 6px 20px; justify-content: center; align-items: center; gap: 5px; font-size: 14px; font-weight: 600; }
.header-warp .navbar-outlogin a .svg-icon svg{width: 18px; height: 18px;}
.header-warp .btn-nav-search{width: 40px; border-radius: 50px; background: #FFF; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10); border: 1px solid rgba(0, 0, 0, .04); }
.header-warp .btn-nav-login{ color: #fff; background: #7264FF;}
.header-warp .btn-nav-login .nav-link-icon{display: none; width: 16px; height: 16px; line-height: 16px;}
.header-warp .btn-nav-login .nav-link-icon svg{fill: #fff; width: 16px; height: 16px;}
.header-warp .btn-nav-my{ color: #7264FF; border: 1px solid #7264FF; border-radius: 50px;}

.contents{width: 100%; max-width: 1024px; margin: 0 auto; background: #fff; border: 1px solid rgba(0, 0, 0, .04); border-bottom: none; border-top-left-radius: 32px; border-top-right-radius: 32px;}

.footer{width: 100%; max-width: 1024px; margin: 0 auto; background: #fff; font-size: 12px; padding:0 30px 70px 30px; border: 1px solid rgba(0, 0, 0, .04); border-top: none; }
.footer .foot-logo{text-align: left; padding-top: 30px; margin-bottom: 20px; border-top: 1px solid rgba(0, 0, 0, 0.15);}
.footer .footer-link{display: flex; justify-content: space-between; align-items: center; align-self: stretch; margin-bottom: 10px;}
.footer .footer-link span{color: #000; font-size: 12px; font-weight: 600; line-height: normal; padding-right: 7px;}
.footer .footer-link span::after{content: '|'; color: #A3A3B0; font-size: 12px; font-weight: 400; line-height: normal; padding-left: 7px;}
.footer .footer-link span:last-child::after{display: none;}
.footer .footer-link span:last-child{padding-right: 0;}
.footer .foot-logo img{height: 40px;}
.footer .footer-cont{ text-align: left; color: #A3A3B0; }
.footer .footer-cont .copyright{color: #A3A3B0; font-size: 10px; font-weight: 400; margin-top: 7px;}

.page-contents{padding: 32px 32px 80px 32px;}

.page-tit{display: flex; align-items: center; gap: 15px; font-size: 20px; font-weight: 600; }
.btn-page-back{display: inline-block; width: 24px; height: 24px; background: url(../images/page_back.svg) no-repeat 50% 50%; background-size: 20px; cursor: pointer;}

.search-container-fluid{min-height: 600px;}
.search-page-area{display: flex; align-items: center; gap: 5px; justify-content: center;}
.search-page-area .search-field .search-box{width: 600px;}
.search-page-back{display: inline-block; width: 24px; height: 24px; background: url(../images/search_page_back.svg) no-repeat 50% 50%; background-size: 20px;}

.next-btn-area a{display: block;}
.join-check-area{display: flex; width: 100%; align-items: center; justify-content: space-between;}

.custom-tab { justify-content: center; border-bottom: 1px solid #dee2e6}
.custom-tab .nav-link {color: #A3A3AF; border: none; background: transparent; text-align: center; border-bottom: 3px solid transparent; top: -1px; font-size: 20px; font-weight: 600; width: 200px;}
.custom-tab .nav-link.active { border-color: var(--tf-dark); color: var(--tf-dark)}
.custom-tab .nav-link:hover {color: var(--tf-dark);}
.custom-tab .nav-link .counting{font-size: 13px; color: #A3A3AF; margin-left: 1px;}
.custom-tab .nav-link .counting::before{content: '(';}
.custom-tab .nav-link .counting::after{content: ')';}

.tab-nav { position: sticky; top: 0; z-index: 999; background: #fff;}
.tab-nav.area-class ul li:nth-child(1) .nav-link.active{ border-color: var(--tf-primary); color: var(--tf-primary)}
.tab-nav.area-class ul li:nth-child(2) .nav-link.active{ border-color: var(--tf-secondary); color: var(--tf-secondary)}

.search-results-warp{ display: flex; flex-direction: column; gap: 12px;}

.main-carousel-area{margin-bottom: 35px;}
.main-carousel-area .carousel-inner { transition: transform 0.6s ease-in-out; width: 960px; height: 320px; flex-shrink: 0; border-radius: 28px;  overflow: hidden;}
.main-carousel-area .carousel-indicators { margin-bottom: 15px;}
.main-carousel-area .carousel-indicators [data-bs-target]{width: 10px; height: 10px; margin: 0 3px; border: none; background: rgba(0, 0, 0, 0.4); display: block; border-radius: 10px;}
.main-carousel-area .carousel-indicators [data-bs-target].active{width: 30px;}
.main-carousel-area .carousel-control-prev,
.main-carousel-area .carousel-control-next {display: none; width: 44px; height: 44px; background-color: #fff; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,0.2); top: 50%; transform: translateY(-50%); opacity: 1; }
.main-carousel-area .carousel-control-prev{left: -20px;}
.main-carousel-area .carousel-control-next{right: -20px;}
.main-carousel-area .carousel-control-prev-icon,
.main-carousel-area .carousel-control-next-icon { width: 44px; height: 44px; background-size: 24px; background-position: center center; filter: invert(0.5);}
.main-carousel-area:hover .carousel-control-prev,
.main-carousel-area:hover .carousel-control-next{display: block;}


.member-wrapper{height: 100vh; width: 100%; max-width: 369px; margin: 120px auto 0 auto; }
.member-warp-title{font-size: 24px; font-weight: 600; text-align: center; margin-bottom: 20px;}
.member-warp-title .logo{width: 60%; margin: 0 auto;}
.member-warp-title .logo img{width: 100%;}
.member-wrapper .login-area{width: 100%;}
.member-wrapper .login-area form{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px;}
.member-wrapper .login-area form ul{width: 100%;}
.member-wrapper .login-area form ul li{margin-bottom: 10px;}
.member-wrapper .login-area button,
.member-wrapper .login-area input{width: 100%;}

.member-link{ color:#7e7e7f; font-size: 14px; margin-top: 30px; text-align: center;}
.member-link ul li{padding: 5px 0;}
.member-link a{color: var(--tf-primary); cursor: pointer;}

.link-text{ color:var(--tf-primary) !important; cursor: pointer;}
.underline-text{ text-decoration: underline !important; cursor: pointer;}
.input-comment{font-size: 12px; color: #6c757d; padding-left: 5px;}

.vh90{height: 70vh;}

.member-wrapper .input-group{position: relative;}
.member-wrapper .input-group .calc-time{position: absolute; top:10px; right: 110px; font-size: 11px;}
.modal-footer .btn{min-width: 100px;}

.search-container {width: 100%; max-width: 680px; margin: 20px auto 40px auto; display: flex; flex-direction: column; gap: 12px;}
.search-field{position: relative;}
.search-field .search-box{ border-radius: 25px; padding: 12px 20px; border: 1px solid rgb(236 236 239); width: 100%; height: 52px;}
.search-field .search-box::placeholder{color: #7F7F91; font-size: 16px; font-weight: 500; }
.search-field .search-box:focus{box-shadow: none;}
.search-field .search-btn {position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background-color: rgb(49 49 66); display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50px; cursor: pointer; }
.search-field .search-btn .svg-icon svg{ fill: #fff; }
.trend-keyword-box{display: flex; height: 32px; justify-content: center; align-items: center; gap: 10px;}
.trend-keyword-box .text-muted{color: #72728F; font-size: 12px; font-weight: 600; }
.trend-keyword-box .tag-title{font-size: 12px; font-weight: 600; color: #6c757d;}
.trend-keyword-box .keyword-tag-area{display: flex; align-items: flex-start; gap: 6px;}
.keyword-tag-area .tag-button{display: flex; cursor: pointer; height: 32px; border-radius: 8px; border: 1px solid #ECECEF; background: #F7F7F9; padding: 0px 8px; justify-content: center; align-items: center; gap: 10px; color: #313142; font-size: 12px; font-weight: 500; }
.keyword-tag-area .tag-button:hover { background: #e2e2e6; }
.category-section-container { position: relative; display: flex; justify-content: space-between; align-items:flex-end; gap: 50px;}
.category-section { width: 450px;}
.category-section-container .border-start{height: 210px;}
.category-header {width: 100%; margin-bottom: 10px;}

.custom-more-btn {border: 1px solid var(--tf-gray-400); color: var(--tf-gray-600); margin-top: 50px; font-weight: 500; height: 50px; border-radius: 6px; width: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; outline: none; }
.custom-more-btn:hover { border-color: var(--tf-gray-700); color: var(--tf-dark); background-color: var(--tf-gray-100); }
.custom-more-btn:focus,
.custom-more-btn:active { outline: none; box-shadow: none; }
.custom-more-btn .icon-rotate { transition: transform 0.4s ease; }
.custom-more-btn:hover .icon-rotate { transform: rotate(90deg); color: var(--tf-dark); }

.search-results-area{margin-bottom: 24px;}
.section-header{width: 100%;}
.section-title{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 72px;}
.section-title .text{color: var(--tf-dark); font-size: 20px; font-weight: 600;}
.section-title .text .list-counting{color: #7E7E8F; font-size: 16px; font-weight: 500;}
.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.category-menu {display: flex;  flex-direction: column; align-items: center; gap: 7px;}
.category-menu .category-icon {display: flex; width: 68px; height: 68px; align-items: center; gap: 10px; border-radius: 26px; overflow: hidden; border: 2px solid #F1F1F3; background: #FFF;}
.category-menu:hover .category-icon,
.category-menu.active .category-icon { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); }
.category-menu .category-icon img { width: 100%; height: auto; }
.category-menu .category-label {color: #7F7F91; font-size: 13px; font-weight: 600; }

.proof-review-tag{width: 100%; text-align: center; background:var(--tf-body-bg); padding-bottom: 10px;}
.proof-review-tag span{color: var(--tf-primary);}

.category-icon-menu{padding: 30px 0;}
.category-icon-menu .category-grid { grid-template-columns: repeat(8, 1fr); gap: 20px; }

.star{display: inline-block; width: 14px; height: 14px; background-image: url('/images/icon_star.svg'); background-size: cover; background-repeat: no-repeat;}
.star.on{background-image: url('/images/icon_star_full.svg');}
.star.half{background-image: url('/images/icon_star_half.svg');}
.star.full{background-image: url('/images/icon_star_full.svg');}

.card-container-area{margin-bottom: 50px;}

.event-card-container { width: 100%; max-width: 1200px; }
.event-card-list { display: flex; flex-wrap: wrap; gap: 50px 20px; justify-content: flex-start; }
.event-card { flex: 0 0 calc(25% - 20px); max-width: 300px; display: flex; flex-direction: column; gap: 16px; cursor: pointer;}
.event-card-img {border-radius: 10px; aspect-ratio: 1/1; border: 1px solid #E3E3E6; background: #f8f8f8; overflow: hidden;}
.event-card-img img { width: 100%; height: 100%; display: block;}
.event-card-cont{ display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap: 15px; line-height: 100%;}
.event-card-cont .board-name{color: #A3A3B1;}
.event-card-cont .title {color: var(--tf-dark); font-size: 18px; font-weight: 600; letter-spacing: -0.36px;}
.event-card-cont .price { font-size: 20px; font-weight: 600; }
.event-card-cont .price-info{color: #000018; font-size: 20px; font-weight: 600; }
.event-card-cont .price-info .discount { color: var(--tf-primary); margin-left: 2px;}
.event-card-cont .evaluate {color: var(--tf-dark); font-size: 13px;}
.event-card-cont .evaluate .star{ color: #fbbf24; margin-right: 4px; position: relative; top: 1px;}
.event-card-cont .evaluate .counting{color: #A3A3B1; margin-left: 2px;}
.event-card-cont .evaluate .counting::before{content: '('; padding-right: 3px;}
.event-card-cont .evaluate .counting::after{content: ')'; padding-left: 3px;}
.event-card-cont .net-price{text-decoration: line-through;}

.event-card-cont .price-history p{color: var(--tf-dark); font-size: 13px;}
.event-card-cont .price-history p .discount {font-weight: 600;}
.event-card-cont .price-history p .net-price{display: inline-block; padding-left: 5px;}
.event-card-cont .price-history .price{color: var(--tf-primary); font-size: 24px; line-height: 100%; }
.event-card-cont .price-history .price::after{content: '원'; font-size: 16px; font-weight: 600; position: relative; top: -2px;}


.review-card-container { display: flex; flex-wrap: wrap; gap: 50px 20px; justify-content: flex-start;}
.review-card { width: calc(33.333% - 14px); min-width: 260px; display: flex; flex-direction:column; gap: 16px; cursor: pointer;}
.review-card .review-card-img { display: flex; gap: 3px; border-radius: 10px; overflow: hidden; min-height: 215px;}

.review-card .review-card-cont-area .review-write-info{margin-bottom: 7px;}
.review-card .review-card-img img { object-fit: cover; }
.review-card .review-card-img .review-image-main { width: 65%; height: 100%; flex-shrink: 0;}
.review-card .review-card-img .review-image-main img{width: 100%; height: 100%;}
.review-card .review-card-img .review-image-thumbs { display: flex; flex-direction: column; gap: 3px; width: 35%; }
.review-card .review-card-img .review-image-thumbs span{height: 50%; background: #000;}
.review-card .review-card-img .review-image-thumbs span img{width: 100%; height: 100%;}
.review-card .review-card-img .review-image-thumbs span:last-child{position: relative;}
.review-card .review-card-img .review-image-thumbs span:last-child img{opacity: 0.7;}
.review-card .review-card-img .review-image-thumbs span:last-child .counting-more{position: absolute; top: 50%; left: 50%; z-index: 999; transform: translate(-50%, -50%); color: #FFF; font-size: 14px; font-weight: 600; }

.review-card .review-card-img.frame-two .review-image-thumbs span{height: 100%;}
.review-card .review-card-img.frame-one .review-image-thumbs{display: none;}
.review-card .review-card-img.frame-one .review-image-main{width: 100%; max-height: 215px;}

.review-card .review-product-info { width: 100%; display: flex; height: 80px; align-items: center; justify-content: space-between; padding: 0px 16px; border-radius: 16px; border: 1px solid #ECECEF; background: #F7F7F9;}
.review-card .review-product-info .sub-text{font-size: 14px; color: #7E7E8F; margin-bottom: 10px;}
.review-card .review-product-info dl{display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
.review-card .review-product-info .thumb{width: 40px; height: 40px; aspect-ratio: 1/1; border-radius: 8px; overflow: hidden; font-weight: 400; font-size: 12px;}
.review-card .review-product-info .thumb img{width: 100%; height: 100%;}
.review-card .review-product-info .product-badge {line-height: 100%; display: flex; flex-direction: column;}
.review-card .review-product-info .product-badge .title{color: var(--tf-dark); font-size: 14px; font-weight: 500; margin-bottom: 6px;}
.review-card .review-product-info .product-badge .price-info {font-size: 16px; font-weight: 600; }
.review-card .review-product-info .product-badge .price-info .discount { color: var(--tf-primary); font-weight: bold; margin-left: 3px;}

.review-card .review-write-info{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.review-card .review-write-info .reviewer {color: var(--tf-dark); font-size: 12px; font-weight: 600; line-height: 100%; }
.review-card .review-write-info .reviewer .review-date{display: inline-block; color: #A3A3B0; font-weight: 500; margin-left: 4px;}
.review-card .review-write-info .rating{display: flex; align-items: center; justify-content: flex-end; gap: 3px;}

.review-card-cont{color: var(--tf-dark);}
.review-card-cont .review-title { font-size: 16px; font-weight: 600; line-height: 120%; margin-bottom: 8px;}
.review-card-cont .review-text { font-size: 14px; font-weight: 500; line-height: 160%; height: 44px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.review-card-cont .review-more-link {color: #A3A3B0; font-size: 12px; font-weight: 500; line-height: 100%; cursor: pointer; margin-top: 6px;}

.brand-card-list { display: flex; flex-wrap: wrap; gap: 40px 20px; justify-content:flex-start;}
.brand-card {flex: 0 0 calc((100% - 48px) / 3); display: flex; flex-direction: column; gap: 16px; cursor: pointer;}
.brand-card-img { width: 100%; height: 160px; border-radius: 10px; border: 1px solid #E3E3E6; background: #f8f8f8; overflow: hidden;}
.brand-card-img img { width: 100%; height: 100%; display: block; }

.brand-card-cont .brand-info{color: var(--tf-dark); margin-bottom: 6px;}
.brand-card-cont .brand-info .brand-name{font-size: 16px; font-weight: 600;}
.brand-card-cont .brand-info .company{font-size: 13px;}
.brand-card-cont .brand-title .brand-name{color: #000018; font-size: 20px; font-weight: 600; line-height: 100%;}
.brand-card-cont .evaluate {display: flex; justify-content:flex-start; align-items: center; font-size: 14px;}
.brand-card-cont .evaluate .star{  margin-right: 4px; position: relative; top: 1px; color: var(--tf-dark); font-size: 13px; font-weight: 600;}
.brand-card-cont .evaluate .counting {color: #A3A3B1; margin-left: 2px; }
.brand-card-cont .evaluate .counting::before {content: '('; padding-right: 2px;}
.brand-card-cont .evaluate .counting::after {content: ')'; padding-left: 2px;}
.brand-card-cont .evaluate .info-counting{color: #A3A3B1; margin-left: 2px; padding-left: 6px;}
.brand-card-cont .evaluate .info-counting::before{content: '|'; padding-right: 6px;}
.brand-card-cont .evaluate.solo{margin-top: 15px;}
.brand-card-cont .evaluate.solo .info-counting:first-child::before{display: none;}
.brand-card-cont .evaluate.solo .info-counting em{font-style: normal;}

.brand-card-cont .brand-hashtag {display: flex; align-items: flex-start; gap: 5px;}
.brand-card-cont .brand-hashtag span{display: block; padding: 2px 7px 1px 7px; border-radius: 3px; background: #ECECEF; color: #313142; font-size: 12px; font-weight: 400; }

.term-box .term-cont h6{padding-top: 20px; padding-bottom: 5px;}
.term-box .term-cont .tit{padding-top: 20px; padding-bottom: 20px;}

.detail-brand-card{display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px; line-height: 100%;}
.detail-brand-card .brand-card-cont {display: flex; flex-direction: column; gap: 10px;}
.detail-brand-card .brand-card-thumb{width: 60px; height: 50px; border-radius: 8px; border: 1px solid #e5e6ec; overflow: hidden;}
.detail-brand-card .brand-card-thumb img{width: 100%; height: 100%;}

.page-contents.board-view{padding: 32px 0 32px 0;}
.page-contents.board-view .page-tit{padding: 0 32px;}

.tab-product-area{padding: 32px 32px 80px 32px; display: flex; flex-direction: column; gap: 50px;}

.product-detail-area{padding: 32px 32px 80px 32px; display: flex; flex-direction: column; gap: 50px;}
.community-detail-area{padding: 30px 20px 60px 20px;}

.board-data-detail{padding: 32px; border-bottom: 10px solid var(--tf-body-bg);}

.board-data-detail .review-card{min-width: 100%;}
.board-data-detail .review-card .review-write-info .reviewer{font-size: 16px; font-weight: 600;}
.board-data-detail .review-card .review-write-info .reviewer .review-date{display: block; font-size: 13px; color: #afafaf; padding-top: 5px; margin-left: 0;}
.board-data-detail .review-card .star { width: 24px; height: 24px; }

.product-detail-section .detail-tit{ display: flex; justify-content: space-between; align-items: center; color: #313142; height: 56px; margin-bottom: 20px;}
.product-detail-section .detail-tit h4{display: flex; flex-direction: column; gap: 7px; font-size: 18px; font-weight: 600; }
.product-detail-section .detail-tit h4 span{display: block; font-size: 14px;}
.product-detail-section .detail-tit .more-btn{color: #7E7E8F; font-size: 13px; font-weight: 500; line-height: 100%; }
.product-detail-section .detail-tit .more-btn::after{content: '>'; padding-left: 7px; position: relative; top: -1px;}
.product-detail-section .detail-tit .more-btn span{margin-left: 1px;}
.product-detail-section .detail-tit .more-btn span::before{content: '(';}
.product-detail-section .detail-tit .more-btn span::after{content: ')';}

.detail-cont{min-height: 200px;}

.product-detail-section .detail-cont{line-height: 160%;}
.login-guide-layer{display: none;}

.detail-cont.login-hidden-area{height: 250px; overflow: hidden; position: relative;}
/* .detail-cont.login-hidden-area .login-guide-layer{position: absolute; bottom: 0; width: 100%; display: flex; justify-content: center; align-items: center;} */
.detail-cont.login-hidden-area::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9); /* Solid semi-transparent white */
  pointer-events: none;
}

/* Make sure the guide layer appears over the gradient */
.detail-cont.login-hidden-area .login-guide-layer { position: absolute; bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255,255,255,0.85); /* optional: add a background for better readability */
}
.login-guide-cont { width: 100%; height: 250px; padding-top: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.95) 80%, transparent 100%); text-align: center; gap: 20px; }


.review-card-list { display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.review-text-card {background: #fff; border: 1px solid #eee;
  border-radius: 16px; padding: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); width: 100%;
  box-sizing: border-box; display: flex; flex-direction: column; gap: 10px;}
.review-text-card .review-stars {display: flex; align-items: flex-start; gap: 3px;}
.review-text-card .review-meta { color: var(--tf-dark); font-size: 12px; font-weight: 600; line-height: 100%; letter-spacing: -0.24px; margin-bottom: 6px;}
.review-text-card .review-meta span {color: #A3A3B0; font-weight: 500; margin-left: 4px;}
.review-text-card .review-text { font-size: 14px; color: var(--tf-dark); line-height: 160%; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.btn-area{display: flex; padding: 10px 32px 32px 32px; justify-content: center; align-items: flex-start; gap: 30px; align-self: stretch; background: #fff;}

.btn-warp{display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px;}
.btn-warp.right{justify-content: flex-end;}
.btn-warp.left{justify-content: flex-start;}
.btn-warp .btn{min-width: 200px; min-height: 40px; display: flex; justify-content: center; align-items: center;}

.community-detail-section{padding-top: 32px;}

.review-img-container{ padding: 0 0 0 32px;}
.review-img-list{ display: flex; gap: 10px; min-width: max-content;}
.review-img-list .review-img-card:last-child{margin-right: 32px;}
.review-img-card {position: relative; flex: 0 0 calc(20% - 15px); border: 1px solid #eee; border-radius: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); overflow: hidden; min-width: 190px; max-width: 220px; aspect-ratio: 1/1;}
/* .review-img-card img{width: 100%; height: 100%;} */
/* .review-img-card.login-hidden-img img{filter: blur(10px);} */
.review-img-card img { width: 100%; height: 100%; object-fit: cover; user-select: none; pointer-events: none; }

.review-img-card.login-hidden-img img { filter: grayscale(100%) brightness(60%); opacity: 0.8; }
.lock-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; color: #fff; opacity: 0.8; }
.lock-overlay .svg-icon{width: 50px; height: 50px;}
.lock-overlay .svg-icon svg{width: 50px; height: 50px; fill: #fff;}

.slide-img-container{ padding: 0 0 0 0;}
.slide-img-list{ display: flex; gap: 10px; min-width: max-content;}
.slide-img-list .slide-img-card {position: relative; flex: 0 0 calc(20% - 15px); border: 1px solid #eee; border-radius: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); overflow: hidden; min-width: 190px; max-width: 220px; aspect-ratio: 1/1;}
.slide-img-list .slide-img-card:last-child{margin-right: 32px;}
.slide-img-list .slide-img-card img{width: 100%; height: 100%;}

.scrollbox{overflow-x: auto; padding-bottom: 10px;}
.scrollbox::-webkit-scrollbar{ width: 7px; height: 7px; }
.scrollbox::-webkit-scrollbar-thumb{ background-color: rgba(255,255,255,1); border-radius: 10px;  border: 7px solid rgba(0,0,0,0.1); }
.scrollbox::-webkit-scrollbar-track{ background-color: rgba(0,0,0,0); }

.product-detail-area .review-card{ min-width: 100%; }
.product-detail-area .review-card .review-product-info{background: #fff; display: flex; padding: 16px 16px; align-items: center; justify-content: space-between; height: auto;}
.product-detail-area .review-card .review-product-info dl{gap: 12px;}
.product-detail-area .review-card .review-product-info .btn-area{padding: 0 0 0 0; align-items: center; gap: 20px;}
.product-detail-area .review-card .review-product-info .thumb{width: 56px; height: 56px; border-radius: 12px; font-weight: 400; font-size: 12px;}
.product-detail-area .review-card .review-product-info .product-badge .title{margin-bottom: 12px;}

.bottom-sticky-area{ position: sticky; bottom: 0; z-index: 999; background: #fff;}


.modal .form-row-list ul li{display: flex; justify-content:space-between; align-items: center; width: 100%; margin-bottom: 20px;}
.modal .form-row-list ul li label{display: block;}
.modal .form-row-list ul li input{width: 100%;}
.modal .form-row-list ul li div{width: 70%;}

.modal .modal-footer .btn-primary{min-width: 120px;}

.modal.main .layerpopup-cont{overflow: hidden; border: 1px solid rgba(0, 0, 0, .05); border-radius: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.15);}
.modal.main .layerpopup-cont img{width: 100%;}
.modal.main .showcheck{display: flex; justify-content: space-between; align-items: center; color: #fff;}
.modal.main .showcheck .btn .svg-icon svg{fill: #fff;}

.modal.layerpopup .modal-content{border-radius: 8px 8px 0 0 ; overflow: hidden;}
.modal.layerpopup .modal-body{padding: 0 0 0 0;}
.modal.layerpopup .modal-body .layerpopup-box img{object-fit: cover; max-width: 100%; height: auto; display: block}
.modal.layerpopup .modal-footer{padding: 0.5rem 0.75rem; display: flex; justify-content: space-between; align-items: center; background-color: #f8f9fa;}
.modal.layerpopup .modal-footer .form-check input{cursor: pointer;}
.modal.layerpopup .modal-footer .form-check label{cursor: pointer;}

.brand-carousel {padding: 20px 0 0 0;}
.brand-carousel .carousel{height: 340px; max-height: 340px; overflow: hidden;}

.brand-data-detail .brand-card .brand-card-cont{display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, .15);}
.brand-data-detail .brand-card-cont .brand-info{margin-bottom: 0; padding-top: 6px;}
.brand-data-detail .brand-card-cont .evaluate{gap: 10px;}
.brand-data-detail .brand-card-cont .evaluate .btn { color: #7264FF;  border-color: #7264FF; }
.brand-data-detail .brand-card-cont .evaluate .btn:hover { color:  var(--tf-primary); background: rgba(114, 100, 255, 0.05); border-color:  var(--tf-primary); }
.brand-data-detail .brand-card-cont .evaluate .btn span{color: var(--tf-primary);}
.brand-data-detail .brand-card-cont .brand-info .brand-name{font-size: 18px;}
.brand-data-detail .brand-card-cont .brand-info .company{color: #A3A3B0; margin-left: 5px;}
.brand-data-detail .brand-card-cont .brand-info .company::before{content: '|'; padding-right: 5px;}
.no-click {pointer-events: none;}
.community-warp{padding: 32px 0;}
.community-carousel-area{height: 130px; border-radius: 16px; overflow: hidden;}

.post-card-list .custom-more-btn{margin-top: 10px;}
.post-card-list ul li { display: flex; flex-wrap: wrap; gap: 50px; justify-content: flex-start; background: url(../images/community_divline.png) no-repeat 50% 50%;}
.post-card-list ul li{border-bottom: 1px solid #ddd; padding: 23px 0;}
.post-card-list ul li:last-child{border-bottom: none;}

.post-card{ position: relative; flex: 1 1 calc(50% - 50px); box-sizing: border-box; overflow: hidden; background: #fff; min-width: 250px; max-width: 100%; cursor: pointer; }
.post-card .post-thumbnail{position: absolute; top: 0px; right: 10px;}
.post-card .post-thumbnail img { width: 100%; height: 100%; display: block; object-fit: cover; width: 50px; height: 50px; overflow: hidden; border-radius: 5px; }
.post-card .post-content{padding: 0 10px;}
.post-card .badge-area{display: flex; justify-content: flex-start; align-items: center; gap: 5px;}
.post-card .badge { display: block; background-color: #f0f0f0; color: var(--tf-dark); font-size: 12px; line-height: 100%; font-weight: 500; padding: 3px 8px 2px 8px; border-radius: 4px; }
.post-card .badge.on{background: var(--tf-primary); color: #fff;}
.post-card .post-title { font-size: 18px; font-weight: 600; margin: 8px 0 5px 0; }
.post-card .post-preview { font-size: 14px; color: var(--tf-dark); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.post-card .post-meta { font-size: 12px; color: #888; display: flex; justify-content: space-between; margin-top: 12px;}
.post-card .post-meta .user-data{ font-size: 13px; color: #72728F;}
.post-card .post-meta .user{ color: var(--tf-dark);}
.post-card .post-meta .reply{ padding-left: 6px;}
.post-card .post-meta .reply::before{content: '|'; padding-right: 6px; color: #b9b9c3;}

.community-form-area h3{font-size: 18px; margin-bottom: 10px; font-weight: 600;}
.community-form-area li{margin-bottom: 30px;}
.community-form-area li:last-child{margin-bottom: 0px;}

.community-input-wrap {border: 1px solid #ccc; width: 100%; border-radius: 30px; overflow: hidden; position: relative; display: flex; align-items: center; gap: 6px; padding-right: 50px;}
.community-input-wrap .tag-input { border: none; display: block; width: 100%; padding: 13px 5px 14px 20px; font-size: 16px; outline: none;}
.community-input-wrap .save-tag-btn { height: 44px; width: 44px; position: absolute; top:3px; right: 3px; font-size: 18px; display: flex; align-items: center; justify-content: center; background-color: var(--tf-primary); color: #fff; border: none; border-radius: 30px;  }
.community-input-wrap .save-tag-btn .svg-icon{width: 24px; height: 24px;}
.community-input-wrap .save-tag-btn .svg-icon svg{fill: #fff;}

.tag-input-container { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.tag-input-container .tag { display: inline-flex; align-items: center; background-color: rgba(0, 140, 255, 0.05); border: 1px solid var(--tf-secondary); padding: 6px 10px; border-radius: 20px; font-size: 14px; color: var(--tf-secondary); }
.tag-input-container .remove-tag { margin-left: 10px; cursor: pointer; font-weight: bold; font-size: 14px; color: var(--tf-secondary); }
.tag-input-container .tag-input-wrap { position: relative; display: flex; align-items: center; gap: 6px; }
.tag-input-container .tag-input-wrap .tag-input { border: 1px solid #ccc; border-radius: 20px; padding: 6px 30px 6px 12px; font-size: 14px; outline: none; }
.tag-input-container .tag-input-wrap .save-tag-btn { position: absolute; top:3px; right: 3px; padding: 6px 7px 4px 7px; font-size: 12px; background-color: var(--tf-dark); color: #fff; border: none; border-radius: 20px; cursor: pointer; z-index: 99; transition: background-color 0.2s; }
.tag-input-container .save-tag-btn:hover {background-color: #222;}

.photo-input-container { display: flex; gap: 12px; align-items: center; flex-wrap: wrap;}
.photo-input-container .photo-box { position: relative; width: 100px; height: 100px; border-radius: 16px; overflow: hidden;}
.photo-input-container .photo-box img{width: 100%; aspect-ratio: 1/1;}
.photo-input-container .photo-box .delete-btn { position: absolute; top: 5px; right: 5px; background-color: rgba(0, 0, 0, 0.2); color: #fff; border-radius: 50%; width: 16px; height: 16px; font-size: 11px; line-height: 16px; text-align: center; cursor: pointer; }
.photo-input-container .photo-box:hover .delete-btn {background-color: rgba(0, 0, 0, 8); }
.photo-input-container .add-photo-label{ display: flex; width: 100px; height: 100px; font-size: 30px; font-weight: 500; justify-content: center; align-items: center; border: 1px dashed #ccc; color: #ccc; margin-bottom: 0; border-radius: 16px; background-color: #fff; }
.photo-input-container .add-photo-label:hover { border-color: var(--tf-dark); color: var(--tf-dark); }
.photo-input-container .add-photo-input { display: none; }

.community-write-info{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 32px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.community-write-info .title{font-size: 20px; font-weight: 600;}
.community-write-info .write-info{font-size: 13px; margin-top: 5px; color: #72728F; padding-left: 5px;}
.community-write-info .write-info .review-date::before{content: '|'; color: #b9b9c3; padding-right: 5px;}
.community-write-info #btn-delete-board .svg-icon{width: 24px; height: 24px;}
.community-write-info #btn-delete-board .svg-icon svg{width: 24px; height: 24px;}

.comment-list-wrap { margin: 0 auto; padding: 0px; color: #333; }

.comment-list-wrap .comment-title{ font-size: 18px; font-weight: 700; padding-bottom: 5px; border-bottom: 1px solid #7E7E8F;}
.comment-list-wrap .comment-title .count { font-size: 16px; font-weight: 500; margin-bottom: 16px; color: #72728F;}
.comment-list-wrap .comment-list { list-style: none; padding: 0; margin: 0; }

.comment-list-wrap .comment-item-box { padding: 17px 0; border-top: 1px dashed #eee; margin: 0 20px 0 40px; position: relative;}
.comment-list-wrap .comment-item-box:first-child{border-top: 1px solid #eee; margin: 0 0 0 0;}

.comment-list-wrap .comment-item-box::before{position: absolute; left: -25px; top: 12px; content: ''; display: block; width: 17px; height: 17px; background:url(../images/comment_reply.svg) no-repeat 0 0; background-size: cover;}
.comment-list-wrap .comment-item-box:first-child::before{ background: none;}

.comment-list-wrap .comment-info{display: flex; justify-content:space-between; align-items: center; line-height: 100%; margin-bottom: 7px;}
.comment-list-wrap .comment-info .comment-data{display: flex; justify-content:flex-start; align-items: center;}
.comment-list-wrap .comment-info .name { font-weight: 600;  font-size: 14px;}
.comment-list-wrap .comment-info .time { font-size: 13px; color: #999; padding-left: 6px;}
.comment-list-wrap .comment-info .time::before{content: '|'; padding-right: 6px;}
.comment-list-wrap .comment-info .comment-control a{display: inline-block; font-size: 11px; border: 1px solid #7E7E8F; color: #7E7E8F; padding: 1px 5px; border-radius: 5px;}
.comment-list-wrap .comment-cont { font-size: 14px; line-height: 140%;}
.comment-list-wrap .comment-more{font-size: 15px; font-weight: 700; display: flex; justify-content: flex-start; align-items: center; gap: 10px; cursor: pointer;}
.comment-list-wrap .comment-more i{font-size: 20px;}
.comment-list-wrap .comment-more .svg-icon{width: 20px; height: 20px;}

.none-click{cursor: auto !important;}

.mytry-info-area{margin: 20px 0 20px 0; color: #A3A3AF;}
.mytry-info-area .user-info-wrap { display: flex; align-items: center; gap: 40px; justify-content: space-between;}
.mytry-info-area .user-info-box { border-radius: 20px; padding: 20px; width: 300px; display: flex; flex-direction: column; justify-content: center; border: 1px solid #ccc;}
.mytry-info-area .user-data span{display: block; text-align: center;}
.mytry-info-area .user-data .name { font-size: 16px; margin-bottom: 3px; color: var(--tf-dark);}
.mytry-info-area .user-data .user-email { font-size: 13px; color: #666;}
.mytry-info-area .user-info-box .user-list { display: flex; justify-content: center; align-items: center; font-size: 14px; }
.mytry-info-area .user-info-box .user-list .icon {display: flex; justify-content: center; align-items: center; gap: 5px; line-height: 16px;}
.mytry-info-area .user-info-box .user-list .icon img{width: 16px;}
.mytry-info-area .user-info-box .user-list .label { color: var(--tf-dark);}
.mytry-info-area .user-info-box .user-list .count {font-weight: 600; font-size: 20px; color: var(--tf-dark); margin-left:10px; line-height: 100%;}
.mytry-info-area .user-auth-box {display: flex; flex-direction: column; gap: 20px; width: 100%; height: 100%;}
.mytry-info-area .user-auth-box .phone-input-wrap { border: 1px solid #ccc; border-radius: 999px; padding: 10px 20px; width: 100%;background: #ffffff; display: flex; align-items: center; justify-content: space-between; }
.mytry-info-area .user-auth-box .auth-status { font-size: 13px; color: #666; }
.mytry-info-area .user-auth-box .auth-status img{ width: 14px;}
.mytry-info-area .user-auth-box .phone-label { font-size: 18px; color: var(--tf-dark); margin-bottom: 10px; font-weight: 600;}
.mytry-info-area .user-auth-box .phone-input { border: none; background: transparent; font-size: 16px; flex: 1; outline: none; }
.mytry-info-area .user-auth-box .mytry-outline-area{display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
.mytry-info-area .user-auth-box .mytry-outline-area .login-time {font-size: 12px; color: #888; }
.mytry-info-area .user-auth-box .mytry-outline-area .btn { border-radius: 30px; width: 150px;}

.no-result-box{ width: 100%; height: 350px; display: flex; justify-content: center; align-items: center;}
.no-result-box .result-box-cont{text-align: center; display: flex; flex-direction: column; justify-content: center; gap: 20px; }
.no-result-box .result-box-cont h3{ font-size: 24px; }
.no-result-box .result-box-cont h3 p{font-weight: 500; font-size: 16px; margin-top: 5px; }
.no-result-box .result-box-cont .btn{width: 250px;}

.header-mytry-menu .dropdown-menu { border-radius: 16px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); border: none; padding: 10px 0; min-width: 180px; margin-top: 8px; }
.header-mytry-menu .dropdown-menu [data-bs-popper]{right: 0;}

.my-menu-item { padding: 12px 20px; font-weight: 500; color: #444; transition: background-color 0.2s; }

.my-menu-item:hover { background-color: #f5f5f5; }
.btn-nav-my::after { display: none !important; }



@media (max-width: 600px) {
  body{background: #fff;}

  .btn{font-size: 1rem;}
  .btn-lg, .btn-group-lg > .btn {font-size: 1.1rem;}

  .signup-warp .footer{display: none;}
  .signup-warp .contents{height: 100%;}
  .signup-warp .contents .page-tit{justify-content: center; font-size: 24px; font-weight: 600; margin: 40px 0 20px 0;}
  .signup-warp .contents .member-wrapper{height: 100%; margin: 0 auto; padding: 50px 10px 0 10px;}
  .signup-warp .contents .member-wrapper .form-control{padding: 22px 12px;}
  .signup-warp .contents .member-wrapper .form-control::placeholder{font-size: 14px;}
  .signup-warp .contents .member-wrapper .input-comment { font-size: 14px; padding-top: 2px; display: block; letter-spacing: -0.5px;}
  .signup-warp .contents .member-wrapper .form-check-label{ font-size: 14px;}
  .signup-warp .contents .member-wrapper .text-center{ font-size: 14px;}

  .main-warp{margin-top: 16px; margin-bottom: 30px;}
  .contents{margin-top: 12px;}

  .page-contents {padding: 10px 20px 10px 20px;}
  .layerpopup-warp{max-width: 320px; margin: 0 auto;}

  .header-warp{position: fixed; top: 0; left: 0; padding: 16px 20px; background: #fff; z-index: 999;}
  .header-warp .navbar-menu{position: fixed; bottom: 0; left: 0; justify-content: center; background: #fff; gap: 0px; width: 100%; z-index: 999; border-top: 1px solid var(--tf-gray-400);}
  .header-warp .navbar-menu .nav-item{flex: 1; width: 20%; text-align: center; white-space: nowrap;}
  .header-warp .navbar-menu .nav-item .nav-link{display: flex; height: 70px; align-items: center; justify-content: center; flex-direction: column; font-size: 12px; gap: 3px;}
  .header-warp .navbar-menu .nav-item .nav-link .nav-link-icon{display: block;}
  .header-warp .btn-nav-login{ width: 40px; padding: 0 0 0 0;}
  .header-warp .btn-nav-login .nav-link-icon{display: block;}
  .header-warp .btn-nav-login .text{display: none;}

  .search-container{margin:0px auto 20px auto;}
  .trend-keyword-box .tag-title{min-width: 55px;}
  .keyword-tag-area { display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 0.5rem;}
  .keyword-tag-area .tag-button{ white-space: nowrap; flex: 0 0 auto; font-size: 12px; }
  .keyword-tag-area::-webkit-scrollbar { display: none; }

  .main-carousel-area .carousel-inner{width: 100%; height: auto; aspect-ratio: 1/0.6;}
  .main-carousel-area .carousel-inner .carousel-item {width: 100%; height: 100%;}
  .main-carousel-area .carousel-inner .carousel-item img {width: 100%; height: 100%;}

  .tab-nav{background: #fff;}

  .section-title{height: 56px;}
  .section-title .text{font-size: 18px;}
  .section-title .more-button{font-size: 13px;}
  .section-title .more-button::after{width: 12px; height: 12px;}
  .main-carousel-area { margin-bottom: 20px; }
  
  .category-section{width: 100%;}
  .category-section-container {display: block;}
  .category-section-container .border-start{display: none;}
  .category-section-container .category-header{margin-bottom: 0;}
  
  .category-icon-menu {padding: 0px 0 20px 0;}
  .main-warp .category-grid{gap: 10px;}

  .category-icon-menu .category-grid{ justify-content: flex-start; display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;}
  .category-icon-menu .category-grid::-webkit-scrollbar { display: none; }


  .custom-tab .nav-link { font-size: 18px; width: auto; padding: 1.2rem 1rem 0.8rem 1rem;}

  .star {width: 12px; height: 12px;}

  .event-card-cont .evaluate .star{margin-right: 2px;}
  .event-card-cont .evaluate .counting::before{padding-right: 1px;}
  .event-card-cont .evaluate .counting::after{padding-left: 1px;}
  .event-card-container .event-card-list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; justify-content: center;}
  .event-card-img {width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block;}
  .event-card {gap: 8px; margin-bottom: 10px; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
  .event-card-cont{ gap: 6px; width: 100%; }
  .event-card-cont .title {width: 100%; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .event-card-cont .price-info { font-size: 14px;}
  .event-card-cont .price {font-size: 14px;}
  .event-card-cont .evaluate { font-size: 11px;}
  
  .brand-card-list{gap: 0;}
  
  .review-card-container{gap: 10px;}
  .review-card { width: 100%; flex-direction: row; justify-content:space-between;}
  .review-card .review-product-info{display: none;}
  .review-card .review-card-cont-area{width: 70%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .review-card .review-card-cont-area .review-card-cont .review-text{height: auto; line-height: 120%; width: 100%;}
  .review-card .review-card-img {min-height: 90px; height: 90px; width: 90px; border: 1px solid #E3E3E6;}
  .review-card .review-card-img .review-image-main{width: 100%;}
  .review-card .review-card-img .review-image-thumbs{display: none;}
  .review-card .review-card-img .review-image-main img{width: 100%; height: 100%;}
  .review-card .review-card-cont { width: 100%;}

  .page-contents.board-view .page-tit{padding: 0 20px;}

  .brand-card { flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; gap: 7px;}
  .brand-card .brand-card-cont .brand-info{margin-bottom: 0;}
  .brand-card .brand-card-cont .brand-info .company{display: block; margin-left: 0;}
  .brand-card .brand-card-cont .evaluate .btn{padding: 0.1rem 0.5rem; font-size: 12px;}
  .brand-card .brand-card-cont .evaluate .btn .counting{display: block;}

  .post-card { flex: 1 1 100%; }

  .community-carousel-area {margin-top: 20px;}
  .community-carousel-area img{width: 100%; height: 100%;}

  .footer .footer-link{flex-direction: column; align-items: flex-start; gap: 5px;}
  .footer{padding: 0 30px 90px 30px;}

  .post-card-list ul li {  background: none; gap: 20px; border-bottom: 0; padding: 23px 0 0 0;}

  .search-container-fluid{margin-top: 32px;}
  .search-page-area .search-field{width: 100%;}
  .search-page-area .search-field .search-box{width: 100%;}
  .search-page-area{width: 100%;}

  .page-tit {margin-top: 20px;}
  .community-write-info {padding: 32px 0 16px 0;}

  .brand-carousel .carousel { height: 200px; max-height: 200px;}
  .product-detail-area{gap: 0px;}

  .review-card-list{ flex-direction: column; gap: 13px;}

  .review-product-info{flex-direction: column; gap: 20px;}
  .review-product-cont{display: flex; flex-direction: column; align-items: flex-start; gap: 0px; width: 100%;}

  .mytry-info-area {margin: 10px 0 10px 0;}
  .mytry-info-area .user-info-wrap { gap: 20px; flex-direction: column;}
  .mytry-info-area .user-info-box{width: 100%;}
  .mytry-info-area .user-auth-box .mytry-outline-area {justify-content: space-between;}
  .mytry-info-area .user-auth-box .mytry-outline-area .btn{font-size: 14px;}
  .mytry-info-area .event-card .btn { font-size: 12px;padding: 0.375rem 0;}

  
}

@media (max-width: 414px) {
  .event-card{ width: 70px; margin: 0 auto;}
}


@media (max-width: 375px) {
  .signup-warp .contents .member-wrapper{height: 100%; margin: 0 auto; padding: 30px 30px 0 30px;}
  .signup-warp .contents .member-wrapper .mb-3 {margin-bottom: 0.5rem !important;}
  .signup-warp .contents .member-wrapper .mb-5 {margin-bottom: 1rem !important;}

}