.blenkit-page-container {
    max-width: 1360px;
}

.mobile-top-nav-icons li {
    margin: 0 0.5rem;
}

.Navbar-utill {
    background-color: var(--color-primary);
}

.Navbar-tit {
    color: var(--color-primary);
}

.Navbar-utill .utill-bot {
    margin-top: 0.5rem;
}

.Navbar-utill .utill-bot li a {
    display: flex;
}

.contentsstore-container.container,
.magazine-container.container,
.blenkitbiz-container.container {
    padding: 0;
    margin-top:230px
}

/* 섹션 헤더 스타일 */
.blenkit-section-header-container {
    width: 100%;
    text-align: center;
    margin-bottom: 3rem;
}

#together {
    color: #ededed;
}

#client,
#anotherday2 {
    color: #dbebe3;
}

#anotherday {
    color: #fce6c2;
}

#client2 {
    color: #f5f5f5;
}

#history {
    color: #fff;
}

#blenkit {
    color: #faf3df;
}

/* #special {
    color: #FFEDA7; 
} */

.blenkit-section-header-container .section-title {
    margin-bottom: 3rem;
}

.blenkit-section-header-container .section-title .text-bold {
    font-weight: 600;
}

.blenkit-section-header-container .section-title .section-eng-title {
    font-size: 5.625rem;
    font-family: "KCC-eunyoung", sans-serif;
    letter-spacing: -3.6px;
}

.blenkit-section-header-container .section-title .section-kor-title {
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.2;
}

.blenkit-section-header-container .section-title .negative-top {
    margin-top: -2.1rem;
}

.blenkit-section-header-container .section-title .section-sub-title {
    font-size: 1rem;
    font-weight: 300;
}

/*  컨텐츠스토어, 매거진 페이지 내 네비게이션 */
.blenkit-page-container .navbar {
    background-color: none;
    padding: 0;
    margin-bottom: 3rem;
}

.contentsstore-container .navbar {
    margin: unset;
}

.blenkit-page-container .container-fluid {
    background-color: #fdfdfd;
    border-top: #f0f0f0 solid 1px;
    border-bottom: #f0f0f0 solid 1px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.blenkit-page-container .magazines-header,
.blenkit-page-container .contentsstore-page-header,
.blenkitbiz-page-header {
    position: relative;
    height: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.blenkitbiz-page-header {
    margin-top: calc(1rem * 0.6 + 4.6 * 0.4 * (1vw - 0.2344rem) * 100 * 16 / (1400 - 375));
}

.blenkit-page-container .magazines-header h2,
.blenkit-page-container .contentsstore-page-header h2,
.blenkitbiz-page-header h2 {
    font-size: 1.7rem;
    font-weight: 600;
}

.blenkit-page-container .magazines-header ol.breadcrumb,
.blenkit-page-container .contentsstore-page-header ol.breadcrumb,
.blenkitbiz-page-header ol.breadcrumb {
    top: 0;
    right: 0;
    margin: 0;
    width: fit-content;
}

.blenkit-page-container .navbar a {
    text-decoration: none;
}

.blenkit-page-container .nav-link {
    color: #000;
}

.blenkit-page-container .navbar ul.navbar-nav {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.blenkit-page-container .navbar .dropdown {
    display: none;
}

.blenkit-page-container .navbar .dropdown .dropdown-menu {
    width: 100%;
    margin-top: 0;
    border: 0;
    padding-top: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 10px 14px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 10px 14px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 10px 14px rgba(0, 0, 0, 0.16);
}

.blenkit-page-container .navbar .dropdown .dropdown-toggle {
    border-radius: 0;
    border: 0;
    background-color: var(--color-secondary);
}

.blenkit-page-container .navbar .dropdown .dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 40%;
}

.blenkit-page-container .navbar li {
    text-transform: uppercase;
}

.blenkit-page-container .navbar li a {
    padding: 1.1rem 1.5rem;
    max-height: 111px;
}
.blenkit-page-container .navbar li a:hover{
    color:#4a7e64
}

.blenkit-page-container .navbar li a.active {
    color: white;
    background-color: var(--color-secondary);
    font-weight: 600;
}

/* 기관 로고 뷰*/
.organization-logos {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.organization-logos:after {
    content: "";
    flex: auto;
}

.organization-logos .organization-logo {
    max-width: 260px;
    height: 80px;
    border: 1px solid var(--color-light-border);
    display: flex;
    justify-content: center;
    margin: 0 5px 13px 15px;
    flex-basis: calc(20% - 10px);
}

.organization-logos .organization-logo img {
    align-self: center;
    max-width: calc(100% - 5px);
}

/* sub.css 오버라이드 */
.btn {
    padding: 0.375rem 0;
}

.btn a img {
    margin-right: 0.5rem;
}

a.btn {
    font-weight: 400;
}

a:hover {
    color: var(--color-green);
    cursor: pointer;
}

a.active {
    color: var(--color-green);
}

#header .layout .header-btm a.active {
    font-weight: 600;
}

.flex-40 {
    flex: 1;
    flex-basis: 40%;
}

.flex-20 {
    flex: 1;
    flex-basis: 20%;
}

.thin-info {
    font-size: 0.688rem;
    font-weight: 300;
    color: #5a5a5a;
}

.width-100 {
    width: 100%;
}

.padding-x {
    padding: 0 min(2rem, calc(2rem * 0.25 + 2 * 0.75 * (1vw - 0.2344rem) * 100 * 16 / (1400 - 375)));
}

.margin-bottom {
    margin-bottom: 2.5rem;
}

.layout-mg-fixer {
    margin: 0 auto 3rem;
}

.layout-mg-fixer-lg {
    margin: 0 auto 10rem;
}

.layout-width-fixer {
    max-width: 1200px;
}

#header .gnb li a.secondary-color {
    color: var(--color-secondary);
}

#header .gnb li a.secondary-color::before {
    content: "";
    padding-right: 0.2rem;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: url("/assets/icons/icon_my.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.total-payarea {
    margin: 1.563rem 0 1.5rem 0;
}

.btn-check span {
    font-weight: 400;
}

.area1 {
    margin-bottom: 2.5rem;
}

.area1 .titarea strong {
    font-weight: 400;
}

.btnarea2 {
    margin: 0;
}

.btnarea3 {
    margin-bottom: min(7rem, calc(7rem * 0.6 + 7 * 0.4 * ((1vw - 0.2344rem) * 100 * 16 / (1400 - 375))));
}

.btnarea3 .row1,
.btnarea3 .row2 {
    display: flex;
}

.btnarea2 .btn a,
.btnarea3 .btn a {
    background: unset;
    border: 1px solid #acacac;
    font-weight: 300;
    min-width: min(12.5rem, calc(12.5rem * 0.4 + 12.5 * 0.6 * ((1vw - 0.2344rem) * 100 * 16 / (1400 - 375))));
}

.btnarea2 .on a {
    background: var(--color-secondary);
    color: #fff;
    border: unset;
}

.text-bold {
    font-weight: 500;
}

.sub-titarea .sub-tit {
    font-size: 1.75rem;
}

.id_find .id_findarea,
.pw_find .pw_findarea {
    margin: 0 auto 3rem auto;
}

input::placeholder {
    font-size: 0.94rem;
    font-weight: 300;
}

.order-view .right-contents .row1 .btn {
    flex: 0 1 33%;
    margin: 0 0.5rem 0 0;
}

.order-view .right-contents .row2 .btn {
    flex: 0 1 40%;
    margin: 0 0.5rem 0 0;
}

.order-view .right-contents .btnarea2 {
    justify-content: unset;
}

.order-view .right-contents .btnarea2 .btn {
    flex: 0 1 50%;
    margin-right: 0.94rem;
}

.order-view .right-contents .btnarea2 .btn.gray-bg a {
    border: unset;
    margin: 0;
    background-color: #f8f8f8;
}

.cart .product-selectarea .notice-txtarea p {
    font-weight: 300;
}

.cart .cart-info .product-selectarea {
    max-width: unset;
}

.cart .product-selectarea .selectbox .txtarea .product-name {
    font-weight: 400;
    font-size: 1.063rem;
}
.cart .product-selectarea .selectbox .txtarea .close a {
    display: flex;
    align-items: center;
}
.customer .customer-tab ul {
    max-width: unset;
}

.members.join_complete .join-complete-area {
    border: 1px solid #dedede;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    padding: 4rem 3rem;
}

.members.join_complete .join-complete-area h2 {
    font-size: 1.5rem;
    margin-top: 2rem;
}

.members.join_complete .join-complete-area p {
    font-size: 0.875rem;
    font-weight: 300;
}

.members.join_complete .join-complete-container {
    display: flex;
    justify-content: center;
}

.user-type-selection-container .form-check {
    min-width: 7.45rem;
}

.login .loginarea a.btn:hover {
    color: #fff;
    background: var(--color-secondary-accent);
}

.order input.mg-r {
    margin-right: 0.8rem;
}

.order .order-personarea .row:nth-of-type(1) {
    flex-wrap: nowrap;
}

.order .order-personarea .row:nth-of-type(1) input {
    flex-basis: 35%;
}

.order .order-personarea .row:nth-of-type(1) a.input-btn {
    flex-basis: 25%;
}

.order input.width-unset,
.order a.width-unset {
    width: unset;
}

.order .order-info .left-contents {
    max-width: 758px;
}

.order .recipientarea .row:nth-of-type(7) select {
    font-weight: 300;
    font-size: 0.9rem;
}

.order .pay-methodarea .method-list {
    justify-content: unset;
}

.order .checkarea .view {
    display: flex;
}

.board-write .content .form-area .form-textarea::placeholder {
    font-weight: 400;
}

.mypage-top .top-txt {
    display: flex;
    justify-content: center;
}

.mypage-top .quick-menu li {
    flex: 1 1 18%;
    margin: 0 0.5rem;
}

.mypage-top .top-txt .red {
    padding-left: 0.3rem;
}

.mypage .common-list .list .state {
    flex-shrink: 0;
}

.shipping-status-1 .btn-review {
    display: none;
}

.shipping-status-0 .btn-cancel,
.shipping-status-2 .btn-cancel {
    display: none;
}

.shipping-status-0 .btn-exchange,
.shipping-status-1 .btn-exchange,
.shipping-status-0 .btn-return,
.shipping-status-1 .btn-return {
    display: none;
}

.shipping-status-0 .state strong {
    color: var(--color-secondary);
}

.mypage-cont .guide-content.row {
    border: 1px solid #ebebeb;
    border-left-color: transparent;
    border-right-color: transparent;
    margin: 3.2rem 0.1rem;
}

.mypage-cont .guide-content .guide-label {
    font-size: 1.063rem;
    font-weight: 300;
    background: #fcfcfc;
    padding: 2rem;
}

.mypage-cont .guide-content .guide-text {
    font-size: 0.875rem;
    font-weight: 300;
    padding: 2.5rem 4rem 2.5rem 3rem;
    letter-spacing: 0.8px;
}

.mypage-cont .guide-content .guide-text ul {
    list-style: "- ";
}

.mypage-cont .guide-content .guide-text li {
    margin-bottom: 1rem;
}

.mypage-cont .guide-content .shipping-info {
    border: 1px solid #ebebeb;
    border-left-color: transparent;
    border-right-color: transparent;
}

.mypage-cont .guide-content .guide-text.shipping-info li {
    margin-bottom: 0rem;
    text-indent: -3.8rem;
    padding-left: 3.8rem;
}

.mypage-cont .guide-content .guide-text.return-info li {
    margin-bottom: 0.3rem;
    margin-top: 1rem;
}

.members-withdrawal .withdrawal-reasonarea .content .form-area select.form-select,
.members-withdrawal .withdrawal-reasonarea .content .form-textarea::placeholder {
    font-weight: 400;
}

.board-list .list a .subject {
    display: unset;
}

.board-list .list a .subject p {
    font-size: 0.813rem;
}

.board-list .list a .subject.qna-subject {
    display: flex;
    justify-content: start;
}

.board-list .list a .subject.qna-subject strong,
.board-list .list a .subject.qna-subject span {
    padding-right: 0.5rem;
}

.board-list .list a .subject.qna-subject strong {
    font-size: 0.813rem;
    color: #5a5a5a;
}

.board-list .list a .subject.qna-subject strong::after {
    content: "|";
    padding-left: 0.5rem;
    font-size: 0.5rem;
    color: #e1e1e1;
}

.board-list .list a .subject strong {
    display: flex;
    align-items: center;
}

.board-list .list a .editor-date {
    padding-right: 2rem;
    color: #5a5a5a;
}

.board-write .content .form-area .row.flex-100 {
    flex: 0 1 100%;
}

.board-view .contents {
    padding: unset;
}

.board-view .subject,
.board-view .row {
    border: none;
}

.board-view .subject {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 3rem 1.2rem;
    background: #f5f9f7;
}

.board-view .subject .subject-left {
    display: flex;
    align-items: unset;
}

.board-view .subject .subject-left .qna-tag::after {
    content: "|";
    padding-left: 0.5rem;
    font-size: 0.7rem;
    color: #e1e1e1;
}

.board-view .subject .subject-left .qna-title {
    display: flex;
    padding-left: 0.5rem;
}

.board-view .txtarea {
    max-width: unset;
    margin: unset;
    text-align: unset;
    padding: 3rem 0 5rem 3rem;
}

.board-view .txtarea .prd-info {
    font-size: 1rem;
}

.board-view .txtarea p {
    line-height: 2.2rem;
    font-size: 0.938rem;
}

.board-view .row strong {
    width: unset;
    padding: 1.25rem 0.7rem 1.25rem 1.875rem;
}

.board-view .row p {
    font-size: 0.938rem;
    padding: 1.25rem 4.5rem 1.25rem 1rem;
}

.qna .board-view .row p {
    font-size: 0.938rem;
    padding: 1.25rem 1.5rem 1.25rem 1rem;
}

.qna .btnarea .prev-next-buttons {
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
}

.board-view .qnaarea {
    background: #fcfcfc;
    padding: 0 1rem 0 1.8rem;
}

.customer.qna .layout .btnarea {
    display: flex;
    justify-content: space-between;
    margin-top: 1.375rem;
}

.qna .btnarea .btn {
    margin: unset;
    padding-right: 1rem;
}

.mypage-cont .nav-content .review-list .list {
    display: flex;
    justify-content: space-around;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.2rem;
    padding: 0.5rem;
}

.myreview-list .review-list .list:nth-of-type(1),
.myreview-list .review-list .list:nth-of-type(2),
.myreview-list .review-list .list:nth-of-type(3),
.myreview-list .review-list .list:nth-of-type(4) {
    margin-top: unset;
}

.mypage-cont .nav-content .review-list .list .imgarea img {
    width: 100%;
    height: auto;
}

.mypage-cont .nav-content .review-list .list .card-body {
    padding: 0.7rem 1rem 1rem 1rem;
}

.mypage-cont .nav-content .review-list .list .card-body .review-rating,
.mypage-cont .nav-content .review-list .list .card-body .card-text {
    margin-bottom: 0.5rem;
}

.mypage-cont .nav-content .review-list .list .card-body .review-rating {
    display: flex;
}

.mypage-cont .nav-content .review-list .list .review-date {
    font-weight: 300;
    color: #959595;
}

.mypage .mypage-cont {
    margin-bottom: 0;
}

.mypage .mypage-cont .btnarea {
    margin-top: -1.25rem;
}

.mypage .btnarea2 .btn {
    flex: 0 1 calc(20% - 4px);
    padding: 0 0.5rem 0 0;
}

.order-cancle .cancle-reasonarea .content .form-select::selection {
    font-weight: 400;
}

.order-cancle .cancle-reasonarea .content .form-textarea::placeholder {
    font-weight: 400;
}

.order-cancle .right-contents .btn {
    flex: 0 1 calc(50% - 4px);
}

.area1 .content.pad-adjust {
    padding: 2.5rem 2.5rem 1.6rem;
}

.review-detailarea .area1 .content {
    height: 23.625rem;
}

.mypage .order-proarea .content.remove-top-pad {
    padding-top: unset;
}

.mypage .order-proarea .content .cont-wrap.add-top-line {
    padding-top: 1.875rem;
    border-top: 1px solid #e1e1e1;
}

.mypage-cont .location-list .list .right-btns {
    display: flex;
    align-items: baseline;
    flex-shrink: 0;
}

.mypage-cont .location-list .list .right-btns .btn a {
    display: table-cell;
    vertical-align: middle;
    width: 4.82rem;
    height: 2rem;
    line-height: 1.5rem;
    border: 1px solid #e1e1e1;
    text-align: center;
    color: #5a5a5a;
    font-size: 0.938rem;
}

.mypage-cont .location-list .list .right-btns .btn a.btn-delete {
    background: var(--color-secondary);
    color: #fff;
}

.mypage-cont .location-list .list .right-btns .right-element {
    margin-left: 0.3rem;
}

.mypage-cont .location-list .list .right-btns .btn.right-element a {
    color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

.mypage-cont .btnarea.right-btn {
    justify-content: flex-end;
    margin: 1rem 0 5rem 0;
}

.mypage-cont .btnarea.right-btn .btn a {
    background: var(--color-secondary);
    color: #fff;
}

.mypage-cont .delivery-location-registration {
    margin-bottom: 3rem;
}

.mypage-cont .delivery-location-registration .infoarea {
    margin-top: 1.875rem;
    text-align: center;
    color: #1c1c1c;
    font-size: 1.063rem;
    font-size: 1.25rem;
}

.mypage-cont .delivery-location-registration .infoarea .sub-info {
    color: #959595;
    font-size: 0.813rem;
}

.mypage-cont .delivery-location-registration .btnarea {
    margin-top: 2rem;
}

.mypage-cont .delivery-location-registration .btnarea .btn a {
    background: var(--color-secondary);
    color: #fff;
}

.mobile-social-list {
    font-size: 0.813rem;
    font-weight: 400;
}

.join .checkarea .checkarea-content .checkbox {
    display: flex;
    justify-content: space-between;
}

.join .checkarea-content.content .add-top-line {
    border-top: 1px solid #dedede;
    padding-top: 1.25rem;
}

.faq-list .list .question strong,
.faq-list .list .answer strong {
    color: var(--color-secondary);
    font-size: 1.875rem;
    font-weight: 500;
}

.customer .customer-tab li.effect1.on {
    background: #f5f9f7;
}
.customer .faq-tab li:hover,
.customer .faq-tab li:active {
    color: var(--color-primary);
}
.customer .customer-tab li a {
    font-size: 1.125rem;
    color: var(--color-primary);
}

.customer .customer-tab li.on a::before,
.customer .customer-tab li a:hover::before {
    color: unset;
    background: var(--color-primary);
}

.board-list .list a .complete strong {
    color: var(--color-secondary);
}

.board-write .content .form-area .form-area-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.board-write .content .form-area .row {
    flex: 0 1 calc(33.3% - 5px);
}

.location-write .board-write .content .form-area .row {
    flex: 0 1 calc(51% - 5px);
}

.board-write .content .form-area .row.biz-inquiry {
    flex: 0 1 calc(51.5% - 5px);
}

.board-write .content .form-area .row.inquiry {
    width: 100%;
    height: 120px;
    flex: unset;
}

.board-write .content .form-area .row.inquiry .form-background {
    height: 7.5rem;
}

.board-write .content .form-area .qna-write-row.inquiry .form-background {
    height: 7.5rem;
}

.board-write .content .form-area .qna-write-row {
    position: relative;
    flex: 0 1 calc(51% - 5px);
    display: flex;
    min-width: 0;
    height: 54px;
    margin-bottom: 1.25rem;
    border-radius: 4px;
    border: 1px solid transparent;
}

.board-write .content .form-area .qna-write-row.inquiry {
    width: 100%;
    flex: unset;
    height: 120px;
}

.board-write.writearea.area1 .content {
    padding: 2.5rem 2.5rem 1.5rem 2.5rem;
}

.customer.qna .layout .btnarea {
    justify-content: center;
}

/* wishlist */
.mypage-cont.contentsstore-container .contents .card {
    border-radius: unset;
    padding: 0.2rem;
    border: none;
}

.mypage-cont.contentsstore-container .contents .card .card-body {
    margin: 1rem 0;
}

.mypage-cont.contentsstore-container .content .card-img-top {
    border-radius: unset;
}

.mypage-cont.contentsstore-container .content .card-body .card-title-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mypage-cont.contentsstore-container .content .card-body .category-tag {
    color: var(--color-medium-gray);
    display: inline-block;
    font-size: 0.9rem;
    color: #909090;
}

.mypage-cont.contentsstore-container .content .card-body .prd-price {
    display: inline-block;
    font-size: 1.063rem;
    font-weight: 700;
}

.mypage-cont.contentsstore-container .content .card-body .card-title {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    font-weight: 400;
}

.mypage-cont.contentsstore-container .content .card-body .card-text {
    color: var(--color-medium-gray);
    font-size: 0.95rem;
    font-weight: 200;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.join_method #sub-content .sub-titarea .sub-tit {
    font-size: 28px;
    font-weight: 500;
}

.join_method .sns_login_btn li img.naver {
    position: absolute;
    margin-top: 0.8%;
    margin-left: 8.5%;
}

.join_method .sns_login_btn li img.kakao {
    position: absolute;
    margin-top: 0.6%;
    margin-left: 8.5%;
}

.join_method .sns_login_btn li a.naver {
    background-color: #19ce60;
    color: #fff;
    padding-left: 5%;
}

.join_method .sns_login_btn li a.kakao {
    background-color: #ffe903;
    color: #381e1e;
    padding-left: 5%;
}

.join_method .sns_login_btn li a.naver:hover {
    background-color: #19ce60;
}

.join_method .sns_login_btn li a.kakao:hover {
    background-color: #ffe903;
    color: #381e1e;
}

.join_method .login-sub-txt {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.join_method .sns_login_btn .login-sub-txt {
    margin-top: 1.875rem;
    text-align: justify;
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 300;
}

#sub-content.join_method {
    padding: 1rem 0;
}

#sub-content.join_method .loginarea ul.sns_login_btn {
    border-top: 1px solid #dedede;
    margin-top: 1rem;
}

#sub-content.join_method .loginarea ul.sns_login_btn a.btn {
    font-weight: 500;
    font-size: 0.938rem;
}

#sub-content.join_method .loginarea .join-btn {
    background: #fff;
    color: #1c1c1c;
    border: 1px solid #dedede;
}

.join .checkarea .checkarea-content .checkbox .checkbox-and-text {
    display: flex;
}

/* 영수증 셀렉터 */
.issue-receipt {
    display: flex;
    margin-bottom: 1rem;
    font-weight: 300;
}

.issue-receipt .form-check {
    padding: 0;
    display: flex;
    flex: 1 1 33%;
    align-items: center;
    min-width: fit-content;
}

.issue-receipt .form-check .form-check-input {
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    float: unset;
    margin: 0 0.5rem 0 0;
    padding: 0;
}

.issue-receipt .form-check .form-check-input:checked[type="radio"] {
    background-image: none;
    /* border: .125rem solid #fff; */
}

.issue-receipt .form-check .form-check-label {
    margin-right: 2.5rem;
}

.issue-receipt .form-check-input:checked {
    background-color: var(--color-primary);
    border: 1px solid #e1e1e1;
}

.min-width {
    min-width: 4.19rem;
}

/* Absolute align */
.xyalign {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.yalign {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.xalign {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* 미디어 쿼리 */
@media all and (max-width: 1400px) {

    .organization-logos .organization-logo {
        margin-left: 5px;
    }
}

@media all and (max-width: 1115px) {
    .issue-receipt {
        flex-wrap: wrap;
    }
    .organization-logos .organization-logo {
        flex-basis: calc(25% - 10px);
    }
    .organization-logos:after {
        max-width: 270px;
    }
  
}

@media all and (max-width: 1024px) {
  
    .order .order-info {
        flex-wrap: wrap;
    }

    .order .order-info .right-contents {
        max-width: 758px;
        margin-left: 2%;
        flex: 1 1 38%;
    }
}

@media all and (max-width: 842px) {
  
    .organization-logos .organization-logo {
        flex-basis: calc(33% - 10px);
    }
    .organization-logos:after {
        max-width: 552px;
    }
    .order .order-info .left-contents,
    .order .order-info .right-contents {
        flex: 1 1 100%;
    }
    .order .order-info .right-contents {
        margin-left: 0;
    }
}

@media all and (max-width: 830px) {
   
}

@media all and (max-width: 768px) {
    .mypage-top .quick-menu ul {
        flex-wrap: unset;
        justify-content: center;
        padding: 0 3rem;
    }
    .members-edit .members-infoarea .content .form-area {
        display: unset;
    }
    .order-return .right-contents .btnarea2,
    .order-exchange .right-contents .btnarea2 {
        justify-content: center;
    }
    .customer .faq-tab ul {
        flex-wrap: wrap;
    }
    .qna-write .board-write .content .form-area .form-area-top {
        flex-wrap: wrap;
    }
    .qna-write .board-write .content .form-area .qna-write-row:nth-of-type(1) {
        flex-basis: calc(50% - 5px);
    }
    .qna-write .board-write .content .form-area .qna-write-row:nth-of-type(2) {
        flex-basis: calc(50% - 5px);
        margin-right: 0;
    }
    .qna-write .board-write .content .form-area .qna-write-row:nth-of-type(3) {
        flex-basis: 100%;
    }
    .qna-write .board-write .content .form-area .qna-write-row.inquiry {
        flex-basis: 100%;
    }
}

@media all and (max-width: 674px) {
    .customer .faq-tab ul {
        width: unset;
    }
}

@media all and (max-width: 640px) {
    .mypage-top .top-txt,
    .mypage-top .quick-menu ul {
        flex-wrap: wrap;
    }
    .mypage .common-list .list {
        padding-top: 2rem;
        height: 180px;
    }
    .mypage .common-list .list {
        position: relative;
    }
    .mypage .common-list .list .subject {
        flex-direction: row;
    }
    .mypage .common-list .list .state {
        position: absolute;
        height: 2rem;
        top: 0;
        right: 0;
        line-height: unset;
        border-bottom: 1px solid #e1e1e1;
    }
    .mypage .common-list .list .subject .pricearea {
        margin-top: 2rem;
    }
    .cancle-complete .btnarea .btn a {
        width: 180px;
    }
    .mypage .common-list .list .state strong {
        font-size: 0.75rem;
    }
    .mypage .common-list .list .state strong span {
        margin-top: 0;
    }
    .mypage-top .quick-menu li {
        flex: 1 1 30%;
        margin: 0;
    }
    .mypage-top .quick-menu li:nth-child(-n + 4) {
        margin-bottom: 1rem;
    }
    .location-write .board-write .content .form-area .row {
        flex: 0 1 100%;
    }
    .join .checkarea .checkarea-content .checkbox .btn-check span {
        width: unset;
    }
    .customer .faq-tab ul {
        width: unset;
    }
    .footer .footer-top .company-section p .text-divider {
        font-size: 0.3rem;
    }
}

@media all and (max-width: 587px) {
    .organization-logos .organization-logo {
        flex-basis: calc(50% - 10px);
    }
}

@media all and (max-width: 576px) {
   
    .blenkit-page-container .navbar .container-fluid {
        padding: 0;
    }
    .mypage .common-list .list .subject .pricearea {
        flex-shrink: 0;
    }
    .mypage-top .quick-menu ul {
        padding: 0 1rem;
    }
    .join_method .login-sub-txt {
        text-align: left;
    }
    .order .order-personarea .row:nth-of-type(1) {
        flex-wrap: wrap;
    }
    .order .order-personarea .row:nth-of-type(1) input:nth-of-type(1) {
        flex-basis: 100%;
        margin-bottom: 1rem;
        margin-right: 0;
    }
    .order .order-personarea .row:nth-of-type(1) input {
        flex-basis: 45%;
    }
    .order .order-personarea .row:nth-of-type(1) a.input-btn {
        flex-basis: 45%;
    }
    .order input.mg-r {
        margin-right: 0;
    }
    .blenkit-section-header-container .section-title {
        margin: 2.3rem 0 1.2rem;
    }
}

@media all and (max-width: 414px) {
    .mypage-top .top-txt {
        justify-content: center;
        font-size: 0.9rem;
    }
    .qna .btnarea .prev-next-buttons .btn {
        padding-right: 0;
    }
    .org-logos-wrapper {
        padding: 0 0.5rem;
    }
    .organization-logos .organization-logo {
        width: unset;
        height: 51px;
        border: 1px solid var(--color-light-border);
        display: flex;
        justify-content: center;
        margin: 0 5px 10px 5px;
    }
    .organization-logos .organization-logo img {
        max-width: calc(75% - 5px);
        max-height: calc(70% - 5px);
    }
    .mypage-top .quick-menu li a .menu-tit {
        font-size: 0.65rem;
    }
    .mypage-top .top-txt .no-shrink {
        flex-shrink: 0;
    }
}

@media all and (max-width: 375px) {
    .mypage-top .top-txt,
    .mypage-top .top-txt .name {
        font-size: 0.9rem;
    }
    .cart .product-selectarea .selectbox .txtarea .product-name {
        font-size: 0.9rem;
    }
    .issue-receipt .form-check .form-check-label {
        margin-right: 0;
    }
}
@media all and (max-width: 320px) {
   
    .mypage-top .quick-menu li a .menu-tit {
        font-size: 0.75rem;
    }
}


.blenkit-page-navigation .pagination {
    display: flex;
    justify-content: center;
    margin: 2rem 0 6rem 0;
    align-items: center;
}

.blenkit-page-navigation .pagination li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(0.25rem * 0.6 + 0.25 * 0.4 * (1vw - 0.2344rem) * 100 * 16 / (1400 - 375));
}

.blenkit-page-navigation .pagination li a {
    display: flex;
    border: none;
    justify-content: center;
    align-items: center;
    width: unset;
    height: unset;
    line-height: unset;
}

.blenkit-page-navigation .pagination li a.active {
    color: #fff;
    background-color: var(--color-primary);
}

.blenkit-page-navigation .pagination .page-item .page-link.prevnext {
    border: 1px solid #ebebeb;
    border-radius: 0;
    margin: 0 calc(1rem * 0.6 + 1 * 0.4 * (1vw - 0.2344rem) * 100 * 16 / (1400 - 375));
    line-height:1
}


/* .blenkit-page-navigation .pagination .page-item .page-link.prevnext img {
    padding: 0.375rem 0.2rem;
} */

@media all and (max-width: 320px) {
    .footer .footer-top .company-section p {
        font-size: 0.688rem;
    }
}